@fusion.dev/helix 0.153.0 → 0.154.0

package/custom-elements.json

@@ -8830,6 +8830,10 @@
               "description": "The space between the content and the count under `placement=\"inline\"`.",
               "name": "--badge-gap"
             },
+            {
+              "description": "The size of an icon in the `icon` slot. The count's own size by default.",
+              "name": "--badge-icon-size"
+            },
             {
               "description": "Pulls the mark in from the corner, along both axes.",
               "name": "--badge-offset"
@@ -8952,6 +8956,31 @@
                 "module": "src/badge/root/badge-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "hasIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether something is slotted into `icon`, read from the children.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBadge",
+                "module": "src/badge/root/badge-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readIcon",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Reads whether an icon is slotted, from the children where they can be known.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBadge",
+                "module": "src/badge/root/badge-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "given",
@@ -9561,6 +9590,10 @@
                 "description": "A count drawn solid, outlined and subtle with `emphasis`, and a label that counts with `{count}`.",
                 "slug": "emphasis"
               },
+              {
+                "description": "An icon inside the mark, alone on an avatar and before a count on a button.",
+                "slug": "icon"
+              },
               {
                 "description": "A count placed inline inside a button, read as part of the button's name.",
                 "slug": "inline"
@@ -9587,11 +9620,27 @@
                 "name": "HelixHeadlessBadge",
                 "module": "src/badge/root/badge-root.ts"
               }
+            },
+            {
+              "description": "An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.",
+              "name": "icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBadge",
+                "module": "src/badge/root/badge-root.ts"
+              }
             }
           ],
           "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBadge",
+                "module": "src/badge/root/badge-root.ts"
+              }
+            },
+            {
+              "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",
               "inheritedFrom": {
                 "name": "HelixHeadlessBadge",
@@ -9617,13 +9666,21 @@
               }
             },
             {
-              "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",
               "inheritedFrom": {
                 "name": "HelixHeadlessBadge",
                 "module": "src/badge/root/badge-root.ts"
               }
             },
+            {
+              "description": "Something is slotted into `icon`, so it is drawn inside the mark.",
+              "name": "has-icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBadge",
+                "module": "src/badge/root/badge-root.ts"
+              }
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -25023,6 +25080,57 @@
                 "module": "src/card/root/card-root.ts"
               }
             },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessCard",
+                "module": "src/card/root/card-root.ts"
+              }
+            },
+            {
+              "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"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessCard",
+                "module": "src/card/root/card-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "footerActions",
@@ -25051,6 +25159,21 @@
                 "module": "src/card/root/card-root.ts"
               }
             },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCard",
+                "module": "src/card/root/card-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "readRegions",
@@ -25450,28 +25573,6 @@
                 "name": "HelixHeadlessCard",
                 "module": "src/card/root/card-root.ts"
               }
-            },
-            {
-              "name": "aria-labelledby",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "inheritedFrom": {
-                "name": "HelixHeadlessCard",
-                "module": "src/card/root/card-root.ts"
-              }
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "inheritedFrom": {
-                "name": "HelixHeadlessCard",
-                "module": "src/card/root/card-root.ts"
-              }
             }
           ],
           "superclass": {
@@ -36975,6 +37076,40 @@
                 "module": "src/code-block/root/code-block-root.ts"
               }
             },
+            {
+              "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
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessCodeBlock",
+                "module": "src/code-block/root/code-block-root.ts"
+              }
+            },
+            {
+              "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
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessCodeBlock",
+                "module": "src/code-block/root/code-block-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "collapseLabel",
@@ -37263,7 +37398,7 @@
                 "text": "ResizeObserver | undefined"
               },
               "privacy": "private",
-              "description": "Watches the block's size, while it is expandable.",
+              "description": "Watches the block's size.",
               "inheritedFrom": {
                 "name": "HelixHeadlessCodeBlock",
                 "module": "src/code-block/root/code-block-root.ts"
@@ -37280,6 +37415,21 @@
                 "module": "src/code-block/root/code-block-root.ts"
               }
             },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCodeBlock",
+                "module": "src/code-block/root/code-block-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderExpand",
@@ -37863,6 +38013,32 @@
               "description": "Whether long lines wrap.\n\nOff by default, so long lines scroll, because a line break can be\nsignificant in code and a wrapped line reads as two. For prose-like code, such as a long command or\na log line, a wrap reads better than a scroll. Line numbers keep the lines\nunwrapped, since a wrapped line would take one number and several rows.",
               "fieldName": "wrap"
             },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCodeBlock",
