@fusion.dev/helix-docs 0.186.1 → 0.187.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 (14) hide show
  1. package/content/coding-agents.mdx +95 -41
  2. package/content/metrics.mdx +220 -220
  3. package/content/using-helix-with-an-agent.mdx +46 -39
  4. package/dist/index.d.ts +3 -4
  5. package/dist/index.js +2 -3
  6. package/dist/pages.generated.js +1 -1
  7. package/dist/reference.d.ts +12 -11
  8. package/dist/reference.js +13 -7
  9. package/dist/sources.generated.js +361 -300
  10. package/package.json +9 -9
  11. package/dist/catalog.d.ts +0 -194
  12. package/dist/catalog.js +0 -163
  13. package/dist/naming.d.ts +0 -14
  14. package/dist/naming.js +0 -8
package/content/metrics.mdx CHANGED
@@ -46,7 +46,7 @@ on its own.
46
46
 
47
47
  | | Raw | Gzip | Brotli |
48
48
  |---|---|---|---|
49
- | Lit and `@fusion.dev/helix-core` | 248,564 | 79,270 | 67,871 |
49
+ | Lit and `@fusion.dev/helix-core` | 248,564 | 79,270 | 67,889 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,12 +57,12 @@ either barrel. The per-component tables show what your page pays.
57
57
 
58
58
  | Package | Raw | Gzip | Brotli | |
59
59
  |---|---|---|---|---|
60
- | `@fusion.dev/helix-core` | 247,773 | 79,121 | 67,606 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,337,367 | 373,053 | 279,891 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 247,773 | 79,121 | 67,573 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,337,367 | 373,053 | 279,925 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
64
  | `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
65
- | `@fusion.dev/helix` | 2,015,564 | 520,954 | 371,924 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,015,564 | 520,954 | 371,815 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
67
67
 
68
68
  ## Stylesheets
@@ -85,11 +85,11 @@ shows the whole cost of using the base layer on its own.
85
85
 
86
86
  **Most of your first component is the shared runtime.** The median styled family is 17,535 bytes gzipped alone, and it adds 3,868 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
87
87
 
88
- Across the 106 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,817. Every family together is 520,954.
88
+ Across the 106 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,818. Every family together is 520,954.
89
89
 
90
- No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
90
+ No family imports a barrel. The `barrels` rule in `fusion x workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
91
91
 
92
- The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 16,647 bytes gzipped alone.
92
+ The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 16,645 bytes gzipped alone.
93
93
 
94
94
  ## Compared with other systems
95
95
 
@@ -101,37 +101,37 @@ The table has no whole-library row. That row would compare how many components e
101
101
 
102
102
  | Component | System | Raw | Gzip | Brotli |
103
103
  |---|---|---|---|---|
104
- | `button` | **Helix** | 41,612 | 14,007 | 12,463 |
104
+ | `button` | **Helix** | 41,612 | 14,007 | 12,441 |
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** | 46,865 | 15,190 | 13,511 |
109
+ | `checkbox` | **Helix** | 46,865 | 15,190 | 13,516 |
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** | 43,360 | 14,855 | 13,245 |
114
+ | `dialog` | **Helix** | 43,360 | 14,855 | 13,244 |
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** | 50,349 | 15,977 | 14,212 |
119
+ | `radio` | **Helix** | 50,349 | 15,977 | 14,203 |
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** | 43,562 | 14,637 | 13,013 |
124
+ | `switch` | **Helix** | 43,562 | 14,637 | 13,010 |
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** | 55,263 | 17,753 | 15,836 |
129
+ | `tabs` | **Helix** | 55,263 | 17,753 | 15,835 |
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,420 | 21,833 | 19,384 |
134
+ | `tooltip` | **Helix** | 61,420 | 21,833 | 19,366 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -183,105 +183,105 @@ Structure, accessibility, state, and form participation. It has no presentation
183
183
 
184
184
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
185
185
  |---|---|---|---|---|---|---|
