@fusion.dev/helix-headless 0.153.0 → 0.154.0

package/custom-elements.json

@@ -6056,11 +6056,15 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Badge wraps the element it decorates and pins an indicator to its corner, so\nthe wrapped element keeps its place in the layout.\n\nWhat the indicator shows depends on `value`:\n\n- A `value` of zero shows no indicator.\n- No `value` shows a dot.\n- Any other value shows the value. Above `max`, the indicator shows `{max}+`,\n  so its width stays the same as the count grows.\n\n`format-options` writes a count with `Intl.NumberFormat`, in `locale`:\n`format-options='{\"notation\":\"compact\"}'` shows 1,200 as `1.2K`. Absent, the\ncount is shown as it was given.\n\nA count is announced from its own text, and `label` replaces that with a\nfuller name, such as `4 unread`. A dot needs a `label`. Without one, the dot\nis a colored circle that screen readers do not announce.\n\n**A badge wrapped around a control describes it.** The control is the first\nelement in the badge that takes focus, and its description is the badge's\nwords, so focusing `<helix-badge value=\"8\" label=\"{count} unread\"><button>Inbox\n</button></helix-badge>` announces \"Inbox, button, 8 unread\", current as the\ncount changes. A control that already has a description keeps its own. The\ncount is also a status of its own, read when it changes.\n\n**Put the badge inside the control to have its count read with the\ncontrol's name**, as Web Awesome and Shoelace do: `<button>Inbox\n<helix-badge value=\"8\" label=\"8 unread\"></helix-badge></button>` is the\nbutton \"Inbox 8 unread\", and stays current as the count changes. The styled\ntier's `placement=\"inline\"` draws the mark in the line for that case.",
+          "description": "Badge wraps the element it decorates and pins an indicator to its corner, so\nthe wrapped element keeps its place in the layout.\n\nWhat the indicator shows depends on `value`:\n\n- A `value` of zero shows no indicator.\n- No `value` shows a dot.\n- Any other value shows the value. Above `max`, the indicator shows `{max}+`,\n  so its width stays the same as the count grows.\n\n`format-options` writes a count with `Intl.NumberFormat`, in `locale`:\n`format-options='{\"notation\":\"compact\"}'` shows 1,200 as `1.2K`. Absent, the\ncount is shown as it was given.\n\nA count is announced from its own text, and `label` replaces that with a\nfuller name, such as `4 unread`. A dot needs a `label`. Without one, the dot\nis a colored circle that screen readers do not announce.\n\n**A badge wrapped around a control describes it.** The control is the first\nelement in the badge that takes focus, and its description is the badge's\nwords, so focusing `<helix-badge value=\"8\" label=\"{count} unread\"><button>Inbox\n</button></helix-badge>` announces \"Inbox, button, 8 unread\", current as the\ncount changes. A control that already has a description keeps its own. The\ncount is also a status of its own, read when it changes.\n\n**Put the badge inside the control to have its count read with the\ncontrol's name**, as Web Awesome and Shoelace do: `<button>Inbox\n<helix-badge value=\"8\" label=\"8 unread\"></helix-badge></button>` is the\nbutton \"Inbox 8 unread\", and stays current as the count changes. The styled\ntier's `placement=\"inline\"` draws the mark in the line for that case.\n\n**An icon goes inside the mark** through the `icon` slot, before the count,\nas Web Awesome's badge takes one at its start. With no `value` the icon is\nthe whole mark, such as a check on an avatar, drawn where the dot would be.\nThe icon is hidden from screen readers: the count and `label` are what the\nmark says.",
           "name": "HelixHeadlessBadge",
           "cssParts": [
             {
-              "description": "The count, or the dot when there is no value.",
+              "description": "The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.",
               "name": "indicator"
             }
           ],
@@ -6068,6 +6072,10 @@
             {
               "description": "The element being decorated.",
               "name": ""
+            },
+            {
+              "description": "An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -6119,6 +6127,23 @@
               "description": "The count or short text to show.\n\nAbsent shows a dot, zero shows nothing.\n\n**A string, and a number is taken anyway.** What this shows is usually a\ncount, so `value={unread}` is the first thing a React consumer writes, and\na property assignment does not go through the attribute converter that\nwould have made it a string. Read raw it went straight into\n`this.value.trim()`, which threw inside `render` and left the mark showing\nwhatever it had last: measured, a badge set to the number 2 stayed an 8px\ndot with no digit in it, and the console carried\n`TypeError: this.value.trim is not a function`. A component whose whole job\nis showing a count must not lose the count for being handed one.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "hasIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether something is slotted into `icon`, read from the children."
+            },
+            {
+              "kind": "field",
+              "name": "readIcon",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Reads whether an icon is slotted, from the children where they can be known."
+            },
             {
               "kind": "field",
               "name": "given",
@@ -6611,9 +6636,13 @@
               "name": "capped"
             },
             {
-              "description": "There is no value, so the mark is a dot.",
+              "description": "There is no value and no icon, so the mark is a dot.",
               "name": "dot"
             },
