@fusion.dev/helix-docs 0.146.0 → 0.148.0

package/dist/sources.generated.js

@@ -3494,6 +3494,35 @@ group, and shows or hides every layer in it. Keep labels short, such as
 "Walking route", and put the rest in \`description\`, which screen readers read
 after the label.
 
+## Use your own icons in the controls
+
+Each control's glyph is a slot, so the controls can use the same icon set as
+the rest of your page. An icon you slot in is sized like the glyph it replaces:
+
+\`\`\`html
+<helix-map
+  controls="layers zoom compass fullscreen"
+  label="Our stores"
+>
+  <div id="map"></div>
+  <svg
+    slot="zoom-in-icon"
+    viewBox="0 0 16 16"
+  ><path d="M7 2h2v5h5v2H9v5H7V9H2V7h5Z"/></svg>
+  <svg
+    slot="zoom-out-icon"
+    viewBox="0 0 16 16"
+  ><path d="M2 7h12v2H2Z"/></svg>
+</helix-map>
+\`\`\`
+
+The slots are \`fullscreen-icon\`, \`layers-icon\`, \`tilt-icon\`, \`zoom-in-icon\`,
+\`zoom-out-icon\`, \`rotate-left-icon\`, \`rotate-right-icon\`, \`pan-up-icon\`,
+\`pan-down-icon\`, \`pan-start-icon\`, \`pan-end-icon\`, and \`face-north-icon\`. The
+compass sets \`--map-needle-turn\` to the angle that points north, so an icon in
+\`face-north-icon\` turns with the map when its style is
+\`rotate: var(--map-needle-turn)\`.
+
 ## Keyboard and screen readers
 
 - The frame is one tab stop. Arrow keys pan the map, and the plus and minus keys
@@ -3502,7 +3531,9 @@ after the label.
   Keys with Control, Command, or Alt are left to the browser, so page zoom and
   Back still work with focus on the map.
 - The markers are one tab stop. Arrow keys move between them in the order you
-  wrote them. The map pans to show a marker that is off screen.
+  wrote them. The map pans to show a marker that is off screen. If your page
+  removes the marker that has focus, focus moves to the next marker, or to the
+  one before when it was the last.
 - A points layer is one tab stop over the points and counts in view. Arrow keys
   move top to bottom and along each line. Enter on a count zooms in to it.
 - Screen readers find the map's shown layers in a list inside the frame, named
@@ -3595,7 +3626,7 @@ on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 193,574 | 59,922 | 51,738 |
+| Lit and \`@fusion.dev/helix-core\` | 205,917 | 64,259 | 55,327 |
 
 ## Whole packages
 
@@ -3606,12 +3637,12 @@ either barrel. The per-component tables show what your page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 193,127 | 59,646 | 51,633 | The element base class, mixins, decorators, and floating positioning. |
-| \`@fusion.dev/helix-headless\` | 1,049,675 | 280,304 | 212,522 | Every headless family. The barrel entry includes all of them. |
+| \`@fusion.dev/helix-core\` | 205,127 | 63,820 | 54,886 | The element base class, mixins, decorators, and floating positioning. |
+| \`@fusion.dev/helix-headless\` | 1,118,470 | 300,499 | 227,376 | Every headless family. The barrel entry includes all of them. |
 | \`@fusion.dev/helix-icons\` | 55,738 | 17,784 | 15,143 | 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,270 | 155,600 | 125,779 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
-| \`@fusion.dev/helix\` | 1,652,094 | 394,810 | 282,318 | Every styled family. |
+| \`@fusion.dev/helix\` | 1,730,273 | 417,951 | 299,916 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
 
 ## Stylesheets
@@ -3624,21 +3655,21 @@ shows the whole cost of using the base layer on its own.
 
 | File | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`base.css\` | 31,946 | 4,590 | 3,986 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
-| \`elements.css\` | 8,988 | 1,507 | 1,331 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
+| \`base.css\` | 34,079 | 4,772 | 4,135 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
+| \`elements.css\` | 9,126 | 1,524 | 1,351 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
 | \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
 | \`primitives.css\` | 7,510 | 1,402 | 1,201 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
 | \`tokens.css\` | 22,349 | 2,664 | 2,247 | The 193 semantic tokens. Every styled component needs them. |
 
 ## What the numbers say
 
-**Most of your first component is the shared runtime.** The median styled family is 16,593 bytes gzipped alone, and it adds 3,472 to a page that already has Helix. The shared runtime is 79 percent of the first component, and the component itself is 21 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 16,549 bytes gzipped alone, and it adds 3,604 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
 
-Across the 104 styled components, the smallest is \`code\` at 9,709 bytes gzipped alone, and the largest is \`data-table\` at 59,799. Every family together is 394,810.
+Across the 104 styled components, the smallest is \`code\` at 9,283 bytes gzipped alone, and the largest is \`data-table\` at 65,711. Every family together is 417,951.
 
-No family imports a barrel. The \`barrels\` rule in \`fusion 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 280,304 bytes gzipped, whatever else the page imports. That is 17 times the median family above. All 104 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 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 300,499 bytes gzipped, whatever else the page imports. That is 18 times the median family above. All 104 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 15,543 bytes gzipped alone.
+The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 15,428 bytes gzipped alone.
 
 ## Compared with other systems
 
@@ -3650,43 +3681,43 @@ The table has no whole-library row. That row would compare how many components e
 
 | Component | System | Raw | Gzip | Brotli |
 |---|---|---|---|---|
-| \`button\` | **Helix** | 45,987 | 15,139 | 13,449 |
+| \`button\` | **Helix** | 44,047 | 14,711 | 13,071 |
 | | 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** | 49,373 | 15,701 | 13,969 |
+| \`checkbox\` | **Helix** | 47,527 | 15,292 | 13,617 |
 | | 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** | 46,501 | 15,697 | 13,964 |
+| \`dialog\` | **Helix** | 44,710 | 15,294 | 13,579 |
 | | 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** | 52,721 | 16,186 | 14,360 |
+| \`radio\` | **Helix** | 50,827 | 15,828 | 14,024 |
 | | 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** | 46,090 | 15,170 | 13,492 |
+| \`switch\` | **Helix** | 44,242 | 14,743 | 13,118 |
 | | 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** | 49,184 | 15,669 | 13,856 |
+| \`tabs\` | **Helix** | 47,274 | 15,200 | 13,465 |
 | | 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** | 64,554 | 22,770 | 20,202 |
+| \`tooltip\` | **Helix** | 63,778 | 22,685 | 20,074 |
 | | Carbon | 189,382 | 30,354 | 22,273 |
 | | Material Web | | not shipped | |
 | | Shoelace | 57,412 | 20,220 | 17,933 |
 | | Spectrum | 136,599 | 40,552 | 35,286 |
 
-At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 5,526 bytes gzipped. 14 of 27 peer measurements are smaller than the Helix row.
+At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 5,168 bytes gzipped. 11 of 27 peer measurements are smaller than the Helix row.
 
 Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
 
@@ -3732,104 +3763,104 @@ Structure, accessibility, state, and form participation. It has no presentation
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 35,423 | 12,826 | 11,340 | 5,240 | 1,537 | 1,134 |
-| \`announcement\` | 32,949 | 12,153 | 10,766 | 2,334 | 728 | 465 |
-| \`app-header\` | 27,775 | 10,422 | 9,235 | 2,353 | 797 | 441 |
-| \`area-chart\` | 82,110 | 28,769 | 25,449 | 13,609 | 4,251 | 3,223 |
-| \`avatar\` | 30,163 | 11,082 | 9,856 | 4,150 | 1,236 | 837 |
-| \`badge\` | 25,996 | 9,988 | 8,834 | 1,166 | 446 | 276 |
-| \`bar-chart\` | 85,712 | 29,822 | 26,319 | 16,829 | 5,157 | 4,124 |
-| \`blockquote\` | 26,054 | 9,998 | 8,859 | 912 | 383 | 260 |
-| \`breadcrumbs\` | 31,881 | 12,006 | 10,663 | 5,723 | 1,992 | 1,429 |
-| \`button\` | 38,605 | 13,625 | 12,122 | 5,049 | 1,574 | 1,104 |
-| \`button-group\` | 25,941 | 9,897 | 8,775 | 813 | 370 | 137 |
-| \`callout\` | 31,820 | 12,008 | 10,597 | 1,329 | 532 | 297 |
-| \`canvas\` | 91,470 | 28,585 | 25,063 | 52,251 | 15,727 | 13,050 |
-| \`card\` | 27,130 | 10,217 | 9,043 | 1,851 | 580 | 365 |
-| \`carousel\` | 42,208 | 14,656 | 13,052 | 15,389 | 4,276 | 3,351 |
-| \`chat\` | 65,158 | 21,678 | 19,216 | 20,600 | 6,203 | 4,819 |
-| \`checkbox\` | 42,324 | 14,165 | 12,583 | 3,277 | 1,054 | 615 |
-| \`checkbox-group\` | 48,181 | 15,555 | 13,831 | 8,402 | 2,358 | 1,613 |
-| \`code\` | 24,390 | 9,404 | 8,342 | 451 | 227 | 98 |
-| \`code-block\` | 89,847 | 30,065 | 26,630 | 25,864 | 7,093 | 5,531 |
-| \`color-input\` | 120,136 | 37,964 | 33,341 | 40,217 | 10,367 | 8,219 |
-| \`color-picker\` | 82,088 | 26,085 | 23,018 | 32,695 | 8,872 | 6,965 |
-| \`combobox\` | 120,047 | 36,804 | 32,432 | 39,475 | 9,780 | 7,691 |
-| \`command\` | 80,751 | 24,427 | 21,471 | 29,428 | 7,708 | 6,017 |
-| \`copy-button\` | 81,885 | 27,778 | 24,618 | 17,897 | 4,822 | 3,714 |
-| \`data-table\` | 169,429 | 49,981 | 43,147 | 84,129 | 21,748 | 17,364 |
-| \`date-input\` | 127,792 | 39,085 | 34,317 | 35,370 | 8,656 | 6,894 |
-| \`date-picker\` | 52,220 | 17,360 | 15,484 | 16,851 | 4,534 | 3,492 |
-| \`description-list\` | 27,096 | 10,107 | 8,945 | 1,984 | 627 | 316 |
-| \`dialog\` | 40,879 | 14,414 | 12,811 | 5,808 | 1,850 | 1,288 |
-| \`divider\` | 26,188 | 10,050 | 8,888 | 1,046 | 433 | 203 |
-| \`donut-chart\` | 81,537 | 28,278 | 25,066 | 14,342 | 4,365 | 3,488 |
-| \`drawer\` | 41,311 | 14,769 | 13,082 | 5,608 | 1,851 | 1,362 |
-| \`drilldown\` | 41,653 | 14,666 | 13,039 | 6,974 | 1,996 | 1,331 |
-| \`empty\` | 26,647 | 10,138 | 8,991 | 1,042 | 419 | 236 |
-| \`file-input\` | 62,374 | 20,646 | 18,328 | 16,194 | 4,891 | 3,694 |
-| \`filter-input\` | 122,835 | 37,749 | 33,184 | 41,280 | 10,308 | 8,123 |
-| \`format-date\` | 31,709 | 11,709 | 10,404 | 4,029 | 1,242 | 828 |
-| \`graph\` | 62,029 | 20,340 | 18,079 | 14,808 | 4,776 | 3,721 |
-| \`heatmap\` | 84,761 | 29,046 | 25,700 | 14,176 | 4,148 | 3,195 |
-| \`icon\` | 83,642 | 28,532 | 24,430 | 56,072 | 19,519 | 15,448 |
-| \`icon-button\` | 39,001 | 13,660 | 12,144 | 5,448 | 1,621 | 1,083 |
-| \`image\` | 29,459 | 10,836 | 9,612 | 4,000 | 1,274 | 910 |
-| \`input\` | 48,568 | 16,527 | 14,518 | 7,411 | 2,566 | 1,686 |
-| \`kbd\` | 30,072 | 11,369 | 10,029 | 3,896 | 1,384 | 909 |
-| \`legend\` | 36,324 | 13,374 | 11,907 | 3,243 | 1,167 | 785 |
-| \`lightbox\` | 47,121 | 15,871 | 14,039 | 11,932 | 3,469 | 2,561 |
-| \`line-chart\` | 83,221 | 28,949 | 25,642 | 14,445 | 4,361 | 3,458 |
-| \`list\` | 38,215 | 13,672 | 12,149 | 9,041 | 2,688 | 2,015 |
-| \`listbox\` | 62,592 | 19,927 | 17,722 | 17,522 | 4,867 | 3,709 |
-| \`loader\` | 28,576 | 10,705 | 9,499 | 2,644 | 944 | 594 |
-| \`map\` | 79,883 | 23,693 | 20,598 | 38,035 | 10,009 | 7,669 |
-| \`megamenu\` | 59,654 | 21,572 | 19,051 | 7,054 | 2,083 | 1,406 |
-| \`menu\` | 83,080 | 28,173 | 24,866 | 18,800 | 4,954 | 3,687 |
-| \`meter\` | 29,986 | 11,096 | 9,838 | 4,520 | 1,398 | 1,084 |
-| \`navigation\` | 33,741 | 12,529 | 11,093 | 2,196 | 820 | 531 |
-| \`notifications\` | 52,218 | 17,085 | 15,214 | 15,863 | 4,166 | 3,253 |
-| \`number-input\` | 51,957 | 17,267 | 15,301 | 9,740 | 2,691 | 1,909 |
-| \`object-inspector\` | 107,134 | 35,646 | 31,254 | 34,041 | 9,915 | 7,741 |
-| \`option\` | 29,099 | 10,679 | 9,475 | 3,487 | 935 | 611 |
-| \`outline\` | 34,626 | 12,794 | 11,332 | 6,999 | 2,283 | 1,702 |
-| \`pagination\` | 112,953 | 35,161 | 30,734 | 40,707 | 10,319 | 8,063 |
-| \`pin-input\` | 45,867 | 15,347 | 13,631 | 6,396 | 2,041 | 1,387 |
-| \`popover\` | 62,824 | 22,561 | 19,944 | 5,399 | 1,663 | 1,104 |
-| \`progress\` | 28,074 | 10,603 | 9,386 | 2,609 | 889 | 705 |
-| \`qr-code\` | 41,476 | 15,779 | 13,951 | 16,453 | 6,132 | 5,004 |
-| \`quote\` | 25,969 | 10,007 | 8,829 | 1,226 | 581 | 376 |
-| \`radio\` | 43,945 | 14,629 | 12,962 | 3,911 | 1,202 | 765 |
-| \`rating\` | 49,624 | 16,604 | 14,718 | 8,315 | 2,525 | 1,783 |
-| \`scatter-chart\` | 82,495 | 28,617 | 25,255 | 14,851 | 4,532 | 3,492 |
-| \`scroll-area\` | 34,470 | 12,424 | 11,027 | 8,851 | 2,742 | 2,080 |
-| \`select\` | 96,990 | 31,255 | 27,502 | 25,121 | 6,555 | 4,986 |
-| \`skeleton\` | 26,368 | 10,020 | 8,867 | 1,255 | 504 | 245 |
-| \`skip-link\` | 26,483 | 10,143 | 8,958 | 1,512 | 637 | 417 |
-| \`slider\` | 46,921 | 15,530 | 13,873 | 7,821 | 2,263 | 1,705 |
-| \`sparkline\` | 41,635 | 15,324 | 13,611 | 4,695 | 1,778 | 1,324 |
-| \`speed-dial\` | 60,809 | 22,254 | 19,770 | 4,222 | 1,265 | 790 |
-| \`splitter\` | 40,164 | 13,759 | 12,216 | 11,515 | 3,109 | 2,487 |
-| \`stat\` | 27,196 | 10,190 | 9,045 | 1,896 | 644 | 353 |
-| \`steps\` | 48,069 | 16,143 | 14,337 | 11,292 | 3,182 | 2,401 |
-| \`switch\` | 41,238 | 13,997 | 12,442 | 1,791 | 695 | 344 |
-| \`table\` | 66,222 | 20,480 | 18,214 | 21,651 | 5,865 | 4,536 |
-| \`tabs\` | 40,656 | 13,980 | 12,414 | 5,885 | 1,572 | 1,004 |
-| \`tag\` | 39,623 | 14,246 | 12,688 | 6,540 | 1,979 | 1,410 |
-| \`textarea\` | 46,159 | 15,528 | 13,775 | 5,559 | 1,745 | 1,157 |
-| \`time-input\` | 142,372 | 43,174 | 37,539 | 45,425 | 11,385 | 8,949 |
-| \`time-picker\` | 75,931 | 23,622 | 20,952 | 28,692 | 7,720 | 5,921 |
-| \`timeline\` | 29,277 | 10,803 | 9,574 | 3,150 | 807 | 503 |
-| \`toast\` | 44,585 | 15,809 | 13,988 | 8,606 | 2,681 | 1,954 |
-| \`toggle\` | 47,735 | 15,698 | 13,936 | 5,878 | 1,722 | 1,225 |
-| \`toolbar\` | 32,263 | 11,971 | 10,643 | 4,344 | 1,526 | 1,092 |
-| \`tooltip\` | 61,359 | 21,986 | 19,516 | 8,461 | 2,510 | 1,862 |
-| \`tour\` | 79,690 | 26,859 | 23,810 | 17,127 | 4,712 | 3,699 |
-| \`tree\` | 48,344 | 16,359 | 14,493 | 12,015 | 3,467 | 2,614 |
-| \`trend\` | 28,378 | 10,747 | 9,501 | 2,728 | 877 | 695 |
-| \`video\` | 121,383 | 37,645 | 32,926 | 52,146 | 13,024 | 10,436 |
-| \`video-playlist\` | 93,065 | 30,392 | 26,801 | 26,920 | 6,816 | 5,310 |
-| \`virtual-list\` | 47,544 | 16,611 | 14,739 | 11,130 | 3,551 | 2,670 |
+| \`accordion\` | 34,599 | 12,746 | 11,253 | 5,677 | 1,668 | 1,124 |
+| \`announcement\` | 37,793 | 13,662 | 12,172 | 4,958 | 1,504 | 954 |
+| \`app-header\` | 26,057 | 10,021 | 8,867 | 2,355 | 770 | 465 |
+| \`area-chart\` | 82,327 | 28,998 | 25,687 | 13,783 | 4,189 | 3,173 |
+| \`avatar\` | 28,724 | 10,723 | 9,521 | 4,431 | 1,293 | 913 |
+| \`badge\` | 26,341 | 10,223 | 9,051 | 2,856 | 881 | 569 |
+| \`bar-chart\` | 85,682 | 29,992 | 26,565 | 16,750 | 5,082 | 4,033 |
+| \`blockquote\` | 26,495 | 10,392 | 9,172 | 2,728 | 987 | 575 |
+| \`breadcrumbs\` | 31,013 | 11,998 | 10,647 | 5,890 | 2,029 | 1,369 |
+| \`button\` | 36,926 | 13,243 | 11,777 | 5,052 | 1,553 | 1,014 |
+| \`button-group\` | 28,635 | 10,976 | 9,708 | 4,009 | 1,318 | 784 |
+| \`callout\` | 30,510 | 11,691 | 10,310 | 1,329 | 511 | 256 |
+| \`canvas\` | 94,520 | 29,726 | 25,973 | 56,373 | 16,965 | 13,959 |
+| \`card\` | 25,683 | 9,868 | 8,720 | 2,120 | 629 | 369 |
+| \`carousel\` | 40,679 | 14,335 | 12,748 | 15,245 | 4,186 | 3,230 |
+| \`chat\` | 64,573 | 21,728 | 19,231 | 20,705 | 6,185 | 4,748 |
+| \`checkbox\` | 40,703 | 13,778 | 12,250 | 3,216 | 1,009 | 536 |
+| \`checkbox-group\` | 47,130 | 15,435 | 13,751 | 8,518 | 2,372 | 1,649 |
+| \`code\` | 22,676 | 8,995 | 7,962 | 451 | 193 | -39 |
+| \`code-block\` | 89,900 | 30,256 | 26,787 | 26,214 | 7,115 | 5,544 |
+| \`color-input\` | 128,357 | 40,479 | 35,443 | 45,336 | 11,354 | 9,239 |
+| \`color-picker\` | 89,868 | 28,497 | 25,069 | 37,476 | 9,868 | 7,961 |
+| \`combobox\` | 132,206 | 40,879 | 35,886 | 40,061 | 9,697 | 7,561 |
+| \`command\` | 91,109 | 28,172 | 24,749 | 28,756 | 7,459 | 5,789 |
+| \`copy-button\` | 81,732 | 27,904 | 24,705 | 18,043 | 4,823 | 3,712 |
+| \`data-table\` | 177,469 | 52,857 | 45,447 | 87,094 | 22,420 | 17,791 |
+| \`date-input\` | 129,176 | 39,698 | 34,814 | 35,517 | 8,680 | 6,802 |
+| \`date-picker\` | 51,896 | 17,290 | 15,373 | 16,843 | 4,551 | 3,411 |
+| \`description-list\` | 25,620 | 9,767 | 8,627 | 2,225 | 653 | 233 |
+| \`dialog\` | 39,229 | 14,016 | 12,440 | 5,808 | 1,749 | 1,152 |
+| \`divider\` | 25,124 | 9,813 | 8,631 | 1,486 | 526 | 92 |
+| \`donut-chart\` | 81,790 | 28,585 | 25,297 | 14,549 | 4,372 | 3,349 |
+| \`drawer\` | 42,104 | 15,079 | 13,405 | 5,900 | 1,857 | 1,340 |
+| \`drilldown\` | 41,055 | 14,565 | 12,909 | 7,827 | 2,197 | 1,433 |
+| \`empty\` | 26,122 | 10,072 | 8,893 | 1,955 | 689 | 312 |
+| \`file-input\` | 63,230 | 21,118 | 18,716 | 17,157 | 5,119 | 3,805 |
+| \`filter-input\` | 123,578 | 38,261 | 33,530 | 41,535 | 10,097 | 7,981 |
+| \`format-date\` | 30,502 | 11,522 | 10,203 | 4,264 | 1,268 | 820 |
+| \`graph\` | 61,596 | 20,349 | 18,024 | 14,949 | 4,733 | 3,544 |
+| \`heatmap\` | 88,781 | 30,512 | 26,905 | 16,840 | 4,883 | 3,737 |
+| \`icon\` | 82,599 | 28,375 | 24,312 | 56,734 | 19,634 | 15,484 |
+| \`icon-button\` | 37,322 | 13,275 | 11,807 | 5,451 | 1,598 | 1,048 |
+| \`image\` | 27,892 | 10,443 | 9,263 | 4,150 | 1,260 | 830 |
+| \`input\` | 47,135 | 16,195 | 14,271 | 7,501 | 2,541 | 1,586 |
+| \`kbd\` | 28,879 | 11,113 | 9,854 | 3,603 | 1,143 | 675 |
+| \`legend\` | 35,018 | 13,100 | 11,583 | 3,288 | 1,121 | 700 |
+| \`lightbox\` | 48,210 | 16,024 | 14,180 | 14,009 | 3,825 | 2,707 |
+| \`line-chart\` | 83,551 | 29,222 | 25,888 | 14,668 | 4,366 | 3,352 |
+| \`list\` | 37,656 | 13,730 | 12,182 | 9,263 | 2,724 | 2,018 |
+| \`listbox\` | 72,268 | 23,357 | 20,688 | 17,105 | 4,777 | 3,591 |
+| \`loader\` | 26,858 | 10,297 | 9,117 | 2,645 | 908 | 480 |
+| \`map\` | 79,735 | 23,671 | 20,572 | 39,195 | 10,047 | 7,803 |
+| \`megamenu\` | 61,409 | 22,351 | 19,751 | 8,029 | 2,286 | 1,542 |
+| \`menu\` | 82,618 | 28,310 | 24,982 | 18,425 | 4,687 | 3,451 |
+| \`meter\` | 29,827 | 11,213 | 9,929 | 5,137 | 1,545 | 1,107 |
+| \`navigation\` | 32,202 | 12,190 | 10,834 | 2,157 | 738 | 358 |
+| \`notifications\` | 53,396 | 17,636 | 15,706 | 17,009 | 4,468 | 3,354 |
+| \`number-input\` | 50,748 | 17,027 | 15,162 | 10,208 | 2,827 | 1,918 |
+| \`object-inspector\` | 108,235 | 36,138 | 31,800 | 34,472 | 9,732 | 7,581 |
+| \`option\` | 27,875 | 10,326 | 9,149 | 3,986 | 967 | 527 |
+| \`outline\` | 32,807 | 12,399 | 10,969 | 6,688 | 2,121 | 1,536 |
+| \`pagination\` | 127,559 | 39,929 | 34,783 | 44,032 | 10,936 | 8,583 |
+| \`pin-input\` | 45,063 | 15,421 | 13,737 | 6,922 | 2,305 | 1,503 |
+| \`popover\` | 61,979 | 22,412 | 19,828 | 5,484 | 1,628 | 1,039 |
+| \`progress\` | 27,468 | 10,548 | 9,381 | 2,984 | 964 | 578 |
+| \`qr-code\` | 40,550 | 15,698 | 13,985 | 17,131 | 6,360 | 5,313 |
+| \`quote\` | 24,253 | 9,588 | 8,453 | 1,226 | 524 | 221 |
+| \`radio\` | 42,325 | 14,273 | 12,634 | 3,889 | 1,180 | 655 |
+| \`rating\` | 47,997 | 16,253 | 14,424 | 7,960 | 2,421 | 1,632 |
+| \`scatter-chart\` | 83,097 | 29,016 | 25,614 | 15,409 | 4,622 | 3,588 |
+| \`scroll-area\` | 32,757 | 12,025 | 10,620 | 8,810 | 2,636 | 1,943 |
+| \`select\` | 110,141 | 35,834 | 31,426 | 27,005 | 7,148 | 5,475 |
+| \`skeleton\` | 24,651 | 9,607 | 8,507 | 1,255 | 496 | 172 |
+| \`skip-link\` | 24,766 | 9,727 | 8,601 | 1,514 | 588 | 220 |
+| \`slider\` | 45,737 | 15,247 | 13,601 | 8,318 | 2,309 | 1,663 |
+| \`sparkline\` | 42,117 | 15,651 | 13,911 | 6,051 | 2,157 | 1,572 |
+| \`speed-dial\` | 66,869 | 24,123 | 21,351 | 9,210 | 2,499 | 1,739 |
+| \`splitter\` | 39,158 | 13,572 | 12,084 | 11,945 | 3,157 | 2,317 |
+| \`stat\` | 25,480 | 9,785 | 8,675 | 1,896 | 633 | 274 |
+| \`steps\` | 47,079 | 16,059 | 14,268 | 11,507 | 3,184 | 2,325 |
+| \`switch\` | 39,557 | 13,598 | 12,049 | 1,790 | 659 | 322 |
+| \`table\` | 76,355 | 23,794 | 21,032 | 29,992 | 8,102 | 6,395 |
+| \`tabs\` | 38,979 | 13,543 | 12,004 | 5,884 | 1,536 | 1,022 |
+| \`tag\` | 38,733 | 14,057 | 12,504 | 6,613 | 1,935 | 1,275 |
+| \`textarea\` | 44,595 | 15,169 | 13,489 | 5,518 | 1,674 | 1,145 |
+| \`time-input\` | 156,499 | 47,737 | 41,370 | 46,506 | 11,375 | 8,974 |
+| \`time-picker\` | 88,789 | 27,745 | 24,463 | 29,628 | 7,823 | 5,910 |
+| \`timeline\` | 27,561 | 10,396 | 9,207 | 3,150 | 789 | 481 |
+| \`toast\` | 45,771 | 16,176 | 14,381 | 9,724 | 3,004 | 2,227 |
+| \`toggle\` | 45,986 | 15,344 | 13,630 | 5,557 | 1,618 | 1,022 |
+| \`toolbar\` | 31,922 | 11,971 | 10,614 | 5,438 | 1,743 | 1,111 |
+| \`tooltip\` | 60,630 | 21,901 | 19,460 | 8,507 | 2,447 | 1,730 |
+| \`tour\` | 79,443 | 26,990 | 23,856 | 17,613 | 4,787 | 3,673 |
+| \`tree\` | 46,891 | 16,052 | 14,220 | 11,959 | 3,412 | 2,604 |
+| \`trend\` | 27,639 | 10,693 | 9,495 | 3,528 | 1,130 | 724 |
+| \`video\` | 121,496 | 37,965 | 33,110 | 52,343 | 12,915 | 10,324 |
+| \`video-playlist\` | 92,660 | 30,563 | 26,927 | 26,601 | 6,605 | 5,067 |
+| \`virtual-list\` | 47,451 | 16,793 | 14,912 | 11,904 | 3,743 | 2,825 |
 
 ### Styled tier
 
@@ -3837,110 +3868,110 @@ 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\` | 39,648 | 13,717 | 12,166 | 9,452 | 2,459 | 1,956 |
-| \`announcement\` | 37,714 | 13,213 | 11,692 | 7,081 | 1,807 | 1,416 |
-| \`app-header\` | 31,665 | 11,326 | 10,023 | 6,226 | 1,738 | 1,322 |
-| \`area-chart\` | 90,087 | 30,477 | 26,982 | 21,562 | 5,984 | 4,746 |
-| \`aura\` | 55,272 | 18,976 | 16,767 | 28,121 | 8,833 | 7,475 |
-| \`avatar\` | 33,752 | 11,841 | 10,478 | 7,724 | 2,038 | 1,583 |
-| \`badge\` | 31,616 | 11,165 | 9,841 | 6,773 | 1,633 | 1,237 |
-| \`bar-chart\` | 99,274 | 32,501 | 28,802 | 30,373 | 7,886 | 6,412 |
-| \`blockquote\` | 27,480 | 10,325 | 9,128 | 2,320 | 714 | 477 |
-| \`breadcrumbs\` | 36,411 | 12,875 | 11,407 | 10,237 | 2,909 | 2,222 |
-| \`button\` | 45,987 | 15,139 | 13,449 | 12,413 | 3,124 | 2,350 |
-| \`button-group\` | 27,619 | 10,269 | 9,095 | 2,472 | 757 | 463 |
-| \`callout\` | 35,772 | 12,923 | 11,405 | 5,264 | 1,469 | 1,158 |
-| \`canvas\` | 111,811 | 32,315 | 28,173 | 72,583 | 19,572 | 16,120 |
-| \`card\` | 30,920 | 11,170 | 9,882 | 5,624 | 1,534 | 1,146 |
-| \`carousel\` | 53,470 | 16,505 | 14,730 | 26,637 | 6,234 | 4,932 |
-| \`chat\` | 79,518 | 24,218 | 21,431 | 34,954 | 8,773 | 7,097 |
-| \`checkbox\` | 49,373 | 15,701 | 13,969 | 10,311 | 2,619 | 1,989 |
-| \`checkbox-group\` | 56,334 | 17,248 | 15,344 | 16,544 | 4,121 | 3,144 |
-| \`code\` | 25,513 | 9,709 | 8,603 | 1,556 | 516 | 329 |
-| \`code-block\` | 110,938 | 33,351 | 29,516 | 46,941 | 10,550 | 8,467 |
-| \`color-input\` | 156,927 | 43,520 | 38,261 | 76,994 | 15,798 | 13,028 |
-| \`color-picker\` | 112,915 | 30,856 | 27,252 | 63,513 | 13,715 | 11,191 |
-| \`combobox\` | 137,388 | 39,769 | 35,011 | 56,798 | 12,779 | 10,333 |
-| \`command\` | 92,981 | 26,697 | 23,556 | 41,645 | 10,084 | 8,040 |
-| \`copy-button\` | 95,290 | 30,001 | 26,514 | 31,283 | 7,088 | 5,554 |
-| \`data-table\` | 219,309 | 59,799 | 50,341 | 133,542 | 31,483 | 24,314 |
-| \`date-input\` | 149,493 | 42,780 | 37,603 | 57,055 | 12,400 | 10,054 |
-| \`date-picker\` | 59,901 | 18,687 | 16,655 | 24,514 | 5,925 | 4,668 |
-| \`description-list\` | 29,802 | 10,712 | 9,489 | 4,675 | 1,233 | 851 |
-| \`dialog\` | 46,501 | 15,697 | 13,964 | 11,409 | 3,146 | 2,449 |
-| \`divider\` | 28,768 | 10,650 | 9,394 | 3,607 | 1,044 | 818 |
-| \`donut-chart\` | 92,006 | 30,393 | 26,916 | 24,787 | 6,534 | 5,257 |
-| \`drawer\` | 47,737 | 16,225 | 14,466 | 12,015 | 3,314 | 2,646 |
-| \`drilldown\` | 47,177 | 15,844 | 14,102 | 12,483 | 3,203 | 2,454 |
-| \`empty\` | 28,323 | 10,625 | 9,379 | 2,699 | 905 | 624 |
-| \`file-input\` | 74,567 | 22,958 | 20,367 | 28,375 | 7,195 | 5,725 |
-| \`filter-input\` | 154,784 | 42,931 | 37,576 | 72,853 | 15,284 | 12,395 |
-| \`flex\` | 30,108 | 10,626 | 9,401 | 5,354 | 1,236 | 884 |
-| \`format-date\` | 32,358 | 11,850 | 10,514 | 4,659 | 1,414 | 1,008 |
-| \`graph\` | 77,140 | 22,929 | 20,207 | 29,899 | 7,446 | 5,912 |
-| \`grid\` | 30,903 | 11,036 | 9,784 | 6,154 | 1,606 | 1,244 |
-| \`heatmap\` | 92,356 | 30,614 | 27,062 | 21,750 | 5,729 | 4,580 |
-| \`icon\` | 84,349 | 28,702 | 24,576 | 56,761 | 19,719 | 15,680 |
-| \`icon-button\` | 47,707 | 15,105 | 13,400 | 14,134 | 3,125 | 2,360 |
-| \`image\` | 31,155 | 11,301 | 10,008 | 5,676 | 1,756 | 1,277 |
-| \`input\` | 53,316 | 17,622 | 15,495 | 12,142 | 3,694 | 2,733 |
-| \`kbd\` | 32,296 | 11,921 | 10,536 | 6,101 | 1,922 | 1,344 |
-| \`legend\` | 41,820 | 14,643 | 12,910 | 8,608 | 2,426 | 1,759 |
-| \`lightbox\` | 53,408 | 17,147 | 15,190 | 18,202 | 4,760 | 3,642 |
-| \`line-chart\` | 94,186 | 31,168 | 27,626 | 25,394 | 6,610 | 5,268 |
-| \`list\` | 43,351 | 14,851 | 13,191 | 14,157 | 3,877 | 3,029 |
-| \`listbox\` | 67,349 | 20,979 | 18,642 | 22,266 | 5,923 | 4,560 |
-| \`loader\` | 31,947 | 11,533 | 10,206 | 5,998 | 1,768 | 1,328 |
-| \`map\` | 116,933 | 29,086 | 25,357 | 75,073 | 15,487 | 12,386 |
-| \`megamenu\` | 64,956 | 22,722 | 20,138 | 12,340 | 3,234 | 2,437 |
-| \`menu\` | 94,419 | 30,294 | 26,742 | 30,132 | 7,145 | 5,585 |
-| \`meter\` | 36,173 | 12,337 | 10,960 | 10,687 | 2,670 | 2,241 |
-| \`navigation\` | 35,512 | 13,002 | 11,548 | 3,950 | 1,315 | 891 |
-| \`notifications\` | 66,278 | 19,550 | 17,442 | 29,914 | 6,700 | 5,373 |
-| \`number-input\` | 57,367 | 18,461 | 16,401 | 15,131 | 3,925 | 2,998 |
-| \`object-inspector\` | 125,222 | 38,543 | 33,849 | 52,111 | 12,858 | 10,259 |
-| \`option\` | 32,356 | 11,597 | 10,269 | 6,728 | 1,839 | 1,424 |
-| \`orb\` | 37,072 | 14,019 | 12,406 | 9,455 | 3,624 | 2,995 |
-| \`outline\` | 38,686 | 13,623 | 12,113 | 11,041 | 3,111 | 2,422 |
-| \`pagination\` | 131,174 | 38,247 | 33,447 | 58,910 | 13,423 | 10,780 |
-| \`pin-input\` | 49,458 | 16,242 | 14,464 | 9,965 | 2,948 | 2,173 |
-| \`popover\` | 66,446 | 23,365 | 20,707 | 9,003 | 2,495 | 1,786 |
-| \`progress\` | 33,746 | 11,886 | 10,543 | 8,261 | 2,186 | 1,724 |
-| \`qr-code\` | 43,343 | 16,256 | 14,361 | 18,304 | 6,645 | 5,494 |
-| \`quote\` | 26,748 | 10,201 | 9,004 | 1,987 | 771 | 485 |
-| \`radio\` | 52,721 | 16,186 | 14,360 | 12,675 | 2,829 | 2,215 |
-| \`rating\` | 53,941 | 17,838 | 15,865 | 12,610 | 3,777 | 2,924 |
-| \`sandbox\` | 73,642 | 20,738 | 18,327 | 42,938 | 9,908 | 8,082 |
-| \`scatter-chart\` | 91,707 | 30,604 | 27,058 | 24,041 | 6,525 | 5,271 |
-| \`scroll-area\` | 39,737 | 13,392 | 11,914 | 14,098 | 3,720 | 2,900 |
-| \`select\` | 110,083 | 33,673 | 29,635 | 38,199 | 9,006 | 7,220 |
-| \`skeleton\` | 29,150 | 10,708 | 9,479 | 4,019 | 1,206 | 941 |
-| \`skip-link\` | 28,435 | 10,669 | 9,404 | 3,445 | 1,156 | 823 |
-| \`slider\` | 58,875 | 17,557 | 15,668 | 19,758 | 4,338 | 3,490 |
-| \`sparkline\` | 47,130 | 16,627 | 14,838 | 10,172 | 3,094 | 2,565 |
-| \`speed-dial\` | 67,690 | 23,550 | 20,901 | 11,082 | 2,596 | 1,939 |
-| \`splitter\` | 46,236 | 14,764 | 13,121 | 17,569 | 4,176 | 3,336 |
-| \`stat\` | 30,837 | 10,934 | 9,708 | 5,523 | 1,398 | 1,120 |
-| \`steps\` | 63,670 | 19,017 | 16,847 | 26,882 | 6,122 | 4,878 |
-| \`switch\` | 46,090 | 15,170 | 13,492 | 6,628 | 1,890 | 1,400 |
-| \`table\` | 80,130 | 22,990 | 20,413 | 35,549 | 8,413 | 6,744 |
-| \`tabs\` | 49,184 | 15,669 | 13,856 | 14,401 | 3,320 | 2,587 |
-| \`tag\` | 44,798 | 15,385 | 13,680 | 11,697 | 3,094 | 2,373 |
-| \`text\` | 32,695 | 11,038 | 9,748 | 7,950 | 1,677 | 1,239 |
-| \`textarea\` | 50,571 | 16,559 | 14,706 | 9,950 | 2,808 | 2,061 |
-| \`time-input\` | 167,108 | 47,235 | 41,122 | 70,148 | 15,398 | 12,471 |
-| \`time-picker\` | 87,900 | 25,845 | 22,888 | 40,652 | 10,014 | 7,910 |
-| \`timeline\` | 36,697 | 12,228 | 10,837 | 10,557 | 2,278 | 1,776 |
-| \`toast\` | 53,014 | 17,618 | 15,629 | 17,018 | 4,546 | 3,534 |
-| \`toggle\` | 53,651 | 16,999 | 15,078 | 11,781 | 3,060 | 2,364 |
-| \`toolbar\` | 33,825 | 12,355 | 10,931 | 5,891 | 1,912 | 1,357 |
-| \`tooltip\` | 64,554 | 22,770 | 20,202 | 11,638 | 3,251 | 2,477 |
-| \`tour\` | 91,457 | 28,984 | 25,677 | 28,876 | 6,896 | 5,519 |
-| \`tree\` | 56,616 | 18,102 | 16,096 | 20,273 | 5,268 | 4,149 |
-| \`trend\` | 30,083 | 11,203 | 9,927 | 4,413 | 1,326 | 991 |
-| \`video\` | 143,075 | 41,445 | 36,267 | 73,821 | 16,806 | 13,730 |
-| \`video-playlist\` | 109,297 | 33,176 | 29,235 | 43,136 | 9,654 | 7,743 |
-| \`virtual-list\` | 48,879 | 16,983 | 15,092 | 12,445 | 3,925 | 3,063 |
+| \`accordion\` | 38,711 | 13,631 | 12,080 | 9,774 | 2,591 | 1,968 |
+| \`announcement\` | 42,583 | 14,734 | 13,116 | 9,730 | 2,623 | 1,980 |
+| \`app-header\` | 29,830 | 10,898 | 9,622 | 6,112 | 1,631 | 1,132 |
+| \`area-chart\` | 90,175 | 30,721 | 27,175 | 21,609 | 5,956 | 4,673 |
+| \`aura\` | 53,497 | 18,568 | 16,426 | 28,065 | 8,715 | 7,358 |
+| \`avatar\` | 32,397 | 11,518 | 10,194 | 8,089 | 2,102 | 1,505 |
+| \`badge\` | 31,832 | 11,394 | 10,101 | 8,335 | 2,084 | 1,562 |
+| \`bar-chart\` | 98,834 | 32,718 | 28,948 | 29,877 | 7,818 | 6,234 |
+| \`blockquote\` | 28,460 | 10,810 | 9,543 | 4,676 | 1,421 | 950 |
+| \`breadcrumbs\` | 37,735 | 13,230 | 11,746 | 12,597 | 3,312 | 2,520 |
+| \`button\` | 44,047 | 14,711 | 13,071 | 12,158 | 3,062 | 2,242 |
+| \`button-group\` | 32,491 | 11,668 | 10,347 | 7,853 | 2,034 | 1,505 |
+| \`callout\` | 34,328 | 12,591 | 11,138 | 5,131 | 1,406 | 966 |
+| \`canvas\` | 115,638 | 33,782 | 29,423 | 77,139 | 20,890 | 17,182 |
+| \`card\` | 29,426 | 10,815 | 9,575 | 5,847 | 1,565 | 1,150 |
+| \`carousel\` | 51,570 | 16,165 | 14,379 | 26,120 | 6,089 | 4,966 |
+| \`chat\` | 78,616 | 24,265 | 21,449 | 34,735 | 8,676 | 7,000 |
+| \`checkbox\` | 47,527 | 15,292 | 13,617 | 10,028 | 2,567 | 1,886 |
+| \`checkbox-group\` | 55,032 | 17,116 | 15,184 | 16,410 | 4,109 | 3,027 |
+| \`code\` | 23,773 | 9,283 | 8,208 | 1,534 | 487 | 285 |
+| \`code-block\` | 110,978 | 33,561 | 29,770 | 47,276 | 10,442 | 8,501 |
+| \`color-input\` | 170,147 | 46,758 | 40,947 | 87,111 | 17,755 | 14,650 |
+| \`color-picker\` | 125,879 | 33,973 | 29,902 | 73,479 | 15,483 | 12,670 |
+| \`combobox\` | 149,224 | 43,933 | 38,566 | 57,065 | 12,664 | 10,226 |
+| \`command\` | 103,136 | 30,504 | 26,849 | 40,773 | 9,799 | 7,899 |
+| \`copy-button\` | 94,816 | 30,077 | 26,595 | 31,108 | 7,083 | 5,545 |
+| \`data-table\` | 237,797 | 65,711 | 54,693 | 146,340 | 34,858 | 26,654 |
+| \`date-input\` | 150,649 | 43,418 | 38,018 | 56,967 | 12,337 | 10,100 |
+| \`date-picker\` | 59,732 | 18,689 | 16,619 | 24,660 | 5,964 | 4,617 |
+| \`description-list\` | 29,247 | 10,532 | 9,322 | 5,841 | 1,434 | 876 |
+| \`dialog\` | 44,710 | 15,294 | 13,579 | 11,269 | 3,071 | 2,254 |
+| \`divider\` | 27,667 | 10,423 | 9,186 | 4,013 | 1,154 | 788 |
+| \`donut-chart\` | 91,924 | 30,670 | 27,145 | 24,659 | 6,543 | 5,244 |
+| \`drawer\` | 48,304 | 16,497 | 14,662 | 12,081 | 3,292 | 2,569 |
+| \`drilldown\` | 47,430 | 15,886 | 14,133 | 14,188 | 3,551 | 2,666 |
+| \`empty\` | 27,767 | 10,564 | 9,333 | 3,582 | 1,174 | 750 |
+| \`file-input\` | 75,983 | 23,592 | 20,959 | 29,897 | 7,611 | 5,958 |
+| \`filter-input\` | 156,054 | 43,551 | 38,039 | 73,641 | 15,334 | 12,454 |
+| \`flex\` | 28,186 | 10,188 | 9,026 | 5,150 | 1,157 | 767 |
+| \`format-date\` | 31,087 | 11,640 | 10,346 | 4,832 | 1,415 | 983 |
+| \`graph\` | 76,314 | 22,953 | 20,296 | 29,646 | 7,432 | 5,738 |
+| \`grid\` | 29,439 | 10,821 | 9,596 | 6,015 | 1,551 | 1,152 |
+| \`heatmap\` | 96,364 | 32,119 | 28,403 | 24,402 | 6,530 | 5,131 |
+| \`icon\` | 83,286 | 28,533 | 24,387 | 57,406 | 19,813 | 15,576 |
+| \`icon-button\` | 45,791 | 14,696 | 13,038 | 13,903 | 3,066 | 2,239 |
+| \`image\` | 29,623 | 10,933 | 9,695 | 5,863 | 1,753 | 1,281 |
+| \`input\` | 51,716 | 17,281 | 15,206 | 12,067 | 3,676 | 2,592 |
+| \`kbd\` | 31,206 | 11,669 | 10,349 | 5,913 | 1,741 | 1,259 |
+| \`legend\` | 40,423 | 14,375 | 12,704 | 8,567 | 2,381 | 1,696 |
+| \`lightbox\` | 55,194 | 17,397 | 15,431 | 20,979 | 5,200 | 3,884 |
+| \`line-chart\` | 94,301 | 31,461 | 27,865 | 25,400 | 6,624 | 5,305 |
+| \`list\` | 42,614 | 14,884 | 13,249 | 14,204 | 3,899 | 3,032 |
+| \`listbox\` | 77,037 | 24,463 | 21,667 | 21,861 | 5,889 | 4,445 |
+| \`loader\` | 30,062 | 11,088 | 9,858 | 5,833 | 1,698 | 1,261 |
+| \`map\` | 116,341 | 29,143 | 25,378 | 75,797 | 15,760 | 12,527 |
+| \`megamenu\` | 66,731 | 23,493 | 20,787 | 13,335 | 3,485 | 2,614 |
+| \`menu\` | 93,758 | 30,438 | 26,862 | 29,559 | 6,881 | 5,355 |
+| \`meter\` | 36,056 | 12,503 | 11,118 | 11,348 | 2,854 | 2,301 |
+| \`navigation\` | 33,921 | 12,651 | 11,213 | 3,859 | 1,225 | 768 |
+| \`notifications\` | 67,305 | 20,121 | 17,956 | 30,908 | 6,974 | 5,606 |
+| \`number-input\` | 55,976 | 18,206 | 16,218 | 15,418 | 4,073 | 2,942 |
+| \`object-inspector\` | 125,853 | 38,996 | 34,286 | 52,073 | 12,643 | 10,168 |
+| \`option\` | 31,721 | 11,306 | 9,993 | 7,821 | 1,967 | 1,440 |
+| \`orb\` | 35,300 | 13,597 | 12,047 | 9,407 | 3,582 | 2,898 |
+| \`outline\` | 37,400 | 13,291 | 11,768 | 11,265 | 3,066 | 2,286 |
+| \`pagination\` | 146,901 | 43,303 | 37,782 | 63,357 | 14,385 | 11,550 |
+| \`pin-input\` | 48,750 | 16,346 | 14,510 | 10,595 | 3,264 | 2,426 |
+| \`popover\` | 65,480 | 23,217 | 20,569 | 8,966 | 2,450 | 1,779 |
+| \`progress\` | 33,197 | 11,906 | 10,581 | 8,695 | 2,307 | 1,804 |
+| \`qr-code\` | 42,489 | 16,190 | 14,339 | 19,051 | 6,836 | 5,624 |
+| \`quote\` | 25,010 | 9,785 | 8,636 | 1,968 | 726 | 391 |
+| \`radio\` | 50,827 | 15,828 | 14,024 | 12,380 | 2,787 | 2,089 |
+| \`rating\` | 52,140 | 17,473 | 15,523 | 12,084 | 3,657 | 2,812 |
+| \`sandbox\` | 72,677 | 20,814 | 18,440 | 42,743 | 9,911 | 8,160 |
+| \`scatter-chart\` | 92,194 | 31,037 | 27,413 | 24,484 | 6,695 | 5,330 |
+| \`scroll-area\` | 37,855 | 12,977 | 11,523 | 13,889 | 3,625 | 2,817 |
+| \`select\` | 125,158 | 38,548 | 33,824 | 42,001 | 9,857 | 7,814 |
+| \`skeleton\` | 27,586 | 10,321 | 9,156 | 4,175 | 1,192 | 753 |
+| \`skip-link\` | 26,670 | 10,245 | 9,025 | 3,402 | 1,087 | 736 |
+| \`slider\` | 59,208 | 17,447 | 15,611 | 21,775 | 4,597 | 3,669 |
+| \`sparkline\` | 47,746 | 16,987 | 15,102 | 11,661 | 3,512 | 2,729 |
+| \`speed-dial\` | 74,838 | 25,531 | 22,639 | 17,163 | 3,958 | 2,994 |
+| \`splitter\` | 45,597 | 14,651 | 13,115 | 18,366 | 4,295 | 3,324 |
+| \`stat\` | 29,028 | 10,516 | 9,369 | 5,431 | 1,379 | 930 |
+| \`steps\` | 62,185 | 18,880 | 16,764 | 26,599 | 6,048 | 4,762 |
+| \`switch\` | 44,242 | 14,743 | 13,118 | 6,462 | 1,851 | 1,261 |
+| \`table\` | 90,549 | 26,305 | 23,252 | 44,169 | 10,519 | 8,637 |
+| \`tabs\` | 47,274 | 15,200 | 13,465 | 14,168 | 3,241 | 2,415 |
+| \`tag\` | 43,825 | 15,188 | 13,516 | 11,689 | 3,083 | 2,275 |
+| \`text\` | 31,185 | 10,898 | 9,626 | 7,764 | 1,608 | 1,089 |
+| \`textarea\` | 48,848 | 16,184 | 14,397 | 9,753 | 2,743 | 2,008 |
+| \`time-input\` | 182,147 | 52,014 | 45,225 | 72,137 | 15,746 | 12,703 |
+| \`time-picker\` | 102,012 | 30,183 | 26,622 | 42,839 | 10,162 | 8,126 |
+| \`timeline\` | 34,757 | 11,790 | 10,410 | 10,339 | 2,253 | 1,667 |
+| \`toast\` | 54,303 | 18,052 | 15,978 | 18,242 | 4,939 | 3,883 |
+| \`toggle\` | 51,402 | 16,600 | 14,764 | 10,959 | 2,922 | 2,180 |
+| \`toolbar\` | 34,938 | 12,472 | 11,053 | 8,439 | 2,267 | 1,627 |
+| \`tooltip\` | 63,778 | 22,685 | 20,074 | 11,637 | 3,233 | 2,401 |
+| \`tour\` | 90,819 | 29,076 | 25,764 | 28,971 | 6,939 | 5,441 |
+| \`tree\` | 54,884 | 17,751 | 15,743 | 19,937 | 5,142 | 4,003 |
+| \`trend\` | 29,490 | 11,181 | 9,911 | 5,361 | 1,631 | 1,069 |
+| \`video\` | 142,631 | 41,730 | 36,526 | 73,465 | 16,776 | 13,696 |
+| \`video-playlist\` | 109,161 | 33,413 | 29,414 | 43,086 | 9,445 | 7,568 |
+| \`virtual-list\` | 48,822 | 17,180 | 15,246 | 13,259 | 4,134 | 3,110 |
 
 ## What an install adds to \`node_modules\`
 
@@ -3952,12 +3983,12 @@ stripped column shows the bytes we removed.
 
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 1,870,667 | 437 | 498,690 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
-| \`@fusion.dev/helix-headless\` | 17,383,146 | 631 | 1,609,009 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
+| \`@fusion.dev/helix-core\` | 2,054,000 | 489 | 549,112 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
+| \`@fusion.dev/helix-headless\` | 18,434,488 | 665 | 1,746,772 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 149,615 | 21 | 47,843 | \`svgo\` |
-| \`@fusion.dev/helix-styles\` | 107,438 | 6 | 0 | none |
+| \`@fusion.dev/helix-styles\` | 109,709 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 528,598 | 8 | 5,393 | none |
-| \`@fusion.dev/helix\` | 17,913,464 | 905 | 410,028 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
+| \`@fusion.dev/helix\` | 18,762,650 | 913 | 397,566 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
 
 ## Not measured yet
 
@@ -4256,6 +4287,8 @@ names it with \`for\`. A Helix trigger is described as soon as it has rendered.
 A plain element in your markup is described the first time a reader points at
 it or focuses it, so the link is never written into markup your server sent.
 Write \`aria-describedby\` yourself to have the link in the server's markup.
+In the \`for\` form, the tooltip itself is out of the accessibility tree while
+its bubble is down, so a reader meets its words once, as the description.
 The pointer can move onto a tooltip's bubble and the bubble stays, so a reader
 can read it under a magnifier. Set \`hoverable="false"\` to hide it once the
 pointer reaches it.
@@ -4301,7 +4334,8 @@ way, and \`snapTo()\` moves it from script. In a
 mouse never swipes, because dragging with a mouse selects text. A \`Lightbox\`
 with \`max-zoom\` also zooms: pinch the item, or double click or double tap it,
 and drag it about once zoomed. It swipes only while the item is at its own
-size.
+size. With \`controls\` it also draws zoom-out and zoom-in controls, and once a
+reader stops zooming it says the new scale, such as "Zoomed to 150%".
 
 ## Choose an overlay