186
- | `accordion` | 31,879 | 11,805 | 10,502 | 5,329 | 1,598 | 1,333 |
187
- | `announcement` | 36,692 | 13,313 | 11,874 | 4,682 | 1,425 | 1,119 |
188
- | `app-header` | 32,289 | 11,899 | 10,558 | 5,871 | 1,795 | 1,307 |
189
- | `area-chart` | 90,301 | 31,725 | 28,102 | 14,058 | 4,345 | 3,533 |
190
- | `avatar` | 30,463 | 11,596 | 10,391 | 3,957 | 1,234 | 1,079 |
191
- | `badge` | 27,088 | 10,568 | 9,409 | 2,942 | 919 | 743 |
192
- | `bar-chart` | 94,416 | 32,821 | 29,078 | 18,026 | 5,441 | 4,452 |
193
- | `blockquote` | 24,107 | 9,420 | 8,332 | 2,402 | 913 | 777 |
194
- | `breadcrumbs` | 36,279 | 13,906 | 12,383 | 7,360 | 2,451 | 1,999 |
195
- | `button` | 35,194 | 12,591 | 11,209 | 4,925 | 1,471 | 1,189 |
196
- | `button-group` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,200 |
197
- | `callout` | 35,256 | 13,595 | 12,075 | 2,884 | 992 | 755 |
198
- | `canvas` | 108,483 | 34,750 | 30,372 | 68,927 | 20,973 | 17,537 |
199
- | `card` | 23,777 | 9,054 | 8,019 | 2,090 | 655 | 533 |
200
- | `carousel` | 42,748 | 15,234 | 13,597 | 15,006 | 4,215 | 3,340 |
201
- | `chat` | 79,390 | 26,446 | 23,395 | 27,455 | 8,116 | 6,412 |
202
- | `checkbox` | 40,374 | 13,681 | 12,203 | 3,107 | 979 | 623 |
203
- | `checkbox-group` | 47,602 | 15,599 | 13,900 | 8,325 | 2,351 | 1,714 |
204
- | `code` | 20,301 | 8,015 | 7,096 | 138 | 67 | 120 |
205
- | `code-block` | 102,738 | 34,890 | 30,820 | 36,843 | 10,785 | 8,779 |
206
- | `color-input` | 141,792 | 45,087 | 39,379 | 55,136 | 14,334 | 11,686 |
207
- | `color-picker` | 103,415 | 32,966 | 28,879 | 47,256 | 12,743 | 10,363 |
208
- | `combobox` | 132,023 | 41,951 | 36,909 | 35,791 | 9,112 | 7,182 |
209
- | `command` | 99,513 | 31,476 | 27,730 | 30,061 | 8,171 | 6,354 |
210
- | `copy-button` | 80,548 | 27,649 | 24,480 | 18,341 | 4,985 | 3,925 |
211
- | `data-table` | 199,900 | 61,428 | 52,577 | 89,488 | 23,783 | 19,098 |
212
- | `date-input` | 141,223 | 44,512 | 39,162 | 38,229 | 9,447 | 7,544 |
213
- | `date-picker` | 61,360 | 20,936 | 18,732 | 20,347 | 5,579 | 4,413 |
214
- | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 525 | 315 |
215
- | `dialog` | 38,247 | 13,598 | 12,121 | 5,837 | 1,753 | 1,282 |
216
- | `divider` | 22,991 | 8,924 | 7,885 | 1,416 | 502 | 332 |
217
- | `donut-chart` | 89,212 | 31,127 | 27,512 | 14,641 | 4,497 | 3,675 |
218
- | `drawer` | 42,892 | 15,123 | 13,459 | 7,698 | 2,295 | 1,801 |
219
- | `drilldown` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,185 |
220
- | `empty` | 24,194 | 9,250 | 8,197 | 1,951 | 658 | 524 |
221
- | `file-input` | 57,757 | 20,019 | 17,823 | 13,094 | 4,155 | 3,295 |
222
- | `filter-input` | 97,846 | 32,819 | 29,091 | 21,630 | 6,198 | 4,871 |
223
- | `format-date` | 30,158 | 11,290 | 10,099 | 4,434 | 1,263 | 1,016 |
224
- | `graph` | 74,369 | 24,504 | 21,724 | 21,878 | 6,484 | 5,238 |
225
- | `heatmap` | 98,128 | 33,505 | 29,619 | 18,944 | 5,590 | 4,517 |
226
- | `icon` | 82,157 | 28,050 | 23,960 | 58,304 | 19,661 | 16,198 |
227
- | `icon-button` | 35,305 | 12,620 | 11,241 | 5,034 | 1,512 | 1,210 |
228
- | `image` | 25,504 | 9,480 | 8,414 | 3,824 | 1,152 | 926 |
229
- | `input` | 46,361 | 15,974 | 14,092 | 7,352 | 2,452 | 1,720 |
230
- | `isometric-heatmap` | 102,771 | 34,713 | 30,604 | 23,536 | 6,748 | 5,382 |
231
- | `kbd` | 27,511 | 10,570 | 9,362 | 3,516 | 1,152 | 782 |
232
- | `legend` | 35,184 | 12,935 | 11,492 | 2,957 | 1,019 | 866 |
233
- | `lightbox` | 55,724 | 18,818 | 16,720 | 16,730 | 4,692 | 3,628 |
234
- | `line-chart` | 91,335 | 31,880 | 28,291 | 14,762 | 4,418 | 3,664 |
235
- | `list` | 61,803 | 21,292 | 18,960 | 15,242 | 4,449 | 3,487 |
236
- | `listbox` | 76,711 | 25,427 | 22,454 | 15,565 | 4,585 | 3,539 |
237
- | `loader` | 26,379 | 10,041 | 8,932 | 2,775 | 969 | 755 |
238
- | `map` | 78,565 | 24,393 | 21,346 | 37,025 | 10,128 | 7,926 |
239
- | `megamenu` | 60,027 | 21,698 | 19,218 | 8,595 | 2,405 | 1,797 |
240
- | `menu` | 97,473 | 32,550 | 28,751 | 30,180 | 7,996 | 6,357 |
241
- | `meter` | 31,721 | 12,026 | 10,718 | 4,894 | 1,453 | 1,284 |
242
- | `navigation` | 33,088 | 12,436 | 11,050 | 3,366 | 1,183 | 976 |
243
- | `notifications` | 58,346 | 19,881 | 17,729 | 18,207 | 5,055 | 4,063 |
244
- | `number-input` | 56,271 | 18,839 | 16,812 | 13,524 | 3,662 | 2,797 |
245
- | `object-inspector` | 113,929 | 38,372 | 33,759 | 35,492 | 10,303 | 8,201 |
246
- | `option` | 26,477 | 9,763 | 8,661 | 4,525 | 1,231 | 1,101 |
247
- | `outline` | 33,612 | 12,598 | 11,180 | 7,856 | 2,569 | 1,910 |
248
- | `pagination` | 136,258 | 43,650 | 37,984 | 45,377 | 11,934 | 9,433 |
249
- | `pin-input` | 47,068 | 16,413 | 14,643 | 6,736 | 2,253 | 1,685 |
250
- | `popover` | 63,806 | 22,941 | 20,259 | 6,375 | 1,876 | 1,386 |
251
- | `progress` | 28,084 | 10,730 | 9,550 | 2,970 | 933 | 761 |
252
- | `qr-code` | 42,719 | 16,647 | 14,848 | 17,004 | 6,288 | 5,409 |
253
- | `quote` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 361 |
254
- | `radio` | 42,561 | 14,464 | 12,878 | 3,817 | 1,227 | 840 |
255
- | `rating` | 50,257 | 17,289 | 15,435 | 8,029 | 2,456 | 1,909 |
256
- | `scatter-chart` | 91,226 | 31,675 | 28,028 | 16,127 | 4,840 | 3,981 |
257
- | `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,062 |
258
- | `select` | 115,289 | 38,173 | 33,419 | 26,033 | 7,140 | 5,464 |
259
- | `skeleton` | 22,328 | 8,644 | 7,664 | 991 | 367 | 189 |
260
- | `skip-link` | 23,871 | 9,338 | 8,270 | 1,225 | 493 | 483 |
261
- | `slider` | 52,873 | 17,824 | 15,978 | 13,159 | 3,817 | 2,962 |
262
- | `sparkline` | 47,984 | 17,500 | 15,653 | 5,981 | 2,162 | 1,717 |
263
- | `speed-dial` | 68,751 | 24,718 | 21,887 | 10,915 | 2,990 | 2,427 |
264
- | `splitter` | 43,751 | 15,167 | 13,557 | 14,397 | 3,878 | 3,122 |
265
- | `stat` | 25,255 | 9,675 | 8,616 | 2,303 | 781 | 617 |
266
- | `steps` | 53,623 | 18,636 | 16,626 | 13,603 | 3,869 | 3,176 |
267
- | `switch` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 378 |
268
- | `table` | 118,358 | 37,061 | 32,243 | 45,150 | 12,475 | 10,199 |
269
- | `tabs` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,306 |
270
- | `tag` | 42,676 | 15,622 | 13,978 | 8,455 | 2,548 | 1,971 |
271
- | `textarea` | 43,852 | 14,941 | 13,327 | 5,402 | 1,622 | 1,252 |
272
- | `time-input` | 169,269 | 52,676 | 45,816 | 48,511 | 12,418 | 9,779 |
273
- | `time-picker` | 99,603 | 31,518 | 27,757 | 33,933 | 9,190 | 7,245 |
274
- | `timeline` | 31,286 | 11,863 | 10,579 | 4,061 | 1,260 | 1,031 |
275
- | `toast` | 50,871 | 17,940 | 16,004 | 12,124 | 3,529 | 2,773 |
276
- | `toggle` | 45,577 | 15,270 | 13,575 | 6,007 | 1,799 | 1,402 |
277
- | `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,386 |
278
- | `tooltip` | 58,616 | 21,090 | 18,717 | 8,434 | 2,378 | 1,863 |
279
- | `tour` | 83,670 | 28,721 | 25,358 | 19,815 | 5,458 | 4,399 |
280
- | `tree` | 67,586 | 22,717 | 20,230 | 17,199 | 4,979 | 4,072 |
281
- | `trend` | 29,717 | 11,569 | 10,322 | 3,487 | 1,133 | 978 |
282
- | `video` | 141,208 | 44,138 | 38,547 | 66,217 | 16,841 | 13,726 |
283
- | `video-playlist` | 127,686 | 41,301 | 36,303 | 42,775 | 11,224 | 9,153 |
284
- | `virtual-list` | 63,451 | 21,632 | 19,223 | 23,305 | 7,171 | 5,823 |
186
+ | `accordion` | 31,879 | 11,805 | 10,464 | 5,329 | 1,598 | 1,201 |
187
+ | `announcement` | 36,692 | 13,313 | 11,857 | 4,682 | 1,425 | 1,151 |
188
+ | `app-header` | 32,289 | 11,899 | 10,609 | 5,871 | 1,795 | 1,314 |
189
+ | `area-chart` | 90,301 | 31,725 | 28,033 | 14,058 | 4,345 | 3,519 |
190
+ | `avatar` | 30,463 | 11,596 | 10,395 | 3,957 | 1,234 | 996 |
191
+ | `badge` | 27,088 | 10,568 | 9,410 | 2,942 | 919 | 680 |
192
+ | `bar-chart` | 94,416 | 32,821 | 29,079 | 18,026 | 5,441 | 4,384 |
193
+ | `blockquote` | 24,107 | 9,421 | 8,333 | 2,402 | 913 | 792 |
194
+ | `breadcrumbs` | 36,279 | 13,906 | 12,381 | 7,360 | 2,451 | 1,863 |
195
+ | `button` | 35,194 | 12,591 | 11,199 | 4,925 | 1,471 | 1,101 |
196
+ | `button-group` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,108 |
197
+ | `callout` | 35,256 | 13,595 | 12,070 | 2,884 | 992 | 672 |
198
+ | `canvas` | 108,483 | 34,750 | 30,378 | 68,927 | 20,973 | 17,579 |
199
+ | `card` | 23,777 | 9,053 | 8,018 | 2,090 | 655 | 458 |
200
+ | `carousel` | 42,748 | 15,234 | 13,592 | 15,006 | 4,215 | 3,284 |
201
+ | `chat` | 79,390 | 26,446 | 23,340 | 27,455 | 8,116 | 6,323 |
202
+ | `checkbox` | 40,374 | 13,681 | 12,223 | 3,107 | 979 | 715 |
203
+ | `checkbox-group` | 47,602 | 15,600 | 13,904 | 8,325 | 2,351 | 1,675 |
204
+ | `code` | 20,301 | 8,015 | 7,128 | 138 | 67 | 44 |
205
+ | `code-block` | 102,738 | 34,889 | 30,829 | 36,843 | 10,785 | 8,723 |
206
+ | `color-input` | 141,792 | 45,087 | 39,353 | 55,136 | 14,334 | 11,579 |
207
+ | `color-picker` | 103,415 | 32,966 | 28,889 | 47,256 | 12,743 | 10,286 |
208
+ | `combobox` | 132,023 | 41,951 | 36,926 | 35,791 | 9,112 | 7,114 |
209
+ | `command` | 99,513 | 31,476 | 27,699 | 30,061 | 8,170 | 6,287 |
210
+ | `copy-button` | 80,548 | 27,649 | 24,493 | 18,341 | 4,985 | 3,862 |
211
+ | `data-table` | 199,900 | 61,427 | 52,552 | 89,488 | 23,783 | 19,122 |
212
+ | `date-input` | 141,223 | 44,512 | 39,087 | 38,229 | 9,447 | 7,481 |
213
+ | `date-picker` | 61,360 | 20,936 | 18,758 | 20,347 | 5,579 | 4,404 |
214
+ | `description-list` | 22,900 | 8,766 | 7,766 | 1,565 | 525 | 363 |
215
+ | `dialog` | 38,247 | 13,598 | 12,117 | 5,837 | 1,753 | 1,370 |
216
+ | `divider` | 22,991 | 8,924 | 7,882 | 1,416 | 502 | 365 |
217
+ | `donut-chart` | 89,212 | 31,127 | 27,516 | 14,641 | 4,497 | 3,726 |
218
+ | `drawer` | 42,892 | 15,123 | 13,470 | 7,698 | 2,295 | 1,762 |
219
+ | `drilldown` | 42,756 | 14,941 | 13,298 | 9,710 | 2,724 | 2,115 |
220
+ | `empty` | 24,194 | 9,251 | 8,200 | 1,951 | 658 | 452 |
221
+ | `file-input` | 57,757 | 20,019 | 17,787 | 13,094 | 4,155 | 3,327 |
222
+ | `filter-input` | 97,846 | 32,818 | 29,095 | 21,630 | 6,199 | 4,832 |
223
+ | `format-date` | 30,158 | 11,290 | 10,090 | 4,434 | 1,263 | 1,027 |
224
+ | `graph` | 74,369 | 24,503 | 21,668 | 21,878 | 6,484 | 5,239 |
225
+ | `heatmap` | 98,128 | 33,504 | 29,599 | 18,944 | 5,590 | 4,500 |
226
+ | `icon` | 82,157 | 28,050 | 23,958 | 58,304 | 19,661 | 16,059 |
227
+ | `icon-button` | 35,305 | 12,620 | 11,230 | 5,034 | 1,512 | 1,196 |
228
+ | `image` | 25,504 | 9,480 | 8,403 | 3,824 | 1,152 | 876 |
229
+ | `input` | 46,361 | 15,974 | 14,090 | 7,352 | 2,452 | 1,782 |
230
+ | `isometric-heatmap` | 102,771 | 34,712 | 30,611 | 23,536 | 6,749 | 5,369 |
231
+ | `kbd` | 27,511 | 10,571 | 9,363 | 3,516 | 1,152 | 829 |
232
+ | `legend` | 35,184 | 12,935 | 11,491 | 2,957 | 1,019 | 860 |
233
+ | `lightbox` | 55,724 | 18,816 | 16,708 | 16,730 | 4,692 | 3,556 |
234
+ | `line-chart` | 91,335 | 31,881 | 28,246 | 14,762 | 4,418 | 3,595 |
235
+ | `list` | 61,803 | 21,294 | 18,990 | 15,242 | 4,449 | 3,468 |
236
+ | `listbox` | 76,711 | 25,427 | 22,518 | 15,565 | 4,585 | 3,562 |
237
+ | `loader` | 26,379 | 10,041 | 8,907 | 2,775 | 969 | 755 |
238
+ | `map` | 78,565 | 24,393 | 21,306 | 37,025 | 10,128 | 7,979 |
239
+ | `megamenu` | 60,027 | 21,698 | 19,184 | 8,595 | 2,405 | 1,729 |
240
+ | `menu` | 97,473 | 32,550 | 28,740 | 30,180 | 7,996 | 6,317 |
241
+ | `meter` | 31,721 | 12,026 | 10,720 | 4,894 | 1,453 | 1,142 |
242
+ | `navigation` | 33,088 | 12,436 | 11,039 | 3,366 | 1,183 | 972 |
243
+ | `notifications` | 58,346 | 19,881 | 17,738 | 18,207 | 5,055 | 4,084 |
244
+ | `number-input` | 56,271 | 18,839 | 16,788 | 13,524 | 3,662 | 2,808 |
245
+ | `object-inspector` | 113,929 | 38,372 | 33,710 | 35,492 | 10,303 | 8,228 |
246
+ | `option` | 26,477 | 9,764 | 8,662 | 4,525 | 1,231 | 929 |
247
+ | `outline` | 33,612 | 12,598 | 11,179 | 7,856 | 2,569 | 1,942 |
248
+ | `pagination` | 136,258 | 43,650 | 37,968 | 45,377 | 11,934 | 9,430 |
249
+ | `pin-input` | 47,068 | 16,413 | 14,656 | 6,736 | 2,253 | 1,679 |
250
+ | `popover` | 63,806 | 22,941 | 20,269 | 6,375 | 1,876 | 1,391 |
251
+ | `progress` | 28,084 | 10,730 | 9,552 | 2,970 | 933 | 784 |
252
+ | `qr-code` | 42,719 | 16,645 | 14,846 | 17,004 | 6,288 | 5,327 |
253
+ | `quote` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 436 |
254
+ | `radio` | 42,561 | 14,464 | 12,878 | 3,817 | 1,227 | 860 |
255
+ | `rating` | 50,257 | 17,289 | 15,409 | 8,029 | 2,456 | 1,823 |
256
+ | `scatter-chart` | 91,226 | 31,676 | 27,953 | 16,127 | 4,840 | 3,799 |
257
+ | `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,068 |
258
+ | `select` | 115,289 | 38,173 | 33,453 | 26,033 | 7,140 | 5,340 |
259
+ | `skeleton` | 22,328 | 8,644 | 7,666 | 991 | 367 | 229 |
260
+ | `skip-link` | 23,871 | 9,338 | 8,265 | 1,225 | 493 | 350 |
261
+ | `slider` | 52,873 | 17,826 | 15,978 | 13,159 | 3,817 | 2,927 |
262
+ | `sparkline` | 47,984 | 17,500 | 15,601 | 5,981 | 2,162 | 1,673 |
263
+ | `speed-dial` | 68,751 | 24,718 | 21,898 | 10,915 | 2,990 | 2,359 |
264
+ | `splitter` | 43,751 | 15,167 | 13,536 | 14,397 | 3,878 | 3,177 |
265
+ | `stat` | 25,255 | 9,675 | 8,601 | 2,303 | 781 | 553 |
266
+ | `steps` | 53,623 | 18,636 | 16,567 | 13,603 | 3,869 | 3,159 |
267
+ | `switch` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 396 |
268
+ | `table` | 118,358 | 37,061 | 32,288 | 45,150 | 12,476 | 10,092 |
269
+ | `tabs` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,292 |
270
+ | `tag` | 42,676 | 15,620 | 13,972 | 8,455 | 2,548 | 2,025 |
271
+ | `textarea` | 43,852 | 14,941 | 13,326 | 5,402 | 1,622 | 1,271 |
272
+ | `time-input` | 169,269 | 52,676 | 45,838 | 48,511 | 12,418 | 9,781 |
273
+ | `time-picker` | 99,603 | 31,517 | 27,728 | 33,933 | 9,190 | 7,178 |
274
+ | `timeline` | 31,286 | 11,863 | 10,638 | 4,061 | 1,259 | 981 |
275
+ | `toast` | 50,871 | 17,940 | 16,020 | 12,124 | 3,529 | 2,769 |
276
+ | `toggle` | 45,577 | 15,270 | 13,576 | 6,007 | 1,799 | 1,303 |
277
+ | `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,299 |
278
+ | `tooltip` | 58,616 | 21,091 | 18,704 | 8,434 | 2,378 | 1,931 |
279
+ | `tour` | 83,670 | 28,722 | 25,379 | 19,815 | 5,458 | 4,358 |
280
+ | `tree` | 67,586 | 22,717 | 20,230 | 17,199 | 4,979 | 3,932 |
281
+ | `trend` | 29,717 | 11,568 | 10,337 | 3,487 | 1,133 | 886 |
282
+ | `video` | 141,208 | 44,137 | 38,490 | 66,217 | 16,841 | 13,759 |
283
+ | `video-playlist` | 127,686 | 41,301 | 36,312 | 42,775 | 11,224 | 9,029 |
284
+ | `virtual-list` | 63,451 | 21,632 | 19,226 | 23,305 | 7,171 | 5,849 |
285
285
 
