@fusion.dev/helix 0.38.0 → 0.40.0

package/custom-elements.json

@@ -85,7 +85,7 @@
               }
             },
             {
-              "description": "Padding wrapper inside the animated region.",
+              "description": "The clipping box inside the animated region. The inset is on the slot within it, not here: padding on the grid item survives a zero track, which left a shut section with a band of space under it.",
               "name": "content-inner",
               "inheritedFrom": {
                 "name": "HelixHeadlessAccordionItem",
@@ -649,44 +649,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "type": {
-                "text": "HelixBeforeOpenEvent"
-              },
-              "description": "Fired before the item opens or closes. Cancelable: refusing it takes the decision and nothing moves.",
-              "name": "helix-before-open",
-              "reactProp": "onhelix-before-open",
-              "inheritedFrom": {
-                "name": "HelixHeadlessAccordionItem",
-                "module": "src/accordion/item/accordion-item.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "HelixBeforeCloseEvent"
-              },
-              "description": "Fired before the section closes, and cancelable.",
-              "name": "helix-before-close",
-              "reactProp": "onhelix-before-close",
-              "inheritedFrom": {
-                "name": "HelixHeadlessAccordionItem",
-                "module": "src/accordion/item/accordion-item.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "Says the state moved, carrying `newState` and `oldState`.",
-              "name": "toggle",
-              "reactProp": "ontoggle",
-              "inheritedFrom": {
-                "name": "HelixHeadlessAccordionItem",
-                "module": "src/accordion/item/accordion-item.ts"
-              }
-            }
-          ],
           "superclass": {
             "name": "HelixHeadlessAccordionItem",
             "package": "@fusion.dev/helix-headless/accordion"
@@ -694,7 +656,7 @@
           "summary": "One collapsible section of an accordion.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/accordion",
             "aliases": [
               "Collapsible",
@@ -758,6 +720,44 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "HelixBeforeCloseEvent"
+              },
+              "description": "Fired before the section closes, and cancelable.",
+              "name": "helix-before-close",
+              "reactProp": "onhelix-before-close",
+              "inheritedFrom": {
+                "name": "HelixHeadlessAccordionItem",
+                "module": "src/accordion/item/accordion-item.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "HelixBeforeOpenEvent"
+              },
+              "description": "Fired before the section opens. Cancelable: refusing it takes the decision and nothing moves.",
+              "name": "helix-before-open",
+              "reactProp": "onhelix-before-open",
+              "inheritedFrom": {
+                "name": "HelixHeadlessAccordionItem",
+                "module": "src/accordion/item/accordion-item.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Says the state moved, carrying `newState` and `oldState`.",
+              "name": "toggle",
+              "reactProp": "ontoggle",
+              "inheritedFrom": {
+                "name": "HelixHeadlessAccordionItem",
+                "module": "src/accordion/item/accordion-item.ts"
+              }
+            }
+          ],
           "cssStates": [
             {
               "description": "While the item is open.",
@@ -1255,7 +1255,7 @@
           "helix": {
             "category": "layout",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/accordion",
             "aliases": [
               "Collapse",
@@ -1278,7 +1278,7 @@
                 "slug": "events"
               },
               {
-                "description": "A hairline around the set, for a panel that needs an edge against the page.",
+                "description": "A hairline around each item, for a set sitting directly on the page.",
                 "slug": "outlined"
               },
               {
@@ -31127,6 +31127,14 @@
               "description": "Type size, headings and cells alike.",
               "name": "--data-table-text"
             },
+            {
+              "description": "The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; `helix-table` publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name.",
+              "name": "--data-table-cell-align",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDataTable",
+                "module": "src/data-table/root/data-table-root.ts"
+              }
+            },
             {
               "description": "The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--data-table-columns` is the one to set.",
               "name": "--data-table-template",
@@ -31258,7 +31266,7 @@
               }
             },
             {
-              "description": "Shown when no rows match.",
+              "description": "Shown when the result has nothing in it, whether it arrived empty or a filter emptied it. A result still on its way is `loading` instead, which wins over this.",
               "name": "empty",
               "inheritedFrom": {
                 "name": "HelixHeadlessDataTable",
@@ -31577,7 +31585,7 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "description": "Emptiness is a fact about the data here, not about slotted children.",
+              "description": "Emptiness is a fact about the data here, not about slotted children.\n\n**The page rather than the window**, which is the difference between the two\ncounts `view` carries and the reason this reads `available`. A windowed\ntable draws a slice, and a slice can be short of the rows that are there:\nasking whether *this* slice has rows says \"nothing matched\" about a result\nthat matched plenty.\n\nThe mixin's own answer counts children with no `slot`, which for this\nelement is the columns. Left in place, a table with columns and no data\nwould call itself full.",
               "inheritedFrom": {
                 "name": "MixinCollection",
                 "module": "src/mixins/mixin-collection/mixin-collection.ts"
@@ -32780,6 +32788,7 @@
                   }
                 }
               ],
+              "description": "One cell, carrying its column's edge as a fact rather than as a decision.\n\n**A fact published rather than a property chosen**, which is what\n`helix-table` does with the same attribute: what lining up *means*, a\n`justify-content` for a value that fits or a `text-align` for one that\nwraps, belongs to whoever draws the cell. Written here as an inline\n`text-align` it was this tier choosing, in the tier that ships no CSS, and a\nconsumer could not overrule it either, an inline declaration beating any\n`::part(cell)` rule they wrote.\n\nOnly the three edges reach it, `align` being a string anybody can write and\nthis being a style attribute: `edgeOf` is that guard, and `helix-table`\nholds the same value to the same three.",
               "inheritedFrom": {
                 "name": "HelixHeadlessDataTable",
                 "module": "src/data-table/root/data-table-root.ts"
@@ -33431,7 +33440,7 @@
           "helix": {
             "category": "data",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/data-table",
             "tier": "styled",
             "group": "DataTable",
@@ -38601,7 +38610,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "What the value is, for the common case of plain text.\n\nThe fallback of the `label` slot, so slotted content replaces it rather than\nappearing beside it.",
+              "description": "What the value is called, for the common case of plain text.\n\nThe fallback of the `label` slot, so slotted content replaces it rather than\nappearing beside it. The value itself is the default slot: it is the half\nthat varies and is often more than text.",
               "attribute": "label",
               "inheritedFrom": {
                 "name": "HelixHeadlessDescriptionListItem",
@@ -38940,7 +38949,7 @@
           "summary": "One label and its value.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/description-list",
             "tier": "styled",
             "group": "DescriptionList",
@@ -38991,7 +39000,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "What the value is, for the common case of plain text.\n\nThe fallback of the `label` slot, so slotted content replaces it rather than\nappearing beside it.",
+              "description": "What the value is called, for the common case of plain text.\n\nThe fallback of the `label` slot, so slotted content replaces it rather than\nappearing beside it. The value itself is the default slot: it is the half\nthat varies and is often more than text.",
               "fieldName": "label",
               "inheritedFrom": {
                 "name": "HelixHeadlessDescriptionListItem",
@@ -39062,7 +39071,7 @@
           "name": "HelixDescriptionList",
           "cssProperties": [
             {
-              "description": "Space between one pair and the next.",
+              "description": "Space between one pair and the next. Its resting value is tighter with `direction=\"row\"` than stacked, a row of pairs needing less air between them than a column of them does, and setting this takes both.",
               "name": "--description-list-gap"
             }
           ],
@@ -39464,7 +39473,7 @@
           "helix": {
             "category": "data",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/description-list",
             "aliases": [
               "Data list",
@@ -54009,7 +54018,7 @@
               }
             },
             {
-              "description": "Shown when the table has no readings in it.",
+              "description": "Shown when the table has no readings in it, and not before the table can be read at all: on a server, and while hydrating what one sent, there is no document to resolve `for` in and nothing is known yet.",
               "name": "empty",
               "inheritedFrom": {
                 "name": "HelixHeadlessHeatmap",
@@ -54042,10 +54051,6 @@
             }
           ],
           "slots": [
-            {
-              "description": "The `<table>` this draws, where it is not named by `for`.",
-              "name": ""
-            },
             {
               "description": "Below the strip, at the trailing edge.",
               "name": "end",
@@ -54224,7 +54229,7 @@
                 "text": "string"
               },
               "default": "'No readings'",
-              "description": "Shown when the table has no readings in it.",
+              "description": "Shown when the table has no readings in it.\n\nNever shown while the table cannot be read at all, which is a server render\nand the hydrating one after it: see `sourceKnown`.",
               "attribute": "empty-text",
               "inheritedFrom": {
                 "name": "HelixHeadlessHeatmap",
@@ -54368,6 +54373,20 @@
                 "module": "src/heatmap/root/heatmap-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "sourceKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether this render can tell a table with no readings from one it has not\nresolved yet.\n\n**Unknown is not empty, which is what an empty state must never say.**\n`for` names an id and resolving an id wants a document, so a server has\nnone and a hydrating render must not look either. Without this the server\ndrew \"No readings\" over a table holding ninety days of them, a crawler read\nthat sentence, and the strip flipped to a full one on hydration: the fault\n`MixinCollection` names for a slotted collection, arriving through the one\nchannel that mixin cannot see.\n\nThe same shape as `childrenKnown`, asked of a document rather than of a\ntree. An id that resolves to nothing in a browser is still known, and still\nempty: a `for` naming no table should say so rather than sit blank.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessHeatmap",
+                "module": "src/heatmap/root/heatmap-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "rowCount",
@@ -54859,7 +54878,7 @@
           "helix": {
             "category": "charts",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/heatmap",
             "tier": "styled",
             "group": "Heatmap",
@@ -54931,7 +54950,7 @@
                 "text": "string"
               },
               "default": "'No readings'",
-              "description": "Shown when the table has no readings in it.",
+              "description": "Shown when the table has no readings in it.\n\nNever shown while the table cannot be read at all, which is a server render\nand the hydrating one after it: see `sourceKnown`.",
               "fieldName": "emptyText",
               "inheritedFrom": {
                 "name": "HelixHeadlessHeatmap",
@@ -67991,7 +68010,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The tick and the arrow hold their space whether or not they are showing, so\nthe labels in a menu start at one place and the rows read as a column rather\nthan as a ragged list.",
+          "description": "A row draws a column beside its label only where it has something to put in\none, and the width is the menu's rather than the row's: the page reserves a\nleading or a trailing track as soon as any row on it fills one, so every\nlabel on that page starts at the same edge and a page that fills neither pays\nfor neither. A row knows about its own slots and nothing about its\nneighbors, which is why the reservation is not made here.",
           "name": "HelixMenuItem",
           "cssProperties": [
             {
@@ -68658,7 +68677,7 @@
           "summary": "One row in a menu: a command, a choice, or a way into a submenu.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/menu",
             "aliases": [
               "Menu option",
@@ -69817,7 +69836,7 @@
           "helix": {
             "category": "overlays",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/menu",
             "aliases": [
               "Dropdown",
@@ -71649,7 +71668,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/navigation",
             "aliases": [
               "Nav",
@@ -76579,9 +76598,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to leave the copy button off.\n\nNegative for the reason Code Block's is: a boolean attribute defaulting to\ntrue could never be turned off from markup.",
+              "description": "Whether to leave the copy button off.\n\nNegative for the reason Code Block's is: a boolean attribute defaulting to\ntrue could never be turned off from markup.\n\n**It does not reflect, where Code Block's does**, and the difference is what\nthe two sheets need. Code Block reserves the button's width with\n`:host(:not([no-copy]))`, so the attribute has to be there for a consumer\nwho set the property. This button is positioned out of the flow and takes no\nroom, so nothing selects on it, and reflection exists so that a selector can\nreach a value.",
               "attribute": "no-copy",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "HelixHeadlessObjectInspector",
                 "module": "src/object-inspector/root/object-inspector-root.ts"
@@ -76949,6 +76967,7 @@
                   }
                 }
               ],
+              "description": "One entry, named for its state where it holds one.\n\n**`row-active` and no attribute beside it.** Which row the keys are on is\ndrawn by a sheet and by nothing else: the accessibility tree hears it from\n`aria-activedescendant` on the tree, which points at this row's id, so an\nattribute would be a second spelling with no reader. The name is the one a\nconsumer can reach, nothing being able to follow `::part()` with an\nattribute selector.",
               "inheritedFrom": {
                 "name": "HelixHeadlessObjectInspector",
                 "module": "src/object-inspector/root/object-inspector-root.ts"
@@ -77296,7 +77315,7 @@
           "helix": {
             "category": "data",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/object-inspector",
             "aliases": [
               "JSON viewer",
@@ -77601,7 +77620,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether to leave the copy button off.\n\nNegative for the reason Code Block's is: a boolean attribute defaulting to\ntrue could never be turned off from markup.",
+              "description": "Whether to leave the copy button off.\n\nNegative for the reason Code Block's is: a boolean attribute defaulting to\ntrue could never be turned off from markup.\n\n**It does not reflect, where Code Block's does**, and the difference is what\nthe two sheets need. Code Block reserves the button's width with\n`:host(:not([no-copy]))`, so the attribute has to be there for a consumer\nwho set the property. This button is positioned out of the flow and takes no\nroom, so nothing selects on it, and reflection exists so that a selector can\nreach a value.",
               "fieldName": "noCopy",
               "inheritedFrom": {
                 "name": "HelixHeadlessObjectInspector",
@@ -82117,7 +82136,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/pagination",
             "aliases": [
               "Pager",
@@ -82133,7 +82152,7 @@
                 "slug": "preview"
               },
               {
-                "description": "Large counts written short, so a summary does not wrap at page nine hundred.",
+                "description": "Large counts grouped for the locale and written short, so a summary does not wrap at page nine hundred.",
                 "slug": "compact-counts"
               },
               {
@@ -83220,7 +83239,7 @@
           "summary": "Chooses how many items a page holds.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/pagination",
             "aliases": [
               "Page size",
@@ -83798,7 +83817,7 @@
           "summary": "Reads out which items of how many are on show.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/pagination",
             "aliases": [
               "Result count",
@@ -107882,7 +107901,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/steps",
             "aliases": [
               "Stepper",
@@ -107898,11 +107917,11 @@
                 "slug": "preview"
               },
               {
-                "description": "A sequence with the third step current, so before and after both show.",
+                "description": "A sequence with the middle step current, so a finished one and one still ahead both show.",
                 "slug": "active"
               },
               {
-                "description": "Steps that fold to the current one where there is no room for all of them.",
+                "description": "Down a column, where only the stage the reader is in holds its content open.",
                 "slug": "collapsible"
               },
               {
@@ -108538,7 +108557,7 @@
           "summary": "One stage in a sequence.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/steps",
             "aliases": [
               "Stage"
@@ -108559,7 +108578,7 @@
               }
             },
             {
-              "description": "What the stage holds, shown while it is the current one.",
+              "description": "What the stage holds. Always rendered here, a tier with no stylesheet having nothing to fold it with; the styled tier opens it on the current step down a column, and a row has no space under a step to open it into.",
               "name": "content",
               "inheritedFrom": {
                 "name": "HelixHeadlessStep",
@@ -113289,7 +113308,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Selection is marked with a rule under the active tab rather than a filled\npill, which keeps the row flat and lets the underline animate between tabs as\na movement instead of two separate fills.",
+          "description": "One mark travels between the tabs rather than each of them filling and\nemptying in turn. A fill that swaps is two things changing at once and reads\nas a flicker; one that moves is a single object the eye follows, and it says\nwhere the current tab was as well as where it is. `Navigation` marks its\ndestinations the same way and for the same reason.\n\nWhat the mark is depends on `variant`: unset it is a raised pill on the\nselected tab with nothing behind the row, `underlined` makes it a bar along\nthe bottom of the strip on a rule, and `segmented` grows it to the tab's own\nbox inside a sunken track.",
           "name": "HelixTabs",
           "cssParts": [
             {
@@ -113319,7 +113338,7 @@
           ],
           "slots": [
             {
-              "description": "The tabs.",
+              "description": "The tabs, which are this element's own children.",
               "name": "",
               "inheritedFrom": {
                 "name": "HelixHeadlessTabs",
@@ -113327,7 +113346,7 @@
               }
             },
             {
-              "description": "The panels.",
+              "description": "The panels, which are this element's own children. A wrapper around them is assigned to the slot and pairs with nothing, since the pairing walks these children rather than the slot's tree.",
               "name": "panels",
               "inheritedFrom": {
                 "name": "HelixHeadlessTabs",

package/dist/accordion/item/accordion-item.d.ts

@@ -12,19 +12,17 @@ import type { CSSResultGroup } from 'lit';
  * Usable on its own as a disclosure, with no accordion around it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases Collapsible, Expander, Disclosure
  * @documentation https://fusion.dev/helix/components/accordion
  *
  * @slot - The content revealed when open.
  * @slot summary - The always-visible trigger content.
  *
- * @event {HelixBeforeOpenEvent} helix-before-open - Fired before the item opens or closes. Cancelable: refusing it takes the decision and nothing moves.
- *
  * @csspart chevron - The open and close indicator.
  * @csspart container - The outer wrapper.
  * @csspart content - The revealed region.
- * @csspart content-inner - Padding wrapper inside the animated region.
+ * @csspart content-inner - The clipping box inside the animated region. The inset is on the slot within it, not here: padding on the grid item survives a zero track, which left a shut section with a band of space under it.
  * @csspart trigger - The clickable summary row.
  *
  * @cssproperty --accordion-item-padding - Inset of the trigger and content.

package/dist/accordion/root/accordion-root.d.ts

@@ -10,7 +10,7 @@ import type { CSSResultGroup } from 'lit';
  * the default: an accordion is a list, where a card is a surface.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category layout
  * @aliases Collapse, Expander group
  * @documentation https://fusion.dev/helix/components/accordion

package/dist/data-table/root/data-table-root.css.js

@@ -66,6 +66,8 @@ font-size: var(--data-table-text, var(--helix-text-sm));
 padding-block: var(--data-table-padding-block, var(--helix-space-sm));
 
 padding-inline: var(--data-table-padding-inline, var(--helix-space-none) var(--helix-space-md));
+
+text-align: var(--data-table-cell-align);
 }
 
 [part="row"]:last-of-type [part~="cell"] {

package/dist/data-table/root/data-table-root.d.ts

@@ -25,7 +25,7 @@ import '../../table/index.js';
  * `helix-table` where the content has to be in the served HTML.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category data
  * @documentation https://fusion.dev/helix/components/data-table
  *

package/dist/description-list/item/description-list-item.d.ts

@@ -8,7 +8,7 @@ import type { CSSResultGroup } from 'lit';
  * to a screen reader, while lining up with every other pair in the list.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @documentation https://fusion.dev/helix/components/description-list
  */
 export declare class HelixDescriptionListItem extends HelixHeadlessDescriptionListItem {

package/dist/description-list/root/description-list-root.d.ts

@@ -20,12 +20,12 @@ import type { CSSResultGroup } from 'lit';
  * figures of one width, which is how a set of totals is read.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category data
  * @aliases Data list, Key-value list, Details, Properties
  * @documentation https://fusion.dev/helix/components/description-list
  *
- * @cssproperty --description-list-gap - Space between one pair and the next.
+ * @cssproperty --description-list-gap - Space between one pair and the next. Its resting value is tighter with `direction="row"` than stacked, a row of pairs needing less air between them than a column of them does, and setting this takes both.
  */
 export declare class HelixDescriptionList extends HelixHeadlessDescriptionList {
     static styles: CSSResultGroup;

package/dist/heatmap/root/heatmap-root.d.ts

@@ -18,11 +18,10 @@ import '../../tooltip/index.js';
  * thing two cells can be compared by.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category charts
  * @documentation https://fusion.dev/helix/components/heatmap
  *
- * @slot - The `<table>` this draws, where it is not named by `for`.
  * @slot end - Below the strip, at the trailing edge.
  * @slot start - Below the strip, at the leading edge.
  * @slot summary - Below the strip, in the middle.

package/dist/menu/item/menu-item.d.ts

@@ -4,12 +4,15 @@ import type { CSSResultGroup } from 'lit';
  * @summary One row in a menu: a command, a choice, or a way into a submenu.
  *
  * @description
- * The tick and the arrow hold their space whether or not they are showing, so
- * the labels in a menu start at one place and the rows read as a column rather
- * than as a ragged list.
+ * A row draws a column beside its label only where it has something to put in
+ * one, and the width is the menu's rather than the row's: the page reserves a
+ * leading or a trailing track as soon as any row on it fills one, so every
+ * label on that page starts at the same edge and a page that fills neither pays
+ * for neither. A row knows about its own slots and nothing about its
+ * neighbors, which is why the reservation is not made here.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases Menu option, Menu row
  * @documentation https://fusion.dev/helix/components/menu
  *

package/dist/menu/root/menu-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * one panel and reads the same on a phone as on a desk.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category overlays
  * @aliases Dropdown, Action menu
  * @documentation https://fusion.dev/helix/components/menu

package/dist/navigation/root/navigation-root.d.ts

@@ -10,7 +10,7 @@ import type { CSSResultGroup } from 'lit';
  * says where the current page was as well as where it is.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category navigation
  * @aliases Nav, NavList, Tabs
  * @documentation https://fusion.dev/helix/components/navigation

package/dist/object-inspector/root/object-inspector-root.css.js

@@ -81,11 +81,11 @@ var(--helix-space-sm)
 );
 }
 
-[part="tree"]:focus [part~="row"][data-active] {
+[part="tree"]:focus [part~="row-active"] {
 background-color: var(--helix-color-surface-sunken);
 }
 
-[part="tree"]:focus-visible [part~="row"][data-active] {
+[part="tree"]:focus-visible [part~="row-active"] {
 outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
 outline-offset: calc(var(--helix-size-focus-offset) * -1);
 }

package/dist/object-inspector/root/object-inspector-root.d.ts

@@ -13,7 +13,7 @@ import '../../copy-button/index.js';
  * never has to measure them one by one.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category data
  * @aliases JSON viewer, Object viewer, Inspector, Data explorer
  * @documentation https://fusion.dev/helix/components/object-inspector

package/dist/pagination/root/pagination-root.d.ts

@@ -29,7 +29,7 @@ import type { CSSResultGroup } from 'lit';
  * is a way through rather than a destination, so it does not compete.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category navigation
  * @aliases Pager, Page nav
  * @documentation https://fusion.dev/helix/components/pagination

package/dist/pagination/size/pagination-size.d.ts

@@ -15,7 +15,7 @@ import '../../select/index.js';
  * as the select it is.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases Page size, Rows per page
  * @documentation https://fusion.dev/helix/components/pagination
  *