@fusion.dev/helix-headless 0.183.0 → 0.185.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.183.0",
+  "version": "0.185.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -49,14 +49,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.183.0",
-    "@fusion.dev/helix-icons": "0.183.0",
+    "@fusion.dev/helix-core": "0.185.0",
+    "@fusion.dev/helix-icons": "0.185.0",
     "tslib": "^2.8.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.183.0",
-    "@fusion.dev/helix-testing": "0.183.0",
+    "@fusion.dev/helix-cem": "0.185.0",
+    "@fusion.dev/helix-testing": "0.185.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -6392,7 +6392,11 @@ whole of it, which Shiki writes, are taken off, so the lines sit level
 with the gutter's numbers and the block keeps one tab stop. The code stays
 in the slot, so the copy button copies it as written and a reader without
 the script still has it. Not called on a server, which has no code to
-read, nor for a diff. */
+read, nor for a diff.
+
+Absent, the block draws with the highlighter `registerHighlighter` gave
+every block, where an entry such as `@fusion.dev/helix-sandbox/code-block`
+registered one, and plain otherwise. */
   highlight?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
 
   /** A file tab showed its file, whose name `file` now holds. */
@@ -6634,7 +6638,11 @@ whole of it, which Shiki writes, are taken off, so the lines sit level
 with the gutter's numbers and the block keeps one tab stop. The code stays
 in the slot, so the copy button copies it as written and a reader without
 the script still has it. Not called on a server, which has no code to
-read, nor for a diff. */
+read, nor for a diff.
+
+Absent, the block draws with the highlighter `registerHighlighter` gave
+every block, where an entry such as `@fusion.dev/helix-sandbox/code-block`
+registered one, and plain otherwise. */
   "prop:highlight"?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
   /** A file tab showed its file, whose name `file` now holds. */
   "on:change"?: ((e: HelixHeadlessCodeBlockElementEvent) => void) | undefined;
@@ -9420,6 +9428,16 @@ and the grid becomes a tree grid.
 Reflected, because the styled tier indents a tree grid's row headers by
 it. No default, so a table that sets none writes nothing onto its host. */
   childField?: (HelixHeadlessDataTable["childField"]) | undefined;
+  /** The column tracks, as a grid track list such as `2fr 1fr max-content`,
+dealt out one track to a column in the order the columns are written. A
+column's own `width` wins in its place, and a column it does not reach
+takes the track a column with no `width` takes.
+
+**The one track list a server can send.** A server rendering this element
+has no columns to read a `width` from, and neither has a stylesheet laying
+out the rows a page served before the table upgrades, so a table sized here
+lays those rows out at the widths it draws. */
+  columns?: (HelixHeadlessDataTable["columns"]) | undefined;
   /** The keys of the rows open at the start, separated by commas. Used until
 `expanded` is set. */
   "default-expanded"?: (HelixHeadlessDataTable["defaultExpanded"]) | undefined;
@@ -9853,6 +9871,16 @@ and the grid becomes a tree grid.
 Reflected, because the styled tier indents a tree grid's row headers by
 it. No default, so a table that sets none writes nothing onto its host. */
   "prop:childField"?: (HelixHeadlessDataTable["childField"]) | undefined;
+  /** The column tracks, as a grid track list such as `2fr 1fr max-content`,
+dealt out one track to a column in the order the columns are written. A
+column's own `width` wins in its place, and a column it does not reach
+takes the track a column with no `width` takes.
+
+**The one track list a server can send.** A server rendering this element
+has no columns to read a `width` from, and neither has a stylesheet laying
+out the rows a page served before the table upgrades, so a table sized here
+lays those rows out at the widths it draws. */
+  "prop:columns"?: (HelixHeadlessDataTable["columns"]) | undefined;
   /** The keys of the rows open at the start, separated by commas. Used until
 `expanded` is set. */
   "attr:default-expanded"?: (HelixHeadlessDataTable["defaultExpanded"]) | undefined;
