@fusion.dev/helix 0.154.0 → 0.155.0

package/types/jsx.d.ts

@@ -2945,6 +2945,15 @@ element's language. Leave the marks out of the text. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixBreadcrumb` component event */
+export type HelixBreadcrumbElementEvent<E = Event> = TypedEvent<
+  HelixBreadcrumb,
+  E
+>;
+/** `helix-select` event type */
+export type HelixBreadcrumbHelixSelectElementEvent =
+  HelixBreadcrumbElementEvent<HelixSelectEvent>;
+
 export type HelixBreadcrumbProps = {
   /** Marks this item as the page you are on. */
   current?: (HelixBreadcrumb["current"]) | undefined;
@@ -2972,6 +2981,9 @@ The consumer's decision. */
   rel?: (HelixBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   target?: (HelixBreadcrumb["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: HelixBreadcrumbHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixBreadcrumbSolidJsProps = {
@@ -3001,6 +3013,8 @@ The consumer's decision. */
   "prop:rel"?: (HelixBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   "prop:target"?: (HelixBreadcrumb["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: HelixBreadcrumbHelixSelectElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -7829,7 +7843,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?: (HelixColorInput["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
@@ -8049,7 +8064,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"?: (HelixColorInput["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
@@ -8238,8 +8254,9 @@ language hears its own rather than English between its own labels. */
   brightnessLabel?: (HelixColorPicker["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
@@ -8247,13 +8264,20 @@ the syntax the format toggle sets. */
   "channel-fields"?: (HelixColorPicker["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?: (HelixColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "chroma-label"?: (HelixColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  chromaLabel?: (HelixColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -8294,10 +8318,16 @@ the color. */
   "eyedropper-label"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   eyedropperLabel?: (HelixColorPicker["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?: (HelixColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "format-label"?: (HelixColorPicker["formatLabel"]) | undefined;
@@ -8307,15 +8337,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "green-label"?: (HelixColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   greenLabel?: (HelixColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  hint?: (HelixColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "hue-label"?: (HelixColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   hueLabel?: (HelixColorPicker["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?: (HelixColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "lightness-label"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   lightnessLabel?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -8598,8 +8634,9 @@ language hears its own rather than English between its own labels. */
   "prop:brightnessLabel"?: (HelixColorPicker["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
@@ -8607,13 +8644,20 @@ the syntax the format toggle sets. */
   "bool:channel-fields"?: (HelixColorPicker["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"?: (HelixColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "attr:chroma-label"?: (HelixColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "prop:chromaLabel"?: (HelixColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -8654,10 +8698,16 @@ the color. */
   "attr:eyedropper-label"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   "prop:eyedropperLabel"?: (HelixColorPicker["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"?: (HelixColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "attr:format-label"?: (HelixColorPicker["formatLabel"]) | undefined;
@@ -8667,15 +8717,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "attr:green-label"?: (HelixColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   "prop:greenLabel"?: (HelixColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  "prop:hint"?: (HelixColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "attr:hue-label"?: (HelixColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   "prop:hueLabel"?: (HelixColorPicker["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"?: (HelixColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "attr:lightness-label"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "prop:lightnessLabel"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -11923,15 +11979,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?: (HelixDatePicker["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?: (HelixDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "default-month"?: (HelixDatePicker["defaultMonth"]) | undefined;
@@ -11990,8 +12053,9 @@ its days. */
   min?: (HelixDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   mode?: (HelixDatePicker["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
@@ -12093,6 +12157,22 @@ date including the one already chosen. */
   "step-mismatch-message"?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   stepMismatchMessage?: (HelixDatePicker["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"?: (HelixDatePicker["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?: (HelixDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "unavailable-message"?: (HelixDatePicker["unavailableMessage"]) | undefined;
@@ -12230,15 +12310,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"?: (HelixDatePicker["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"?: (HelixDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "attr:default-month"?: (HelixDatePicker["defaultMonth"]) | undefined;
@@ -12297,8 +12384,9 @@ its days. */
   "prop:min"?: (HelixDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   "prop:mode"?: (HelixDatePicker["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
@@ -12400,6 +12488,22 @@ date including the one already chosen. */
   "attr:step-mismatch-message"?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   "prop:stepMismatchMessage"?: (HelixDatePicker["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"?: (HelixDatePicker["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"?: (HelixDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "attr:unavailable-message"?: (HelixDatePicker["unavailableMessage"]) | undefined;
@@ -28415,6 +28519,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?: (HelixSelect["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?: (HelixSelect["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.
 
@@ -28650,6 +28766,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"?: (HelixSelect["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"?: (HelixSelect["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.
 
@@ -28935,9 +29063,11 @@ between its thumbs and ignores it. */
   origin?: (HelixSlider["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?: (HelixSlider["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}`. */
@@ -28945,12 +29075,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?: (HelixSlider["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?: (HelixSlider["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?: (HelixSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "show-value"?: (HelixSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   showValue?: (HelixSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   step?: (HelixSlider["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"?: (HelixSlider["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?: (HelixSlider["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
@@ -29139,9 +29291,11 @@ between its thumbs and ignores it. */
   "prop:origin"?: (HelixSlider["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"?: (HelixSlider["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}`. */
@@ -29149,12 +29303,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"?: (HelixSlider["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"?: (HelixSlider["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"?: (HelixSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "bool:show-value"?: (HelixSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   "prop:showValue"?: (HelixSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   "prop:step"?: (HelixSlider["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"?: (HelixSlider["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"?: (HelixSlider["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
@@ -29613,10 +29789,20 @@ export type HelixSpeedDialItemHelixSelectElementEvent =
 export type HelixSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixSpeedDialItem["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?: (HelixSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  href?: (HelixSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  rel?: (HelixSpeedDialItem["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?: (HelixSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  target?: (HelixSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixSpeedDialItem["value"]) | undefined;
 
@@ -29627,10 +29813,20 @@ keyboard and Control elsewhere. Showing a shortcut does not bind it. */
 export type HelixSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixSpeedDialItem["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"?: (HelixSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  "prop:href"?: (HelixSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  "prop:rel"?: (HelixSpeedDialItem["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"?: (HelixSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  "prop:target"?: (HelixSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -29703,13 +29899,17 @@ you described or labeled it yourself. */
   longPressLabel?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixSpeedDial["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"?: (HelixSpeedDial["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?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -29775,13 +29975,17 @@ you described or labeled it yourself. */
   "prop:longPressLabel"?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixSpeedDial["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"?: (HelixSpeedDial["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"?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -30317,6 +30521,16 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   defaultActive?: (HelixSteps["defaultActive"]) | undefined;
+  /** 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?: (HelixSteps["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?: (HelixSteps["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
@@ -30391,6 +30605,16 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   "prop:defaultActive"?: (HelixSteps["defaultActive"]) | undefined;
+  /** 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"?: (HelixSteps["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"?: (HelixSteps["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
@@ -31712,6 +31936,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   orientation?: (HelixTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "scroll-controls"?: (HelixTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  scrollControls?: (HelixTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -31781,6 +32011,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   "prop:orientation"?: (HelixTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "bool:scroll-controls"?: (HelixTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "prop:scrollControls"?: (HelixTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -31821,11 +32057,38 @@ consumer's server markup does not already have. */
 
 /** `HelixTab` component event */
 export type HelixTabElementEvent<E = Event> = TypedEvent<HelixTab, E>;
+/** `helix-dismiss` event type */
+export type HelixTabHelixDismissElementEvent =
+  HelixTabElementEvent<HelixDismissEvent>;
 /** `helix-select` event type */
 export type HelixTabHelixSelectElementEvent =
   HelixTabElementEvent<HelixSelectEvent>;
 
 export type HelixTabProps = {
+  /** Whether the element shows a control that dismisses it. */
+  dismissible?: (HelixTab["dismissible"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "dismiss-label"?: (HelixTab["dismissLabel"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  dismissLabel?: (HelixTab["dismissLabel"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   disabled?: (HelixTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -31845,11 +32108,37 @@ of tabs that are pages of a site. */
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   target?: (HelixTab["target"]) | 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: HelixTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "onhelix-select"?: ((e: HelixTabHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixTabSolidJsProps = {
+  /** Whether the element shows a control that dismisses it. */
+  "prop:dismissible"?: (HelixTab["dismissible"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "attr:dismiss-label"?: (HelixTab["dismissLabel"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "prop:dismissLabel"?: (HelixTab["dismissLabel"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   "prop:disabled"?: (HelixTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -31868,6 +32157,8 @@ of tabs that are pages of a site. */
   "prop:rel"?: (HelixTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   "prop:target"?: (HelixTab["target"]) | 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: HelixTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "on:helix-select"?: ((e: HelixTabHelixSelectElementEvent) => void) | undefined;
 
@@ -31887,6 +32178,14 @@ export type HelixTagGroupHelixDismissElementEvent =
   HelixTagGroupElementEvent<HelixDismissEvent>;
 
 export type HelixTagGroupProps = {
+  /** 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"?: (HelixTagGroup["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?: (HelixTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "empty-label"?: (HelixTagGroup["emptyLabel"]) | undefined;
@@ -31896,6 +32195,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   label?: (HelixTagGroup["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"?: (HelixTagGroup["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?: (HelixTagGroup["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. */
@@ -31922,6 +32235,14 @@ words where it has none. */
 };
 
 export type HelixTagGroupSolidJsProps = {
+  /** 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"?: (HelixTagGroup["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"?: (HelixTagGroup["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"?: (HelixTagGroup["emptyLabel"]) | undefined;
@@ -31931,6 +32252,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"?: (HelixTagGroup["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"?: (HelixTagGroup["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"?: (HelixTagGroup["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. */
@@ -35813,6 +36148,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   label?: (HelixTree["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"?: (HelixTree["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?: (HelixTree["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. */
@@ -35987,6 +36334,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"?: (HelixTree["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"?: (HelixTree["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"?: (HelixTree["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. */
@@ -37815,6 +38174,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.
    */
@@ -39684,6 +40044,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.
@@ -39711,6 +40077,8 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `separator`: The separator preceding the item.
+   * - `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-mark`: The chevron between crumbs, shown when no separator is slotted.
    *
@@ -39718,7 +40086,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-breadcrumb": Partial<
@@ -39802,6 +40172,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`.
@@ -39930,6 +40302,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-button-group": Partial<
@@ -42882,7 +43255,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
@@ -43099,6 +43473,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.
@@ -43123,7 +43499,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.
@@ -43210,12 +43588,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"}`.
    *
@@ -43232,15 +43613,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.
@@ -43395,6 +43786,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
    *
@@ -43493,6 +43886,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.
@@ -43516,6 +43911,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.
@@ -43527,7 +43924,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-color-picker": Partial<
@@ -45109,6 +45509,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.
@@ -45194,15 +45595,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.
@@ -45228,8 +45636,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
@@ -45276,6 +45685,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.
@@ -45376,6 +45792,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.
    *
@@ -45469,6 +45887,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.
@@ -45487,7 +45906,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
    *
@@ -53411,6 +53830,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-navigation": Partial<
@@ -58192,6 +58612,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.
    *
@@ -58373,6 +58804,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-select": Partial<
@@ -58652,13 +59085,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
@@ -58734,6 +59178,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
    *
@@ -58806,6 +59252,7 @@ export type CustomElements = {
    * - `--slider-length`: The length of a vertical track. It defaults to nine rem and applies only when `orientation` is `vertical`. A horizontal track takes the width of its row.
    * - `--slider-marker-color`: The color of the marks along the track.
    * - `--slider-thumb-color`: The color of the thumb.
+   * - `--slider-thumb-content-color`: The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb.
    * - `--slider-thumb-length`: The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval.
    * - `--slider-thumb-radius`: The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it.
    * - `--slider-thumb-ring-color`: The color of the ring between the thumb and the track. Set it for a slider that sits on a surface other than the page background.
@@ -58815,7 +59262,7 @@ export type CustomElements = {
    * - `--slider-track-color`: The color of the unfilled part of the track.
    * - `--slider-track-image`: An image for the whole track, such as a gradient for a slider whose value is a color.
    * - `--slider-track-size`: The thickness of the track. It matches the progress bar's size by default.
-   * - `--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.
@@ -58825,7 +59272,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.
@@ -58834,7 +59281,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
@@ -59176,9 +59625,15 @@ export type CustomElements = {
    * 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.
    *
@@ -59249,7 +59704,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.
    *
@@ -59300,9 +59755,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.
    *
@@ -59343,6 +59800,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
@@ -59823,6 +60281,14 @@ export type CustomElements = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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
@@ -59910,6 +60376,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.
    *
    * ## CSS Custom Properties
    *
@@ -60007,6 +60477,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.
    *
@@ -60032,6 +60504,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-step": Partial<HelixStepProps & BaseProps<HelixStep> & BaseEvents<HelixStep>>;
@@ -60942,6 +61415,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,
@@ -61024,6 +61499,7 @@ export type CustomElements = {
    * - `--tabs-indicator-shadow`: The shadow under the mark, which the pill and `segmented` draw.
    * - `--tabs-indicator-thickness`: The height of the bar under `underlined`.
    * - `--tabs-rule-color`: The color of the rule under the row in `underlined`.
+   * - `--tabs-scroll-background-color`: The fill behind the scroll buttons, over the tabs that pass under them.
    *
    * ## CSS Parts
    *
@@ -61031,6 +61507,8 @@ export type CustomElements = {
    *
    * - `indicator`: The mark 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`.
    * - `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. It holds to the end of the strip.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -61051,6 +61529,17 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
+   *
+   * `attribute` is spelled out because Lit lowercases a property name to
+   * derive one rather than dash-casing it, so this would otherwise be
+   * reachable only as `dismisslabel`, which nobody would guess and no linter
+   * would catch.
+   *
+   * A word property: register it for a locale under the host's key. A family
+   * that names the control otherwise, such as Tag's `Remove {label}`,
+   * declares its own English with `@words` above the override.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -61088,6 +61577,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
@@ -61100,6 +61590,7 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels 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
@@ -61117,6 +61608,7 @@ export type CustomElements = {
    * - `--tabs-tab-block-size`: The height of a tab. `segmented` sizes its tabs to the track and does not read it.
    * - `--tabs-tab-color`: The label color of a tab that is not current.
    * - `--tabs-tab-disabled-opacity`: How faint a disabled tab is drawn.
+   * - `--tabs-tab-dismiss-color`: The color of the mark that closes a `dismissible` tab.
    * - `--tabs-tab-font-size`: The size of a tab's label.
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
@@ -61130,6 +61622,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
@@ -61150,10 +61643,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.
@@ -61225,6 +61727,11 @@ export type CustomElements = {
    * Seven tones. The fill is a tint of the status color made with `color-mix`, so
    * when a theme changes its status colors, the tints change with them.
    *
+   * A tag takes its height from the region it is in, as the controls beside it
+   * do: `data-density="sm"`, `md`, or `lg` on the tag or on any element around
+   * it sets `--helix-size-tag` to the small, resting, or large step, so a row of
+   * tags and buttons stays one height. `shape="pill"` rounds its ends.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -63341,6 +63848,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
    *
@@ -64242,6 +64751,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.
@@ -65563,6 +66077,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.
    */
@@ -67466,6 +67981,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.
@@ -67493,6 +68014,8 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `separator`: The separator preceding the item.
+   * - `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-mark`: The chevron between crumbs, shown when no separator is slotted.
    *
@@ -67500,7 +68023,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-breadcrumb": Partial<
@@ -67587,6 +68112,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`.
@@ -67718,6 +68245,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-button-group": Partial<
@@ -70712,7 +71240,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
@@ -70929,6 +71458,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.
@@ -70953,7 +71484,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.
@@ -71043,12 +71576,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"}`.
    *
@@ -71065,15 +71601,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.
@@ -71228,6 +71774,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
    *
@@ -71326,6 +71874,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.
@@ -71349,6 +71899,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.
@@ -71360,7 +71912,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-color-picker": Partial<
@@ -72957,6 +73512,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.
@@ -73045,15 +73601,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.
@@ -73079,8 +73642,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
@@ -73127,6 +73691,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.
@@ -73227,6 +73798,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.
    *
@@ -73320,6 +73893,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.
@@ -73338,7 +73912,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
    *
@@ -81413,6 +81987,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-navigation": Partial<
@@ -86287,6 +86862,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.
    *
@@ -86468,6 +87054,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-select": Partial<
@@ -86756,13 +87344,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
@@ -86838,6 +87437,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
    *
@@ -86910,6 +87511,7 @@ export type CustomElementsSolidJs = {
    * - `--slider-length`: The length of a vertical track. It defaults to nine rem and applies only when `orientation` is `vertical`. A horizontal track takes the width of its row.
    * - `--slider-marker-color`: The color of the marks along the track.
    * - `--slider-thumb-color`: The color of the thumb.
+   * - `--slider-thumb-content-color`: The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb.
    * - `--slider-thumb-length`: The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval.
    * - `--slider-thumb-radius`: The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it.
    * - `--slider-thumb-ring-color`: The color of the ring between the thumb and the track. Set it for a slider that sits on a surface other than the page background.
@@ -86919,7 +87521,7 @@ export type CustomElementsSolidJs = {
    * - `--slider-track-color`: The color of the unfilled part of the track.
    * - `--slider-track-image`: An image for the whole track, such as a gradient for a slider whose value is a color.
    * - `--slider-track-size`: The thickness of the track. It matches the progress bar's size by default.
-   * - `--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.
@@ -86929,7 +87531,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.
@@ -86938,7 +87540,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
@@ -87289,9 +87893,15 @@ export type CustomElementsSolidJs = {
    * 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.
    *
@@ -87362,7 +87972,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.
    *
@@ -87416,9 +88026,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.
    *
@@ -87459,6 +88071,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
@@ -87950,6 +88563,14 @@ export type CustomElementsSolidJs = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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
@@ -88037,6 +88658,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.
    *
    * ## CSS Custom Properties
    *
@@ -88139,6 +88764,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.
    *
@@ -88164,6 +88791,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-step": Partial<
@@ -89096,6 +89724,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,
@@ -89178,6 +89808,7 @@ export type CustomElementsSolidJs = {
    * - `--tabs-indicator-shadow`: The shadow under the mark, which the pill and `segmented` draw.
    * - `--tabs-indicator-thickness`: The height of the bar under `underlined`.
    * - `--tabs-rule-color`: The color of the rule under the row in `underlined`.
+   * - `--tabs-scroll-background-color`: The fill behind the scroll buttons, over the tabs that pass under them.
    *
    * ## CSS Parts
    *
@@ -89185,6 +89816,8 @@ export type CustomElementsSolidJs = {
    *
    * - `indicator`: The mark 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`.
    * - `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. It holds to the end of the strip.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -89207,6 +89840,17 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
+   *
+   * `attribute` is spelled out because Lit lowercases a property name to
+   * derive one rather than dash-casing it, so this would otherwise be
+   * reachable only as `dismisslabel`, which nobody would guess and no linter
+   * would catch.
+   *
+   * A word property: register it for a locale under the host's key. A family
+   * that names the control otherwise, such as Tag's `Remove {label}`,
+   * declares its own English with `@words` above the override.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -89244,6 +89888,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
@@ -89256,6 +89901,7 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels 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
@@ -89273,6 +89919,7 @@ export type CustomElementsSolidJs = {
    * - `--tabs-tab-block-size`: The height of a tab. `segmented` sizes its tabs to the track and does not read it.
    * - `--tabs-tab-color`: The label color of a tab that is not current.
    * - `--tabs-tab-disabled-opacity`: How faint a disabled tab is drawn.
+   * - `--tabs-tab-dismiss-color`: The color of the mark that closes a `dismissible` tab.
    * - `--tabs-tab-font-size`: The size of a tab's label.
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
@@ -89286,6 +89933,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
@@ -89308,10 +89956,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.
@@ -89386,6 +90043,11 @@ export type CustomElementsSolidJs = {
    * Seven tones. The fill is a tint of the status color made with `color-mix`, so
    * when a theme changes its status colors, the tints change with them.
    *
+   * A tag takes its height from the region it is in, as the controls beside it
+   * do: `data-density="sm"`, `md`, or `lg` on the tag or on any element around
+   * it sets `--helix-size-tag` to the small, resting, or large step, so a row of
+   * tags and buttons stays one height. `shape="pill"` rounds its ends.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -91535,6 +92197,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
    *
@@ -92453,6 +93117,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.
@@ -95464,6 +96133,8 @@ export type CustomCssProperties = {
   "--slider-marker-color"?: (string) | undefined;
   /** The color of the thumb. */
   "--slider-thumb-color"?: (string) | undefined;
+  /** The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb. */
+  "--slider-thumb-content-color"?: (string) | undefined;
   /** The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval. */
   "--slider-thumb-length"?: (string) | undefined;
   /** The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it. */
@@ -95482,7 +96153,7 @@ export type CustomCssProperties = {
   "--slider-track-image"?: (string) | undefined;
   /** The thickness of the track. It matches the progress bar's size by default. */
   "--slider-track-size"?: (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;
@@ -95684,12 +96355,16 @@ export type CustomCssProperties = {
   "--tabs-indicator-thickness"?: (string) | undefined;
   /** The color of the rule under the row in `underlined`. */
   "--tabs-rule-color"?: (string) | undefined;
+  /** The fill behind the scroll buttons, over the tabs that pass under them. */
+  "--tabs-scroll-background-color"?: (string) | undefined;
   /** The height of a tab. `segmented` sizes its tabs to the track and does not read it. */
   "--tabs-tab-block-size"?: (string) | undefined;
   /** The label color of a tab that is not current. */
   "--tabs-tab-color"?: (string) | undefined;
   /** How faint a disabled tab is drawn. */
   "--tabs-tab-disabled-opacity"?: (string) | undefined;
+  /** The color of the mark that closes a `dismissible` tab. */
+  "--tabs-tab-dismiss-color"?: (string) | undefined;
   /** The size of a tab's label. */
   "--tabs-tab-font-size"?: (string) | undefined;
   /** The weight of a tab's label. */