@fusion.dev/helix-headless 0.154.0 → 0.155.0

package/types/jsx.d.ts

@@ -2161,6 +2161,15 @@ element's language. Leave the marks out of the text. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessBreadcrumb` component event */
+export type HelixHeadlessBreadcrumbElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessBreadcrumb,
+  E
+>;
+/** `helix-select` event type */
+export type HelixHeadlessBreadcrumbHelixSelectElementEvent =
+  HelixHeadlessBreadcrumbElementEvent<HelixSelectEvent>;
+
 export type HelixHeadlessBreadcrumbProps = {
   /** Marks this item as the page you are on. */
   current?: (HelixHeadlessBreadcrumb["current"]) | undefined;
@@ -2188,6 +2197,11 @@ The consumer's decision. */
   rel?: (HelixHeadlessBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   target?: (HelixHeadlessBreadcrumb["target"]) | undefined;
+
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "onhelix-select"?: ((
+    e: HelixHeadlessBreadcrumbHelixSelectElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessBreadcrumbSolidJsProps = {
@@ -2217,6 +2231,10 @@ The consumer's decision. */
   "prop:rel"?: (HelixHeadlessBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   "prop:target"?: (HelixHeadlessBreadcrumb["target"]) | undefined;
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "on:helix-select"?: ((
+    e: HelixHeadlessBreadcrumbHelixSelectElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -6125,7 +6143,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   colorWords?: (HelixHeadlessColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -6345,7 +6364,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   "prop:colorWords"?: (HelixHeadlessColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -6590,8 +6610,9 @@ language hears its own rather than English between its own labels. */
   brightnessLabel?: (HelixHeadlessColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -6599,13 +6620,20 @@ the syntax the format toggle sets. */
   "channel-fields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   channelFields?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "chroma-label"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  chromaLabel?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -6646,10 +6674,16 @@ the color. */
   "eyedropper-label"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   eyedropperLabel?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   format?: (HelixHeadlessColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "format-label"?: (HelixHeadlessColorPicker["formatLabel"]) | undefined;
@@ -6659,15 +6693,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "green-label"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   greenLabel?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  hint?: (HelixHeadlessColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "hue-label"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   hueLabel?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  label?: (HelixHeadlessColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "lightness-label"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   lightnessLabel?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -6950,8 +6990,9 @@ language hears its own rather than English between its own labels. */
   "prop:brightnessLabel"?: (HelixHeadlessColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -6959,13 +7000,20 @@ the syntax the format toggle sets. */
   "bool:channel-fields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   "prop:channelFields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "attr:chroma-label"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "prop:chromaLabel"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -7006,10 +7054,16 @@ the color. */
   "attr:eyedropper-label"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   "prop:eyedropperLabel"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   "prop:format"?: (HelixHeadlessColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "attr:format-label"?: (HelixHeadlessColorPicker["formatLabel"]) | undefined;
@@ -7019,15 +7073,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "attr:green-label"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   "prop:greenLabel"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  "prop:hint"?: (HelixHeadlessColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "attr:hue-label"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   "prop:hueLabel"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  "prop:label"?: (HelixHeadlessColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "attr:lightness-label"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "prop:lightnessLabel"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -10259,15 +10319,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   badInputMessage?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   calendar?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -10326,8 +10393,9 @@ its days. */
   min?: (HelixHeadlessDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   mode?: (HelixHeadlessDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -10429,6 +10497,22 @@ date including the one already chosen. */
   "step-mismatch-message"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   stepMismatchMessage?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "time-zone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  timeZone?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "unavailable-message"?: (HelixHeadlessDatePicker["unavailableMessage"]) | undefined;
@@ -10568,15 +10652,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   "prop:badInputMessage"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   "prop:calendar"?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "attr:default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -10635,8 +10726,9 @@ its days. */
   "prop:min"?: (HelixHeadlessDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   "prop:mode"?: (HelixHeadlessDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -10738,6 +10830,22 @@ date including the one already chosen. */
   "attr:step-mismatch-message"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   "prop:stepMismatchMessage"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "attr:time-zone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "prop:timeZone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "attr:unavailable-message"?: (HelixHeadlessDatePicker["unavailableMessage"]) | undefined;
@@ -24476,6 +24584,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   focusable?: (HelixHeadlessSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  items?: (HelixHeadlessSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -24669,6 +24789,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   "prop:focusable"?: (HelixHeadlessSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  "prop:items"?: (HelixHeadlessSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -24878,9 +25010,11 @@ between its thumbs and ignores it. */
   origin?: (HelixHeadlessSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   range?: (HelixHeadlessSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -24888,12 +25022,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   rangeText?: (HelixHeadlessSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readonly?: (HelixHeadlessSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readOnly?: (HelixHeadlessSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "show-value"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   showValue?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   step?: (HelixHeadlessSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "thumb-label"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  thumbLabel?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -25082,9 +25238,11 @@ between its thumbs and ignores it. */
   "prop:origin"?: (HelixHeadlessSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   "prop:range"?: (HelixHeadlessSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -25092,12 +25250,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   "prop:rangeText"?: (HelixHeadlessSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "bool:readonly"?: (HelixHeadlessSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "prop:readOnly"?: (HelixHeadlessSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "bool:show-value"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   "prop:showValue"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   "prop:step"?: (HelixHeadlessSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "attr:thumb-label"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "prop:thumbLabel"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -25491,10 +25671,20 @@ export type HelixHeadlessSpeedDialItemHelixSelectElementEvent =
 export type HelixHeadlessSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  download?: (HelixHeadlessSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  href?: (HelixHeadlessSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  rel?: (HelixHeadlessSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   shortcut?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  target?: (HelixHeadlessSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
 
@@ -25507,10 +25697,20 @@ keyboard and Control elsewhere. Showing a shortcut does not bind it. */
 export type HelixHeadlessSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  "prop:download"?: (HelixHeadlessSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  "prop:href"?: (HelixHeadlessSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  "prop:rel"?: (HelixHeadlessSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   "prop:shortcut"?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  "prop:target"?: (HelixHeadlessSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -25563,13 +25763,17 @@ you described or labeled it yourself. */
   longPressLabel?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixHeadlessSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   openOn?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -25630,13 +25834,17 @@ you described or labeled it yourself. */
   "prop:longPressLabel"?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixHeadlessSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "attr:open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "prop:openOn"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -26138,6 +26346,16 @@ export type HelixHeadlessStepsHelixSelectElementEvent =
   HelixHeadlessStepsElementEvent<HelixSelectEvent>;
 
 export type HelixHeadlessStepsProps = {
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  arrows?: (HelixHeadlessSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  completion?: (HelixHeadlessSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -26212,6 +26430,16 @@ there. Not asked of an `optional` stage, nor for a move back. */
 };
 
 export type HelixHeadlessStepsSolidJsProps = {
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  "prop:arrows"?: (HelixHeadlessSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  "prop:completion"?: (HelixHeadlessSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -27525,6 +27753,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   orientation?: (HelixHeadlessTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "scroll-controls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  scrollControls?: (HelixHeadlessTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -27594,6 +27828,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   "prop:orientation"?: (HelixHeadlessTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "bool:scroll-controls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "prop:scrollControls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -27654,11 +27894,22 @@ export type HelixHeadlessTabElementEvent<E = Event> = TypedEvent<
   HelixHeadlessTab,
   E
 >;
+/** `helix-dismiss` event type */
+export type HelixHeadlessTabHelixDismissElementEvent =
+  HelixHeadlessTabElementEvent<HelixDismissEvent>;
 /** `helix-select` event type */
 export type HelixHeadlessTabHelixSelectElementEvent =
   HelixHeadlessTabElementEvent<HelixSelectEvent>;
 
 export type HelixHeadlessTabProps = {
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "dismiss-label"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  dismissLabel?: (HelixHeadlessTab["dismissLabel"]) | undefined;
   /** The URL the tab links to. Setting it renders the tab as a link, for a set
 of tabs that are pages of a site. */
   href?: (HelixHeadlessTab["href"]) | undefined;
@@ -27666,6 +27917,8 @@ of tabs that are pages of a site. */
   rel?: (HelixHeadlessTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   target?: (HelixHeadlessTab["target"]) | undefined;
+  /** Whether the element shows a control that dismisses it. */
+  dismissible?: (HelixHeadlessTab["dismissible"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   disabled?: (HelixHeadlessTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -27678,11 +27931,21 @@ declares in markup carries `defaultSelected` of its own to say so. */
 submits. */
   value?: (HelixHeadlessTab["value"]) | undefined;
 
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "onhelix-dismiss"?: ((e: HelixHeadlessTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "onhelix-select"?: ((e: HelixHeadlessTabHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessTabSolidJsProps = {
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "attr:dismiss-label"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "prop:dismissLabel"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
   /** The URL the tab links to. Setting it renders the tab as a link, for a set
 of tabs that are pages of a site. */
   "prop:href"?: (HelixHeadlessTab["href"]) | undefined;
@@ -27690,6 +27953,8 @@ of tabs that are pages of a site. */
   "prop:rel"?: (HelixHeadlessTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   "prop:target"?: (HelixHeadlessTab["target"]) | undefined;
+  /** Whether the element shows a control that dismisses it. */
+  "prop:dismissible"?: (HelixHeadlessTab["dismissible"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -27701,6 +27966,8 @@ declares in markup carries `defaultSelected` of its own to say so. */
   /** The item's value, which identifies it in its set and is what a form
 submits. */
   "prop:value"?: (HelixHeadlessTab["value"]) | undefined;
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "on:helix-dismiss"?: ((e: HelixHeadlessTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "on:helix-select"?: ((e: HelixHeadlessTabHelixSelectElementEvent) => void) | undefined;
 
@@ -27723,6 +27990,14 @@ export type HelixHeadlessTagGroupHelixDismissElementEvent =
   HelixHeadlessTagGroupElementEvent<HelixDismissEvent>;
 
 export type HelixHeadlessTagGroupProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "disallow-empty-selection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  disallowEmptySelection?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "empty-label"?: (HelixHeadlessTagGroup["emptyLabel"]) | undefined;
@@ -27732,6 +28007,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   label?: (HelixHeadlessTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "selection-behavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  selectionBehavior?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -27760,6 +28049,14 @@ words where it has none. */
 };
 
 export type HelixHeadlessTagGroupSolidJsProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "bool:disallow-empty-selection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "prop:disallowEmptySelection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "attr:empty-label"?: (HelixHeadlessTagGroup["emptyLabel"]) | undefined;
@@ -27769,6 +28066,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   "prop:label"?: (HelixHeadlessTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "attr:selection-behavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "prop:selectionBehavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -31287,6 +31598,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   label?: (HelixHeadlessTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "moved-into-label"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  movedIntoLabel?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -31417,6 +31740,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   "prop:label"?: (HelixHeadlessTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "attr:moved-into-label"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "prop:movedIntoLabel"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -33104,6 +33439,10 @@ export type CustomElements = {
    * and a closed section is `hidden` and `inert` instead, and find in page skips
    * it.
    *
+   * A section whose trigger has no words, with nothing in its `summary` slot,
+   * is announced as a bare button, and a development build warns once with the
+   * kind `missing-name`.
+   *
    * While it is open, the content part carries the content's height as
    * `--accordion-content-height`, as Radix's accordion does, for a stylesheet
    * that animates the section open with keyframes of its own.
@@ -33240,6 +33579,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -33265,7 +33605,8 @@ export type CustomElements = {
    * Keys, on a trigger: Up and Down Arrow move to the previous and the next
    * trigger, and so do Left and Right, wrapping at the ends; Home and End go to
    * the first and the last. Enter and Space open and close the section. Disabled
-   * sections are passed over.
+   * sections are passed over. Under `single` the open section's trigger is
+   * `aria-disabled`, because a press cannot close it.
    *
    * Each trigger is a button with `aria-expanded` and `aria-controls`, inside a
    * heading, level 3 unless `heading-level` says otherwise, so the sections are
@@ -34770,8 +35111,11 @@ export type CustomElements = {
    * Set `href` to make the whole crumb an anchor, which works with Enter, middle
    * click, and the status bar, and before any JavaScript runs. A router cannot
    * reach an anchor inside a shadow root, so intercept the click for client-side
-   * navigation, as with `Tree.Item` and `List.Item`. A trail that collapses also
-   * reads `href` to rebuild its hidden crumbs elsewhere.
+   * navigation, as with `Tree.Item` and `List.Item`: a plain press on the link
+   * sends `helix-select` with the `href` as its value first, and canceling it
+   * keeps the browser from following, so a client-side router follows it
+   * instead, as React Aria's `onAction` lets a router do. A press with a
+   * modifier opens the link where the browser opens it and sends nothing.
    *
    * Without `href`, the crumb renders a plain `<span>` around what you slot,
    * including your own anchor.
@@ -34829,6 +35173,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -34842,6 +35192,8 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
@@ -34850,7 +35202,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-breadcrumb": Partial<
@@ -34880,11 +35234,13 @@ export type CustomElements = {
    * array of `{ label, href }`, drawn as crumbs in order, the last one as the
    * current page. Slotted crumbs follow them. Use one way or the other in a trail.
    *
-   * With `max-items`, a trail drawn from `items` that is longer folds its middle
-   * into one crumb: the first crumb, a button, then the last `max-items` less one.
-   * The button is named by `expand-label` and shows the whole trail, moving focus
-   * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
-   * do not fold; write the folded crumb where the gap should be.
+   * With `max-items`, a trail that is longer folds its middle into one place:
+   * the first crumb, a button, then the last `max-items` less one. The button is
+   * named by `expand-label` and shows the whole trail, moving focus to the first
+   * crumb it brought back. A trail drawn from `items` draws the button as a
+   * crumb of its own, and a new `items` folds again. A slotted trail hides the
+   * crumbs it folds, which take no room, and its first crumb draws the button
+   * after its link; a change to the crumbs folds again.
    *
    * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
    * Enter follows it. The current page and the separators are not in the tab
@@ -34943,6 +35299,8 @@ export type CustomElements = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -35090,6 +35448,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-button-group": Partial<
@@ -37878,8 +38237,9 @@ export type CustomElements = {
    * style the panel to match your interface.
    *
    * The field reads every color syntax, including `#f00`, `#ff0000`,
-   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`, and
-   * `hsl(0 100% 50%)`. It writes colors in the syntax that `format` names. The
+   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`,
+   * `hsl(0 100% 50%)`, `oklch(62.8% 0.258 29.2)`, and `hsb(0, 100%, 100%)`. It
+   * writes colors in the syntax that `format` names. The
    * field shows the value without reformatting it, because half-typed input does
    * not survive a round trip through a formatter. Date Input does the same with
    * dates.
@@ -37916,7 +38276,8 @@ export type CustomElements = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -38159,6 +38520,8 @@ export type CustomElements = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -38183,7 +38546,9 @@ export type CustomElements = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -38233,6 +38598,11 @@ export type CustomElements = {
    * is named by its color. The opacity ramp is heard as a percentage. Set
    * `color-words` to speak the names in another language.
    *
+   * `label` names the picker, which is then a group with that name, and the
+   * square's ramps say it before their own, as "Brand, Saturation". `hint`
+   * writes help under the picker, which the square, the ramps and the value
+   * field are described by. Inside Color Input the field carries both.
+   *
    * The presets are a listbox with the current color selected, and one tab
    * stop. The arrow keys move between them, Home and End go to the ends, and
    * Enter, Space or a press chooses one.
@@ -38259,12 +38629,15 @@ export type CustomElements = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -38281,15 +38654,25 @@ export type CustomElements = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -38464,6 +38847,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -38546,6 +38931,8 @@ export type CustomElements = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -38569,6 +38956,8 @@ export type CustomElements = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -38580,7 +38969,10 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-color-picker": Partial<
@@ -40232,6 +40624,7 @@ export type CustomElements = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -40320,15 +40713,22 @@ export type CustomElements = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -40354,8 +40754,9 @@ export type CustomElements = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -40402,6 +40803,13 @@ export type CustomElements = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -40522,6 +40930,8 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -40606,6 +41016,7 @@ export type CustomElements = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -40624,7 +41035,7 @@ export type CustomElements = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -48564,6 +48975,15 @@ export type CustomElements = {
    * links and not a single control, and the keys across the other axis are
    * left to the page and to an open panel.
    *
+   * While a `Megamenu`, or another disclosure among the destinations, is open,
+   * the navigation is `:state(open)`, so a page can dim what lies under the
+   * panel, as Radix's navigation menu marks its open state.
+   *
+   * A screen reader lists the page's navigation landmarks by name, so two named
+   * alike cannot be told apart. Where another navigation in the same document
+   * has the same name, "Main" for two with no `label`, the later one warns once
+   * with the kind `duplicate-name`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -48619,6 +49039,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-navigation": Partial<
@@ -52614,7 +53035,10 @@ export type CustomElements = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them.
+   * so the listbox looks through slots to find them. For a list too long to draw
+   * whole, set `items` instead: the list draws only the options in sight, as
+   * Listbox's `items` does, and the trigger, its keys and the form read the
+   * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
    * back, so the value lives in one place.
@@ -52759,6 +53183,17 @@ export type CustomElements = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -52936,6 +53371,8 @@ export type CustomElements = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-select": Partial<
@@ -53112,7 +53549,12 @@ export type CustomElements = {
    * does not draw a hundred and one marks by accident.
    *
    * A range with two thumbs is two inputs stacked on one track, because there is
-   * no native two-thumb range. Each thumb keeps its own value.
+   * no native two-thumb range. Each thumb keeps its own value, and a named range
+   * submits one entry per thumb under its name, the lowest first. A range given
+   * more than two values, such as `default-value="20,50,80"`, has a thumb for
+   * each, as React Aria's slider takes any number of thumbs: each stops at its
+   * neighbors, and the ones between the first and the last are named by
+   * `thumb-label`.
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
@@ -53143,6 +53585,8 @@ export type CustomElements = {
    * | Page Up, Page Down | Moves the thumb by a larger step. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
+   * Under `readonly` none of these move the thumb, and Tab still reaches it.
+   *
    * Each thumb is an `<input type="range">` with `aria-valuetext` where the value
    * is formatted or worded. A range's thumbs say they stop at each other with
    * `aria-valuemin` and `aria-valuemax`.
@@ -53201,13 +53645,24 @@ export type CustomElements = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -53309,6 +53764,8 @@ export type CustomElements = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -53377,7 +53834,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -53387,7 +53844,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -53396,7 +53853,9 @@ export type CustomElements = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -53694,14 +54153,25 @@ export type CustomElements = {
    * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
    * imports no `Kbd` of its own. Showing a shortcut does not bind it.
    *
+   * `href` makes the action a link, as Menu's rows take one: the `item` part is
+   * then an `<a>` carrying `menuitem`, so the browser follows it, opens it in a
+   * new tab on a middle press, and offers its own menu for it. Choosing it still
+   * sends `helix-select` and closes the dial. A disabled action draws no link.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -53758,7 +54228,7 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -53795,8 +54265,9 @@ export type CustomElements = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
-   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
-   * first action. With the dial open:
+   * **Keyboard.** On the trigger, Enter, Space, Down or a press opens the dial
+   * on its first action, and Up opens it on its last, as an APG menu button
+   * does. With the dial open:
    *
    * | Key | What it does |
    * |---|---|
@@ -53820,6 +54291,13 @@ export type CustomElements = {
    * and a slotted one alike. A press that has opened the dial does not also do
    * the trigger's action.
    *
+   * **Open on hover.** With `open-on="hover"`, a mouse resting on the trigger
+   * opens the dial, as Material's speed dial does, and the dial closes a moment
+   * after the mouse leaves both the trigger and the actions. A press, a touch
+   * and the keyboard open it as under `click`, and a press on the trigger of a
+   * dial already open moves focus to its first action, so the press a mouse
+   * makes after hovering keeps the dial open.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -53833,9 +54311,11 @@ export type CustomElements = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -53889,6 +54369,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -53958,6 +54439,13 @@ export type CustomElements = {
    * takes all of the change, as Web Awesome's split panel does. Without it,
    * both panes keep their share.
    *
+   * **Three or more panes along one axis are splitters nested on that axis**, a
+   * splitter in the `end` pane of another for three columns. The nested one
+   * keeps the pane on its far side the size it was while the outer divider
+   * moves, so a divider resizes only the two panes beside it, as Zag's splitter
+   * does with any number of panels. Where the whole row is resized, every pane
+   * keeps its share, unless `primary` says otherwise.
+   *
    * **Keyboard.** The divider is one tab stop.
    *
    * | Key | What it does |
@@ -54342,7 +54830,13 @@ export type CustomElements = {
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
-   * same rules, for your own buttons.
+   * same rules, for your own buttons. `reset()` goes back to the first stage and
+   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   *
+   * `completion="passed"` marks a stage `complete` once a reader moves past it,
+   * as Ark UI counts a stage before the current one as completed. Going back
+   * leaves it complete. In a `linear` sequence the next stage is then in reach
+   * from the current one, and `validate` decides whether the reader may go.
    *
    * To check a stage before a reader moves on from it, set `validate` to a
    * function that answers whether the stage is valid, as Ark UI's `isStepValid`
@@ -54363,10 +54857,25 @@ export type CustomElements = {
    * current stage's button says `aria-current="step"`, and a finished stage's
    * button is described by its `complete-label`.
    *
+   * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
+   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
+   * between the names as well, as Ark UI's steps do: Left and Right along a row,
+   * Up and Down a column, Home and End to the first and the last. The arrows
+   * pass over a disabled stage and one a linear sequence holds out of reach,
+   * and they move focus without going to the stage.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -54457,6 +54966,10 @@ export type CustomElements = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
@@ -54568,6 +55081,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -54593,6 +55108,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-step": Partial<
@@ -55632,6 +56148,16 @@ export type CustomElements = {
    * `active` says so, with `helix-activate`. Where the removed tab had focus,
    * focus moves to the tab now selected.
    *
+   * **More tabs than fit.** With `scroll-controls`, a strip that scrolls shows a
+   * button at each end it can scroll toward, as Web Awesome's tab group does,
+   * and a press scrolls it most of its own length. The buttons are for the
+   * pointer, so they are out of the tab order and hidden from screen readers;
+   * the arrow keys already reach every tab, and the strip scrolls the selected
+   * tab into view. A strip scrolls once a stylesheet gives the `tabs` part an
+   * `overflow`, as the styled tier does.
+   *
+   * A tab with `dismissible` can be closed: see `Tabs.Tab`.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -55655,6 +56181,8 @@ export type CustomElements = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -55744,6 +56272,8 @@ export type CustomElements = {
    *
    * - `indicator`: The marker that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`, and `data-placed` once it has been placed, for a mark you draw and animate yourself.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -55764,14 +56294,27 @@ export type CustomElements = {
    * first, and canceling it keeps the browser from following, so a client-side
    * router follows it instead.
    *
+   * With `dismissible`, the tab can be closed, as Web Awesome's closable tab
+   * can: a press on its `dismiss` mark, or Delete or Backspace while the tab
+   * has focus, sends `helix-dismiss`. The tab does not remove itself, because
+   * your code owns the set, so remove the tab and its panel in your handler.
+   * Focus moves to the tab beside it, and the tab set selects a tab that is
+   * left.
+   * The tab says the key through `aria-keyshortcuts`, and the mark is for the
+   * pointer, hidden from screen readers.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-label`/`dismissLabel`: The tooltip on the mark that closes a `dismissible` tab. The mark is for
+   * the pointer and hidden from screen readers, which hear the Delete key
+   * through `aria-keyshortcuts`.
    * - `href`: The URL the tab links to. Setting it renders the tab as a link, for a set
    * of tabs that are pages of a site.
    * - `rel`: The link's `rel`, for a tab with an `href`.
    * - `target`: Where the link opens, such as `_blank`, for a tab with an `href`.
+   * - `dismissible`: Whether the element shows a control that dismisses it.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -55805,6 +56348,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -55819,6 +56363,10 @@ export type CustomElements = {
    *
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `dismiss() => boolean`: Sends `helix-dismiss` for a `dismissible` tab, and returns `false` where a
+   * listener refused it, or where the tab is not dismissible or is disabled.
+   * The tab stays where it is either way: removing it is yours. Where the tab
+   * had focus, focus moves to the tab beside it once you remove it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -55831,6 +56379,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -55855,8 +56404,12 @@ export type CustomElements = {
    * `selection-mode` lets a reader select tags, with Space, Enter or a press:
    * `single` selects one at a time and `multiple` any number. In `multiple`,
    * Shift with an arrow, Home or End selects the range from the tag last
-   * pressed to the tag focus moves to, and Control or Command with A selects
-   * every tag that is not disabled. `value` holds the
+   * pressed to the tag focus moves to, Shift with a press or Space selects the
+   * range to that tag, and Control or Command with A selects every tag that is
+   * not disabled. `selection-behavior="replace"` selects the tag a reader
+   * presses or moves to alone, as a file list does, and Control or Command
+   * with a press or Space adds or takes out one tag. `disallow-empty-selection`
+   * keeps one tag selected once one is. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -55878,10 +56431,19 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -57978,6 +58540,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -58947,6 +59511,13 @@ export type CustomElements = {
    * or open, and the tree's one tab stop stays on the item last reached. In a
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
+   * Shift+Space checks every item from the one last checked to the focused one,
+   * and Control+Shift+Home or End checks every item from the focused one to the
+   * first or the last, then moves there, as the tree pattern's range keys do.
+   *
+   * A tree with no name of its own is announced as "Tree", which says nothing
+   * about what it holds, so a development build warns once with the kind
+   * `missing-name` where neither `label` nor an `aria-label` names it.
    *
    * Removing the item that has focus moves focus to the item after it among its
    * siblings, or the one before, or its parent, so focus stays in the tree.
@@ -58962,7 +59533,15 @@ export type CustomElements = {
    * `helix-before-reorder`, which you can refuse, and then `helix-reorder`, whose
    * `keys` hold the siblings in the new order. **You move the items**: the tree
    * moves no element of yours, and focus follows the moved item once you have.
-   * Moving an item into another branch is not part of this.
+   *
+   * **Alt with the arrow along the line moves an item into another branch.**
+   * Alt with the arrow that opens a branch (Right on a left-to-right page) puts
+   * the focused item last inside the item before it, and opens that item; Alt
+   * with the other arrow puts it after its parent, a level out. The same
+   * `helix-before-reorder` and `helix-reorder` are sent, with `parent` naming
+   * the branch it moves into by its key, `''` for the top level, and `keys`
+   * holding that branch's items in their new order. The tree says the move with
+   * `moved-into-label`.
    *
    * ## Attributes & Properties
    *
@@ -58975,6 +59554,11 @@ export type CustomElements = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -60241,6 +60825,10 @@ export type CustomElementsSolidJs = {
    * and a closed section is `hidden` and `inert` instead, and find in page skips
    * it.
    *
+   * A section whose trigger has no words, with nothing in its `summary` slot,
+   * is announced as a bare button, and a development build warns once with the
+   * kind `missing-name`.
+   *
    * While it is open, the content part carries the content's height as
    * `--accordion-content-height`, as Radix's accordion does, for a stylesheet
    * that animates the section open with keyframes of its own.
@@ -60377,6 +60965,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -60403,7 +60992,8 @@ export type CustomElementsSolidJs = {
    * Keys, on a trigger: Up and Down Arrow move to the previous and the next
    * trigger, and so do Left and Right, wrapping at the ends; Home and End go to
    * the first and the last. Enter and Space open and close the section. Disabled
-   * sections are passed over.
+   * sections are passed over. Under `single` the open section's trigger is
+   * `aria-disabled`, because a press cannot close it.
    *
    * Each trigger is a button with `aria-expanded` and `aria-controls`, inside a
    * heading, level 3 unless `heading-level` says otherwise, so the sections are
@@ -61929,8 +62519,11 @@ export type CustomElementsSolidJs = {
    * Set `href` to make the whole crumb an anchor, which works with Enter, middle
    * click, and the status bar, and before any JavaScript runs. A router cannot
    * reach an anchor inside a shadow root, so intercept the click for client-side
-   * navigation, as with `Tree.Item` and `List.Item`. A trail that collapses also
-   * reads `href` to rebuild its hidden crumbs elsewhere.
+   * navigation, as with `Tree.Item` and `List.Item`: a plain press on the link
+   * sends `helix-select` with the `href` as its value first, and canceling it
+   * keeps the browser from following, so a client-side router follows it
+   * instead, as React Aria's `onAction` lets a router do. A press with a
+   * modifier opens the link where the browser opens it and sends nothing.
    *
    * Without `href`, the crumb renders a plain `<span>` around what you slot,
    * including your own anchor.
@@ -61988,6 +62581,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -62001,6 +62600,8 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
@@ -62009,7 +62610,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-breadcrumb": Partial<
@@ -62040,11 +62643,13 @@ export type CustomElementsSolidJs = {
    * array of `{ label, href }`, drawn as crumbs in order, the last one as the
    * current page. Slotted crumbs follow them. Use one way or the other in a trail.
    *
-   * With `max-items`, a trail drawn from `items` that is longer folds its middle
-   * into one crumb: the first crumb, a button, then the last `max-items` less one.
-   * The button is named by `expand-label` and shows the whole trail, moving focus
-   * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
-   * do not fold; write the folded crumb where the gap should be.
+   * With `max-items`, a trail that is longer folds its middle into one place:
+   * the first crumb, a button, then the last `max-items` less one. The button is
+   * named by `expand-label` and shows the whole trail, moving focus to the first
+   * crumb it brought back. A trail drawn from `items` draws the button as a
+   * crumb of its own, and a new `items` folds again. A slotted trail hides the
+   * crumbs it folds, which take no room, and its first crumb draws the button
+   * after its link; a change to the crumbs folds again.
    *
    * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
    * Enter follows it. The current page and the separators are not in the tab
@@ -62103,6 +62708,8 @@ export type CustomElementsSolidJs = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -62251,6 +62858,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-button-group": Partial<
@@ -65072,8 +65680,9 @@ export type CustomElementsSolidJs = {
    * style the panel to match your interface.
    *
    * The field reads every color syntax, including `#f00`, `#ff0000`,
-   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`, and
-   * `hsl(0 100% 50%)`. It writes colors in the syntax that `format` names. The
+   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`,
+   * `hsl(0 100% 50%)`, `oklch(62.8% 0.258 29.2)`, and `hsb(0, 100%, 100%)`. It
+   * writes colors in the syntax that `format` names. The
    * field shows the value without reformatting it, because half-typed input does
    * not survive a round trip through a formatter. Date Input does the same with
    * dates.
@@ -65110,7 +65719,8 @@ export type CustomElementsSolidJs = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -65353,6 +65963,8 @@ export type CustomElementsSolidJs = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -65377,7 +65989,9 @@ export type CustomElementsSolidJs = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -65428,6 +66042,11 @@ export type CustomElementsSolidJs = {
    * is named by its color. The opacity ramp is heard as a percentage. Set
    * `color-words` to speak the names in another language.
    *
+   * `label` names the picker, which is then a group with that name, and the
+   * square's ramps say it before their own, as "Brand, Saturation". `hint`
+   * writes help under the picker, which the square, the ramps and the value
+   * field are described by. Inside Color Input the field carries both.
+   *
    * The presets are a listbox with the current color selected, and one tab
    * stop. The arrow keys move between them, Home and End go to the ends, and
    * Enter, Space or a press chooses one.
@@ -65454,12 +66073,15 @@ export type CustomElementsSolidJs = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -65476,15 +66098,25 @@ export type CustomElementsSolidJs = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -65659,6 +66291,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -65741,6 +66375,8 @@ export type CustomElementsSolidJs = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -65764,6 +66400,8 @@ export type CustomElementsSolidJs = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -65775,7 +66413,10 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-color-picker": Partial<
@@ -67438,6 +68079,7 @@ export type CustomElementsSolidJs = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -67529,15 +68171,22 @@ export type CustomElementsSolidJs = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -67563,8 +68212,9 @@ export type CustomElementsSolidJs = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -67611,6 +68261,13 @@ export type CustomElementsSolidJs = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -67731,6 +68388,8 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -67815,6 +68474,7 @@ export type CustomElementsSolidJs = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -67833,7 +68493,7 @@ export type CustomElementsSolidJs = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -75879,6 +76539,15 @@ export type CustomElementsSolidJs = {
    * links and not a single control, and the keys across the other axis are
    * left to the page and to an open panel.
    *
+   * While a `Megamenu`, or another disclosure among the destinations, is open,
+   * the navigation is `:state(open)`, so a page can dim what lies under the
+   * panel, as Radix's navigation menu marks its open state.
+   *
+   * A screen reader lists the page's navigation landmarks by name, so two named
+   * alike cannot be told apart. Where another navigation in the same document
+   * has the same name, "Main" for two with no `label`, the later one warns once
+   * with the kind `duplicate-name`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -75934,6 +76603,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-navigation": Partial<
@@ -79970,7 +80640,10 @@ export type CustomElementsSolidJs = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them.
+   * so the listbox looks through slots to find them. For a list too long to draw
+   * whole, set `items` instead: the list draws only the options in sight, as
+   * Listbox's `items` does, and the trigger, its keys and the form read the
+   * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
    * back, so the value lives in one place.
@@ -80115,6 +80788,17 @@ export type CustomElementsSolidJs = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -80292,6 +80976,8 @@ export type CustomElementsSolidJs = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-select": Partial<
@@ -80477,7 +81163,12 @@ export type CustomElementsSolidJs = {
    * does not draw a hundred and one marks by accident.
    *
    * A range with two thumbs is two inputs stacked on one track, because there is
-   * no native two-thumb range. Each thumb keeps its own value.
+   * no native two-thumb range. Each thumb keeps its own value, and a named range
+   * submits one entry per thumb under its name, the lowest first. A range given
+   * more than two values, such as `default-value="20,50,80"`, has a thumb for
+   * each, as React Aria's slider takes any number of thumbs: each stops at its
+   * neighbors, and the ones between the first and the last are named by
+   * `thumb-label`.
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
@@ -80508,6 +81199,8 @@ export type CustomElementsSolidJs = {
    * | Page Up, Page Down | Moves the thumb by a larger step. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
+   * Under `readonly` none of these move the thumb, and Tab still reaches it.
+   *
    * Each thumb is an `<input type="range">` with `aria-valuetext` where the value
    * is formatted or worded. A range's thumbs say they stop at each other with
    * `aria-valuemin` and `aria-valuemax`.
@@ -80566,13 +81259,24 @@ export type CustomElementsSolidJs = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -80674,6 +81378,8 @@ export type CustomElementsSolidJs = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -80742,7 +81448,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -80752,7 +81458,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -80761,7 +81467,9 @@ export type CustomElementsSolidJs = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -81066,14 +81774,25 @@ export type CustomElementsSolidJs = {
    * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
    * imports no `Kbd` of its own. Showing a shortcut does not bind it.
    *
+   * `href` makes the action a link, as Menu's rows take one: the `item` part is
+   * then an `<a>` carrying `menuitem`, so the browser follows it, opens it in a
+   * new tab on a middle press, and offers its own menu for it. Choosing it still
+   * sends `helix-select` and closes the dial. A disabled action draws no link.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -81130,7 +81849,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -81168,8 +81887,9 @@ export type CustomElementsSolidJs = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
-   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
-   * first action. With the dial open:
+   * **Keyboard.** On the trigger, Enter, Space, Down or a press opens the dial
+   * on its first action, and Up opens it on its last, as an APG menu button
+   * does. With the dial open:
    *
    * | Key | What it does |
    * |---|---|
@@ -81193,6 +81913,13 @@ export type CustomElementsSolidJs = {
    * and a slotted one alike. A press that has opened the dial does not also do
    * the trigger's action.
    *
+   * **Open on hover.** With `open-on="hover"`, a mouse resting on the trigger
+   * opens the dial, as Material's speed dial does, and the dial closes a moment
+   * after the mouse leaves both the trigger and the actions. A press, a touch
+   * and the keyboard open it as under `click`, and a press on the trigger of a
+   * dial already open moves focus to its first action, so the press a mouse
+   * makes after hovering keeps the dial open.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -81206,9 +81933,11 @@ export type CustomElementsSolidJs = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -81262,6 +81991,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -81334,6 +82064,13 @@ export type CustomElementsSolidJs = {
    * takes all of the change, as Web Awesome's split panel does. Without it,
    * both panes keep their share.
    *
+   * **Three or more panes along one axis are splitters nested on that axis**, a
+   * splitter in the `end` pane of another for three columns. The nested one
+   * keeps the pane on its far side the size it was while the outer divider
+   * moves, so a divider resizes only the two panes beside it, as Zag's splitter
+   * does with any number of panels. Where the whole row is resized, every pane
+   * keeps its share, unless `primary` says otherwise.
+   *
    * **Keyboard.** The divider is one tab stop.
    *
    * | Key | What it does |
@@ -81727,7 +82464,13 @@ export type CustomElementsSolidJs = {
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
-   * same rules, for your own buttons.
+   * same rules, for your own buttons. `reset()` goes back to the first stage and
+   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   *
+   * `completion="passed"` marks a stage `complete` once a reader moves past it,
+   * as Ark UI counts a stage before the current one as completed. Going back
+   * leaves it complete. In a `linear` sequence the next stage is then in reach
+   * from the current one, and `validate` decides whether the reader may go.
    *
    * To check a stage before a reader moves on from it, set `validate` to a
    * function that answers whether the stage is valid, as Ark UI's `isStepValid`
@@ -81748,10 +82491,25 @@ export type CustomElementsSolidJs = {
    * current stage's button says `aria-current="step"`, and a finished stage's
    * button is described by its `complete-label`.
    *
+   * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
+   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
+   * between the names as well, as Ark UI's steps do: Left and Right along a row,
+   * Up and Down a column, Home and End to the first and the last. The arrows
+   * pass over a disabled stage and one a linear sequence holds out of reach,
+   * and they move focus without going to the stage.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -81842,6 +82600,10 @@ export type CustomElementsSolidJs = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
@@ -81956,6 +82718,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -81981,6 +82745,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-step": Partial<
@@ -83039,6 +83804,16 @@ export type CustomElementsSolidJs = {
    * `active` says so, with `helix-activate`. Where the removed tab had focus,
    * focus moves to the tab now selected.
    *
+   * **More tabs than fit.** With `scroll-controls`, a strip that scrolls shows a
+   * button at each end it can scroll toward, as Web Awesome's tab group does,
+   * and a press scrolls it most of its own length. The buttons are for the
+   * pointer, so they are out of the tab order and hidden from screen readers;
+   * the arrow keys already reach every tab, and the strip scrolls the selected
+   * tab into view. A strip scrolls once a stylesheet gives the `tabs` part an
+   * `overflow`, as the styled tier does.
+   *
+   * A tab with `dismissible` can be closed: see `Tabs.Tab`.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -83062,6 +83837,8 @@ export type CustomElementsSolidJs = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -83151,6 +83928,8 @@ export type CustomElementsSolidJs = {
    *
    * - `indicator`: The marker that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`, and `data-placed` once it has been placed, for a mark you draw and animate yourself.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -83174,14 +83953,27 @@ export type CustomElementsSolidJs = {
    * first, and canceling it keeps the browser from following, so a client-side
    * router follows it instead.
    *
+   * With `dismissible`, the tab can be closed, as Web Awesome's closable tab
+   * can: a press on its `dismiss` mark, or Delete or Backspace while the tab
+   * has focus, sends `helix-dismiss`. The tab does not remove itself, because
+   * your code owns the set, so remove the tab and its panel in your handler.
+   * Focus moves to the tab beside it, and the tab set selects a tab that is
+   * left.
+   * The tab says the key through `aria-keyshortcuts`, and the mark is for the
+   * pointer, hidden from screen readers.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-label`/`dismissLabel`: The tooltip on the mark that closes a `dismissible` tab. The mark is for
+   * the pointer and hidden from screen readers, which hear the Delete key
+   * through `aria-keyshortcuts`.
    * - `href`: The URL the tab links to. Setting it renders the tab as a link, for a set
    * of tabs that are pages of a site.
    * - `rel`: The link's `rel`, for a tab with an `href`.
    * - `target`: Where the link opens, such as `_blank`, for a tab with an `href`.
+   * - `dismissible`: Whether the element shows a control that dismisses it.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -83215,6 +84007,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -83229,6 +84022,10 @@ export type CustomElementsSolidJs = {
    *
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `dismiss() => boolean`: Sends `helix-dismiss` for a `dismissible` tab, and returns `false` where a
+   * listener refused it, or where the tab is not dismissible or is disabled.
+   * The tab stays where it is either way: removing it is yours. Where the tab
+   * had focus, focus moves to the tab beside it once you remove it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -83241,6 +84038,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -83268,8 +84066,12 @@ export type CustomElementsSolidJs = {
    * `selection-mode` lets a reader select tags, with Space, Enter or a press:
    * `single` selects one at a time and `multiple` any number. In `multiple`,
    * Shift with an arrow, Home or End selects the range from the tag last
-   * pressed to the tag focus moves to, and Control or Command with A selects
-   * every tag that is not disabled. `value` holds the
+   * pressed to the tag focus moves to, Shift with a press or Space selects the
+   * range to that tag, and Control or Command with A selects every tag that is
+   * not disabled. `selection-behavior="replace"` selects the tag a reader
+   * presses or moves to alone, as a file list does, and Control or Command
+   * with a press or Space adds or takes out one tag. `disallow-empty-selection`
+   * keeps one tag selected once one is. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -83291,10 +84093,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -85416,6 +86227,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -86403,6 +87216,13 @@ export type CustomElementsSolidJs = {
    * or open, and the tree's one tab stop stays on the item last reached. In a
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
+   * Shift+Space checks every item from the one last checked to the focused one,
+   * and Control+Shift+Home or End checks every item from the focused one to the
+   * first or the last, then moves there, as the tree pattern's range keys do.
+   *
+   * A tree with no name of its own is announced as "Tree", which says nothing
+   * about what it holds, so a development build warns once with the kind
+   * `missing-name` where neither `label` nor an `aria-label` names it.
    *
    * Removing the item that has focus moves focus to the item after it among its
    * siblings, or the one before, or its parent, so focus stays in the tree.
@@ -86418,7 +87238,15 @@ export type CustomElementsSolidJs = {
    * `helix-before-reorder`, which you can refuse, and then `helix-reorder`, whose
    * `keys` hold the siblings in the new order. **You move the items**: the tree
    * moves no element of yours, and focus follows the moved item once you have.
-   * Moving an item into another branch is not part of this.
+   *
+   * **Alt with the arrow along the line moves an item into another branch.**
+   * Alt with the arrow that opens a branch (Right on a left-to-right page) puts
+   * the focused item last inside the item before it, and opens that item; Alt
+   * with the other arrow puts it after its parent, a level out. The same
+   * `helix-before-reorder` and `helix-reorder` are sent, with `parent` naming
+   * the branch it moves into by its key, `''` for the top level, and `keys`
+   * holding that branch's items in their new order. The tree says the move with
+   * `moved-into-label`.
    *
    * ## Attributes & Properties
    *
@@ -86431,6 +87259,11 @@ export type CustomElementsSolidJs = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -87827,7 +88660,7 @@ export type CustomCssProperties = {
   "--scroll-area-scroll-fraction"?: (string) | undefined;
   /** The share of the track the thumb covers, from 0 to 1, which is how much of the content is in view. Written on each `scrollbar` part. */
   "--scroll-area-thumb-fraction"?: (string) | undefined;
-  /** Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part. */
+  /** Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part. */
   "--slider-at"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. */
   "--slider-fraction"?: (string) | undefined;