@fusion.dev/helix-docs 0.23.0 → 0.24.0

package/dist/sources.generated.js

@@ -414,9 +414,30 @@ title: Charting
 
 # Charting
 
-Six chart families: \`Bar Chart\`, \`Line Chart\`, \`Donut Chart\`, \`Sparkline\`,
-\`Trend\` and the shared \`Legend\`. Each has its own API page. Here is how the data
-gets in, which is the same for all of them.
+The chart families are \`Bar Chart\`, \`Line Chart\`, \`Area Chart\`,
+\`Scatter Chart\`, \`Donut Chart\`, \`Heatmap\`, \`Sparkline\`, \`Trend\` and the shared
+\`Legend\`. Each has its own API page. Here is which one answers which question,
+and how the data gets in, which is the same for all of them.
+
+## Which chart
+
+Pick by the question, not by the picture.
+
+- **How much, compared.** \`Bar Chart\`. A bar's length is its value, so it always
+  starts at zero.
+- **How something moved over time.** \`Line Chart\`. It measures from the data's
+  own range, so a small change still shows. Its \`area\` puts a light wash under
+  each line, each drawn from the floor on its own and overlapping the others.
+- **How a total is made up over time.** \`Area Chart\`. Each column is stacked on
+  the one below, so the top edge is the total and a band's thickness is its
+  share. This is the one to reach for when the parts add up to something, and
+  \`Line Chart\` with \`area\` is not a substitute: that overlaps the series, this
+  adds them.
+- **Parts of one whole, at one moment.** \`Donut Chart\`.
+- **Whether two measures relate.** \`Scatter Chart\`, one point per row.
+- **How each day or check went.** \`Heatmap\`: uptime, contributions, activity.
+- **The shape of a series beside its number.** \`Sparkline\`, with no axes. And
+  \`Trend\` for which way one measurement moved and whether that is good news.
 
 ## The data is a table in the document
 
@@ -492,8 +513,8 @@ Charts animate on entry and on data change, and every one of them answers
 ## What these are not
 
 **Not a charting library.** There is no axis configuration language, no plugin
-system, and no chart type you build by composing scales. Six drawings that read
-a table, styled by the token system, with an accessible representation by
+system, and no chart type you build by composing scales. Drawings that read a
+table, styled by the token system, with an accessible representation by
 construction. When you need a grammar of graphics, use one.
 `,
     'coding-agents': `---
@@ -1604,7 +1625,7 @@ a valid theme.
 | Field | Decides |
 |---|---|
 | \`brand\` | The one color most consumers care about. Required |
-| \`accent\` | The second emphasis. Defaults to the complement, \`{ from: 'brand', rotate: 180 }\` |
+| \`accent\` | The second emphasis. Unnamed, it is the brand; \`{ from: 'brand', rotate: 180 }\` asks for the complement |
 | \`neutral\` | The gray ramp, which can be tinted toward the brand |
 | \`status\` | \`info\`, \`success\`, \`warning\`, \`danger\`. A color pins one; an object nudges its hue within the meaning it already carries |
 | \`chroma\` | How saturated the palette is, independent of hue |
@@ -1901,7 +1922,7 @@ nobody ever downloads this floor on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 139,512 | 46,720 | 39,363 |
+| Lit and \`@fusion.dev/helix-core\` | 141,349 | 47,166 | 39,719 |
 
 ## Whole packages
 
@@ -1912,11 +1933,11 @@ repository does that. The per-component tables are what a page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 139,066 | 46,297 | 39,137 | Element base class, mixins, decorators, floating positioning. |
-| \`@fusion.dev/helix-headless\` | 533,486 | 135,220 | 105,839 | Every headless family, which is what the barrel means. |
+| \`@fusion.dev/helix-core\` | 140,903 | 46,714 | 39,533 | Element base class, mixins, decorators, floating positioning. |
+| \`@fusion.dev/helix-headless\` | 590,435 | 151,207 | 117,546 | Every headless family, which is what the barrel means. |
 | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
 | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
-| \`@fusion.dev/helix\` | 990,000 | 225,536 | 165,320 | Every styled family. |
+| \`@fusion.dev/helix\` | 1,070,627 | 247,094 | 179,192 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
 
 ## The stylesheets
@@ -1929,21 +1950,21 @@ is the whole cost of adopting the base layer on its own.
 
 | File | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`base.css\` | 24,948 | 3,798 | 3,295 | The base layer. Recipes for markup Helix does not render, usable with no JavaScript at all. |
-| \`elements.css\` | 7,137 | 1,224 | 1,101 | Hides each element until its definition loads, generated from the tags in \`@fusion.dev/helix\`. |
+| \`base.css\` | 30,471 | 4,391 | 3,819 | The base layer. Recipes for markup Helix does not render, usable with no JavaScript at all. |
+| \`elements.css\` | 7,848 | 1,341 | 1,202 | Hides each element until its definition loads, generated from the tags in \`@fusion.dev/helix\`. |
 | \`helix.css\` | 207 | 148 | 118 | The four above in one import, in the order they have to be in. |
-| \`primitives.css\` | 6,275 | 1,234 | 1,062 | The primitive layer. Private, shipped because \`tokens.css\` resolves into it. |
-| \`tokens.css\` | 19,989 | 2,460 | 2,044 | The 185 semantic tokens. Nothing paints without this. |
+| \`primitives.css\` | 6,390 | 1,260 | 1,084 | The primitive layer. Private, shipped because \`tokens.css\` resolves into it. |
+| \`tokens.css\` | 20,987 | 2,567 | 2,138 | The 191 semantic tokens. Nothing paints without this. |
 
 ## What the numbers say
 
-**Most of a first component is the runtime under it.** The median styled family is 13,974 bytes gzipped alone and adds 2,160 to a page that already has Helix on it, so 85 percent of the first one is shared and 15 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
+**Most of a first component is the runtime under it.** The median styled family is 18,404 bytes gzipped alone and adds 2,264 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
 
-Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,951, over 95 components. Every family at once is 225,536.
+Across the tier: the cheapest is \`code\` at 9,326 gzipped alone, the dearest \`data-table\` at 56,688, over 100 components. Every family at once is 247,094.
 
-**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 135,220 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 95 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
+**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 151,207 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
 
-The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 18,820 bytes gzipped alone.
+The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 19,917 bytes gzipped alone.
 
 ## Against other systems
 
@@ -1955,43 +1976,43 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
 
 | Component | System | Raw | Gzip | Brotli |
 |---|---|---|---|---|
-| \`button\` | **Helix** | 37,405 | 11,546 | 10,175 |
+| \`button\` | **Helix** | 38,590 | 11,816 | 10,415 |
 | | 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** | 40,733 | 12,575 | 11,075 |
+| \`checkbox\` | **Helix** | 41,918 | 12,833 | 11,305 |
 | | 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** | 34,819 | 11,243 | 9,909 |
+| \`dialog\` | **Helix** | 36,004 | 11,491 | 10,169 |
 | | 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** | 43,537 | 12,855 | 11,332 |
+| \`radio\` | **Helix** | 44,722 | 13,106 | 11,547 |
 | | 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** | 38,602 | 12,159 | 10,741 |
+| \`switch\` | **Helix** | 39,787 | 12,417 | 10,921 |
 | | 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** | 40,196 | 12,348 | 10,882 |
+| \`tabs\` | **Helix** | 41,381 | 12,601 | 11,079 |
 | | 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** | 60,498 | 20,576 | 18,184 |
+| \`tooltip\` | **Helix** | 61,704 | 20,831 | 18,442 |
 | | 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 |
 
-**Where Helix loses**, which is the half of a comparison table worth reading: \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,195 bytes gzipped. 4 of 28 peer measurements come in under ours.
+**Where Helix loses**, which is the half of a comparison table worth reading: \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,446 bytes gzipped. 4 of 28 peer measurements come in under ours.
 
 - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
 - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -2036,95 +2057,100 @@ Structure, accessibility, state and form participation. No presentation, and no
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 77,373 | 25,872 | 21,186 | 3,228 | 901 | 740 |
-| \`announcement\` | 75,404 | 25,289 | 20,723 | 1,374 | 383 | 339 |
-| \`app-header\` | 27,425 | 9,322 | 8,205 | 1,248 | 331 | 220 |
-| \`avatar\` | 28,859 | 9,794 | 8,642 | 2,642 | 758 | 652 |
-| \`badge\` | 26,961 | 9,260 | 8,161 | 1,162 | 299 | 295 |
-| \`bar-chart\` | 71,762 | 24,550 | 21,701 | 12,488 | 3,685 | 3,025 |
-| \`blockquote\` | 26,839 | 9,232 | 8,140 | 917 | 222 | 170 |
-| \`breadcrumbs\` | 75,025 | 24,906 | 20,552 | 1,956 | 455 | 341 |
-| \`button\` | 31,312 | 10,445 | 9,216 | 3,168 | 848 | 684 |
-| \`button-group\` | 26,832 | 9,170 | 8,068 | 661 | 145 | 29 |
-| \`callout\` | 74,155 | 24,779 | 20,462 | 912 | 244 | 262 |
-| \`card\` | 26,866 | 9,186 | 8,102 | 694 | 160 | 103 |
-| \`carousel\` | 80,904 | 26,792 | 22,106 | 7,684 | 2,010 | 1,677 |
-| \`chat\` | 85,008 | 28,081 | 23,113 | 9,592 | 2,468 | 2,000 |
-| \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,253 | 673 | 421 |
-| \`checkbox-group\` | 37,568 | 11,801 | 10,426 | 4,656 | 1,261 | 916 |
-| \`code\` | 25,451 | 8,754 | 7,715 | 451 | 81 | 48 |
-| \`code-block\` | 113,692 | 38,111 | 31,973 | 12,790 | 3,143 | 2,660 |
-| \`color-input\` | 131,269 | 42,754 | 36,060 | 26,064 | 6,663 | 5,727 |
-| \`color-picker\` | 100,398 | 32,507 | 26,725 | 19,490 | 5,236 | 4,522 |
-| \`combobox\` | 129,150 | 41,795 | 35,051 | 20,225 | 4,939 | 4,167 |
-| \`command\` | 100,718 | 32,097 | 26,349 | 17,341 | 4,412 | 3,670 |
-| \`copy-button\` | 112,372 | 37,841 | 31,814 | 11,471 | 2,883 | 2,388 |
-| \`data-table\` | 149,954 | 47,589 | 40,032 | 39,656 | 9,922 | 8,467 |
-| \`date-input\` | 125,921 | 41,093 | 34,520 | 19,264 | 4,853 | 4,138 |
-| \`date-picker\` | 85,626 | 28,307 | 23,254 | 9,803 | 2,735 | 2,272 |
-| \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 828 | 573 |
-| \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 | 293 | 211 |
-| \`donut-chart\` | 67,672 | 23,131 | 20,423 | 9,748 | 2,852 | 2,411 |
-| \`drawer\` | 29,268 | 9,874 | 8,685 | 1,792 | 502 | 375 |
-| \`drilldown\` | 80,657 | 26,901 | 22,031 | 5,057 | 1,370 | 1,089 |
-| \`empty\` | 26,988 | 9,226 | 8,147 | 816 | 195 | 184 |
-| \`file-input\` | 85,388 | 28,283 | 23,130 | 6,215 | 1,791 | 1,419 |
-| \`filter-input\` | 112,620 | 37,846 | 31,717 | 6,637 | 1,935 | 1,629 |
-| \`format-date\` | 30,381 | 10,333 | 9,146 | 2,803 | 699 | 508 |
-| \`heatmap\` | 69,136 | 23,403 | 20,699 | 11,038 | 3,090 | 2,454 |
-| \`icon\` | 73,561 | 24,524 | 20,254 | 850 | 196 | 169 |
-| \`icon-button\` | 31,711 | 10,475 | 9,230 | 3,567 | 888 | 703 |
-| \`image\` | 28,816 | 9,691 | 8,518 | 2,967 | 798 | 610 |
-| \`input\` | 84,755 | 27,962 | 22,850 | 4,795 | 1,360 | 1,160 |
-| \`kbd\` | 28,706 | 9,926 | 8,748 | 2,897 | 1,014 | 763 |
-| \`legend\` | 29,187 | 10,066 | 8,845 | 1,097 | 308 | 261 |
-| \`line-chart\` | 69,788 | 23,947 | 21,196 | 10,515 | 3,074 | 2,580 |
-| \`list\` | 27,887 | 9,360 | 8,245 | 1,728 | 365 | 316 |
-| \`listbox\` | 92,591 | 30,290 | 24,790 | 10,701 | 2,934 | 2,420 |
-| \`loader\` | 27,072 | 9,293 | 8,182 | 900 | 231 | 232 |
-| \`megamenu\` | 55,893 | 19,552 | 17,265 | 4,932 | 1,358 | 1,032 |
-| \`menu\` | 110,750 | 37,578 | 31,447 | 8,559 | 2,123 | 1,662 |
-| \`meter\` | 29,964 | 10,079 | 8,879 | 3,801 | 989 | 846 |
-| \`navigation\` | 28,831 | 9,815 | 8,680 | 1,582 | 404 | 284 |
-| \`notifications\` | 84,980 | 28,157 | 23,149 | 8,638 | 2,194 | 1,829 |
-| \`number-input\` | 86,974 | 28,552 | 23,346 | 7,101 | 1,950 | 1,531 |
-| \`option\` | 28,875 | 9,651 | 8,521 | 2,707 | 614 | 483 |
-| \`outline\` | 31,837 | 10,811 | 9,517 | 4,537 | 1,356 | 1,008 |
-| \`pagination\` | 132,446 | 42,357 | 35,481 | 26,121 | 6,042 | 5,094 |
-| \`pin-input\` | 37,535 | 12,009 | 10,627 | 5,135 | 1,528 | 1,206 |
-| \`popover\` | 53,190 | 18,820 | 16,606 | 1,986 | 549 | 410 |
-| \`progress\` | 28,113 | 9,566 | 8,450 | 1,951 | 494 | 443 |
-| \`qr-code\` | 38,587 | 13,554 | 11,997 | 12,808 | 4,637 | 4,047 |
-| \`quote\` | 26,355 | 9,041 | 7,964 | 552 | 143 | 162 |
-| \`radio\` | 35,999 | 11,457 | 10,117 | 3,138 | 856 | 585 |
-| \`rating\` | 38,033 | 12,238 | 10,784 | 5,615 | 1,612 | 1,266 |
-| \`scroll-area\` | 28,465 | 9,748 | 8,556 | 2,610 | 797 | 623 |
-| \`select\` | 121,609 | 40,066 | 33,502 | 15,413 | 3,883 | 3,288 |
-| \`skeleton\` | 25,544 | 8,786 | 7,725 | 544 | 112 | 85 |
-| \`slider\` | 37,896 | 12,065 | 10,659 | 5,251 | 1,482 | 1,259 |
-| \`sparkline\` | 31,645 | 11,088 | 9,794 | 2,531 | 856 | 686 |
-| \`speed-dial\` | 102,854 | 35,356 | 29,669 | 3,822 | 984 | 715 |
-| \`splitter\` | 36,329 | 11,667 | 10,338 | 10,163 | 2,579 | 2,184 |
-| \`stat\` | 27,320 | 9,222 | 8,136 | 1,151 | 212 | 150 |
-| \`steps\` | 82,898 | 27,313 | 22,416 | 6,302 | 1,537 | 1,207 |
-| \`switch\` | 34,314 | 11,106 | 9,826 | 1,798 | 561 | 357 |
-| \`table\` | 31,861 | 10,274 | 9,086 | 4,371 | 1,040 | 764 |
-| \`tabs\` | 33,935 | 11,060 | 9,721 | 4,470 | 1,018 | 824 |
-| \`tag\` | 74,439 | 24,890 | 20,452 | 897 | 202 | 130 |
-| \`textarea\` | 37,001 | 11,743 | 10,362 | 4,116 | 1,161 | 831 |
-| \`time-input\` | 138,189 | 44,304 | 37,149 | 28,704 | 7,081 | 6,043 |
-| \`time-picker\` | 100,612 | 32,667 | 26,835 | 18,178 | 4,958 | 4,192 |
-| \`timeline\` | 74,971 | 24,867 | 20,572 | 1,897 | 425 | 311 |
-| \`toast\` | 78,169 | 25,971 | 21,309 | 4,008 | 976 | 784 |
-| \`toggle\` | 38,231 | 12,109 | 10,660 | 3,929 | 1,054 | 778 |
-| \`toolbar\` | 28,734 | 9,827 | 8,655 | 2,932 | 935 | 650 |
-| \`tooltip\` | 56,933 | 19,770 | 17,504 | 6,217 | 1,725 | 1,351 |
-| \`tour\` | 61,947 | 20,874 | 18,463 | 10,269 | 2,529 | 2,015 |
-| \`tree\` | 84,423 | 27,911 | 22,833 | 7,052 | 1,930 | 1,584 |
-| \`trend\` | 73,764 | 24,631 | 20,344 | 1,056 | 289 | 295 |
-| \`video\` | 134,131 | 43,126 | 36,304 | 31,689 | 7,372 | 6,518 |
-| \`video-playlist\` | 118,199 | 39,196 | 32,825 | 14,605 | 3,364 | 2,850 |
-| \`virtual-list\` | 31,983 | 10,952 | 9,662 | 2,358 | 730 | 628 |
+| \`accordion\` | 78,558 | 26,151 | 21,383 | 3,228 | 885 | 734 |
+| \`announcement\` | 76,589 | 25,578 | 20,932 | 1,374 | 387 | 373 |
+| \`app-header\` | 28,610 | 9,586 | 8,465 | 1,248 | 324 | 207 |
+| \`area-chart\` | 71,510 | 24,519 | 21,654 | 10,966 | 3,341 | 2,846 |
+| \`avatar\` | 30,044 | 10,052 | 8,866 | 2,642 | 761 | 598 |
+| \`badge\` | 28,146 | 9,522 | 8,386 | 1,162 | 295 | 247 |
+| \`bar-chart\` | 72,968 | 24,809 | 21,903 | 12,509 | 3,687 | 3,149 |
+| \`blockquote\` | 28,024 | 9,490 | 8,360 | 917 | 225 | 174 |
+| \`breadcrumbs\` | 76,210 | 25,208 | 20,780 | 1,956 | 451 | 399 |
+| \`button\` | 32,497 | 10,703 | 9,422 | 3,168 | 845 | 667 |
+| \`button-group\` | 28,017 | 9,435 | 8,304 | 661 | 135 | 91 |
+| \`callout\` | 75,340 | 25,075 | 20,703 | 912 | 242 | 201 |
+| \`card\` | 28,051 | 9,448 | 8,337 | 694 | 151 | 181 |
+| \`carousel\` | 82,359 | 27,169 | 22,351 | 7,954 | 2,081 | 1,664 |
+| \`chat\` | 98,002 | 32,568 | 26,800 | 16,967 | 4,954 | 4,143 |
+| \`checkbox\` | 35,831 | 11,431 | 10,083 | 2,253 | 670 | 453 |
+| \`checkbox-group\` | 38,930 | 12,087 | 10,658 | 4,833 | 1,286 | 949 |
+| \`code\` | 26,636 | 9,018 | 7,942 | 451 | 81 | 217 |
+| \`code-block\` | 118,581 | 39,671 | 33,350 | 16,494 | 4,374 | 3,741 |
+| \`color-input\` | 132,496 | 43,014 | 36,148 | 26,106 | 6,659 | 5,708 |
+| \`color-picker\` | 101,625 | 32,808 | 27,024 | 19,532 | 5,250 | 4,503 |
+| \`combobox\` | 130,524 | 42,094 | 35,317 | 20,312 | 4,968 | 4,233 |
+| \`command\` | 102,092 | 32,424 | 26,581 | 17,428 | 4,434 | 3,826 |
+| \`copy-button\` | 113,578 | 38,109 | 31,998 | 11,492 | 2,890 | 2,359 |
+| \`data-table\` | 166,182 | 51,526 | 43,390 | 52,839 | 13,378 | 11,233 |
+| \`date-input\` | 127,106 | 41,323 | 34,697 | 19,264 | 4,848 | 4,118 |
+| \`date-picker\` | 86,811 | 28,609 | 23,584 | 9,803 | 2,725 | 2,220 |
+| \`description-list\` | 28,120 | 9,387 | 8,256 | 1,135 | 195 | 128 |
+| \`dialog\` | 31,669 | 10,484 | 9,229 | 2,717 | 825 | 685 |
+| \`divider\` | 28,221 | 9,563 | 8,386 | 1,115 | 292 | 180 |
+| \`donut-chart\` | 68,878 | 23,393 | 20,656 | 9,769 | 2,856 | 2,362 |
+| \`drawer\` | 30,453 | 10,134 | 8,896 | 1,792 | 509 | 499 |
+| \`drilldown\` | 81,944 | 27,180 | 22,231 | 5,057 | 1,364 | 1,164 |
+| \`empty\` | 28,173 | 9,491 | 8,374 | 816 | 187 | 145 |
+| \`file-input\` | 86,573 | 28,553 | 23,378 | 6,215 | 1,770 | 1,541 |
+| \`filter-input\` | 140,746 | 44,865 | 37,605 | 27,466 | 6,690 | 5,736 |
+| \`format-date\` | 31,585 | 10,596 | 9,367 | 2,822 | 706 | 546 |
+| \`heatmap\` | 70,342 | 23,668 | 20,909 | 11,059 | 3,100 | 2,525 |
+| \`icon\` | 74,746 | 24,834 | 20,496 | 850 | 192 | 130 |
+| \`icon-button\` | 32,896 | 10,733 | 9,456 | 3,567 | 877 | 791 |
+| \`image\` | 30,001 | 9,952 | 8,749 | 2,967 | 793 | 650 |
+| \`input\` | 85,940 | 28,239 | 23,085 | 4,795 | 1,359 | 1,058 |
+| \`kbd\` | 29,891 | 10,185 | 8,982 | 2,897 | 1,015 | 783 |
+| \`legend\` | 30,372 | 10,328 | 9,094 | 1,097 | 308 | 302 |
+| \`line-chart\` | 70,994 | 24,212 | 21,430 | 10,536 | 3,072 | 2,556 |
+| \`list\` | 29,072 | 9,624 | 8,468 | 1,728 | 359 | 260 |
+| \`listbox\` | 93,965 | 30,617 | 24,970 | 10,788 | 2,954 | 2,421 |
+| \`loader\` | 28,257 | 9,554 | 8,437 | 900 | 222 | 174 |
+| \`megamenu\` | 57,078 | 19,802 | 17,496 | 4,932 | 1,363 | 1,148 |
+| \`menu\` | 112,387 | 37,985 | 31,764 | 8,909 | 2,234 | 1,846 |
+| \`meter\` | 31,149 | 10,340 | 9,132 | 3,801 | 987 | 841 |
+| \`navigation\` | 30,016 | 10,071 | 8,863 | 1,582 | 402 | 266 |
+| \`notifications\` | 90,674 | 29,427 | 24,196 | 11,852 | 2,824 | 2,365 |
+| \`number-input\` | 88,416 | 28,885 | 23,625 | 7,358 | 1,995 | 1,509 |
+| \`object-inspector\` | 124,902 | 41,669 | 35,065 | 18,555 | 4,995 | 4,303 |
+| \`option\` | 30,060 | 9,914 | 8,744 | 2,707 | 603 | 449 |
+| \`outline\` | 33,431 | 11,201 | 9,884 | 4,946 | 1,478 | 1,210 |
+| \`pagination\` | 133,820 | 42,655 | 35,726 | 26,208 | 6,083 | 5,179 |
+| \`pin-input\` | 38,720 | 12,275 | 10,842 | 5,135 | 1,523 | 1,179 |
+| \`popover\` | 54,375 | 19,067 | 16,800 | 1,986 | 549 | 483 |
+| \`progress\` | 29,298 | 9,830 | 8,675 | 1,951 | 498 | 471 |
+| \`qr-code\` | 39,772 | 13,809 | 12,207 | 12,808 | 4,620 | 4,037 |
+| \`quote\` | 27,540 | 9,303 | 8,187 | 552 | 135 | 169 |
+| \`radio\` | 37,184 | 11,711 | 10,327 | 3,138 | 851 | 562 |
+| \`rating\` | 39,218 | 12,500 | 11,023 | 5,615 | 1,603 | 1,336 |
+| \`scatter-chart\` | 70,763 | 24,093 | 21,280 | 11,089 | 3,319 | 2,699 |
+| \`scroll-area\` | 29,650 | 10,001 | 8,775 | 2,610 | 786 | 595 |
+| \`select\` | 122,983 | 40,357 | 33,710 | 15,500 | 3,921 | 3,201 |
+| \`skeleton\` | 26,729 | 9,052 | 7,957 | 544 | 112 | 94 |
+| \`skip-link\` | 28,212 | 9,567 | 8,401 | 1,226 | 375 | 330 |
+| \`slider\` | 39,081 | 12,327 | 10,895 | 5,251 | 1,481 | 1,165 |
+| \`sparkline\` | 32,830 | 11,350 | 10,026 | 2,531 | 841 | 751 |
+| \`speed-dial\` | 104,085 | 35,625 | 29,915 | 3,868 | 1,005 | 784 |
+| \`splitter\` | 37,514 | 11,925 | 10,571 | 10,163 | 2,572 | 2,212 |
+| \`stat\` | 28,505 | 9,487 | 8,344 | 1,151 | 205 | 131 |
+| \`steps\` | 84,083 | 27,583 | 22,602 | 6,302 | 1,526 | 1,214 |
+| \`switch\` | 35,499 | 11,369 | 10,017 | 1,798 | 564 | 374 |
+| \`table\` | 82,875 | 27,347 | 22,351 | 7,091 | 1,868 | 1,484 |
+| \`tabs\` | 35,120 | 11,314 | 9,950 | 4,470 | 1,018 | 775 |
+| \`tag\` | 75,624 | 25,179 | 20,676 | 897 | 199 | 177 |
+| \`textarea\` | 38,186 | 12,008 | 10,582 | 4,116 | 1,161 | 871 |
+| \`time-input\` | 139,685 | 44,601 | 37,393 | 28,913 | 7,136 | 6,127 |
+| \`time-picker\` | 102,108 | 33,005 | 27,094 | 18,387 | 4,991 | 4,176 |
+| \`timeline\` | 76,156 | 25,167 | 20,775 | 1,897 | 424 | 397 |
+| \`toast\` | 79,354 | 26,261 | 21,525 | 4,008 | 963 | 775 |
+| \`toggle\` | 39,416 | 12,361 | 10,925 | 3,929 | 1,046 | 825 |
+| \`toolbar\` | 29,919 | 10,080 | 8,867 | 2,932 | 937 | 723 |
+| \`tooltip\` | 58,139 | 20,032 | 17,726 | 6,238 | 1,732 | 1,375 |
+| \`tour\` | 63,132 | 21,119 | 18,708 | 10,269 | 2,536 | 2,048 |
+| \`tree\` | 85,790 | 28,247 | 23,098 | 7,132 | 1,965 | 1,560 |
+| \`trend\` | 74,949 | 24,933 | 20,601 | 1,056 | 289 | 229 |
+| \`video\` | 136,267 | 43,693 | 36,846 | 32,538 | 7,624 | 6,742 |
+| \`video-playlist\` | 119,836 | 39,593 | 33,176 | 14,955 | 3,483 | 2,964 |
+| \`virtual-list\` | 33,799 | 11,369 | 10,025 | 2,509 | 772 | 562 |
 
 ### Styled tier
 
@@ -2132,101 +2158,106 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 80,591 | 26,672 | 21,819 | 6,431 | 1,679 | 1,397 |
-| \`announcement\` | 79,200 | 26,190 | 21,495 | 5,154 | 1,266 | 1,098 |
-| \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,096 | 862 |
-| \`aura\` | 87,842 | 30,863 | 26,680 | 60,880 | 21,428 | 18,522 |
-| \`avatar\` | 32,433 | 10,538 | 9,281 | 6,203 | 1,522 | 1,231 |
-| \`badge\` | 30,065 | 9,970 | 8,761 | 4,249 | 1,014 | 835 |
-| \`bar-chart\` | 87,351 | 27,295 | 24,040 | 28,057 | 6,473 | 5,517 |
-| \`blockquote\` | 28,015 | 9,529 | 8,383 | 2,077 | 547 | 453 |
-| \`breadcrumbs\` | 78,415 | 25,683 | 21,265 | 5,331 | 1,218 | 1,015 |
-| \`button\` | 37,405 | 11,546 | 10,175 | 9,243 | 1,971 | 1,633 |
-| \`button-group\` | 28,508 | 9,547 | 8,419 | 2,320 | 538 | 412 |
-| \`callout\` | 76,172 | 25,338 | 20,952 | 2,913 | 784 | 674 |
-| \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 978 | 788 |
-| \`carousel\` | 90,758 | 28,397 | 23,548 | 17,527 | 3,590 | 3,007 |
-| \`chat\` | 97,033 | 30,305 | 25,056 | 21,606 | 4,618 | 3,949 |
-| \`checkbox\` | 40,733 | 12,575 | 11,075 | 8,324 | 2,066 | 1,759 |
-| \`checkbox-group\` | 39,815 | 12,374 | 10,903 | 6,889 | 1,839 | 1,424 |
-| \`code\` | 26,546 | 9,065 | 7,981 | 1,529 | 392 | 354 |
-| \`code-block\` | 126,792 | 40,279 | 33,837 | 25,868 | 5,235 | 4,499 |
-| \`color-input\` | 162,851 | 47,582 | 40,143 | 57,629 | 11,489 | 9,916 |
-| \`color-picker\` | 126,690 | 36,663 | 30,481 | 45,776 | 9,442 | 8,173 |
-| \`combobox\` | 143,386 | 44,345 | 37,183 | 34,442 | 7,453 | 6,386 |
-| \`command\` | 111,027 | 34,077 | 28,141 | 27,635 | 6,401 | 5,520 |
-| \`copy-button\` | 122,914 | 39,691 | 33,321 | 21,995 | 4,637 | 3,954 |
-| \`data-table\` | 178,487 | 51,951 | 43,764 | 68,169 | 14,324 | 12,283 |
-| \`date-input\` | 141,411 | 44,013 | 37,024 | 34,728 | 7,723 | 6,644 |
-| \`date-picker\` | 91,241 | 29,482 | 24,305 | 15,400 | 3,884 | 3,252 |
-| \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 1,841 | 1,507 |
-| \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 811 | 678 |
-| \`donut-chart\` | 79,399 | 25,131 | 22,233 | 21,458 | 4,923 | 4,089 |
-| \`drawer\` | 33,140 | 10,768 | 9,487 | 5,647 | 1,410 | 1,207 |
-| \`drilldown\` | 85,015 | 27,868 | 22,914 | 9,402 | 2,310 | 1,875 |
-| \`empty\` | 28,295 | 9,601 | 8,463 | 2,107 | 563 | 454 |
-| \`file-input\` | 96,102 | 30,451 | 25,071 | 16,922 | 3,890 | 3,329 |
-| \`filter-input\` | 127,135 | 40,741 | 34,245 | 21,133 | 4,692 | 3,952 |
-| \`flex\` | 27,799 | 9,392 | 8,240 | 1,987 | 466 | 396 |
-| \`format-date\` | 31,029 | 10,471 | 9,280 | 3,433 | 859 | 696 |
-| \`grid\` | 28,326 | 9,564 | 8,449 | 2,511 | 631 | 622 |
-| \`heatmap\` | 72,928 | 24,253 | 21,489 | 14,812 | 3,961 | 3,252 |
-| \`icon\` | 74,256 | 24,701 | 20,369 | 1,528 | 360 | 278 |
-| \`icon-button\` | 37,726 | 11,481 | 10,096 | 9,568 | 1,896 | 1,529 |
-| \`image\` | 30,564 | 10,174 | 8,943 | 4,697 | 1,273 | 960 |
-| \`input\` | 90,859 | 29,274 | 23,952 | 10,892 | 2,642 | 2,175 |
-| \`kbd\` | 30,118 | 10,380 | 9,130 | 4,294 | 1,466 | 1,202 |
-| \`legend\` | 34,021 | 11,147 | 9,781 | 5,924 | 1,440 | 1,095 |
-| \`line-chart\` | 82,192 | 26,075 | 23,059 | 22,901 | 5,259 | 4,414 |
-| \`list\` | 31,940 | 10,292 | 9,050 | 5,768 | 1,319 | 1,191 |
-| \`listbox\` | 96,706 | 31,239 | 25,552 | 14,803 | 3,892 | 3,219 |
-| \`loader\` | 30,078 | 10,034 | 8,834 | 3,891 | 957 | 834 |
-| \`megamenu\` | 60,768 | 20,623 | 18,268 | 9,792 | 2,437 | 2,064 |
-| \`menu\` | 117,415 | 39,032 | 32,686 | 15,206 | 3,521 | 2,992 |
-| \`meter\` | 35,360 | 11,235 | 9,926 | 9,179 | 2,160 | 1,936 |
-| \`navigation\` | 30,214 | 10,212 | 8,987 | 2,949 | 813 | 713 |
-| \`notifications\` | 93,030 | 29,780 | 24,596 | 16,675 | 3,777 | 3,220 |
-| \`number-input\` | 91,787 | 29,672 | 24,278 | 11,900 | 3,035 | 2,417 |
-| \`option\` | 32,142 | 10,562 | 9,308 | 5,962 | 1,497 | 1,201 |
-| \`orb\` | 35,668 | 12,611 | 11,162 | 9,445 | 3,512 | 2,984 |
-| \`outline\` | 35,566 | 11,582 | 10,202 | 8,249 | 2,152 | 1,771 |
-| \`pagination\` | 150,030 | 45,365 | 38,081 | 43,687 | 9,002 | 7,681 |
-| \`pin-input\` | 40,647 | 12,800 | 11,309 | 8,230 | 2,331 | 1,872 |
-| \`popover\` | 55,826 | 19,462 | 17,177 | 4,604 | 1,223 | 1,014 |
-| \`progress\` | 33,160 | 10,749 | 9,508 | 6,980 | 1,670 | 1,472 |
-| \`qr-code\` | 40,238 | 13,974 | 12,313 | 14,442 | 5,051 | 4,401 |
-| \`quote\` | 27,030 | 9,207 | 8,088 | 1,211 | 327 | 249 |
-| \`radio\` | 43,537 | 12,855 | 11,332 | 10,669 | 2,266 | 1,877 |
-| \`rating\` | 41,008 | 13,169 | 11,612 | 8,572 | 2,520 | 2,071 |
-| \`sandbox\` | 60,999 | 16,779 | 14,889 | 34,535 | 7,596 | 6,584 |
-| \`scroll-area\` | 31,431 | 10,376 | 9,102 | 5,559 | 1,432 | 1,176 |
-| \`select\` | 133,789 | 42,315 | 35,578 | 27,572 | 6,121 | 5,220 |
-| \`skeleton\` | 28,062 | 9,544 | 8,416 | 2,242 | 613 | 513 |
-| \`slider\` | 47,778 | 13,853 | 12,267 | 15,116 | 3,261 | 2,751 |
-| \`sparkline\` | 35,411 | 12,016 | 10,618 | 6,285 | 1,794 | 1,551 |
-| \`speed-dial\` | 110,306 | 36,805 | 30,886 | 11,252 | 2,334 | 1,979 |
-| \`splitter\` | 42,441 | 12,678 | 11,269 | 16,257 | 3,594 | 3,014 |
-| \`stat\` | 29,954 | 9,789 | 8,646 | 3,772 | 807 | 633 |
-| \`steps\` | 96,254 | 29,675 | 24,434 | 19,646 | 3,868 | 3,276 |
-| \`switch\` | 38,602 | 12,159 | 10,741 | 6,071 | 1,635 | 1,318 |
-| \`table\` | 35,190 | 10,865 | 9,580 | 7,690 | 1,656 | 1,289 |
-| \`tabs\` | 40,196 | 12,348 | 10,882 | 10,720 | 2,326 | 1,919 |
-| \`tag\` | 77,632 | 25,755 | 21,150 | 4,075 | 1,034 | 912 |
-| \`text\` | 29,734 | 9,670 | 8,508 | 3,923 | 809 | 634 |
-| \`textarea\` | 40,350 | 12,544 | 11,034 | 7,448 | 1,979 | 1,530 |
-| \`time-input\` | 158,723 | 47,719 | 40,129 | 49,223 | 10,483 | 9,011 |
-| \`time-picker\` | 111,912 | 34,763 | 28,718 | 29,473 | 7,083 | 5,989 |
-| \`timeline\` | 78,237 | 25,616 | 21,150 | 5,149 | 1,161 | 1,028 |
-| \`toast\` | 85,469 | 27,600 | 22,735 | 11,293 | 2,556 | 2,150 |
-| \`toggle\` | 43,264 | 13,266 | 11,722 | 8,954 | 2,208 | 1,762 |
-| \`toolbar\` | 29,632 | 10,054 | 8,841 | 3,813 | 1,184 | 908 |
-| \`tooltip\` | 60,498 | 20,576 | 18,184 | 9,764 | 2,508 | 2,094 |
-| \`tour\` | 71,822 | 22,542 | 19,957 | 20,128 | 4,181 | 3,553 |
-| \`tree\` | 89,446 | 29,091 | 23,871 | 12,063 | 3,109 | 2,562 |
-| \`trend\` | 76,797 | 25,297 | 20,860 | 4,081 | 934 | 851 |
-| \`video\` | 151,970 | 46,404 | 39,147 | 49,507 | 10,580 | 9,329 |
-| \`video-playlist\` | 131,274 | 41,530 | 34,852 | 27,661 | 5,649 | 4,846 |
-| \`virtual-list\` | 32,815 | 11,180 | 9,827 | 3,172 | 960 | 768 |
+| \`accordion\` | 81,919 | 26,966 | 22,078 | 6,574 | 1,694 | 1,439 |
+| \`announcement\` | 80,874 | 26,574 | 21,853 | 5,643 | 1,339 | 1,125 |
+| \`app-header\` | 32,262 | 10,421 | 9,193 | 4,883 | 1,171 | 891 |
+| \`area-chart\` | 81,552 | 26,323 | 23,223 | 20,990 | 5,197 | 4,274 |
+| \`aura\` | 89,027 | 31,117 | 26,922 | 60,880 | 21,437 | 18,523 |
+| \`avatar\` | 33,618 | 10,793 | 9,538 | 6,203 | 1,509 | 1,241 |
+| \`badge\` | 31,250 | 10,230 | 8,983 | 4,249 | 1,017 | 887 |
+| \`bar-chart\` | 88,430 | 27,577 | 24,310 | 27,952 | 6,484 | 5,602 |
+| \`blockquote\` | 29,200 | 9,788 | 8,612 | 2,077 | 542 | 534 |
+| \`breadcrumbs\` | 79,600 | 25,984 | 21,435 | 5,331 | 1,206 | 1,070 |
+| \`button\` | 38,590 | 11,816 | 10,415 | 9,243 | 1,964 | 1,669 |
+| \`button-group\` | 29,693 | 9,813 | 8,658 | 2,320 | 541 | 394 |
+| \`callout\` | 77,357 | 25,624 | 21,203 | 2,913 | 786 | 723 |
+| \`card\` | 31,284 | 10,275 | 9,042 | 3,915 | 979 | 829 |
+| \`carousel\` | 92,213 | 28,760 | 23,859 | 17,797 | 3,652 | 3,101 |
+| \`chat\` | 111,545 | 34,966 | 28,929 | 30,495 | 7,346 | 6,253 |
+| \`checkbox\` | 41,918 | 12,833 | 11,305 | 8,324 | 2,063 | 1,753 |
+| \`checkbox-group\` | 41,177 | 12,660 | 11,158 | 7,066 | 1,868 | 1,432 |
+| \`code\` | 27,731 | 9,326 | 8,231 | 1,529 | 387 | 321 |
+| \`code-block\` | 134,439 | 42,366 | 35,611 | 32,330 | 6,927 | 6,031 |
+| \`color-input\` | 164,078 | 47,813 | 40,385 | 57,671 | 11,516 | 10,016 |
+| \`color-picker\` | 127,917 | 36,962 | 30,752 | 45,818 | 9,465 | 8,164 |
+| \`combobox\` | 144,760 | 44,641 | 37,483 | 34,529 | 7,473 | 6,546 |
+| \`command\` | 112,401 | 34,399 | 28,302 | 27,722 | 6,420 | 5,489 |
+| \`copy-button\` | 124,120 | 39,957 | 33,536 | 22,016 | 4,640 | 4,018 |
+| \`data-table\` | 199,836 | 56,688 | 47,631 | 86,474 | 18,592 | 15,583 |
+| \`date-input\` | 142,596 | 44,248 | 37,316 | 34,728 | 7,704 | 6,787 |
+| \`date-picker\` | 92,426 | 29,779 | 24,592 | 15,400 | 3,870 | 3,294 |
+| \`description-list\` | 30,498 | 9,957 | 8,764 | 3,502 | 786 | 654 |
+| \`dialog\` | 36,004 | 11,491 | 10,169 | 7,037 | 1,838 | 1,539 |
+| \`divider\` | 30,366 | 10,079 | 8,841 | 3,243 | 813 | 754 |
+| \`donut-chart\` | 80,480 | 25,446 | 22,422 | 21,354 | 4,980 | 4,130 |
+| \`drawer\` | 34,325 | 11,023 | 9,708 | 5,647 | 1,401 | 1,245 |
+| \`drilldown\` | 86,302 | 28,159 | 23,045 | 9,402 | 2,290 | 1,982 |
+| \`empty\` | 29,480 | 9,866 | 8,662 | 2,107 | 563 | 484 |
+| \`file-input\` | 97,287 | 30,720 | 25,226 | 16,922 | 3,871 | 3,356 |
+| \`filter-input\` | 169,096 | 49,241 | 41,282 | 55,800 | 11,109 | 9,364 |
+| \`flex\` | 28,984 | 9,652 | 8,475 | 1,987 | 464 | 369 |
+| \`format-date\` | 32,233 | 10,741 | 9,534 | 3,452 | 865 | 727 |
+| \`grid\` | 29,511 | 9,824 | 8,675 | 2,511 | 633 | 625 |
+| \`heatmap\` | 77,683 | 25,116 | 22,252 | 18,382 | 4,566 | 3,808 |
+| \`icon\` | 75,441 | 25,008 | 20,618 | 1,528 | 369 | 315 |
+| \`icon-button\` | 38,911 | 11,749 | 10,334 | 9,568 | 1,895 | 1,586 |
+| \`image\` | 31,749 | 10,432 | 9,161 | 4,697 | 1,278 | 1,005 |
+| \`input\` | 92,044 | 29,546 | 24,176 | 10,892 | 2,628 | 2,201 |
+| \`kbd\` | 31,303 | 10,644 | 9,391 | 4,294 | 1,467 | 1,199 |
+| \`legend\` | 35,206 | 11,410 | 10,030 | 5,924 | 1,440 | 1,094 |
+| \`line-chart\` | 83,270 | 26,395 | 23,326 | 22,794 | 5,306 | 4,530 |
+| \`list\` | 33,125 | 10,555 | 9,302 | 5,768 | 1,311 | 1,177 |
+| \`listbox\` | 98,080 | 31,558 | 25,751 | 14,890 | 3,912 | 3,241 |
+| \`loader\` | 31,263 | 10,297 | 9,071 | 3,891 | 957 | 918 |
+| \`megamenu\` | 61,953 | 20,869 | 18,483 | 9,792 | 2,427 | 2,070 |
+| \`menu\` | 119,386 | 39,482 | 33,107 | 15,890 | 3,690 | 3,105 |
+| \`meter\` | 36,545 | 11,494 | 10,179 | 9,179 | 2,157 | 1,954 |
+| \`navigation\` | 31,397 | 10,467 | 9,210 | 2,947 | 812 | 604 |
+| \`notifications\` | 103,386 | 31,717 | 26,180 | 24,550 | 5,094 | 4,452 |
+| \`number-input\` | 93,229 | 30,007 | 24,552 | 12,157 | 3,077 | 2,569 |
+| \`object-inspector\` | 139,175 | 44,099 | 37,194 | 32,807 | 7,372 | 6,391 |
+| \`option\` | 33,327 | 10,823 | 9,539 | 5,962 | 1,498 | 1,191 |
+| \`orb\` | 36,853 | 12,880 | 11,365 | 9,445 | 3,499 | 3,020 |
+| \`outline\` | 37,160 | 11,974 | 10,591 | 8,658 | 2,276 | 1,817 |
+| \`pagination\` | 151,404 | 45,658 | 38,331 | 43,774 | 9,056 | 7,783 |
+| \`pin-input\` | 41,832 | 13,065 | 11,472 | 8,230 | 2,331 | 1,959 |
+| \`popover\` | 57,011 | 19,712 | 17,416 | 4,604 | 1,221 | 1,027 |
+| \`progress\` | 34,345 | 11,014 | 9,727 | 6,980 | 1,677 | 1,518 |
+| \`qr-code\` | 41,423 | 14,229 | 12,540 | 14,442 | 5,033 | 4,438 |
+| \`quote\` | 28,215 | 9,471 | 8,341 | 1,211 | 323 | 241 |
+| \`radio\` | 44,722 | 13,106 | 11,547 | 10,669 | 2,252 | 1,896 |
+| \`rating\` | 42,193 | 13,433 | 11,824 | 8,572 | 2,507 | 2,104 |
+| \`sandbox\` | 62,575 | 17,096 | 15,163 | 34,926 | 7,655 | 6,685 |
+| \`scatter-chart\` | 81,739 | 26,093 | 22,955 | 22,046 | 5,362 | 4,442 |
+| \`scroll-area\` | 32,616 | 10,634 | 9,353 | 5,559 | 1,432 | 1,138 |
+| \`select\` | 135,163 | 42,616 | 35,742 | 27,659 | 6,156 | 5,195 |
+| \`skeleton\` | 29,247 | 9,810 | 8,627 | 2,242 | 610 | 597 |
+| \`skip-link\` | 29,675 | 9,976 | 8,738 | 2,672 | 786 | 664 |
+| \`slider\` | 48,963 | 14,109 | 12,447 | 15,116 | 3,259 | 2,804 |
+| \`sparkline\` | 36,596 | 12,284 | 10,845 | 6,285 | 1,781 | 1,631 |
+| \`speed-dial\` | 111,537 | 37,071 | 31,110 | 11,298 | 2,353 | 1,999 |
+| \`splitter\` | 43,626 | 12,937 | 11,483 | 16,257 | 3,595 | 3,205 |
+| \`stat\` | 31,139 | 10,048 | 8,887 | 3,772 | 799 | 742 |
+| \`steps\` | 97,695 | 29,995 | 24,753 | 19,902 | 3,899 | 3,441 |
+| \`switch\` | 39,787 | 12,417 | 10,921 | 6,071 | 1,632 | 1,292 |
+| \`table\` | 87,479 | 28,255 | 23,197 | 11,687 | 2,761 | 2,301 |
+| \`tabs\` | 41,381 | 12,601 | 11,079 | 10,720 | 2,317 | 1,984 |
+| \`tag\` | 78,817 | 26,046 | 21,369 | 4,075 | 1,029 | 929 |
+| \`text\` | 30,970 | 9,944 | 8,710 | 3,976 | 832 | 622 |
+| \`textarea\` | 41,535 | 12,809 | 11,273 | 7,448 | 1,973 | 1,594 |
+| \`time-input\` | 160,219 | 48,005 | 40,381 | 49,432 | 10,542 | 9,070 |
+| \`time-picker\` | 113,408 | 35,091 | 28,973 | 29,682 | 7,123 | 6,050 |
+| \`timeline\` | 79,422 | 25,919 | 21,404 | 5,149 | 1,156 | 1,013 |
+| \`toast\` | 86,887 | 27,931 | 23,032 | 11,526 | 2,597 | 2,220 |
+| \`toggle\` | 44,449 | 13,515 | 11,977 | 8,954 | 2,201 | 1,848 |
+| \`toolbar\` | 31,211 | 10,376 | 9,126 | 4,207 | 1,250 | 930 |
+| \`tooltip\` | 61,704 | 20,831 | 18,442 | 9,785 | 2,513 | 2,027 |
+| \`tour\` | 73,007 | 22,810 | 20,210 | 20,128 | 4,189 | 3,572 |
+| \`tree\` | 90,813 | 29,428 | 24,123 | 12,143 | 3,127 | 2,596 |
+| \`trend\` | 77,982 | 25,594 | 21,139 | 4,081 | 924 | 828 |
+| \`video\` | 154,440 | 46,971 | 39,702 | 50,690 | 10,904 | 9,628 |
+| \`video-playlist\` | 133,245 | 41,965 | 35,231 | 28,345 | 5,824 | 4,979 |
+| \`virtual-list\` | 34,631 | 11,596 | 10,222 | 3,323 | 999 | 835 |
 
 ## What lands in \`node_modules\`
 
@@ -2238,12 +2269,12 @@ column is what was removed rather than part of what remains.
 
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 712,206 | 119 | 167,831 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
-| \`@fusion.dev/helix-headless\` | 8,613,706 | 426 | 717,703 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
+| \`@fusion.dev/helix-core\` | 742,666 | 119 | 172,577 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
+| \`@fusion.dev/helix-headless\` | 10,235,441 | 462 | 839,641 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
-| \`@fusion.dev/helix-styles\` | 92,245 | 6 | 0 | none |
-| \`@fusion.dev/helix-theme\` | 461,551 | 8 | 4,699 | none |
-| \`@fusion.dev/helix\` | 9,621,104 | 734 | 309,756 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
+| \`@fusion.dev/helix-styles\` | 100,938 | 6 | 0 | none |
+| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
+| \`@fusion.dev/helix\` | 11,196,588 | 790 | 329,523 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
 
 ## Not measured yet
 
@@ -2926,6 +2957,17 @@ scroll pays continuously. Where the effect is about depth rather than texture,
 Headings take the type scale, paragraphs take the measure and leading, lists and
 links and inline code all follow. See [Typography](./typography).
 
+If you own the markdown renderer, map two things to components, because markup
+can't carry what they need:
+
+- **Fenced code** to \`helix-code-block\`, with the fence's language as its \`label\`.
+  A \`<pre>\` has no label or copy button.
+- **Alerts** such as \`> [!WARNING]\` to \`helix-callout\`. A \`<blockquote>\` has no
+  tone. \`NOTE\` and \`IMPORTANT\` become \`tone="info"\`, \`TIP\` becomes \`success\`,
+  \`WARNING\` becomes \`warning\`, and \`CAUTION\` becomes \`danger\`.
+
+Prose spaces each one the same as the element it replaces.
+
 ## Region axes
 
 These two are API rather than styling, and they are the reason the base layer is
@@ -4885,7 +4927,7 @@ vocabularies. You cannot invent a value, and a component may take a subset.
 
 | Axis | Values |
 |---|---|
-| \`emphasis\` | \`ghost\`, \`outlined\`, \`solid\`, \`subtle\` |
+| \`emphasis\` | \`ghost\`, \`muted\`, \`outlined\`, \`solid\`, \`subtle\` |
 | \`material\` | \`frosted\`, \`glass\`, \`transparent\` |
 | \`separation\` | \`elevated\`, \`filled\`, \`outlined\`, \`plain\` |
 | \`tone\` | The status and intent words: \`primary\`, \`accent\`, \`neutral\`, \`danger\`, and so on |