+                "module": "src/code-block/root/code-block-root.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCodeBlock",
+                "module": "src/code-block/root/code-block-root.ts"
+              }
+            },
             {
               "name": "collapse-label",
               "type": {
@@ -38029,6 +38205,11 @@
             "since": "0.1.0",
             "status": "stable",
             "documentation": "https://fusion.dev/helix/components/code-block",
+            "aliases": [
+              "Code block",
+              "Snippet",
+              "Pre"
+            ],
             "tier": "styled",
             "group": "CodeBlock",
             "part": "Root",
@@ -38819,6 +39000,9 @@
             "since": "0.1.0",
             "status": "stable",
             "documentation": "https://fusion.dev/helix/components/code",
+            "aliases": [
+              "Inline code"
+            ],
             "tier": "styled",
             "group": "Code",
             "part": "Root",
@@ -74235,6 +74419,17 @@
                 "module": "src/empty/root/empty-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readRegions",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which regions hold something, one call apiece so each pairs with its `@cssstate`.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "arrival",
@@ -74682,6 +74877,14 @@
             }
           ],
           "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
+            },
             {
               "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",
@@ -74690,6 +74893,14 @@
                 "module": "src/empty/root/empty-root.ts"
               }
             },
+            {
+              "description": "The slot the icon arrives through, drawing no box, as `actions` does.",
+              "name": "icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
+            },
             {
               "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",
@@ -74697,6 +74908,14 @@
                 "name": "HelixHeadlessEmpty",
                 "module": "src/empty/root/empty-root.ts"
               }
+            },
+            {
+              "description": "The slot the message arrives through, drawing no box, as `actions` does.",
+              "name": "message",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
             }
           ],
           "attributes": [
@@ -74740,6 +74959,22 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "Something is slotted into `actions`.",
+              "name": "has-actions",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
+            },
+            {
+              "description": "Something is slotted into `icon`.",
+              "name": "has-icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessEmpty",
+                "module": "src/empty/root/empty-root.ts"
+              }
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -93716,11 +93951,19 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.",
+          "description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.\n\n**The glyph turns, flips and moves inside its own box**, so the line around\nit keeps its place: `rotate` turns it by a quarter, a half or three\nquarters, `--icon-rotate` by any angle, `flip` mirrors it across either\naxis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.\nReduced motion stills every animation. `auto-width` gives the box the\nglyph's own proportions, for a mark wider than it is tall.",
           "name": "HelixIcon",
           "cssProperties": [
             {
-              "description": "The width and height of the icon's box.",
+              "description": "How long one turn, pulse or beat of `animation` takes.",
+              "name": "--icon-animation-duration"
+            },
+            {
+              "description": "An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.",
+              "name": "--icon-rotate"
+            },
+            {
+              "description": "The width and height of the icon's box. The height alone under `auto-width`.",
               "name": "--icon-size"
             }
           ],
@@ -93735,6 +93978,47 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "animation",
+              "type": {
+                "text": "'beat' | 'pulse' | 'spin' | undefined"
+              },
+              "description": "A motion that draws the eye or says work is going on: `spin` turns the\nglyph without end, `pulse` fades it in and out, and `beat` swells it.\n\nAbsent is still. Reduced motion stills every one of them.",
+              "attribute": "animation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "autoWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the box takes the glyph's own proportions, its height from\n`--icon-size` and its width from the glyph's box.\n\nAbsent is a square, which lines icons up in a column.",
+              "attribute": "auto-width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "flip",
+              "type": {
+                "text": "'both' | 'x' | 'y' | undefined"
+              },
+              "description": "Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,\n`both` across both.\n\nAbsent draws it as it is. On a right-to-left page, `mirror` is the flip\nthat follows the direction.",
+              "attribute": "flip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rotate",
+              "type": {
+                "text": "90 | 180 | 270 | undefined"
+              },
+              "description": "Turns the glyph clockwise by 90, 180 or 270 degrees.\n\nAbsent draws it upright. `--icon-rotate` turns it by any other angle.",
+              "attribute": "rotate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -93789,6 +94073,20 @@
                 "module": "src/icon/root/icon-root.ts"
               }
             },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessIcon",
+                "module": "src/icon/root/icon-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "observedAttributes",
@@ -93908,6 +94206,20 @@
                 "module": "src/icon/root/icon-root.ts"
               }
             },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessIcon",
+                "module": "src/icon/root/icon-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "lookup",
@@ -93917,7 +94229,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.",
               "inheritedFrom": {
                 "name": "HelixHeadlessIcon",
                 "module": "src/icon/root/icon-root.ts"
@@ -94322,38 +94634,40 @@
               }
             }
           ],
