@fusion.dev/helix-docs 0.35.0 → 0.36.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/README.md +1 -1
- package/content/metrics.mdx +204 -204
- package/dist/sources.generated.js +204 -204
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ documentation carries the version of the library it documents. A docs package at
|
|
|
15
15
|
version x describes Helix at version x, which is why versioning here is per
|
|
16
16
|
domain rather than per repository.
|
|
17
17
|
|
|
18
|
-
Rendered at [
|
|
18
|
+
Rendered at [fusion.dev/helix](https://fusion.dev/helix). Install this if you are
|
|
19
19
|
building your own surface over the same content.
|
|
20
20
|
|
|
21
21
|
MIT
|
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` |
|
|
50
|
+
| Lit and `@fusion.dev/helix-core` | 146,003 | 48,264 | 40,834 |
|
|
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,557 | 47,913 | 40,606 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 601,356 | 155,656 | 121,178 | 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,657 | 251,381 | 184,106 | 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,224 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 58,961, 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 58,961, over 100 components. Every family at once is 251,381.
|
|
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,656 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,533 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -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 | 323 |
|
|
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 | 234 |
|
|
193
|
-
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 |
|
|
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,
|
|
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,162 | 42,701 | 35,897 | 20,245 | 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,894 | 52,545 | 44,369 | 54,707 | 13,
|
|
210
|
-
| `date-input` | 130,281 | 42,245 | 35,486 | 18,542 | 4,
|
|
211
|
-
| `date-picker` | 87,537 | 28,957 | 23,818 | 9,997 | 2,
|
|
212
|
-
| `description-list` | 28,423 | 9,527 | 8,382 | 1,132 |
|
|
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,024 | 27,570 | 22,537 | 5,697 | 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 | 219 |
|
|
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,209 | 10,802 | 9,476 | 1,089 |
|
|
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,777 | 20,371 | 18,004 | 4,950 | 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,470 | 42,889 | 36,122 | 19,342 | 5,
|
|
240
|
-
| `option` | 30,453 | 10,083 | 8,880 | 2,796 |
|
|
241
|
-
| `outline` | 33,522 | 11,334 | 9,983 | 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,515 | 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,
|
|
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 |
|
|
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,537 | 2,
|
|
259
|
-
| `stat` | 28,808 | 9,623 | 8,469 | 1,148 |
|
|
260
|
-
| `steps` | 84,636 | 27,790 | 22,788 | 6,293 | 1,
|
|
261
|
-
| `switch` | 35,811 | 11,505 | 10,179 | 1,699 |
|
|
262
|
-
| `table` | 85,419 | 28,352 | 23,212 | 9,193 | 2,
|
|
263
|
-
| `tabs` | 35,284 | 11,444 | 10,081 | 4,097 |
|
|
264
|
-
| `tag` | 75,927 | 25,307 | 20,762 | 897 | 194 |
|
|
265
|
-
| `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,110 |
|
|
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 |
|
|
270
|
-
| `toggle` | 39,581 | 12,488 | 11,019 | 3,535 | 922 |
|
|
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 | 769 | 650 |
|
|
186
|
+
| `announcement` | 76,867 | 25,712 | 21,074 | 1,349 | 382 | 297 |
|
|
187
|
+
| `app-header` | 28,914 | 9,728 | 8,566 | 1,248 | 323 | 216 |
|
|
188
|
+
| `area-chart` | 74,547 | 25,517 | 22,524 | 11,154 | 3,432 | 2,792 |
|
|
189
|
+
| `avatar` | 30,963 | 10,323 | 9,124 | 3,257 | 928 | 619 |
|
|
190
|
+
| `badge` | 28,449 | 9,658 | 8,518 | 1,162 | 300 | 168 |
|
|
191
|
+
| `bar-chart` | 76,117 | 25,829 | 22,832 | 12,807 | 3,784 | 3,143 |
|
|
192
|
+
| `blockquote` | 28,302 | 9,619 | 8,469 | 892 | 234 | 123 |
|
|
193
|
+
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 271 |
|
|
194
|
+
| `button` | 32,931 | 10,864 | 9,570 | 3,137 | 830 | 546 |
|
|
195
|
+
| `button-group` | 28,320 | 9,574 | 8,438 | 661 | 144 | 28 |
|
|
196
|
+
| `callout` | 75,643 | 25,209 | 20,789 | 912 | 243 | 131 |
|
|
197
|
+
| `card` | 28,354 | 9,585 | 8,456 | 694 | 162 | 75 |
|
|
198
|
+
| `carousel` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,793 |
|
|
199
|
+
| `chat` | 99,001 | 32,944 | 27,083 | 17,663 | 5,148 | 4,277 |
|
|
200
|
+
| `checkbox` | 36,296 | 11,600 | 10,225 | 2,306 | 683 | 475 |
|
|
201
|
+
| `checkbox-group` | 39,310 | 12,249 | 10,811 | 4,801 | 1,269 | 862 |
|
|
202
|
+
| `code` | 26,939 | 9,155 | 8,083 | 451 | 83 | 60 |
|
|
203
|
+
| `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,552 | 3,798 |
|
|
204
|
+
| `color-input` | 134,317 | 43,626 | 36,666 | 25,050 | 6,494 | 5,503 |
|
|
205
|
+
| `color-picker` | 101,842 | 32,936 | 27,149 | 19,424 | 5,231 | 4,496 |
|
|
206
|
+
| `combobox` | 132,162 | 42,701 | 35,897 | 20,245 | 5,034 | 4,106 |
|
|
207
|
+
| `command` | 102,549 | 32,630 | 26,720 | 17,560 | 4,508 | 3,675 |
|
|
208
|
+
| `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,984 | 2,415 |
|
|
209
|
+
| `data-table` | 169,894 | 52,545 | 44,369 | 54,707 | 13,880 | 11,468 |
|
|
210
|
+
| `date-input` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 3,930 |
|
|
211
|
+
| `date-picker` | 87,537 | 28,957 | 23,818 | 9,997 | 2,829 | 2,200 |
|
|
212
|
+
| `description-list` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 91 |
|
|
213
|
+
| `dialog` | 31,972 | 10,617 | 9,373 | 2,717 | 824 | 573 |
|
|
214
|
+
| `divider` | 28,499 | 9,689 | 8,514 | 1,090 | 291 | 234 |
|
|
215
|
+
| `donut-chart` | 72,241 | 24,460 | 21,620 | 10,287 | 3,042 | 2,547 |
|
|
216
|
+
| `drawer` | 30,725 | 10,248 | 9,003 | 1,761 | 482 | 299 |
|
|
217
|
+
| `drilldown` | 83,024 | 27,570 | 22,537 | 5,697 | 1,524 | 1,248 |
|
|
218
|
+
| `empty` | 28,476 | 9,627 | 8,480 | 816 | 198 | 70 |
|
|
219
|
+
| `file-input` | 86,778 | 28,646 | 23,453 | 6,008 | 1,699 | 1,358 |
|
|
220
|
+
| `filter-input` | 143,157 | 45,564 | 38,275 | 28,036 | 6,809 | 5,616 |
|
|
221
|
+
| `format-date` | 31,933 | 10,735 | 9,531 | 2,867 | 714 | 532 |
|
|
222
|
+
| `heatmap` | 73,293 | 24,621 | 21,827 | 11,215 | 3,183 | 2,579 |
|
|
223
|
+
| `icon` | 75,148 | 25,011 | 20,602 | 952 | 219 | 253 |
|
|
224
|
+
| `icon-button` | 33,330 | 10,895 | 9,581 | 3,536 | 865 | 666 |
|
|
225
|
+
| `image` | 30,493 | 10,124 | 8,925 | 3,156 | 834 | 587 |
|
|
226
|
+
| `input` | 86,204 | 28,322 | 23,173 | 4,734 | 1,304 | 933 |
|
|
227
|
+
| `kbd` | 30,274 | 10,347 | 9,127 | 2,976 | 1,050 | 741 |
|
|
228
|
+
| `legend` | 32,209 | 10,802 | 9,476 | 1,089 | 296 | 230 |
|
|
229
|
+
| `line-chart` | 74,033 | 25,214 | 22,350 | 10,724 | 3,162 | 2,572 |
|
|
230
|
+
| `list` | 29,375 | 9,761 | 8,590 | 1,725 | 347 | 198 |
|
|
231
|
+
| `listbox` | 94,300 | 30,776 | 25,135 | 10,797 | 2,978 | 2,330 |
|
|
232
|
+
| `loader` | 28,560 | 9,692 | 8,541 | 900 | 236 | 172 |
|
|
233
|
+
| `megamenu` | 58,777 | 20,371 | 18,004 | 4,950 | 1,367 | 942 |
|
|
234
|
+
| `menu` | 114,129 | 38,571 | 32,277 | 8,835 | 2,254 | 1,686 |
|
|
235
|
+
| `meter` | 31,750 | 10,542 | 9,305 | 4,099 | 1,059 | 941 |
|
|
236
|
+
| `navigation` | 30,198 | 10,204 | 9,007 | 1,361 | 377 | 298 |
|
|
237
|
+
| `notifications` | 91,023 | 29,582 | 24,302 | 11,898 | 2,831 | 2,261 |
|
|
238
|
+
| `number-input` | 88,557 | 28,958 | 23,717 | 7,174 | 1,936 | 1,489 |
|
|
239
|
+
| `object-inspector` | 128,470 | 42,889 | 36,122 | 19,342 | 5,189 | 4,242 |
|
|
240
|
+
| `option` | 30,453 | 10,083 | 8,880 | 2,796 | 624 | 456 |
|
|
241
|
+
| `outline` | 33,522 | 11,334 | 9,983 | 4,633 | 1,435 | 1,078 |
|
|
242
|
+
| `pagination` | 136,324 | 43,398 | 36,437 | 27,007 | 6,298 | 5,186 |
|
|
243
|
+
| `pin-input` | 38,949 | 12,440 | 10,965 | 5,038 | 1,515 | 1,185 |
|
|
244
|
+
| `popover` | 55,974 | 19,594 | 17,352 | 1,901 | 532 | 310 |
|
|
245
|
+
| `progress` | 29,601 | 9,965 | 8,807 | 1,951 | 500 | 384 |
|
|
246
|
+
| `qr-code` | 40,248 | 13,998 | 12,337 | 12,981 | 4,657 | 4,029 |
|
|
247
|
+
| `quote` | 27,843 | 9,447 | 8,286 | 552 | 139 | 54 |
|
|
248
|
+
| `radio` | 37,619 | 11,905 | 10,521 | 3,114 | 819 | 459 |
|
|
249
|
+
| `rating` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,264 |
|
|
250
|
+
| `scatter-chart` | 73,991 | 25,153 | 22,251 | 11,468 | 3,466 | 2,783 |
|
|
251
|
+
| `scroll-area` | 30,086 | 10,129 | 8,898 | 2,743 | 792 | 541 |
|
|
252
|
+
| `select` | 124,492 | 40,858 | 34,227 | 15,301 | 3,909 | 3,078 |
|
|
253
|
+
| `skeleton` | 27,032 | 9,189 | 8,101 | 544 | 117 | -20 |
|
|
254
|
+
| `skip-link` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 212 |
|
|
255
|
+
| `slider` | 39,332 | 12,455 | 11,004 | 5,177 | 1,419 | 1,124 |
|
|
256
|
+
| `sparkline` | 34,678 | 11,828 | 10,448 | 2,559 | 841 | 655 |
|
|
257
|
+
| `speed-dial` | 105,779 | 36,229 | 30,429 | 3,743 | 981 | 655 |
|
|
258
|
+
| `splitter` | 37,761 | 12,098 | 10,719 | 9,967 | 2,537 | 2,144 |
|
|
259
|
+
| `stat` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 113 |
|
|
260
|
+
| `steps` | 84,636 | 27,790 | 22,788 | 6,293 | 1,521 | 1,168 |
|
|
261
|
+
| `switch` | 35,811 | 11,505 | 10,179 | 1,699 | 535 | 284 |
|
|
262
|
+
| `table` | 85,419 | 28,352 | 23,212 | 9,193 | 2,589 | 2,017 |
|
|
263
|
+
| `tabs` | 35,284 | 11,444 | 10,081 | 4,097 | 904 | 667 |
|
|
264
|
+
| `tag` | 75,927 | 25,307 | 20,762 | 897 | 194 | 106 |
|
|
265
|
+
| `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,110 | 746 |
|
|
266
|
+
| `time-input` | 142,479 | 45,399 | 38,105 | 27,951 | 6,982 | 5,849 |
|
|
267
|
+
| `time-picker` | 102,855 | 33,278 | 27,328 | 18,808 | 5,124 | 4,218 |
|
|
268
|
+
| `timeline` | 76,459 | 25,298 | 20,882 | 1,894 | 407 | 277 |
|
|
269
|
+
| `toast` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 687 |
|
|
270
|
+
| `toggle` | 39,581 | 12,488 | 11,019 | 3,535 | 922 | 721 |
|
|
271
|
+
| `toolbar` | 30,362 | 10,282 | 9,077 | 2,933 | 950 | 695 |
|
|
272
|
+
| `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,817 | 1,406 |
|
|
273
|
+
| `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,776 | 2,193 |
|
|
274
|
+
| `tree` | 86,278 | 28,485 | 23,323 | 7,177 | 1,978 | 1,540 |
|
|
275
|
+
| `trend` | 75,252 | 25,074 | 20,688 | 1,056 | 284 | 262 |
|
|
276
|
+
| `video` | 139,429 | 44,864 | 37,871 | 33,883 | 8,227 | 7,192 |
|
|
277
|
+
| `video-playlist` | 121,666 | 40,175 | 33,699 | 14,968 | 3,500 | 2,887 |
|
|
278
|
+
| `virtual-list` | 34,078 | 11,491 | 10,121 | 2,485 | 760 | 515 |
|
|
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` | 81,
|
|
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` | 88,
|
|
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,663 | 6,
|
|
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 |
|
|
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,965 | 45,356 | 38,109 | 35,029 | 7,
|
|
309
|
-
| `command` | 113,012 | 34,659 | 28,530 | 28,007 | 6,
|
|
310
|
-
| `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,
|
|
311
|
-
| `data-table` | 206,619 | 58,961 | 49,604 | 91,413 | 20,
|
|
312
|
-
| `date-input` | 146,151 | 45,274 | 38,124 | 34,389 | 7,733 | 6,
|
|
313
|
-
| `date-picker` | 93,103 | 30,118 | 24,763 | 15,545 | 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,956 | 11,254 | 9,931 | 5,975 | 1,
|
|
319
|
-
| `drilldown` | 87,571 | 28,570 | 23,410 | 10,232 | 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 |
|
|
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,624 | 2,
|
|
331
|
-
| `kbd` | 31,686 | 10,798 | 9,497 | 4,373 | 1,
|
|
332
|
-
| `legend` | 37,049 | 11,899 | 10,415 | 5,923 | 1,
|
|
333
|
-
| `line-chart` | 83,
|
|
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,654 | 21,443 | 19,020 | 9,810 | 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,120 | 45,227 | 38,114 | 32,971 | 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,723 | 8,356 | 2,239 | 1,
|
|
347
|
-
| `pagination` | 154,190 | 46,477 | 39,080 | 44,855 | 9,
|
|
348
|
-
| `pin-input` | 42,016 | 13,230 | 11,614 | 8,088 | 2,319 | 1,
|
|
349
|
-
| `popover` | 58,610 | 20,243 | 17,909 | 4,519 | 1,
|
|
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 |
|
|
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 |
|
|
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,777 | 29,452 | 24,142 | 14,540 | 3,
|
|
369
|
-
| `tabs` | 41,523 | 12,717 | 11,237 | 10,325 | 2,
|
|
370
|
-
| `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,
|
|
371
|
-
| `text` | 31,284 | 10,085 | 8,852 | 3,987 |
|
|
372
|
-
| `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,
|
|
373
|
-
| `time-input` | 163,718 | 48,905 | 41,244 | 49,175 | 10,526 | 8,
|
|
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 | 968 |
|
|
286
|
+
| `accordion` | 83,034 | 27,511 | 22,563 | 6,204 | 1,585 | 1,262 |
|
|
287
|
+
| `announcement` | 81,276 | 26,717 | 21,919 | 5,742 | 1,360 | 1,147 |
|
|
288
|
+
| `app-header` | 32,804 | 10,623 | 9,384 | 5,121 | 1,231 | 1,010 |
|
|
289
|
+
| `area-chart` | 81,933 | 27,131 | 23,975 | 18,520 | 5,029 | 4,076 |
|
|
290
|
+
| `aura` | 90,954 | 31,621 | 27,396 | 62,506 | 21,836 | 18,895 |
|
|
291
|
+
| `avatar` | 34,548 | 11,085 | 9,786 | 6,832 | 1,700 | 1,416 |
|
|
292
|
+
| `badge` | 31,553 | 10,365 | 9,117 | 4,249 | 1,008 | 792 |
|
|
293
|
+
| `bar-chart` | 88,982 | 28,389 | 25,106 | 25,652 | 6,375 | 5,288 |
|
|
294
|
+
| `blockquote` | 29,458 | 9,907 | 8,725 | 2,032 | 534 | 354 |
|
|
295
|
+
| `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,247 | 1,044 |
|
|
296
|
+
| `button` | 39,024 | 11,977 | 10,549 | 9,212 | 1,953 | 1,667 |
|
|
297
|
+
| `button-group` | 29,996 | 9,950 | 8,778 | 2,320 | 534 | 427 |
|
|
298
|
+
| `callout` | 77,642 | 25,753 | 21,306 | 2,895 | 768 | 712 |
|
|
299
|
+
| `card` | 31,587 | 10,409 | 9,159 | 3,915 | 979 | 829 |
|
|
300
|
+
| `carousel` | 93,279 | 29,210 | 24,185 | 18,420 | 3,868 | 3,306 |
|
|
301
|
+
| `chat` | 113,117 | 35,423 | 29,275 | 31,764 | 7,663 | 6,473 |
|
|
302
|
+
| `checkbox` | 42,340 | 12,992 | 11,454 | 8,334 | 2,077 | 1,698 |
|
|
303
|
+
| `checkbox-group` | 41,493 | 12,823 | 11,293 | 6,970 | 1,836 | 1,358 |
|
|
304
|
+
| `code` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 310 |
|
|
305
|
+
| `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,270 | 6,160 |
|
|
306
|
+
| `color-input` | 167,731 | 48,750 | 41,256 | 58,447 | 11,662 | 9,991 |
|
|
307
|
+
| `color-picker` | 129,552 | 37,367 | 31,096 | 47,128 | 9,744 | 8,379 |
|
|
308
|
+
| `combobox` | 146,965 | 45,356 | 38,109 | 35,029 | 7,697 | 6,441 |
|
|
309
|
+
| `command` | 113,012 | 34,659 | 28,530 | 28,007 | 6,557 | 5,560 |
|
|
310
|
+
| `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,949 |
|
|
311
|
+
| `data-table` | 206,619 | 58,961 | 49,604 | 91,413 | 20,364 | 16,945 |
|
|
312
|
+
| `date-input` | 146,151 | 45,274 | 38,124 | 34,389 | 7,733 | 6,575 |
|
|
313
|
+
| `date-picker` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,336 |
|
|
314
|
+
| `description-list` | 30,801 | 10,094 | 8,858 | 3,502 | 771 | 587 |
|
|
315
|
+
| `dialog` | 36,307 | 11,621 | 10,259 | 7,037 | 1,831 | 1,473 |
|
|
316
|
+
| `divider` | 30,655 | 10,211 | 8,968 | 3,229 | 804 | 645 |
|
|
317
|
+
| `donut-chart` | 81,344 | 26,351 | 23,370 | 19,370 | 4,963 | 4,172 |
|
|
318
|
+
| `drawer` | 34,956 | 11,254 | 9,931 | 5,975 | 1,493 | 1,261 |
|
|
319
|
+
| `drilldown` | 87,571 | 28,570 | 23,410 | 10,232 | 2,492 | 2,023 |
|
|
320
|
+
| `empty` | 29,763 | 9,992 | 8,792 | 2,087 | 558 | 421 |
|
|
321
|
+
| `file-input` | 97,997 | 30,852 | 25,354 | 17,221 | 3,861 | 3,272 |
|
|
322
|
+
| `filter-input` | 171,017 | 49,977 | 42,112 | 55,883 | 11,295 | 9,480 |
|
|
323
|
+
| `flex` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 357 |
|
|
324
|
+
| `format-date` | 32,581 | 10,882 | 9,624 | 3,497 | 866 | 631 |
|
|
325
|
+
| `grid` | 29,825 | 9,961 | 8,759 | 2,522 | 627 | 597 |
|
|
326
|
+
| `heatmap` | 80,091 | 26,012 | 23,084 | 17,994 | 4,613 | 3,790 |
|
|
327
|
+
| `icon` | 75,854 | 25,190 | 20,744 | 1,641 | 389 | 268 |
|
|
328
|
+
| `icon-button` | 39,345 | 11,909 | 10,469 | 9,537 | 1,879 | 1,537 |
|
|
329
|
+
| `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,318 | 1,031 |
|
|
330
|
+
| `input` | 92,407 | 29,664 | 24,292 | 10,930 | 2,624 | 2,136 |
|
|
331
|
+
| `kbd` | 31,686 | 10,798 | 9,497 | 4,373 | 1,501 | 1,218 |
|
|
332
|
+
| `legend` | 37,049 | 11,899 | 10,415 | 5,923 | 1,428 | 1,062 |
|
|
333
|
+
| `line-chart` | 83,804 | 27,205 | 24,071 | 20,480 | 5,200 | 4,318 |
|
|
334
|
+
| `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,317 | 1,100 |
|
|
335
|
+
| `listbox` | 98,569 | 31,778 | 25,963 | 15,059 | 3,962 | 3,207 |
|
|
336
|
+
| `loader` | 31,726 | 10,457 | 9,202 | 4,051 | 993 | 835 |
|
|
337
|
+
| `megamenu` | 63,654 | 21,443 | 19,020 | 9,810 | 2,427 | 1,969 |
|
|
338
|
+
| `menu` | 121,506 | 40,142 | 33,679 | 16,193 | 3,775 | 3,082 |
|
|
339
|
+
| `meter` | 37,148 | 11,685 | 10,337 | 9,479 | 2,208 | 1,887 |
|
|
340
|
+
| `navigation` | 31,579 | 10,593 | 9,338 | 2,726 | 775 | 517 |
|
|
341
|
+
| `notifications` | 103,979 | 31,926 | 26,377 | 24,840 | 5,175 | 4,364 |
|
|
342
|
+
| `number-input` | 93,339 | 30,092 | 24,650 | 11,944 | 3,039 | 2,425 |
|
|
343
|
+
| `object-inspector` | 142,120 | 45,227 | 38,114 | 32,971 | 7,522 | 6,305 |
|
|
344
|
+
| `option` | 33,707 | 10,986 | 9,718 | 6,038 | 1,513 | 1,199 |
|
|
345
|
+
| `orb` | 37,854 | 13,149 | 11,627 | 10,144 | 3,619 | 3,150 |
|
|
346
|
+
| `outline` | 37,262 | 12,108 | 10,723 | 8,356 | 2,239 | 1,834 |
|
|
347
|
+
| `pagination` | 154,190 | 46,477 | 39,080 | 44,855 | 9,356 | 7,807 |
|
|
348
|
+
| `pin-input` | 42,016 | 13,230 | 11,614 | 8,088 | 2,319 | 1,828 |
|
|
349
|
+
| `popover` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 907 |
|
|
350
|
+
| `progress` | 34,630 | 11,137 | 9,863 | 6,962 | 1,658 | 1,394 |
|
|
351
|
+
| `qr-code` | 41,911 | 14,428 | 12,719 | 14,626 | 5,117 | 4,366 |
|
|
352
|
+
| `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 187 |
|
|
353
|
+
| `radio` | 45,198 | 13,328 | 11,758 | 10,686 | 2,251 | 1,818 |
|
|
354
|
+
| `rating` | 42,824 | 13,689 | 12,046 | 8,745 | 2,553 | 2,015 |
|
|
355
|
+
| `sandbox` | 62,782 | 17,258 | 15,267 | 34,690 | 7,629 | 6,568 |
|
|
356
|
+
| `scatter-chart` | 82,357 | 26,958 | 23,814 | 19,815 | 5,281 | 4,292 |
|
|
357
|
+
| `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,457 | 1,110 |
|
|
358
|
+
| `select` | 137,097 | 43,230 | 36,354 | 27,888 | 6,263 | 5,062 |
|
|
359
|
+
| `skeleton` | 29,550 | 9,941 | 8,760 | 2,242 | 605 | 443 |
|
|
360
|
+
| `skip-link` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 521 |
|
|
361
|
+
| `slider` | 50,314 | 14,414 | 12,755 | 16,142 | 3,395 | 2,945 |
|
|
362
|
+
| `sparkline` | 38,595 | 12,775 | 11,282 | 6,465 | 1,795 | 1,460 |
|
|
363
|
+
| `speed-dial` | 113,345 | 37,704 | 31,653 | 11,289 | 2,392 | 1,984 |
|
|
364
|
+
| `splitter` | 43,833 | 13,090 | 11,643 | 16,021 | 3,560 | 3,096 |
|
|
365
|
+
| `stat` | 31,624 | 10,248 | 9,052 | 3,954 | 837 | 606 |
|
|
366
|
+
| `steps` | 98,259 | 30,212 | 24,901 | 19,904 | 3,915 | 3,310 |
|
|
367
|
+
| `switch` | 40,035 | 12,546 | 11,059 | 5,908 | 1,588 | 1,244 |
|
|
368
|
+
| `table` | 90,777 | 29,452 | 24,142 | 14,540 | 3,650 | 3,018 |
|
|
369
|
+
| `tabs` | 41,523 | 12,717 | 11,237 | 10,325 | 2,201 | 1,829 |
|
|
370
|
+
| `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,022 | 908 |
|
|
371
|
+
| `text` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 517 |
|
|
372
|
+
| `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,937 | 1,485 |
|
|
373
|
+
| `time-input` | 163,718 | 48,905 | 41,244 | 49,175 | 10,526 | 8,888 |
|
|
374
|
+
| `time-picker` | 114,331 | 35,415 | 29,223 | 30,279 | 7,314 | 6,130 |
|
|
375
|
+
| `timeline` | 79,737 | 26,050 | 21,519 | 5,160 | 1,144 | 938 |
|
|
376
|
+
| `toast` | 87,191 | 28,068 | 23,098 | 11,526 | 2,592 | 2,099 |
|
|
377
|
+
| `toggle` | 44,568 | 13,642 | 12,060 | 8,514 | 2,090 | 1,677 |
|
|
378
|
+
| `toolbar` | 31,654 | 10,582 | 9,325 | 4,208 | 1,256 | 871 |
|
|
379
|
+
| `tooltip` | 63,149 | 21,446 | 18,957 | 9,492 | 2,553 | 2,023 |
|
|
380
|
+
| `tour` | 75,360 | 23,647 | 20,978 | 20,537 | 4,394 | 3,660 |
|
|
381
|
+
| `tree` | 91,978 | 29,827 | 24,434 | 12,867 | 3,312 | 2,759 |
|
|
382
|
+
| `trend` | 78,409 | 25,784 | 21,292 | 4,205 | 954 | 822 |
|
|
383
|
+
| `video` | 158,416 | 48,268 | 40,844 | 52,850 | 11,674 | 10,099 |
|
|
384
|
+
| `video-playlist` | 135,566 | 42,683 | 35,823 | 28,847 | 5,980 | 5,067 |
|
|
385
|
+
| `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 968 | 705 |
|
|
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,041,
|
|
397
|
+
| `@fusion.dev/helix-core` | 839,504 | 123 | 185,274 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
398
|
+
| `@fusion.dev/helix-headless` | 11,041,680 | 472 | 853,703 | `@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,023,
|
|
402
|
+
| `@fusion.dev/helix` | 12,023,320 | 798 | 337,103 | `@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\` |
|
|
2014
|
+
| Lit and \`@fusion.dev/helix-core\` | 146,003 | 48,264 | 40,834 |
|
|
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,557 | 47,913 | 40,606 | Element base class, mixins, decorators, floating positioning. |
|
|
2026
|
+
| \`@fusion.dev/helix-headless\` | 601,356 | 155,656 | 121,178 | 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,657 | 251,381 | 184,106 | 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,224 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 58,961, 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 58,961, over 100 components. Every family at once is 251,381.
|
|
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,656 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,533 bytes gzipped alone.
|
|
2057
2057
|
|
|
@@ -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 | 323 |
|
|
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 | 234 |
|
|
2157
|
-
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 |
|
|
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,
|
|
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,162 | 42,701 | 35,897 | 20,245 | 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,894 | 52,545 | 44,369 | 54,707 | 13,
|
|
2174
|
-
| \`date-input\` | 130,281 | 42,245 | 35,486 | 18,542 | 4,
|
|
2175
|
-
| \`date-picker\` | 87,537 | 28,957 | 23,818 | 9,997 | 2,
|
|
2176
|
-
| \`description-list\` | 28,423 | 9,527 | 8,382 | 1,132 |
|
|
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,024 | 27,570 | 22,537 | 5,697 | 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 | 219 |
|
|
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,209 | 10,802 | 9,476 | 1,089 |
|
|
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,777 | 20,371 | 18,004 | 4,950 | 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,470 | 42,889 | 36,122 | 19,342 | 5,
|
|
2204
|
-
| \`option\` | 30,453 | 10,083 | 8,880 | 2,796 |
|
|
2205
|
-
| \`outline\` | 33,522 | 11,334 | 9,983 | 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,515 | 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,
|
|
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 |
|
|
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,537 | 2,
|
|
2223
|
-
| \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 |
|
|
2224
|
-
| \`steps\` | 84,636 | 27,790 | 22,788 | 6,293 | 1,
|
|
2225
|
-
| \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 |
|
|
2226
|
-
| \`table\` | 85,419 | 28,352 | 23,212 | 9,193 | 2,
|
|
2227
|
-
| \`tabs\` | 35,284 | 11,444 | 10,081 | 4,097 |
|
|
2228
|
-
| \`tag\` | 75,927 | 25,307 | 20,762 | 897 | 194 |
|
|
2229
|
-
| \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,110 |
|
|
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 |
|
|
2234
|
-
| \`toggle\` | 39,581 | 12,488 | 11,019 | 3,535 | 922 |
|
|
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 | 769 | 650 |
|
|
2150
|
+
| \`announcement\` | 76,867 | 25,712 | 21,074 | 1,349 | 382 | 297 |
|
|
2151
|
+
| \`app-header\` | 28,914 | 9,728 | 8,566 | 1,248 | 323 | 216 |
|
|
2152
|
+
| \`area-chart\` | 74,547 | 25,517 | 22,524 | 11,154 | 3,432 | 2,792 |
|
|
2153
|
+
| \`avatar\` | 30,963 | 10,323 | 9,124 | 3,257 | 928 | 619 |
|
|
2154
|
+
| \`badge\` | 28,449 | 9,658 | 8,518 | 1,162 | 300 | 168 |
|
|
2155
|
+
| \`bar-chart\` | 76,117 | 25,829 | 22,832 | 12,807 | 3,784 | 3,143 |
|
|
2156
|
+
| \`blockquote\` | 28,302 | 9,619 | 8,469 | 892 | 234 | 123 |
|
|
2157
|
+
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 448 | 271 |
|
|
2158
|
+
| \`button\` | 32,931 | 10,864 | 9,570 | 3,137 | 830 | 546 |
|
|
2159
|
+
| \`button-group\` | 28,320 | 9,574 | 8,438 | 661 | 144 | 28 |
|
|
2160
|
+
| \`callout\` | 75,643 | 25,209 | 20,789 | 912 | 243 | 131 |
|
|
2161
|
+
| \`card\` | 28,354 | 9,585 | 8,456 | 694 | 162 | 75 |
|
|
2162
|
+
| \`carousel\` | 83,386 | 27,592 | 22,732 | 8,538 | 2,257 | 1,793 |
|
|
2163
|
+
| \`chat\` | 99,001 | 32,944 | 27,083 | 17,663 | 5,148 | 4,277 |
|
|
2164
|
+
| \`checkbox\` | 36,296 | 11,600 | 10,225 | 2,306 | 683 | 475 |
|
|
2165
|
+
| \`checkbox-group\` | 39,310 | 12,249 | 10,811 | 4,801 | 1,269 | 862 |
|
|
2166
|
+
| \`code\` | 26,939 | 9,155 | 8,083 | 451 | 83 | 60 |
|
|
2167
|
+
| \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,552 | 3,798 |
|
|
2168
|
+
| \`color-input\` | 134,317 | 43,626 | 36,666 | 25,050 | 6,494 | 5,503 |
|
|
2169
|
+
| \`color-picker\` | 101,842 | 32,936 | 27,149 | 19,424 | 5,231 | 4,496 |
|
|
2170
|
+
| \`combobox\` | 132,162 | 42,701 | 35,897 | 20,245 | 5,034 | 4,106 |
|
|
2171
|
+
| \`command\` | 102,549 | 32,630 | 26,720 | 17,560 | 4,508 | 3,675 |
|
|
2172
|
+
| \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,984 | 2,415 |
|
|
2173
|
+
| \`data-table\` | 169,894 | 52,545 | 44,369 | 54,707 | 13,880 | 11,468 |
|
|
2174
|
+
| \`date-input\` | 130,281 | 42,245 | 35,486 | 18,542 | 4,768 | 3,930 |
|
|
2175
|
+
| \`date-picker\` | 87,537 | 28,957 | 23,818 | 9,997 | 2,829 | 2,200 |
|
|
2176
|
+
| \`description-list\` | 28,423 | 9,527 | 8,382 | 1,132 | 193 | 91 |
|
|
2177
|
+
| \`dialog\` | 31,972 | 10,617 | 9,373 | 2,717 | 824 | 573 |
|
|
2178
|
+
| \`divider\` | 28,499 | 9,689 | 8,514 | 1,090 | 291 | 234 |
|
|
2179
|
+
| \`donut-chart\` | 72,241 | 24,460 | 21,620 | 10,287 | 3,042 | 2,547 |
|
|
2180
|
+
| \`drawer\` | 30,725 | 10,248 | 9,003 | 1,761 | 482 | 299 |
|
|
2181
|
+
| \`drilldown\` | 83,024 | 27,570 | 22,537 | 5,697 | 1,524 | 1,248 |
|
|
2182
|
+
| \`empty\` | 28,476 | 9,627 | 8,480 | 816 | 198 | 70 |
|
|
2183
|
+
| \`file-input\` | 86,778 | 28,646 | 23,453 | 6,008 | 1,699 | 1,358 |
|
|
2184
|
+
| \`filter-input\` | 143,157 | 45,564 | 38,275 | 28,036 | 6,809 | 5,616 |
|
|
2185
|
+
| \`format-date\` | 31,933 | 10,735 | 9,531 | 2,867 | 714 | 532 |
|
|
2186
|
+
| \`heatmap\` | 73,293 | 24,621 | 21,827 | 11,215 | 3,183 | 2,579 |
|
|
2187
|
+
| \`icon\` | 75,148 | 25,011 | 20,602 | 952 | 219 | 253 |
|
|
2188
|
+
| \`icon-button\` | 33,330 | 10,895 | 9,581 | 3,536 | 865 | 666 |
|
|
2189
|
+
| \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 834 | 587 |
|
|
2190
|
+
| \`input\` | 86,204 | 28,322 | 23,173 | 4,734 | 1,304 | 933 |
|
|
2191
|
+
| \`kbd\` | 30,274 | 10,347 | 9,127 | 2,976 | 1,050 | 741 |
|
|
2192
|
+
| \`legend\` | 32,209 | 10,802 | 9,476 | 1,089 | 296 | 230 |
|
|
2193
|
+
| \`line-chart\` | 74,033 | 25,214 | 22,350 | 10,724 | 3,162 | 2,572 |
|
|
2194
|
+
| \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 347 | 198 |
|
|
2195
|
+
| \`listbox\` | 94,300 | 30,776 | 25,135 | 10,797 | 2,978 | 2,330 |
|
|
2196
|
+
| \`loader\` | 28,560 | 9,692 | 8,541 | 900 | 236 | 172 |
|
|
2197
|
+
| \`megamenu\` | 58,777 | 20,371 | 18,004 | 4,950 | 1,367 | 942 |
|
|
2198
|
+
| \`menu\` | 114,129 | 38,571 | 32,277 | 8,835 | 2,254 | 1,686 |
|
|
2199
|
+
| \`meter\` | 31,750 | 10,542 | 9,305 | 4,099 | 1,059 | 941 |
|
|
2200
|
+
| \`navigation\` | 30,198 | 10,204 | 9,007 | 1,361 | 377 | 298 |
|
|
2201
|
+
| \`notifications\` | 91,023 | 29,582 | 24,302 | 11,898 | 2,831 | 2,261 |
|
|
2202
|
+
| \`number-input\` | 88,557 | 28,958 | 23,717 | 7,174 | 1,936 | 1,489 |
|
|
2203
|
+
| \`object-inspector\` | 128,470 | 42,889 | 36,122 | 19,342 | 5,189 | 4,242 |
|
|
2204
|
+
| \`option\` | 30,453 | 10,083 | 8,880 | 2,796 | 624 | 456 |
|
|
2205
|
+
| \`outline\` | 33,522 | 11,334 | 9,983 | 4,633 | 1,435 | 1,078 |
|
|
2206
|
+
| \`pagination\` | 136,324 | 43,398 | 36,437 | 27,007 | 6,298 | 5,186 |
|
|
2207
|
+
| \`pin-input\` | 38,949 | 12,440 | 10,965 | 5,038 | 1,515 | 1,185 |
|
|
2208
|
+
| \`popover\` | 55,974 | 19,594 | 17,352 | 1,901 | 532 | 310 |
|
|
2209
|
+
| \`progress\` | 29,601 | 9,965 | 8,807 | 1,951 | 500 | 384 |
|
|
2210
|
+
| \`qr-code\` | 40,248 | 13,998 | 12,337 | 12,981 | 4,657 | 4,029 |
|
|
2211
|
+
| \`quote\` | 27,843 | 9,447 | 8,286 | 552 | 139 | 54 |
|
|
2212
|
+
| \`radio\` | 37,619 | 11,905 | 10,521 | 3,114 | 819 | 459 |
|
|
2213
|
+
| \`rating\` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,264 |
|
|
2214
|
+
| \`scatter-chart\` | 73,991 | 25,153 | 22,251 | 11,468 | 3,466 | 2,783 |
|
|
2215
|
+
| \`scroll-area\` | 30,086 | 10,129 | 8,898 | 2,743 | 792 | 541 |
|
|
2216
|
+
| \`select\` | 124,492 | 40,858 | 34,227 | 15,301 | 3,909 | 3,078 |
|
|
2217
|
+
| \`skeleton\` | 27,032 | 9,189 | 8,101 | 544 | 117 | -20 |
|
|
2218
|
+
| \`skip-link\` | 28,515 | 9,709 | 8,546 | 1,226 | 385 | 212 |
|
|
2219
|
+
| \`slider\` | 39,332 | 12,455 | 11,004 | 5,177 | 1,419 | 1,124 |
|
|
2220
|
+
| \`sparkline\` | 34,678 | 11,828 | 10,448 | 2,559 | 841 | 655 |
|
|
2221
|
+
| \`speed-dial\` | 105,779 | 36,229 | 30,429 | 3,743 | 981 | 655 |
|
|
2222
|
+
| \`splitter\` | 37,761 | 12,098 | 10,719 | 9,967 | 2,537 | 2,144 |
|
|
2223
|
+
| \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 113 |
|
|
2224
|
+
| \`steps\` | 84,636 | 27,790 | 22,788 | 6,293 | 1,521 | 1,168 |
|
|
2225
|
+
| \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 | 535 | 284 |
|
|
2226
|
+
| \`table\` | 85,419 | 28,352 | 23,212 | 9,193 | 2,589 | 2,017 |
|
|
2227
|
+
| \`tabs\` | 35,284 | 11,444 | 10,081 | 4,097 | 904 | 667 |
|
|
2228
|
+
| \`tag\` | 75,927 | 25,307 | 20,762 | 897 | 194 | 106 |
|
|
2229
|
+
| \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,110 | 746 |
|
|
2230
|
+
| \`time-input\` | 142,479 | 45,399 | 38,105 | 27,951 | 6,982 | 5,849 |
|
|
2231
|
+
| \`time-picker\` | 102,855 | 33,278 | 27,328 | 18,808 | 5,124 | 4,218 |
|
|
2232
|
+
| \`timeline\` | 76,459 | 25,298 | 20,882 | 1,894 | 407 | 277 |
|
|
2233
|
+
| \`toast\` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 687 |
|
|
2234
|
+
| \`toggle\` | 39,581 | 12,488 | 11,019 | 3,535 | 922 | 721 |
|
|
2235
|
+
| \`toolbar\` | 30,362 | 10,282 | 9,077 | 2,933 | 950 | 695 |
|
|
2236
|
+
| \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,817 | 1,406 |
|
|
2237
|
+
| \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,776 | 2,193 |
|
|
2238
|
+
| \`tree\` | 86,278 | 28,485 | 23,323 | 7,177 | 1,978 | 1,540 |
|
|
2239
|
+
| \`trend\` | 75,252 | 25,074 | 20,688 | 1,056 | 284 | 262 |
|
|
2240
|
+
| \`video\` | 139,429 | 44,864 | 37,871 | 33,883 | 8,227 | 7,192 |
|
|
2241
|
+
| \`video-playlist\` | 121,666 | 40,175 | 33,699 | 14,968 | 3,500 | 2,887 |
|
|
2242
|
+
| \`virtual-list\` | 34,078 | 11,491 | 10,121 | 2,485 | 760 | 515 |
|
|
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\` | 81,
|
|
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\` | 88,
|
|
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,663 | 6,
|
|
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 |
|
|
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,965 | 45,356 | 38,109 | 35,029 | 7,
|
|
2273
|
-
| \`command\` | 113,012 | 34,659 | 28,530 | 28,007 | 6,
|
|
2274
|
-
| \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,
|
|
2275
|
-
| \`data-table\` | 206,619 | 58,961 | 49,604 | 91,413 | 20,
|
|
2276
|
-
| \`date-input\` | 146,151 | 45,274 | 38,124 | 34,389 | 7,733 | 6,
|
|
2277
|
-
| \`date-picker\` | 93,103 | 30,118 | 24,763 | 15,545 | 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,956 | 11,254 | 9,931 | 5,975 | 1,
|
|
2283
|
-
| \`drilldown\` | 87,571 | 28,570 | 23,410 | 10,232 | 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 |
|
|
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,624 | 2,
|
|
2295
|
-
| \`kbd\` | 31,686 | 10,798 | 9,497 | 4,373 | 1,
|
|
2296
|
-
| \`legend\` | 37,049 | 11,899 | 10,415 | 5,923 | 1,
|
|
2297
|
-
| \`line-chart\` | 83,
|
|
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,654 | 21,443 | 19,020 | 9,810 | 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,120 | 45,227 | 38,114 | 32,971 | 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,723 | 8,356 | 2,239 | 1,
|
|
2311
|
-
| \`pagination\` | 154,190 | 46,477 | 39,080 | 44,855 | 9,
|
|
2312
|
-
| \`pin-input\` | 42,016 | 13,230 | 11,614 | 8,088 | 2,319 | 1,
|
|
2313
|
-
| \`popover\` | 58,610 | 20,243 | 17,909 | 4,519 | 1,
|
|
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 |
|
|
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 |
|
|
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,777 | 29,452 | 24,142 | 14,540 | 3,
|
|
2333
|
-
| \`tabs\` | 41,523 | 12,717 | 11,237 | 10,325 | 2,
|
|
2334
|
-
| \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,
|
|
2335
|
-
| \`text\` | 31,284 | 10,085 | 8,852 | 3,987 |
|
|
2336
|
-
| \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,
|
|
2337
|
-
| \`time-input\` | 163,718 | 48,905 | 41,244 | 49,175 | 10,526 | 8,
|
|
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 | 968 |
|
|
2250
|
+
| \`accordion\` | 83,034 | 27,511 | 22,563 | 6,204 | 1,585 | 1,262 |
|
|
2251
|
+
| \`announcement\` | 81,276 | 26,717 | 21,919 | 5,742 | 1,360 | 1,147 |
|
|
2252
|
+
| \`app-header\` | 32,804 | 10,623 | 9,384 | 5,121 | 1,231 | 1,010 |
|
|
2253
|
+
| \`area-chart\` | 81,933 | 27,131 | 23,975 | 18,520 | 5,029 | 4,076 |
|
|
2254
|
+
| \`aura\` | 90,954 | 31,621 | 27,396 | 62,506 | 21,836 | 18,895 |
|
|
2255
|
+
| \`avatar\` | 34,548 | 11,085 | 9,786 | 6,832 | 1,700 | 1,416 |
|
|
2256
|
+
| \`badge\` | 31,553 | 10,365 | 9,117 | 4,249 | 1,008 | 792 |
|
|
2257
|
+
| \`bar-chart\` | 88,982 | 28,389 | 25,106 | 25,652 | 6,375 | 5,288 |
|
|
2258
|
+
| \`blockquote\` | 29,458 | 9,907 | 8,725 | 2,032 | 534 | 354 |
|
|
2259
|
+
| \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,247 | 1,044 |
|
|
2260
|
+
| \`button\` | 39,024 | 11,977 | 10,549 | 9,212 | 1,953 | 1,667 |
|
|
2261
|
+
| \`button-group\` | 29,996 | 9,950 | 8,778 | 2,320 | 534 | 427 |
|
|
2262
|
+
| \`callout\` | 77,642 | 25,753 | 21,306 | 2,895 | 768 | 712 |
|
|
2263
|
+
| \`card\` | 31,587 | 10,409 | 9,159 | 3,915 | 979 | 829 |
|
|
2264
|
+
| \`carousel\` | 93,279 | 29,210 | 24,185 | 18,420 | 3,868 | 3,306 |
|
|
2265
|
+
| \`chat\` | 113,117 | 35,423 | 29,275 | 31,764 | 7,663 | 6,473 |
|
|
2266
|
+
| \`checkbox\` | 42,340 | 12,992 | 11,454 | 8,334 | 2,077 | 1,698 |
|
|
2267
|
+
| \`checkbox-group\` | 41,493 | 12,823 | 11,293 | 6,970 | 1,836 | 1,358 |
|
|
2268
|
+
| \`code\` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 310 |
|
|
2269
|
+
| \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,270 | 6,160 |
|
|
2270
|
+
| \`color-input\` | 167,731 | 48,750 | 41,256 | 58,447 | 11,662 | 9,991 |
|
|
2271
|
+
| \`color-picker\` | 129,552 | 37,367 | 31,096 | 47,128 | 9,744 | 8,379 |
|
|
2272
|
+
| \`combobox\` | 146,965 | 45,356 | 38,109 | 35,029 | 7,697 | 6,441 |
|
|
2273
|
+
| \`command\` | 113,012 | 34,659 | 28,530 | 28,007 | 6,557 | 5,560 |
|
|
2274
|
+
| \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,949 |
|
|
2275
|
+
| \`data-table\` | 206,619 | 58,961 | 49,604 | 91,413 | 20,364 | 16,945 |
|
|
2276
|
+
| \`date-input\` | 146,151 | 45,274 | 38,124 | 34,389 | 7,733 | 6,575 |
|
|
2277
|
+
| \`date-picker\` | 93,103 | 30,118 | 24,763 | 15,545 | 3,965 | 3,336 |
|
|
2278
|
+
| \`description-list\` | 30,801 | 10,094 | 8,858 | 3,502 | 771 | 587 |
|
|
2279
|
+
| \`dialog\` | 36,307 | 11,621 | 10,259 | 7,037 | 1,831 | 1,473 |
|
|
2280
|
+
| \`divider\` | 30,655 | 10,211 | 8,968 | 3,229 | 804 | 645 |
|
|
2281
|
+
| \`donut-chart\` | 81,344 | 26,351 | 23,370 | 19,370 | 4,963 | 4,172 |
|
|
2282
|
+
| \`drawer\` | 34,956 | 11,254 | 9,931 | 5,975 | 1,493 | 1,261 |
|
|
2283
|
+
| \`drilldown\` | 87,571 | 28,570 | 23,410 | 10,232 | 2,492 | 2,023 |
|
|
2284
|
+
| \`empty\` | 29,763 | 9,992 | 8,792 | 2,087 | 558 | 421 |
|
|
2285
|
+
| \`file-input\` | 97,997 | 30,852 | 25,354 | 17,221 | 3,861 | 3,272 |
|
|
2286
|
+
| \`filter-input\` | 171,017 | 49,977 | 42,112 | 55,883 | 11,295 | 9,480 |
|
|
2287
|
+
| \`flex\` | 29,298 | 9,797 | 8,624 | 1,999 | 464 | 357 |
|
|
2288
|
+
| \`format-date\` | 32,581 | 10,882 | 9,624 | 3,497 | 866 | 631 |
|
|
2289
|
+
| \`grid\` | 29,825 | 9,961 | 8,759 | 2,522 | 627 | 597 |
|
|
2290
|
+
| \`heatmap\` | 80,091 | 26,012 | 23,084 | 17,994 | 4,613 | 3,790 |
|
|
2291
|
+
| \`icon\` | 75,854 | 25,190 | 20,744 | 1,641 | 389 | 268 |
|
|
2292
|
+
| \`icon-button\` | 39,345 | 11,909 | 10,469 | 9,537 | 1,879 | 1,537 |
|
|
2293
|
+
| \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,318 | 1,031 |
|
|
2294
|
+
| \`input\` | 92,407 | 29,664 | 24,292 | 10,930 | 2,624 | 2,136 |
|
|
2295
|
+
| \`kbd\` | 31,686 | 10,798 | 9,497 | 4,373 | 1,501 | 1,218 |
|
|
2296
|
+
| \`legend\` | 37,049 | 11,899 | 10,415 | 5,923 | 1,428 | 1,062 |
|
|
2297
|
+
| \`line-chart\` | 83,804 | 27,205 | 24,071 | 20,480 | 5,200 | 4,318 |
|
|
2298
|
+
| \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,317 | 1,100 |
|
|
2299
|
+
| \`listbox\` | 98,569 | 31,778 | 25,963 | 15,059 | 3,962 | 3,207 |
|
|
2300
|
+
| \`loader\` | 31,726 | 10,457 | 9,202 | 4,051 | 993 | 835 |
|
|
2301
|
+
| \`megamenu\` | 63,654 | 21,443 | 19,020 | 9,810 | 2,427 | 1,969 |
|
|
2302
|
+
| \`menu\` | 121,506 | 40,142 | 33,679 | 16,193 | 3,775 | 3,082 |
|
|
2303
|
+
| \`meter\` | 37,148 | 11,685 | 10,337 | 9,479 | 2,208 | 1,887 |
|
|
2304
|
+
| \`navigation\` | 31,579 | 10,593 | 9,338 | 2,726 | 775 | 517 |
|
|
2305
|
+
| \`notifications\` | 103,979 | 31,926 | 26,377 | 24,840 | 5,175 | 4,364 |
|
|
2306
|
+
| \`number-input\` | 93,339 | 30,092 | 24,650 | 11,944 | 3,039 | 2,425 |
|
|
2307
|
+
| \`object-inspector\` | 142,120 | 45,227 | 38,114 | 32,971 | 7,522 | 6,305 |
|
|
2308
|
+
| \`option\` | 33,707 | 10,986 | 9,718 | 6,038 | 1,513 | 1,199 |
|
|
2309
|
+
| \`orb\` | 37,854 | 13,149 | 11,627 | 10,144 | 3,619 | 3,150 |
|
|
2310
|
+
| \`outline\` | 37,262 | 12,108 | 10,723 | 8,356 | 2,239 | 1,834 |
|
|
2311
|
+
| \`pagination\` | 154,190 | 46,477 | 39,080 | 44,855 | 9,356 | 7,807 |
|
|
2312
|
+
| \`pin-input\` | 42,016 | 13,230 | 11,614 | 8,088 | 2,319 | 1,828 |
|
|
2313
|
+
| \`popover\` | 58,610 | 20,243 | 17,909 | 4,519 | 1,187 | 907 |
|
|
2314
|
+
| \`progress\` | 34,630 | 11,137 | 9,863 | 6,962 | 1,658 | 1,394 |
|
|
2315
|
+
| \`qr-code\` | 41,911 | 14,428 | 12,719 | 14,626 | 5,117 | 4,366 |
|
|
2316
|
+
| \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 187 |
|
|
2317
|
+
| \`radio\` | 45,198 | 13,328 | 11,758 | 10,686 | 2,251 | 1,818 |
|
|
2318
|
+
| \`rating\` | 42,824 | 13,689 | 12,046 | 8,745 | 2,553 | 2,015 |
|
|
2319
|
+
| \`sandbox\` | 62,782 | 17,258 | 15,267 | 34,690 | 7,629 | 6,568 |
|
|
2320
|
+
| \`scatter-chart\` | 82,357 | 26,958 | 23,814 | 19,815 | 5,281 | 4,292 |
|
|
2321
|
+
| \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,457 | 1,110 |
|
|
2322
|
+
| \`select\` | 137,097 | 43,230 | 36,354 | 27,888 | 6,263 | 5,062 |
|
|
2323
|
+
| \`skeleton\` | 29,550 | 9,941 | 8,760 | 2,242 | 605 | 443 |
|
|
2324
|
+
| \`skip-link\` | 29,978 | 10,112 | 8,867 | 2,672 | 776 | 521 |
|
|
2325
|
+
| \`slider\` | 50,314 | 14,414 | 12,755 | 16,142 | 3,395 | 2,945 |
|
|
2326
|
+
| \`sparkline\` | 38,595 | 12,775 | 11,282 | 6,465 | 1,795 | 1,460 |
|
|
2327
|
+
| \`speed-dial\` | 113,345 | 37,704 | 31,653 | 11,289 | 2,392 | 1,984 |
|
|
2328
|
+
| \`splitter\` | 43,833 | 13,090 | 11,643 | 16,021 | 3,560 | 3,096 |
|
|
2329
|
+
| \`stat\` | 31,624 | 10,248 | 9,052 | 3,954 | 837 | 606 |
|
|
2330
|
+
| \`steps\` | 98,259 | 30,212 | 24,901 | 19,904 | 3,915 | 3,310 |
|
|
2331
|
+
| \`switch\` | 40,035 | 12,546 | 11,059 | 5,908 | 1,588 | 1,244 |
|
|
2332
|
+
| \`table\` | 90,777 | 29,452 | 24,142 | 14,540 | 3,650 | 3,018 |
|
|
2333
|
+
| \`tabs\` | 41,523 | 12,717 | 11,237 | 10,325 | 2,201 | 1,829 |
|
|
2334
|
+
| \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,022 | 908 |
|
|
2335
|
+
| \`text\` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 517 |
|
|
2336
|
+
| \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,937 | 1,485 |
|
|
2337
|
+
| \`time-input\` | 163,718 | 48,905 | 41,244 | 49,175 | 10,526 | 8,888 |
|
|
2338
|
+
| \`time-picker\` | 114,331 | 35,415 | 29,223 | 30,279 | 7,314 | 6,130 |
|
|
2339
|
+
| \`timeline\` | 79,737 | 26,050 | 21,519 | 5,160 | 1,144 | 938 |
|
|
2340
|
+
| \`toast\` | 87,191 | 28,068 | 23,098 | 11,526 | 2,592 | 2,099 |
|
|
2341
|
+
| \`toggle\` | 44,568 | 13,642 | 12,060 | 8,514 | 2,090 | 1,677 |
|
|
2342
|
+
| \`toolbar\` | 31,654 | 10,582 | 9,325 | 4,208 | 1,256 | 871 |
|
|
2343
|
+
| \`tooltip\` | 63,149 | 21,446 | 18,957 | 9,492 | 2,553 | 2,023 |
|
|
2344
|
+
| \`tour\` | 75,360 | 23,647 | 20,978 | 20,537 | 4,394 | 3,660 |
|
|
2345
|
+
| \`tree\` | 91,978 | 29,827 | 24,434 | 12,867 | 3,312 | 2,759 |
|
|
2346
|
+
| \`trend\` | 78,409 | 25,784 | 21,292 | 4,205 | 954 | 822 |
|
|
2347
|
+
| \`video\` | 158,416 | 48,268 | 40,844 | 52,850 | 11,674 | 10,099 |
|
|
2348
|
+
| \`video-playlist\` | 135,566 | 42,683 | 35,823 | 28,847 | 5,980 | 5,067 |
|
|
2349
|
+
| \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 968 | 705 |
|
|
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,041,
|
|
2361
|
+
| \`@fusion.dev/helix-core\` | 839,504 | 123 | 185,274 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2362
|
+
| \`@fusion.dev/helix-headless\` | 11,041,680 | 472 | 853,703 | \`@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,023,
|
|
2366
|
+
| \`@fusion.dev/helix\` | 12,023,320 | 798 | 337,103 | \`@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.36.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.36.0",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.36.0",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|