@fusion.dev/helix-headless 0.167.0 → 0.169.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.167.0",
+  "version": "0.169.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -49,13 +49,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.167.0",
-    "@fusion.dev/helix-icons": "0.167.0",
+    "@fusion.dev/helix-core": "0.169.0",
+    "@fusion.dev/helix-icons": "0.169.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.167.0",
-    "@fusion.dev/helix-testing": "0.167.0",
+    "@fusion.dev/helix-cem": "0.169.0",
+    "@fusion.dev/helix-testing": "0.169.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

@@ -1601,7 +1601,9 @@ Read-only to a consumer: it is a report rather than a setting, and the same
 report `Image` gives, for the same reason. `load` and `error` fire once, so
 a listener bound after the picture settled hears neither, which is the
 platform on an `<img>` too, and this is what that listener asks instead.
-Mirrored to `data-status` rather than reflected, as `Image` explains. */
+Mirrored to `data-status` rather than reflected, as `Image` explains, once a
+picture has loaded or failed. An avatar with no `src` reports `error` here
+and as `:state(error)`, and writes no `data-status`. */
   status?: (HelixHeadlessAvatar["status"]) | undefined;
 
   /** Relayed from the image when it fails. */
@@ -1659,7 +1661,9 @@ Read-only to a consumer: it is a report rather than a setting, and the same
 report `Image` gives, for the same reason. `load` and `error` fire once, so
 a listener bound after the picture settled hears neither, which is the
 platform on an `<img>` too, and this is what that listener asks instead.
-Mirrored to `data-status` rather than reflected, as `Image` explains. */
+Mirrored to `data-status` rather than reflected, as `Image` explains, once a
+picture has loaded or failed. An avatar with no `src` reports `error` here
+and as `:state(error)`, and writes no `data-status`. */
   "prop:status"?: (HelixHeadlessAvatar["status"]) | undefined;
   /** Relayed from the image when it fails. */
   "on:error"?: ((e: HelixHeadlessAvatarElementEvent) => void) | undefined;
@@ -21590,6 +21594,26 @@ second "Main". */
 for a header or a footer. The marker follows the current destination down
 the column as it does along the row. */
   orientation?: (HelixHeadlessNavigation["orientation"]) | undefined;
