@fusion.dev/helix 0.25.1 → 0.30.0

package/types/jsx.d.ts

@@ -1269,6 +1269,15 @@ Used for the label and the initials. */
 
 Falls back to the slot, or to initials, if it fails. */
   src?: (HelixAvatar["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?: (HelixAvatar["status"]) | undefined;
 
   /** Relayed from the image when it fails. */
   onerror?: ((e: HelixAvatarElementEvent) => void) | undefined;
@@ -1289,6 +1298,15 @@ Used for the label and the initials. */
 
 Falls back to the slot, or to initials, if it fails. */
   "prop:src"?: (HelixAvatar["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"?: (HelixAvatar["status"]) | undefined;
   /** Relayed from the image when it fails. */
   "on:error"?: ((e: HelixAvatarElementEvent) => void) | undefined;
   /** Relayed from the image once it has loaded. */
@@ -2679,7 +2697,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?: (HelixCarousel["controls"]) | undefined;
   /** Slide to start on, where nothing declared one. */
-  "default-index"?: (HelixCarousel["defaultIndex"]) | undefined;
+  "default-index"?: (HelixCarousel["defaultIndex"] | `${number}`) | undefined;
   /** Slide to start on, where nothing declared one. */
   defaultIndex?: (HelixCarousel["defaultIndex"]) | undefined;
   /** How long each slide is held, in milliseconds. */
@@ -2716,7 +2734,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"?: (HelixCarousel["perView"]) | undefined;
+  "per-view"?: (HelixCarousel["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
@@ -2910,7 +2928,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"?: (HelixCarousel["controls"]) | undefined;
   /** Slide to start on, where nothing declared one. */
-  "attr:default-index"?: (HelixCarousel["defaultIndex"]) | undefined;
+  "attr:default-index"?: (HelixCarousel["defaultIndex"] | `${number}`) | undefined;
   /** Slide to start on, where nothing declared one. */
   "prop:defaultIndex"?: (HelixCarousel["defaultIndex"]) | undefined;
   /** How long each slide is held, in milliseconds. */
@@ -2947,7 +2965,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"?: (HelixCarousel["perView"]) | undefined;
+  "attr:per-view"?: (HelixCarousel["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
@@ -3892,8 +3910,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixColorInput["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixColorInputElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixColorInputElementEvent) => void) | undefined;
   /** Fired before the color changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -3908,6 +3924,8 @@ Here rather than on each control. */
   "onhelix-before-open"?: ((
     e: HelixColorInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixColorInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixColorInputElementEvent) => void) | undefined;
 };
@@ -4023,8 +4041,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixColorInput["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixColorInputElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixColorInputElementEvent) => void) | undefined;
   /** Fired before the color changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -4038,6 +4054,8 @@ Here rather than on each control. */
   "on:helix-before-open"?: ((
     e: HelixColorInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixColorInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixColorInputElementEvent) => void) | undefined;
 
@@ -4165,8 +4183,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixColorPicker["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixColorPickerElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixColorPickerElementEvent) => void) | undefined;
   /** Fired before the color changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -4183,6 +4199,8 @@ Here rather than on each control. */
   "onhelix-sample-start"?: ((
     e: HelixColorPickerHelixSampleStartElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixColorPickerElementEvent) => void) | undefined;
 };
 
 export type HelixColorPickerSolidJsProps = {
@@ -4285,8 +4303,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixColorPicker["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixColorPickerElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixColorPickerElementEvent) => void) | undefined;
   /** Fired before the color changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -4302,6 +4318,8 @@ Here rather than on each control. */
   "on:helix-sample-start"?: ((
     e: HelixColorPickerHelixSampleStartElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixColorPickerElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -4356,7 +4374,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
+  "max-tags"?: (HelixCombobox["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4469,8 +4487,6 @@ what keeps a composed control and the control inside it from answering
 differently: they are one chooser to a consumer. */
   selectedIndex?: (HelixCombobox["selectedIndex"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixComboboxElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixComboboxElementEvent) => void) | undefined;
   /** Fired before the chosen option changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -4487,6 +4503,8 @@ differently: they are one chooser to a consumer. */
   "onhelix-create"?: ((e: HelixComboboxHelixCreateElementEvent) => void) | undefined;
   /** Fired as the reader types, carrying the text the list is being narrowed to. Cancelable: refusing it leaves the list whole, and is how a consumer takes the filtering for themselves. */
   "onhelix-filter"?: ((e: HelixComboboxHelixFilterElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixComboboxElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixComboboxElementEvent) => void) | undefined;
 };
@@ -4520,7 +4538,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"?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixCombobox["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixCombobox["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4633,8 +4651,6 @@ what keeps a composed control and the control inside it from answering
 differently: they are one chooser to a consumer. */
   "prop:selectedIndex"?: (HelixCombobox["selectedIndex"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixComboboxElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixComboboxElementEvent) => void) | undefined;
   /** Fired before the chosen option changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -4652,6 +4668,8 @@ differently: they are one chooser to a consumer. */
   "on:helix-create"?: ((e: HelixComboboxHelixCreateElementEvent) => void) | undefined;
   /** Fired as the reader types, carrying the text the list is being narrowed to. Cancelable: refusing it leaves the list whole, and is how a consumer takes the filtering for themselves. */
   "on:helix-filter"?: ((e: HelixComboboxHelixFilterElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixComboboxElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixComboboxElementEvent) => void) | undefined;
 
@@ -5209,11 +5227,11 @@ say that without the component knowing what a row looks like. */
   /** Column order to open with, where nothing declared one. */
   defaultOrder?: (HelixDataTable["defaultOrder"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "default-page"?: (HelixDataTable["defaultPage"]) | undefined;
+  "default-page"?: (HelixDataTable["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   defaultPage?: (HelixDataTable["defaultPage"]) | undefined;
   /** Page size to open with, where nothing declared one. */
-  "default-page-size"?: (HelixDataTable["defaultPageSize"]) | undefined;
+  "default-page-size"?: (HelixDataTable["defaultPageSize"] | `${number}`) | undefined;
   /** Page size to open with, where nothing declared one. */
   defaultPageSize?: (HelixDataTable["defaultPageSize"]) | undefined;
   /** Keys to open with selected, comma separated, where nothing declared any. */
@@ -5320,7 +5338,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"?: (HelixDataTable["pageSize"]) | undefined;
+  "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
@@ -5408,11 +5426,11 @@ say that without the component knowing what a row looks like. */
   /** Column order to open with, where nothing declared one. */
   "prop:defaultOrder"?: (HelixDataTable["defaultOrder"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "attr:default-page"?: (HelixDataTable["defaultPage"]) | undefined;
+  "attr:default-page"?: (HelixDataTable["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   "prop:defaultPage"?: (HelixDataTable["defaultPage"]) | undefined;
   /** Page size to open with, where nothing declared one. */
-  "attr:default-page-size"?: (HelixDataTable["defaultPageSize"]) | undefined;
+  "attr:default-page-size"?: (HelixDataTable["defaultPageSize"] | `${number}`) | undefined;
   /** Page size to open with, where nothing declared one. */
   "prop:defaultPageSize"?: (HelixDataTable["defaultPageSize"]) | undefined;
   /** Keys to open with selected, comma separated, where nothing declared any. */
@@ -5519,7 +5537,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"?: (HelixDataTable["pageSize"]) | undefined;
+  "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
@@ -5603,6 +5621,30 @@ export type HelixDateInputHelixBeforeOpenElementEvent =
   HelixDateInputElementEvent<HelixBeforeOpenEvent>;
 
 export type HelixDateInputProps = {
+  /** 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?: (HelixDateInput["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?: (HelixDateInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -5631,7 +5673,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixDateInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixDateInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5714,7 +5756,7 @@ submits and what `min` and `max` compare against. */
   /** Days of the week that cannot be chosen, `0` for Sunday through `6`. */
   disableDays?: (HelixDateInput["disableDays"]) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
-  "first-day-of-week"?: (HelixDateInput["firstDayOfWeek"]) | undefined;
+  "first-day-of-week"?: (HelixDateInput["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
   firstDayOfWeek?: (HelixDateInput["firstDayOfWeek"]) | undefined;
   /** Language tag the calendar names its months and days in. */
@@ -5737,30 +5779,6 @@ first. The panel is sized by its content, so this widens it. */
   months?: (HelixDateInput["months"]) | undefined;
   /** What the field says before a date is in it. */
   placeholder?: (HelixDateInput["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?: (HelixDateInput["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?: (HelixDateInput["readOnly"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -5813,8 +5831,6 @@ reader makes in one of these. */
   /** The value as milliseconds since the epoch, or `NaN` while there is no date. */
   valueAsNumber?: (HelixDateInput["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixDateInputElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixDateInputElementEvent) => void) | undefined;
   /** Fired before the date changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -5829,11 +5845,37 @@ reader makes in one of these. */
   "onhelix-before-open"?: ((
     e: HelixDateInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixDateInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixDateInputElementEvent) => void) | undefined;
 };
 
 export type HelixDateInputSolidJsProps = {
+  /** 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"?: (HelixDateInput["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"?: (HelixDateInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -5862,7 +5904,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"?: (HelixDateInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixDateInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5945,7 +5987,7 @@ submits and what `min` and `max` compare against. */
   /** Days of the week that cannot be chosen, `0` for Sunday through `6`. */
   "prop:disableDays"?: (HelixDateInput["disableDays"]) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
-  "attr:first-day-of-week"?: (HelixDateInput["firstDayOfWeek"]) | undefined;
+  "attr:first-day-of-week"?: (HelixDateInput["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
   "prop:firstDayOfWeek"?: (HelixDateInput["firstDayOfWeek"]) | undefined;
   /** Language tag the calendar names its months and days in. */
@@ -5968,30 +6010,6 @@ first. The panel is sized by its content, so this widens it. */
   "prop:months"?: (HelixDateInput["months"]) | undefined;
   /** What the field says before a date is in it. */
   "prop:placeholder"?: (HelixDateInput["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"?: (HelixDateInput["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"?: (HelixDateInput["readOnly"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -6044,8 +6062,6 @@ reader makes in one of these. */
   /** The value as milliseconds since the epoch, or `NaN` while there is no date. */
   "prop:valueAsNumber"?: (HelixDateInput["valueAsNumber"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixDateInputElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixDateInputElementEvent) => void) | undefined;
   /** Fired before the date changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -6059,6 +6075,8 @@ reader makes in one of these. */
   "on:helix-before-open"?: ((
     e: HelixDateInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixDateInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixDateInputElementEvent) => void) | undefined;
 
@@ -6105,7 +6123,7 @@ a reset should return to. */
   /** Days of the week that cannot be chosen, comma separated, `0` to `6`. */
   disableDays?: (HelixDatePicker["disableDays"]) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
-  "first-day-of-week"?: (HelixDatePicker["firstDayOfWeek"]) | undefined;
+  "first-day-of-week"?: (HelixDatePicker["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
   firstDayOfWeek?: (HelixDatePicker["firstDayOfWeek"]) | undefined;
   /** Whether the current selection fails validation. */
@@ -6227,8 +6245,6 @@ reader makes in one of these. */
   /** The value as milliseconds since the epoch, or `NaN` while there is no date. */
   valueAsNumber?: (HelixDatePicker["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixDatePickerElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixDatePickerElementEvent) => void) | undefined;
   /** Fired before the dates change, and cancelable. */
@@ -6237,6 +6253,8 @@ reader makes in one of these. */
   ) => void) | undefined;
   /** Fired before the month on show changes, and cancelable. */
   "onhelix-navigate"?: ((e: HelixDatePickerHelixNavigateElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixDatePickerElementEvent) => void) | undefined;
 };
 
 export type HelixDatePickerSolidJsProps = {
@@ -6264,7 +6282,7 @@ a reset should return to. */
   /** Days of the week that cannot be chosen, comma separated, `0` to `6`. */
   "prop:disableDays"?: (HelixDatePicker["disableDays"]) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
-  "attr:first-day-of-week"?: (HelixDatePicker["firstDayOfWeek"]) | undefined;
+  "attr:first-day-of-week"?: (HelixDatePicker["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
   "prop:firstDayOfWeek"?: (HelixDatePicker["firstDayOfWeek"]) | undefined;
   /** Whether the current selection fails validation. */
@@ -6386,8 +6404,6 @@ reader makes in one of these. */
   /** The value as milliseconds since the epoch, or `NaN` while there is no date. */
   "prop:valueAsNumber"?: (HelixDatePicker["valueAsNumber"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixDatePickerElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixDatePickerElementEvent) => void) | undefined;
   /** Fired before the dates change, and cancelable. */
   "on:helix-before-change"?: ((
@@ -6395,6 +6411,8 @@ reader makes in one of these. */
   ) => void) | undefined;
   /** Fired before the month on show changes, and cancelable. */
   "on:helix-navigate"?: ((e: HelixDatePickerHelixNavigateElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixDatePickerElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -7372,14 +7390,14 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixFileInput["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixFileInputElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixFileInputElementEvent) => void) | undefined;
   /** Fired before the chosen files change, with their names. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-before-change"?: ((
     e: HelixFileInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixFileInputElementEvent) => void) | undefined;
 };
 
 export type HelixFileInputSolidJsProps = {
@@ -7436,13 +7454,13 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixFileInput["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixFileInputElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixFileInputElementEvent) => 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: HelixFileInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixFileInputElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -7817,7 +7835,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixFilterInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixFilterInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -7881,8 +7899,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixFilterInput["name"]) | undefined;
 
-  /** Announced once the text has moved. */
-  oninput?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Relayed from the input once the reader has finished. */
   onchange?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
@@ -7903,6 +7919,8 @@ Here rather than on each control. */
   "onhelix-facet"?: ((e: HelixFilterInputHelixFacetElementEvent) => void) | undefined;
   /** A suggestion was chosen: the option's own, heard here because it bubbles out of `suggestions`. Cancelable: refusing it takes the decision from any other listener, and this field never acts on a choice itself, since what it means is the page's. */
   "onhelix-select"?: ((e: HelixFilterInputHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the text has moved. */
+  oninput?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Says the panel moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixFilterInputElementEvent) => void) | undefined;
 };
@@ -7936,7 +7954,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"?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixFilterInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixFilterInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -7999,8 +8017,6 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixFilterInput["name"]) | undefined;
-  /** Announced once the text has moved. */
-  "on:input"?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Relayed from the input once the reader has finished. */
   "on:change"?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
@@ -8021,6 +8037,8 @@ Here rather than on each control. */
   "on:helix-facet"?: ((e: HelixFilterInputHelixFacetElementEvent) => void) | undefined;
   /** A suggestion was chosen: the option's own, heard here because it bubbles out of `suggestions`. Cancelable: refusing it takes the decision from any other listener, and this field never acts on a choice itself, since what it means is the page's. */
   "on:helix-select"?: ((e: HelixFilterInputHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the text has moved. */
+  "on:input"?: ((e: HelixFilterInputElementEvent) => void) | undefined;
   /** Says the panel moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixFilterInputElementEvent) => void) | undefined;
 
@@ -8256,7 +8274,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"?: (HelixHeatmap["minCell"]) | undefined;
+  "min-cell"?: (HelixHeatmap["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
@@ -8344,7 +8362,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"?: (HelixHeatmap["minCell"]) | undefined;
+  "attr:min-cell"?: (HelixHeatmap["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
@@ -9049,11 +9067,11 @@ is broken. */
   /** What the clear button is called, since an icon has no name of its own. */
   clearLabel?: (HelixInput["clearLabel"]) | undefined;
   /** Most characters the value may have. */
-  maxlength?: (HelixInput["maxLength"]) | undefined;
+  maxlength?: (HelixInput["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   maxLength?: (HelixInput["maxLength"]) | undefined;
   /** Fewest characters the value may have. */
-  minlength?: (HelixInput["minLength"]) | undefined;
+  minlength?: (HelixInput["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have. */
   minLength?: (HelixInput["minLength"]) | undefined;
   /** A regular expression the value has to match, as the platform reads it.
@@ -9166,14 +9184,14 @@ be anyway. */
   /** Where the selection starts, as an offset into the value. */
   selectionStart?: (HelixInput["selectionStart"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixInputElementEvent) => void) | undefined;
   /** Relayed from the input once the reader has finished. */
   onchange?: ((e: HelixInputElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
   "onhelix-before-change"?: ((
     e: HelixInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixInputElementEvent) => void) | undefined;
 };
 
 export type HelixInputSolidJsProps = {
@@ -9213,11 +9231,11 @@ is broken. */
   /** What the clear button is called, since an icon has no name of its own. */
   "prop:clearLabel"?: (HelixInput["clearLabel"]) | undefined;
   /** Most characters the value may have. */
-  "attr:maxlength"?: (HelixInput["maxLength"]) | undefined;
+  "attr:maxlength"?: (HelixInput["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   "prop:maxLength"?: (HelixInput["maxLength"]) | undefined;
   /** Fewest characters the value may have. */
-  "attr:minlength"?: (HelixInput["minLength"]) | undefined;
+  "attr:minlength"?: (HelixInput["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have. */
   "prop:minLength"?: (HelixInput["minLength"]) | undefined;
   /** A regular expression the value has to match, as the platform reads it.
@@ -9329,14 +9347,14 @@ be anyway. */
   "prop:selectionEnd"?: (HelixInput["selectionEnd"]) | undefined;
   /** Where the selection starts, as an offset into the value. */
   "prop:selectionStart"?: (HelixInput["selectionStart"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixInputElementEvent) => void) | undefined;
   /** Relayed from the input once the reader has finished. */
   "on:change"?: ((e: HelixInputElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
   "on:helix-before-change"?: ((
     e: HelixInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixInputElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -10108,8 +10126,6 @@ answers: a single index cannot describe a set, and `value` is the property
 that can. */
   selectedIndex?: (HelixListbox["selectedIndex"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixListboxElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixListboxElementEvent) => void) | undefined;
   /** Fired when the answer changes, and cancelable. */
@@ -10118,6 +10134,8 @@ that can. */
   ) => void) | undefined;
   /** Fired before the list narrows, and cancelable. */
   "onhelix-filter"?: ((e: HelixListboxHelixFilterElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixListboxElementEvent) => void) | undefined;
 };
 
 export type HelixListboxSolidJsProps = {
@@ -10223,8 +10241,6 @@ answers: a single index cannot describe a set, and `value` is the property
 that can. */
   "prop:selectedIndex"?: (HelixListbox["selectedIndex"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixListboxElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixListboxElementEvent) => void) | undefined;
   /** Fired when the answer changes, and cancelable. */
   "on:helix-before-change"?: ((
@@ -10232,6 +10248,8 @@ that can. */
   ) => void) | undefined;
   /** Fired before the list narrows, and cancelable. */
   "on:helix-filter"?: ((e: HelixListboxHelixFilterElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixListboxElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -10320,7 +10338,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"?: (HelixMegamenu["fullBelow"]) | undefined;
+  "full-below"?: (HelixMegamenu["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
@@ -10411,7 +10429,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"?: (HelixMegamenu["fullBelow"]) | undefined;
+  "attr:full-below"?: (HelixMegamenu["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
@@ -11378,7 +11396,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"?: (HelixNumberInput["largeStep"]) | undefined;
+  "large-step"?: (HelixNumberInput["largeStep"] | `${number}`) | undefined;
   /** How far `PageUp` and `PageDown` move.
 
 Ten steps, which is the convention every spinner on the platform follows,
@@ -11445,14 +11463,14 @@ is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
   valueAsNumber?: (HelixNumberInput["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixNumberInputElementEvent) => void) | undefined;
   /** Relayed from the field once the reader has finished. */
   onchange?: ((e: HelixNumberInputElementEvent) => void) | undefined;
   /** Fired as the value changes, and cancelable. */
   "onhelix-before-change"?: ((
     e: HelixNumberInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixNumberInputElementEvent) => void) | undefined;
 };
 
 export type HelixNumberInputSolidJsProps = {
@@ -11495,7 +11513,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"?: (HelixNumberInput["largeStep"]) | undefined;
+  "attr:large-step"?: (HelixNumberInput["largeStep"] | `${number}`) | undefined;
   /** How far `PageUp` and `PageDown` move.
 
 Ten steps, which is the convention every spinner on the platform follows,
@@ -11561,14 +11579,14 @@ Here rather than on each control. */
 is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
   "prop:valueAsNumber"?: (HelixNumberInput["valueAsNumber"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixNumberInputElementEvent) => void) | undefined;
   /** Relayed from the field once the reader has finished. */
   "on:change"?: ((e: HelixNumberInputElementEvent) => void) | undefined;
   /** Fired as the value changes, and cancelable. */
   "on:helix-before-change"?: ((
     e: HelixNumberInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixNumberInputElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -11592,7 +11610,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"?: (HelixObjectInspector["defaultDepth"]) | undefined;
+  "default-depth"?: (HelixObjectInspector["defaultDepth"] | `${number}`) | undefined;
   /** How many levels start open.
 
 One by default: the root is open and everything under it closed, so a
@@ -11640,7 +11658,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"?: (HelixObjectInspector["defaultDepth"]) | undefined;
+  "attr:default-depth"?: (HelixObjectInspector["defaultDepth"] | `${number}`) | undefined;
   /** How many levels start open.
 
 One by default: the root is open and everything under it closed, so a
@@ -12064,7 +12082,7 @@ Not reflected, for the reason `ends` is not: it decides what renders, so
 nothing has to select on it. */
   compact?: (HelixPagination["compact"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "default-page"?: (HelixPagination["defaultPage"]) | undefined;
+  "default-page"?: (HelixPagination["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   defaultPage?: (HelixPagination["defaultPage"]) | undefined;
   /** Whether to offer a jump to the first and last pages.
@@ -12150,7 +12168,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"?: (HelixPagination["pageSize"]) | undefined;
+  "page-size"?: (HelixPagination["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page.
 
 Only arithmetic: this does not slice anything, because the component never
@@ -12204,7 +12222,7 @@ Not reflected, for the reason `ends` is not: it decides what renders, so
 nothing has to select on it. */
   "prop:compact"?: (HelixPagination["compact"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "attr:default-page"?: (HelixPagination["defaultPage"]) | undefined;
+  "attr:default-page"?: (HelixPagination["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   "prop:defaultPage"?: (HelixPagination["defaultPage"]) | undefined;
   /** Whether to offer a jump to the first and last pages.
@@ -12290,7 +12308,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"?: (HelixPagination["pageSize"]) | undefined;
+  "attr:page-size"?: (HelixPagination["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page.
 
 Only arithmetic: this does not slice anything, because the component never
@@ -12345,7 +12363,7 @@ export type HelixPaginationSizeHelixBeforeChangeElementEvent =
 
 export type HelixPaginationSizeProps = {
   /** Size to start on, where nothing declared one. */
-  "default-value"?: (HelixPaginationSize["defaultValue"]) | undefined;
+  "default-value"?: (HelixPaginationSize["defaultValue"] | `${number}`) | undefined;
   /** Size to start on, where nothing declared one. */
   defaultValue?: (HelixPaginationSize["defaultValue"]) | undefined;
   /** The size in force.
@@ -12375,7 +12393,7 @@ is dropped rather than rendered as an option that cannot mean anything. */
 
 export type HelixPaginationSizeSolidJsProps = {
   /** Size to start on, where nothing declared one. */
-  "attr:default-value"?: (HelixPaginationSize["defaultValue"]) | undefined;
+  "attr:default-value"?: (HelixPaginationSize["defaultValue"] | `${number}`) | undefined;
   /** Size to start on, where nothing declared one. */
   "prop:defaultValue"?: (HelixPaginationSize["defaultValue"]) | undefined;
   /** The size in force.
@@ -12429,7 +12447,7 @@ Absent uses the runtime's own. */
   /** The page on show, one-based. */
   page?: (HelixPaginationSummary["page"]) | undefined;
   /** How many items are on a page. */
-  "page-size"?: (HelixPaginationSummary["pageSize"]) | undefined;
+  "page-size"?: (HelixPaginationSummary["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page. */
   pageSize?: (HelixPaginationSummary["pageSize"]) | undefined;
   /** How many items there are across every page. */
@@ -12458,7 +12476,7 @@ Absent uses the runtime's own. */
   /** The page on show, one-based. */
   "prop:page"?: (HelixPaginationSummary["page"]) | undefined;
   /** How many items are on a page. */
-  "attr:page-size"?: (HelixPaginationSummary["pageSize"]) | undefined;
+  "attr:page-size"?: (HelixPaginationSummary["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page. */
   "prop:pageSize"?: (HelixPaginationSummary["pageSize"]) | undefined;
   /** How many items there are across every page. */
@@ -12576,8 +12594,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixPinInput["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixPinInputElementEvent) => void) | undefined;
   /** Announced with a filled code, and when an edited one loses focus. */
   onchange?: ((e: HelixPinInputElementEvent) => void) | undefined;
   /** Fired as the code changes, and cancelable. */
@@ -12586,6 +12602,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when the last box is filled. */
   "onhelix-complete"?: ((e: HelixPinInputHelixCompleteElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixPinInputElementEvent) => void) | undefined;
 };
 
 export type HelixPinInputSolidJsProps = {
@@ -12684,8 +12702,6 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixPinInput["name"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixPinInputElementEvent) => void) | undefined;
   /** Announced with a filled code, and when an edited one loses focus. */
   "on:change"?: ((e: HelixPinInputElementEvent) => void) | undefined;
   /** Fired as the code changes, and cancelable. */
@@ -12694,6 +12710,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when the last box is filled. */
   "on:helix-complete"?: ((e: HelixPinInputHelixCompleteElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixPinInputElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -13139,8 +13157,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixRadioGroup["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
   /** Fired when the answer changes, and cancelable. */
@@ -13149,6 +13165,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when an answer is chosen. Dispatched by the radio and listened for here, because the group is what a consumer holds. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-select"?: ((e: HelixRadioGroupHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
 };
 
 export type HelixRadioGroupSolidJsProps = {
@@ -13207,8 +13225,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixRadioGroup["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
   /** Fired when the answer changes, and cancelable. */
   "on:helix-before-change"?: ((
@@ -13216,6 +13232,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when an answer is chosen. Dispatched by the radio and listened for here, because the group is what a consumer holds. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-select"?: ((e: HelixRadioGroupHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixRadioGroupElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -13523,14 +13541,14 @@ is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
   valueAsNumber?: (HelixRating["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixRatingElementEvent) => void) | undefined;
   /** Announced with it, the choice being the commit. */
   onchange?: ((e: HelixRatingElementEvent) => void) | undefined;
   /** Fired before the score changes, and cancelable. */
   "onhelix-before-change"?: ((
     e: HelixRatingHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixRatingElementEvent) => void) | undefined;
 };
 
 export type HelixRatingSolidJsProps = {
@@ -13662,14 +13680,14 @@ Here rather than on each control. */
 is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
   "prop:valueAsNumber"?: (HelixRating["valueAsNumber"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixRatingElementEvent) => void) | undefined;
   /** Announced with it, the choice being the commit. */
   "on:change"?: ((e: HelixRatingElementEvent) => void) | undefined;
   /** Fired before the score changes, and cancelable. */
   "on:helix-before-change"?: ((
     e: HelixRatingHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixRatingElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -13818,7 +13836,7 @@ export type HelixSandboxProps = {
   /** What a reset makes the panel, in pixels.
 
 The pair to `panel-size`. */
-  "default-panel-size"?: (HelixSandbox["defaultPanelSize"]) | undefined;
+  "default-panel-size"?: (HelixSandbox["defaultPanelSize"] | `${number}`) | undefined;
   /** What a reset makes the panel, in pixels.
 
 The pair to `panel-size`. */
@@ -13834,7 +13852,7 @@ sandbox back to the size it already was.
 
 Declared rather than captured, so it is a number a consumer states and can
 change, and it needs no first frame to be read on. */
-  "default-split"?: (HelixSandbox["defaultSplit"]) | undefined;
+  "default-split"?: (HelixSandbox["defaultSplit"] | `${number}`) | undefined;
   /** Where a reset puts the divider, where nothing declared it.
 
 Separate from `split` for the reason `Splitter` keeps `default-position`
@@ -13870,7 +13888,7 @@ the same thing in both directions: thirty percent to whatever comes first. */
 Zero closes it outright. A panel whose contents include the control that
 reopens it, a row of tabs being the usual one, wants that row left showing,
 and only whoever slotted it knows how tall that is. */
-  "panel-collapsed-size"?: (HelixSandbox["panelCollapsedSize"]) | undefined;
+  "panel-collapsed-size"?: (HelixSandbox["panelCollapsedSize"] | `${number}`) | undefined;
   /** What the panel's height becomes when it is closed.
 
 Zero closes it outright. A panel whose contents include the control that
@@ -13882,7 +13900,7 @@ and only whoever slotted it knows how tall that is. */
   /** Accessible name for the panel's divider. */
   panelLabel?: (HelixSandbox["panelLabel"]) | undefined;
   /** Height of the panel, in pixels. */
-  "panel-size"?: (HelixSandbox["panelSize"]) | undefined;
+  "panel-size"?: (HelixSandbox["panelSize"] | `${number}`) | undefined;
   /** Height of the panel, in pixels. */
   panelSize?: (HelixSandbox["panelSize"]) | undefined;
   /** Accessible name for the divider. */
@@ -13918,7 +13936,7 @@ export type HelixSandboxSolidJsProps = {
   /** What a reset makes the panel, in pixels.
 
 The pair to `panel-size`. */
-  "attr:default-panel-size"?: (HelixSandbox["defaultPanelSize"]) | undefined;
+  "attr:default-panel-size"?: (HelixSandbox["defaultPanelSize"] | `${number}`) | undefined;
   /** What a reset makes the panel, in pixels.
 
 The pair to `panel-size`. */
@@ -13934,7 +13952,7 @@ sandbox back to the size it already was.
 
 Declared rather than captured, so it is a number a consumer states and can
 change, and it needs no first frame to be read on. */
-  "attr:default-split"?: (HelixSandbox["defaultSplit"]) | undefined;
+  "attr:default-split"?: (HelixSandbox["defaultSplit"] | `${number}`) | undefined;
   /** Where a reset puts the divider, where nothing declared it.
 
 Separate from `split` for the reason `Splitter` keeps `default-position`
@@ -13970,7 +13988,7 @@ the same thing in both directions: thirty percent to whatever comes first. */
 Zero closes it outright. A panel whose contents include the control that
 reopens it, a row of tabs being the usual one, wants that row left showing,
 and only whoever slotted it knows how tall that is. */
-  "attr:panel-collapsed-size"?: (HelixSandbox["panelCollapsedSize"]) | undefined;
+  "attr:panel-collapsed-size"?: (HelixSandbox["panelCollapsedSize"] | `${number}`) | undefined;
   /** What the panel's height becomes when it is closed.
 
 Zero closes it outright. A panel whose contents include the control that
@@ -13982,7 +14000,7 @@ and only whoever slotted it knows how tall that is. */
   /** Accessible name for the panel's divider. */
   "prop:panelLabel"?: (HelixSandbox["panelLabel"]) | undefined;
   /** Height of the panel, in pixels. */
-  "attr:panel-size"?: (HelixSandbox["panelSize"]) | undefined;
+  "attr:panel-size"?: (HelixSandbox["panelSize"] | `${number}`) | undefined;
   /** Height of the panel, in pixels. */
   "prop:panelSize"?: (HelixSandbox["panelSize"]) | undefined;
   /** Accessible name for the divider. */
@@ -14371,8 +14389,6 @@ what keeps a composed control and the control inside it from answering
 differently: they are one chooser to a consumer. */
   selectedIndex?: (HelixSelect["selectedIndex"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixSelectElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixSelectElementEvent) => void) | undefined;
   /** Relayed from the listbox when the answer changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -14383,6 +14399,8 @@ differently: they are one chooser to a consumer. */
   "onhelix-before-close"?: ((e: HelixSelectHelixBeforeCloseElementEvent) => void) | undefined;
   /** Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-before-open"?: ((e: HelixSelectHelixBeforeOpenElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixSelectElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixSelectElementEvent) => void) | undefined;
 };
@@ -14511,8 +14529,6 @@ what keeps a composed control and the control inside it from answering
 differently: they are one chooser to a consumer. */
   "prop:selectedIndex"?: (HelixSelect["selectedIndex"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixSelectElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixSelectElementEvent) => void) | undefined;
   /** Relayed from the listbox when the answer changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -14524,6 +14540,8 @@ differently: they are one chooser to a consumer. */
   ) => void) | undefined;
   /** Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-open"?: ((e: HelixSelectHelixBeforeOpenElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixSelectElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixSelectElementEvent) => void) | undefined;
 
@@ -14685,14 +14703,14 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixSlider["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixSliderElementEvent) => void) | undefined;
   /** Relayed once the reader has let go. */
   onchange?: ((e: HelixSliderElementEvent) => void) | undefined;
   /** Fired as the value changes, and cancelable. */
   "onhelix-before-change"?: ((
     e: HelixSliderHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixSliderElementEvent) => void) | undefined;
 };
 
 export type HelixSliderSolidJsProps = {
@@ -14786,14 +14804,14 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixSlider["name"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixSliderElementEvent) => void) | undefined;
   /** Relayed once the reader has let go. */
   "on:change"?: ((e: HelixSliderElementEvent) => void) | undefined;
   /** Fired as the value changes, and cancelable. */
   "on:helix-before-change"?: ((
     e: HelixSliderHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixSliderElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -15236,7 +15254,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"?: (HelixSplitter["collapsedSize"]) | undefined;
+  "collapsed-size"?: (HelixSplitter["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
@@ -15271,7 +15289,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?: (HelixSplitter["defaultCollapsed"]) | undefined;
   /** Where the divider starts, where nothing declared it. */
-  "default-position"?: (HelixSplitter["defaultPosition"]) | undefined;
+  "default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, where nothing declared it. */
   defaultPosition?: (HelixSplitter["defaultPosition"]) | undefined;
   /** Accessible name for the divider. */
@@ -15357,7 +15375,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"?: (HelixSplitter["collapsedSize"]) | undefined;
+  "attr:collapsed-size"?: (HelixSplitter["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
@@ -15392,7 +15410,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"?: (HelixSplitter["defaultCollapsed"]) | undefined;
   /** Where the divider starts, where nothing declared it. */
-  "attr:default-position"?: (HelixSplitter["defaultPosition"]) | undefined;
+  "attr:default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, where nothing declared it. */
   "prop:defaultPosition"?: (HelixSplitter["defaultPosition"]) | undefined;
   /** Accessible name for the divider. */
@@ -16537,7 +16555,7 @@ submitted nothing. `ElementInternals` takes a `FormData`, which is how one
 element sends two entries, and that is what this does. */
   dirName?: (HelixTextarea["dirName"]) | undefined;
   /** Most characters the value may have. */
-  maxlength?: (HelixTextarea["maxLength"]) | undefined;
+  maxlength?: (HelixTextarea["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   maxLength?: (HelixTextarea["maxLength"]) | undefined;
   /** Fewest characters the value may have.
@@ -16546,7 +16564,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?: (HelixTextarea["minLength"]) | undefined;
+  minlength?: (HelixTextarea["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have.
 
 Forwarded to the real `<textarea>` rather than checked here, which is what
@@ -16610,14 +16628,14 @@ which is where an empty field's caret would be anyway. */
   /** Where the selection starts, as an offset into the value. */
   selectionStart?: (HelixTextarea["selectionStart"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixTextareaElementEvent) => void) | undefined;
   /** Relayed from the textarea once the reader has finished. */
   onchange?: ((e: HelixTextareaElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
   "onhelix-before-change"?: ((
     e: HelixTextareaHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixTextareaElementEvent) => void) | undefined;
 };
 
 export type HelixTextareaSolidJsProps = {
@@ -16676,7 +16694,7 @@ submitted nothing. `ElementInternals` takes a `FormData`, which is how one
 element sends two entries, and that is what this does. */
   "prop:dirName"?: (HelixTextarea["dirName"]) | undefined;
   /** Most characters the value may have. */
-  "attr:maxlength"?: (HelixTextarea["maxLength"]) | undefined;
+  "attr:maxlength"?: (HelixTextarea["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   "prop:maxLength"?: (HelixTextarea["maxLength"]) | undefined;
   /** Fewest characters the value may have.
@@ -16685,7 +16703,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"?: (HelixTextarea["minLength"]) | undefined;
+  "attr:minlength"?: (HelixTextarea["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have.
 
 Forwarded to the real `<textarea>` rather than checked here, which is what
@@ -16748,14 +16766,14 @@ which is where an empty field's caret would be anyway. */
   "prop:selectionEnd"?: (HelixTextarea["selectionEnd"]) | undefined;
   /** Where the selection starts, as an offset into the value. */
   "prop:selectionStart"?: (HelixTextarea["selectionStart"]) | undefined;
-  /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixTextareaElementEvent) => void) | undefined;
   /** Relayed from the textarea once the reader has finished. */
   "on:change"?: ((e: HelixTextareaElementEvent) => void) | undefined;
   /** Fired as the text changes, and cancelable. */
   "on:helix-before-change"?: ((
     e: HelixTextareaHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixTextareaElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -16779,6 +16797,30 @@ export type HelixTimeInputHelixBeforeOpenElementEvent =
   HelixTimeInputElementEvent<HelixBeforeOpenEvent>;
 
 export type HelixTimeInputProps = {
+  /** 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?: (HelixTimeInput["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?: (HelixTimeInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -16807,7 +16849,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixTimeInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixTimeInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -16851,30 +16893,6 @@ why a wheel cannot do either. */
   mode?: (HelixTimeInput["mode"]) | undefined;
   /** What the field says before a time is in it. */
   placeholder?: (HelixTimeInput["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?: (HelixTimeInput["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?: (HelixTimeInput["readOnly"]) | undefined;
   /** How far apart the offered times are, in minutes. */
   step?: (HelixTimeInput["step"]) | undefined;
   /** Whether the field writes the time out, or holds the value as it is.
@@ -16946,8 +16964,6 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   /** The value as milliseconds since midnight, or `NaN` while there is no time. */
   valueAsNumber?: (HelixTimeInput["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixTimeInputElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixTimeInputElementEvent) => void) | undefined;
   /** Fired before the time changes. Cancelable: refusing it takes the decision and nothing moves. */
@@ -16962,11 +16978,37 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   "onhelix-before-open"?: ((
     e: HelixTimeInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixTimeInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   ontoggle?: ((e: HelixTimeInputElementEvent) => void) | undefined;
 };
 
 export type HelixTimeInputSolidJsProps = {
+  /** 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"?: (HelixTimeInput["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"?: (HelixTimeInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -16995,7 +17037,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"?: (HelixTimeInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixTimeInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -17039,30 +17081,6 @@ 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;
-  /** 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"?: (HelixTimeInput["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"?: (HelixTimeInput["readOnly"]) | undefined;
   /** How far apart the offered times are, in minutes. */
   "prop:step"?: (HelixTimeInput["step"]) | undefined;
   /** Whether the field writes the time out, or holds the value as it is.
@@ -17134,8 +17152,6 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   /** The value as milliseconds since midnight, or `NaN` while there is no time. */
   "prop:valueAsNumber"?: (HelixTimeInput["valueAsNumber"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixTimeInputElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixTimeInputElementEvent) => void) | undefined;
   /** Fired before the time changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
@@ -17149,6 +17165,8 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   "on:helix-before-open"?: ((
     e: HelixTimeInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixTimeInputElementEvent) => void) | undefined;
   /** Says the state moved, carrying `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixTimeInputElementEvent) => void) | undefined;
 
@@ -17331,14 +17349,14 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   /** The value as milliseconds since midnight, or `NaN` while there is no time. */
   valueAsNumber?: (HelixTimePicker["valueAsNumber"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixTimePickerElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixTimePickerElementEvent) => void) | undefined;
   /** Fired before the time changes. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-before-change"?: ((
     e: HelixTimePickerHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixTimePickerElementEvent) => void) | undefined;
 };
 
 export type HelixTimePickerSolidJsProps = {
@@ -17505,13 +17523,13 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   /** The value as milliseconds since midnight, or `NaN` while there is no time. */
   "prop:valueAsNumber"?: (HelixTimePicker["valueAsNumber"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixTimePickerElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixTimePickerElementEvent) => void) | undefined;
   /** Fired before the time changes. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
     e: HelixTimePickerHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixTimePickerElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -17810,8 +17828,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixToggleGroup["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
   /** Fired before the answer moves, and cancelable. The only way to refuse one. */
@@ -17820,6 +17836,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when an item is chosen. Dispatched by the item and listened for here. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-select"?: ((e: HelixToggleGroupHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
 };
 
 export type HelixToggleGroupSolidJsProps = {
@@ -17908,8 +17926,6 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixToggleGroup["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
   /** Fired before the answer moves, and cancelable. The only way to refuse one. */
   "on:helix-before-change"?: ((
@@ -17917,6 +17933,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when an item is chosen. Dispatched by the item and listened for here. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-select"?: ((e: HelixToggleGroupHelixSelectElementEvent) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixToggleGroupElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -18087,7 +18105,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?: (HelixTooltip["delay"]) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
-  "delay-out"?: (HelixTooltip["delayOut"]) | undefined;
+  "delay-out"?: (HelixTooltip["delayOut"] | `${number}`) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
   delayOut?: (HelixTooltip["delayOut"]) | undefined;
   /** Whether the tooltip never shows. */
@@ -18221,7 +18239,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"?: (HelixTooltip["delay"]) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
-  "attr:delay-out"?: (HelixTooltip["delayOut"]) | undefined;
+  "attr:delay-out"?: (HelixTooltip["delayOut"] | `${number}`) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
   "prop:delayOut"?: (HelixTooltip["delayOut"]) | undefined;
   /** Whether the tooltip never shows. */
@@ -18332,7 +18350,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
 `undefined` until somebody sets one. */
   index?: (HelixTour["index"]) | undefined;
   /** Stop to start on, where nothing declared one. */
-  "default-index"?: (HelixTour["defaultIndex"]) | undefined;
+  "default-index"?: (HelixTour["defaultIndex"] | `${number}`) | undefined;
   /** Stop to start on, where nothing declared one. */
   defaultIndex?: (HelixTour["defaultIndex"]) | undefined;
   /** Label for the control that goes on from the last stop. */
@@ -18352,7 +18370,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
   /** Label for the control that leaves the tour. */
   skipLabel?: (HelixTour["skipLabel"]) | undefined;
   /** Space left around the target when it is lit, in pixels. */
-  "spotlight-padding"?: (HelixTour["spotlightPadding"]) | undefined;
+  "spotlight-padding"?: (HelixTour["spotlightPadding"] | `${number}`) | undefined;
   /** Space left around the target when it is lit, in pixels. */
   spotlightPadding?: (HelixTour["spotlightPadding"]) | undefined;
 
@@ -18387,7 +18405,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
 `undefined` until somebody sets one. */
   "prop:index"?: (HelixTour["index"]) | undefined;
   /** Stop to start on, where nothing declared one. */
-  "attr:default-index"?: (HelixTour["defaultIndex"]) | undefined;
+  "attr:default-index"?: (HelixTour["defaultIndex"] | `${number}`) | undefined;
   /** Stop to start on, where nothing declared one. */
   "prop:defaultIndex"?: (HelixTour["defaultIndex"]) | undefined;
   /** Label for the control that goes on from the last stop. */
@@ -18407,7 +18425,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"?: (HelixTour["skipLabel"]) | undefined;
   /** Space left around the target when it is lit, in pixels. */
-  "attr:spotlight-padding"?: (HelixTour["spotlightPadding"]) | undefined;
+  "attr:spotlight-padding"?: (HelixTour["spotlightPadding"] | `${number}`) | undefined;
   /** Space left around the target when it is lit, in pixels. */
   "prop:spotlightPadding"?: (HelixTour["spotlightPadding"]) | undefined;
   /** Fired before the current stop moves, carrying the new index. Cancelable: refusing it takes the decision and nothing moves. */
@@ -19223,7 +19241,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"?: (HelixVideo["idleDelay"]) | undefined;
+  "idle-delay"?: (HelixVideo["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
@@ -19472,7 +19490,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"?: (HelixVideo["idleDelay"]) | undefined;
+  "attr:idle-delay"?: (HelixVideo["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
@@ -20141,7 +20159,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
@@ -20188,7 +20209,7 @@ export type CustomElements = {
    * - `--area-chart-fill-strength`: How much of its series' color a band takes, as a percentage mixed toward the page. (default: `undefined`)
    * - `--area-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--area-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
-   * - `--area-chart-width`: Thickness of a band's top edge. (default: `undefined`)
+   * - `--area-chart-width`: Thickness of a band's top edge, over `--chart-stroke`. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -20235,6 +20256,10 @@ export type CustomElements = {
    * **It stops when nobody is looking**, off screen and in a background tab, and
    * `prefers-reduced-motion` gets one still frame rather than an empty box.
    *
+   * Styled only, and with behavior, which the tier split does not otherwise
+   * allow: the behavior is drawing to a canvas, so there is no structure a
+   * consumer could restyle and nothing for a headless twin to hold.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -20450,6 +20475,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
@@ -20765,7 +20798,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
@@ -20815,7 +20851,7 @@ export type CustomElements = {
    * - `--bar-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--bar-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
    * - `--bar-chart-line-color`: A `lines` series, overriding its series color. (default: `undefined`)
-   * - `--bar-chart-line-width`: Thickness of a `lines` series. (default: `undefined`)
+   * - `--bar-chart-line-width`: Thickness of a `lines` series, over `--chart-stroke`. (default: `undefined`)
    * - `--bar-chart-axis`: The color of a single-series axis, taken from that series. (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`)
    * - `--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`)
@@ -22264,9 +22300,10 @@ export type CustomElements = {
   >;
 
   /**
-   * The box is the native input, restyled rather than replaced, so the tick and
-   * the indeterminate dash are the browser's own and the control stays a control
-   * for anything reading the page.
+   * The box is the native input with its own drawing switched off, so the control
+   * stays a control for anything reading the page while the tick and the
+   * indeterminate dash are drawn here, as masks over a mark beside it, and their
+   * weight, color and motion are the design system's rather than the browser's.
    *
    * The label sits beside it and the whole thing is the click target, which is
    * what a native `<label>` wrapping a checkbox gives and what a reader expects.
@@ -22744,11 +22781,11 @@ 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 color changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the panel opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -22765,6 +22802,7 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -22790,7 +22828,6 @@ export type CustomElements = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -23003,12 +23040,12 @@ 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 color changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-copy`: Fired when the color is put on the clipboard.
    * - `helix-sample-end`: The eyedropper has closed, whether or not a color was taken.
    * - `helix-sample-start`: The eyedropper is opening, so anything covering the page should get out of the way.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -23250,13 +23287,13 @@ 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 option changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the panel opens. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-create`: Fired when the reader asks for something the list does not hold, and cancelable.
    * - `helix-filter`: Fired as the reader types, carrying the text the list is being narrowed to. Cancelable: refusing it leaves the list whole, and is how a consumer takes the filtering for themselves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -24006,6 +24043,17 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -24078,17 +24126,6 @@ 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.
-   * - `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 selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -24157,11 +24194,11 @@ 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 date changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the calendar opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -24176,6 +24213,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -24184,13 +24223,6 @@ export type CustomElements = {
    * `open`: a declared property is a seed and a correction, and a consumer
    * who wants the decision for themselves refuses it and assigns their own.
    * - `toggleOpen() => boolean`: Requests the opposite of the current state.
-   * - `requestValue(next: string) => boolean`: Requests a new value, and reports whether the request stood.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-change` is
-   * a refusal and nothing moves. Nobody refusing means the control updates
-   * itself, whether or not a consumer declared `value`: a declared property
-   * is a seed and a correction, the way `<input value>` is, and a consumer
-   * who wants the change for themselves refuses it and assigns their own.
    * - `formResetCallback() => void`: Returns the control to the value its markup declared.
    *
    * Both halves are dropped, the consumer's and the control's, because a
@@ -24201,7 +24233,6 @@ export type CustomElements = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -24414,10 +24445,10 @@ 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 dates change, and cancelable.
    * - `helix-navigate`: Fired before the month on show changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -24983,7 +25014,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
@@ -25521,9 +25555,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
    *
@@ -26117,7 +26151,6 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the text has moved.
    * - `change`: Relayed from the input once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
    * - `helix-before-close`: Fired before the suggestions go, and cancelable.
@@ -26125,6 +26158,7 @@ export type CustomElements = {
    * - `helix-dismiss`: A token asking to go, from its close control or from Backspace on an empty field. A `FilterChip` naming a declared field is answered as `helix-facet` instead. Cancelable: refusing it takes the decision and the token stays.
    * - `helix-facet`: Fired when a filter changes, whether read out of the text, picked, or dismissed. Cancelable: refusing it leaves the text and the chip where they were.
    * - `helix-select`: A suggestion was chosen: the option's own, heard here because it bubbles out of `suggestions`. Cancelable: refusing it takes the decision from any other listener, and this field never acts on a choice itself, since what it means is the page's.
+   * - `input`: Announced once the text has moved.
    * - `toggle`: Says the panel moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -26491,7 +26525,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
@@ -27171,9 +27208,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the input once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -27610,7 +27647,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
@@ -27653,12 +27693,13 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--chart-stroke`: Thickness of a series drawn as a line, here and on Area Chart's top edge and Bar Chart's `lines`. Each family's own width hook overrides it. (default: `undefined`)
    * - `--line-chart-area-opacity`: How much of a line's color its wash takes. (default: `undefined`)
    * - `--line-chart-band-color`: The slot the pointer is resting in. (default: `undefined`)
    * - `--line-chart-block-size`: Height of the drawing. (default: `undefined`)
    * - `--line-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--line-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
-   * - `--line-chart-width`: Thickness of a line. (default: `undefined`)
+   * - `--line-chart-width`: Thickness of a line, over `--chart-stroke`. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -27970,10 +28011,10 @@ 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 when the answer changes, and cancelable.
    * - `helix-filter`: Fired before the list narrows, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -29302,9 +29343,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the field once the reader has finished.
    * - `helix-before-change`: Fired as the value changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -29376,6 +29417,12 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--number-input-background-color`: Fill behind the number. (default: `undefined`)
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -29749,6 +29796,10 @@ export type CustomElements = {
    * **It stops when nobody is looking**, off screen and in a background tab, and
    * `prefers-reduced-motion` gets one still frame rather than an empty box.
    *
+   * Styled only, and with behavior, which the tier split does not otherwise
+   * allow: the behavior is drawing dots to a canvas, so there is no structure a
+   * consumer could restyle and nothing for a headless twin to hold.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -30316,10 +30367,10 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced with a filled code, and when an edited one loses focus.
    * - `helix-before-change`: Fired as the code changes, and cancelable.
    * - `helix-complete`: Fired when the last box is filled.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -30841,10 +30892,10 @@ 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 when the answer changes, and cancelable.
    * - `helix-select`: Fired when an answer is chosen. Dispatched by the radio and listened for here, because the group is what a consumer holds. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -31174,9 +31225,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced with it, the choice being the commit.
    * - `helix-before-change`: Fired before the score changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -31783,7 +31834,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
@@ -32070,11 +32124,11 @@ 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`: Relayed from the listbox when the answer changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -32415,9 +32469,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed once the reader has let go.
    * - `helix-before-change`: Fired as the value changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -33546,9 +33600,10 @@ export type CustomElements = {
   >;
 
   /**
-   * Hairline rules between rows and no fill, per the rule that depth comes from a
-   * single border rather than from elevation. A dense table earns its density by
-   * decorating none of it.
+   * Every cell is the same height whatever it holds, so a row with a tag or an
+   * icon button in it sits level with a row of text. Content is set in full
+   * foreground, since the cells are what a reader is reading, and a long
+   * identifier breaks rather than running into the next column.
    *
    * ## Attributes & Properties
    *
@@ -33785,9 +33840,10 @@ export type CustomElements = {
   "helix-table": Partial<HelixTableProps & BaseProps<HelixTable> & BaseEvents<HelixTable>>;
 
   /**
-   * Hairline rules between rows and no fill, per the rule that depth comes from a
-   * single border rather than from elevation. A dense table earns its density by
-   * decorating none of it.
+   * No box of its own, so its cells become items of the table's grid and line up
+   * with every other row's. The element still exists, which is what lets a row be
+   * selected, hidden or made interactive without a wrapper that would break the
+   * columns.
    *
    * ## Attributes & Properties
    *
@@ -33823,9 +33879,9 @@ export type CustomElements = {
   >;
 
   /**
-   * Selection is marked with a rule under the active tab rather than a filled
-   * pill, which keeps the row flat and lets the underline animate between tabs as
-   * a movement instead of two separate fills.
+   * No box of its own, so only the panel that is showing takes space: a tab set
+   * with four panels gives the visible one the whole height rather than a
+   * quarter of it.
    *
    * ## Attributes & Properties
    *
@@ -33977,9 +34033,10 @@ export type CustomElements = {
   "helix-tabs": Partial<HelixTabsProps & BaseProps<HelixTabs> & BaseEvents<HelixTabs>>;
 
   /**
-   * Selection is marked with a rule under the active tab rather than a filled
-   * pill, which keeps the row flat and lets the underline animate between tabs as
-   * a movement instead of two separate fills.
+   * A control's height, so a tab row sits level with the buttons beside it. The
+   * current tab is not marked here: one indicator travels along the tab list, and
+   * each tab keeps a transparent edge of the same width so its box does not move
+   * when it becomes current.
    *
    * ## Attributes & Properties
    *
@@ -34348,9 +34405,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the textarea once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -34450,6 +34507,17 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -34494,17 +34562,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.
    *
@@ -34583,11 +34640,11 @@ 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 time changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -34602,6 +34659,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -34610,13 +34669,6 @@ export type CustomElements = {
    * `open`: a declared property is a seed and a correction, and a consumer
    * who wants the decision for themselves refuses it and assigns their own.
    * - `toggleOpen() => boolean`: Requests the opposite of the current state.
-   * - `requestValue(next: string) => boolean`: Requests a new value, and reports whether the request stood.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-change` is
-   * a refusal and nothing moves. Nobody refusing means the control updates
-   * itself, whether or not a consumer declared `value`: a declared property
-   * is a seed and a correction, the way `<input value>` is, and a consumer
-   * who wants the change for themselves refuses it and assigns their own.
    * - `formResetCallback() => void`: Returns the control to the value its markup declared.
    *
    * Both halves are dropped, the consumer's and the control's, because a
@@ -34627,7 +34679,6 @@ export type CustomElements = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -34882,9 +34933,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 time changes. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -35393,10 +35444,10 @@ 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 answer moves, and cancelable. The only way to refuse one.
    * - `helix-select`: Fired when an item is chosen. Dispatched by the item and listened for here. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -37433,7 +37484,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
@@ -37480,7 +37534,7 @@ export type CustomElementsSolidJs = {
    * - `--area-chart-fill-strength`: How much of its series' color a band takes, as a percentage mixed toward the page. (default: `undefined`)
    * - `--area-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--area-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
-   * - `--area-chart-width`: Thickness of a band's top edge. (default: `undefined`)
+   * - `--area-chart-width`: Thickness of a band's top edge, over `--chart-stroke`. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -37530,6 +37584,10 @@ export type CustomElementsSolidJs = {
    * **It stops when nobody is looking**, off screen and in a background tab, and
    * `prefers-reduced-motion` gets one still frame rather than an empty box.
    *
+   * Styled only, and with behavior, which the tier split does not otherwise
+   * allow: the behavior is drawing to a canvas, so there is no structure a
+   * consumer could restyle and nothing for a headless twin to hold.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -37750,6 +37808,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
@@ -38073,7 +38139,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
@@ -38123,7 +38192,7 @@ export type CustomElementsSolidJs = {
    * - `--bar-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--bar-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
    * - `--bar-chart-line-color`: A `lines` series, overriding its series color. (default: `undefined`)
-   * - `--bar-chart-line-width`: Thickness of a `lines` series. (default: `undefined`)
+   * - `--bar-chart-line-width`: Thickness of a `lines` series, over `--chart-stroke`. (default: `undefined`)
    * - `--bar-chart-axis`: The color of a single-series axis, taken from that series. (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`)
    * - `--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`)
@@ -39609,9 +39678,10 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * The box is the native input, restyled rather than replaced, so the tick and
-   * the indeterminate dash are the browser's own and the control stays a control
-   * for anything reading the page.
+   * The box is the native input with its own drawing switched off, so the control
+   * stays a control for anything reading the page while the tick and the
+   * indeterminate dash are drawn here, as masks over a mark beside it, and their
+   * weight, color and motion are the design system's rather than the browser's.
    *
    * The label sits beside it and the whole thing is the click target, which is
    * what a native `<label>` wrapping a checkbox gives and what a reader expects.
@@ -40097,11 +40167,11 @@ 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 color changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the panel opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -40118,6 +40188,7 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -40143,7 +40214,6 @@ export type CustomElementsSolidJs = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -40359,12 +40429,12 @@ 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 color changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-copy`: Fired when the color is put on the clipboard.
    * - `helix-sample-end`: The eyedropper has closed, whether or not a color was taken.
    * - `helix-sample-start`: The eyedropper is opening, so anything covering the page should get out of the way.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -40609,13 +40679,13 @@ 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 option changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the panel opens. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-create`: Fired when the reader asks for something the list does not hold, and cancelable.
    * - `helix-filter`: Fired as the reader types, carrying the text the list is being narrowed to. Cancelable: refusing it leaves the list whole, and is how a consumer takes the filtering for themselves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -41377,6 +41447,17 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -41449,17 +41530,6 @@ 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.
-   * - `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 selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -41528,11 +41598,11 @@ 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 date changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the calendar opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -41547,6 +41617,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -41555,13 +41627,6 @@ export type CustomElementsSolidJs = {
    * `open`: a declared property is a seed and a correction, and a consumer
    * who wants the decision for themselves refuses it and assigns their own.
    * - `toggleOpen() => boolean`: Requests the opposite of the current state.
-   * - `requestValue(next: string) => boolean`: Requests a new value, and reports whether the request stood.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-change` is
-   * a refusal and nothing moves. Nobody refusing means the control updates
-   * itself, whether or not a consumer declared `value`: a declared property
-   * is a seed and a correction, the way `<input value>` is, and a consumer
-   * who wants the change for themselves refuses it and assigns their own.
    * - `formResetCallback() => void`: Returns the control to the value its markup declared.
    *
    * Both halves are dropped, the consumer's and the control's, because a
@@ -41572,7 +41637,6 @@ export type CustomElementsSolidJs = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -41788,10 +41852,10 @@ 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 dates change, and cancelable.
    * - `helix-navigate`: Fired before the month on show changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -42370,7 +42434,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
@@ -42925,9 +42992,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
    *
@@ -43536,7 +43603,6 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the text has moved.
    * - `change`: Relayed from the input once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
    * - `helix-before-close`: Fired before the suggestions go, and cancelable.
@@ -43544,6 +43610,7 @@ export type CustomElementsSolidJs = {
    * - `helix-dismiss`: A token asking to go, from its close control or from Backspace on an empty field. A `FilterChip` naming a declared field is answered as `helix-facet` instead. Cancelable: refusing it takes the decision and the token stays.
    * - `helix-facet`: Fired when a filter changes, whether read out of the text, picked, or dismissed. Cancelable: refusing it leaves the text and the chip where they were.
    * - `helix-select`: A suggestion was chosen: the option's own, heard here because it bubbles out of `suggestions`. Cancelable: refusing it takes the decision from any other listener, and this field never acts on a choice itself, since what it means is the page's.
+   * - `input`: Announced once the text has moved.
    * - `toggle`: Says the panel moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -43920,7 +43987,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
@@ -44613,9 +44683,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the input once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -45062,7 +45132,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
@@ -45105,12 +45178,13 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--chart-stroke`: Thickness of a series drawn as a line, here and on Area Chart's top edge and Bar Chart's `lines`. Each family's own width hook overrides it. (default: `undefined`)
    * - `--line-chart-area-opacity`: How much of a line's color its wash takes. (default: `undefined`)
    * - `--line-chart-band-color`: The slot the pointer is resting in. (default: `undefined`)
    * - `--line-chart-block-size`: Height of the drawing. (default: `undefined`)
    * - `--line-chart-gap`: Space between the drawing and its labels. (default: `undefined`)
    * - `--line-chart-gridline-color`: One rule across the plot, under `gridlines`. (default: `undefined`)
-   * - `--line-chart-width`: Thickness of a line. (default: `undefined`)
+   * - `--line-chart-width`: Thickness of a line, over `--chart-stroke`. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -45430,10 +45504,10 @@ 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 when the answer changes, and cancelable.
    * - `helix-filter`: Fired before the list narrows, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -46793,9 +46867,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the field once the reader has finished.
    * - `helix-before-change`: Fired as the value changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -46867,6 +46941,12 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--number-input-background-color`: Fill behind the number. (default: `undefined`)
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -47252,6 +47332,10 @@ export type CustomElementsSolidJs = {
    * **It stops when nobody is looking**, off screen and in a background tab, and
    * `prefers-reduced-motion` gets one still frame rather than an empty box.
    *
+   * Styled only, and with behavior, which the tier split does not otherwise
+   * allow: the behavior is drawing dots to a canvas, so there is no structure a
+   * consumer could restyle and nothing for a headless twin to hold.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -47833,10 +47917,10 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced with a filled code, and when an edited one loses focus.
    * - `helix-before-change`: Fired as the code changes, and cancelable.
    * - `helix-complete`: Fired when the last box is filled.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -48375,10 +48459,10 @@ 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 when the answer changes, and cancelable.
    * - `helix-select`: Fired when an answer is chosen. Dispatched by the radio and listened for here, because the group is what a consumer holds. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -48716,9 +48800,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced with it, the choice being the commit.
    * - `helix-before-change`: Fired before the score changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -49346,7 +49430,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
@@ -49639,11 +49726,11 @@ 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`: Relayed from the listbox when the answer changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -49993,9 +50080,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed once the reader has let go.
    * - `helix-before-change`: Fired as the value changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -51154,9 +51241,10 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Hairline rules between rows and no fill, per the rule that depth comes from a
-   * single border rather than from elevation. A dense table earns its density by
-   * decorating none of it.
+   * Every cell is the same height whatever it holds, so a row with a tag or an
+   * icon button in it sits level with a row of text. Content is set in full
+   * foreground, since the cells are what a reader is reading, and a long
+   * identifier breaks rather than running into the next column.
    *
    * ## Attributes & Properties
    *
@@ -51404,9 +51492,10 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Hairline rules between rows and no fill, per the rule that depth comes from a
-   * single border rather than from elevation. A dense table earns its density by
-   * decorating none of it.
+   * No box of its own, so its cells become items of the table's grid and line up
+   * with every other row's. The element still exists, which is what lets a row be
+   * selected, hidden or made interactive without a wrapper that would break the
+   * columns.
    *
    * ## Attributes & Properties
    *
@@ -51445,9 +51534,9 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Selection is marked with a rule under the active tab rather than a filled
-   * pill, which keeps the row flat and lets the underline animate between tabs as
-   * a movement instead of two separate fills.
+   * No box of its own, so only the panel that is showing takes space: a tab set
+   * with four panels gives the visible one the whole height rather than a
+   * quarter of it.
    *
    * ## Attributes & Properties
    *
@@ -51604,9 +51693,10 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Selection is marked with a rule under the active tab rather than a filled
-   * pill, which keeps the row flat and lets the underline animate between tabs as
-   * a movement instead of two separate fills.
+   * A control's height, so a tab row sits level with the buttons beside it. The
+   * current tab is not marked here: one indicator travels along the tab list, and
+   * each tab keeps a transparent edge of the same width so its box does not move
+   * when it becomes current.
    *
    * ## Attributes & Properties
    *
@@ -51981,9 +52071,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Relayed from the textarea once the reader has finished.
    * - `helix-before-change`: Fired as the text changes, and cancelable.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -52086,6 +52176,17 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -52130,17 +52231,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.
    *
@@ -52219,11 +52309,11 @@ 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 time changes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-close`: Fired before it closes. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-before-open`: Fired before the list opens. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
@@ -52238,6 +52328,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
+   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `requestOpen(next: boolean) => boolean`: Requests an open-state change, and reports whether it was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
@@ -52246,13 +52338,6 @@ export type CustomElementsSolidJs = {
    * `open`: a declared property is a seed and a correction, and a consumer
    * who wants the decision for themselves refuses it and assigns their own.
    * - `toggleOpen() => boolean`: Requests the opposite of the current state.
-   * - `requestValue(next: string) => boolean`: Requests a new value, and reports whether the request stood.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-change` is
-   * a refusal and nothing moves. Nobody refusing means the control updates
-   * itself, whether or not a consumer declared `value`: a declared property
-   * is a seed and a correction, the way `<input value>` is, and a consumer
-   * who wants the change for themselves refuses it and assigns their own.
    * - `formResetCallback() => void`: Returns the control to the value its markup declared.
    *
    * Both halves are dropped, the consumer's and the control's, because a
@@ -52263,7 +52348,6 @@ export type CustomElementsSolidJs = {
    * Falling back to `defaultValue` rather than to empty, because a restore
    * with no state is a form the browser has nothing recorded for, which is
    * the same situation as a fresh one.
-   * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, the way a label pointing at one would.
    * - `formDisabledCallback(disabled: boolean) => void`: The platform's notice that an ancestor fieldset changed.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -52521,9 +52605,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 time changes. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Methods
    *
@@ -53049,10 +53133,10 @@ 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 answer moves, and cancelable. The only way to refuse one.
    * - `helix-select`: Fired when an item is chosen. Dispatched by the item and listened for here. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -54663,7 +54747,7 @@ export type CustomCssProperties = {
   "--area-chart-gap"?: (string) | undefined;
   /** One rule across the plot, under `gridlines`. */
   "--area-chart-gridline-color"?: (string) | undefined;
-  /** Thickness of a band's top edge. */
+  /** Thickness of a band's top edge, over `--chart-stroke`. */
   "--area-chart-width"?: (string) | undefined;
   /** How far each avatar sits over the one before it. */
   "--avatar-group-overlap"?: (string) | undefined;
@@ -54693,7 +54777,7 @@ export type CustomCssProperties = {
   "--bar-chart-gridline-color"?: (string) | undefined;
   /** A `lines` series, overriding its series color. */
   "--bar-chart-line-color"?: (string) | undefined;
-  /** Thickness of a `lines` series. */
+  /** Thickness of a `lines` series, over `--chart-stroke`. */
   "--bar-chart-line-width"?: (string) | undefined;
   /** The color of a single-series axis, taken from that series. */
   "--bar-chart-axis"?: (string) | undefined;
@@ -55101,6 +55185,8 @@ export type CustomCssProperties = {
   "--legend-swatch-size"?: (string) | undefined;
   /** Width of the edge an `outlined` or `subtle` swatch is drawn with. */
   "--legend-swatch-stroke"?: (string) | undefined;
+  /** Thickness of a series drawn as a line, here and on Area Chart's top edge and Bar Chart's `lines`. Each family's own width hook overrides it. */
+  "--chart-stroke"?: (string) | undefined;
   /** How much of a line's color its wash takes. */
   "--line-chart-area-opacity"?: (string) | undefined;
   /** The slot the pointer is resting in. */
@@ -55111,7 +55197,7 @@ export type CustomCssProperties = {
   "--line-chart-gap"?: (string) | undefined;
   /** One rule across the plot, under `gridlines`. */
   "--line-chart-gridline-color"?: (string) | undefined;
-  /** Thickness of a line. */
+  /** Thickness of a line, over `--chart-stroke`. */
   "--line-chart-width"?: (string) | undefined;
   /** Padding inside the row. */
   "--list-item-padding"?: (string) | undefined;
@@ -55233,6 +55319,8 @@ export type CustomCssProperties = {
   "--notifications-max-block-size"?: (string) | undefined;
   /** The gutter every item holds open where something in the feed has media. */
   "--notifications-media-column"?: (string) | undefined;
+  /** Fill behind the number. */
+  "--number-input-background-color"?: (string) | undefined;
   /** Ground under the tree. */
   "--object-inspector-background-color"?: (string) | undefined;
   /** Height of the scrolling box, when windowed. */