@fusion.dev/helix-headless 0.156.0 → 0.158.0

package/types/jsx.d.ts

@@ -8419,6 +8419,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixHeadlessCommand["open"]) | undefined;
+  /** Whether a command is kept by the filter: a function given the command's
+words and the filter, trimmed, that returns `true` to keep it showing, as
+React Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+
+Absent, a command is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  filterMatch?: (HelixHeadlessCommand["filterMatch"]) | undefined;
   /** The commands as data, for a palette too long to draw whole: each a value,
 which is also its words, or a record with a `value`, a `label` and
 `disabled`. Handed to the list, which draws only the commands in sight and
@@ -8548,6 +8555,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   "prop:open"?: (HelixHeadlessCommand["open"]) | undefined;
+  /** Whether a command is kept by the filter: a function given the command's
+words and the filter, trimmed, that returns `true` to keep it showing, as
+React Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+
+Absent, a command is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  "prop:filterMatch"?: (HelixHeadlessCommand["filterMatch"]) | undefined;
   /** The commands as data, for a palette too long to draw whole: each a value,
 which is also its words, or a record with a `value`, a `label` and
 `disabled`. Handed to the list, which draws only the commands in sight and
@@ -12308,6 +12322,16 @@ export type HelixHeadlessDrilldownItemHelixSelectElementEvent =
 export type HelixHeadlessDrilldownItemProps = {
   /** Whether the row can be reached at all. */
   disabled?: (HelixHeadlessDrilldownItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the row is chosen. Only
+meaningful beside an `href`, and only for a file served from this origin. */
+  download?: (HelixHeadlessDrilldownItem["download"]) | undefined;
+  /** The URL the row links to. Setting it renders the row as a link, unless the
+row opens a page or is disabled. */
+  href?: (HelixHeadlessDrilldownItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  rel?: (HelixHeadlessDrilldownItem["rel"]) | undefined;
+  /** Where the link opens, for rows that should open outside the current page. */
+  target?: (HelixHeadlessDrilldownItem["target"]) | undefined;
   /** Identifies the row to your event listeners. */
   value?: (HelixHeadlessDrilldownItem["value"]) | undefined;
   /** Whether this row holds the region's tab stop. Set by the drill-down.
@@ -12332,6 +12356,16 @@ lands inside this shadow root instead. */
 export type HelixHeadlessDrilldownItemSolidJsProps = {
   /** Whether the row can be reached at all. */
   "prop:disabled"?: (HelixHeadlessDrilldownItem["disabled"]) | undefined;
+  /** Whether the link downloads the file when the row is chosen. Only
+meaningful beside an `href`, and only for a file served from this origin. */
+  "prop:download"?: (HelixHeadlessDrilldownItem["download"]) | undefined;
+  /** The URL the row links to. Setting it renders the row as a link, unless the
+row opens a page or is disabled. */
+  "prop:href"?: (HelixHeadlessDrilldownItem["href"]) | undefined;
+  /** The link's `rel`. Set it whenever you set `target="_blank"`. */
+  "prop:rel"?: (HelixHeadlessDrilldownItem["rel"]) | undefined;
+  /** Where the link opens, for rows that should open outside the current page. */
+  "prop:target"?: (HelixHeadlessDrilldownItem["target"]) | undefined;
   /** Identifies the row to your event listeners. */
   "prop:value"?: (HelixHeadlessDrilldownItem["value"]) | undefined;
   /** Whether this row holds the region's tab stop. Set by the drill-down.
@@ -12362,6 +12396,9 @@ export type HelixHeadlessDrilldownElementEvent<E = Event> = TypedEvent<
   HelixHeadlessDrilldown,
   E
 >;
+/** `helix-navigate` event type */
+export type HelixHeadlessDrilldownHelixNavigateElementEvent =
+  HelixHeadlessDrilldownElementEvent<HelixNavigateEvent>;
 /** `helix-select` event type */
 export type HelixHeadlessDrilldownHelixSelectElementEvent =
   HelixHeadlessDrilldownElementEvent<HelixSelectEvent>;
@@ -12377,6 +12414,14 @@ and wins over this. */
   "back-label"?: (HelixHeadlessDrilldown["backLabel"]) | undefined;
   /** The text of the back button. */
   backLabel?: (HelixHeadlessDrilldown["backLabel"]) | undefined;
+  /** Whether the drilldown is a site's navigation: a `navigation` landmark
+named by `label`, whose pages are lists of links. Without it, each page is
+a `menu`. */
+  navigation?: (HelixHeadlessDrilldown["navigation"]) | undefined;
+  /** The page showing, as the `value` of the row that opens it. Empty is the
+top page. Setting it shows that page, and a value no row with a page has
+shows the top page. */
+  page?: (HelixHeadlessDrilldown["page"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "empty-text"?: (HelixHeadlessDrilldown["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -12392,6 +12437,10 @@ say that without the component knowing what a row looks like. */
   /** The text shown and announced while the rows load. */
   loadingText?: (HelixHeadlessDrilldown["loadingText"]) | undefined;
 
+  /** Fired before a reader moves into a page or back out of one. `detail.value` is the `value` of the row whose page is about to show, empty for the top page. Cancelable: cancel it to stay on the page showing. */
+  "onhelix-navigate"?: ((
+    e: HelixHeadlessDrilldownHelixNavigateElementEvent,
+  ) => void) | undefined;
   /** Fired when a row with no page is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "onhelix-select"?: ((e: HelixHeadlessDrilldownHelixSelectElementEvent) => void) | undefined;
 };
@@ -12407,6 +12456,14 @@ and wins over this. */
   "attr:back-label"?: (HelixHeadlessDrilldown["backLabel"]) | undefined;
   /** The text of the back button. */
   "prop:backLabel"?: (HelixHeadlessDrilldown["backLabel"]) | undefined;
+  /** Whether the drilldown is a site's navigation: a `navigation` landmark
+named by `label`, whose pages are lists of links. Without it, each page is
+a `menu`. */
+  "prop:navigation"?: (HelixHeadlessDrilldown["navigation"]) | undefined;
+  /** The page showing, as the `value` of the row that opens it. Empty is the
+top page. Setting it shows that page, and a value no row with a page has
+shows the top page. */
+  "prop:page"?: (HelixHeadlessDrilldown["page"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "attr:empty-text"?: (HelixHeadlessDrilldown["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -12421,6 +12478,10 @@ say that without the component knowing what a row looks like. */
   "attr:loading-text"?: (HelixHeadlessDrilldown["loadingText"]) | undefined;
   /** The text shown and announced while the rows load. */
   "prop:loadingText"?: (HelixHeadlessDrilldown["loadingText"]) | undefined;
+  /** Fired before a reader moves into a page or back out of one. `detail.value` is the `value` of the row whose page is about to show, empty for the top page. Cancelable: cancel it to stay on the page showing. */
+  "on:helix-navigate"?: ((
+    e: HelixHeadlessDrilldownHelixNavigateElementEvent,
+  ) => void) | undefined;
   /** Fired when a row with no page is chosen. Cancelable: canceling it stops the change and leaves the decision to you. */
   "on:helix-select"?: ((
     e: HelixHeadlessDrilldownHelixSelectElementEvent,
@@ -17348,7 +17409,9 @@ Not reflected, as a state never is. `row-current` is the part a
 stylesheet draws it from. */
   current?: (HelixHeadlessListItem["current"]) | undefined;
   /** Takes the row out of reach in a list with `selection-mode`: the arrow keys
-pass over it and it cannot be selected or acted on. */
+pass over it and it cannot be selected or acted on. In a list with
+`disabled-behavior="selection"`, it cannot be selected and is reached and
+acted on as any row is. */
   disabled?: (HelixHeadlessListItem["disabled"]) | undefined;
   /** The URL the row links to. Leave it empty for a row that is not a link.
 
@@ -17384,6 +17447,10 @@ being moved, or the one the drop indicator is beside. Unset otherwise. */
 Written by the list from its own `value`, and unset where nothing can be
 selected, which keeps `aria-selected` off a list that does not select. */
   selected?: (HelixHeadlessListItem["selected"]) | undefined;
+  /** Whether `disabled` takes the row out of selection alone, written by a list
+with `disabled-behavior="selection"`. No attribute: it is coordination
+between elements, as `focusable` is. */
+  selectionOnly?: (HelixHeadlessListItem["selectionOnly"]) | undefined;
 
   /** The reader pressed Enter on the row, or pressed the row in a list that selects nothing, in a list with `selection-mode`. Read the row from `target`. A row with `href` follows its link instead. */
   "onhelix-action"?: ((e: HelixHeadlessListItemHelixActionElementEvent) => void) | undefined;
@@ -17399,7 +17466,9 @@ Not reflected, as a state never is. `row-current` is the part a
 stylesheet draws it from. */
   "prop:current"?: (HelixHeadlessListItem["current"]) | undefined;
   /** Takes the row out of reach in a list with `selection-mode`: the arrow keys
-pass over it and it cannot be selected or acted on. */
+pass over it and it cannot be selected or acted on. In a list with
+`disabled-behavior="selection"`, it cannot be selected and is reached and
+acted on as any row is. */
   "prop:disabled"?: (HelixHeadlessListItem["disabled"]) | undefined;
   /** The URL the row links to. Leave it empty for a row that is not a link.
 
@@ -17435,6 +17504,10 @@ being moved, or the one the drop indicator is beside. Unset otherwise. */
 Written by the list from its own `value`, and unset where nothing can be
 selected, which keeps `aria-selected` off a list that does not select. */
   "prop:selected"?: (HelixHeadlessListItem["selected"]) | undefined;
+  /** Whether `disabled` takes the row out of selection alone, written by a list
+with `disabled-behavior="selection"`. No attribute: it is coordination
+between elements, as `focusable` is. */
+  "prop:selectionOnly"?: (HelixHeadlessListItem["selectionOnly"]) | undefined;
   /** The reader pressed Enter on the row, or pressed the row in a list that selects nothing, in a list with `selection-mode`. Read the row from `target`. A row with `href` follows its link instead. */
   "on:helix-action"?: ((e: HelixHeadlessListItemHelixActionElementEvent) => void) | undefined;
 
@@ -17472,6 +17545,20 @@ refused, in a `reorderable` list. */
   /** What screen readers hear when a held row is put back, or a move is
 refused, in a `reorderable` list. */
   canceledLabel?: (HelixHeadlessList["canceledLabel"]) | undefined;
+  /** What `disabled` takes from a row, in a list that selects: `all`, which
+passes over the row, or `selection`, which keeps the row out of the
+selection and lets the keys reach it and Enter or a press act on it, as
+React Aria's GridList takes `disabledBehavior`.
+
+Absent is `all`. */
+  "disabled-behavior"?: (HelixHeadlessList["disabledBehavior"]) | undefined;
+  /** What `disabled` takes from a row, in a list that selects: `all`, which
+passes over the row, or `selection`, which keeps the row out of the
+selection and lets the keys reach it and Enter or a press act on it, as
+React Aria's GridList takes `disabledBehavior`.
+
+Absent is `all`. */
+  disabledBehavior?: (HelixHeadlessList["disabledBehavior"]) | undefined;
   /** What screen readers hear when a row is dropped, in a `reorderable` list. */
   "dropped-label"?: (HelixHeadlessList["droppedLabel"]) | undefined;
   /** What screen readers hear when a row is dropped, in a `reorderable` list. */
@@ -17604,6 +17691,20 @@ refused, in a `reorderable` list. */
   /** What screen readers hear when a held row is put back, or a move is
 refused, in a `reorderable` list. */
   "prop:canceledLabel"?: (HelixHeadlessList["canceledLabel"]) | undefined;
+  /** What `disabled` takes from a row, in a list that selects: `all`, which
+passes over the row, or `selection`, which keeps the row out of the
+selection and lets the keys reach it and Enter or a press act on it, as
+React Aria's GridList takes `disabledBehavior`.
+
+Absent is `all`. */
+  "attr:disabled-behavior"?: (HelixHeadlessList["disabledBehavior"]) | undefined;
+  /** What `disabled` takes from a row, in a list that selects: `all`, which
+passes over the row, or `selection`, which keeps the row out of the
+selection and lets the keys reach it and Enter or a press act on it, as
+React Aria's GridList takes `disabledBehavior`.
+
+Absent is `all`. */
+  "prop:disabledBehavior"?: (HelixHeadlessList["disabledBehavior"]) | undefined;
   /** What screen readers hear when a row is dropped, in a `reorderable` list. */
   "attr:dropped-label"?: (HelixHeadlessList["droppedLabel"]) | undefined;
   /** What screen readers hear when a row is dropped, in a `reorderable` list. */
@@ -17995,6 +18096,14 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessListbox["name"]) | undefined;
+  /** Whether an option is kept by the filter: a function given the option's
+words and the filter, trimmed, that returns `true` to keep it showing, as
+React Aria's `Autocomplete` takes `filter`. For matching that ignores
+accents, matches the start of each word, or matches out of order.
+
+Absent, an option is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  filterMatch?: (HelixHeadlessListbox["filterMatch"]) | 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`. Set, the list draws only the options in sight, and the ones
@@ -18285,6 +18394,14 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessListbox["name"]) | undefined;
+  /** Whether an option is kept by the filter: a function given the option's
+words and the filter, trimmed, that returns `true` to keep it showing, as
+React Aria's `Autocomplete` takes `filter`. For matching that ignores
+accents, matches the start of each word, or matches out of order.
+
+Absent, an option is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  "prop:filterMatch"?: (HelixHeadlessListbox["filterMatch"]) | 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`. Set, the list draws only the options in sight, and the ones
@@ -19855,8 +19972,24 @@ narrow exception the server specs describe covers a mirror that can only
 become true long after hydration, and a viewport measured before the first
 paint is the opposite case. See `MixinControllerOpen` on `open`. */
   bandBelow?: (HelixHeadlessMegamenu["bandBelow"]) | undefined;
+  /** How long a pointer leaving the trigger and the panel waits before the panel
+closes, in milliseconds. The pointer needs the time to cross from the
+trigger to the panel. */
+  "close-delay"?: (HelixHeadlessMegamenu["closeDelay"] | `${number}`) | undefined;
+  /** How long a pointer leaving the trigger and the panel waits before the panel
+closes, in milliseconds. The pointer needs the time to cross from the
+trigger to the panel. */
+  closeDelay?: (HelixHeadlessMegamenu["closeDelay"]) | undefined;
   /** The section's name, used for the default trigger and the panel. */
   label?: (HelixHeadlessMegamenu["label"]) | undefined;
+  /** How long a pointer rests on the trigger before the panel opens, in
+milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+way somewhere else opens nothing. */
+  "open-delay"?: (HelixHeadlessMegamenu["openDelay"] | `${number}`) | undefined;
+  /** How long a pointer rests on the trigger before the panel opens, in
+milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+way somewhere else opens nothing. */
+  openDelay?: (HelixHeadlessMegamenu["openDelay"]) | undefined;
   /** Whether hovering over the trigger opens the panel (`hover`), or only a press
 does (`click`).
 
@@ -19873,6 +20006,10 @@ the trigger, and it is the default because that is what a navigation bar
 does. `click` is for a trigger that does something else as well, or a panel
 heavy enough that opening it on the way past is rude. */
   openOn?: (HelixHeadlessMegamenu["openOn"]) | undefined;
+  /** The side of the trigger a card panel opens on, when there is room. It
+moves if that side does not fit. A band ignores it, since a band spans the
+page under its bar. */
+  placement?: (HelixHeadlessMegamenu["placement"]) | undefined;
   /** Whether the panel is a card under the trigger or a band across the page.
 
 The resting one is the card, hanging off the trigger and as wide as it
@@ -19975,8 +20112,24 @@ narrow exception the server specs describe covers a mirror that can only
 become true long after hydration, and a viewport measured before the first
 paint is the opposite case. See `MixinControllerOpen` on `open`. */
   "prop:bandBelow"?: (HelixHeadlessMegamenu["bandBelow"]) | undefined;
+  /** How long a pointer leaving the trigger and the panel waits before the panel
+closes, in milliseconds. The pointer needs the time to cross from the
+trigger to the panel. */
+  "attr:close-delay"?: (HelixHeadlessMegamenu["closeDelay"] | `${number}`) | undefined;
+  /** How long a pointer leaving the trigger and the panel waits before the panel
+closes, in milliseconds. The pointer needs the time to cross from the
+trigger to the panel. */
+  "prop:closeDelay"?: (HelixHeadlessMegamenu["closeDelay"]) | undefined;
   /** The section's name, used for the default trigger and the panel. */
   "prop:label"?: (HelixHeadlessMegamenu["label"]) | undefined;
+  /** How long a pointer rests on the trigger before the panel opens, in
+milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+way somewhere else opens nothing. */
+  "attr:open-delay"?: (HelixHeadlessMegamenu["openDelay"] | `${number}`) | undefined;
+  /** How long a pointer rests on the trigger before the panel opens, in
+milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+way somewhere else opens nothing. */
+  "prop:openDelay"?: (HelixHeadlessMegamenu["openDelay"]) | undefined;
   /** Whether hovering over the trigger opens the panel (`hover`), or only a press
 does (`click`).
 
@@ -19993,6 +20146,10 @@ the trigger, and it is the default because that is what a navigation bar
 does. `click` is for a trigger that does something else as well, or a panel
 heavy enough that opening it on the way past is rude. */
   "prop:openOn"?: (HelixHeadlessMegamenu["openOn"]) | undefined;
+  /** The side of the trigger a card panel opens on, when there is room. It
+moves if that side does not fit. A band ignores it, since a band spans the
+page under its bar. */
+  "prop:placement"?: (HelixHeadlessMegamenu["placement"]) | undefined;
   /** Whether the panel is a card under the trigger or a band across the page.
 
 The resting one is the card, hanging off the trigger and as wide as it
@@ -20244,12 +20401,29 @@ Empty by default, which names the surface by its trigger, so a menu opened
 from "Actions" is announced as "Actions". An `aria-label` or
 `aria-labelledby` on the host names it too, and wins over both. */
   label?: (HelixHeadlessMenu["label"]) | undefined;
+  /** The description a trigger gives under `open-on="long-press"`, saying how
+to open the menu. Translate it with the rest of your interface. */
+  "long-press-label"?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
+  /** The description a trigger gives under `open-on="long-press"`, saying how
+to open the menu. Translate it with the rest of your interface. */
+  longPressLabel?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   offset?: (HelixHeadlessMenu["offset"]) | undefined;
+  /** What opens the menu from its trigger. `long-press` leaves a press to the
+trigger's own action and opens the menu on a press held for half a second,
+or on Alt+Down or Alt+Up. */
+  "open-on"?: (HelixHeadlessMenu["openOn"]) | undefined;
+  /** What opens the menu from its trigger. `long-press` leaves a press to the
+trigger's own action and opens the menu on a press held for half a second,
+or on Alt+Down or Alt+Up. */
+  openOn?: (HelixHeadlessMenu["openOn"]) | undefined;
   /** The side the menu opens on, when there is room.
 
 It moves if that side does not fit. */
   placement?: (HelixHeadlessMenu["placement"]) | undefined;
+  /** How a submenu opens. `drill` shows it in place of the page showing, with
+a way back. `flyout` opens it in a panel of its own beside its row. */
+  submenus?: (HelixHeadlessMenu["submenus"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "empty-text"?: (HelixHeadlessMenu["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -20310,12 +20484,29 @@ Empty by default, which names the surface by its trigger, so a menu opened
 from "Actions" is announced as "Actions". An `aria-label` or
 `aria-labelledby` on the host names it too, and wins over both. */
   "prop:label"?: (HelixHeadlessMenu["label"]) | undefined;
+  /** The description a trigger gives under `open-on="long-press"`, saying how
+to open the menu. Translate it with the rest of your interface. */
+  "attr:long-press-label"?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
+  /** The description a trigger gives under `open-on="long-press"`, saying how
+to open the menu. Translate it with the rest of your interface. */
+  "prop:longPressLabel"?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   "prop:offset"?: (HelixHeadlessMenu["offset"]) | undefined;
+  /** What opens the menu from its trigger. `long-press` leaves a press to the
+trigger's own action and opens the menu on a press held for half a second,
+or on Alt+Down or Alt+Up. */
+  "attr:open-on"?: (HelixHeadlessMenu["openOn"]) | undefined;
+  /** What opens the menu from its trigger. `long-press` leaves a press to the
+trigger's own action and opens the menu on a press held for half a second,
+or on Alt+Down or Alt+Up. */
+  "prop:openOn"?: (HelixHeadlessMenu["openOn"]) | undefined;
   /** The side the menu opens on, when there is room.
 
 It moves if that side does not fit. */
   "prop:placement"?: (HelixHeadlessMenu["placement"]) | undefined;
+  /** How a submenu opens. `drill` shows it in place of the page showing, with
+a way back. `flyout` opens it in a panel of its own beside its row. */
+  "prop:submenus"?: (HelixHeadlessMenu["submenus"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "attr:empty-text"?: (HelixHeadlessMenu["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -21054,6 +21245,12 @@ export type HelixHeadlessNotificationsHelixReadElementEvent =
   HelixHeadlessNotificationsElementEvent<HelixReadEvent>;
 
 export type HelixHeadlessNotificationsProps = {
+  /** What the feed says when unread notifications arrive, with `{count}` the
+number of them. Empty it to say nothing. */
+  "arrived-label"?: (HelixHeadlessNotifications["arrivedLabel"]) | undefined;
+  /** What the feed says when unread notifications arrive, with `{count}` the
+number of them. Empty it to say nothing. */
+  arrivedLabel?: (HelixHeadlessNotifications["arrivedLabel"]) | undefined;
   /** The region's name where `label` is empty. */
   "fallback-label"?: (HelixHeadlessNotifications["fallbackLabel"]) | undefined;
   /** The region's name where `label` is empty. */
@@ -21126,6 +21323,12 @@ say that without the component knowing what a row looks like. */
 };
 
 export type HelixHeadlessNotificationsSolidJsProps = {
+  /** What the feed says when unread notifications arrive, with `{count}` the
+number of them. Empty it to say nothing. */
+  "attr:arrived-label"?: (HelixHeadlessNotifications["arrivedLabel"]) | undefined;
+  /** What the feed says when unread notifications arrive, with `{count}` the
+number of them. Empty it to say nothing. */
+  "prop:arrivedLabel"?: (HelixHeadlessNotifications["arrivedLabel"]) | undefined;
   /** The region's name where `label` is empty. */
   "attr:fallback-label"?: (HelixHeadlessNotifications["fallbackLabel"]) | undefined;
   /** The region's name where `label` is empty. */
@@ -21470,8 +21673,11 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessNumberInput["name"]) | undefined;
-  /** The value as a number, or `NaN` while the control is empty.
+  /** The value as a number, or `NaN` while the control is empty or does not
+hold a number.
 
+Read in the locale and the format, as the form reads it, so `1,5` typed
+in a locale with a decimal comma is 1.5 here while the form holds 1.5.
 `NaN` and not zero, which is the trap the platform already avoids: `Number('')`
 is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
@@ -21745,8 +21951,11 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessNumberInput["name"]) | undefined;
-  /** The value as a number, or `NaN` while the control is empty.
+  /** The value as a number, or `NaN` while the control is empty or does not
+hold a number.
 
+Read in the locale and the format, as the form reads it, so `1,5` typed
+in a locale with a decimal comma is 1.5 here while the form holds 1.5.
 `NaN` and not zero, which is the trap the platform already avoids: `Number('')`
 is zero, so an empty control would report a number it does not hold and a
 form would submit it. */
@@ -25885,7 +26094,8 @@ export type HelixHeadlessSkeletonProps = {
   /** What is loading, read out as the placeholder's name, such as "Loading
 profile".
 
-Absent hides the placeholder from screen readers. */
+Absent hides the placeholder from screen readers. Around content, the name
+is read while `loading` is set, and the loaded content is read as it is. */
   label?: (HelixHeadlessSkeleton["label"]) | undefined;
   /** Whether the content inside is still loading, which keeps it inert and
 draws the placeholder over it.
@@ -25899,7 +26109,8 @@ export type HelixHeadlessSkeletonSolidJsProps = {
   /** What is loading, read out as the placeholder's name, such as "Loading
 profile".
 
-Absent hides the placeholder from screen readers. */
+Absent hides the placeholder from screen readers. Around content, the name
+is read while `loading` is set, and the loaded content is read as it is. */
   "prop:label"?: (HelixHeadlessSkeleton["label"]) | undefined;
   /** Whether the content inside is still loading, which keeps it inert and
 draws the placeholder over it.
@@ -31381,6 +31592,10 @@ 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?: (HelixHeadlessToastItem["dismissLabel"]) | undefined;
+  /** Whether the region holds the message back, because more messages are
+showing than its `max-visible`. The region sets it. A waiting message is
+hidden, its timer has not started, and it is said once it shows. */
+  waiting?: (HelixHeadlessToastItem["waiting"]) | undefined;
 
   /** Fired when the message is dismissed, by the control or by its timer, and cancelable. Canceling it keeps the message. */
   "onhelix-dismiss"?: ((
@@ -31435,6 +31650,10 @@ 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"?: (HelixHeadlessToastItem["dismissLabel"]) | undefined;
+  /** Whether the region holds the message back, because more messages are
+showing than its `max-visible`. The region sets it. A waiting message is
+hidden, its timer has not started, and it is said once it shows. */
+  "prop:waiting"?: (HelixHeadlessToastItem["waiting"]) | undefined;
   /** Fired when the message is dismissed, by the control or by its timer, and cancelable. Canceling it keeps the message. */
   "on:helix-dismiss"?: ((
     e: HelixHeadlessToastItemHelixDismissElementEvent,
@@ -31464,6 +31683,14 @@ Empty turns it off. */
   /** Accessible name for the region, with `{hotkey}` filled in. Translate it with
 the rest of your interface. */
   label?: (HelixHeadlessToast["label"]) | undefined;
+  /** How many messages show at once. The messages after that many wait, hidden
+and with their timers stopped, until a message before them goes. Unset,
+every message shows. */
+  "max-visible"?: (HelixHeadlessToast["maxVisible"] | `${number}`) | undefined;
+  /** How many messages show at once. The messages after that many wait, hidden
+and with their timers stopped, until a message before them goes. Unset,
+every message shows. */
+  maxVisible?: (HelixHeadlessToast["maxVisible"]) | undefined;
   /** Which corner or edge the stack sits at.
 
 Named here rather than on each message, because where a page puts its
@@ -31503,6 +31730,14 @@ Empty turns it off. */
   /** Accessible name for the region, with `{hotkey}` filled in. Translate it with
 the rest of your interface. */
   "prop:label"?: (HelixHeadlessToast["label"]) | undefined;
+  /** How many messages show at once. The messages after that many wait, hidden
+and with their timers stopped, until a message before them goes. Unset,
+every message shows. */
+  "attr:max-visible"?: (HelixHeadlessToast["maxVisible"] | `${number}`) | undefined;
+  /** How many messages show at once. The messages after that many wait, hidden
+and with their timers stopped, until a message before them goes. Unset,
+every message shows. */
+  "prop:maxVisible"?: (HelixHeadlessToast["maxVisible"]) | undefined;
   /** Which corner or edge the stack sits at.
 
 Named here rather than on each message, because where a page puts its
@@ -40938,8 +41173,9 @@ export type CustomElements = {
    *
    * Choosing the opener says `helix-select` with its value, and canceling it
    * keeps the page that is shown. The list then shows the page, named by the
-   * opener's words, and Backspace in an empty filter goes back. `page` says
-   * which page is shown.
+   * opener's words, and a screen reader hears those words. Backspace in an empty
+   * filter goes back, and a screen reader hears the name of the page it goes
+   * back to. `page` says which page is shown.
    *
    * The filter is cleared when the palette closes, so each opening starts from
    * the full list. Combobox and Select do the same. As typing narrows the list, a
@@ -40961,9 +41197,10 @@ export type CustomElements = {
    * | Tab | Stays in the palette, which is modal. With `inline`, moves on through the page. |
    *
    * **ARIA.** The palette is a modal `dialog` named by `label`, or with
-   * `inline` no dialog at all. Inside it the filter field is a `combobox` with
-   * `aria-activedescendant` on the highlighted command, and the commands are a
-   * `listbox` of `option`s. How many commands typing left, the empty text and
+   * `inline` no dialog at all. Inside it the filter field is a text field with
+   * `aria-autocomplete="list"`, `aria-controls` on the list, and
+   * `aria-activedescendant` on the highlighted command, as the field of React
+   * Aria's `Autocomplete` is. The commands are a `listbox` of `option`s. How many commands typing left, the empty text and
    * the loading text are said in a polite live region.
    *
    * ## Attributes & Properties
@@ -41027,6 +41264,12 @@ export type CustomElements = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `filterMatch`: Whether a command is kept by the filter: a function given the command's
+   * words and the filter, trimmed, that returns `true` to keep it showing, as
+   * React Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+   *
+   * Absent, a command is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (property only)
    * - `items`: The commands as data, for a palette too long to draw whole: each a value,
    * which is also its words, or a record with a `value`, a `label` and
    * `disabled`. Handed to the list, which draws only the commands in sight and
@@ -41118,6 +41361,7 @@ export type CustomElements = {
    * - `listbox-loading`: The text shown while the commands are loading.
    * - `listbox-search`: The region that holds the filter field.
    * - `listbox-search-field`: The filter field.
+   * - `live`: The region a screen reader announces the page shown from, by the words of the command that opens it, drawn once there is one to say. Visually hidden in the styled tier.
    *
    * ## CSS States
    *
@@ -43706,6 +43950,16 @@ export type CustomElements = {
    * `aria-haspopup`, the same way `Menu` marks a row with a submenu. The server
    * render leaves both out, because the server cannot see the children.
    *
+   * **A row with an `href` is a link.** The row itself renders as an `<a>`
+   * carrying `menuitem`, as `Menu.Item` does, so a middle click, a modified
+   * click and the status bar keep working. Enter follows it, and Space does too.
+   * Choosing it fires `helix-select` first: cancel the event and the link is not
+   * followed, so a router can take the navigation. A row that opens a page, or a
+   * disabled row, renders no link.
+   *
+   * A development build warns when a row has no words to be named by, such as a
+   * row holding only an icon with no label.
+   *
    * The row is named by its label alone. Words in `description`, a line under
    * the label, and in `end` describe it instead, through `aria-describedby`, as
    * `Menu.Item` does: a reader hears "Theme", then "Dark".
@@ -43715,6 +43969,12 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the row can be reached at all.
+   * - `download`: Whether the link downloads the file when the row is chosen. Only
+   * meaningful beside an `href`, and only for a file served from this origin.
+   * - `href`: The URL the row links to. Setting it renders the row as a link, unless the
+   * row opens a page or is disabled.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
+   * - `target`: Where the link opens, for rows that should open outside the current page.
    * - `value`: Identifies the row to your event listeners.
    * - `focusable`: Whether this row holds the region's tab stop. Set by the drill-down.
    *
@@ -43788,7 +44048,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `item`: The row itself.
+   * - `item`: The row itself, which is an `<a>` where `href` is set.
    * - `label`: The row's label.
    * - `mark`: The caret at the end of a row that opens a page, after the `end` slot. The caret points, so a stylesheet mirrors it in a right-to-left document.
    *
@@ -43820,6 +44080,11 @@ export type CustomElements = {
    * and reads the rest from the DOM. The behavior lives in `DrilldownController`,
    * which `Menu` shares.
    *
+   * **`page` is the page showing**, as the `value` of the row that opens it,
+   * and empty on the top page. Set it to show a page, such as one a link to a
+   * settings screen names. A reader's move updates it, and `helix-navigate`
+   * comes first, so you can refuse the move or take it yourself.
+   *
    * After each move the host carries `data-direction`, `forward` into a page or
    * `back` out of one, and records `:state(forward)` or `:state(back)`, so a
    * stylesheet can slide the new page in from the side the reader is going. Both
@@ -43827,13 +44092,25 @@ export type CustomElements = {
    * page, two moves the same way included. The styled tier slides the page and
    * swaps it at once under `prefers-reduced-motion`.
    *
-   * Keys, on a row: Up and Down Arrow move between the rows, Home and End go to
-   * the first and the last, and a typed letter moves to the next row whose name
-   * starts with it. Enter, Space, or Right Arrow opens a row's page, and Left
-   * Arrow or Escape goes back, the two arrows swapping on a right-to-left page.
+   * **Keyboard.** The drilldown is one tab stop, on the row last focused.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down Arrow, Up Arrow | Moves to the next or the previous row. |
+   * | Home, End | Moves to the first or the last row. |
+   * | A letter | Moves to the next row whose name starts with it. |
+   * | Enter, Space | Chooses the row: opens its page, follows its link, or sends `helix-select`. |
+   * | Right Arrow | Opens the row's page. Left Arrow on a right-to-left page. |
+   * | Left Arrow, Escape | Goes back one page, with focus on the row that opened it. Right Arrow on a right-to-left page. |
    *
    * The rows of the page showing are a `menu`, named by `label` on the top page
-   * and by the page's title below it. The back button and the title sit above
+   * and by the page's title below it.
+   *
+   * **`navigation` makes it a site's navigation.** The host is a `navigation`
+   * landmark named by `label`, each page is a list, and each row is a list item
+   * holding a link or a button, as the APG's disclosure navigation is built,
+   * so a reader meets places to go in place of a menu of commands. The keys stay
+   * the same. The back button and the title sit above
    * the menu. Disabled rows stay reachable with the arrow keys, and typing a
    * letter moves to the next row whose name starts with it.
    *
@@ -43847,6 +44124,12 @@ export type CustomElements = {
    * An `aria-label` or `aria-labelledby` on the host names the top page too,
    * and wins over this.
    * - `back-label`/`backLabel`: The text of the back button.
+   * - `navigation`: Whether the drilldown is a site's navigation: a `navigation` landmark
+   * named by `label`, whose pages are lists of links. Without it, each page is
+   * a `menu`.
+   * - `page`: The page showing, as the `value` of the row that opens it. Empty is the
+   * top page. Setting it shows that page, and a value no row with a page has
+   * shows the top page.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -43879,6 +44162,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-navigate`: Fired before a reader moves into a page or back out of one. `detail.value` is the `value` of the row whose page is about to show, empty for the top page. Cancelable: cancel it to stay on the page showing.
    * - `helix-select`: Fired when a row with no page is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -44734,6 +45018,7 @@ export type CustomElements = {
    * - `entry-shortcut-key`: One key of the shortcut's chord.
    * - `entry-shortcut-separator`: The `+` between two keys of the shortcut, where the platform writes one.
    * - `entry-start`: The leading column.
+   * - `entry-surface`: The panel a row's submenu opens in beside it. The filter menu's rows have none.
    * - `menu`: The menu the fields are offered in.
    * - `menu-back`: The button that goes back from a field's page.
    * - `menu-back-mark`: The icon on the back button.
@@ -47988,7 +48273,9 @@ export type CustomElements = {
    * Not reflected, as a state never is. `row-current` is the part a
    * stylesheet draws it from.
    * - `disabled`: Takes the row out of reach in a list with `selection-mode`: the arrow keys
-   * pass over it and it cannot be selected or acted on.
+   * pass over it and it cannot be selected or acted on. In a list with
+   * `disabled-behavior="selection"`, it cannot be selected and is reached and
+   * acted on as any row is.
    * - `href`: The URL the row links to. Leave it empty for a row that is not a link.
    *
    * Empty rather than optional, and unset by default: a list is not always a
@@ -48015,6 +48302,9 @@ export type CustomElements = {
    *
    * Written by the list from its own `value`, and unset where nothing can be
    * selected, which keeps `aria-selected` off a list that does not select. (property only)
+   * - `selectionOnly`: Whether `disabled` takes the row out of selection alone, written by a list
+   * with `disabled-behavior="selection"`. No attribute: it is coordination
+   * between elements, as `focusable` is. (property only)
    * - `words`: The row's words, or none where the children are not known yet. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -48075,6 +48365,7 @@ export type CustomElements = {
    * - `dragging`: The row is being moved, in a `reorderable` list.
    * - `drop-after`: The row being moved goes after this one when it is dropped.
    * - `drop-before`: The row being moved goes before this one when it is dropped.
+   * - `focus-visible`: The row's cell has keyboard focus that the browser shows, in a list with `selection-mode`.
    * - `selected`: The row is selected, in a list that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -48091,7 +48382,9 @@ export type CustomElements = {
    * `multiple` any number, and `value` holds the selected rows' values,
    * separated by commas. A change asks with `helix-before-change` and tells
    * with `change`. `none` selects nothing, so a press acts on the row. A
-   * `disabled` row is passed over. Each row is named by its label and described
+   * `disabled` row is passed over. With `disabled-behavior="selection"`, a
+   * `disabled` row cannot be selected, and is reached and acted on as any row
+   * is, as React Aria's GridList has it. Each row is named by its label and described
    * by its description, so the words of the controls in `end` are not read as
    * part of its name.
    *
@@ -48169,6 +48462,12 @@ export type CustomElements = {
    *
    * - `canceled-label`/`canceledLabel`: What screen readers hear when a held row is put back, or a move is
    * refused, in a `reorderable` list.
+   * - `disabled-behavior`/`disabledBehavior`: What `disabled` takes from a row, in a list that selects: `all`, which
+   * passes over the row, or `selection`, which keeps the row out of the
+   * selection and lets the keys reach it and Enter or a press act on it, as
+   * React Aria's GridList takes `disabledBehavior`.
+   *
+   * Absent is `all`.
    * - `dropped-label`/`droppedLabel`: What screen readers hear when a row is dropped, in a `reorderable` list.
    * - `empty-label`/`emptyLabel`: The text of the row shown while the list has no rows, where the `empty`
    * slot is empty. Empty, the default, shows no row.
@@ -48308,7 +48607,9 @@ export type CustomElements = {
    * With `multiple` set, `value` is a comma-separated string, like
    * `Checkbox.Group`'s, because `MixinControllerValue` holds a string. The form
    * receives one entry per selected option, as a native `<select multiple>` sends
-   * it, so your server does not split on commas.
+   * it, so your server does not split on commas. An option's value may hold a
+   * comma: a run of the string that is an option's value is read as that one
+   * value, and the form sends it as one entry.
    *
    * Selected and active are separate. The selected option is the value. The
    * active option is where the keyboard is: the arrow keys move it, and
@@ -48515,6 +48816,13 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `filterMatch`: Whether an option is kept by the filter: a function given the option's
+   * words and the filter, trimmed, that returns `true` to keep it showing, as
+   * React Aria's `Autocomplete` takes `filter`. For matching that ignores
+   * accents, matches the start of each word, or matches out of order.
+   *
+   * Absent, an option is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (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`. Set, the list draws only the options in sight, and the ones
@@ -48551,7 +48859,10 @@ export type CustomElements = {
    * Descendants rather than children, because a group puts a level between the
    * list and its options and the keyboard has to move through a grouped list
    * exactly as it moves through a flat one. (property only) (readonly)
-   * - `values`: The chosen values, as an array whether or not `multiple` is set. (property only) (readonly)
+   * - `values`: The chosen values, as an array whether or not `multiple` is set.
+   *
+   * Read against the options' values, so an option whose value holds a comma
+   * is one value. See `chosenValues`. (property only) (readonly)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
    * - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
    * - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
@@ -49880,7 +50191,10 @@ export type CustomElements = {
    *
    * It opens on hover by default, and a press always opens it too. `open-on` sets
    * which. Hover is the default because in a navigation bar people expect to move
-   * along the row and see each section.
+   * along the row and see each section. A pointer resting on the trigger opens
+   * the panel after `open-delay`, and leaving closes it after `close-delay`. Moving
+   * from one open panel's trigger to another's opens the next at once, as Radix's
+   * `skipDelayDuration` does.
    *
    * When one panel opens in place of another, each says which way the reader
    * moved, as Radix's `data-motion` does. Moving toward the end of the bar, the
@@ -49898,6 +50212,10 @@ export type CustomElements = {
    * navigation menu publishes the same pair from its shared viewport, so a
    * stylesheet can grow or shrink one panel into the next.
    *
+   * While a link in the panel carries `aria-current="page"`, the host has
+   * `:state(current)`, so the trigger of the section holding the page you are
+   * on can say so, as Radix's navigation menu marks its active link.
+   *
    * The panel's default slot is the `columns` part and draws no box, so a sheet
    * can give the columns one of their own. While a panel is open, an
    * `indicator` slot is rendered beside its trigger, as Radix's indicator
@@ -49914,6 +50232,12 @@ export type CustomElements = {
    * way out. The trigger says `aria-expanded`, and the panel is a group named by
    * `label`.
    *
+   * A Helix trigger, such as `helix-button`, is told whether the panel is open
+   * inside its own shadow root. On a plain element, such as a `<button>`, the
+   * megamenu writes `aria-expanded`, from a frame after its own first render, so
+   * a server's markup is never changed while a framework hydrates it. It never
+   * writes it where you wrote `aria-expanded` yourself.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -49942,7 +50266,13 @@ export type CustomElements = {
    * narrow exception the server specs describe covers a mirror that can only
    * become true long after hydration, and a viewport measured before the first
    * paint is the opposite case. See `MixinControllerOpen` on `open`.
+   * - `close-delay`/`closeDelay`: How long a pointer leaving the trigger and the panel waits before the panel
+   * closes, in milliseconds. The pointer needs the time to cross from the
+   * trigger to the panel.
    * - `label`: The section's name, used for the default trigger and the panel.
+   * - `open-delay`/`openDelay`: How long a pointer rests on the trigger before the panel opens, in
+   * milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+   * way somewhere else opens nothing.
    * - `open-on`/`openOn`: Whether hovering over the trigger opens the panel (`hover`), or only a press
    * does (`click`).
    *
@@ -49950,6 +50280,9 @@ export type CustomElements = {
    * the trigger, and it is the default because that is what a navigation bar
    * does. `click` is for a trigger that does something else as well, or a panel
    * heavy enough that opening it on the way past is rude.
+   * - `placement`: The side of the trigger a card panel opens on, when there is room. It
+   * moves if that side does not fit. A band ignores it, since a band spans the
+   * page under its bar.
    * - `variant`: Whether the panel is a card under the trigger or a band across the page.
    *
    * The resting one is the card, hanging off the trigger and as wide as it
@@ -50057,6 +50390,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: A link in the panel carries `aria-current="page"`, so the trigger can show the section you are in.
    * - `from-end`: The panel opened in place of one earlier in the bar, so it can enter from the end side.
    * - `from-start`: The panel opened in place of one later in the bar, so it can enter from the start side.
    * - `narrow`: The page is narrower than `band-below`, so the panel is shown as a band whatever its variant.
@@ -50099,6 +50433,9 @@ export type CustomElements = {
    * React Aria's menu item does with its description: a reader hears "Copy",
    * then "Copies the selection".
    *
+   * A development build warns when a row has no words to be named by, such as a
+   * row holding only an icon with no label.
+   *
    * The check mark and the caret are the fallbacks of the `check` and `chevron`
    * slots, so a mark of your own replaces either by being slotted. Neither is
    * read as part of the row's name.
@@ -50243,12 +50580,15 @@ export type CustomElements = {
    * - `shortcut-key`: One key of the shortcut's chord, such as `Ctrl`.
    * - `shortcut-separator`: The `+` between two keys of the shortcut, where the platform writes one.
    * - `start`: The leading column that holds the `start` slot. It is always rendered.
+   * - `surface`: The panel a submenu opens in beside the row, under the menu's `submenus="flyout"`.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
+   * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-menu-item": Partial<
@@ -50261,15 +50601,24 @@ export type CustomElements = {
    * ancestor with `overflow: hidden` does not clip it and it needs no `z-index`.
    *
    * Slot a `helix-button` or `helix-icon-button` as the trigger, and the menu
-   * tells it that it opens a menu and whether the menu is open. A plain
-   * `<button>` can only be told by writing attributes onto your markup, which
-   * the menu does not do, so give it `aria-haspopup="menu"` and set its
-   * `aria-expanded` from the `toggle` event.
-   *
-   * Submenus drill down. A submenu replaces the panel's content, and a back row
-   * returns to the previous page. One panel avoids the diagonal pointer path that
-   * side-by-side panels need, stays inside a narrow window, and works on touch
-   * screens, which have no hover.
+   * tells it that it opens a menu and whether the menu is open, inside its own
+   * shadow root. On a plain element, such as a `<button>`, the menu writes
+   * `aria-haspopup="menu"` and `aria-expanded`, from a frame after its own first
+   * render, so a server's markup is never changed while a framework hydrates it.
+   * It never writes `aria-expanded` where you wrote it yourself.
+   *
+   * Submenus drill down by default. A submenu replaces the panel's content, and a
+   * back row returns to the previous page. One panel stays inside a narrow
+   * window, and works on touch screens, which have no hover.
+   *
+   * **`submenus="flyout"` opens each submenu in a panel of its own beside its
+   * row**, as React Aria's `SubmenuTrigger` and Radix's `Sub` do. Resting the
+   * pointer on the row opens it, and a pointer crossing toward the open panel
+   * over the rows between keeps it open, as Radix's grace area does. Right Arrow
+   * opens a row's submenu on its first row, and Left Arrow or Escape closes it
+   * and returns focus to the row, the two arrows swapping on a right-to-left
+   * page. The row says `aria-expanded`, and the panel is a `menu` named by the
+   * row.
    *
    * The root holds which page is open, because only one page shows at a time. It
    * sets this on items as a property, never as an attribute. An attribute written
@@ -50284,8 +50633,8 @@ export type CustomElements = {
    * rows, Home and End go to the first and the last, a typed letter moves to
    * the next row whose name starts with it, Enter and Space choose, Right Arrow
    * opens a row's submenu and Left Arrow goes back, the two swapping on a
-   * right-to-left page, and Escape closes the menu and returns focus to the
-   * trigger. Tab closes it and moves on.
+   * right-to-left page. Left Arrow on the top page does nothing. Escape closes
+   * the menu and returns focus to the trigger. Tab closes it and moves on.
    *
    * While it is open, the surface carries the trigger's width as
    * `--floating-anchor-inline-size` and the room left below it as
@@ -50297,7 +50646,14 @@ export type CustomElements = {
    * right-click, a long press, Shift+F10 or the menu key over the area opens it
    * at the pointer, or at the area's corner from the keyboard, as Radix's context
    * menu does. A press on the area does not open it, and closing it returns focus
-   * to where it was.
+   * to where it was. A touch or a pen held still on the area opens it too, on
+   * every browser, since iOS sends no `contextmenu` for one.
+   *
+   * **A trigger with its own action.** With `open-on="long-press"`, a press on
+   * the trigger is the trigger's own, and a press held for half a second opens
+   * the menu, as React Aria's `trigger="longPress"` does. Alt+Down or Alt+Up
+   * opens it from the keyboard, and the trigger is described by
+   * `long-press-label`, which says so.
    *
    * ## Attributes & Properties
    *
@@ -50311,10 +50667,17 @@ export type CustomElements = {
    * Empty by default, which names the surface by its trigger, so a menu opened
    * from "Actions" is announced as "Actions". An `aria-label` or
    * `aria-labelledby` on the host names it too, and wins over both.
+   * - `long-press-label`/`longPressLabel`: The description a trigger gives under `open-on="long-press"`, saying how
+   * to open the menu. Translate it with the rest of your interface.
    * - `offset`: Space between the trigger and the surface, in pixels.
+   * - `open-on`/`openOn`: What opens the menu from its trigger. `long-press` leaves a press to the
+   * trigger's own action and opens the menu on a press held for half a second,
+   * or on Alt+Down or Alt+Up.
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
+   * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -50415,6 +50778,10 @@ export type CustomElements = {
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
+   * - `placed-bottom`: While the open panel sits below its trigger.
+   * - `placed-left`: While the open panel sits to the left of its trigger.
+   * - `placed-right`: While the open panel sits to the right of its trigger.
+   * - `placed-top`: While the open panel sits above its trigger.
    * - `start`: A row on the current page has content in its leading column, so every row keeps that column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -51109,6 +51476,11 @@ export type CustomElements = {
    * | Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |
    * | Tab | Moves through the controls in a row, and on out of the feed. |
    *
+   * **A notification that arrives says so.** Unread rows added above the rows
+   * there were are counted in the live region,
+   * "1 new notification", in `arrived-label`. Rows that arrive while `loading`
+   * is set say nothing, so set it while a page is on its way.
+   *
    * **`load-more` adds a button after the list** that sends `helix-load-more`,
    * for a feed that holds one page of a longer list. Append the next page, set
    * `loading` while it is on its way, and take `load-more` off once there is
@@ -51124,6 +51496,8 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrived-label`/`arrivedLabel`: What the feed says when unread notifications arrive, with `{count}` the
+   * number of them. Empty it to say nothing.
    * - `fallback-label`/`fallbackLabel`: The region's name where `label` is empty.
    * - `label`: The feed's name, read by screen readers.
    * - `load-error`/`loadError`: What the feed says when a page of it could not be loaded, such as after a
@@ -51307,9 +51681,9 @@ export type CustomElements = {
    * The locale's group separators are read in every field, so `1,234` is a
    * number in `en-US`.
    *
-   * The field and its two buttons sit in a `role="group"`, and the field carries
-   * `role-label`, "number field" in English, as its `aria-roledescription`, as
-   * React Aria's NumberField does. On iOS and iPadOS the field is a plain text
+   * The field and its two buttons sit in a `role="group"` named by the label,
+   * and the field carries `role-label`, "number field" in English, as its
+   * `aria-roledescription`, as React Aria's NumberField does. On iOS and iPadOS the field is a plain text
    * field, with no `role="spinbutton"`, which VoiceOver reads as a slider you
    * cannot type in, and no role description, so VoiceOver says the field is
    * required. React Aria's NumberField does the same.
@@ -51488,8 +51862,11 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
-   * - `valueAsNumber`: The value as a number, or `NaN` while the control is empty.
+   * - `valueAsNumber`: The value as a number, or `NaN` while the control is empty or does not
+   * hold a number.
    *
+   * Read in the locale and the format, as the form reads it, so `1,5` typed
+   * in a locale with a decimal comma is 1.5 here while the form holds 1.5.
    * `NaN` and not zero, which is the trap the platform already avoids: `Number('')`
    * is zero, so an empty control would report a number it does not hold and a
    * form would submit it. (property only)
@@ -54885,7 +55262,9 @@ export type CustomElements = {
    * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
-   * back, so the value lives in one place.
+   * back, so the value lives in one place. With `multiple`, the value is the
+   * chosen values joined with commas, and the form receives one entry for each.
+   * An option's value may hold a comma, and it is read as one value.
    *
    * Set `valueContent` to draw the trigger's content from the chosen options,
    * and several chosen options are written as a list in the reader's language.
@@ -55262,7 +55641,8 @@ export type CustomElements = {
    * - `label`: What is loading, read out as the placeholder's name, such as "Loading
    * profile".
    *
-   * Absent hides the placeholder from screen readers.
+   * Absent hides the placeholder from screen readers. Around content, the name
+   * is read while `loading` is set, and the loaded content is read as it is.
    * - `loading`: Whether the content inside is still loading, which keeps it inert and
    * draws the placeholder over it.
    *
@@ -59912,6 +60292,9 @@ export type CustomElements = {
    * control. While it moves, the distance is on the `item` part as
    * `--toast-swipe-x`.
    *
+   * **Escape dismisses the message holding focus**, through the same
+   * `helix-dismiss`, and focus moves to the next message.
+   *
    * **Messages are inverted by default.** The item flips `color-scheme`, so a new
    * message stands out from the page without using a color that carries meaning.
    *
@@ -59949,6 +60332,9 @@ export type CustomElements = {
    * 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.
+   * - `waiting`: Whether the region holds the message back, because more messages are
+   * showing than its `max-visible`. The region sets it. A waiting message is
+   * hidden, its timer has not started, and it is said once it shows. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -60026,6 +60412,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closed`: The message has been dismissed and is hidden, or leaving.
+   * - `paused`: The dismiss timer is paused, while a pointer or focus is on the message, or while the page is hidden.
+   * - `waiting`: The region holds the message back, past its `max-visible`, until a message before it goes.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-toast-item": Partial<
@@ -60078,6 +60467,19 @@ export type CustomElements = {
    * message, then the one before it, then back to where it was before it entered
    * the stack.
    *
+   * **`max-visible` limits how many messages show at once**, as Zag's `max`
+   * does. The messages after that many, in document order, wait: each is hidden,
+   * its timer has not started, and the region says it once it shows, when a
+   * message before it goes. A waiting message has `:state(waiting)`.
+   *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | F8, or your `hotkey` | Moves focus to the first control in the stack, and back to where it was when pressed in the stack. |
+   * | Tab, Shift+Tab | Moves between the controls of the messages. |
+   * | Escape | Dismisses the message holding focus. Focus moves to the next message, then the one before it, then back to where it was. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -60088,6 +60490,9 @@ export type CustomElements = {
    * Empty turns it off.
    * - `label`: Accessible name for the region, with `{hotkey}` filled in. Translate it with
    * the rest of your interface.
+   * - `max-visible`/`maxVisible`: How many messages show at once. The messages after that many wait, hidden
+   * and with their timers stopped, until a message before them goes. Unset,
+   * every message shows.
    * - `placement`: Which corner or edge the stack sits at.
    *
    * Named here rather than on each message, because where a page puts its
@@ -62020,6 +62425,7 @@ export type CustomElements = {
    * - `entry-shortcut-key`: One key of an entry's shortcut chord, inside `entry-shortcut`. The playlist's entries set none.
    * - `entry-shortcut-separator`: The `+` between two keys of an entry's shortcut, where the platform writes one.
    * - `entry-start`: The column at the start of an entry. It is a slot and is always present.
+   * - `entry-surface`: The panel an entry's submenu opens in beside it. The playlist's entries have none.
    * - `menu`: The menu that holds the entries.
    * - `menu-back`: The button that goes back from a submenu.
    * - `menu-back-mark`: The icon on a submenu's back button.
@@ -62584,6 +62990,7 @@ export type CustomElements = {
    * - `entry-shortcut-key`: One key of a row's shortcut chord, inside `entry-shortcut`. The player's rows set none.
    * - `entry-shortcut-separator`: The `+` between two keys of a row's shortcut, where the platform writes one.
    * - `entry-start`: The leading column that holds the `start` slot. It is always rendered.
+   * - `entry-surface`: The panel a row's submenu opens in beside it. The player's rows have none.
    * - `failure`: The message shown when the source cannot be played.
    * - `forward`: The button that skips forward ten seconds.
    * - `fullscreen`: The button that enters and leaves fullscreen.
@@ -68994,8 +69401,9 @@ export type CustomElementsSolidJs = {
    *
    * Choosing the opener says `helix-select` with its value, and canceling it
    * keeps the page that is shown. The list then shows the page, named by the
-   * opener's words, and Backspace in an empty filter goes back. `page` says
-   * which page is shown.
+   * opener's words, and a screen reader hears those words. Backspace in an empty
+   * filter goes back, and a screen reader hears the name of the page it goes
+   * back to. `page` says which page is shown.
    *
    * The filter is cleared when the palette closes, so each opening starts from
    * the full list. Combobox and Select do the same. As typing narrows the list, a
@@ -69017,9 +69425,10 @@ export type CustomElementsSolidJs = {
    * | Tab | Stays in the palette, which is modal. With `inline`, moves on through the page. |
    *
    * **ARIA.** The palette is a modal `dialog` named by `label`, or with
-   * `inline` no dialog at all. Inside it the filter field is a `combobox` with
-   * `aria-activedescendant` on the highlighted command, and the commands are a
-   * `listbox` of `option`s. How many commands typing left, the empty text and
+   * `inline` no dialog at all. Inside it the filter field is a text field with
+   * `aria-autocomplete="list"`, `aria-controls` on the list, and
+   * `aria-activedescendant` on the highlighted command, as the field of React
+   * Aria's `Autocomplete` is. The commands are a `listbox` of `option`s. How many commands typing left, the empty text and
    * the loading text are said in a polite live region.
    *
    * ## Attributes & Properties
@@ -69083,6 +69492,12 @@ export type CustomElementsSolidJs = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `filterMatch`: Whether a command is kept by the filter: a function given the command's
+   * words and the filter, trimmed, that returns `true` to keep it showing, as
+   * React Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+   *
+   * Absent, a command is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (property only)
    * - `items`: The commands as data, for a palette too long to draw whole: each a value,
    * which is also its words, or a record with a `value`, a `label` and
    * `disabled`. Handed to the list, which draws only the commands in sight and
@@ -69174,6 +69589,7 @@ export type CustomElementsSolidJs = {
    * - `listbox-loading`: The text shown while the commands are loading.
    * - `listbox-search`: The region that holds the filter field.
    * - `listbox-search-field`: The filter field.
+   * - `live`: The region a screen reader announces the page shown from, by the words of the command that opens it, drawn once there is one to say. Visually hidden in the styled tier.
    *
    * ## CSS States
    *
@@ -71785,6 +72201,16 @@ export type CustomElementsSolidJs = {
    * `aria-haspopup`, the same way `Menu` marks a row with a submenu. The server
    * render leaves both out, because the server cannot see the children.
    *
+   * **A row with an `href` is a link.** The row itself renders as an `<a>`
+   * carrying `menuitem`, as `Menu.Item` does, so a middle click, a modified
+   * click and the status bar keep working. Enter follows it, and Space does too.
+   * Choosing it fires `helix-select` first: cancel the event and the link is not
+   * followed, so a router can take the navigation. A row that opens a page, or a
+   * disabled row, renders no link.
+   *
+   * A development build warns when a row has no words to be named by, such as a
+   * row holding only an icon with no label.
+   *
    * The row is named by its label alone. Words in `description`, a line under
    * the label, and in `end` describe it instead, through `aria-describedby`, as
    * `Menu.Item` does: a reader hears "Theme", then "Dark".
@@ -71794,6 +72220,12 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the row can be reached at all.
+   * - `download`: Whether the link downloads the file when the row is chosen. Only
+   * meaningful beside an `href`, and only for a file served from this origin.
+   * - `href`: The URL the row links to. Setting it renders the row as a link, unless the
+   * row opens a page or is disabled.
+   * - `rel`: The link's `rel`. Set it whenever you set `target="_blank"`.
+   * - `target`: Where the link opens, for rows that should open outside the current page.
    * - `value`: Identifies the row to your event listeners.
    * - `focusable`: Whether this row holds the region's tab stop. Set by the drill-down.
    *
@@ -71867,7 +72299,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `item`: The row itself.
+   * - `item`: The row itself, which is an `<a>` where `href` is set.
    * - `label`: The row's label.
    * - `mark`: The caret at the end of a row that opens a page, after the `end` slot. The caret points, so a stylesheet mirrors it in a right-to-left document.
    *
@@ -71900,6 +72332,11 @@ export type CustomElementsSolidJs = {
    * and reads the rest from the DOM. The behavior lives in `DrilldownController`,
    * which `Menu` shares.
    *
+   * **`page` is the page showing**, as the `value` of the row that opens it,
+   * and empty on the top page. Set it to show a page, such as one a link to a
+   * settings screen names. A reader's move updates it, and `helix-navigate`
+   * comes first, so you can refuse the move or take it yourself.
+   *
    * After each move the host carries `data-direction`, `forward` into a page or
    * `back` out of one, and records `:state(forward)` or `:state(back)`, so a
    * stylesheet can slide the new page in from the side the reader is going. Both
@@ -71907,13 +72344,25 @@ export type CustomElementsSolidJs = {
    * page, two moves the same way included. The styled tier slides the page and
    * swaps it at once under `prefers-reduced-motion`.
    *
-   * Keys, on a row: Up and Down Arrow move between the rows, Home and End go to
-   * the first and the last, and a typed letter moves to the next row whose name
-   * starts with it. Enter, Space, or Right Arrow opens a row's page, and Left
-   * Arrow or Escape goes back, the two arrows swapping on a right-to-left page.
+   * **Keyboard.** The drilldown is one tab stop, on the row last focused.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down Arrow, Up Arrow | Moves to the next or the previous row. |
+   * | Home, End | Moves to the first or the last row. |
+   * | A letter | Moves to the next row whose name starts with it. |
+   * | Enter, Space | Chooses the row: opens its page, follows its link, or sends `helix-select`. |
+   * | Right Arrow | Opens the row's page. Left Arrow on a right-to-left page. |
+   * | Left Arrow, Escape | Goes back one page, with focus on the row that opened it. Right Arrow on a right-to-left page. |
    *
    * The rows of the page showing are a `menu`, named by `label` on the top page
-   * and by the page's title below it. The back button and the title sit above
+   * and by the page's title below it.
+   *
+   * **`navigation` makes it a site's navigation.** The host is a `navigation`
+   * landmark named by `label`, each page is a list, and each row is a list item
+   * holding a link or a button, as the APG's disclosure navigation is built,
+   * so a reader meets places to go in place of a menu of commands. The keys stay
+   * the same. The back button and the title sit above
    * the menu. Disabled rows stay reachable with the arrow keys, and typing a
    * letter moves to the next row whose name starts with it.
    *
@@ -71927,6 +72376,12 @@ export type CustomElementsSolidJs = {
    * An `aria-label` or `aria-labelledby` on the host names the top page too,
    * and wins over this.
    * - `back-label`/`backLabel`: The text of the back button.
+   * - `navigation`: Whether the drilldown is a site's navigation: a `navigation` landmark
+   * named by `label`, whose pages are lists of links. Without it, each page is
+   * a `menu`.
+   * - `page`: The page showing, as the `value` of the row that opens it. Empty is the
+   * top page. Setting it shows that page, and a value no row with a page has
+   * shows the top page.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -71959,6 +72414,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `helix-navigate`: Fired before a reader moves into a page or back out of one. `detail.value` is the `value` of the row whose page is about to show, empty for the top page. Cancelable: cancel it to stay on the page showing.
    * - `helix-select`: Fired when a row with no page is chosen. Cancelable: canceling it stops the change and leaves the decision to you.
    *
    * ## Slots
@@ -72825,6 +73281,7 @@ export type CustomElementsSolidJs = {
    * - `entry-shortcut-key`: One key of the shortcut's chord.
    * - `entry-shortcut-separator`: The `+` between two keys of the shortcut, where the platform writes one.
    * - `entry-start`: The leading column.
+   * - `entry-surface`: The panel a row's submenu opens in beside it. The filter menu's rows have none.
    * - `menu`: The menu the fields are offered in.
    * - `menu-back`: The button that goes back from a field's page.
    * - `menu-back-mark`: The icon on the back button.
@@ -76112,7 +76569,9 @@ export type CustomElementsSolidJs = {
    * Not reflected, as a state never is. `row-current` is the part a
    * stylesheet draws it from.
    * - `disabled`: Takes the row out of reach in a list with `selection-mode`: the arrow keys
-   * pass over it and it cannot be selected or acted on.
+   * pass over it and it cannot be selected or acted on. In a list with
+   * `disabled-behavior="selection"`, it cannot be selected and is reached and
+   * acted on as any row is.
    * - `href`: The URL the row links to. Leave it empty for a row that is not a link.
    *
    * Empty rather than optional, and unset by default: a list is not always a
@@ -76139,6 +76598,9 @@ export type CustomElementsSolidJs = {
    *
    * Written by the list from its own `value`, and unset where nothing can be
    * selected, which keeps `aria-selected` off a list that does not select. (property only)
+   * - `selectionOnly`: Whether `disabled` takes the row out of selection alone, written by a list
+   * with `disabled-behavior="selection"`. No attribute: it is coordination
+   * between elements, as `focusable` is. (property only)
    * - `words`: The row's words, or none where the children are not known yet. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -76199,6 +76661,7 @@ export type CustomElementsSolidJs = {
    * - `dragging`: The row is being moved, in a `reorderable` list.
    * - `drop-after`: The row being moved goes after this one when it is dropped.
    * - `drop-before`: The row being moved goes before this one when it is dropped.
+   * - `focus-visible`: The row's cell has keyboard focus that the browser shows, in a list with `selection-mode`.
    * - `selected`: The row is selected, in a list that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -76218,7 +76681,9 @@ export type CustomElementsSolidJs = {
    * `multiple` any number, and `value` holds the selected rows' values,
    * separated by commas. A change asks with `helix-before-change` and tells
    * with `change`. `none` selects nothing, so a press acts on the row. A
-   * `disabled` row is passed over. Each row is named by its label and described
+   * `disabled` row is passed over. With `disabled-behavior="selection"`, a
+   * `disabled` row cannot be selected, and is reached and acted on as any row
+   * is, as React Aria's GridList has it. Each row is named by its label and described
    * by its description, so the words of the controls in `end` are not read as
    * part of its name.
    *
@@ -76296,6 +76761,12 @@ export type CustomElementsSolidJs = {
    *
    * - `canceled-label`/`canceledLabel`: What screen readers hear when a held row is put back, or a move is
    * refused, in a `reorderable` list.
+   * - `disabled-behavior`/`disabledBehavior`: What `disabled` takes from a row, in a list that selects: `all`, which
+   * passes over the row, or `selection`, which keeps the row out of the
+   * selection and lets the keys reach it and Enter or a press act on it, as
+   * React Aria's GridList takes `disabledBehavior`.
+   *
+   * Absent is `all`.
    * - `dropped-label`/`droppedLabel`: What screen readers hear when a row is dropped, in a `reorderable` list.
    * - `empty-label`/`emptyLabel`: The text of the row shown while the list has no rows, where the `empty`
    * slot is empty. Empty, the default, shows no row.
@@ -76438,7 +76909,9 @@ export type CustomElementsSolidJs = {
    * With `multiple` set, `value` is a comma-separated string, like
    * `Checkbox.Group`'s, because `MixinControllerValue` holds a string. The form
    * receives one entry per selected option, as a native `<select multiple>` sends
-   * it, so your server does not split on commas.
+   * it, so your server does not split on commas. An option's value may hold a
+   * comma: a run of the string that is an option's value is read as that one
+   * value, and the form sends it as one entry.
    *
    * Selected and active are separate. The selected option is the value. The
    * active option is where the keyboard is: the arrow keys move it, and
@@ -76645,6 +77118,13 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `filterMatch`: Whether an option is kept by the filter: a function given the option's
+   * words and the filter, trimmed, that returns `true` to keep it showing, as
+   * React Aria's `Autocomplete` takes `filter`. For matching that ignores
+   * accents, matches the start of each word, or matches out of order.
+   *
+   * Absent, an option is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (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`. Set, the list draws only the options in sight, and the ones
@@ -76681,7 +77161,10 @@ export type CustomElementsSolidJs = {
    * Descendants rather than children, because a group puts a level between the
    * list and its options and the keyboard has to move through a grouped list
    * exactly as it moves through a flat one. (property only) (readonly)
-   * - `values`: The chosen values, as an array whether or not `multiple` is set. (property only) (readonly)
+   * - `values`: The chosen values, as an array whether or not `multiple` is set.
+   *
+   * Read against the options' values, so an option whose value holds a comma
+   * is one value. See `chosenValues`. (property only) (readonly)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
    * - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
    * - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
@@ -78039,7 +78522,10 @@ export type CustomElementsSolidJs = {
    *
    * It opens on hover by default, and a press always opens it too. `open-on` sets
    * which. Hover is the default because in a navigation bar people expect to move
-   * along the row and see each section.
+   * along the row and see each section. A pointer resting on the trigger opens
+   * the panel after `open-delay`, and leaving closes it after `close-delay`. Moving
+   * from one open panel's trigger to another's opens the next at once, as Radix's
+   * `skipDelayDuration` does.
    *
    * When one panel opens in place of another, each says which way the reader
    * moved, as Radix's `data-motion` does. Moving toward the end of the bar, the
@@ -78057,6 +78543,10 @@ export type CustomElementsSolidJs = {
    * navigation menu publishes the same pair from its shared viewport, so a
    * stylesheet can grow or shrink one panel into the next.
    *
+   * While a link in the panel carries `aria-current="page"`, the host has
+   * `:state(current)`, so the trigger of the section holding the page you are
+   * on can say so, as Radix's navigation menu marks its active link.
+   *
    * The panel's default slot is the `columns` part and draws no box, so a sheet
    * can give the columns one of their own. While a panel is open, an
    * `indicator` slot is rendered beside its trigger, as Radix's indicator
@@ -78073,6 +78563,12 @@ export type CustomElementsSolidJs = {
    * way out. The trigger says `aria-expanded`, and the panel is a group named by
    * `label`.
    *
+   * A Helix trigger, such as `helix-button`, is told whether the panel is open
+   * inside its own shadow root. On a plain element, such as a `<button>`, the
+   * megamenu writes `aria-expanded`, from a frame after its own first render, so
+   * a server's markup is never changed while a framework hydrates it. It never
+   * writes it where you wrote `aria-expanded` yourself.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -78101,7 +78597,13 @@ export type CustomElementsSolidJs = {
    * narrow exception the server specs describe covers a mirror that can only
    * become true long after hydration, and a viewport measured before the first
    * paint is the opposite case. See `MixinControllerOpen` on `open`.
+   * - `close-delay`/`closeDelay`: How long a pointer leaving the trigger and the panel waits before the panel
+   * closes, in milliseconds. The pointer needs the time to cross from the
+   * trigger to the panel.
    * - `label`: The section's name, used for the default trigger and the panel.
+   * - `open-delay`/`openDelay`: How long a pointer rests on the trigger before the panel opens, in
+   * milliseconds, under `open-on="hover"`. A pointer crossing the bar on its
+   * way somewhere else opens nothing.
    * - `open-on`/`openOn`: Whether hovering over the trigger opens the panel (`hover`), or only a press
    * does (`click`).
    *
@@ -78109,6 +78611,9 @@ export type CustomElementsSolidJs = {
    * the trigger, and it is the default because that is what a navigation bar
    * does. `click` is for a trigger that does something else as well, or a panel
    * heavy enough that opening it on the way past is rude.
+   * - `placement`: The side of the trigger a card panel opens on, when there is room. It
+   * moves if that side does not fit. A band ignores it, since a band spans the
+   * page under its bar.
    * - `variant`: Whether the panel is a card under the trigger or a band across the page.
    *
    * The resting one is the card, hanging off the trigger and as wide as it
@@ -78216,6 +78721,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `current`: A link in the panel carries `aria-current="page"`, so the trigger can show the section you are in.
    * - `from-end`: The panel opened in place of one earlier in the bar, so it can enter from the end side.
    * - `from-start`: The panel opened in place of one later in the bar, so it can enter from the start side.
    * - `narrow`: The page is narrower than `band-below`, so the panel is shown as a band whatever its variant.
@@ -78261,6 +78767,9 @@ export type CustomElementsSolidJs = {
    * React Aria's menu item does with its description: a reader hears "Copy",
    * then "Copies the selection".
    *
+   * A development build warns when a row has no words to be named by, such as a
+   * row holding only an icon with no label.
+   *
    * The check mark and the caret are the fallbacks of the `check` and `chevron`
    * slots, so a mark of your own replaces either by being slotted. Neither is
    * read as part of the row's name.
@@ -78405,12 +78914,15 @@ export type CustomElementsSolidJs = {
    * - `shortcut-key`: One key of the shortcut's chord, such as `Ctrl`.
    * - `shortcut-separator`: The `+` between two keys of the shortcut, where the platform writes one.
    * - `start`: The leading column that holds the `start` slot. It is always rendered.
+   * - `surface`: The panel a submenu opens in beside the row, under the menu's `submenus="flyout"`.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
+   * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-menu-item": Partial<
@@ -78426,15 +78938,24 @@ export type CustomElementsSolidJs = {
    * ancestor with `overflow: hidden` does not clip it and it needs no `z-index`.
    *
    * Slot a `helix-button` or `helix-icon-button` as the trigger, and the menu
-   * tells it that it opens a menu and whether the menu is open. A plain
-   * `<button>` can only be told by writing attributes onto your markup, which
-   * the menu does not do, so give it `aria-haspopup="menu"` and set its
-   * `aria-expanded` from the `toggle` event.
-   *
-   * Submenus drill down. A submenu replaces the panel's content, and a back row
-   * returns to the previous page. One panel avoids the diagonal pointer path that
-   * side-by-side panels need, stays inside a narrow window, and works on touch
-   * screens, which have no hover.
+   * tells it that it opens a menu and whether the menu is open, inside its own
+   * shadow root. On a plain element, such as a `<button>`, the menu writes
+   * `aria-haspopup="menu"` and `aria-expanded`, from a frame after its own first
+   * render, so a server's markup is never changed while a framework hydrates it.
+   * It never writes `aria-expanded` where you wrote it yourself.
+   *
+   * Submenus drill down by default. A submenu replaces the panel's content, and a
+   * back row returns to the previous page. One panel stays inside a narrow
+   * window, and works on touch screens, which have no hover.
+   *
+   * **`submenus="flyout"` opens each submenu in a panel of its own beside its
+   * row**, as React Aria's `SubmenuTrigger` and Radix's `Sub` do. Resting the
+   * pointer on the row opens it, and a pointer crossing toward the open panel
+   * over the rows between keeps it open, as Radix's grace area does. Right Arrow
+   * opens a row's submenu on its first row, and Left Arrow or Escape closes it
+   * and returns focus to the row, the two arrows swapping on a right-to-left
+   * page. The row says `aria-expanded`, and the panel is a `menu` named by the
+   * row.
    *
    * The root holds which page is open, because only one page shows at a time. It
    * sets this on items as a property, never as an attribute. An attribute written
@@ -78449,8 +78970,8 @@ export type CustomElementsSolidJs = {
    * rows, Home and End go to the first and the last, a typed letter moves to
    * the next row whose name starts with it, Enter and Space choose, Right Arrow
    * opens a row's submenu and Left Arrow goes back, the two swapping on a
-   * right-to-left page, and Escape closes the menu and returns focus to the
-   * trigger. Tab closes it and moves on.
+   * right-to-left page. Left Arrow on the top page does nothing. Escape closes
+   * the menu and returns focus to the trigger. Tab closes it and moves on.
    *
    * While it is open, the surface carries the trigger's width as
    * `--floating-anchor-inline-size` and the room left below it as
@@ -78462,7 +78983,14 @@ export type CustomElementsSolidJs = {
    * right-click, a long press, Shift+F10 or the menu key over the area opens it
    * at the pointer, or at the area's corner from the keyboard, as Radix's context
    * menu does. A press on the area does not open it, and closing it returns focus
-   * to where it was.
+   * to where it was. A touch or a pen held still on the area opens it too, on
+   * every browser, since iOS sends no `contextmenu` for one.
+   *
+   * **A trigger with its own action.** With `open-on="long-press"`, a press on
+   * the trigger is the trigger's own, and a press held for half a second opens
+   * the menu, as React Aria's `trigger="longPress"` does. Alt+Down or Alt+Up
+   * opens it from the keyboard, and the trigger is described by
+   * `long-press-label`, which says so.
    *
    * ## Attributes & Properties
    *
@@ -78476,10 +79004,17 @@ export type CustomElementsSolidJs = {
    * Empty by default, which names the surface by its trigger, so a menu opened
    * from "Actions" is announced as "Actions". An `aria-label` or
    * `aria-labelledby` on the host names it too, and wins over both.
+   * - `long-press-label`/`longPressLabel`: The description a trigger gives under `open-on="long-press"`, saying how
+   * to open the menu. Translate it with the rest of your interface.
    * - `offset`: Space between the trigger and the surface, in pixels.
+   * - `open-on`/`openOn`: What opens the menu from its trigger. `long-press` leaves a press to the
+   * trigger's own action and opens the menu on a press held for half a second,
+   * or on Alt+Down or Alt+Up.
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
+   * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -78580,6 +79115,10 @@ export type CustomElementsSolidJs = {
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
+   * - `placed-bottom`: While the open panel sits below its trigger.
+   * - `placed-left`: While the open panel sits to the left of its trigger.
+   * - `placed-right`: While the open panel sits to the right of its trigger.
+   * - `placed-top`: While the open panel sits above its trigger.
    * - `start`: A row on the current page has content in its leading column, so every row keeps that column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -79284,6 +79823,11 @@ export type CustomElementsSolidJs = {
    * | Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |
    * | Tab | Moves through the controls in a row, and on out of the feed. |
    *
+   * **A notification that arrives says so.** Unread rows added above the rows
+   * there were are counted in the live region,
+   * "1 new notification", in `arrived-label`. Rows that arrive while `loading`
+   * is set say nothing, so set it while a page is on its way.
+   *
    * **`load-more` adds a button after the list** that sends `helix-load-more`,
    * for a feed that holds one page of a longer list. Append the next page, set
    * `loading` while it is on its way, and take `load-more` off once there is
@@ -79299,6 +79843,8 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `arrived-label`/`arrivedLabel`: What the feed says when unread notifications arrive, with `{count}` the
+   * number of them. Empty it to say nothing.
    * - `fallback-label`/`fallbackLabel`: The region's name where `label` is empty.
    * - `label`: The feed's name, read by screen readers.
    * - `load-error`/`loadError`: What the feed says when a page of it could not be loaded, such as after a
@@ -79483,9 +80029,9 @@ export type CustomElementsSolidJs = {
    * The locale's group separators are read in every field, so `1,234` is a
    * number in `en-US`.
    *
-   * The field and its two buttons sit in a `role="group"`, and the field carries
-   * `role-label`, "number field" in English, as its `aria-roledescription`, as
-   * React Aria's NumberField does. On iOS and iPadOS the field is a plain text
+   * The field and its two buttons sit in a `role="group"` named by the label,
+   * and the field carries `role-label`, "number field" in English, as its
+   * `aria-roledescription`, as React Aria's NumberField does. On iOS and iPadOS the field is a plain text
    * field, with no `role="spinbutton"`, which VoiceOver reads as a slider you
    * cannot type in, and no role description, so VoiceOver says the field is
    * required. React Aria's NumberField does the same.
@@ -79664,8 +80210,11 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
-   * - `valueAsNumber`: The value as a number, or `NaN` while the control is empty.
+   * - `valueAsNumber`: The value as a number, or `NaN` while the control is empty or does not
+   * hold a number.
    *
+   * Read in the locale and the format, as the form reads it, so `1,5` typed
+   * in a locale with a decimal comma is 1.5 here while the form holds 1.5.
    * `NaN` and not zero, which is the trap the platform already avoids: `Number('')`
    * is zero, so an empty control would report a number it does not hold and a
    * form would submit it. (property only)
@@ -83098,7 +83647,9 @@ export type CustomElementsSolidJs = {
    * whole set.
    *
    * `Select` owns the value, passes it down to the listbox, and takes changes
-   * back, so the value lives in one place.
+   * back, so the value lives in one place. With `multiple`, the value is the
+   * chosen values joined with commas, and the form receives one entry for each.
+   * An option's value may hold a comma, and it is read as one value.
    *
    * Set `valueContent` to draw the trigger's content from the chosen options,
    * and several chosen options are written as a list in the reader's language.
@@ -83478,7 +84029,8 @@ export type CustomElementsSolidJs = {
    * - `label`: What is loading, read out as the placeholder's name, such as "Loading
    * profile".
    *
-   * Absent hides the placeholder from screen readers.
+   * Absent hides the placeholder from screen readers. Around content, the name
+   * is read while `loading` is set, and the loaded content is read as it is.
    * - `loading`: Whether the content inside is still loading, which keeps it inert and
    * draws the placeholder over it.
    *
@@ -88200,6 +88752,9 @@ export type CustomElementsSolidJs = {
    * control. While it moves, the distance is on the `item` part as
    * `--toast-swipe-x`.
    *
+   * **Escape dismisses the message holding focus**, through the same
+   * `helix-dismiss`, and focus moves to the next message.
+   *
    * **Messages are inverted by default.** The item flips `color-scheme`, so a new
    * message stands out from the page without using a color that carries meaning.
    *
@@ -88237,6 +88792,9 @@ export type CustomElementsSolidJs = {
    * 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.
+   * - `waiting`: Whether the region holds the message back, because more messages are
+   * showing than its `max-visible`. The region sets it. A waiting message is
+   * hidden, its timer has not started, and it is said once it shows. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -88314,6 +88872,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closed`: The message has been dismissed and is hidden, or leaving.
+   * - `paused`: The dismiss timer is paused, while a pointer or focus is on the message, or while the page is hidden.
+   * - `waiting`: The region holds the message back, past its `max-visible`, until a message before it goes.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-toast-item": Partial<
@@ -88369,6 +88930,19 @@ export type CustomElementsSolidJs = {
    * message, then the one before it, then back to where it was before it entered
    * the stack.
    *
+   * **`max-visible` limits how many messages show at once**, as Zag's `max`
+   * does. The messages after that many, in document order, wait: each is hidden,
+   * its timer has not started, and the region says it once it shows, when a
+   * message before it goes. A waiting message has `:state(waiting)`.
+   *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | F8, or your `hotkey` | Moves focus to the first control in the stack, and back to where it was when pressed in the stack. |
+   * | Tab, Shift+Tab | Moves between the controls of the messages. |
+   * | Escape | Dismisses the message holding focus. Focus moves to the next message, then the one before it, then back to where it was. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -88379,6 +88953,9 @@ export type CustomElementsSolidJs = {
    * Empty turns it off.
    * - `label`: Accessible name for the region, with `{hotkey}` filled in. Translate it with
    * the rest of your interface.
+   * - `max-visible`/`maxVisible`: How many messages show at once. The messages after that many wait, hidden
+   * and with their timers stopped, until a message before them goes. Unset,
+   * every message shows.
    * - `placement`: Which corner or edge the stack sits at.
    *
    * Named here rather than on each message, because where a page puts its
@@ -90340,6 +90917,7 @@ export type CustomElementsSolidJs = {
    * - `entry-shortcut-key`: One key of an entry's shortcut chord, inside `entry-shortcut`. The playlist's entries set none.
    * - `entry-shortcut-separator`: The `+` between two keys of an entry's shortcut, where the platform writes one.
    * - `entry-start`: The column at the start of an entry. It is a slot and is always present.
+   * - `entry-surface`: The panel an entry's submenu opens in beside it. The playlist's entries have none.
    * - `menu`: The menu that holds the entries.
    * - `menu-back`: The button that goes back from a submenu.
    * - `menu-back-mark`: The icon on a submenu's back button.
@@ -90906,6 +91484,7 @@ export type CustomElementsSolidJs = {
    * - `entry-shortcut-key`: One key of a row's shortcut chord, inside `entry-shortcut`. The player's rows set none.
    * - `entry-shortcut-separator`: The `+` between two keys of a row's shortcut, where the platform writes one.
    * - `entry-start`: The leading column that holds the `start` slot. It is always rendered.
+   * - `entry-surface`: The panel a row's submenu opens in beside it. The player's rows have none.
    * - `failure`: The message shown when the source cannot be played.
    * - `forward`: The button that skips forward ten seconds.
    * - `fullscreen`: The button that enters and leaves fullscreen.