+  /** How the destinations are drawn, with `Tabs`' three values and for the same
+reasons.
+
+Unset is a pill under the current destination with nothing behind the row,
+for a bar inside other chrome. `underlined` is a rule under the row and a
+thicker one under the current destination, for a bar that heads a page, as
+a repository's or a project's sections do. `segmented` puts the pill in a
+framed, sunken track, for a short set that reads as one control.
+
+**The same words as `Tabs`, because a reader cannot tell the two apart.**
+Navigation moves between pages and tabs between the panels of one page,
+and the bar looks the same either way. A console whose sections are pages
+could not draw them the way its underlined tabs were drawn.
+
+Down a column, `underlined` stands the rule and the mark along the
+column's inline end.
+
+Reflected and left unset by default, so the host carries nothing a
+consumer's server markup does not already have. */
+  variant?: (HelixHeadlessNavigation["variant"]) | undefined;
 };
 
 export type HelixHeadlessNavigationSolidJsProps = {
@@ -21608,6 +21632,26 @@ second "Main". */
 for a header or a footer. The marker follows the current destination down
 the column as it does along the row. */
   "prop:orientation"?: (HelixHeadlessNavigation["orientation"]) | undefined;
+  /** How the destinations are drawn, with `Tabs`' three values and for the same
+reasons.
+
+Unset is a pill under the current destination with nothing behind the row,
+for a bar inside other chrome. `underlined` is a rule under the row and a
+thicker one under the current destination, for a bar that heads a page, as
+a repository's or a project's sections do. `segmented` puts the pill in a
+framed, sunken track, for a short set that reads as one control.
+
+**The same words as `Tabs`, because a reader cannot tell the two apart.**
+Navigation moves between pages and tabs between the panels of one page,
+and the bar looks the same either way. A console whose sections are pages
+could not draw them the way its underlined tabs were drawn.
+
+Down a column, `underlined` stands the rule and the mark along the
+column's inline end.
+
+Reflected and left unset by default, so the host carries nothing a
+consumer's server markup does not already have. */
+  "prop:variant"?: (HelixHeadlessNavigation["variant"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -37510,7 +37554,9 @@ export type CustomElements = {
    * report `Image` gives, for the same reason. `load` and `error` fire once, so
    * a listener bound after the picture settled hears neither, which is the
    * platform on an `<img>` too, and this is what that listener asks instead.
-   * Mirrored to `data-status` rather than reflected, as `Image` explains. (property only)
+   * Mirrored to `data-status` rather than reflected, as `Image` explains, once a
+   * picture has loaded or failed. An avatar with no `src` reports `error` here
+   * and as `:state(error)`, and writes no `data-status`. (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
@@ -52832,6 +52878,25 @@ export type CustomElements = {
    * - `orientation`: Stacks the destinations in a column, for a sidebar, where unset is a row
    * for a header or a footer. The marker follows the current destination down
    * the column as it does along the row.
+   * - `variant`: How the destinations are drawn, with `Tabs`' three values and for the same
+   * reasons.
+   *
+   * Unset is a pill under the current destination with nothing behind the row,
+   * for a bar inside other chrome. `underlined` is a rule under the row and a
+   * thicker one under the current destination, for a bar that heads a page, as
+   * a repository's or a project's sections do. `segmented` puts the pill in a
+   * framed, sunken track, for a short set that reads as one control.
+   *
+   * **The same words as `Tabs`, because a reader cannot tell the two apart.**
+   * Navigation moves between pages and tabs between the panels of one page,
+   * and the bar looks the same either way. A console whose sections are pages
+   * could not draw them the way its underlined tabs were drawn.
+   *
+   * Down a column, `underlined` stands the rule and the mark along the
+   * column's inline end.
+   *
+   * Reflected and left unset by default, so the host carries nothing a
+   * consumer's server markup does not already have.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -66458,7 +66523,9 @@ export type CustomElementsSolidJs = {
    * report `Image` gives, for the same reason. `load` and `error` fire once, so
    * a listener bound after the picture settled hears neither, which is the
    * platform on an `<img>` too, and this is what that listener asks instead.
-   * Mirrored to `data-status` rather than reflected, as `Image` explains. (property only)
+   * Mirrored to `data-status` rather than reflected, as `Image` explains, once a
+   * picture has loaded or failed. An avatar with no `src` reports `error` here
+   * and as `:state(error)`, and writes no `data-status`. (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
@@ -81946,6 +82013,25 @@ export type CustomElementsSolidJs = {
    * - `orientation`: Stacks the destinations in a column, for a sidebar, where unset is a row
    * for a header or a footer. The marker follows the current destination down
    * the column as it does along the row.
+   * - `variant`: How the destinations are drawn, with `Tabs`' three values and for the same
+   * reasons.
+   *
+   * Unset is a pill under the current destination with nothing behind the row,
+   * for a bar inside other chrome. `underlined` is a rule under the row and a
+   * thicker one under the current destination, for a bar that heads a page, as
+   * a repository's or a project's sections do. `segmented` puts the pill in a
+   * framed, sunken track, for a short set that reads as one control.
+   *
+   * **The same words as `Tabs`, because a reader cannot tell the two apart.**
+   * Navigation moves between pages and tabs between the panels of one page,
+   * and the bar looks the same either way. A console whose sections are pages
+   * could not draw them the way its underlined tabs were drawn.
+   *
+   * Down a column, `underlined` stands the rule and the mark along the
+   * column's inline end.
+   *
+   * Reflected and left unset by default, so the host carries nothing a
+   * consumer's server markup does not already have.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by

package/types/vue.d.ts

@@ -896,7 +896,9 @@ Read-only to a consumer: it is a report rather than a setting, and the same
 report `Image` gives, for the same reason. `load` and `error` fire once, so
 a listener bound after the picture settled hears neither, which is the
 platform on an `<img>` too, and this is what that listener asks instead.
-Mirrored to `data-status` rather than reflected, as `Image` explains. */
+Mirrored to `data-status` rather than reflected, as `Image` explains, once a
+picture has loaded or failed. An avatar with no `src` reports `error` here
+and as `:state(error)`, and writes no `data-status`. */
   status?: (HelixHeadlessAvatar["status"]) | undefined;
 };
 
@@ -11065,6 +11067,26 @@ second "Main". */
 for a header or a footer. The marker follows the current destination down
 the column as it does along the row. */
   orientation?: (HelixHeadlessNavigation["orientation"]) | undefined;
+  /** How the destinations are drawn, with `Tabs`' three values and for the same
+reasons.
+
+Unset is a pill under the current destination with nothing behind the row,
+for a bar inside other chrome. `underlined` is a rule under the row and a
+thicker one under the current destination, for a bar that heads a page, as
+a repository's or a project's sections do. `segmented` puts the pill in a
+framed, sunken track, for a short set that reads as one control.
+
+**The same words as `Tabs`, because a reader cannot tell the two apart.**
+Navigation moves between pages and tabs between the panels of one page,
+and the bar looks the same either way. A console whose sections are pages
+could not draw them the way its underlined tabs were drawn.
+
+Down a column, `underlined` stands the rule and the mark along the
+column's inline end.
+
+Reflected and left unset by default, so the host carries nothing a
+consumer's server markup does not already have. */
+  variant?: (HelixHeadlessNavigation["variant"]) | undefined;
 };
 
 export type HelixHeadlessNavigationVueEvents = {};