-          "superclass": {
-            "name": "HelixHeadlessIcon",
-            "package": "@fusion.dev/helix-headless/icon/root"
-          },
-          "summary": "A named icon from the Helix set.",
-          "helix": {
-            "category": "media",
-            "since": "0.1.0",
-            "status": "stable",
-            "documentation": "https://fusion.dev/helix/components/icon",
-            "aliases": [
-              "Glyph",
-              "Symbol"
-            ],
-            "tier": "styled",
-            "group": "Icon",
-            "part": "Root",
-            "examples": [
-              {
-                "description": "One icon at the default size.",
-                "slug": "preview"
-              },
-              {
-                "description": "The same icon at each step of the icon scale.",
-                "slug": "sizes"
-              }
-            ],
-            "source": "helix/styled/src/icon"
-          },
-          "tagName": "helix-icon",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "animation",
+              "type": {
+                "text": "'beat' | 'pulse' | 'spin' | undefined"
+              },
+              "description": "A motion that draws the eye or says work is going on: `spin` turns the\nglyph without end, `pulse` fades it in and out, and `beat` swells it.\n\nAbsent is still. Reduced motion stills every one of them.",
+              "fieldName": "animation"
+            },
+            {
+              "name": "auto-width",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the box takes the glyph's own proportions, its height from\n`--icon-size` and its width from the glyph's box.\n\nAbsent is a square, which lines icons up in a column.",
+              "fieldName": "autoWidth"
+            },
+            {
+              "name": "flip",
+              "type": {
+                "text": "'both' | 'x' | 'y' | undefined"
+              },
+              "description": "Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,\n`both` across both.\n\nAbsent draws it as it is. On a right-to-left page, `mirror` is the flip\nthat follows the direction.",
+              "fieldName": "flip"
+            },
+            {
+              "name": "rotate",
+              "type": {
+                "text": "90 | 180 | 270 | undefined"
+              },
+              "description": "Turns the glyph clockwise by 90, 180 or 270 degrees.\n\nAbsent draws it upright. `--icon-rotate` turns it by any other angle.",
+              "fieldName": "rotate"
+            },
             {
               "name": "label",
               "type": {
@@ -94392,14 +94706,62 @@
                 "name": "HelixHeadlessIcon",
                 "module": "src/icon/root/icon-root.ts"
               }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessIcon",
+                "module": "src/icon/root/icon-root.ts"
+              }
             }
           ],
+          "superclass": {
+            "name": "HelixHeadlessIcon",
+            "package": "@fusion.dev/helix-headless/icon/root"
+          },
+          "summary": "A named icon from the Helix set.",
+          "helix": {
+            "category": "media",
+            "since": "0.1.0",
+            "status": "stable",
+            "documentation": "https://fusion.dev/helix/components/icon",
+            "aliases": [
+              "Glyph",
+              "Symbol"
+            ],
+            "tier": "styled",
+            "group": "Icon",
+            "part": "Root",
+            "examples": [
+              {
+                "description": "One icon at the default size.",
+                "slug": "preview"
+              },
+              {
+                "description": "The same icon at each step of the icon scale.",
+                "slug": "sizes"
+              },
+              {
+                "description": "One arrow turned with `rotate`, flipped with `flip`, and a refresh mark spinning with `animation`.",
+                "slug": "turned"
+              }
+            ],
+            "source": "helix/styled/src/icon"
+          },
+          "tagName": "helix-icon",
+          "customElement": true,
           "events": [
             {
               "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",
               "inheritedFrom": {
@@ -94411,7 +94773,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",
               "inheritedFrom": {
@@ -153245,6 +153607,21 @@
                 "module": "src/quote/root/quote-root.ts"
               }
             },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessQuote",
+                "module": "src/quote/root/quote-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "warned",
@@ -153637,6 +154014,11 @@
                 "description": "A quotation's marks follow the `lang` written on it, so a German and a French quotation take their own marks inside English text.",
                 "layout": "hug",
                 "slug": "languages"
+              },
+              {
+                "description": "A pull quote with `no-marks`, beside a large mark the page draws.",
+                "layout": "hug",
+                "slug": "no-marks"
               }
             ],
             "source": "helix/styled/src/quote"
@@ -153676,6 +154058,19 @@
                 "name": "HelixHeadlessQuote",
                 "module": "src/quote/root/quote-root.ts"
               }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessQuote",