286
286
  ### Styled tier
287
287
 
@@ -289,112 +289,112 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
289
289
 
290
290
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
291
291
  |---|---|---|---|---|---|---|
292
- | `accordion` | 35,311 | 12,654 | 11,240 | 8,746 | 2,463 | 1,948 |
293
- | `announcement` | 41,307 | 14,365 | 12,832 | 9,278 | 2,489 | 2,024 |
294
- | `app-header` | 37,449 | 13,103 | 11,682 | 11,016 | 3,009 | 2,469 |
295
- | `area-chart` | 98,393 | 33,578 | 29,732 | 22,131 | 6,256 | 5,102 |
296
- | `aura` | 56,085 | 19,320 | 17,131 | 29,774 | 9,335 | 7,842 |
297
- | `avatar` | 33,464 | 12,351 | 11,026 | 6,945 | 2,007 | 1,688 |
298
- | `badge` | 32,595 | 11,821 | 10,551 | 8,438 | 2,177 | 1,852 |
299
- | `bar-chart` | 108,944 | 35,724 | 31,549 | 32,533 | 8,394 | 6,916 |
300
- | `blockquote` | 26,332 | 9,969 | 8,821 | 4,612 | 1,452 | 1,093 |
301
- | `breadcrumbs` | 43,220 | 15,115 | 13,527 | 14,285 | 3,697 | 2,939 |
302
- | `button` | 41,612 | 14,007 | 12,463 | 11,324 | 2,907 | 2,360 |
303
- | `button-group` | 31,138 | 11,066 | 9,809 | 8,409 | 2,229 | 1,770 |
304
- | `callout` | 39,049 | 14,537 | 12,921 | 6,659 | 1,950 | 1,613 |
305
- | `canvas` | 129,523 | 38,717 | 33,827 | 89,611 | 24,897 | 20,993 |
306
- | `card` | 27,678 | 10,059 | 8,913 | 5,976 | 1,650 | 1,408 |
307
- | `carousel` | 53,234 | 17,022 | 15,257 | 25,477 | 6,037 | 4,920 |
308
- | `chat` | 94,674 | 29,166 | 25,830 | 42,730 | 10,859 | 8,815 |
309
- | `checkbox` | 46,865 | 15,190 | 13,511 | 9,580 | 2,503 | 2,019 |
310
- | `checkbox-group` | 54,826 | 17,244 | 15,372 | 15,542 | 4,028 | 3,157 |
311
- | `code` | 21,154 | 8,333 | 7,402 | 976 | 399 | 408 |
312
- | `code-block` | 127,213 | 38,715 | 34,182 | 61,300 | 14,740 | 12,131 |
313
- | `color-input` | 184,176 | 51,349 | 44,929 | 97,504 | 20,559 | 17,115 |
314
- | `color-picker` | 140,348 | 38,508 | 33,859 | 84,177 | 18,389 | 15,176 |
315
- | `combobox` | 147,503 | 44,927 | 39,520 | 51,254 | 12,085 | 9,797 |
316
- | `command` | 110,791 | 33,835 | 29,771 | 41,332 | 10,522 | 8,516 |
317
- | `copy-button` | 92,577 | 29,825 | 26,383 | 30,355 | 7,219 | 5,878 |
318
- | `data-table` | 230,715 | 66,817 | 57,261 | 120,282 | 29,305 | 23,835 |
319
- | `date-input` | 162,349 | 48,216 | 42,392 | 59,336 | 13,196 | 10,800 |
320
- | `date-picker` | 69,281 | 22,363 | 20,013 | 28,250 | 7,010 | 5,726 |
321
- | `description-list` | 25,855 | 9,517 | 8,469 | 4,508 | 1,284 | 1,109 |
322
- | `dialog` | 43,360 | 14,855 | 13,245 | 10,933 | 3,007 | 2,524 |
323
- | `divider` | 25,291 | 9,547 | 8,464 | 3,699 | 1,140 | 979 |
324
- | `donut-chart` | 99,170 | 33,263 | 29,387 | 24,576 | 6,712 | 5,497 |
325
- | `drawer` | 48,725 | 16,508 | 14,719 | 13,512 | 3,708 | 3,050 |
326
- | `drilldown` | 48,438 | 16,235 | 14,490 | 15,378 | 4,052 | 3,224 |
327
- | `empty` | 25,503 | 9,727 | 8,607 | 3,242 | 1,117 | 942 |
328
- | `file-input` | 69,285 | 22,419 | 19,935 | 24,612 | 6,551 | 5,415 |
329
- | `filter-input` | 108,688 | 34,991 | 31,031 | 32,465 | 8,412 | 6,840 |
330
- | `flex` | 25,740 | 9,194 | 8,157 | 4,763 | 1,047 | 878 |
331
- | `format-date` | 30,414 | 11,403 | 10,198 | 4,672 | 1,402 | 1,107 |
332
- | `graph` | 89,037 | 27,081 | 23,844 | 36,528 | 9,184 | 7,506 |
333
- | `grid` | 27,002 | 9,846 | 8,741 | 5,638 | 1,467 | 1,230 |
334
- | `heatmap` | 105,486 | 35,189 | 31,061 | 26,281 | 7,263 | 5,865 |
335
- | `icon` | 83,995 | 28,567 | 24,453 | 60,129 | 20,177 | 16,557 |
336
- | `icon-button` | 43,040 | 13,981 | 12,453 | 12,753 | 2,882 | 2,317 |
337
- | `image` | 26,892 | 9,947 | 8,821 | 5,194 | 1,620 | 1,303 |
338
- | `input` | 50,619 | 17,063 | 15,045 | 11,597 | 3,559 | 2,627 |
292
+ | `accordion` | 35,311 | 12,654 | 11,236 | 8,746 | 2,463 | 1,998 |
293
+ | `announcement` | 41,307 | 14,365 | 12,844 | 9,278 | 2,489 | 2,054 |
294
+ | `app-header` | 37,449 | 13,103 | 11,662 | 11,016 | 3,009 | 2,470 |
295
+ | `area-chart` | 98,393 | 33,578 | 29,660 | 22,131 | 6,256 | 5,025 |
296
+ | `aura` | 56,085 | 19,320 | 17,126 | 29,774 | 9,335 | 7,865 |
297
+ | `avatar` | 33,464 | 12,351 | 11,051 | 6,945 | 2,007 | 1,685 |
298
+ | `badge` | 32,595 | 11,820 | 10,531 | 8,438 | 2,177 | 1,748 |
299
+ | `bar-chart` | 108,944 | 35,724 | 31,568 | 32,533 | 8,394 | 6,820 |
300
+ | `blockquote` | 26,332 | 9,968 | 8,824 | 4,612 | 1,452 | 1,164 |
301
+ | `breadcrumbs` | 43,220 | 15,115 | 13,466 | 14,285 | 3,697 | 3,044 |
302
+ | `button` | 41,612 | 14,007 | 12,441 | 11,324 | 2,907 | 2,346 |
303
+ | `button-group` | 31,138 | 11,066 | 9,805 | 8,409 | 2,230 | 1,841 |
304
+ | `callout` | 39,049 | 14,537 | 12,949 | 6,659 | 1,950 | 1,535 |
305
+ | `canvas` | 129,523 | 38,718 | 33,863 | 89,611 | 24,897 | 20,987 |
306
+ | `card` | 27,678 | 10,060 | 8,915 | 5,976 | 1,650 | 1,363 |
307
+ | `carousel` | 53,234 | 17,022 | 15,256 | 25,477 | 6,038 | 4,946 |
308
+ | `chat` | 94,674 | 29,166 | 25,830 | 42,730 | 10,859 | 8,749 |
309
+ | `checkbox` | 46,865 | 15,190 | 13,516 | 9,580 | 2,503 | 1,920 |
310
+ | `checkbox-group` | 54,826 | 17,244 | 15,360 | 15,542 | 4,028 | 3,169 |
311
+ | `code` | 21,154 | 8,333 | 7,402 | 976 | 399 | 301 |
312
+ | `code-block` | 127,213 | 38,714 | 34,143 | 61,300 | 14,740 | 12,109 |
313
+ | `color-input` | 184,176 | 51,348 | 44,934 | 97,504 | 20,559 | 17,166 |
314
+ | `color-picker` | 140,348 | 38,508 | 33,775 | 84,177 | 18,389 | 15,187 |
315
+ | `combobox` | 147,503 | 44,927 | 39,531 | 51,254 | 12,085 | 9,694 |
316
+ | `command` | 110,791 | 33,835 | 29,880 | 41,332 | 10,522 | 8,545 |
317
+ | `copy-button` | 92,577 | 29,825 | 26,416 | 30,355 | 7,219 | 5,801 |
318
+ | `data-table` | 230,715 | 66,818 | 57,324 | 120,282 | 29,306 | 23,816 |
319
+ | `date-input` | 162,349 | 48,215 | 42,468 | 59,336 | 13,196 | 10,823 |
320
+ | `date-picker` | 69,281 | 22,363 | 20,060 | 28,250 | 7,010 | 5,666 |
321
+ | `description-list` | 25,855 | 9,518 | 8,459 | 4,508 | 1,284 | 1,017 |
322
+ | `dialog` | 43,360 | 14,855 | 13,244 | 10,933 | 3,007 | 2,490 |
323
+ | `divider` | 25,291 | 9,547 | 8,433 | 3,699 | 1,140 | 891 |
324
+ | `donut-chart` | 99,170 | 33,263 | 29,415 | 24,576 | 6,712 | 5,427 |
325
+ | `drawer` | 48,725 | 16,509 | 14,724 | 13,512 | 3,708 | 2,986 |
326
+ | `drilldown` | 48,438 | 16,235 | 14,469 | 15,378 | 4,052 | 3,262 |
327
+ | `empty` | 25,503 | 9,726 | 8,598 | 3,242 | 1,117 | 896 |
328
+ | `file-input` | 69,285 | 22,420 | 19,930 | 24,612 | 6,551 | 5,279 |
329
+ | `filter-input` | 108,688 | 34,990 | 30,999 | 32,465 | 8,412 | 6,787 |
330
+ | `flex` | 25,740 | 9,194 | 8,149 | 4,763 | 1,047 | 850 |
331
+ | `format-date` | 30,414 | 11,403 | 10,189 | 4,672 | 1,402 | 1,050 |
332
+ | `graph` | 89,037 | 27,079 | 23,901 | 36,528 | 9,184 | 7,421 |
333
+ | `grid` | 27,002 | 9,846 | 8,742 | 5,638 | 1,467 | 1,312 |
334
+ | `heatmap` | 105,486 | 35,189 | 31,063 | 26,281 | 7,264 | 5,929 |
335
+ | `icon` | 83,995 | 28,566 | 24,515 | 60,129 | 20,177 | 16,474 |
336
+ | `icon-button` | 43,040 | 13,981 | 12,435 | 12,753 | 2,882 | 2,258 |
337
+ | `image` | 26,892 | 9,947 | 8,792 | 5,194 | 1,620 | 1,337 |
338
+ | `input` | 50,619 | 17,063 | 15,049 | 11,597 | 3,559 | 2,663 |
339
339
  | `isometric-heatmap` | 110,852 | 36,558 | 32,275 | 31,598 | 8,642 | 6,913 |
