@fusion.dev/helix-docs 0.194.0 → 0.195.0

package/dist/sources.generated.js

@@ -728,11 +728,11 @@ Helix has these chart families, and each one has its own API page:
 - \`Line Chart\`
 - \`Area Chart\`
 - \`Scatter Chart\`
-- \`Spatial Scatter Chart\`, drawn in three dimensions by \`@fusion.dev/helix-plot\`
-- \`Spatial Surface Chart\`, drawn in three dimensions by \`@fusion.dev/helix-plot\`
+- \`Spatial Scatter Chart\`, drawn in three dimensions
+- \`Spatial Surface Chart\`, drawn in three dimensions
 - \`Donut Chart\`
 - \`Heatmap\`
-- \`Spatial Heatmap\`
+- \`Spatial Heatmap\`, drawn in three dimensions
 - \`Sparkline\`
 - \`Trend\`
 - \`Legend\`, which all of the charts share
@@ -756,20 +756,14 @@ Choose a chart by the question it answers.
   overlaps the series, and \`Area Chart\` adds them.
 - **Parts of one whole, at one moment.** \`Donut Chart\`.
 - **Whether two measures relate.** \`Scatter Chart\`, with one point per row.
-- **Where rows fall on three measures, and which gather together.** \`Scatter
-  3D\`, with one point per row in a box you can turn. Use it for data that has
-  three dimensions, such as clusters or embeddings. Its table and its flat
-  scatter carry the exact values.
-- **How one measure rises and falls over two others.** \`Spatial Surface Chart\`, with one
-  row per place on a grid, drawn as a surface you can turn. Use it for a measure
-  over two ranges, such as load by hour and by day. Its table carries the exact
-  values.
-
-The spatial charts and \`Spatial Heatmap\` draw themselves in 3D in SVG, which a
-server, a print, and a page without WebGL all show. Shift with an arrow turns
-the spatial charts' drawing. \`@fusion.dev/helix-plot\` draws all three with
-three.js instead, lit and in perspective, in a view you can drag round and
-zoom.
+- **Where rows fall on three measures, and which gather together.** \`Spatial
+  Scatter Chart\`, with one point per row in a box you can turn. Use it for data
+  that has three dimensions, such as clusters or embeddings. Its table and its
+  tooltip carry the exact values.
+- **How one measure rises and falls over two others.** \`Spatial Surface Chart\`,
+  with one row per place on a grid, drawn as a surface you can turn. Use it for
+  a measure over two ranges, such as load by hour and by day. Its table carries
+  the exact values.
 - **How each day or check went.** \`Heatmap\`, for uptime, contributions, or
   activity.
 - **The same days, as a relief.** \`Spatial Heatmap\` reads the same table as
@@ -781,6 +775,12 @@ zoom.
   Use \`Trend\` to show which way one measurement moved and whether that is good
   news.
 
+The three spatial charts draw themselves in 3D in SVG, which a
+print and a page without WebGL show too, and a drag or Shift with an arrow
+turns. \`@fusion.dev/helix-plot\` can also draw all three with three.js, lit and
+in perspective, in a view you can drag round and zoom. The
+[spatial charts guide](./spatial-charts) covers both.
+
 ## Charts read their data from a table
 
 \`\`\`html
@@ -843,8 +843,11 @@ reading a chart is usually read for:
 - \`Donut Chart\`: each slice's share of the whole.
 - \`Scatter Chart\`: each series' number of points and how strongly the two
   measures relate.
+- \`Spatial Scatter Chart\`: its three measures and its number of points.
+- \`Spatial Surface Chart\`: its measures, its number of readings, and the range
+  of its heights.
 
-\`Heatmap\` is an image with that name. \`Sparkline\` takes a \`label\` of its own.
+\`Heatmap\` and \`Spatial Heatmap\` are each an image with that name. \`Sparkline\` takes a \`label\` of its own.
 
 ## Tables that change
 
@@ -900,6 +903,8 @@ These parts change direction:
   right
 - \`Line Chart\`, \`Area Chart\`, and \`Sparkline\`, with their end marks
 - \`Heatmap\`'s weeks, which were already a grid laid out along the line
+- \`Spatial Heatmap\`'s weeks in its SVG drawing. A three.js drawing keeps its
+  direction, and the chart's labels follow it.
 - A half \`Donut Chart\`, which is read across
 
 These parts keep their direction:
@@ -913,6 +918,9 @@ These parts keep their direction:
   number line runs that way in every script. Its axis names read in their own
   direction, so a name in Arabic reads right to left under the far end of the
   plot. Its summary and tooltip follow the page's direction.
+- \`Spatial Scatter Chart\` and \`Spatial Surface Chart\` are laid out as on a
+  left-to-right page, because all three of their axes are measures. Their
+  summaries and tooltips follow the page's direction.
 
 To keep a chart left to right on a right-to-left page, such as a number line in
 a mathematics text, set \`dir="ltr"\` on the chart element. You need nothing else.
@@ -3164,6 +3172,7 @@ each framework.
 | \`@fusion.dev/helix-icons\` | You are drawing an icon outside a component |
 | \`@fusion.dev/helix-map\` | You are drawing a map with MapLibre, Leaflet, or a renderer of your own. See [Maps](./maps) |
 | \`@fusion.dev/helix-graph\` | You are drawing a graph with Sigma.js, cosmos.gl, three.js, or a renderer of your own. See [Graphs](./graphs) |
+| \`@fusion.dev/helix-plot\` | You are drawing a spatial chart with three.js. See [Spatial charts](./spatial-charts) |
 | \`@fusion.dev/helix-core\` | You are building a new Helix component |
 
 React uses the elements directly. Helix ships a \`jsx.d.ts\` that types every
@@ -4397,7 +4406,7 @@ on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 251,897 | 80,754 | 69,093 |
+| Lit and \`@fusion.dev/helix-core\` | 253,599 | 81,597 | 69,746 |
 
 ## Whole packages
 
@@ -4408,12 +4417,12 @@ either barrel. The per-component tables show what your page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 251,106 | 80,604 | 68,830 | The element base class, mixins, decorators, and floating positioning. |
-| \`@fusion.dev/helix-headless\` | 1,359,829 | 380,685 | 285,603 | Every headless family. The barrel entry includes all of them. |
+| \`@fusion.dev/helix-core\` | 252,808 | 81,455 | 69,467 | The element base class, mixins, decorators, and floating positioning. |
+| \`@fusion.dev/helix-headless\` | 1,366,720 | 383,153 | 287,254 | 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,043,807 | 529,318 | 377,652 | Every styled family. |
+| \`@fusion.dev/helix\` | 2,050,629 | 531,895 | 379,303 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
 
 ## Stylesheets
@@ -4434,11 +4443,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,136 bytes gzipped alone, and it adds 4,021 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
+**Most of your first component is the shared runtime.** The median styled family is 18,135 bytes gzipped alone, and it adds 4,014 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 108 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 529,318.
+Across the 108 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 531,895.
 
-No family imports a barrel. The \`barrels\` rule in \`fusion x workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 380,685 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
+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 383,153 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
 
 The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 17,291 bytes gzipped alone.
 
@@ -4457,12 +4466,12 @@ The table has no whole-library row. That row would compare how many components e
 | | Material Web | 47,060 | 14,173 | 12,591 |
 | | Shoelace | 62,628 | 18,287 | 15,805 |
 | | Spectrum | 98,792 | 22,045 | 18,674 |
-| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,514 |
+| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,518 |
 | | Carbon | 60,255 | 15,609 | 13,550 |
 | | Material Web | 43,785 | 13,556 | 12,015 |
 | | Shoelace | 47,614 | 15,177 | 13,301 |
 | | Spectrum | 62,492 | 15,437 | 13,481 |
-| \`dialog\` | **Helix** | 43,407 | 14,900 | 13,271 |
+| \`dialog\` | **Helix** | 43,407 | 14,900 | 13,269 |
 | | Carbon | 510,866 | 67,390 | 39,189 |
 | | Material Web | 34,238 | 11,510 | 10,229 |
 | | Shoelace | 52,754 | 17,698 | 15,554 |
@@ -4472,17 +4481,17 @@ The table has no whole-library row. That row would compare how many components e
 | | Material Web | 41,044 | 13,234 | 11,757 |
 | | Shoelace | 34,865 | 12,027 | 10,559 |
 | | Spectrum | 38,685 | 10,660 | 9,370 |
-| \`switch\` | **Helix** | 43,562 | 14,639 | 13,019 |
+| \`switch\` | **Helix** | 43,562 | 14,637 | 13,041 |
 | | Carbon | 69,423 | 17,127 | 14,764 |
 | | Material Web | 50,155 | 14,577 | 12,935 |
 | | Shoelace | 37,833 | 11,814 | 10,568 |
 | | Spectrum | 62,322 | 15,059 | 13,321 |
-| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,850 |
+| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,848 |
 | | Carbon | 578,766 | 73,537 | 43,235 |
 | | Material Web | 38,883 | 12,820 | 11,368 |
 | | Shoelace | 54,573 | 17,140 | 15,068 |
 | | Spectrum | 64,875 | 18,298 | 16,283 |
-| \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,346 |
+| \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,378 |
 | | Carbon | 189,382 | 30,354 | 22,273 |
 | | Material Web | | not shipped | |
 | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -4534,107 +4543,107 @@ Structure, accessibility, state, and form participation. It has no presentation
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 31,879 | 11,804 | 10,470 | 5,329 | 1,584 | 1,204 |
-| \`announcement\` | 36,692 | 13,312 | 11,893 | 4,682 | 1,388 | 1,101 |
-| \`app-header\` | 32,289 | 11,898 | 10,551 | 5,871 | 1,759 | 1,312 |
-| \`area-chart\` | 90,301 | 31,727 | 28,017 | 14,057 | 4,331 | 3,465 |
-| \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,206 | 975 |
-| \`badge\` | 27,088 | 10,568 | 9,406 | 2,942 | 909 | 757 |
-| \`bar-chart\` | 94,416 | 32,821 | 29,056 | 18,022 | 5,411 | 4,357 |
-| \`blockquote\` | 24,107 | 9,420 | 8,334 | 2,402 | 884 | 652 |
-| \`breadcrumbs\` | 36,279 | 13,907 | 12,385 | 7,360 | 2,429 | 1,944 |
-| \`button\` | 35,194 | 12,591 | 11,200 | 4,925 | 1,443 | 1,131 |
-| \`button-group\` | 27,640 | 10,382 | 9,204 | 4,927 | 1,514 | 1,162 |
-| \`callout\` | 35,256 | 13,593 | 12,073 | 2,884 | 977 | 780 |
-| \`canvas\` | 108,483 | 34,750 | 30,428 | 68,924 | 20,914 | 17,652 |
-| \`card\` | 23,824 | 9,093 | 8,106 | 2,090 | 653 | 533 |
-| \`carousel\` | 42,748 | 15,233 | 13,610 | 15,005 | 4,196 | 3,211 |
-| \`chat\` | 79,390 | 26,446 | 23,375 | 27,455 | 8,064 | 6,395 |
-| \`checkbox\` | 40,374 | 13,681 | 12,198 | 3,107 | 953 | 678 |
-| \`checkbox-group\` | 47,602 | 15,601 | 13,897 | 8,325 | 2,365 | 1,717 |
-| \`code\` | 20,301 | 8,015 | 7,122 | 138 | 73 | 25 |
-| \`code-block\` | 102,738 | 34,889 | 30,833 | 36,842 | 10,758 | 8,782 |
-| \`color-input\` | 141,792 | 45,090 | 39,356 | 55,132 | 14,316 | 11,584 |
-| \`color-picker\` | 103,415 | 32,966 | 28,858 | 47,253 | 12,729 | 10,287 |
-| \`combobox\` | 132,023 | 41,951 | 36,939 | 35,789 | 9,118 | 7,130 |
-| \`command\` | 99,560 | 31,521 | 27,729 | 30,059 | 8,120 | 6,390 |
-| \`copy-button\` | 80,548 | 27,648 | 24,460 | 18,341 | 4,992 | 3,960 |
-| \`data-table\` | 199,900 | 61,426 | 52,524 | 89,488 | 23,835 | 19,149 |
-| \`date-input\` | 141,223 | 44,511 | 39,138 | 38,228 | 9,486 | 7,492 |
-| \`date-picker\` | 61,360 | 20,935 | 18,805 | 20,345 | 5,607 | 4,454 |
-| \`description-list\` | 22,900 | 8,765 | 7,765 | 1,565 | 529 | 302 |
-| \`dialog\` | 38,294 | 13,635 | 12,133 | 5,837 | 1,719 | 1,302 |
-| \`divider\` | 22,991 | 8,924 | 7,882 | 1,416 | 507 | 400 |
-| \`donut-chart\` | 89,212 | 31,129 | 27,564 | 14,641 | 4,489 | 3,590 |
-| \`drawer\` | 42,939 | 15,158 | 13,506 | 7,698 | 2,304 | 1,742 |
-| \`drilldown\` | 42,756 | 14,941 | 13,295 | 9,709 | 2,730 | 2,100 |
-| \`empty\` | 24,241 | 9,287 | 8,245 | 1,951 | 644 | 439 |
-| \`file-input\` | 57,757 | 20,019 | 17,807 | 13,093 | 4,149 | 3,315 |
-| \`filter-input\` | 97,846 | 32,818 | 29,132 | 21,629 | 6,183 | 4,933 |
-| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,434 | 1,269 | 1,040 |
-| \`graph\` | 74,369 | 24,503 | 21,694 | 21,877 | 6,464 | 5,154 |
-| \`heatmap\` | 98,128 | 33,502 | 29,631 | 18,944 | 5,586 | 4,404 |
-| \`icon\` | 82,157 | 28,049 | 23,964 | 58,304 | 19,611 | 15,897 |
-| \`icon-button\` | 35,305 | 12,619 | 11,227 | 5,034 | 1,480 | 1,208 |
-| \`image\` | 25,504 | 9,479 | 8,405 | 3,823 | 1,151 | 945 |
-| \`input\` | 46,361 | 15,975 | 14,074 | 7,352 | 2,434 | 1,809 |
-| \`kbd\` | 27,511 | 10,569 | 9,338 | 3,516 | 1,119 | 901 |
-| \`legend\` | 35,184 | 12,934 | 11,492 | 2,957 | 993 | 759 |
-| \`lightbox\` | 55,724 | 18,816 | 16,719 | 16,730 | 4,681 | 3,522 |
-| \`line-chart\` | 91,335 | 31,880 | 28,245 | 14,762 | 4,405 | 3,591 |
-| \`list\` | 61,803 | 21,292 | 18,983 | 15,241 | 4,431 | 3,429 |
-| \`listbox\` | 76,711 | 25,427 | 22,459 | 15,564 | 4,618 | 3,475 |
-| \`loader\` | 26,379 | 10,041 | 8,930 | 2,775 | 948 | 654 |
-| \`map\` | 78,565 | 24,393 | 21,306 | 37,026 | 10,131 | 7,995 |
-| \`megamenu\` | 60,027 | 21,697 | 19,186 | 8,596 | 2,361 | 1,732 |
-| \`menu\` | 97,473 | 32,553 | 28,731 | 30,180 | 7,973 | 6,406 |
-| \`meter\` | 31,721 | 12,025 | 10,728 | 4,894 | 1,438 | 1,260 |
-| \`navigation\` | 33,088 | 12,436 | 11,036 | 3,366 | 1,150 | 954 |
-| \`notifications\` | 58,346 | 19,881 | 17,728 | 18,207 | 5,059 | 3,947 |
-| \`number-input\` | 56,271 | 18,842 | 16,797 | 13,523 | 3,633 | 2,708 |
-| \`object-inspector\` | 113,929 | 38,373 | 33,731 | 35,493 | 10,287 | 8,146 |
-| \`option\` | 26,477 | 9,763 | 8,667 | 4,524 | 1,192 | 940 |
-| \`outline\` | 33,612 | 12,597 | 11,180 | 7,856 | 2,581 | 2,088 |
-| \`pagination\` | 136,258 | 43,650 | 38,001 | 45,378 | 11,902 | 9,398 |
-| \`pin-input\` | 47,068 | 16,413 | 14,641 | 6,736 | 2,230 | 1,693 |
-| \`popover\` | 63,853 | 22,981 | 20,338 | 6,374 | 1,856 | 1,351 |
-| \`progress\` | 28,084 | 10,728 | 9,551 | 2,970 | 919 | 789 |
-| \`qr-code\` | 42,719 | 16,647 | 14,841 | 17,004 | 6,296 | 5,377 |
-| \`quote\` | 22,516 | 8,884 | 7,829 | 1,211 | 531 | 405 |
-| \`radio\` | 42,561 | 14,464 | 12,873 | 3,817 | 1,204 | 851 |
-| \`rating\` | 50,257 | 17,291 | 15,429 | 8,028 | 2,436 | 1,906 |
-| \`scatter-chart\` | 91,226 | 31,675 | 28,009 | 16,126 | 4,820 | 3,949 |
-| \`scroll-area\` | 30,430 | 11,078 | 9,813 | 8,499 | 2,593 | 2,089 |
-| \`select\` | 115,289 | 38,175 | 33,407 | 26,033 | 7,161 | 5,483 |
-| \`skeleton\` | 22,328 | 8,643 | 7,668 | 991 | 402 | 266 |
-| \`skip-link\` | 23,871 | 9,338 | 8,265 | 1,225 | 493 | 361 |
-| \`slider\` | 52,873 | 17,827 | 15,916 | 13,159 | 3,787 | 3,004 |
-| \`sparkline\` | 47,984 | 17,500 | 15,637 | 5,980 | 2,116 | 1,585 |
-| \`spatial-heatmap\` | 109,081 | 37,164 | 32,781 | 27,225 | 8,015 | 6,482 |
-| \`spatial-scatter-chart\` | 94,415 | 33,051 | 29,102 | 16,258 | 5,255 | 4,252 |
-| \`spatial-surface-chart\` | 96,111 | 33,772 | 29,752 | 17,890 | 5,910 | 4,832 |
-| \`speed-dial\` | 68,751 | 24,717 | 21,949 | 10,915 | 2,961 | 2,411 |
-| \`splitter\` | 43,751 | 15,169 | 13,536 | 14,396 | 3,855 | 3,139 |
-| \`stat\` | 25,255 | 9,674 | 8,601 | 2,303 | 765 | 559 |
-| \`steps\` | 53,623 | 18,636 | 16,600 | 13,602 | 3,849 | 3,027 |
-| \`switch\` | 39,233 | 13,495 | 12,037 | 1,679 | 615 | 474 |
-| \`table\` | 118,358 | 37,062 | 32,238 | 45,147 | 12,474 | 9,919 |
-| \`tabs\` | 46,310 | 15,908 | 14,138 | 10,491 | 2,883 | 2,252 |
-| \`tag\` | 42,676 | 15,621 | 13,972 | 8,454 | 2,531 | 1,931 |
-| \`textarea\` | 43,852 | 14,941 | 13,326 | 5,402 | 1,596 | 1,240 |
-| \`time-input\` | 169,269 | 52,675 | 45,763 | 48,510 | 12,450 | 9,857 |
-| \`time-picker\` | 99,603 | 31,518 | 27,788 | 33,933 | 9,200 | 7,222 |
-| \`timeline\` | 31,286 | 11,863 | 10,576 | 4,061 | 1,216 | 912 |
-| \`toast\` | 50,871 | 17,940 | 16,019 | 12,123 | 3,519 | 2,914 |
-| \`toggle\` | 45,577 | 15,271 | 13,575 | 6,007 | 1,808 | 1,331 |
-| \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,158 | 1,661 | 1,302 |
-| \`tooltip\` | 58,616 | 21,090 | 18,709 | 8,433 | 2,352 | 1,956 |
-| \`tour\` | 83,717 | 28,762 | 25,413 | 19,814 | 5,443 | 4,255 |
-| \`tree\` | 67,586 | 22,717 | 20,231 | 17,198 | 4,962 | 3,902 |
-| \`trend\` | 29,717 | 11,568 | 10,337 | 3,486 | 1,116 | 926 |
-| \`video\` | 141,208 | 44,138 | 38,535 | 66,218 | 16,803 | 13,737 |
-| \`video-playlist\` | 127,686 | 41,301 | 36,388 | 42,774 | 11,219 | 9,185 |
-| \`virtual-list\` | 63,451 | 21,631 | 19,310 | 23,305 | 7,160 | 5,748 |
+| \`accordion\` | 31,879 | 11,804 | 10,463 | 5,330 | 1,572 | 1,184 |
+| \`announcement\` | 36,692 | 13,312 | 11,865 | 4,681 | 1,394 | 1,020 |
+| \`app-header\` | 32,289 | 11,898 | 10,589 | 5,870 | 1,775 | 1,359 |
+| \`area-chart\` | 90,301 | 31,727 | 28,047 | 14,060 | 4,347 | 3,474 |
+| \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,201 | 929 |
+| \`badge\` | 27,088 | 10,568 | 9,406 | 2,944 | 911 | 738 |
+| \`bar-chart\` | 94,416 | 32,821 | 29,062 | 18,023 | 5,407 | 4,256 |
+| \`blockquote\` | 24,107 | 9,421 | 8,334 | 2,401 | 903 | 688 |
+| \`breadcrumbs\` | 36,279 | 13,907 | 12,385 | 7,361 | 2,402 | 1,869 |
+| \`button\` | 35,194 | 12,591 | 11,200 | 4,926 | 1,455 | 1,098 |
+| \`button-group\` | 27,640 | 10,382 | 9,204 | 4,929 | 1,517 | 1,139 |
+| \`callout\` | 35,256 | 13,593 | 12,073 | 2,884 | 985 | 701 |
+| \`canvas\` | 108,483 | 34,751 | 30,395 | 68,925 | 20,947 | 17,618 |
+| \`card\` | 23,824 | 9,093 | 8,106 | 2,090 | 641 | 517 |
+| \`carousel\` | 42,748 | 15,233 | 13,622 | 15,006 | 4,160 | 3,316 |
+| \`chat\` | 79,390 | 26,446 | 23,403 | 27,457 | 8,045 | 6,324 |
+| \`checkbox\` | 40,374 | 13,681 | 12,199 | 3,107 | 949 | 620 |
+| \`checkbox-group\` | 47,602 | 15,601 | 13,897 | 8,324 | 2,378 | 1,814 |
+| \`code\` | 20,301 | 8,015 | 7,122 | 138 | 79 | 107 |
+| \`code-block\` | 102,738 | 34,889 | 30,813 | 36,847 | 10,721 | 8,628 |
+| \`color-input\` | 141,792 | 45,090 | 39,392 | 55,137 | 14,277 | 11,627 |
+| \`color-picker\` | 103,415 | 32,966 | 28,892 | 47,255 | 12,677 | 10,255 |
+| \`combobox\` | 132,023 | 41,952 | 36,915 | 35,792 | 9,090 | 7,100 |
+| \`command\` | 99,560 | 31,521 | 27,740 | 30,062 | 8,097 | 6,482 |
+| \`copy-button\` | 80,548 | 27,649 | 24,468 | 18,340 | 4,952 | 3,895 |
+| \`data-table\` | 199,900 | 61,426 | 52,563 | 89,489 | 23,842 | 19,121 |
+| \`date-input\` | 141,223 | 44,511 | 39,182 | 38,231 | 9,442 | 7,441 |
+| \`date-picker\` | 61,360 | 20,935 | 18,809 | 20,346 | 5,589 | 4,396 |
+| \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 517 | 367 |
+| \`dialog\` | 38,294 | 13,635 | 12,136 | 5,837 | 1,717 | 1,386 |
+| \`divider\` | 22,991 | 8,924 | 7,882 | 1,415 | 522 | 355 |
+| \`donut-chart\` | 89,212 | 31,129 | 27,520 | 14,642 | 4,496 | 3,635 |
+| \`drawer\` | 42,939 | 15,158 | 13,507 | 7,699 | 2,306 | 1,792 |
+| \`drilldown\` | 42,756 | 14,941 | 13,295 | 9,709 | 2,719 | 2,168 |
+| \`empty\` | 24,241 | 9,287 | 8,242 | 1,951 | 635 | 457 |
+| \`file-input\` | 57,757 | 20,020 | 17,808 | 13,094 | 4,117 | 3,389 |
+| \`filter-input\` | 97,846 | 32,818 | 29,095 | 21,631 | 6,175 | 4,836 |
+| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,435 | 1,268 | 1,018 |
+| \`graph\` | 74,369 | 24,503 | 21,694 | 21,879 | 6,449 | 5,239 |
+| \`heatmap\` | 98,128 | 33,502 | 29,584 | 18,942 | 5,585 | 4,324 |
+| \`icon\` | 82,157 | 28,049 | 23,964 | 58,303 | 19,562 | 15,886 |
+| \`icon-button\` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 | 1,148 |
+| \`image\` | 25,504 | 9,480 | 8,405 | 3,823 | 1,158 | 913 |
+| \`input\` | 46,361 | 15,975 | 14,088 | 7,351 | 2,398 | 1,859 |
+| \`kbd\` | 27,511 | 10,569 | 9,338 | 3,518 | 1,126 | 894 |
+| \`legend\` | 35,184 | 12,935 | 11,537 | 2,956 | 1,006 | 777 |
+| \`lightbox\` | 55,724 | 18,816 | 16,720 | 16,731 | 4,656 | 3,449 |
+| \`line-chart\` | 91,335 | 31,880 | 28,263 | 14,763 | 4,402 | 3,598 |
+| \`list\` | 61,803 | 21,292 | 18,996 | 15,242 | 4,415 | 3,394 |
+| \`listbox\` | 76,711 | 25,427 | 22,459 | 15,565 | 4,602 | 3,431 |
+| \`loader\` | 26,379 | 10,041 | 8,931 | 2,774 | 951 | 694 |
+| \`map\` | 78,565 | 24,393 | 21,327 | 37,032 | 10,098 | 8,005 |
+| \`megamenu\` | 60,027 | 21,697 | 19,188 | 8,595 | 2,376 | 1,661 |
+| \`menu\` | 97,473 | 32,553 | 28,726 | 30,182 | 7,943 | 6,374 |
+| \`meter\` | 31,721 | 12,025 | 10,720 | 4,893 | 1,450 | 1,162 |
+| \`navigation\` | 33,088 | 12,436 | 11,036 | 3,365 | 1,147 | 888 |
+| \`notifications\` | 58,346 | 19,881 | 17,734 | 18,209 | 5,058 | 3,959 |
+| \`number-input\` | 56,271 | 18,842 | 16,800 | 13,525 | 3,613 | 2,722 |
+| \`object-inspector\` | 113,929 | 38,373 | 33,775 | 35,495 | 10,278 | 8,449 |
+| \`option\` | 26,477 | 9,763 | 8,667 | 4,524 | 1,211 | 906 |
+| \`outline\` | 33,612 | 12,597 | 11,180 | 7,858 | 2,573 | 2,022 |
+| \`pagination\` | 136,258 | 43,650 | 37,995 | 45,382 | 11,880 | 9,356 |
+| \`pin-input\` | 47,068 | 16,413 | 14,641 | 6,737 | 2,231 | 1,640 |
+| \`popover\` | 63,853 | 22,981 | 20,298 | 6,374 | 1,849 | 1,333 |
+| \`progress\` | 28,084 | 10,728 | 9,551 | 2,969 | 921 | 780 |
+| \`qr-code\` | 42,719 | 16,647 | 14,829 | 17,005 | 6,287 | 5,239 |
+| \`quote\` | 22,516 | 8,885 | 7,829 | 1,210 | 523 | 303 |
+| \`radio\` | 42,561 | 14,465 | 12,870 | 3,817 | 1,196 | 893 |
+| \`rating\` | 50,257 | 17,291 | 15,429 | 8,028 | 2,436 | 1,827 |
+| \`scatter-chart\` | 91,226 | 31,675 | 27,948 | 16,128 | 4,818 | 3,855 |
+| \`scroll-area\` | 30,430 | 11,079 | 9,813 | 8,499 | 2,584 | 2,077 |
+| \`select\` | 115,289 | 38,175 | 33,443 | 26,034 | 7,129 | 5,412 |
+| \`skeleton\` | 22,328 | 8,644 | 7,667 | 991 | 403 | 302 |
+| \`skip-link\` | 23,871 | 9,338 | 8,265 | 1,224 | 496 | 358 |
+| \`slider\` | 52,873 | 17,828 | 15,916 | 13,158 | 3,776 | 2,971 |
+| \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,982 | 2,127 | 1,647 |
+| \`spatial-heatmap\` | 113,453 | 38,788 | 34,093 | 31,595 | 9,606 | 7,748 |
+| \`spatial-scatter-chart\` | 98,077 | 34,517 | 30,421 | 18,240 | 5,991 | 4,777 |
+| \`spatial-surface-chart\` | 99,770 | 35,240 | 31,024 | 19,869 | 6,684 | 5,319 |
+| \`speed-dial\` | 68,751 | 24,717 | 21,875 | 10,914 | 2,935 | 2,294 |
+| \`splitter\` | 43,751 | 15,169 | 13,535 | 14,395 | 3,866 | 3,046 |
+| \`stat\` | 25,255 | 9,675 | 8,601 | 2,302 | 760 | 634 |
+| \`steps\` | 53,623 | 18,636 | 16,600 | 13,604 | 3,825 | 3,076 |
+| \`switch\` | 39,233 | 13,496 | 12,037 | 1,679 | 629 | 445 |
+| \`table\` | 118,358 | 37,062 | 32,225 | 45,150 | 12,431 | 10,049 |
+| \`tabs\` | 46,310 | 15,908 | 14,141 | 10,493 | 2,872 | 2,261 |
+| \`tag\` | 42,676 | 15,621 | 13,972 | 8,456 | 2,533 | 1,864 |
+| \`textarea\` | 43,852 | 14,940 | 13,327 | 5,403 | 1,610 | 1,200 |
+| \`time-input\` | 169,269 | 52,676 | 45,824 | 48,513 | 12,431 | 9,812 |
+| \`time-picker\` | 99,603 | 31,518 | 27,729 | 33,934 | 9,194 | 7,207 |
+| \`timeline\` | 31,286 | 11,863 | 10,576 | 4,062 | 1,201 | 899 |
+| \`toast\` | 50,871 | 17,941 | 16,003 | 12,125 | 3,530 | 2,618 |
+| \`toggle\` | 45,577 | 15,272 | 13,575 | 6,009 | 1,805 | 1,402 |
+| \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,159 | 1,672 | 1,278 |
+| \`tooltip\` | 58,616 | 21,090 | 18,708 | 8,435 | 2,352 | 1,933 |
+| \`tour\` | 83,717 | 28,762 | 25,377 | 19,810 | 5,445 | 4,244 |
+| \`tree\` | 67,586 | 22,717 | 20,231 | 17,200 | 4,960 | 3,815 |
+| \`trend\` | 29,717 | 11,568 | 10,337 | 3,488 | 1,120 | 851 |
+| \`video\` | 141,208 | 44,138 | 38,481 | 66,219 | 16,730 | 13,790 |
+| \`video-playlist\` | 127,686 | 41,300 | 36,381 | 42,779 | 11,205 | 9,176 |
+| \`virtual-list\` | 63,451 | 21,631 | 19,229 | 23,304 | 7,149 | 5,750 |
 
 ### Styled tier
 
@@ -4642,114 +4651,114 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 35,311 | 12,653 | 11,212 | 8,746 | 2,446 | 2,060 |
-| \`announcement\` | 41,307 | 14,365 | 12,836 | 9,278 | 2,485 | 1,972 |
-| \`app-header\` | 37,449 | 13,103 | 11,680 | 11,016 | 2,982 | 2,438 |
-| \`area-chart\` | 98,393 | 33,576 | 29,680 | 22,130 | 6,236 | 5,083 |
-| \`aura\` | 56,085 | 19,320 | 17,090 | 29,774 | 9,282 | 7,803 |
-| \`avatar\` | 33,464 | 12,351 | 11,066 | 6,945 | 1,982 | 1,637 |
-| \`badge\` | 32,595 | 11,821 | 10,514 | 8,438 | 2,162 | 1,752 |
-| \`bar-chart\` | 108,944 | 35,726 | 31,539 | 32,531 | 8,360 | 6,866 |
-| \`blockquote\` | 26,332 | 9,968 | 8,824 | 4,612 | 1,422 | 1,221 |
-| \`breadcrumbs\` | 43,220 | 15,115 | 13,532 | 14,285 | 3,663 | 2,991 |
-| \`button\` | 41,612 | 14,008 | 12,455 | 11,324 | 2,890 | 2,340 |
-| \`button-group\` | 31,138 | 11,066 | 9,841 | 8,408 | 2,193 | 1,717 |
-| \`callout\` | 39,049 | 14,537 | 12,904 | 6,659 | 1,939 | 1,538 |
-| \`canvas\` | 129,523 | 38,715 | 33,849 | 89,608 | 24,792 | 20,896 |
-| \`card\` | 27,725 | 10,100 | 8,963 | 5,976 | 1,640 | 1,412 |
-| \`carousel\` | 53,234 | 17,022 | 15,227 | 25,476 | 6,005 | 4,908 |
-| \`chat\` | 94,674 | 29,166 | 25,837 | 42,729 | 10,823 | 8,822 |
-| \`checkbox\` | 46,865 | 15,190 | 13,514 | 9,580 | 2,480 | 1,943 |
-| \`checkbox-group\` | 54,826 | 17,244 | 15,360 | 15,538 | 4,019 | 3,109 |
-| \`code\` | 21,154 | 8,333 | 7,394 | 976 | 404 | 368 |
-| \`code-block\` | 127,213 | 38,714 | 34,147 | 61,301 | 14,729 | 12,023 |
-| \`color-input\` | 184,176 | 51,349 | 44,945 | 97,505 | 20,459 | 17,136 |
-| \`color-picker\` | 140,348 | 38,509 | 33,818 | 84,178 | 18,271 | 15,178 |
-| \`combobox\` | 147,503 | 44,927 | 39,538 | 51,253 | 12,079 | 9,675 |
-| \`command\` | 110,838 | 33,878 | 29,811 | 41,332 | 10,512 | 8,549 |
-| \`copy-button\` | 92,577 | 29,825 | 26,419 | 30,354 | 7,206 | 5,862 |
-| \`data-table\` | 230,715 | 66,818 | 57,241 | 120,284 | 29,334 | 23,795 |
-| \`date-input\` | 162,349 | 48,216 | 42,470 | 59,337 | 13,202 | 10,831 |
-| \`date-picker\` | 69,281 | 22,362 | 20,076 | 28,248 | 7,048 | 5,764 |
-| \`description-list\` | 25,855 | 9,517 | 8,467 | 4,508 | 1,253 | 1,082 |
-| \`dialog\` | 43,407 | 14,900 | 13,271 | 10,933 | 3,027 | 2,496 |
-| \`divider\` | 25,291 | 9,546 | 8,434 | 3,699 | 1,140 | 956 |
-| \`donut-chart\` | 99,170 | 33,263 | 29,399 | 24,576 | 6,688 | 5,395 |
-| \`drawer\` | 48,772 | 16,542 | 14,744 | 13,512 | 3,701 | 3,104 |
-| \`drilldown\` | 48,438 | 16,236 | 14,452 | 15,377 | 4,023 | 3,285 |
-| \`empty\` | 25,550 | 9,762 | 8,654 | 3,242 | 1,097 | 811 |
-| \`file-input\` | 69,285 | 22,419 | 19,952 | 24,612 | 6,538 | 5,331 |
-| \`filter-input\` | 108,688 | 34,990 | 30,983 | 32,465 | 8,398 | 6,864 |
-| \`flex\` | 25,740 | 9,194 | 8,150 | 4,763 | 1,041 | 911 |
-| \`format-date\` | 30,414 | 11,403 | 10,191 | 4,672 | 1,401 | 1,173 |
-| \`graph\` | 89,037 | 27,080 | 23,947 | 36,527 | 9,167 | 7,434 |
-| \`grid\` | 27,002 | 9,846 | 8,729 | 5,638 | 1,469 | 1,276 |
-| \`heatmap\` | 105,486 | 35,190 | 31,043 | 26,281 | 7,256 | 5,856 |
-| \`icon\` | 83,995 | 28,567 | 24,524 | 60,129 | 20,147 | 16,458 |
-| \`icon-button\` | 43,040 | 13,980 | 12,450 | 12,753 | 2,881 | 2,232 |
-| \`image\` | 26,892 | 9,946 | 8,806 | 5,193 | 1,595 | 1,359 |
-| \`input\` | 50,619 | 17,064 | 15,034 | 11,593 | 3,541 | 2,695 |
-| \`kbd\` | 29,504 | 11,108 | 9,827 | 5,494 | 1,668 | 1,277 |
-| \`legend\` | 40,423 | 14,214 | 12,646 | 8,067 | 2,286 | 1,752 |
-| \`lightbox\` | 62,016 | 20,155 | 17,955 | 23,006 | 5,985 | 4,597 |
-| \`line-chart\` | 102,454 | 34,257 | 30,365 | 25,863 | 6,820 | 5,495 |
-| \`list\` | 68,150 | 22,814 | 20,368 | 21,568 | 5,960 | 4,810 |
-| \`listbox\` | 81,154 | 26,542 | 23,470 | 19,993 | 5,717 | 4,361 |
-| \`loader\` | 29,263 | 10,815 | 9,652 | 5,642 | 1,704 | 1,404 |
-| \`map\` | 111,513 | 29,574 | 25,953 | 69,963 | 15,530 | 12,540 |
-| \`megamenu\` | 64,996 | 22,864 | 20,254 | 13,546 | 3,538 | 2,702 |
-| \`menu\` | 108,403 | 34,710 | 30,647 | 41,097 | 10,151 | 8,248 |
-| \`meter\` | 37,896 | 13,377 | 11,942 | 11,050 | 2,799 | 2,381 |
-| \`navigation\` | 36,814 | 13,269 | 11,770 | 7,077 | 2,016 | 1,595 |
-| \`notifications\` | 71,839 | 22,457 | 20,046 | 31,691 | 7,660 | 6,292 |
-| \`number-input\` | 61,253 | 20,026 | 17,829 | 18,490 | 4,814 | 3,860 |
-| \`object-inspector\` | 130,338 | 41,205 | 36,256 | 51,881 | 13,188 | 10,707 |
-| \`option\` | 29,672 | 10,762 | 9,548 | 7,711 | 2,201 | 1,779 |
-| \`orb\` | 35,265 | 13,488 | 12,001 | 9,732 | 3,645 | 3,055 |
-| \`outline\` | 37,846 | 13,458 | 11,936 | 12,073 | 3,441 | 2,856 |
-| \`pagination\` | 153,264 | 46,929 | 40,863 | 62,363 | 15,233 | 12,251 |
-| \`pin-input\` | 50,409 | 17,316 | 15,431 | 10,058 | 3,137 | 2,329 |
-| \`popover\` | 67,005 | 23,748 | 20,996 | 9,508 | 2,647 | 2,109 |
-| \`progress\` | 35,232 | 12,380 | 11,035 | 10,101 | 2,588 | 2,315 |
-| \`qr-code\` | 44,321 | 17,121 | 15,279 | 18,588 | 6,784 | 5,745 |
-| \`quote\` | 23,074 | 9,079 | 7,998 | 1,752 | 704 | 648 |
-| \`radio\` | 50,349 | 15,975 | 14,204 | 11,592 | 2,742 | 2,183 |
-| \`rating\` | 54,190 | 18,519 | 16,488 | 11,945 | 3,641 | 2,938 |
-| \`sandbox\` | 104,428 | 31,486 | 27,625 | 72,144 | 19,140 | 16,207 |
-| \`scatter-chart\` | 100,317 | 33,784 | 29,939 | 25,196 | 6,955 | 5,758 |
-| \`scroll-area\` | 35,437 | 12,026 | 10,702 | 13,489 | 3,575 | 2,930 |
-| \`select\` | 124,418 | 40,070 | 35,132 | 35,145 | 9,071 | 7,140 |
-| \`skeleton\` | 26,090 | 9,664 | 8,587 | 4,738 | 1,396 | 1,182 |
-| \`skip-link\` | 25,441 | 9,851 | 8,691 | 2,780 | 970 | 843 |
-| \`slider\` | 67,842 | 20,138 | 18,001 | 28,108 | 6,159 | 4,980 |
-| \`sparkline\` | 53,442 | 18,851 | 16,864 | 11,420 | 3,478 | 2,863 |
-| \`spatial-heatmap\` | 118,016 | 39,202 | 34,545 | 36,139 | 10,081 | 8,262 |
-| \`spatial-scatter-chart\` | 101,873 | 34,752 | 30,607 | 23,695 | 6,991 | 5,660 |
-| \`spatial-surface-chart\` | 103,007 | 35,444 | 31,284 | 24,765 | 7,587 | 6,162 |
-| \`speed-dial\` | 75,797 | 26,105 | 23,165 | 17,945 | 4,385 | 3,465 |
-| \`splitter\` | 49,804 | 16,208 | 14,471 | 20,430 | 4,922 | 4,076 |
-| \`stat\` | 28,117 | 10,371 | 9,280 | 5,157 | 1,469 | 1,201 |
-| \`steps\` | 67,449 | 21,378 | 19,083 | 27,416 | 6,651 | 5,427 |
-| \`strands\` | 62,138 | 23,151 | 20,397 | 38,012 | 13,741 | 11,850 |
-| \`switch\` | 43,562 | 14,639 | 13,019 | 5,998 | 1,762 | 1,477 |
-| \`table\` | 135,900 | 40,155 | 34,967 | 62,688 | 15,591 | 12,696 |
-| \`tabs\` | 55,263 | 17,752 | 15,850 | 19,436 | 4,760 | 3,803 |
-| \`tag\` | 47,247 | 16,757 | 14,961 | 13,013 | 3,628 | 2,912 |
-| \`text\` | 28,756 | 9,943 | 8,755 | 7,395 | 1,497 | 1,217 |
-| \`textarea\` | 47,785 | 15,949 | 14,234 | 9,318 | 2,650 | 2,138 |
-| \`time-input\` | 193,597 | 56,836 | 49,555 | 72,825 | 16,683 | 13,638 |
-| \`time-picker\` | 111,928 | 33,946 | 29,855 | 46,250 | 11,628 | 9,363 |
-| \`timeline\` | 38,179 | 13,327 | 11,920 | 10,946 | 2,723 | 2,242 |
-| \`toast\` | 58,767 | 19,783 | 17,679 | 20,005 | 5,383 | 4,363 |
-| \`toggle\` | 50,439 | 16,510 | 14,664 | 10,854 | 3,073 | 2,558 |
-| \`toolbar\` | 33,726 | 12,066 | 10,725 | 7,822 | 2,162 | 1,693 |
-| \`tooltip\` | 61,420 | 21,834 | 19,346 | 11,219 | 3,088 | 2,508 |
-| \`tour\` | 93,708 | 30,741 | 27,201 | 29,784 | 7,467 | 6,010 |
-| \`tree\` | 76,275 | 24,651 | 21,944 | 25,873 | 6,911 | 5,538 |
-| \`trend\` | 31,231 | 12,049 | 10,723 | 4,981 | 1,588 | 1,260 |
-| \`video\` | 161,715 | 47,867 | 41,782 | 86,709 | 20,350 | 17,119 |
-| \`video-playlist\` | 143,639 | 44,279 | 38,894 | 58,710 | 14,190 | 11,757 |
-| \`virtual-list\` | 65,445 | 22,138 | 19,709 | 25,282 | 7,667 | 6,257 |
+| \`accordion\` | 35,311 | 12,653 | 11,213 | 8,747 | 2,421 | 1,974 |
+| \`announcement\` | 41,307 | 14,365 | 12,833 | 9,277 | 2,479 | 2,098 |
+| \`app-header\` | 37,449 | 13,103 | 11,680 | 11,015 | 2,976 | 2,312 |
+| \`area-chart\` | 98,393 | 33,576 | 29,645 | 22,133 | 6,229 | 5,122 |
+| \`aura\` | 56,085 | 19,320 | 17,097 | 29,775 | 9,288 | 7,750 |
+| \`avatar\` | 33,464 | 12,351 | 11,015 | 6,945 | 1,969 | 1,637 |
+| \`badge\` | 32,595 | 11,821 | 10,531 | 8,440 | 2,168 | 1,791 |
+| \`bar-chart\` | 108,944 | 35,726 | 31,614 | 32,532 | 8,362 | 6,849 |
+| \`blockquote\` | 26,332 | 9,968 | 8,824 | 4,613 | 1,446 | 1,130 |
+| \`breadcrumbs\` | 43,220 | 15,115 | 13,466 | 14,286 | 3,647 | 2,968 |
+| \`button\` | 41,612 | 14,008 | 12,455 | 11,325 | 2,891 | 2,244 |
+| \`button-group\` | 31,138 | 11,066 | 9,811 | 8,410 | 2,209 | 1,781 |
+| \`callout\` | 39,049 | 14,537 | 12,904 | 6,659 | 1,927 | 1,561 |
+| \`canvas\` | 129,523 | 38,715 | 33,895 | 89,609 | 24,828 | 20,866 |
+| \`card\` | 27,725 | 10,100 | 8,971 | 5,976 | 1,632 | 1,380 |
+| \`carousel\` | 53,234 | 17,023 | 15,249 | 25,477 | 5,978 | 4,835 |
+| \`chat\` | 94,674 | 29,166 | 25,843 | 42,734 | 10,809 | 8,796 |
+| \`checkbox\` | 46,865 | 15,190 | 13,518 | 9,580 | 2,490 | 2,004 |
+| \`checkbox-group\` | 54,826 | 17,244 | 15,367 | 15,537 | 4,010 | 3,053 |
+| \`code\` | 21,154 | 8,333 | 7,394 | 976 | 401 | 363 |
+| \`code-block\` | 127,213 | 38,714 | 34,162 | 61,302 | 14,710 | 12,105 |
+| \`color-input\` | 184,176 | 51,349 | 44,947 | 97,507 | 20,443 | 17,055 |
+| \`color-picker\` | 140,348 | 38,509 | 33,795 | 84,179 | 18,166 | 15,145 |
+| \`combobox\` | 147,503 | 44,927 | 39,562 | 51,256 | 12,039 | 9,604 |
+| \`command\` | 110,838 | 33,879 | 29,833 | 41,333 | 10,476 | 8,429 |
+| \`copy-button\` | 92,577 | 29,825 | 26,386 | 30,353 | 7,185 | 5,846 |
+| \`data-table\` | 230,715 | 66,818 | 57,251 | 120,291 | 29,344 | 23,793 |
+| \`date-input\` | 162,349 | 48,215 | 42,421 | 59,342 | 13,178 | 10,782 |
+| \`date-picker\` | 69,281 | 22,362 | 20,017 | 28,249 | 7,035 | 5,648 |
+| \`description-list\` | 25,855 | 9,517 | 8,467 | 4,508 | 1,254 | 993 |
+| \`dialog\` | 43,407 | 14,900 | 13,269 | 10,933 | 2,993 | 2,331 |
+| \`divider\` | 25,291 | 9,545 | 8,433 | 3,698 | 1,154 | 849 |
+| \`donut-chart\` | 99,170 | 33,263 | 29,403 | 24,577 | 6,675 | 5,401 |
+| \`drawer\` | 48,772 | 16,542 | 14,770 | 13,513 | 3,692 | 2,931 |
+| \`drilldown\` | 48,438 | 16,238 | 14,452 | 15,379 | 4,017 | 3,101 |
+| \`empty\` | 25,550 | 9,762 | 8,654 | 3,242 | 1,093 | 801 |
+| \`file-input\` | 69,285 | 22,420 | 19,917 | 24,613 | 6,514 | 5,384 |
+| \`filter-input\` | 108,688 | 34,991 | 31,082 | 32,466 | 8,398 | 6,782 |
+| \`flex\` | 25,740 | 9,194 | 8,149 | 4,762 | 1,034 | 843 |
+| \`format-date\` | 30,414 | 11,403 | 10,192 | 4,673 | 1,393 | 1,157 |
+| \`graph\` | 89,037 | 27,080 | 23,924 | 36,529 | 9,140 | 7,407 |
+| \`grid\` | 27,002 | 9,845 | 8,729 | 5,639 | 1,457 | 1,240 |
+| \`heatmap\` | 105,486 | 35,190 | 31,062 | 26,279 | 7,237 | 5,798 |
+| \`icon\` | 83,995 | 28,566 | 24,460 | 60,128 | 20,114 | 16,451 |
+| \`icon-button\` | 43,040 | 13,980 | 12,450 | 12,754 | 2,864 | 2,249 |
+| \`image\` | 26,892 | 9,947 | 8,807 | 5,193 | 1,610 | 1,303 |
+| \`input\` | 50,619 | 17,064 | 15,061 | 11,594 | 3,496 | 2,646 |
+| \`kbd\` | 29,504 | 11,109 | 9,826 | 5,496 | 1,659 | 1,287 |
+| \`legend\` | 40,423 | 14,214 | 12,646 | 8,066 | 2,281 | 1,805 |
+| \`lightbox\` | 62,016 | 20,155 | 17,959 | 23,007 | 5,966 | 4,600 |
+| \`line-chart\` | 102,454 | 34,257 | 30,362 | 25,865 | 6,819 | 5,621 |
+| \`list\` | 68,150 | 22,814 | 20,368 | 21,569 | 5,915 | 4,743 |
+| \`listbox\` | 81,154 | 26,542 | 23,472 | 19,994 | 5,688 | 4,357 |
+| \`loader\` | 29,263 | 10,815 | 9,652 | 5,641 | 1,700 | 1,373 |
+| \`map\` | 111,513 | 29,574 | 26,031 | 69,971 | 15,441 | 12,628 |
+| \`megamenu\` | 64,996 | 22,864 | 20,203 | 13,546 | 3,540 | 2,736 |
+| \`menu\` | 108,403 | 34,710 | 30,643 | 41,096 | 10,137 | 8,252 |
+| \`meter\` | 37,896 | 13,377 | 11,956 | 11,049 | 2,800 | 2,325 |
+| \`navigation\` | 36,814 | 13,269 | 11,770 | 7,076 | 2,010 | 1,606 |
+| \`notifications\` | 71,839 | 22,457 | 20,073 | 31,694 | 7,653 | 6,283 |
+| \`number-input\` | 61,253 | 20,026 | 17,873 | 18,492 | 4,793 | 3,691 |
+| \`object-inspector\` | 130,338 | 41,205 | 36,201 | 51,889 | 13,159 | 10,673 |
+| \`option\` | 29,672 | 10,762 | 9,548 | 7,712 | 2,201 | 1,867 |
+| \`orb\` | 35,265 | 13,488 | 12,001 | 9,730 | 3,661 | 3,121 |
+| \`outline\` | 37,846 | 13,457 | 11,935 | 12,075 | 3,444 | 2,713 |
+| \`pagination\` | 153,264 | 46,929 | 40,825 | 62,371 | 15,207 | 12,259 |
+| \`pin-input\` | 50,409 | 17,316 | 15,431 | 10,059 | 3,133 | 2,500 |
+| \`popover\` | 67,005 | 23,748 | 21,011 | 9,508 | 2,639 | 2,080 |
+| \`progress\` | 35,232 | 12,380 | 11,029 | 10,100 | 2,593 | 2,251 |
+| \`qr-code\` | 44,321 | 17,121 | 15,279 | 18,589 | 6,787 | 5,616 |
+| \`quote\` | 23,074 | 9,079 | 8,008 | 1,751 | 718 | 491 |
+| \`radio\` | 50,349 | 15,975 | 14,204 | 11,592 | 2,733 | 2,051 |
+| \`rating\` | 54,190 | 18,518 | 16,487 | 11,945 | 3,653 | 2,939 |
+| \`sandbox\` | 104,428 | 31,486 | 27,654 | 72,146 | 19,183 | 16,072 |
+| \`scatter-chart\` | 100,317 | 33,784 | 29,841 | 25,198 | 6,980 | 5,728 |
+| \`scroll-area\` | 35,437 | 12,025 | 10,713 | 13,489 | 3,555 | 2,960 |
+| \`select\` | 124,418 | 40,070 | 35,144 | 35,148 | 9,050 | 7,101 |
+| \`skeleton\` | 26,090 | 9,664 | 8,583 | 4,738 | 1,396 | 1,124 |
+| \`skip-link\` | 25,441 | 9,851 | 8,691 | 2,779 | 968 | 800 |
+| \`slider\` | 67,842 | 20,140 | 17,993 | 28,109 | 6,167 | 4,988 |
+| \`sparkline\` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,905 |
+| \`spatial-heatmap\` | 122,253 | 40,833 | 35,901 | 40,379 | 11,664 | 9,503 |
+| \`spatial-scatter-chart\` | 105,573 | 36,234 | 31,874 | 25,715 | 7,727 | 6,268 |
+| \`spatial-surface-chart\` | 106,704 | 36,932 | 32,574 | 26,782 | 8,346 | 6,841 |
+| \`speed-dial\` | 75,797 | 26,105 | 23,154 | 17,946 | 4,387 | 3,416 |
+| \`splitter\` | 49,804 | 16,208 | 14,471 | 20,431 | 4,916 | 3,942 |
+| \`stat\` | 28,117 | 10,371 | 9,280 | 5,156 | 1,472 | 1,211 |
+| \`steps\` | 67,449 | 21,378 | 19,083 | 27,419 | 6,623 | 5,485 |
+| \`strands\` | 62,138 | 23,151 | 20,400 | 38,013 | 13,697 | 11,979 |
+| \`switch\` | 43,562 | 14,637 | 13,041 | 5,998 | 1,760 | 1,423 |
+| \`table\` | 135,900 | 40,155 | 34,899 | 62,694 | 15,563 | 12,671 |
+| \`tabs\` | 55,263 | 17,752 | 15,848 | 19,437 | 4,744 | 3,738 |
+| \`tag\` | 47,247 | 16,757 | 14,960 | 13,015 | 3,632 | 2,927 |
+| \`text\` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,217 |
+| \`textarea\` | 47,785 | 15,949 | 14,223 | 9,319 | 2,648 | 2,027 |
+| \`time-input\` | 193,597 | 56,836 | 49,546 | 72,826 | 16,608 | 13,473 |
+| \`time-picker\` | 111,928 | 33,946 | 29,942 | 46,255 | 11,612 | 9,365 |
+| \`timeline\` | 38,179 | 13,327 | 11,920 | 10,948 | 2,704 | 2,118 |
+| \`toast\` | 58,767 | 19,784 | 17,685 | 20,007 | 5,392 | 4,233 |
+| \`toggle\` | 50,439 | 16,510 | 14,664 | 10,856 | 3,074 | 2,438 |
+| \`toolbar\` | 33,726 | 12,066 | 10,725 | 7,823 | 2,165 | 1,693 |
+| \`tooltip\` | 61,420 | 21,834 | 19,378 | 11,221 | 3,098 | 2,557 |
+| \`tour\` | 93,708 | 30,741 | 27,185 | 29,782 | 7,474 | 5,941 |
+| \`tree\` | 76,275 | 24,650 | 21,975 | 25,874 | 6,890 | 5,610 |
+| \`trend\` | 31,231 | 12,049 | 10,723 | 4,983 | 1,581 | 1,212 |
+| \`video\` | 161,715 | 47,867 | 41,735 | 86,708 | 20,440 | 17,030 |
+| \`video-playlist\` | 143,639 | 44,278 | 38,910 | 58,711 | 14,179 | 11,678 |
+| \`virtual-list\` | 65,445 | 22,138 | 19,718 | 25,281 | 7,664 | 6,198 |
 
 ## What an install adds to \`node_modules\`
 
@@ -4761,12 +4770,12 @@ stripped column shows the bytes we removed.
 
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 2,593,631 | 567 | 743,574 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
-| \`@fusion.dev/helix-headless\` | 25,857,080 | 730 | 2,314,273 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
+| \`@fusion.dev/helix-core\` | 2,603,668 | 569 | 751,479 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
+| \`@fusion.dev/helix-headless\` | 25,880,966 | 730 | 2,329,616 | \`@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,243 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
-| \`@fusion.dev/helix\` | 27,147,873 | 981 | 543,383 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
+| \`@fusion.dev/helix\` | 27,255,887 | 981 | 543,384 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
 
 ## Not measured yet
 
@@ -6860,17 +6869,32 @@ Once three.js has drawn, the chart hides its SVG drawing.
 | | SVG | three.js |
 |---|---|---|
 | What it needs | Nothing more than the chart | \`@fusion.dev/helix-plot\`, three.js, and WebGL |
-| How the view moves | Shift with an arrow turns it a step | Drag to turn, the wheel or a pinch to zoom, and Shift with an arrow to turn a step |
+| How the view moves | Drag to turn and tilt, and Shift with an arrow to turn a step | Drag to turn, the wheel or a pinch to zoom, and Shift with an arrow to turn a step |
 | Light | Shaded by which way each face turns, with no perspective | Lit from above, in perspective |
 | Without WebGL | Drawn | Not drawn, and the SVG drawing stays |
 
-Start with SVG. Connect three.js where a reader gains from turning the chart
-freely, or where the data is too large for SVG to draw smoothly.
+Start with SVG. Connect three.js where a reader gains from zooming and from
+perspective, or where the data is larger than SVG draws smoothly.
+
+**The SVG drawing turns within a frame or two up to these sizes**, measured in
+Chromium on an Apple silicon Mac:
+
+| Chart | Turns within a frame or two | Measured above that |
+|---|---|---|
+| \`Spatial Scatter Chart\` | 2,000 points | 5,000 points: 67 ms a turn step |
+| \`Spatial Surface Chart\` | 900 readings, a grid of 30 by 30 | 1,600 readings: 50 ms, and 3,600: 113 ms |
+| \`Spatial Heatmap\` | 365 days | 730 days: 50 ms, and 1,825: 132 ms |
+
+A slower machine reaches these sizes sooner. three.js draws each chart on the
+graphics card.
 
 ## Read a chart with the pointer and the keys
 
 A pointer resting on a reading shows its row in the chart's tooltip, the same
-tooltip every Helix chart shows. A tap shows it until a tap lands elsewhere.
+tooltip every Helix chart shows. A tap shows it until a tap lands elsewhere. A
+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.
 
 The plot takes focus, and the keys move the reading:
 
@@ -6886,10 +6910,19 @@ The plot takes focus, and the keys move the reading:
 \`Spatial Heatmap\` takes \`Heatmap\`'s keys, and Shift with an arrow turns its
 view, except under \`selection-mode="multiple"\`, where it selects a range.
 
-In three.js, a turn moves over a quarter of a second, and with reduced motion
-set it happens at once. The SVG drawing turns in one step. No spatial chart
+In three.js, a step of Shift with an arrow moves over a quarter of a second,
+and with reduced motion set it happens at once. In the SVG drawing, a step
+happens at once, and a drag turns the view as the pointer moves. Both drawings
+turn round the middle of the data and keep their size through a drag, so
+nothing else on the page moves. Once the drag ends, the SVG drawing settles
+into the space that fits it, at once with reduced motion set. No spatial chart
 turns by itself.
 
+The numbers and names stand outside the box, along the edges that face the
+reader, and move to other edges as the view turns. A number that would cover
+another is left out. \`Spatial Heatmap\` stands its first and last labels under
+the two ends of its front edge, clear of the relief.
+
 ## Color a spatial chart
 
 Each chart takes its colors from your theme, and these hooks change them: