@fusion.dev/helix-docs 0.52.0 → 0.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/content/metrics.mdx +212 -212
  2. package/content/visual-axes.mdx +1 -1
  3. package/dist/catalog.js +3 -1
  4. package/dist/sources.generated.js +213 -213
  5. package/package.json +3 -3
package/content/metrics.mdx CHANGED
@@ -47,7 +47,7 @@ nobody ever downloads this floor on its own.
47
47
 
48
48
  | | Raw | Gzip | Brotli |
49
49
  |---|---|---|---|
50
- | Lit and `@fusion.dev/helix-core` | 146,391 | 48,423 | 40,926 |
50
+ | Lit and `@fusion.dev/helix-core` | 147,672 | 48,709 | 41,172 |
51
51
 
52
52
  ## Whole packages
53
53
 
@@ -58,11 +58,11 @@ repository does that. The per-component tables are what a page pays.
58
58
 
59
59
  | Package | Raw | Gzip | Brotli | |
60
60
  |---|---|---|---|---|
61
- | `@fusion.dev/helix-core` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
62
- | `@fusion.dev/helix-headless` | 605,672 | 157,018 | 122,047 | Every headless family, which is what the barrel means. |
61
+ | `@fusion.dev/helix-core` | 147,226 | 48,349 | 40,887 | Element base class, mixins, decorators, floating positioning. |
62
+ | `@fusion.dev/helix-headless` | 603,511 | 156,576 | 121,886 | Every headless family, which is what the barrel means. |
63
63
  | `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
64
64
  | `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
65
- | `@fusion.dev/helix` | 1,082,914 | 254,056 | 186,162 | Every styled family. |
65
+ | `@fusion.dev/helix` | 1,080,746 | 253,593 | 186,001 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
67
67
 
68
68
  ## The stylesheets
@@ -83,11 +83,11 @@ is the whole cost of adopting the base layer on its own.
83
83
 
84
84
  ## What the numbers say
85
85
 
86
- **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,232 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.
86
+ **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,188 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.
87
87
 
88
- Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,038, over 100 components. Every family at once is 254,056.
88
+ Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,098, over 100 components. Every family at once is 253,593.
89
89
 
90
- **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 157,018 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
90
+ **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 156,576 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
91
91
 
92
92
  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,532 bytes gzipped alone.
93
93
 
@@ -101,43 +101,43 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
101
101
 
102
102
  | Component | System | Raw | Gzip | Brotli |
103
103
  |---|---|---|---|---|
104
- | `button` | **Helix** | 39,024 | 11,977 | 10,549 |
104
+ | `button` | **Helix** | 39,024 | 11,978 | 10,565 |
105
105
  | | Carbon | 133,058 | 20,959 | 17,685 |
106
106
  | | Material Web | 47,060 | 14,173 | 12,591 |
107
107
  | | Shoelace | 62,628 | 18,287 | 15,805 |
108
108
  | | Spectrum | 98,792 | 22,045 | 18,674 |
109
- | `checkbox` | **Helix** | 42,340 | 12,992 | 11,454 |
109
+ | `checkbox` | **Helix** | 42,373 | 13,003 | 11,437 |
110
110
  | | Carbon | 60,255 | 15,609 | 13,550 |
111
111
  | | Material Web | 43,785 | 13,556 | 12,015 |
112
112
  | | Shoelace | 47,614 | 15,177 | 13,301 |
113
113
  | | Spectrum | 62,492 | 15,437 | 13,481 |
114
- | `dialog` | **Helix** | 36,307 | 11,621 | 10,259 |
114
+ | `dialog` | **Helix** | 36,307 | 11,623 | 10,259 |
115
115
  | | Carbon | 510,866 | 67,390 | 39,189 |
116
116
  | | Material Web | 34,238 | 11,510 | 10,229 |
117
117
  | | Shoelace | 52,754 | 17,698 | 15,554 |
118
118
  | | Spectrum | 155,708 | 31,899 | 26,262 |
119
- | `radio` | **Helix** | 45,268 | 13,351 | 11,771 |
119
+ | `radio` | **Helix** | 45,770 | 13,383 | 11,815 |
120
120
  | | Carbon | 63,055 | 16,887 | 14,605 |
121
121
  | | Material Web | 41,044 | 13,234 | 11,757 |
122
122
  | | Shoelace | 34,865 | 12,027 | 10,559 |
123
123
  | | Spectrum | 38,685 | 10,660 | 9,370 |
124
- | `switch` | **Helix** | 40,035 | 12,546 | 11,059 |
124
+ | `switch` | **Helix** | 40,224 | 12,636 | 11,098 |
125
125
  | | Carbon | 69,423 | 17,127 | 14,764 |
126
126
  | | Material Web | 50,155 | 14,577 | 12,935 |
127
127
  | | Shoelace | 37,833 | 11,814 | 10,568 |
128
128
  | | Spectrum | 62,322 | 15,059 | 13,321 |
129
- | `tabs` | **Helix** | 41,605 | 12,747 | 11,238 |
129
+ | `tabs` | **Helix** | 42,089 | 12,773 | 11,260 |
130
130
  | | Carbon | 578,766 | 73,537 | 43,235 |
131
131
  | | Material Web | 38,883 | 12,820 | 11,368 |
132
132
  | | Shoelace | 54,573 | 17,140 | 15,068 |
133
133
  | | Spectrum | 64,875 | 18,298 | 16,283 |
134
- | `tooltip` | **Helix** | 63,149 | 21,446 | 18,957 |
134
+ | `tooltip` | **Helix** | 63,149 | 21,446 | 18,959 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
138
138
  | | Spectrum | 136,599 | 40,552 | 35,286 |
139
139
 
140
- **Where Helix loses**, which is the half of a comparison table worth reading: `dialog`, `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,691 bytes gzipped. 6 of 28 peer measurements come in under ours.
140
+ **Where Helix loses**, which is the half of a comparison table worth reading: `dialog`, `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,723 bytes gzipped. 6 of 28 peer measurements come in under ours.
141
141
 
142
142
  - **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
143
143
  - **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -182,100 +182,100 @@ Structure, accessibility, state and form participation. No presentation, and no
182
182
 
183
183
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
184
184
  |---|---|---|---|---|---|---|
