@fusion.dev/helix-docs 0.24.0 → 0.25.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 (6) hide show
  1. package/content/metrics.mdx +213 -213
  2. package/content/react.mdx +1 -1
  3. package/content/server-rendering.mdx +55 -2
  4. package/content/using-the-elements.mdx +5 -5
  5. package/dist/sources.generated.js +274 -221
  6. package/package.json +2 -2
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` | 141,349 | 47,166 | 39,719 |
50
+ | Lit and `@fusion.dev/helix-core` | 141,656 | 47,287 | 39,881 |
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` | 140,903 | 46,714 | 39,533 | Element base class, mixins, decorators, floating positioning. |
62
- | `@fusion.dev/helix-headless` | 590,435 | 151,207 | 117,546 | Every headless family, which is what the barrel means. |
61
+ | `@fusion.dev/helix-core` | 141,210 | 46,827 | 39,612 | Element base class, mixins, decorators, floating positioning. |
62
+ | `@fusion.dev/helix-headless` | 592,498 | 151,748 | 117,979 | 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,070,627 | 247,094 | 179,192 | Every styled family. |
65
+ | `@fusion.dev/helix` | 1,072,671 | 247,677 | 179,742 | 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,13 +83,13 @@ 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,404 bytes gzipped alone and adds 2,264 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,415 bytes gzipped alone and adds 2,256 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,326 gzipped alone, the dearest `data-table` at 56,688, over 100 components. Every family at once is 247,094.
88
+ Across the tier: the cheapest is `code` at 9,337 gzipped alone, the dearest `data-table` at 56,690, over 100 components. Every family at once is 247,677.
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 151,207 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 151,748 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
- 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 19,917 bytes gzipped alone.
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 19,928 bytes gzipped alone.
93
93
 
94
94
  ## Against other systems
95
95
 
