@fusion.dev/helix-headless 0.153.0 → 0.155.0

package/types/jsx.d.ts

@@ -2161,6 +2161,15 @@ element's language. Leave the marks out of the text. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessBreadcrumb` component event */
+export type HelixHeadlessBreadcrumbElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessBreadcrumb,
+  E
+>;
+/** `helix-select` event type */
+export type HelixHeadlessBreadcrumbHelixSelectElementEvent =
+  HelixHeadlessBreadcrumbElementEvent<HelixSelectEvent>;
+
 export type HelixHeadlessBreadcrumbProps = {
   /** Marks this item as the page you are on. */
   current?: (HelixHeadlessBreadcrumb["current"]) | undefined;
@@ -2188,6 +2197,11 @@ The consumer's decision. */
   rel?: (HelixHeadlessBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   target?: (HelixHeadlessBreadcrumb["target"]) | undefined;
+
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "onhelix-select"?: ((
+    e: HelixHeadlessBreadcrumbHelixSelectElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessBreadcrumbSolidJsProps = {
@@ -2217,6 +2231,10 @@ The consumer's decision. */
   "prop:rel"?: (HelixHeadlessBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   "prop:target"?: (HelixHeadlessBreadcrumb["target"]) | undefined;
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "on:helix-select"?: ((
+    e: HelixHeadlessBreadcrumbHelixSelectElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -4130,12 +4148,6 @@ twice what this says once.
 Reflected and undefaulted, so a card that has not asked reads as a card
 with no attribute on it and the stylesheet only describes the departure. */
   mediaPlacement?: (HelixHeadlessCard["mediaPlacement"]) | undefined;
-  /**  */
-  "aria-labelledby"?: unknown;
-  /**  */
-  undefined?: unknown;
-  /**  */
-  "aria-label"?: unknown;
 };
 
 export type HelixHeadlessCardSolidJsProps = {
@@ -4169,12 +4181,6 @@ twice what this says once.
 Reflected and undefaulted, so a card that has not asked reads as a card
 with no attribute on it and the stylesheet only describes the departure. */
   "prop:mediaPlacement"?: (HelixHeadlessCard["mediaPlacement"]) | undefined;
-  /**  */
-  "attr:aria-labelledby"?: unknown;
-  /**  */
-  "prop:undefined"?: unknown;
-  /**  */
-  "attr:aria-label"?: unknown;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -5764,6 +5770,22 @@ Here rather than on each control. */
 };
 
 export type HelixHeadlessCodeBlockProps = {
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "code-label"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  codeLabel?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "code-name-label"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  codeNameLabel?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -5904,6 +5926,22 @@ read, nor for a diff. */
 };
 
 export type HelixHeadlessCodeBlockSolidJsProps = {
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "attr:code-label"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "prop:codeLabel"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "attr:code-name-label"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "prop:codeNameLabel"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "attr:collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -6105,7 +6143,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   colorWords?: (HelixHeadlessColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -6325,7 +6364,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   "prop:colorWords"?: (HelixHeadlessColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -6570,8 +6610,9 @@ language hears its own rather than English between its own labels. */
   brightnessLabel?: (HelixHeadlessColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -6579,13 +6620,20 @@ the syntax the format toggle sets. */
   "channel-fields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   channelFields?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "chroma-label"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  chromaLabel?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -6626,10 +6674,16 @@ the color. */
   "eyedropper-label"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   eyedropperLabel?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   format?: (HelixHeadlessColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "format-label"?: (HelixHeadlessColorPicker["formatLabel"]) | undefined;
@@ -6639,15 +6693,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "green-label"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   greenLabel?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  hint?: (HelixHeadlessColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "hue-label"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   hueLabel?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  label?: (HelixHeadlessColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "lightness-label"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   lightnessLabel?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -6930,8 +6990,9 @@ language hears its own rather than English between its own labels. */
   "prop:brightnessLabel"?: (HelixHeadlessColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -6939,13 +7000,20 @@ the syntax the format toggle sets. */
   "bool:channel-fields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   "prop:channelFields"?: (HelixHeadlessColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "attr:chroma-label"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "prop:chromaLabel"?: (HelixHeadlessColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -6986,10 +7054,16 @@ the color. */
   "attr:eyedropper-label"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   "prop:eyedropperLabel"?: (HelixHeadlessColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   "prop:format"?: (HelixHeadlessColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "attr:format-label"?: (HelixHeadlessColorPicker["formatLabel"]) | undefined;
@@ -6999,15 +7073,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "attr:green-label"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   "prop:greenLabel"?: (HelixHeadlessColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  "prop:hint"?: (HelixHeadlessColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "attr:hue-label"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   "prop:hueLabel"?: (HelixHeadlessColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  "prop:label"?: (HelixHeadlessColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "attr:lightness-label"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "prop:lightnessLabel"?: (HelixHeadlessColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -10239,15 +10319,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   badInputMessage?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   calendar?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -10306,8 +10393,9 @@ its days. */
   min?: (HelixHeadlessDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   mode?: (HelixHeadlessDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -10409,6 +10497,22 @@ date including the one already chosen. */
   "step-mismatch-message"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   stepMismatchMessage?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "time-zone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  timeZone?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "unavailable-message"?: (HelixHeadlessDatePicker["unavailableMessage"]) | undefined;
@@ -10548,15 +10652,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   "prop:badInputMessage"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   "prop:calendar"?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "attr:default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -10615,8 +10726,9 @@ its days. */
   "prop:min"?: (HelixHeadlessDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   "prop:mode"?: (HelixHeadlessDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -10718,6 +10830,22 @@ date including the one already chosen. */
   "attr:step-mismatch-message"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   "prop:stepMismatchMessage"?: (HelixHeadlessDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "attr:time-zone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "prop:timeZone"?: (HelixHeadlessDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "attr:unavailable-message"?: (HelixHeadlessDatePicker["unavailableMessage"]) | undefined;
@@ -14751,6 +14879,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   name?: (HelixHeadlessIcon["name"]) | undefined;
+  /** The URL of an SVG file to draw, fetched once a page and drawn in
+`currentColor` where the file does not color its shapes.
+
+Wins over `name`; `icon` wins over both. Absent draws `name`. */
+  src?: (HelixHeadlessIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -14765,9 +14898,9 @@ frameworks set properties and plain markup cannot, which is what `name` is
 for. Set both and this wins, the value being the more specific statement. */
   icon?: (HelixHeadlessIcon["icon"]) | undefined;
 
-  /** `name` matches no registered icon and no library answers it, so nothing is drawn. */
+  /** `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn. */
   onerror?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
-  /** A glyph a library gave later for `name` is drawn. */
+  /** A glyph a library gave later for `name`, or the file at `src`, is drawn. */
   onload?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
 };
 
@@ -14795,6 +14928,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   "prop:name"?: (HelixHeadlessIcon["name"]) | undefined;
+  /** The URL of an SVG file to draw, fetched once a page and drawn in
+`currentColor` where the file does not color its shapes.
+
+Wins over `name`; `icon` wins over both. Absent draws `name`. */
+  "prop:src"?: (HelixHeadlessIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -14808,9 +14946,9 @@ consumer's own drawings.
 frameworks set properties and plain markup cannot, which is what `name` is
 for. Set both and this wins, the value being the more specific statement. */
   "prop:icon"?: (HelixHeadlessIcon["icon"]) | undefined;
-  /** `name` matches no registered icon and no library answers it, so nothing is drawn. */
+  /** `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn. */
   "on:error"?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
-  /** A glyph a library gave later for `name` is drawn. */
+  /** A glyph a library gave later for `name`, or the file at `src`, is drawn. */
   "on:load"?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -23052,11 +23190,39 @@ which is what makes it read as dots rather than as a softened square code. */
 export type HelixHeadlessQuoteProps = {
   /** URL identifying where the quotation came from. */
   cite?: (HelixHeadlessQuote["cite"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "no-marks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  noMarks?: (HelixHeadlessQuote["noMarks"]) | undefined;
 };
 
 export type HelixHeadlessQuoteSolidJsProps = {
   /** URL identifying where the quotation came from. */
   "prop:cite"?: (HelixHeadlessQuote["cite"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "bool:no-marks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "prop:noMarks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -24418,6 +24584,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   focusable?: (HelixHeadlessSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  items?: (HelixHeadlessSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -24611,6 +24789,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   "prop:focusable"?: (HelixHeadlessSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  "prop:items"?: (HelixHeadlessSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -24820,9 +25010,11 @@ between its thumbs and ignores it. */
   origin?: (HelixHeadlessSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   range?: (HelixHeadlessSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -24830,12 +25022,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   rangeText?: (HelixHeadlessSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readonly?: (HelixHeadlessSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readOnly?: (HelixHeadlessSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "show-value"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   showValue?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   step?: (HelixHeadlessSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "thumb-label"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  thumbLabel?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -25024,9 +25238,11 @@ between its thumbs and ignores it. */
   "prop:origin"?: (HelixHeadlessSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   "prop:range"?: (HelixHeadlessSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -25034,12 +25250,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   "prop:rangeText"?: (HelixHeadlessSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "bool:readonly"?: (HelixHeadlessSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "prop:readOnly"?: (HelixHeadlessSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "bool:show-value"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   "prop:showValue"?: (HelixHeadlessSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   "prop:step"?: (HelixHeadlessSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "attr:thumb-label"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "prop:thumbLabel"?: (HelixHeadlessSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -25433,10 +25671,20 @@ export type HelixHeadlessSpeedDialItemHelixSelectElementEvent =
 export type HelixHeadlessSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  download?: (HelixHeadlessSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  href?: (HelixHeadlessSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  rel?: (HelixHeadlessSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   shortcut?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  target?: (HelixHeadlessSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
 
@@ -25449,10 +25697,20 @@ keyboard and Control elsewhere. Showing a shortcut does not bind it. */
 export type HelixHeadlessSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  "prop:download"?: (HelixHeadlessSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  "prop:href"?: (HelixHeadlessSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  "prop:rel"?: (HelixHeadlessSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   "prop:shortcut"?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  "prop:target"?: (HelixHeadlessSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -25505,13 +25763,17 @@ you described or labeled it yourself. */
   longPressLabel?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixHeadlessSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   openOn?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -25572,13 +25834,17 @@ you described or labeled it yourself. */
   "prop:longPressLabel"?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixHeadlessSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "attr:open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "prop:openOn"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -25935,12 +26201,18 @@ The arrow keys move by `step` and do not snap. */
 };
 
 export type HelixHeadlessStatGroupProps = {
-  /** Accessible name for the group. */
+  /** Accessible name for the group, which makes it a group.
+
+Absent leaves the stats with no group around them, unless `aria-label` or
+`aria-labelledby` names it. */
   label?: (HelixHeadlessStatGroup["label"]) | undefined;
 };
 
 export type HelixHeadlessStatGroupSolidJsProps = {
-  /** Accessible name for the group. */
+  /** Accessible name for the group, which makes it a group.
+
+Absent leaves the stats with no group around them, unless `aria-label` or
+`aria-labelledby` names it. */
   "prop:label"?: (HelixHeadlessStatGroup["label"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -25976,6 +26248,29 @@ reports a hydration mismatch. The absent attribute is the column, which the
 stylesheet reads as the base case, and the server spec asserts the host
 carries nothing nobody wrote. */
   direction?: (HelixHeadlessStat["direction"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "format-options"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  formatOptions?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** The locale `value` is written in, such as `de` for `1.234.567`.
+
+Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+rendered on a server, so the server and the browser write the figure
+alike. */
+  locale?: (HelixHeadlessStat["locale"]) | undefined;
+  /** The figure as a number, written with `format-options` in `locale` in
+place of a slotted value.
+
+Absent leaves the figure to the slot. */
+  value?: (HelixHeadlessStat["value"]) | undefined;
 };
 
 export type HelixHeadlessStatSolidJsProps = {
@@ -26005,6 +26300,29 @@ reports a hydration mismatch. The absent attribute is the column, which the
 stylesheet reads as the base case, and the server spec asserts the host
 carries nothing nobody wrote. */
   "prop:direction"?: (HelixHeadlessStat["direction"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "attr:format-options"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "prop:formatOptions"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** The locale `value` is written in, such as `de` for `1.234.567`.
+
+Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+rendered on a server, so the server and the browser write the figure
+alike. */
+  "prop:locale"?: (HelixHeadlessStat["locale"]) | undefined;
+  /** The figure as a number, written with `format-options` in `locale` in
+place of a slotted value.
+
+Absent leaves the figure to the slot. */
+  "prop:value"?: (HelixHeadlessStat["value"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -26028,6 +26346,16 @@ export type HelixHeadlessStepsHelixSelectElementEvent =
   HelixHeadlessStepsElementEvent<HelixSelectEvent>;
 
 export type HelixHeadlessStepsProps = {
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  arrows?: (HelixHeadlessSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  completion?: (HelixHeadlessSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -26102,6 +26430,16 @@ there. Not asked of an `optional` stage, nor for a move back. */
 };
 
 export type HelixHeadlessStepsSolidJsProps = {
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  "prop:arrows"?: (HelixHeadlessSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  "prop:completion"?: (HelixHeadlessSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -27415,6 +27753,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   orientation?: (HelixHeadlessTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "scroll-controls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  scrollControls?: (HelixHeadlessTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -27484,6 +27828,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   "prop:orientation"?: (HelixHeadlessTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "bool:scroll-controls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "prop:scrollControls"?: (HelixHeadlessTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -27544,11 +27894,22 @@ export type HelixHeadlessTabElementEvent<E = Event> = TypedEvent<
   HelixHeadlessTab,
   E
 >;
+/** `helix-dismiss` event type */
+export type HelixHeadlessTabHelixDismissElementEvent =
+  HelixHeadlessTabElementEvent<HelixDismissEvent>;
 /** `helix-select` event type */
 export type HelixHeadlessTabHelixSelectElementEvent =
   HelixHeadlessTabElementEvent<HelixSelectEvent>;
 
 export type HelixHeadlessTabProps = {
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "dismiss-label"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  dismissLabel?: (HelixHeadlessTab["dismissLabel"]) | undefined;
   /** The URL the tab links to. Setting it renders the tab as a link, for a set
 of tabs that are pages of a site. */
   href?: (HelixHeadlessTab["href"]) | undefined;
@@ -27556,6 +27917,8 @@ of tabs that are pages of a site. */
   rel?: (HelixHeadlessTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   target?: (HelixHeadlessTab["target"]) | undefined;
+  /** Whether the element shows a control that dismisses it. */
+  dismissible?: (HelixHeadlessTab["dismissible"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   disabled?: (HelixHeadlessTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -27568,11 +27931,21 @@ declares in markup carries `defaultSelected` of its own to say so. */
 submits. */
   value?: (HelixHeadlessTab["value"]) | undefined;
 
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "onhelix-dismiss"?: ((e: HelixHeadlessTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "onhelix-select"?: ((e: HelixHeadlessTabHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessTabSolidJsProps = {
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "attr:dismiss-label"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
+  /** The tooltip on the mark that closes a `dismissible` tab. The mark is for
+the pointer and hidden from screen readers, which hear the Delete key
+through `aria-keyshortcuts`. */
+  "prop:dismissLabel"?: (HelixHeadlessTab["dismissLabel"]) | undefined;
   /** The URL the tab links to. Setting it renders the tab as a link, for a set
 of tabs that are pages of a site. */
   "prop:href"?: (HelixHeadlessTab["href"]) | undefined;
@@ -27580,6 +27953,8 @@ of tabs that are pages of a site. */
   "prop:rel"?: (HelixHeadlessTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   "prop:target"?: (HelixHeadlessTab["target"]) | undefined;
+  /** Whether the element shows a control that dismisses it. */
+  "prop:dismissible"?: (HelixHeadlessTab["dismissible"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -27591,6 +27966,8 @@ declares in markup carries `defaultSelected` of its own to say so. */
   /** The item's value, which identifies it in its set and is what a form
 submits. */
   "prop:value"?: (HelixHeadlessTab["value"]) | undefined;
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "on:helix-dismiss"?: ((e: HelixHeadlessTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "on:helix-select"?: ((e: HelixHeadlessTabHelixSelectElementEvent) => void) | undefined;
 
@@ -27613,6 +27990,14 @@ export type HelixHeadlessTagGroupHelixDismissElementEvent =
   HelixHeadlessTagGroupElementEvent<HelixDismissEvent>;
 
 export type HelixHeadlessTagGroupProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "disallow-empty-selection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  disallowEmptySelection?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "empty-label"?: (HelixHeadlessTagGroup["emptyLabel"]) | undefined;
@@ -27622,6 +28007,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   label?: (HelixHeadlessTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "selection-behavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  selectionBehavior?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -27650,6 +28049,14 @@ words where it has none. */
 };
 
 export type HelixHeadlessTagGroupSolidJsProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "bool:disallow-empty-selection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "prop:disallowEmptySelection"?: (HelixHeadlessTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "attr:empty-label"?: (HelixHeadlessTagGroup["emptyLabel"]) | undefined;
@@ -27659,6 +28066,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   "prop:label"?: (HelixHeadlessTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "attr:selection-behavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "prop:selectionBehavior"?: (HelixHeadlessTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -31177,6 +31598,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   label?: (HelixHeadlessTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "moved-into-label"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  movedIntoLabel?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -31307,6 +31740,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   "prop:label"?: (HelixHeadlessTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "attr:moved-into-label"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "prop:movedIntoLabel"?: (HelixHeadlessTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -32994,6 +33439,10 @@ export type CustomElements = {
    * and a closed section is `hidden` and `inert` instead, and find in page skips
    * it.
    *
+   * A section whose trigger has no words, with nothing in its `summary` slot,
+   * is announced as a bare button, and a development build warns once with the
+   * kind `missing-name`.
+   *
    * While it is open, the content part carries the content's height as
    * `--accordion-content-height`, as Radix's accordion does, for a stylesheet
    * that animates the section open with keyframes of its own.
@@ -33130,6 +33579,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -33155,7 +33605,8 @@ export type CustomElements = {
    * Keys, on a trigger: Up and Down Arrow move to the previous and the next
    * trigger, and so do Left and Right, wrapping at the ends; Home and End go to
    * the first and the last. Enter and Space open and close the section. Disabled
-   * sections are passed over.
+   * sections are passed over. Under `single` the open section's trigger is
+   * `aria-disabled`, because a press cannot close it.
    *
    * Each trigger is a button with `aria-expanded` and `aria-controls`, inside a
    * heading, level 3 unless `heading-level` says otherwise, so the sections are
@@ -34093,6 +34544,12 @@ export type CustomElements = {
    * button "Inbox 8 unread", and stays current as the count changes. The styled
    * tier's `placement="inline"` draws the mark in the line for that case.
    *
+   * **An icon goes inside the mark** through the `icon` slot, before the count,
+   * as Web Awesome's badge takes one at its start. With no `value` the icon is
+   * the whole mark, such as a check on an avatar, drawn where the dot would be.
+   * The icon is hidden from screen readers: the count and `label` are what the
+   * mark says.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -34156,12 +34613,14 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The element being decorated.
+   * - `icon`: An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `indicator`: The count, or the dot when there is no value.
+   * - `icon`: The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.
+   * - `indicator`: The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.
    *
    * ## CSS States
    *
@@ -34169,7 +34628,8 @@ export type CustomElements = {
    *
    * - `blank`: The value is zero, so there is no mark.
    * - `capped`: The count is past `max`, so the mark shows `{max}+`.
-   * - `dot`: There is no value, so the mark is a dot.
+   * - `dot`: There is no value and no icon, so the mark is a dot.
+   * - `has-icon`: Something is slotted into `icon`, so it is drawn inside the mark.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-badge": Partial<
@@ -34651,8 +35111,11 @@ export type CustomElements = {
    * Set `href` to make the whole crumb an anchor, which works with Enter, middle
    * click, and the status bar, and before any JavaScript runs. A router cannot
    * reach an anchor inside a shadow root, so intercept the click for client-side
-   * navigation, as with `Tree.Item` and `List.Item`. A trail that collapses also
-   * reads `href` to rebuild its hidden crumbs elsewhere.
+   * navigation, as with `Tree.Item` and `List.Item`: a plain press on the link
+   * sends `helix-select` with the `href` as its value first, and canceling it
+   * keeps the browser from following, so a client-side router follows it
+   * instead, as React Aria's `onAction` lets a router do. A press with a
+   * modifier opens the link where the browser opens it and sends nothing.
    *
    * Without `href`, the crumb renders a plain `<span>` around what you slot,
    * including your own anchor.
@@ -34710,6 +35173,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -34723,6 +35192,8 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
@@ -34731,7 +35202,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-breadcrumb": Partial<
@@ -34761,11 +35234,13 @@ export type CustomElements = {
    * array of `{ label, href }`, drawn as crumbs in order, the last one as the
    * current page. Slotted crumbs follow them. Use one way or the other in a trail.
    *
-   * With `max-items`, a trail drawn from `items` that is longer folds its middle
-   * into one crumb: the first crumb, a button, then the last `max-items` less one.
-   * The button is named by `expand-label` and shows the whole trail, moving focus
-   * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
-   * do not fold; write the folded crumb where the gap should be.
+   * With `max-items`, a trail that is longer folds its middle into one place:
+   * the first crumb, a button, then the last `max-items` less one. The button is
+   * named by `expand-label` and shows the whole trail, moving focus to the first
+   * crumb it brought back. A trail drawn from `items` draws the button as a
+   * crumb of its own, and a new `items` folds again. A slotted trail hides the
+   * crumbs it folds, which take no room, and its first crumb draws the button
+   * after its link; a change to the crumbs folds again.
    *
    * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
    * Enter follows it. The current page and the separators are not in the tab
@@ -34824,6 +35299,8 @@ export type CustomElements = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -34971,6 +35448,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-button-group": Partial<
@@ -36059,13 +36537,17 @@ export type CustomElements = {
    * through with `::part`.
    *
    * Name the card with `label`, as a Stat Group is named, or with `aria-label`
-   * or `aria-labelledby`. These are the only names that work with server
-   * rendering, because reading a title from the light DOM needs a DOM, and the
-   * server has none. `label` is set through `ElementInternals`, so it writes no
-   * attribute onto the card. **A named card is a group**, so a
+   * or `aria-labelledby`. `label` is set through `ElementInternals`, so it
+   * writes no attribute onto the card. **A named card is a group**, so a
    * reader entering it hears its name; an unnamed one has no role, since a group
    * with no name only adds "group" to what a reader says.
    *
+   * **With none of those, a heading in `header` names the card**, such as the
+   * `<h2>` of its title, by reference, so the name follows the heading's words.
+   * Reading a heading needs a DOM, so a served card is named by it once the
+   * script runs; `label`, `aria-label` and `aria-labelledby` are the names a
+   * server writes.
+   *
    * Each region's slot is a part of the same name, `body` for the main content,
    * as Web Awesome's card names its regions. A slot draws no box, so a part
    * passes inherited properties to what is slotted, and a page wanting a box
@@ -36075,7 +36557,9 @@ export type CustomElements = {
    * header's and the footer's line, as Web Awesome's card does. While one holds
    * something, its line is a `header-row` or `footer-row` part; otherwise there
    * is no wrapper and every region is a bare slot. A server cannot see slotted
-   * content, so served actions sit on their own line until the script runs.
+   * content, so a served card has no row; the styled tier sets served actions at
+   * the end of their line from the stylesheet alone, so they do not move when
+   * the script runs.
    *
    * **The card says which regions it holds**, as `:state(has-media)`,
    * `:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card
@@ -36103,8 +36587,6 @@ export type CustomElements = {
    *
    * Reflected and undefaulted, so a card that has not asked reads as a card
    * with no attribute on it and the stylesheet only describes the departure.
-   * - `aria-labelledby`/`undefined`: undefined
-   * - `aria-label`/`undefined`: undefined
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -36137,6 +36619,14 @@ export type CustomElements = {
    * - `header-actions`: Controls for the whole card at the end of the header's line, such as a menu.
    * - `media`: Image, video, or chart that runs edge to edge, outside the inset.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A name written
+   * or taken off asks for an update, because it decides whether the card is a
+   * group and whether its heading names it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -37485,6 +37975,18 @@ export type CustomElements = {
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
    *
+   * **A block that scrolls is a tab stop.** While its lines run past its width or
+   * its cap, the scroller is a region named for the block, such as "Code,
+   * app.ts", that Tab reaches, so a keyboard scrolls it with the arrow keys in
+   * every browser. Chromium and Firefox make a scrolling box focusable on their
+   * own, and Safari does not. A block that fits is no stop at all.
+   *
+   * **The code the block draws is marked untranslated**, `translate="no"` on
+   * its `<pre>`, so a page translator leaves highlighted lines and a diff as
+   * written. Code in the slot takes its translation mode from the element, which
+   * writes nothing onto itself, so set `translate="no"` on the element to keep a
+   * translator off plain code too.
+   *
    * On the server, the slot renders as ordinary code, so a diff first appears as
    * the patch text in a `<pre>`. The client makes the same first render, which
    * keeps hydration clean, and draws the diff once it can read the content. Diff
@@ -37494,6 +37996,12 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
+   *
+   * Where the block has a name, the scroller says it too, such as "Code,
+   * app.ts", as `code-name-label` puts it.
+   * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
+   * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
@@ -37659,6 +38167,13 @@ export type CustomElements = {
    * tools and document search. A styled span carries no such meaning, and a
    * screen reader announces nothing about it.
    *
+   * **Set `translate="no"` on the element to keep a page translator off the
+   * code.** A translator that rewrites prose would also rewrite an identifier.
+   * The slotted text takes its translation mode from the element, its parent in
+   * the page, and the element writes nothing onto itself, so the attribute is
+   * yours to set. The `<code>` inside carries `translate="no"` for anything the
+   * element draws itself.
+   *
    * `Code` is inline only and never scrolls. For a block of code with its own
    * box, its own overflow, and copying, use `CodeBlock`, which is a separate
    * family.
@@ -37722,8 +38237,9 @@ export type CustomElements = {
    * style the panel to match your interface.
    *
    * The field reads every color syntax, including `#f00`, `#ff0000`,
-   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`, and
-   * `hsl(0 100% 50%)`. It writes colors in the syntax that `format` names. The
+   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`,
+   * `hsl(0 100% 50%)`, `oklch(62.8% 0.258 29.2)`, and `hsb(0, 100%, 100%)`. It
+   * writes colors in the syntax that `format` names. The
    * field shows the value without reformatting it, because half-typed input does
    * not survive a round trip through a formatter. Date Input does the same with
    * dates.
@@ -37760,7 +38276,8 @@ export type CustomElements = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -38003,6 +38520,8 @@ export type CustomElements = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -38027,7 +38546,9 @@ export type CustomElements = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -38077,6 +38598,11 @@ export type CustomElements = {
    * is named by its color. The opacity ramp is heard as a percentage. Set
    * `color-words` to speak the names in another language.
    *
+   * `label` names the picker, which is then a group with that name, and the
+   * square's ramps say it before their own, as "Brand, Saturation". `hint`
+   * writes help under the picker, which the square, the ramps and the value
+   * field are described by. Inside Color Input the field carries both.
+   *
    * The presets are a listbox with the current color selected, and one tab
    * stop. The arrow keys move between them, Home and End go to the ends, and
    * Enter, Space or a press chooses one.
@@ -38103,12 +38629,15 @@ export type CustomElements = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -38125,15 +38654,25 @@ export type CustomElements = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -38308,6 +38847,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -38390,6 +38931,8 @@ export type CustomElements = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -38413,6 +38956,8 @@ export type CustomElements = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -38424,7 +38969,10 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-color-picker": Partial<
@@ -40076,6 +40624,7 @@ export type CustomElements = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -40164,15 +40713,22 @@ export type CustomElements = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -40198,8 +40754,9 @@ export type CustomElements = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -40246,6 +40803,13 @@ export type CustomElements = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -40366,6 +40930,8 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -40450,6 +41016,7 @@ export type CustomElements = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -40468,7 +41035,7 @@ export type CustomElements = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -41719,7 +42286,16 @@ export type CustomElements = {
    *
    * Every region is a bare slot. There is no `empty-state-heading` or
    * `empty-state-actions` element: assign your own heading and actions to the
-   * slots.
+   * slots. The icon, the message and the actions slots are parts of the same
+   * names, as Card's regions are. A slot draws no box, so a part passes
+   * inherited properties, such as color and font, to what is slotted, and a
+   * page wanting a box there gives it one with `display`, such as a row of
+   * actions with `display: flex`.
+   *
+   * **The view says which regions it holds**, as `:state(has-icon)` and
+   * `:state(has-actions)`, so a sheet can space a view with no icon or no
+   * actions differently. Read in the browser, so a served view carries neither
+   * until the script runs.
    *
    * **Or give the heading as words.** `heading` draws them in a `heading` part
    * that is a heading at `heading-level`, 3 where it is not set, so a page
@@ -41784,13 +42360,18 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.
    * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
+   * - `icon`: The slot the icon arrives through, drawing no box, as `actions` does.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
+   * - `message`: The slot the message arrives through, drawing no box, as `actions` does.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-actions`: Something is slotted into `actions`.
+   * - `has-icon`: Something is slotted into `icon`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-empty": Partial<
@@ -44111,8 +44692,16 @@ export type CustomElements = {
    * a glyph that came later is drawn. A glyph registered after the element
    * rendered is drawn then.
    *
-   * A name with no match renders nothing, and the element fires `error`, so a
-   * typo in a name can be heard. It waits until the page has loaded and painted
+   * **Or point `src` at an SVG file**, such as `src="/icons/rocket.svg"`, and
+   * the element fetches it and draws its shapes in `currentColor` where the file
+   * does not color them. A file is fetched once a page, however many icons name
+   * it, and `load` fires when it is drawn. Scripts, event handlers and
+   * `javascript:` links in the file are taken out before it is drawn. A server
+   * fetches nothing, so a served icon with a `src` is drawn once the script
+   * runs.
+   *
+   * A name with no match, or a `src` that is no SVG, renders nothing, and the
+   * element fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted
    * first, so a library a later module registers is not taken for a typo.
    *
    * An icon is decorative by default and hidden from assistive technology. Set
@@ -44149,6 +44738,10 @@ export type CustomElements = {
    *
    * A name written `prefix:name` asks the library registered under that
    * prefix.
+   * - `src`: The URL of an SVG file to draw, fetched once a page and drawn in
+   * `currentColor` where the file does not color its shapes.
+   *
+   * Wins over `name`; `icon` wins over both. Absent draws `name`.
    * - `icon`: The icon to draw, as an object you import.
    *
    * **The scalable door, and the one this library uses internally.** An icon is
@@ -44186,8 +44779,8 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `error`: `name` matches no registered icon and no library answers it, so nothing is drawn.
-   * - `load`: A glyph a library gave later for `name` is drawn.
+   * - `error`: `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.
+   * - `load`: A glyph a library gave later for `name`, or the file at `src`, is drawn.
    *
    * ## Methods
    *
@@ -48382,6 +48975,15 @@ export type CustomElements = {
    * links and not a single control, and the keys across the other axis are
    * left to the page and to an open panel.
    *
+   * While a `Megamenu`, or another disclosure among the destinations, is open,
+   * the navigation is `:state(open)`, so a page can dim what lies under the
+   * panel, as Radix's navigation menu marks its open state.
+   *
+   * A screen reader lists the page's navigation landmarks by name, so two named
+   * alike cannot be told apart. Where another navigation in the same document
+   * has the same name, "Main" for two with no `label`, the later one warns once
+   * with the kind `duplicate-name`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -48437,6 +49039,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-navigation": Partial<
@@ -51221,6 +51824,12 @@ export type CustomElements = {
    * element, and its marks follow it: `lang="de"` sets „…“ and `lang="fr"` «…»
    * inside an English page.
    *
+   * **`no-marks` leaves the marks off**, for a quotation set where the page draws
+   * its own, such as a pull quote with a large decorative mark beside it or a
+   * table of sayings. The quotation still counts toward nesting, so a quote
+   * inside it takes the inner marks it would have had. Text with marks typed
+   * into it raises no warning under `no-marks`.
+   *
    * For a passage set off from the surrounding text, use a blockquote.
    *
    * ## Attributes & Properties
@@ -51228,6 +51837,12 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `cite`: URL identifying where the quotation came from.
+   * - `no-marks`/`noMarks`: Whether to leave the quotation marks off, for a quotation set where the
+   * page draws its own.
+   *
+   * Negative, because the marks are on by default and a boolean attribute is
+   * true whenever it is present. Reflected, because a stylesheet takes the
+   * marks off on it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -52420,7 +53035,10 @@ export type CustomElements = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them.
+   * so the listbox looks through slots to find them. For a list too long to draw
+   * whole, set `items` instead: the list draws only the options in sight, as
+   * Listbox's `items` does, and the trigger, its keys and the form read the
+   * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
    * back, so the value lives in one place.
@@ -52565,6 +53183,17 @@ export type CustomElements = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -52742,6 +53371,8 @@ export type CustomElements = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-select": Partial<
@@ -52918,7 +53549,12 @@ export type CustomElements = {
    * does not draw a hundred and one marks by accident.
    *
    * A range with two thumbs is two inputs stacked on one track, because there is
-   * no native two-thumb range. Each thumb keeps its own value.
+   * no native two-thumb range. Each thumb keeps its own value, and a named range
+   * submits one entry per thumb under its name, the lowest first. A range given
+   * more than two values, such as `default-value="20,50,80"`, has a thumb for
+   * each, as React Aria's slider takes any number of thumbs: each stops at its
+   * neighbors, and the ones between the first and the last are named by
+   * `thumb-label`.
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
@@ -52949,6 +53585,8 @@ export type CustomElements = {
    * | Page Up, Page Down | Moves the thumb by a larger step. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
+   * Under `readonly` none of these move the thumb, and Tab still reaches it.
+   *
    * Each thumb is an `<input type="range">` with `aria-valuetext` where the value
    * is formatted or worded. A range's thumbs say they stop at each other with
    * `aria-valuemin` and `aria-valuemax`.
@@ -53007,13 +53645,24 @@ export type CustomElements = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -53115,6 +53764,8 @@ export type CustomElements = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -53183,7 +53834,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -53193,7 +53844,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -53202,7 +53853,9 @@ export type CustomElements = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -53500,14 +54153,25 @@ export type CustomElements = {
    * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
    * imports no `Kbd` of its own. Showing a shortcut does not bind it.
    *
+   * `href` makes the action a link, as Menu's rows take one: the `item` part is
+   * then an `<a>` carrying `menuitem`, so the browser follows it, opens it in a
+   * new tab on a middle press, and offers its own menu for it. Choosing it still
+   * sends `helix-select` and closes the dial. A disabled action draws no link.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -53564,7 +54228,7 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -53601,8 +54265,9 @@ export type CustomElements = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
-   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
-   * first action. With the dial open:
+   * **Keyboard.** On the trigger, Enter, Space, Down or a press opens the dial
+   * on its first action, and Up opens it on its last, as an APG menu button
+   * does. With the dial open:
    *
    * | Key | What it does |
    * |---|---|
@@ -53626,6 +54291,13 @@ export type CustomElements = {
    * and a slotted one alike. A press that has opened the dial does not also do
    * the trigger's action.
    *
+   * **Open on hover.** With `open-on="hover"`, a mouse resting on the trigger
+   * opens the dial, as Material's speed dial does, and the dial closes a moment
+   * after the mouse leaves both the trigger and the actions. A press, a touch
+   * and the keyboard open it as under `click`, and a press on the trigger of a
+   * dial already open moves focus to its first action, so the press a mouse
+   * makes after hovering keeps the dial open.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -53639,9 +54311,11 @@ export type CustomElements = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -53695,6 +54369,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -53764,6 +54439,13 @@ export type CustomElements = {
    * takes all of the change, as Web Awesome's split panel does. Without it,
    * both panes keep their share.
    *
+   * **Three or more panes along one axis are splitters nested on that axis**, a
+   * splitter in the `end` pane of another for three columns. The nested one
+   * keeps the pane on its far side the size it was while the outer divider
+   * moves, so a divider resizes only the two panes beside it, as Zag's splitter
+   * does with any number of panels. Where the whole row is resized, every pane
+   * keeps its share, unless `primary` says otherwise.
+   *
    * **Keyboard.** The divider is one tab stop.
    *
    * | Key | What it does |
@@ -53951,15 +54633,21 @@ export type CustomElements = {
   >;
 
   /**
-   * Screen readers announce the stats as a group. The figures are read together
-   * and their order has no meaning, so the group does not announce positions such
-   * as "1 of 4".
+   * **A named group is a group**, so a screen reader announces the stats
+   * together under its name, such as "Usage, group". Name it with `label`,
+   * `aria-label` or `aria-labelledby`. An unnamed one has no role, since a group
+   * with no name only adds "group" to what a reader says, as an unnamed Card
+   * has none. The figures are read together and their order has no meaning, so
+   * the group does not announce positions such as "1 of 4".
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `label`: Accessible name for the group.
+   * - `label`: Accessible name for the group, which makes it a group.
+   *
+   * Absent leaves the stats with no group around them, unless `aria-label` or
+   * `aria-labelledby` names it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -53987,6 +54675,14 @@ export type CustomElements = {
    *
    * - `(default)`: The stats.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A name written
+   * or taken off asks for an update, because it decides whether the stats are
+   * a group.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -54013,6 +54709,19 @@ export type CustomElements = {
    * attribute; a stat with no label has no role. Put a `Trend` in the `trend`
    * slot to have it read inside the group, after the figure it qualifies.
    *
+   * **Or give the figure as a number.** `value` is written with
+   * `Intl.NumberFormat`, in `locale` and with `format-options`, so
+   * `value="1234567" format-options='{"notation":"compact"}'` shows `1.2M`, and
+   * a server writes it as the browser does. A number in `value` takes the place
+   * of a slotted figure.
+   *
+   * **Each slot is a part of the same name**, and `value` for the figure, so a
+   * page reaches the label, the unit and the trend from outside. A slot draws no
+   * box, so a part passes inherited properties to what is slotted. **The stat
+   * says which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and
+   * `:state(has-trend)`, read in the browser, so a served stat carries none
+   * until the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -54042,6 +54751,20 @@ export type CustomElements = {
    * reports a hydration mismatch. The absent attribute is the column, which the
    * stylesheet reads as the base case, and the server spec asserts the host
    * carries nothing nobody wrote.
+   * - `format-options`/`formatOptions`: `Intl.NumberFormat` options `value` is written with, such as
+   * `{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+   * written as JSON in the attribute.
+   *
+   * Absent writes the number as the locale writes any number.
+   * - `locale`: The locale `value` is written in, such as `de` for `1.234.567`.
+   *
+   * Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+   * rendered on a server, so the server and the browser write the figure
+   * alike.
+   * - `value`: The figure as a number, written with `format-options` in `locale` in
+   * place of a slotted value.
+   *
+   * Absent leaves the figure to the slot.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -54076,12 +54799,18 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `value`: The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
+   * - `label`: The slot the label arrives through, drawing no box, as `value` does.
+   * - `trend`: The slot the trend arrives through, drawing no box, as `value` does.
+   * - `unit`: The slot the unit arrives through, drawing no box, as `value` does.
+   * - `value`: The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-label`: Something is slotted into `label`.
+   * - `has-trend`: Something is slotted into `trend`.
+   * - `has-unit`: Something is slotted into `unit`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-stat": Partial<
@@ -54101,7 +54830,13 @@ export type CustomElements = {
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
-   * same rules, for your own buttons.
+   * same rules, for your own buttons. `reset()` goes back to the first stage and
+   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   *
+   * `completion="passed"` marks a stage `complete` once a reader moves past it,
+   * as Ark UI counts a stage before the current one as completed. Going back
+   * leaves it complete. In a `linear` sequence the next stage is then in reach
+   * from the current one, and `validate` decides whether the reader may go.
    *
    * To check a stage before a reader moves on from it, set `validate` to a
    * function that answers whether the stage is valid, as Ark UI's `isStepValid`
@@ -54122,10 +54857,25 @@ export type CustomElements = {
    * current stage's button says `aria-current="step"`, and a finished stage's
    * button is described by its `complete-label`.
    *
+   * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
+   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
+   * between the names as well, as Ark UI's steps do: Left and Right along a row,
+   * Up and Down a column, Home and End to the first and the last. The arrows
+   * pass over a disabled stage and one a linear sequence holds out of reach,
+   * and they move focus without going to the stage.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -54216,6 +54966,10 @@ export type CustomElements = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
@@ -54327,6 +55081,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -54352,6 +55108,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-step": Partial<
@@ -55391,6 +56148,16 @@ export type CustomElements = {
    * `active` says so, with `helix-activate`. Where the removed tab had focus,
    * focus moves to the tab now selected.
    *
+   * **More tabs than fit.** With `scroll-controls`, a strip that scrolls shows a
+   * button at each end it can scroll toward, as Web Awesome's tab group does,
+   * and a press scrolls it most of its own length. The buttons are for the
+   * pointer, so they are out of the tab order and hidden from screen readers;
+   * the arrow keys already reach every tab, and the strip scrolls the selected
+   * tab into view. A strip scrolls once a stylesheet gives the `tabs` part an
+   * `overflow`, as the styled tier does.
+   *
+   * A tab with `dismissible` can be closed: see `Tabs.Tab`.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -55414,6 +56181,8 @@ export type CustomElements = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -55503,6 +56272,8 @@ export type CustomElements = {
    *
    * - `indicator`: The marker that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`, and `data-placed` once it has been placed, for a mark you draw and animate yourself.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -55523,14 +56294,27 @@ export type CustomElements = {
    * first, and canceling it keeps the browser from following, so a client-side
    * router follows it instead.
    *
+   * With `dismissible`, the tab can be closed, as Web Awesome's closable tab
+   * can: a press on its `dismiss` mark, or Delete or Backspace while the tab
+   * has focus, sends `helix-dismiss`. The tab does not remove itself, because
+   * your code owns the set, so remove the tab and its panel in your handler.
+   * Focus moves to the tab beside it, and the tab set selects a tab that is
+   * left.
+   * The tab says the key through `aria-keyshortcuts`, and the mark is for the
+   * pointer, hidden from screen readers.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-label`/`dismissLabel`: The tooltip on the mark that closes a `dismissible` tab. The mark is for
+   * the pointer and hidden from screen readers, which hear the Delete key
+   * through `aria-keyshortcuts`.
    * - `href`: The URL the tab links to. Setting it renders the tab as a link, for a set
    * of tabs that are pages of a site.
    * - `rel`: The link's `rel`, for a tab with an `href`.
    * - `target`: Where the link opens, such as `_blank`, for a tab with an `href`.
+   * - `dismissible`: Whether the element shows a control that dismisses it.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -55564,6 +56348,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -55578,6 +56363,10 @@ export type CustomElements = {
    *
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `dismiss() => boolean`: Sends `helix-dismiss` for a `dismissible` tab, and returns `false` where a
+   * listener refused it, or where the tab is not dismissible or is disabled.
+   * The tab stays where it is either way: removing it is yours. Where the tab
+   * had focus, focus moves to the tab beside it once you remove it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -55590,6 +56379,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -55614,8 +56404,12 @@ export type CustomElements = {
    * `selection-mode` lets a reader select tags, with Space, Enter or a press:
    * `single` selects one at a time and `multiple` any number. In `multiple`,
    * Shift with an arrow, Home or End selects the range from the tag last
-   * pressed to the tag focus moves to, and Control or Command with A selects
-   * every tag that is not disabled. `value` holds the
+   * pressed to the tag focus moves to, Shift with a press or Space selects the
+   * range to that tag, and Control or Command with A selects every tag that is
+   * not disabled. `selection-behavior="replace"` selects the tag a reader
+   * presses or moves to alone, as a file list does, and Control or Command
+   * with a press or Space adds or takes out one tag. `disallow-empty-selection`
+   * keeps one tag selected once one is. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -55637,10 +56431,19 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -57737,6 +58540,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -58706,6 +59511,13 @@ export type CustomElements = {
    * or open, and the tree's one tab stop stays on the item last reached. In a
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
+   * Shift+Space checks every item from the one last checked to the focused one,
+   * and Control+Shift+Home or End checks every item from the focused one to the
+   * first or the last, then moves there, as the tree pattern's range keys do.
+   *
+   * A tree with no name of its own is announced as "Tree", which says nothing
+   * about what it holds, so a development build warns once with the kind
+   * `missing-name` where neither `label` nor an `aria-label` names it.
    *
    * Removing the item that has focus moves focus to the item after it among its
    * siblings, or the one before, or its parent, so focus stays in the tree.
@@ -58721,7 +59533,15 @@ export type CustomElements = {
    * `helix-before-reorder`, which you can refuse, and then `helix-reorder`, whose
    * `keys` hold the siblings in the new order. **You move the items**: the tree
    * moves no element of yours, and focus follows the moved item once you have.
-   * Moving an item into another branch is not part of this.
+   *
+   * **Alt with the arrow along the line moves an item into another branch.**
+   * Alt with the arrow that opens a branch (Right on a left-to-right page) puts
+   * the focused item last inside the item before it, and opens that item; Alt
+   * with the other arrow puts it after its parent, a level out. The same
+   * `helix-before-reorder` and `helix-reorder` are sent, with `parent` naming
+   * the branch it moves into by its key, `''` for the top level, and `keys`
+   * holding that branch's items in their new order. The tree says the move with
+   * `moved-into-label`.
    *
    * ## Attributes & Properties
    *
@@ -58734,6 +59554,11 @@ export type CustomElements = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -60000,6 +60825,10 @@ export type CustomElementsSolidJs = {
    * and a closed section is `hidden` and `inert` instead, and find in page skips
    * it.
    *
+   * A section whose trigger has no words, with nothing in its `summary` slot,
+   * is announced as a bare button, and a development build warns once with the
+   * kind `missing-name`.
+   *
    * While it is open, the content part carries the content's height as
    * `--accordion-content-height`, as Radix's accordion does, for a stylesheet
    * that animates the section open with keyframes of its own.
@@ -60136,6 +60965,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -60162,7 +60992,8 @@ export type CustomElementsSolidJs = {
    * Keys, on a trigger: Up and Down Arrow move to the previous and the next
    * trigger, and so do Left and Right, wrapping at the ends; Home and End go to
    * the first and the last. Enter and Space open and close the section. Disabled
-   * sections are passed over.
+   * sections are passed over. Under `single` the open section's trigger is
+   * `aria-disabled`, because a press cannot close it.
    *
    * Each trigger is a button with `aria-expanded` and `aria-controls`, inside a
    * heading, level 3 unless `heading-level` says otherwise, so the sections are
@@ -61114,6 +61945,12 @@ export type CustomElementsSolidJs = {
    * button "Inbox 8 unread", and stays current as the count changes. The styled
    * tier's `placement="inline"` draws the mark in the line for that case.
    *
+   * **An icon goes inside the mark** through the `icon` slot, before the count,
+   * as Web Awesome's badge takes one at its start. With no `value` the icon is
+   * the whole mark, such as a check on an avatar, drawn where the dot would be.
+   * The icon is hidden from screen readers: the count and `label` are what the
+   * mark says.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -61177,12 +62014,14 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The element being decorated.
+   * - `icon`: An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `indicator`: The count, or the dot when there is no value.
+   * - `icon`: The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.
+   * - `indicator`: The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.
    *
    * ## CSS States
    *
@@ -61190,7 +62029,8 @@ export type CustomElementsSolidJs = {
    *
    * - `blank`: The value is zero, so there is no mark.
    * - `capped`: The count is past `max`, so the mark shows `{max}+`.
-   * - `dot`: There is no value, so the mark is a dot.
+   * - `dot`: There is no value and no icon, so the mark is a dot.
+   * - `has-icon`: Something is slotted into `icon`, so it is drawn inside the mark.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-badge": Partial<
@@ -61679,8 +62519,11 @@ export type CustomElementsSolidJs = {
    * Set `href` to make the whole crumb an anchor, which works with Enter, middle
    * click, and the status bar, and before any JavaScript runs. A router cannot
    * reach an anchor inside a shadow root, so intercept the click for client-side
-   * navigation, as with `Tree.Item` and `List.Item`. A trail that collapses also
-   * reads `href` to rebuild its hidden crumbs elsewhere.
+   * navigation, as with `Tree.Item` and `List.Item`: a plain press on the link
+   * sends `helix-select` with the `href` as its value first, and canceling it
+   * keeps the browser from following, so a client-side router follows it
+   * instead, as React Aria's `onAction` lets a router do. A press with a
+   * modifier opens the link where the browser opens it and sends nothing.
    *
    * Without `href`, the crumb renders a plain `<span>` around what you slot,
    * including your own anchor.
@@ -61738,6 +62581,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -61751,6 +62600,8 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
@@ -61759,7 +62610,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-breadcrumb": Partial<
@@ -61790,11 +62643,13 @@ export type CustomElementsSolidJs = {
    * array of `{ label, href }`, drawn as crumbs in order, the last one as the
    * current page. Slotted crumbs follow them. Use one way or the other in a trail.
    *
-   * With `max-items`, a trail drawn from `items` that is longer folds its middle
-   * into one crumb: the first crumb, a button, then the last `max-items` less one.
-   * The button is named by `expand-label` and shows the whole trail, moving focus
-   * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
-   * do not fold; write the folded crumb where the gap should be.
+   * With `max-items`, a trail that is longer folds its middle into one place:
+   * the first crumb, a button, then the last `max-items` less one. The button is
+   * named by `expand-label` and shows the whole trail, moving focus to the first
+   * crumb it brought back. A trail drawn from `items` draws the button as a
+   * crumb of its own, and a new `items` folds again. A slotted trail hides the
+   * crumbs it folds, which take no room, and its first crumb draws the button
+   * after its link; a change to the crumbs folds again.
    *
    * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
    * Enter follows it. The current page and the separators are not in the tab
@@ -61853,6 +62708,8 @@ export type CustomElementsSolidJs = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -62001,6 +62858,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-button-group": Partial<
@@ -63101,13 +63959,17 @@ export type CustomElementsSolidJs = {
    * through with `::part`.
    *
    * Name the card with `label`, as a Stat Group is named, or with `aria-label`
-   * or `aria-labelledby`. These are the only names that work with server
-   * rendering, because reading a title from the light DOM needs a DOM, and the
-   * server has none. `label` is set through `ElementInternals`, so it writes no
-   * attribute onto the card. **A named card is a group**, so a
+   * or `aria-labelledby`. `label` is set through `ElementInternals`, so it
+   * writes no attribute onto the card. **A named card is a group**, so a
    * reader entering it hears its name; an unnamed one has no role, since a group
    * with no name only adds "group" to what a reader says.
    *
+   * **With none of those, a heading in `header` names the card**, such as the
+   * `<h2>` of its title, by reference, so the name follows the heading's words.
+   * Reading a heading needs a DOM, so a served card is named by it once the
+   * script runs; `label`, `aria-label` and `aria-labelledby` are the names a
+   * server writes.
+   *
    * Each region's slot is a part of the same name, `body` for the main content,
    * as Web Awesome's card names its regions. A slot draws no box, so a part
    * passes inherited properties to what is slotted, and a page wanting a box
@@ -63117,7 +63979,9 @@ export type CustomElementsSolidJs = {
    * header's and the footer's line, as Web Awesome's card does. While one holds
    * something, its line is a `header-row` or `footer-row` part; otherwise there
    * is no wrapper and every region is a bare slot. A server cannot see slotted
-   * content, so served actions sit on their own line until the script runs.
+   * content, so a served card has no row; the styled tier sets served actions at
+   * the end of their line from the stylesheet alone, so they do not move when
+   * the script runs.
    *
    * **The card says which regions it holds**, as `:state(has-media)`,
    * `:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card
@@ -63145,8 +64009,6 @@ export type CustomElementsSolidJs = {
    *
    * Reflected and undefaulted, so a card that has not asked reads as a card
    * with no attribute on it and the stylesheet only describes the departure.
-   * - `aria-labelledby`/`undefined`: undefined
-   * - `aria-label`/`undefined`: undefined
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -63179,6 +64041,14 @@ export type CustomElementsSolidJs = {
    * - `header-actions`: Controls for the whole card at the end of the header's line, such as a menu.
    * - `media`: Image, video, or chart that runs edge to edge, outside the inset.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A name written
+   * or taken off asks for an update, because it decides whether the card is a
+   * group and whether its heading names it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -64542,6 +65412,18 @@ export type CustomElementsSolidJs = {
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
    *
+   * **A block that scrolls is a tab stop.** While its lines run past its width or
+   * its cap, the scroller is a region named for the block, such as "Code,
+   * app.ts", that Tab reaches, so a keyboard scrolls it with the arrow keys in
+   * every browser. Chromium and Firefox make a scrolling box focusable on their
+   * own, and Safari does not. A block that fits is no stop at all.
+   *
+   * **The code the block draws is marked untranslated**, `translate="no"` on
+   * its `<pre>`, so a page translator leaves highlighted lines and a diff as
+   * written. Code in the slot takes its translation mode from the element, which
+   * writes nothing onto itself, so set `translate="no"` on the element to keep a
+   * translator off plain code too.
+   *
    * On the server, the slot renders as ordinary code, so a diff first appears as
    * the patch text in a `<pre>`. The client makes the same first render, which
    * keeps hydration clean, and draws the diff once it can read the content. Diff
@@ -64551,6 +65433,12 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
+   *
+   * Where the block has a name, the scroller says it too, such as "Code,
+   * app.ts", as `code-name-label` puts it.
+   * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
+   * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
@@ -64719,6 +65607,13 @@ export type CustomElementsSolidJs = {
    * tools and document search. A styled span carries no such meaning, and a
    * screen reader announces nothing about it.
    *
+   * **Set `translate="no"` on the element to keep a page translator off the
+   * code.** A translator that rewrites prose would also rewrite an identifier.
+   * The slotted text takes its translation mode from the element, its parent in
+   * the page, and the element writes nothing onto itself, so the attribute is
+   * yours to set. The `<code>` inside carries `translate="no"` for anything the
+   * element draws itself.
+   *
    * `Code` is inline only and never scrolls. For a block of code with its own
    * box, its own overflow, and copying, use `CodeBlock`, which is a separate
    * family.
@@ -64785,8 +65680,9 @@ export type CustomElementsSolidJs = {
    * style the panel to match your interface.
    *
    * The field reads every color syntax, including `#f00`, `#ff0000`,
-   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`, and
-   * `hsl(0 100% 50%)`. It writes colors in the syntax that `format` names. The
+   * `rgb(255 0 0)`, `rgba(255,0,0,.5)`, `rgb(255 0 0 / 50%)`,
+   * `hsl(0 100% 50%)`, `oklch(62.8% 0.258 29.2)`, and `hsb(0, 100%, 100%)`. It
+   * writes colors in the syntax that `format` names. The
    * field shows the value without reformatting it, because half-typed input does
    * not survive a round trip through a formatter. Date Input does the same with
    * dates.
@@ -64823,7 +65719,8 @@ export type CustomElementsSolidJs = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -65066,6 +65963,8 @@ export type CustomElementsSolidJs = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -65090,7 +65989,9 @@ export type CustomElementsSolidJs = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -65141,6 +66042,11 @@ export type CustomElementsSolidJs = {
    * is named by its color. The opacity ramp is heard as a percentage. Set
    * `color-words` to speak the names in another language.
    *
+   * `label` names the picker, which is then a group with that name, and the
+   * square's ramps say it before their own, as "Brand, Saturation". `hint`
+   * writes help under the picker, which the square, the ramps and the value
+   * field are described by. Inside Color Input the field carries both.
+   *
    * The presets are a listbox with the current color selected, and one tab
    * stop. The arrow keys move between them, Home and End go to the ends, and
    * Enter, Space or a press chooses one.
@@ -65167,12 +66073,15 @@ export type CustomElementsSolidJs = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -65189,15 +66098,25 @@ export type CustomElementsSolidJs = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -65372,6 +66291,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -65454,6 +66375,8 @@ export type CustomElementsSolidJs = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -65477,6 +66400,8 @@ export type CustomElementsSolidJs = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -65488,7 +66413,10 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-color-picker": Partial<
@@ -67151,6 +68079,7 @@ export type CustomElementsSolidJs = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -67242,15 +68171,22 @@ export type CustomElementsSolidJs = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -67276,8 +68212,9 @@ export type CustomElementsSolidJs = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -67324,6 +68261,13 @@ export type CustomElementsSolidJs = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -67444,6 +68388,8 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -67528,6 +68474,7 @@ export type CustomElementsSolidJs = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -67546,7 +68493,7 @@ export type CustomElementsSolidJs = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -68814,7 +69761,16 @@ export type CustomElementsSolidJs = {
    *
    * Every region is a bare slot. There is no `empty-state-heading` or
    * `empty-state-actions` element: assign your own heading and actions to the
-   * slots.
+   * slots. The icon, the message and the actions slots are parts of the same
+   * names, as Card's regions are. A slot draws no box, so a part passes
+   * inherited properties, such as color and font, to what is slotted, and a
+   * page wanting a box there gives it one with `display`, such as a row of
+   * actions with `display: flex`.
+   *
+   * **The view says which regions it holds**, as `:state(has-icon)` and
+   * `:state(has-actions)`, so a sheet can space a view with no icon or no
+   * actions differently. Read in the browser, so a served view carries neither
+   * until the script runs.
    *
    * **Or give the heading as words.** `heading` draws them in a `heading` part
    * that is a heading at `heading-level`, 3 where it is not set, so a page
@@ -68879,13 +69835,18 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.
    * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
+   * - `icon`: The slot the icon arrives through, drawing no box, as `actions` does.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
+   * - `message`: The slot the message arrives through, drawing no box, as `actions` does.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-actions`: Something is slotted into `actions`.
+   * - `has-icon`: Something is slotted into `icon`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-empty": Partial<
@@ -71225,8 +72186,16 @@ export type CustomElementsSolidJs = {
    * a glyph that came later is drawn. A glyph registered after the element
    * rendered is drawn then.
    *
-   * A name with no match renders nothing, and the element fires `error`, so a
-   * typo in a name can be heard. It waits until the page has loaded and painted
+   * **Or point `src` at an SVG file**, such as `src="/icons/rocket.svg"`, and
+   * the element fetches it and draws its shapes in `currentColor` where the file
+   * does not color them. A file is fetched once a page, however many icons name
+   * it, and `load` fires when it is drawn. Scripts, event handlers and
+   * `javascript:` links in the file are taken out before it is drawn. A server
+   * fetches nothing, so a served icon with a `src` is drawn once the script
+   * runs.
+   *
+   * A name with no match, or a `src` that is no SVG, renders nothing, and the
+   * element fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted
    * first, so a library a later module registers is not taken for a typo.
    *
    * An icon is decorative by default and hidden from assistive technology. Set
@@ -71263,6 +72232,10 @@ export type CustomElementsSolidJs = {
    *
    * A name written `prefix:name` asks the library registered under that
    * prefix.
+   * - `src`: The URL of an SVG file to draw, fetched once a page and drawn in
+   * `currentColor` where the file does not color its shapes.
+   *
+   * Wins over `name`; `icon` wins over both. Absent draws `name`.
    * - `icon`: The icon to draw, as an object you import.
    *
    * **The scalable door, and the one this library uses internally.** An icon is
@@ -71300,8 +72273,8 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `error`: `name` matches no registered icon and no library answers it, so nothing is drawn.
-   * - `load`: A glyph a library gave later for `name` is drawn.
+   * - `error`: `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.
+   * - `load`: A glyph a library gave later for `name`, or the file at `src`, is drawn.
    *
    * ## Methods
    *
@@ -75566,6 +76539,15 @@ export type CustomElementsSolidJs = {
    * links and not a single control, and the keys across the other axis are
    * left to the page and to an open panel.
    *
+   * While a `Megamenu`, or another disclosure among the destinations, is open,
+   * the navigation is `:state(open)`, so a page can dim what lies under the
+   * panel, as Radix's navigation menu marks its open state.
+   *
+   * A screen reader lists the page's navigation landmarks by name, so two named
+   * alike cannot be told apart. Where another navigation in the same document
+   * has the same name, "Main" for two with no `label`, the later one warns once
+   * with the kind `duplicate-name`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -75621,6 +76603,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-navigation": Partial<
@@ -78434,6 +79417,12 @@ export type CustomElementsSolidJs = {
    * element, and its marks follow it: `lang="de"` sets „…“ and `lang="fr"` «…»
    * inside an English page.
    *
+   * **`no-marks` leaves the marks off**, for a quotation set where the page draws
+   * its own, such as a pull quote with a large decorative mark beside it or a
+   * table of sayings. The quotation still counts toward nesting, so a quote
+   * inside it takes the inner marks it would have had. Text with marks typed
+   * into it raises no warning under `no-marks`.
+   *
    * For a passage set off from the surrounding text, use a blockquote.
    *
    * ## Attributes & Properties
@@ -78441,6 +79430,12 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `cite`: URL identifying where the quotation came from.
+   * - `no-marks`/`noMarks`: Whether to leave the quotation marks off, for a quotation set where the
+   * page draws its own.
+   *
+   * Negative, because the marks are on by default and a boolean attribute is
+   * true whenever it is present. Reflected, because a stylesheet takes the
+   * marks off on it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -79645,7 +80640,10 @@ export type CustomElementsSolidJs = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them.
+   * so the listbox looks through slots to find them. For a list too long to draw
+   * whole, set `items` instead: the list draws only the options in sight, as
+   * Listbox's `items` does, and the trigger, its keys and the form read the
+   * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
    * back, so the value lives in one place.
@@ -79790,6 +80788,17 @@ export type CustomElementsSolidJs = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -79967,6 +80976,8 @@ export type CustomElementsSolidJs = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-select": Partial<
@@ -80152,7 +81163,12 @@ export type CustomElementsSolidJs = {
    * does not draw a hundred and one marks by accident.
    *
    * A range with two thumbs is two inputs stacked on one track, because there is
-   * no native two-thumb range. Each thumb keeps its own value.
+   * no native two-thumb range. Each thumb keeps its own value, and a named range
+   * submits one entry per thumb under its name, the lowest first. A range given
+   * more than two values, such as `default-value="20,50,80"`, has a thumb for
+   * each, as React Aria's slider takes any number of thumbs: each stops at its
+   * neighbors, and the ones between the first and the last are named by
+   * `thumb-label`.
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
@@ -80183,6 +81199,8 @@ export type CustomElementsSolidJs = {
    * | Page Up, Page Down | Moves the thumb by a larger step. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
+   * Under `readonly` none of these move the thumb, and Tab still reaches it.
+   *
    * Each thumb is an `<input type="range">` with `aria-valuetext` where the value
    * is formatted or worded. A range's thumbs say they stop at each other with
    * `aria-valuemin` and `aria-valuemax`.
@@ -80241,13 +81259,24 @@ export type CustomElementsSolidJs = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -80349,6 +81378,8 @@ export type CustomElementsSolidJs = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -80417,7 +81448,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -80427,7 +81458,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -80436,7 +81467,9 @@ export type CustomElementsSolidJs = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -80741,14 +81774,25 @@ export type CustomElementsSolidJs = {
    * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
    * imports no `Kbd` of its own. Showing a shortcut does not bind it.
    *
+   * `href` makes the action a link, as Menu's rows take one: the `item` part is
+   * then an `<a>` carrying `menuitem`, so the browser follows it, opens it in a
+   * new tab on a middle press, and offers its own menu for it. Choosing it still
+   * sends `helix-select` and closes the dial. A disabled action draws no link.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -80805,7 +81849,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -80843,8 +81887,9 @@ export type CustomElementsSolidJs = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
-   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
-   * first action. With the dial open:
+   * **Keyboard.** On the trigger, Enter, Space, Down or a press opens the dial
+   * on its first action, and Up opens it on its last, as an APG menu button
+   * does. With the dial open:
    *
    * | Key | What it does |
    * |---|---|
@@ -80868,6 +81913,13 @@ export type CustomElementsSolidJs = {
    * and a slotted one alike. A press that has opened the dial does not also do
    * the trigger's action.
    *
+   * **Open on hover.** With `open-on="hover"`, a mouse resting on the trigger
+   * opens the dial, as Material's speed dial does, and the dial closes a moment
+   * after the mouse leaves both the trigger and the actions. A press, a touch
+   * and the keyboard open it as under `click`, and a press on the trigger of a
+   * dial already open moves focus to its first action, so the press a mouse
+   * makes after hovering keeps the dial open.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -80881,9 +81933,11 @@ export type CustomElementsSolidJs = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -80937,6 +81991,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -81009,6 +82064,13 @@ export type CustomElementsSolidJs = {
    * takes all of the change, as Web Awesome's split panel does. Without it,
    * both panes keep their share.
    *
+   * **Three or more panes along one axis are splitters nested on that axis**, a
+   * splitter in the `end` pane of another for three columns. The nested one
+   * keeps the pane on its far side the size it was while the outer divider
+   * moves, so a divider resizes only the two panes beside it, as Zag's splitter
+   * does with any number of panels. Where the whole row is resized, every pane
+   * keeps its share, unless `primary` says otherwise.
+   *
    * **Keyboard.** The divider is one tab stop.
    *
    * | Key | What it does |
@@ -81199,15 +82261,21 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Screen readers announce the stats as a group. The figures are read together
-   * and their order has no meaning, so the group does not announce positions such
-   * as "1 of 4".
+   * **A named group is a group**, so a screen reader announces the stats
+   * together under its name, such as "Usage, group". Name it with `label`,
+   * `aria-label` or `aria-labelledby`. An unnamed one has no role, since a group
+   * with no name only adds "group" to what a reader says, as an unnamed Card
+   * has none. The figures are read together and their order has no meaning, so
+   * the group does not announce positions such as "1 of 4".
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `label`: Accessible name for the group.
+   * - `label`: Accessible name for the group, which makes it a group.
+   *
+   * Absent leaves the stats with no group around them, unless `aria-label` or
+   * `aria-labelledby` names it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -81235,6 +82303,14 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The stats.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A name written
+   * or taken off asks for an update, because it decides whether the stats are
+   * a group.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -81264,6 +82340,19 @@ export type CustomElementsSolidJs = {
    * attribute; a stat with no label has no role. Put a `Trend` in the `trend`
    * slot to have it read inside the group, after the figure it qualifies.
    *
+   * **Or give the figure as a number.** `value` is written with
+   * `Intl.NumberFormat`, in `locale` and with `format-options`, so
+   * `value="1234567" format-options='{"notation":"compact"}'` shows `1.2M`, and
+   * a server writes it as the browser does. A number in `value` takes the place
+   * of a slotted figure.
+   *
+   * **Each slot is a part of the same name**, and `value` for the figure, so a
+   * page reaches the label, the unit and the trend from outside. A slot draws no
+   * box, so a part passes inherited properties to what is slotted. **The stat
+   * says which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and
+   * `:state(has-trend)`, read in the browser, so a served stat carries none
+   * until the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -81293,6 +82382,20 @@ export type CustomElementsSolidJs = {
    * reports a hydration mismatch. The absent attribute is the column, which the
    * stylesheet reads as the base case, and the server spec asserts the host
    * carries nothing nobody wrote.
+   * - `format-options`/`formatOptions`: `Intl.NumberFormat` options `value` is written with, such as
+   * `{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+   * written as JSON in the attribute.
+   *
+   * Absent writes the number as the locale writes any number.
+   * - `locale`: The locale `value` is written in, such as `de` for `1.234.567`.
+   *
+   * Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+   * rendered on a server, so the server and the browser write the figure
+   * alike.
+   * - `value`: The figure as a number, written with `format-options` in `locale` in
+   * place of a slotted value.
+   *
+   * Absent leaves the figure to the slot.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -81327,12 +82430,18 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `value`: The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
+   * - `label`: The slot the label arrives through, drawing no box, as `value` does.
+   * - `trend`: The slot the trend arrives through, drawing no box, as `value` does.
+   * - `unit`: The slot the unit arrives through, drawing no box, as `value` does.
+   * - `value`: The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-label`: Something is slotted into `label`.
+   * - `has-trend`: Something is slotted into `trend`.
+   * - `has-unit`: Something is slotted into `unit`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-stat": Partial<
@@ -81355,7 +82464,13 @@ export type CustomElementsSolidJs = {
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
-   * same rules, for your own buttons.
+   * same rules, for your own buttons. `reset()` goes back to the first stage and
+   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   *
+   * `completion="passed"` marks a stage `complete` once a reader moves past it,
+   * as Ark UI counts a stage before the current one as completed. Going back
+   * leaves it complete. In a `linear` sequence the next stage is then in reach
+   * from the current one, and `validate` decides whether the reader may go.
    *
    * To check a stage before a reader moves on from it, set `validate` to a
    * function that answers whether the stage is valid, as Ark UI's `isStepValid`
@@ -81376,10 +82491,25 @@ export type CustomElementsSolidJs = {
    * current stage's button says `aria-current="step"`, and a finished stage's
    * button is described by its `complete-label`.
    *
+   * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
+   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
+   * between the names as well, as Ark UI's steps do: Left and Right along a row,
+   * Up and Down a column, Home and End to the first and the last. The arrows
+   * pass over a disabled stage and one a linear sequence holds out of reach,
+   * and they move focus without going to the stage.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -81470,6 +82600,10 @@ export type CustomElementsSolidJs = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
@@ -81584,6 +82718,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -81609,6 +82745,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-step": Partial<
@@ -82667,6 +83804,16 @@ export type CustomElementsSolidJs = {
    * `active` says so, with `helix-activate`. Where the removed tab had focus,
    * focus moves to the tab now selected.
    *
+   * **More tabs than fit.** With `scroll-controls`, a strip that scrolls shows a
+   * button at each end it can scroll toward, as Web Awesome's tab group does,
+   * and a press scrolls it most of its own length. The buttons are for the
+   * pointer, so they are out of the tab order and hidden from screen readers;
+   * the arrow keys already reach every tab, and the strip scrolls the selected
+   * tab into view. A strip scrolls once a stylesheet gives the `tabs` part an
+   * `overflow`, as the styled tier does.
+   *
+   * A tab with `dismissible` can be closed: see `Tabs.Tab`.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -82690,6 +83837,8 @@ export type CustomElementsSolidJs = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -82779,6 +83928,8 @@ export type CustomElementsSolidJs = {
    *
    * - `indicator`: The marker that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`, and `data-placed` once it has been placed, for a mark you draw and animate yourself.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -82802,14 +83953,27 @@ export type CustomElementsSolidJs = {
    * first, and canceling it keeps the browser from following, so a client-side
    * router follows it instead.
    *
+   * With `dismissible`, the tab can be closed, as Web Awesome's closable tab
+   * can: a press on its `dismiss` mark, or Delete or Backspace while the tab
+   * has focus, sends `helix-dismiss`. The tab does not remove itself, because
+   * your code owns the set, so remove the tab and its panel in your handler.
+   * Focus moves to the tab beside it, and the tab set selects a tab that is
+   * left.
+   * The tab says the key through `aria-keyshortcuts`, and the mark is for the
+   * pointer, hidden from screen readers.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-label`/`dismissLabel`: The tooltip on the mark that closes a `dismissible` tab. The mark is for
+   * the pointer and hidden from screen readers, which hear the Delete key
+   * through `aria-keyshortcuts`.
    * - `href`: The URL the tab links to. Setting it renders the tab as a link, for a set
    * of tabs that are pages of a site.
    * - `rel`: The link's `rel`, for a tab with an `href`.
    * - `target`: Where the link opens, such as `_blank`, for a tab with an `href`.
+   * - `dismissible`: Whether the element shows a control that dismisses it.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -82843,6 +84007,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -82857,6 +84022,10 @@ export type CustomElementsSolidJs = {
    *
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `dismiss() => boolean`: Sends `helix-dismiss` for a `dismissible` tab, and returns `false` where a
+   * listener refused it, or where the tab is not dismissible or is disabled.
+   * The tab stays where it is either way: removing it is yours. Where the tab
+   * had focus, focus moves to the tab beside it once you remove it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -82869,6 +84038,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -82896,8 +84066,12 @@ export type CustomElementsSolidJs = {
    * `selection-mode` lets a reader select tags, with Space, Enter or a press:
    * `single` selects one at a time and `multiple` any number. In `multiple`,
    * Shift with an arrow, Home or End selects the range from the tag last
-   * pressed to the tag focus moves to, and Control or Command with A selects
-   * every tag that is not disabled. `value` holds the
+   * pressed to the tag focus moves to, Shift with a press or Space selects the
+   * range to that tag, and Control or Command with A selects every tag that is
+   * not disabled. `selection-behavior="replace"` selects the tag a reader
+   * presses or moves to alone, as a file list does, and Control or Command
+   * with a press or Space adds or takes out one tag. `disallow-empty-selection`
+   * keeps one tag selected once one is. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -82919,10 +84093,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -85044,6 +86227,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -86031,6 +87216,13 @@ export type CustomElementsSolidJs = {
    * or open, and the tree's one tab stop stays on the item last reached. In a
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
+   * Shift+Space checks every item from the one last checked to the focused one,
+   * and Control+Shift+Home or End checks every item from the focused one to the
+   * first or the last, then moves there, as the tree pattern's range keys do.
+   *
+   * A tree with no name of its own is announced as "Tree", which says nothing
+   * about what it holds, so a development build warns once with the kind
+   * `missing-name` where neither `label` nor an `aria-label` names it.
    *
    * Removing the item that has focus moves focus to the item after it among its
    * siblings, or the one before, or its parent, so focus stays in the tree.
@@ -86046,7 +87238,15 @@ export type CustomElementsSolidJs = {
    * `helix-before-reorder`, which you can refuse, and then `helix-reorder`, whose
    * `keys` hold the siblings in the new order. **You move the items**: the tree
    * moves no element of yours, and focus follows the moved item once you have.
-   * Moving an item into another branch is not part of this.
+   *
+   * **Alt with the arrow along the line moves an item into another branch.**
+   * Alt with the arrow that opens a branch (Right on a left-to-right page) puts
+   * the focused item last inside the item before it, and opens that item; Alt
+   * with the other arrow puts it after its parent, a level out. The same
+   * `helix-before-reorder` and `helix-reorder` are sent, with `parent` naming
+   * the branch it moves into by its key, `''` for the top level, and `keys`
+   * holding that branch's items in their new order. The tree says the move with
+   * `moved-into-label`.
    *
    * ## Attributes & Properties
    *
@@ -86059,6 +87259,11 @@ export type CustomElementsSolidJs = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -87455,7 +88660,7 @@ export type CustomCssProperties = {
   "--scroll-area-scroll-fraction"?: (string) | undefined;
   /** The share of the track the thumb covers, from 0 to 1, which is how much of the content is in view. Written on each `scrollbar` part. */
   "--scroll-area-thumb-fraction"?: (string) | undefined;
-  /** Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part. */
+  /** Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part. */
   "--slider-at"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. */
   "--slider-fraction"?: (string) | undefined;