185
- | `accordion` | 79,692 | 26,691 | 21,871 | 2,875 | 768 | 596 |
186
- | `announcement` | 76,867 | 25,712 | 21,074 | 1,349 | 379 | 329 |
187
- | `app-header` | 28,914 | 9,728 | 8,566 | 1,248 | 320 | 182 |
188
- | `area-chart` | 74,753 | 25,596 | 22,590 | 11,067 | 3,418 | 2,759 |
189
- | `avatar` | 30,963 | 10,323 | 9,124 | 3,257 | 929 | 652 |
190
- | `badge` | 28,449 | 9,658 | 8,518 | 1,162 | 301 | 192 |
191
- | `bar-chart` | 76,381 | 25,951 | 22,937 | 12,701 | 3,780 | 3,076 |
192
- | `blockquote` | 28,302 | 9,619 | 8,469 | 892 | 233 | 257 |
193
- | `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 375 |
194
- | `button` | 32,931 | 10,864 | 9,570 | 3,137 | 832 | 676 |
195
- | `button-group` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
196
- | `callout` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
197
- | `card` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
198
- | `carousel` | 84,876 | 28,045 | 23,106 | 10,026 | 2,661 | 2,226 |
199
- | `chat` | 99,050 | 32,965 | 27,143 | 17,711 | 5,158 | 4,315 |
200
- | `checkbox` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
201
- | `checkbox-group` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
202
- | `code` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
203
- | `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
204
- | `color-input` | 135,123 | 43,788 | 36,797 | 25,856 | 6,659 | 5,652 |
205
- | `color-picker` | 102,648 | 33,113 | 27,287 | 20,230 | 5,420 | 4,621 |
206
- | `combobox` | 132,271 | 42,733 | 35,933 | 20,354 | 5,070 | 4,132 |
207
- | `command` | 102,714 | 32,673 | 26,784 | 17,727 | 4,555 | 3,687 |
208
- | `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
209
- | `data-table` | 170,156 | 52,630 | 44,351 | 54,969 | 13,972 | 11,581 |
210
- | `date-input` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 4,029 |
211
- | `date-picker` | 87,537 | 28,957 | 23,818 | 9,997 | 2,826 | 2,277 |
212
- | `description-list` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 183 |
213
- | `dialog` | 31,972 | 10,617 | 9,373 | 2,717 | 820 | 574 |
214
- | `divider` | 28,499 | 9,689 | 8,514 | 1,090 | 288 | 232 |
215
- | `donut-chart` | 72,531 | 24,557 | 21,730 | 10,284 | 3,044 | 2,491 |
216
- | `drawer` | 30,725 | 10,248 | 9,003 | 1,761 | 476 | 406 |
217
- | `drilldown` | 83,060 | 27,597 | 22,591 | 5,733 | 1,551 | 1,224 |
218
- | `empty` | 28,476 | 9,627 | 8,480 | 816 | 192 | 113 |
219
- | `file-input` | 86,980 | 28,751 | 23,555 | 6,115 | 1,758 | 1,427 |
220
- | `filter-input` | 143,157 | 45,564 | 38,275 | 28,036 | 6,800 | 5,613 |
221
- | `format-date` | 31,933 | 10,735 | 9,531 | 2,867 | 711 | 560 |
222
- | `heatmap` | 73,736 | 24,750 | 21,934 | 11,365 | 3,222 | 2,571 |
223
- | `icon` | 75,148 | 25,011 | 20,602 | 952 | 217 | 176 |
224
- | `icon-button` | 33,330 | 10,895 | 9,581 | 3,536 | 868 | 598 |
225
- | `image` | 30,493 | 10,124 | 8,925 | 3,156 | 831 | 662 |
226
- | `input` | 86,204 | 28,322 | 23,173 | 4,734 | 1,302 | 1,021 |
227
- | `kbd` | 30,274 | 10,347 | 9,127 | 2,976 | 1,047 | 796 |
228
- | `legend` | 32,257 | 10,820 | 9,494 | 1,137 | 309 | 221 |
229
- | `line-chart` | 74,348 | 25,309 | 22,425 | 10,746 | 3,166 | 2,597 |
230
- | `list` | 29,375 | 9,761 | 8,590 | 1,725 | 348 | 323 |
231
- | `listbox` | 94,465 | 30,820 | 25,162 | 10,963 | 3,018 | 2,464 |
232
- | `loader` | 28,560 | 9,692 | 8,541 | 900 | 231 | 173 |
233
- | `megamenu` | 58,768 | 20,368 | 17,992 | 4,941 | 1,364 | 1,026 |
234
- | `menu` | 114,129 | 38,571 | 32,277 | 8,835 | 2,252 | 1,782 |
235
- | `meter` | 31,750 | 10,542 | 9,305 | 4,099 | 1,058 | 917 |
236
- | `navigation` | 30,198 | 10,204 | 9,007 | 1,361 | 373 | 207 |
237
- | `notifications` | 90,916 | 29,560 | 24,283 | 11,791 | 2,799 | 2,351 |
238
- | `number-input` | 88,557 | 28,958 | 23,717 | 7,174 | 1,935 | 1,459 |
239
- | `object-inspector` | 128,435 | 42,882 | 36,093 | 19,307 | 5,179 | 4,338 |
240
- | `option` | 30,590 | 10,120 | 8,927 | 2,933 | 672 | 463 |
241
- | `outline` | 33,522 | 11,334 | 10,012 | 4,633 | 1,428 | 1,084 |
242
- | `pagination` | 136,489 | 43,447 | 36,540 | 27,172 | 6,343 | 5,239 |
243
- | `pin-input` | 38,949 | 12,440 | 10,965 | 5,038 | 1,509 | 1,159 |
244
- | `popover` | 55,974 | 19,594 | 17,352 | 1,901 | 524 | 404 |
245
- | `progress` | 29,601 | 9,965 | 8,807 | 1,951 | 494 | 412 |
246
- | `qr-code` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
247
- | `quote` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
248
- | `radio` | 37,689 | 11,931 | 10,493 | 3,188 | 843 | 588 |
249
- | `rating` | 40,588 | 12,985 | 11,487 | 6,527 | 1,917 | 1,495 |
250
- | `scatter-chart` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
251
- | `scroll-area` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
252
- | `select` | 124,657 | 40,903 | 34,302 | 15,466 | 3,953 | 3,094 |
253
- | `skeleton` | 27,032 | 9,189 | 8,101 | 544 | 115 | 33 |
254
- | `skip-link` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 241 |
255
- | `slider` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
256
- | `sparkline` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
257
- | `speed-dial` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
258
- | `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,577 | 2,208 |
259
- | `stat` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
260
- | `steps` | 84,665 | 27,801 | 22,777 | 6,322 | 1,529 | 1,186 |
261
- | `switch` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
262
- | `table` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,172 |
263
- | `tabs` | 35,366 | 11,471 | 10,105 | 4,179 | 932 | 765 |
264
- | `tag` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
265
- | `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
266
- | `time-input` | 142,721 | 45,464 | 38,189 | 28,193 | 7,034 | 5,838 |
267
- | `time-picker` | 103,096 | 33,337 | 27,370 | 19,050 | 5,186 | 4,235 |
268
- | `timeline` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
269
- | `toast` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
270
- | `toggle` | 39,761 | 12,532 | 11,047 | 3,715 | 967 | 703 |
271
- | `toolbar` | 30,362 | 10,282 | 9,077 | 2,933 | 946 | 625 |
272
- | `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,810 | 1,412 |
273
- | `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,772 | 2,295 |
274
- | `tree` | 86,296 | 28,497 | 23,295 | 7,195 | 1,988 | 1,576 |
275
- | `trend` | 75,252 | 25,074 | 20,688 | 1,056 | 281 | 277 |
276
- | `video` | 139,429 | 44,864 | 37,871 | 33,883 | 8,223 | 7,069 |
277
- | `video-playlist` | 121,695 | 40,174 | 33,715 | 14,997 | 3,505 | 2,902 |
278
- | `virtual-list` | 34,078 | 11,491 | 10,121 | 2,485 | 757 | 620 |
185
+ | `accordion` | 79,692 | 26,691 | 21,862 | 2,875 | 757 | 635 |
186
+ | `announcement` | 77,029 | 25,791 | 21,123 | 1,231 | 330 | 343 |
187
+ | `app-header` | 28,914 | 9,728 | 8,559 | 1,248 | 317 | 226 |
188
+ | `area-chart` | 74,740 | 25,598 | 22,661 | 11,051 | 3,403 | 2,821 |
189
+ | `avatar` | 30,963 | 10,323 | 9,111 | 3,257 | 919 | 732 |
190
+ | `badge` | 28,449 | 9,658 | 8,493 | 1,162 | 297 | 241 |
191
+ | `bar-chart` | 76,394 | 25,965 | 22,972 | 12,696 | 3,773 | 3,124 |
192
+ | `blockquote` | 28,464 | 9,687 | 8,534 | 774 | 177 | 118 |
193
+ | `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 441 | 363 |
194
+ | `button` | 32,931 | 10,866 | 9,561 | 3,137 | 810 | 711 |
195
+ | `button-group` | 28,320 | 9,575 | 8,441 | 661 | 135 | 66 |
196
+ | `callout` | 75,643 | 25,209 | 20,830 | 912 | 243 | 217 |
197
+ | `card` | 28,354 | 9,586 | 8,460 | 694 | 152 | 95 |
198
+ | `carousel` | 84,876 | 28,045 | 23,153 | 10,027 | 2,648 | 2,197 |
199
+ | `chat` | 98,932 | 33,003 | 27,115 | 17,331 | 5,073 | 4,340 |
200
+ | `checkbox` | 36,329 | 11,613 | 10,236 | 2,306 | 668 | 439 |
201
+ | `checkbox-group` | 39,351 | 12,278 | 10,825 | 4,809 | 1,262 | 929 |
202
+ | `code` | 26,939 | 9,156 | 8,067 | 451 | 74 | 87 |
203
+ | `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,530 | 3,845 |
204
+ | `color-input` | 135,172 | 43,806 | 36,815 | 25,872 | 6,658 | 5,643 |
205
+ | `color-picker` | 102,689 | 33,130 | 27,301 | 20,238 | 5,408 | 4,671 |
206
+ | `combobox` | 132,272 | 42,737 | 35,871 | 20,341 | 5,062 | 4,218 |
207
+ | `command` | 102,707 | 32,668 | 26,883 | 17,705 | 4,516 | 3,718 |
208
+ | `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,964 | 2,417 |
209
+ | `data-table` | 170,231 | 52,701 | 44,508 | 54,694 | 13,894 | 11,547 |
210
+ | `date-input` | 130,322 | 42,258 | 35,456 | 18,550 | 4,750 | 3,954 |
211
+ | `date-picker` | 87,537 | 28,957 | 23,814 | 9,997 | 2,810 | 2,281 |
212
+ | `description-list` | 28,423 | 9,527 | 8,396 | 1,132 | 178 | 172 |
213
+ | `dialog` | 31,972 | 10,618 | 9,359 | 2,717 | 805 | 670 |
214
+ | `divider` | 28,670 | 9,765 | 8,580 | 981 | 245 | 151 |
215
+ | `donut-chart` | 72,538 | 24,566 | 21,769 | 10,277 | 3,024 | 2,590 |
216
+ | `drawer` | 30,725 | 10,249 | 8,997 | 1,761 | 477 | 427 |
217
+ | `drilldown` | 83,967 | 27,980 | 22,849 | 5,620 | 1,508 | 1,187 |
218
+ | `empty` | 28,476 | 9,628 | 8,480 | 816 | 184 | 142 |
219
+ | `file-input` | 87,029 | 28,767 | 23,542 | 6,131 | 1,770 | 1,451 |
220
+ | `filter-input` | 143,331 | 45,676 | 38,377 | 27,916 | 6,768 | 5,663 |
221
+ | `format-date` | 31,933 | 10,735 | 9,501 | 2,867 | 708 | 596 |
222
+ | `heatmap` | 73,760 | 24,785 | 21,910 | 11,053 | 3,107 | 2,522 |
223
+ | `icon` | 75,148 | 25,011 | 20,634 | 952 | 219 | 181 |
224
+ | `icon-button` | 33,330 | 10,898 | 9,617 | 3,536 | 855 | 727 |
225
+ | `image` | 30,493 | 10,124 | 8,925 | 3,156 | 816 | 626 |
226
+ | `input` | 86,245 | 28,339 | 23,175 | 4,742 | 1,311 | 970 |
227
+ | `kbd` | 30,274 | 10,348 | 9,112 | 2,976 | 1,039 | 767 |
228
+ | `legend` | 32,257 | 10,822 | 9,497 | 1,137 | 305 | 219 |
229
+ | `line-chart` | 74,336 | 25,300 | 22,420 | 10,731 | 3,146 | 2,616 |
230
+ | `list` | 29,375 | 9,761 | 8,590 | 1,725 | 343 | 256 |
231
+ | `listbox` | 94,458 | 30,818 | 25,165 | 10,942 | 2,996 | 2,362 |
232
+ | `loader` | 28,560 | 9,693 | 8,526 | 900 | 224 | 162 |
233
+ | `megamenu` | 58,768 | 20,368 | 17,992 | 4,941 | 1,357 | 1,072 |
234
+ | `menu` | 114,091 | 38,572 | 32,324 | 8,816 | 2,239 | 1,745 |
235
+ | `meter` | 31,750 | 10,542 | 9,277 | 4,099 | 1,047 | 882 |
236
+ | `navigation` | 30,198 | 10,203 | 9,003 | 1,361 | 358 | 280 |
237
+ | `notifications` | 91,555 | 29,712 | 24,386 | 11,333 | 2,683 | 2,208 |
238
+ | `number-input` | 88,606 | 28,974 | 23,707 | 7,190 | 1,949 | 1,574 |
239
+ | `object-inspector` | 128,435 | 42,882 | 36,093 | 19,307 | 5,175 | 4,310 |
240
+ | `option` | 30,590 | 10,121 | 8,951 | 2,933 | 671 | 468 |
241
+ | `outline` | 33,522 | 11,334 | 10,014 | 4,633 | 1,419 | 1,089 |
242
+ | `pagination` | 136,490 | 43,451 | 36,459 | 27,159 | 6,329 | 5,220 |
243
+ | `pin-input` | 38,982 | 12,453 | 11,012 | 5,038 | 1,509 | 1,263 |
244
+ | `popover` | 55,974 | 19,594 | 17,352 | 1,901 | 516 | 420 |
245
+ | `progress` | 29,601 | 9,966 | 8,807 | 1,951 | 486 | 464 |
246
+ | `qr-code` | 40,250 | 14,005 | 12,359 | 12,983 | 4,673 | 4,063 |
247
+ | `quote` | 27,843 | 9,448 | 8,325 | 552 | 127 | 93 |
248
+ | `radio` | 38,188 | 11,955 | 10,516 | 2,784 | 740 | 517 |
249
+ | `rating` | 40,621 | 12,997 | 11,459 | 6,527 | 1,900 | 1,536 |
250
+ | `scatter-chart` | 74,272 | 25,238 | 22,232 | 11,442 | 3,455 | 2,799 |
251
+ | `scroll-area` | 30,086 | 10,130 | 8,905 | 2,743 | 782 | 594 |
252
+ | `select` | 124,658 | 40,903 | 34,279 | 15,453 | 3,927 | 3,210 |
253
+ | `skeleton` | 27,032 | 9,189 | 8,110 | 544 | 109 | 86 |
254
+ | `skip-link` | 28,515 | 9,709 | 8,538 | 1,226 | 373 | 229 |
255
+ | `slider` | 39,373 | 12,469 | 11,029 | 5,185 | 1,436 | 1,211 |
256
+ | `sparkline` | 34,619 | 11,819 | 10,426 | 2,445 | 809 | 714 |
257
+ | `speed-dial` | 105,779 | 36,228 | 30,404 | 3,745 | 968 | 684 |
258
+ | `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,594 | 2,240 |
259
+ | `stat` | 28,808 | 9,624 | 8,464 | 1,148 | 189 | 159 |
260
+ | `steps` | 84,665 | 27,801 | 22,777 | 6,322 | 1,525 | 1,251 |
261
+ | `switch` | 36,000 | 11,590 | 10,189 | 1,575 | 492 | 380 |
262
+ | `table` | 85,428 | 28,370 | 23,263 | 9,221 | 2,572 | 2,132 |
263
+ | `tabs` | 35,851 | 11,498 | 10,098 | 3,796 | 873 | 642 |
264
+ | `tag` | 75,927 | 25,307 | 20,715 | 897 | 191 | 194 |
265
+ | `textarea` | 38,454 | 12,148 | 10,669 | 4,026 | 1,101 | 867 |
266
+ | `time-input` | 142,722 | 45,470 | 38,162 | 28,180 | 7,039 | 5,909 |
267
+ | `time-picker` | 103,089 | 33,338 | 27,382 | 19,029 | 5,156 | 4,335 |
268
+ | `timeline` | 76,459 | 25,297 | 20,907 | 1,894 | 395 | 341 |
269
+ | `toast` | 79,658 | 26,392 | 21,616 | 4,005 | 950 | 691 |
270
+ | `toggle` | 40,261 | 12,564 | 11,111 | 3,311 | 874 | 649 |
271
+ | `toolbar` | 30,362 | 10,282 | 9,071 | 2,933 | 935 | 661 |
272
+ | `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,803 | 1,410 |
273
+ | `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,765 | 2,252 |
274
+ | `tree` | 86,256 | 28,490 | 23,264 | 7,174 | 1,970 | 1,630 |
275
+ | `trend` | 75,252 | 25,076 | 20,677 | 1,056 | 280 | 326 |
276
+ | `video` | 139,358 | 44,866 | 37,786 | 33,775 | 8,189 | 7,173 |
277
+ | `video-playlist` | 121,657 | 40,171 | 33,705 | 14,977 | 3,502 | 2,986 |
278
+ | `virtual-list` | 34,078 | 11,490 | 10,128 | 2,485 | 752 | 563 |
279
279
 
280
280
  ### Styled tier
281
281
 
@@ -283,106 +283,106 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
283
283
 
284
284
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
285
285
  |---|---|---|---|---|---|---|
286
- | `accordion` | 83,034 | 27,511 | 22,563 | 6,204 | 1,583 | 1,359 |
287
- | `announcement` | 81,276 | 26,717 | 21,919 | 5,742 | 1,367 | 1,231 |
288
- | `app-header` | 32,804 | 10,623 | 9,384 | 5,121 | 1,229 | 1,000 |
289
- | `area-chart` | 82,139 | 27,209 | 23,974 | 18,433 | 5,021 | 4,183 |
290
- | `aura` | 94,970 | 32,811 | 28,423 | 66,522 | 23,030 | 19,960 |
291
- | `avatar` | 34,548 | 11,085 | 9,786 | 6,832 | 1,699 | 1,422 |
292
- | `badge` | 31,553 | 10,365 | 9,117 | 4,249 | 1,004 | 803 |
293
- | `bar-chart` | 89,147 | 28,500 | 25,266 | 25,447 | 6,349 | 5,401 |
294
- | `blockquote` | 29,458 | 9,907 | 8,725 | 2,032 | 527 | 434 |
295
- | `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,244 | 1,050 |
296
- | `button` | 39,024 | 11,977 | 10,549 | 9,212 | 1,954 | 1,720 |
297
- | `button-group` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
298
- | `callout` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
299
- | `card` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
300
- | `carousel` | 94,968 | 29,707 | 24,655 | 20,107 | 4,322 | 3,654 |
301
- | `chat` | 113,166 | 35,452 | 29,289 | 31,812 | 7,678 | 6,460 |
302
- | `checkbox` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
303
- | `checkbox-group` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
304
- | `code` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
305
- | `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
306
- | `color-input` | 168,626 | 48,946 | 41,341 | 59,342 | 11,856 | 10,174 |
307
- | `color-picker` | 130,447 | 37,566 | 31,225 | 48,023 | 9,956 | 8,580 |
308
- | `combobox` | 147,074 | 45,390 | 38,194 | 35,138 | 7,732 | 6,535 |
309
- | `command` | 113,177 | 34,703 | 28,568 | 28,176 | 6,604 | 5,583 |
310
- | `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
311
- | `data-table` | 206,885 | 59,038 | 49,657 | 91,679 | 20,457 | 16,822 |
312
- | `date-input` | 146,202 | 45,278 | 38,194 | 34,440 | 7,742 | 6,621 |
313
- | `date-picker` | 93,154 | 30,122 | 24,819 | 15,596 | 3,968 | 3,322 |
314
- | `description-list` | 30,801 | 10,094 | 8,858 | 3,502 | 767 | 578 |
315
- | `dialog` | 36,307 | 11,621 | 10,259 | 7,037 | 1,826 | 1,537 |
316
- | `divider` | 30,655 | 10,211 | 8,968 | 3,229 | 800 | 610 |
317
- | `donut-chart` | 81,638 | 26,447 | 23,396 | 19,371 | 4,971 | 4,146 |
318
- | `drawer` | 34,988 | 11,256 | 9,920 | 6,007 | 1,493 | 1,245 |
319
- | `drilldown` | 87,607 | 28,599 | 23,466 | 10,268 | 2,517 | 2,102 |
320
- | `empty` | 29,763 | 9,992 | 8,792 | 2,087 | 552 | 412 |
321
- | `file-input` | 98,199 | 30,960 | 25,438 | 17,328 | 3,919 | 3,295 |
322
- | `filter-input` | 171,154 | 50,013 | 42,083 | 56,020 | 11,326 | 9,562 |
323
- | `flex` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 369 |
324
- | `format-date` | 32,581 | 10,882 | 9,624 | 3,497 | 860 | 620 |
325
- | `grid` | 29,825 | 9,961 | 8,759 | 2,522 | 628 | 600 |
326
- | `heatmap` | 80,534 | 26,146 | 23,159 | 18,144 | 4,653 | 3,868 |
327
- | `icon` | 75,854 | 25,190 | 20,744 | 1,641 | 383 | 374 |
328
- | `icon-button` | 39,345 | 11,909 | 10,469 | 9,537 | 1,877 | 1,583 |
329
- | `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,315 | 1,053 |
330
- | `input` | 92,407 | 29,664 | 24,292 | 10,930 | 2,626 | 2,199 |
331
- | `kbd` | 31,686 | 10,798 | 9,497 | 4,373 | 1,493 | 1,260 |
332
- | `legend` | 37,118 | 11,927 | 10,457 | 5,911 | 1,423 | 1,092 |
333
- | `line-chart` | 84,119 | 27,299 | 24,196 | 20,502 | 5,200 | 4,374 |
334
- | `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,313 | 1,155 |
335
- | `listbox` | 98,734 | 31,819 | 26,001 | 15,225 | 4,002 | 3,196 |
336
- | `loader` | 31,726 | 10,457 | 9,202 | 4,051 | 988 | 846 |
337
- | `megamenu` | 63,649 | 21,442 | 19,011 | 9,805 | 2,429 | 2,038 |
338
- | `menu` | 121,506 | 40,142 | 33,679 | 16,193 | 3,773 | 3,138 |
339
- | `meter` | 37,148 | 11,685 | 10,337 | 9,479 | 2,204 | 1,938 |
340
- | `navigation` | 31,579 | 10,593 | 9,338 | 2,726 | 770 | 560 |
341
- | `notifications` | 103,872 | 31,914 | 26,310 | 24,733 | 5,151 | 4,356 |
342
- | `number-input` | 93,339 | 30,092 | 24,650 | 11,944 | 3,038 | 2,453 |
343
- | `object-inspector` | 142,073 | 45,219 | 38,142 | 32,924 | 7,520 | 6,369 |
344
- | `option` | 33,844 | 11,023 | 9,726 | 6,175 | 1,555 | 1,213 |
345
- | `orb` | 37,854 | 13,149 | 11,627 | 10,144 | 3,616 | 3,058 |
346
- | `outline` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,722 |
347
- | `pagination` | 154,355 | 46,524 | 39,151 | 45,020 | 9,408 | 7,950 |
348
- | `pin-input` | 42,016 | 13,230 | 11,614 | 8,088 | 2,318 | 1,874 |
349
- | `popover` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 990 |
350
- | `progress` | 34,630 | 11,137 | 9,863 | 6,962 | 1,660 | 1,406 |
351
- | `qr-code` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
352
- | `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
353
- | `radio` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
354
- | `rating` | 44,808 | 14,184 | 12,535 | 10,730 | 3,097 | 2,539 |
355
- | `sandbox` | 63,540 | 17,409 | 15,415 | 35,445 | 7,795 | 6,616 |
356
- | `scatter-chart` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
357
- | `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
358
- | `select` | 137,262 | 43,276 | 36,358 | 28,057 | 6,307 | 5,215 |
359
- | `skeleton` | 29,550 | 9,941 | 8,760 | 2,242 | 601 | 578 |
360
- | `skip-link` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 605 |
361
- | `slider` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
362
- | `sparkline` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
363
- | `speed-dial` | 113,345 | 37,698 | 31,658 | 11,289 | 2,381 | 1,982 |
364
- | `splitter` | 44,009 | 13,134 | 11,663 | 16,197 | 3,611 | 3,113 |
365
- | `stat` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
366
- | `steps` | 98,288 | 30,223 | 24,872 | 19,933 | 3,925 | 3,365 |
367
- | `switch` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
368
- | `table` | 90,805 | 29,473 | 24,204 | 14,568 | 3,662 | 3,067 |
369
- | `tabs` | 41,605 | 12,747 | 11,238 | 10,407 | 2,229 | 1,854 |
370
- | `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
371
- | `text` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
372
- | `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
373
- | `time-input` | 163,960 | 48,965 | 41,256 | 49,417 | 10,580 | 8,898 |
374
- | `time-picker` | 114,572 | 35,469 | 29,273 | 30,521 | 7,371 | 6,237 |
375
- | `timeline` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
376
- | `toast` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
377
- | `toggle` | 44,748 | 13,689 | 12,098 | 8,694 | 2,129 | 1,712 |
378
- | `toolbar` | 31,654 | 10,582 | 9,325 | 4,208 | 1,251 | 996 |
379
- | `tooltip` | 63,149 | 21,446 | 18,957 | 9,492 | 2,554 | 2,101 |
380
- | `tour` | 75,360 | 23,647 | 20,978 | 20,537 | 4,386 | 3,613 |
381
- | `tree` | 91,996 | 29,841 | 24,458 | 12,885 | 3,318 | 2,763 |
382
- | `trend` | 78,409 | 25,784 | 21,292 | 4,205 | 943 | 806 |
383
- | `video` | 158,416 | 48,268 | 40,844 | 52,850 | 11,682 | 10,140 |
384
- | `video-playlist` | 135,595 | 42,681 | 35,890 | 28,876 | 5,984 | 5,001 |
385
- | `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 966 | 710 |
286
+ | `accordion` | 83,034 | 27,512 | 22,559 | 6,204 | 1,568 | 1,332 |
287
+ | `announcement` | 81,438 | 26,799 | 21,979 | 5,624 | 1,326 | 1,198 |
288
+ | `app-header` | 32,804 | 10,624 | 9,379 | 5,121 | 1,226 | 1,076 |
289
+ | `area-chart` | 82,126 | 27,205 | 24,059 | 18,418 | 5,017 | 4,098 |
290
+ | `aura` | 94,970 | 32,811 | 28,423 | 66,522 | 23,026 | 19,836 |
291
+ | `avatar` | 34,548 | 11,085 | 9,765 | 6,832 | 1,691 | 1,349 |
292
+ | `badge` | 31,553 | 10,365 | 9,136 | 4,249 | 1,008 | 847 |
293
+ | `bar-chart` | 89,160 | 28,516 | 25,225 | 25,442 | 6,337 | 5,281 |
294
+ | `blockquote` | 29,620 | 9,970 | 8,765 | 1,914 | 477 | 368 |
295
+ | `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,240 | 1,051 |
296
+ | `button` | 39,024 | 11,978 | 10,565 | 9,212 | 1,934 | 1,662 |
297
+ | `button-group` | 29,996 | 9,950 | 8,756 | 2,320 | 528 | 499 |
298
+ | `callout` | 77,642 | 25,753 | 21,314 | 2,895 | 767 | 634 |
299
+ | `card` | 31,587 | 10,410 | 9,158 | 3,915 | 980 | 943 |
300
+ | `carousel` | 94,968 | 29,707 | 24,655 | 20,108 | 4,328 | 3,725 |
301
+ | `chat` | 113,049 | 35,489 | 29,342 | 31,432 | 7,585 | 6,423 |
302
+ | `checkbox` | 42,373 | 13,003 | 11,437 | 8,334 | 2,063 | 1,748 |
303
+ | `checkbox-group` | 41,534 | 12,851 | 11,314 | 6,978 | 1,838 | 1,385 |
304
+ | `code` | 28,016 | 9,451 | 8,318 | 1,511 | 366 | 327 |
305
+ | `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,273 | 6,193 |
306
+ | `color-input` | 168,675 | 48,963 | 41,361 | 59,358 | 11,859 | 10,181 |
307
+ | `color-picker` | 130,488 | 37,583 | 31,243 | 48,031 | 9,967 | 8,572 |
308
+ | `combobox` | 147,075 | 45,394 | 38,108 | 35,125 | 7,715 | 6,441 |
309
+ | `command` | 113,170 | 34,701 | 28,584 | 28,157 | 6,589 | 5,541 |
310
+ | `copy-button` | 125,799 | 40,566 | 34,167 | 21,847 | 4,682 | 3,913 |
311
+ | `data-table` | 206,960 | 59,098 | 49,636 | 91,404 | 20,382 | 16,835 |
312
+ | `date-input` | 146,243 | 45,292 | 38,229 | 34,448 | 7,741 | 6,583 |
313
+ | `date-picker` | 93,154 | 30,121 | 24,814 | 15,596 | 3,955 | 3,318 |
314
+ | `description-list` | 30,801 | 10,095 | 8,892 | 3,502 | 774 | 676 |
315
+ | `dialog` | 36,307 | 11,623 | 10,259 | 7,037 | 1,822 | 1,555 |
316
+ | `divider` | 30,826 | 10,284 | 9,053 | 3,120 | 760 | 643 |
317
+ | `donut-chart` | 81,645 | 26,464 | 23,449 | 19,364 | 4,953 | 4,204 |
318
+ | `drawer` | 34,988 | 11,255 | 9,908 | 6,007 | 1,495 | 1,323 |
319
+ | `drilldown` | 88,514 | 28,980 | 23,732 | 10,153 | 2,479 | 2,015 |
320
+ | `empty` | 29,763 | 9,992 | 8,809 | 2,087 | 540 | 515 |
321
+ | `file-input` | 98,248 | 30,977 | 25,470 | 17,344 | 3,927 | 3,363 |
322
+ | `filter-input` | 171,328 | 50,108 | 42,234 | 55,903 | 11,307 | 9,456 |
323
+ | `flex` | 29,298 | 9,798 | 8,623 | 1,999 | 455 | 472 |
324
+ | `format-date` | 32,581 | 10,883 | 9,622 | 3,497 | 860 | 647 |
325
+ | `grid` | 29,825 | 9,963 | 8,786 | 2,522 | 621 | 539 |
326
+ | `heatmap` | 80,558 | 26,185 | 23,262 | 17,832 | 4,543 | 3,743 |
327
+ | `icon` | 75,854 | 25,190 | 20,767 | 1,641 | 381 | 371 |
328
+ | `icon-button` | 39,345 | 11,910 | 10,494 | 9,537 | 1,869 | 1,643 |
329
+ | `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,310 | 1,096 |
330
+ | `input` | 92,448 | 29,682 | 24,353 | 10,938 | 2,630 | 2,130 |
331
+ | `kbd` | 31,686 | 10,798 | 9,494 | 4,373 | 1,498 | 1,191 |
332
+ | `legend` | 37,137 | 11,939 | 10,516 | 5,911 | 1,409 | 1,157 |
333
+ | `line-chart` | 84,107 | 27,298 | 24,161 | 20,480 | 5,167 | 4,321 |
334
+ | `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,299 | 1,126 |
335
+ | `listbox` | 98,727 | 31,815 | 26,007 | 15,204 | 3,981 | 3,286 |
336
+ | `loader` | 31,726 | 10,457 | 9,209 | 4,051 | 989 | 858 |
337
+ | `megamenu` | 63,649 | 21,442 | 19,011 | 9,805 | 2,427 | 1,978 |
338
+ | `menu` | 121,468 | 40,143 | 33,700 | 16,174 | 3,760 | 3,098 |
339
+ | `meter` | 37,148 | 11,685 | 10,324 | 9,479 | 2,209 | 1,942 |
340
+ | `navigation` | 31,579 | 10,593 | 9,325 | 2,726 | 765 | 611 |
341
+ | `notifications` | 104,511 | 32,059 | 26,461 | 24,276 | 5,021 | 4,279 |
342
+ | `number-input` | 93,388 | 30,109 | 24,667 | 11,960 | 3,047 | 2,532 |
343
+ | `object-inspector` | 142,073 | 45,219 | 38,142 | 32,924 | 7,495 | 6,403 |
344
+ | `option` | 33,844 | 11,025 | 9,728 | 6,175 | 1,562 | 1,240 |
345
+ | `orb` | 37,854 | 13,150 | 11,636 | 10,144 | 3,611 | 3,127 |
346
+ | `outline` | 37,262 | 12,108 | 10,683 | 8,356 | 2,226 | 1,793 |
347
+ | `pagination` | 154,356 | 46,526 | 39,119 | 45,007 | 9,386 | 7,911 |
348
+ | `pin-input` | 42,049 | 13,243 | 11,657 | 8,088 | 2,310 | 1,883 |
349
+ | `popover` | 58,610 | 20,243 | 17,944 | 4,519 | 1,188 | 952 |
350
+ | `progress` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,476 |
351
+ | `qr-code` | 41,913 | 14,435 | 12,705 | 14,628 | 5,111 | 4,374 |
352
+ | `quote` | 28,498 | 9,609 | 8,455 | 1,191 | 295 | 222 |
353
+ | `radio` | 45,770 | 13,383 | 11,815 | 10,356 | 2,167 | 1,777 |
354
+ | `rating` | 44,841 | 14,195 | 12,539 | 10,730 | 3,091 | 2,509 |
355
+ | `sandbox` | 63,540 | 17,409 | 15,411 | 35,445 | 7,795 | 6,587 |
356
+ | `scatter-chart` | 82,664 | 27,049 | 23,880 | 19,815 | 5,259 | 4,377 |
357
+ | `scroll-area` | 33,234 | 10,788 | 9,496 | 5,874 | 1,451 | 1,189 |
358
+ | `select` | 137,263 | 43,277 | 36,387 | 28,044 | 6,307 | 5,159 |
359
+ | `skeleton` | 29,550 | 9,943 | 8,755 | 2,242 | 607 | 473 |
360
+ | `skip-link` | 29,978 | 10,112 | 8,870 | 2,672 | 774 | 562 |
361
+ | `slider` | 50,355 | 14,429 | 12,758 | 16,150 | 3,398 | 2,894 |
362
+ | `sparkline` | 38,537 | 12,763 | 11,292 | 6,351 | 1,777 | 1,533 |
363
+ | `speed-dial` | 113,345 | 37,697 | 31,666 | 11,289 | 2,363 | 1,880 |
364
+ | `splitter` | 44,009 | 13,134 | 11,676 | 16,197 | 3,607 | 3,124 |
365
+ | `stat` | 31,624 | 10,248 | 9,065 | 3,954 | 831 | 751 |
366
+ | `steps` | 98,288 | 30,223 | 24,949 | 19,933 | 3,913 | 3,301 |
367
+ | `switch` | 40,224 | 12,636 | 11,098 | 5,784 | 1,543 | 1,283 |
368
+ | `table` | 90,786 | 29,472 | 24,185 | 14,568 | 3,644 | 3,137 |
369
+ | `tabs` | 42,089 | 12,773 | 11,260 | 10,024 | 2,161 | 1,867 |
370
+ | `tag` | 79,131 | 26,169 | 21,453 | 4,086 | 1,022 | 831 |
371
+ | `text` | 31,284 | 10,086 | 8,873 | 3,987 | 798 | 641 |
372
+ | `textarea` | 41,791 | 12,957 | 11,410 | 7,349 | 1,942 | 1,460 |
373
+ | `time-input` | 163,961 | 48,971 | 41,273 | 49,404 | 10,585 | 9,010 |
374
+ | `time-picker` | 114,565 | 35,472 | 29,316 | 30,500 | 7,360 | 6,257 |
375
+ | `timeline` | 79,737 | 26,052 | 21,517 | 5,160 | 1,151 | 971 |
376
+ | `toast` | 87,191 | 28,068 | 23,160 | 11,526 | 2,591 | 2,192 |
377
+ | `toggle` | 45,253 | 13,726 | 12,107 | 8,291 | 2,025 | 1,729 |
378
+ | `toolbar` | 31,654 | 10,582 | 9,329 | 4,208 | 1,250 | 938 |
379
+ | `tooltip` | 63,149 | 21,446 | 18,959 | 9,492 | 2,541 | 2,042 |
380
+ | `tour` | 75,360 | 23,647 | 20,977 | 20,537 | 4,384 | 3,695 |
381
+ | `tree` | 91,956 | 29,834 | 24,510 | 12,864 | 3,304 | 2,718 |
382
+ | `trend` | 78,409 | 25,784 | 21,316 | 4,205 | 944 | 828 |
383
+ | `video` | 158,345 | 48,281 | 40,832 | 52,742 | 11,654 | 10,028 |
384
+ | `video-playlist` | 135,557 | 42,679 | 35,923 | 28,856 | 5,967 | 5,105 |
385
+ | `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 959 | 807 |
386
386
 
