@fusion.dev/helix 0.153.0 → 0.155.0

package/types/jsx.d.ts

@@ -2945,6 +2945,15 @@ element's language. Leave the marks out of the text. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixBreadcrumb` component event */
+export type HelixBreadcrumbElementEvent<E = Event> = TypedEvent<
+  HelixBreadcrumb,
+  E
+>;
+/** `helix-select` event type */
+export type HelixBreadcrumbHelixSelectElementEvent =
+  HelixBreadcrumbElementEvent<HelixSelectEvent>;
+
 export type HelixBreadcrumbProps = {
   /** Marks this item as the page you are on. */
   current?: (HelixBreadcrumb["current"]) | undefined;
@@ -2972,6 +2981,9 @@ The consumer's decision. */
   rel?: (HelixBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   target?: (HelixBreadcrumb["target"]) | undefined;
+
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "onhelix-select"?: ((e: HelixBreadcrumbHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixBreadcrumbSolidJsProps = {
@@ -3001,6 +3013,8 @@ The consumer's decision. */
   "prop:rel"?: (HelixBreadcrumb["rel"]) | undefined;
   /** Where the link opens. Use it for a crumb that leaves the site. */
   "prop:target"?: (HelixBreadcrumb["target"]) | undefined;
+  /** A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does. */
+  "on:helix-select"?: ((e: HelixBreadcrumbHelixSelectElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -5170,12 +5184,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?: (HelixCard["mediaPlacement"]) | undefined;
-  /**  */
-  "aria-labelledby"?: unknown;
-  /**  */
-  undefined?: unknown;
-  /**  */
-  "aria-label"?: unknown;
 };
 
 export type HelixCardSolidJsProps = {
@@ -5258,12 +5266,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"?: (HelixCard["mediaPlacement"]) | undefined;
-  /**  */
-  "attr:aria-labelledby"?: unknown;
-  /**  */
-  "prop:undefined"?: unknown;
-  /**  */
-  "attr:aria-label"?: unknown;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -7377,6 +7379,22 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   wrap?: (HelixCodeBlock["wrap"]) | 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. */
+  "code-label"?: (HelixCodeBlock["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?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -7524,6 +7542,22 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   "prop:wrap"?: (HelixCodeBlock["wrap"]) | 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. */
+  "attr:code-label"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "attr:collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -7809,7 +7843,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   colorWords?: (HelixColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -8029,7 +8064,8 @@ Passed to the panel, whose square, hue ramp and presets say the color's
 name, and read by the swatch in `swatch`, which says it before the value.
 Color Picker lists the keys. */
   "prop:colorWords"?: (HelixColorInput["colorWords"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`, as Color Picker's `format`.
 
 **Undefaulted, because it reflects.** The two together stamp an attribute
 onto every host anybody renders, including the ones nobody configured: the
@@ -8218,8 +8254,9 @@ language hears its own rather than English between its own labels. */
   brightnessLabel?: (HelixColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -8227,13 +8264,20 @@ the syntax the format toggle sets. */
   "channel-fields"?: (HelixColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   channelFields?: (HelixColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "chroma-label"?: (HelixColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  chromaLabel?: (HelixColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -8274,10 +8318,16 @@ the color. */
   "eyedropper-label"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   eyedropperLabel?: (HelixColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   format?: (HelixColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "format-label"?: (HelixColorPicker["formatLabel"]) | undefined;
@@ -8287,15 +8337,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "green-label"?: (HelixColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   greenLabel?: (HelixColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  hint?: (HelixColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "hue-label"?: (HelixColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   hueLabel?: (HelixColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  label?: (HelixColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "lightness-label"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   lightnessLabel?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -8578,8 +8634,9 @@ language hears its own rather than English between its own labels. */
   "prop:brightnessLabel"?: (HelixColorPicker["brightnessLabel"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
@@ -8587,13 +8644,20 @@ the syntax the format toggle sets. */
   "bool:channel-fields"?: (HelixColorPicker["channelFields"]) | undefined;
   /** Whether the picker shows a number field for each channel of the color, as
 React Aria's ColorField does with `channel`: red, green and blue for hex
-and rgb, hue, saturation and lightness for hsl, and the opacity with
-`alpha`.
+and rgb, hue, saturation and lightness for hsl, hue, saturation and
+brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+with `alpha`.
 
 For a reader who has the numbers from a brand guide, and for a keyboard,
 where typing 128 is quicker than holding an arrow key. The fields follow
 the syntax the format toggle sets. */
   "prop:channelFields"?: (HelixColorPicker["channelFields"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "attr:chroma-label"?: (HelixColorPicker["chromaLabel"]) | undefined;
+  /** What the chroma channel's field is called, in `channel-fields` with
+oklch. */
+  "prop:chromaLabel"?: (HelixColorPicker["chromaLabel"]) | undefined;
   /** The words a color's name is spoken in, as JSON keyed by their English,
 such as `{"red": "rot", "vibrant": "kräftiges"}`.
 
@@ -8634,10 +8698,16 @@ the color. */
   "attr:eyedropper-label"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   "prop:eyedropperLabel"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
-  /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+  /** The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+`hsb`.
 
 Only what is written. Everything is read whatever this says, so a picker on
-`hex` still takes an `rgb()` handed to it and stores the hex for it. */
+`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+hex for it. `oklch` writes the sRGB color the picker holds, such as
+`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+walks the other four. */
   "prop:format"?: (HelixColorPicker["format"]) | undefined;
   /** What the syntax toggle is called, with `{format}` filled in. */
   "attr:format-label"?: (HelixColorPicker["formatLabel"]) | undefined;
@@ -8647,15 +8717,21 @@ Only what is written. Everything is read whatever this says, so a picker on
   "attr:green-label"?: (HelixColorPicker["greenLabel"]) | undefined;
   /** What the green channel's field is called, in `channel-fields`. */
   "prop:greenLabel"?: (HelixColorPicker["greenLabel"]) | undefined;
+  /** Help under the picker, such as what the color is used for. The `hint`
+slot takes richer content. */
+  "prop:hint"?: (HelixColorPicker["hint"]) | undefined;
   /** What the hue channel is called. */
   "attr:hue-label"?: (HelixColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   "prop:hueLabel"?: (HelixColorPicker["hueLabel"]) | undefined;
+  /** The name above the picker, such as "Brand color". The picker is then a
+group with this name. The `label` slot takes richer content. */
+  "prop:label"?: (HelixColorPicker["label"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "attr:lightness-label"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
-hsl. */
+hsl and oklch. */
   "prop:lightnessLabel"?: (HelixColorPicker["lightnessLabel"]) | undefined;
   /** Hides the eyedropper. Without it, the eyedropper appears in browsers that
 support one. */
@@ -11903,15 +11979,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   badInputMessage?: (HelixDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   calendar?: (HelixDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "default-month"?: (HelixDatePicker["defaultMonth"]) | undefined;
@@ -11970,8 +12053,9 @@ its days. */
   min?: (HelixDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   mode?: (HelixDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -12073,6 +12157,22 @@ date including the one already chosen. */
   "step-mismatch-message"?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   stepMismatchMessage?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "time-zone"?: (HelixDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  timeZone?: (HelixDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "unavailable-message"?: (HelixDatePicker["unavailableMessage"]) | undefined;
@@ -12210,15 +12310,22 @@ speaks it. Unset is the sentence registered for the page's language, then
 the English. `{mode}` is `single`, `range` or `multiple`, so each can have
 its own sentence. */
   "prop:badInputMessage"?: (HelixDatePicker["badInputMessage"]) | undefined;
-  /** The calendar the heading, the days, and the months are written in:
-`gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-months are the Gregorian months.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-`gregory` for every other, such as `persian` for `fa-IR`, so the heading
-names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-every calendar. */
+  /** The calendar the heading, the days, and the months are written in.
+
+`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+whose months are the Gregorian months. Absent is the locale's own where
+it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+for `fa-IR`.
+
+`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+`coptic`, and `indian` draw a calendar with months of its own, as React
+Aria's calendars do: each grid is one of that calendar's months, the
+Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+Previous, Next and the page keys move by those months. `month` and
+`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+heading stays text, as the months and years views are drawn in Gregorian
+months only. The value is `YYYY-MM-DD` in every calendar. */
   "prop:calendar"?: (HelixDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "attr:default-month"?: (HelixDatePicker["defaultMonth"]) | undefined;
@@ -12277,8 +12384,9 @@ its days. */
   "prop:min"?: (HelixDatePicker["min"]) | undefined;
   /** How many dates can be held at once. */
   "prop:mode"?: (HelixDatePicker["mode"]) | undefined;
-  /** The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-then the current month.
+  /** The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+`calendar` with months of its own. When it is not set, it follows
+`value`, then the current month.
 
 Separate from `value` on purpose, so paging selects nothing and a consumer
 can drive the view. Reading gives the month on show; writing sets it, and
@@ -12380,6 +12488,22 @@ date including the one already chosen. */
   "attr:step-mismatch-message"?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
   /** The validation message for a date that `step` skips. */
   "prop:stepMismatchMessage"?: (HelixDatePicker["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "attr:time-zone"?: (HelixDatePicker["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, as React
+Aria's `today(timeZone)` reads it. Empty is the reader's own.
+
+Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+the day marked `aria-current` and `day-today`, and the month a picker
+with no value opens on. A desk in Tokyo booking for an office in New York
+sets `America/New_York`, and today is the office's. */
+  "prop:timeZone"?: (HelixDatePicker["timeZone"]) | undefined;
   /** The validation message for a date that `disable-dates` or `disable-days`
 bars. */
   "attr:unavailable-message"?: (HelixDatePicker["unavailableMessage"]) | undefined;
@@ -17073,6 +17197,31 @@ invoker without an id in the same tree needs. */
 export type HelixIconElementEvent<E = Event> = TypedEvent<HelixIcon, E>;
 
 export type HelixIconProps = {
+  /** A motion that draws the eye or says work is going on: `spin` turns the
+glyph without end, `pulse` fades it in and out, and `beat` swells it.
+
+Absent is still. Reduced motion stills every one of them. */
+  animation?: (HelixIcon["animation"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "auto-width"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  autoWidth?: (HelixIcon["autoWidth"]) | undefined;
+  /** Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+`both` across both.
+
+Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+that follows the direction. */
+  flip?: (HelixIcon["flip"]) | undefined;
+  /** Turns the glyph clockwise by 90, 180 or 270 degrees.
+
+Absent draws it upright. `--icon-rotate` turns it by any other angle. */
+  rotate?: (HelixIcon["rotate"]) | undefined;
   /** The icon's name, read by screen readers. Set it for an icon that is not
 decorative. */
   label?: (HelixIcon["label"]) | undefined;
@@ -17096,6 +17245,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   name?: (HelixIcon["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?: (HelixIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -17110,13 +17264,38 @@ 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?: (HelixIcon["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: HelixIconElementEvent) => 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: HelixIconElementEvent) => void) | undefined;
 };
 
 export type HelixIconSolidJsProps = {
+  /** A motion that draws the eye or says work is going on: `spin` turns the
+glyph without end, `pulse` fades it in and out, and `beat` swells it.
+
+Absent is still. Reduced motion stills every one of them. */
+  "prop:animation"?: (HelixIcon["animation"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "bool:auto-width"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "prop:autoWidth"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+`both` across both.
+
+Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+that follows the direction. */
+  "prop:flip"?: (HelixIcon["flip"]) | undefined;
+  /** Turns the glyph clockwise by 90, 180 or 270 degrees.
+
+Absent draws it upright. `--icon-rotate` turns it by any other angle. */
+  "prop:rotate"?: (HelixIcon["rotate"]) | undefined;
   /** The icon's name, read by screen readers. Set it for an icon that is not
 decorative. */
   "prop:label"?: (HelixIcon["label"]) | undefined;
@@ -17140,6 +17319,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   "prop:name"?: (HelixIcon["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"?: (HelixIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -17153,9 +17337,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"?: (HelixIcon["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: HelixIconElementEvent) => 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: HelixIconElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -25940,11 +26124,39 @@ which is what makes it read as dots rather than as a softened square code. */
 export type HelixQuoteProps = {
   /** URL identifying where the quotation came from. */
   cite?: (HelixQuote["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"?: (HelixQuote["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?: (HelixQuote["noMarks"]) | undefined;
 };
 
 export type HelixQuoteSolidJsProps = {
   /** URL identifying where the quotation came from. */
   "prop:cite"?: (HelixQuote["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"?: (HelixQuote["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"?: (HelixQuote["noMarks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -28307,6 +28519,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   focusable?: (HelixSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  items?: (HelixSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -28542,6 +28766,18 @@ the stop moves on the trigger inside the shadow root, as Button's does.
 No attribute, because it is coordination between elements rather than
 anything a consumer sets. */
   "prop:focusable"?: (HelixSelect["focusable"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Passed to the list, which draws only the options in sight,
+as Listbox's `items` does. Set, the options you write as children are
+not read.
+
+The trigger shows the chosen options' labels, the letters and the Left
+and Right keys on the closed trigger choose over the whole set, and a
+chosen value whose option leaves `items` drops out of `value`.
+`value-content` is not called for `items`. Import the Option family as
+well, whose elements are drawn. */
+  "prop:items"?: (HelixSelect["items"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -28591,6 +28827,11 @@ fade the fill in and out, or `none` to sit still.
 
 Reduced motion stills both. */
   effect?: (HelixSkeleton["effect"]) | undefined;
+  /** How many lines of text the placeholder stands for, with `shape="text"`.
+
+Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+paragraph by it. */
+  lines?: (HelixSkeleton["lines"]) | undefined;
   /** The shape of the placeholder: `text`, `circle`, or a block when unset.
 
 Unset is a block, which is what most missing things are. A block is the
@@ -28616,6 +28857,11 @@ fade the fill in and out, or `none` to sit still.
 
 Reduced motion stills both. */
   "prop:effect"?: (HelixSkeleton["effect"]) | undefined;
+  /** How many lines of text the placeholder stands for, with `shape="text"`.
+
+Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+paragraph by it. */
+  "prop:lines"?: (HelixSkeleton["lines"]) | undefined;
   /** The shape of the placeholder: `text`, `circle`, or a block when unset.
 
 Unset is a block, which is what most missing things are. A block is the
@@ -28817,9 +29063,11 @@ between its thumbs and ignores it. */
   origin?: (HelixSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   range?: (HelixSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -28827,12 +29075,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   rangeText?: (HelixSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readonly?: (HelixSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  readOnly?: (HelixSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "show-value"?: (HelixSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   showValue?: (HelixSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   step?: (HelixSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "thumb-label"?: (HelixSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  thumbLabel?: (HelixSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -29021,9 +29291,11 @@ between its thumbs and ignores it. */
   "prop:origin"?: (HelixSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
-The pair is one string, `"10,50"`, which is what a form submits and what
-`MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-the two, since a range has no single number. */
+The pair is one string, `"10,50"`, which is what `value` and
+`MixinControllerValue` hold. A form receives two entries under the name,
+`price=10&price=50`, as React Aria's two thumbs send theirs.
+`valueAsNumber` reads the lower of the two, since a range has no single
+number. */
   "prop:range"?: (HelixSlider["range"]) | undefined;
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
@@ -29031,12 +29303,34 @@ filled in. Write it in the page's language, such as `{start} bis {end}`. */
   /** How the readout joins a range's two values, with `{start}` and `{end}`
 filled in. Write it in the page's language, such as `{start} bis {end}`. */
   "prop:rangeText"?: (HelixSlider["rangeText"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "bool:readonly"?: (HelixSlider["readOnly"]) | undefined;
+  /** Whether a reader can see and focus the value and cannot change it. A
+read-only slider still submits its value.
+
+React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+leave the value where it is. A script can still set `value`. */
+  "prop:readOnly"?: (HelixSlider["readOnly"]) | undefined;
   /** Shows the chosen value beside the track. */
   "bool:show-value"?: (HelixSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
   "prop:showValue"?: (HelixSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   "prop:step"?: (HelixSlider["step"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "attr:thumb-label"?: (HelixSlider["thumbLabel"]) | undefined;
+  /** The name of a thumb between a range's first and last, read after the
+slider's label, with `{index}` filled in: its place, counted from 1. The
+first is `minimum-label` and the last `maximum-label`. */
+  "prop:thumbLabel"?: (HelixSlider["thumbLabel"]) | undefined;
   /** Whether each thumb shows its value in a bubble beside it, as Web
 Awesome's `with-tooltip`. The styled slider shows the bubbles while the
 slider is under the pointer or holds focus. They repeat what each thumb
@@ -29495,10 +29789,20 @@ export type HelixSpeedDialItemHelixSelectElementEvent =
 export type HelixSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  download?: (HelixSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  href?: (HelixSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  rel?: (HelixSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   shortcut?: (HelixSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  target?: (HelixSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixSpeedDialItem["value"]) | undefined;
 
@@ -29509,10 +29813,20 @@ keyboard and Control elsewhere. Showing a shortcut does not bind it. */
 export type HelixSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixSpeedDialItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the action is chosen. Only
+meaningful beside an `href`, and only for a file served from the page's
+origin. */
+  "prop:download"?: (HelixSpeedDialItem["download"]) | undefined;
+  /** The URL the action links to. Setting it draws the action as a link. */
+  "prop:href"?: (HelixSpeedDialItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  "prop:rel"?: (HelixSpeedDialItem["rel"]) | undefined;
   /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
 `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
 keyboard and Control elsewhere. Showing a shortcut does not bind it. */
   "prop:shortcut"?: (HelixSpeedDialItem["shortcut"]) | undefined;
+  /** Where the link opens, such as `_blank` for a new tab. */
+  "prop:target"?: (HelixSpeedDialItem["target"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -29585,13 +29899,17 @@ you described or labeled it yourself. */
   longPressLabel?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "open-on"?: (HelixSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   openOn?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -29657,13 +29975,17 @@ you described or labeled it yourself. */
   "prop:longPressLabel"?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixSpeedDial["offset"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "attr:open-on"?: (HelixSpeedDial["openOn"]) | undefined;
-  /** What opens the dial. `click` opens it on a press of the trigger. Under
-`long-press`, a press is the trigger's own action, and the dial opens on a
-press held for half a second, or on Alt+Down or Alt+Up. */
+  /** What opens the dial. `click` opens it on a press of the trigger. `hover`
+also opens it while a mouse rests on the trigger, and closes it once the
+mouse has left. Under `long-press`, a press is the trigger's own action,
+and the dial opens on a press held for half a second, or on Alt+Down or
+Alt+Up. */
   "prop:openOn"?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
@@ -30031,7 +30353,10 @@ figures compared one against another keep their own widths. */
   columns?: (HelixStatGroup["columns"]) | undefined;
   /** Draws a rule between the figures, in addition to the space. */
   divided?: (HelixStatGroup["divided"]) | undefined;
-  /** 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?: (HelixStatGroup["label"]) | undefined;
 };
 
@@ -30045,7 +30370,10 @@ figures compared one against another keep their own widths. */
   "prop:columns"?: (HelixStatGroup["columns"]) | undefined;
   /** Draws a rule between the figures, in addition to the space. */
   "prop:divided"?: (HelixStatGroup["divided"]) | undefined;
-  /** 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"?: (HelixStatGroup["label"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -30081,6 +30409,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?: (HelixStat["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"?: (HelixStat["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?: (HelixStat["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?: (HelixStat["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?: (HelixStat["value"]) | undefined;
 };
 
 export type HelixStatSolidJsProps = {
@@ -30110,6 +30461,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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["value"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -30147,6 +30521,16 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   defaultActive?: (HelixSteps["defaultActive"]) | undefined;
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  arrows?: (HelixSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  completion?: (HelixSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -30221,6 +30605,16 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   "prop:defaultActive"?: (HelixSteps["defaultActive"]) | undefined;
+  /** Whether the arrow keys move focus between the stages' names, along the
+way the steps run. Off by default, so the arrows keep scrolling the page. */
+  "prop:arrows"?: (HelixSteps["arrows"]) | undefined;
+  /** What marks a stage `complete`.
+
+Absent, you do: each step's `complete` is yours, because a reader who
+steps back has finished more stages than the one they are on. `passed`
+marks every stage before the one a reader moves to, and leaves the marks
+when they go back. */
+  "prop:completion"?: (HelixSteps["completion"]) | undefined;
   /** The sequence's name, read by screen readers.
 
 A list of stages is a landmark a reader arrives at out of order, so it
@@ -31542,6 +31936,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   orientation?: (HelixTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "scroll-controls"?: (HelixTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  scrollControls?: (HelixTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -31611,6 +32011,12 @@ panels and tells a screen reader the list is vertical.
 
 Optional, so the resting row writes no attribute onto the host. */
   "prop:orientation"?: (HelixTabs["orientation"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "bool:scroll-controls"?: (HelixTabs["scrollControls"]) | undefined;
+  /** Whether a strip with more tabs than fit shows a button at each end it can
+scroll toward. */
+  "prop:scrollControls"?: (HelixTabs["scrollControls"]) | undefined;
   /** How the row of tabs is drawn.
 
 Unset is a raised pill on the selected tab with nothing behind the row,
@@ -31651,11 +32057,38 @@ consumer's server markup does not already have. */
 
 /** `HelixTab` component event */
 export type HelixTabElementEvent<E = Event> = TypedEvent<HelixTab, E>;
+/** `helix-dismiss` event type */
+export type HelixTabHelixDismissElementEvent =
+  HelixTabElementEvent<HelixDismissEvent>;
 /** `helix-select` event type */
 export type HelixTabHelixSelectElementEvent =
   HelixTabElementEvent<HelixSelectEvent>;
 
 export type HelixTabProps = {
+  /** Whether the element shows a control that dismisses it. */
+  dismissible?: (HelixTab["dismissible"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "dismiss-label"?: (HelixTab["dismissLabel"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  dismissLabel?: (HelixTab["dismissLabel"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   disabled?: (HelixTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -31675,11 +32108,37 @@ of tabs that are pages of a site. */
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   target?: (HelixTab["target"]) | undefined;
 
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "onhelix-dismiss"?: ((e: HelixTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "onhelix-select"?: ((e: HelixTabHelixSelectElementEvent) => void) | undefined;
 };
 
 export type HelixTabSolidJsProps = {
+  /** Whether the element shows a control that dismisses it. */
+  "prop:dismissible"?: (HelixTab["dismissible"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "attr:dismiss-label"?: (HelixTab["dismissLabel"]) | undefined;
+  /** The dismiss control's label, read by screen readers.
+
+`attribute` is spelled out because Lit lowercases a property name to
+derive one rather than dash-casing it, so this would otherwise be
+reachable only as `dismisslabel`, which nobody would guess and no linter
+would catch.
+
+A word property: register it for a locale under the host's key. A family
+that names the control otherwise, such as Tag's `Remove {label}`,
+declares its own English with `@words` above the override. */
+  "prop:dismissLabel"?: (HelixTab["dismissLabel"]) | undefined;
   /** Whether the item is disabled and cannot be chosen. */
   "prop:disabled"?: (HelixTab["disabled"]) | undefined;
   /** Whether the item is selected.
@@ -31698,6 +32157,8 @@ of tabs that are pages of a site. */
   "prop:rel"?: (HelixTab["rel"]) | undefined;
   /** Where the link opens, such as `_blank`, for a tab with an `href`. */
   "prop:target"?: (HelixTab["target"]) | undefined;
+  /** A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable. */
+  "on:helix-dismiss"?: ((e: HelixTabHelixDismissElementEvent) => void) | undefined;
   /** Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "on:helix-select"?: ((e: HelixTabHelixSelectElementEvent) => void) | undefined;
 
@@ -31717,6 +32178,14 @@ export type HelixTagGroupHelixDismissElementEvent =
   HelixTagGroupElementEvent<HelixDismissEvent>;
 
 export type HelixTagGroupProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "disallow-empty-selection"?: (HelixTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  disallowEmptySelection?: (HelixTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "empty-label"?: (HelixTagGroup["emptyLabel"]) | undefined;
@@ -31726,6 +32195,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   label?: (HelixTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "selection-behavior"?: (HelixTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  selectionBehavior?: (HelixTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -31752,6 +32235,14 @@ words where it has none. */
 };
 
 export type HelixTagGroupSolidJsProps = {
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "bool:disallow-empty-selection"?: (HelixTagGroup["disallowEmptySelection"]) | undefined;
+  /** Keeps at least one tag selected once one is, as React Aria's
+`disallowEmptySelection`: a press or a key that would leave none selected
+is refused. Removing the last selected tag still takes it out of `value`. */
+  "prop:disallowEmptySelection"?: (HelixTagGroup["disallowEmptySelection"]) | undefined;
   /** The words the group shows and says once its last tag is removed, where
 nothing is in the `empty` slot. */
   "attr:empty-label"?: (HelixTagGroup["emptyLabel"]) | undefined;
@@ -31761,6 +32252,20 @@ nothing is in the `empty` slot. */
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   "prop:label"?: (HelixTagGroup["label"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "attr:selection-behavior"?: (HelixTagGroup["selectionBehavior"]) | undefined;
+  /** What a press, Space, or a move does to the tags already selected.
+`toggle`, the default, keeps them: a press adds or takes out the tag, and
+the arrow keys move focus alone. `replace` selects the tag alone, as a
+file list does, and the arrow keys carry the selection with focus.
+Control or Command with a press or Space adds or takes out one tag in
+`multiple`, and with an arrow moves focus without selecting. */
+  "prop:selectionBehavior"?: (HelixTagGroup["selectionBehavior"]) | undefined;
   /** How many tags a reader can select: `single`, `multiple`, or none.
 
 Absent selects nothing, and the tags carry no selected state at all. */
@@ -35643,6 +36148,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   label?: (HelixTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "moved-into-label"?: (HelixTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  movedIntoLabel?: (HelixTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -35817,6 +36334,18 @@ refused, in a `reorderable` tree. */
 An `aria-label` or `aria-labelledby` on the host names the tree too, and
 wins over this. */
   "prop:label"?: (HelixTree["label"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "attr:moved-into-label"?: (HelixTree["movedIntoLabel"]) | undefined;
+  /** What screen readers hear when an item moves into another branch, in a
+`reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+the branch it moved into, or the tree's `label` for the top level,
+`{position}` its place there, counting from 1, and `{count}` the number of
+items there. */
+  "prop:movedIntoLabel"?: (HelixTree["movedIntoLabel"]) | undefined;
   /** What screen readers hear each time an item moves, in a `reorderable`
 tree. `{name}` is the item's words, `{position}` its place among its
 siblings, counting from 1, and `{count}` the number of siblings. */
@@ -37645,6 +38174,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -38869,6 +39399,7 @@ 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 Custom Properties
    *
@@ -38879,6 +39410,7 @@ export type CustomElements = {
    * - `--badge-color`: The color of the count, to pair with a fill set through `--badge-background-color`.
    * - `--badge-font-weight`: The weight of the count.
    * - `--badge-gap`: The space between the content and the count under `placement="inline"`.
+   * - `--badge-icon-size`: The size of an icon in the `icon` slot. The count's own size by default.
    * - `--badge-offset`: Pulls the mark in from the corner, along both axes.
    * - `--badge-radius`: How far the indicator's corners are rounded.
    * - `--badge-ring-color`: The color of the ring between the indicator and what is behind it.
@@ -38887,7 +39419,8 @@ export type CustomElements = {
    *
    * 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
    *
@@ -38895,7 +39428,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-badge": Partial<HelixBadgeProps & BaseProps<HelixBadge> & BaseEvents<HelixBadge>>;
@@ -39510,6 +40044,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -39537,6 +40077,8 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `separator`: The separator preceding the item.
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
    *
@@ -39544,7 +40086,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-breadcrumb": Partial<
@@ -39628,6 +40172,8 @@ export type CustomElements = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -39756,6 +40302,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-button-group": Partial<
@@ -40931,8 +41478,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
@@ -40965,6 +41510,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -42378,6 +42931,12 @@ export type CustomElements = {
    * significant in code and a wrapped line reads as two. For prose-like code, such as a long command or
    * a log line, a wrap reads better than a scroll. Line numbers keep the lines
    * unwrapped, since a wrapped line would take one number and several rows.
+   * - `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.
@@ -42696,7 +43255,8 @@ export type CustomElements = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -42913,6 +43473,8 @@ export type CustomElements = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -42937,7 +43499,9 @@ export type CustomElements = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -43024,12 +43588,15 @@ export type CustomElements = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -43046,15 +43613,25 @@ export type CustomElements = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -43209,6 +43786,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -43307,6 +43886,8 @@ export type CustomElements = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -43330,6 +43911,8 @@ export type CustomElements = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -43341,7 +43924,10 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-color-picker": Partial<
@@ -44923,6 +45509,7 @@ export type CustomElements = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -45008,15 +45595,22 @@ export type CustomElements = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -45042,8 +45636,9 @@ export type CustomElements = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -45090,6 +45685,13 @@ export type CustomElements = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -45190,6 +45792,8 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -45283,6 +45887,7 @@ export type CustomElements = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -45301,7 +45906,7 @@ export type CustomElements = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -46640,13 +47245,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-empty": Partial<HelixEmptyProps & BaseProps<HelixEmpty> & BaseEvents<HelixEmpty>>;
@@ -49016,10 +49626,33 @@ export type CustomElements = {
    * Inside a button, `--icon-size` is set in `em`, so the icon scales with the
    * button.
    *
+   * **The glyph turns, flips and moves inside its own box**, so the line around
+   * it keeps its place: `rotate` turns it by a quarter, a half or three
+   * quarters, `--icon-rotate` by any angle, `flip` mirrors it across either
+   * axis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.
+   * Reduced motion stills every animation. `auto-width` gives the box the
+   * glyph's own proportions, for a mark wider than it is tall.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `animation`: A motion that draws the eye or says work is going on: `spin` turns the
+   * glyph without end, `pulse` fades it in and out, and `beat` swells it.
+   *
+   * Absent is still. Reduced motion stills every one of them.
+   * - `auto-width`/`autoWidth`: Whether the box takes the glyph's own proportions, its height from
+   * `--icon-size` and its width from the glyph's box.
+   *
+   * Absent is a square, which lines icons up in a column.
+   * - `flip`: Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+   * `both` across both.
+   *
+   * Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+   * that follows the direction.
+   * - `rotate`: Turns the glyph clockwise by 90, 180 or 270 degrees.
+   *
+   * Absent draws it upright. `--icon-rotate` turns it by any other angle.
    * - `label`: The icon's name, read by screen readers. Set it for an icon that is not
    * decorative.
    * - `mirror`: Flips the glyph on a right-to-left page. Use it for an arrow that means
@@ -49040,6 +49673,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
@@ -49077,8 +49714,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
    *
@@ -49092,7 +49729,9 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--icon-size`: The width and height of the icon's box.
+   * - `--icon-animation-duration`: How long one turn, pulse or beat of `animation` takes.
+   * - `--icon-rotate`: An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.
+   * - `--icon-size`: The width and height of the icon's box. The height alone under `auto-width`.
    *
    * ## CSS Parts
    *
@@ -53191,6 +53830,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-navigation": Partial<
@@ -55989,6 +56629,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
@@ -57966,6 +58612,17 @@ export type CustomElements = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -58147,6 +58804,8 @@ export type CustomElements = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-select": Partial<
@@ -58161,6 +58820,11 @@ export type CustomElements = {
    * Around content with `loading`, the skeleton takes the content's box and
    * paints over it, and the content is hidden until `loading` is taken off.
    *
+   * **`lines` draws a paragraph.** With `shape="text"` and `lines="3"`, one
+   * element stands in for three lines of text: each line a `skeleton` part one
+   * `em` tall, spaced a body line height apart, and the last one shorter, as the end
+   * of a paragraph is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -58169,6 +58833,10 @@ export type CustomElements = {
    * fade the fill in and out, or `none` to sit still.
    *
    * Reduced motion stills both.
+   * - `lines`: How many lines of text the placeholder stands for, with `shape="text"`.
+   *
+   * Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+   * paragraph by it.
    * - `shape`: The shape of the placeholder: `text`, `circle`, or a block when unset.
    *
    * Unset is a block, which is what most missing things are. A block is the
@@ -58217,6 +58885,7 @@ export type CustomElements = {
    * - `--skeleton-block-size`: The height of the block shape, which is the shape when `shape` is unset. Defaults to the control height.
    * - `--skeleton-color`: The placeholder's fill.
    * - `--skeleton-duration`: How long one sweep or one pulse takes.
+   * - `--skeleton-last-line-size`: The width of the last line of a `lines` paragraph. Defaults to 60%.
    * - `--skeleton-radius`: The corner of the block shape.
    * - `--skeleton-sheen-color`: The highlight the sweep carries across the fill.
    * - `--skeleton-size`: The diameter of the circle shape.
@@ -58226,8 +58895,10 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `content`: The box around the content, hidden while `loading`.
+   * - `line`: Each line of a `lines` paragraph, which is also a `skeleton` part.
+   * - `lines`: The column holding a `lines` paragraph, drawn only for `shape="text"` with two or more lines.
    * - `sheen`: The highlight swept across the shape. Hidden for `effect="pulse"` and `effect="none"`.
-   * - `skeleton`: The placeholder shape.
+   * - `skeleton`: The placeholder shape, or each line of a `lines` paragraph.
    *
    * ## CSS States
    *
@@ -58414,13 +59085,24 @@ export type CustomElements = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -58496,6 +59178,8 @@ export type CustomElements = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -58568,6 +59252,7 @@ export type CustomElements = {
    * - `--slider-length`: The length of a vertical track. It defaults to nine rem and applies only when `orientation` is `vertical`. A horizontal track takes the width of its row.
    * - `--slider-marker-color`: The color of the marks along the track.
    * - `--slider-thumb-color`: The color of the thumb.
+   * - `--slider-thumb-content-color`: The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb.
    * - `--slider-thumb-length`: The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval.
    * - `--slider-thumb-radius`: The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it.
    * - `--slider-thumb-ring-color`: The color of the ring between the thumb and the track. Set it for a slider that sits on a surface other than the page background.
@@ -58577,7 +59262,7 @@ export type CustomElements = {
    * - `--slider-track-color`: The color of the unfilled part of the track.
    * - `--slider-track-image`: An image for the whole track, such as a gradient for a slider whose value is a color.
    * - `--slider-track-size`: The thickness of the track. It matches the progress bar's size by default.
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -58587,7 +59272,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -58596,7 +59281,9 @@ export type CustomElements = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -58938,9 +59625,15 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -59011,7 +59704,7 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -59062,9 +59755,11 @@ export type CustomElements = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -59105,6 +59800,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -59395,7 +60091,10 @@ export type CustomElements = {
    * with its rule; and a count is what a set of facts read across wants, where
    * figures compared one against another keep their own widths.
    * - `divided`: Draws a rule between the figures, in addition to the space.
-   * - `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
@@ -59423,6 +60122,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -59474,6 +60181,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
@@ -59521,11 +60242,17 @@ 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.
    *
    * ## 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-stat": Partial<HelixStatProps & BaseProps<HelixStat> & BaseEvents<HelixStat>>;
@@ -59554,6 +60281,14 @@ export type CustomElements = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -59641,6 +60376,10 @@ export type CustomElements = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    *
    * ## CSS Custom Properties
    *
@@ -59738,6 +60477,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -59763,6 +60504,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-step": Partial<HelixStepProps & BaseProps<HelixStep> & BaseEvents<HelixStep>>;
@@ -60673,6 +61415,8 @@ export type CustomElements = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -60755,6 +61499,7 @@ export type CustomElements = {
    * - `--tabs-indicator-shadow`: The shadow under the mark, which the pill and `segmented` draw.
    * - `--tabs-indicator-thickness`: The height of the bar under `underlined`.
    * - `--tabs-rule-color`: The color of the rule under the row in `underlined`.
+   * - `--tabs-scroll-background-color`: The fill behind the scroll buttons, over the tabs that pass under them.
    *
    * ## CSS Parts
    *
@@ -60762,6 +61507,8 @@ export type CustomElements = {
    *
    * - `indicator`: The mark that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way. It holds to the end of the strip.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -60782,6 +61529,17 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
+   *
+   * `attribute` is spelled out because Lit lowercases a property name to
+   * derive one rather than dash-casing it, so this would otherwise be
+   * reachable only as `dismisslabel`, which nobody would guess and no linter
+   * would catch.
+   *
+   * A word property: register it for a locale under the host's key. A family
+   * that names the control otherwise, such as Tag's `Remove {label}`,
+   * declares its own English with `@words` above the override.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -60819,6 +61577,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -60831,6 +61590,7 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -60848,6 +61608,7 @@ export type CustomElements = {
    * - `--tabs-tab-block-size`: The height of a tab. `segmented` sizes its tabs to the track and does not read it.
    * - `--tabs-tab-color`: The label color of a tab that is not current.
    * - `--tabs-tab-disabled-opacity`: How faint a disabled tab is drawn.
+   * - `--tabs-tab-dismiss-color`: The color of the mark that closes a `dismissible` tab.
    * - `--tabs-tab-font-size`: The size of a tab's label.
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
@@ -60861,6 +61622,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -60881,10 +61643,19 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -60956,6 +61727,11 @@ export type CustomElements = {
    * Seven tones. The fill is a tint of the status color made with `color-mix`, so
    * when a theme changes its status colors, the tints change with them.
    *
+   * A tag takes its height from the region it is in, as the controls beside it
+   * do: `data-density="sm"`, `md`, or `lg` on the tag or on any element around
+   * it sets `--helix-size-tag` to the small, resting, or large step, so a row of
+   * tags and buttons stays one height. `shape="pill"` rounds its ends.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -63072,6 +63848,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -63973,6 +64751,11 @@ export type CustomElements = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -65294,6 +66077,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closing`: While the item has closed and its content is still drawn, until the content part's animations end.
    * - `open`: While the item is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -66541,6 +67325,7 @@ 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 Custom Properties
    *
@@ -66551,6 +67336,7 @@ export type CustomElementsSolidJs = {
    * - `--badge-color`: The color of the count, to pair with a fill set through `--badge-background-color`.
    * - `--badge-font-weight`: The weight of the count.
    * - `--badge-gap`: The space between the content and the count under `placement="inline"`.
+   * - `--badge-icon-size`: The size of an icon in the `icon` slot. The count's own size by default.
    * - `--badge-offset`: Pulls the mark in from the corner, along both axes.
    * - `--badge-radius`: How far the indicator's corners are rounded.
    * - `--badge-ring-color`: The color of the ring between the indicator and what is behind it.
@@ -66559,7 +67345,8 @@ export type CustomElementsSolidJs = {
    *
    * 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
    *
@@ -66567,7 +67354,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-badge": Partial<
@@ -67193,6 +67981,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-select`: A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
@@ -67220,6 +68014,8 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `separator`: The separator preceding the item.
+   * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
+   * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
    *
@@ -67227,7 +68023,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: While the crumb is the current page, marked `current` or the last of a trail with none marked.
    * - `end`: While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.
+   * - `folded`: While a trail longer than its `max-items` has folded the crumb away. It takes no room.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-breadcrumb": Partial<
@@ -67314,6 +68112,8 @@ export type CustomElementsSolidJs = {
    * - `crumb`: Each crumb drawn from `items`.
    * - `crumb-collapsed`: The crumb that holds the folded middle of a trail longer than `max-items`.
    * - `crumb-current`: The crumb drawn from `items` for the current page.
+   * - `crumb-expand`: The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.
+   * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
    * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
@@ -67445,6 +68245,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `pressed`: While a group with `selection-mode` has a button pressed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-button-group": Partial<
@@ -68638,8 +69439,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
@@ -68672,6 +69471,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -70104,6 +70911,12 @@ export type CustomElementsSolidJs = {
    * significant in code and a wrapped line reads as two. For prose-like code, such as a long command or
    * a log line, a wrap reads better than a scroll. Line numbers keep the lines
    * unwrapped, since a wrapped line would take one number and several rows.
+   * - `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.
@@ -70427,7 +71240,8 @@ export type CustomElementsSolidJs = {
    * Passed to the panel, whose square, hue ramp and presets say the color's
    * name, and read by the swatch in `swatch`, which says it before the value.
    * Color Picker lists the keys.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`, as Color Picker's `format`.
    *
    * **Undefaulted, because it reflects.** The two together stamp an attribute
    * onto every host anybody renders, including the ones nobody configured: the
@@ -70644,6 +71458,8 @@ export type CustomElementsSolidJs = {
    * - `picker-channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `picker-channel-markers`: The row of marks along the track.
    * - `picker-channel-output`: The current value, shown beside the track.
+   * - `picker-channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `picker-channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `picker-channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `picker-channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `picker-channels`: The channel sliders beside the sample.
@@ -70668,7 +71484,9 @@ export type CustomElementsSolidJs = {
    * - `picker-grid-brightness`: The range input for the square's vertical axis.
    * - `picker-grid-handle`: The mark showing where in the square the color sits.
    * - `picker-grid-saturation`: The range input for the square's horizontal axis.
+   * - `picker-hint`: The picker's own help, which the field's `hint` stands in for here, so it stays hidden.
    * - `picker-icon`: An icon drawn by the picker.
+   * - `picker-label`: The picker's own name, which the field's `label` stands in for here, so it stays hidden.
    * - `picker-sample`: A chip of the current color. Pressing it copies the value.
    * - `picker-swatch`: One preset.
    * - `picker-swatches`: The row of presets.
@@ -70758,12 +71576,15 @@ export type CustomElementsSolidJs = {
    * language hears its own rather than English between its own labels.
    * - `channel-fields`/`channelFields`: Whether the picker shows a number field for each channel of the color, as
    * React Aria's ColorField does with `channel`: red, green and blue for hex
-   * and rgb, hue, saturation and lightness for hsl, and the opacity with
-   * `alpha`.
+   * and rgb, hue, saturation and lightness for hsl, hue, saturation and
+   * brightness for hsb, lightness, chroma and hue for oklch, and the opacity
+   * with `alpha`.
    *
    * For a reader who has the numbers from a brand guide, and for a keyboard,
    * where typing 128 is quicker than holding an arrow key. The fields follow
    * the syntax the format toggle sets.
+   * - `chroma-label`/`chromaLabel`: What the chroma channel's field is called, in `channel-fields` with
+   * oklch.
    * - `color-words`/`colorWords`: The words a color's name is spoken in, as JSON keyed by their English,
    * such as `{"red": "rot", "vibrant": "kräftiges"}`.
    *
@@ -70780,15 +71601,25 @@ export type CustomElementsSolidJs = {
    * - `copy-label`/`copyLabel`: The name of the sample, which copies the value. `{value}` is replaced with
    * the color.
    * - `eyedropper-label`/`eyedropperLabel`: What the eyedropper is called.
-   * - `format`: The syntax the value is written in: `hex`, `rgb`, or `hsl`.
+   * - `format`: The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or
+   * `hsb`.
    *
    * Only what is written. Everything is read whatever this says, so a picker on
-   * `hex` still takes an `rgb()` handed to it and stores the hex for it.
+   * `hex` still takes an `rgb()` or an `oklch()` handed to it and stores the
+   * hex for it. `oklch` writes the sRGB color the picker holds, such as
+   * `oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is
+   * clipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,
+   * as React Aria's and Zag's color strings do. It is not CSS, so the toggle
+   * walks the other four.
    * - `format-label`/`formatLabel`: What the syntax toggle is called, with `{format}` filled in.
    * - `green-label`/`greenLabel`: What the green channel's field is called, in `channel-fields`.
+   * - `hint`: Help under the picker, such as what the color is used for. The `hint`
+   * slot takes richer content.
    * - `hue-label`/`hueLabel`: What the hue channel is called.
+   * - `label`: The name above the picker, such as "Brand color". The picker is then a
+   * group with this name. The `label` slot takes richer content.
    * - `lightness-label`/`lightnessLabel`: What the lightness channel's field is called, in `channel-fields` with
-   * hsl.
+   * hsl and oklch.
    * - `no-eyedropper`/`noEyedropper`: Hides the eyedropper. Without it, the eyedropper appears in browsers that
    * support one.
    * - `no-format`/`noFormat`: Hides the syntax toggle, so the format cannot be changed.
@@ -70943,6 +71774,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `eyedropper-icon`: The icon on the eyedropper button, usually a dropper.
+   * - `hint`: Help under the picker, for content richer than the `hint` text.
+   * - `label`: The name above the picker, for content richer than the `label` text.
    *
    * ## Methods
    *
@@ -71041,6 +71874,8 @@ export type CustomElementsSolidJs = {
    * - `channel-marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `channel-markers`: The row of marks along the track.
    * - `channel-output`: The current value, shown beside the track.
+   * - `channel-thumb`: A ramp's thumb box, which holds no content in a picker.
+   * - `channel-thumbs`: The layer over a ramp's track that holds its thumb box.
    * - `channel-tooltip`: A ramp's value in a bubble, where a ramp shows one.
    * - `channel-tooltips`: The layer over a ramp's track that holds its bubble.
    * - `channels`: The ramps beside the sample.
@@ -71064,6 +71899,8 @@ export type CustomElementsSolidJs = {
    * - `grid`: The saturation and brightness square. Draw the mark that shows where the color sits with `::part(grid)::after` in your stylesheet. The square carries the two channels as `--color-picker-saturation` and `--color-picker-brightness`, and this tier ships no CSS.
    * - `grid-brightness`: The range input for the square's vertical axis.
    * - `grid-saturation`: The range input for the square's horizontal axis.
+   * - `hint`: The help under the picker, while `hint` is set or the `hint` slot has content.
+   * - `label`: The name above the picker, while `label` is set or the `label` slot has content.
    * - `sample`: A chip of the current color. Pressing it copies the value.
    * - `swatch`: One preset, an option in the `swatches` listbox.
    * - `swatches`: The row of presets, a listbox.
@@ -71075,7 +71912,10 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `copied`: The moment after the sample copies the value, while it says `copied-label`.
+   * - `dragging`: While a pointer drags the square's handle.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `sampling`: While the eyedropper is open over the screen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-color-picker": Partial<
@@ -72672,6 +73512,7 @@ export type CustomElementsSolidJs = {
    * - `picker-day-outside`: A day from a neighboring month. Applied with `picker-day`.
    * - `picker-day-selected`: The chosen day, or either end of a chosen range. Applied with `picker-day`.
    * - `picker-day-today`: Today. Applied with `picker-day`.
+   * - `picker-day-weekend`: A day of the weekend where the calendar's language is spoken, beside `picker-day`.
    * - `picker-feedback`: The calendar's own message, under it, while the calendar's `feedback` is set.
    * - `picker-grid`: The grid of days.
    * - `picker-header`: The month name and its controls.
@@ -72760,15 +73601,22 @@ export type CustomElementsSolidJs = {
    * speaks it. Unset is the sentence registered for the page's language, then
    * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
    * its own sentence.
-   * - `calendar`: The calendar the heading, the days, and the months are written in:
-   * `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, the five whose
-   * months are the Gregorian months.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH` or `japanese` for `ja-JP-u-ca-japanese`, and
-   * `gregory` for every other, such as `persian` for `fa-IR`, so the heading
-   * names the Gregorian month the grid shows. The value is `YYYY-MM-DD` in
-   * every calendar.
+   * - `calendar`: The calendar the heading, the days, and the months are written in.
+   *
+   * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
+   * whose months are the Gregorian months. Absent is the locale's own where
+   * it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
+   * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
+   * for `fa-IR`.
+   *
+   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
+   * `coptic`, and `indian` draw a calendar with months of its own, as React
+   * Aria's calendars do: each grid is one of that calendar's months, the
+   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
+   * Previous, Next and the page keys move by those months. `month` and
+   * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
+   * heading stays text, as the months and years views are drawn in Gregorian
+   * months only. The value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -72794,8 +73642,9 @@ export type CustomElementsSolidJs = {
    * its days.
    * - `min`: Earliest selectable date, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
-   * - `month`: The month shown, as `YYYY-MM`. When it is not set, it follows `value`,
-   * then the current month.
+   * - `month`: The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a
+   * `calendar` with months of its own. When it is not set, it follows
+   * `value`, then the current month.
    *
    * Separate from `value` on purpose, so paging selects nothing and a consumer
    * can drive the view. Reading gives the month on show; writing sets it, and
@@ -72842,6 +73691,13 @@ export type CustomElementsSolidJs = {
    * treated as one rather than as an error: a step of zero would block every
    * date including the one already chosen.
    * - `step-mismatch-message`/`stepMismatchMessage`: The validation message for a date that `step` skips.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, as React
+   * Aria's `today(timeZone)` reads it. Empty is the reader's own.
+   *
+   * Dates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:
+   * the day marked `aria-current` and `day-today`, and the month a picker
+   * with no value opens on. A desk in Tokyo booking for an office in New York
+   * sets `America/New_York`, and today is the office's.
    * - `unavailable-message`/`unavailableMessage`: The validation message for a date that `disable-dates` or `disable-days`
    * bars.
    * - `value-missing-message`/`valueMissingMessage`: The validation message for a required date picker with no date chosen.
@@ -72942,6 +73798,8 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `footer`: Content under the calendar, such as buttons for today or a common range.
+   * - `header`: Content above the calendar, such as a note on what the date is for.
    * - `next-icon`: The glyph on the control that moves forward a month, usually a caret.
    * - `previous-icon`: The glyph on the control that moves back a month, usually a caret.
    *
@@ -73035,6 +73893,7 @@ export type CustomElementsSolidJs = {
    * - `day-outside`: A day from a neighboring month, filling the grid out, beside `day`.
    * - `day-selected`: The chosen day, or either end of a chosen range, beside `day`.
    * - `day-today`: Today, beside `day`.
+   * - `day-weekend`: A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.
    * - `feedback`: The message under the calendar, while `feedback` is set.
    * - `grid`: The grid of days.
    * - `header`: The month name and its controls.
@@ -73053,7 +73912,7 @@ export type CustomElementsSolidJs = {
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
    * - `week`: One row of days.
-   * - `weekday`: A column header naming a day of the week.
+   * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
    * ## CSS States
    *
@@ -74417,13 +75276,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-empty": Partial<
@@ -76834,10 +77698,33 @@ export type CustomElementsSolidJs = {
    * Inside a button, `--icon-size` is set in `em`, so the icon scales with the
    * button.
    *
+   * **The glyph turns, flips and moves inside its own box**, so the line around
+   * it keeps its place: `rotate` turns it by a quarter, a half or three
+   * quarters, `--icon-rotate` by any angle, `flip` mirrors it across either
+   * axis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.
+   * Reduced motion stills every animation. `auto-width` gives the box the
+   * glyph's own proportions, for a mark wider than it is tall.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `animation`: A motion that draws the eye or says work is going on: `spin` turns the
+   * glyph without end, `pulse` fades it in and out, and `beat` swells it.
+   *
+   * Absent is still. Reduced motion stills every one of them.
+   * - `auto-width`/`autoWidth`: Whether the box takes the glyph's own proportions, its height from
+   * `--icon-size` and its width from the glyph's box.
+   *
+   * Absent is a square, which lines icons up in a column.
+   * - `flip`: Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+   * `both` across both.
+   *
+   * Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+   * that follows the direction.
+   * - `rotate`: Turns the glyph clockwise by 90, 180 or 270 degrees.
+   *
+   * Absent draws it upright. `--icon-rotate` turns it by any other angle.
    * - `label`: The icon's name, read by screen readers. Set it for an icon that is not
    * decorative.
    * - `mirror`: Flips the glyph on a right-to-left page. Use it for an arrow that means
@@ -76858,6 +77745,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
@@ -76895,8 +77786,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
    *
@@ -76910,7 +77801,9 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--icon-size`: The width and height of the icon's box.
+   * - `--icon-animation-duration`: How long one turn, pulse or beat of `animation` takes.
+   * - `--icon-rotate`: An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.
+   * - `--icon-size`: The width and height of the icon's box. The height alone under `auto-width`.
    *
    * ## CSS Parts
    *
@@ -81094,6 +81987,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `open`: While a megamenu or another disclosure among the destinations is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-navigation": Partial<
@@ -83945,6 +84839,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
@@ -85962,6 +86862,17 @@ export type CustomElementsSolidJs = {
    *
    * No attribute, because it is coordination between elements rather than
    * anything a consumer sets. (property only)
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Passed to the list, which draws only the options in sight,
+   * as Listbox's `items` does. Set, the options you write as children are
+   * not read.
+   *
+   * The trigger shows the chosen options' labels, the letters and the Left
+   * and Right keys on the closed trigger choose over the whole set, and a
+   * chosen value whose option leaves `items` drops out of `value`.
+   * `value-content` is not called for `items`. Import the Option family as
+   * well, whose elements are drawn. (property only)
    * - `valueContent`: What the trigger shows for the chosen options: a function given them, in
    * the order they appear, that returns text, an element or a Lit template.
    *
@@ -86143,6 +87054,8 @@ export type CustomElementsSolidJs = {
    *
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the list is open.
+   * - `placed-bottom`: While the open list sits below the trigger.
+   * - `placed-top`: While the open list sits above the trigger, where there was no room below.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-select": Partial<
@@ -86160,6 +87073,11 @@ export type CustomElementsSolidJs = {
    * Around content with `loading`, the skeleton takes the content's box and
    * paints over it, and the content is hidden until `loading` is taken off.
    *
+   * **`lines` draws a paragraph.** With `shape="text"` and `lines="3"`, one
+   * element stands in for three lines of text: each line a `skeleton` part one
+   * `em` tall, spaced a body line height apart, and the last one shorter, as the end
+   * of a paragraph is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -86168,6 +87086,10 @@ export type CustomElementsSolidJs = {
    * fade the fill in and out, or `none` to sit still.
    *
    * Reduced motion stills both.
+   * - `lines`: How many lines of text the placeholder stands for, with `shape="text"`.
+   *
+   * Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+   * paragraph by it.
    * - `shape`: The shape of the placeholder: `text`, `circle`, or a block when unset.
    *
    * Unset is a block, which is what most missing things are. A block is the
@@ -86216,6 +87138,7 @@ export type CustomElementsSolidJs = {
    * - `--skeleton-block-size`: The height of the block shape, which is the shape when `shape` is unset. Defaults to the control height.
    * - `--skeleton-color`: The placeholder's fill.
    * - `--skeleton-duration`: How long one sweep or one pulse takes.
+   * - `--skeleton-last-line-size`: The width of the last line of a `lines` paragraph. Defaults to 60%.
    * - `--skeleton-radius`: The corner of the block shape.
    * - `--skeleton-sheen-color`: The highlight the sweep carries across the fill.
    * - `--skeleton-size`: The diameter of the circle shape.
@@ -86225,8 +87148,10 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `content`: The box around the content, hidden while `loading`.
+   * - `line`: Each line of a `lines` paragraph, which is also a `skeleton` part.
+   * - `lines`: The column holding a `lines` paragraph, drawn only for `shape="text"` with two or more lines.
    * - `sheen`: The highlight swept across the shape. Hidden for `effect="pulse"` and `effect="none"`.
-   * - `skeleton`: The placeholder shape.
+   * - `skeleton`: The placeholder shape, or each line of a `lines` paragraph.
    *
    * ## CSS States
    *
@@ -86419,13 +87344,24 @@ export type CustomElementsSolidJs = {
    * between its thumbs and ignores it.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
-   * The pair is one string, `"10,50"`, which is what a form submits and what
-   * `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
-   * the two, since a range has no single number.
+   * The pair is one string, `"10,50"`, which is what `value` and
+   * `MixinControllerValue` hold. A form receives two entries under the name,
+   * `price=10&price=50`, as React Aria's two thumbs send theirs.
+   * `valueAsNumber` reads the lower of the two, since a range has no single
+   * number.
    * - `range-text`/`rangeText`: How the readout joins a range's two values, with `{start}` and `{end}`
    * filled in. Write it in the page's language, such as `{start} bis {end}`.
+   * - `readonly`/`readOnly`: Whether a reader can see and focus the value and cannot change it. A
+   * read-only slider still submits its value.
+   *
+   * React Aria's `isReadOnly`. Each thumb stays a tab stop and says
+   * `aria-readonly`. The arrow keys, the page keys, Home, End, and a drag
+   * leave the value where it is. A script can still set `value`.
    * - `show-value`/`showValue`: Shows the chosen value beside the track.
    * - `step`: How far one press of an arrow key moves the thumb.
+   * - `thumb-label`/`thumbLabel`: The name of a thumb between a range's first and last, read after the
+   * slider's label, with `{index}` filled in: its place, counted from 1. The
+   * first is `minimum-label` and the last `maximum-label`.
    * - `tooltip`: Whether each thumb shows its value in a bubble beside it, as Web
    * Awesome's `with-tooltip`. The styled slider shows the bubbles while the
    * slider is under the pointer or holds focus. They repeat what each thumb
@@ -86501,6 +87437,8 @@ export type CustomElementsSolidJs = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `thumb`: Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.
+   * - `thumb-end`: Content drawn on a range's upper thumb.
    *
    * ## Methods
    *
@@ -86573,6 +87511,7 @@ export type CustomElementsSolidJs = {
    * - `--slider-length`: The length of a vertical track. It defaults to nine rem and applies only when `orientation` is `vertical`. A horizontal track takes the width of its row.
    * - `--slider-marker-color`: The color of the marks along the track.
    * - `--slider-thumb-color`: The color of the thumb.
+   * - `--slider-thumb-content-color`: The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb.
    * - `--slider-thumb-length`: The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval.
    * - `--slider-thumb-radius`: The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it.
    * - `--slider-thumb-ring-color`: The color of the ring between the thumb and the track. Set it for a slider that sits on a surface other than the page background.
@@ -86582,7 +87521,7 @@ export type CustomElementsSolidJs = {
    * - `--slider-track-color`: The color of the unfilled part of the track.
    * - `--slider-track-image`: An image for the whole track, such as a gradient for a slider whose value is a color.
    * - `--slider-track-size`: The thickness of the track. It matches the progress bar's size by default.
-   * - `--slider-at`: Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.
+   * - `--slider-at`: Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.
    * - `--slider-fraction`: The value as a fraction of the range, 0 to 1.
    * - `--slider-from`: Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`.
    * - `--slider-marker-at`: Where one marker sits, as a percentage of the track.
@@ -86592,7 +87531,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `control`: The range input.
+   * - `control`: The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.
    * - `feedback`: The error message under the track.
    * - `field`: The row that holds the control and its readout.
    * - `hint`: The help text under the track, shown while there is no error.
@@ -86601,7 +87540,9 @@ export type CustomElementsSolidJs = {
    * - `marker-label`: The value a mark stands at, when `marker-labels` is set.
    * - `markers`: The row of marks along the track.
    * - `output`: The current value, shown beside the track.
-   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start` or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
+   * - `thumb`: One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.
+   * - `thumbs`: The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part="field"]` carries `data-thumbs`.
+   * - `tooltip`: One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.
    * - `tooltips`: The layer over the track that holds the bubbles, under `tooltip`.
    *
    * ## CSS States
@@ -86952,9 +87893,15 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `download`: Whether the link downloads the file when the action is chosen. Only
+   * meaningful beside an `href`, and only for a file served from the page's
+   * origin.
+   * - `href`: The URL the action links to. Setting it draws the action as a link.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
    * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
    * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
    * keyboard and Control elsewhere. Showing a shortcut does not bind it.
+   * - `target`: Where the link opens, such as `_blank` for a new tab.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -87025,7 +87972,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `icon`: The box that holds the icon.
-   * - `item`: The control for the action.
+   * - `item`: The control for the action, which is an `<a>` where `href` is set.
    * - `label`: The action's name, beside the icon.
    * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
@@ -87079,9 +88026,11 @@ export type CustomElementsSolidJs = {
    * plain element of yours once a reader reaches it, after hydration, unless
    * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
-   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
-   * `long-press`, a press is the trigger's own action, and the dial opens on a
-   * press held for half a second, or on Alt+Down or Alt+Up.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. `hover`
+   * also opens it while a mouse rests on the trigger, and closes it once the
+   * mouse has left. Under `long-press`, a press is the trigger's own action,
+   * and the dial opens on a press held for half a second, or on Alt+Down or
+   * Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -87122,6 +88071,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The actions.
+   * - `icon`: Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.
    * - `trigger`: The control that opens the actions. Without one, a button named by `label` is drawn.
    *
    * ## Methods
@@ -87418,7 +88368,10 @@ export type CustomElementsSolidJs = {
    * with its rule; and a count is what a set of facts read across wants, where
    * figures compared one against another keep their own widths.
    * - `divided`: Draws a rule between the figures, in addition to the space.
-   * - `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
@@ -87446,6 +88399,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -87500,6 +88461,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
@@ -87547,11 +88522,17 @@ 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.
    *
    * ## 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-stat": Partial<
@@ -87582,6 +88563,14 @@ export type CustomElementsSolidJs = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
+   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * - `completion`: What marks a stage `complete`.
+   *
+   * Absent, you do: each step's `complete` is yours, because a reader who
+   * steps back has finished more stages than the one they are on. `passed`
+   * marks every stage before the one a reader moves to, and leaves the marks
+   * when they go back.
    * - `label`: The sequence's name, read by screen readers.
    *
    * A list of stages is a landmark a reader arrives at out of order, so it
@@ -87669,6 +88658,10 @@ export type CustomElementsSolidJs = {
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
    * - `previous() => boolean`: Moves to the stage before, as Ark UI's `goToPrevStep` does. Returns whether it moved.
+   * - `reset() => boolean`: Goes back to the first stage that can be gone to, and clears `complete`
+   * and the invalid mark from every stage, as Ark UI's `resetStep` does.
+   * Returns whether it moved: a listener can refuse the move with
+   * `helix-before-activate`, and the stages then keep their marks.
    *
    * ## CSS Custom Properties
    *
@@ -87771,6 +88764,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `focus(options?: FocusOptions) => void`: Puts focus on the step's name, the control a reader presses, as a
+   * `focus()` on a native control would.
    * - `select() => void`: Fires `helix-select` for the step, unless the step is `disabled` or a
    * linear sequence has it out of reach.
    *
@@ -87796,6 +88791,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The sequence's `validate` last answered that this stage is not valid.
+   * - `locked`: A `linear` sequence holds this stage out of reach until the stages before it are finished.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-step": Partial<
@@ -88728,6 +89724,8 @@ export type CustomElementsSolidJs = {
    * panels and tells a screen reader the list is vertical.
    *
    * Optional, so the resting row writes no attribute onto the host.
+   * - `scroll-controls`/`scrollControls`: Whether a strip with more tabs than fit shows a button at each end it can
+   * scroll toward.
    * - `variant`: How the row of tabs is drawn.
    *
    * Unset is a raised pill on the selected tab with nothing behind the row,
@@ -88810,6 +89808,7 @@ export type CustomElementsSolidJs = {
    * - `--tabs-indicator-shadow`: The shadow under the mark, which the pill and `segmented` draw.
    * - `--tabs-indicator-thickness`: The height of the bar under `underlined`.
    * - `--tabs-rule-color`: The color of the rule under the row in `underlined`.
+   * - `--tabs-scroll-background-color`: The fill behind the scroll buttons, over the tabs that pass under them.
    *
    * ## CSS Parts
    *
@@ -88817,6 +89816,8 @@ export type CustomElementsSolidJs = {
    *
    * - `indicator`: The mark that moves to the selected tab. It carries the selected tab's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`.
    * - `panels`: The panel container.
+   * - `scroll-end`: The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way. It holds to the end of the strip.
+   * - `scroll-start`: The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.
    * - `tabs`: The tab list.
    *
    * ## CSS States
@@ -88839,6 +89840,17 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
+   *
+   * `attribute` is spelled out because Lit lowercases a property name to
+   * derive one rather than dash-casing it, so this would otherwise be
+   * reachable only as `dismisslabel`, which nobody would guess and no linter
+   * would catch.
+   *
+   * A word property: register it for a locale under the host's key. A family
+   * that names the control otherwise, such as Tag's `Remove {label}`,
+   * declares its own English with `@words` above the override.
    * - `disabled`: Whether the item is disabled and cannot be chosen.
    * - `selected`: Whether the item is selected.
    *
@@ -88876,6 +89888,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-dismiss`: A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.
    * - `helix-select`: Fired when the tab is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -88888,6 +89901,7 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels it.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -88905,6 +89919,7 @@ export type CustomElementsSolidJs = {
    * - `--tabs-tab-block-size`: The height of a tab. `segmented` sizes its tabs to the track and does not read it.
    * - `--tabs-tab-color`: The label color of a tab that is not current.
    * - `--tabs-tab-disabled-opacity`: How faint a disabled tab is drawn.
+   * - `--tabs-tab-dismiss-color`: The color of the mark that closes a `dismissible` tab.
    * - `--tabs-tab-font-size`: The size of a tab's label.
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
@@ -88918,6 +89933,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -88940,10 +89956,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one tag selected once one is, as React Aria's
+   * `disallowEmptySelection`: a press or a key that would leave none selected
+   * is refused. Removing the last selected tag still takes it out of `value`.
    * - `empty-label`/`emptyLabel`: The words the group shows and says once its last tag is removed, where
    * nothing is in the `empty` slot.
    * - `label`: The name of the set, such as "Filters", which a screen reader announces
    * before its tags.
+   * - `selection-behavior`/`selectionBehavior`: What a press, Space, or a move does to the tags already selected.
+   * `toggle`, the default, keeps them: a press adds or takes out the tag, and
+   * the arrow keys move focus alone. `replace` selects the tag alone, as a
+   * file list does, and the arrow keys carry the selection with focus.
+   * Control or Command with a press or Space adds or takes out one tag in
+   * `multiple`, and with an arrow moves focus without selecting.
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
@@ -89018,6 +90043,11 @@ export type CustomElementsSolidJs = {
    * Seven tones. The fill is a tint of the status color made with `color-mix`, so
    * when a theme changes its status colors, the tints change with them.
    *
+   * A tag takes its height from the region it is in, as the controls beside it
+   * do: `data-density="sm"`, `md`, or `lg` on the tag or on any element around
+   * it sets `--helix-size-tag` to the small, resting, or large step, so a row of
+   * tags and buttons stays one height. `shape="pill"` rounds its ends.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -91167,6 +92197,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The item's label.
+   * - `end`: Content after the label, such as a count or a shortcut.
+   * - `start`: Content before the label, such as an icon.
    *
    * ## Methods
    *
@@ -92085,6 +93117,11 @@ export type CustomElementsSolidJs = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the tree too, and
    * wins over this.
+   * - `moved-into-label`/`movedIntoLabel`: What screen readers hear when an item moves into another branch, in a
+   * `reorderable` tree. `{name}` is the item's words, `{parent}` the words of
+   * the branch it moved into, or the tree's `label` for the top level,
+   * `{position}` its place there, counting from 1, and `{count}` the number of
+   * items there.
    * - `moved-label`/`movedLabel`: What screen readers hear each time an item moves, in a `reorderable`
    * tree. `{name}` is the item's words, `{position}` its place among its
    * siblings, counting from 1, and `{count}` the number of siblings.
@@ -93386,6 +94423,8 @@ export type CustomCssProperties = {
   "--badge-font-weight"?: (string) | undefined;
   /** The space between the content and the count under `placement="inline"`. */
   "--badge-gap"?: (string) | undefined;
+  /** The size of an icon in the `icon` slot. The count's own size by default. */
+  "--badge-icon-size"?: (string) | undefined;
   /** Pulls the mark in from the corner, along both axes. */
   "--badge-offset"?: (string) | undefined;
   /** How far the indicator's corners are rounded. */
@@ -94246,7 +95285,11 @@ export type CustomCssProperties = {
   "--heatmap-rows"?: (string) | undefined;
   /** The tone of the cell it is set on. The component writes it, and the stylesheet that paints the cell reads it. */
   "--heatmap-tone"?: (string) | undefined;
-  /** The width and height of the icon's box. */
+  /** How long one turn, pulse or beat of `animation` takes. */
+  "--icon-animation-duration"?: (string) | undefined;
+  /** An angle the glyph is turned by, such as `45deg`. `rotate` wins over it. */
+  "--icon-rotate"?: (string) | undefined;
+  /** The width and height of the icon's box. The height alone under `auto-width`. */
   "--icon-size"?: (string) | undefined;
   /** The aspect ratio of the box, such as `16 / 9`. */
   "--image-aspect"?: (string) | undefined;
@@ -95052,6 +96095,8 @@ export type CustomCssProperties = {
   "--skeleton-color"?: (string) | undefined;
   /** How long one sweep or one pulse takes. */
   "--skeleton-duration"?: (string) | undefined;
+  /** The width of the last line of a `lines` paragraph. Defaults to 60%. */
+  "--skeleton-last-line-size"?: (string) | undefined;
   /** The corner of the block shape. */
   "--skeleton-radius"?: (string) | undefined;
   /** The highlight the sweep carries across the fill. */
@@ -95088,6 +96133,8 @@ export type CustomCssProperties = {
   "--slider-marker-color"?: (string) | undefined;
   /** The color of the thumb. */
   "--slider-thumb-color"?: (string) | undefined;
+  /** The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb. */
+  "--slider-thumb-content-color"?: (string) | undefined;
   /** The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval. */
   "--slider-thumb-length"?: (string) | undefined;
   /** The thumb's corner radius. It is fully round by default, so a thumb with two different dimensions is a capsule unless you change it. */
@@ -95106,7 +96153,7 @@ export type CustomCssProperties = {
   "--slider-track-image"?: (string) | undefined;
   /** The thickness of the track. It matches the progress bar's size by default. */
   "--slider-track-size"?: (string) | undefined;
-  /** Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part. */
+  /** Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part. */
   "--slider-at"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. */
   "--slider-fraction"?: (string) | undefined;
@@ -95308,12 +96355,16 @@ export type CustomCssProperties = {
   "--tabs-indicator-thickness"?: (string) | undefined;
   /** The color of the rule under the row in `underlined`. */
   "--tabs-rule-color"?: (string) | undefined;
+  /** The fill behind the scroll buttons, over the tabs that pass under them. */
+  "--tabs-scroll-background-color"?: (string) | undefined;
   /** The height of a tab. `segmented` sizes its tabs to the track and does not read it. */
   "--tabs-tab-block-size"?: (string) | undefined;
   /** The label color of a tab that is not current. */
   "--tabs-tab-color"?: (string) | undefined;
   /** How faint a disabled tab is drawn. */
   "--tabs-tab-disabled-opacity"?: (string) | undefined;
+  /** The color of the mark that closes a `dismissible` tab. */
+  "--tabs-tab-dismiss-color"?: (string) | undefined;
   /** The size of a tab's label. */
   "--tabs-tab-font-size"?: (string) | undefined;
   /** The weight of a tab's label. */