@fusion.dev/helix-docs 0.39.0 → 0.41.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/metrics.mdx +205 -205
- package/dist/sources.generated.js +205 -205
- package/package.json +3 -3
package/content/metrics.mdx
CHANGED
|
@@ -47,7 +47,7 @@ nobody ever downloads this floor on its own.
|
|
|
47
47
|
|
|
48
48
|
| | Raw | Gzip | Brotli |
|
|
49
49
|
|---|---|---|---|
|
|
50
|
-
| Lit and `@fusion.dev/helix-core` | 146,
|
|
50
|
+
| Lit and `@fusion.dev/helix-core` | 146,391 | 48,423 | 40,926 |
|
|
51
51
|
|
|
52
52
|
## Whole packages
|
|
53
53
|
|
|
@@ -58,11 +58,11 @@ repository does that. The per-component tables are what a page pays.
|
|
|
58
58
|
|
|
59
59
|
| Package | Raw | Gzip | Brotli | |
|
|
60
60
|
|---|---|---|---|---|
|
|
61
|
-
| `@fusion.dev/helix-core` | 145,
|
|
62
|
-
| `@fusion.dev/helix-headless` | 601,
|
|
61
|
+
| `@fusion.dev/helix-core` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 601,762 | 155,903 | 121,345 | 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,073,
|
|
65
|
+
| `@fusion.dev/helix` | 1,073,988 | 251,588 | 184,188 | Every styled family. |
|
|
66
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
67
67
|
|
|
68
68
|
## The stylesheets
|
|
@@ -83,11 +83,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
83
83
|
|
|
84
84
|
## What the numbers say
|
|
85
85
|
|
|
86
|
-
**Most of a first component is the runtime under it.** The median styled family is 18,751 bytes gzipped alone and adds 2,
|
|
86
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,751 bytes gzipped alone and adds 2,228 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
87
87
|
|
|
88
|
-
Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,002, over 100 components. Every family at once is 251,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,002, over 100 components. Every family at once is 251,588.
|
|
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 155,
|
|
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 155,903 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
|
|
91
91
|
|
|
92
92
|
The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 20,532 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -126,7 +126,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
|
|
|
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,
|
|
129
|
+
| `tabs` | **Helix** | 41,576 | 12,738 | 11,235 |
|
|
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 |
|
|
@@ -182,100 +182,100 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
182
182
|
|
|
183
183
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
184
184
|
|---|---|---|---|---|---|---|
|
|
185
|
-
| `accordion` | 79,692 | 26,691 | 21,871 | 2,875 |
|
|
186
|
-
| `announcement` | 76,867 | 25,712 | 21,074 | 1,349 |
|
|
187
|
-
| `app-header` | 28,914 | 9,728 | 8,566 | 1,248 |
|
|
188
|
-
| `area-chart` | 74,
|
|
189
|
-
| `avatar` | 30,963 | 10,323 | 9,124 | 3,257 |
|
|
190
|
-
| `badge` | 28,449 | 9,658 | 8,518 | 1,162 |
|
|
191
|
-
| `bar-chart` | 76,
|
|
192
|
-
| `blockquote` | 28,302 | 9,619 | 8,469 | 892 |
|
|
193
|
-
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 448 |
|
|
194
|
-
| `button` | 32,931 | 10,864 | 9,570 | 3,137 |
|
|
195
|
-
| `button-group` | 28,320 | 9,574 | 8,438 | 661 |
|
|
196
|
-
| `callout` | 75,643 | 25,209 | 20,789 | 912 |
|
|
197
|
-
| `card` | 28,354 | 9,585 | 8,456 | 694 |
|
|
198
|
-
| `carousel` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,
|
|
199
|
-
| `chat` | 99,001 | 32,944 | 27,083 | 17,663 | 5,
|
|
200
|
-
| `checkbox` | 36,296 | 11,600 | 10,225 | 2,306 |
|
|
201
|
-
| `checkbox-group` | 39,310 | 12,249 | 10,811 | 4,801 | 1,
|
|
202
|
-
| `code` | 26,939 | 9,155 | 8,083 | 451 |
|
|
203
|
-
| `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,
|
|
204
|
-
| `color-input` | 134,317 | 43,626 | 36,666 | 25,050 | 6,
|
|
205
|
-
| `color-picker` | 101,842 | 32,936 | 27,149 | 19,424 | 5,
|
|
206
|
-
| `combobox` | 132,105 | 42,688 | 35,815 | 20,188 | 5,
|
|
207
|
-
| `command` | 102,549 | 32,630 | 26,720 | 17,560 | 4,
|
|
208
|
-
| `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,
|
|
209
|
-
| `data-table` | 169,991 | 52,589 | 44,430 | 54,804 | 13,
|
|
210
|
-
| `date-input` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 |
|
|
211
|
-
| `date-picker` | 87,537 | 28,957 | 23,818 | 9,997 | 2,
|
|
212
|
-
| `description-list` | 28,423 | 9,527 | 8,382 | 1,132 | 193 |
|
|
213
|
-
| `dialog` | 31,972 | 10,617 | 9,373 | 2,717 |
|
|
214
|
-
| `divider` | 28,499 | 9,689 | 8,514 | 1,090 |
|
|
215
|
-
| `donut-chart` | 72,
|
|
216
|
-
| `drawer` | 30,725 | 10,248 | 9,003 | 1,761 |
|
|
217
|
-
| `drilldown` | 83,015 | 27,571 | 22,520 | 5,688 | 1,
|
|
218
|
-
| `empty` | 28,476 | 9,627 | 8,480 | 816 |
|
|
219
|
-
| `file-input` | 86,778 | 28,646 | 23,453 | 6,008 | 1,
|
|
220
|
-
| `filter-input` | 143,157 | 45,564 | 38,275 | 28,036 | 6,
|
|
221
|
-
| `format-date` | 31,933 | 10,735 | 9,531 | 2,867 |
|
|
222
|
-
| `heatmap` | 73,
|
|
223
|
-
| `icon` | 75,148 | 25,011 | 20,602 | 952 |
|
|
224
|
-
| `icon-button` | 33,330 | 10,895 | 9,581 | 3,536 |
|
|
225
|
-
| `image` | 30,493 | 10,124 | 8,925 | 3,156 |
|
|
226
|
-
| `input` | 86,204 | 28,322 | 23,173 | 4,734 | 1,
|
|
227
|
-
| `kbd` | 30,274 | 10,347 | 9,127 | 2,976 | 1,
|
|
228
|
-
| `legend` | 32,
|
|
229
|
-
| `line-chart` | 74,
|
|
230
|
-
| `list` | 29,375 | 9,761 | 8,590 | 1,725 |
|
|
231
|
-
| `listbox` | 94,300 | 30,776 | 25,135 | 10,797 | 2,
|
|
232
|
-
| `loader` | 28,560 | 9,692 | 8,541 | 900 |
|
|
233
|
-
| `megamenu` | 58,768 | 20,368 | 17,992 | 4,941 | 1,
|
|
234
|
-
| `menu` | 114,129 | 38,571 | 32,277 | 8,835 | 2,
|
|
235
|
-
| `meter` | 31,750 | 10,542 | 9,305 | 4,099 | 1,
|
|
236
|
-
| `navigation` | 30,198 | 10,204 | 9,007 | 1,361 |
|
|
237
|
-
| `notifications` | 91,023 | 29,582 | 24,302 | 11,898 | 2,
|
|
238
|
-
| `number-input` | 88,557 | 28,958 | 23,717 | 7,174 | 1,
|
|
239
|
-
| `object-inspector` | 128,435 | 42,882 | 36,093 | 19,307 | 5,
|
|
240
|
-
| `option` | 30,453 | 10,083 | 8,880 | 2,796 | 624 |
|
|
241
|
-
| `outline` | 33,522 | 11,334 | 10,012 | 4,633 | 1,
|
|
242
|
-
| `pagination` | 136,324 | 43,398 | 36,437 | 27,007 | 6,
|
|
243
|
-
| `pin-input` | 38,949 | 12,440 | 10,965 | 5,038 | 1,
|
|
244
|
-
| `popover` | 55,974 | 19,594 | 17,352 | 1,901 |
|
|
245
|
-
| `progress` | 29,601 | 9,965 | 8,807 | 1,951 |
|
|
246
|
-
| `qr-code` | 40,248 | 13,998 | 12,337 | 12,981 | 4,
|
|
247
|
-
| `quote` | 27,843 | 9,447 | 8,286 | 552 |
|
|
248
|
-
| `radio` | 37,619 | 11,905 | 10,521 | 3,114 |
|
|
249
|
-
| `rating` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,
|
|
250
|
-
| `scatter-chart` |
|
|
251
|
-
| `scroll-area` | 30,086 | 10,129 | 8,898 | 2,743 |
|
|
252
|
-
| `select` | 124,492 | 40,858 | 34,227 | 15,301 | 3,
|
|
253
|
-
| `skeleton` | 27,032 | 9,189 | 8,101 | 544 |
|
|
254
|
-
| `skip-link` | 28,515 | 9,709 | 8,546 | 1,226 | 385 |
|
|
255
|
-
| `slider` | 39,332 | 12,455 | 11,004 | 5,177 | 1,
|
|
256
|
-
| `sparkline` | 34,678 | 11,828 | 10,448 | 2,559 |
|
|
257
|
-
| `speed-dial` | 105,779 | 36,229 | 30,429 | 3,743 |
|
|
258
|
-
| `splitter` | 37,761 | 12,098 | 10,719 | 9,967 | 2,
|
|
259
|
-
| `stat` | 28,808 | 9,623 | 8,469 | 1,148 | 201 |
|
|
260
|
-
| `steps` | 84,636 | 27,790 | 22,788 | 6,293 | 1,
|
|
261
|
-
| `switch` | 35,811 | 11,505 | 10,179 | 1,699 |
|
|
262
|
-
| `table` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,
|
|
263
|
-
| `tabs` | 35,
|
|
264
|
-
| `tag` | 75,927 | 25,307 | 20,762 | 897 |
|
|
265
|
-
| `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,
|
|
266
|
-
| `time-input` | 142,479 | 45,399 | 38,105 | 27,951 | 6,
|
|
267
|
-
| `time-picker` | 102,855 | 33,278 | 27,328 | 18,808 | 5,
|
|
268
|
-
| `timeline` | 76,459 | 25,298 | 20,882 | 1,894 |
|
|
269
|
-
| `toast` | 79,658 | 26,392 | 21,676 | 4,005 | 949 |
|
|
270
|
-
| `toggle` | 39,581 | 12,488 | 11,019 | 3,535 |
|
|
271
|
-
| `toolbar` | 30,362 | 10,282 | 9,077 | 2,933 |
|
|
272
|
-
| `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,
|
|
273
|
-
| `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,
|
|
274
|
-
| `tree` | 86,278 | 28,485 | 23,323 | 7,177 | 1,
|
|
275
|
-
| `trend` | 75,252 | 25,074 | 20,688 | 1,056 |
|
|
276
|
-
| `video` | 139,429 | 44,864 | 37,871 | 33,883 | 8,
|
|
277
|
-
| `video-playlist` | 121,666 | 40,175 | 33,699 | 14,968 | 3,
|
|
278
|
-
| `virtual-list` | 34,078 | 11,491 | 10,121 | 2,485 |
|
|
185
|
+
| `accordion` | 79,692 | 26,691 | 21,871 | 2,875 | 768 | 596 |
|
|
186
|
+
| `announcement` | 76,867 | 25,712 | 21,074 | 1,349 | 379 | 329 |
|
|
187
|
+
| `app-header` | 28,914 | 9,728 | 8,566 | 1,248 | 320 | 182 |
|
|
188
|
+
| `area-chart` | 74,753 | 25,596 | 22,590 | 11,067 | 3,418 | 2,759 |
|
|
189
|
+
| `avatar` | 30,963 | 10,323 | 9,124 | 3,257 | 929 | 652 |
|
|
190
|
+
| `badge` | 28,449 | 9,658 | 8,518 | 1,162 | 301 | 192 |
|
|
191
|
+
| `bar-chart` | 76,381 | 25,951 | 22,937 | 12,701 | 3,780 | 3,076 |
|
|
192
|
+
| `blockquote` | 28,302 | 9,619 | 8,469 | 892 | 233 | 257 |
|
|
193
|
+
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 375 |
|
|
194
|
+
| `button` | 32,931 | 10,864 | 9,570 | 3,137 | 832 | 676 |
|
|
195
|
+
| `button-group` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
|
|
196
|
+
| `callout` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
|
|
197
|
+
| `card` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
|
|
198
|
+
| `carousel` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,837 |
|
|
199
|
+
| `chat` | 99,001 | 32,944 | 27,083 | 17,663 | 5,142 | 4,229 |
|
|
200
|
+
| `checkbox` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
|
|
201
|
+
| `checkbox-group` | 39,310 | 12,249 | 10,811 | 4,801 | 1,267 | 908 |
|
|
202
|
+
| `code` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
|
|
203
|
+
| `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
|
|
204
|
+
| `color-input` | 134,317 | 43,626 | 36,666 | 25,050 | 6,498 | 5,463 |
|
|
205
|
+
| `color-picker` | 101,842 | 32,936 | 27,149 | 19,424 | 5,238 | 4,522 |
|
|
206
|
+
| `combobox` | 132,105 | 42,688 | 35,815 | 20,188 | 5,023 | 4,079 |
|
|
207
|
+
| `command` | 102,549 | 32,630 | 26,720 | 17,560 | 4,515 | 3,671 |
|
|
208
|
+
| `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
|
|
209
|
+
| `data-table` | 169,991 | 52,589 | 44,430 | 54,804 | 13,929 | 11,562 |
|
|
210
|
+
| `date-input` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 4,029 |
|
|
211
|
+
| `date-picker` | 87,537 | 28,957 | 23,818 | 9,997 | 2,826 | 2,277 |
|
|
212
|
+
| `description-list` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 183 |
|
|
213
|
+
| `dialog` | 31,972 | 10,617 | 9,373 | 2,717 | 820 | 574 |
|
|
214
|
+
| `divider` | 28,499 | 9,689 | 8,514 | 1,090 | 288 | 232 |
|
|
215
|
+
| `donut-chart` | 72,531 | 24,557 | 21,730 | 10,284 | 3,044 | 2,491 |
|
|
216
|
+
| `drawer` | 30,725 | 10,248 | 9,003 | 1,761 | 476 | 406 |
|
|
217
|
+
| `drilldown` | 83,015 | 27,571 | 22,520 | 5,688 | 1,526 | 1,142 |
|
|
218
|
+
| `empty` | 28,476 | 9,627 | 8,480 | 816 | 192 | 113 |
|
|
219
|
+
| `file-input` | 86,778 | 28,646 | 23,453 | 6,008 | 1,700 | 1,407 |
|
|
220
|
+
| `filter-input` | 143,157 | 45,564 | 38,275 | 28,036 | 6,800 | 5,613 |
|
|
221
|
+
| `format-date` | 31,933 | 10,735 | 9,531 | 2,867 | 711 | 560 |
|
|
222
|
+
| `heatmap` | 73,736 | 24,750 | 21,934 | 11,365 | 3,222 | 2,571 |
|
|
223
|
+
| `icon` | 75,148 | 25,011 | 20,602 | 952 | 217 | 176 |
|
|
224
|
+
| `icon-button` | 33,330 | 10,895 | 9,581 | 3,536 | 868 | 598 |
|
|
225
|
+
| `image` | 30,493 | 10,124 | 8,925 | 3,156 | 831 | 662 |
|
|
226
|
+
| `input` | 86,204 | 28,322 | 23,173 | 4,734 | 1,302 | 1,021 |
|
|
227
|
+
| `kbd` | 30,274 | 10,347 | 9,127 | 2,976 | 1,047 | 796 |
|
|
228
|
+
| `legend` | 32,257 | 10,820 | 9,494 | 1,137 | 309 | 221 |
|
|
229
|
+
| `line-chart` | 74,348 | 25,309 | 22,425 | 10,746 | 3,166 | 2,597 |
|
|
230
|
+
| `list` | 29,375 | 9,761 | 8,590 | 1,725 | 348 | 323 |
|
|
231
|
+
| `listbox` | 94,300 | 30,776 | 25,135 | 10,797 | 2,976 | 2,381 |
|
|
232
|
+
| `loader` | 28,560 | 9,692 | 8,541 | 900 | 231 | 173 |
|
|
233
|
+
| `megamenu` | 58,768 | 20,368 | 17,992 | 4,941 | 1,364 | 1,026 |
|
|
234
|
+
| `menu` | 114,129 | 38,571 | 32,277 | 8,835 | 2,252 | 1,782 |
|
|
235
|
+
| `meter` | 31,750 | 10,542 | 9,305 | 4,099 | 1,058 | 917 |
|
|
236
|
+
| `navigation` | 30,198 | 10,204 | 9,007 | 1,361 | 373 | 207 |
|
|
237
|
+
| `notifications` | 91,023 | 29,582 | 24,302 | 11,898 | 2,827 | 2,292 |
|
|
238
|
+
| `number-input` | 88,557 | 28,958 | 23,717 | 7,174 | 1,935 | 1,459 |
|
|
239
|
+
| `object-inspector` | 128,435 | 42,882 | 36,093 | 19,307 | 5,179 | 4,338 |
|
|
240
|
+
| `option` | 30,453 | 10,083 | 8,880 | 2,796 | 624 | 435 |
|
|
241
|
+
| `outline` | 33,522 | 11,334 | 10,012 | 4,633 | 1,428 | 1,084 |
|
|
242
|
+
| `pagination` | 136,324 | 43,398 | 36,437 | 27,007 | 6,304 | 5,177 |
|
|
243
|
+
| `pin-input` | 38,949 | 12,440 | 10,965 | 5,038 | 1,509 | 1,159 |
|
|
244
|
+
| `popover` | 55,974 | 19,594 | 17,352 | 1,901 | 524 | 404 |
|
|
245
|
+
| `progress` | 29,601 | 9,965 | 8,807 | 1,951 | 494 | 412 |
|
|
246
|
+
| `qr-code` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
|
|
247
|
+
| `quote` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
|
|
248
|
+
| `radio` | 37,619 | 11,905 | 10,521 | 3,114 | 818 | 620 |
|
|
249
|
+
| `rating` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,289 |
|
|
250
|
+
| `scatter-chart` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
|
|
251
|
+
| `scroll-area` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
|
|
252
|
+
| `select` | 124,492 | 40,858 | 34,227 | 15,301 | 3,910 | 3,091 |
|
|
253
|
+
| `skeleton` | 27,032 | 9,189 | 8,101 | 544 | 115 | 33 |
|
|
254
|
+
| `skip-link` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 241 |
|
|
255
|
+
| `slider` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
|
|
256
|
+
| `sparkline` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
|
|
257
|
+
| `speed-dial` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
|
|
258
|
+
| `splitter` | 37,761 | 12,098 | 10,719 | 9,967 | 2,533 | 2,090 |
|
|
259
|
+
| `stat` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
|
|
260
|
+
| `steps` | 84,636 | 27,790 | 22,788 | 6,293 | 1,520 | 1,201 |
|
|
261
|
+
| `switch` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
|
|
262
|
+
| `table` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,172 |
|
|
263
|
+
| `tabs` | 35,337 | 11,462 | 10,107 | 4,150 | 925 | 695 |
|
|
264
|
+
| `tag` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
|
|
265
|
+
| `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
|
|
266
|
+
| `time-input` | 142,479 | 45,399 | 38,105 | 27,951 | 6,979 | 5,892 |
|
|
267
|
+
| `time-picker` | 102,855 | 33,278 | 27,328 | 18,808 | 5,122 | 4,264 |
|
|
268
|
+
| `timeline` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
|
|
269
|
+
| `toast` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
|
|
270
|
+
| `toggle` | 39,581 | 12,488 | 11,019 | 3,535 | 923 | 662 |
|
|
271
|
+
| `toolbar` | 30,362 | 10,282 | 9,077 | 2,933 | 946 | 625 |
|
|
272
|
+
| `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,810 | 1,412 |
|
|
273
|
+
| `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,772 | 2,295 |
|
|
274
|
+
| `tree` | 86,278 | 28,485 | 23,323 | 7,177 | 1,975 | 1,567 |
|
|
275
|
+
| `trend` | 75,252 | 25,074 | 20,688 | 1,056 | 281 | 277 |
|
|
276
|
+
| `video` | 139,429 | 44,864 | 37,871 | 33,883 | 8,223 | 7,069 |
|
|
277
|
+
| `video-playlist` | 121,666 | 40,175 | 33,699 | 14,968 | 3,504 | 2,924 |
|
|
278
|
+
| `virtual-list` | 34,078 | 11,491 | 10,121 | 2,485 | 757 | 620 |
|
|
279
279
|
|
|
280
280
|
### Styled tier
|
|
281
281
|
|
|
@@ -283,106 +283,106 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
283
283
|
|
|
284
284
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
285
285
|
|---|---|---|---|---|---|---|
|
|
286
|
-
| `accordion` | 83,034 | 27,511 | 22,563 | 6,204 | 1,
|
|
287
|
-
| `announcement` | 81,276 | 26,717 | 21,919 | 5,742 | 1,
|
|
288
|
-
| `app-header` | 32,804 | 10,623 | 9,384 | 5,121 | 1,
|
|
289
|
-
| `area-chart` |
|
|
290
|
-
| `aura` | 90,954 | 31,621 | 27,396 | 62,506 | 21,
|
|
291
|
-
| `avatar` | 34,548 | 11,085 | 9,786 | 6,832 | 1,
|
|
292
|
-
| `badge` | 31,553 | 10,365 | 9,117 | 4,249 | 1,
|
|
293
|
-
| `bar-chart` |
|
|
294
|
-
| `blockquote` | 29,458 | 9,907 | 8,725 | 2,032 |
|
|
295
|
-
| `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,
|
|
296
|
-
| `button` | 39,024 | 11,977 | 10,549 | 9,212 | 1,
|
|
297
|
-
| `button-group` | 29,996 | 9,950 | 8,778 | 2,320 |
|
|
298
|
-
| `callout` | 77,642 | 25,753 | 21,306 | 2,895 |
|
|
299
|
-
| `card` | 31,587 | 10,409 | 9,159 | 3,915 |
|
|
300
|
-
| `carousel` | 93,279 | 29,210 | 24,185 | 18,420 | 3,
|
|
301
|
-
| `chat` | 113,117 | 35,423 | 29,275 | 31,764 | 7,
|
|
302
|
-
| `checkbox` | 42,340 | 12,992 | 11,454 | 8,334 | 2,
|
|
303
|
-
| `checkbox-group` | 41,493 | 12,823 | 11,293 | 6,970 | 1,
|
|
304
|
-
| `code` | 28,016 | 9,451 | 8,325 | 1,511 | 376 |
|
|
305
|
-
| `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,
|
|
306
|
-
| `color-input` | 167,731 | 48,750 | 41,256 | 58,447 | 11,
|
|
307
|
-
| `color-picker` | 129,552 | 37,367 | 31,096 | 47,128 | 9,
|
|
308
|
-
| `combobox` | 146,908 | 45,343 | 38,102 | 34,972 | 7,
|
|
309
|
-
| `command` | 113,012 | 34,659 | 28,530 | 28,007 | 6,
|
|
310
|
-
| `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,
|
|
311
|
-
| `data-table` | 206,720 | 59,002 | 49,632 | 91,514 | 20,
|
|
312
|
-
| `date-input` | 146,151 | 45,274 | 38,124 | 34,389 | 7,
|
|
313
|
-
| `date-picker` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,
|
|
314
|
-
| `description-list` | 30,801 | 10,094 | 8,858 | 3,502 |
|
|
315
|
-
| `dialog` | 36,307 | 11,621 | 10,259 | 7,037 | 1,
|
|
316
|
-
| `divider` | 30,655 | 10,211 | 8,968 | 3,229 |
|
|
317
|
-
| `donut-chart` | 81,
|
|
318
|
-
| `drawer` | 34,988 | 11,256 | 9,920 | 6,007 | 1,
|
|
319
|
-
| `drilldown` | 87,562 | 28,572 | 23,448 | 10,223 | 2,
|
|
320
|
-
| `empty` | 29,763 | 9,992 | 8,792 | 2,087 |
|
|
321
|
-
| `file-input` | 97,997 | 30,852 | 25,354 | 17,221 | 3,
|
|
322
|
-
| `filter-input` | 171,017 | 49,977 | 42,112 | 55,883 | 11,
|
|
323
|
-
| `flex` | 29,298 | 9,797 | 8,624 | 1,999 | 464 |
|
|
324
|
-
| `format-date` | 32,581 | 10,882 | 9,624 | 3,497 |
|
|
325
|
-
| `grid` | 29,825 | 9,961 | 8,759 | 2,522 |
|
|
326
|
-
| `heatmap` | 80,
|
|
327
|
-
| `icon` | 75,854 | 25,190 | 20,744 | 1,641 |
|
|
328
|
-
| `icon-button` | 39,345 | 11,909 | 10,469 | 9,537 | 1,
|
|
329
|
-
| `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,
|
|
330
|
-
| `input` | 92,407 | 29,664 | 24,292 | 10,930 | 2,
|
|
331
|
-
| `kbd` | 31,686 | 10,798 | 9,497 | 4,373 | 1,
|
|
332
|
-
| `legend` | 37,
|
|
333
|
-
| `line-chart` |
|
|
334
|
-
| `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,
|
|
335
|
-
| `listbox` | 98,569 | 31,778 | 25,963 | 15,059 | 3,
|
|
336
|
-
| `loader` | 31,726 | 10,457 | 9,202 | 4,051 |
|
|
337
|
-
| `megamenu` | 63,649 | 21,442 | 19,011 | 9,805 | 2,
|
|
338
|
-
| `menu` | 121,506 | 40,142 | 33,679 | 16,193 | 3,
|
|
339
|
-
| `meter` | 37,148 | 11,685 | 10,337 | 9,479 | 2,
|
|
340
|
-
| `navigation` | 31,579 | 10,593 | 9,338 | 2,726 |
|
|
341
|
-
| `notifications` | 103,979 | 31,926 | 26,377 | 24,840 | 5,
|
|
342
|
-
| `number-input` | 93,339 | 30,092 | 24,650 | 11,944 | 3,
|
|
343
|
-
| `object-inspector` | 142,073 | 45,219 | 38,142 | 32,924 | 7,
|
|
344
|
-
| `option` | 33,707 | 10,986 | 9,718 | 6,038 | 1,
|
|
345
|
-
| `orb` | 37,854 | 13,149 | 11,627 | 10,144 | 3,
|
|
346
|
-
| `outline` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,
|
|
347
|
-
| `pagination` | 154,190 | 46,477 | 39,080 | 44,855 | 9,
|
|
348
|
-
| `pin-input` | 42,016 | 13,230 | 11,614 | 8,088 | 2,
|
|
349
|
-
| `popover` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 |
|
|
350
|
-
| `progress` | 34,630 | 11,137 | 9,863 | 6,962 | 1,
|
|
351
|
-
| `qr-code` | 41,911 | 14,428 | 12,719 | 14,626 | 5,
|
|
352
|
-
| `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 |
|
|
353
|
-
| `radio` | 45,198 | 13,328 | 11,758 | 10,686 | 2,
|
|
354
|
-
| `rating` | 42,824 | 13,689 | 12,046 | 8,745 | 2,
|
|
355
|
-
| `sandbox` | 62,782 | 17,258 | 15,267 | 34,690 | 7,
|
|
356
|
-
| `scatter-chart` | 82,
|
|
357
|
-
| `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,
|
|
358
|
-
| `select` | 137,097 | 43,230 | 36,354 | 27,888 | 6,
|
|
359
|
-
| `skeleton` | 29,550 | 9,941 | 8,760 | 2,242 |
|
|
360
|
-
| `skip-link` | 29,978 | 10,112 | 8,867 | 2,672 | 776 |
|
|
361
|
-
| `slider` | 50,314 | 14,414 | 12,755 | 16,142 | 3,
|
|
362
|
-
| `sparkline` | 38,595 | 12,775 | 11,282 | 6,465 | 1,
|
|
363
|
-
| `speed-dial` | 113,345 | 37,704 | 31,653 | 11,289 | 2,
|
|
364
|
-
| `splitter` | 43,833 | 13,090 | 11,643 | 16,021 | 3,
|
|
365
|
-
| `stat` | 31,624 | 10,248 | 9,052 | 3,954 |
|
|
366
|
-
| `steps` | 98,259 | 30,212 | 24,901 | 19,904 | 3,
|
|
367
|
-
| `switch` | 40,035 | 12,546 | 11,059 | 5,908 | 1,
|
|
368
|
-
| `table` | 90,805 | 29,473 | 24,204 | 14,568 | 3,
|
|
369
|
-
| `tabs` | 41,
|
|
370
|
-
| `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,
|
|
371
|
-
| `text` | 31,284 | 10,085 | 8,852 | 3,987 | 789 |
|
|
372
|
-
| `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,
|
|
373
|
-
| `time-input` | 163,718 | 48,905 | 41,244 | 49,175 | 10,
|
|
374
|
-
| `time-picker` | 114,331 | 35,415 | 29,223 | 30,279 | 7,
|
|
375
|
-
| `timeline` | 79,737 | 26,050 | 21,519 | 5,160 | 1,
|
|
376
|
-
| `toast` | 87,191 | 28,068 | 23,098 | 11,526 | 2,
|
|
377
|
-
| `toggle` | 44,568 | 13,642 | 12,060 | 8,514 | 2,
|
|
378
|
-
| `toolbar` | 31,654 | 10,582 | 9,325 | 4,208 | 1,
|
|
379
|
-
| `tooltip` | 63,149 | 21,446 | 18,957 | 9,492 | 2,
|
|
380
|
-
| `tour` | 75,360 | 23,647 | 20,978 | 20,537 | 4,
|
|
381
|
-
| `tree` | 91,978 | 29,827 | 24,434 | 12,867 | 3,
|
|
382
|
-
| `trend` | 78,409 | 25,784 | 21,292 | 4,205 |
|
|
383
|
-
| `video` | 158,416 | 48,268 | 40,844 | 52,850 | 11,
|
|
384
|
-
| `video-playlist` | 135,566 | 42,683 | 35,823 | 28,847 | 5,
|
|
385
|
-
| `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 |
|
|
286
|
+
| `accordion` | 83,034 | 27,511 | 22,563 | 6,204 | 1,583 | 1,359 |
|
|
287
|
+
| `announcement` | 81,276 | 26,717 | 21,919 | 5,742 | 1,367 | 1,231 |
|
|
288
|
+
| `app-header` | 32,804 | 10,623 | 9,384 | 5,121 | 1,229 | 1,000 |
|
|
289
|
+
| `area-chart` | 82,139 | 27,209 | 23,974 | 18,433 | 5,021 | 4,183 |
|
|
290
|
+
| `aura` | 90,954 | 31,621 | 27,396 | 62,506 | 21,844 | 18,913 |
|
|
291
|
+
| `avatar` | 34,548 | 11,085 | 9,786 | 6,832 | 1,699 | 1,422 |
|
|
292
|
+
| `badge` | 31,553 | 10,365 | 9,117 | 4,249 | 1,004 | 803 |
|
|
293
|
+
| `bar-chart` | 89,147 | 28,500 | 25,266 | 25,447 | 6,349 | 5,401 |
|
|
294
|
+
| `blockquote` | 29,458 | 9,907 | 8,725 | 2,032 | 527 | 434 |
|
|
295
|
+
| `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,244 | 1,050 |
|
|
296
|
+
| `button` | 39,024 | 11,977 | 10,549 | 9,212 | 1,954 | 1,720 |
|
|
297
|
+
| `button-group` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
|
|
298
|
+
| `callout` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
|
|
299
|
+
| `card` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
|
|
300
|
+
| `carousel` | 93,279 | 29,210 | 24,185 | 18,420 | 3,867 | 3,261 |
|
|
301
|
+
| `chat` | 113,117 | 35,423 | 29,275 | 31,764 | 7,658 | 6,507 |
|
|
302
|
+
| `checkbox` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
|
|
303
|
+
| `checkbox-group` | 41,493 | 12,823 | 11,293 | 6,970 | 1,834 | 1,350 |
|
|
304
|
+
| `code` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
|
|
305
|
+
| `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
|
|
306
|
+
| `color-input` | 167,731 | 48,750 | 41,256 | 58,447 | 11,672 | 10,080 |
|
|
307
|
+
| `color-picker` | 129,552 | 37,367 | 31,096 | 47,128 | 9,755 | 8,417 |
|
|
308
|
+
| `combobox` | 146,908 | 45,343 | 38,102 | 34,972 | 7,687 | 6,419 |
|
|
309
|
+
| `command` | 113,012 | 34,659 | 28,530 | 28,007 | 6,562 | 5,539 |
|
|
310
|
+
| `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
|
|
311
|
+
| `data-table` | 206,720 | 59,002 | 49,632 | 91,514 | 20,416 | 16,874 |
|
|
312
|
+
| `date-input` | 146,151 | 45,274 | 38,124 | 34,389 | 7,737 | 6,579 |
|
|
313
|
+
| `date-picker` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,309 |
|
|
314
|
+
| `description-list` | 30,801 | 10,094 | 8,858 | 3,502 | 767 | 578 |
|
|
315
|
+
| `dialog` | 36,307 | 11,621 | 10,259 | 7,037 | 1,826 | 1,537 |
|
|
316
|
+
| `divider` | 30,655 | 10,211 | 8,968 | 3,229 | 800 | 610 |
|
|
317
|
+
| `donut-chart` | 81,638 | 26,447 | 23,396 | 19,371 | 4,971 | 4,146 |
|
|
318
|
+
| `drawer` | 34,988 | 11,256 | 9,920 | 6,007 | 1,493 | 1,245 |
|
|
319
|
+
| `drilldown` | 87,562 | 28,572 | 23,448 | 10,223 | 2,493 | 2,030 |
|
|
320
|
+
| `empty` | 29,763 | 9,992 | 8,792 | 2,087 | 552 | 412 |
|
|
321
|
+
| `file-input` | 97,997 | 30,852 | 25,354 | 17,221 | 3,855 | 3,267 |
|
|
322
|
+
| `filter-input` | 171,017 | 49,977 | 42,112 | 55,883 | 11,290 | 9,483 |
|
|
323
|
+
| `flex` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 369 |
|
|
324
|
+
| `format-date` | 32,581 | 10,882 | 9,624 | 3,497 | 860 | 620 |
|
|
325
|
+
| `grid` | 29,825 | 9,961 | 8,759 | 2,522 | 628 | 600 |
|
|
326
|
+
| `heatmap` | 80,534 | 26,146 | 23,159 | 18,144 | 4,653 | 3,868 |
|
|
327
|
+
| `icon` | 75,854 | 25,190 | 20,744 | 1,641 | 383 | 374 |
|
|
328
|
+
| `icon-button` | 39,345 | 11,909 | 10,469 | 9,537 | 1,877 | 1,583 |
|
|
329
|
+
| `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,315 | 1,053 |
|
|
330
|
+
| `input` | 92,407 | 29,664 | 24,292 | 10,930 | 2,626 | 2,199 |
|
|
331
|
+
| `kbd` | 31,686 | 10,798 | 9,497 | 4,373 | 1,493 | 1,260 |
|
|
332
|
+
| `legend` | 37,118 | 11,927 | 10,457 | 5,911 | 1,423 | 1,092 |
|
|
333
|
+
| `line-chart` | 84,119 | 27,299 | 24,196 | 20,502 | 5,200 | 4,374 |
|
|
334
|
+
| `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,313 | 1,155 |
|
|
335
|
+
| `listbox` | 98,569 | 31,778 | 25,963 | 15,059 | 3,956 | 3,204 |
|
|
336
|
+
| `loader` | 31,726 | 10,457 | 9,202 | 4,051 | 988 | 846 |
|
|
337
|
+
| `megamenu` | 63,649 | 21,442 | 19,011 | 9,805 | 2,429 | 2,038 |
|
|
338
|
+
| `menu` | 121,506 | 40,142 | 33,679 | 16,193 | 3,773 | 3,138 |
|
|
339
|
+
| `meter` | 37,148 | 11,685 | 10,337 | 9,479 | 2,204 | 1,938 |
|
|
340
|
+
| `navigation` | 31,579 | 10,593 | 9,338 | 2,726 | 770 | 560 |
|
|
341
|
+
| `notifications` | 103,979 | 31,926 | 26,377 | 24,840 | 5,179 | 4,386 |
|
|
342
|
+
| `number-input` | 93,339 | 30,092 | 24,650 | 11,944 | 3,038 | 2,453 |
|
|
343
|
+
| `object-inspector` | 142,073 | 45,219 | 38,142 | 32,924 | 7,520 | 6,369 |
|
|
344
|
+
| `option` | 33,707 | 10,986 | 9,718 | 6,038 | 1,510 | 1,257 |
|
|
345
|
+
| `orb` | 37,854 | 13,149 | 11,627 | 10,144 | 3,616 | 3,058 |
|
|
346
|
+
| `outline` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,722 |
|
|
347
|
+
| `pagination` | 154,190 | 46,477 | 39,080 | 44,855 | 9,363 | 7,819 |
|
|
348
|
+
| `pin-input` | 42,016 | 13,230 | 11,614 | 8,088 | 2,318 | 1,874 |
|
|
349
|
+
| `popover` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 990 |
|
|
350
|
+
| `progress` | 34,630 | 11,137 | 9,863 | 6,962 | 1,660 | 1,406 |
|
|
351
|
+
| `qr-code` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
|
|
352
|
+
| `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
|
|
353
|
+
| `radio` | 45,198 | 13,328 | 11,758 | 10,686 | 2,248 | 1,833 |
|
|
354
|
+
| `rating` | 42,824 | 13,689 | 12,046 | 8,745 | 2,557 | 2,134 |
|
|
355
|
+
| `sandbox` | 62,782 | 17,258 | 15,267 | 34,690 | 7,637 | 6,501 |
|
|
356
|
+
| `scatter-chart` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
|
|
357
|
+
| `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
|
|
358
|
+
| `select` | 137,097 | 43,230 | 36,354 | 27,888 | 6,264 | 5,214 |
|
|
359
|
+
| `skeleton` | 29,550 | 9,941 | 8,760 | 2,242 | 601 | 578 |
|
|
360
|
+
| `skip-link` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 605 |
|
|
361
|
+
| `slider` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
|
|
362
|
+
| `sparkline` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
|
|
363
|
+
| `speed-dial` | 113,345 | 37,704 | 31,653 | 11,289 | 2,390 | 1,995 |
|
|
364
|
+
| `splitter` | 43,833 | 13,090 | 11,643 | 16,021 | 3,566 | 3,063 |
|
|
365
|
+
| `stat` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
|
|
366
|
+
| `steps` | 98,259 | 30,212 | 24,901 | 19,904 | 3,916 | 3,351 |
|
|
367
|
+
| `switch` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
|
|
368
|
+
| `table` | 90,805 | 29,473 | 24,204 | 14,568 | 3,662 | 3,067 |
|
|
369
|
+
| `tabs` | 41,576 | 12,738 | 11,235 | 10,378 | 2,221 | 1,875 |
|
|
370
|
+
| `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
|
|
371
|
+
| `text` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
|
|
372
|
+
| `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
|
|
373
|
+
| `time-input` | 163,718 | 48,905 | 41,244 | 49,175 | 10,524 | 8,845 |
|
|
374
|
+
| `time-picker` | 114,331 | 35,415 | 29,223 | 30,279 | 7,313 | 6,165 |
|
|
375
|
+
| `timeline` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
|
|
376
|
+
| `toast` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
|
|
377
|
+
| `toggle` | 44,568 | 13,642 | 12,060 | 8,514 | 2,087 | 1,719 |
|
|
378
|
+
| `toolbar` | 31,654 | 10,582 | 9,325 | 4,208 | 1,251 | 996 |
|
|
379
|
+
| `tooltip` | 63,149 | 21,446 | 18,957 | 9,492 | 2,554 | 2,101 |
|
|
380
|
+
| `tour` | 75,360 | 23,647 | 20,978 | 20,537 | 4,386 | 3,613 |
|
|
381
|
+
| `tree` | 91,978 | 29,827 | 24,434 | 12,867 | 3,305 | 2,788 |
|
|
382
|
+
| `trend` | 78,409 | 25,784 | 21,292 | 4,205 | 943 | 806 |
|
|
383
|
+
| `video` | 158,416 | 48,268 | 40,844 | 52,850 | 11,682 | 10,140 |
|
|
384
|
+
| `video-playlist` | 135,566 | 42,683 | 35,823 | 28,847 | 5,983 | 5,072 |
|
|
385
|
+
| `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 966 | 710 |
|
|
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` |
|
|
398
|
-
| `@fusion.dev/helix-headless` | 11,
|
|
397
|
+
| `@fusion.dev/helix-core` | 846,357 | 123 | 186,557 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
398
|
+
| `@fusion.dev/helix-headless` | 11,129,366 | 472 | 854,262 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
399
399
|
| `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
|
|
400
400
|
| `@fusion.dev/helix-styles` | 101,139 | 6 | 0 | none |
|
|
401
401
|
| `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
|
|
402
|
-
| `@fusion.dev/helix` | 12,
|
|
402
|
+
| `@fusion.dev/helix` | 12,129,052 | 798 | 336,966 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
403
403
|
|
|
404
404
|
## Not measured yet
|
|
405
405
|
|
|
@@ -2011,7 +2011,7 @@ nobody ever downloads this floor on its own.
|
|
|
2011
2011
|
|
|
2012
2012
|
| | Raw | Gzip | Brotli |
|
|
2013
2013
|
|---|---|---|---|
|
|
2014
|
-
| Lit and \`@fusion.dev/helix-core\` | 146,
|
|
2014
|
+
| Lit and \`@fusion.dev/helix-core\` | 146,391 | 48,423 | 40,926 |
|
|
2015
2015
|
|
|
2016
2016
|
## Whole packages
|
|
2017
2017
|
|
|
@@ -2022,11 +2022,11 @@ repository does that. The per-component tables are what a page pays.
|
|
|
2022
2022
|
|
|
2023
2023
|
| Package | Raw | Gzip | Brotli | |
|
|
2024
2024
|
|---|---|---|---|---|
|
|
2025
|
-
| \`@fusion.dev/helix-core\` | 145,
|
|
2026
|
-
| \`@fusion.dev/helix-headless\` | 601,
|
|
2025
|
+
| \`@fusion.dev/helix-core\` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
|
|
2026
|
+
| \`@fusion.dev/helix-headless\` | 601,762 | 155,903 | 121,345 | Every headless family, which is what the barrel means. |
|
|
2027
2027
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
2028
2028
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
2029
|
-
| \`@fusion.dev/helix\` | 1,073,
|
|
2029
|
+
| \`@fusion.dev/helix\` | 1,073,988 | 251,588 | 184,188 | Every styled family. |
|
|
2030
2030
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
2031
2031
|
|
|
2032
2032
|
## The stylesheets
|
|
@@ -2047,11 +2047,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
2047
2047
|
|
|
2048
2048
|
## What the numbers say
|
|
2049
2049
|
|
|
2050
|
-
**Most of a first component is the runtime under it.** The median styled family is 18,751 bytes gzipped alone and adds 2,
|
|
2050
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,751 bytes gzipped alone and adds 2,228 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
2051
2051
|
|
|
2052
|
-
Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,002, over 100 components. Every family at once is 251,
|
|
2052
|
+
Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,002, over 100 components. Every family at once is 251,588.
|
|
2053
2053
|
|
|
2054
|
-
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 155,
|
|
2054
|
+
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 155,903 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
2055
2055
|
|
|
2056
2056
|
The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,532 bytes gzipped alone.
|
|
2057
2057
|
|
|
@@ -2090,7 +2090,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
|
|
|
2090
2090
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
2091
2091
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
2092
2092
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
2093
|
-
| \`tabs\` | **Helix** | 41,
|
|
2093
|
+
| \`tabs\` | **Helix** | 41,576 | 12,738 | 11,235 |
|
|
2094
2094
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
2095
2095
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
2096
2096
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
@@ -2146,100 +2146,100 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2146
2146
|
|
|
2147
2147
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2148
2148
|
|---|---|---|---|---|---|---|
|
|
2149
|
-
| \`accordion\` | 79,692 | 26,691 | 21,871 | 2,875 |
|
|
2150
|
-
| \`announcement\` | 76,867 | 25,712 | 21,074 | 1,349 |
|
|
2151
|
-
| \`app-header\` | 28,914 | 9,728 | 8,566 | 1,248 |
|
|
2152
|
-
| \`area-chart\` | 74,
|
|
2153
|
-
| \`avatar\` | 30,963 | 10,323 | 9,124 | 3,257 |
|
|
2154
|
-
| \`badge\` | 28,449 | 9,658 | 8,518 | 1,162 |
|
|
2155
|
-
| \`bar-chart\` | 76,
|
|
2156
|
-
| \`blockquote\` | 28,302 | 9,619 | 8,469 | 892 |
|
|
2157
|
-
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 448 |
|
|
2158
|
-
| \`button\` | 32,931 | 10,864 | 9,570 | 3,137 |
|
|
2159
|
-
| \`button-group\` | 28,320 | 9,574 | 8,438 | 661 |
|
|
2160
|
-
| \`callout\` | 75,643 | 25,209 | 20,789 | 912 |
|
|
2161
|
-
| \`card\` | 28,354 | 9,585 | 8,456 | 694 |
|
|
2162
|
-
| \`carousel\` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,
|
|
2163
|
-
| \`chat\` | 99,001 | 32,944 | 27,083 | 17,663 | 5,
|
|
2164
|
-
| \`checkbox\` | 36,296 | 11,600 | 10,225 | 2,306 |
|
|
2165
|
-
| \`checkbox-group\` | 39,310 | 12,249 | 10,811 | 4,801 | 1,
|
|
2166
|
-
| \`code\` | 26,939 | 9,155 | 8,083 | 451 |
|
|
2167
|
-
| \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,
|
|
2168
|
-
| \`color-input\` | 134,317 | 43,626 | 36,666 | 25,050 | 6,
|
|
2169
|
-
| \`color-picker\` | 101,842 | 32,936 | 27,149 | 19,424 | 5,
|
|
2170
|
-
| \`combobox\` | 132,105 | 42,688 | 35,815 | 20,188 | 5,
|
|
2171
|
-
| \`command\` | 102,549 | 32,630 | 26,720 | 17,560 | 4,
|
|
2172
|
-
| \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,
|
|
2173
|
-
| \`data-table\` | 169,991 | 52,589 | 44,430 | 54,804 | 13,
|
|
2174
|
-
| \`date-input\` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 |
|
|
2175
|
-
| \`date-picker\` | 87,537 | 28,957 | 23,818 | 9,997 | 2,
|
|
2176
|
-
| \`description-list\` | 28,423 | 9,527 | 8,382 | 1,132 | 193 |
|
|
2177
|
-
| \`dialog\` | 31,972 | 10,617 | 9,373 | 2,717 |
|
|
2178
|
-
| \`divider\` | 28,499 | 9,689 | 8,514 | 1,090 |
|
|
2179
|
-
| \`donut-chart\` | 72,
|
|
2180
|
-
| \`drawer\` | 30,725 | 10,248 | 9,003 | 1,761 |
|
|
2181
|
-
| \`drilldown\` | 83,015 | 27,571 | 22,520 | 5,688 | 1,
|
|
2182
|
-
| \`empty\` | 28,476 | 9,627 | 8,480 | 816 |
|
|
2183
|
-
| \`file-input\` | 86,778 | 28,646 | 23,453 | 6,008 | 1,
|
|
2184
|
-
| \`filter-input\` | 143,157 | 45,564 | 38,275 | 28,036 | 6,
|
|
2185
|
-
| \`format-date\` | 31,933 | 10,735 | 9,531 | 2,867 |
|
|
2186
|
-
| \`heatmap\` | 73,
|
|
2187
|
-
| \`icon\` | 75,148 | 25,011 | 20,602 | 952 |
|
|
2188
|
-
| \`icon-button\` | 33,330 | 10,895 | 9,581 | 3,536 |
|
|
2189
|
-
| \`image\` | 30,493 | 10,124 | 8,925 | 3,156 |
|
|
2190
|
-
| \`input\` | 86,204 | 28,322 | 23,173 | 4,734 | 1,
|
|
2191
|
-
| \`kbd\` | 30,274 | 10,347 | 9,127 | 2,976 | 1,
|
|
2192
|
-
| \`legend\` | 32,
|
|
2193
|
-
| \`line-chart\` | 74,
|
|
2194
|
-
| \`list\` | 29,375 | 9,761 | 8,590 | 1,725 |
|
|
2195
|
-
| \`listbox\` | 94,300 | 30,776 | 25,135 | 10,797 | 2,
|
|
2196
|
-
| \`loader\` | 28,560 | 9,692 | 8,541 | 900 |
|
|
2197
|
-
| \`megamenu\` | 58,768 | 20,368 | 17,992 | 4,941 | 1,
|
|
2198
|
-
| \`menu\` | 114,129 | 38,571 | 32,277 | 8,835 | 2,
|
|
2199
|
-
| \`meter\` | 31,750 | 10,542 | 9,305 | 4,099 | 1,
|
|
2200
|
-
| \`navigation\` | 30,198 | 10,204 | 9,007 | 1,361 |
|
|
2201
|
-
| \`notifications\` | 91,023 | 29,582 | 24,302 | 11,898 | 2,
|
|
2202
|
-
| \`number-input\` | 88,557 | 28,958 | 23,717 | 7,174 | 1,
|
|
2203
|
-
| \`object-inspector\` | 128,435 | 42,882 | 36,093 | 19,307 | 5,
|
|
2204
|
-
| \`option\` | 30,453 | 10,083 | 8,880 | 2,796 | 624 |
|
|
2205
|
-
| \`outline\` | 33,522 | 11,334 | 10,012 | 4,633 | 1,
|
|
2206
|
-
| \`pagination\` | 136,324 | 43,398 | 36,437 | 27,007 | 6,
|
|
2207
|
-
| \`pin-input\` | 38,949 | 12,440 | 10,965 | 5,038 | 1,
|
|
2208
|
-
| \`popover\` | 55,974 | 19,594 | 17,352 | 1,901 |
|
|
2209
|
-
| \`progress\` | 29,601 | 9,965 | 8,807 | 1,951 |
|
|
2210
|
-
| \`qr-code\` | 40,248 | 13,998 | 12,337 | 12,981 | 4,
|
|
2211
|
-
| \`quote\` | 27,843 | 9,447 | 8,286 | 552 |
|
|
2212
|
-
| \`radio\` | 37,619 | 11,905 | 10,521 | 3,114 |
|
|
2213
|
-
| \`rating\` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,
|
|
2214
|
-
| \`scatter-chart\` |
|
|
2215
|
-
| \`scroll-area\` | 30,086 | 10,129 | 8,898 | 2,743 |
|
|
2216
|
-
| \`select\` | 124,492 | 40,858 | 34,227 | 15,301 | 3,
|
|
2217
|
-
| \`skeleton\` | 27,032 | 9,189 | 8,101 | 544 |
|
|
2218
|
-
| \`skip-link\` | 28,515 | 9,709 | 8,546 | 1,226 | 385 |
|
|
2219
|
-
| \`slider\` | 39,332 | 12,455 | 11,004 | 5,177 | 1,
|
|
2220
|
-
| \`sparkline\` | 34,678 | 11,828 | 10,448 | 2,559 |
|
|
2221
|
-
| \`speed-dial\` | 105,779 | 36,229 | 30,429 | 3,743 |
|
|
2222
|
-
| \`splitter\` | 37,761 | 12,098 | 10,719 | 9,967 | 2,
|
|
2223
|
-
| \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 | 201 |
|
|
2224
|
-
| \`steps\` | 84,636 | 27,790 | 22,788 | 6,293 | 1,
|
|
2225
|
-
| \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 |
|
|
2226
|
-
| \`table\` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,
|
|
2227
|
-
| \`tabs\` | 35,
|
|
2228
|
-
| \`tag\` | 75,927 | 25,307 | 20,762 | 897 |
|
|
2229
|
-
| \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,
|
|
2230
|
-
| \`time-input\` | 142,479 | 45,399 | 38,105 | 27,951 | 6,
|
|
2231
|
-
| \`time-picker\` | 102,855 | 33,278 | 27,328 | 18,808 | 5,
|
|
2232
|
-
| \`timeline\` | 76,459 | 25,298 | 20,882 | 1,894 |
|
|
2233
|
-
| \`toast\` | 79,658 | 26,392 | 21,676 | 4,005 | 949 |
|
|
2234
|
-
| \`toggle\` | 39,581 | 12,488 | 11,019 | 3,535 |
|
|
2235
|
-
| \`toolbar\` | 30,362 | 10,282 | 9,077 | 2,933 |
|
|
2236
|
-
| \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,
|
|
2237
|
-
| \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,
|
|
2238
|
-
| \`tree\` | 86,278 | 28,485 | 23,323 | 7,177 | 1,
|
|
2239
|
-
| \`trend\` | 75,252 | 25,074 | 20,688 | 1,056 |
|
|
2240
|
-
| \`video\` | 139,429 | 44,864 | 37,871 | 33,883 | 8,
|
|
2241
|
-
| \`video-playlist\` | 121,666 | 40,175 | 33,699 | 14,968 | 3,
|
|
2242
|
-
| \`virtual-list\` | 34,078 | 11,491 | 10,121 | 2,485 |
|
|
2149
|
+
| \`accordion\` | 79,692 | 26,691 | 21,871 | 2,875 | 768 | 596 |
|
|
2150
|
+
| \`announcement\` | 76,867 | 25,712 | 21,074 | 1,349 | 379 | 329 |
|
|
2151
|
+
| \`app-header\` | 28,914 | 9,728 | 8,566 | 1,248 | 320 | 182 |
|
|
2152
|
+
| \`area-chart\` | 74,753 | 25,596 | 22,590 | 11,067 | 3,418 | 2,759 |
|
|
2153
|
+
| \`avatar\` | 30,963 | 10,323 | 9,124 | 3,257 | 929 | 652 |
|
|
2154
|
+
| \`badge\` | 28,449 | 9,658 | 8,518 | 1,162 | 301 | 192 |
|
|
2155
|
+
| \`bar-chart\` | 76,381 | 25,951 | 22,937 | 12,701 | 3,780 | 3,076 |
|
|
2156
|
+
| \`blockquote\` | 28,302 | 9,619 | 8,469 | 892 | 233 | 257 |
|
|
2157
|
+
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 375 |
|
|
2158
|
+
| \`button\` | 32,931 | 10,864 | 9,570 | 3,137 | 832 | 676 |
|
|
2159
|
+
| \`button-group\` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
|
|
2160
|
+
| \`callout\` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
|
|
2161
|
+
| \`card\` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
|
|
2162
|
+
| \`carousel\` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,837 |
|
|
2163
|
+
| \`chat\` | 99,001 | 32,944 | 27,083 | 17,663 | 5,142 | 4,229 |
|
|
2164
|
+
| \`checkbox\` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
|
|
2165
|
+
| \`checkbox-group\` | 39,310 | 12,249 | 10,811 | 4,801 | 1,267 | 908 |
|
|
2166
|
+
| \`code\` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
|
|
2167
|
+
| \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
|
|
2168
|
+
| \`color-input\` | 134,317 | 43,626 | 36,666 | 25,050 | 6,498 | 5,463 |
|
|
2169
|
+
| \`color-picker\` | 101,842 | 32,936 | 27,149 | 19,424 | 5,238 | 4,522 |
|
|
2170
|
+
| \`combobox\` | 132,105 | 42,688 | 35,815 | 20,188 | 5,023 | 4,079 |
|
|
2171
|
+
| \`command\` | 102,549 | 32,630 | 26,720 | 17,560 | 4,515 | 3,671 |
|
|
2172
|
+
| \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
|
|
2173
|
+
| \`data-table\` | 169,991 | 52,589 | 44,430 | 54,804 | 13,929 | 11,562 |
|
|
2174
|
+
| \`date-input\` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 4,029 |
|
|
2175
|
+
| \`date-picker\` | 87,537 | 28,957 | 23,818 | 9,997 | 2,826 | 2,277 |
|
|
2176
|
+
| \`description-list\` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 183 |
|
|
2177
|
+
| \`dialog\` | 31,972 | 10,617 | 9,373 | 2,717 | 820 | 574 |
|
|
2178
|
+
| \`divider\` | 28,499 | 9,689 | 8,514 | 1,090 | 288 | 232 |
|
|
2179
|
+
| \`donut-chart\` | 72,531 | 24,557 | 21,730 | 10,284 | 3,044 | 2,491 |
|
|
2180
|
+
| \`drawer\` | 30,725 | 10,248 | 9,003 | 1,761 | 476 | 406 |
|
|
2181
|
+
| \`drilldown\` | 83,015 | 27,571 | 22,520 | 5,688 | 1,526 | 1,142 |
|
|
2182
|
+
| \`empty\` | 28,476 | 9,627 | 8,480 | 816 | 192 | 113 |
|
|
2183
|
+
| \`file-input\` | 86,778 | 28,646 | 23,453 | 6,008 | 1,700 | 1,407 |
|
|
2184
|
+
| \`filter-input\` | 143,157 | 45,564 | 38,275 | 28,036 | 6,800 | 5,613 |
|
|
2185
|
+
| \`format-date\` | 31,933 | 10,735 | 9,531 | 2,867 | 711 | 560 |
|
|
2186
|
+
| \`heatmap\` | 73,736 | 24,750 | 21,934 | 11,365 | 3,222 | 2,571 |
|
|
2187
|
+
| \`icon\` | 75,148 | 25,011 | 20,602 | 952 | 217 | 176 |
|
|
2188
|
+
| \`icon-button\` | 33,330 | 10,895 | 9,581 | 3,536 | 868 | 598 |
|
|
2189
|
+
| \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 831 | 662 |
|
|
2190
|
+
| \`input\` | 86,204 | 28,322 | 23,173 | 4,734 | 1,302 | 1,021 |
|
|
2191
|
+
| \`kbd\` | 30,274 | 10,347 | 9,127 | 2,976 | 1,047 | 796 |
|
|
2192
|
+
| \`legend\` | 32,257 | 10,820 | 9,494 | 1,137 | 309 | 221 |
|
|
2193
|
+
| \`line-chart\` | 74,348 | 25,309 | 22,425 | 10,746 | 3,166 | 2,597 |
|
|
2194
|
+
| \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 348 | 323 |
|
|
2195
|
+
| \`listbox\` | 94,300 | 30,776 | 25,135 | 10,797 | 2,976 | 2,381 |
|
|
2196
|
+
| \`loader\` | 28,560 | 9,692 | 8,541 | 900 | 231 | 173 |
|
|
2197
|
+
| \`megamenu\` | 58,768 | 20,368 | 17,992 | 4,941 | 1,364 | 1,026 |
|
|
2198
|
+
| \`menu\` | 114,129 | 38,571 | 32,277 | 8,835 | 2,252 | 1,782 |
|
|
2199
|
+
| \`meter\` | 31,750 | 10,542 | 9,305 | 4,099 | 1,058 | 917 |
|
|
2200
|
+
| \`navigation\` | 30,198 | 10,204 | 9,007 | 1,361 | 373 | 207 |
|
|
2201
|
+
| \`notifications\` | 91,023 | 29,582 | 24,302 | 11,898 | 2,827 | 2,292 |
|
|
2202
|
+
| \`number-input\` | 88,557 | 28,958 | 23,717 | 7,174 | 1,935 | 1,459 |
|
|
2203
|
+
| \`object-inspector\` | 128,435 | 42,882 | 36,093 | 19,307 | 5,179 | 4,338 |
|
|
2204
|
+
| \`option\` | 30,453 | 10,083 | 8,880 | 2,796 | 624 | 435 |
|
|
2205
|
+
| \`outline\` | 33,522 | 11,334 | 10,012 | 4,633 | 1,428 | 1,084 |
|
|
2206
|
+
| \`pagination\` | 136,324 | 43,398 | 36,437 | 27,007 | 6,304 | 5,177 |
|
|
2207
|
+
| \`pin-input\` | 38,949 | 12,440 | 10,965 | 5,038 | 1,509 | 1,159 |
|
|
2208
|
+
| \`popover\` | 55,974 | 19,594 | 17,352 | 1,901 | 524 | 404 |
|
|
2209
|
+
| \`progress\` | 29,601 | 9,965 | 8,807 | 1,951 | 494 | 412 |
|
|
2210
|
+
| \`qr-code\` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
|
|
2211
|
+
| \`quote\` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
|
|
2212
|
+
| \`radio\` | 37,619 | 11,905 | 10,521 | 3,114 | 818 | 620 |
|
|
2213
|
+
| \`rating\` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,289 |
|
|
2214
|
+
| \`scatter-chart\` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
|
|
2215
|
+
| \`scroll-area\` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
|
|
2216
|
+
| \`select\` | 124,492 | 40,858 | 34,227 | 15,301 | 3,910 | 3,091 |
|
|
2217
|
+
| \`skeleton\` | 27,032 | 9,189 | 8,101 | 544 | 115 | 33 |
|
|
2218
|
+
| \`skip-link\` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 241 |
|
|
2219
|
+
| \`slider\` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
|
|
2220
|
+
| \`sparkline\` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
|
|
2221
|
+
| \`speed-dial\` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
|
|
2222
|
+
| \`splitter\` | 37,761 | 12,098 | 10,719 | 9,967 | 2,533 | 2,090 |
|
|
2223
|
+
| \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
|
|
2224
|
+
| \`steps\` | 84,636 | 27,790 | 22,788 | 6,293 | 1,520 | 1,201 |
|
|
2225
|
+
| \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
|
|
2226
|
+
| \`table\` | 85,447 | 28,372 | 23,228 | 9,221 | 2,604 | 2,172 |
|
|
2227
|
+
| \`tabs\` | 35,337 | 11,462 | 10,107 | 4,150 | 925 | 695 |
|
|
2228
|
+
| \`tag\` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
|
|
2229
|
+
| \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
|
|
2230
|
+
| \`time-input\` | 142,479 | 45,399 | 38,105 | 27,951 | 6,979 | 5,892 |
|
|
2231
|
+
| \`time-picker\` | 102,855 | 33,278 | 27,328 | 18,808 | 5,122 | 4,264 |
|
|
2232
|
+
| \`timeline\` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
|
|
2233
|
+
| \`toast\` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
|
|
2234
|
+
| \`toggle\` | 39,581 | 12,488 | 11,019 | 3,535 | 923 | 662 |
|
|
2235
|
+
| \`toolbar\` | 30,362 | 10,282 | 9,077 | 2,933 | 946 | 625 |
|
|
2236
|
+
| \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,810 | 1,412 |
|
|
2237
|
+
| \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,772 | 2,295 |
|
|
2238
|
+
| \`tree\` | 86,278 | 28,485 | 23,323 | 7,177 | 1,975 | 1,567 |
|
|
2239
|
+
| \`trend\` | 75,252 | 25,074 | 20,688 | 1,056 | 281 | 277 |
|
|
2240
|
+
| \`video\` | 139,429 | 44,864 | 37,871 | 33,883 | 8,223 | 7,069 |
|
|
2241
|
+
| \`video-playlist\` | 121,666 | 40,175 | 33,699 | 14,968 | 3,504 | 2,924 |
|
|
2242
|
+
| \`virtual-list\` | 34,078 | 11,491 | 10,121 | 2,485 | 757 | 620 |
|
|
2243
2243
|
|
|
2244
2244
|
### Styled tier
|
|
2245
2245
|
|
|
@@ -2247,106 +2247,106 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2247
2247
|
|
|
2248
2248
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2249
2249
|
|---|---|---|---|---|---|---|
|
|
2250
|
-
| \`accordion\` | 83,034 | 27,511 | 22,563 | 6,204 | 1,
|
|
2251
|
-
| \`announcement\` | 81,276 | 26,717 | 21,919 | 5,742 | 1,
|
|
2252
|
-
| \`app-header\` | 32,804 | 10,623 | 9,384 | 5,121 | 1,
|
|
2253
|
-
| \`area-chart\` |
|
|
2254
|
-
| \`aura\` | 90,954 | 31,621 | 27,396 | 62,506 | 21,
|
|
2255
|
-
| \`avatar\` | 34,548 | 11,085 | 9,786 | 6,832 | 1,
|
|
2256
|
-
| \`badge\` | 31,553 | 10,365 | 9,117 | 4,249 | 1,
|
|
2257
|
-
| \`bar-chart\` |
|
|
2258
|
-
| \`blockquote\` | 29,458 | 9,907 | 8,725 | 2,032 |
|
|
2259
|
-
| \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,
|
|
2260
|
-
| \`button\` | 39,024 | 11,977 | 10,549 | 9,212 | 1,
|
|
2261
|
-
| \`button-group\` | 29,996 | 9,950 | 8,778 | 2,320 |
|
|
2262
|
-
| \`callout\` | 77,642 | 25,753 | 21,306 | 2,895 |
|
|
2263
|
-
| \`card\` | 31,587 | 10,409 | 9,159 | 3,915 |
|
|
2264
|
-
| \`carousel\` | 93,279 | 29,210 | 24,185 | 18,420 | 3,
|
|
2265
|
-
| \`chat\` | 113,117 | 35,423 | 29,275 | 31,764 | 7,
|
|
2266
|
-
| \`checkbox\` | 42,340 | 12,992 | 11,454 | 8,334 | 2,
|
|
2267
|
-
| \`checkbox-group\` | 41,493 | 12,823 | 11,293 | 6,970 | 1,
|
|
2268
|
-
| \`code\` | 28,016 | 9,451 | 8,325 | 1,511 | 376 |
|
|
2269
|
-
| \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,
|
|
2270
|
-
| \`color-input\` | 167,731 | 48,750 | 41,256 | 58,447 | 11,
|
|
2271
|
-
| \`color-picker\` | 129,552 | 37,367 | 31,096 | 47,128 | 9,
|
|
2272
|
-
| \`combobox\` | 146,908 | 45,343 | 38,102 | 34,972 | 7,
|
|
2273
|
-
| \`command\` | 113,012 | 34,659 | 28,530 | 28,007 | 6,
|
|
2274
|
-
| \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,
|
|
2275
|
-
| \`data-table\` | 206,720 | 59,002 | 49,632 | 91,514 | 20,
|
|
2276
|
-
| \`date-input\` | 146,151 | 45,274 | 38,124 | 34,389 | 7,
|
|
2277
|
-
| \`date-picker\` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,
|
|
2278
|
-
| \`description-list\` | 30,801 | 10,094 | 8,858 | 3,502 |
|
|
2279
|
-
| \`dialog\` | 36,307 | 11,621 | 10,259 | 7,037 | 1,
|
|
2280
|
-
| \`divider\` | 30,655 | 10,211 | 8,968 | 3,229 |
|
|
2281
|
-
| \`donut-chart\` | 81,
|
|
2282
|
-
| \`drawer\` | 34,988 | 11,256 | 9,920 | 6,007 | 1,
|
|
2283
|
-
| \`drilldown\` | 87,562 | 28,572 | 23,448 | 10,223 | 2,
|
|
2284
|
-
| \`empty\` | 29,763 | 9,992 | 8,792 | 2,087 |
|
|
2285
|
-
| \`file-input\` | 97,997 | 30,852 | 25,354 | 17,221 | 3,
|
|
2286
|
-
| \`filter-input\` | 171,017 | 49,977 | 42,112 | 55,883 | 11,
|
|
2287
|
-
| \`flex\` | 29,298 | 9,797 | 8,624 | 1,999 | 464 |
|
|
2288
|
-
| \`format-date\` | 32,581 | 10,882 | 9,624 | 3,497 |
|
|
2289
|
-
| \`grid\` | 29,825 | 9,961 | 8,759 | 2,522 |
|
|
2290
|
-
| \`heatmap\` | 80,
|
|
2291
|
-
| \`icon\` | 75,854 | 25,190 | 20,744 | 1,641 |
|
|
2292
|
-
| \`icon-button\` | 39,345 | 11,909 | 10,469 | 9,537 | 1,
|
|
2293
|
-
| \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,
|
|
2294
|
-
| \`input\` | 92,407 | 29,664 | 24,292 | 10,930 | 2,
|
|
2295
|
-
| \`kbd\` | 31,686 | 10,798 | 9,497 | 4,373 | 1,
|
|
2296
|
-
| \`legend\` | 37,
|
|
2297
|
-
| \`line-chart\` |
|
|
2298
|
-
| \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,
|
|
2299
|
-
| \`listbox\` | 98,569 | 31,778 | 25,963 | 15,059 | 3,
|
|
2300
|
-
| \`loader\` | 31,726 | 10,457 | 9,202 | 4,051 |
|
|
2301
|
-
| \`megamenu\` | 63,649 | 21,442 | 19,011 | 9,805 | 2,
|
|
2302
|
-
| \`menu\` | 121,506 | 40,142 | 33,679 | 16,193 | 3,
|
|
2303
|
-
| \`meter\` | 37,148 | 11,685 | 10,337 | 9,479 | 2,
|
|
2304
|
-
| \`navigation\` | 31,579 | 10,593 | 9,338 | 2,726 |
|
|
2305
|
-
| \`notifications\` | 103,979 | 31,926 | 26,377 | 24,840 | 5,
|
|
2306
|
-
| \`number-input\` | 93,339 | 30,092 | 24,650 | 11,944 | 3,
|
|
2307
|
-
| \`object-inspector\` | 142,073 | 45,219 | 38,142 | 32,924 | 7,
|
|
2308
|
-
| \`option\` | 33,707 | 10,986 | 9,718 | 6,038 | 1,
|
|
2309
|
-
| \`orb\` | 37,854 | 13,149 | 11,627 | 10,144 | 3,
|
|
2310
|
-
| \`outline\` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,
|
|
2311
|
-
| \`pagination\` | 154,190 | 46,477 | 39,080 | 44,855 | 9,
|
|
2312
|
-
| \`pin-input\` | 42,016 | 13,230 | 11,614 | 8,088 | 2,
|
|
2313
|
-
| \`popover\` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 |
|
|
2314
|
-
| \`progress\` | 34,630 | 11,137 | 9,863 | 6,962 | 1,
|
|
2315
|
-
| \`qr-code\` | 41,911 | 14,428 | 12,719 | 14,626 | 5,
|
|
2316
|
-
| \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 |
|
|
2317
|
-
| \`radio\` | 45,198 | 13,328 | 11,758 | 10,686 | 2,
|
|
2318
|
-
| \`rating\` | 42,824 | 13,689 | 12,046 | 8,745 | 2,
|
|
2319
|
-
| \`sandbox\` | 62,782 | 17,258 | 15,267 | 34,690 | 7,
|
|
2320
|
-
| \`scatter-chart\` | 82,
|
|
2321
|
-
| \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,
|
|
2322
|
-
| \`select\` | 137,097 | 43,230 | 36,354 | 27,888 | 6,
|
|
2323
|
-
| \`skeleton\` | 29,550 | 9,941 | 8,760 | 2,242 |
|
|
2324
|
-
| \`skip-link\` | 29,978 | 10,112 | 8,867 | 2,672 | 776 |
|
|
2325
|
-
| \`slider\` | 50,314 | 14,414 | 12,755 | 16,142 | 3,
|
|
2326
|
-
| \`sparkline\` | 38,595 | 12,775 | 11,282 | 6,465 | 1,
|
|
2327
|
-
| \`speed-dial\` | 113,345 | 37,704 | 31,653 | 11,289 | 2,
|
|
2328
|
-
| \`splitter\` | 43,833 | 13,090 | 11,643 | 16,021 | 3,
|
|
2329
|
-
| \`stat\` | 31,624 | 10,248 | 9,052 | 3,954 |
|
|
2330
|
-
| \`steps\` | 98,259 | 30,212 | 24,901 | 19,904 | 3,
|
|
2331
|
-
| \`switch\` | 40,035 | 12,546 | 11,059 | 5,908 | 1,
|
|
2332
|
-
| \`table\` | 90,805 | 29,473 | 24,204 | 14,568 | 3,
|
|
2333
|
-
| \`tabs\` | 41,
|
|
2334
|
-
| \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,
|
|
2335
|
-
| \`text\` | 31,284 | 10,085 | 8,852 | 3,987 | 789 |
|
|
2336
|
-
| \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,
|
|
2337
|
-
| \`time-input\` | 163,718 | 48,905 | 41,244 | 49,175 | 10,
|
|
2338
|
-
| \`time-picker\` | 114,331 | 35,415 | 29,223 | 30,279 | 7,
|
|
2339
|
-
| \`timeline\` | 79,737 | 26,050 | 21,519 | 5,160 | 1,
|
|
2340
|
-
| \`toast\` | 87,191 | 28,068 | 23,098 | 11,526 | 2,
|
|
2341
|
-
| \`toggle\` | 44,568 | 13,642 | 12,060 | 8,514 | 2,
|
|
2342
|
-
| \`toolbar\` | 31,654 | 10,582 | 9,325 | 4,208 | 1,
|
|
2343
|
-
| \`tooltip\` | 63,149 | 21,446 | 18,957 | 9,492 | 2,
|
|
2344
|
-
| \`tour\` | 75,360 | 23,647 | 20,978 | 20,537 | 4,
|
|
2345
|
-
| \`tree\` | 91,978 | 29,827 | 24,434 | 12,867 | 3,
|
|
2346
|
-
| \`trend\` | 78,409 | 25,784 | 21,292 | 4,205 |
|
|
2347
|
-
| \`video\` | 158,416 | 48,268 | 40,844 | 52,850 | 11,
|
|
2348
|
-
| \`video-playlist\` | 135,566 | 42,683 | 35,823 | 28,847 | 5,
|
|
2349
|
-
| \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 |
|
|
2250
|
+
| \`accordion\` | 83,034 | 27,511 | 22,563 | 6,204 | 1,583 | 1,359 |
|
|
2251
|
+
| \`announcement\` | 81,276 | 26,717 | 21,919 | 5,742 | 1,367 | 1,231 |
|
|
2252
|
+
| \`app-header\` | 32,804 | 10,623 | 9,384 | 5,121 | 1,229 | 1,000 |
|
|
2253
|
+
| \`area-chart\` | 82,139 | 27,209 | 23,974 | 18,433 | 5,021 | 4,183 |
|
|
2254
|
+
| \`aura\` | 90,954 | 31,621 | 27,396 | 62,506 | 21,844 | 18,913 |
|
|
2255
|
+
| \`avatar\` | 34,548 | 11,085 | 9,786 | 6,832 | 1,699 | 1,422 |
|
|
2256
|
+
| \`badge\` | 31,553 | 10,365 | 9,117 | 4,249 | 1,004 | 803 |
|
|
2257
|
+
| \`bar-chart\` | 89,147 | 28,500 | 25,266 | 25,447 | 6,349 | 5,401 |
|
|
2258
|
+
| \`blockquote\` | 29,458 | 9,907 | 8,725 | 2,032 | 527 | 434 |
|
|
2259
|
+
| \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,244 | 1,050 |
|
|
2260
|
+
| \`button\` | 39,024 | 11,977 | 10,549 | 9,212 | 1,954 | 1,720 |
|
|
2261
|
+
| \`button-group\` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
|
|
2262
|
+
| \`callout\` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
|
|
2263
|
+
| \`card\` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
|
|
2264
|
+
| \`carousel\` | 93,279 | 29,210 | 24,185 | 18,420 | 3,867 | 3,261 |
|
|
2265
|
+
| \`chat\` | 113,117 | 35,423 | 29,275 | 31,764 | 7,658 | 6,507 |
|
|
2266
|
+
| \`checkbox\` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
|
|
2267
|
+
| \`checkbox-group\` | 41,493 | 12,823 | 11,293 | 6,970 | 1,834 | 1,350 |
|
|
2268
|
+
| \`code\` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
|
|
2269
|
+
| \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
|
|
2270
|
+
| \`color-input\` | 167,731 | 48,750 | 41,256 | 58,447 | 11,672 | 10,080 |
|
|
2271
|
+
| \`color-picker\` | 129,552 | 37,367 | 31,096 | 47,128 | 9,755 | 8,417 |
|
|
2272
|
+
| \`combobox\` | 146,908 | 45,343 | 38,102 | 34,972 | 7,687 | 6,419 |
|
|
2273
|
+
| \`command\` | 113,012 | 34,659 | 28,530 | 28,007 | 6,562 | 5,539 |
|
|
2274
|
+
| \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
|
|
2275
|
+
| \`data-table\` | 206,720 | 59,002 | 49,632 | 91,514 | 20,416 | 16,874 |
|
|
2276
|
+
| \`date-input\` | 146,151 | 45,274 | 38,124 | 34,389 | 7,737 | 6,579 |
|
|
2277
|
+
| \`date-picker\` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,309 |
|
|
2278
|
+
| \`description-list\` | 30,801 | 10,094 | 8,858 | 3,502 | 767 | 578 |
|
|
2279
|
+
| \`dialog\` | 36,307 | 11,621 | 10,259 | 7,037 | 1,826 | 1,537 |
|
|
2280
|
+
| \`divider\` | 30,655 | 10,211 | 8,968 | 3,229 | 800 | 610 |
|
|
2281
|
+
| \`donut-chart\` | 81,638 | 26,447 | 23,396 | 19,371 | 4,971 | 4,146 |
|
|
2282
|
+
| \`drawer\` | 34,988 | 11,256 | 9,920 | 6,007 | 1,493 | 1,245 |
|
|
2283
|
+
| \`drilldown\` | 87,562 | 28,572 | 23,448 | 10,223 | 2,493 | 2,030 |
|
|
2284
|
+
| \`empty\` | 29,763 | 9,992 | 8,792 | 2,087 | 552 | 412 |
|
|
2285
|
+
| \`file-input\` | 97,997 | 30,852 | 25,354 | 17,221 | 3,855 | 3,267 |
|
|
2286
|
+
| \`filter-input\` | 171,017 | 49,977 | 42,112 | 55,883 | 11,290 | 9,483 |
|
|
2287
|
+
| \`flex\` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 369 |
|
|
2288
|
+
| \`format-date\` | 32,581 | 10,882 | 9,624 | 3,497 | 860 | 620 |
|
|
2289
|
+
| \`grid\` | 29,825 | 9,961 | 8,759 | 2,522 | 628 | 600 |
|
|
2290
|
+
| \`heatmap\` | 80,534 | 26,146 | 23,159 | 18,144 | 4,653 | 3,868 |
|
|
2291
|
+
| \`icon\` | 75,854 | 25,190 | 20,744 | 1,641 | 383 | 374 |
|
|
2292
|
+
| \`icon-button\` | 39,345 | 11,909 | 10,469 | 9,537 | 1,877 | 1,583 |
|
|
2293
|
+
| \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,315 | 1,053 |
|
|
2294
|
+
| \`input\` | 92,407 | 29,664 | 24,292 | 10,930 | 2,626 | 2,199 |
|
|
2295
|
+
| \`kbd\` | 31,686 | 10,798 | 9,497 | 4,373 | 1,493 | 1,260 |
|
|
2296
|
+
| \`legend\` | 37,118 | 11,927 | 10,457 | 5,911 | 1,423 | 1,092 |
|
|
2297
|
+
| \`line-chart\` | 84,119 | 27,299 | 24,196 | 20,502 | 5,200 | 4,374 |
|
|
2298
|
+
| \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,313 | 1,155 |
|
|
2299
|
+
| \`listbox\` | 98,569 | 31,778 | 25,963 | 15,059 | 3,956 | 3,204 |
|
|
2300
|
+
| \`loader\` | 31,726 | 10,457 | 9,202 | 4,051 | 988 | 846 |
|
|
2301
|
+
| \`megamenu\` | 63,649 | 21,442 | 19,011 | 9,805 | 2,429 | 2,038 |
|
|
2302
|
+
| \`menu\` | 121,506 | 40,142 | 33,679 | 16,193 | 3,773 | 3,138 |
|
|
2303
|
+
| \`meter\` | 37,148 | 11,685 | 10,337 | 9,479 | 2,204 | 1,938 |
|
|
2304
|
+
| \`navigation\` | 31,579 | 10,593 | 9,338 | 2,726 | 770 | 560 |
|
|
2305
|
+
| \`notifications\` | 103,979 | 31,926 | 26,377 | 24,840 | 5,179 | 4,386 |
|
|
2306
|
+
| \`number-input\` | 93,339 | 30,092 | 24,650 | 11,944 | 3,038 | 2,453 |
|
|
2307
|
+
| \`object-inspector\` | 142,073 | 45,219 | 38,142 | 32,924 | 7,520 | 6,369 |
|
|
2308
|
+
| \`option\` | 33,707 | 10,986 | 9,718 | 6,038 | 1,510 | 1,257 |
|
|
2309
|
+
| \`orb\` | 37,854 | 13,149 | 11,627 | 10,144 | 3,616 | 3,058 |
|
|
2310
|
+
| \`outline\` | 37,262 | 12,108 | 10,673 | 8,356 | 2,235 | 1,722 |
|
|
2311
|
+
| \`pagination\` | 154,190 | 46,477 | 39,080 | 44,855 | 9,363 | 7,819 |
|
|
2312
|
+
| \`pin-input\` | 42,016 | 13,230 | 11,614 | 8,088 | 2,318 | 1,874 |
|
|
2313
|
+
| \`popover\` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 990 |
|
|
2314
|
+
| \`progress\` | 34,630 | 11,137 | 9,863 | 6,962 | 1,660 | 1,406 |
|
|
2315
|
+
| \`qr-code\` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
|
|
2316
|
+
| \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
|
|
2317
|
+
| \`radio\` | 45,198 | 13,328 | 11,758 | 10,686 | 2,248 | 1,833 |
|
|
2318
|
+
| \`rating\` | 42,824 | 13,689 | 12,046 | 8,745 | 2,557 | 2,134 |
|
|
2319
|
+
| \`sandbox\` | 62,782 | 17,258 | 15,267 | 34,690 | 7,637 | 6,501 |
|
|
2320
|
+
| \`scatter-chart\` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
|
|
2321
|
+
| \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
|
|
2322
|
+
| \`select\` | 137,097 | 43,230 | 36,354 | 27,888 | 6,264 | 5,214 |
|
|
2323
|
+
| \`skeleton\` | 29,550 | 9,941 | 8,760 | 2,242 | 601 | 578 |
|
|
2324
|
+
| \`skip-link\` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 605 |
|
|
2325
|
+
| \`slider\` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
|
|
2326
|
+
| \`sparkline\` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
|
|
2327
|
+
| \`speed-dial\` | 113,345 | 37,704 | 31,653 | 11,289 | 2,390 | 1,995 |
|
|
2328
|
+
| \`splitter\` | 43,833 | 13,090 | 11,643 | 16,021 | 3,566 | 3,063 |
|
|
2329
|
+
| \`stat\` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
|
|
2330
|
+
| \`steps\` | 98,259 | 30,212 | 24,901 | 19,904 | 3,916 | 3,351 |
|
|
2331
|
+
| \`switch\` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
|
|
2332
|
+
| \`table\` | 90,805 | 29,473 | 24,204 | 14,568 | 3,662 | 3,067 |
|
|
2333
|
+
| \`tabs\` | 41,576 | 12,738 | 11,235 | 10,378 | 2,221 | 1,875 |
|
|
2334
|
+
| \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
|
|
2335
|
+
| \`text\` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
|
|
2336
|
+
| \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
|
|
2337
|
+
| \`time-input\` | 163,718 | 48,905 | 41,244 | 49,175 | 10,524 | 8,845 |
|
|
2338
|
+
| \`time-picker\` | 114,331 | 35,415 | 29,223 | 30,279 | 7,313 | 6,165 |
|
|
2339
|
+
| \`timeline\` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
|
|
2340
|
+
| \`toast\` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
|
|
2341
|
+
| \`toggle\` | 44,568 | 13,642 | 12,060 | 8,514 | 2,087 | 1,719 |
|
|
2342
|
+
| \`toolbar\` | 31,654 | 10,582 | 9,325 | 4,208 | 1,251 | 996 |
|
|
2343
|
+
| \`tooltip\` | 63,149 | 21,446 | 18,957 | 9,492 | 2,554 | 2,101 |
|
|
2344
|
+
| \`tour\` | 75,360 | 23,647 | 20,978 | 20,537 | 4,386 | 3,613 |
|
|
2345
|
+
| \`tree\` | 91,978 | 29,827 | 24,434 | 12,867 | 3,305 | 2,788 |
|
|
2346
|
+
| \`trend\` | 78,409 | 25,784 | 21,292 | 4,205 | 943 | 806 |
|
|
2347
|
+
| \`video\` | 158,416 | 48,268 | 40,844 | 52,850 | 11,682 | 10,140 |
|
|
2348
|
+
| \`video-playlist\` | 135,566 | 42,683 | 35,823 | 28,847 | 5,983 | 5,072 |
|
|
2349
|
+
| \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 966 | 710 |
|
|
2350
2350
|
|
|
2351
2351
|
## What lands in \`node_modules\`
|
|
2352
2352
|
|
|
@@ -2358,12 +2358,12 @@ column is what was removed rather than part of what remains.
|
|
|
2358
2358
|
|
|
2359
2359
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2360
2360
|
|---|---|---|---|---|
|
|
2361
|
-
| \`@fusion.dev/helix-core\` |
|
|
2362
|
-
| \`@fusion.dev/helix-headless\` | 11,
|
|
2361
|
+
| \`@fusion.dev/helix-core\` | 846,357 | 123 | 186,557 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2362
|
+
| \`@fusion.dev/helix-headless\` | 11,129,366 | 472 | 854,262 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2363
2363
|
| \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
|
|
2364
2364
|
| \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
|
|
2365
2365
|
| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
|
|
2366
|
-
| \`@fusion.dev/helix\` | 12,
|
|
2366
|
+
| \`@fusion.dev/helix\` | 12,129,052 | 798 | 336,966 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2367
2367
|
|
|
2368
2368
|
## Not measured yet
|
|
2369
2369
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fusion.dev/helix-docs",
|
|
3
3
|
"description": "Versioned documentation content and registry for Helix.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.41.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix-cem": "0.
|
|
40
|
-
"@fusion.dev/helix-testing": "0.
|
|
39
|
+
"@fusion.dev/helix-cem": "0.41.0",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.41.0",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|