387
387
  ## What lands in `node_modules`
388
388
 
@@ -394,12 +394,12 @@ column is what was removed rather than part of what remains.
394
394
 
395
395
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
396
396
  |---|---|---|---|---|
397
- | `@fusion.dev/helix-core` | 847,310 | 123 | 186,573 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
- | `@fusion.dev/helix-headless` | 11,322,865 | 472 | 863,670 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
397
+ | `@fusion.dev/helix-core` | 878,068 | 129 | 190,771 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
+ | `@fusion.dev/helix-headless` | 11,367,448 | 472 | 857,477 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
399
399
  | `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
400
400
  | `@fusion.dev/helix-styles` | 101,139 | 6 | 0 | none |
401
401
  | `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
402
- | `@fusion.dev/helix` | 12,338,315 | 798 | 338,963 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
402
+ | `@fusion.dev/helix` | 12,387,931 | 798 | 338,969 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
403
403
 
404
404
  ## Not measured yet
405
405
 
package/content/visual-axes.mdx CHANGED
@@ -17,7 +17,7 @@ vocabularies. You cannot invent a value, and a component may take a subset.
17
17
  | `separation` | `elevated`, `filled`, `outlined`, `plain` |
18
18
  | `shape` | `arc`, `circle`, `dots`, `ring`, `rounded`, `square`, `text` |