+            {
+              "description": "Something is slotted into `icon`, so it is drawn inside the mark.",
+              "name": "has-icon"
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -19671,7 +19700,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The header, body, and footer regions are slots, because they have no state,\nbehavior, or API of their own. You bring your own markup, so a title can be a\nreal `<h2>`.\n\nThe host is the surface. The element itself takes the border, the radius, and\nthe grid, so you style `Card` directly and there is no wrapper part to reach\nthrough with `::part`.\n\nName the card with `label`, as a Stat Group is named, or with `aria-label`\nor `aria-labelledby`. These are the only names that work with server\nrendering, because reading a title from the light DOM needs a DOM, and the\nserver has none. `label` is set through `ElementInternals`, so it writes no\nattribute onto the card. **A named card is a group**, so a\nreader entering it hears its name; an unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says.\n\nEach region's slot is a part of the same name, `body` for the main content,\nas Web Awesome's card names its regions. A slot draws no box, so a part\npasses inherited properties to what is slotted, and a page wanting a box\nthere gives it one with `display`.\n\n`header-actions` and `footer-actions` hold controls at the end of the\nheader's and the footer's line, as Web Awesome's card does. While one holds\nsomething, its line is a `header-row` or `footer-row` part; otherwise there\nis no wrapper and every region is a bare slot. A server cannot see slotted\ncontent, so served actions sit on their own line until the script runs.\n\n**The card says which regions it holds**, as `:state(has-media)`,\n`:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card\nwith a header differently, as Web Awesome's `with-header` does, with no\nattribute written onto the card. Read in the browser, so a served card\ncarries none until the script runs.",
+          "description": "The header, body, and footer regions are slots, because they have no state,\nbehavior, or API of their own. You bring your own markup, so a title can be a\nreal `<h2>`.\n\nThe host is the surface. The element itself takes the border, the radius, and\nthe grid, so you style `Card` directly and there is no wrapper part to reach\nthrough with `::part`.\n\nName the card with `label`, as a Stat Group is named, or with `aria-label`\nor `aria-labelledby`. `label` is set through `ElementInternals`, so it\nwrites no attribute onto the card. **A named card is a group**, so a\nreader entering it hears its name; an unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says.\n\n**With none of those, a heading in `header` names the card**, such as the\n`<h2>` of its title, by reference, so the name follows the heading's words.\nReading a heading needs a DOM, so a served card is named by it once the\nscript runs; `label`, `aria-label` and `aria-labelledby` are the names a\nserver writes.\n\nEach region's slot is a part of the same name, `body` for the main content,\nas Web Awesome's card names its regions. A slot draws no box, so a part\npasses inherited properties to what is slotted, and a page wanting a box\nthere gives it one with `display`.\n\n`header-actions` and `footer-actions` hold controls at the end of the\nheader's and the footer's line, as Web Awesome's card does. While one holds\nsomething, its line is a `header-row` or `footer-row` part; otherwise there\nis no wrapper and every region is a bare slot. A server cannot see slotted\ncontent, so a served card has no row; the styled tier sets served actions at\nthe end of their line from the stylesheet alone, so they do not move when\nthe script runs.\n\n**The card says which regions it holds**, as `:state(has-media)`,\n`:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card\nwith a header differently, as Web Awesome's `with-header` does, with no\nattribute written onto the card. Read in the browser, so a served card\ncarries none until the script runs.",
           "name": "HelixHeadlessCard",
           "cssParts": [
             {
@@ -19754,6 +19783,49 @@
               "attribute": "media-placement",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "observedAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "description": "Hears a name written on the card, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform. Observed here rather\nthan through a property, so the manifest lists no attribute of the card's\nown for them.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attributeChangedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "old",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the card is a\ngroup and whether its heading names it.",
+              "type": {
+                "text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
+              }
+            },
             {
               "kind": "field",
               "name": "footerActions",
@@ -19774,6 +19846,17 @@
               "default": "false",
               "description": "Whether `header-actions` holds something, read from the slot."
             },
+            {
+              "kind": "method",
+              "name": "writeName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Says what the card is and what names it. On the host, since the host is\nthe box, and from `willUpdate`, which the server calls too.\n\n**A heading in `header` is the name only where nothing else is**, and it\nnames the card by reference, so a renamed heading renames the card. An\nengine without element references hears its words."
+            },
             {
               "kind": "field",
               "name": "readRegions",
@@ -20137,20 +20220,6 @@
               },
               "description": "Places the media after the content. By default it comes before.\n\n**A figure that concludes a card is the same region as one that opens it**,\nand the only thing that differs is which edge it is flush against. Media is\nthe one region that escapes the inset, so a chart wanting to span the card\nhas nowhere else to be: slotted into the content it keeps the padding on\nboth sides, and there is no second bleeding region to add without saying\ntwice what this says once.\n\nReflected and undefaulted, so a card that has not asked reads as a card\nwith no attribute on it and the stylesheet only describes the departure.",
               "fieldName": "mediaPlacement"
-            },
-            {
-              "name": "aria-labelledby",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
             }
           ],
           "cssStates": [
@@ -29693,7 +29762,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a `<pre><code>` pair: `pre` keeps the whitespace, and `code` marks it\nas code. Long lines scroll inside the block and do not wrap, because a line\nbreak can be significant in code.\n\nA copy button is on by default. Set `no-copy` to remove it. The button copies\nthe slotted text, so there is no second copy of the code to keep in sync.\n\nFor a fragment of code inside a sentence, use `Code`.\n\nSet `line-numbers` to number the lines in a gutter beside the code, hidden\nfrom the accessibility tree and left out of a copy. Set `highlight` to a\nfunction that turns the code into highlighted markup, such as one wrapping\nShiki or Prism, and the block draws what it returns; it is handed the\nblock's `language`, so one function serves every block. The code stays in\nthe slot, so the copy button and the page's own text are the code as\nwritten.\n\nSet `expandable` on a block whose height is capped, such as by\n`--code-block-max-block-size`, and a button under it shows every line and\nthen fewer again, as a docs site's long example does. The button is drawn\nonly while the cap hides something, says whether the block is expanded with\n`aria-expanded`, names the block it opens with `aria-controls`, and the block\ncarries `:state(expanded)` while it is.\n\nSet `diff` to show a change. Put a unified diff, the output of `git diff` or\n`diff -u`, in the same slot, and the block draws the lines it added and\nremoved. The block never computes a diff itself. Line numbers come from the\nhunk headers and are hidden from the accessibility tree. Changed lines are\n`<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not\ndepend on color. Each file in the patch is its own block under its own name,\nand its copy button copies the new version of the file. `variant=\"split\"`\nshows the old version beside the new, each removal opposite its replacement.\n\nOn the server, the slot renders as ordinary code, so a diff first appears as\nthe patch text in a `<pre>`. The client makes the same first render, which\nkeeps hydration clean, and draws the diff once it can read the content. Diff\nmode is experimental. The rest of the family is stable.",
+          "description": "Renders a `<pre><code>` pair: `pre` keeps the whitespace, and `code` marks it\nas code. Long lines scroll inside the block and do not wrap, because a line\nbreak can be significant in code.\n\nA copy button is on by default. Set `no-copy` to remove it. The button copies\nthe slotted text, so there is no second copy of the code to keep in sync.\n\nFor a fragment of code inside a sentence, use `Code`.\n\nSet `line-numbers` to number the lines in a gutter beside the code, hidden\nfrom the accessibility tree and left out of a copy. Set `highlight` to a\nfunction that turns the code into highlighted markup, such as one wrapping\nShiki or Prism, and the block draws what it returns; it is handed the\nblock's `language`, so one function serves every block. The code stays in\nthe slot, so the copy button and the page's own text are the code as\nwritten.\n\nSet `expandable` on a block whose height is capped, such as by\n`--code-block-max-block-size`, and a button under it shows every line and\nthen fewer again, as a docs site's long example does. The button is drawn\nonly while the cap hides something, says whether the block is expanded with\n`aria-expanded`, names the block it opens with `aria-controls`, and the block\ncarries `:state(expanded)` while it is.\n\nSet `diff` to show a change. Put a unified diff, the output of `git diff` or\n`diff -u`, in the same slot, and the block draws the lines it added and\nremoved. The block never computes a diff itself. Line numbers come from the\nhunk headers and are hidden from the accessibility tree. Changed lines are\n`<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not\ndepend on color. Each file in the patch is its own block under its own name,\nand its copy button copies the new version of the file. `variant=\"split\"`\nshows the old version beside the new, each removal opposite its replacement.\n\n**A block that scrolls is a tab stop.** While its lines run past its width or\nits cap, the scroller is a region named for the block, such as \"Code,\napp.ts\", that Tab reaches, so a keyboard scrolls it with the arrow keys in\nevery browser. Chromium and Firefox make a scrolling box focusable on their\nown, and Safari does not. A block that fits is no stop at all.\n\n**The code the block draws is marked untranslated**, `translate=\"no\"` on\nits `<pre>`, so a page translator leaves highlighted lines and a diff as\nwritten. Code in the slot takes its translation mode from the element, which\nwrites nothing onto itself, so set `translate=\"no\"` on the element to keep a\ntranslator off plain code too.\n\nOn the server, the slot renders as ordinary code, so a diff first appears as\nthe patch text in a `<pre>`. The client makes the same first render, which\nkeeps hydration clean, and draws the diff once it can read the content. Diff\nmode is experimental. The rest of the family is stable.",
           "name": "HelixHeadlessCodeBlock",
           "cssParts": [
             {
@@ -29854,6 +29923,32 @@
               "default": "'helix-code-block'",
               "description": "The key this family's words are registered under, its styled tag:\n`registerWords('de', { 'helix-code-block': { copyLabel: 'Code kopieren' } })`."
             },
+            {
+              "kind": "field",
+              "name": "codeLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Code'",
+              "description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
+              "attribute": "code-label",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "codeNameLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{code}, {name}'",
+              "description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
+              "attribute": "code-name-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "collapseLabel",
@@ -30066,7 +30161,7 @@
                 "text": "ResizeObserver | undefined"
               },
               "privacy": "private",
-              "description": "Watches the block's size, while it is expandable."
+              "description": "Watches the block's size."
             },
             {
               "kind": "field",
@@ -30075,6 +30170,17 @@
               "readonly": true,
               "description": "Reads whether the cap hides lines: the scroller is taller inside than it\nis drawn. The styled tier caps the `<code>`, and a page may cap the\n`<pre>`, so both are asked. Left as it was while expanded, which shows\neverything."
             },
+            {
+              "kind": "method",
+              "name": "markScrollers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Makes each box that scrolls a tab stop and a region named for its block,\nand takes both away from a box that fits.\n\n**A reader on a keyboard scrolls the code from the box itself.** Chromium\nand Firefox make a scrolling box focusable on their own, and Safari does\nnot, so there the arrow keys could not reach the end of a long line. A\nbox counts while its sheet lets it scroll and its content is wider or\ntaller than it is drawn: an unstyled `<pre>` overflows without scrolling,\nand a stop on it would scroll nothing."
+            },
             {
               "kind": "method",
               "name": "renderExpand",
@@ -30627,6 +30733,24 @@
             }
           ],
           "attributes": [
+            {
+              "name": "code-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Code'",
+              "description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
+              "fieldName": "codeLabel"
+            },
+            {
+              "name": "code-name-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{code}, {name}'",
+              "description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
+              "fieldName": "codeNameLabel"
+            },
             {
               "name": "collapse-label",
               "type": {
@@ -30824,7 +30948,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a real `<code>` element, which marks the text as code for translation\ntools and document search. A styled span carries no such meaning, and a\nscreen reader announces nothing about it.\n\n`Code` is inline only and never scrolls. For a block of code with its own\nbox, its own overflow, and copying, use `CodeBlock`, which is a separate\nfamily.",
+          "description": "Renders a real `<code>` element, which marks the text as code for translation\ntools and document search. A styled span carries no such meaning, and a\nscreen reader announces nothing about it.\n\n**Set `translate=\"no\"` on the element to keep a page translator off the\ncode.** A translator that rewrites prose would also rewrite an identifier.\nThe slotted text takes its translation mode from the element, its parent in\nthe page, and the element writes nothing onto itself, so the attribute is\nyours to set. The `<code>` inside carries `translate=\"no\"` for anything the\nelement draws itself.\n\n`Code` is inline only and never scrolls. For a block of code with its own\nbox, its own overflow, and copying, use `CodeBlock`, which is a separate\nfamily.",
           "name": "HelixHeadlessCode",
           "cssParts": [
             {
@@ -60214,16 +60338,28 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Shows what would be in a region and the one action that would fill it, so an\nempty region does not look like one that failed to load.\n\nThe message is announced, because an empty view often replaces content that\nwas loading, and the announcement tells a screen reader user that the search\nreturned nothing. It is announced from a status region of its own, which is\nrendered empty and filled a frame after the view appears. Screen readers read\na region that arrives with its text already in it inconsistently. For the\nseven seconds the region holds its copy, the heading and the message are\nhidden from screen readers, so the words are in the page once.\n\nEvery region is a bare slot. There is no `empty-state-heading` or\n`empty-state-actions` element: assign your own heading and actions to the\nslots.\n\n**Or give the heading as words.** `heading` draws them in a `heading` part\nthat is a heading at `heading-level`, 3 where it is not set, so a page\nrendering from data or on a server gets a heading a reader finds in the\noutline without writing the element. A heading slotted in replaces it.\n\n**Whatever is slotted into `heading` is read as a heading.** An element that\nis no heading, such as a `<span>` or a `<p>`, is set inside the `heading`\npart at `heading-level`, so a screen reader still finds it in the outline.\nA heading element, or an element holding one, keeps its own level. A server\ncannot see the slotted element, so a served `<span>` becomes a heading once\nthe script runs.",
+          "description": "Shows what would be in a region and the one action that would fill it, so an\nempty region does not look like one that failed to load.\n\nThe message is announced, because an empty view often replaces content that\nwas loading, and the announcement tells a screen reader user that the search\nreturned nothing. It is announced from a status region of its own, which is\nrendered empty and filled a frame after the view appears. Screen readers read\na region that arrives with its text already in it inconsistently. For the\nseven seconds the region holds its copy, the heading and the message are\nhidden from screen readers, so the words are in the page once.\n\nEvery region is a bare slot. There is no `empty-state-heading` or\n`empty-state-actions` element: assign your own heading and actions to the\nslots. The icon, the message and the actions slots are parts of the same\nnames, as Card's regions are. A slot draws no box, so a part passes\ninherited properties, such as color and font, to what is slotted, and a\npage wanting a box there gives it one with `display`, such as a row of\nactions with `display: flex`.\n\n**The view says which regions it holds**, as `:state(has-icon)` and\n`:state(has-actions)`, so a sheet can space a view with no icon or no\nactions differently. Read in the browser, so a served view carries neither\nuntil the script runs.\n\n**Or give the heading as words.** `heading` draws them in a `heading` part\nthat is a heading at `heading-level`, 3 where it is not set, so a page\nrendering from data or on a server gets a heading a reader finds in the\noutline without writing the element. A heading slotted in replaces it.\n\n**Whatever is slotted into `heading` is read as a heading.** An element that\nis no heading, such as a `<span>` or a `<p>`, is set inside the `heading`\npart at `heading-level`, so a screen reader still finds it in the outline.\nA heading element, or an element holding one, keeps its own level. A server\ncannot see the slotted element, so a served `<span>` becomes a heading once\nthe script runs.",
           "name": "HelixHeadlessEmpty",
           "cssParts": [
+            {
+              "description": "The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.",
+              "name": "actions"
+            },
             {
               "description": "The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.",
               "name": "heading"
             },
+            {
+              "description": "The slot the icon arrives through, drawing no box, as `actions` does.",
+              "name": "icon"
+            },
             {
               "description": "A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.",
               "name": "live"
+            },
+            {
+              "description": "The slot the message arrives through, drawing no box, as `actions` does.",
+              "name": "message"
             }
           ],
           "slots": [
@@ -60285,6 +60421,13 @@
               "default": "false",
               "description": "Whether the `heading` slot holds elements and none of them is or holds a\nheading, read from the children before each render."
             },
+            {
+              "kind": "field",
+              "name": "readRegions",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which regions hold something, one call apiece so each pairs with its `@cssstate`."
+            },
             {
               "kind": "field",
               "name": "arrival",
@@ -60680,6 +60823,24 @@
               "fieldName": "noAnnounce"
             }
           ],
+          "cssStates": [
+            {
+              "description": "Something is slotted into `actions`.",
+              "name": "has-actions"
+            },
+            {
+              "description": "Something is slotted into `icon`.",
+              "name": "has-icon"
+            },
+            {
+              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
+              "name": "settled",
+              "inheritedFrom": {
+                "name": "HelixElement",
+                "module": "src/helix-element/helix-element.ts"
+              }
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "package": "@fusion.dev/helix-core"
@@ -60709,16 +60870,6 @@
           },
           "tagName": "helix-headless-empty",
           "customElement": true,
-          "cssStates": [
-            {
-              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
-              "name": "settled",
-              "inheritedFrom": {
-                "name": "HelixElement",
-                "module": "src/helix-element/helix-element.ts"
-              }
-            }
-          ],
           "modulePath": "src/empty/root/empty-root.ts",
           "definitionPath": "src/empty/root/empty-root.ts"
         }
@@ -76368,6 +76519,74 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/fetch.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "readIconFile",
+          "return": {
+            "type": {
+              "text": "HelixIcon | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The file's text."
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "What the icon is known by, its URL."
+            }
+          ],
+          "description": "Reads an SVG file's text as an icon, or `undefined` where it is no SVG.\n\n**What could run is taken out**, because the markup is drawn as it is: every\n`<script>` and `<foreignObject>`, every `on…` attribute, every link to a\n`javascript:` URL, and every animation that writes a link or a handler. The\nroot's paint attributes are kept on a group around the shapes, and its\n`viewBox`, or its width and height, is the box."
+        },
+        {
+          "kind": "function",
+          "name": "fetchIcon",
+          "return": {
+            "type": {
+              "text": "HelixIcon | Promise<HelixIcon | undefined> | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "The icon in the SVG file at `src`: at once where it has been fetched, or a\npromise of it the first time, fetched once a page however many elements ask.\n`undefined` where the file could not be fetched or is no SVG."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "readIconFile",
+          "declaration": {
+            "name": "readIconFile",
+            "module": "src/icon/fetch.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fetchIcon",
+          "declaration": {
+            "name": "fetchIcon",
+            "module": "src/icon/fetch.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/index.ts",
@@ -76606,7 +76825,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The icons are Phosphor, drawn on a 256 box at stroke-width 16. Each glyph\nrenders its full inner markup, because most icons are several elements, each\nwith its own stroke and fill.\n\nThe markup is generated at build time from SVG files in this repository and\nnever comes from user input, so rendering it with `unsafeSVG` is safe.\n\nThe `<svg>` carries `fill=\"currentColor\"`. The generator keeps only the inner\nmarkup, and Phosphor sets its fill on the root tag that the generator\ndiscards. Without it, the 65 solid glyphs fall back to black and disappear on\na dark background. Shapes that set their own `fill` or `stroke` are\nunaffected.\n\n**A name is looked up in a registry.** The family's entry registers the\nwhole set, so any name in it draws. The element's own entry,\n`@fusion.dev/helix-headless/icon/root`, registers none: a page that imports\nit and calls `registerIcons` with the glyphs it names ships those and no\nothers. `registerIconLibrary` resolves names under a prefix of your own,\nsuch as `lucide:camera`, at once or later, and the element fires `load` when\na glyph that came later is drawn. A glyph registered after the element\nrendered is drawn then.\n\nA name with no match renders nothing, and the element fires `error`, so a\ntypo in a name can be heard. It waits until the page has loaded and painted\nfirst, so a library a later module registers is not taken for a typo.\n\nAn icon is decorative by default and hidden from assistive technology. Set\n`label` only when the icon is the only carrier of meaning, such as in a\nbutton with no text. An `aria-label` on the element works too: the element\nis then an image with that name.\n\n**A decorative icon that is all a control holds is reported.** In a\ndevelopment build, a button or a link whose only content is an icon with no\n`label`, and which has no name of its own, warns `missing-name` once,\nthrough the runtime channel every Helix warning uses.",
+          "description": "The icons are Phosphor, drawn on a 256 box at stroke-width 16. Each glyph\nrenders its full inner markup, because most icons are several elements, each\nwith its own stroke and fill.\n\nThe markup is generated at build time from SVG files in this repository and\nnever comes from user input, so rendering it with `unsafeSVG` is safe.\n\nThe `<svg>` carries `fill=\"currentColor\"`. The generator keeps only the inner\nmarkup, and Phosphor sets its fill on the root tag that the generator\ndiscards. Without it, the 65 solid glyphs fall back to black and disappear on\na dark background. Shapes that set their own `fill` or `stroke` are\nunaffected.\n\n**A name is looked up in a registry.** The family's entry registers the\nwhole set, so any name in it draws. The element's own entry,\n`@fusion.dev/helix-headless/icon/root`, registers none: a page that imports\nit and calls `registerIcons` with the glyphs it names ships those and no\nothers. `registerIconLibrary` resolves names under a prefix of your own,\nsuch as `lucide:camera`, at once or later, and the element fires `load` when\na glyph that came later is drawn. A glyph registered after the element\nrendered is drawn then.\n\n**Or point `src` at an SVG file**, such as `src=\"/icons/rocket.svg\"`, and\nthe element fetches it and draws its shapes in `currentColor` where the file\ndoes not color them. A file is fetched once a page, however many icons name\nit, and `load` fires when it is drawn. Scripts, event handlers and\n`javascript:` links in the file are taken out before it is drawn. A server\nfetches nothing, so a served icon with a `src` is drawn once the script\nruns.\n\nA name with no match, or a `src` that is no SVG, renders nothing, and the\nelement fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted\nfirst, so a library a later module registers is not taken for a typo.\n\nAn icon is decorative by default and hidden from assistive technology. Set\n`label` only when the icon is the only carrier of meaning, such as in a\nbutton with no text. An `aria-label` on the element works too: the element\nis then an image with that name.\n\n**A decorative icon that is all a control holds is reported.** In a\ndevelopment build, a button or a link whose only content is an icon with no\n`label`, and which has no name of its own, warns `missing-name` once,\nthrough the runtime channel every Helix warning uses.",
           "name": "HelixHeadlessIcon",
           "cssParts": [
             {
@@ -76653,6 +76872,16 @@
               "description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index of the\nwhole set that no bundler can shake: 15 kB for a consumer who renders one\nmark. An attribute is the only thing an HTML author can write, and that is\nworth the index; a consumer who would rather not pay it imports the\nelement from `icon/root` and registers the glyphs it names, or hands over\nthe value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
               "attribute": "name"
             },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
+              "attribute": "src"
+            },
             {
               "kind": "field",
               "name": "observedAttributes",
@@ -76744,6 +76973,16 @@
               "privacy": "private",
               "description": "Stops listening to the registry."
             },
+            {
+              "kind": "field",
+              "name": "asked",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "description": "What the glyph is asked for by: `src` where it is set, and `name` otherwise.",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "lookup",
@@ -76753,7 +76992,7 @@
                   "text": "HelixIcon | undefined"
                 }
               },
-              "description": "What the registry gives for `name` now, starting the wait for a late glyph."
+              "description": "What `src` or the registry gives now, starting the wait for a late glyph.\nA file is fetched only where the page can be read: a server fetches\nnothing, and a hydrating render draws what the server sent."
             },
             {
               "kind": "method",
@@ -77143,7 +77382,7 @@
               "type": {
                 "text": "Event"
               },
-              "description": "`name` matches no registered icon and no library answers it, so nothing is drawn.",
+              "description": "`name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.",
               "name": "error",
               "reactProp": "onerror"
             },
@@ -77151,7 +77390,7 @@
               "type": {
                 "text": "Event"
               },
-              "description": "A glyph a library gave later for `name` is drawn.",
+              "description": "A glyph a library gave later for `name`, or the file at `src`, is drawn.",
               "name": "load",
               "reactProp": "onload"
             }
@@ -77183,6 +77422,15 @@
               "default": "''",
               "description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index of the\nwhole set that no bundler can shake: 15 kB for a consumer who renders one\nmark. An attribute is the only thing an HTML author can write, and that is\nworth the index; a consumer who would rather not pay it imports the\nelement from `icon/root` and registers the glyphs it names, or hands over\nthe value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
               "fieldName": "name"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
+              "fieldName": "src"
             }
           ],
           "superclass": {
@@ -125763,7 +126011,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a real `<q>`, so the browser supplies the quotation marks. It inserts\nthe correct marks for the document's language and nests them correctly when\none quotation sits inside another. Do not type quotation marks into the\ncontent: one that starts or ends with a typed mark warns once, with the\nruntime kind `typed-marks`. A quotation in a language other than the page's takes `lang` on the\nelement, and its marks follow it: `lang=\"de\"` sets „…“ and `lang=\"fr\"` «…»\ninside an English page.\n\nFor a passage set off from the surrounding text, use a blockquote.",
+          "description": "Renders a real `<q>`, so the browser supplies the quotation marks. It inserts\nthe correct marks for the document's language and nests them correctly when\none quotation sits inside another. Do not type quotation marks into the\ncontent: one that starts or ends with a typed mark warns once, with the\nruntime kind `typed-marks`. A quotation in a language other than the page's takes `lang` on the\nelement, and its marks follow it: `lang=\"de\"` sets „…“ and `lang=\"fr\"` «…»\ninside an English page.\n\n**`no-marks` leaves the marks off**, for a quotation set where the page draws\nits own, such as a pull quote with a large decorative mark beside it or a\ntable of sayings. The quotation still counts toward nesting, so a quote\ninside it takes the inner marks it would have had. Text with marks typed\ninto it raises no warning under `no-marks`.\n\nFor a passage set off from the surrounding text, use a blockquote.",
           "name": "HelixHeadlessQuote",
           "cssParts": [
             {
@@ -125788,6 +126036,17 @@
               "description": "URL identifying where the quotation came from.",
               "attribute": "cite"
             },
+            {
+              "kind": "field",
+              "name": "noMarks",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
+              "attribute": "no-marks",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "warned",
@@ -126154,6 +126413,15 @@
               "default": "''",
               "description": "URL identifying where the quotation came from.",
               "fieldName": "cite"
+            },
+            {
+              "name": "no-marks",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
+              "fieldName": "noMarks"
             }
           ],
           "superclass": {
@@ -136093,6 +136361,17 @@
               "description": "Whether the skeleton holds content, read off its children where they can\nbe known. Not on a server, where an unlabeled skeleton is taken for an\nempty one until the page has its children.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "renderShape",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The placeholder shape and the sheen inside it.\n\nA method, so a tier above can draw the placeholder as several shapes, as\nthe styled tier draws a paragraph of lines."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -143998,7 +144277,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Screen readers announce the stats as a group. The figures are read together\nand their order has no meaning, so the group does not announce positions such\nas \"1 of 4\".",
+          "description": "**A named group is a group**, so a screen reader announces the stats\ntogether under its name, such as \"Usage, group\". Name it with `label`,\n`aria-label` or `aria-labelledby`. An unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says, as an unnamed Card\nhas none. The figures are read together and their order has no meaning, so\nthe group does not announce positions such as \"1 of 4\".",
           "name": "HelixHeadlessStatGroup",
           "slots": [
             {
@@ -144014,9 +144293,52 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible name for the group.",
+              "description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "observedAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "description": "Hears a name written on the element, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attributeChangedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "old",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the stats are\na group.",
+              "type": {
+                "text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -144364,7 +144686,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible name for the group.",
+              "description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
               "fieldName": "label"
             }
           ],
@@ -144450,11 +144772,23 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The label comes first in the markup and the value after it, so a screen\nreader reads what the figure counts before the number. Visually, the number\nstands out either way.\n\nBoth are bare slots. An element that assigned itself a slot on connect would\nadd an attribute after upgrade, which markup rendered on the server by React\ndoes not have.\n\n**A stat with a label is a group named by it**, so a reader moving through a\ndashboard hears \"Revenue, group\" and then the figure, its unit and its\ntrend as one reading, rather than a run of loose words. The role and the name\nare set through `ElementInternals` once the label is known, which writes no\nattribute; a stat with no label has no role. Put a `Trend` in the `trend`\nslot to have it read inside the group, after the figure it qualifies.",
+          "description": "The label comes first in the markup and the value after it, so a screen\nreader reads what the figure counts before the number. Visually, the number\nstands out either way.\n\nBoth are bare slots. An element that assigned itself a slot on connect would\nadd an attribute after upgrade, which markup rendered on the server by React\ndoes not have.\n\n**A stat with a label is a group named by it**, so a reader moving through a\ndashboard hears \"Revenue, group\" and then the figure, its unit and its\ntrend as one reading, rather than a run of loose words. The role and the name\nare set through `ElementInternals` once the label is known, which writes no\nattribute; a stat with no label has no role. Put a `Trend` in the `trend`\nslot to have it read inside the group, after the figure it qualifies.\n\n**Or give the figure as a number.** `value` is written with\n`Intl.NumberFormat`, in `locale` and with `format-options`, so\n`value=\"1234567\" format-options='{\"notation\":\"compact\"}'` shows `1.2M`, and\na server writes it as the browser does. A number in `value` takes the place\nof a slotted figure.\n\n**Each slot is a part of the same name**, and `value` for the figure, so a\npage reaches the label, the unit and the trend from outside. A slot draws no\nbox, so a part passes inherited properties to what is slotted. **The stat\nsays which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and\n`:state(has-trend)`, read in the browser, so a served stat carries none\nuntil the script runs.",
           "name": "HelixHeadlessStat",
           "cssParts": [
             {
-              "description": "The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.",
+              "description": "The slot the label arrives through, drawing no box, as `value` does.",
+              "name": "label"
+            },
+            {
+              "description": "The slot the trend arrives through, drawing no box, as `value` does.",
+              "name": "trend"
+            },
+            {
+              "description": "The slot the unit arrives through, drawing no box, as `value` does.",
+              "name": "unit"
+            },
+            {
+              "description": "The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.",
               "name": "value"
             }
           ],
@@ -144487,6 +144821,41 @@
               "attribute": "direction",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "formatOptions",
+              "type": {
+                "text": "Intl.NumberFormatOptions | undefined"
+              },
+              "description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
+              "attribute": "format-options"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
+              "attribute": "locale"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "readPieces",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which pieces the stat holds, one call apiece so each pairs with its `@cssstate`."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -144835,6 +145204,53 @@
               },
               "description": "Which way the label and the value are arranged.\n\nAbsent is a column, the label over the number, which is how a figure is read\non a dashboard: the words say what is coming and the number answers.\n`column-reverse` puts the number first, which is right where the number is\nthe headline and the label is a caption under it.\n\nThe row directions set them side by side, for a figure in a line of text or\na narrow strip where a stacked pair would be two lines of almost nothing.\n\nA property rather than a `Flex` around it, because the unit has to stay on\nthe value's baseline whichever way the pair goes, and only this element\nknows which of its children the unit belongs to.\n\nThe name and the values are `Flex`'s, which lays out the same way. Which\nway a number moved is `Trend`'s `movement`. On a Stat, `up`, `down` and\n`neutral` are not layouts, and the pair stays the column.\n\n**Optional rather than defaulted to `column`, which is not a style\npreference.** A reflecting property with a default writes its attribute onto\nthe host the moment the element upgrades, and the host is markup the\nconsumer rendered: React compares what it rendered against what is there and\nreports a hydration mismatch. The absent attribute is the column, which the\nstylesheet reads as the base case, and the server spec asserts the host\ncarries nothing nobody wrote.",
               "fieldName": "direction"
+            },
+            {
+              "name": "format-options",
+              "type": {
+                "text": "Intl.NumberFormatOptions | undefined"
+              },
+              "description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
+              "fieldName": "formatOptions"
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
+              "fieldName": "locale"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
+              "fieldName": "value"
+            }
+          ],
+          "cssStates": [
+            {
+              "description": "Something is slotted into `label`.",
+              "name": "has-label"
+            },
+            {
+              "description": "Something is slotted into `trend`.",
+              "name": "has-trend"
+            },
+            {
+              "description": "Something is slotted into `unit`.",
+              "name": "has-unit"
+            },
+            {
+              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
+              "name": "settled",
+              "inheritedFrom": {
+                "name": "HelixElement",
+                "module": "src/helix-element/helix-element.ts"
+              }
             }
           ],
           "superclass": {
@@ -144866,16 +145282,6 @@
           },
           "tagName": "helix-headless-stat",
           "customElement": true,
-          "cssStates": [
-            {
-              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
-              "name": "settled",
-              "inheritedFrom": {
-                "name": "HelixElement",
-                "module": "src/helix-element/helix-element.ts"
-              }
-            }
-          ],
           "modulePath": "src/stat/root/stat-root.ts",
           "definitionPath": "src/stat/root/stat-root.ts"
         }
@@ -184425,6 +184831,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.153.0"
+    "version": "0.154.0"
   }
 }