@fusion.dev/helix-docs 0.201.1 → 0.203.0

package/dist/sources.generated.js

@@ -4447,7 +4447,7 @@ on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 254,802 | 82,008 | 70,100 |
+| Lit and \`@fusion.dev/helix-core\` | 254,802 | 82,008 | 70,170 |
 
 ## Whole packages
 
@@ -4458,12 +4458,12 @@ either barrel. The per-component tables show what your page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 254,011 | 81,843 | 69,739 | The element base class, mixins, decorators, and floating positioning. |
-| \`@fusion.dev/helix-headless\` | 1,423,134 | 396,839 | 297,628 | Every headless family. The barrel entry includes all of them. |
+| \`@fusion.dev/helix-core\` | 254,011 | 81,844 | 69,776 | The element base class, mixins, decorators, and floating positioning. |
+| \`@fusion.dev/helix-headless\` | 1,423,302 | 396,875 | 297,863 | 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,137,014 | 550,680 | 392,366 | Every styled family. |
+| \`@fusion.dev/helix\` | 2,139,502 | 551,154 | 392,845 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
 
 ## Stylesheets
@@ -4484,11 +4484,11 @@ shows the whole cost of using the base layer on its own.
 
 ## What the numbers say
 
-**Most of your first component is the shared runtime.** The median styled family is 18,850 bytes gzipped alone, and it adds 4,385 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 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,850 bytes gzipped alone, and it adds 4,386 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 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 113 styled components, the smallest is \`code\` at 8,332 bytes gzipped alone, and the largest is \`data-table\` at 66,817. Every family together is 550,680.
+Across the 113 styled components, the smallest is \`code\` at 8,332 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 551,154.
 
-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 396,839 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 113 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 396,875 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 113 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 17,662 bytes gzipped alone.
 
@@ -4502,43 +4502,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,008 | 12,452 |
+| \`button\` | **Helix** | 41,612 | 14,008 | 12,421 |
 | | Carbon | 133,058 | 20,959 | 17,685 |
 | | Material Web | 47,060 | 14,173 | 12,591 |
 | | Spectrum | 98,792 | 22,045 | 18,674 |
 | | Web Awesome | 136,044 | 33,730 | 28,760 |
-| \`checkbox\` | **Helix** | 46,865 | 15,189 | 13,519 |
+| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,514 |
 | | Carbon | 60,255 | 15,609 | 13,550 |
 | | Material Web | 43,785 | 13,556 | 12,015 |
 | | Spectrum | 62,492 | 15,437 | 13,481 |
 | | Web Awesome | 115,251 | 28,728 | 24,420 |
-| \`dialog\` | **Helix** | 43,407 | 14,899 | 13,275 |
+| \`dialog\` | **Helix** | 43,407 | 14,901 | 13,269 |
 | | Carbon | 510,866 | 67,390 | 39,189 |
 | | Material Web | 34,238 | 11,510 | 10,229 |
 | | Spectrum | 155,708 | 31,899 | 26,262 |
 | | Web Awesome | 148,657 | 36,692 | 31,388 |
-| \`radio\` | **Helix** | 50,349 | 15,975 | 14,202 |
+| \`radio\` | **Helix** | 50,349 | 15,976 | 14,203 |
 | | Carbon | 63,055 | 16,887 | 14,605 |
 | | Material Web | 41,044 | 13,234 | 11,757 |
 | | Spectrum | 38,685 | 10,660 | 9,370 |
 | | Web Awesome | 112,026 | 27,416 | 23,128 |
-| \`switch\` | **Helix** | 43,562 | 14,636 | 13,014 |
+| \`switch\` | **Helix** | 43,562 | 14,636 | 13,019 |
 | | Carbon | 69,423 | 17,127 | 14,764 |
 | | Material Web | 50,155 | 14,577 | 12,935 |
 | | Spectrum | 62,322 | 15,059 | 13,321 |
 | | Web Awesome | 45,876 | 15,003 | 13,475 |
-| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,845 |
+| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,836 |
 | | Carbon | 578,766 | 73,537 | 43,235 |
 | | Material Web | 38,883 | 12,820 | 11,368 |
 | | Spectrum | 64,875 | 18,298 | 16,283 |
 | | Web Awesome | 153,439 | 37,030 | 31,737 |
-| \`tooltip\` | **Helix** | 61,420 | 21,833 | 19,392 |
+| \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,377 |
 | | Carbon | 189,382 | 30,354 | 22,273 |
 | | Material Web | | not shipped | |
 | | Spectrum | 136,599 | 40,552 | 35,286 |
 | | Web Awesome | 70,568 | 24,005 | 21,107 |
 
-At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,315 bytes gzipped. 6 of 27 peer measurements are smaller than the Helix row.
+At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,316 bytes gzipped. 6 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.
 
@@ -4612,112 +4612,112 @@ 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,803 | 10,465 | 5,328 | 1,580 | 1,190 |
-| \`announcement\` | 36,692 | 13,312 | 11,879 | 4,681 | 1,368 | 1,049 |
-| \`app-header\` | 32,289 | 11,898 | 10,587 | 5,870 | 1,747 | 1,319 |
-| \`area-chart\` | 90,301 | 31,726 | 28,089 | 14,057 | 4,342 | 3,378 |
-| \`avatar\` | 30,463 | 11,595 | 10,380 | 3,957 | 1,213 | 890 |
-| \`badge\` | 27,088 | 10,568 | 9,406 | 2,942 | 889 | 618 |
-| \`bar-chart\` | 94,416 | 32,820 | 29,063 | 18,022 | 5,410 | 4,380 |
-| \`blockquote\` | 24,107 | 9,420 | 8,330 | 2,401 | 877 | 739 |
-| \`breadcrumbs\` | 36,279 | 13,907 | 12,384 | 7,357 | 2,410 | 1,969 |
-| \`button\` | 35,194 | 12,591 | 11,199 | 4,922 | 1,424 | 1,018 |
-| \`button-group\` | 27,640 | 10,382 | 9,204 | 4,926 | 1,515 | 1,073 |
-| \`callout\` | 35,256 | 13,593 | 12,063 | 2,884 | 964 | 712 |
-| \`canvas\` | 108,483 | 34,750 | 30,332 | 68,924 | 20,931 | 17,559 |
-| \`card\` | 23,824 | 9,092 | 8,077 | 2,090 | 626 | 355 |
-| \`carousel\` | 43,576 | 15,461 | 13,833 | 15,235 | 4,220 | 3,305 |
-| \`chat\` | 79,390 | 26,446 | 23,373 | 27,455 | 8,021 | 6,403 |
-| \`checkbox\` | 40,374 | 13,680 | 12,197 | 3,107 | 960 | 700 |
-| \`checkbox-group\` | 47,602 | 15,599 | 13,903 | 8,324 | 2,348 | 1,611 |
-| \`code\` | 20,301 | 8,015 | 7,122 | 138 | 66 | 108 |
-| \`code-block\` | 102,738 | 34,889 | 30,813 | 36,843 | 10,711 | 8,679 |
-| \`color-input\` | 141,792 | 45,090 | 39,343 | 55,133 | 14,292 | 11,632 |
-| \`color-picker\` | 103,415 | 32,966 | 28,862 | 47,251 | 12,669 | 10,252 |
-| \`combobox\` | 132,023 | 41,951 | 36,900 | 35,789 | 9,084 | 7,162 |
-| \`command\` | 99,560 | 31,521 | 27,731 | 30,059 | 8,103 | 6,430 |
-| \`copy-button\` | 80,548 | 27,648 | 24,494 | 18,340 | 4,938 | 3,867 |
-| \`data-table\` | 199,900 | 61,426 | 52,604 | 89,488 | 23,798 | 19,053 |
-| \`date-input\` | 141,223 | 44,511 | 39,167 | 38,227 | 9,423 | 7,445 |
-| \`date-picker\` | 61,360 | 20,935 | 18,728 | 20,345 | 5,600 | 4,401 |
-| \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 491 | 296 |
-| \`dialog\` | 38,294 | 13,634 | 12,133 | 5,837 | 1,715 | 1,255 |
-| \`divider\` | 22,991 | 8,923 | 7,884 | 1,415 | 503 | 291 |
-| \`donut-chart\` | 89,212 | 31,128 | 27,504 | 14,639 | 4,495 | 3,518 |
-| \`drawer\` | 42,939 | 15,158 | 13,507 | 7,697 | 2,296 | 1,730 |
-| \`drilldown\` | 42,756 | 14,940 | 13,294 | 9,708 | 2,702 | 2,102 |
-| \`empty\` | 24,241 | 9,287 | 8,240 | 1,951 | 639 | 503 |
-| \`file-input\` | 57,757 | 20,018 | 17,813 | 13,093 | 4,121 | 3,255 |
-| \`filter-input\` | 97,846 | 32,818 | 29,113 | 21,628 | 6,186 | 4,892 |
-| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,431 | 1,265 | 1,031 |
-| \`graph\` | 75,588 | 24,761 | 21,882 | 23,095 | 6,734 | 5,371 |
-| \`heatmap\` | 98,128 | 33,501 | 29,577 | 18,941 | 5,574 | 4,380 |
-| \`icon\` | 82,157 | 28,048 | 24,035 | 58,303 | 19,610 | 16,111 |
-| \`icon-button\` | 35,305 | 12,620 | 11,226 | 5,031 | 1,446 | 1,144 |
-| \`image\` | 25,504 | 9,478 | 8,406 | 3,822 | 1,132 | 941 |
-| \`input\` | 46,361 | 15,974 | 14,082 | 7,351 | 2,387 | 1,651 |
-| \`kbd\` | 27,511 | 10,569 | 9,335 | 3,516 | 1,111 | 849 |
-| \`legend\` | 35,184 | 12,934 | 11,489 | 2,956 | 978 | 812 |
-| \`lightbox\` | 55,724 | 18,815 | 16,718 | 16,728 | 4,631 | 3,564 |
-| \`line-chart\` | 91,335 | 31,879 | 28,250 | 14,760 | 4,398 | 3,556 |
-| \`list\` | 61,803 | 21,293 | 18,988 | 15,241 | 4,414 | 3,359 |
-| \`listbox\` | 76,711 | 25,427 | 22,458 | 15,562 | 4,563 | 3,327 |
-| \`loader\` | 26,379 | 10,040 | 8,907 | 2,774 | 913 | 736 |
-| \`log\` | 70,386 | 24,521 | 21,773 | 28,353 | 8,956 | 7,503 |
-| \`map\` | 79,178 | 24,571 | 21,539 | 37,042 | 10,074 | 8,013 |
-| \`megamenu\` | 60,027 | 21,697 | 19,183 | 8,595 | 2,368 | 1,717 |
-| \`menu\` | 97,473 | 32,552 | 28,721 | 30,180 | 7,919 | 6,267 |
-| \`meter\` | 31,721 | 12,025 | 10,720 | 4,893 | 1,409 | 1,208 |
-| \`motion-toggle\` | 25,678 | 9,986 | 8,880 | 1,426 | 508 | 328 |
-| \`navigation\` | 33,088 | 12,436 | 11,038 | 3,365 | 1,157 | 903 |
-| \`notifications\` | 58,346 | 19,880 | 17,738 | 18,207 | 5,058 | 3,885 |
-| \`number-input\` | 56,271 | 18,841 | 16,818 | 13,522 | 3,583 | 2,725 |
-| \`object-inspector\` | 113,929 | 38,373 | 33,769 | 35,491 | 10,254 | 8,161 |
-| \`option\` | 26,477 | 9,763 | 8,665 | 4,523 | 1,184 | 880 |
-| \`outline\` | 33,612 | 12,597 | 11,180 | 7,856 | 2,558 | 1,964 |
-| \`pagination\` | 136,258 | 43,650 | 37,934 | 45,379 | 11,838 | 9,381 |
-| \`pin-input\` | 47,068 | 16,414 | 14,641 | 6,735 | 2,224 | 1,647 |
-| \`popover\` | 63,853 | 22,981 | 20,299 | 6,373 | 1,853 | 1,398 |
-| \`progress\` | 28,084 | 10,727 | 9,549 | 2,969 | 909 | 691 |
-| \`qr-code\` | 42,719 | 16,647 | 14,833 | 17,001 | 6,288 | 5,287 |
-| \`quote\` | 22,516 | 8,884 | 7,827 | 1,210 | 510 | 404 |
-| \`radio\` | 42,561 | 14,463 | 12,866 | 3,817 | 1,200 | 849 |
-| \`rating\` | 50,257 | 17,292 | 15,434 | 8,027 | 2,433 | 1,821 |
-| \`scatter-chart\` | 91,226 | 31,675 | 28,007 | 16,123 | 4,842 | 3,879 |
-| \`scroll-area\` | 30,430 | 11,079 | 9,812 | 8,499 | 2,573 | 2,005 |
-| \`select\` | 115,289 | 38,174 | 33,474 | 26,031 | 7,119 | 5,393 |
-| \`skeleton\` | 22,328 | 8,643 | 7,667 | 991 | 396 | 276 |
-| \`skip-link\` | 23,871 | 9,337 | 8,263 | 1,224 | 474 | 302 |
-| \`slider\` | 52,873 | 17,826 | 15,912 | 13,158 | 3,777 | 2,956 |
-| \`sparkline\` | 47,984 | 17,498 | 15,600 | 5,979 | 2,127 | 1,571 |
-| \`spatial-bar-chart\` | 101,564 | 35,945 | 31,702 | 19,726 | 6,511 | 5,200 |
-| \`spatial-heatmap\` | 113,473 | 38,794 | 34,127 | 31,592 | 9,582 | 7,733 |
-| \`spatial-ribbon-chart\` | 100,738 | 35,553 | 31,380 | 20,718 | 6,905 | 5,490 |
-| \`spatial-scatter-chart\` | 98,971 | 34,840 | 30,700 | 19,012 | 6,269 | 5,211 |
-| \`spatial-surface-chart\` | 101,895 | 36,124 | 31,874 | 21,876 | 7,441 | 6,011 |
-| \`spatial-treemap\` | 102,958 | 36,743 | 32,340 | 21,244 | 7,365 | 5,892 |
-| \`speed-dial\` | 68,751 | 24,717 | 21,934 | 10,914 | 2,968 | 2,273 |
-| \`splitter\` | 43,751 | 15,170 | 13,545 | 14,396 | 3,840 | 3,152 |
-| \`stat\` | 25,255 | 9,674 | 8,601 | 2,302 | 753 | 503 |
-| \`steps\` | 53,623 | 18,635 | 16,596 | 13,601 | 3,845 | 3,139 |
-| \`switch\` | 39,233 | 13,496 | 12,036 | 1,679 | 600 | 400 |
-| \`table\` | 118,358 | 37,061 | 32,238 | 45,146 | 12,424 | 10,061 |
-| \`tabs\` | 46,310 | 15,908 | 14,173 | 10,491 | 2,875 | 2,208 |
-| \`tag\` | 42,676 | 15,621 | 13,969 | 8,453 | 2,544 | 1,900 |
-| \`textarea\` | 43,852 | 14,940 | 13,324 | 5,401 | 1,602 | 1,236 |
-| \`time-input\` | 169,269 | 52,675 | 45,770 | 48,509 | 12,418 | 9,793 |
-| \`time-picker\` | 99,603 | 31,517 | 27,757 | 33,932 | 9,177 | 7,289 |
-| \`timeline\` | 31,286 | 11,862 | 10,611 | 4,060 | 1,183 | 898 |
-| \`toast\` | 50,871 | 17,939 | 15,990 | 12,122 | 3,516 | 2,710 |
-| \`toggle\` | 45,577 | 15,269 | 13,577 | 6,007 | 1,805 | 1,317 |
-| \`toolbar\` | 31,047 | 11,572 | 10,296 | 5,157 | 1,639 | 1,257 |
-| \`tooltip\` | 58,616 | 21,089 | 18,708 | 8,432 | 2,348 | 1,802 |
-| \`tour\` | 83,717 | 28,762 | 25,406 | 19,811 | 5,426 | 4,251 |
-| \`tree\` | 67,586 | 22,716 | 20,235 | 17,197 | 4,927 | 3,971 |
-| \`trend\` | 29,717 | 11,568 | 10,331 | 3,485 | 1,070 | 859 |
-| \`video\` | 142,270 | 44,462 | 38,727 | 66,678 | 16,800 | 13,922 |
-| \`video-playlist\` | 127,686 | 41,300 | 36,345 | 42,775 | 11,169 | 9,068 |
-| \`virtual-list\` | 63,451 | 21,631 | 19,225 | 23,304 | 7,148 | 5,743 |
+| \`accordion\` | 31,879 | 11,804 | 10,469 | 5,328 | 1,581 | 1,120 |
+| \`announcement\` | 36,692 | 13,312 | 11,865 | 4,681 | 1,369 | 1,011 |
+| \`app-header\` | 32,289 | 11,898 | 10,587 | 5,870 | 1,748 | 1,227 |
+| \`area-chart\` | 90,301 | 31,727 | 28,086 | 14,057 | 4,343 | 3,410 |
+| \`avatar\` | 30,463 | 11,595 | 10,390 | 3,957 | 1,214 | 861 |
+| \`badge\` | 27,088 | 10,568 | 9,411 | 2,942 | 889 | 595 |
+| \`bar-chart\` | 94,416 | 32,821 | 29,068 | 18,022 | 5,411 | 4,303 |
+| \`blockquote\` | 24,107 | 9,421 | 8,327 | 2,401 | 878 | 715 |
+| \`breadcrumbs\` | 36,279 | 13,907 | 12,386 | 7,357 | 2,410 | 1,838 |
+| \`button\` | 35,194 | 12,591 | 11,206 | 4,922 | 1,424 | 1,022 |
+| \`button-group\` | 27,640 | 10,382 | 9,203 | 4,926 | 1,515 | 1,003 |
+| \`callout\` | 35,256 | 13,593 | 12,065 | 2,884 | 964 | 660 |
+| \`canvas\` | 108,483 | 34,750 | 30,444 | 68,924 | 20,931 | 17,511 |
+| \`card\` | 23,824 | 9,092 | 8,084 | 2,090 | 627 | 452 |
+| \`carousel\` | 43,576 | 15,462 | 13,785 | 15,235 | 4,221 | 3,241 |
+| \`chat\` | 79,390 | 26,446 | 23,395 | 27,455 | 8,022 | 6,195 |
+| \`checkbox\` | 40,374 | 13,680 | 12,222 | 3,107 | 961 | 599 |
+| \`checkbox-group\` | 47,602 | 15,599 | 13,903 | 8,324 | 2,349 | 1,554 |
+| \`code\` | 20,301 | 8,015 | 7,122 | 138 | 67 | 4 |
+| \`code-block\` | 102,738 | 34,888 | 30,804 | 36,843 | 10,712 | 8,593 |
+| \`color-input\` | 141,792 | 45,090 | 39,369 | 55,133 | 14,293 | 11,515 |
+| \`color-picker\` | 103,415 | 32,966 | 28,902 | 47,251 | 12,670 | 10,093 |
+| \`combobox\` | 132,023 | 41,951 | 36,897 | 35,789 | 9,084 | 7,083 |
+| \`command\` | 99,560 | 31,521 | 27,759 | 30,059 | 8,103 | 6,310 |
+| \`copy-button\` | 80,548 | 27,648 | 24,494 | 18,340 | 4,939 | 3,755 |
+| \`data-table\` | 199,900 | 61,426 | 52,576 | 89,488 | 23,798 | 19,003 |
+| \`date-input\` | 141,223 | 44,511 | 39,084 | 38,227 | 9,424 | 7,458 |
+| \`date-picker\` | 61,360 | 20,935 | 18,749 | 20,345 | 5,600 | 4,242 |
+| \`description-list\` | 22,900 | 8,765 | 7,768 | 1,565 | 491 | 282 |
+| \`dialog\` | 38,294 | 13,635 | 12,176 | 5,837 | 1,716 | 1,200 |
+| \`divider\` | 22,991 | 8,923 | 7,890 | 1,415 | 503 | 260 |
+| \`donut-chart\` | 89,212 | 31,129 | 27,497 | 14,639 | 4,496 | 3,498 |
+| \`drawer\` | 42,939 | 15,158 | 13,507 | 7,697 | 2,297 | 1,709 |
+| \`drilldown\` | 42,756 | 14,941 | 13,294 | 9,708 | 2,703 | 1,966 |
+| \`empty\` | 24,241 | 9,287 | 8,241 | 1,951 | 639 | 399 |
+| \`file-input\` | 57,757 | 20,018 | 17,802 | 13,093 | 4,122 | 3,220 |
+| \`filter-input\` | 97,846 | 32,818 | 29,094 | 21,628 | 6,187 | 4,858 |
+| \`format-date\` | 30,158 | 11,290 | 10,084 | 4,431 | 1,266 | 896 |
+| \`graph\` | 75,588 | 24,761 | 21,917 | 23,095 | 6,735 | 5,267 |
+| \`heatmap\` | 98,128 | 33,500 | 29,632 | 18,941 | 5,574 | 4,363 |
+| \`icon\` | 82,157 | 28,049 | 24,059 | 58,303 | 19,611 | 15,986 |
+| \`icon-button\` | 35,305 | 12,620 | 11,227 | 5,031 | 1,448 | 1,109 |
+| \`image\` | 25,504 | 9,479 | 8,406 | 3,822 | 1,133 | 800 |
+| \`input\` | 46,361 | 15,975 | 14,079 | 7,351 | 2,388 | 1,592 |
+| \`kbd\` | 27,511 | 10,569 | 9,334 | 3,516 | 1,112 | 710 |
+| \`legend\` | 35,184 | 12,934 | 11,491 | 2,956 | 979 | 677 |
+| \`lightbox\` | 55,724 | 18,816 | 16,730 | 16,728 | 4,632 | 3,384 |
+| \`line-chart\` | 91,335 | 31,880 | 28,243 | 14,760 | 4,399 | 3,452 |
+| \`list\` | 61,803 | 21,293 | 18,953 | 15,241 | 4,415 | 3,292 |
+| \`listbox\` | 76,711 | 25,427 | 22,460 | 15,562 | 4,564 | 3,331 |
+| \`loader\` | 26,379 | 10,040 | 8,908 | 2,774 | 914 | 630 |
+| \`log\` | 70,386 | 24,521 | 21,751 | 28,353 | 8,957 | 7,442 |
+| \`map\` | 79,178 | 24,571 | 21,536 | 37,042 | 10,074 | 7,853 |
+| \`megamenu\` | 60,089 | 21,721 | 19,212 | 8,657 | 2,397 | 1,697 |
+| \`menu\` | 97,473 | 32,552 | 28,771 | 30,180 | 7,920 | 6,251 |
+| \`meter\` | 31,721 | 12,025 | 10,727 | 4,893 | 1,410 | 1,230 |
+| \`motion-toggle\` | 25,678 | 9,986 | 8,876 | 1,426 | 509 | 207 |
+| \`navigation\` | 33,088 | 12,436 | 11,039 | 3,365 | 1,157 | 712 |
+| \`notifications\` | 58,346 | 19,880 | 17,741 | 18,207 | 5,058 | 3,804 |
+| \`number-input\` | 56,271 | 18,841 | 16,804 | 13,522 | 3,584 | 2,682 |
+| \`object-inspector\` | 113,929 | 38,373 | 33,745 | 35,491 | 10,255 | 8,113 |
+| \`option\` | 26,477 | 9,763 | 8,666 | 4,523 | 1,184 | 838 |
+| \`outline\` | 33,612 | 12,597 | 11,183 | 7,856 | 2,559 | 1,830 |
+| \`pagination\` | 136,258 | 43,650 | 37,950 | 45,379 | 11,839 | 9,352 |
+| \`pin-input\` | 47,068 | 16,414 | 14,642 | 6,735 | 2,225 | 1,481 |
+| \`popover\` | 63,853 | 22,981 | 20,334 | 6,373 | 1,854 | 1,368 |
+| \`progress\` | 28,084 | 10,727 | 9,549 | 2,969 | 910 | 712 |
+| \`qr-code\` | 42,719 | 16,647 | 14,833 | 17,001 | 6,289 | 5,206 |
+| \`quote\` | 22,516 | 8,883 | 7,828 | 1,210 | 510 | 245 |
+| \`radio\` | 42,561 | 14,464 | 12,889 | 3,817 | 1,200 | 741 |
+| \`rating\` | 50,257 | 17,292 | 15,435 | 8,027 | 2,434 | 1,651 |
+| \`scatter-chart\` | 91,226 | 31,675 | 27,992 | 16,123 | 4,843 | 3,724 |
+| \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,573 | 1,876 |
+| \`select\` | 115,289 | 38,174 | 33,483 | 26,031 | 7,119 | 5,422 |
+| \`skeleton\` | 22,328 | 8,643 | 7,683 | 991 | 397 | 236 |
+| \`skip-link\` | 23,871 | 9,337 | 8,264 | 1,224 | 475 | 324 |
+| \`slider\` | 52,873 | 17,825 | 15,953 | 13,158 | 3,777 | 2,871 |
+| \`sparkline\` | 47,984 | 17,499 | 15,650 | 5,979 | 2,127 | 1,506 |
+| \`spatial-bar-chart\` | 101,617 | 35,955 | 31,688 | 19,779 | 6,524 | 5,169 |
+| \`spatial-heatmap\` | 113,473 | 38,795 | 34,077 | 31,592 | 9,582 | 7,556 |
+| \`spatial-ribbon-chart\` | 100,738 | 35,554 | 31,358 | 20,718 | 6,906 | 5,553 |
+| \`spatial-scatter-chart\` | 98,971 | 34,841 | 30,771 | 19,012 | 6,269 | 4,896 |
+| \`spatial-surface-chart\` | 101,895 | 36,126 | 31,862 | 21,876 | 7,441 | 5,992 |
+| \`spatial-treemap\` | 103,011 | 36,754 | 32,342 | 21,297 | 7,375 | 5,818 |
+| \`speed-dial\` | 68,751 | 24,717 | 21,860 | 10,914 | 2,969 | 2,213 |
+| \`splitter\` | 43,751 | 15,170 | 13,534 | 14,396 | 3,841 | 2,981 |
+| \`stat\` | 25,255 | 9,674 | 8,602 | 2,302 | 754 | 403 |
+| \`steps\` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 | 2,867 |
+| \`switch\` | 39,233 | 13,496 | 12,052 | 1,679 | 600 | 304 |
+| \`table\` | 118,358 | 37,061 | 32,283 | 45,146 | 12,425 | 9,812 |
+| \`tabs\` | 46,310 | 15,908 | 14,142 | 10,491 | 2,876 | 2,086 |
+| \`tag\` | 42,676 | 15,621 | 13,971 | 8,453 | 2,545 | 1,882 |
+| \`textarea\` | 43,852 | 14,940 | 13,329 | 5,401 | 1,603 | 1,163 |
+| \`time-input\` | 169,269 | 52,676 | 45,759 | 48,509 | 12,418 | 9,743 |
+| \`time-picker\` | 99,603 | 31,517 | 27,749 | 33,932 | 9,177 | 7,163 |
+| \`timeline\` | 31,286 | 11,863 | 10,632 | 4,060 | 1,184 | 876 |
+| \`toast\` | 50,871 | 17,940 | 15,980 | 12,122 | 3,516 | 2,615 |
+| \`toggle\` | 45,577 | 15,269 | 13,600 | 6,007 | 1,805 | 1,263 |
+| \`toolbar\` | 31,047 | 11,572 | 10,293 | 5,157 | 1,639 | 1,096 |
+| \`tooltip\` | 58,616 | 21,089 | 18,713 | 8,432 | 2,348 | 1,708 |
+| \`tour\` | 83,717 | 28,762 | 25,381 | 19,811 | 5,427 | 4,241 |
+| \`tree\` | 67,586 | 22,717 | 20,252 | 17,197 | 4,928 | 3,775 |
+| \`trend\` | 29,717 | 11,568 | 10,331 | 3,485 | 1,071 | 761 |
+| \`video\` | 142,270 | 44,463 | 38,791 | 66,678 | 16,801 | 13,852 |
+| \`video-playlist\` | 127,686 | 41,301 | 36,395 | 42,775 | 11,169 | 9,144 |
+| \`virtual-list\` | 63,451 | 21,631 | 19,228 | 23,304 | 7,149 | 5,808 |
 
 ### Styled tier
 
@@ -4725,119 +4725,119 @@ 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,652 | 11,233 | 8,743 | 2,443 | 1,893 |
-| \`announcement\` | 41,307 | 14,364 | 12,795 | 9,277 | 2,477 | 1,935 |
-| \`app-header\` | 37,449 | 13,102 | 11,648 | 11,015 | 2,964 | 2,353 |
-| \`area-chart\` | 98,393 | 33,575 | 29,662 | 22,128 | 6,245 | 4,978 |
-| \`aura\` | 56,731 | 19,524 | 17,310 | 29,771 | 9,255 | 7,798 |
-| \`avatar\` | 33,464 | 12,351 | 11,023 | 6,945 | 1,964 | 1,578 |
-| \`badge\` | 32,595 | 11,820 | 10,524 | 8,436 | 2,149 | 1,731 |
-| \`bar-chart\` | 108,944 | 35,725 | 31,635 | 32,531 | 8,342 | 6,870 |
-| \`blockquote\` | 26,332 | 9,967 | 8,808 | 4,611 | 1,416 | 1,263 |
-| \`breadcrumbs\` | 43,220 | 15,114 | 13,507 | 14,282 | 3,647 | 2,945 |
-| \`button\` | 41,612 | 14,008 | 12,452 | 11,321 | 2,870 | 2,201 |
-| \`button-group\` | 31,138 | 11,066 | 9,809 | 8,407 | 2,205 | 1,671 |
-| \`callout\` | 39,049 | 14,536 | 12,928 | 6,659 | 1,915 | 1,478 |
-| \`canvas\` | 129,523 | 38,715 | 33,829 | 89,608 | 24,825 | 20,794 |
-| \`card\` | 27,725 | 10,099 | 8,962 | 5,976 | 1,632 | 1,280 |
-| \`carousel\` | 54,063 | 17,260 | 15,452 | 25,704 | 6,036 | 4,877 |
-| \`chat\` | 94,674 | 29,166 | 25,802 | 42,730 | 10,802 | 8,803 |
-| \`checkbox\` | 46,865 | 15,189 | 13,519 | 9,580 | 2,483 | 2,006 |
-| \`checkbox-group\` | 54,826 | 17,243 | 15,357 | 15,537 | 3,997 | 2,994 |
-| \`code\` | 21,154 | 8,332 | 7,404 | 976 | 381 | 307 |
-| \`code-block\` | 127,213 | 38,714 | 34,184 | 61,298 | 14,674 | 12,088 |
-| \`color-input\` | 184,176 | 51,348 | 44,968 | 97,504 | 20,448 | 16,998 |
-| \`color-picker\` | 140,348 | 38,508 | 33,762 | 84,175 | 18,133 | 15,080 |
-| \`combobox\` | 147,503 | 44,927 | 39,608 | 51,252 | 12,065 | 9,642 |
-| \`command\` | 110,838 | 33,878 | 29,825 | 41,331 | 10,480 | 8,572 |
-| \`copy-button\` | 92,577 | 29,825 | 26,376 | 30,351 | 7,146 | 5,746 |
-| \`data-table\` | 230,715 | 66,817 | 57,267 | 120,287 | 29,324 | 23,766 |
-| \`date-input\` | 162,349 | 48,215 | 42,400 | 59,338 | 13,170 | 10,763 |
-| \`date-picker\` | 69,281 | 22,362 | 20,011 | 28,248 | 7,038 | 5,670 |
-| \`description-list\` | 25,855 | 9,517 | 8,458 | 4,508 | 1,253 | 998 |
-| \`dialog\` | 43,407 | 14,899 | 13,275 | 10,933 | 3,020 | 2,369 |
-| \`divider\` | 25,291 | 9,545 | 8,433 | 3,698 | 1,124 | 888 |
-| \`donut-chart\` | 99,170 | 33,262 | 29,461 | 24,574 | 6,693 | 5,399 |
-| \`drawer\` | 48,772 | 16,542 | 14,788 | 13,511 | 3,736 | 2,955 |
-| \`drilldown\` | 48,438 | 16,238 | 14,453 | 15,376 | 4,007 | 3,287 |
-| \`empty\` | 25,550 | 9,761 | 8,642 | 3,242 | 1,092 | 901 |
-| \`file-input\` | 69,285 | 22,419 | 19,916 | 24,610 | 6,500 | 5,343 |
-| \`filter-input\` | 108,688 | 34,990 | 31,038 | 32,463 | 8,378 | 6,797 |
-| \`flex\` | 25,740 | 9,193 | 8,136 | 4,762 | 1,032 | 860 |
-| \`format-date\` | 30,414 | 11,403 | 10,200 | 4,669 | 1,383 | 1,087 |
-| \`graph\` | 91,503 | 27,441 | 24,229 | 38,992 | 9,539 | 7,803 |
-| \`grid\` | 27,002 | 9,845 | 8,739 | 5,637 | 1,435 | 1,122 |
-| \`heatmap\` | 106,453 | 35,370 | 31,210 | 27,245 | 7,425 | 5,884 |
-| \`icon\` | 83,995 | 28,565 | 24,452 | 60,128 | 20,162 | 16,476 |
-| \`icon-button\` | 43,040 | 13,980 | 12,440 | 12,750 | 2,858 | 2,241 |
-| \`image\` | 26,892 | 9,946 | 8,814 | 5,192 | 1,598 | 1,243 |
-| \`input\` | 50,619 | 17,064 | 15,038 | 11,592 | 3,501 | 2,672 |
-| \`kbd\` | 29,504 | 11,109 | 9,847 | 5,494 | 1,668 | 1,313 |
-| \`legend\` | 40,423 | 14,212 | 12,614 | 8,066 | 2,255 | 1,832 |
-| \`lightbox\` | 62,016 | 20,154 | 17,933 | 23,004 | 5,960 | 4,575 |
-| \`line-chart\` | 102,454 | 34,256 | 30,352 | 25,861 | 6,814 | 5,624 |
-| \`list\` | 68,150 | 22,813 | 20,362 | 21,568 | 5,926 | 4,669 |
-| \`listbox\` | 81,154 | 26,541 | 23,432 | 19,991 | 5,668 | 4,304 |
-| \`loader\` | 29,263 | 10,815 | 9,654 | 5,641 | 1,684 | 1,369 |
-| \`log\` | 80,816 | 26,666 | 23,624 | 38,769 | 11,124 | 9,354 |
-| \`map\` | 112,126 | 29,780 | 26,123 | 69,978 | 15,409 | 12,708 |
-| \`megamenu\` | 64,996 | 22,864 | 20,304 | 13,545 | 3,529 | 2,647 |
-| \`menu\` | 108,403 | 34,710 | 30,616 | 41,092 | 10,113 | 8,256 |
-| \`meter\` | 37,896 | 13,376 | 11,955 | 11,049 | 2,795 | 2,379 |
-| \`motion-toggle\` | 27,312 | 10,459 | 9,277 | 3,044 | 972 | 759 |
-| \`navigation\` | 36,814 | 13,267 | 11,771 | 7,076 | 2,006 | 1,540 |
-| \`notifications\` | 71,839 | 22,456 | 20,071 | 31,690 | 7,637 | 6,309 |
-| \`number-input\` | 61,253 | 20,025 | 17,843 | 18,489 | 4,793 | 3,629 |
-| \`object-inspector\` | 130,338 | 41,204 | 36,250 | 51,885 | 13,165 | 10,675 |
-| \`option\` | 29,672 | 10,761 | 9,549 | 7,711 | 2,181 | 1,752 |
-| \`orb\` | 36,209 | 13,750 | 12,258 | 10,015 | 3,713 | 3,132 |
-| \`outline\` | 37,846 | 13,457 | 11,943 | 12,073 | 3,433 | 2,766 |
-| \`pagination\` | 153,264 | 46,929 | 40,864 | 62,367 | 15,172 | 12,315 |
-| \`pin-input\` | 50,409 | 17,315 | 15,440 | 10,057 | 3,146 | 2,424 |
-| \`popover\` | 67,005 | 23,748 | 21,007 | 9,507 | 2,642 | 2,013 |
-| \`progress\` | 35,232 | 12,380 | 11,024 | 10,100 | 2,587 | 2,246 |
-| \`qr-code\` | 44,321 | 17,120 | 15,275 | 18,585 | 6,757 | 5,684 |
-| \`quote\` | 23,074 | 9,077 | 8,033 | 1,751 | 685 | 551 |
-| \`radio\` | 50,349 | 15,975 | 14,202 | 11,592 | 2,738 | 2,210 |
-| \`rating\` | 54,190 | 18,518 | 16,486 | 11,944 | 3,635 | 2,818 |
-| \`sandbox\` | 106,479 | 32,358 | 28,346 | 74,198 | 20,105 | 16,917 |
-| \`scatter-chart\` | 100,317 | 33,784 | 29,806 | 25,193 | 6,964 | 5,538 |
-| \`scroll-area\` | 35,437 | 12,026 | 10,679 | 13,489 | 3,564 | 2,818 |
-| \`select\` | 124,418 | 40,070 | 35,217 | 35,145 | 9,048 | 7,087 |
-| \`skeleton\` | 26,090 | 9,663 | 8,583 | 4,738 | 1,387 | 1,092 |
-| \`skip-link\` | 25,441 | 9,850 | 8,690 | 2,779 | 953 | 782 |
-| \`slider\` | 67,842 | 20,139 | 18,052 | 28,107 | 6,147 | 4,918 |
-| \`sparkline\` | 53,442 | 18,850 | 16,867 | 11,419 | 3,468 | 2,803 |
-| \`spatial-bar-chart\` | 110,308 | 37,930 | 33,463 | 28,452 | 8,505 | 6,935 |
-| \`spatial-heatmap\` | 123,212 | 40,986 | 36,027 | 41,313 | 11,815 | 9,647 |
-| \`spatial-ribbon-chart\` | 109,556 | 37,550 | 33,122 | 29,518 | 8,942 | 7,313 |
-| \`spatial-scatter-chart\` | 107,852 | 36,784 | 32,465 | 27,865 | 8,210 | 6,767 |
-| \`spatial-surface-chart\` | 110,231 | 38,000 | 33,522 | 30,194 | 9,343 | 7,700 |
-| \`spatial-treemap\` | 111,658 | 38,741 | 34,049 | 29,924 | 9,353 | 7,591 |
-| \`speed-dial\` | 75,797 | 26,104 | 23,180 | 17,945 | 4,385 | 3,444 |
-| \`splitter\` | 49,804 | 16,207 | 14,472 | 20,430 | 4,897 | 3,898 |
-| \`stat\` | 28,117 | 10,371 | 9,279 | 5,156 | 1,446 | 1,243 |
-| \`steps\` | 67,449 | 21,377 | 19,064 | 27,416 | 6,615 | 5,346 |
-| \`strands\` | 62,788 | 23,354 | 20,586 | 38,012 | 13,682 | 11,929 |
-| \`switch\` | 43,562 | 14,636 | 13,014 | 5,998 | 1,756 | 1,441 |
-| \`table\` | 135,900 | 40,155 | 34,971 | 62,691 | 15,518 | 12,665 |
-| \`tabs\` | 55,263 | 17,752 | 15,845 | 19,435 | 4,713 | 3,781 |
-| \`tag\` | 47,247 | 16,757 | 14,988 | 13,012 | 3,667 | 2,852 |
-| \`text\` | 28,756 | 9,942 | 8,752 | 7,394 | 1,497 | 1,092 |
-| \`textarea\` | 47,785 | 15,948 | 14,225 | 9,317 | 2,646 | 2,023 |
-| \`time-input\` | 193,597 | 56,836 | 49,520 | 72,822 | 16,542 | 13,618 |
-| \`time-picker\` | 111,928 | 33,945 | 29,913 | 46,251 | 11,610 | 9,387 |
-| \`timeline\` | 38,179 | 13,325 | 11,920 | 10,945 | 2,702 | 2,094 |
-| \`toast\` | 58,767 | 19,783 | 17,684 | 20,004 | 5,404 | 4,260 |
-| \`toggle\` | 50,439 | 16,509 | 14,668 | 10,854 | 3,074 | 2,455 |
-| \`toolbar\` | 33,726 | 12,065 | 10,717 | 7,821 | 2,144 | 1,605 |
-| \`tooltip\` | 61,420 | 21,833 | 19,392 | 11,218 | 3,096 | 2,379 |
-| \`tour\` | 93,708 | 30,740 | 27,195 | 29,780 | 7,465 | 5,994 |
-| \`tree\` | 76,275 | 24,651 | 21,982 | 25,873 | 6,877 | 5,579 |
-| \`trend\` | 31,231 | 12,049 | 10,746 | 4,980 | 1,532 | 1,290 |
-| \`video\` | 162,777 | 48,191 | 42,080 | 87,167 | 20,547 | 17,101 |
-| \`video-playlist\` | 143,639 | 44,278 | 38,942 | 58,705 | 14,168 | 11,764 |
-| \`virtual-list\` | 65,445 | 22,138 | 19,638 | 25,281 | 7,638 | 6,212 |
+| \`accordion\` | 35,311 | 12,653 | 11,234 | 8,743 | 2,444 | 1,896 |
+| \`announcement\` | 41,307 | 14,364 | 12,795 | 9,277 | 2,478 | 1,854 |
+| \`app-header\` | 37,449 | 13,102 | 11,649 | 11,015 | 2,965 | 2,292 |
+| \`area-chart\` | 98,393 | 33,576 | 29,657 | 22,128 | 6,245 | 4,956 |
+| \`aura\` | 58,599 | 19,870 | 17,594 | 31,639 | 9,617 | 8,022 |
+| \`avatar\` | 33,464 | 12,351 | 11,067 | 6,945 | 1,965 | 1,521 |
+| \`badge\` | 32,595 | 11,820 | 10,543 | 8,436 | 2,150 | 1,735 |
+| \`bar-chart\` | 108,944 | 35,725 | 31,562 | 32,531 | 8,343 | 6,736 |
+| \`blockquote\` | 26,332 | 9,968 | 8,809 | 4,611 | 1,417 | 997 |
+| \`breadcrumbs\` | 43,220 | 15,115 | 13,503 | 14,282 | 3,648 | 2,835 |
+| \`button\` | 41,612 | 14,008 | 12,421 | 11,321 | 2,870 | 2,171 |
+| \`button-group\` | 31,138 | 11,066 | 9,811 | 8,407 | 2,206 | 1,675 |
+| \`callout\` | 39,049 | 14,536 | 12,915 | 6,659 | 1,916 | 1,475 |
+| \`canvas\` | 129,523 | 38,715 | 33,914 | 89,608 | 24,826 | 20,856 |
+| \`card\` | 27,725 | 10,099 | 8,970 | 5,976 | 1,633 | 1,265 |
+| \`carousel\` | 54,063 | 17,260 | 15,431 | 25,704 | 6,036 | 4,744 |
+| \`chat\` | 94,674 | 29,166 | 25,828 | 42,730 | 10,803 | 8,866 |
+| \`checkbox\` | 46,865 | 15,190 | 13,514 | 9,580 | 2,484 | 1,885 |
+| \`checkbox-group\` | 54,826 | 17,244 | 15,391 | 15,537 | 3,997 | 2,949 |
+| \`code\` | 21,154 | 8,332 | 7,395 | 976 | 381 | 242 |
+| \`code-block\` | 127,213 | 38,714 | 34,178 | 61,298 | 14,674 | 11,983 |
+| \`color-input\` | 184,176 | 51,349 | 44,970 | 97,504 | 20,448 | 16,896 |
+| \`color-picker\` | 140,348 | 38,509 | 33,780 | 84,175 | 18,133 | 15,030 |
+| \`combobox\` | 147,503 | 44,927 | 39,574 | 51,252 | 12,065 | 9,634 |
+| \`command\` | 110,838 | 33,878 | 29,855 | 41,331 | 10,481 | 8,396 |
+| \`copy-button\` | 92,577 | 29,825 | 26,393 | 30,351 | 7,146 | 5,692 |
+| \`data-table\` | 230,715 | 66,818 | 57,232 | 120,287 | 29,325 | 23,595 |
+| \`date-input\` | 162,349 | 48,215 | 42,445 | 59,338 | 13,171 | 10,699 |
+| \`date-picker\` | 69,281 | 22,362 | 20,075 | 28,248 | 7,039 | 5,600 |
+| \`description-list\` | 25,855 | 9,517 | 8,455 | 4,508 | 1,254 | 916 |
+| \`dialog\` | 43,407 | 14,901 | 13,269 | 10,933 | 3,021 | 2,383 |
+| \`divider\` | 25,291 | 9,545 | 8,435 | 3,698 | 1,125 | 780 |
+| \`donut-chart\` | 99,170 | 33,262 | 29,441 | 24,574 | 6,694 | 5,404 |
+| \`drawer\` | 48,772 | 16,542 | 14,775 | 13,511 | 3,736 | 2,978 |
+| \`drilldown\` | 48,438 | 16,238 | 14,445 | 15,376 | 4,007 | 3,120 |
+| \`empty\` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 | 798 |
+| \`file-input\` | 69,285 | 22,419 | 19,918 | 24,610 | 6,500 | 5,209 |
+| \`filter-input\` | 108,688 | 34,990 | 31,033 | 32,463 | 8,378 | 6,731 |
+| \`flex\` | 25,740 | 9,193 | 8,149 | 4,762 | 1,033 | 759 |
+| \`format-date\` | 30,414 | 11,403 | 10,154 | 4,669 | 1,384 | 979 |
+| \`graph\` | 91,503 | 27,441 | 24,205 | 38,992 | 9,539 | 7,620 |
+| \`grid\` | 27,002 | 9,845 | 8,746 | 5,637 | 1,436 | 1,110 |
+| \`heatmap\` | 106,453 | 35,371 | 31,169 | 27,245 | 7,426 | 5,902 |
+| \`icon\` | 83,995 | 28,567 | 24,463 | 60,128 | 20,163 | 16,471 |
+| \`icon-button\` | 43,040 | 13,980 | 12,440 | 12,750 | 2,859 | 2,196 |
+| \`image\` | 26,892 | 9,946 | 8,816 | 5,192 | 1,599 | 1,093 |
+| \`input\` | 50,619 | 17,064 | 15,047 | 11,592 | 3,502 | 2,580 |
+| \`kbd\` | 29,504 | 11,108 | 9,828 | 5,494 | 1,668 | 1,134 |
+| \`legend\` | 40,423 | 14,213 | 12,594 | 8,066 | 2,255 | 1,655 |
+| \`lightbox\` | 62,016 | 20,155 | 17,914 | 23,004 | 5,961 | 4,458 |
+| \`line-chart\` | 102,454 | 34,256 | 30,342 | 25,861 | 6,815 | 5,461 |
+| \`list\` | 68,150 | 22,813 | 20,357 | 21,568 | 5,926 | 4,572 |
+| \`listbox\` | 81,154 | 26,541 | 23,476 | 19,991 | 5,668 | 4,268 |
+| \`loader\` | 29,263 | 10,815 | 9,652 | 5,641 | 1,684 | 1,267 |
+| \`log\` | 80,816 | 26,666 | 23,622 | 38,769 | 11,124 | 9,288 |
+| \`map\` | 112,126 | 29,780 | 26,169 | 69,978 | 15,410 | 12,552 |
+| \`megamenu\` | 65,058 | 22,889 | 20,248 | 13,607 | 3,558 | 2,687 |
+| \`menu\` | 108,403 | 34,710 | 30,648 | 41,092 | 10,114 | 8,133 |
+| \`meter\` | 37,896 | 13,376 | 11,940 | 11,049 | 2,796 | 2,320 |
+| \`motion-toggle\` | 27,312 | 10,459 | 9,304 | 3,044 | 972 | 738 |
+| \`navigation\` | 36,814 | 13,267 | 11,794 | 7,076 | 2,007 | 1,456 |
+| \`notifications\` | 71,839 | 22,457 | 20,075 | 31,690 | 7,638 | 6,173 |
+| \`number-input\` | 61,253 | 20,025 | 17,834 | 18,489 | 4,794 | 3,640 |
+| \`object-inspector\` | 130,338 | 41,205 | 36,248 | 51,885 | 13,166 | 10,690 |
+| \`option\` | 29,672 | 10,761 | 9,548 | 7,711 | 2,182 | 1,676 |
+| \`orb\` | 36,209 | 13,750 | 12,299 | 10,015 | 3,713 | 2,982 |
+| \`outline\` | 37,846 | 13,457 | 11,937 | 12,073 | 3,434 | 2,645 |
+| \`pagination\` | 153,264 | 46,929 | 40,869 | 62,367 | 15,172 | 12,224 |
+| \`pin-input\` | 50,409 | 17,316 | 15,472 | 10,057 | 3,147 | 2,471 |
+| \`popover\` | 67,005 | 23,748 | 21,007 | 9,507 | 2,643 | 1,898 |
+| \`progress\` | 35,232 | 12,380 | 11,065 | 10,100 | 2,587 | 2,154 |
+| \`qr-code\` | 44,321 | 17,121 | 15,243 | 18,585 | 6,758 | 5,632 |
+| \`quote\` | 23,074 | 9,078 | 7,996 | 1,751 | 686 | 560 |
+| \`radio\` | 50,349 | 15,976 | 14,203 | 11,592 | 2,738 | 2,032 |
+| \`rating\` | 54,190 | 18,518 | 16,518 | 11,944 | 3,636 | 2,838 |
+| \`sandbox\` | 106,479 | 32,358 | 28,351 | 74,198 | 20,105 | 16,811 |
+| \`scatter-chart\` | 100,317 | 33,784 | 29,820 | 25,193 | 6,964 | 5,548 |
+| \`scroll-area\` | 35,437 | 12,026 | 10,680 | 13,489 | 3,565 | 2,740 |
+| \`select\` | 124,418 | 40,072 | 35,111 | 35,145 | 9,048 | 7,059 |
+| \`skeleton\` | 26,090 | 9,663 | 8,592 | 4,738 | 1,387 | 1,010 |
+| \`skip-link\` | 25,441 | 9,851 | 8,717 | 2,779 | 954 | 664 |
+| \`slider\` | 67,842 | 20,138 | 17,974 | 28,107 | 6,148 | 4,860 |
+| \`sparkline\` | 53,442 | 18,850 | 16,823 | 11,419 | 3,468 | 2,776 |
+| \`spatial-bar-chart\` | 110,587 | 37,973 | 33,508 | 28,731 | 8,549 | 6,859 |
+| \`spatial-heatmap\` | 123,212 | 40,986 | 36,049 | 41,313 | 11,815 | 9,526 |
+| \`spatial-ribbon-chart\` | 109,556 | 37,551 | 33,184 | 29,518 | 8,942 | 7,272 |
+| \`spatial-scatter-chart\` | 107,852 | 36,785 | 32,467 | 27,865 | 8,210 | 6,541 |
+| \`spatial-surface-chart\` | 110,231 | 38,001 | 33,501 | 30,194 | 9,343 | 7,657 |
+| \`spatial-treemap\` | 111,937 | 38,783 | 34,108 | 30,203 | 9,395 | 7,622 |
+| \`speed-dial\` | 75,797 | 26,105 | 23,192 | 17,945 | 4,386 | 3,309 |
+| \`splitter\` | 49,804 | 16,207 | 14,503 | 20,430 | 4,898 | 3,860 |
+| \`stat\` | 28,117 | 10,371 | 9,278 | 5,156 | 1,447 | 1,109 |
+| \`steps\` | 67,449 | 21,377 | 19,021 | 27,416 | 6,615 | 5,356 |
+| \`strands\` | 62,788 | 23,354 | 20,544 | 38,012 | 13,682 | 11,863 |
+| \`switch\` | 43,562 | 14,636 | 13,019 | 5,998 | 1,757 | 1,227 |
+| \`table\` | 135,900 | 40,155 | 34,973 | 62,691 | 15,518 | 12,656 |
+| \`tabs\` | 55,263 | 17,752 | 15,836 | 19,435 | 4,713 | 3,670 |
+| \`tag\` | 47,247 | 16,757 | 14,968 | 13,012 | 3,667 | 2,707 |
+| \`text\` | 28,756 | 9,942 | 8,773 | 7,394 | 1,497 | 1,086 |
+| \`textarea\` | 47,785 | 15,949 | 14,226 | 9,317 | 2,646 | 2,014 |
+| \`time-input\` | 193,597 | 56,836 | 49,453 | 72,822 | 16,542 | 13,524 |
+| \`time-picker\` | 111,928 | 33,946 | 29,850 | 46,251 | 11,610 | 9,378 |
+| \`timeline\` | 38,179 | 13,326 | 11,929 | 10,945 | 2,702 | 2,141 |
+| \`toast\` | 58,767 | 19,783 | 17,645 | 20,004 | 5,405 | 4,214 |
+| \`toggle\` | 50,439 | 16,509 | 14,678 | 10,854 | 3,075 | 2,370 |
+| \`toolbar\` | 33,726 | 12,065 | 10,721 | 7,821 | 2,144 | 1,624 |
+| \`tooltip\` | 61,420 | 21,834 | 19,377 | 11,218 | 3,097 | 2,373 |
+| \`tour\` | 93,708 | 30,741 | 27,223 | 29,780 | 7,466 | 5,900 |
+| \`tree\` | 76,275 | 24,651 | 21,980 | 25,873 | 6,878 | 5,455 |
+| \`trend\` | 31,231 | 12,049 | 10,723 | 4,980 | 1,533 | 1,253 |
+| \`video\` | 162,777 | 48,192 | 42,062 | 87,167 | 20,547 | 17,006 |
+| \`video-playlist\` | 143,639 | 44,279 | 38,873 | 58,705 | 14,169 | 11,692 |
+| \`virtual-list\` | 65,445 | 22,138 | 19,670 | 25,281 | 7,639 | 6,140 |
 
 ## What an install adds to \`node_modules\`
 
@@ -4850,11 +4850,11 @@ stripped column shows the bytes we removed.
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
 | \`@fusion.dev/helix-core\` | 2,613,946 | 571 | 754,871 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
-| \`@fusion.dev/helix-headless\` | 27,039,761 | 766 | 2,474,553 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
+| \`@fusion.dev/helix-headless\` | 27,043,254 | 766 | 2,474,774 | \`@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,672 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
-| \`@fusion.dev/helix\` | 28,564,610 | 1,021 | 564,296 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
+| \`@fusion.dev/helix\` | 28,575,798 | 1,021 | 564,427 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
 
 ## Not measured yet
 
@@ -7090,6 +7090,10 @@ drag turns and tilts the view, and a press that hardly moves is still a press.
 On a touch screen, a drag across turns the view, and a drag up or down scrolls
 the page.
 
+On \`Spatial Bar Chart\` and \`Spatial Treemap\`, the reading is outlined. Where
+bars or blocks in front hide it, the outline is faint and dashed, so a bar the
+keys reach behind others still shows where it stands.
+
 The plot takes focus, and the keys move the reading:
 
 | Key | Spatial Scatter Chart | Spatial Surface Chart |
@@ -9007,6 +9011,117 @@ component, separate from \`size\`.
 
 **A \`width\` that takes a number is a different property with the same name.** A
 canvas and a table column take a length, so they are not on this axis.
+`,
+    'visual-testing': `---
+description: Picture every page and component in a real browser, compare each picture with a baseline kept in git, and fail the run when one changes.
+section: Tooling
+title: Visual testing
+---
+
+# Visual testing
+
+\`helix visual\` takes pictures of your pages and components in a real browser,
+compares each one to a baseline kept in your git repository, and fails the run
+when a picture changes. It ships in \`@fusion.dev/helix-cli\`, and it pictures
+any web project, with Helix or without it.
+
+It pictures HTML files, any server's pages, Storybook stories, and entries from
+a JSON catalog, and it has a GitHub Action.
+
+## Install
+
+\`\`\`sh
+npm install --save-dev @fusion.dev/helix-cli playwright
+npx playwright install --with-deps chromium
+\`\`\`
+
+Capture runs in Playwright, which you install beside the command line. The
+rest of \`helix\` needs no browser, so Playwright is an optional peer, and
+\`helix visual test\` names it when it is missing.
+
+## Commands
+
+\`\`\`sh
+helix visual test                    compare every shot, and fail on a difference
+helix visual test button             only the entries named button
+helix visual update                  write only the baselines the comparison rejects
+helix visual test --shard 0 --of 4   the first of four shards, for CI
+helix visual report                  open the report of the last run
+helix visual compare a.png b.png     compare two PNG files, with no browser
+\`\`\`
+
+- **\`helix visual test\`** pictures every entry and compares each shot with its
+  baseline. It exits 1 when a shot differs, changes size, has no baseline, or
+  cannot be taken, and writes an image of each difference beside its baseline,
+  named \`<stem><suffix>.diff.png\`. Add \`*.diff.png\` to your \`.gitignore\`.
+- **\`helix visual update\`** pictures every entry and writes a baseline only
+  where the comparison would fail. Review the files it writes before you
+  commit them.
+- **\`helix visual report\`** opens the report the last run wrote. \`--markdown\`
+  prints its summary as Markdown, for a CI job's summary page. \`--merge\` takes
+  the reports of a run's shards and prints their changes as one set of groups.
+- **\`helix visual compare\`** compares two PNG files. \`--diff\` writes the image
+  of the difference, and \`--threshold\` sets how far apart two colors may be
+  and still count as the same pixel.
+
+Each run ends with one line that says what it compared and what it skipped.
+\`helix --json visual …\` prints one JSON document on stdout and moves the
+sentences to stderr.
+
+## The config
+
+\`visual.config.ts\`, in the directory you run \`helix visual\` from:
+
+\`\`\`ts
+import { defineConfig } from '@fusion.dev/helix-cli/visual'
+
+export default defineConfig({
+  serve: { '/theme.css': 'dist/theme.css' },
+  shots: [
+    { name: 'wide', scheme: 'light', width: 1280 },
+    { name: 'phone', scheme: 'light', width: 390 },
+    { name: 'dark', scheme: 'dark', width: 1280 },
+  ],
+  sources: [
+    {
+      glob: '{name}/example.html',
+      kind: 'html',
+      name: 'components',
+      root: 'src',
+      styles: ['/theme.css'],
+    },
+  ],
+})
+\`\`\`
+
+- **\`sources\`** is where the entries come from. \`html\` reads every file its
+  \`glob\` matches under \`root\` and pictures each inside a document that links
+  \`styles\`. \`server\` pictures a server's \`routes\` and every route its
+  \`sitemap\` lists. \`storybook\` pictures every story in a running Storybook.
+  \`catalog\` pictures every \`{ id, url }\` in a JSON file. \`pairs\` compares two
+  renders of each entry with each other.
+- **\`shots\`** is the pictures taken of each entry: a wide width, a phone
+  width, and dark when you give none. Each baseline is written beside its
+  entry as \`<stem>.<name>.png\`.
+- **\`serve\`** is URL paths served from disk, relative to the config.
+- **\`settle.readyProperty\`** names a property your elements carry holding a
+  promise that resolves once they have rendered. The run awaits it before each
+  shot.
+- **\`aria\`** keeps each entry's accessibility snapshot beside its baselines
+  and compares it as text, so a lost label fails even when no pixel moved.
+- **\`checks\`** adds judgments that need no baseline: \`code\` fails a code block
+  drawn in one color, \`clipped\` fails a box that cuts off its own text, and
+  \`overlap\` fails two boxes of text or controls that draw over each other.
+
+The command's own reference, with every option, is the README of
+\`@fusion.dev/helix-cli\`.
+
+## How Fusion uses it
+
+Fusion runs \`helix visual\` on every Helix example and on the site's pages on
+every push, and keeps the baselines in git. A change to how a component draws
+fails the run with a picture of the difference, and a retake opens a pull
+request of new baselines for review.
 `,
     vue: `---
 description: The compiler setting Vue needs, and how Vue passes props and binds events.