19
19
  | `tone` | The status and intent words: `primary`, `accent`, `neutral`, `danger`, and so on |
20
- | `width` | `auto`, `full`, `standard` |
20
+ | `width` | `auto`, `full` |
21
21
 
22
22
  ```html
23
23
  <helix-button
package/dist/catalog.js CHANGED
@@ -92,8 +92,10 @@ export const catalog = (manifests, examples = []) => {
92
92
  .map(([slug, entries]) => {
93
93
  const root = entries.find((entry) => entry.tagName === `helix-${slug}`) ??
94
94
  entries[0];
95
+ const named = (tag) => entries.find((entry) => entry.tagName === tag);
96
+ const roots = [named(`helix-${slug}`), named(`helix-${HEADLESS}-${slug}`)].filter((entry) => entry !== undefined);
95
97
  return {
96
- aliases: root.helix?.aliases ?? [],
98
+ aliases: [...new Set(roots.flatMap((entry) => entry.helix?.aliases ?? []))],
97
99
  category: root.helix?.category ?? '',
98
100
  documentation: root.helix?.documentation ?? '',
99
101
  elements: entries
package/dist/sources.generated.js CHANGED
@@ -2011,7 +2011,7 @@ nobody ever downloads this floor on its own.
2011
2011
 
2012
2012
  | | Raw | Gzip | Brotli |
2013
2013
  |---|---|---|---|
2014
- | Lit and \`@fusion.dev/helix-core\` | 146,391 | 48,423 | 40,926 |
2014
+ | Lit and \`@fusion.dev/helix-core\` | 147,672 | 48,709 | 41,172 |
2015
2015
 
2016
2016
  ## Whole packages
2017
2017
 
@@ -2022,11 +2022,11 @@ repository does that. The per-component tables are what a page pays.
2022
2022
 
2023
2023
  | Package | Raw | Gzip | Brotli | |
2024
2024
  |---|---|---|---|---|
2025
- | \`@fusion.dev/helix-core\` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
2026
- | \`@fusion.dev/helix-headless\` | 605,672 | 157,018 | 122,047 | Every headless family, which is what the barrel means. |
2025
+ | \`@fusion.dev/helix-core\` | 147,226 | 48,349 | 40,887 | Element base class, mixins, decorators, floating positioning. |
2026
+ | \`@fusion.dev/helix-headless\` | 603,511 | 156,576 | 121,886 | Every headless family, which is what the barrel means. |
2027
2027
  | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
2028
2028
  | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
2029
- | \`@fusion.dev/helix\` | 1,082,914 | 254,056 | 186,162 | Every styled family. |
2029
+ | \`@fusion.dev/helix\` | 1,080,746 | 253,593 | 186,001 | Every styled family. |
2030
2030
  | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
2031
2031
 
2032
2032
  ## The stylesheets
@@ -2047,11 +2047,11 @@ is the whole cost of adopting the base layer on its own.
2047
2047
 
2048
2048
  ## What the numbers say
2049
2049
 
2050
- **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,232 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.
2050
+ **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,188 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.
2051
2051
 
2052
- Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,038, over 100 components. Every family at once is 254,056.
2052
+ Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,098, over 100 components. Every family at once is 253,593.
2053
2053
 
2054
- **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 157,018 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
2054
+ **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 156,576 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
2055
2055
 
2056
2056
  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,532 bytes gzipped alone.
2057
2057
 
@@ -2065,43 +2065,43 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
2065
2065
 
2066
2066
  | Component | System | Raw | Gzip | Brotli |
2067
2067
  |---|---|---|---|---|
2068
- | \`button\` | **Helix** | 39,024 | 11,977 | 10,549 |
2068
+ | \`button\` | **Helix** | 39,024 | 11,978 | 10,565 |
2069
2069
  | | Carbon | 133,058 | 20,959 | 17,685 |
2070
2070
  | | Material Web | 47,060 | 14,173 | 12,591 |
2071
2071
  | | Shoelace | 62,628 | 18,287 | 15,805 |
2072
2072
  | | Spectrum | 98,792 | 22,045 | 18,674 |
2073
- | \`checkbox\` | **Helix** | 42,340 | 12,992 | 11,454 |
2073
+ | \`checkbox\` | **Helix** | 42,373 | 13,003 | 11,437 |
2074
2074
  | | Carbon | 60,255 | 15,609 | 13,550 |
2075
2075
  | | Material Web | 43,785 | 13,556 | 12,015 |
2076
2076
  | | Shoelace | 47,614 | 15,177 | 13,301 |
2077
2077
  | | Spectrum | 62,492 | 15,437 | 13,481 |
2078
- | \`dialog\` | **Helix** | 36,307 | 11,621 | 10,259 |
2078
+ | \`dialog\` | **Helix** | 36,307 | 11,623 | 10,259 |
2079
2079
  | | Carbon | 510,866 | 67,390 | 39,189 |
2080
2080
  | | Material Web | 34,238 | 11,510 | 10,229 |
2081
2081
  | | Shoelace | 52,754 | 17,698 | 15,554 |
2082
2082
  | | Spectrum | 155,708 | 31,899 | 26,262 |
2083
- | \`radio\` | **Helix** | 45,268 | 13,351 | 11,771 |
2083
+ | \`radio\` | **Helix** | 45,770 | 13,383 | 11,815 |
2084
2084
  | | Carbon | 63,055 | 16,887 | 14,605 |
2085
2085
  | | Material Web | 41,044 | 13,234 | 11,757 |
2086
2086
  | | Shoelace | 34,865 | 12,027 | 10,559 |
2087
2087
  | | Spectrum | 38,685 | 10,660 | 9,370 |
2088
- | \`switch\` | **Helix** | 40,035 | 12,546 | 11,059 |
2088
+ | \`switch\` | **Helix** | 40,224 | 12,636 | 11,098 |
2089
2089
  | | Carbon | 69,423 | 17,127 | 14,764 |
2090
2090
  | | Material Web | 50,155 | 14,577 | 12,935 |
2091
2091
  | | Shoelace | 37,833 | 11,814 | 10,568 |
2092
2092
  | | Spectrum | 62,322 | 15,059 | 13,321 |
2093
- | \`tabs\` | **Helix** | 41,605 | 12,747 | 11,238 |
2093
+ | \`tabs\` | **Helix** | 42,089 | 12,773 | 11,260 |
2094
2094
  | | Carbon | 578,766 | 73,537 | 43,235 |
2095
2095
  | | Material Web | 38,883 | 12,820 | 11,368 |
2096
2096
  | | Shoelace | 54,573 | 17,140 | 15,068 |
2097
2097
  | | Spectrum | 64,875 | 18,298 | 16,283 |
2098
- | \`tooltip\` | **Helix** | 63,149 | 21,446 | 18,957 |
2098
+ | \`tooltip\` | **Helix** | 63,149 | 21,446 | 18,959 |
2099
2099
  | | Carbon | 189,382 | 30,354 | 22,273 |
2100
2100
  | | Material Web | | not shipped | |
2101
2101
  | | Shoelace | 57,412 | 20,220 | 17,933 |
2102
2102
  | | Spectrum | 136,599 | 40,552 | 35,286 |
2103
2103
 
2104
- **Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,691 bytes gzipped. 6 of 28 peer measurements come in under ours.
2104
+ **Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,723 bytes gzipped. 6 of 28 peer measurements come in under ours.
2105
2105
 
2106
2106
  - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
2107
2107
  - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -2146,100 +2146,100 @@ Structure, accessibility, state and form participation. No presentation, and no
2146
2146
 
2147
2147
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2148
2148
  |---|---|---|---|---|---|---|
2149
- | \`accordion\` | 79,692 | 26,691 | 21,871 | 2,875 | 768 | 596 |
2150
- | \`announcement\` | 76,867 | 25,712 | 21,074 | 1,349 | 379 | 329 |
2151
- | \`app-header\` | 28,914 | 9,728 | 8,566 | 1,248 | 320 | 182 |
2152
- | \`area-chart\` | 74,753 | 25,596 | 22,590 | 11,067 | 3,418 | 2,759 |
2153
- | \`avatar\` | 30,963 | 10,323 | 9,124 | 3,257 | 929 | 652 |
2154
- | \`badge\` | 28,449 | 9,658 | 8,518 | 1,162 | 301 | 192 |
2155
- | \`bar-chart\` | 76,381 | 25,951 | 22,937 | 12,701 | 3,780 | 3,076 |
2156
- | \`blockquote\` | 28,302 | 9,619 | 8,469 | 892 | 233 | 257 |
2157
- | \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 375 |
2158
- | \`button\` | 32,931 | 10,864 | 9,570 | 3,137 | 832 | 676 |
2159
- | \`button-group\` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
2160
- | \`callout\` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
2161
- | \`card\` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
2162
- | \`carousel\` | 84,876 | 28,045 | 23,106 | 10,026 | 2,661 | 2,226 |
2163
- | \`chat\` | 99,050 | 32,965 | 27,143 | 17,711 | 5,158 | 4,315 |
2164
- | \`checkbox\` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
2165
- | \`checkbox-group\` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
2166
- | \`code\` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
2167
- | \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
2168
- | \`color-input\` | 135,123 | 43,788 | 36,797 | 25,856 | 6,659 | 5,652 |
2169
- | \`color-picker\` | 102,648 | 33,113 | 27,287 | 20,230 | 5,420 | 4,621 |
2170
- | \`combobox\` | 132,271 | 42,733 | 35,933 | 20,354 | 5,070 | 4,132 |
2171
- | \`command\` | 102,714 | 32,673 | 26,784 | 17,727 | 4,555 | 3,687 |
2172
- | \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
2173
- | \`data-table\` | 170,156 | 52,630 | 44,351 | 54,969 | 13,972 | 11,581 |
2174
- | \`date-input\` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 4,029 |
2175
- | \`date-picker\` | 87,537 | 28,957 | 23,818 | 9,997 | 2,826 | 2,277 |
2176
- | \`description-list\` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 183 |
2177
- | \`dialog\` | 31,972 | 10,617 | 9,373 | 2,717 | 820 | 574 |
2178
- | \`divider\` | 28,499 | 9,689 | 8,514 | 1,090 | 288 | 232 |
2179
- | \`donut-chart\` | 72,531 | 24,557 | 21,730 | 10,284 | 3,044 | 2,491 |
2180
- | \`drawer\` | 30,725 | 10,248 | 9,003 | 1,761 | 476 | 406 |
2181
- | \`drilldown\` | 83,060 | 27,597 | 22,591 | 5,733 | 1,551 | 1,224 |
2182
- | \`empty\` | 28,476 | 9,627 | 8,480 | 816 | 192 | 113 |
2183
- | \`file-input\` | 86,980 | 28,751 | 23,555 | 6,115 | 1,758 | 1,427 |
2184
- | \`filter-input\` | 143,157 | 45,564 | 38,275 | 28,036 | 6,800 | 5,613 |
2185
- | \`format-date\` | 31,933 | 10,735 | 9,531 | 2,867 | 711 | 560 |
2186
- | \`heatmap\` | 73,736 | 24,750 | 21,934 | 11,365 | 3,222 | 2,571 |
2187
- | \`icon\` | 75,148 | 25,011 | 20,602 | 952 | 217 | 176 |
2188
- | \`icon-button\` | 33,330 | 10,895 | 9,581 | 3,536 | 868 | 598 |
2189
- | \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 831 | 662 |
2190
- | \`input\` | 86,204 | 28,322 | 23,173 | 4,734 | 1,302 | 1,021 |
2191
- | \`kbd\` | 30,274 | 10,347 | 9,127 | 2,976 | 1,047 | 796 |
2192
- | \`legend\` | 32,257 | 10,820 | 9,494 | 1,137 | 309 | 221 |
2193
- | \`line-chart\` | 74,348 | 25,309 | 22,425 | 10,746 | 3,166 | 2,597 |
2194
- | \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 348 | 323 |
2195
- | \`listbox\` | 94,465 | 30,820 | 25,162 | 10,963 | 3,018 | 2,464 |
2196
- | \`loader\` | 28,560 | 9,692 | 8,541 | 900 | 231 | 173 |
2197
- | \`megamenu\` | 58,768 | 20,368 | 17,992 | 4,941 | 1,364 | 1,026 |
2198
- | \`menu\` | 114,129 | 38,571 | 32,277 | 8,835 | 2,252 | 1,782 |
2199
- | \`meter\` | 31,750 | 10,542 | 9,305 | 4,099 | 1,058 | 917 |
2200
- | \`navigation\` | 30,198 | 10,204 | 9,007 | 1,361 | 373 | 207 |
2201
- | \`notifications\` | 90,916 | 29,560 | 24,283 | 11,791 | 2,799 | 2,351 |
2202
- | \`number-input\` | 88,557 | 28,958 | 23,717 | 7,174 | 1,935 | 1,459 |
2203
- | \`object-inspector\` | 128,435 | 42,882 | 36,093 | 19,307 | 5,179 | 4,338 |
2204
- | \`option\` | 30,590 | 10,120 | 8,927 | 2,933 | 672 | 463 |
2205
- | \`outline\` | 33,522 | 11,334 | 10,012 | 4,633 | 1,428 | 1,084 |
2206
- | \`pagination\` | 136,489 | 43,447 | 36,540 | 27,172 | 6,343 | 5,239 |
2207
- | \`pin-input\` | 38,949 | 12,440 | 10,965 | 5,038 | 1,509 | 1,159 |
2208
- | \`popover\` | 55,974 | 19,594 | 17,352 | 1,901 | 524 | 404 |
2209
- | \`progress\` | 29,601 | 9,965 | 8,807 | 1,951 | 494 | 412 |
2210
- | \`qr-code\` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
2211
- | \`quote\` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
2212
- | \`radio\` | 37,689 | 11,931 | 10,493 | 3,188 | 843 | 588 |
2213
- | \`rating\` | 40,588 | 12,985 | 11,487 | 6,527 | 1,917 | 1,495 |
2214
- | \`scatter-chart\` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
2215
- | \`scroll-area\` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
2216
- | \`select\` | 124,657 | 40,903 | 34,302 | 15,466 | 3,953 | 3,094 |
2217
- | \`skeleton\` | 27,032 | 9,189 | 8,101 | 544 | 115 | 33 |
2218
- | \`skip-link\` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 241 |
2219
- | \`slider\` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
2220
- | \`sparkline\` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
2221
- | \`speed-dial\` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
2222
- | \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,577 | 2,208 |
2223
- | \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
2224
- | \`steps\` | 84,665 | 27,801 | 22,777 | 6,322 | 1,529 | 1,186 |
2225
- | \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
2226
- | \`table\` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,172 |
2227
- | \`tabs\` | 35,366 | 11,471 | 10,105 | 4,179 | 932 | 765 |
2228
- | \`tag\` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
2229
- | \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
2230
- | \`time-input\` | 142,721 | 45,464 | 38,189 | 28,193 | 7,034 | 5,838 |
2231
- | \`time-picker\` | 103,096 | 33,337 | 27,370 | 19,050 | 5,186 | 4,235 |
2232
- | \`timeline\` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
2233
- | \`toast\` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
2234
- | \`toggle\` | 39,761 | 12,532 | 11,047 | 3,715 | 967 | 703 |
2235
- | \`toolbar\` | 30,362 | 10,282 | 9,077 | 2,933 | 946 | 625 |
2236
- | \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,810 | 1,412 |
2237
- | \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,772 | 2,295 |
2238
- | \`tree\` | 86,296 | 28,497 | 23,295 | 7,195 | 1,988 | 1,576 |
2239
- | \`trend\` | 75,252 | 25,074 | 20,688 | 1,056 | 281 | 277 |
2240
- | \`video\` | 139,429 | 44,864 | 37,871 | 33,883 | 8,223 | 7,069 |
2241
- | \`video-playlist\` | 121,695 | 40,174 | 33,715 | 14,997 | 3,505 | 2,902 |
2242
- | \`virtual-list\` | 34,078 | 11,491 | 10,121 | 2,485 | 757 | 620 |
2149
+ | \`accordion\` | 79,692 | 26,691 | 21,862 | 2,875 | 757 | 635 |
2150
+ | \`announcement\` | 77,029 | 25,791 | 21,123 | 1,231 | 330 | 343 |
2151
+ | \`app-header\` | 28,914 | 9,728 | 8,559 | 1,248 | 317 | 226 |
2152
+ | \`area-chart\` | 74,740 | 25,598 | 22,661 | 11,051 | 3,403 | 2,821 |
2153
+ | \`avatar\` | 30,963 | 10,323 | 9,111 | 3,257 | 919 | 732 |
2154
+ | \`badge\` | 28,449 | 9,658 | 8,493 | 1,162 | 297 | 241 |
2155
+ | \`bar-chart\` | 76,394 | 25,965 | 22,972 | 12,696 | 3,773 | 3,124 |
2156
+ | \`blockquote\` | 28,464 | 9,687 | 8,534 | 774 | 177 | 118 |
2157
+ | \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 441 | 363 |
2158
+ | \`button\` | 32,931 | 10,866 | 9,561 | 3,137 | 810 | 711 |
2159
+ | \`button-group\` | 28,320 | 9,575 | 8,441 | 661 | 135 | 66 |
2160
+ | \`callout\` | 75,643 | 25,209 | 20,830 | 912 | 243 | 217 |
2161
+ | \`card\` | 28,354 | 9,586 | 8,460 | 694 | 152 | 95 |
2162
+ | \`carousel\` | 84,876 | 28,045 | 23,153 | 10,027 | 2,648 | 2,197 |
2163
+ | \`chat\` | 98,932 | 33,003 | 27,115 | 17,331 | 5,073 | 4,340 |
2164
+ | \`checkbox\` | 36,329 | 11,613 | 10,236 | 2,306 | 668 | 439 |
2165
+ | \`checkbox-group\` | 39,351 | 12,278 | 10,825 | 4,809 | 1,262 | 929 |
2166
+ | \`code\` | 26,939 | 9,156 | 8,067 | 451 | 74 | 87 |
2167
+ | \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,530 | 3,845 |
2168
+ | \`color-input\` | 135,172 | 43,806 | 36,815 | 25,872 | 6,658 | 5,643 |
2169
+ | \`color-picker\` | 102,689 | 33,130 | 27,301 | 20,238 | 5,408 | 4,671 |
2170
+ | \`combobox\` | 132,272 | 42,737 | 35,871 | 20,341 | 5,062 | 4,218 |
2171
+ | \`command\` | 102,707 | 32,668 | 26,883 | 17,705 | 4,516 | 3,718 |
2172
+ | \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,964 | 2,417 |
2173
+ | \`data-table\` | 170,231 | 52,701 | 44,508 | 54,694 | 13,894 | 11,547 |
2174
+ | \`date-input\` | 130,322 | 42,258 | 35,456 | 18,550 | 4,750 | 3,954 |
2175
+ | \`date-picker\` | 87,537 | 28,957 | 23,814 | 9,997 | 2,810 | 2,281 |
2176
+ | \`description-list\` | 28,423 | 9,527 | 8,396 | 1,132 | 178 | 172 |
2177
+ | \`dialog\` | 31,972 | 10,618 | 9,359 | 2,717 | 805 | 670 |
2178
+ | \`divider\` | 28,670 | 9,765 | 8,580 | 981 | 245 | 151 |
2179
+ | \`donut-chart\` | 72,538 | 24,566 | 21,769 | 10,277 | 3,024 | 2,590 |
2180
+ | \`drawer\` | 30,725 | 10,249 | 8,997 | 1,761 | 477 | 427 |
2181
+ | \`drilldown\` | 83,967 | 27,980 | 22,849 | 5,620 | 1,508 | 1,187 |
2182
+ | \`empty\` | 28,476 | 9,628 | 8,480 | 816 | 184 | 142 |
2183
+ | \`file-input\` | 87,029 | 28,767 | 23,542 | 6,131 | 1,770 | 1,451 |
2184
+ | \`filter-input\` | 143,331 | 45,676 | 38,377 | 27,916 | 6,768 | 5,663 |
2185
+ | \`format-date\` | 31,933 | 10,735 | 9,501 | 2,867 | 708 | 596 |
2186
+ | \`heatmap\` | 73,760 | 24,785 | 21,910 | 11,053 | 3,107 | 2,522 |
2187
+ | \`icon\` | 75,148 | 25,011 | 20,634 | 952 | 219 | 181 |
2188
+ | \`icon-button\` | 33,330 | 10,898 | 9,617 | 3,536 | 855 | 727 |
2189
+ | \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 816 | 626 |
2190
+ | \`input\` | 86,245 | 28,339 | 23,175 | 4,742 | 1,311 | 970 |
2191
+ | \`kbd\` | 30,274 | 10,348 | 9,112 | 2,976 | 1,039 | 767 |
2192
+ | \`legend\` | 32,257 | 10,822 | 9,497 | 1,137 | 305 | 219 |
2193
+ | \`line-chart\` | 74,336 | 25,300 | 22,420 | 10,731 | 3,146 | 2,616 |
2194
+ | \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 343 | 256 |
2195
+ | \`listbox\` | 94,458 | 30,818 | 25,165 | 10,942 | 2,996 | 2,362 |
2196
+ | \`loader\` | 28,560 | 9,693 | 8,526 | 900 | 224 | 162 |
2197
+ | \`megamenu\` | 58,768 | 20,368 | 17,992 | 4,941 | 1,357 | 1,072 |
2198
+ | \`menu\` | 114,091 | 38,572 | 32,324 | 8,816 | 2,239 | 1,745 |
2199
+ | \`meter\` | 31,750 | 10,542 | 9,277 | 4,099 | 1,047 | 882 |
2200
+ | \`navigation\` | 30,198 | 10,203 | 9,003 | 1,361 | 358 | 280 |
2201
+ | \`notifications\` | 91,555 | 29,712 | 24,386 | 11,333 | 2,683 | 2,208 |
2202
+ | \`number-input\` | 88,606 | 28,974 | 23,707 | 7,190 | 1,949 | 1,574 |
2203
+ | \`object-inspector\` | 128,435 | 42,882 | 36,093 | 19,307 | 5,175 | 4,310 |
2204
+ | \`option\` | 30,590 | 10,121 | 8,951 | 2,933 | 671 | 468 |
2205
+ | \`outline\` | 33,522 | 11,334 | 10,014 | 4,633 | 1,419 | 1,089 |
2206
+ | \`pagination\` | 136,490 | 43,451 | 36,459 | 27,159 | 6,329 | 5,220 |
2207
+ | \`pin-input\` | 38,982 | 12,453 | 11,012 | 5,038 | 1,509 | 1,263 |
2208
+ | \`popover\` | 55,974 | 19,594 | 17,352 | 1,901 | 516 | 420 |
2209
+ | \`progress\` | 29,601 | 9,966 | 8,807 | 1,951 | 486 | 464 |
2210
+ | \`qr-code\` | 40,250 | 14,005 | 12,359 | 12,983 | 4,673 | 4,063 |
2211
+ | \`quote\` | 27,843 | 9,448 | 8,325 | 552 | 127 | 93 |
2212
+ | \`radio\` | 38,188 | 11,955 | 10,516 | 2,784 | 740 | 517 |
2213
+ | \`rating\` | 40,621 | 12,997 | 11,459 | 6,527 | 1,900 | 1,536 |
2214
+ | \`scatter-chart\` | 74,272 | 25,238 | 22,232 | 11,442 | 3,455 | 2,799 |
2215
+ | \`scroll-area\` | 30,086 | 10,130 | 8,905 | 2,743 | 782 | 594 |
2216
+ | \`select\` | 124,658 | 40,903 | 34,279 | 15,453 | 3,927 | 3,210 |
2217
+ | \`skeleton\` | 27,032 | 9,189 | 8,110 | 544 | 109 | 86 |
2218
+ | \`skip-link\` | 28,515 | 9,709 | 8,538 | 1,226 | 373 | 229 |
2219
+ | \`slider\` | 39,373 | 12,469 | 11,029 | 5,185 | 1,436 | 1,211 |
2220
+ | \`sparkline\` | 34,619 | 11,819 | 10,426 | 2,445 | 809 | 714 |
2221
+ | \`speed-dial\` | 105,779 | 36,228 | 30,404 | 3,745 | 968 | 684 |
2222
+ | \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,594 | 2,240 |
2223
+ | \`stat\` | 28,808 | 9,624 | 8,464 | 1,148 | 189 | 159 |
2224
+ | \`steps\` | 84,665 | 27,801 | 22,777 | 6,322 | 1,525 | 1,251 |
2225
+ | \`switch\` | 36,000 | 11,590 | 10,189 | 1,575 | 492 | 380 |
2226
+ | \`table\` | 85,428 | 28,370 | 23,263 | 9,221 | 2,572 | 2,132 |
2227
+ | \`tabs\` | 35,851 | 11,498 | 10,098 | 3,796 | 873 | 642 |
2228
+ | \`tag\` | 75,927 | 25,307 | 20,715 | 897 | 191 | 194 |
2229
+ | \`textarea\` | 38,454 | 12,148 | 10,669 | 4,026 | 1,101 | 867 |
2230
+ | \`time-input\` | 142,722 | 45,470 | 38,162 | 28,180 | 7,039 | 5,909 |
2231
+ | \`time-picker\` | 103,089 | 33,338 | 27,382 | 19,029 | 5,156 | 4,335 |
2232
+ | \`timeline\` | 76,459 | 25,297 | 20,907 | 1,894 | 395 | 341 |
2233
+ | \`toast\` | 79,658 | 26,392 | 21,616 | 4,005 | 950 | 691 |
2234
+ | \`toggle\` | 40,261 | 12,564 | 11,111 | 3,311 | 874 | 649 |
2235
+ | \`toolbar\` | 30,362 | 10,282 | 9,071 | 2,933 | 935 | 661 |
2236
+ | \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,803 | 1,410 |
2237
+ | \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,765 | 2,252 |
2238
+ | \`tree\` | 86,256 | 28,490 | 23,264 | 7,174 | 1,970 | 1,630 |
2239
+ | \`trend\` | 75,252 | 25,076 | 20,677 | 1,056 | 280 | 326 |
2240
+ | \`video\` | 139,358 | 44,866 | 37,786 | 33,775 | 8,189 | 7,173 |
2241
+ | \`video-playlist\` | 121,657 | 40,171 | 33,705 | 14,977 | 3,502 | 2,986 |
2242
+ | \`virtual-list\` | 34,078 | 11,490 | 10,128 | 2,485 | 752 | 563 |
2243
2243
 
2244
2244
  ### Styled tier
2245
2245
 
@@ -2247,106 +2247,106 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2247
2247
 
2248
2248
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2249
2249
  |---|---|---|---|---|---|---|
2250
- | \`accordion\` | 83,034 | 27,511 | 22,563 | 6,204 | 1,583 | 1,359 |
2251
- | \`announcement\` | 81,276 | 26,717 | 21,919 | 5,742 | 1,367 | 1,231 |
2252
- | \`app-header\` | 32,804 | 10,623 | 9,384 | 5,121 | 1,229 | 1,000 |
2253
- | \`area-chart\` | 82,139 | 27,209 | 23,974 | 18,433 | 5,021 | 4,183 |
2254
- | \`aura\` | 94,970 | 32,811 | 28,423 | 66,522 | 23,030 | 19,960 |
2255
- | \`avatar\` | 34,548 | 11,085 | 9,786 | 6,832 | 1,699 | 1,422 |
2256
- | \`badge\` | 31,553 | 10,365 | 9,117 | 4,249 | 1,004 | 803 |
2257
- | \`bar-chart\` | 89,147 | 28,500 | 25,266 | 25,447 | 6,349 | 5,401 |
2258
- | \`blockquote\` | 29,458 | 9,907 | 8,725 | 2,032 | 527 | 434 |
2259
- | \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,244 | 1,050 |
2260
- | \`button\` | 39,024 | 11,977 | 10,549 | 9,212 | 1,954 | 1,720 |
2261
- | \`button-group\` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
2262
- | \`callout\` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
2263
- | \`card\` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
2264
- | \`carousel\` | 94,968 | 29,707 | 24,655 | 20,107 | 4,322 | 3,654 |
2265
- | \`chat\` | 113,166 | 35,452 | 29,289 | 31,812 | 7,678 | 6,460 |
2266
- | \`checkbox\` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
2267
- | \`checkbox-group\` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
2268
- | \`code\` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
2269
- | \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
2270
- | \`color-input\` | 168,626 | 48,946 | 41,341 | 59,342 | 11,856 | 10,174 |
2271
- | \`color-picker\` | 130,447 | 37,566 | 31,225 | 48,023 | 9,956 | 8,580 |
2272
- | \`combobox\` | 147,074 | 45,390 | 38,194 | 35,138 | 7,732 | 6,535 |
2273
- | \`command\` | 113,177 | 34,703 | 28,568 | 28,176 | 6,604 | 5,583 |
2274
- | \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
2275
- | \`data-table\` | 206,885 | 59,038 | 49,657 | 91,679 | 20,457 | 16,822 |
2276
- | \`date-input\` | 146,202 | 45,278 | 38,194 | 34,440 | 7,742 | 6,621 |
2277
- | \`date-picker\` | 93,154 | 30,122 | 24,819 | 15,596 | 3,968 | 3,322 |
2278
- | \`description-list\` | 30,801 | 10,094 | 8,858 | 3,502 | 767 | 578 |
2279
- | \`dialog\` | 36,307 | 11,621 | 10,259 | 7,037 | 1,826 | 1,537 |
2280
- | \`divider\` | 30,655 | 10,211 | 8,968 | 3,229 | 800 | 610 |
2281
- | \`donut-chart\` | 81,638 | 26,447 | 23,396 | 19,371 | 4,971 | 4,146 |
2282
- | \`drawer\` | 34,988 | 11,256 | 9,920 | 6,007 | 1,493 | 1,245 |
2283
- | \`drilldown\` | 87,607 | 28,599 | 23,466 | 10,268 | 2,517 | 2,102 |
2284
- | \`empty\` | 29,763 | 9,992 | 8,792 | 2,087 | 552 | 412 |
2285
- | \`file-input\` | 98,199 | 30,960 | 25,438 | 17,328 | 3,919 | 3,295 |
2286
- | \`filter-input\` | 171,154 | 50,013 | 42,083 | 56,020 | 11,326 | 9,562 |
2287
- | \`flex\` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 369 |
2288
- | \`format-date\` | 32,581 | 10,882 | 9,624 | 3,497 | 860 | 620 |
2289
- | \`grid\` | 29,825 | 9,961 | 8,759 | 2,522 | 628 | 600 |
2290
- | \`heatmap\` | 80,534 | 26,146 | 23,159 | 18,144 | 4,653 | 3,868 |
2291
- | \`icon\` | 75,854 | 25,190 | 20,744 | 1,641 | 383 | 374 |
2292
- | \`icon-button\` | 39,345 | 11,909 | 10,469 | 9,537 | 1,877 | 1,583 |
2293
- | \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,315 | 1,053 |
2294
- | \`input\` | 92,407 | 29,664 | 24,292 | 10,930 | 2,626 | 2,199 |
2295
- | \`kbd\` | 31,686 | 10,798 | 9,497 | 4,373 | 1,493 | 1,260 |
2296
- | \`legend\` | 37,118 | 11,927 | 10,457 | 5,911 | 1,423 | 1,092 |
2297
- | \`line-chart\` | 84,119 | 27,299 | 24,196 | 20,502 | 5,200 | 4,374 |
2298
- | \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,313 | 1,155 |
2299
- | \`listbox\` | 98,734 | 31,819 | 26,001 | 15,225 | 4,002 | 3,196 |
2300
- | \`loader\` | 31,726 | 10,457 | 9,202 | 4,051 | 988 | 846 |
2301
- | \`megamenu\` | 63,649 | 21,442 | 19,011 | 9,805 | 2,429 | 2,038 |
2302
- | \`menu\` | 121,506 | 40,142 | 33,679 | 16,193 | 3,773 | 3,138 |
2303
- | \`meter\` | 37,148 | 11,685 | 10,337 | 9,479 | 2,204 | 1,938 |
2304
- | \`navigation\` | 31,579 | 10,593 | 9,338 | 2,726 | 770 | 560 |
2305
- | \`notifications\` | 103,872 | 31,914 | 26,310 | 24,733 | 5,151 | 4,356 |
2306
- | \`number-input\` | 93,339 | 30,092 | 24,650 | 11,944 | 3,038 | 2,453 |
2307
- | \`object-inspector\` | 142,073 | 45,219 | 38,142 | 32,924 | 7,520 | 6,369 |
2308
- | \`option\` | 33,844 | 11,023 | 9,726 | 6,175 | 1,555 | 1,213 |
2309
- | \`orb\` | 37,854 | 13,149 | 11,627 | 10,144 | 3,616 | 3,058 |
2310
- | \`outline\` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,722 |
2311
- | \`pagination\` | 154,355 | 46,524 | 39,151 | 45,020 | 9,408 | 7,950 |
2312
- | \`pin-input\` | 42,016 | 13,230 | 11,614 | 8,088 | 2,318 | 1,874 |
2313
- | \`popover\` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 990 |
2314
- | \`progress\` | 34,630 | 11,137 | 9,863 | 6,962 | 1,660 | 1,406 |
2315
- | \`qr-code\` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
2316
- | \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
2317
- | \`radio\` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
2318
- | \`rating\` | 44,808 | 14,184 | 12,535 | 10,730 | 3,097 | 2,539 |
2319
- | \`sandbox\` | 63,540 | 17,409 | 15,415 | 35,445 | 7,795 | 6,616 |
2320
- | \`scatter-chart\` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
2321
- | \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
2322
- | \`select\` | 137,262 | 43,276 | 36,358 | 28,057 | 6,307 | 5,215 |
2323
- | \`skeleton\` | 29,550 | 9,941 | 8,760 | 2,242 | 601 | 578 |
2324
- | \`skip-link\` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 605 |
2325
- | \`slider\` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
2326
- | \`sparkline\` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
2327
- | \`speed-dial\` | 113,345 | 37,698 | 31,658 | 11,289 | 2,381 | 1,982 |
2328
- | \`splitter\` | 44,009 | 13,134 | 11,663 | 16,197 | 3,611 | 3,113 |
2329
- | \`stat\` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
2330
- | \`steps\` | 98,288 | 30,223 | 24,872 | 19,933 | 3,925 | 3,365 |
2331
- | \`switch\` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
2332
- | \`table\` | 90,805 | 29,473 | 24,204 | 14,568 | 3,662 | 3,067 |
2333
- | \`tabs\` | 41,605 | 12,747 | 11,238 | 10,407 | 2,229 | 1,854 |
2334
- | \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
2335
- | \`text\` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
2336
- | \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
2337
- | \`time-input\` | 163,960 | 48,965 | 41,256 | 49,417 | 10,580 | 8,898 |
2338
- | \`time-picker\` | 114,572 | 35,469 | 29,273 | 30,521 | 7,371 | 6,237 |
2339
- | \`timeline\` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
2340
- | \`toast\` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
2341
- | \`toggle\` | 44,748 | 13,689 | 12,098 | 8,694 | 2,129 | 1,712 |
2342
- | \`toolbar\` | 31,654 | 10,582 | 9,325 | 4,208 | 1,251 | 996 |
2343
- | \`tooltip\` | 63,149 | 21,446 | 18,957 | 9,492 | 2,554 | 2,101 |
2344
- | \`tour\` | 75,360 | 23,647 | 20,978 | 20,537 | 4,386 | 3,613 |
2345
- | \`tree\` | 91,996 | 29,841 | 24,458 | 12,885 | 3,318 | 2,763 |
2346
- | \`trend\` | 78,409 | 25,784 | 21,292 | 4,205 | 943 | 806 |
2347
- | \`video\` | 158,416 | 48,268 | 40,844 | 52,850 | 11,682 | 10,140 |
2348
- | \`video-playlist\` | 135,595 | 42,681 | 35,890 | 28,876 | 5,984 | 5,001 |
2349
- | \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 966 | 710 |
2250
+ | \`accordion\` | 83,034 | 27,512 | 22,559 | 6,204 | 1,568 | 1,332 |
2251
+ | \`announcement\` | 81,438 | 26,799 | 21,979 | 5,624 | 1,326 | 1,198 |
2252
+ | \`app-header\` | 32,804 | 10,624 | 9,379 | 5,121 | 1,226 | 1,076 |
2253
+ | \`area-chart\` | 82,126 | 27,205 | 24,059 | 18,418 | 5,017 | 4,098 |
2254
+ | \`aura\` | 94,970 | 32,811 | 28,423 | 66,522 | 23,026 | 19,836 |
2255
+ | \`avatar\` | 34,548 | 11,085 | 9,765 | 6,832 | 1,691 | 1,349 |
2256
+ | \`badge\` | 31,553 | 10,365 | 9,136 | 4,249 | 1,008 | 847 |
2257
+ | \`bar-chart\` | 89,160 | 28,516 | 25,225 | 25,442 | 6,337 | 5,281 |
2258
+ | \`blockquote\` | 29,620 | 9,970 | 8,765 | 1,914 | 477 | 368 |
2259
+ | \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,240 | 1,051 |
2260
+ | \`button\` | 39,024 | 11,978 | 10,565 | 9,212 | 1,934 | 1,662 |
2261
+ | \`button-group\` | 29,996 | 9,950 | 8,756 | 2,320 | 528 | 499 |
2262
+ | \`callout\` | 77,642 | 25,753 | 21,314 | 2,895 | 767 | 634 |
2263
+ | \`card\` | 31,587 | 10,410 | 9,158 | 3,915 | 980 | 943 |
2264
+ | \`carousel\` | 94,968 | 29,707 | 24,655 | 20,108 | 4,328 | 3,725 |
2265
+ | \`chat\` | 113,049 | 35,489 | 29,342 | 31,432 | 7,585 | 6,423 |
2266
+ | \`checkbox\` | 42,373 | 13,003 | 11,437 | 8,334 | 2,063 | 1,748 |
2267
+ | \`checkbox-group\` | 41,534 | 12,851 | 11,314 | 6,978 | 1,838 | 1,385 |
2268
+ | \`code\` | 28,016 | 9,451 | 8,318 | 1,511 | 366 | 327 |
2269
+ | \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,273 | 6,193 |
2270
+ | \`color-input\` | 168,675 | 48,963 | 41,361 | 59,358 | 11,859 | 10,181 |
2271
+ | \`color-picker\` | 130,488 | 37,583 | 31,243 | 48,031 | 9,967 | 8,572 |
2272
+ | \`combobox\` | 147,075 | 45,394 | 38,108 | 35,125 | 7,715 | 6,441 |
2273
+ | \`command\` | 113,170 | 34,701 | 28,584 | 28,157 | 6,589 | 5,541 |
2274
+ | \`copy-button\` | 125,799 | 40,566 | 34,167 | 21,847 | 4,682 | 3,913 |
2275
+ | \`data-table\` | 206,960 | 59,098 | 49,636 | 91,404 | 20,382 | 16,835 |
2276
+ | \`date-input\` | 146,243 | 45,292 | 38,229 | 34,448 | 7,741 | 6,583 |
2277
+ | \`date-picker\` | 93,154 | 30,121 | 24,814 | 15,596 | 3,955 | 3,318 |
2278
+ | \`description-list\` | 30,801 | 10,095 | 8,892 | 3,502 | 774 | 676 |
2279
+ | \`dialog\` | 36,307 | 11,623 | 10,259 | 7,037 | 1,822 | 1,555 |
2280
+ | \`divider\` | 30,826 | 10,284 | 9,053 | 3,120 | 760 | 643 |
2281
+ | \`donut-chart\` | 81,645 | 26,464 | 23,449 | 19,364 | 4,953 | 4,204 |
2282
+ | \`drawer\` | 34,988 | 11,255 | 9,908 | 6,007 | 1,495 | 1,323 |
2283
+ | \`drilldown\` | 88,514 | 28,980 | 23,732 | 10,153 | 2,479 | 2,015 |
2284
+ | \`empty\` | 29,763 | 9,992 | 8,809 | 2,087 | 540 | 515 |
2285
+ | \`file-input\` | 98,248 | 30,977 | 25,470 | 17,344 | 3,927 | 3,363 |
2286
+ | \`filter-input\` | 171,328 | 50,108 | 42,234 | 55,903 | 11,307 | 9,456 |
2287
+ | \`flex\` | 29,298 | 9,798 | 8,623 | 1,999 | 455 | 472 |
2288
+ | \`format-date\` | 32,581 | 10,883 | 9,622 | 3,497 | 860 | 647 |
2289
+ | \`grid\` | 29,825 | 9,963 | 8,786 | 2,522 | 621 | 539 |
2290
+ | \`heatmap\` | 80,558 | 26,185 | 23,262 | 17,832 | 4,543 | 3,743 |
2291
+ | \`icon\` | 75,854 | 25,190 | 20,767 | 1,641 | 381 | 371 |
2292
+ | \`icon-button\` | 39,345 | 11,910 | 10,494 | 9,537 | 1,869 | 1,643 |
2293
+ | \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,310 | 1,096 |
2294
+ | \`input\` | 92,448 | 29,682 | 24,353 | 10,938 | 2,630 | 2,130 |
2295
+ | \`kbd\` | 31,686 | 10,798 | 9,494 | 4,373 | 1,498 | 1,191 |
2296
+ | \`legend\` | 37,137 | 11,939 | 10,516 | 5,911 | 1,409 | 1,157 |
2297
+ | \`line-chart\` | 84,107 | 27,298 | 24,161 | 20,480 | 5,167 | 4,321 |
2298
+ | \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,299 | 1,126 |
2299
+ | \`listbox\` | 98,727 | 31,815 | 26,007 | 15,204 | 3,981 | 3,286 |
2300
+ | \`loader\` | 31,726 | 10,457 | 9,209 | 4,051 | 989 | 858 |
2301
+ | \`megamenu\` | 63,649 | 21,442 | 19,011 | 9,805 | 2,427 | 1,978 |
2302
+ | \`menu\` | 121,468 | 40,143 | 33,700 | 16,174 | 3,760 | 3,098 |
2303
+ | \`meter\` | 37,148 | 11,685 | 10,324 | 9,479 | 2,209 | 1,942 |
2304
+ | \`navigation\` | 31,579 | 10,593 | 9,325 | 2,726 | 765 | 611 |
2305
+ | \`notifications\` | 104,511 | 32,059 | 26,461 | 24,276 | 5,021 | 4,279 |
2306
+ | \`number-input\` | 93,388 | 30,109 | 24,667 | 11,960 | 3,047 | 2,532 |
2307
+ | \`object-inspector\` | 142,073 | 45,219 | 38,142 | 32,924 | 7,495 | 6,403 |
2308
+ | \`option\` | 33,844 | 11,025 | 9,728 | 6,175 | 1,562 | 1,240 |
2309
+ | \`orb\` | 37,854 | 13,150 | 11,636 | 10,144 | 3,611 | 3,127 |
2310
+ | \`outline\` | 37,262 | 12,108 | 10,683 | 8,356 | 2,226 | 1,793 |
2311
+ | \`pagination\` | 154,356 | 46,526 | 39,119 | 45,007 | 9,386 | 7,911 |
2312
+ | \`pin-input\` | 42,049 | 13,243 | 11,657 | 8,088 | 2,310 | 1,883 |
2313
+ | \`popover\` | 58,610 | 20,243 | 17,944 | 4,519 | 1,188 | 952 |
2314
+ | \`progress\` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,476 |
2315
+ | \`qr-code\` | 41,913 | 14,435 | 12,705 | 14,628 | 5,111 | 4,374 |
2316
+ | \`quote\` | 28,498 | 9,609 | 8,455 | 1,191 | 295 | 222 |
2317
+ | \`radio\` | 45,770 | 13,383 | 11,815 | 10,356 | 2,167 | 1,777 |
2318
+ | \`rating\` | 44,841 | 14,195 | 12,539 | 10,730 | 3,091 | 2,509 |
2319
+ | \`sandbox\` | 63,540 | 17,409 | 15,411 | 35,445 | 7,795 | 6,587 |
2320
+ | \`scatter-chart\` | 82,664 | 27,049 | 23,880 | 19,815 | 5,259 | 4,377 |
2321
+ | \`scroll-area\` | 33,234 | 10,788 | 9,496 | 5,874 | 1,451 | 1,189 |
2322
+ | \`select\` | 137,263 | 43,277 | 36,387 | 28,044 | 6,307 | 5,159 |
2323
+ | \`skeleton\` | 29,550 | 9,943 | 8,755 | 2,242 | 607 | 473 |
2324
+ | \`skip-link\` | 29,978 | 10,112 | 8,870 | 2,672 | 774 | 562 |
2325
+ | \`slider\` | 50,355 | 14,429 | 12,758 | 16,150 | 3,398 | 2,894 |
2326
+ | \`sparkline\` | 38,537 | 12,763 | 11,292 | 6,351 | 1,777 | 1,533 |
2327
+ | \`speed-dial\` | 113,345 | 37,697 | 31,666 | 11,289 | 2,363 | 1,880 |
2328
+ | \`splitter\` | 44,009 | 13,134 | 11,676 | 16,197 | 3,607 | 3,124 |
2329
+ | \`stat\` | 31,624 | 10,248 | 9,065 | 3,954 | 831 | 751 |
2330
+ | \`steps\` | 98,288 | 30,223 | 24,949 | 19,933 | 3,913 | 3,301 |
2331
+ | \`switch\` | 40,224 | 12,636 | 11,098 | 5,784 | 1,543 | 1,283 |
2332
+ | \`table\` | 90,786 | 29,472 | 24,185 | 14,568 | 3,644 | 3,137 |
2333
+ | \`tabs\` | 42,089 | 12,773 | 11,260 | 10,024 | 2,161 | 1,867 |
2334
+ | \`tag\` | 79,131 | 26,169 | 21,453 | 4,086 | 1,022 | 831 |
2335
+ | \`text\` | 31,284 | 10,086 | 8,873 | 3,987 | 798 | 641 |
2336
+ | \`textarea\` | 41,791 | 12,957 | 11,410 | 7,349 | 1,942 | 1,460 |
2337
+ | \`time-input\` | 163,961 | 48,971 | 41,273 | 49,404 | 10,585 | 9,010 |
2338
+ | \`time-picker\` | 114,565 | 35,472 | 29,316 | 30,500 | 7,360 | 6,257 |
2339
+ | \`timeline\` | 79,737 | 26,052 | 21,517 | 5,160 | 1,151 | 971 |
2340
+ | \`toast\` | 87,191 | 28,068 | 23,160 | 11,526 | 2,591 | 2,192 |
2341
+ | \`toggle\` | 45,253 | 13,726 | 12,107 | 8,291 | 2,025 | 1,729 |
2342
+ | \`toolbar\` | 31,654 | 10,582 | 9,329 | 4,208 | 1,250 | 938 |
2343
+ | \`tooltip\` | 63,149 | 21,446 | 18,959 | 9,492 | 2,541 | 2,042 |
2344
+ | \`tour\` | 75,360 | 23,647 | 20,977 | 20,537 | 4,384 | 3,695 |
2345
+ | \`tree\` | 91,956 | 29,834 | 24,510 | 12,864 | 3,304 | 2,718 |
2346
+ | \`trend\` | 78,409 | 25,784 | 21,316 | 4,205 | 944 | 828 |
2347
+ | \`video\` | 158,345 | 48,281 | 40,832 | 52,742 | 11,654 | 10,028 |
2348
+ | \`video-playlist\` | 135,557 | 42,679 | 35,923 | 28,856 | 5,967 | 5,105 |
2349
+ | \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 959 | 807 |
2350
2350
 
2351
2351
  ## What lands in \`node_modules\`
2352
2352
 
@@ -2358,12 +2358,12 @@ column is what was removed rather than part of what remains.
2358
2358
 
2359
2359
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
2360
2360
  |---|---|---|---|---|
2361
- | \`@fusion.dev/helix-core\` | 847,310 | 123 | 186,573 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2362
- | \`@fusion.dev/helix-headless\` | 11,322,865 | 472 | 863,670 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2361
+ | \`@fusion.dev/helix-core\` | 878,068 | 129 | 190,771 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2362
+ | \`@fusion.dev/helix-headless\` | 11,367,448 | 472 | 857,477 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2363
2363
  | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
2364
2364
  | \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
2365
2365
  | \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
2366
- | \`@fusion.dev/helix\` | 12,338,315 | 798 | 338,963 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2366
+ | \`@fusion.dev/helix\` | 12,387,931 | 798 | 338,969 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2367
2367
 
2368
2368
  ## Not measured yet
2369
2369
 
@@ -5082,7 +5082,7 @@ vocabularies. You cannot invent a value, and a component may take a subset.
5082
5082
  | \`separation\` | \`elevated\`, \`filled\`, \`outlined\`, \`plain\` |
5083
5083
  | \`shape\` | \`arc\`, \`circle\`, \`dots\`, \`ring\`, \`rounded\`, \`square\`, \`text\` |
5084
5084
  | \`tone\` | The status and intent words: \`primary\`, \`accent\`, \`neutral\`, \`danger\`, and so on |
5085
- | \`width\` | \`auto\`, \`full\`, \`standard\` |
5085
+ | \`width\` | \`auto\`, \`full\` |
5086
5086
 
5087
5087
  \`\`\`html
5088
5088
  <helix-button
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fusion.dev/helix-docs",
3
3
  "description": "Versioned documentation content and registry for Helix.",
4
- "version": "0.52.0",
4
+ "version": "0.53.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -36,8 +36,8 @@
36
36
  },
37
37
  "bugs": "https://github.com/project-fusion/fusion/issues",
38
38
  "devDependencies": {
39
- "@fusion.dev/helix-cem": "0.52.0",
40
- "@fusion.dev/helix-testing": "0.52.0",
39
+ "@fusion.dev/helix-cem": "0.53.0",
40
+ "@fusion.dev/helix-testing": "0.53.0",
41
41
  "@fusion.dev/scripts": "0.0.0-dev",
42
42
  "lit": "^3.2.1",
43
43
  "playwright": "^1.62.1"