@fusion.dev/helix-docs 0.103.3 → 0.104.1

package/dist/sources.generated.js

@@ -316,7 +316,7 @@ a combobox that appears not to open.
 
 [//]: # (renders)
 
-**27 of the 96 headless families interpolate another family's tag**, across 20 distinct children.
+**27 of the 97 headless families interpolate another family's tag**, across 20 distinct children.
 
 | Family | Renders |
 |---|---|
@@ -2012,9 +2012,9 @@ to keep up to date.
 
 ## Translatable strings
 
-Seventy properties across the headless tier are strings a reader sees, and every
-one is a property rather than a hardcoded word. The ones that combine
-values are format templates:
+Over a hundred properties across the headless tier are strings a reader sees,
+from \`pan-up-label\` on a map to \`remove-label\` on a combobox's chosen tags. The
+ones that combine values are format templates:
 
 \`\`\`html
 <helix-pagination-summary
@@ -2029,6 +2029,22 @@ values are format templates:
 The placeholders are named rather than positional, so a translation can reorder
 them, which some languages require and a positional format cannot express.
 
+**Validation messages are properties too**, named for the validity flag each
+one reports: \`value-missing-message\`, \`bad-input-message\`,
+\`range-underflow-message\`, \`range-overflow-message\`, \`too-short-message\`. They
+reach the browser's own bubble as well as the line under the field, which
+\`feedback\` alone does not. Left unset, a text field keeps the browser's own
+message, which is already in the reader's language, and every other control
+keeps its English sentence.
+
+\`\`\`html
+<helix-number-input
+  label="Invités"
+  min="2"
+  range-underflow-message="Au moins {min}."
+></helix-number-input>
+\`\`\`
+
 **Pass these from your own translation system.** Helix ships English defaults
 and no translation machinery: a design system that owned the string catalog
 would be a second one to keep in step with yours.
@@ -2113,7 +2129,7 @@ nobody ever downloads this floor on its own.
 
 | | Raw | Gzip | Brotli |
 |---|---|---|---|
-| Lit and \`@fusion.dev/helix-core\` | 160,707 | 52,703 | 44,650 |
+| Lit and \`@fusion.dev/helix-core\` | 167,209 | 54,066 | 45,791 |
 
 ## Whole packages
 
@@ -2124,11 +2140,11 @@ repository does that. The per-component tables are what a page pays.
 
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 160,260 | 52,321 | 44,402 | Element base class, mixins, decorators, floating positioning. |
-| \`@fusion.dev/helix-headless\` | 615,167 | 159,054 | 123,774 | Every headless family, which is what the barrel means. |
+| \`@fusion.dev/helix-core\` | 166,763 | 53,662 | 45,511 | Element base class, mixins, decorators, floating positioning. |
+| \`@fusion.dev/helix-headless\` | 679,245 | 176,721 | 137,416 | Every headless family, which is what the barrel means. |
 | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
 | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
-| \`@fusion.dev/helix\` | 1,098,954 | 256,645 | 188,442 | Every styled family. |
+| \`@fusion.dev/helix\` | 1,179,594 | 277,791 | 203,945 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
 
 ## The stylesheets
@@ -2142,20 +2158,20 @@ is the whole cost of adopting the base layer on its own.
 | File | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
 | \`base.css\` | 30,672 | 4,430 | 3,844 | The base layer. Recipes for markup Helix does not render, usable with no JavaScript at all. |
-| \`elements.css\` | 8,007 | 1,361 | 1,218 | Hides each element until its definition loads, generated from the tags in \`@fusion.dev/helix\`. |
+| \`elements.css\` | 8,174 | 1,388 | 1,250 | Hides each element until its definition loads, generated from the tags in \`@fusion.dev/helix\`. |
 | \`helix.css\` | 207 | 148 | 118 | The four above in one import, in the order they have to be in. |
 | \`primitives.css\` | 6,390 | 1,260 | 1,084 | The primitive layer. Private, shipped because \`tokens.css\` resolves into it. |
 | \`tokens.css\` | 20,987 | 2,567 | 2,138 | The 191 semantic tokens. Nothing paints without this. |
 
 ## What the numbers say
 
-**Most of a first component is the runtime under it.** The median styled family is 15,993 bytes gzipped alone and adds 2,179 to a page that already has Helix on it, so 86 percent of the first one is shared and 14 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
+**Most of a first component is the runtime under it.** The median styled family is 17,749 bytes gzipped alone and adds 2,176 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
 
-Across the tier: the cheapest is \`code\` at 9,497 gzipped alone, the dearest \`data-table\` at 59,317, over 102 components. Every family at once is 256,645.
+Across the tier: the cheapest is \`code\` at 9,701 gzipped alone, the dearest \`data-table\` at 59,924, over 103 components. Every family at once is 277,791.
 
-**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 159,054 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 102 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
+**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 176,721 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 103 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
 
-The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,026 bytes gzipped alone.
+The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,633 bytes gzipped alone.
 
 ## Against other systems
 
@@ -2167,43 +2183,43 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
 
 | Component | System | Raw | Gzip | Brotli |
 |---|---|---|---|---|
-| \`button\` | **Helix** | 39,438 | 12,051 | 10,634 |
+| \`button\` | **Helix** | 41,582 | 12,277 | 10,803 |
 | | 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** | 43,297 | 13,113 | 11,529 |
+| \`checkbox\` | **Helix** | 45,986 | 13,465 | 11,834 |
 | | Carbon | 60,255 | 15,609 | 13,550 |
 | | Material Web | 43,785 | 13,556 | 12,015 |
 | | Shoelace | 47,614 | 15,177 | 13,301 |
 | | Spectrum | 62,492 | 15,437 | 13,481 |
-| \`dialog\` | **Helix** | 36,693 | 11,680 | 10,323 |
+| \`dialog\` | **Helix** | 38,816 | 11,888 | 10,487 |
 | | 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** | 46,815 | 13,506 | 11,906 |
+| \`radio\` | **Helix** | 49,852 | 13,985 | 12,294 |
 | | 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** | 40,673 | 12,699 | 11,200 |
+| \`switch\` | **Helix** | 43,362 | 13,045 | 11,460 |
 | | 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** | 42,675 | 12,898 | 11,372 |
+| \`tabs\` | **Helix** | 45,127 | 13,247 | 11,644 |
 | | 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** | 63,507 | 21,496 | 19,065 |
+| \`tooltip\` | **Helix** | 65,707 | 21,725 | 19,226 |
 | | Carbon | 189,382 | 30,354 | 22,273 |
 | | Material Web | | not shipped | |
 | | Shoelace | 57,412 | 20,220 | 17,933 |
 | | Spectrum | 136,599 | 40,552 | 35,286 |
 
-**Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,846 bytes gzipped. 7 of 28 peer measurements come in under ours.
+**Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, by 3,325 bytes gzipped. 7 of 28 peer measurements come in under ours.
 
 - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
 - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -2248,102 +2264,103 @@ Structure, accessibility, state and form participation. No presentation, and no
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 80,084 | 26,757 | 21,876 | 2,875 | 733 | 648 |
-| \`announcement\` | 77,373 | 25,841 | 21,168 | 1,231 | 308 | 220 |
-| \`app-header\` | 29,258 | 9,774 | 8,612 | 1,248 | 295 | 202 |
-| \`area-chart\` | 75,103 | 25,679 | 22,714 | 10,926 | 3,351 | 2,814 |
-| \`avatar\` | 31,307 | 10,370 | 9,172 | 3,257 | 883 | 709 |
-| \`badge\` | 28,793 | 9,703 | 8,548 | 1,162 | 303 | 209 |
-| \`bar-chart\` | 76,754 | 26,042 | 23,054 | 12,569 | 3,724 | 3,079 |
-| \`blockquote\` | 28,808 | 9,733 | 8,556 | 774 | 171 | 166 |
-| \`breadcrumbs\` | 76,869 | 25,406 | 20,937 | 1,965 | 434 | 336 |
-| \`button\` | 33,345 | 10,931 | 9,645 | 3,095 | 788 | 636 |
-| \`button-group\` | 28,664 | 9,618 | 8,465 | 661 | 139 | 61 |
-| \`callout\` | 75,989 | 25,266 | 20,871 | 914 | 233 | 108 |
-| \`card\` | 28,698 | 9,632 | 8,480 | 694 | 136 | 62 |
-| \`carousel\` | 85,236 | 28,104 | 23,168 | 9,998 | 2,597 | 2,169 |
-| \`chat\` | 99,276 | 33,049 | 27,207 | 17,331 | 5,034 | 4,097 |
-| \`checkbox\` | 36,788 | 11,693 | 10,320 | 2,309 | 663 | 508 |
-| \`checkbox-group\` | 39,810 | 12,368 | 10,872 | 4,810 | 1,251 | 997 |
-| \`code\` | 27,283 | 9,203 | 8,103 | 451 | 71 | 86 |
-| \`code-block\` | 121,515 | 40,468 | 34,129 | 17,122 | 4,495 | 3,769 |
-| \`color-input\` | 135,648 | 43,876 | 37,013 | 23,086 | 5,501 | 4,525 |
-| \`color-picker\` | 103,165 | 33,201 | 27,386 | 17,450 | 4,257 | 3,604 |
-| \`combobox\` | 132,771 | 42,823 | 35,920 | 20,386 | 5,075 | 4,175 |
-| \`command\` | 103,163 | 32,749 | 26,839 | 17,707 | 4,507 | 3,678 |
-| \`copy-button\` | 116,113 | 38,844 | 32,660 | 11,718 | 2,927 | 2,390 |
-| \`data-table\` | 170,848 | 52,840 | 44,617 | 54,814 | 13,959 | 11,627 |
-| \`date-input\` | 130,586 | 42,300 | 35,570 | 18,287 | 4,675 | 3,815 |
-| \`date-picker\` | 87,715 | 28,988 | 23,820 | 9,781 | 2,702 | 2,204 |
-| \`description-list\` | 28,767 | 9,570 | 8,423 | 1,132 | 186 | 91 |
-| \`dialog\` | 32,316 | 10,661 | 9,390 | 2,717 | 792 | 679 |
-| \`divider\` | 29,014 | 9,808 | 8,621 | 981 | 236 | 183 |
-| \`donut-chart\` | 72,886 | 24,651 | 21,814 | 10,139 | 2,979 | 2,462 |
-| \`drawer\` | 31,069 | 10,294 | 9,080 | 1,761 | 463 | 406 |
-| \`drilldown\` | 84,359 | 28,055 | 22,916 | 5,618 | 1,481 | 1,270 |
-| \`empty\` | 28,820 | 9,673 | 8,552 | 816 | 182 | 206 |
-| \`file-input\` | 87,479 | 28,848 | 23,598 | 6,123 | 1,753 | 1,444 |
-| \`filter-input\` | 143,776 | 45,769 | 38,476 | 27,855 | 6,744 | 5,559 |
-| \`format-date\` | 32,277 | 10,786 | 9,534 | 2,867 | 715 | 656 |
-| \`heatmap\` | 74,108 | 24,877 | 22,004 | 10,797 | 3,002 | 2,456 |
-| \`icon\` | 75,556 | 25,091 | 20,691 | 1,018 | 227 | 165 |
-| \`icon-button\` | 33,744 | 10,965 | 9,643 | 3,494 | 825 | 702 |
-| \`image\` | 30,837 | 10,169 | 8,951 | 3,156 | 834 | 658 |
-| \`input\` | 86,701 | 28,411 | 23,289 | 4,742 | 1,312 | 1,009 |
-| \`kbd\` | 30,618 | 10,393 | 9,153 | 2,976 | 998 | 787 |
-| \`legend\` | 32,670 | 10,897 | 9,618 | 1,080 | 276 | 187 |
-| \`lightbox\` | 36,565 | 11,686 | 10,289 | 4,740 | 1,191 | 974 |
-| \`line-chart\` | 74,684 | 25,371 | 22,483 | 10,589 | 3,082 | 2,540 |
-| \`list\` | 29,720 | 9,805 | 8,638 | 1,726 | 331 | 296 |
-| \`listbox\` | 94,914 | 30,905 | 25,235 | 10,943 | 2,965 | 2,392 |
-| \`loader\` | 28,904 | 9,738 | 8,589 | 900 | 231 | 151 |
-| \`map\` | 34,360 | 11,103 | 9,782 | 1,364 | 320 | 281 |
-| \`megamenu\` | 59,112 | 20,409 | 18,083 | 4,941 | 1,328 | 1,040 |
-| \`menu\` | 114,483 | 38,633 | 32,346 | 8,816 | 2,206 | 1,787 |
-| \`meter\` | 32,094 | 10,588 | 9,348 | 4,099 | 1,028 | 910 |
-| \`navigation\` | 30,598 | 10,270 | 9,070 | 1,361 | 353 | 195 |
-| \`notifications\` | 91,907 | 29,750 | 24,439 | 11,339 | 2,628 | 2,161 |
-| \`number-input\` | 89,062 | 29,050 | 23,768 | 7,190 | 1,924 | 1,491 |
-| \`object-inspector\` | 128,849 | 42,977 | 36,178 | 19,160 | 5,141 | 4,286 |
-| \`option\` | 30,934 | 10,164 | 8,995 | 2,933 | 649 | 460 |
-| \`outline\` | 34,033 | 11,442 | 10,102 | 4,590 | 1,355 | 1,034 |
-| \`pagination\` | 136,988 | 43,549 | 36,535 | 27,204 | 6,336 | 5,271 |
-| \`pin-input\` | 39,438 | 12,529 | 11,056 | 5,038 | 1,491 | 1,127 |
-| \`popover\` | 56,318 | 19,643 | 17,360 | 1,899 | 496 | 437 |
-| \`progress\` | 29,945 | 10,009 | 8,812 | 1,951 | 474 | 346 |
-| \`qr-code\` | 40,594 | 14,052 | 12,388 | 12,983 | 4,641 | 4,078 |
-| \`quote\` | 28,187 | 9,490 | 8,353 | 552 | 124 | 78 |
-| \`radio\` | 38,618 | 12,022 | 10,602 | 2,822 | 725 | 582 |
-| \`rating\` | 41,013 | 13,049 | 11,520 | 6,527 | 1,873 | 1,515 |
-| \`scatter-chart\` | 74,588 | 25,297 | 22,320 | 11,272 | 3,384 | 2,734 |
-| \`scroll-area\` | 30,430 | 10,175 | 8,932 | 2,743 | 778 | 559 |
-| \`select\` | 125,156 | 41,008 | 34,352 | 15,496 | 3,936 | 3,093 |
-| \`skeleton\` | 27,376 | 9,237 | 8,150 | 544 | 104 | 76 |
-| \`skip-link\` | 28,966 | 9,789 | 8,634 | 1,178 | 354 | 267 |
-| \`slider\` | 39,829 | 12,539 | 11,068 | 5,185 | 1,405 | 1,168 |
-| \`sparkline\` | 35,089 | 11,914 | 10,498 | 2,387 | 781 | 652 |
-| \`speed-dial\` | 106,171 | 36,290 | 30,494 | 3,745 | 940 | 622 |
-| \`splitter\` | 38,264 | 12,193 | 10,812 | 10,080 | 2,566 | 2,113 |
-| \`stat\` | 29,152 | 9,668 | 8,517 | 1,148 | 181 | 97 |
-| \`steps\` | 84,976 | 27,832 | 22,908 | 6,177 | 1,482 | 1,147 |
-| \`switch\` | 36,405 | 11,657 | 10,283 | 1,524 | 468 | 297 |
-| \`table\` | 85,918 | 28,471 | 23,352 | 9,069 | 2,462 | 2,019 |
-| \`tabs\` | 36,439 | 11,626 | 10,250 | 3,925 | 897 | 702 |
-| \`tag\` | 76,269 | 25,360 | 20,789 | 895 | 188 | 167 |
-| \`textarea\` | 38,967 | 12,241 | 10,758 | 3,996 | 1,099 | 877 |
-| \`time-input\` | 143,232 | 45,560 | 38,306 | 27,787 | 6,817 | 5,673 |
-| \`time-picker\` | 103,515 | 33,391 | 27,452 | 18,575 | 4,964 | 4,131 |
-| \`timeline\` | 76,718 | 25,323 | 20,894 | 1,809 | 367 | 253 |
-| \`toast\` | 80,002 | 26,449 | 21,713 | 4,005 | 956 | 729 |
-| \`toggle\` | 40,653 | 12,622 | 11,151 | 3,342 | 845 | 575 |
-| \`toolbar\` | 30,754 | 10,341 | 9,126 | 2,933 | 893 | 660 |
-| \`tooltip\` | 60,429 | 20,743 | 18,406 | 6,292 | 1,740 | 1,299 |
-| \`tour\` | 66,181 | 22,102 | 19,591 | 10,922 | 2,739 | 2,243 |
-| \`tree\` | 86,761 | 28,609 | 23,385 | 7,191 | 1,942 | 1,466 |
-| \`trend\` | 75,596 | 25,121 | 20,725 | 1,056 | 277 | 353 |
-| \`video\` | 140,194 | 45,095 | 38,039 | 30,448 | 7,273 | 6,177 |
-| \`video-playlist\` | 121,966 | 40,223 | 33,766 | 14,894 | 3,473 | 2,812 |
-| \`virtual-list\` | 34,565 | 11,605 | 10,245 | 2,413 | 724 | 516 |
+| \`accordion\` | 82,536 | 27,113 | 22,154 | 2,875 | 713 | 550 |
+| \`announcement\` | 79,952 | 26,279 | 21,448 | 1,386 | 344 | 234 |
+| \`app-header\` | 31,381 | 9,985 | 8,807 | 1,248 | 299 | 205 |
+| \`area-chart\` | 77,303 | 25,931 | 22,867 | 11,004 | 3,353 | 2,737 |
+| \`avatar\` | 33,430 | 10,573 | 9,324 | 3,257 | 844 | 647 |
+| \`badge\` | 30,917 | 9,916 | 8,733 | 1,163 | 293 | 174 |
+| \`bar-chart\` | 78,954 | 26,300 | 23,266 | 12,644 | 3,709 | 3,106 |
+| \`blockquote\` | 30,931 | 9,938 | 8,757 | 774 | 169 | 36 |
+| \`breadcrumbs\` | 78,992 | 25,619 | 21,102 | 1,965 | 431 | 269 |
+| \`button\` | 35,489 | 11,163 | 9,826 | 3,095 | 786 | 589 |
+| \`button-group\` | 30,787 | 9,826 | 8,634 | 661 | 134 | 23 |
+| \`callout\` | 78,112 | 25,489 | 21,032 | 914 | 220 | 77 |
+| \`canvas\` | 83,300 | 25,389 | 22,210 | 46,815 | 14,039 | 11,884 |
+| \`card\` | 30,821 | 9,839 | 8,681 | 694 | 136 | 21 |
+| \`carousel\` | 88,395 | 28,556 | 23,604 | 10,942 | 2,758 | 2,266 |
+| \`chat\` | 101,703 | 33,381 | 27,450 | 17,447 | 5,114 | 4,200 |
+| \`checkbox\` | 39,477 | 12,042 | 10,583 | 2,335 | 659 | 385 |
+| \`checkbox-group\` | 42,602 | 12,740 | 11,243 | 4,939 | 1,247 | 896 |
+| \`code\` | 29,406 | 9,408 | 8,295 | 451 | 70 | 8 |
+| \`code-block\` | 123,736 | 40,688 | 34,364 | 17,201 | 4,481 | 3,795 |
+| \`color-input\` | 141,082 | 44,732 | 37,640 | 25,120 | 5,879 | 4,913 |
+| \`color-picker\` | 107,621 | 33,933 | 27,996 | 19,110 | 4,588 | 3,879 |
+| \`combobox\` | 136,422 | 43,416 | 36,446 | 21,033 | 5,210 | 4,115 |
+| \`command\` | 106,399 | 33,297 | 27,283 | 17,978 | 4,608 | 3,826 |
+| \`copy-button\` | 118,334 | 39,058 | 32,859 | 11,796 | 2,898 | 2,347 |
+| \`data-table\` | 174,616 | 53,447 | 45,133 | 55,522 | 14,103 | 11,629 |
+| \`date-input\` | 134,778 | 42,924 | 36,088 | 19,132 | 4,836 | 3,946 |
+| \`date-picker\` | 90,171 | 29,280 | 24,019 | 9,900 | 2,707 | 2,228 |
+| \`description-list\` | 30,890 | 9,778 | 8,616 | 1,132 | 177 | 77 |
+| \`dialog\` | 34,439 | 10,872 | 9,582 | 2,717 | 759 | 587 |
+| \`divider\` | 31,137 | 10,015 | 8,801 | 981 | 224 | 100 |
+| \`donut-chart\` | 75,086 | 24,889 | 22,076 | 10,214 | 2,945 | 2,410 |
+| \`drawer\` | 33,192 | 10,509 | 9,240 | 1,761 | 450 | 367 |
+| \`drilldown\` | 87,007 | 28,484 | 23,216 | 5,704 | 1,491 | 1,194 |
+| \`empty\` | 31,384 | 10,073 | 8,850 | 956 | 228 | 142 |
+| \`file-input\` | 90,279 | 29,267 | 23,972 | 6,170 | 1,762 | 1,376 |
+| \`filter-input\` | 147,020 | 46,259 | 38,909 | 27,973 | 6,765 | 5,570 |
+| \`format-date\` | 34,400 | 10,991 | 9,724 | 2,867 | 702 | 435 |
+| \`heatmap\` | 76,308 | 25,114 | 22,176 | 10,872 | 2,992 | 2,409 |
+| \`icon\` | 77,679 | 25,315 | 20,885 | 1,018 | 214 | 107 |
+| \`icon-button\` | 35,888 | 11,192 | 9,853 | 3,494 | 817 | 597 |
+| \`image\` | 32,960 | 10,377 | 9,138 | 3,156 | 817 | 608 |
+| \`input\` | 89,369 | 28,744 | 23,534 | 4,702 | 1,277 | 969 |
+| \`kbd\` | 32,741 | 10,605 | 9,367 | 2,976 | 962 | 805 |
+| \`legend\` | 34,793 | 11,106 | 9,794 | 1,080 | 270 | 217 |
+| \`lightbox\` | 39,157 | 12,135 | 10,645 | 4,807 | 1,248 | 968 |
+| \`line-chart\` | 76,884 | 25,629 | 22,613 | 10,667 | 3,073 | 2,556 |
+| \`list\` | 31,843 | 10,006 | 8,793 | 1,726 | 330 | 218 |
+| \`listbox\` | 98,130 | 31,436 | 25,694 | 11,194 | 3,007 | 2,410 |
+| \`loader\` | 31,027 | 9,944 | 8,766 | 900 | 227 | 124 |
+| \`map\` | 37,788 | 11,634 | 10,274 | 1,430 | 334 | 294 |
+| \`megamenu\` | 61,268 | 20,633 | 18,243 | 4,941 | 1,310 | 958 |
+| \`menu\` | 117,110 | 38,988 | 32,679 | 8,848 | 2,206 | 1,690 |
+| \`meter\` | 34,217 | 10,792 | 9,527 | 4,099 | 1,038 | 855 |
+| \`navigation\` | 32,721 | 10,480 | 9,230 | 1,361 | 347 | 248 |
+| \`notifications\` | 94,186 | 30,011 | 24,584 | 11,383 | 2,641 | 2,223 |
+| \`number-input\` | 92,295 | 29,546 | 24,131 | 7,625 | 1,995 | 1,519 |
+| \`object-inspector\` | 131,384 | 43,335 | 36,432 | 19,463 | 5,186 | 4,359 |
+| \`option\` | 33,057 | 10,374 | 9,176 | 2,933 | 634 | 512 |
+| \`outline\` | 36,145 | 11,657 | 10,303 | 4,628 | 1,372 | 979 |
+| \`pagination\` | 140,375 | 44,097 | 37,106 | 27,534 | 6,451 | 5,187 |
+| \`pin-input\` | 42,393 | 12,958 | 11,422 | 5,194 | 1,513 | 1,184 |
+| \`popover\` | 58,474 | 19,869 | 17,545 | 1,899 | 469 | 323 |
+| \`progress\` | 32,068 | 10,221 | 9,026 | 1,951 | 473 | 346 |
+| \`qr-code\` | 42,717 | 14,258 | 12,582 | 12,983 | 4,696 | 4,016 |
+| \`quote\` | 30,310 | 9,699 | 8,541 | 552 | 115 | 30 |
+| \`radio\` | 41,655 | 12,507 | 11,017 | 2,822 | 688 | 479 |
+| \`rating\` | 44,128 | 13,552 | 11,954 | 6,605 | 1,869 | 1,496 |
+| \`scatter-chart\` | 76,788 | 25,544 | 22,534 | 11,346 | 3,388 | 2,760 |
+| \`scroll-area\` | 32,553 | 10,387 | 9,129 | 2,743 | 758 | 480 |
+| \`select\` | 128,485 | 41,493 | 34,788 | 15,857 | 3,998 | 3,153 |
+| \`skeleton\` | 29,499 | 9,440 | 8,319 | 544 | 105 | 84 |
+| \`skip-link\` | 31,089 | 10,005 | 8,805 | 1,178 | 347 | 186 |
+| \`slider\` | 42,887 | 12,980 | 11,458 | 5,535 | 1,476 | 1,142 |
+| \`sparkline\` | 37,212 | 12,128 | 10,715 | 2,387 | 765 | 564 |
+| \`speed-dial\` | 108,656 | 36,627 | 30,826 | 3,743 | 921 | 546 |
+| \`splitter\` | 40,592 | 12,444 | 11,024 | 10,282 | 2,582 | 2,181 |
+| \`stat\` | 31,275 | 9,878 | 8,695 | 1,148 | 173 | 80 |
+| \`steps\` | 87,120 | 28,071 | 23,039 | 6,177 | 1,460 | 1,183 |
+| \`switch\` | 39,094 | 12,000 | 10,582 | 1,550 | 460 | 361 |
+| \`table\` | 88,599 | 28,869 | 23,633 | 9,425 | 2,514 | 2,103 |
+| \`tabs\` | 38,891 | 11,979 | 10,536 | 3,925 | 856 | 587 |
+| \`tag\` | 78,392 | 25,579 | 20,933 | 895 | 170 | 166 |
+| \`textarea\` | 41,635 | 12,597 | 11,061 | 3,953 | 1,071 | 772 |
+| \`time-input\` | 147,722 | 46,246 | 38,831 | 28,815 | 7,038 | 5,912 |
+| \`time-picker\` | 106,885 | 33,964 | 27,930 | 18,980 | 5,081 | 4,154 |
+| \`timeline\` | 78,841 | 25,549 | 21,089 | 1,809 | 367 | 308 |
+| \`toast\` | 82,198 | 26,677 | 21,818 | 4,078 | 958 | 722 |
+| \`toggle\` | 43,690 | 13,114 | 11,577 | 3,342 | 814 | 561 |
+| \`toolbar\` | 32,881 | 10,571 | 9,293 | 2,624 | 760 | 468 |
+| \`tooltip\` | 62,629 | 20,975 | 18,591 | 6,369 | 1,736 | 1,342 |
+| \`tour\` | 68,346 | 22,331 | 19,781 | 10,945 | 2,735 | 2,133 |
+| \`tree\` | 89,026 | 28,882 | 23,609 | 7,223 | 1,930 | 1,460 |
+| \`trend\` | 77,719 | 25,349 | 20,921 | 1,056 | 268 | 209 |
+| \`video\` | 145,309 | 45,934 | 38,765 | 32,513 | 7,674 | 6,525 |
+| \`video-playlist\` | 124,600 | 40,610 | 34,124 | 14,933 | 3,475 | 2,807 |
+| \`virtual-list\` | 36,688 | 11,807 | 10,386 | 2,413 | 700 | 547 |
 
 ### Styled tier
 
@@ -2351,108 +2368,109 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
 
 | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
 |---|---|---|---|---|---|---|
-| \`accordion\` | 83,426 | 27,578 | 22,594 | 6,204 | 1,537 | 1,308 |
-| \`announcement\` | 81,782 | 26,848 | 22,035 | 5,624 | 1,294 | 1,146 |
-| \`app-header\` | 33,148 | 10,671 | 9,412 | 5,121 | 1,199 | 1,030 |
-| \`area-chart\` | 82,489 | 27,276 | 24,119 | 18,291 | 4,963 | 4,089 |
-| \`aura\` | 96,285 | 33,171 | 28,804 | 65,483 | 22,881 | 19,748 |
-| \`avatar\` | 34,893 | 11,129 | 9,814 | 6,833 | 1,638 | 1,320 |
-| \`badge\` | 31,897 | 10,407 | 9,171 | 4,249 | 994 | 794 |
-| \`bar-chart\` | 89,558 | 28,592 | 25,233 | 25,350 | 6,302 | 5,258 |
-| \`blockquote\` | 29,964 | 10,016 | 8,816 | 1,914 | 464 | 415 |
-| \`breadcrumbs\` | 80,435 | 26,206 | 21,649 | 5,518 | 1,227 | 1,047 |
-| \`button\` | 39,438 | 12,051 | 10,634 | 9,170 | 1,910 | 1,587 |
-| \`button-group\` | 30,340 | 9,994 | 8,798 | 2,320 | 517 | 439 |
-| \`callout\` | 77,990 | 25,808 | 21,319 | 2,899 | 754 | 732 |
-| \`card\` | 31,931 | 10,454 | 9,206 | 3,915 | 961 | 830 |
-| \`carousel\` | 96,024 | 29,841 | 24,765 | 20,775 | 4,364 | 3,657 |
-| \`chat\` | 113,393 | 35,545 | 29,330 | 31,434 | 7,561 | 6,268 |
-| \`checkbox\` | 43,297 | 13,113 | 11,529 | 8,802 | 2,090 | 1,697 |
-| \`checkbox-group\` | 41,993 | 12,935 | 11,379 | 6,979 | 1,809 | 1,417 |
-| \`code\` | 28,360 | 9,497 | 8,363 | 1,511 | 371 | 281 |
-| \`code-block\` | 137,965 | 43,349 | 36,513 | 33,551 | 7,205 | 6,078 |
-| \`color-input\` | 169,230 | 49,050 | 41,622 | 56,651 | 10,744 | 9,240 |
-| \`color-picker\` | 131,044 | 37,689 | 31,385 | 45,324 | 8,831 | 7,485 |
-| \`combobox\` | 147,573 | 45,494 | 38,215 | 35,170 | 7,726 | 6,321 |
-| \`command\` | 113,668 | 34,791 | 28,715 | 28,200 | 6,564 | 5,490 |
-| \`copy-button\` | 126,117 | 40,615 | 34,181 | 21,707 | 4,644 | 3,934 |
-| \`data-table\` | 208,161 | 59,317 | 49,932 | 91,861 | 20,399 | 16,768 |
-| \`date-input\` | 146,503 | 45,330 | 38,228 | 34,188 | 7,659 | 6,524 |
-| \`date-picker\` | 93,332 | 30,145 | 24,806 | 15,380 | 3,865 | 3,241 |
-| \`description-list\` | 31,145 | 10,140 | 8,950 | 3,502 | 758 | 632 |
-| \`dialog\` | 36,693 | 11,680 | 10,323 | 7,079 | 1,807 | 1,559 |
-| \`divider\` | 31,170 | 10,325 | 9,071 | 3,120 | 742 | 603 |
-| \`donut-chart\` | 81,993 | 26,537 | 23,505 | 19,222 | 4,897 | 4,082 |
-| \`drawer\` | 35,332 | 11,307 | 9,962 | 6,007 | 1,470 | 1,242 |
-| \`drilldown\` | 88,906 | 29,059 | 23,793 | 10,153 | 2,458 | 1,959 |
-| \`empty\` | 30,107 | 10,038 | 8,837 | 2,087 | 537 | 441 |
-| \`file-input\` | 98,759 | 31,070 | 25,526 | 17,403 | 3,952 | 3,311 |
-| \`filter-input\` | 171,839 | 50,208 | 42,211 | 55,913 | 11,355 | 9,438 |
-| \`flex\` | 29,721 | 9,846 | 8,664 | 2,078 | 462 | 445 |
-| \`format-date\` | 32,925 | 10,925 | 9,704 | 3,497 | 861 | 683 |
-| \`grid\` | 30,175 | 9,999 | 8,829 | 2,528 | 590 | 542 |
-| \`heatmap\` | 80,906 | 26,283 | 23,234 | 17,573 | 4,447 | 3,690 |
-| \`icon\` | 76,262 | 25,261 | 20,828 | 1,707 | 402 | 325 |
-| \`icon-button\` | 39,759 | 11,971 | 10,544 | 9,495 | 1,860 | 1,608 |
-| \`image\` | 32,539 | 10,643 | 9,379 | 4,840 | 1,306 | 1,007 |
-| \`input\` | 92,968 | 29,781 | 24,395 | 11,005 | 2,649 | 2,154 |
-| \`kbd\` | 32,030 | 10,846 | 9,554 | 4,373 | 1,461 | 1,182 |
-| \`legend\` | 37,486 | 12,013 | 10,544 | 5,790 | 1,390 | 1,150 |
-| \`lightbox\` | 39,512 | 12,405 | 10,915 | 7,670 | 1,934 | 1,618 |
-| \`line-chart\` | 84,455 | 27,380 | 24,241 | 20,341 | 5,122 | 4,251 |
-| \`list\` | 33,786 | 10,751 | 9,455 | 5,782 | 1,288 | 1,218 |
-| \`listbox\` | 99,183 | 31,900 | 26,099 | 15,202 | 3,944 | 3,197 |
-| \`loader\` | 32,070 | 10,501 | 9,266 | 4,051 | 987 | 829 |
-| \`map\` | 38,205 | 11,974 | 10,577 | 5,192 | 1,219 | 1,071 |
-| \`megamenu\` | 63,993 | 21,478 | 19,055 | 9,805 | 2,414 | 1,904 |
-| \`menu\` | 121,860 | 40,208 | 33,685 | 16,175 | 3,752 | 3,109 |
-| \`meter\` | 37,492 | 11,733 | 10,369 | 9,479 | 2,201 | 1,955 |
-| \`navigation\` | 31,979 | 10,656 | 9,388 | 2,726 | 750 | 588 |
-| \`notifications\` | 104,868 | 32,102 | 26,524 | 24,290 | 4,980 | 4,253 |
-| \`number-input\` | 93,844 | 30,178 | 24,728 | 11,960 | 3,029 | 2,487 |
-| \`object-inspector\` | 142,486 | 45,323 | 38,224 | 32,777 | 7,461 | 6,166 |
-| \`option\` | 34,188 | 11,072 | 9,771 | 6,175 | 1,559 | 1,304 |
-| \`orb\` | 38,917 | 13,474 | 11,922 | 8,623 | 3,188 | 2,785 |
-| \`outline\` | 37,773 | 12,227 | 10,812 | 8,313 | 2,157 | 1,756 |
-| \`pagination\` | 154,854 | 46,635 | 39,213 | 45,052 | 9,406 | 7,854 |
-| \`pin-input\` | 42,505 | 13,319 | 11,748 | 8,088 | 2,293 | 1,807 |
-| \`popover\` | 58,954 | 20,289 | 17,966 | 4,517 | 1,159 | 937 |
-| \`progress\` | 34,974 | 11,178 | 9,889 | 6,962 | 1,642 | 1,430 |
-| \`qr-code\` | 42,257 | 14,479 | 12,770 | 14,628 | 5,078 | 4,423 |
-| \`quote\` | 28,842 | 9,652 | 8,492 | 1,191 | 280 | 146 |
-| \`radio\` | 46,815 | 13,506 | 11,906 | 11,010 | 2,252 | 1,867 |
-| \`rating\` | 45,227 | 14,251 | 12,590 | 10,724 | 3,063 | 2,615 |
-| \`sandbox\` | 63,869 | 17,473 | 15,498 | 35,386 | 7,786 | 6,652 |
-| \`scatter-chart\` | 82,980 | 27,096 | 23,943 | 19,644 | 5,214 | 4,359 |
-| \`scroll-area\` | 33,578 | 10,831 | 9,507 | 5,874 | 1,421 | 1,169 |
-| \`select\` | 137,761 | 43,384 | 36,434 | 28,088 | 6,306 | 5,089 |
-| \`skeleton\` | 29,894 | 9,984 | 8,796 | 2,242 | 594 | 524 |
-| \`skip-link\` | 30,429 | 10,196 | 8,943 | 2,624 | 744 | 648 |
-| \`slider\` | 50,811 | 14,512 | 12,873 | 16,150 | 3,417 | 2,907 |
-| \`sparkline\` | 39,007 | 12,855 | 11,365 | 6,293 | 1,750 | 1,480 |
-| \`speed-dial\` | 113,803 | 37,795 | 31,754 | 11,355 | 2,381 | 1,983 |
-| \`splitter\` | 44,336 | 13,196 | 11,744 | 16,134 | 3,602 | 3,087 |
-| \`stat\` | 31,968 | 10,297 | 9,087 | 3,954 | 816 | 682 |
-| \`steps\` | 98,594 | 30,263 | 24,961 | 19,783 | 3,906 | 3,232 |
-| \`switch\` | 40,673 | 12,699 | 11,200 | 5,777 | 1,522 | 1,190 |
-| \`table\` | 91,296 | 29,576 | 24,358 | 14,441 | 3,555 | 3,000 |
-| \`tabs\` | 42,675 | 12,898 | 11,372 | 10,153 | 2,212 | 1,767 |
-| \`tag\` | 79,472 | 26,221 | 21,498 | 4,083 | 1,013 | 821 |
-| \`text\` | 31,628 | 10,126 | 8,903 | 3,987 | 803 | 592 |
-| \`textarea\` | 42,304 | 13,055 | 11,492 | 7,320 | 1,940 | 1,527 |
-| \`time-input\` | 164,474 | 49,051 | 41,332 | 49,009 | 10,419 | 8,728 |
-| \`time-picker\` | 114,996 | 35,520 | 29,315 | 30,047 | 7,146 | 5,994 |
-| \`timeline\` | 80,031 | 26,090 | 21,560 | 5,110 | 1,117 | 978 |
-| \`toast\` | 87,535 | 28,118 | 23,141 | 11,526 | 2,581 | 2,185 |
-| \`toggle\` | 45,750 | 13,805 | 12,215 | 8,427 | 2,052 | 1,662 |
-| \`toolbar\` | 32,046 | 10,642 | 9,361 | 4,208 | 1,194 | 950 |
-| \`tooltip\` | 63,507 | 21,496 | 19,065 | 9,352 | 2,487 | 2,001 |
-| \`tour\` | 75,732 | 23,712 | 20,993 | 20,455 | 4,373 | 3,718 |
-| \`tree\` | 92,461 | 29,960 | 24,570 | 12,881 | 3,291 | 2,798 |
-| \`trend\` | 78,815 | 25,856 | 21,290 | 4,271 | 976 | 897 |
-| \`video\` | 159,459 | 48,531 | 41,081 | 49,694 | 10,758 | 9,206 |
-| \`video-playlist\` | 135,933 | 42,755 | 35,927 | 28,840 | 5,971 | 5,004 |
-| \`virtual-list\` | 35,357 | 11,812 | 10,436 | 3,187 | 935 | 738 |
+| \`accordion\` | 85,878 | 27,937 | 22,865 | 6,204 | 1,514 | 1,296 |
+| \`announcement\` | 84,514 | 27,354 | 22,427 | 5,932 | 1,398 | 1,295 |
+| \`app-header\` | 35,271 | 10,878 | 9,595 | 5,121 | 1,183 | 996 |
+| \`area-chart\` | 84,689 | 27,535 | 24,301 | 18,366 | 4,993 | 4,102 |
+| \`aura\` | 98,408 | 33,379 | 28,948 | 65,483 | 22,860 | 19,645 |
+| \`avatar\` | 37,016 | 11,334 | 9,985 | 6,833 | 1,613 | 1,307 |
+| \`badge\` | 34,021 | 10,622 | 9,343 | 4,250 | 970 | 763 |
+| \`bar-chart\` | 91,758 | 28,839 | 25,545 | 25,425 | 6,306 | 5,296 |
+| \`blockquote\` | 32,087 | 10,227 | 9,022 | 1,914 | 437 | 367 |
+| \`breadcrumbs\` | 82,558 | 26,422 | 21,797 | 5,518 | 1,216 | 925 |
+| \`button\` | 41,582 | 12,277 | 10,803 | 9,170 | 1,893 | 1,576 |
+| \`button-group\` | 32,463 | 10,201 | 8,984 | 2,320 | 496 | 423 |
+| \`callout\` | 80,113 | 26,029 | 21,499 | 2,899 | 727 | 678 |
+| \`canvas\` | 102,332 | 28,840 | 25,145 | 65,832 | 17,479 | 14,782 |
+| \`card\` | 34,054 | 10,658 | 9,364 | 3,915 | 938 | 821 |
+| \`carousel\` | 99,183 | 30,280 | 25,092 | 21,719 | 4,517 | 3,771 |
+| \`chat\` | 115,860 | 35,891 | 29,623 | 31,590 | 7,638 | 6,415 |
+| \`checkbox\` | 45,986 | 13,465 | 11,834 | 8,828 | 2,061 | 1,729 |
+| \`checkbox-group\` | 44,785 | 13,302 | 11,727 | 7,108 | 1,812 | 1,286 |
+| \`code\` | 30,483 | 9,701 | 8,546 | 1,511 | 363 | 206 |
+| \`code-block\` | 140,186 | 43,576 | 36,685 | 33,630 | 7,230 | 6,048 |
+| \`color-input\` | 174,665 | 49,861 | 42,239 | 58,683 | 11,138 | 9,479 |
+| \`color-picker\` | 135,501 | 38,428 | 31,930 | 46,984 | 9,147 | 7,875 |
+| \`combobox\` | 151,374 | 46,091 | 38,730 | 35,962 | 7,879 | 6,491 |
+| \`command\` | 117,053 | 35,352 | 29,197 | 28,618 | 6,689 | 5,539 |
+| \`copy-button\` | 128,338 | 40,844 | 34,326 | 21,784 | 4,643 | 3,845 |
+| \`data-table\` | 211,986 | 59,924 | 50,478 | 92,625 | 20,562 | 16,853 |
+| \`date-input\` | 150,691 | 45,979 | 38,738 | 35,034 | 7,828 | 6,629 |
+| \`date-picker\` | 95,788 | 30,449 | 25,013 | 15,499 | 3,874 | 3,165 |
+| \`description-list\` | 33,268 | 10,342 | 9,088 | 3,502 | 748 | 599 |
+| \`dialog\` | 38,816 | 11,888 | 10,487 | 7,079 | 1,768 | 1,424 |
+| \`divider\` | 33,293 | 10,535 | 9,269 | 3,120 | 732 | 573 |
+| \`donut-chart\` | 84,193 | 26,777 | 23,724 | 19,297 | 4,920 | 4,059 |
+| \`drawer\` | 37,455 | 11,519 | 10,142 | 6,007 | 1,462 | 1,172 |
+| \`drilldown\` | 91,704 | 29,541 | 24,165 | 10,393 | 2,519 | 2,094 |
+| \`empty\` | 32,824 | 10,509 | 9,246 | 2,380 | 652 | 441 |
+| \`file-input\` | 101,559 | 31,496 | 25,932 | 17,451 | 3,963 | 3,279 |
+| \`filter-input\` | 175,233 | 50,739 | 42,735 | 56,180 | 11,346 | 9,474 |
+| \`flex\` | 31,844 | 10,054 | 8,843 | 2,078 | 434 | 365 |
+| \`format-date\` | 35,048 | 11,133 | 9,847 | 3,497 | 849 | 602 |
+| \`grid\` | 32,298 | 10,207 | 9,013 | 2,528 | 569 | 449 |
+| \`heatmap\` | 83,106 | 26,529 | 23,495 | 17,648 | 4,427 | 3,689 |
+| \`icon\` | 78,385 | 25,479 | 20,951 | 1,707 | 385 | 267 |
+| \`icon-button\` | 41,903 | 12,212 | 10,689 | 9,495 | 1,818 | 1,489 |
+| \`image\` | 34,662 | 10,847 | 9,539 | 4,840 | 1,280 | 896 |
+| \`input\` | 95,636 | 30,141 | 24,722 | 10,963 | 2,647 | 2,059 |
+| \`kbd\` | 34,153 | 11,061 | 9,731 | 4,373 | 1,393 | 1,142 |
+| \`legend\` | 39,609 | 12,225 | 10,701 | 5,790 | 1,379 | 1,088 |
+| \`lightbox\` | 42,170 | 12,884 | 11,326 | 7,805 | 1,997 | 1,605 |
+| \`line-chart\` | 86,655 | 27,631 | 24,417 | 20,419 | 5,130 | 4,182 |
+| \`list\` | 35,909 | 10,956 | 9,644 | 5,782 | 1,289 | 1,009 |
+| \`listbox\` | 102,549 | 32,435 | 26,524 | 15,602 | 4,034 | 3,261 |
+| \`loader\` | 34,193 | 10,704 | 9,440 | 4,051 | 962 | 785 |
+| \`map\` | 41,683 | 12,533 | 11,079 | 5,309 | 1,236 | 1,070 |
+| \`megamenu\` | 66,149 | 21,707 | 19,231 | 9,805 | 2,390 | 1,925 |
+| \`menu\` | 124,637 | 40,634 | 34,065 | 16,355 | 3,806 | 3,041 |
+| \`meter\` | 39,615 | 11,935 | 10,540 | 9,479 | 2,201 | 1,883 |
+| \`navigation\` | 34,102 | 10,867 | 9,559 | 2,726 | 731 | 479 |
+| \`notifications\` | 107,297 | 32,424 | 26,764 | 24,486 | 5,058 | 4,285 |
+| \`number-input\` | 97,077 | 30,683 | 25,068 | 12,396 | 3,119 | 2,511 |
+| \`object-inspector\` | 145,021 | 45,680 | 38,583 | 33,080 | 7,527 | 6,355 |
+| \`option\` | 36,311 | 11,282 | 9,960 | 6,176 | 1,543 | 1,282 |
+| \`orb\` | 41,040 | 13,676 | 12,101 | 8,623 | 3,193 | 2,734 |
+| \`outline\` | 39,885 | 12,441 | 11,020 | 8,351 | 2,153 | 1,721 |
+| \`pagination\` | 158,260 | 47,160 | 39,645 | 45,401 | 9,521 | 7,876 |
+| \`pin-input\` | 45,460 | 13,756 | 12,115 | 8,244 | 2,316 | 1,809 |
+| \`popover\` | 61,110 | 20,519 | 18,175 | 4,517 | 1,139 | 849 |
+| \`progress\` | 37,097 | 11,382 | 10,067 | 6,962 | 1,627 | 1,326 |
+| \`qr-code\` | 44,380 | 14,684 | 12,936 | 14,629 | 5,134 | 4,370 |
+| \`quote\` | 30,965 | 9,862 | 8,655 | 1,191 | 255 | 109 |
+| \`radio\` | 49,852 | 13,985 | 12,294 | 11,010 | 2,218 | 1,803 |
+| \`rating\` | 48,342 | 14,753 | 13,025 | 10,802 | 3,047 | 2,410 |
+| \`sandbox\` | 66,327 | 17,749 | 15,718 | 35,718 | 7,893 | 6,681 |
+| \`scatter-chart\` | 85,180 | 27,346 | 24,141 | 19,718 | 5,211 | 4,257 |
+| \`scroll-area\` | 35,701 | 11,035 | 9,685 | 5,874 | 1,397 | 1,056 |
+| \`select\` | 141,240 | 43,896 | 36,872 | 28,601 | 6,410 | 5,178 |
+| \`skeleton\` | 32,017 | 10,195 | 8,981 | 2,242 | 575 | 486 |
+| \`skip-link\` | 32,552 | 10,408 | 9,160 | 2,624 | 733 | 514 |
+| \`slider\` | 53,869 | 14,951 | 13,246 | 16,500 | 3,473 | 2,903 |
+| \`sparkline\` | 41,130 | 13,073 | 11,544 | 6,293 | 1,740 | 1,417 |
+| \`speed-dial\` | 116,288 | 38,118 | 32,077 | 11,356 | 2,372 | 1,897 |
+| \`splitter\` | 46,664 | 13,447 | 11,934 | 16,336 | 3,622 | 3,004 |
+| \`stat\` | 34,091 | 10,493 | 9,265 | 3,954 | 814 | 640 |
+| \`steps\` | 100,738 | 30,503 | 25,118 | 19,784 | 3,885 | 3,223 |
+| \`switch\` | 43,362 | 13,045 | 11,460 | 5,803 | 1,501 | 1,225 |
+| \`table\` | 94,127 | 30,024 | 24,559 | 14,947 | 3,690 | 3,074 |
+| \`tabs\` | 45,127 | 13,247 | 11,644 | 10,154 | 2,176 | 1,768 |
+| \`tag\` | 81,595 | 26,435 | 21,708 | 4,083 | 994 | 845 |
+| \`text\` | 33,751 | 10,334 | 9,095 | 3,987 | 795 | 647 |
+| \`textarea\` | 44,972 | 13,407 | 11,757 | 7,277 | 1,892 | 1,367 |
+| \`time-input\` | 169,114 | 49,770 | 41,924 | 50,189 | 10,655 | 9,039 |
+| \`time-picker\` | 118,515 | 36,123 | 29,785 | 30,598 | 7,283 | 6,022 |
+| \`timeline\` | 82,154 | 26,301 | 21,669 | 5,110 | 1,121 | 973 |
+| \`toast\` | 89,731 | 28,350 | 23,307 | 11,599 | 2,596 | 2,206 |
+| \`toggle\` | 48,787 | 14,289 | 12,592 | 8,427 | 2,032 | 1,640 |
+| \`toolbar\` | 34,173 | 10,872 | 9,559 | 3,899 | 1,040 | 750 |
+| \`tooltip\` | 65,707 | 21,725 | 19,226 | 9,429 | 2,463 | 1,958 |
+| \`tour\` | 77,897 | 23,941 | 21,172 | 20,478 | 4,382 | 3,561 |
+| \`tree\` | 94,876 | 30,281 | 24,788 | 13,069 | 3,343 | 2,742 |
+| \`trend\` | 80,938 | 26,078 | 21,524 | 4,271 | 962 | 829 |
+| \`video\` | 164,727 | 49,399 | 41,889 | 51,911 | 11,215 | 9,703 |
+| \`video-playlist\` | 138,717 | 43,197 | 36,277 | 29,031 | 6,051 | 5,043 |
+| \`virtual-list\` | 37,480 | 12,021 | 10,585 | 3,187 | 904 | 729 |
 
 ## What lands in \`node_modules\`
 
@@ -2464,12 +2482,12 @@ column is what was removed rather than part of what remains.
 
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
-| \`@fusion.dev/helix-core\` | 1,030,399 | 155 | 230,652 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
-| \`@fusion.dev/helix-headless\` | 11,607,976 | 474 | 849,498 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
+| \`@fusion.dev/helix-core\` | 1,110,957 | 165 | 246,940 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
+| \`@fusion.dev/helix-headless\` | 12,593,195 | 484 | 981,196 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 131,512 | 21 | 44,809 | \`svgo\` |
-| \`@fusion.dev/helix-styles\` | 101,298 | 6 | 0 | none |
+| \`@fusion.dev/helix-styles\` | 101,465 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
-| \`@fusion.dev/helix\` | 12,737,271 | 812 | 338,875 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
+| \`@fusion.dev/helix\` | 13,599,452 | 828 | 346,417 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
 
 ## Not measured yet
 
@@ -5191,7 +5209,7 @@ vocabularies. You cannot invent a value, and a component may take a subset.
 | \`nesting\` | \`heading\`, \`peer\`, \`subordinate\` |
 | \`orientation\` | \`auto\`, \`horizontal\`, \`vertical\` |
 | \`separation\` | \`elevated\`, \`filled\`, \`outlined\`, \`plain\` |
-| \`shape\` | \`arc\`, \`circle\`, \`dots\`, \`ring\`, \`rounded\`, \`square\`, \`text\` |
+| \`shape\` | \`arc\`, \`circle\`, \`diamond\`, \`dots\`, \`pill\`, \`ring\`, \`rounded\`, \`square\`, \`text\` |
 | \`size\` | \`sm\`, \`md\`, \`lg\`, \`full\` |
 | \`tone\` | The status and intent words: \`primary\`, \`accent\`, \`neutral\`, \`danger\`, and so on |
 | \`width\` | \`auto\`, \`full\` |
@@ -5294,7 +5312,9 @@ not on a page, so it is worth saying what each one draws.
 |---|---|
 | \`arc\` | An open curve, a gauge that stops short of a full turn |
 | \`circle\` | A full round, the whole edge at \`radii-full\` |
+| \`diamond\` | A square turned on its point, its corners at the middles of the box's sides, which is where a flowchart's decision sits |
 | \`dots\` | Separate marks rather than one joined figure |
+| \`pill\` | A rectangle whose short ends are half-circles, the round of \`radii-full\` on a box wider than it is tall |
 | \`ring\` | A closed curve, the whole turn drawn as a band |
 | \`rounded\` | Corners cut to \`radii-md\`, still a rectangle |
 | \`square\` | Sharp corners, the pole \`rounded\` departs from |