@@ -21529,7 +21557,11 @@ Cleared as the menu closes and as a submenu opens or closes, so each page
 starts with every row showing. */
   filter?: (HelixHeadlessMenu["filter"]) | undefined;
   /** Whether the menu shows a field above its rows that narrows them as the
-reader types, with focus staying in the field. */
+reader types, with focus staying in the field, once
+`@fusion.dev/helix/menu/filter` (or `@fusion.dev/helix-headless/menu/filter`)
+is imported. Without that import it does nothing, so a menu that never
+filters carries none of the filter's code, and a development build says
+which import is missing. */
   filterable?: (HelixHeadlessMenu["filterable"]) | undefined;
   /** The filter field's name and placeholder. */
   "filter-label"?: (HelixHeadlessMenu["filterLabel"]) | undefined;
@@ -21667,7 +21699,11 @@ Cleared as the menu closes and as a submenu opens or closes, so each page
 starts with every row showing. */
   "prop:filter"?: (HelixHeadlessMenu["filter"]) | undefined;
   /** Whether the menu shows a field above its rows that narrows them as the
-reader types, with focus staying in the field. */
+reader types, with focus staying in the field, once
+`@fusion.dev/helix/menu/filter` (or `@fusion.dev/helix-headless/menu/filter`)
+is imported. Without that import it does nothing, so a menu that never
+filters carries none of the filter's code, and a development build says
+which import is missing. */
   "prop:filterable"?: (HelixHeadlessMenu["filterable"]) | undefined;
   /** The filter field's name and placeholder. */
   "attr:filter-label"?: (HelixHeadlessMenu["filterLabel"]) | undefined;
@@ -30116,13 +30152,11 @@ and each column may say otherwise.
 **It is also the only track list a server can send.** The shim has no tree
 to walk, so a render there knows of no columns and this attribute is the
 whole answer: a table given one lays its grid out in the first paint, and a
-table sized only by its columns is one track wide until it upgrades.
+table sized only by its columns takes, until it upgrades, a track for each
+column at the width a column with no `width` takes (`helix.css`).
 
-**Data Table has none of this, and should not.** Its columns are its schema
-rather than an option, so there is always a column to write a `width` on
-and a list here would be a second way to say what that says. This table's
-cells are markup, and a table written as rows of cells with no column
-declared in it has nowhere else to be sized from. */
+Data Table takes the same list, for the same reason: a data table that
+serves its first page as rows is laid out by it before it upgrades. */
   columns?: (HelixHeadlessTable["columns"]) | undefined;
   /** The keys of the rows whose rows are shown at the start, separated by
 commas. Used until `expanded` is set. */
@@ -30381,13 +30415,11 @@ and each column may say otherwise.
 **It is also the only track list a server can send.** The shim has no tree
 to walk, so a render there knows of no columns and this attribute is the
 whole answer: a table given one lays its grid out in the first paint, and a
-table sized only by its columns is one track wide until it upgrades.
+table sized only by its columns takes, until it upgrades, a track for each
+column at the width a column with no `width` takes (`helix.css`).
 
-**Data Table has none of this, and should not.** Its columns are its schema
-rather than an option, so there is always a column to write a `width` on
-and a list here would be a second way to say what that says. This table's
-cells are markup, and a table written as rows of cells with no column
-declared in it has nowhere else to be sized from. */
+Data Table takes the same list, for the same reason: a data table that
+serves its first page as rows is laid out by it before it upgrades. */
   "prop:columns"?: (HelixHeadlessTable["columns"]) | undefined;
   /** The keys of the rows whose rows are shown at the start, separated by
 commas. Used until `expanded` is set. */
@@ -31763,6 +31795,12 @@ number, and both are carried as one comma-separated value, which is what a
 form submits. `TimePicker` carries the longer note on the interaction and
 on why a wheel cannot do either. */
   mode?: (HelixHeadlessTimeInput["mode"]) | undefined;
+  /** The words on the list's button that chooses the current time, drawn with
+`show-now`. */
+  "now-label"?: (HelixHeadlessTimeInput["nowLabel"]) | undefined;
+  /** The words on the list's button that chooses the current time, drawn with
+`show-now`. */
+  nowLabel?: (HelixHeadlessTimeInput["nowLabel"]) | undefined;
   /** Placeholder text shown before a time is entered. */
   placeholder?: (HelixHeadlessTimeInput["placeholder"]) | undefined;
   /** The message shown when a range holds more than two times.
@@ -31803,6 +31841,14 @@ removes rather than as "Remove" said once per time. */
 may give them, the field writes them, and the list's `step` counts seconds.
 See Time Picker's `seconds`. */
   seconds?: (HelixHeadlessTimeInput["seconds"]) | undefined;
