@fusion.dev/helix-docs 0.187.0 → 0.189.0

package/dist/sources.generated.js

@@ -377,11 +377,11 @@ open.
 
 [//]: # (renders)
 
-**32 of the 99 headless families interpolate another family's tag**, across 22 distinct children.
+**34 of the 101 headless families interpolate another family's tag**, across 22 distinct children.
 
 | Family | Renders |
 |---|---|
-| \`area-chart\`, \`bar-chart\`, \`copy-button\`, \`donut-chart\`, \`heatmap\`, \`isometric-heatmap\`, \`line-chart\`, \`scatter-chart\` | \`tooltip\` |
+| \`area-chart\`, \`bar-chart\`, \`copy-button\`, \`donut-chart\`, \`heatmap\`, \`line-chart\`, \`scatter-chart\`, \`spatial-heatmap\`, \`spatial-scatter-chart\`, \`spatial-surface-chart\` | \`tooltip\` |
 | \`breadcrumbs\` | \`breadcrumb\` |
 | \`chat\` | \`chat-message\` |
 | \`checkbox-group\`, \`table\` | \`checkbox\` |
@@ -479,6 +479,48 @@ TypeScript declares custom elements this way. The interface merges from your
 source, and a generated file cannot name a class that is not in the same
 program.
 
+## Check your components with \`helix component\`
+
+\`helix component\` checks the components you write on Helix's base classes. Name
+the folders that hold them in \`helix.json\` at your project's root:
+
+\`\`\`json
+{ "tiers": ["src/components"] }
+\`\`\`
+
+Then run it:
+
+\`\`\`sh
+helix component audit
+helix component check
+\`\`\`
+
+\`audit\` prints each rule and what it found, and \`check\` prints nothing when
+there is nothing to report. Both exit 1 on a finding, and \`--json\` prints the
+findings as data. The rules check what your components document and write:
+
+| Rule | What it checks |
+|---|---|
+| \`tier\` | A component built on a headless one that renders children sets \`tier\`, so its children are yours and not Helix's |
+| \`registered\` | Every element a component's base renders is registered under the prefix it sets |
+| \`composed\` | A module that renders one of your elements, by its base or in its own template, imports the module that registers it |
+| \`slots\` | A \`@slot\` you document is one the Helix class under it takes, or one your template renders |
+| \`exportparts\` | A \`::part()\` written at your elements or at Helix's names a part that element publishes |
+| \`words\` | A component with \`static words\` declares its English defaults \`@words\`, and joins no word into a sentence outside the message |
+| \`dispatched\` | An event your component sends by name, with \`new CustomEvent\` or \`new Event\`, is documented with \`@event\` |
+| \`parts\` | A \`@csspart\` you document is rendered, and a \`part\` you render is documented |
+| \`states\` | A custom state you record is documented with \`@cssstate\`, and a documented one is recorded |
+| \`hooks\` | A \`@cssproperty\` you document is read, and one you read is documented |
+| \`restated\` | A part, a slot, or an event is declared once |
+| \`reflected\` | A property that reflects has no default, so a host carries no attribute nobody wrote |
+| \`reflected-defaults\` | A reflected property writes no attribute on upgrade that a server did not send |
+| \`attribute-names\` | A property that mirrors a platform attribute answers to the platform's spelling |
+| \`constructed\` | No class field reads the element's attributes in its initializer, where a parsed element has none yet |
+| \`observers\` | An observer built once is not torn down by a lifecycle that runs many times |
+| \`leaks\` | A listener on something the element does not own is removed when the element is |
+
+\`--only parts,states\` runs a few of them.
+
 ## What the headless tier handles for you
 
 ### Tree-shaking
@@ -686,9 +728,11 @@ Helix has these chart families, and each one has its own API page:
 - \`Line Chart\`
 - \`Area Chart\`
 - \`Scatter Chart\`
+- \`Spatial Scatter Chart\`, drawn in three dimensions by \`@fusion.dev/helix-plot\`
+- \`Spatial Surface Chart\`, drawn in three dimensions by \`@fusion.dev/helix-plot\`
 - \`Donut Chart\`
 - \`Heatmap\`
-- \`Isometric Heatmap\`
+- \`Spatial Heatmap\`
 - \`Sparkline\`
 - \`Trend\`
 - \`Legend\`, which all of the charts share
@@ -712,9 +756,23 @@ Choose a chart by the question it answers.
   overlaps the series, and \`Area Chart\` adds them.
 - **Parts of one whole, at one moment.** \`Donut Chart\`.
 - **Whether two measures relate.** \`Scatter Chart\`, with one point per row.
+- **Where rows fall on three measures, and which gather together.** \`Scatter
+  3D\`, with one point per row in a box you can turn. Use it for data that has
+  three dimensions, such as clusters or embeddings. Its table and its flat
+  scatter carry the exact values.
+- **How one measure rises and falls over two others.** \`Spatial Surface Chart\`, with one
+  row per place on a grid, drawn as a surface you can turn. Use it for a measure
+  over two ranges, such as load by hour and by day. Its table carries the exact
+  values.
+
+The spatial charts and \`Spatial Heatmap\` draw themselves in 3D in SVG, which a
+server, a print, and a page without WebGL all show. Shift with an arrow turns
+the spatial charts' drawing. \`@fusion.dev/helix-plot\` draws all three with
+three.js instead, lit and in perspective, in a view you can drag round and
+zoom.
 - **How each day or check went.** \`Heatmap\`, for uptime, contributions, or
   activity.
-- **The same days, as a relief.** \`Isometric Heatmap\` reads the same table as
+- **The same days, as a relief.** \`Spatial Heatmap\` reads the same table as
   \`Heatmap\` and draws each reading as a prism as tall as its value. Use it where
   the overall shape matters more than any one exact value, such as a busy
   stretch in a year of commits. The tooltip and the table carry the exact
@@ -1027,7 +1085,7 @@ the file your client reads and keeps every other server in it:
 | \`vscode\` | \`.vscode/mcp.json\` |
 
 The server runs \`npx @fusion.dev/helix-cli mcp\`, which is the copy in your
-project. It has eight tools:
+project. It has nine tools:
 
 | Tool | What it returns |
 |---|---|
@@ -1037,6 +1095,7 @@ project. It has eight tools:
 | \`helix_imports\` | The import lines for a list of tags, and the closest tag to any unknown one |
 | \`helix_tokens\` | The semantic tokens, by a word in the name or description and by category |
 | \`helix_check\` | The findings \`helix scan\` reports for the files you name, or for a snippet before you write it |
+| \`helix_check_page\` | The findings the page diagnostics report for each address you name, opened headless, with what the library logged as the page ran |
 | \`helix_audit_theme\` | Every foreground and background pair a brand color derives to, with its ratio and target |
 | \`helix_derive_theme\` | The theme's CSS |
 
@@ -4297,7 +4356,7 @@ on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 248,564 | 79,270 | 67,889 |
+| Lit and \`@fusion.dev/helix-core\` | 251,850 | 80,718 | 68,992 |
 
 ## Whole packages
 
@@ -4308,12 +4367,12 @@ either barrel. The per-component tables show what your page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 247,773 | 79,121 | 67,573 | The element base class, mixins, decorators, and floating positioning. |
-| \`@fusion.dev/helix-headless\` | 1,337,367 | 373,053 | 279,925 | Every headless family. The barrel entry includes all of them. |
+| \`@fusion.dev/helix-core\` | 251,059 | 80,558 | 68,764 | The element base class, mixins, decorators, and floating positioning. |
+| \`@fusion.dev/helix-headless\` | 1,359,170 | 380,216 | 285,167 | Every headless family. The barrel entry includes all of them. |
 | \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
 | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
 | \`fusion_helix_theme_bg.wasm\` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
-| \`@fusion.dev/helix\` | 2,015,564 | 520,954 | 371,815 | Every styled family. |
+| \`@fusion.dev/helix\` | 2,043,111 | 529,015 | 377,263 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
 
 ## Stylesheets
@@ -4327,20 +4386,20 @@ shows the whole cost of using the base layer on its own.
 | File | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
 | \`base.css\` | 34,352 | 4,806 | 4,174 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
-| \`elements.css\` | 19,050 | 2,860 | 2,551 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
+| \`elements.css\` | 19,204 | 2,877 | 2,568 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
 | \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
 | \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
 | \`tokens.css\` | 22,747 | 2,757 | 2,314 | The 197 semantic tokens. Every styled component needs them. |
 
 ## What the numbers say
 
-**Most of your first component is the shared runtime.** The median styled family is 17,535 bytes gzipped alone, and it adds 3,868 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
+**Most of your first component is the shared runtime.** The median styled family is 18,136 bytes gzipped alone, and it adds 4,025 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
 
-Across the 106 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 520,954.
+Across the 108 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 529,015.
 
-No family imports a barrel. The \`barrels\` rule in \`fusion x workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
+No family imports a barrel. The \`barrels\` rule in \`fusion x workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 380,216 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
 
-The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 16,645 bytes gzipped alone.
+The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 17,291 bytes gzipped alone.
 
 ## Compared with other systems
 
@@ -4352,43 +4411,43 @@ The table has no whole-library row. That row would compare how many components e
 
 | Component | System | Raw | Gzip | Brotli |
 |---|---|---|---|---|
-| \`button\` | **Helix** | 41,612 | 14,007 | 12,441 |
+| \`button\` | **Helix** | 41,612 | 14,008 | 12,454 |
 | | Carbon | 133,058 | 20,959 | 17,685 |
 | | Material Web | 47,060 | 14,173 | 12,591 |
 | | Shoelace | 62,628 | 18,287 | 15,805 |
 | | Spectrum | 98,792 | 22,045 | 18,674 |
-| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,516 |
+| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,545 |
 | | Carbon | 60,255 | 15,609 | 13,550 |
 | | Material Web | 43,785 | 13,556 | 12,015 |
 | | Shoelace | 47,614 | 15,177 | 13,301 |
 | | Spectrum | 62,492 | 15,437 | 13,481 |
-| \`dialog\` | **Helix** | 43,360 | 14,855 | 13,244 |
+| \`dialog\` | **Helix** | 43,360 | 14,855 | 13,241 |
 | | Carbon | 510,866 | 67,390 | 39,189 |
 | | Material Web | 34,238 | 11,510 | 10,229 |
 | | Shoelace | 52,754 | 17,698 | 15,554 |
 | | Spectrum | 155,708 | 31,899 | 26,262 |
-| \`radio\` | **Helix** | 50,349 | 15,977 | 14,203 |
+| \`radio\` | **Helix** | 50,349 | 15,975 | 14,202 |
 | | Carbon | 63,055 | 16,887 | 14,605 |
 | | Material Web | 41,044 | 13,234 | 11,757 |
 | | Shoelace | 34,865 | 12,027 | 10,559 |
 | | Spectrum | 38,685 | 10,660 | 9,370 |
-| \`switch\` | **Helix** | 43,562 | 14,637 | 13,010 |
+| \`switch\` | **Helix** | 43,562 | 14,637 | 13,008 |
 | | Carbon | 69,423 | 17,127 | 14,764 |
 | | Material Web | 50,155 | 14,577 | 12,935 |
 | | Shoelace | 37,833 | 11,814 | 10,568 |
 | | Spectrum | 62,322 | 15,059 | 13,321 |
-| \`tabs\` | **Helix** | 55,263 | 17,753 | 15,835 |
+| \`tabs\` | **Helix** | 55,263 | 17,753 | 15,846 |
 | | Carbon | 578,766 | 73,537 | 43,235 |
 | | Material Web | 38,883 | 12,820 | 11,368 |
 | | Shoelace | 54,573 | 17,140 | 15,068 |
 | | Spectrum | 64,875 | 18,298 | 16,283 |
-| \`tooltip\` | **Helix** | 61,420 | 21,833 | 19,366 |
+| \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,363 |
 | | Carbon | 189,382 | 30,354 | 22,273 |
 | | Material Web | | not shipped | |
 | | Shoelace | 57,412 | 20,220 | 17,933 |
 | | Spectrum | 136,599 | 40,552 | 35,286 |
 
-At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 5,317 bytes gzipped. 11 of 27 peer measurements are smaller than the Helix row.
+At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 5,315 bytes gzipped. 11 of 27 peer measurements are smaller than the Helix row.
 
 Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
 
@@ -4434,105 +4493,107 @@ Structure, accessibility, state, and form participation. It has no presentation
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 31,879 | 11,805 | 10,464 | 5,329 | 1,598 | 1,201 |
-| \`announcement\` | 36,692 | 13,313 | 11,857 | 4,682 | 1,425 | 1,151 |
-| \`app-header\` | 32,289 | 11,899 | 10,609 | 5,871 | 1,795 | 1,314 |
-| \`area-chart\` | 90,301 | 31,725 | 28,033 | 14,058 | 4,345 | 3,519 |
-| \`avatar\` | 30,463 | 11,596 | 10,395 | 3,957 | 1,234 | 996 |
-| \`badge\` | 27,088 | 10,568 | 9,410 | 2,942 | 919 | 680 |
-| \`bar-chart\` | 94,416 | 32,821 | 29,079 | 18,026 | 5,441 | 4,384 |
-| \`blockquote\` | 24,107 | 9,421 | 8,333 | 2,402 | 913 | 792 |
-| \`breadcrumbs\` | 36,279 | 13,906 | 12,381 | 7,360 | 2,451 | 1,863 |
-| \`button\` | 35,194 | 12,591 | 11,199 | 4,925 | 1,471 | 1,101 |
-| \`button-group\` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,108 |
-| \`callout\` | 35,256 | 13,595 | 12,070 | 2,884 | 992 | 672 |
-| \`canvas\` | 108,483 | 34,750 | 30,378 | 68,927 | 20,973 | 17,579 |
-| \`card\` | 23,777 | 9,053 | 8,018 | 2,090 | 655 | 458 |
-| \`carousel\` | 42,748 | 15,234 | 13,592 | 15,006 | 4,215 | 3,284 |
-| \`chat\` | 79,390 | 26,446 | 23,340 | 27,455 | 8,116 | 6,323 |
-| \`checkbox\` | 40,374 | 13,681 | 12,223 | 3,107 | 979 | 715 |
-| \`checkbox-group\` | 47,602 | 15,600 | 13,904 | 8,325 | 2,351 | 1,675 |
-| \`code\` | 20,301 | 8,015 | 7,128 | 138 | 67 | 44 |
-| \`code-block\` | 102,738 | 34,889 | 30,829 | 36,843 | 10,785 | 8,723 |
-| \`color-input\` | 141,792 | 45,087 | 39,353 | 55,136 | 14,334 | 11,579 |
-| \`color-picker\` | 103,415 | 32,966 | 28,889 | 47,256 | 12,743 | 10,286 |
-| \`combobox\` | 132,023 | 41,951 | 36,926 | 35,791 | 9,112 | 7,114 |
-| \`command\` | 99,513 | 31,476 | 27,699 | 30,061 | 8,170 | 6,287 |
-| \`copy-button\` | 80,548 | 27,649 | 24,493 | 18,341 | 4,985 | 3,862 |
-| \`data-table\` | 199,900 | 61,427 | 52,552 | 89,488 | 23,783 | 19,122 |
-| \`date-input\` | 141,223 | 44,512 | 39,087 | 38,229 | 9,447 | 7,481 |
-| \`date-picker\` | 61,360 | 20,936 | 18,758 | 20,347 | 5,579 | 4,404 |
-| \`description-list\` | 22,900 | 8,766 | 7,766 | 1,565 | 525 | 363 |
-| \`dialog\` | 38,247 | 13,598 | 12,117 | 5,837 | 1,753 | 1,370 |
-| \`divider\` | 22,991 | 8,924 | 7,882 | 1,416 | 502 | 365 |
-| \`donut-chart\` | 89,212 | 31,127 | 27,516 | 14,641 | 4,497 | 3,726 |
-| \`drawer\` | 42,892 | 15,123 | 13,470 | 7,698 | 2,295 | 1,762 |
-| \`drilldown\` | 42,756 | 14,941 | 13,298 | 9,710 | 2,724 | 2,115 |
-| \`empty\` | 24,194 | 9,251 | 8,200 | 1,951 | 658 | 452 |
-| \`file-input\` | 57,757 | 20,019 | 17,787 | 13,094 | 4,155 | 3,327 |
-| \`filter-input\` | 97,846 | 32,818 | 29,095 | 21,630 | 6,199 | 4,832 |
-| \`format-date\` | 30,158 | 11,290 | 10,090 | 4,434 | 1,263 | 1,027 |
-| \`graph\` | 74,369 | 24,503 | 21,668 | 21,878 | 6,484 | 5,239 |
-| \`heatmap\` | 98,128 | 33,504 | 29,599 | 18,944 | 5,590 | 4,500 |
-| \`icon\` | 82,157 | 28,050 | 23,958 | 58,304 | 19,661 | 16,059 |
-| \`icon-button\` | 35,305 | 12,620 | 11,230 | 5,034 | 1,512 | 1,196 |
-| \`image\` | 25,504 | 9,480 | 8,403 | 3,824 | 1,152 | 876 |
-| \`input\` | 46,361 | 15,974 | 14,090 | 7,352 | 2,452 | 1,782 |
-| \`isometric-heatmap\` | 102,771 | 34,712 | 30,611 | 23,536 | 6,749 | 5,369 |
-| \`kbd\` | 27,511 | 10,571 | 9,363 | 3,516 | 1,152 | 829 |
-| \`legend\` | 35,184 | 12,935 | 11,491 | 2,957 | 1,019 | 860 |
-| \`lightbox\` | 55,724 | 18,816 | 16,708 | 16,730 | 4,692 | 3,556 |
-| \`line-chart\` | 91,335 | 31,881 | 28,246 | 14,762 | 4,418 | 3,595 |
-| \`list\` | 61,803 | 21,294 | 18,990 | 15,242 | 4,449 | 3,468 |
-| \`listbox\` | 76,711 | 25,427 | 22,518 | 15,565 | 4,585 | 3,562 |
-| \`loader\` | 26,379 | 10,041 | 8,907 | 2,775 | 969 | 755 |
-| \`map\` | 78,565 | 24,393 | 21,306 | 37,025 | 10,128 | 7,979 |
-| \`megamenu\` | 60,027 | 21,698 | 19,184 | 8,595 | 2,405 | 1,729 |
-| \`menu\` | 97,473 | 32,550 | 28,740 | 30,180 | 7,996 | 6,317 |
-| \`meter\` | 31,721 | 12,026 | 10,720 | 4,894 | 1,453 | 1,142 |
-| \`navigation\` | 33,088 | 12,436 | 11,039 | 3,366 | 1,183 | 972 |
-| \`notifications\` | 58,346 | 19,881 | 17,738 | 18,207 | 5,055 | 4,084 |
-| \`number-input\` | 56,271 | 18,839 | 16,788 | 13,524 | 3,662 | 2,808 |
-| \`object-inspector\` | 113,929 | 38,372 | 33,710 | 35,492 | 10,303 | 8,228 |
-| \`option\` | 26,477 | 9,764 | 8,662 | 4,525 | 1,231 | 929 |
-| \`outline\` | 33,612 | 12,598 | 11,179 | 7,856 | 2,569 | 1,942 |
-| \`pagination\` | 136,258 | 43,650 | 37,968 | 45,377 | 11,934 | 9,430 |
-| \`pin-input\` | 47,068 | 16,413 | 14,656 | 6,736 | 2,253 | 1,679 |
-| \`popover\` | 63,806 | 22,941 | 20,269 | 6,375 | 1,876 | 1,391 |
-| \`progress\` | 28,084 | 10,730 | 9,552 | 2,970 | 933 | 784 |
-| \`qr-code\` | 42,719 | 16,645 | 14,846 | 17,004 | 6,288 | 5,327 |
-| \`quote\` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 436 |
-| \`radio\` | 42,561 | 14,464 | 12,878 | 3,817 | 1,227 | 860 |
-| \`rating\` | 50,257 | 17,289 | 15,409 | 8,029 | 2,456 | 1,823 |
-| \`scatter-chart\` | 91,226 | 31,676 | 27,953 | 16,127 | 4,840 | 3,799 |
-| \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,068 |
-| \`select\` | 115,289 | 38,173 | 33,453 | 26,033 | 7,140 | 5,340 |
-| \`skeleton\` | 22,328 | 8,644 | 7,666 | 991 | 367 | 229 |
-| \`skip-link\` | 23,871 | 9,338 | 8,265 | 1,225 | 493 | 350 |
-| \`slider\` | 52,873 | 17,826 | 15,978 | 13,159 | 3,817 | 2,927 |
-| \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,981 | 2,162 | 1,673 |
-| \`speed-dial\` | 68,751 | 24,718 | 21,898 | 10,915 | 2,990 | 2,359 |
-| \`splitter\` | 43,751 | 15,167 | 13,536 | 14,397 | 3,878 | 3,177 |
-| \`stat\` | 25,255 | 9,675 | 8,601 | 2,303 | 781 | 553 |
-| \`steps\` | 53,623 | 18,636 | 16,567 | 13,603 | 3,869 | 3,159 |
-| \`switch\` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 396 |
-| \`table\` | 118,358 | 37,061 | 32,288 | 45,150 | 12,476 | 10,092 |
-| \`tabs\` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,292 |
-| \`tag\` | 42,676 | 15,620 | 13,972 | 8,455 | 2,548 | 2,025 |
-| \`textarea\` | 43,852 | 14,941 | 13,326 | 5,402 | 1,622 | 1,271 |
-| \`time-input\` | 169,269 | 52,676 | 45,838 | 48,511 | 12,418 | 9,781 |
-| \`time-picker\` | 99,603 | 31,517 | 27,728 | 33,933 | 9,190 | 7,178 |
-| \`timeline\` | 31,286 | 11,863 | 10,638 | 4,061 | 1,259 | 981 |
-| \`toast\` | 50,871 | 17,940 | 16,020 | 12,124 | 3,529 | 2,769 |
-| \`toggle\` | 45,577 | 15,270 | 13,576 | 6,007 | 1,799 | 1,303 |
-| \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,299 |
-| \`tooltip\` | 58,616 | 21,091 | 18,704 | 8,434 | 2,378 | 1,931 |
-| \`tour\` | 83,670 | 28,722 | 25,379 | 19,815 | 5,458 | 4,358 |
-| \`tree\` | 67,586 | 22,717 | 20,230 | 17,199 | 4,979 | 3,932 |
-| \`trend\` | 29,717 | 11,568 | 10,337 | 3,487 | 1,133 | 886 |
-| \`video\` | 141,208 | 44,137 | 38,490 | 66,217 | 16,841 | 13,759 |
-| \`video-playlist\` | 127,686 | 41,301 | 36,312 | 42,775 | 11,224 | 9,029 |
-| \`virtual-list\` | 63,451 | 21,632 | 19,226 | 23,305 | 7,171 | 5,849 |
+| \`accordion\` | 31,879 | 11,804 | 10,470 | 5,329 | 1,577 | 1,245 |
+| \`announcement\` | 36,692 | 13,312 | 11,862 | 4,682 | 1,388 | 1,095 |
+| \`app-header\` | 32,289 | 11,898 | 10,592 | 5,871 | 1,773 | 1,373 |
+| \`area-chart\` | 90,301 | 31,728 | 28,102 | 14,057 | 4,329 | 3,572 |
+| \`avatar\` | 30,463 | 11,596 | 10,365 | 3,957 | 1,212 | 1,068 |
+| \`badge\` | 27,088 | 10,568 | 9,403 | 2,942 | 898 | 722 |
+| \`bar-chart\` | 94,416 | 32,822 | 29,101 | 18,022 | 5,408 | 4,447 |
+| \`blockquote\` | 24,107 | 9,421 | 8,333 | 2,402 | 888 | 743 |
+| \`breadcrumbs\` | 36,279 | 13,907 | 12,387 | 7,360 | 2,423 | 2,050 |
+| \`button\` | 35,194 | 12,591 | 11,197 | 4,925 | 1,445 | 1,183 |
+| \`button-group\` | 27,640 | 10,382 | 9,202 | 4,927 | 1,510 | 1,183 |
+| \`callout\` | 35,256 | 13,593 | 12,067 | 2,884 | 983 | 850 |
+| \`canvas\` | 108,483 | 34,751 | 30,385 | 68,924 | 20,916 | 17,613 |
+| \`card\` | 23,777 | 9,054 | 8,018 | 2,090 | 656 | 604 |
+| \`carousel\` | 42,748 | 15,233 | 13,622 | 15,005 | 4,189 | 3,382 |
+| \`chat\` | 79,390 | 26,446 | 23,339 | 27,455 | 8,065 | 6,522 |
+| \`checkbox\` | 40,374 | 13,681 | 12,201 | 3,107 | 959 | 711 |
+| \`checkbox-group\` | 47,602 | 15,600 | 13,895 | 8,325 | 2,358 | 1,708 |
+| \`code\` | 20,301 | 8,015 | 7,129 | 138 | 76 | 197 |
+| \`code-block\` | 102,738 | 34,890 | 30,789 | 36,842 | 10,763 | 8,822 |
+| \`color-input\` | 141,792 | 45,090 | 39,374 | 55,134 | 14,319 | 11,654 |
+| \`color-picker\` | 103,415 | 32,966 | 28,885 | 47,255 | 12,729 | 10,462 |
+| \`combobox\` | 132,023 | 41,952 | 36,961 | 35,789 | 9,122 | 7,169 |
+| \`command\` | 99,513 | 31,475 | 27,705 | 30,059 | 8,125 | 6,472 |
+| \`copy-button\` | 80,548 | 27,649 | 24,493 | 18,341 | 4,987 | 3,971 |
+| \`data-table\` | 199,900 | 61,426 | 52,478 | 89,490 | 23,843 | 19,219 |
+| \`date-input\` | 141,223 | 44,511 | 39,085 | 38,228 | 9,473 | 7,608 |
+| \`date-picker\` | 61,360 | 20,935 | 18,727 | 20,345 | 5,606 | 4,484 |
+| \`description-list\` | 22,900 | 8,765 | 7,765 | 1,565 | 528 | 451 |
+| \`dialog\` | 38,247 | 13,597 | 12,107 | 5,837 | 1,729 | 1,484 |
+| \`divider\` | 22,991 | 8,924 | 7,879 | 1,416 | 509 | 492 |
+| \`donut-chart\` | 89,212 | 31,130 | 27,511 | 14,641 | 4,491 | 3,697 |
+| \`drawer\` | 42,892 | 15,123 | 13,470 | 7,698 | 2,300 | 1,843 |
+| \`drilldown\` | 42,756 | 14,941 | 13,298 | 9,709 | 2,725 | 2,191 |
+| \`empty\` | 24,194 | 9,250 | 8,197 | 1,951 | 644 | 554 |
+| \`file-input\` | 57,757 | 20,019 | 17,808 | 13,093 | 4,145 | 3,360 |
+| \`filter-input\` | 97,846 | 32,819 | 29,096 | 21,629 | 6,181 | 4,943 |
+| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,434 | 1,268 | 1,171 |
+| \`graph\` | 74,369 | 24,504 | 21,640 | 21,877 | 6,477 | 5,294 |
+| \`heatmap\` | 98,128 | 33,501 | 29,562 | 18,944 | 5,580 | 4,462 |
+| \`icon\` | 82,157 | 28,050 | 23,968 | 58,304 | 19,615 | 16,217 |
+| \`icon-button\` | 35,305 | 12,619 | 11,226 | 5,034 | 1,473 | 1,184 |
+| \`image\` | 25,504 | 9,480 | 8,403 | 3,823 | 1,155 | 1,009 |
+| \`input\` | 46,361 | 15,975 | 14,087 | 7,352 | 2,428 | 1,845 |
+| \`kbd\` | 27,511 | 10,570 | 9,335 | 3,516 | 1,115 | 877 |
+| \`legend\` | 35,184 | 12,935 | 11,489 | 2,957 | 990 | 850 |
+| \`lightbox\` | 55,724 | 18,816 | 16,709 | 16,730 | 4,663 | 3,540 |
+| \`line-chart\` | 91,335 | 31,881 | 28,254 | 14,762 | 4,392 | 3,519 |
+| \`list\` | 61,803 | 21,292 | 18,957 | 15,241 | 4,438 | 3,518 |
+| \`listbox\` | 76,711 | 25,427 | 22,459 | 15,564 | 4,613 | 3,554 |
+| \`loader\` | 26,379 | 10,041 | 8,939 | 2,775 | 946 | 820 |
+| \`map\` | 78,565 | 24,394 | 21,343 | 37,026 | 10,114 | 7,986 |
+| \`megamenu\` | 60,027 | 21,698 | 19,183 | 8,596 | 2,358 | 1,815 |
+| \`menu\` | 97,473 | 32,553 | 28,726 | 30,180 | 7,956 | 6,368 |
+| \`meter\` | 31,721 | 12,025 | 10,718 | 4,894 | 1,439 | 1,249 |
+| \`navigation\` | 33,088 | 12,436 | 11,035 | 3,366 | 1,153 | 1,059 |
+| \`notifications\` | 58,346 | 19,881 | 17,733 | 18,207 | 5,061 | 4,099 |
+| \`number-input\` | 56,271 | 18,842 | 16,800 | 13,523 | 3,639 | 2,842 |
+| \`object-inspector\` | 113,929 | 38,373 | 33,741 | 35,493 | 10,276 | 8,298 |
+| \`option\` | 26,477 | 9,763 | 8,664 | 4,524 | 1,203 | 1,001 |
+| \`outline\` | 33,612 | 12,597 | 11,190 | 7,856 | 2,564 | 2,108 |
+| \`pagination\` | 136,258 | 43,650 | 37,901 | 45,378 | 11,897 | 9,460 |
+| \`pin-input\` | 47,068 | 16,413 | 14,639 | 6,736 | 2,226 | 1,856 |
+| \`popover\` | 63,806 | 22,941 | 20,263 | 6,374 | 1,846 | 1,480 |
+| \`progress\` | 28,084 | 10,728 | 9,550 | 2,970 | 921 | 808 |
+| \`qr-code\` | 42,719 | 16,647 | 14,800 | 17,004 | 6,296 | 5,426 |
+| \`quote\` | 22,516 | 8,885 | 7,827 | 1,211 | 534 | 535 |
+| \`radio\` | 42,561 | 14,465 | 12,864 | 3,817 | 1,193 | 900 |
+| \`rating\` | 50,257 | 17,291 | 15,435 | 8,028 | 2,428 | 1,955 |
+| \`scatter-chart\` | 91,226 | 31,676 | 28,010 | 16,126 | 4,811 | 3,879 |
+| \`scroll-area\` | 30,430 | 11,079 | 9,811 | 8,499 | 2,591 | 2,083 |
+| \`select\` | 115,289 | 38,175 | 33,416 | 26,033 | 7,154 | 5,501 |
+| \`skeleton\` | 22,328 | 8,644 | 7,665 | 991 | 407 | 338 |
+| \`skip-link\` | 23,871 | 9,338 | 8,264 | 1,225 | 502 | 482 |
+| \`slider\` | 52,873 | 17,825 | 15,915 | 13,159 | 3,777 | 3,106 |
+| \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,980 | 2,123 | 1,743 |
+| \`spatial-heatmap\` | 106,543 | 35,963 | 31,733 | 26,485 | 7,653 | 6,259 |
+| \`spatial-scatter-chart\` | 94,415 | 33,050 | 29,138 | 16,256 | 5,253 | 4,392 |
+| \`spatial-surface-chart\` | 96,111 | 33,772 | 29,776 | 17,890 | 5,913 | 4,905 |
+| \`speed-dial\` | 68,751 | 24,718 | 21,860 | 10,915 | 2,965 | 2,537 |
+| \`splitter\` | 43,751 | 15,169 | 13,535 | 14,396 | 3,848 | 3,211 |
+| \`stat\` | 25,255 | 9,675 | 8,600 | 2,303 | 769 | 646 |
+| \`steps\` | 53,623 | 18,636 | 16,567 | 13,602 | 3,855 | 3,168 |
+| \`switch\` | 39,233 | 13,496 | 12,036 | 1,679 | 612 | 470 |
+| \`table\` | 118,358 | 37,062 | 32,249 | 45,147 | 12,472 | 10,031 |
+| \`tabs\` | 46,310 | 15,908 | 14,141 | 10,491 | 2,881 | 2,344 |
+| \`tag\` | 42,676 | 15,620 | 13,969 | 8,454 | 2,533 | 2,004 |
+| \`textarea\` | 43,852 | 14,941 | 13,326 | 5,402 | 1,597 | 1,288 |
+| \`time-input\` | 169,269 | 52,676 | 45,765 | 48,510 | 12,433 | 9,947 |
+| \`time-picker\` | 99,603 | 31,518 | 27,730 | 33,933 | 9,204 | 7,322 |
+| \`timeline\` | 31,286 | 11,863 | 10,638 | 4,061 | 1,219 | 962 |
+| \`toast\` | 50,871 | 17,940 | 16,003 | 12,123 | 3,516 | 2,808 |
+| \`toggle\` | 45,577 | 15,272 | 13,578 | 6,007 | 1,820 | 1,428 |
+| \`toolbar\` | 31,047 | 11,573 | 10,296 | 5,158 | 1,658 | 1,357 |
+| \`tooltip\` | 58,616 | 21,090 | 18,726 | 8,433 | 2,351 | 1,957 |
+| \`tour\` | 83,670 | 28,721 | 25,350 | 19,814 | 5,443 | 4,445 |
+| \`tree\` | 67,586 | 22,717 | 20,254 | 17,198 | 4,962 | 4,105 |
+| \`trend\` | 29,717 | 11,569 | 10,337 | 3,486 | 1,115 | 944 |
+| \`video\` | 141,208 | 44,138 | 38,459 | 66,218 | 16,800 | 13,899 |
+| \`video-playlist\` | 127,686 | 41,300 | 36,365 | 42,774 | 11,210 | 9,223 |
+| \`virtual-list\` | 63,451 | 21,632 | 19,310 | 23,305 | 7,148 | 5,813 |
 
 ### Styled tier
 
@@ -4540,112 +4601,114 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 35,311 | 12,654 | 11,236 | 8,746 | 2,463 | 1,998 |
-| \`announcement\` | 41,307 | 14,365 | 12,844 | 9,278 | 2,489 | 2,054 |
-| \`app-header\` | 37,449 | 13,103 | 11,662 | 11,016 | 3,009 | 2,470 |
-| \`area-chart\` | 98,393 | 33,578 | 29,660 | 22,131 | 6,256 | 5,025 |
-| \`aura\` | 56,085 | 19,320 | 17,126 | 29,774 | 9,335 | 7,865 |
-| \`avatar\` | 33,464 | 12,351 | 11,051 | 6,945 | 2,007 | 1,685 |
-| \`badge\` | 32,595 | 11,820 | 10,531 | 8,438 | 2,177 | 1,748 |
-| \`bar-chart\` | 108,944 | 35,724 | 31,568 | 32,533 | 8,394 | 6,820 |
-| \`blockquote\` | 26,332 | 9,968 | 8,824 | 4,612 | 1,452 | 1,164 |
-| \`breadcrumbs\` | 43,220 | 15,115 | 13,466 | 14,285 | 3,697 | 3,044 |
-| \`button\` | 41,612 | 14,007 | 12,441 | 11,324 | 2,907 | 2,346 |
-| \`button-group\` | 31,138 | 11,066 | 9,805 | 8,409 | 2,230 | 1,841 |
-| \`callout\` | 39,049 | 14,537 | 12,949 | 6,659 | 1,950 | 1,535 |
-| \`canvas\` | 129,523 | 38,718 | 33,863 | 89,611 | 24,897 | 20,987 |
-| \`card\` | 27,678 | 10,060 | 8,915 | 5,976 | 1,650 | 1,363 |
-| \`carousel\` | 53,234 | 17,022 | 15,256 | 25,477 | 6,038 | 4,946 |
-| \`chat\` | 94,674 | 29,166 | 25,830 | 42,730 | 10,859 | 8,749 |
-| \`checkbox\` | 46,865 | 15,190 | 13,516 | 9,580 | 2,503 | 1,920 |
-| \`checkbox-group\` | 54,826 | 17,244 | 15,360 | 15,542 | 4,028 | 3,169 |
-| \`code\` | 21,154 | 8,333 | 7,402 | 976 | 399 | 301 |
-| \`code-block\` | 127,213 | 38,714 | 34,143 | 61,300 | 14,740 | 12,109 |
-| \`color-input\` | 184,176 | 51,348 | 44,934 | 97,504 | 20,559 | 17,166 |
-| \`color-picker\` | 140,348 | 38,508 | 33,775 | 84,177 | 18,389 | 15,187 |
-| \`combobox\` | 147,503 | 44,927 | 39,531 | 51,254 | 12,085 | 9,694 |
-| \`command\` | 110,791 | 33,835 | 29,880 | 41,332 | 10,522 | 8,545 |
-| \`copy-button\` | 92,577 | 29,825 | 26,416 | 30,355 | 7,219 | 5,801 |
-| \`data-table\` | 230,715 | 66,818 | 57,324 | 120,282 | 29,306 | 23,816 |
-| \`date-input\` | 162,349 | 48,215 | 42,468 | 59,336 | 13,196 | 10,823 |
-| \`date-picker\` | 69,281 | 22,363 | 20,060 | 28,250 | 7,010 | 5,666 |
-| \`description-list\` | 25,855 | 9,518 | 8,459 | 4,508 | 1,284 | 1,017 |
-| \`dialog\` | 43,360 | 14,855 | 13,244 | 10,933 | 3,007 | 2,490 |
-| \`divider\` | 25,291 | 9,547 | 8,433 | 3,699 | 1,140 | 891 |
-| \`donut-chart\` | 99,170 | 33,263 | 29,415 | 24,576 | 6,712 | 5,427 |
-| \`drawer\` | 48,725 | 16,509 | 14,724 | 13,512 | 3,708 | 2,986 |
-| \`drilldown\` | 48,438 | 16,235 | 14,469 | 15,378 | 4,052 | 3,262 |
-| \`empty\` | 25,503 | 9,726 | 8,598 | 3,242 | 1,117 | 896 |
-| \`file-input\` | 69,285 | 22,420 | 19,930 | 24,612 | 6,551 | 5,279 |
-| \`filter-input\` | 108,688 | 34,990 | 30,999 | 32,465 | 8,412 | 6,787 |
-| \`flex\` | 25,740 | 9,194 | 8,149 | 4,763 | 1,047 | 850 |
-| \`format-date\` | 30,414 | 11,403 | 10,189 | 4,672 | 1,402 | 1,050 |
-| \`graph\` | 89,037 | 27,079 | 23,901 | 36,528 | 9,184 | 7,421 |
-| \`grid\` | 27,002 | 9,846 | 8,742 | 5,638 | 1,467 | 1,312 |
-| \`heatmap\` | 105,486 | 35,189 | 31,063 | 26,281 | 7,264 | 5,929 |
-| \`icon\` | 83,995 | 28,566 | 24,515 | 60,129 | 20,177 | 16,474 |
-| \`icon-button\` | 43,040 | 13,981 | 12,435 | 12,753 | 2,882 | 2,258 |
-| \`image\` | 26,892 | 9,947 | 8,792 | 5,194 | 1,620 | 1,337 |
-| \`input\` | 50,619 | 17,063 | 15,049 | 11,597 | 3,559 | 2,663 |
-| \`isometric-heatmap\` | 110,852 | 36,558 | 32,275 | 31,598 | 8,642 | 6,913 |
-| \`kbd\` | 29,504 | 11,110 | 9,838 | 5,494 | 1,685 | 1,342 |
-| \`legend\` | 40,423 | 14,214 | 12,607 | 8,067 | 2,264 | 1,846 |
-| \`lightbox\` | 62,016 | 20,155 | 17,964 | 23,006 | 6,017 | 4,683 |
-| \`line-chart\` | 102,454 | 34,257 | 30,340 | 25,863 | 6,849 | 5,539 |
-| \`list\` | 68,150 | 22,816 | 20,343 | 21,569 | 5,958 | 4,706 |
-| \`listbox\` | 81,154 | 26,542 | 23,465 | 19,994 | 5,703 | 4,473 |
-| \`loader\` | 29,263 | 10,814 | 9,643 | 5,642 | 1,730 | 1,396 |
-| \`map\` | 111,513 | 29,575 | 25,948 | 69,961 | 15,525 | 12,703 |
-| \`megamenu\` | 64,996 | 22,865 | 20,305 | 13,547 | 3,558 | 2,813 |
-| \`menu\` | 108,403 | 34,710 | 30,612 | 41,098 | 10,160 | 8,290 |
-| \`meter\` | 37,896 | 13,377 | 11,948 | 11,050 | 2,820 | 2,322 |
-| \`navigation\` | 36,814 | 13,268 | 11,774 | 7,077 | 2,025 | 1,612 |
-| \`notifications\` | 71,808 | 22,447 | 19,990 | 31,663 | 7,637 | 6,248 |
-| \`number-input\` | 61,253 | 20,024 | 17,846 | 18,491 | 4,850 | 3,838 |
-| \`object-inspector\` | 130,338 | 41,206 | 36,258 | 51,884 | 13,190 | 10,666 |
-| \`option\` | 29,672 | 10,762 | 9,552 | 7,712 | 2,213 | 1,846 |
-| \`orb\` | 35,265 | 13,488 | 12,001 | 9,730 | 3,689 | 3,108 |
-| \`outline\` | 37,846 | 13,459 | 11,945 | 12,073 | 3,491 | 2,800 |
-| \`pagination\` | 153,264 | 46,929 | 40,857 | 62,366 | 15,240 | 12,281 |
-| \`pin-input\` | 50,409 | 17,316 | 15,449 | 10,058 | 3,179 | 2,402 |
-| \`popover\` | 66,958 | 23,702 | 20,940 | 9,509 | 2,658 | 2,109 |
-| \`progress\` | 35,232 | 12,380 | 11,035 | 10,101 | 2,602 | 2,225 |
-| \`qr-code\` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,736 |
-| \`quote\` | 23,074 | 9,079 | 8,006 | 1,752 | 733 | 509 |
-| \`radio\` | 50,349 | 15,977 | 14,203 | 11,594 | 2,766 | 2,213 |
-| \`rating\` | 54,190 | 18,519 | 16,486 | 11,946 | 3,671 | 2,903 |
-| \`sandbox\` | 104,428 | 31,486 | 27,640 | 72,147 | 19,289 | 16,119 |
-| \`scatter-chart\` | 100,317 | 33,785 | 29,869 | 25,197 | 6,982 | 5,771 |
-| \`scroll-area\` | 35,437 | 12,027 | 10,702 | 13,489 | 3,582 | 2,961 |
-| \`select\` | 124,418 | 40,070 | 35,154 | 35,147 | 9,067 | 7,129 |
-| \`skeleton\` | 26,090 | 9,664 | 8,589 | 4,738 | 1,432 | 1,187 |
-| \`skip-link\` | 25,441 | 9,852 | 8,690 | 2,780 | 983 | 736 |
-| \`slider\` | 67,842 | 20,140 | 18,005 | 28,108 | 6,184 | 5,032 |
-| \`sparkline\` | 53,442 | 18,851 | 16,826 | 11,421 | 3,519 | 2,864 |
-| \`speed-dial\` | 75,797 | 26,105 | 23,139 | 17,946 | 4,404 | 3,516 |
-| \`splitter\` | 49,804 | 16,210 | 14,531 | 20,431 | 4,937 | 4,039 |
-| \`stat\` | 28,117 | 10,372 | 9,280 | 5,157 | 1,482 | 1,194 |
-| \`steps\` | 67,449 | 21,377 | 19,024 | 27,416 | 6,635 | 5,515 |
-| \`strands\` | 62,138 | 23,148 | 20,396 | 38,015 | 13,797 | 11,910 |
-| \`switch\` | 43,562 | 14,637 | 13,010 | 5,998 | 1,792 | 1,391 |
-| \`table\` | 135,900 | 40,155 | 34,934 | 62,687 | 15,581 | 12,776 |
-| \`tabs\` | 55,263 | 17,753 | 15,835 | 19,437 | 4,783 | 3,841 |
-| \`tag\` | 47,247 | 16,757 | 14,968 | 13,016 | 3,658 | 2,921 |
-| \`text\` | 28,756 | 9,943 | 8,755 | 7,396 | 1,519 | 1,235 |
-| \`textarea\` | 47,785 | 15,949 | 14,228 | 9,318 | 2,677 | 2,078 |
-| \`time-input\` | 193,597 | 56,836 | 49,504 | 72,824 | 16,646 | 13,498 |
-| \`time-picker\` | 111,928 | 33,946 | 29,864 | 46,251 | 11,628 | 9,328 |
-| \`timeline\` | 38,179 | 13,326 | 11,930 | 10,947 | 2,751 | 2,261 |
-| \`toast\` | 58,767 | 19,784 | 17,637 | 20,006 | 5,408 | 4,422 |
-| \`toggle\` | 50,439 | 16,510 | 14,668 | 10,854 | 3,077 | 2,438 |
-| \`toolbar\` | 33,726 | 12,066 | 10,723 | 7,822 | 2,163 | 1,769 |
-| \`tooltip\` | 61,420 | 21,833 | 19,366 | 11,220 | 3,137 | 2,485 |
-| \`tour\` | 93,661 | 30,696 | 27,184 | 29,787 | 7,497 | 6,053 |
-| \`tree\` | 76,275 | 24,651 | 21,972 | 25,874 | 6,942 | 5,517 |
-| \`trend\` | 31,231 | 12,049 | 10,722 | 4,982 | 1,613 | 1,281 |
-| \`video\` | 161,715 | 47,866 | 41,707 | 86,712 | 20,444 | 16,977 |
-| \`video-playlist\` | 143,639 | 44,278 | 38,886 | 58,709 | 14,189 | 11,798 |
-| \`virtual-list\` | 65,445 | 22,136 | 19,655 | 25,282 | 7,676 | 6,231 |
+| \`accordion\` | 35,311 | 12,653 | 11,212 | 8,746 | 2,447 | 2,017 |
+| \`announcement\` | 41,307 | 14,365 | 12,836 | 9,278 | 2,476 | 2,036 |
+| \`app-header\` | 37,449 | 13,103 | 11,680 | 11,016 | 2,987 | 2,476 |
+| \`area-chart\` | 98,393 | 33,576 | 29,680 | 22,130 | 6,229 | 5,178 |
+| \`aura\` | 56,085 | 19,320 | 17,112 | 29,774 | 9,289 | 7,799 |
+| \`avatar\` | 33,464 | 12,351 | 11,014 | 6,945 | 1,976 | 1,667 |
+| \`badge\` | 32,595 | 11,820 | 10,531 | 8,438 | 2,154 | 1,944 |
+| \`bar-chart\` | 108,944 | 35,726 | 31,541 | 32,531 | 8,368 | 6,897 |
+| \`blockquote\` | 26,332 | 9,969 | 8,824 | 4,612 | 1,415 | 1,296 |
+| \`breadcrumbs\` | 43,220 | 15,115 | 13,466 | 14,285 | 3,665 | 3,116 |
+| \`button\` | 41,612 | 14,008 | 12,454 | 11,324 | 2,881 | 2,422 |
+| \`button-group\` | 31,138 | 11,066 | 9,810 | 8,408 | 2,200 | 1,810 |
+| \`callout\` | 39,049 | 14,536 | 12,903 | 6,659 | 1,934 | 1,690 |
+| \`canvas\` | 129,523 | 38,716 | 33,893 | 89,608 | 24,792 | 21,169 |
+| \`card\` | 27,678 | 10,059 | 8,912 | 5,976 | 1,640 | 1,421 |
+| \`carousel\` | 53,234 | 17,022 | 15,281 | 25,476 | 6,005 | 4,834 |
+| \`chat\` | 94,674 | 29,166 | 25,829 | 42,729 | 10,814 | 8,843 |
+| \`checkbox\` | 46,865 | 15,190 | 13,545 | 9,580 | 2,474 | 1,915 |
+| \`checkbox-group\` | 54,826 | 17,244 | 15,361 | 15,538 | 4,016 | 3,211 |
+| \`code\` | 21,154 | 8,333 | 7,394 | 976 | 408 | 454 |
+| \`code-block\` | 127,213 | 38,715 | 34,199 | 61,301 | 14,712 | 12,222 |
+| \`color-input\` | 184,176 | 51,349 | 44,970 | 97,505 | 20,452 | 17,241 |
+| \`color-picker\` | 140,348 | 38,509 | 33,789 | 84,178 | 18,271 | 15,241 |
+| \`combobox\` | 147,503 | 44,927 | 39,535 | 51,253 | 12,083 | 9,737 |
+| \`command\` | 110,791 | 33,835 | 29,845 | 41,332 | 10,520 | 8,638 |
+| \`copy-button\` | 92,577 | 29,825 | 26,444 | 30,354 | 7,210 | 5,856 |
+| \`data-table\` | 230,715 | 66,818 | 57,217 | 120,284 | 29,333 | 23,963 |
+| \`date-input\` | 162,349 | 48,215 | 42,432 | 59,337 | 13,204 | 10,919 |
+| \`date-picker\` | 69,281 | 22,362 | 20,060 | 28,248 | 7,043 | 5,702 |
+| \`description-list\` | 25,855 | 9,517 | 8,461 | 4,508 | 1,259 | 1,091 |
+| \`dialog\` | 43,360 | 14,855 | 13,241 | 10,933 | 3,020 | 2,479 |
+| \`divider\` | 25,291 | 9,545 | 8,432 | 3,699 | 1,141 | 991 |
+| \`donut-chart\` | 99,170 | 33,263 | 29,404 | 24,576 | 6,673 | 5,413 |
+| \`drawer\` | 48,725 | 16,508 | 14,714 | 13,512 | 3,707 | 3,178 |
+| \`drilldown\` | 48,438 | 16,240 | 14,461 | 15,377 | 4,033 | 3,295 |
+| \`empty\` | 25,503 | 9,727 | 8,595 | 3,242 | 1,090 | 906 |
+| \`file-input\` | 69,285 | 22,420 | 19,926 | 24,612 | 6,542 | 5,393 |
+| \`filter-input\` | 108,688 | 34,991 | 31,005 | 32,465 | 8,392 | 6,854 |
+| \`flex\` | 25,740 | 9,194 | 8,149 | 4,763 | 1,047 | 978 |
+| \`format-date\` | 30,414 | 11,403 | 10,154 | 4,672 | 1,397 | 1,108 |
+| \`graph\` | 89,037 | 27,080 | 23,932 | 36,527 | 9,169 | 7,501 |
+| \`grid\` | 27,002 | 9,846 | 8,742 | 5,638 | 1,467 | 1,328 |
+| \`heatmap\` | 105,486 | 35,190 | 31,089 | 26,281 | 7,245 | 5,943 |
+| \`icon\` | 83,995 | 28,566 | 24,454 | 60,129 | 20,129 | 16,429 |
+| \`icon-button\` | 43,040 | 13,981 | 12,449 | 12,753 | 2,876 | 2,282 |
+| \`image\` | 26,892 | 9,947 | 8,805 | 5,193 | 1,603 | 1,413 |
+| \`input\` | 50,619 | 17,064 | 15,060 | 11,593 | 3,534 | 2,730 |
+| \`kbd\` | 29,504 | 11,109 | 9,826 | 5,494 | 1,657 | 1,465 |
+| \`legend\` | 40,423 | 14,214 | 12,625 | 8,067 | 2,274 | 1,866 |
+| \`lightbox\` | 62,016 | 20,155 | 17,932 | 23,006 | 5,999 | 4,689 |
+| \`line-chart\` | 102,454 | 34,257 | 30,357 | 25,863 | 6,826 | 5,715 |
+| \`list\` | 68,150 | 22,814 | 20,335 | 21,568 | 5,958 | 4,789 |
+| \`listbox\` | 81,154 | 26,542 | 23,469 | 19,993 | 5,719 | 4,438 |
+| \`loader\` | 29,263 | 10,814 | 9,643 | 5,642 | 1,695 | 1,474 |
+| \`map\` | 111,513 | 29,575 | 25,969 | 69,963 | 15,521 | 12,743 |
+| \`megamenu\` | 64,996 | 22,865 | 20,241 | 13,546 | 3,515 | 2,738 |
+| \`menu\` | 108,403 | 34,710 | 30,622 | 41,097 | 10,147 | 8,331 |
+| \`meter\` | 37,896 | 13,377 | 11,942 | 11,050 | 2,796 | 2,422 |
+| \`navigation\` | 36,814 | 13,268 | 11,766 | 7,077 | 2,014 | 1,634 |
+| \`notifications\` | 71,808 | 22,447 | 20,013 | 31,662 | 7,635 | 6,288 |
+| \`number-input\` | 61,253 | 20,026 | 17,847 | 18,490 | 4,828 | 3,860 |
+| \`object-inspector\` | 130,338 | 41,205 | 36,245 | 51,881 | 13,181 | 10,731 |
+| \`option\` | 29,672 | 10,762 | 9,547 | 7,711 | 2,202 | 1,884 |
+| \`orb\` | 35,265 | 13,488 | 12,044 | 9,732 | 3,657 | 3,066 |
+| \`outline\` | 37,846 | 13,457 | 11,935 | 12,073 | 3,435 | 2,745 |
+| \`pagination\` | 153,264 | 46,929 | 40,904 | 62,365 | 15,224 | 12,232 |
+| \`pin-input\` | 50,409 | 17,316 | 15,429 | 10,058 | 3,144 | 2,613 |
+| \`popover\` | 66,958 | 23,702 | 20,996 | 9,508 | 2,641 | 2,204 |
+| \`progress\` | 35,232 | 12,379 | 11,054 | 10,101 | 2,591 | 2,324 |
+| \`qr-code\` | 44,321 | 17,121 | 15,278 | 18,588 | 6,778 | 5,828 |
+| \`quote\` | 23,074 | 9,079 | 8,006 | 1,752 | 695 | 566 |
+| \`radio\` | 50,349 | 15,975 | 14,202 | 11,594 | 2,749 | 2,291 |
+| \`rating\` | 54,190 | 18,519 | 16,485 | 11,945 | 3,635 | 2,944 |
+| \`sandbox\` | 104,428 | 31,484 | 27,618 | 72,144 | 19,146 | 16,227 |
+| \`scatter-chart\` | 100,317 | 33,785 | 29,902 | 25,196 | 6,952 | 5,716 |
+| \`scroll-area\` | 35,437 | 12,025 | 10,702 | 13,489 | 3,578 | 2,866 |
+| \`select\` | 124,418 | 40,070 | 35,069 | 35,145 | 9,070 | 7,223 |
+| \`skeleton\` | 26,090 | 9,664 | 8,589 | 4,738 | 1,406 | 1,220 |
+| \`skip-link\` | 25,441 | 9,852 | 8,689 | 2,780 | 970 | 930 |
+| \`slider\` | 67,842 | 20,140 | 18,004 | 28,108 | 6,152 | 5,006 |
+| \`sparkline\` | 53,442 | 18,851 | 16,822 | 11,420 | 3,471 | 2,962 |
+| \`spatial-heatmap\` | 115,480 | 38,024 | 33,558 | 35,399 | 9,731 | 8,016 |
+| \`spatial-scatter-chart\` | 101,873 | 34,752 | 30,628 | 23,693 | 6,975 | 5,720 |
+| \`spatial-surface-chart\` | 103,007 | 35,444 | 31,284 | 24,765 | 7,586 | 6,316 |
+| \`speed-dial\` | 75,797 | 26,105 | 23,146 | 17,945 | 4,388 | 3,559 |
+| \`splitter\` | 49,804 | 16,208 | 14,473 | 20,430 | 4,915 | 4,001 |
+| \`stat\` | 28,117 | 10,372 | 9,280 | 5,157 | 1,468 | 1,291 |
+| \`steps\` | 67,449 | 21,378 | 19,014 | 27,416 | 6,646 | 5,486 |
+| \`strands\` | 62,138 | 23,150 | 20,427 | 38,012 | 13,747 | 12,011 |
+| \`switch\` | 43,562 | 14,637 | 13,008 | 5,998 | 1,759 | 1,419 |
+| \`table\` | 135,900 | 40,155 | 34,988 | 62,688 | 15,588 | 12,846 |
+| \`tabs\` | 55,263 | 17,753 | 15,846 | 19,436 | 4,754 | 3,948 |
+| \`tag\` | 47,247 | 16,757 | 14,963 | 13,015 | 3,626 | 3,023 |
+| \`text\` | 28,756 | 9,943 | 8,755 | 7,395 | 1,509 | 1,310 |
+| \`textarea\` | 47,785 | 15,949 | 14,234 | 9,318 | 2,654 | 2,120 |
+| \`time-input\` | 193,597 | 56,836 | 49,544 | 72,825 | 16,677 | 13,458 |
+| \`time-picker\` | 111,928 | 33,946 | 29,869 | 46,250 | 11,628 | 9,394 |
+| \`timeline\` | 38,179 | 13,327 | 11,921 | 10,946 | 2,730 | 2,251 |
+| \`toast\` | 58,767 | 19,783 | 17,648 | 20,005 | 5,382 | 4,305 |
+| \`toggle\` | 50,439 | 16,510 | 14,664 | 10,854 | 3,071 | 2,613 |
+| \`toolbar\` | 33,726 | 12,066 | 10,722 | 7,822 | 2,155 | 1,824 |
+| \`tooltip\` | 61,420 | 21,834 | 19,363 | 11,219 | 3,088 | 2,458 |
+| \`tour\` | 93,661 | 30,698 | 27,208 | 29,784 | 7,471 | 6,030 |
+| \`tree\` | 76,275 | 24,652 | 21,959 | 25,873 | 6,901 | 5,612 |
+| \`trend\` | 31,231 | 12,050 | 10,721 | 4,981 | 1,597 | 1,316 |
+| \`video\` | 161,715 | 47,867 | 41,857 | 86,709 | 20,350 | 17,065 |
+| \`video-playlist\` | 143,639 | 44,278 | 38,895 | 58,710 | 14,186 | 11,745 |
+| \`virtual-list\` | 65,445 | 22,138 | 19,701 | 25,282 | 7,662 | 6,265 |
 
 ## What an install adds to \`node_modules\`
 
@@ -4657,12 +4720,12 @@ stripped column shows the bytes we removed.
 
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 2,561,244 | 559 | 727,996 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
-| \`@fusion.dev/helix-headless\` | 25,354,104 | 716 | 2,256,499 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
+| \`@fusion.dev/helix-core\` | 2,593,533 | 567 | 743,513 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
+| \`@fusion.dev/helix-headless\` | 25,848,480 | 730 | 2,311,975 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
-| \`@fusion.dev/helix-styles\` | 121,089 | 6 | 0 | none |
+| \`@fusion.dev/helix-styles\` | 121,243 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
-| \`@fusion.dev/helix\` | 26,639,279 | 968 | 539,177 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
+| \`@fusion.dev/helix\` | 27,137,393 | 981 | 543,329 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
 
 ## Not measured yet
 
@@ -7715,21 +7778,15 @@ title: Using Helix with an agent
 
 # Using Helix with an agent
 
-**We publish this guide as a web page so that every tool can read it.** It began
-as \`.claude/skills/using-helix/SKILL.md\`, a file format that one vendor reads in
-a repository. Every other vendor reads its own file:
+This guide is in two places, and both say the same thing:
 
-- Cursor reads \`.cursor/rules\`.
-- Copilot reads \`.github/copilot-instructions.md\`.
+- this page, which [llms.txt](https://fusion.dev/llms.txt) indexes
+- \`skills/helix/SKILL.md\` inside \`@fusion.dev/helix\`, which matches the version
+  you installed and works offline
 
-If you install the published packages, you have none of these files. You have
-this site and no checkout of our repository.
-
-So the guide lives in one place, here, at a URL that
-[llms.txt](https://fusion.dev/llms.txt) indexes and that each of those files can
-link to. Paste the link into the file your tool reads. [The MCP
-server](./coding-agents) works with any vendor and runs code, and Claude,
-Cursor, Windsurf, and Zed all support it.
+[Link your tool to this guide](#link-your-tool-to-this-guide) says how to point
+each tool at one of them. [The MCP server](./coding-agents) works with any
+vendor and runs code, and Claude, Cursor, Windsurf, and Zed all support it.
 
 ## Read the family before writing its tags
 
@@ -7930,20 +7987,28 @@ If you are adding a script to a recipe, use the component.
 
 ## Link your tool to this guide
 
-**Link to this page from your instructions file, and do not copy it.** Each tool
-that reads project instructions reads a file in your repository, and each tool
-reads a different one. A copy starts to go stale as soon as you paste it, and
-this page changes with the library.
+**Point your tool at the guide, and do not copy it.** A copy starts to go stale
+as soon as you paste it, and the guide changes with the library.
+
+The skill in the package matches the Helix you installed. In Claude Code, link
+it into your project's skills folder:
+
+\`\`\`sh
+mkdir -p .claude/skills
+ln -s ../../node_modules/@fusion.dev/helix/skills/helix .claude/skills/helix
+\`\`\`
+
+Other tools read a file in your repository. Add a line to it that names the
+skill, or this page:
 
 \`\`\`md
-Helix: read https://fusion.dev/helix/docs/using-helix-with-an-agent
-before writing components, and https://fusion.dev/helix/custom-elements.json
-for the API.
+Helix: read node_modules/@fusion.dev/helix/skills/helix/SKILL.md before
+writing components, and node_modules/@fusion.dev/helix/api.json for the API.
 \`\`\`
 
 | Tool | Where it goes |
 |---|---|
-| Claude Code | \`AGENTS.md\` or \`CLAUDE.md\`, or a skill in \`.claude/skills/\` |
+| Claude Code | \`.claude/skills/helix\`, or a line in \`AGENTS.md\` or \`CLAUDE.md\` |
 | Cursor | \`.cursor/rules/\` |
 | GitHub Copilot | \`.github/copilot-instructions.md\` |
 | Anything else | Whatever it reads. The line is the same |
@@ -7951,7 +8016,7 @@ for the API.
 We do not write those files for you, and we chose this on purpose. You would
 have to maintain a file we generated in your repository against our changes. A
 tool that rewrote it on install would be a dependency you did not ask for, in a
-directory you own. You paste the line above, and you can delete it.
+directory you own. You add the link or the line, and you can delete it.
 
 ## Install the Helix MCP server