340
- | `kbd` | 29,504 | 11,110 | 9,797 | 5,494 | 1,685 | 1,325 |
341
- | `legend` | 40,423 | 14,214 | 12,625 | 8,067 | 2,264 | 1,810 |
342
- | `lightbox` | 62,016 | 20,155 | 17,963 | 23,006 | 6,017 | 4,593 |
343
- | `line-chart` | 102,454 | 34,257 | 30,346 | 25,863 | 6,849 | 5,573 |
344
- | `list` | 68,150 | 22,816 | 20,329 | 21,569 | 5,958 | 4,723 |
345
- | `listbox` | 81,154 | 26,542 | 23,438 | 19,994 | 5,703 | 4,506 |
346
- | `loader` | 29,263 | 10,814 | 9,634 | 5,642 | 1,730 | 1,484 |
347
- | `map` | 111,513 | 29,575 | 25,965 | 69,961 | 15,526 | 12,613 |
348
- | `megamenu` | 64,996 | 22,865 | 20,221 | 13,547 | 3,558 | 2,865 |
349
- | `menu` | 108,403 | 34,711 | 30,637 | 41,098 | 10,160 | 8,348 |
350
- | `meter` | 37,896 | 13,378 | 11,969 | 11,050 | 2,820 | 2,508 |
351
- | `navigation` | 36,814 | 13,268 | 11,785 | 7,077 | 2,025 | 1,732 |
352
- | `notifications` | 71,808 | 22,446 | 20,037 | 31,663 | 7,637 | 6,298 |
353
- | `number-input` | 61,253 | 20,024 | 17,839 | 18,491 | 4,850 | 3,805 |
354
- | `object-inspector` | 130,338 | 41,206 | 36,260 | 51,884 | 13,190 | 10,875 |
355
- | `option` | 29,672 | 10,762 | 9,549 | 7,712 | 2,213 | 1,807 |
356
- | `orb` | 35,265 | 13,488 | 12,001 | 9,730 | 3,689 | 3,210 |
357
- | `outline` | 37,846 | 13,459 | 11,935 | 12,073 | 3,491 | 2,776 |
358
- | `pagination` | 153,264 | 46,929 | 40,875 | 62,366 | 15,240 | 12,294 |
359
- | `pin-input` | 50,409 | 17,317 | 15,440 | 10,058 | 3,179 | 2,506 |
360
- | `popover` | 66,958 | 23,702 | 20,976 | 9,509 | 2,658 | 2,152 |
361
- | `progress` | 35,232 | 12,381 | 11,032 | 10,101 | 2,602 | 2,208 |
362
- | `qr-code` | 44,321 | 17,121 | 15,244 | 18,589 | 6,787 | 5,692 |
363
- | `quote` | 23,074 | 9,079 | 8,002 | 1,752 | 733 | 550 |
364
- | `radio` | 50,349 | 15,977 | 14,212 | 11,594 | 2,766 | 2,188 |
365
- | `rating` | 54,190 | 18,519 | 16,487 | 11,946 | 3,671 | 2,932 |
366
- | `sandbox` | 104,428 | 31,484 | 27,587 | 72,147 | 19,289 | 16,253 |
367
- | `scatter-chart` | 100,317 | 33,784 | 29,846 | 25,197 | 6,982 | 5,634 |
368
- | `scroll-area` | 35,437 | 12,025 | 10,693 | 13,489 | 3,582 | 2,900 |
369
- | `select` | 124,418 | 40,070 | 35,154 | 35,147 | 9,067 | 7,122 |
370
- | `skeleton` | 26,090 | 9,664 | 8,592 | 4,738 | 1,432 | 1,201 |
371
- | `skip-link` | 25,441 | 9,852 | 8,716 | 2,780 | 983 | 749 |
372
- | `slider` | 67,842 | 20,140 | 18,033 | 28,108 | 6,184 | 4,977 |
373
- | `sparkline` | 53,442 | 18,851 | 16,828 | 11,421 | 3,519 | 2,958 |
374
- | `speed-dial` | 75,797 | 26,105 | 23,156 | 17,946 | 4,404 | 3,565 |
375
- | `splitter` | 49,804 | 16,210 | 14,530 | 20,431 | 4,937 | 3,943 |
376
- | `stat` | 28,117 | 10,372 | 9,251 | 5,157 | 1,482 | 1,256 |
377
- | `steps` | 67,449 | 21,378 | 19,029 | 27,416 | 6,635 | 5,427 |
378
- | `strands` | 62,138 | 23,148 | 20,404 | 38,015 | 13,797 | 11,914 |
379
- | `switch` | 43,562 | 14,637 | 13,013 | 5,998 | 1,792 | 1,411 |
380
- | `table` | 135,900 | 40,155 | 34,939 | 62,687 | 15,581 | 12,729 |
381
- | `tabs` | 55,263 | 17,753 | 15,836 | 19,437 | 4,783 | 3,907 |
382
- | `tag` | 47,247 | 16,758 | 14,982 | 13,016 | 3,658 | 2,984 |
383
- | `text` | 28,756 | 9,943 | 8,757 | 7,396 | 1,519 | 1,309 |
384
- | `textarea` | 47,785 | 15,949 | 14,227 | 9,318 | 2,677 | 2,198 |
385
- | `time-input` | 193,597 | 56,836 | 49,498 | 72,824 | 16,646 | 13,607 |
386
- | `time-picker` | 111,928 | 33,946 | 29,852 | 46,251 | 11,627 | 9,388 |
387
- | `timeline` | 38,179 | 13,326 | 11,920 | 10,947 | 2,751 | 2,253 |
388
- | `toast` | 58,767 | 19,783 | 17,643 | 20,006 | 5,408 | 4,355 |
389
- | `toggle` | 50,439 | 16,510 | 14,669 | 10,854 | 3,077 | 2,499 |
390
- | `toolbar` | 33,726 | 12,066 | 10,715 | 7,822 | 2,163 | 1,631 |
391
- | `tooltip` | 61,420 | 21,833 | 19,384 | 11,220 | 3,137 | 2,532 |
392
- | `tour` | 93,661 | 30,695 | 27,192 | 29,787 | 7,497 | 6,082 |
393
- | `tree` | 76,275 | 24,651 | 21,953 | 25,874 | 6,942 | 5,599 |
394
- | `trend` | 31,231 | 12,050 | 10,723 | 4,982 | 1,613 | 1,250 |
395
- | `video` | 161,715 | 47,866 | 41,751 | 86,712 | 20,444 | 17,161 |
396
- | `video-playlist` | 143,639 | 44,279 | 38,910 | 58,709 | 14,189 | 11,730 |
397
- | `virtual-list` | 65,445 | 22,136 | 19,637 | 25,282 | 7,676 | 6,296 |
340
+ | `kbd` | 29,504 | 11,110 | 9,838 | 5,494 | 1,685 | 1,342 |
341
+ | `legend` | 40,423 | 14,214 | 12,607 | 8,067 | 2,264 | 1,846 |
342
+ | `lightbox` | 62,016 | 20,155 | 17,964 | 23,006 | 6,017 | 4,683 |
343
+ | `line-chart` | 102,454 | 34,257 | 30,340 | 25,863 | 6,849 | 5,539 |
344
+ | `list` | 68,150 | 22,816 | 20,343 | 21,569 | 5,958 | 4,706 |
345
+ | `listbox` | 81,154 | 26,542 | 23,465 | 19,994 | 5,703 | 4,473 |
346
+ | `loader` | 29,263 | 10,814 | 9,643 | 5,642 | 1,730 | 1,396 |
347
+ | `map` | 111,513 | 29,575 | 25,948 | 69,961 | 15,525 | 12,703 |
348
+ | `megamenu` | 64,996 | 22,865 | 20,305 | 13,547 | 3,558 | 2,813 |
349
+ | `menu` | 108,403 | 34,710 | 30,612 | 41,098 | 10,160 | 8,290 |
350
+ | `meter` | 37,896 | 13,377 | 11,948 | 11,050 | 2,820 | 2,322 |
351
+ | `navigation` | 36,814 | 13,268 | 11,774 | 7,077 | 2,025 | 1,612 |
352
+ | `notifications` | 71,808 | 22,447 | 19,990 | 31,663 | 7,637 | 6,248 |
353
+ | `number-input` | 61,253 | 20,024 | 17,846 | 18,491 | 4,850 | 3,838 |
354
+ | `object-inspector` | 130,338 | 41,206 | 36,258 | 51,884 | 13,190 | 10,666 |
355
+ | `option` | 29,672 | 10,762 | 9,552 | 7,712 | 2,213 | 1,846 |
356
+ | `orb` | 35,265 | 13,488 | 12,001 | 9,730 | 3,689 | 3,108 |
357
+ | `outline` | 37,846 | 13,459 | 11,945 | 12,073 | 3,491 | 2,800 |
358
+ | `pagination` | 153,264 | 46,929 | 40,857 | 62,366 | 15,240 | 12,281 |
359
+ | `pin-input` | 50,409 | 17,316 | 15,449 | 10,058 | 3,179 | 2,402 |
360
+ | `popover` | 66,958 | 23,702 | 20,940 | 9,509 | 2,658 | 2,109 |
361
+ | `progress` | 35,232 | 12,380 | 11,035 | 10,101 | 2,602 | 2,225 |
362
+ | `qr-code` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,736 |
363
+ | `quote` | 23,074 | 9,079 | 8,006 | 1,752 | 733 | 509 |
364
+ | `radio` | 50,349 | 15,977 | 14,203 | 11,594 | 2,766 | 2,213 |
365
+ | `rating` | 54,190 | 18,519 | 16,486 | 11,946 | 3,671 | 2,903 |
366
+ | `sandbox` | 104,428 | 31,486 | 27,640 | 72,147 | 19,289 | 16,119 |
367
+ | `scatter-chart` | 100,317 | 33,785 | 29,869 | 25,197 | 6,982 | 5,771 |
368
+ | `scroll-area` | 35,437 | 12,027 | 10,702 | 13,489 | 3,582 | 2,961 |
369
+ | `select` | 124,418 | 40,070 | 35,154 | 35,147 | 9,067 | 7,129 |
370
+ | `skeleton` | 26,090 | 9,664 | 8,589 | 4,738 | 1,432 | 1,187 |
371
+ | `skip-link` | 25,441 | 9,852 | 8,690 | 2,780 | 983 | 736 |
372
+ | `slider` | 67,842 | 20,140 | 18,005 | 28,108 | 6,184 | 5,032 |
373
+ | `sparkline` | 53,442 | 18,851 | 16,826 | 11,421 | 3,519 | 2,864 |
374
+ | `speed-dial` | 75,797 | 26,105 | 23,139 | 17,946 | 4,404 | 3,516 |
375
+ | `splitter` | 49,804 | 16,210 | 14,531 | 20,431 | 4,937 | 4,039 |
376
+ | `stat` | 28,117 | 10,372 | 9,280 | 5,157 | 1,482 | 1,194 |
377
+ | `steps` | 67,449 | 21,377 | 19,024 | 27,416 | 6,635 | 5,515 |
378
+ | `strands` | 62,138 | 23,148 | 20,396 | 38,015 | 13,797 | 11,910 |
379
+ | `switch` | 43,562 | 14,637 | 13,010 | 5,998 | 1,792 | 1,391 |
380
+ | `table` | 135,900 | 40,155 | 34,934 | 62,687 | 15,581 | 12,776 |
381
+ | `tabs` | 55,263 | 17,753 | 15,835 | 19,437 | 4,783 | 3,841 |
382
+ | `tag` | 47,247 | 16,757 | 14,968 | 13,016 | 3,658 | 2,921 |
383
+ | `text` | 28,756 | 9,943 | 8,755 | 7,396 | 1,519 | 1,235 |
384
+ | `textarea` | 47,785 | 15,949 | 14,228 | 9,318 | 2,677 | 2,078 |
385
+ | `time-input` | 193,597 | 56,836 | 49,504 | 72,824 | 16,646 | 13,498 |
386
+ | `time-picker` | 111,928 | 33,946 | 29,864 | 46,251 | 11,628 | 9,328 |
387
+ | `timeline` | 38,179 | 13,326 | 11,930 | 10,947 | 2,751 | 2,261 |
388
+ | `toast` | 58,767 | 19,784 | 17,637 | 20,006 | 5,408 | 4,422 |
389
+ | `toggle` | 50,439 | 16,510 | 14,668 | 10,854 | 3,077 | 2,438 |
390
+ | `toolbar` | 33,726 | 12,066 | 10,723 | 7,822 | 2,163 | 1,769 |
391
+ | `tooltip` | 61,420 | 21,833 | 19,366 | 11,220 | 3,137 | 2,485 |
392
+ | `tour` | 93,661 | 30,696 | 27,184 | 29,787 | 7,497 | 6,053 |
393
+ | `tree` | 76,275 | 24,651 | 21,972 | 25,874 | 6,942 | 5,517 |
394
+ | `trend` | 31,231 | 12,049 | 10,722 | 4,982 | 1,613 | 1,281 |
395
+ | `video` | 161,715 | 47,866 | 41,707 | 86,712 | 20,444 | 16,977 |
396
+ | `video-playlist` | 143,639 | 44,278 | 38,886 | 58,709 | 14,189 | 11,798 |
397
+ | `virtual-list` | 65,445 | 22,136 | 19,655 | 25,282 | 7,676 | 6,231 |
398
398
 
399
399
  ## What an install adds to `node_modules`
400
400
 
@@ -407,11 +407,11 @@ stripped column shows the bytes we removed.
407
407
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
408
408
  |---|---|---|---|---|
409
409
  | `@fusion.dev/helix-core` | 2,561,244 | 559 | 727,996 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
410
- | `@fusion.dev/helix-headless` | 22,147,132 | 714 | 2,256,499 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
410
+ | `@fusion.dev/helix-headless` | 25,354,104 | 716 | 2,256,499 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
411
411
  | `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
412
412
  | `@fusion.dev/helix-styles` | 121,089 | 6 | 0 | none |
413
413
  | `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
414
- | `@fusion.dev/helix` | 22,136,770 | 966 | 539,177 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
414
+ | `@fusion.dev/helix` | 26,639,279 | 968 | 539,177 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
415
415
 
416
416
  ## Not measured yet
417
417