+  /** Draws a button under the times in the list that chooses the current time,
+moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+are `now-label`. */
+  "show-now"?: (HelixHeadlessTimeInput["showNow"]) | undefined;
+  /** Draws a button under the times in the list that chooses the current time,
+moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+are `now-label`. */
+  showNow?: (HelixHeadlessTimeInput["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`. */
   step?: (HelixHeadlessTimeInput["step"]) | undefined;
@@ -32171,6 +32217,12 @@ number, and both are carried as one comma-separated value, which is what a
 form submits. `TimePicker` carries the longer note on the interaction and
 on why a wheel cannot do either. */
   "prop:mode"?: (HelixHeadlessTimeInput["mode"]) | undefined;
+  /** The words on the list's button that chooses the current time, drawn with
+`show-now`. */
+  "attr:now-label"?: (HelixHeadlessTimeInput["nowLabel"]) | undefined;
+  /** The words on the list's button that chooses the current time, drawn with
+`show-now`. */
+  "prop:nowLabel"?: (HelixHeadlessTimeInput["nowLabel"]) | undefined;
   /** Placeholder text shown before a time is entered. */
   "prop:placeholder"?: (HelixHeadlessTimeInput["placeholder"]) | undefined;
   /** The message shown when a range holds more than two times.
@@ -32211,6 +32263,14 @@ removes rather than as "Remove" said once per time. */
 may give them, the field writes them, and the list's `step` counts seconds.
 See Time Picker's `seconds`. */
   "prop:seconds"?: (HelixHeadlessTimeInput["seconds"]) | undefined;
+  /** Draws a button under the times in the list that chooses the current time,
+moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+are `now-label`. */
+  "bool:show-now"?: (HelixHeadlessTimeInput["showNow"]) | undefined;
+  /** Draws a button under the times in the list that chooses the current time,
+moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+are `now-label`. */
+  "prop:showNow"?: (HelixHeadlessTimeInput["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`. */
   "prop:step"?: (HelixHeadlessTimeInput["step"]) | undefined;
@@ -42127,6 +42187,20 @@ export type CustomElements = {
    * the slot, so the copy button and the page's own text are the code as
    * written.
    *
+   * **Code Block ships no grammar**, so plain code costs you no parser. To color
+   * code without a highlighter of your own, import one more entry beside the
+   * block's. It colors every block by its `language` (`css`, `html`, `js`,
+   * `jsx`, `sh`, `ts`, or `tsx`) with the Lezer grammars of the sandbox's
+   * editor, in the editor's colors:
+   *
+   * ```js
+   * import '@fusion.dev/helix/code-block'
+   * import '@fusion.dev/helix-sandbox/code-block'
+   * ```
+   *
+   * That entry calls `registerHighlighter`, which you can also call yourself to
+   * give every block one highlighter of your own.
+   *
    * Set `expandable` on a block whose height is capped, such as by
    * `--code-block-max-block-size`, and a button under it shows every line and
    * then fewer again, as a docs site's long example does. The button is drawn
@@ -42299,7 +42373,11 @@ export type CustomElements = {
    * with the gutter's numbers and the block keeps one tab stop. The code stays
    * in the slot, so the copy button copies it as written and a reader without
    * the script still has it. Not called on a server, which has no code to
-   * read, nor for a diff. (property only)
+   * read, nor for a diff.
+   *
+   * Absent, the block draws with the highlighter `registerHighlighter` gave
+   * every block, where an entry such as `@fusion.dev/helix-sandbox/code-block`
+   * registered one, and plain otherwise. (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
@@ -44328,11 +44406,12 @@ export type CustomElements = {
    * `csv()` returns the result as text: every row that passes the filter, in the
    * order and the columns on screen. Saving the file is up to you.
    *
-   * `DataTable` has no `columns` attribute. Each `TableColumn` is part of the
-   * schema, so you size a column with its own `width`. `Table` has `columns`
-   * because its cells are markup you write and it can have no columns at all.
-   * Written on `DataTable`, `columns` has no effect, so watch for it when you
-   * move a table from `Table` to `DataTable`.
+   * Size a column with its own `width`, or every column at once with `columns`,
+   * a track list dealt out one track to a column in the order they are written,
+   * as `Table` deals it. A column's `width` wins in its place. **A table that
+   * serves its first page takes its widths from `columns`**: a server and a
+   * stylesheet can read the table's own attributes and not its columns', so the
+   * served rows are laid out at the widths the table draws.
    *
    * **The columns are an import of their own.** A column is the Table family's
    * `TableColumn`, which the data table does not register, so a page that writes
@@ -44358,6 +44437,15 @@ export type CustomElements = {
    *
    * Reflected, because the styled tier indents a tree grid's row headers by
    * it. No default, so a table that sets none writes nothing onto its host.
+   * - `columns`: The column tracks, as a grid track list such as `2fr 1fr max-content`,
+   * dealt out one track to a column in the order the columns are written. A
+   * column's own `width` wins in its place, and a column it does not reach
+   * takes the track a column with no `width` takes.
+   *
+   * **The one track list a server can send.** A server rendering this element
+   * has no columns to read a `width` from, and neither has a stylesheet laying
+   * out the rows a page served before the table upgrades, so a table sized here
+   * lays those rows out at the widths it draws.
    * - `default-expanded`/`defaultExpanded`: The keys of the rows open at the start, separated by commas. Used until
    * `expanded` is set.
    * - `default-filter`/`defaultFilter`: The starting search query, used until `filter` is set.
@@ -53664,7 +53752,15 @@ export type CustomElements = {
    * opens it from the keyboard, and the trigger is described by
    * `long-press-label`, which says so.
    *
-   * **A filter field.** With `filterable`, the menu opens with focus in a field
+   * **A filter field** is a separate import, `@fusion.dev/helix/menu/filter`, so
+   * a menu that never filters carries none of its code:
+   *
+   * ```js
+   * import '@fusion.dev/helix/menu'
+   * import '@fusion.dev/helix/menu/filter'
+   * ```
+   *
+   * With it imported and `filterable` set, the menu opens with focus in a field
    * above its rows, and typing narrows the rows of the page the keys move in,
    * as React Aria's `Autocomplete` around a `Menu` does. A row is kept where its
    * words hold the filter, in any case, or where `filterMatch` says so. Each
@@ -53697,7 +53793,11 @@ export type CustomElements = {
    * Cleared as the menu closes and as a submenu opens or closes, so each page
    * starts with every row showing.
    * - `filterable`: Whether the menu shows a field above its rows that narrows them as the
-   * reader types, with focus staying in the field.
+   * reader types, with focus staying in the field, once
+   * `@fusion.dev/helix/menu/filter` (or `@fusion.dev/helix-headless/menu/filter`)
+   * is imported. Without that import it does nothing, so a menu that never
+   * filters carries none of the filter's code, and a development build says
+   * which import is missing.
    * - `filter-label`/`filterLabel`: The filter field's name and placeholder.
    * - `label`: Accessible name for the surface.
    *
@@ -61338,13 +61438,11 @@ export type CustomElements = {
    * **It is also the only track list a server can send.** The shim has no tree
    * to walk, so a render there knows of no columns and this attribute is the
    * whole answer: a table given one lays its grid out in the first paint, and a
-   * table sized only by its columns is one track wide until it upgrades.
+   * table sized only by its columns takes, until it upgrades, a track for each
+   * column at the width a column with no `width` takes (`helix.css`).
    *
-   * **Data Table has none of this, and should not.** Its columns are its schema
-   * rather than an option, so there is always a column to write a `width` on
-   * and a list here would be a second way to say what that says. This table's
-   * cells are markup, and a table written as rows of cells with no column
-   * declared in it has nowhere else to be sized from.
+   * Data Table takes the same list, for the same reason: a data table that
+   * serves its first page as rows is laid out by it before it upgrades.
    * - `default-expanded`/`defaultExpanded`: The keys of the rows whose rows are shown at the start, separated by
    * commas. Used until `expanded` is set.
    * - `default-selected`/`defaultSelected`: The keys selected at the start, separated by commas. Used until `selected`
@@ -62684,6 +62782,8 @@ export type CustomElements = {
    * number, and both are carried as one comma-separated value, which is what a
    * form submits. `TimePicker` carries the longer note on the interaction and
    * on why a wheel cannot do either.
+   * - `now-label`/`nowLabel`: The words on the list's button that chooses the current time, drawn with
+   * `show-now`.
    * - `placeholder`: Placeholder text shown before a time is entered.
    * - `range-length-message`/`rangeLengthMessage`: The message shown when a range holds more than two times.
    *
@@ -62701,6 +62801,9 @@ export type CustomElements = {
    * - `seconds`: Whether times carry their seconds: the value is `HH:mm:ss`, a typed time
    * may give them, the field writes them, and the list's `step` counts seconds.
    * See Time Picker's `seconds`.
+   * - `show-now`/`showNow`: Draws a button under the times in the list that chooses the current time,
+   * moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+   * are `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    * - `time-style`/`timeStyle`: Whether the field shows the time in the local style or as the value
@@ -71901,6 +72004,20 @@ export type CustomElementsSolidJs = {
    * the slot, so the copy button and the page's own text are the code as
    * written.
    *
+   * **Code Block ships no grammar**, so plain code costs you no parser. To color
+   * code without a highlighter of your own, import one more entry beside the
+   * block's. It colors every block by its `language` (`css`, `html`, `js`,
+   * `jsx`, `sh`, `ts`, or `tsx`) with the Lezer grammars of the sandbox's
+   * editor, in the editor's colors:
+   *
+   * ```js
+   * import '@fusion.dev/helix/code-block'
+   * import '@fusion.dev/helix-sandbox/code-block'
+   * ```
+   *
+   * That entry calls `registerHighlighter`, which you can also call yourself to
+   * give every block one highlighter of your own.
+   *
    * Set `expandable` on a block whose height is capped, such as by
    * `--code-block-max-block-size`, and a button under it shows every line and
    * then fewer again, as a docs site's long example does. The button is drawn
@@ -72073,7 +72190,11 @@ export type CustomElementsSolidJs = {
    * with the gutter's numbers and the block keeps one tab stop. The code stays
    * in the slot, so the copy button copies it as written and a reader without
    * the script still has it. Not called on a server, which has no code to
-   * read, nor for a diff. (property only)
+   * read, nor for a diff.
+   *
+   * Absent, the block draws with the highlighter `registerHighlighter` gave
+   * every block, where an entry such as `@fusion.dev/helix-sandbox/code-block`
+   * registered one, and plain otherwise. (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
@@ -74117,11 +74238,12 @@ export type CustomElementsSolidJs = {
    * `csv()` returns the result as text: every row that passes the filter, in the
    * order and the columns on screen. Saving the file is up to you.
    *
-   * `DataTable` has no `columns` attribute. Each `TableColumn` is part of the
-   * schema, so you size a column with its own `width`. `Table` has `columns`
-   * because its cells are markup you write and it can have no columns at all.
-   * Written on `DataTable`, `columns` has no effect, so watch for it when you
-   * move a table from `Table` to `DataTable`.
+   * Size a column with its own `width`, or every column at once with `columns`,
+   * a track list dealt out one track to a column in the order they are written,
+   * as `Table` deals it. A column's `width` wins in its place. **A table that
+   * serves its first page takes its widths from `columns`**: a server and a
+   * stylesheet can read the table's own attributes and not its columns', so the
+   * served rows are laid out at the widths the table draws.
    *
    * **The columns are an import of their own.** A column is the Table family's
    * `TableColumn`, which the data table does not register, so a page that writes
@@ -74147,6 +74269,15 @@ export type CustomElementsSolidJs = {
    *
    * Reflected, because the styled tier indents a tree grid's row headers by
    * it. No default, so a table that sets none writes nothing onto its host.
+   * - `columns`: The column tracks, as a grid track list such as `2fr 1fr max-content`,
+   * dealt out one track to a column in the order the columns are written. A
+   * column's own `width` wins in its place, and a column it does not reach
+   * takes the track a column with no `width` takes.
+   *
+   * **The one track list a server can send.** A server rendering this element
+   * has no columns to read a `width` from, and neither has a stylesheet laying
+   * out the rows a page served before the table upgrades, so a table sized here
+   * lays those rows out at the widths it draws.
    * - `default-expanded`/`defaultExpanded`: The keys of the rows open at the start, separated by commas. Used until
    * `expanded` is set.
    * - `default-filter`/`defaultFilter`: The starting search query, used until `filter` is set.
@@ -83558,7 +83689,15 @@ export type CustomElementsSolidJs = {
    * opens it from the keyboard, and the trigger is described by
    * `long-press-label`, which says so.
    *
-   * **A filter field.** With `filterable`, the menu opens with focus in a field
+   * **A filter field** is a separate import, `@fusion.dev/helix/menu/filter`, so
+   * a menu that never filters carries none of its code:
+   *
+   * ```js
+   * import '@fusion.dev/helix/menu'
+   * import '@fusion.dev/helix/menu/filter'
+   * ```
+   *
+   * With it imported and `filterable` set, the menu opens with focus in a field
    * above its rows, and typing narrows the rows of the page the keys move in,
    * as React Aria's `Autocomplete` around a `Menu` does. A row is kept where its
    * words hold the filter, in any case, or where `filterMatch` says so. Each
@@ -83591,7 +83730,11 @@ export type CustomElementsSolidJs = {
    * Cleared as the menu closes and as a submenu opens or closes, so each page
    * starts with every row showing.
    * - `filterable`: Whether the menu shows a field above its rows that narrows them as the
-   * reader types, with focus staying in the field.
+   * reader types, with focus staying in the field, once
+   * `@fusion.dev/helix/menu/filter` (or `@fusion.dev/helix-headless/menu/filter`)
+   * is imported. Without that import it does nothing, so a menu that never
+   * filters carries none of the filter's code, and a development build says
+   * which import is missing.
    * - `filter-label`/`filterLabel`: The filter field's name and placeholder.
    * - `label`: Accessible name for the surface.
    *
@@ -91322,13 +91465,11 @@ export type CustomElementsSolidJs = {
    * **It is also the only track list a server can send.** The shim has no tree
    * to walk, so a render there knows of no columns and this attribute is the
    * whole answer: a table given one lays its grid out in the first paint, and a
-   * table sized only by its columns is one track wide until it upgrades.
+   * table sized only by its columns takes, until it upgrades, a track for each
+   * column at the width a column with no `width` takes (`helix.css`).
    *
-   * **Data Table has none of this, and should not.** Its columns are its schema
-   * rather than an option, so there is always a column to write a `width` on
-   * and a list here would be a second way to say what that says. This table's
-   * cells are markup, and a table written as rows of cells with no column
-   * declared in it has nowhere else to be sized from.
+   * Data Table takes the same list, for the same reason: a data table that
+   * serves its first page as rows is laid out by it before it upgrades.
    * - `default-expanded`/`defaultExpanded`: The keys of the rows whose rows are shown at the start, separated by
    * commas. Used until `expanded` is set.
    * - `default-selected`/`defaultSelected`: The keys selected at the start, separated by commas. Used until `selected`
@@ -92692,6 +92833,8 @@ export type CustomElementsSolidJs = {
    * number, and both are carried as one comma-separated value, which is what a
    * form submits. `TimePicker` carries the longer note on the interaction and
    * on why a wheel cannot do either.
+   * - `now-label`/`nowLabel`: The words on the list's button that chooses the current time, drawn with
+   * `show-now`.
    * - `placeholder`: Placeholder text shown before a time is entered.
    * - `range-length-message`/`rangeLengthMessage`: The message shown when a range holds more than two times.
    *
@@ -92709,6 +92852,9 @@ export type CustomElementsSolidJs = {
    * - `seconds`: Whether times carry their seconds: the value is `HH:mm:ss`, a typed time
    * may give them, the field writes them, and the list's `step` counts seconds.
    * See Time Picker's `seconds`.
+   * - `show-now`/`showNow`: Draws a button under the times in the list that chooses the current time,
+   * moved to the nearest time on offer. See Time Picker's `show-now`. Its words
+   * are `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    * - `time-style`/`timeStyle`: Whether the field shows the time in the local style or as the value