@fusion.dev/helix-docs 0.210.0 → 0.211.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.
- package/content/building-on-the-headless-tier.mdx +2 -1
- package/content/metrics.mdx +239 -239
- package/dist/sources.generated.js +241 -240
- package/package.json +12 -12
package/content/metrics.mdx
CHANGED
|
@@ -48,7 +48,7 @@ on its own.
|
|
|
48
48
|
|
|
49
49
|
| | Raw | Gzip | Brotli |
|
|
50
50
|
|---|---|---|---|
|
|
51
|
-
| Lit and `@fusion.dev/helix-core` |
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 274,141 | 88,133 | 74,968 |
|
|
52
52
|
|
|
53
53
|
## Whole packages
|
|
54
54
|
|
|
@@ -59,12 +59,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
59
59
|
|
|
60
60
|
| Package | Raw | Gzip | Brotli | |
|
|
61
61
|
|---|---|---|---|---|
|
|
62
|
-
| `@fusion.dev/helix-core` |
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,
|
|
62
|
+
| `@fusion.dev/helix-core` | 273,350 | 87,991 | 74,660 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,483,872 | 415,105 | 311,259 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 56,982 | 18,222 | 15,516 | The whole glyph set. |
|
|
65
65
|
| `@fusion.dev/helix-theme` | 4,030 | 1,791 | 1,560 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
66
66
|
| `fusion_helix_theme_bg.wasm` | 412,026 | 152,920 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
67
|
-
| `@fusion.dev/helix` | 2,
|
|
67
|
+
| `@fusion.dev/helix` | 2,214,432 | 572,209 | 407,890 | Every styled family. |
|
|
68
68
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
69
69
|
|
|
70
70
|
## Stylesheets
|
|
@@ -85,13 +85,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
85
85
|
|
|
86
86
|
## What the numbers say
|
|
87
87
|
|
|
88
|
-
**Most of your first component is the shared runtime.** The median styled family is 19,
|
|
88
|
+
**Most of your first component is the shared runtime.** The median styled family is 19,791 bytes gzipped alone, and it adds 4,563 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 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.
|
|
89
89
|
|
|
90
|
-
Across the 114 styled components, the smallest is `code` at 8,560 bytes gzipped alone, and the largest is `data-table` at 67,
|
|
90
|
+
Across the 114 styled components, the smallest is `code` at 8,560 bytes gzipped alone, and the largest is `data-table` at 67,610. Every family together is 572,209.
|
|
91
91
|
|
|
92
|
-
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
|
|
92
|
+
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 415,105 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 114 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.
|
|
93
93
|
|
|
94
|
-
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 18,
|
|
94
|
+
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 18,413 bytes gzipped alone.
|
|
95
95
|
|
|
96
96
|
## Compared with other systems
|
|
97
97
|
|
|
@@ -103,37 +103,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
103
103
|
|
|
104
104
|
| Component | System | Raw | Gzip | Brotli |
|
|
105
105
|
|---|---|---|---|---|
|
|
106
|
-
| `button` | **Helix** | 42,
|
|
106
|
+
| `button` | **Helix** | 42,754 | 14,406 | 12,823 |
|
|
107
107
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
108
108
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
109
109
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
110
110
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
111
|
-
| `checkbox` | **Helix** | 47,
|
|
111
|
+
| `checkbox` | **Helix** | 47,753 | 15,522 | 13,827 |
|
|
112
112
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
113
113
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
114
114
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
115
115
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
116
|
-
| `dialog` | **Helix** | 44,
|
|
116
|
+
| `dialog` | **Helix** | 44,336 | 15,228 | 13,586 |
|
|
117
117
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
118
118
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
119
119
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
120
120
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
121
|
-
| `radio` | **Helix** | 51,120 | 16,283 | 14,
|
|
121
|
+
| `radio` | **Helix** | 51,120 | 16,283 | 14,490 |
|
|
122
122
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
123
123
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
124
124
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
125
125
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
126
|
-
| `switch` | **Helix** | 44,
|
|
126
|
+
| `switch` | **Helix** | 44,474 | 14,983 | 13,349 |
|
|
127
127
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
128
128
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
129
129
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
130
130
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
131
|
-
| `tabs` | **Helix** | 56,
|
|
131
|
+
| `tabs` | **Helix** | 56,056 | 18,050 | 16,069 |
|
|
132
132
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
133
133
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
134
134
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
135
135
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
136
|
-
| `tooltip` | **Helix** | 62,502 | 22,264 | 19,
|
|
136
|
+
| `tooltip` | **Helix** | 62,502 | 22,264 | 19,750 |
|
|
137
137
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
138
138
|
| | Material Web | | not shipped | |
|
|
139
139
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -213,113 +213,113 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
213
213
|
|
|
214
214
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
215
215
|
|---|---|---|---|---|---|---|
|
|
216
|
-
| `accordion` | 32,671 | 12,094 | 10,
|
|
217
|
-
| `announcement` | 37,661 | 13,
|
|
218
|
-
| `app-header` | 33,168 | 12,240 | 10,
|
|
219
|
-
| `area-chart` | 99,355 | 34,
|
|
220
|
-
| `avatar` | 31,887 | 12,152 | 10,
|
|
221
|
-
| `badge` | 28,118 | 10,943 | 9,778 | 2,961 |
|
|
222
|
-
| `bar-chart` | 107,369 | 37,
|
|
223
|
-
| `blockquote` | 24,679 | 9,637 | 8,
|
|
224
|
-
| `breadcrumbs` | 37,419 | 14,327 | 12,
|
|
225
|
-
| `button` | 36,
|
|
226
|
-
| `button-group` | 28,214 | 10,616 | 9,417 | 4,921 | 1,
|
|
227
|
-
| `callout` | 36,284 | 13,987 | 12,428 | 2,884 |
|
|
228
|
-
| `canvas` |
|
|
229
|
-
| `card` | 24,397 | 9,311 | 8,
|
|
230
|
-
| `carousel` | 45,167 | 16,
|
|
231
|
-
| `chat` | 81,069 | 27,
|
|
232
|
-
| `checkbox` | 41,
|
|
233
|
-
| `checkbox-group` | 48,
|
|
234
|
-
| `code` | 20,869 | 8,247 | 7,309 | 138 |
|
|
235
|
-
| `code-block` | 104,
|
|
236
|
-
| `color-input` | 143,
|
|
237
|
-
| `color-picker` | 105,
|
|
238
|
-
| `combobox` | 133,
|
|
239
|
-
| `command` | 101,
|
|
240
|
-
| `copy-button` | 82,
|
|
241
|
-
| `data-table` | 202,
|
|
242
|
-
| `date-input` | 143,
|
|
243
|
-
| `date-picker` | 63,093 | 21,512 | 19,
|
|
244
|
-
| `description-list` | 23,472 | 8,992 | 7,
|
|
245
|
-
| `dialog` | 39,
|
|
246
|
-
| `divider` | 23,564 | 9,143 | 8,083 | 1,415 |
|
|
247
|
-
| `donut-chart` | 92,673 | 32,264 | 28,
|
|
248
|
-
| `drawer` | 43,
|
|
249
|
-
| `drilldown` | 43,
|
|
250
|
-
| `empty` | 25,007 | 9,577 | 8,
|
|
251
|
-
| `file-input` | 59,
|
|
252
|
-
| `filter-input` | 99,
|
|
253
|
-
| `format-date` | 31,209 | 11,674 | 10,
|
|
254
|
-
| `graph` |
|
|
255
|
-
| `heatmap` | 101,
|
|
256
|
-
| `icon` | 84,375 | 28,942 | 24,
|
|
257
|
-
| `icon-button` | 36,
|
|
258
|
-
| `image` | 26,373 | 9,843 | 8,
|
|
259
|
-
| `input` | 47,
|
|
260
|
-
| `kbd` | 28,084 | 10,
|
|
261
|
-
| `legend` | 39,951 | 14,
|
|
262
|
-
| `lightbox` | 57,138 | 19,379 | 17,
|
|
263
|
-
| `line-chart` | 102,350 | 35,
|
|
264
|
-
| `list` | 62,949 | 21,720 | 19,
|
|
265
|
-
| `listbox` | 78,
|
|
266
|
-
| `loader` | 27,341 | 10,
|
|
267
|
-
| `log` | 80,937 | 27,
|
|
268
|
-
| `map` |
|
|
269
|
-
| `megamenu` | 61,165 | 22,170 | 19,604 | 8,724 | 2,
|
|
270
|
-
| `menu` | 98,
|
|
271
|
-
| `meter` | 32,921 | 12,484 | 11,169 | 4,982 | 1,
|
|
272
|
-
| `motion-toggle` | 26,353 | 10,
|
|
273
|
-
| `navigation` | 33,
|
|
274
|
-
| `notifications` | 59,565 | 20,
|
|
275
|
-
| `number-input` | 57,
|
|
276
|
-
| `object-inspector` | 115,
|
|
277
|
-
| `option` | 27,049 | 9,
|
|
278
|
-
| `outline` | 34,611 | 12,984 | 11,
|
|
279
|
-
| `pagination` | 138,
|
|
280
|
-
| `pin-input` | 48,
|
|
281
|
-
| `popover` | 64,
|
|
282
|
-
| `progress` | 29,235 | 11,152 | 9,
|
|
283
|
-
| `qr-code` | 43,669 | 17,003 | 15,
|
|
284
|
-
| `quote` | 23,088 | 9,111 | 8,047 | 1,210 |
|
|
285
|
-
| `radio` | 43,333 | 14,777 | 13,
|
|
286
|
-
| `rating` | 51,
|
|
287
|
-
| `scatter-chart` | 98,654 | 34,305 | 30,
|
|
288
|
-
| `scroll-area` | 31,294 | 11,
|
|
289
|
-
| `select` | 116,
|
|
290
|
-
| `skeleton` | 22,900 | 8,871 | 7,
|
|
291
|
-
| `skip-link` | 24,547 | 9,607 | 8,
|
|
292
|
-
| `slider` | 54,
|
|
293
|
-
| `sparkline` | 49,258 | 17,
|
|
294
|
-
| `spatial-bar-chart` | 105,
|
|
295
|
-
| `spatial-heatmap` | 117,
|
|
296
|
-
| `spatial-ribbon-chart` | 104,
|
|
297
|
-
| `spatial-scatter-chart` | 102,
|
|
298
|
-
| `spatial-surface-chart` | 105,
|
|
299
|
-
| `spatial-treemap` | 106,
|
|
300
|
-
| `speed-dial` | 69,618 | 25,071 | 22,
|
|
301
|
-
| `splitter` | 45,
|
|
302
|
-
| `stat` | 26,285 | 10,
|
|
303
|
-
| `steps` | 54,
|
|
304
|
-
| `switch` | 40,
|
|
305
|
-
| `table` | 119,
|
|
306
|
-
| `tabs` | 47,
|
|
307
|
-
| `tag` | 43,623 | 15,
|
|
308
|
-
| `terminal` | 73,
|
|
309
|
-
| `textarea` | 44,
|
|
310
|
-
| `time-input` | 170,
|
|
311
|
-
| `time-picker` | 101,
|
|
312
|
-
| `timeline` | 32,429 | 12,280 | 11,
|
|
313
|
-
| `toast` | 52,298 | 18,495 | 16,
|
|
314
|
-
| `toggle` | 46,246 | 15,538 | 13,
|
|
315
|
-
| `toolbar` | 34,
|
|
316
|
-
| `tooltip` | 59,698 | 21,530 | 19,116 | 8,505 | 2,
|
|
317
|
-
| `tour` | 85,
|
|
318
|
-
| `tree` | 68,
|
|
319
|
-
| `trend` | 30,937 | 12,024 | 10,
|
|
320
|
-
| `video` | 143,
|
|
321
|
-
| `video-playlist` |
|
|
322
|
-
| `virtual-list` | 64,
|
|
216
|
+
| `accordion` | 32,671 | 12,094 | 10,729 | 5,378 | 1,578 | 1,296 |
|
|
217
|
+
| `announcement` | 37,661 | 13,708 | 12,285 | 4,701 | 1,373 | 913 |
|
|
218
|
+
| `app-header` | 33,168 | 12,240 | 10,875 | 5,901 | 1,765 | 1,321 |
|
|
219
|
+
| `area-chart` | 99,355 | 34,964 | 30,844 | 14,419 | 4,429 | 3,664 |
|
|
220
|
+
| `avatar` | 31,887 | 12,152 | 10,869 | 4,000 | 1,205 | 978 |
|
|
221
|
+
| `badge` | 28,118 | 10,943 | 9,778 | 2,961 | 872 | 718 |
|
|
222
|
+
| `bar-chart` | 107,369 | 37,635 | 33,224 | 21,900 | 6,904 | 5,776 |
|
|
223
|
+
| `blockquote` | 24,679 | 9,637 | 8,536 | 2,401 | 865 | 609 |
|
|
224
|
+
| `breadcrumbs` | 37,419 | 14,327 | 12,830 | 7,380 | 2,396 | 1,917 |
|
|
225
|
+
| `button` | 36,246 | 12,974 | 11,569 | 5,128 | 1,507 | 1,011 |
|
|
226
|
+
| `button-group` | 28,214 | 10,616 | 9,417 | 4,921 | 1,488 | 1,010 |
|
|
227
|
+
| `callout` | 36,284 | 13,987 | 12,428 | 2,884 | 977 | 747 |
|
|
228
|
+
| `canvas` | 132,509 | 41,860 | 36,393 | 74,272 | 22,545 | 18,675 |
|
|
229
|
+
| `card` | 24,397 | 9,311 | 8,253 | 2,090 | 620 | 491 |
|
|
230
|
+
| `carousel` | 45,167 | 16,072 | 14,391 | 15,328 | 4,270 | 3,272 |
|
|
231
|
+
| `chat` | 81,069 | 27,040 | 23,913 | 27,681 | 8,097 | 6,506 |
|
|
232
|
+
| `checkbox` | 41,267 | 14,019 | 12,514 | 3,107 | 946 | 698 |
|
|
233
|
+
| `checkbox-group` | 48,490 | 15,947 | 14,246 | 8,322 | 2,360 | 1,715 |
|
|
234
|
+
| `code` | 20,869 | 8,247 | 7,309 | 138 | 65 | 48 |
|
|
235
|
+
| `code-block` | 104,799 | 35,639 | 31,431 | 37,343 | 10,701 | 8,874 |
|
|
236
|
+
| `color-input` | 143,769 | 45,821 | 39,952 | 55,774 | 14,321 | 11,674 |
|
|
237
|
+
| `color-picker` | 105,388 | 33,620 | 29,500 | 47,894 | 12,648 | 10,549 |
|
|
238
|
+
| `combobox` | 133,791 | 42,666 | 37,494 | 35,962 | 9,128 | 7,178 |
|
|
239
|
+
| `command` | 101,195 | 32,142 | 28,258 | 30,345 | 8,176 | 6,529 |
|
|
240
|
+
| `copy-button` | 82,250 | 28,300 | 25,087 | 18,753 | 5,092 | 4,110 |
|
|
241
|
+
| `data-table` | 202,050 | 62,206 | 53,204 | 89,960 | 24,102 | 19,186 |
|
|
242
|
+
| `date-input` | 143,074 | 45,179 | 39,721 | 38,660 | 9,437 | 7,604 |
|
|
243
|
+
| `date-picker` | 63,093 | 21,512 | 19,252 | 20,720 | 5,637 | 4,438 |
|
|
244
|
+
| `description-list` | 23,472 | 8,992 | 7,977 | 1,565 | 491 | 326 |
|
|
245
|
+
| `dialog` | 39,200 | 13,971 | 12,446 | 5,948 | 1,773 | 1,347 |
|
|
246
|
+
| `divider` | 23,564 | 9,143 | 8,083 | 1,415 | 478 | 306 |
|
|
247
|
+
| `donut-chart` | 92,673 | 32,264 | 28,541 | 14,719 | 4,496 | 3,605 |
|
|
248
|
+
| `drawer` | 43,837 | 15,482 | 13,794 | 7,799 | 2,283 | 1,789 |
|
|
249
|
+
| `drilldown` | 43,552 | 15,254 | 13,608 | 9,707 | 2,714 | 2,130 |
|
|
250
|
+
| `empty` | 25,007 | 9,577 | 8,499 | 1,976 | 627 | 380 |
|
|
251
|
+
| `file-input` | 59,143 | 20,554 | 18,265 | 13,148 | 4,146 | 3,344 |
|
|
252
|
+
| `filter-input` | 99,603 | 33,496 | 29,761 | 21,571 | 6,195 | 5,018 |
|
|
253
|
+
| `format-date` | 31,209 | 11,674 | 10,464 | 4,475 | 1,268 | 1,006 |
|
|
254
|
+
| `graph` | 96,682 | 30,754 | 27,022 | 28,466 | 8,170 | 6,540 |
|
|
255
|
+
| `heatmap` | 101,760 | 34,694 | 30,629 | 19,070 | 5,624 | 4,468 |
|
|
256
|
+
| `icon` | 84,375 | 28,942 | 24,811 | 59,478 | 20,541 | 16,517 |
|
|
257
|
+
| `icon-button` | 36,357 | 13,003 | 11,587 | 5,237 | 1,548 | 1,085 |
|
|
258
|
+
| `image` | 26,373 | 9,843 | 8,787 | 3,846 | 1,142 | 834 |
|
|
259
|
+
| `input` | 47,074 | 16,180 | 14,351 | 7,006 | 2,252 | 1,669 |
|
|
260
|
+
| `kbd` | 28,084 | 10,787 | 9,577 | 3,516 | 1,084 | 834 |
|
|
261
|
+
| `legend` | 39,951 | 14,499 | 12,907 | 2,765 | 884 | 652 |
|
|
262
|
+
| `lightbox` | 57,138 | 19,379 | 17,216 | 16,760 | 4,640 | 3,591 |
|
|
263
|
+
| `line-chart` | 102,350 | 35,825 | 31,647 | 16,812 | 5,058 | 4,204 |
|
|
264
|
+
| `list` | 62,949 | 21,720 | 19,373 | 15,256 | 4,398 | 3,580 |
|
|
265
|
+
| `listbox` | 78,095 | 25,953 | 22,976 | 15,603 | 4,586 | 3,440 |
|
|
266
|
+
| `loader` | 27,341 | 10,451 | 9,310 | 2,786 | 904 | 646 |
|
|
267
|
+
| `log` | 80,937 | 27,698 | 24,583 | 37,579 | 11,490 | 9,923 |
|
|
268
|
+
| `map` | 105,922 | 32,238 | 27,775 | 45,522 | 11,944 | 9,585 |
|
|
269
|
+
| `megamenu` | 61,165 | 22,170 | 19,604 | 8,724 | 2,433 | 1,701 |
|
|
270
|
+
| `menu` | 98,535 | 32,957 | 29,079 | 30,262 | 8,008 | 6,467 |
|
|
271
|
+
| `meter` | 32,921 | 12,484 | 11,169 | 4,982 | 1,467 | 1,186 |
|
|
272
|
+
| `motion-toggle` | 26,353 | 10,248 | 9,135 | 1,426 | 489 | 308 |
|
|
273
|
+
| `navigation` | 33,886 | 12,735 | 11,325 | 3,365 | 1,120 | 863 |
|
|
274
|
+
| `notifications` | 59,565 | 20,341 | 18,125 | 18,276 | 5,049 | 3,972 |
|
|
275
|
+
| `number-input` | 57,654 | 19,363 | 17,211 | 13,581 | 3,628 | 2,840 |
|
|
276
|
+
| `object-inspector` | 115,922 | 39,005 | 34,279 | 36,012 | 10,265 | 8,384 |
|
|
277
|
+
| `option` | 27,049 | 9,971 | 8,902 | 4,523 | 1,197 | 962 |
|
|
278
|
+
| `outline` | 34,611 | 12,984 | 11,529 | 7,888 | 2,550 | 1,949 |
|
|
279
|
+
| `pagination` | 138,055 | 44,311 | 38,538 | 45,676 | 11,793 | 9,467 |
|
|
280
|
+
| `pin-input` | 48,873 | 17,049 | 15,227 | 7,208 | 2,375 | 1,734 |
|
|
281
|
+
| `popover` | 64,907 | 23,347 | 20,622 | 6,461 | 1,861 | 1,338 |
|
|
282
|
+
| `progress` | 29,235 | 11,152 | 9,990 | 3,007 | 922 | 632 |
|
|
283
|
+
| `qr-code` | 43,669 | 17,003 | 15,172 | 17,003 | 6,246 | 5,229 |
|
|
284
|
+
| `quote` | 23,088 | 9,111 | 8,047 | 1,210 | 490 | 362 |
|
|
285
|
+
| `radio` | 43,333 | 14,777 | 13,151 | 3,815 | 1,198 | 826 |
|
|
286
|
+
| `rating` | 51,618 | 17,784 | 15,856 | 8,058 | 2,452 | 1,864 |
|
|
287
|
+
| `scatter-chart` | 98,654 | 34,305 | 30,263 | 20,340 | 6,375 | 5,190 |
|
|
288
|
+
| `scroll-area` | 31,294 | 11,433 | 10,150 | 8,518 | 2,589 | 2,055 |
|
|
289
|
+
| `select` | 116,744 | 38,724 | 33,960 | 26,153 | 7,183 | 5,479 |
|
|
290
|
+
| `skeleton` | 22,900 | 8,871 | 7,875 | 991 | 372 | 274 |
|
|
291
|
+
| `skip-link` | 24,547 | 9,607 | 8,524 | 1,224 | 455 | 385 |
|
|
292
|
+
| `slider` | 54,667 | 18,413 | 16,484 | 13,625 | 3,856 | 2,949 |
|
|
293
|
+
| `sparkline` | 49,258 | 17,981 | 16,016 | 5,984 | 2,131 | 1,623 |
|
|
294
|
+
| `spatial-bar-chart` | 105,192 | 37,130 | 32,695 | 19,854 | 6,539 | 5,312 |
|
|
295
|
+
| `spatial-heatmap` | 117,114 | 39,973 | 35,159 | 31,741 | 9,490 | 7,830 |
|
|
296
|
+
| `spatial-ribbon-chart` | 104,313 | 36,730 | 32,423 | 20,793 | 6,935 | 5,595 |
|
|
297
|
+
| `spatial-scatter-chart` | 102,546 | 35,987 | 31,770 | 19,087 | 6,272 | 5,133 |
|
|
298
|
+
| `spatial-surface-chart` | 105,468 | 37,269 | 32,824 | 21,949 | 7,438 | 6,108 |
|
|
299
|
+
| `spatial-treemap` | 106,586 | 37,907 | 33,323 | 21,370 | 7,335 | 6,050 |
|
|
300
|
+
| `speed-dial` | 69,618 | 25,071 | 22,210 | 10,935 | 2,945 | 2,229 |
|
|
301
|
+
| `splitter` | 45,096 | 15,643 | 13,988 | 14,504 | 3,863 | 3,060 |
|
|
302
|
+
| `stat` | 26,285 | 10,056 | 8,959 | 2,323 | 747 | 612 |
|
|
303
|
+
| `steps` | 54,951 | 19,122 | 17,037 | 13,805 | 3,906 | 3,040 |
|
|
304
|
+
| `switch` | 40,121 | 13,835 | 12,328 | 1,679 | 606 | 382 |
|
|
305
|
+
| `table` | 119,459 | 37,423 | 32,539 | 45,143 | 12,191 | 9,964 |
|
|
306
|
+
| `tabs` | 47,105 | 16,205 | 14,408 | 10,491 | 2,870 | 2,175 |
|
|
307
|
+
| `tag` | 43,623 | 15,996 | 14,285 | 8,451 | 2,521 | 1,842 |
|
|
308
|
+
| `terminal` | 73,906 | 24,516 | 21,686 | 26,334 | 7,325 | 5,829 |
|
|
309
|
+
| `textarea` | 44,998 | 15,367 | 13,737 | 5,490 | 1,605 | 1,191 |
|
|
310
|
+
| `time-input` | 170,907 | 53,321 | 46,269 | 48,568 | 12,187 | 9,914 |
|
|
311
|
+
| `time-picker` | 101,151 | 32,099 | 28,295 | 33,981 | 9,102 | 7,255 |
|
|
312
|
+
| `timeline` | 32,429 | 12,280 | 11,023 | 4,087 | 1,188 | 966 |
|
|
313
|
+
| `toast` | 52,298 | 18,495 | 16,520 | 12,165 | 3,498 | 2,712 |
|
|
314
|
+
| `toggle` | 46,246 | 15,538 | 13,827 | 6,005 | 1,795 | 1,399 |
|
|
315
|
+
| `toolbar` | 34,370 | 12,799 | 11,427 | 1,366 | 476 | 391 |
|
|
316
|
+
| `tooltip` | 59,698 | 21,530 | 19,116 | 8,505 | 2,373 | 1,876 |
|
|
317
|
+
| `tour` | 85,289 | 29,316 | 25,934 | 20,084 | 5,521 | 4,370 |
|
|
318
|
+
| `tree` | 68,666 | 23,152 | 20,627 | 17,196 | 4,906 | 3,981 |
|
|
319
|
+
| `trend` | 30,937 | 12,024 | 10,725 | 3,592 | 1,101 | 860 |
|
|
320
|
+
| `video` | 143,888 | 45,088 | 39,356 | 66,781 | 16,926 | 13,924 |
|
|
321
|
+
| `video-playlist` | 129,019 | 41,829 | 36,799 | 42,856 | 11,084 | 9,263 |
|
|
322
|
+
| `virtual-list` | 64,407 | 21,918 | 19,504 | 23,394 | 7,202 | 5,793 |
|
|
323
323
|
|
|
324
324
|
### Styled tier
|
|
325
325
|
|
|
@@ -327,120 +327,120 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
327
327
|
|
|
328
328
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
329
329
|
|---|---|---|---|---|---|---|
|
|
330
|
-
| `accordion` | 36,104 | 12,946 | 11,
|
|
331
|
-
| `announcement` | 42,276 | 14,
|
|
332
|
-
| `app-header` | 38,326 | 13,449 |
|
|
333
|
-
| `area-chart` | 107,559 | 36,
|
|
334
|
-
| `aura` | 59,567 | 20,
|
|
335
|
-
| `avatar` | 34,890 | 12,911 | 11,
|
|
336
|
-
| `badge` | 33,626 | 12,189 | 10,864 | 8,459 | 2,
|
|
337
|
-
| `bar-chart` | 122,404 | 40,669 | 35,
|
|
338
|
-
| `blockquote` | 26,905 | 10,
|
|
339
|
-
| `breadcrumbs` | 44,356 | 15,532 | 13,
|
|
340
|
-
| `button` | 42,
|
|
341
|
-
| `button-group` | 31,709 | 11,294 | 10,
|
|
342
|
-
| `callout` | 40,077 | 14,933 | 13,
|
|
343
|
-
| `canvas` |
|
|
344
|
-
| `card` | 28,297 | 10,317 | 9,
|
|
345
|
-
| `carousel` | 55,653 | 17,
|
|
346
|
-
| `chat` | 96,362 | 29,
|
|
347
|
-
| `checkbox` | 47,
|
|
348
|
-
| `checkbox-group` | 55,
|
|
349
|
-
| `code` | 21,726 | 8,560 | 7,
|
|
350
|
-
| `code-block` |
|
|
351
|
-
| `color-input` | 186,
|
|
352
|
-
| `color-picker` | 142,
|
|
353
|
-
| `combobox` | 149,
|
|
354
|
-
| `command` | 112,
|
|
355
|
-
| `copy-button` |
|
|
356
|
-
| `data-table` | 232,
|
|
357
|
-
| `date-input` | 164,
|
|
358
|
-
| `date-picker` | 71,139 | 22,978 | 20,
|
|
359
|
-
| `description-list` | 26,427 | 9,
|
|
360
|
-
| `dialog` | 44,
|
|
361
|
-
| `divider` | 25,863 | 9,771 | 8,
|
|
362
|
-
| `donut-chart` | 102,652 | 34,
|
|
363
|
-
| `drawer` | 49,
|
|
364
|
-
| `drilldown` | 49,
|
|
365
|
-
| `empty` | 26,316 | 10,055 | 8,
|
|
366
|
-
| `file-input` | 70,
|
|
367
|
-
| `filter-input` | 110,
|
|
368
|
-
| `flex` | 26,312 | 9,424 | 8,
|
|
369
|
-
| `format-date` | 31,463 | 11,789 | 10,
|
|
370
|
-
| `graph` |
|
|
371
|
-
| `grid` | 27,762 | 10,
|
|
372
|
-
| `heatmap` | 110,
|
|
373
|
-
| `icon` | 86,410 | 29,545 | 25,
|
|
374
|
-
| `icon-button` |
|
|
375
|
-
| `image` | 27,760 | 10,305 | 9,
|
|
376
|
-
| `input` | 51,
|
|
377
|
-
| `kbd` | 30,078 | 11,327 | 10,
|
|
378
|
-
| `legend` | 45,189 | 15,799 | 14,
|
|
379
|
-
| `lightbox` | 63,432 | 20,710 | 18,
|
|
380
|
-
| `line-chart` | 113,713 | 38,
|
|
381
|
-
| `list` | 69,295 | 23,264 | 20,
|
|
382
|
-
| `listbox` | 82,
|
|
383
|
-
| `loader` | 30,222 | 11,
|
|
384
|
-
| `log` | 92,972 | 30,
|
|
385
|
-
| `map` |
|
|
386
|
-
| `megamenu` | 66,134 | 23,
|
|
387
|
-
| `menu` | 109,
|
|
388
|
-
| `meter` | 39,093 | 13,831 | 12,
|
|
389
|
-
| `motion-toggle` | 27,988 | 10,725 | 9,
|
|
390
|
-
| `navigation` | 37,
|
|
391
|
-
| `notifications` | 73,053 | 22,
|
|
392
|
-
| `number-input` | 62,
|
|
393
|
-
| `object-inspector` |
|
|
394
|
-
| `option` | 30,122 | 10,
|
|
395
|
-
| `orb` | 36,885 | 14,019 | 12,
|
|
396
|
-
| `outline` | 38,845 | 13,846 | 12,
|
|
397
|
-
| `pagination` | 154,
|
|
398
|
-
| `pin-input` | 52,
|
|
399
|
-
| `popover` | 68,
|
|
400
|
-
| `progress` | 36,415 | 12,815 | 11,
|
|
401
|
-
| `qr-code` | 45,270 | 17,490 | 15,
|
|
402
|
-
| `quote` | 23,646 | 9,303 | 8,218 | 1,751 |
|
|
403
|
-
| `radio` | 51,120 | 16,283 | 14,
|
|
404
|
-
| `rating` | 55,
|
|
405
|
-
| `sandbox` | 108,
|
|
406
|
-
| `scatter-chart` | 108,028 | 36,
|
|
407
|
-
| `scroll-area` | 36,301 | 12,383 | 11,024 | 13,508 | 3,
|
|
408
|
-
| `select` | 125,
|
|
409
|
-
| `skeleton` | 26,848 | 9,
|
|
410
|
-
| `skip-link` | 26,118 | 10,114 | 8,
|
|
411
|
-
| `slider` | 69,
|
|
412
|
-
| `sparkline` | 54,716 | 19,
|
|
413
|
-
| `spatial-bar-chart` | 114,
|
|
414
|
-
| `spatial-heatmap` | 126,
|
|
415
|
-
| `spatial-ribbon-chart` | 113,
|
|
416
|
-
| `spatial-scatter-chart` | 111,
|
|
417
|
-
| `spatial-surface-chart` | 113,
|
|
418
|
-
| `spatial-treemap` | 115,
|
|
419
|
-
| `speed-dial` | 76,667 | 26,447 | 23,
|
|
420
|
-
| `splitter` | 51,
|
|
421
|
-
| `stat` | 29,171 | 10,
|
|
422
|
-
| `steps` | 69,
|
|
423
|
-
| `strands` | 63,680 | 23,699 | 20,
|
|
424
|
-
| `switch` | 44,
|
|
425
|
-
| `table` | 136,
|
|
426
|
-
| `tabs` | 56,
|
|
427
|
-
| `tag` | 48,197 | 17,
|
|
428
|
-
| `terminal` |
|
|
429
|
-
| `text` | 29,286 | 10,
|
|
430
|
-
| `textarea` | 48,
|
|
431
|
-
| `time-input` | 195,
|
|
432
|
-
| `time-picker` | 113,
|
|
433
|
-
| `timeline` | 39,321 | 13,742 | 12,
|
|
434
|
-
| `toast` | 60,192 | 20,339 | 18,
|
|
435
|
-
| `toggle` | 51,106 | 16,787 | 14,
|
|
436
|
-
| `toolbar` | 37,
|
|
437
|
-
| `tooltip` | 62,502 | 22,264 | 19,
|
|
438
|
-
| `tour` | 95,
|
|
439
|
-
| `tree` | 77,
|
|
440
|
-
| `trend` | 32,854 | 12,576 | 11,
|
|
441
|
-
| `video` | 164,
|
|
442
|
-
| `video-playlist` | 144,
|
|
443
|
-
| `virtual-list` | 66,
|
|
330
|
+
| `accordion` | 36,104 | 12,946 | 11,522 | 8,795 | 2,443 | 1,902 |
|
|
331
|
+
| `announcement` | 42,276 | 14,774 | 13,214 | 9,297 | 2,465 | 1,938 |
|
|
332
|
+
| `app-header` | 38,326 | 13,449 | 12,000 | 11,046 | 2,980 | 2,446 |
|
|
333
|
+
| `area-chart` | 107,559 | 36,863 | 32,499 | 22,604 | 6,363 | 5,119 |
|
|
334
|
+
| `aura` | 59,567 | 20,251 | 17,925 | 31,768 | 9,503 | 8,123 |
|
|
335
|
+
| `avatar` | 34,890 | 12,911 | 11,553 | 6,988 | 1,973 | 1,571 |
|
|
336
|
+
| `badge` | 33,626 | 12,189 | 10,864 | 8,459 | 2,149 | 1,734 |
|
|
337
|
+
| `bar-chart` | 122,404 | 40,669 | 35,910 | 36,917 | 9,808 | 8,275 |
|
|
338
|
+
| `blockquote` | 26,905 | 10,186 | 9,017 | 4,611 | 1,398 | 1,150 |
|
|
339
|
+
| `breadcrumbs` | 44,356 | 15,532 | 13,846 | 14,305 | 3,645 | 3,048 |
|
|
340
|
+
| `button` | 42,754 | 14,406 | 12,823 | 11,618 | 2,964 | 2,321 |
|
|
341
|
+
| `button-group` | 31,709 | 11,294 | 10,029 | 8,406 | 2,190 | 1,660 |
|
|
342
|
+
| `callout` | 40,077 | 14,933 | 13,293 | 6,659 | 1,925 | 1,526 |
|
|
343
|
+
| `canvas` | 162,733 | 46,984 | 40,849 | 104,142 | 27,544 | 22,900 |
|
|
344
|
+
| `card` | 28,297 | 10,317 | 9,157 | 5,976 | 1,615 | 1,285 |
|
|
345
|
+
| `carousel` | 55,653 | 17,866 | 15,977 | 25,799 | 6,084 | 5,068 |
|
|
346
|
+
| `chat` | 96,362 | 29,761 | 26,379 | 42,960 | 10,721 | 8,741 |
|
|
347
|
+
| `checkbox` | 47,753 | 15,522 | 13,827 | 9,579 | 2,477 | 1,925 |
|
|
348
|
+
| `checkbox-group` | 55,713 | 17,589 | 15,697 | 15,536 | 3,996 | 3,098 |
|
|
349
|
+
| `code` | 21,726 | 8,560 | 7,596 | 976 | 358 | 323 |
|
|
350
|
+
| `code-block` | 131,299 | 39,638 | 34,957 | 63,824 | 14,802 | 12,337 |
|
|
351
|
+
| `color-input` | 186,240 | 52,089 | 45,610 | 98,235 | 20,726 | 17,286 |
|
|
352
|
+
| `color-picker` | 142,414 | 39,182 | 34,391 | 84,910 | 18,374 | 15,299 |
|
|
353
|
+
| `combobox` | 149,145 | 45,617 | 40,115 | 51,299 | 11,924 | 9,818 |
|
|
354
|
+
| `command` | 112,494 | 34,487 | 30,323 | 41,638 | 10,458 | 8,603 |
|
|
355
|
+
| `copy-button` | 96,308 | 30,632 | 27,116 | 32,793 | 7,522 | 6,148 |
|
|
356
|
+
| `data-table` | 232,715 | 67,610 | 57,950 | 120,608 | 29,601 | 23,941 |
|
|
357
|
+
| `date-input` | 164,378 | 48,940 | 43,028 | 59,944 | 13,132 | 10,952 |
|
|
358
|
+
| `date-picker` | 71,139 | 22,978 | 20,577 | 28,748 | 7,135 | 5,690 |
|
|
359
|
+
| `description-list` | 26,427 | 9,731 | 8,654 | 4,508 | 1,225 | 924 |
|
|
360
|
+
| `dialog` | 44,336 | 15,228 | 13,586 | 11,066 | 3,042 | 2,366 |
|
|
361
|
+
| `divider` | 25,863 | 9,771 | 8,636 | 3,698 | 1,123 | 860 |
|
|
362
|
+
| `donut-chart` | 102,652 | 34,413 | 30,417 | 24,675 | 6,729 | 5,506 |
|
|
363
|
+
| `drawer` | 49,667 | 16,868 | 15,068 | 13,613 | 3,715 | 2,959 |
|
|
364
|
+
| `drilldown` | 49,229 | 16,547 | 14,787 | 15,373 | 4,004 | 3,215 |
|
|
365
|
+
| `empty` | 26,316 | 10,055 | 8,915 | 3,267 | 1,069 | 827 |
|
|
366
|
+
| `file-input` | 70,673 | 22,943 | 20,375 | 24,666 | 6,564 | 5,291 |
|
|
367
|
+
| `filter-input` | 110,437 | 35,686 | 31,632 | 32,398 | 8,368 | 6,810 |
|
|
368
|
+
| `flex` | 26,312 | 9,424 | 8,383 | 4,762 | 1,019 | 835 |
|
|
369
|
+
| `format-date` | 31,463 | 11,789 | 10,553 | 4,713 | 1,374 | 1,046 |
|
|
370
|
+
| `graph` | 121,721 | 34,723 | 30,388 | 53,493 | 12,011 | 9,968 |
|
|
371
|
+
| `grid` | 27,762 | 10,137 | 8,991 | 5,654 | 1,434 | 1,272 |
|
|
372
|
+
| `heatmap` | 110,082 | 36,553 | 32,248 | 27,372 | 7,488 | 6,123 |
|
|
373
|
+
| `icon` | 86,410 | 29,545 | 25,341 | 61,333 | 21,080 | 16,895 |
|
|
374
|
+
| `icon-button` | 46,117 | 14,587 | 13,011 | 14,983 | 3,158 | 2,482 |
|
|
375
|
+
| `image` | 27,760 | 10,305 | 9,130 | 5,217 | 1,584 | 1,244 |
|
|
376
|
+
| `input` | 51,329 | 17,268 | 15,263 | 11,244 | 3,371 | 2,476 |
|
|
377
|
+
| `kbd` | 30,078 | 11,327 | 10,002 | 5,492 | 1,632 | 1,209 |
|
|
378
|
+
| `legend` | 45,189 | 15,799 | 14,090 | 7,875 | 2,187 | 1,628 |
|
|
379
|
+
| `lightbox` | 63,432 | 20,710 | 18,417 | 23,035 | 5,969 | 4,618 |
|
|
380
|
+
| `line-chart` | 113,713 | 38,273 | 33,808 | 28,161 | 7,558 | 6,316 |
|
|
381
|
+
| `list` | 69,295 | 23,264 | 20,771 | 21,583 | 5,916 | 4,757 |
|
|
382
|
+
| `listbox` | 82,536 | 27,064 | 23,941 | 20,032 | 5,708 | 4,414 |
|
|
383
|
+
| `loader` | 30,222 | 11,214 | 10,000 | 5,653 | 1,676 | 1,440 |
|
|
384
|
+
| `log` | 92,972 | 30,035 | 26,652 | 49,604 | 13,922 | 11,811 |
|
|
385
|
+
| `map` | 148,344 | 38,741 | 33,438 | 87,931 | 18,621 | 15,201 |
|
|
386
|
+
| `megamenu` | 66,134 | 23,306 | 20,669 | 13,674 | 3,610 | 2,703 |
|
|
387
|
+
| `menu` | 109,460 | 35,103 | 30,904 | 41,175 | 10,056 | 8,452 |
|
|
388
|
+
| `meter` | 39,093 | 13,831 | 12,378 | 11,138 | 2,811 | 2,318 |
|
|
389
|
+
| `motion-toggle` | 27,988 | 10,725 | 9,511 | 3,044 | 948 | 735 |
|
|
390
|
+
| `navigation` | 37,610 | 13,569 | 12,051 | 7,076 | 1,984 | 1,558 |
|
|
391
|
+
| `notifications` | 73,053 | 22,900 | 20,459 | 31,758 | 7,681 | 6,353 |
|
|
392
|
+
| `number-input` | 62,635 | 20,549 | 18,318 | 18,546 | 4,854 | 3,907 |
|
|
393
|
+
| `object-inspector` | 134,358 | 42,027 | 36,946 | 54,433 | 13,330 | 11,049 |
|
|
394
|
+
| `option` | 30,122 | 10,929 | 9,714 | 7,587 | 2,145 | 1,736 |
|
|
395
|
+
| `orb` | 36,885 | 14,019 | 12,486 | 10,017 | 3,720 | 3,036 |
|
|
396
|
+
| `outline` | 38,845 | 13,846 | 12,321 | 12,105 | 3,446 | 2,757 |
|
|
397
|
+
| `pagination` | 154,932 | 47,578 | 41,352 | 62,533 | 15,144 | 12,374 |
|
|
398
|
+
| `pin-input` | 52,253 | 17,958 | 16,020 | 10,571 | 3,285 | 2,525 |
|
|
399
|
+
| `popover` | 68,059 | 24,112 | 21,330 | 9,595 | 2,654 | 2,054 |
|
|
400
|
+
| `progress` | 36,415 | 12,815 | 11,445 | 10,170 | 2,591 | 2,041 |
|
|
401
|
+
| `qr-code` | 45,270 | 17,490 | 15,568 | 18,587 | 6,693 | 5,725 |
|
|
402
|
+
| `quote` | 23,646 | 9,303 | 8,218 | 1,751 | 680 | 564 |
|
|
403
|
+
| `radio` | 51,120 | 16,283 | 14,490 | 11,591 | 2,757 | 2,152 |
|
|
404
|
+
| `rating` | 55,552 | 19,009 | 16,948 | 11,974 | 3,669 | 2,806 |
|
|
405
|
+
| `sandbox` | 108,243 | 32,979 | 28,860 | 74,723 | 20,404 | 17,107 |
|
|
406
|
+
| `scatter-chart` | 108,028 | 36,471 | 32,159 | 29,695 | 8,484 | 6,924 |
|
|
407
|
+
| `scroll-area` | 36,301 | 12,383 | 11,024 | 13,508 | 3,559 | 2,867 |
|
|
408
|
+
| `select` | 125,871 | 40,636 | 35,574 | 35,265 | 9,035 | 7,319 |
|
|
409
|
+
| `skeleton` | 26,848 | 9,947 | 8,863 | 4,755 | 1,370 | 1,059 |
|
|
410
|
+
| `skip-link` | 26,118 | 10,114 | 8,949 | 2,779 | 943 | 735 |
|
|
411
|
+
| `slider` | 69,630 | 20,731 | 18,548 | 28,574 | 6,256 | 5,002 |
|
|
412
|
+
| `sparkline` | 54,716 | 19,330 | 17,212 | 11,424 | 3,467 | 2,899 |
|
|
413
|
+
| `spatial-bar-chart` | 114,257 | 39,177 | 34,480 | 28,901 | 8,495 | 7,069 |
|
|
414
|
+
| `spatial-heatmap` | 126,853 | 42,151 | 37,017 | 41,460 | 11,624 | 9,750 |
|
|
415
|
+
| `spatial-ribbon-chart` | 113,229 | 38,747 | 34,142 | 29,691 | 8,873 | 7,479 |
|
|
416
|
+
| `spatial-scatter-chart` | 111,526 | 37,970 | 33,464 | 28,039 | 8,177 | 6,792 |
|
|
417
|
+
| `spatial-surface-chart` | 113,903 | 39,174 | 34,575 | 30,366 | 9,264 | 7,795 |
|
|
418
|
+
| `spatial-treemap` | 115,605 | 39,964 | 35,203 | 30,369 | 9,291 | 7,855 |
|
|
419
|
+
| `speed-dial` | 76,667 | 26,447 | 23,502 | 17,968 | 4,384 | 3,636 |
|
|
420
|
+
| `splitter` | 51,146 | 16,693 | 14,961 | 20,540 | 4,946 | 4,060 |
|
|
421
|
+
| `stat` | 29,171 | 10,751 | 9,614 | 5,194 | 1,456 | 1,255 |
|
|
422
|
+
| `steps` | 69,031 | 21,904 | 19,519 | 27,874 | 6,772 | 5,622 |
|
|
423
|
+
| `strands` | 63,680 | 23,699 | 20,881 | 38,176 | 13,668 | 11,983 |
|
|
424
|
+
| `switch` | 44,474 | 14,983 | 13,349 | 6,021 | 1,742 | 1,330 |
|
|
425
|
+
| `table` | 136,999 | 40,482 | 35,306 | 62,686 | 15,369 | 12,663 |
|
|
426
|
+
| `tabs` | 56,056 | 18,050 | 16,069 | 19,435 | 4,742 | 3,857 |
|
|
427
|
+
| `tag` | 48,197 | 17,123 | 15,318 | 13,012 | 3,643 | 2,787 |
|
|
428
|
+
| `terminal` | 100,776 | 28,316 | 25,109 | 53,196 | 11,115 | 9,150 |
|
|
429
|
+
| `text` | 29,286 | 10,210 | 9,019 | 7,183 | 1,478 | 1,195 |
|
|
430
|
+
| `textarea` | 48,930 | 16,379 | 14,618 | 9,404 | 2,647 | 2,024 |
|
|
431
|
+
| `time-input` | 195,162 | 57,477 | 49,979 | 72,808 | 16,519 | 13,578 |
|
|
432
|
+
| `time-picker` | 113,350 | 34,517 | 30,384 | 46,174 | 11,414 | 9,346 |
|
|
433
|
+
| `timeline` | 39,321 | 13,742 | 12,315 | 10,975 | 2,705 | 2,159 |
|
|
434
|
+
| `toast` | 60,192 | 20,339 | 18,134 | 20,047 | 5,406 | 4,278 |
|
|
435
|
+
| `toggle` | 51,106 | 16,787 | 14,949 | 10,853 | 3,041 | 2,456 |
|
|
436
|
+
| `toolbar` | 37,051 | 13,295 | 11,860 | 4,030 | 974 | 772 |
|
|
437
|
+
| `tooltip` | 62,502 | 22,264 | 19,750 | 11,291 | 3,118 | 2,420 |
|
|
438
|
+
| `tour` | 95,381 | 31,306 | 27,696 | 30,157 | 7,605 | 6,140 |
|
|
439
|
+
| `tree` | 77,354 | 25,060 | 22,291 | 25,869 | 6,887 | 5,674 |
|
|
440
|
+
| `trend` | 32,854 | 12,576 | 11,243 | 5,489 | 1,639 | 1,252 |
|
|
441
|
+
| `video` | 164,391 | 48,822 | 42,489 | 87,272 | 20,669 | 17,169 |
|
|
442
|
+
| `video-playlist` | 144,967 | 44,809 | 39,383 | 58,785 | 14,038 | 11,901 |
|
|
443
|
+
| `virtual-list` | 66,401 | 22,420 | 19,965 | 25,371 | 7,666 | 6,413 |
|
|
444
444
|
|
|
445
445
|
## What an install adds to `node_modules`
|
|
446
446
|
|
|
@@ -453,12 +453,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
453
453
|
|
|
454
454
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
455
455
|
|---|---|---|---|---|
|
|
456
|
-
| `@fusion.dev/helix-core` | 2,
|
|
457
|
-
| `@fusion.dev/helix-headless` | 24,
|
|
456
|
+
| `@fusion.dev/helix-core` | 2,247,165 | 601 | 814,517 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
457
|
+
| `@fusion.dev/helix-headless` | 24,251,483 | 778 | 2,556,298 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
458
458
|
| `@fusion.dev/helix-icons` | 154,507 | 21 | 50,303 | `svgo` |
|
|
459
459
|
| `@fusion.dev/helix-styles` | 122,391 | 6 | 0 | none |
|
|
460
460
|
| `@fusion.dev/helix-theme` | 453,157 | 8 | 6,257 | none |
|
|
461
|
-
| `@fusion.dev/helix` | 24,
|
|
461
|
+
| `@fusion.dev/helix` | 24,895,631 | 1,029 | 570,194 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
462
462
|
|
|
463
463
|
## Not measured yet
|
|
464
464
|
|