@fusion.dev/helix 0.36.0 → 0.38.0

package/custom-elements.json

@@ -22305,7 +22305,7 @@
               "name": "--color-input-swatch-radius"
             },
             {
-              "description": "Edge length of the block in `appearance=\"swatch\"`.",
+              "description": "Edge length of the block in `variant=\"swatch\"`.",
               "name": "--color-input-swatch-size"
             },
             {
@@ -23686,7 +23686,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/color-input",
             "aliases": [
               "ColorField",
@@ -26164,7 +26164,7 @@
               "name": "--combobox-border-width"
             },
             {
-              "description": "Smallest the text field shrinks to",
+              "description": "Smallest the text field shrinks to once tags share its line.",
               "name": "--combobox-control-size"
             },
             {
@@ -26986,7 +26986,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` comes apart on commas, a press\ntoggles rather than replaces, and the arrows move without choosing. What\nthis adds is the tags, and keeping the panel open between picks.\n\nA comma is therefore not available inside an option's value, which is the\nlistbox's contract and not this element's to change.",
+              "description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` comes apart on commas, a press\ntoggles rather than replaces, and the arrows move without choosing. What\nthis adds is the tags, and keeping the panel open between picks.\n\nA comma is therefore not available inside an option's value, which is the\nlistbox's contract and not this element's to change.\n\n**The list is told, and the field is not.** `aria-multiselectable` belongs\nto `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in\nARIA 1.2; the list sets it on itself through `ElementInternals`, where a\nreader on the field hears it through `aria-controls`. This element wrote it\nonto its own `role=\"combobox\"` input as well, which an audit reports as a\nproperty the role does not support and no spec here ever asserted: the one\nthat covers this says in as many words that telling the list is what this\nelement is responsible for.",
               "attribute": "multiple",
               "inheritedFrom": {
                 "name": "HelixHeadlessCombobox",
@@ -27882,7 +27882,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/combobox",
             "aliases": [
               "Autocomplete",
@@ -28194,7 +28194,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` comes apart on commas, a press\ntoggles rather than replaces, and the arrows move without choosing. What\nthis adds is the tags, and keeping the panel open between picks.\n\nA comma is therefore not available inside an option's value, which is the\nlistbox's contract and not this element's to change.",
+              "description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` comes apart on commas, a press\ntoggles rather than replaces, and the arrows move without choosing. What\nthis adds is the tags, and keeping the panel open between picks.\n\nA comma is therefore not available inside an option's value, which is the\nlistbox's contract and not this element's to change.\n\n**The list is told, and the field is not.** `aria-multiselectable` belongs\nto `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in\nARIA 1.2; the list sets it on itself through `ElementInternals`, where a\nreader on the field hears it through `aria-controls`. This element wrote it\nonto its own `role=\"combobox\"` input as well, which an audit reports as a\nproperty the role does not support and no spec here ever asserted: the one\nthat covers this says in as many words that telling the list is what this\nelement is responsible for.",
               "fieldName": "multiple",
               "inheritedFrom": {
                 "name": "HelixHeadlessCombobox",
@@ -35765,7 +35765,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/date-input",
             "aliases": [
               "DatePicker",
@@ -42247,7 +42247,7 @@
           "name": "HelixDrawer",
           "cssProperties": [
             {
-              "description": "Filter applied behind a `material=\"glass\"` drawer. Follows the theme's material policy; set it to override the strength on one drawer.",
+              "description": "Filter applied behind a `frosted` or `glass` drawer. Follows the theme's material policy; set it to override the strength on one drawer.",
               "name": "--drawer-backdrop"
             },
             {
@@ -42267,7 +42267,7 @@
               "name": "--drawer-padding"
             },
             {
-              "description": "Padding above the content, which clears the close control.",
+              "description": "Padding above the header, which is a step deeper than the other three so the first line clears the window's own edge. Falls back to `--drawer-padding`, so setting that alone governs all four sides.",
               "name": "--drawer-padding-block-start"
             },
             {
@@ -42913,56 +42913,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "type": {
-                "text": "HelixBeforeOpenEvent"
-              },
-              "description": "Fired before the drawer opens or closes. Cancelable: refusing it takes the decision and nothing moves.",
-              "name": "helix-before-open",
-              "reactProp": "onhelix-before-open",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDrawer",
-                "module": "src/drawer/root/drawer-root.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "Relayed, because the platform's own does not escape.",
-              "name": "close",
-              "reactProp": "onclose",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDrawer",
-                "module": "src/drawer/root/drawer-root.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "HelixBeforeCloseEvent"
-              },
-              "description": "Fired before the panel closes, and cancelable.",
-              "name": "helix-before-close",
-              "reactProp": "onhelix-before-close",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDrawer",
-                "module": "src/drawer/root/drawer-root.ts"
-              }
-            },
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "Says the state moved, carrying `newState` and `oldState`.",
-              "name": "toggle",
-              "reactProp": "ontoggle",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDrawer",
-                "module": "src/drawer/root/drawer-root.ts"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "material",
@@ -43056,7 +43006,7 @@
           "helix": {
             "category": "overlays",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/drawer",
             "aliases": [
               "Sheet",
@@ -43091,6 +43041,56 @@
           },
           "tagName": "helix-drawer",
           "customElement": true,
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Relayed, because the platform's own does not escape.",
+              "name": "close",
+              "reactProp": "onclose",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDrawer",
+                "module": "src/drawer/root/drawer-root.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "HelixBeforeCloseEvent"
+              },
+              "description": "Fired before the panel closes, and cancelable.",
+              "name": "helix-before-close",
+              "reactProp": "onhelix-before-close",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDrawer",
+                "module": "src/drawer/root/drawer-root.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "HelixBeforeOpenEvent"
+              },
+              "description": "Fired before the panel opens. Cancelable: refusing it takes the decision and nothing moves.",
+              "name": "helix-before-open",
+              "reactProp": "onhelix-before-open",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDrawer",
+                "module": "src/drawer/root/drawer-root.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Says the state moved, carrying `newState` and `oldState`.",
+              "name": "toggle",
+              "reactProp": "ontoggle",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDrawer",
+                "module": "src/drawer/root/drawer-root.ts"
+              }
+            }
+          ],
           "cssStates": [
             {
               "description": "While the drawer is open.",
@@ -43649,7 +43649,7 @@
           "summary": "One row of a drill-down, which may hold a page of its own.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/drilldown",
             "aliases": [
               "Panel item",
@@ -44498,7 +44498,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/drilldown",
             "aliases": [
               "Panel",
@@ -44672,6 +44672,14 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "While a row's page is showing rather than the top one, so a frame around this can answer the depth it is at.",
+              "name": "drilled",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDrilldown",
+                "module": "src/drilldown/root/drilldown-root.ts"
+              }
+            },
             {
               "description": "Set a frame after the first render. Transitions are held off until it is, so an element never animates its own arrival.",
               "name": "settled",
@@ -58602,7 +58610,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The frame is the field rather than the input, so anything slotted at either\nend sits inside the same box as the text and the focus ring is drawn once,\naround the whole control, instead of around a smaller box within it.\n\nThe input itself is the native one, stripped rather than replaced, so the\ncaret, the selection, the autofill, and the keyboard a phone chooses are all\nthe platform's.\n\nHeight comes from the region, like every other control: `data-density` on\nwhatever holds it, not a `size` here. Invalid styling waits for\n`:user-invalid`, because a field is not wrong before anyone has filled it in.",
+          "description": "The frame is the field rather than the input, so anything slotted at either\nend sits inside the same box as the text and the focus ring is drawn once,\naround the whole control, instead of around a smaller box within it.\n\nThe input itself is the native one, stripped rather than replaced, so the\ncaret, the selection, the autofill, and the keyboard a phone chooses are all\nthe platform's.\n\nHeight comes from the region, like every other control: `data-density` on\nwhatever holds it, not a `size` here. Invalid styling waits for the `invalid`\ncustom state, because a field is not wrong before anyone has filled it in and\n`:user-invalid` cannot answer that here: it tracks the control the reader is\nin, which is inside this shadow root, so it never reaches the host the rule\nselects on.",
           "name": "HelixInput",
           "cssProperties": [
             {
@@ -59091,7 +59099,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "attribute": "readonly",
               "reflects": true,
               "inheritedFrom": {
@@ -59877,7 +59885,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/input",
             "aliases": [
               "TextField",
@@ -60102,7 +60110,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "fieldName": "readOnly",
               "inheritedFrom": {
                 "name": "HelixHeadlessInput",
@@ -65737,7 +65745,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/listbox",
             "aliases": [
               "Options",
@@ -66016,6 +66024,14 @@
                 "module": "src/listbox/root/listbox-root.ts"
               }
             },
+            {
+              "description": "The mark in the filter's field. Left empty, a magnifier is drawn.",
+              "name": "filter-icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessListbox",
+                "module": "src/listbox/root/listbox-root.ts"
+              }
+            },
             {
               "description": "Richer than a string.",
               "name": "hint",
@@ -66816,7 +66832,7 @@
           "name": "HelixMegamenu",
           "cssProperties": [
             {
-              "description": "A filter behind the panel, for glass.",
+              "description": "A filter behind the panel, which is `none` until one is asked for: this family carries no `material`, so the pair is two hooks rather than a word.",
               "name": "--megamenu-backdrop"
             },
             {
@@ -66966,7 +66982,7 @@
                 "text": "number"
               },
               "default": "640",
-              "description": "The width, in pixels, under which a card becomes a band. Zero never does.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This sets\n`data-narrow` on the host and the stylesheet arranges itself off that.",
+              "description": "The width, in pixels, under which a card becomes a band. Zero never does.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This records\n`:state(narrow)` on the host and the stylesheet arranges itself off that.\n\n**A custom state and never `data-narrow`, which is what it was.** The width\nis read in `connectedCallback`, so on a phone this is true on the very first\nupdate: an attribute written there is markup a consumer's server never sent,\nwhich React reports as a mismatch and answers by rebuilding the subtree. The\nnarrow exception the server specs describe covers a mirror that can only\nbecome true long after hydration, and a viewport measured before the first\npaint is the opposite case. See `MixinControllerOpen` on `open`.",
               "attribute": "full-below",
               "inheritedFrom": {
                 "name": "HelixHeadlessMegamenu",
@@ -67684,7 +67700,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/megamenu",
             "aliases": [
               "Mega menu",
@@ -67757,7 +67773,7 @@
                 "text": "number"
               },
               "default": "640",
-              "description": "The width, in pixels, under which a card becomes a band. Zero never does.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This sets\n`data-narrow` on the host and the stylesheet arranges itself off that.",
+              "description": "The width, in pixels, under which a card becomes a band. Zero never does.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This records\n`:state(narrow)` on the host and the stylesheet arranges itself off that.\n\n**A custom state and never `data-narrow`, which is what it was.** The width\nis read in `connectedCallback`, so on a phone this is true on the very first\nupdate: an attribute written there is markup a consumer's server never sent,\nwhich React reports as a mismatch and answers by rebuilding the subtree. The\nnarrow exception the server specs describe covers a mirror that can only\nbecome true long after hydration, and a viewport measured before the first\npaint is the opposite case. See `MixinControllerOpen` on `open`.",
               "fieldName": "fullBelow",
               "inheritedFrom": {
                 "name": "HelixHeadlessMegamenu",
@@ -67878,6 +67894,14 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "While the page is under `full-below`, so the panel is a band whether or not one was asked for.",
+              "name": "narrow",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMegamenu",
+                "module": "src/megamenu/root/megamenu-root.ts"
+              }
+            },
             {
               "description": "While the panel is open, which is when the trigger reads as current.",
               "name": "open",
@@ -76055,7 +76079,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/number-input",
             "aliases": [
               "NumberField",
@@ -80235,7 +80259,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A rule down the leading edge with the current section lit along it, which is\nthe shape a table of contents has taken since printed marginalia: the line\nsays the list is one thing, and the lit segment says where in it you are.\n\nNesting is the consumer's, expressed as `data-level` on a link. An outline\nthat read heading levels itself would have to look at the document, and the\ndocument is not always where the headings are.",
+          "description": "A rule down the leading edge with the current section lit along it, which is\nthe shape a table of contents has taken since printed marginalia: the line\nsays the list is one thing, and the lit segment says where in it you are.\n\nNesting is the consumer's, expressed as `data-level` on a link, and the\nlevels are the heading levels: `2` through `6` each take one more step of\n`--outline-indent`, and a link with no `data-level` is the top one. An\noutline that read heading levels itself would have to look at the document,\nand the document is not always where the headings are.",
           "name": "HelixOutline",
           "cssProperties": [
             {
@@ -80984,11 +81008,11 @@
           "events": [
             {
               "type": {
-                "text": "HelixBeforeActivateEvent"
+                "text": "HelixActivateEvent"
               },
-              "description": "The section being read has changed, carrying its id as the value. Cancelable: refusing it takes the decision and nothing moves.",
-              "name": "helix-before-activate",
-              "reactProp": "onhelix-before-activate",
+              "description": "The section being read has changed, carrying its id as the value. An announcement: it is read off where the page is scrolled to, so there is no decision here to take.",
+              "name": "helix-activate",
+              "reactProp": "onhelix-activate",
               "inheritedFrom": {
                 "name": "HelixHeadlessOutline",
                 "module": "src/outline/root/outline-root.ts"
@@ -90465,7 +90489,7 @@
               "type": {
                 "text": "'dots' | 'marks' | undefined"
               },
-              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`appearance=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
+              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`variant=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
               "attribute": "variant",
               "reflects": true
             },
@@ -91684,7 +91708,7 @@
               "type": {
                 "text": "'dots' | 'marks' | undefined"
               },
-              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`appearance=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
+              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`variant=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
               "fieldName": "variant"
             },
             {
@@ -98998,7 +99022,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/select",
             "aliases": [
               "Dropdown",
@@ -119333,7 +119357,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/time-input",
             "aliases": [
               "TimeField",
@@ -127160,7 +127184,7 @@
               "name": "--tooltip-arrow-size"
             },
             {
-              "description": "Blur behind a `glass` bubble.",
+              "description": "Blur behind a `frosted` or `glass` bubble.",
               "name": "--tooltip-backdrop"
             },
             {
@@ -128235,7 +128259,7 @@
           "helix": {
             "category": "overlays",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/tooltip",
             "aliases": [
               "Hint",

package/dist/color-input/root/color-input-root.d.ts

@@ -22,7 +22,7 @@ import '../../color-picker/index.js';
  * pads its own lower rows.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases ColorField, ColourInput, InputColor
  * @documentation https://fusion.dev/helix/components/color-input
@@ -37,7 +37,7 @@ import '../../color-picker/index.js';
  *   `--helix-shadow-floating`: a floating surface sits over content nobody can predict, so it
  *   keeps a lift by default.
  * @cssproperty --color-input-swatch-radius - Corner radius of that block.
- * @cssproperty --color-input-swatch-size - Edge length of the block in `appearance="swatch"`.
+ * @cssproperty --color-input-swatch-size - Edge length of the block in `variant="swatch"`.
  */
 export declare class HelixColorInput extends HelixHeadlessColorInput {
     static tier: string;

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

@@ -11,7 +11,7 @@ import '../../tag/index.js';
  * Input, Color Input and Date Input all take.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Autocomplete, Typeahead, Search select
  * @documentation https://fusion.dev/helix/components/combobox
@@ -21,7 +21,7 @@ import '../../tag/index.js';
  * @cssproperty --combobox-border-width - Width of the panel's edge. Follows
  *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a
  *   theme says otherwise.
- * @cssproperty --combobox-control-size - Smallest the text field shrinks to
+ * @cssproperty --combobox-control-size - Smallest the text field shrinks to once tags share its line.
  * @cssproperty --combobox-panel-size - Width of the panel. Follows the field by default.
  * @cssproperty --combobox-shadow - Lift under the panel. Follows `--helix-shadow-floating`: a
  *   floating surface sits over content nobody can predict, so it keeps a lift by default.

package/dist/date-input/root/date-input-root.d.ts

@@ -20,7 +20,7 @@ import '../../tag/index.js';
  * whatever holds it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases DatePicker, DateField, InputDate
  * @documentation https://fusion.dev/helix/components/date-input

package/dist/drawer/root/drawer-root.css.js

@@ -42,7 +42,7 @@ inset: auto;
 inline-size: auto;
 block-size: auto;
 
-background-color: var(--helix-color-surface-overlay);
+background-color: var(--drawer-background-color, var(--helix-color-surface-overlay));
 
 padding: var(--drawer-padding, var(--helix-space-lg));
 

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

@@ -9,7 +9,7 @@ import type { CSSResultGroup } from 'lit';
  * rest is flat and the movement is what says something happened.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category overlays
  * @aliases Sheet, Sidebar, Panel, Off-canvas
  * @documentation https://fusion.dev/helix/components/drawer
@@ -17,13 +17,11 @@ import type { CSSResultGroup } from 'lit';
  * @slot - The drawer's content.
  * @slot header - Content pinned above the scrolling area.
  *
- * @event {HelixBeforeOpenEvent} helix-before-open - Fired before the drawer opens or closes. Cancelable: refusing it takes the decision and nothing moves.
- *
  * @csspart content - The scrolling content region.
  * @csspart header - The header region.
  * @csspart panel - The sliding panel.
  *
- * @cssproperty --drawer-backdrop - Filter applied behind a `material="glass"` drawer.
+ * @cssproperty --drawer-backdrop - Filter applied behind a `frosted` or `glass` drawer.
  *   Follows the theme's material policy; set it to override the strength on one drawer.
  * @cssproperty --drawer-background-color - Surface behind the panel.
  * @cssproperty --drawer-border-color - Color of the panel's edge.
@@ -31,7 +29,9 @@ import type { CSSResultGroup } from 'lit';
  *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a
  *   theme says otherwise.
  * @cssproperty --drawer-padding - Padding inside the panel.
- * @cssproperty --drawer-padding-block-start - Padding above the content, which clears the close control.
+ * @cssproperty --drawer-padding-block-start - Padding above the header, which is a step deeper than
+ *   the other three so the first line clears the window's own edge. Falls back to
+ *   `--drawer-padding`, so setting that alone governs all four sides.
  * @cssproperty --drawer-radius - Corner radius on the edges that face the page.
  * @cssproperty --drawer-scrim - The wash over the page behind the drawer. Set on the host, where a token still resolves: a `var()` written inside `::backdrop` cannot see one.
  * @cssproperty --drawer-shadow - Lift under the panel. Follows `--helix-shadow-floating`: a

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

@@ -9,7 +9,7 @@ import type { CSSResultGroup } from 'lit';
  * lines up with the edge the eye is already following down the list.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases Panel item, Drill row
  * @documentation https://fusion.dev/helix/components/drilldown
  *

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

@@ -15,7 +15,7 @@ import type { CSSResultGroup } from 'lit';
  * `prefers-reduced-motion` it becomes the instant swap `Menu` does.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category navigation
  * @aliases Panel, Nested list, Drill-in
  * @documentation https://fusion.dev/helix/components/drilldown

package/dist/element-events.generated.js

@@ -86,7 +86,7 @@ registerElementEvents({
     'helix-number-input': ['change', 'helix-before-change', 'input'],
     'helix-object-inspector': ['helix-copy'],
     'helix-option': ['helix-select'],
-    'helix-outline': ['helix-before-activate'],
+    'helix-outline': ['helix-activate'],
     'helix-pagination': ['helix-navigate'],
     'helix-pagination-size': ['helix-before-change'],
     'helix-pin-input': ['change', 'helix-before-change', 'helix-complete', 'input'],

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

@@ -14,11 +14,14 @@ import '../../icon/index.js';
  * the platform's.
  *
  * Height comes from the region, like every other control: `data-density` on
- * whatever holds it, not a `size` here. Invalid styling waits for
- * `:user-invalid`, because a field is not wrong before anyone has filled it in.
+ * whatever holds it, not a `size` here. Invalid styling waits for the `invalid`
+ * custom state, because a field is not wrong before anyone has filled it in and
+ * `:user-invalid` cannot answer that here: it tracks the control the reader is
+ * in, which is inside this shadow root, so it never reaches the host the rule
+ * selects on.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases TextField, Field, TextInput
  * @documentation https://fusion.dev/helix/components/input

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

@@ -13,7 +13,7 @@ import type { CSSResultGroup } from 'lit';
  * list moves under the reader rather than the reader moving to find it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Options, Select list
  * @documentation https://fusion.dev/helix/components/listbox

package/dist/megamenu/root/megamenu-root.css.js

@@ -99,7 +99,7 @@ clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1));
 }
 
 :host([variant="full"]) [part="surface"],
-:host([data-narrow]) [part="surface"] {
+:host(:state(narrow)) [part="surface"] {
 
 backdrop-filter: var(--megamenu-backdrop, none);
 background-color: var(--megamenu-background-color, var(--helix-color-background));
@@ -125,18 +125,18 @@ position: fixed;
 }
 
 :host([variant="full"]) [part="surface"]:popover-open,
-:host([data-narrow]) [part="surface"]:popover-open {
+:host(:state(narrow)) [part="surface"]:popover-open {
 clip-path: inset(0 0 calc(var(--helix-space-xl) * -1) 0);
 }
 
 @starting-style {
 :host([variant="full"]) [part="surface"]:popover-open,
-:host([data-narrow]) [part="surface"]:popover-open {
+:host(:state(narrow)) [part="surface"]:popover-open {
 clip-path: inset(0 0 100% 0);
 }
 }
 
-:host([data-narrow]) [part="surface"] {
+:host(:state(narrow)) [part="surface"] {
 grid-auto-flow: row;
 grid-template-columns: 1fr;