npm - @fusion.dev/helix-docs - Versions diffs - 0.24.0 → 0.25.0 - Mend

@fusion.dev/helix-docs 0.24.0 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/content/metrics.mdx +213 -213
package/content/react.mdx +1 -1
package/content/server-rendering.mdx +55 -2
package/content/using-the-elements.mdx +5 -5
package/dist/sources.generated.js +274 -221
package/package.json +2 -2

package/dist/sources.generated.js CHANGED Viewed

@@ -1922,7 +1922,7 @@ nobody ever downloads this floor on its own.
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 141,349 | 47,166 | 39,719 |
+| Lit and \`@fusion.dev/helix-core\` | 141,656 | 47,287 | 39,881 |
 ## Whole packages
@@ -1933,11 +1933,11 @@ repository does that. The per-component tables are what a page pays.
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@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-core\` | 141,210 | 46,827 | 39,612 | Element base class, mixins, decorators, floating positioning. |
+| \`@fusion.dev/helix-headless\` | 592,498 | 151,748 | 117,979 | 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\` | 1,070,627 | 247,094 | 179,192 | Every styled family. |
+| \`@fusion.dev/helix\` | 1,072,671 | 247,677 | 179,742 | 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
@@ -1958,13 +1958,13 @@ is the whole cost of adopting the base layer on its own.
 ## What the numbers say
-**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.
+**Most of a first component is the runtime under it.** The median styled family is 18,415 bytes gzipped alone and adds 2,256 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,326 gzipped alone, the dearest \`data-table\` at 56,688, over 100 components. Every family at once is 247,094.
+Across the tier: the cheapest is \`code\` at 9,337 gzipped alone, the dearest \`data-table\` at 56,690, over 100 components. Every family at once is 247,677.
-**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.
+**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,748 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 19,917 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,928 bytes gzipped alone.
 ## Against other systems
@@ -1976,43 +1976,43 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
 | Component | System | Raw | Gzip | Brotli |
 |---|---|---|---|---|
-| \`button\` | **Helix** | 38,590 | 11,816 | 10,415 |
+| \`button\` | **Helix** | 38,634 | 11,831 | 10,427 |
 | | 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** | 41,918 | 12,833 | 11,305 |
+| \`checkbox\` | **Helix** | 41,962 | 12,848 | 11,331 |
 | | 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** | 36,004 | 11,491 | 10,169 |
+| \`dialog\` | **Helix** | 36,048 | 11,505 | 10,181 |
 | | 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** | 44,722 | 13,106 | 11,547 |
+| \`radio\` | **Helix** | 44,766 | 13,120 | 11,563 |
 | | 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** | 39,787 | 12,417 | 10,921 |
+| \`switch\` | **Helix** | 39,831 | 12,428 | 10,949 |
 | | 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** | 41,381 | 12,601 | 11,079 |
+| \`tabs\` | **Helix** | 41,425 | 12,614 | 11,091 |
 | | 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,704 | 20,831 | 18,442 |
+| \`tooltip\` | **Helix** | 61,748 | 20,840 | 18,403 |
 | | 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,446 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,460 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.
@@ -2057,100 +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\` | 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 |
+| \`accordion\` | 78,602 | 26,162 | 21,408 | 3,228 | 883 | 599 |
+| \`announcement\` | 76,633 | 25,591 | 20,979 | 1,374 | 389 | 235 |
+| \`app-header\` | 28,654 | 9,599 | 8,484 | 1,248 | 324 | 220 |
+| \`area-chart\` | 71,702 | 24,573 | 21,752 | 10,966 | 3,334 | 2,751 |
+| \`avatar\` | 30,381 | 10,148 | 8,973 | 2,935 | 858 | 584 |
+| \`badge\` | 28,190 | 9,535 | 8,382 | 1,162 | 300 | 207 |
+| \`bar-chart\` | 73,160 | 24,865 | 21,990 | 12,509 | 3,667 | 3,087 |
+| \`blockquote\` | 28,068 | 9,501 | 8,363 | 917 | 230 | 137 |
+| \`breadcrumbs\` | 76,254 | 25,219 | 20,772 | 1,956 | 441 | 323 |
+| \`button\` | 32,541 | 10,717 | 9,426 | 3,168 | 831 | 672 |
+| \`button-group\` | 28,061 | 9,448 | 8,321 | 661 | 140 | 22 |
+| \`callout\` | 75,384 | 25,086 | 20,706 | 912 | 245 | 167 |
+| \`card\` | 28,095 | 9,459 | 8,325 | 694 | 152 | -18 |
+| \`carousel\` | 82,528 | 27,218 | 22,428 | 8,079 | 2,102 | 1,613 |
+| \`chat\` | 98,046 | 32,580 | 26,781 | 16,967 | 4,941 | 4,062 |
+| \`checkbox\` | 35,875 | 11,445 | 10,107 | 2,253 | 663 | 463 |
+| \`checkbox-group\` | 38,974 | 12,099 | 10,683 | 4,833 | 1,279 | 863 |
+| \`code\` | 26,680 | 9,030 | 7,937 | 451 | 80 | -25 |
+| \`code-block\` | 118,625 | 39,681 | 33,397 | 16,494 | 4,369 | 3,702 |
+| \`color-input\` | 132,540 | 43,024 | 36,168 | 26,106 | 6,646 | 5,596 |
+| \`color-picker\` | 101,669 | 32,821 | 26,988 | 19,532 | 5,238 | 4,464 |
+| \`combobox\` | 130,751 | 42,177 | 35,346 | 20,495 | 5,027 | 4,235 |
+| \`command\` | 102,317 | 32,488 | 26,592 | 17,609 | 4,472 | 3,713 |
+| \`copy-button\` | 113,622 | 38,118 | 32,024 | 11,492 | 2,879 | 2,305 |
+| \`data-table\` | 166,227 | 51,528 | 43,302 | 52,840 | 13,364 | 11,116 |
+| \`date-input\` | 127,150 | 41,334 | 34,675 | 19,264 | 4,844 | 4,187 |
+| \`date-picker\` | 86,855 | 28,620 | 23,518 | 9,803 | 2,720 | 2,174 |
+| \`description-list\` | 28,164 | 9,399 | 8,277 | 1,135 | 188 | 88 |
+| \`dialog\` | 31,713 | 10,498 | 9,262 | 2,717 | 821 | 609 |
+| \`divider\` | 28,265 | 9,573 | 8,404 | 1,115 | 292 | 146 |
+| \`donut-chart\` | 69,070 | 23,450 | 20,784 | 9,769 | 2,845 | 2,336 |
+| \`drawer\` | 30,497 | 10,146 | 8,899 | 1,792 | 509 | 335 |
+| \`drilldown\` | 81,988 | 27,190 | 22,280 | 5,057 | 1,349 | 1,049 |
+| \`empty\` | 28,217 | 9,502 | 8,369 | 816 | 186 | 59 |
+| \`file-input\` | 86,617 | 28,565 | 23,347 | 6,215 | 1,759 | 1,370 |
+| \`filter-input\` | 140,790 | 44,876 | 37,603 | 27,466 | 6,677 | 5,660 |
+| \`format-date\` | 31,674 | 10,615 | 9,402 | 2,867 | 717 | 511 |
+| \`heatmap\` | 70,534 | 23,725 | 20,955 | 11,059 | 3,094 | 2,505 |
+| \`icon\` | 74,790 | 24,844 | 20,463 | 850 | 197 | 69 |
+| \`icon-button\` | 32,940 | 10,746 | 9,463 | 3,567 | 867 | 630 |
+| \`image\` | 30,179 | 10,000 | 8,815 | 3,101 | 830 | 567 |
+| \`input\` | 85,984 | 28,252 | 23,065 | 4,795 | 1,352 | 933 |
+| \`kbd\` | 30,014 | 10,221 | 9,000 | 2,976 | 1,038 | 791 |
+| \`legend\` | 30,564 | 10,385 | 9,130 | 1,097 | 308 | 152 |
+| \`line-chart\` | 71,186 | 24,266 | 21,437 | 10,536 | 3,065 | 2,533 |
+| \`list\` | 29,116 | 9,635 | 8,477 | 1,728 | 354 | 288 |
+| \`listbox\` | 94,013 | 30,632 | 25,070 | 10,792 | 2,953 | 2,369 |
+| \`loader\` | 28,301 | 9,567 | 8,443 | 900 | 221 | 64 |
+| \`megamenu\` | 57,122 | 19,814 | 17,501 | 4,932 | 1,348 | 1,061 |
+| \`menu\` | 112,431 | 37,994 | 31,798 | 8,909 | 2,225 | 1,766 |
+| \`meter\` | 31,193 | 10,350 | 9,130 | 3,801 | 976 | 832 |
+| \`navigation\` | 30,060 | 10,085 | 8,894 | 1,582 | 405 | 247 |
+| \`notifications\` | 90,763 | 29,445 | 24,215 | 11,897 | 2,823 | 2,302 |
+| \`number-input\` | 88,460 | 28,896 | 23,609 | 7,358 | 1,986 | 1,511 |
+| \`object-inspector\` | 124,946 | 41,679 | 35,058 | 18,555 | 4,982 | 4,151 |
+| \`option\` | 30,108 | 9,930 | 8,756 | 2,711 | 597 | 416 |
+| \`outline\` | 33,475 | 11,211 | 9,887 | 4,946 | 1,476 | 1,129 |
+| \`pagination\` | 133,865 | 42,664 | 35,769 | 26,209 | 6,077 | 5,084 |
+| \`pin-input\` | 38,764 | 12,290 | 10,842 | 5,135 | 1,519 | 1,115 |
+| \`popover\` | 54,419 | 19,079 | 16,841 | 1,986 | 549 | 343 |
+| \`progress\` | 29,342 | 9,842 | 8,670 | 1,951 | 492 | 389 |
+| \`qr-code\` | 39,989 | 13,875 | 12,254 | 12,981 | 4,675 | 4,019 |
+| \`quote\` | 27,584 | 9,317 | 8,204 | 552 | 130 | -23 |
+| \`radio\` | 37,228 | 11,723 | 10,305 | 3,138 | 846 | 601 |
+| \`rating\` | 39,453 | 12,569 | 11,083 | 5,806 | 1,675 | 1,283 |
+| \`scatter-chart\` | 70,955 | 24,148 | 21,272 | 11,089 | 3,313 | 2,659 |
+| \`scroll-area\` | 29,694 | 10,012 | 8,810 | 2,610 | 786 | 533 |
+| \`select\` | 123,028 | 40,344 | 33,731 | 15,501 | 3,901 | 3,197 |
+| \`skeleton\` | 26,773 | 9,063 | 7,978 | 544 | 111 | 8 |
+| \`skip-link\` | 28,256 | 9,579 | 8,420 | 1,226 | 379 | 216 |
+| \`slider\` | 39,125 | 12,337 | 10,909 | 5,251 | 1,471 | 1,132 |
+| \`sparkline\` | 33,022 | 11,405 | 10,044 | 2,531 | 836 | 594 |
+| \`speed-dial\` | 104,129 | 35,636 | 29,901 | 3,868 | 994 | 658 |
+| \`splitter\` | 37,558 | 11,936 | 10,565 | 10,163 | 2,557 | 2,099 |
+| \`stat\` | 28,549 | 9,500 | 8,361 | 1,151 | 199 | 49 |
+| \`steps\` | 84,245 | 27,640 | 22,680 | 6,324 | 1,533 | 1,202 |
+| \`switch\` | 35,543 | 11,383 | 10,032 | 1,798 | 568 | 381 |
+| \`table\` | 82,919 | 27,357 | 22,356 | 7,091 | 1,863 | 1,478 |
+| \`tabs\` | 35,164 | 11,328 | 9,971 | 4,470 | 1,006 | 681 |
+| \`tag\` | 75,668 | 25,190 | 20,655 | 897 | 200 | 71 |
+| \`textarea\` | 38,230 | 12,021 | 10,572 | 4,116 | 1,156 | 798 |
+| \`time-input\` | 139,733 | 44,615 | 37,411 | 28,917 | 7,132 | 6,052 |
+| \`time-picker\` | 102,156 | 33,020 | 27,100 | 18,391 | 4,986 | 4,130 |
+| \`timeline\` | 76,200 | 25,178 | 20,771 | 1,897 | 417 | 346 |
+| \`toast\` | 79,398 | 26,271 | 21,504 | 4,008 | 951 | 714 |
+| \`toggle\` | 39,460 | 12,372 | 10,948 | 3,929 | 1,037 | 683 |
+| \`toolbar\` | 29,963 | 10,094 | 8,887 | 2,932 | 932 | 656 |
+| \`tooltip\` | 58,183 | 20,042 | 17,752 | 6,238 | 1,725 | 1,336 |
+| \`tour\` | 63,648 | 21,294 | 18,865 | 10,645 | 2,645 | 2,152 |
+| \`tree\` | 85,834 | 28,258 | 23,055 | 7,132 | 1,951 | 1,506 |
+| \`trend\` | 74,993 | 24,944 | 20,646 | 1,056 | 291 | 211 |
+| \`video\` | 136,374 | 43,719 | 36,844 | 32,601 | 7,631 | 6,679 |
+| \`video-playlist\` | 119,880 | 39,602 | 33,192 | 14,955 | 3,471 | 2,894 |
+| \`virtual-list\` | 33,843 | 11,381 | 10,045 | 2,509 | 777 | 573 |
 ### Styled tier
@@ -2158,106 +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\` | 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 |
+| \`accordion\` | 81,963 | 26,979 | 22,089 | 6,574 | 1,692 | 1,240 |
+| \`announcement\` | 80,918 | 26,589 | 21,809 | 5,643 | 1,347 | 1,013 |
+| \`app-header\` | 32,306 | 10,433 | 9,188 | 4,883 | 1,163 | 848 |
+| \`area-chart\` | 81,744 | 26,377 | 23,270 | 20,990 | 5,190 | 4,308 |
+| \`aura\` | 89,071 | 31,128 | 26,936 | 60,880 | 21,432 | 18,433 |
+| \`avatar\` | 33,955 | 10,888 | 9,600 | 6,496 | 1,603 | 1,246 |
+| \`badge\` | 31,294 | 10,242 | 8,986 | 4,249 | 1,014 | 783 |
+| \`bar-chart\` | 88,622 | 27,632 | 24,302 | 27,952 | 6,471 | 5,440 |
+| \`blockquote\` | 29,244 | 9,798 | 8,633 | 2,077 | 543 | 442 |
+| \`breadcrumbs\` | 79,644 | 25,995 | 21,412 | 5,331 | 1,197 | 974 |
+| \`button\` | 38,634 | 11,831 | 10,427 | 9,243 | 1,951 | 1,567 |
+| \`button-group\` | 29,737 | 9,827 | 8,651 | 2,320 | 535 | 402 |
+| \`callout\` | 77,401 | 25,635 | 21,223 | 2,913 | 783 | 599 |
+| \`card\` | 31,328 | 10,287 | 9,066 | 3,915 | 970 | 784 |
+| \`carousel\` | 92,382 | 28,810 | 23,893 | 17,922 | 3,680 | 3,048 |
+| \`chat\` | 111,589 | 34,977 | 28,938 | 30,495 | 7,343 | 6,209 |
+| \`checkbox\` | 41,962 | 12,848 | 11,331 | 8,324 | 2,058 | 1,662 |
+| \`checkbox-group\` | 41,221 | 12,671 | 11,174 | 7,066 | 1,863 | 1,371 |
+| \`code\` | 27,775 | 9,337 | 8,239 | 1,529 | 385 | 289 |
+| \`code-block\` | 134,483 | 42,377 | 35,647 | 32,330 | 6,921 | 5,973 |
+| \`color-input\` | 164,122 | 47,824 | 40,399 | 57,671 | 11,513 | 9,936 |
+| \`color-picker\` | 127,961 | 36,973 | 30,710 | 45,818 | 9,455 | 8,177 |
+| \`combobox\` | 144,987 | 44,731 | 37,514 | 34,712 | 7,532 | 6,412 |
+| \`command\` | 112,626 | 34,463 | 28,344 | 27,903 | 6,453 | 5,508 |
+| \`copy-button\` | 124,164 | 39,968 | 33,627 | 22,016 | 4,631 | 3,937 |
+| \`data-table\` | 199,881 | 56,690 | 47,670 | 86,475 | 18,574 | 15,454 |
+| \`date-input\` | 142,640 | 44,260 | 37,217 | 34,728 | 7,699 | 6,716 |
+| \`date-picker\` | 92,470 | 29,789 | 24,571 | 15,400 | 3,862 | 3,365 |
+| \`description-list\` | 30,542 | 9,970 | 8,772 | 3,502 | 778 | 648 |
+| \`dialog\` | 36,048 | 11,505 | 10,181 | 7,037 | 1,836 | 1,498 |
+| \`divider\` | 30,410 | 10,091 | 8,854 | 3,243 | 814 | 600 |
+| \`donut-chart\` | 80,672 | 25,503 | 22,451 | 21,354 | 4,977 | 4,113 |
+| \`drawer\` | 34,369 | 11,035 | 9,736 | 5,647 | 1,396 | 1,166 |
+| \`drilldown\` | 86,346 | 28,167 | 23,111 | 9,402 | 2,279 | 1,818 |
+| \`empty\` | 29,524 | 9,877 | 8,689 | 2,107 | 564 | 456 |
+| \`file-input\` | 97,331 | 30,732 | 25,273 | 16,922 | 3,866 | 3,308 |
+| \`filter-input\` | 169,144 | 49,254 | 41,341 | 55,804 | 11,105 | 9,327 |
+| \`flex\` | 29,028 | 9,663 | 8,493 | 1,987 | 458 | 390 |
+| \`format-date\` | 32,322 | 10,759 | 9,547 | 3,497 | 873 | 676 |
+| \`grid\` | 29,555 | 9,837 | 8,659 | 2,511 | 636 | 521 |
+| \`heatmap\` | 77,875 | 25,170 | 22,262 | 18,382 | 4,556 | 3,734 |
+| \`icon\` | 75,485 | 25,018 | 20,638 | 1,528 | 368 | 260 |
+| \`icon-button\` | 38,955 | 11,764 | 10,349 | 9,568 | 1,887 | 1,551 |
+| \`image\` | 31,927 | 10,481 | 9,207 | 4,831 | 1,308 | 963 |
+| \`input\` | 92,088 | 29,558 | 24,216 | 10,892 | 2,624 | 2,151 |
+| \`kbd\` | 31,426 | 10,679 | 9,401 | 4,373 | 1,505 | 1,130 |
+| \`legend\` | 35,398 | 11,468 | 10,052 | 5,924 | 1,432 | 1,040 |
+| \`line-chart\` | 83,462 | 26,450 | 23,349 | 22,794 | 5,296 | 4,349 |
+| \`list\` | 33,169 | 10,567 | 9,321 | 5,768 | 1,306 | 1,115 |
+| \`listbox\` | 98,128 | 31,576 | 25,772 | 14,894 | 3,906 | 3,149 |
+| \`loader\` | 31,307 | 10,308 | 9,067 | 3,891 | 947 | 698 |
+| \`megamenu\` | 61,997 | 20,880 | 18,495 | 9,792 | 2,417 | 1,997 |
+| \`menu\` | 119,430 | 39,491 | 33,129 | 15,890 | 3,677 | 3,106 |
+| \`meter\` | 36,589 | 11,505 | 10,173 | 9,179 | 2,143 | 1,811 |
+| \`navigation\` | 31,441 | 10,481 | 9,213 | 2,947 | 815 | 531 |
+| \`notifications\` | 103,475 | 31,734 | 26,180 | 24,595 | 5,099 | 4,308 |
+| \`number-input\` | 93,273 | 30,016 | 24,583 | 12,157 | 3,071 | 2,494 |
+| \`object-inspector\` | 139,219 | 44,110 | 37,159 | 32,807 | 7,361 | 6,303 |
+| \`option\` | 33,375 | 10,839 | 9,558 | 5,966 | 1,491 | 1,159 |
+| \`orb\` | 36,897 | 12,890 | 11,419 | 9,445 | 3,494 | 2,943 |
+| \`outline\` | 37,204 | 11,985 | 10,595 | 8,658 | 2,267 | 1,802 |
+| \`pagination\` | 151,449 | 45,673 | 38,333 | 43,775 | 9,062 | 7,631 |
+| \`pin-input\` | 41,876 | 13,079 | 11,521 | 8,230 | 2,326 | 1,786 |
+| \`popover\` | 57,055 | 19,725 | 17,428 | 4,604 | 1,217 | 969 |
+| \`progress\` | 34,389 | 11,025 | 9,737 | 6,980 | 1,663 | 1,406 |
+| \`qr-code\` | 41,640 | 14,293 | 12,603 | 14,615 | 5,080 | 4,375 |
+| \`quote\` | 28,259 | 9,484 | 8,350 | 1,211 | 326 | 115 |
+| \`radio\` | 44,766 | 13,120 | 11,563 | 10,669 | 2,244 | 1,901 |
+| \`rating\` | 42,428 | 13,504 | 11,929 | 8,763 | 2,577 | 2,081 |
+| \`sandbox\` | 62,619 | 17,105 | 15,155 | 34,926 | 7,645 | 6,427 |
+| \`scatter-chart\` | 81,931 | 26,151 | 23,070 | 22,046 | 5,355 | 4,369 |
+| \`scroll-area\` | 32,660 | 10,647 | 9,332 | 5,559 | 1,430 | 1,082 |
+| \`select\` | 135,208 | 42,604 | 35,738 | 27,660 | 6,122 | 5,097 |
+| \`skeleton\` | 29,291 | 9,820 | 8,640 | 2,242 | 613 | 440 |
+| \`skip-link\` | 29,719 | 9,988 | 8,752 | 2,672 | 792 | 552 |
+| \`slider\` | 49,007 | 14,124 | 12,493 | 15,116 | 3,257 | 2,754 |
+| \`sparkline\` | 36,788 | 12,339 | 10,907 | 6,285 | 1,769 | 1,502 |
+| \`speed-dial\` | 111,581 | 37,082 | 31,152 | 11,298 | 2,340 | 1,848 |
+| \`splitter\` | 43,670 | 12,947 | 11,504 | 16,257 | 3,585 | 3,065 |
+| \`stat\` | 31,183 | 10,062 | 8,888 | 3,772 | 788 | 645 |
+| \`steps\` | 97,857 | 30,056 | 24,790 | 19,924 | 3,896 | 3,243 |
+| \`switch\` | 39,831 | 12,428 | 10,949 | 6,071 | 1,634 | 1,248 |
+| \`table\` | 87,523 | 28,265 | 23,193 | 11,687 | 2,747 | 2,226 |
+| \`tabs\` | 41,425 | 12,614 | 11,091 | 10,720 | 2,313 | 1,866 |
+| \`tag\` | 78,861 | 26,058 | 21,373 | 4,075 | 1,030 | 798 |
+| \`text\` | 31,014 | 9,956 | 8,736 | 3,976 | 820 | 586 |
+| \`textarea\` | 41,579 | 12,823 | 11,292 | 7,448 | 1,965 | 1,527 |
+| \`time-input\` | 160,267 | 48,017 | 40,390 | 49,436 | 10,542 | 9,014 |
+| \`time-picker\` | 113,456 | 35,107 | 28,968 | 29,686 | 7,111 | 5,997 |
+| \`timeline\` | 79,466 | 25,930 | 21,438 | 5,149 | 1,145 | 925 |
+| \`toast\` | 86,931 | 27,943 | 22,986 | 11,526 | 2,596 | 2,117 |
+| \`toggle\` | 44,493 | 13,530 | 11,975 | 8,954 | 2,195 | 1,700 |
+| \`toolbar\` | 31,255 | 10,390 | 9,147 | 4,207 | 1,248 | 906 |
+| \`tooltip\` | 61,748 | 20,840 | 18,403 | 9,785 | 2,504 | 2,015 |
+| \`tour\` | 73,523 | 22,991 | 20,306 | 20,504 | 4,296 | 3,659 |
+| \`tree\` | 90,857 | 29,438 | 24,151 | 12,143 | 3,117 | 2,512 |
+| \`trend\` | 78,026 | 25,605 | 21,170 | 4,081 | 916 | 828 |
+| \`video\` | 154,547 | 47,000 | 39,708 | 50,753 | 10,922 | 9,599 |
+| \`video-playlist\` | 133,289 | 41,974 | 35,281 | 28,345 | 5,810 | 4,934 |
+| \`virtual-list\` | 34,675 | 11,607 | 10,255 | 3,323 | 989 | 734 |
 ## What lands in \`node_modules\`
@@ -2269,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\` | 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-core\` | 748,860 | 119 | 173,480 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
+| \`@fusion.dev/helix-headless\` | 10,340,958 | 462 | 844,553 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
 | \`@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\` |
+| \`@fusion.dev/helix\` | 11,301,856 | 790 | 329,523 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
 ## Not measured yet
@@ -2844,7 +2844,7 @@ Render it once in your layout. **Your pages stay server components.** An
 unregistered tag is an unknown element in the HTML that upgrades when the
 definition lands, so nothing about a server component needs to change.
-## There is no declarative shadow DOM
+## Server components get no declarative shadow DOM
 A server component's output is replayed from the flight payload through DOM APIs
 rather than parsed as HTML, and declarative shadow DOM cannot activate for
@@ -3322,8 +3322,61 @@ Before those two guards, neither component could be server-rendered at all. Both
 looked correct in every browser, because the client always has a root and always
 has a tree.
-**Anything that inspects the tree runs in \`firstUpdated\` or later**, and is
-therefore a client-side enhancement by definition.
+**Anything that inspects the tree reads it through \`this.knownChildren\`**, in
+\`willUpdate\` or in a getter the render calls. It is every child on a client and
+none on a server, so the server renders "not known yet" and the client's first
+render already has the answer. Reading after the render instead means two
+renders on every client, which Lit's dev build warns about.
+Not known is not empty. \`this.childrenKnown\` is false on a server, and a list
+there doesn't render its "Nothing to show" over items it can't see.
+## Declarative shadow DOM
+If you render with Lit SSR, its declarative shadow DOM hydrates. Load Lit's
+hydration support before the components:
+\`\`\`ts
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import '@fusion.dev/helix'
+\`\`\`
+Hydration assumes the markup already shows the client's first render. A value
+that differs is never written, so the page keeps the server's, and a template
+that differs throws. So while hydrating, a component renders exactly what the
+server did, and anything it could only learn in a browser waits for the update
+after:
+- \`this.hydrating\` is true for the render that hydrates.
+- \`this.knownChildren\` is empty during it, as on the server.
+- \`this.finishHydration()\`, called from \`firstUpdated\`, asks for the update that
+  reads what was skipped.
+Two things the platform does before any script can listen, and how components
+answer them:
+- **A declarative shadow root reports its slots as it is parsed.** A component
+  never learns what's slotted from \`slotchange\` alone. It reads its children
+  first and uses \`slotchange\` for later changes.
+- **The parser fetches images.** A \`load\` or \`error\` can fire before hydration,
+  so a component asks the image what happened (\`this.serverRendered\`) and relays
+  the event a task later.
+A component that assigns its slots by hand gets a root that can only assign by
+name, because HTML can't declare manual assignment. On such a root
+(\`this.assignsByName\`) it writes \`slot\` onto its children with \`this.route()\`,
+and only there.
+A page's own scripts should run after the definitions load. That's the order
+hydration expects: a property set before hydration is one the server never
+rendered with.
+\`bun run check:spec:dsd\` renders every example with Lit SSR, hydrates it in
+Chromium, and compares it with the same example rendered on a client.
+React server components don't use any of this. Their output is replayed through
+DOM APIs, and DSD doesn't activate for nodes a script inserts. See
+[React](./react).
 ## Never initialize state in \`connectedCallback\`
@@ -4829,12 +4882,12 @@ import '@fusion.dev/helix' // ❌ the barrel
 One family per module, so you are not shipping the library to use a button.
-## There is no declarative shadow DOM
+## Declarative shadow DOM is opt-in
-Components render on the server through Lit SSR in our own tests, but the app
-ships no DSD, and the shadow styles arrive with the definition rather than in
-the markup. You do not need to configure anything for this; it is here so the
-absence is not mistaken for something missing.
+The site ships no DSD, and the shadow styles arrive with the definition rather
+than in the markup. You don't need to configure anything for that. If you render
+with Lit SSR yourself, its declarative shadow DOM hydrates: see
+[Server rendering](./server-rendering).
 The short version of why: DSD cannot activate for script-inserted nodes, a
 server component's output is replayed from the flight payload through DOM APIs