@@ -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** | 38,590 | 11,816 | 10,415 |
104
+ | `button` | **Helix** | 38,634 | 11,831 | 10,427 |
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** | 41,918 | 12,833 | 11,305 |
109
+ | `checkbox` | **Helix** | 41,962 | 12,848 | 11,331 |
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,004 | 11,491 | 10,169 |
114
+ | `dialog` | **Helix** | 36,048 | 11,505 | 10,181 |
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** | 44,722 | 13,106 | 11,547 |
119
+ | `radio` | **Helix** | 44,766 | 13,120 | 11,563 |
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** | 39,787 | 12,417 | 10,921 |
124
+ | `switch` | **Helix** | 39,831 | 12,428 | 10,949 |
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,381 | 12,601 | 11,079 |
129
+ | `tabs` | **Helix** | 41,425 | 12,614 | 11,091 |
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** | 61,704 | 20,831 | 18,442 |
134
+ | `tooltip` | **Helix** | 61,748 | 20,840 | 18,403 |
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: `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,446 bytes gzipped. 4 of 28 peer measurements come in under ours.
140
+ **Where Helix loses**, which is the half of a comparison table worth reading: `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,460 bytes gzipped. 4 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` | 78,558 | 26,151 | 21,383 | 3,228 | 885 | 734 |
186
- | `announcement` | 76,589 | 25,578 | 20,932 | 1,374 | 387 | 373 |
187
- | `app-header` | 28,610 | 9,586 | 8,465 | 1,248 | 324 | 207 |
188
- | `area-chart` | 71,510 | 24,519 | 21,654 | 10,966 | 3,341 | 2,846 |
189
- | `avatar` | 30,044 | 10,052 | 8,866 | 2,642 | 761 | 598 |
190
- | `badge` | 28,146 | 9,522 | 8,386 | 1,162 | 295 | 247 |
191
- | `bar-chart` | 72,968 | 24,809 | 21,903 | 12,509 | 3,687 | 3,149 |
192
- | `blockquote` | 28,024 | 9,490 | 8,360 | 917 | 225 | 174 |
193
- | `breadcrumbs` | 76,210 | 25,208 | 20,780 | 1,956 | 451 | 399 |
194
- | `button` | 32,497 | 10,703 | 9,422 | 3,168 | 845 | 667 |
195
- | `button-group` | 28,017 | 9,435 | 8,304 | 661 | 135 | 91 |
196
- | `callout` | 75,340 | 25,075 | 20,703 | 912 | 242 | 201 |
197
- | `card` | 28,051 | 9,448 | 8,337 | 694 | 151 | 181 |
198
- | `carousel` | 82,359 | 27,169 | 22,351 | 7,954 | 2,081 | 1,664 |
199
- | `chat` | 98,002 | 32,568 | 26,800 | 16,967 | 4,954 | 4,143 |
200
- | `checkbox` | 35,831 | 11,431 | 10,083 | 2,253 | 670 | 453 |
201
- | `checkbox-group` | 38,930 | 12,087 | 10,658 | 4,833 | 1,286 | 949 |
202
- | `code` | 26,636 | 9,018 | 7,942 | 451 | 81 | 217 |
203
- | `code-block` | 118,581 | 39,671 | 33,350 | 16,494 | 4,374 | 3,741 |
204
- | `color-input` | 132,496 | 43,014 | 36,148 | 26,106 | 6,659 | 5,708 |
205
- | `color-picker` | 101,625 | 32,808 | 27,024 | 19,532 | 5,250 | 4,503 |
206
- | `combobox` | 130,524 | 42,094 | 35,317 | 20,312 | 4,968 | 4,233 |
207
- | `command` | 102,092 | 32,424 | 26,581 | 17,428 | 4,434 | 3,826 |
208
- | `copy-button` | 113,578 | 38,109 | 31,998 | 11,492 | 2,890 | 2,359 |
209
- | `data-table` | 166,182 | 51,526 | 43,390 | 52,839 | 13,378 | 11,233 |
210
- | `date-input` | 127,106 | 41,323 | 34,697 | 19,264 | 4,848 | 4,118 |
211
- | `date-picker` | 86,811 | 28,609 | 23,584 | 9,803 | 2,725 | 2,220 |
212
- | `description-list` | 28,120 | 9,387 | 8,256 | 1,135 | 195 | 128 |
213
- | `dialog` | 31,669 | 10,484 | 9,229 | 2,717 | 825 | 685 |
214
- | `divider` | 28,221 | 9,563 | 8,386 | 1,115 | 292 | 180 |
215
- | `donut-chart` | 68,878 | 23,393 | 20,656 | 9,769 | 2,856 | 2,362 |
216
- | `drawer` | 30,453 | 10,134 | 8,896 | 1,792 | 509 | 499 |
217
- | `drilldown` | 81,944 | 27,180 | 22,231 | 5,057 | 1,364 | 1,164 |
218
- | `empty` | 28,173 | 9,491 | 8,374 | 816 | 187 | 145 |
219
- | `file-input` | 86,573 | 28,553 | 23,378 | 6,215 | 1,770 | 1,541 |
220
- | `filter-input` | 140,746 | 44,865 | 37,605 | 27,466 | 6,690 | 5,736 |
221
- | `format-date` | 31,585 | 10,596 | 9,367 | 2,822 | 706 | 546 |
222
- | `heatmap` | 70,342 | 23,668 | 20,909 | 11,059 | 3,100 | 2,525 |
223
- | `icon` | 74,746 | 24,834 | 20,496 | 850 | 192 | 130 |
224
- | `icon-button` | 32,896 | 10,733 | 9,456 | 3,567 | 877 | 791 |
225
- | `image` | 30,001 | 9,952 | 8,749 | 2,967 | 793 | 650 |
226
- | `input` | 85,940 | 28,239 | 23,085 | 4,795 | 1,359 | 1,058 |
227
- | `kbd` | 29,891 | 10,185 | 8,982 | 2,897 | 1,015 | 783 |
228
- | `legend` | 30,372 | 10,328 | 9,094 | 1,097 | 308 | 302 |
229
- | `line-chart` | 70,994 | 24,212 | 21,430 | 10,536 | 3,072 | 2,556 |
230
- | `list` | 29,072 | 9,624 | 8,468 | 1,728 | 359 | 260 |
231
- | `listbox` | 93,965 | 30,617 | 24,970 | 10,788 | 2,954 | 2,421 |
232
- | `loader` | 28,257 | 9,554 | 8,437 | 900 | 222 | 174 |
233
- | `megamenu` | 57,078 | 19,802 | 17,496 | 4,932 | 1,363 | 1,148 |
234
- | `menu` | 112,387 | 37,985 | 31,764 | 8,909 | 2,234 | 1,846 |
235
- | `meter` | 31,149 | 10,340 | 9,132 | 3,801 | 987 | 841 |
236
- | `navigation` | 30,016 | 10,071 | 8,863 | 1,582 | 402 | 266 |
237
- | `notifications` | 90,674 | 29,427 | 24,196 | 11,852 | 2,824 | 2,365 |
238
- | `number-input` | 88,416 | 28,885 | 23,625 | 7,358 | 1,995 | 1,509 |
239
- | `object-inspector` | 124,902 | 41,669 | 35,065 | 18,555 | 4,995 | 4,303 |
240
- | `option` | 30,060 | 9,914 | 8,744 | 2,707 | 603 | 449 |
241
- | `outline` | 33,431 | 11,201 | 9,884 | 4,946 | 1,478 | 1,210 |
242
- | `pagination` | 133,820 | 42,655 | 35,726 | 26,208 | 6,083 | 5,179 |
243
- | `pin-input` | 38,720 | 12,275 | 10,842 | 5,135 | 1,523 | 1,179 |
244
- | `popover` | 54,375 | 19,067 | 16,800 | 1,986 | 549 | 483 |
245
- | `progress` | 29,298 | 9,830 | 8,675 | 1,951 | 498 | 471 |
246
- | `qr-code` | 39,772 | 13,809 | 12,207 | 12,808 | 4,620 | 4,037 |
247
- | `quote` | 27,540 | 9,303 | 8,187 | 552 | 135 | 169 |
248
- | `radio` | 37,184 | 11,711 | 10,327 | 3,138 | 851 | 562 |
249
- | `rating` | 39,218 | 12,500 | 11,023 | 5,615 | 1,603 | 1,336 |
250
- | `scatter-chart` | 70,763 | 24,093 | 21,280 | 11,089 | 3,319 | 2,699 |
251
- | `scroll-area` | 29,650 | 10,001 | 8,775 | 2,610 | 786 | 595 |
252
- | `select` | 122,983 | 40,357 | 33,710 | 15,500 | 3,921 | 3,201 |
253
- | `skeleton` | 26,729 | 9,052 | 7,957 | 544 | 112 | 94 |
254
- | `skip-link` | 28,212 | 9,567 | 8,401 | 1,226 | 375 | 330 |
255
- | `slider` | 39,081 | 12,327 | 10,895 | 5,251 | 1,481 | 1,165 |
256
- | `sparkline` | 32,830 | 11,350 | 10,026 | 2,531 | 841 | 751 |
257
- | `speed-dial` | 104,085 | 35,625 | 29,915 | 3,868 | 1,005 | 784 |
258
- | `splitter` | 37,514 | 11,925 | 10,571 | 10,163 | 2,572 | 2,212 |
259
- | `stat` | 28,505 | 9,487 | 8,344 | 1,151 | 205 | 131 |
260
- | `steps` | 84,083 | 27,583 | 22,602 | 6,302 | 1,526 | 1,214 |
261
- | `switch` | 35,499 | 11,369 | 10,017 | 1,798 | 564 | 374 |
262
- | `table` | 82,875 | 27,347 | 22,351 | 7,091 | 1,868 | 1,484 |
263
- | `tabs` | 35,120 | 11,314 | 9,950 | 4,470 | 1,018 | 775 |
264
- | `tag` | 75,624 | 25,179 | 20,676 | 897 | 199 | 177 |
265
- | `textarea` | 38,186 | 12,008 | 10,582 | 4,116 | 1,161 | 871 |
266
- | `time-input` | 139,685 | 44,601 | 37,393 | 28,913 | 7,136 | 6,127 |
267
- | `time-picker` | 102,108 | 33,005 | 27,094 | 18,387 | 4,991 | 4,176 |
268
- | `timeline` | 76,156 | 25,167 | 20,775 | 1,897 | 424 | 397 |
269
- | `toast` | 79,354 | 26,261 | 21,525 | 4,008 | 963 | 775 |
270
- | `toggle` | 39,416 | 12,361 | 10,925 | 3,929 | 1,046 | 825 |
271
- | `toolbar` | 29,919 | 10,080 | 8,867 | 2,932 | 937 | 723 |
272
- | `tooltip` | 58,139 | 20,032 | 17,726 | 6,238 | 1,732 | 1,375 |
273
- | `tour` | 63,132 | 21,119 | 18,708 | 10,269 | 2,536 | 2,048 |
274
- | `tree` | 85,790 | 28,247 | 23,098 | 7,132 | 1,965 | 1,560 |
275
- | `trend` | 74,949 | 24,933 | 20,601 | 1,056 | 289 | 229 |
276
- | `video` | 136,267 | 43,693 | 36,846 | 32,538 | 7,624 | 6,742 |
277
- | `video-playlist` | 119,836 | 39,593 | 33,176 | 14,955 | 3,483 | 2,964 |
278
- | `virtual-list` | 33,799 | 11,369 | 10,025 | 2,509 | 772 | 562 |
185
+ | `accordion` | 78,602 | 26,162 | 21,408 | 3,228 | 883 | 599 |
186
+ | `announcement` | 76,633 | 25,591 | 20,979 | 1,374 | 389 | 235 |
187
+ | `app-header` | 28,654 | 9,599 | 8,484 | 1,248 | 324 | 220 |
188
+ | `area-chart` | 71,702 | 24,573 | 21,752 | 10,966 | 3,334 | 2,751 |
189
+ | `avatar` | 30,381 | 10,148 | 8,973 | 2,935 | 858 | 584 |
190
+ | `badge` | 28,190 | 9,535 | 8,382 | 1,162 | 300 | 207 |
191
+ | `bar-chart` | 73,160 | 24,865 | 21,990 | 12,509 | 3,667 | 3,087 |
192
+ | `blockquote` | 28,068 | 9,501 | 8,363 | 917 | 230 | 137 |
193
+ | `breadcrumbs` | 76,254 | 25,219 | 20,772 | 1,956 | 441 | 323 |
194
+ | `button` | 32,541 | 10,717 | 9,426 | 3,168 | 831 | 672 |
195
+ | `button-group` | 28,061 | 9,448 | 8,321 | 661 | 140 | 22 |
196
+ | `callout` | 75,384 | 25,086 | 20,706 | 912 | 245 | 167 |
197
+ | `card` | 28,095 | 9,459 | 8,325 | 694 | 152 | -18 |
198
+ | `carousel` | 82,528 | 27,218 | 22,428 | 8,079 | 2,102 | 1,613 |
199
+ | `chat` | 98,046 | 32,580 | 26,781 | 16,967 | 4,941 | 4,062 |
200
+ | `checkbox` | 35,875 | 11,445 | 10,107 | 2,253 | 663 | 463 |
201
+ | `checkbox-group` | 38,974 | 12,099 | 10,683 | 4,833 | 1,279 | 863 |
202
+ | `code` | 26,680 | 9,030 | 7,937 | 451 | 80 | -25 |
203
+ | `code-block` | 118,625 | 39,681 | 33,397 | 16,494 | 4,369 | 3,702 |
204
+ | `color-input` | 132,540 | 43,024 | 36,168 | 26,106 | 6,646 | 5,596 |
205
+ | `color-picker` | 101,669 | 32,821 | 26,988 | 19,532 | 5,238 | 4,464 |
206
+ | `combobox` | 130,751 | 42,177 | 35,346 | 20,495 | 5,027 | 4,235 |
207
+ | `command` | 102,317 | 32,488 | 26,592 | 17,609 | 4,472 | 3,713 |
208
+ | `copy-button` | 113,622 | 38,118 | 32,024 | 11,492 | 2,879 | 2,305 |
209
+ | `data-table` | 166,227 | 51,528 | 43,302 | 52,840 | 13,364 | 11,116 |
210
+ | `date-input` | 127,150 | 41,334 | 34,675 | 19,264 | 4,844 | 4,187 |
211
+ | `date-picker` | 86,855 | 28,620 | 23,518 | 9,803 | 2,720 | 2,174 |
212
+ | `description-list` | 28,164 | 9,399 | 8,277 | 1,135 | 188 | 88 |
213
+ | `dialog` | 31,713 | 10,498 | 9,262 | 2,717 | 821 | 609 |
214
+ | `divider` | 28,265 | 9,573 | 8,404 | 1,115 | 292 | 146 |
215
+ | `donut-chart` | 69,070 | 23,450 | 20,784 | 9,769 | 2,845 | 2,336 |
216
+ | `drawer` | 30,497 | 10,146 | 8,899 | 1,792 | 509 | 335 |
217
+ | `drilldown` | 81,988 | 27,190 | 22,280 | 5,057 | 1,349 | 1,049 |
218
+ | `empty` | 28,217 | 9,502 | 8,369 | 816 | 186 | 59 |
219
+ | `file-input` | 86,617 | 28,565 | 23,347 | 6,215 | 1,759 | 1,370 |
220
+ | `filter-input` | 140,790 | 44,876 | 37,603 | 27,466 | 6,677 | 5,660 |
221
+ | `format-date` | 31,674 | 10,615 | 9,402 | 2,867 | 717 | 511 |
222
+ | `heatmap` | 70,534 | 23,725 | 20,955 | 11,059 | 3,094 | 2,505 |
223
+ | `icon` | 74,790 | 24,844 | 20,463 | 850 | 197 | 69 |
224
+ | `icon-button` | 32,940 | 10,746 | 9,463 | 3,567 | 867 | 630 |
225
+ | `image` | 30,179 | 10,000 | 8,815 | 3,101 | 830 | 567 |
226
+ | `input` | 85,984 | 28,252 | 23,065 | 4,795 | 1,352 | 933 |
227
+ | `kbd` | 30,014 | 10,221 | 9,000 | 2,976 | 1,038 | 791 |
228
+ | `legend` | 30,564 | 10,385 | 9,130 | 1,097 | 308 | 152 |
229
+ | `line-chart` | 71,186 | 24,266 | 21,437 | 10,536 | 3,065 | 2,533 |
230
+ | `list` | 29,116 | 9,635 | 8,477 | 1,728 | 354 | 288 |
231
+ | `listbox` | 94,013 | 30,632 | 25,070 | 10,792 | 2,953 | 2,369 |
232
+ | `loader` | 28,301 | 9,567 | 8,443 | 900 | 221 | 64 |
233
+ | `megamenu` | 57,122 | 19,814 | 17,501 | 4,932 | 1,348 | 1,061 |
234
+ | `menu` | 112,431 | 37,994 | 31,798 | 8,909 | 2,225 | 1,766 |
235
+ | `meter` | 31,193 | 10,350 | 9,130 | 3,801 | 976 | 832 |
236
+ | `navigation` | 30,060 | 10,085 | 8,894 | 1,582 | 405 | 247 |
237
+ | `notifications` | 90,763 | 29,445 | 24,215 | 11,897 | 2,823 | 2,302 |
238
+ | `number-input` | 88,460 | 28,896 | 23,609 | 7,358 | 1,986 | 1,511 |
239
+ | `object-inspector` | 124,946 | 41,679 | 35,058 | 18,555 | 4,982 | 4,151 |
240
+ | `option` | 30,108 | 9,930 | 8,756 | 2,711 | 597 | 416 |
241
+ | `outline` | 33,475 | 11,211 | 9,887 | 4,946 | 1,476 | 1,129 |
242
+ | `pagination` | 133,865 | 42,664 | 35,769 | 26,209 | 6,077 | 5,084 |
243
+ | `pin-input` | 38,764 | 12,290 | 10,842 | 5,135 | 1,519 | 1,115 |
244
+ | `popover` | 54,419 | 19,079 | 16,841 | 1,986 | 549 | 343 |
245
+ | `progress` | 29,342 | 9,842 | 8,670 | 1,951 | 492 | 389 |
246
+ | `qr-code` | 39,989 | 13,875 | 12,254 | 12,981 | 4,675 | 4,019 |
247
+ | `quote` | 27,584 | 9,317 | 8,204 | 552 | 130 | -23 |
248
+ | `radio` | 37,228 | 11,723 | 10,305 | 3,138 | 846 | 601 |
249
+ | `rating` | 39,453 | 12,569 | 11,083 | 5,806 | 1,675 | 1,283 |
250
+ | `scatter-chart` | 70,955 | 24,148 | 21,272 | 11,089 | 3,313 | 2,659 |
251
+ | `scroll-area` | 29,694 | 10,012 | 8,810 | 2,610 | 786 | 533 |
252
+ | `select` | 123,028 | 40,344 | 33,731 | 15,501 | 3,901 | 3,197 |
253
+ | `skeleton` | 26,773 | 9,063 | 7,978 | 544 | 111 | 8 |
254
+ | `skip-link` | 28,256 | 9,579 | 8,420 | 1,226 | 379 | 216 |
255
+ | `slider` | 39,125 | 12,337 | 10,909 | 5,251 | 1,471 | 1,132 |
256
+ | `sparkline` | 33,022 | 11,405 | 10,044 | 2,531 | 836 | 594 |
257
+ | `speed-dial` | 104,129 | 35,636 | 29,901 | 3,868 | 994 | 658 |
258
+ | `splitter` | 37,558 | 11,936 | 10,565 | 10,163 | 2,557 | 2,099 |
259
+ | `stat` | 28,549 | 9,500 | 8,361 | 1,151 | 199 | 49 |
260
+ | `steps` | 84,245 | 27,640 | 22,680 | 6,324 | 1,533 | 1,202 |
261
+ | `switch` | 35,543 | 11,383 | 10,032 | 1,798 | 568 | 381 |
262
+ | `table` | 82,919 | 27,357 | 22,356 | 7,091 | 1,863 | 1,478 |
263
+ | `tabs` | 35,164 | 11,328 | 9,971 | 4,470 | 1,006 | 681 |
264
+ | `tag` | 75,668 | 25,190 | 20,655 | 897 | 200 | 71 |
265
+ | `textarea` | 38,230 | 12,021 | 10,572 | 4,116 | 1,156 | 798 |
266
+ | `time-input` | 139,733 | 44,615 | 37,411 | 28,917 | 7,132 | 6,052 |
267
+ | `time-picker` | 102,156 | 33,020 | 27,100 | 18,391 | 4,986 | 4,130 |
268
+ | `timeline` | 76,200 | 25,178 | 20,771 | 1,897 | 417 | 346 |
269
+ | `toast` | 79,398 | 26,271 | 21,504 | 4,008 | 951 | 714 |
270
+ | `toggle` | 39,460 | 12,372 | 10,948 | 3,929 | 1,037 | 683 |
271
+ | `toolbar` | 29,963 | 10,094 | 8,887 | 2,932 | 932 | 656 |
272
+ | `tooltip` | 58,183 | 20,042 | 17,752 | 6,238 | 1,725 | 1,336 |
273
+ | `tour` | 63,648 | 21,294 | 18,865 | 10,645 | 2,645 | 2,152 |
274
+ | `tree` | 85,834 | 28,258 | 23,055 | 7,132 | 1,951 | 1,506 |
275
+ | `trend` | 74,993 | 24,944 | 20,646 | 1,056 | 291 | 211 |
276
+ | `video` | 136,374 | 43,719 | 36,844 | 32,601 | 7,631 | 6,679 |
277
+ | `video-playlist` | 119,880 | 39,602 | 33,192 | 14,955 | 3,471 | 2,894 |
278
+ | `virtual-list` | 33,843 | 11,381 | 10,045 | 2,509 | 777 | 573 |
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` | 81,919 | 26,966 | 22,078 | 6,574 | 1,694 | 1,439 |
287
- | `announcement` | 80,874 | 26,574 | 21,853 | 5,643 | 1,339 | 1,125 |
288
- | `app-header` | 32,262 | 10,421 | 9,193 | 4,883 | 1,171 | 891 |
289
- | `area-chart` | 81,552 | 26,323 | 23,223 | 20,990 | 5,197 | 4,274 |
290
- | `aura` | 89,027 | 31,117 | 26,922 | 60,880 | 21,437 | 18,523 |
291
- | `avatar` | 33,618 | 10,793 | 9,538 | 6,203 | 1,509 | 1,241 |
292
- | `badge` | 31,250 | 10,230 | 8,983 | 4,249 | 1,017 | 887 |
293
- | `bar-chart` | 88,430 | 27,577 | 24,310 | 27,952 | 6,484 | 5,602 |
294
- | `blockquote` | 29,200 | 9,788 | 8,612 | 2,077 | 542 | 534 |
295
- | `breadcrumbs` | 79,600 | 25,984 | 21,435 | 5,331 | 1,206 | 1,070 |
296
- | `button` | 38,590 | 11,816 | 10,415 | 9,243 | 1,964 | 1,669 |
297
- | `button-group` | 29,693 | 9,813 | 8,658 | 2,320 | 541 | 394 |
298
- | `callout` | 77,357 | 25,624 | 21,203 | 2,913 | 786 | 723 |
299
- | `card` | 31,284 | 10,275 | 9,042 | 3,915 | 979 | 829 |
300
- | `carousel` | 92,213 | 28,760 | 23,859 | 17,797 | 3,652 | 3,101 |
301
- | `chat` | 111,545 | 34,966 | 28,929 | 30,495 | 7,346 | 6,253 |
302
- | `checkbox` | 41,918 | 12,833 | 11,305 | 8,324 | 2,063 | 1,753 |
303
- | `checkbox-group` | 41,177 | 12,660 | 11,158 | 7,066 | 1,868 | 1,432 |
304
- | `code` | 27,731 | 9,326 | 8,231 | 1,529 | 387 | 321 |
305
- | `code-block` | 134,439 | 42,366 | 35,611 | 32,330 | 6,927 | 6,031 |
306
- | `color-input` | 164,078 | 47,813 | 40,385 | 57,671 | 11,516 | 10,016 |
307
- | `color-picker` | 127,917 | 36,962 | 30,752 | 45,818 | 9,465 | 8,164 |
308
- | `combobox` | 144,760 | 44,641 | 37,483 | 34,529 | 7,473 | 6,546 |
309
- | `command` | 112,401 | 34,399 | 28,302 | 27,722 | 6,420 | 5,489 |
310
- | `copy-button` | 124,120 | 39,957 | 33,536 | 22,016 | 4,640 | 4,018 |
311
- | `data-table` | 199,836 | 56,688 | 47,631 | 86,474 | 18,592 | 15,583 |
312
- | `date-input` | 142,596 | 44,248 | 37,316 | 34,728 | 7,704 | 6,787 |
313
- | `date-picker` | 92,426 | 29,779 | 24,592 | 15,400 | 3,870 | 3,294 |
314
- | `description-list` | 30,498 | 9,957 | 8,764 | 3,502 | 786 | 654 |
315
- | `dialog` | 36,004 | 11,491 | 10,169 | 7,037 | 1,838 | 1,539 |
316
- | `divider` | 30,366 | 10,079 | 8,841 | 3,243 | 813 | 754 |
317
- | `donut-chart` | 80,480 | 25,446 | 22,422 | 21,354 | 4,980 | 4,130 |
318
- | `drawer` | 34,325 | 11,023 | 9,708 | 5,647 | 1,401 | 1,245 |
319
- | `drilldown` | 86,302 | 28,159 | 23,045 | 9,402 | 2,290 | 1,982 |
320
- | `empty` | 29,480 | 9,866 | 8,662 | 2,107 | 563 | 484 |
321
- | `file-input` | 97,287 | 30,720 | 25,226 | 16,922 | 3,871 | 3,356 |
322
- | `filter-input` | 169,096 | 49,241 | 41,282 | 55,800 | 11,109 | 9,364 |
323
- | `flex` | 28,984 | 9,652 | 8,475 | 1,987 | 464 | 369 |
324
- | `format-date` | 32,233 | 10,741 | 9,534 | 3,452 | 865 | 727 |
325
- | `grid` | 29,511 | 9,824 | 8,675 | 2,511 | 633 | 625 |
326
- | `heatmap` | 77,683 | 25,116 | 22,252 | 18,382 | 4,566 | 3,808 |
327
- | `icon` | 75,441 | 25,008 | 20,618 | 1,528 | 369 | 315 |
328
- | `icon-button` | 38,911 | 11,749 | 10,334 | 9,568 | 1,895 | 1,586 |
329
- | `image` | 31,749 | 10,432 | 9,161 | 4,697 | 1,278 | 1,005 |
330
- | `input` | 92,044 | 29,546 | 24,176 | 10,892 | 2,628 | 2,201 |
331
- | `kbd` | 31,303 | 10,644 | 9,391 | 4,294 | 1,467 | 1,199 |
332
- | `legend` | 35,206 | 11,410 | 10,030 | 5,924 | 1,440 | 1,094 |
333
- | `line-chart` | 83,270 | 26,395 | 23,326 | 22,794 | 5,306 | 4,530 |
334
- | `list` | 33,125 | 10,555 | 9,302 | 5,768 | 1,311 | 1,177 |
335
- | `listbox` | 98,080 | 31,558 | 25,751 | 14,890 | 3,912 | 3,241 |
336
- | `loader` | 31,263 | 10,297 | 9,071 | 3,891 | 957 | 918 |
337
- | `megamenu` | 61,953 | 20,869 | 18,483 | 9,792 | 2,427 | 2,070 |
338
- | `menu` | 119,386 | 39,482 | 33,107 | 15,890 | 3,690 | 3,105 |
339
- | `meter` | 36,545 | 11,494 | 10,179 | 9,179 | 2,157 | 1,954 |
340
- | `navigation` | 31,397 | 10,467 | 9,210 | 2,947 | 812 | 604 |
341
- | `notifications` | 103,386 | 31,717 | 26,180 | 24,550 | 5,094 | 4,452 |
342
- | `number-input` | 93,229 | 30,007 | 24,552 | 12,157 | 3,077 | 2,569 |
343
- | `object-inspector` | 139,175 | 44,099 | 37,194 | 32,807 | 7,372 | 6,391 |
344
- | `option` | 33,327 | 10,823 | 9,539 | 5,962 | 1,498 | 1,191 |
345
- | `orb` | 36,853 | 12,880 | 11,365 | 9,445 | 3,499 | 3,020 |
346
- | `outline` | 37,160 | 11,974 | 10,591 | 8,658 | 2,276 | 1,817 |
347
- | `pagination` | 151,404 | 45,658 | 38,331 | 43,774 | 9,056 | 7,783 |
348
- | `pin-input` | 41,832 | 13,065 | 11,472 | 8,230 | 2,331 | 1,959 |
349
- | `popover` | 57,011 | 19,712 | 17,416 | 4,604 | 1,221 | 1,027 |
350
- | `progress` | 34,345 | 11,014 | 9,727 | 6,980 | 1,677 | 1,518 |
351
- | `qr-code` | 41,423 | 14,229 | 12,540 | 14,442 | 5,033 | 4,438 |
352
- | `quote` | 28,215 | 9,471 | 8,341 | 1,211 | 323 | 241 |
353
- | `radio` | 44,722 | 13,106 | 11,547 | 10,669 | 2,252 | 1,896 |
354
- | `rating` | 42,193 | 13,433 | 11,824 | 8,572 | 2,507 | 2,104 |
355
- | `sandbox` | 62,575 | 17,096 | 15,163 | 34,926 | 7,655 | 6,685 |
356
- | `scatter-chart` | 81,739 | 26,093 | 22,955 | 22,046 | 5,362 | 4,442 |
357
- | `scroll-area` | 32,616 | 10,634 | 9,353 | 5,559 | 1,432 | 1,138 |
358
- | `select` | 135,163 | 42,616 | 35,742 | 27,659 | 6,156 | 5,195 |
359
- | `skeleton` | 29,247 | 9,810 | 8,627 | 2,242 | 610 | 597 |
360
- | `skip-link` | 29,675 | 9,976 | 8,738 | 2,672 | 786 | 664 |
361
- | `slider` | 48,963 | 14,109 | 12,447 | 15,116 | 3,259 | 2,804 |
362
- | `sparkline` | 36,596 | 12,284 | 10,845 | 6,285 | 1,781 | 1,631 |
363
- | `speed-dial` | 111,537 | 37,071 | 31,110 | 11,298 | 2,353 | 1,999 |
364
- | `splitter` | 43,626 | 12,937 | 11,483 | 16,257 | 3,595 | 3,205 |
365
- | `stat` | 31,139 | 10,048 | 8,887 | 3,772 | 799 | 742 |
366
- | `steps` | 97,695 | 29,995 | 24,753 | 19,902 | 3,899 | 3,441 |
367
- | `switch` | 39,787 | 12,417 | 10,921 | 6,071 | 1,632 | 1,292 |
368
- | `table` | 87,479 | 28,255 | 23,197 | 11,687 | 2,761 | 2,301 |
369
- | `tabs` | 41,381 | 12,601 | 11,079 | 10,720 | 2,317 | 1,984 |
370
- | `tag` | 78,817 | 26,046 | 21,369 | 4,075 | 1,029 | 929 |
371
- | `text` | 30,970 | 9,944 | 8,710 | 3,976 | 832 | 622 |
372
- | `textarea` | 41,535 | 12,809 | 11,273 | 7,448 | 1,973 | 1,594 |
373
- | `time-input` | 160,219 | 48,005 | 40,381 | 49,432 | 10,542 | 9,070 |
374
- | `time-picker` | 113,408 | 35,091 | 28,973 | 29,682 | 7,123 | 6,050 |
375
- | `timeline` | 79,422 | 25,919 | 21,404 | 5,149 | 1,156 | 1,013 |
376
- | `toast` | 86,887 | 27,931 | 23,032 | 11,526 | 2,597 | 2,220 |
377
- | `toggle` | 44,449 | 13,515 | 11,977 | 8,954 | 2,201 | 1,848 |
378
- | `toolbar` | 31,211 | 10,376 | 9,126 | 4,207 | 1,250 | 930 |
379
- | `tooltip` | 61,704 | 20,831 | 18,442 | 9,785 | 2,513 | 2,027 |
380
- | `tour` | 73,007 | 22,810 | 20,210 | 20,128 | 4,189 | 3,572 |
381
- | `tree` | 90,813 | 29,428 | 24,123 | 12,143 | 3,127 | 2,596 |
382
- | `trend` | 77,982 | 25,594 | 21,139 | 4,081 | 924 | 828 |
383
- | `video` | 154,440 | 46,971 | 39,702 | 50,690 | 10,904 | 9,628 |
384
- | `video-playlist` | 133,245 | 41,965 | 35,231 | 28,345 | 5,824 | 4,979 |
385
- | `virtual-list` | 34,631 | 11,596 | 10,222 | 3,323 | 999 | 835 |
286
+ | `accordion` | 81,963 | 26,979 | 22,089 | 6,574 | 1,692 | 1,240 |
287
+ | `announcement` | 80,918 | 26,589 | 21,809 | 5,643 | 1,347 | 1,013 |
288
+ | `app-header` | 32,306 | 10,433 | 9,188 | 4,883 | 1,163 | 848 |
289
+ | `area-chart` | 81,744 | 26,377 | 23,270 | 20,990 | 5,190 | 4,308 |
290
+ | `aura` | 89,071 | 31,128 | 26,936 | 60,880 | 21,432 | 18,433 |
291
+ | `avatar` | 33,955 | 10,888 | 9,600 | 6,496 | 1,603 | 1,246 |
292
+ | `badge` | 31,294 | 10,242 | 8,986 | 4,249 | 1,014 | 783 |
293
+ | `bar-chart` | 88,622 | 27,632 | 24,302 | 27,952 | 6,471 | 5,440 |
294
+ | `blockquote` | 29,244 | 9,798 | 8,633 | 2,077 | 543 | 442 |
295
+ | `breadcrumbs` | 79,644 | 25,995 | 21,412 | 5,331 | 1,197 | 974 |
296
+ | `button` | 38,634 | 11,831 | 10,427 | 9,243 | 1,951 | 1,567 |
297
+ | `button-group` | 29,737 | 9,827 | 8,651 | 2,320 | 535 | 402 |
298
+ | `callout` | 77,401 | 25,635 | 21,223 | 2,913 | 783 | 599 |
299
+ | `card` | 31,328 | 10,287 | 9,066 | 3,915 | 970 | 784 |
300
+ | `carousel` | 92,382 | 28,810 | 23,893 | 17,922 | 3,680 | 3,048 |
301
+ | `chat` | 111,589 | 34,977 | 28,938 | 30,495 | 7,343 | 6,209 |
302
+ | `checkbox` | 41,962 | 12,848 | 11,331 | 8,324 | 2,058 | 1,662 |
303
+ | `checkbox-group` | 41,221 | 12,671 | 11,174 | 7,066 | 1,863 | 1,371 |
304
+ | `code` | 27,775 | 9,337 | 8,239 | 1,529 | 385 | 289 |
305
+ | `code-block` | 134,483 | 42,377 | 35,647 | 32,330 | 6,921 | 5,973 |
306
+ | `color-input` | 164,122 | 47,824 | 40,399 | 57,671 | 11,513 | 9,936 |
307
+ | `color-picker` | 127,961 | 36,973 | 30,710 | 45,818 | 9,455 | 8,177 |
308
+ | `combobox` | 144,987 | 44,731 | 37,514 | 34,712 | 7,532 | 6,412 |
309
+ | `command` | 112,626 | 34,463 | 28,344 | 27,903 | 6,453 | 5,508 |
310
+ | `copy-button` | 124,164 | 39,968 | 33,627 | 22,016 | 4,631 | 3,937 |
311
+ | `data-table` | 199,881 | 56,690 | 47,670 | 86,475 | 18,574 | 15,454 |
312
+ | `date-input` | 142,640 | 44,260 | 37,217 | 34,728 | 7,699 | 6,716 |
313
+ | `date-picker` | 92,470 | 29,789 | 24,571 | 15,400 | 3,862 | 3,365 |
314
+ | `description-list` | 30,542 | 9,970 | 8,772 | 3,502 | 778 | 648 |
315
+ | `dialog` | 36,048 | 11,505 | 10,181 | 7,037 | 1,836 | 1,498 |
316
+ | `divider` | 30,410 | 10,091 | 8,854 | 3,243 | 814 | 600 |
317
+ | `donut-chart` | 80,672 | 25,503 | 22,451 | 21,354 | 4,977 | 4,113 |
318
+ | `drawer` | 34,369 | 11,035 | 9,736 | 5,647 | 1,396 | 1,166 |
319
+ | `drilldown` | 86,346 | 28,167 | 23,111 | 9,402 | 2,279 | 1,818 |
320
+ | `empty` | 29,524 | 9,877 | 8,689 | 2,107 | 564 | 456 |
321
+ | `file-input` | 97,331 | 30,732 | 25,273 | 16,922 | 3,866 | 3,308 |
322
+ | `filter-input` | 169,144 | 49,254 | 41,341 | 55,804 | 11,105 | 9,327 |
323
+ | `flex` | 29,028 | 9,663 | 8,493 | 1,987 | 458 | 390 |
324
+ | `format-date` | 32,322 | 10,759 | 9,547 | 3,497 | 873 | 676 |
325
+ | `grid` | 29,555 | 9,837 | 8,659 | 2,511 | 636 | 521 |
326
+ | `heatmap` | 77,875 | 25,170 | 22,262 | 18,382 | 4,556 | 3,734 |
327
+ | `icon` | 75,485 | 25,018 | 20,638 | 1,528 | 368 | 260 |
328
+ | `icon-button` | 38,955 | 11,764 | 10,349 | 9,568 | 1,887 | 1,551 |
329
+ | `image` | 31,927 | 10,481 | 9,207 | 4,831 | 1,308 | 963 |
330
+ | `input` | 92,088 | 29,558 | 24,216 | 10,892 | 2,624 | 2,151 |
331
+ | `kbd` | 31,426 | 10,679 | 9,401 | 4,373 | 1,505 | 1,130 |
332
+ | `legend` | 35,398 | 11,468 | 10,052 | 5,924 | 1,432 | 1,040 |
333
+ | `line-chart` | 83,462 | 26,450 | 23,349 | 22,794 | 5,296 | 4,349 |
334
+ | `list` | 33,169 | 10,567 | 9,321 | 5,768 | 1,306 | 1,115 |
335
+ | `listbox` | 98,128 | 31,576 | 25,772 | 14,894 | 3,906 | 3,149 |
336
+ | `loader` | 31,307 | 10,308 | 9,067 | 3,891 | 947 | 698 |
337
+ | `megamenu` | 61,997 | 20,880 | 18,495 | 9,792 | 2,417 | 1,997 |
338
+ | `menu` | 119,430 | 39,491 | 33,129 | 15,890 | 3,677 | 3,106 |
339
+ | `meter` | 36,589 | 11,505 | 10,173 | 9,179 | 2,143 | 1,811 |
340
+ | `navigation` | 31,441 | 10,481 | 9,213 | 2,947 | 815 | 531 |
341
+ | `notifications` | 103,475 | 31,734 | 26,180 | 24,595 | 5,099 | 4,308 |
342
+ | `number-input` | 93,273 | 30,016 | 24,583 | 12,157 | 3,071 | 2,494 |
343
+ | `object-inspector` | 139,219 | 44,110 | 37,159 | 32,807 | 7,361 | 6,303 |
344
+ | `option` | 33,375 | 10,839 | 9,558 | 5,966 | 1,491 | 1,159 |
345
+ | `orb` | 36,897 | 12,890 | 11,419 | 9,445 | 3,494 | 2,943 |
346
+ | `outline` | 37,204 | 11,985 | 10,595 | 8,658 | 2,267 | 1,802 |
347
+ | `pagination` | 151,449 | 45,673 | 38,333 | 43,775 | 9,062 | 7,631 |
348
+ | `pin-input` | 41,876 | 13,079 | 11,521 | 8,230 | 2,326 | 1,786 |
349
+ | `popover` | 57,055 | 19,725 | 17,428 | 4,604 | 1,217 | 969 |
350
+ | `progress` | 34,389 | 11,025 | 9,737 | 6,980 | 1,663 | 1,406 |
351
+ | `qr-code` | 41,640 | 14,293 | 12,603 | 14,615 | 5,080 | 4,375 |
352
+ | `quote` | 28,259 | 9,484 | 8,350 | 1,211 | 326 | 115 |
353
+ | `radio` | 44,766 | 13,120 | 11,563 | 10,669 | 2,244 | 1,901 |
354
+ | `rating` | 42,428 | 13,504 | 11,929 | 8,763 | 2,577 | 2,081 |
355
+ | `sandbox` | 62,619 | 17,105 | 15,155 | 34,926 | 7,645 | 6,427 |
356
+ | `scatter-chart` | 81,931 | 26,151 | 23,070 | 22,046 | 5,355 | 4,369 |
357
+ | `scroll-area` | 32,660 | 10,647 | 9,332 | 5,559 | 1,430 | 1,082 |
358
+ | `select` | 135,208 | 42,604 | 35,738 | 27,660 | 6,122 | 5,097 |
359
+ | `skeleton` | 29,291 | 9,820 | 8,640 | 2,242 | 613 | 440 |
360
+ | `skip-link` | 29,719 | 9,988 | 8,752 | 2,672 | 792 | 552 |
361
+ | `slider` | 49,007 | 14,124 | 12,493 | 15,116 | 3,257 | 2,754 |
362
+ | `sparkline` | 36,788 | 12,339 | 10,907 | 6,285 | 1,769 | 1,502 |
363
+ | `speed-dial` | 111,581 | 37,082 | 31,152 | 11,298 | 2,340 | 1,848 |
364
+ | `splitter` | 43,670 | 12,947 | 11,504 | 16,257 | 3,585 | 3,065 |
365
+ | `stat` | 31,183 | 10,062 | 8,888 | 3,772 | 788 | 645 |
366
+ | `steps` | 97,857 | 30,056 | 24,790 | 19,924 | 3,896 | 3,243 |
367
+ | `switch` | 39,831 | 12,428 | 10,949 | 6,071 | 1,634 | 1,248 |
368
+ | `table` | 87,523 | 28,265 | 23,193 | 11,687 | 2,747 | 2,226 |
369
+ | `tabs` | 41,425 | 12,614 | 11,091 | 10,720 | 2,313 | 1,866 |
370
+ | `tag` | 78,861 | 26,058 | 21,373 | 4,075 | 1,030 | 798 |
371
+ | `text` | 31,014 | 9,956 | 8,736 | 3,976 | 820 | 586 |
372
+ | `textarea` | 41,579 | 12,823 | 11,292 | 7,448 | 1,965 | 1,527 |
373
+ | `time-input` | 160,267 | 48,017 | 40,390 | 49,436 | 10,542 | 9,014 |
374
+ | `time-picker` | 113,456 | 35,107 | 28,968 | 29,686 | 7,111 | 5,997 |
375
+ | `timeline` | 79,466 | 25,930 | 21,438 | 5,149 | 1,145 | 925 |
376
+ | `toast` | 86,931 | 27,943 | 22,986 | 11,526 | 2,596 | 2,117 |
377
+ | `toggle` | 44,493 | 13,530 | 11,975 | 8,954 | 2,195 | 1,700 |
378
+ | `toolbar` | 31,255 | 10,390 | 9,147 | 4,207 | 1,248 | 906 |
379
+ | `tooltip` | 61,748 | 20,840 | 18,403 | 9,785 | 2,504 | 2,015 |
380
+ | `tour` | 73,523 | 22,991 | 20,306 | 20,504 | 4,296 | 3,659 |
381
+ | `tree` | 90,857 | 29,438 | 24,151 | 12,143 | 3,117 | 2,512 |
382
+ | `trend` | 78,026 | 25,605 | 21,170 | 4,081 | 916 | 828 |
383
+ | `video` | 154,547 | 47,000 | 39,708 | 50,753 | 10,922 | 9,599 |
384
+ | `video-playlist` | 133,289 | 41,974 | 35,281 | 28,345 | 5,810 | 4,934 |
385
+ | `virtual-list` | 34,675 | 11,607 | 10,255 | 3,323 | 989 | 734 |
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` | 742,666 | 119 | 172,577 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
- | `@fusion.dev/helix-headless` | 10,235,441 | 462 | 839,641 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
397
+ | `@fusion.dev/helix-core` | 748,860 | 119 | 173,480 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
+ | `@fusion.dev/helix-headless` | 10,340,958 | 462 | 844,553 | `@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` | 100,938 | 6 | 0 | none |
401
401
  | `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
402
- | `@fusion.dev/helix` | 11,196,588 | 790 | 329,523 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
402
+ | `@fusion.dev/helix` | 11,301,856 | 790 | 329,523 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
403
403
 
404
404
  ## Not measured yet
405
405
 
package/content/react.mdx CHANGED
@@ -132,7 +132,7 @@ Render it once in your layout. **Your pages stay server components.** An
132
132
  unregistered tag is an unknown element in the HTML that upgrades when the
133
133
  definition lands, so nothing about a server component needs to change.
134
134
 
135
- ## There is no declarative shadow DOM
135
+ ## Server components get no declarative shadow DOM
136
136
 
137
137
  A server component's output is replayed from the flight payload through DOM APIs
138
138
  rather than parsed as HTML, and declarative shadow DOM cannot activate for