+                "module": "src/quote/root/quote-root.ts"
+              }
             }
           ],
           "cssStates": [
@@ -169570,7 +169965,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Animates a highlight sweeping across the block, which reads as work in\nprogress. A block fading in and out can look broken, so `effect=\"pulse\"` is\na choice rather than the default.\n\nAround content with `loading`, the skeleton takes the content's box and\npaints over it, and the content is hidden until `loading` is taken off.",
+          "description": "Animates a highlight sweeping across the block, which reads as work in\nprogress. A block fading in and out can look broken, so `effect=\"pulse\"` is\na choice rather than the default.\n\nAround content with `loading`, the skeleton takes the content's box and\npaints over it, and the content is hidden until `loading` is taken off.\n\n**`lines` draws a paragraph.** With `shape=\"text\"` and `lines=\"3\"`, one\nelement stands in for three lines of text: each line a `skeleton` part one\n`em` tall, spaced a body line height apart, and the last one shorter, as the end\nof a paragraph is.",
           "name": "HelixSkeleton",
           "cssProperties": [
             {
@@ -169585,6 +169980,10 @@
               "description": "How long one sweep or one pulse takes.",
               "name": "--skeleton-duration"
             },
+            {
+              "description": "The width of the last line of a `lines` paragraph. Defaults to 60%.",
+              "name": "--skeleton-last-line-size"
+            },
             {
               "description": "The corner of the block shape.",
               "name": "--skeleton-radius"
@@ -169607,6 +170006,14 @@
                 "module": "src/skeleton/root/skeleton-root.ts"
               }
             },
+            {
+              "description": "Each line of a `lines` paragraph, which is also a `skeleton` part.",
+              "name": "line"
+            },
+            {
+              "description": "The column holding a `lines` paragraph, drawn only for `shape=\"text\"` with two or more lines.",
+              "name": "lines"
+            },
             {
               "description": "The highlight swept across the shape. Hidden for `effect=\"pulse\"` and `effect=\"none\"`.",
               "name": "sheen",
@@ -169616,7 +170023,7 @@
               }
             },
             {
-              "description": "The placeholder shape.",
+              "description": "The placeholder shape, or each line of a `lines` paragraph.",
               "name": "skeleton",
               "inheritedFrom": {
                 "name": "HelixHeadlessSkeleton",
@@ -169635,6 +170042,16 @@
               "attribute": "effect",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "lines",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "How many lines of text the placeholder stands for, with `shape=\"text\"`.\n\nAbsent, or 1, is one line. Reflected, because the stylesheet sizes a\nparagraph by it.",
+              "attribute": "lines",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "shape",
@@ -169645,6 +170062,21 @@
               "attribute": "shape",
               "reflects": 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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSkeleton",
+                "module": "src/skeleton/root/skeleton-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -170037,6 +170469,14 @@
               "description": "How the placeholder shows it is waiting: a sweep when unset, `pulse` to\nfade the fill in and out, or `none` to sit still.\n\nReduced motion stills both.",
               "fieldName": "effect"
             },
+            {
+              "name": "lines",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "How many lines of text the placeholder stands for, with `shape=\"text\"`.\n\nAbsent, or 1, is one line. Reflected, because the stylesheet sizes a\nparagraph by it.",
+              "fieldName": "lines"
+            },
             {
               "name": "shape",
               "type": {
@@ -170103,6 +170543,10 @@
               {
                 "description": "A skeleton around real content takes its size, and shows the content once `loading` is gone.",
                 "slug": "loading"
+              },
+              {
+                "description": "A paragraph of three lines from one element, with `lines`, the last line shorter.",
+                "slug": "paragraph"
               }
             ],
             "source": "helix/styled/src/skeleton"
@@ -179222,13 +179666,64 @@
                 "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",
               "inheritedFrom": {
                 "name": "HelixHeadlessStatGroup",
                 "module": "src/stat/group/stat-group.ts"
               }
             },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessStatGroup",
+                "module": "src/stat/group/stat-group.ts"
+              }
+            },
+            {
+              "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"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessStatGroup",
+                "module": "src/stat/group/stat-group.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -179593,7 +180088,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",
               "inheritedFrom": {
                 "name": "HelixHeadlessStatGroup",
@@ -179753,6 +180248,30 @@
                 "name": "HelixHeadlessStat",
                 "module": "src/stat/root/stat-root.ts"
               }
+            },
+            {
+              "description": "The slot the label arrives through, drawing no box, as `value` does.",
+              "name": "label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "description": "The slot the trend arrives through, drawing no box, as `value` does.",
+              "name": "trend",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "description": "The slot the unit arrives through, drawing no box, as `value` does.",
+              "name": "unit",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
             }
           ],
           "members": [
@@ -179770,6 +180289,57 @@
                 "module": "src/stat/root/stat-root.ts"
               }
             },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readPieces",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which pieces the stat holds, one call apiece so each pairs with its `@cssstate`.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -180193,9 +180763,70 @@
                 "name": "HelixHeadlessStat",
                 "module": "src/stat/root/stat-root.ts"
               }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
             }
           ],
           "cssStates": [
+            {
+              "description": "Something is slotted into `label`.",
+              "name": "has-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "description": "Something is slotted into `trend`.",
+              "name": "has-trend",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
+            {
+              "description": "Something is slotted into `unit`.",
+              "name": "has-unit",
+              "inheritedFrom": {
+                "name": "HelixHeadlessStat",
+                "module": "src/stat/root/stat-root.ts"
+              }
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -227509,6 +228140,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix",
-    "version": "0.153.0"
+    "version": "0.154.0"
   }
 }