@fusion.dev/helix-docs 0.56.1 → 0.58.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 +204 -204
- package/dist/sources.generated.js +204 -204
- 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` |
|
|
50
|
+
| Lit and `@fusion.dev/helix-core` | 153,849 | 50,974 | 43,175 |
|
|
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` |
|
|
62
|
-
| `@fusion.dev/helix-headless` | 603,
|
|
61
|
+
| `@fusion.dev/helix-core` | 153,403 | 50,593 | 43,021 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 603,497 | 156,668 | 121,996 | 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,
|
|
65
|
+
| `@fusion.dev/helix` | 1,081,687 | 253,548 | 186,168 | 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,826 bytes gzipped alone and adds 2,
|
|
86
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,222 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,198, over 100 components. Every family at once is 253,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,198, over 100 components. Every family at once is 253,548.
|
|
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 156,
|
|
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 156,668 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,530 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,862 | 2,875 |
|
|
186
|
-
| `announcement` | 77,029 | 25,791 | 21,123 | 1,231 |
|
|
187
|
-
| `app-header` | 28,914 | 9,728 | 8,559 | 1,248 |
|
|
188
|
-
| `area-chart` | 74,755 | 25,601 | 22,598 | 11,066 | 3,
|
|
189
|
-
| `avatar` | 30,963 | 10,323 | 9,111 | 3,257 |
|
|
190
|
-
| `badge` | 28,449 | 9,658 | 8,493 | 1,162 |
|
|
191
|
-
| `bar-chart` | 76,406 | 25,966 | 22,962 | 12,708 | 3,
|
|
192
|
-
| `blockquote` | 28,464 | 9,687 | 8,534 | 774 |
|
|
193
|
-
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 |
|
|
194
|
-
| `button` | 32,931 | 10,866 | 9,561 | 3,137 |
|
|
195
|
-
| `button-group` | 28,320 | 9,575 | 8,441 | 661 |
|
|
196
|
-
| `callout` | 75,643 | 25,209 | 20,830 | 912 |
|
|
197
|
-
| `card` | 28,354 | 9,586 | 8,460 | 694 |
|
|
198
|
-
| `carousel` | 84,876 | 28,045 | 23,153 | 10,027 | 2,
|
|
199
|
-
| `chat` | 98,932 | 33,003 | 27,115 | 17,331 | 5,
|
|
200
|
-
| `checkbox` | 36,332 | 11,615 | 10,210 | 2,309 |
|
|
201
|
-
| `checkbox-group` | 39,354 | 12,281 | 10,801 | 4,812 | 1,
|
|
202
|
-
| `code` | 26,939 | 9,156 | 8,067 | 451 |
|
|
203
|
-
| `code-block` | 121,239 | 40,432 | 34,183 | 17,302 | 4,
|
|
204
|
-
| `color-input` | 135,112 | 43,
|
|
205
|
-
| `color-picker` | 102,629 | 33,
|
|
206
|
-
| `combobox` | 132,319 | 42,745 | 35,897 | 20,388 | 5,
|
|
207
|
-
| `command` | 102,707 | 32,668 | 26,883 | 17,705 | 4,
|
|
208
|
-
| `copy-button` | 115,835 | 38,799 | 32,590 | 11,901 | 2,
|
|
209
|
-
| `data-table` | 170,408 | 52,757 | 44,535 | 54,871 | 13,
|
|
210
|
-
| `date-input` | 130,322 | 42,258 | 35,456 | 18,550 | 4,
|
|
211
|
-
| `date-picker` | 87,537 | 28,957 | 23,814 | 9,997 | 2,
|
|
212
|
-
| `description-list` | 28,423 | 9,527 | 8,396 | 1,132 |
|
|
213
|
-
| `dialog` | 31,972 | 10,618 | 9,359 | 2,717 |
|
|
214
|
-
| `divider` | 28,670 | 9,765 | 8,580 | 981 |
|
|
215
|
-
| `donut-chart` | 72,538 | 24,566 | 21,769 | 10,277 | 3,
|
|
216
|
-
| `drawer` | 30,725 | 10,249 | 8,997 | 1,761 |
|
|
217
|
-
| `drilldown` | 83,967 | 27,980 | 22,849 | 5,620 | 1,
|
|
218
|
-
| `empty` | 28,476 | 9,628 | 8,480 | 816 |
|
|
219
|
-
| `file-input` | 87,029 | 28,767 | 23,542 | 6,131 | 1,
|
|
220
|
-
| `filter-input` | 143,272 | 45,657 | 38,326 | 27,857 | 6,
|
|
221
|
-
| `format-date` | 31,933 | 10,735 | 9,501 | 2,867 |
|
|
222
|
-
| `heatmap` | 73,760 | 24,785 | 21,910 | 11,053 | 3,
|
|
223
|
-
| `icon` | 75,148 | 25,011 | 20,634 | 952 |
|
|
224
|
-
| `icon-button` | 33,330 | 10,898 | 9,617 | 3,536 |
|
|
225
|
-
| `image` | 30,493 | 10,124 | 8,925 | 3,156 |
|
|
226
|
-
| `input` | 86,245 | 28,339 | 23,175 | 4,742 | 1,
|
|
227
|
-
| `kbd` | 30,274 | 10,348 | 9,112 | 2,976 | 1,
|
|
228
|
-
| `legend` | 32,200 | 10,802 | 9,525 | 1,080 |
|
|
229
|
-
| `line-chart` | 74,336 | 25,300 | 22,420 | 10,731 | 3,
|
|
230
|
-
| `list` | 29,375 | 9,761 | 8,590 | 1,725 |
|
|
231
|
-
| `listbox` | 94,458 | 30,818 | 25,165 | 10,942 |
|
|
232
|
-
| `loader` | 28,560 | 9,693 | 8,526 | 900 |
|
|
233
|
-
| `megamenu` | 58,768 | 20,365 | 18,023 | 4,941 | 1,
|
|
234
|
-
| `menu` | 114,091 | 38,572 | 32,324 | 8,816 | 2,
|
|
235
|
-
| `meter` | 31,750 | 10,542 | 9,277 | 4,099 | 1,
|
|
236
|
-
| `navigation` | 30,198 | 10,203 | 9,003 | 1,361 |
|
|
237
|
-
| `notifications` | 91,555 | 29,712 | 24,386 | 11,333 | 2,
|
|
238
|
-
| `number-input` | 88,606 | 28,974 | 23,707 | 7,190 | 1,
|
|
239
|
-
| `object-inspector` | 128,538 | 42,916 | 36,096 | 19,410 | 5,
|
|
240
|
-
| `option` | 30,590 | 10,121 | 8,951 | 2,933 |
|
|
241
|
-
| `outline` | 33,522 | 11,334 | 10,014 | 4,633 | 1,
|
|
242
|
-
| `pagination` | 136,532 | 43,463 | 36,483 | 27,201 | 6,
|
|
243
|
-
| `pin-input` | 38,982 | 12,453 | 11,012 | 5,038 | 1,
|
|
244
|
-
| `popover` | 55,974 | 19,594 | 17,352 | 1,
|
|
245
|
-
| `progress` | 29,601 | 9,966 | 8,807 | 1,951 |
|
|
246
|
-
| `qr-code` | 40,250 | 14,005 | 12,359 | 12,983 | 4,
|
|
247
|
-
| `quote` | 27,843 | 9,448 | 8,325 | 552 |
|
|
248
|
-
| `radio` | 38,226 | 11,955 | 10,547 | 2,822 |
|
|
249
|
-
| `rating` | 40,621 | 12,997 | 11,459 | 6,527 | 1,
|
|
250
|
-
| `scatter-chart` | 74,272 | 25,238 | 22,232 | 11,442 | 3,
|
|
251
|
-
| `scroll-area` | 30,086 | 10,130 | 8,905 | 2,743 |
|
|
252
|
-
| `select` | 124,700 | 40,918 | 34,289 | 15,495 | 3,
|
|
253
|
-
| `skeleton` | 27,032 | 9,189 | 8,110 | 544 |
|
|
254
|
-
| `skip-link` | 28,515 | 9,709 | 8,538 | 1,226 |
|
|
255
|
-
| `slider` | 39,373 | 12,469 | 11,029 | 5,185 | 1,
|
|
256
|
-
| `sparkline` | 34,619 | 11,819 | 10,426 | 2,445 |
|
|
257
|
-
| `speed-dial` | 105,779 | 36,228 | 30,404 | 3,745 |
|
|
258
|
-
| `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,
|
|
259
|
-
| `stat` | 28,808 | 9,624 | 8,464 | 1,148 |
|
|
260
|
-
| `steps` | 84,562 | 27,788 | 22,780 | 6,219 | 1,
|
|
261
|
-
| `switch` | 35,949 | 11,576 | 10,243 | 1,524 |
|
|
262
|
-
| `table` | 85,463 | 28,383 | 23,227 | 9,256 | 2,
|
|
263
|
-
| `tabs` | 36,077 | 11,569 | 10,198 | 3,925 |
|
|
264
|
-
| `tag` | 75,927 | 25,307 | 20,715 | 897 |
|
|
265
|
-
| `textarea` | 38,454 | 12,148 | 10,669 | 4,026 | 1,
|
|
266
|
-
| `time-input` | 142,722 | 45,470 | 38,162 | 28,180 | 7,
|
|
267
|
-
| `time-picker` | 103,089 | 33,338 | 27,382 | 19,029 | 5,
|
|
268
|
-
| `timeline` | 76,374 | 25,276 | 20,869 | 1,809 |
|
|
269
|
-
| `toast` | 79,658 | 26,392 | 21,616 | 4,005 |
|
|
270
|
-
| `toggle` | 40,292 | 12,559 | 11,078 | 3,342 |
|
|
271
|
-
| `toolbar` | 30,362 | 10,282 | 9,071 | 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,369 | 28,538 | 23,344 | 7,191 | 1,
|
|
275
|
-
| `trend` | 75,252 | 25,076 | 20,677 | 1,056 |
|
|
276
|
-
| `video` | 139,537 | 44,
|
|
277
|
-
| `video-playlist` | 121,574 | 40,172 | 33,758 | 14,893 | 3,
|
|
278
|
-
| `virtual-list` | 34,078 | 11,490 | 10,128 | 2,485 |
|
|
185
|
+
| `accordion` | 79,692 | 26,691 | 21,862 | 2,875 | 762 | 612 |
|
|
186
|
+
| `announcement` | 77,029 | 25,791 | 21,123 | 1,231 | 324 | 262 |
|
|
187
|
+
| `app-header` | 28,914 | 9,728 | 8,559 | 1,248 | 326 | 216 |
|
|
188
|
+
| `area-chart` | 74,755 | 25,601 | 22,598 | 11,066 | 3,404 | 2,868 |
|
|
189
|
+
| `avatar` | 30,963 | 10,323 | 9,111 | 3,257 | 893 | 734 |
|
|
190
|
+
| `badge` | 28,449 | 9,658 | 8,493 | 1,162 | 311 | 259 |
|
|
191
|
+
| `bar-chart` | 76,406 | 25,966 | 22,962 | 12,708 | 3,759 | 3,126 |
|
|
192
|
+
| `blockquote` | 28,464 | 9,687 | 8,534 | 774 | 187 | 148 |
|
|
193
|
+
| `breadcrumbs` | 76,525 | 25,352 | 20,888 | 1,965 | 437 | 371 |
|
|
194
|
+
| `button` | 32,931 | 10,866 | 9,561 | 3,137 | 823 | 631 |
|
|
195
|
+
| `button-group` | 28,320 | 9,575 | 8,441 | 661 | 150 | 117 |
|
|
196
|
+
| `callout` | 75,643 | 25,209 | 20,830 | 912 | 252 | 238 |
|
|
197
|
+
| `card` | 28,354 | 9,586 | 8,460 | 694 | 162 | 122 |
|
|
198
|
+
| `carousel` | 84,876 | 28,045 | 23,153 | 10,027 | 2,645 | 2,248 |
|
|
199
|
+
| `chat` | 98,932 | 33,003 | 27,115 | 17,331 | 5,099 | 4,268 |
|
|
200
|
+
| `checkbox` | 36,332 | 11,615 | 10,210 | 2,309 | 674 | 458 |
|
|
201
|
+
| `checkbox-group` | 39,354 | 12,281 | 10,801 | 4,812 | 1,269 | 899 |
|
|
202
|
+
| `code` | 26,939 | 9,156 | 8,067 | 451 | 79 | 79 |
|
|
203
|
+
| `code-block` | 121,239 | 40,432 | 34,183 | 17,302 | 4,547 | 3,792 |
|
|
204
|
+
| `color-input` | 135,112 | 43,783 | 36,807 | 23,153 | 5,560 | 4,683 |
|
|
205
|
+
| `color-picker` | 102,629 | 33,102 | 27,269 | 17,518 | 4,324 | 3,663 |
|
|
206
|
+
| `combobox` | 132,319 | 42,745 | 35,897 | 20,388 | 5,095 | 4,110 |
|
|
207
|
+
| `command` | 102,707 | 32,668 | 26,883 | 17,705 | 4,529 | 3,734 |
|
|
208
|
+
| `copy-button` | 115,835 | 38,799 | 32,590 | 11,901 | 2,986 | 2,542 |
|
|
209
|
+
| `data-table` | 170,408 | 52,757 | 44,535 | 54,871 | 13,970 | 11,714 |
|
|
210
|
+
| `date-input` | 130,322 | 42,258 | 35,456 | 18,550 | 4,789 | 4,026 |
|
|
211
|
+
| `date-picker` | 87,537 | 28,957 | 23,814 | 9,997 | 2,807 | 2,243 |
|
|
212
|
+
| `description-list` | 28,423 | 9,527 | 8,396 | 1,132 | 185 | 177 |
|
|
213
|
+
| `dialog` | 31,972 | 10,618 | 9,359 | 2,717 | 801 | 594 |
|
|
214
|
+
| `divider` | 28,670 | 9,765 | 8,580 | 981 | 247 | 192 |
|
|
215
|
+
| `donut-chart` | 72,538 | 24,566 | 21,769 | 10,277 | 3,015 | 2,505 |
|
|
216
|
+
| `drawer` | 30,725 | 10,249 | 8,997 | 1,761 | 467 | 404 |
|
|
217
|
+
| `drilldown` | 83,967 | 27,980 | 22,849 | 5,620 | 1,523 | 1,215 |
|
|
218
|
+
| `empty` | 28,476 | 9,628 | 8,480 | 816 | 197 | 201 |
|
|
219
|
+
| `file-input` | 87,029 | 28,767 | 23,542 | 6,131 | 1,765 | 1,449 |
|
|
220
|
+
| `filter-input` | 143,272 | 45,657 | 38,326 | 27,857 | 6,750 | 5,584 |
|
|
221
|
+
| `format-date` | 31,933 | 10,735 | 9,501 | 2,867 | 726 | 619 |
|
|
222
|
+
| `heatmap` | 73,760 | 24,785 | 21,910 | 11,053 | 3,095 | 2,487 |
|
|
223
|
+
| `icon` | 75,148 | 25,011 | 20,634 | 952 | 230 | 158 |
|
|
224
|
+
| `icon-button` | 33,330 | 10,898 | 9,617 | 3,536 | 862 | 655 |
|
|
225
|
+
| `image` | 30,493 | 10,124 | 8,925 | 3,156 | 828 | 725 |
|
|
226
|
+
| `input` | 86,245 | 28,339 | 23,175 | 4,742 | 1,326 | 970 |
|
|
227
|
+
| `kbd` | 30,274 | 10,348 | 9,112 | 2,976 | 1,040 | 782 |
|
|
228
|
+
| `legend` | 32,200 | 10,802 | 9,525 | 1,080 | 291 | 247 |
|
|
229
|
+
| `line-chart` | 74,336 | 25,300 | 22,420 | 10,731 | 3,129 | 2,603 |
|
|
230
|
+
| `list` | 29,375 | 9,761 | 8,590 | 1,725 | 347 | 356 |
|
|
231
|
+
| `listbox` | 94,458 | 30,818 | 25,165 | 10,942 | 3,016 | 2,398 |
|
|
232
|
+
| `loader` | 28,560 | 9,693 | 8,526 | 900 | 237 | 277 |
|
|
233
|
+
| `megamenu` | 58,768 | 20,365 | 18,023 | 4,941 | 1,367 | 991 |
|
|
234
|
+
| `menu` | 114,091 | 38,572 | 32,324 | 8,816 | 2,248 | 1,830 |
|
|
235
|
+
| `meter` | 31,750 | 10,542 | 9,277 | 4,099 | 1,044 | 881 |
|
|
236
|
+
| `navigation` | 30,198 | 10,203 | 9,003 | 1,361 | 379 | 285 |
|
|
237
|
+
| `notifications` | 91,555 | 29,712 | 24,386 | 11,333 | 2,678 | 2,325 |
|
|
238
|
+
| `number-input` | 88,606 | 28,974 | 23,707 | 7,190 | 1,931 | 1,511 |
|
|
239
|
+
| `object-inspector` | 128,538 | 42,916 | 36,096 | 19,410 | 5,206 | 4,327 |
|
|
240
|
+
| `option` | 30,590 | 10,121 | 8,951 | 2,933 | 652 | 439 |
|
|
241
|
+
| `outline` | 33,522 | 11,334 | 10,014 | 4,633 | 1,414 | 1,120 |
|
|
242
|
+
| `pagination` | 136,532 | 43,463 | 36,483 | 27,201 | 6,361 | 5,252 |
|
|
243
|
+
| `pin-input` | 38,982 | 12,453 | 11,012 | 5,038 | 1,519 | 1,164 |
|
|
244
|
+
| `popover` | 55,974 | 19,594 | 17,352 | 1,899 | 517 | 399 |
|
|
245
|
+
| `progress` | 29,601 | 9,966 | 8,807 | 1,951 | 490 | 428 |
|
|
246
|
+
| `qr-code` | 40,250 | 14,005 | 12,359 | 12,983 | 4,682 | 4,086 |
|
|
247
|
+
| `quote` | 27,843 | 9,448 | 8,325 | 552 | 137 | 14 |
|
|
248
|
+
| `radio` | 38,226 | 11,955 | 10,547 | 2,822 | 750 | 544 |
|
|
249
|
+
| `rating` | 40,621 | 12,997 | 11,459 | 6,527 | 1,892 | 1,473 |
|
|
250
|
+
| `scatter-chart` | 74,272 | 25,238 | 22,232 | 11,442 | 3,430 | 2,745 |
|
|
251
|
+
| `scroll-area` | 30,086 | 10,130 | 8,905 | 2,743 | 793 | 591 |
|
|
252
|
+
| `select` | 124,700 | 40,918 | 34,289 | 15,495 | 3,961 | 3,169 |
|
|
253
|
+
| `skeleton` | 27,032 | 9,189 | 8,110 | 544 | 113 | 99 |
|
|
254
|
+
| `skip-link` | 28,515 | 9,709 | 8,538 | 1,226 | 372 | 364 |
|
|
255
|
+
| `slider` | 39,373 | 12,469 | 11,029 | 5,185 | 1,419 | 1,250 |
|
|
256
|
+
| `sparkline` | 34,619 | 11,819 | 10,426 | 2,445 | 801 | 673 |
|
|
257
|
+
| `speed-dial` | 105,779 | 36,228 | 30,404 | 3,745 | 979 | 715 |
|
|
258
|
+
| `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,570 | 2,199 |
|
|
259
|
+
| `stat` | 28,808 | 9,624 | 8,464 | 1,148 | 191 | 184 |
|
|
260
|
+
| `steps` | 84,562 | 27,788 | 22,780 | 6,219 | 1,506 | 1,280 |
|
|
261
|
+
| `switch` | 35,949 | 11,576 | 10,243 | 1,524 | 477 | 332 |
|
|
262
|
+
| `table` | 85,463 | 28,383 | 23,227 | 9,256 | 2,587 | 2,140 |
|
|
263
|
+
| `tabs` | 36,077 | 11,569 | 10,198 | 3,925 | 926 | 662 |
|
|
264
|
+
| `tag` | 75,927 | 25,307 | 20,715 | 897 | 196 | 147 |
|
|
265
|
+
| `textarea` | 38,454 | 12,148 | 10,669 | 4,026 | 1,113 | 784 |
|
|
266
|
+
| `time-input` | 142,722 | 45,470 | 38,162 | 28,180 | 7,029 | 5,816 |
|
|
267
|
+
| `time-picker` | 103,089 | 33,338 | 27,382 | 19,029 | 5,179 | 4,263 |
|
|
268
|
+
| `timeline` | 76,374 | 25,276 | 20,869 | 1,809 | 380 | 262 |
|
|
269
|
+
| `toast` | 79,658 | 26,392 | 21,616 | 4,005 | 963 | 764 |
|
|
270
|
+
| `toggle` | 40,292 | 12,559 | 11,078 | 3,342 | 873 | 586 |
|
|
271
|
+
| `toolbar` | 30,362 | 10,282 | 9,071 | 2,933 | 942 | 776 |
|
|
272
|
+
| `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,787 | 1,394 |
|
|
273
|
+
| `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,780 | 2,247 |
|
|
274
|
+
| `tree` | 86,369 | 28,538 | 23,344 | 7,191 | 1,992 | 1,535 |
|
|
275
|
+
| `trend` | 75,252 | 25,076 | 20,677 | 1,056 | 288 | 356 |
|
|
276
|
+
| `video` | 139,537 | 44,922 | 37,911 | 30,239 | 7,240 | 6,262 |
|
|
277
|
+
| `video-playlist` | 121,574 | 40,172 | 33,758 | 14,893 | 3,505 | 2,876 |
|
|
278
|
+
| `virtual-list` | 34,078 | 11,490 | 10,128 | 2,485 | 754 | 581 |
|
|
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,512 | 22,559 | 6,204 | 1,
|
|
287
|
-
| `announcement` | 81,438 | 26,799 | 21,979 | 5,624 | 1,
|
|
288
|
-
| `app-header` | 32,804 | 10,624 | 9,379 | 5,121 | 1,
|
|
289
|
-
| `area-chart` | 82,141 | 27,208 | 24,027 | 18,433 | 5,
|
|
290
|
-
| `aura` |
|
|
291
|
-
| `avatar` | 34,549 | 11,085 | 9,765 | 6,833 | 1,
|
|
292
|
-
| `badge` | 31,553 | 10,365 | 9,136 | 4,249 | 1,
|
|
293
|
-
| `bar-chart` | 89,210 | 28,519 | 25,248 | 25,492 | 6,
|
|
294
|
-
| `blockquote` | 29,620 | 9,970 | 8,765 | 1,914 |
|
|
295
|
-
| `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,
|
|
296
|
-
| `button` | 39,024 | 11,978 | 10,565 | 9,212 | 1,
|
|
297
|
-
| `button-group` | 29,996 | 9,950 | 8,756 | 2,320 |
|
|
298
|
-
| `callout` | 77,642 | 25,753 | 21,314 | 2,895 |
|
|
299
|
-
| `card` | 31,587 | 10,410 | 9,158 | 3,915 |
|
|
300
|
-
| `carousel` | 94,840 | 29,701 | 24,624 | 19,980 | 4,
|
|
301
|
-
| `chat` | 113,049 | 35,489 | 29,342 | 31,432 | 7,
|
|
302
|
-
| `checkbox` | 42,841 | 13,039 | 11,450 | 8,802 | 2,
|
|
303
|
-
| `checkbox-group` | 41,537 | 12,854 | 11,324 | 6,981 | 1,
|
|
304
|
-
| `code` | 28,016 | 9,451 | 8,318 | 1,511 |
|
|
305
|
-
| `code-block` | 137,688 | 43,293 | 36,473 | 33,731 | 7,
|
|
306
|
-
| `color-input` | 168,628 | 48,
|
|
307
|
-
| `color-picker` | 130,441 | 37,
|
|
308
|
-
| `combobox` | 147,122 | 45,410 | 38,194 | 35,172 | 7,
|
|
309
|
-
| `command` | 113,212 | 34,712 | 28,636 | 28,199 | 6,
|
|
310
|
-
| `copy-button` | 125,839 | 40,569 | 34,091 | 21,887 | 4,
|
|
311
|
-
| `data-table` | 207,626 | 59,198 | 49,817 | 92,070 | 20,
|
|
312
|
-
| `date-input` | 146,243 | 45,292 | 38,229 | 34,448 | 7,
|
|
313
|
-
| `date-picker` | 93,154 | 30,121 | 24,814 | 15,596 | 3,
|
|
314
|
-
| `description-list` | 30,801 | 10,095 | 8,892 | 3,502 |
|
|
315
|
-
| `dialog` | 36,349 | 11,636 | 10,265 | 7,079 | 1,
|
|
316
|
-
| `divider` | 30,826 | 10,284 | 9,053 | 3,120 |
|
|
317
|
-
| `donut-chart` | 81,645 | 26,464 | 23,449 | 19,364 | 4,
|
|
318
|
-
| `drawer` | 34,988 | 11,255 | 9,908 | 6,007 | 1,
|
|
319
|
-
| `drilldown` | 88,514 | 28,980 | 23,732 | 10,153 | 2,
|
|
320
|
-
| `empty` | 29,763 | 9,992 | 8,809 | 2,087 |
|
|
321
|
-
| `file-input` | 98,248 | 30,977 | 25,470 | 17,344 | 3,
|
|
322
|
-
| `filter-input` | 171,269 | 50,094 | 42,162 | 55,844 | 11,
|
|
323
|
-
| `flex` | 29,377 | 9,803 | 8,625 | 2,078 |
|
|
324
|
-
| `format-date` | 32,581 | 10,883 | 9,622 | 3,497 |
|
|
325
|
-
| `grid` | 29,831 | 9,956 | 8,764 | 2,528 |
|
|
326
|
-
| `heatmap` | 80,558 | 26,185 | 23,262 | 17,832 | 4,
|
|
327
|
-
| `icon` | 75,854 | 25,190 | 20,767 | 1,641 |
|
|
328
|
-
| `icon-button` | 39,345 | 11,910 | 10,494 | 9,537 | 1,
|
|
329
|
-
| `image` | 32,195 | 10,599 | 9,341 | 4,840 | 1,
|
|
330
|
-
| `input` | 92,448 | 29,682 | 24,353 | 10,938 | 2,
|
|
331
|
-
| `kbd` | 31,686 | 10,798 | 9,494 | 4,373 | 1,
|
|
332
|
-
| `legend` | 37,016 | 11,919 | 10,475 | 5,790 | 1,
|
|
333
|
-
| `line-chart` | 84,107 | 27,298 | 24,161 | 20,480 | 5,
|
|
334
|
-
| `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,
|
|
335
|
-
| `listbox` | 98,727 | 31,815 | 26,007 | 15,204 | 3,
|
|
336
|
-
| `loader` | 31,726 | 10,457 | 9,209 | 4,051 |
|
|
337
|
-
| `megamenu` | 63,649 | 21,440 | 19,005 | 9,805 | 2,426 |
|
|
338
|
-
| `menu` | 121,468 | 40,143 | 33,700 | 16,174 | 3,
|
|
339
|
-
| `meter` | 37,148 | 11,685 | 10,324 | 9,479 | 2,
|
|
340
|
-
| `navigation` | 31,579 | 10,593 | 9,325 | 2,726 |
|
|
341
|
-
| `notifications` | 104,511 | 32,059 | 26,461 | 24,276 | 5,
|
|
342
|
-
| `number-input` | 93,388 | 30,109 | 24,667 | 11,960 | 3,
|
|
343
|
-
| `object-inspector` | 142,176 | 45,250 | 38,134 | 33,027 | 7,
|
|
344
|
-
| `option` | 33,844 | 11,025 | 9,728 | 6,175 | 1,
|
|
345
|
-
| `orb` |
|
|
346
|
-
| `outline` | 37,262 | 12,108 | 10,683 | 8,356 | 2,
|
|
347
|
-
| `pagination` | 154,398 | 46,538 | 39,097 | 45,049 | 9,
|
|
348
|
-
| `pin-input` | 42,049 | 13,243 | 11,657 | 8,088 | 2,
|
|
349
|
-
| `popover` | 58,610 | 20,243 | 17,944 | 4,
|
|
350
|
-
| `progress` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,
|
|
351
|
-
| `qr-code` | 41,913 | 14,435 | 12,705 | 14,628 | 5,
|
|
352
|
-
| `quote` | 28,498 | 9,609 | 8,455 | 1,191 |
|
|
353
|
-
| `radio` | 46,423 | 13,448 | 11,882 | 11,010 | 2,
|
|
354
|
-
| `rating` | 44,835 | 14,196 | 12,497 | 10,724 | 3,
|
|
355
|
-
| `sandbox` | 63,540 | 17,409 | 15,411 | 35,445 | 7,
|
|
356
|
-
| `scatter-chart` | 82,664 | 27,049 | 23,880 | 19,815 | 5,
|
|
357
|
-
| `scroll-area` | 33,234 | 10,788 | 9,496 | 5,874 | 1,
|
|
358
|
-
| `select` | 137,305 | 43,291 | 36,401 | 28,086 | 6,
|
|
359
|
-
| `skeleton` | 29,550 | 9,943 | 8,755 | 2,242 |
|
|
360
|
-
| `skip-link` | 29,978 | 10,112 | 8,870 | 2,672 |
|
|
361
|
-
| `slider` | 50,355 | 14,429 | 12,758 | 16,150 | 3,
|
|
362
|
-
| `sparkline` | 38,537 | 12,763 | 11,292 | 6,351 | 1,
|
|
363
|
-
| `speed-dial` | 113,345 | 37,697 | 31,666 | 11,289 | 2,
|
|
364
|
-
| `splitter` | 44,009 | 13,134 | 11,676 | 16,197 | 3,
|
|
365
|
-
| `stat` | 31,624 | 10,248 | 9,065 | 3,954 |
|
|
366
|
-
| `steps` | 98,180 | 30,216 | 24,841 | 19,825 | 3,
|
|
367
|
-
| `switch` | 40,217 | 12,632 | 11,126 | 5,777 | 1,
|
|
368
|
-
| `table` | 90,841 | 29,483 | 24,181 | 14,623 | 3,
|
|
369
|
-
| `tabs` | 42,314 | 12,842 | 11,287 | 10,153 | 2,
|
|
370
|
-
| `tag` | 79,131 | 26,169 | 21,453 | 4,086 | 1,
|
|
371
|
-
| `text` | 31,284 | 10,086 | 8,873 | 3,987 |
|
|
372
|
-
| `textarea` | 41,791 | 12,957 | 11,410 | 7,349 | 1,
|
|
373
|
-
| `time-input` | 163,961 | 48,971 | 41,273 | 49,404 | 10,
|
|
374
|
-
| `time-picker` | 114,565 | 35,472 | 29,316 | 30,500 | 7,
|
|
375
|
-
| `timeline` | 79,687 | 26,034 | 21,488 | 5,110 | 1,
|
|
376
|
-
| `toast` | 87,191 | 28,068 | 23,160 | 11,526 | 2,
|
|
377
|
-
| `toggle` | 45,389 | 13,748 | 12,136 | 8,427 | 2,
|
|
378
|
-
| `toolbar` | 31,654 | 10,582 | 9,329 | 4,208 | 1,
|
|
379
|
-
| `tooltip` | 63,149 | 21,446 | 18,959 | 9,492 | 2,
|
|
380
|
-
| `tour` | 75,360 | 23,647 | 20,977 | 20,537 | 4,
|
|
381
|
-
| `tree` | 92,069 | 29,890 | 24,505 | 12,881 | 3,
|
|
382
|
-
| `trend` | 78,409 | 25,784 | 21,316 | 4,205 |
|
|
383
|
-
| `video` | 158,543 | 48,
|
|
384
|
-
| `video-playlist` | 135,475 | 42,673 | 35,827 | 28,774 | 5,
|
|
385
|
-
| `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 |
|
|
286
|
+
| `accordion` | 83,034 | 27,512 | 22,559 | 6,204 | 1,576 | 1,276 |
|
|
287
|
+
| `announcement` | 81,438 | 26,799 | 21,979 | 5,624 | 1,324 | 1,199 |
|
|
288
|
+
| `app-header` | 32,804 | 10,624 | 9,379 | 5,121 | 1,227 | 1,049 |
|
|
289
|
+
| `area-chart` | 82,141 | 27,208 | 24,027 | 18,433 | 5,045 | 4,187 |
|
|
290
|
+
| `aura` | 95,275 | 32,931 | 28,543 | 66,522 | 23,063 | 19,930 |
|
|
291
|
+
| `avatar` | 34,549 | 11,085 | 9,765 | 6,833 | 1,661 | 1,342 |
|
|
292
|
+
| `badge` | 31,553 | 10,365 | 9,136 | 4,249 | 1,019 | 847 |
|
|
293
|
+
| `bar-chart` | 89,210 | 28,519 | 25,248 | 25,492 | 6,349 | 5,284 |
|
|
294
|
+
| `blockquote` | 29,620 | 9,970 | 8,765 | 1,914 | 471 | 377 |
|
|
295
|
+
| `breadcrumbs` | 80,091 | 26,152 | 21,562 | 5,518 | 1,246 | 1,062 |
|
|
296
|
+
| `button` | 39,024 | 11,978 | 10,565 | 9,212 | 1,953 | 1,666 |
|
|
297
|
+
| `button-group` | 29,996 | 9,950 | 8,756 | 2,320 | 527 | 447 |
|
|
298
|
+
| `callout` | 77,642 | 25,753 | 21,314 | 2,895 | 762 | 671 |
|
|
299
|
+
| `card` | 31,587 | 10,410 | 9,158 | 3,915 | 989 | 813 |
|
|
300
|
+
| `carousel` | 94,840 | 29,701 | 24,624 | 19,980 | 4,317 | 3,696 |
|
|
301
|
+
| `chat` | 113,049 | 35,489 | 29,342 | 31,432 | 7,589 | 6,371 |
|
|
302
|
+
| `checkbox` | 42,841 | 13,039 | 11,450 | 8,802 | 2,111 | 1,713 |
|
|
303
|
+
| `checkbox-group` | 41,537 | 12,854 | 11,324 | 6,981 | 1,837 | 1,438 |
|
|
304
|
+
| `code` | 28,016 | 9,451 | 8,318 | 1,511 | 374 | 336 |
|
|
305
|
+
| `code-block` | 137,688 | 43,293 | 36,473 | 33,731 | 7,271 | 6,269 |
|
|
306
|
+
| `color-input` | 168,628 | 48,945 | 41,379 | 56,652 | 10,738 | 9,185 |
|
|
307
|
+
| `color-picker` | 130,441 | 37,567 | 31,278 | 45,326 | 8,845 | 7,524 |
|
|
308
|
+
| `combobox` | 147,122 | 45,410 | 38,194 | 35,172 | 7,716 | 6,429 |
|
|
309
|
+
| `command` | 113,212 | 34,712 | 28,636 | 28,199 | 6,597 | 5,475 |
|
|
310
|
+
| `copy-button` | 125,839 | 40,569 | 34,091 | 21,887 | 4,719 | 3,915 |
|
|
311
|
+
| `data-table` | 207,626 | 59,198 | 49,817 | 92,070 | 20,416 | 16,856 |
|
|
312
|
+
| `date-input` | 146,243 | 45,292 | 38,229 | 34,448 | 7,753 | 6,598 |
|
|
313
|
+
| `date-picker` | 93,154 | 30,121 | 24,814 | 15,596 | 3,968 | 3,318 |
|
|
314
|
+
| `description-list` | 30,801 | 10,095 | 8,892 | 3,502 | 777 | 653 |
|
|
315
|
+
| `dialog` | 36,349 | 11,636 | 10,265 | 7,079 | 1,822 | 1,523 |
|
|
316
|
+
| `divider` | 30,826 | 10,284 | 9,053 | 3,120 | 771 | 623 |
|
|
317
|
+
| `donut-chart` | 81,645 | 26,464 | 23,449 | 19,364 | 4,972 | 4,232 |
|
|
318
|
+
| `drawer` | 34,988 | 11,255 | 9,908 | 6,007 | 1,485 | 1,287 |
|
|
319
|
+
| `drilldown` | 88,514 | 28,980 | 23,732 | 10,153 | 2,486 | 2,007 |
|
|
320
|
+
| `empty` | 29,763 | 9,992 | 8,809 | 2,087 | 535 | 491 |
|
|
321
|
+
| `file-input` | 98,248 | 30,977 | 25,470 | 17,344 | 3,958 | 3,368 |
|
|
322
|
+
| `filter-input` | 171,269 | 50,094 | 42,162 | 55,844 | 11,336 | 9,488 |
|
|
323
|
+
| `flex` | 29,377 | 9,803 | 8,625 | 2,078 | 463 | 386 |
|
|
324
|
+
| `format-date` | 32,581 | 10,883 | 9,622 | 3,497 | 885 | 694 |
|
|
325
|
+
| `grid` | 29,831 | 9,956 | 8,764 | 2,528 | 610 | 602 |
|
|
326
|
+
| `heatmap` | 80,558 | 26,185 | 23,262 | 17,832 | 4,540 | 3,760 |
|
|
327
|
+
| `icon` | 75,854 | 25,190 | 20,767 | 1,641 | 391 | 350 |
|
|
328
|
+
| `icon-button` | 39,345 | 11,910 | 10,494 | 9,537 | 1,885 | 1,625 |
|
|
329
|
+
| `image` | 32,195 | 10,599 | 9,341 | 4,840 | 1,323 | 1,079 |
|
|
330
|
+
| `input` | 92,448 | 29,682 | 24,353 | 10,938 | 2,671 | 2,218 |
|
|
331
|
+
| `kbd` | 31,686 | 10,798 | 9,494 | 4,373 | 1,486 | 1,214 |
|
|
332
|
+
| `legend` | 37,016 | 11,919 | 10,475 | 5,790 | 1,396 | 1,095 |
|
|
333
|
+
| `line-chart` | 84,107 | 27,298 | 24,161 | 20,480 | 5,181 | 4,314 |
|
|
334
|
+
| `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,316 | 1,044 |
|
|
335
|
+
| `listbox` | 98,727 | 31,815 | 26,007 | 15,204 | 3,992 | 3,323 |
|
|
336
|
+
| `loader` | 31,726 | 10,457 | 9,209 | 4,051 | 991 | 877 |
|
|
337
|
+
| `megamenu` | 63,649 | 21,440 | 19,005 | 9,805 | 2,426 | 1,984 |
|
|
338
|
+
| `menu` | 121,468 | 40,143 | 33,700 | 16,174 | 3,790 | 3,101 |
|
|
339
|
+
| `meter` | 37,148 | 11,685 | 10,324 | 9,479 | 2,202 | 1,972 |
|
|
340
|
+
| `navigation` | 31,579 | 10,593 | 9,325 | 2,726 | 767 | 701 |
|
|
341
|
+
| `notifications` | 104,511 | 32,059 | 26,461 | 24,276 | 5,046 | 4,341 |
|
|
342
|
+
| `number-input` | 93,388 | 30,109 | 24,667 | 11,960 | 3,057 | 2,561 |
|
|
343
|
+
| `object-inspector` | 142,176 | 45,250 | 38,134 | 33,027 | 7,540 | 6,357 |
|
|
344
|
+
| `option` | 33,844 | 11,025 | 9,728 | 6,175 | 1,568 | 1,250 |
|
|
345
|
+
| `orb` | 38,056 | 13,237 | 11,734 | 9,799 | 3,482 | 3,093 |
|
|
346
|
+
| `outline` | 37,262 | 12,108 | 10,683 | 8,356 | 2,219 | 1,822 |
|
|
347
|
+
| `pagination` | 154,398 | 46,538 | 39,097 | 45,049 | 9,402 | 7,891 |
|
|
348
|
+
| `pin-input` | 42,049 | 13,243 | 11,657 | 8,088 | 2,318 | 1,858 |
|
|
349
|
+
| `popover` | 58,610 | 20,243 | 17,944 | 4,517 | 1,177 | 945 |
|
|
350
|
+
| `progress` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,451 |
|
|
351
|
+
| `qr-code` | 41,913 | 14,435 | 12,705 | 14,628 | 5,118 | 4,409 |
|
|
352
|
+
| `quote` | 28,498 | 9,609 | 8,455 | 1,191 | 289 | 212 |
|
|
353
|
+
| `radio` | 46,423 | 13,448 | 11,882 | 11,010 | 2,268 | 1,917 |
|
|
354
|
+
| `rating` | 44,835 | 14,196 | 12,497 | 10,724 | 3,084 | 2,578 |
|
|
355
|
+
| `sandbox` | 63,540 | 17,409 | 15,411 | 35,445 | 7,811 | 6,633 |
|
|
356
|
+
| `scatter-chart` | 82,664 | 27,049 | 23,880 | 19,815 | 5,286 | 4,387 |
|
|
357
|
+
| `scroll-area` | 33,234 | 10,788 | 9,496 | 5,874 | 1,450 | 1,216 |
|
|
358
|
+
| `select` | 137,305 | 43,291 | 36,401 | 28,086 | 6,327 | 5,246 |
|
|
359
|
+
| `skeleton` | 29,550 | 9,943 | 8,755 | 2,242 | 608 | 527 |
|
|
360
|
+
| `skip-link` | 29,978 | 10,112 | 8,870 | 2,672 | 781 | 614 |
|
|
361
|
+
| `slider` | 50,355 | 14,429 | 12,758 | 16,150 | 3,409 | 2,925 |
|
|
362
|
+
| `sparkline` | 38,537 | 12,763 | 11,292 | 6,351 | 1,774 | 1,533 |
|
|
363
|
+
| `speed-dial` | 113,345 | 37,697 | 31,666 | 11,289 | 2,395 | 1,914 |
|
|
364
|
+
| `splitter` | 44,009 | 13,134 | 11,676 | 16,197 | 3,604 | 3,054 |
|
|
365
|
+
| `stat` | 31,624 | 10,248 | 9,065 | 3,954 | 841 | 717 |
|
|
366
|
+
| `steps` | 98,180 | 30,216 | 24,841 | 19,825 | 3,952 | 3,316 |
|
|
367
|
+
| `switch` | 40,217 | 12,632 | 11,126 | 5,777 | 1,543 | 1,293 |
|
|
368
|
+
| `table` | 90,841 | 29,483 | 24,181 | 14,623 | 3,681 | 3,075 |
|
|
369
|
+
| `tabs` | 42,314 | 12,842 | 11,287 | 10,153 | 2,224 | 1,855 |
|
|
370
|
+
| `tag` | 79,131 | 26,169 | 21,453 | 4,086 | 1,026 | 943 |
|
|
371
|
+
| `text` | 31,284 | 10,086 | 8,873 | 3,987 | 802 | 705 |
|
|
372
|
+
| `textarea` | 41,791 | 12,957 | 11,410 | 7,349 | 1,965 | 1,513 |
|
|
373
|
+
| `time-input` | 163,961 | 48,971 | 41,273 | 49,404 | 10,597 | 8,921 |
|
|
374
|
+
| `time-picker` | 114,565 | 35,472 | 29,316 | 30,500 | 7,355 | 6,162 |
|
|
375
|
+
| `timeline` | 79,687 | 26,034 | 21,488 | 5,110 | 1,143 | 962 |
|
|
376
|
+
| `toast` | 87,191 | 28,068 | 23,160 | 11,526 | 2,616 | 2,192 |
|
|
377
|
+
| `toggle` | 45,389 | 13,748 | 12,136 | 8,427 | 2,087 | 1,687 |
|
|
378
|
+
| `toolbar` | 31,654 | 10,582 | 9,329 | 4,208 | 1,234 | 982 |
|
|
379
|
+
| `tooltip` | 63,149 | 21,446 | 18,959 | 9,492 | 2,519 | 2,077 |
|
|
380
|
+
| `tour` | 75,360 | 23,647 | 20,977 | 20,537 | 4,414 | 3,751 |
|
|
381
|
+
| `tree` | 92,069 | 29,890 | 24,505 | 12,881 | 3,339 | 2,850 |
|
|
382
|
+
| `trend` | 78,409 | 25,784 | 21,316 | 4,205 | 964 | 888 |
|
|
383
|
+
| `video` | 158,543 | 48,330 | 40,865 | 49,225 | 10,681 | 9,204 |
|
|
384
|
+
| `video-playlist` | 135,475 | 42,673 | 35,827 | 28,774 | 5,971 | 4,936 |
|
|
385
|
+
| `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 960 | 802 |
|
|
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` | 937,299 | 143 | 212,780 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
398
|
+
| `@fusion.dev/helix-headless` | 11,349,004 | 464 | 840,495 | `@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,464,197 | 796 | 337,876 | `@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\` | 153,849 | 50,974 | 43,175 |
|
|
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\` |
|
|
2026
|
-
| \`@fusion.dev/helix-headless\` | 603,
|
|
2025
|
+
| \`@fusion.dev/helix-core\` | 153,403 | 50,593 | 43,021 | Element base class, mixins, decorators, floating positioning. |
|
|
2026
|
+
| \`@fusion.dev/helix-headless\` | 603,497 | 156,668 | 121,996 | 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,
|
|
2029
|
+
| \`@fusion.dev/helix\` | 1,081,687 | 253,548 | 186,168 | 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,826 bytes gzipped alone and adds 2,
|
|
2050
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,222 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,198, over 100 components. Every family at once is 253,
|
|
2052
|
+
Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,198, over 100 components. Every family at once is 253,548.
|
|
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 156,
|
|
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 156,668 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,530 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,862 | 2,875 |
|
|
2150
|
-
| \`announcement\` | 77,029 | 25,791 | 21,123 | 1,231 |
|
|
2151
|
-
| \`app-header\` | 28,914 | 9,728 | 8,559 | 1,248 |
|
|
2152
|
-
| \`area-chart\` | 74,755 | 25,601 | 22,598 | 11,066 | 3,
|
|
2153
|
-
| \`avatar\` | 30,963 | 10,323 | 9,111 | 3,257 |
|
|
2154
|
-
| \`badge\` | 28,449 | 9,658 | 8,493 | 1,162 |
|
|
2155
|
-
| \`bar-chart\` | 76,406 | 25,966 | 22,962 | 12,708 | 3,
|
|
2156
|
-
| \`blockquote\` | 28,464 | 9,687 | 8,534 | 774 |
|
|
2157
|
-
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 |
|
|
2158
|
-
| \`button\` | 32,931 | 10,866 | 9,561 | 3,137 |
|
|
2159
|
-
| \`button-group\` | 28,320 | 9,575 | 8,441 | 661 |
|
|
2160
|
-
| \`callout\` | 75,643 | 25,209 | 20,830 | 912 |
|
|
2161
|
-
| \`card\` | 28,354 | 9,586 | 8,460 | 694 |
|
|
2162
|
-
| \`carousel\` | 84,876 | 28,045 | 23,153 | 10,027 | 2,
|
|
2163
|
-
| \`chat\` | 98,932 | 33,003 | 27,115 | 17,331 | 5,
|
|
2164
|
-
| \`checkbox\` | 36,332 | 11,615 | 10,210 | 2,309 |
|
|
2165
|
-
| \`checkbox-group\` | 39,354 | 12,281 | 10,801 | 4,812 | 1,
|
|
2166
|
-
| \`code\` | 26,939 | 9,156 | 8,067 | 451 |
|
|
2167
|
-
| \`code-block\` | 121,239 | 40,432 | 34,183 | 17,302 | 4,
|
|
2168
|
-
| \`color-input\` | 135,112 | 43,
|
|
2169
|
-
| \`color-picker\` | 102,629 | 33,
|
|
2170
|
-
| \`combobox\` | 132,319 | 42,745 | 35,897 | 20,388 | 5,
|
|
2171
|
-
| \`command\` | 102,707 | 32,668 | 26,883 | 17,705 | 4,
|
|
2172
|
-
| \`copy-button\` | 115,835 | 38,799 | 32,590 | 11,901 | 2,
|
|
2173
|
-
| \`data-table\` | 170,408 | 52,757 | 44,535 | 54,871 | 13,
|
|
2174
|
-
| \`date-input\` | 130,322 | 42,258 | 35,456 | 18,550 | 4,
|
|
2175
|
-
| \`date-picker\` | 87,537 | 28,957 | 23,814 | 9,997 | 2,
|
|
2176
|
-
| \`description-list\` | 28,423 | 9,527 | 8,396 | 1,132 |
|
|
2177
|
-
| \`dialog\` | 31,972 | 10,618 | 9,359 | 2,717 |
|
|
2178
|
-
| \`divider\` | 28,670 | 9,765 | 8,580 | 981 |
|
|
2179
|
-
| \`donut-chart\` | 72,538 | 24,566 | 21,769 | 10,277 | 3,
|
|
2180
|
-
| \`drawer\` | 30,725 | 10,249 | 8,997 | 1,761 |
|
|
2181
|
-
| \`drilldown\` | 83,967 | 27,980 | 22,849 | 5,620 | 1,
|
|
2182
|
-
| \`empty\` | 28,476 | 9,628 | 8,480 | 816 |
|
|
2183
|
-
| \`file-input\` | 87,029 | 28,767 | 23,542 | 6,131 | 1,
|
|
2184
|
-
| \`filter-input\` | 143,272 | 45,657 | 38,326 | 27,857 | 6,
|
|
2185
|
-
| \`format-date\` | 31,933 | 10,735 | 9,501 | 2,867 |
|
|
2186
|
-
| \`heatmap\` | 73,760 | 24,785 | 21,910 | 11,053 | 3,
|
|
2187
|
-
| \`icon\` | 75,148 | 25,011 | 20,634 | 952 |
|
|
2188
|
-
| \`icon-button\` | 33,330 | 10,898 | 9,617 | 3,536 |
|
|
2189
|
-
| \`image\` | 30,493 | 10,124 | 8,925 | 3,156 |
|
|
2190
|
-
| \`input\` | 86,245 | 28,339 | 23,175 | 4,742 | 1,
|
|
2191
|
-
| \`kbd\` | 30,274 | 10,348 | 9,112 | 2,976 | 1,
|
|
2192
|
-
| \`legend\` | 32,200 | 10,802 | 9,525 | 1,080 |
|
|
2193
|
-
| \`line-chart\` | 74,336 | 25,300 | 22,420 | 10,731 | 3,
|
|
2194
|
-
| \`list\` | 29,375 | 9,761 | 8,590 | 1,725 |
|
|
2195
|
-
| \`listbox\` | 94,458 | 30,818 | 25,165 | 10,942 |
|
|
2196
|
-
| \`loader\` | 28,560 | 9,693 | 8,526 | 900 |
|
|
2197
|
-
| \`megamenu\` | 58,768 | 20,365 | 18,023 | 4,941 | 1,
|
|
2198
|
-
| \`menu\` | 114,091 | 38,572 | 32,324 | 8,816 | 2,
|
|
2199
|
-
| \`meter\` | 31,750 | 10,542 | 9,277 | 4,099 | 1,
|
|
2200
|
-
| \`navigation\` | 30,198 | 10,203 | 9,003 | 1,361 |
|
|
2201
|
-
| \`notifications\` | 91,555 | 29,712 | 24,386 | 11,333 | 2,
|
|
2202
|
-
| \`number-input\` | 88,606 | 28,974 | 23,707 | 7,190 | 1,
|
|
2203
|
-
| \`object-inspector\` | 128,538 | 42,916 | 36,096 | 19,410 | 5,
|
|
2204
|
-
| \`option\` | 30,590 | 10,121 | 8,951 | 2,933 |
|
|
2205
|
-
| \`outline\` | 33,522 | 11,334 | 10,014 | 4,633 | 1,
|
|
2206
|
-
| \`pagination\` | 136,532 | 43,463 | 36,483 | 27,201 | 6,
|
|
2207
|
-
| \`pin-input\` | 38,982 | 12,453 | 11,012 | 5,038 | 1,
|
|
2208
|
-
| \`popover\` | 55,974 | 19,594 | 17,352 | 1,
|
|
2209
|
-
| \`progress\` | 29,601 | 9,966 | 8,807 | 1,951 |
|
|
2210
|
-
| \`qr-code\` | 40,250 | 14,005 | 12,359 | 12,983 | 4,
|
|
2211
|
-
| \`quote\` | 27,843 | 9,448 | 8,325 | 552 |
|
|
2212
|
-
| \`radio\` | 38,226 | 11,955 | 10,547 | 2,822 |
|
|
2213
|
-
| \`rating\` | 40,621 | 12,997 | 11,459 | 6,527 | 1,
|
|
2214
|
-
| \`scatter-chart\` | 74,272 | 25,238 | 22,232 | 11,442 | 3,
|
|
2215
|
-
| \`scroll-area\` | 30,086 | 10,130 | 8,905 | 2,743 |
|
|
2216
|
-
| \`select\` | 124,700 | 40,918 | 34,289 | 15,495 | 3,
|
|
2217
|
-
| \`skeleton\` | 27,032 | 9,189 | 8,110 | 544 |
|
|
2218
|
-
| \`skip-link\` | 28,515 | 9,709 | 8,538 | 1,226 |
|
|
2219
|
-
| \`slider\` | 39,373 | 12,469 | 11,029 | 5,185 | 1,
|
|
2220
|
-
| \`sparkline\` | 34,619 | 11,819 | 10,426 | 2,445 |
|
|
2221
|
-
| \`speed-dial\` | 105,779 | 36,228 | 30,404 | 3,745 |
|
|
2222
|
-
| \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,
|
|
2223
|
-
| \`stat\` | 28,808 | 9,624 | 8,464 | 1,148 |
|
|
2224
|
-
| \`steps\` | 84,562 | 27,788 | 22,780 | 6,219 | 1,
|
|
2225
|
-
| \`switch\` | 35,949 | 11,576 | 10,243 | 1,524 |
|
|
2226
|
-
| \`table\` | 85,463 | 28,383 | 23,227 | 9,256 | 2,
|
|
2227
|
-
| \`tabs\` | 36,077 | 11,569 | 10,198 | 3,925 |
|
|
2228
|
-
| \`tag\` | 75,927 | 25,307 | 20,715 | 897 |
|
|
2229
|
-
| \`textarea\` | 38,454 | 12,148 | 10,669 | 4,026 | 1,
|
|
2230
|
-
| \`time-input\` | 142,722 | 45,470 | 38,162 | 28,180 | 7,
|
|
2231
|
-
| \`time-picker\` | 103,089 | 33,338 | 27,382 | 19,029 | 5,
|
|
2232
|
-
| \`timeline\` | 76,374 | 25,276 | 20,869 | 1,809 |
|
|
2233
|
-
| \`toast\` | 79,658 | 26,392 | 21,616 | 4,005 |
|
|
2234
|
-
| \`toggle\` | 40,292 | 12,559 | 11,078 | 3,342 |
|
|
2235
|
-
| \`toolbar\` | 30,362 | 10,282 | 9,071 | 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,369 | 28,538 | 23,344 | 7,191 | 1,
|
|
2239
|
-
| \`trend\` | 75,252 | 25,076 | 20,677 | 1,056 |
|
|
2240
|
-
| \`video\` | 139,537 | 44,
|
|
2241
|
-
| \`video-playlist\` | 121,574 | 40,172 | 33,758 | 14,893 | 3,
|
|
2242
|
-
| \`virtual-list\` | 34,078 | 11,490 | 10,128 | 2,485 |
|
|
2149
|
+
| \`accordion\` | 79,692 | 26,691 | 21,862 | 2,875 | 762 | 612 |
|
|
2150
|
+
| \`announcement\` | 77,029 | 25,791 | 21,123 | 1,231 | 324 | 262 |
|
|
2151
|
+
| \`app-header\` | 28,914 | 9,728 | 8,559 | 1,248 | 326 | 216 |
|
|
2152
|
+
| \`area-chart\` | 74,755 | 25,601 | 22,598 | 11,066 | 3,404 | 2,868 |
|
|
2153
|
+
| \`avatar\` | 30,963 | 10,323 | 9,111 | 3,257 | 893 | 734 |
|
|
2154
|
+
| \`badge\` | 28,449 | 9,658 | 8,493 | 1,162 | 311 | 259 |
|
|
2155
|
+
| \`bar-chart\` | 76,406 | 25,966 | 22,962 | 12,708 | 3,759 | 3,126 |
|
|
2156
|
+
| \`blockquote\` | 28,464 | 9,687 | 8,534 | 774 | 187 | 148 |
|
|
2157
|
+
| \`breadcrumbs\` | 76,525 | 25,352 | 20,888 | 1,965 | 437 | 371 |
|
|
2158
|
+
| \`button\` | 32,931 | 10,866 | 9,561 | 3,137 | 823 | 631 |
|
|
2159
|
+
| \`button-group\` | 28,320 | 9,575 | 8,441 | 661 | 150 | 117 |
|
|
2160
|
+
| \`callout\` | 75,643 | 25,209 | 20,830 | 912 | 252 | 238 |
|
|
2161
|
+
| \`card\` | 28,354 | 9,586 | 8,460 | 694 | 162 | 122 |
|
|
2162
|
+
| \`carousel\` | 84,876 | 28,045 | 23,153 | 10,027 | 2,645 | 2,248 |
|
|
2163
|
+
| \`chat\` | 98,932 | 33,003 | 27,115 | 17,331 | 5,099 | 4,268 |
|
|
2164
|
+
| \`checkbox\` | 36,332 | 11,615 | 10,210 | 2,309 | 674 | 458 |
|
|
2165
|
+
| \`checkbox-group\` | 39,354 | 12,281 | 10,801 | 4,812 | 1,269 | 899 |
|
|
2166
|
+
| \`code\` | 26,939 | 9,156 | 8,067 | 451 | 79 | 79 |
|
|
2167
|
+
| \`code-block\` | 121,239 | 40,432 | 34,183 | 17,302 | 4,547 | 3,792 |
|
|
2168
|
+
| \`color-input\` | 135,112 | 43,783 | 36,807 | 23,153 | 5,560 | 4,683 |
|
|
2169
|
+
| \`color-picker\` | 102,629 | 33,102 | 27,269 | 17,518 | 4,324 | 3,663 |
|
|
2170
|
+
| \`combobox\` | 132,319 | 42,745 | 35,897 | 20,388 | 5,095 | 4,110 |
|
|
2171
|
+
| \`command\` | 102,707 | 32,668 | 26,883 | 17,705 | 4,529 | 3,734 |
|
|
2172
|
+
| \`copy-button\` | 115,835 | 38,799 | 32,590 | 11,901 | 2,986 | 2,542 |
|
|
2173
|
+
| \`data-table\` | 170,408 | 52,757 | 44,535 | 54,871 | 13,970 | 11,714 |
|
|
2174
|
+
| \`date-input\` | 130,322 | 42,258 | 35,456 | 18,550 | 4,789 | 4,026 |
|
|
2175
|
+
| \`date-picker\` | 87,537 | 28,957 | 23,814 | 9,997 | 2,807 | 2,243 |
|
|
2176
|
+
| \`description-list\` | 28,423 | 9,527 | 8,396 | 1,132 | 185 | 177 |
|
|
2177
|
+
| \`dialog\` | 31,972 | 10,618 | 9,359 | 2,717 | 801 | 594 |
|
|
2178
|
+
| \`divider\` | 28,670 | 9,765 | 8,580 | 981 | 247 | 192 |
|
|
2179
|
+
| \`donut-chart\` | 72,538 | 24,566 | 21,769 | 10,277 | 3,015 | 2,505 |
|
|
2180
|
+
| \`drawer\` | 30,725 | 10,249 | 8,997 | 1,761 | 467 | 404 |
|
|
2181
|
+
| \`drilldown\` | 83,967 | 27,980 | 22,849 | 5,620 | 1,523 | 1,215 |
|
|
2182
|
+
| \`empty\` | 28,476 | 9,628 | 8,480 | 816 | 197 | 201 |
|
|
2183
|
+
| \`file-input\` | 87,029 | 28,767 | 23,542 | 6,131 | 1,765 | 1,449 |
|
|
2184
|
+
| \`filter-input\` | 143,272 | 45,657 | 38,326 | 27,857 | 6,750 | 5,584 |
|
|
2185
|
+
| \`format-date\` | 31,933 | 10,735 | 9,501 | 2,867 | 726 | 619 |
|
|
2186
|
+
| \`heatmap\` | 73,760 | 24,785 | 21,910 | 11,053 | 3,095 | 2,487 |
|
|
2187
|
+
| \`icon\` | 75,148 | 25,011 | 20,634 | 952 | 230 | 158 |
|
|
2188
|
+
| \`icon-button\` | 33,330 | 10,898 | 9,617 | 3,536 | 862 | 655 |
|
|
2189
|
+
| \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 828 | 725 |
|
|
2190
|
+
| \`input\` | 86,245 | 28,339 | 23,175 | 4,742 | 1,326 | 970 |
|
|
2191
|
+
| \`kbd\` | 30,274 | 10,348 | 9,112 | 2,976 | 1,040 | 782 |
|
|
2192
|
+
| \`legend\` | 32,200 | 10,802 | 9,525 | 1,080 | 291 | 247 |
|
|
2193
|
+
| \`line-chart\` | 74,336 | 25,300 | 22,420 | 10,731 | 3,129 | 2,603 |
|
|
2194
|
+
| \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 347 | 356 |
|
|
2195
|
+
| \`listbox\` | 94,458 | 30,818 | 25,165 | 10,942 | 3,016 | 2,398 |
|
|
2196
|
+
| \`loader\` | 28,560 | 9,693 | 8,526 | 900 | 237 | 277 |
|
|
2197
|
+
| \`megamenu\` | 58,768 | 20,365 | 18,023 | 4,941 | 1,367 | 991 |
|
|
2198
|
+
| \`menu\` | 114,091 | 38,572 | 32,324 | 8,816 | 2,248 | 1,830 |
|
|
2199
|
+
| \`meter\` | 31,750 | 10,542 | 9,277 | 4,099 | 1,044 | 881 |
|
|
2200
|
+
| \`navigation\` | 30,198 | 10,203 | 9,003 | 1,361 | 379 | 285 |
|
|
2201
|
+
| \`notifications\` | 91,555 | 29,712 | 24,386 | 11,333 | 2,678 | 2,325 |
|
|
2202
|
+
| \`number-input\` | 88,606 | 28,974 | 23,707 | 7,190 | 1,931 | 1,511 |
|
|
2203
|
+
| \`object-inspector\` | 128,538 | 42,916 | 36,096 | 19,410 | 5,206 | 4,327 |
|
|
2204
|
+
| \`option\` | 30,590 | 10,121 | 8,951 | 2,933 | 652 | 439 |
|
|
2205
|
+
| \`outline\` | 33,522 | 11,334 | 10,014 | 4,633 | 1,414 | 1,120 |
|
|
2206
|
+
| \`pagination\` | 136,532 | 43,463 | 36,483 | 27,201 | 6,361 | 5,252 |
|
|
2207
|
+
| \`pin-input\` | 38,982 | 12,453 | 11,012 | 5,038 | 1,519 | 1,164 |
|
|
2208
|
+
| \`popover\` | 55,974 | 19,594 | 17,352 | 1,899 | 517 | 399 |
|
|
2209
|
+
| \`progress\` | 29,601 | 9,966 | 8,807 | 1,951 | 490 | 428 |
|
|
2210
|
+
| \`qr-code\` | 40,250 | 14,005 | 12,359 | 12,983 | 4,682 | 4,086 |
|
|
2211
|
+
| \`quote\` | 27,843 | 9,448 | 8,325 | 552 | 137 | 14 |
|
|
2212
|
+
| \`radio\` | 38,226 | 11,955 | 10,547 | 2,822 | 750 | 544 |
|
|
2213
|
+
| \`rating\` | 40,621 | 12,997 | 11,459 | 6,527 | 1,892 | 1,473 |
|
|
2214
|
+
| \`scatter-chart\` | 74,272 | 25,238 | 22,232 | 11,442 | 3,430 | 2,745 |
|
|
2215
|
+
| \`scroll-area\` | 30,086 | 10,130 | 8,905 | 2,743 | 793 | 591 |
|
|
2216
|
+
| \`select\` | 124,700 | 40,918 | 34,289 | 15,495 | 3,961 | 3,169 |
|
|
2217
|
+
| \`skeleton\` | 27,032 | 9,189 | 8,110 | 544 | 113 | 99 |
|
|
2218
|
+
| \`skip-link\` | 28,515 | 9,709 | 8,538 | 1,226 | 372 | 364 |
|
|
2219
|
+
| \`slider\` | 39,373 | 12,469 | 11,029 | 5,185 | 1,419 | 1,250 |
|
|
2220
|
+
| \`sparkline\` | 34,619 | 11,819 | 10,426 | 2,445 | 801 | 673 |
|
|
2221
|
+
| \`speed-dial\` | 105,779 | 36,228 | 30,404 | 3,745 | 979 | 715 |
|
|
2222
|
+
| \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,570 | 2,199 |
|
|
2223
|
+
| \`stat\` | 28,808 | 9,624 | 8,464 | 1,148 | 191 | 184 |
|
|
2224
|
+
| \`steps\` | 84,562 | 27,788 | 22,780 | 6,219 | 1,506 | 1,280 |
|
|
2225
|
+
| \`switch\` | 35,949 | 11,576 | 10,243 | 1,524 | 477 | 332 |
|
|
2226
|
+
| \`table\` | 85,463 | 28,383 | 23,227 | 9,256 | 2,587 | 2,140 |
|
|
2227
|
+
| \`tabs\` | 36,077 | 11,569 | 10,198 | 3,925 | 926 | 662 |
|
|
2228
|
+
| \`tag\` | 75,927 | 25,307 | 20,715 | 897 | 196 | 147 |
|
|
2229
|
+
| \`textarea\` | 38,454 | 12,148 | 10,669 | 4,026 | 1,113 | 784 |
|
|
2230
|
+
| \`time-input\` | 142,722 | 45,470 | 38,162 | 28,180 | 7,029 | 5,816 |
|
|
2231
|
+
| \`time-picker\` | 103,089 | 33,338 | 27,382 | 19,029 | 5,179 | 4,263 |
|
|
2232
|
+
| \`timeline\` | 76,374 | 25,276 | 20,869 | 1,809 | 380 | 262 |
|
|
2233
|
+
| \`toast\` | 79,658 | 26,392 | 21,616 | 4,005 | 963 | 764 |
|
|
2234
|
+
| \`toggle\` | 40,292 | 12,559 | 11,078 | 3,342 | 873 | 586 |
|
|
2235
|
+
| \`toolbar\` | 30,362 | 10,282 | 9,071 | 2,933 | 942 | 776 |
|
|
2236
|
+
| \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,787 | 1,394 |
|
|
2237
|
+
| \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,780 | 2,247 |
|
|
2238
|
+
| \`tree\` | 86,369 | 28,538 | 23,344 | 7,191 | 1,992 | 1,535 |
|
|
2239
|
+
| \`trend\` | 75,252 | 25,076 | 20,677 | 1,056 | 288 | 356 |
|
|
2240
|
+
| \`video\` | 139,537 | 44,922 | 37,911 | 30,239 | 7,240 | 6,262 |
|
|
2241
|
+
| \`video-playlist\` | 121,574 | 40,172 | 33,758 | 14,893 | 3,505 | 2,876 |
|
|
2242
|
+
| \`virtual-list\` | 34,078 | 11,490 | 10,128 | 2,485 | 754 | 581 |
|
|
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,512 | 22,559 | 6,204 | 1,
|
|
2251
|
-
| \`announcement\` | 81,438 | 26,799 | 21,979 | 5,624 | 1,
|
|
2252
|
-
| \`app-header\` | 32,804 | 10,624 | 9,379 | 5,121 | 1,
|
|
2253
|
-
| \`area-chart\` | 82,141 | 27,208 | 24,027 | 18,433 | 5,
|
|
2254
|
-
| \`aura\` |
|
|
2255
|
-
| \`avatar\` | 34,549 | 11,085 | 9,765 | 6,833 | 1,
|
|
2256
|
-
| \`badge\` | 31,553 | 10,365 | 9,136 | 4,249 | 1,
|
|
2257
|
-
| \`bar-chart\` | 89,210 | 28,519 | 25,248 | 25,492 | 6,
|
|
2258
|
-
| \`blockquote\` | 29,620 | 9,970 | 8,765 | 1,914 |
|
|
2259
|
-
| \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,
|
|
2260
|
-
| \`button\` | 39,024 | 11,978 | 10,565 | 9,212 | 1,
|
|
2261
|
-
| \`button-group\` | 29,996 | 9,950 | 8,756 | 2,320 |
|
|
2262
|
-
| \`callout\` | 77,642 | 25,753 | 21,314 | 2,895 |
|
|
2263
|
-
| \`card\` | 31,587 | 10,410 | 9,158 | 3,915 |
|
|
2264
|
-
| \`carousel\` | 94,840 | 29,701 | 24,624 | 19,980 | 4,
|
|
2265
|
-
| \`chat\` | 113,049 | 35,489 | 29,342 | 31,432 | 7,
|
|
2266
|
-
| \`checkbox\` | 42,841 | 13,039 | 11,450 | 8,802 | 2,
|
|
2267
|
-
| \`checkbox-group\` | 41,537 | 12,854 | 11,324 | 6,981 | 1,
|
|
2268
|
-
| \`code\` | 28,016 | 9,451 | 8,318 | 1,511 |
|
|
2269
|
-
| \`code-block\` | 137,688 | 43,293 | 36,473 | 33,731 | 7,
|
|
2270
|
-
| \`color-input\` | 168,628 | 48,
|
|
2271
|
-
| \`color-picker\` | 130,441 | 37,
|
|
2272
|
-
| \`combobox\` | 147,122 | 45,410 | 38,194 | 35,172 | 7,
|
|
2273
|
-
| \`command\` | 113,212 | 34,712 | 28,636 | 28,199 | 6,
|
|
2274
|
-
| \`copy-button\` | 125,839 | 40,569 | 34,091 | 21,887 | 4,
|
|
2275
|
-
| \`data-table\` | 207,626 | 59,198 | 49,817 | 92,070 | 20,
|
|
2276
|
-
| \`date-input\` | 146,243 | 45,292 | 38,229 | 34,448 | 7,
|
|
2277
|
-
| \`date-picker\` | 93,154 | 30,121 | 24,814 | 15,596 | 3,
|
|
2278
|
-
| \`description-list\` | 30,801 | 10,095 | 8,892 | 3,502 |
|
|
2279
|
-
| \`dialog\` | 36,349 | 11,636 | 10,265 | 7,079 | 1,
|
|
2280
|
-
| \`divider\` | 30,826 | 10,284 | 9,053 | 3,120 |
|
|
2281
|
-
| \`donut-chart\` | 81,645 | 26,464 | 23,449 | 19,364 | 4,
|
|
2282
|
-
| \`drawer\` | 34,988 | 11,255 | 9,908 | 6,007 | 1,
|
|
2283
|
-
| \`drilldown\` | 88,514 | 28,980 | 23,732 | 10,153 | 2,
|
|
2284
|
-
| \`empty\` | 29,763 | 9,992 | 8,809 | 2,087 |
|
|
2285
|
-
| \`file-input\` | 98,248 | 30,977 | 25,470 | 17,344 | 3,
|
|
2286
|
-
| \`filter-input\` | 171,269 | 50,094 | 42,162 | 55,844 | 11,
|
|
2287
|
-
| \`flex\` | 29,377 | 9,803 | 8,625 | 2,078 |
|
|
2288
|
-
| \`format-date\` | 32,581 | 10,883 | 9,622 | 3,497 |
|
|
2289
|
-
| \`grid\` | 29,831 | 9,956 | 8,764 | 2,528 |
|
|
2290
|
-
| \`heatmap\` | 80,558 | 26,185 | 23,262 | 17,832 | 4,
|
|
2291
|
-
| \`icon\` | 75,854 | 25,190 | 20,767 | 1,641 |
|
|
2292
|
-
| \`icon-button\` | 39,345 | 11,910 | 10,494 | 9,537 | 1,
|
|
2293
|
-
| \`image\` | 32,195 | 10,599 | 9,341 | 4,840 | 1,
|
|
2294
|
-
| \`input\` | 92,448 | 29,682 | 24,353 | 10,938 | 2,
|
|
2295
|
-
| \`kbd\` | 31,686 | 10,798 | 9,494 | 4,373 | 1,
|
|
2296
|
-
| \`legend\` | 37,016 | 11,919 | 10,475 | 5,790 | 1,
|
|
2297
|
-
| \`line-chart\` | 84,107 | 27,298 | 24,161 | 20,480 | 5,
|
|
2298
|
-
| \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,
|
|
2299
|
-
| \`listbox\` | 98,727 | 31,815 | 26,007 | 15,204 | 3,
|
|
2300
|
-
| \`loader\` | 31,726 | 10,457 | 9,209 | 4,051 |
|
|
2301
|
-
| \`megamenu\` | 63,649 | 21,440 | 19,005 | 9,805 | 2,426 |
|
|
2302
|
-
| \`menu\` | 121,468 | 40,143 | 33,700 | 16,174 | 3,
|
|
2303
|
-
| \`meter\` | 37,148 | 11,685 | 10,324 | 9,479 | 2,
|
|
2304
|
-
| \`navigation\` | 31,579 | 10,593 | 9,325 | 2,726 |
|
|
2305
|
-
| \`notifications\` | 104,511 | 32,059 | 26,461 | 24,276 | 5,
|
|
2306
|
-
| \`number-input\` | 93,388 | 30,109 | 24,667 | 11,960 | 3,
|
|
2307
|
-
| \`object-inspector\` | 142,176 | 45,250 | 38,134 | 33,027 | 7,
|
|
2308
|
-
| \`option\` | 33,844 | 11,025 | 9,728 | 6,175 | 1,
|
|
2309
|
-
| \`orb\` |
|
|
2310
|
-
| \`outline\` | 37,262 | 12,108 | 10,683 | 8,356 | 2,
|
|
2311
|
-
| \`pagination\` | 154,398 | 46,538 | 39,097 | 45,049 | 9,
|
|
2312
|
-
| \`pin-input\` | 42,049 | 13,243 | 11,657 | 8,088 | 2,
|
|
2313
|
-
| \`popover\` | 58,610 | 20,243 | 17,944 | 4,
|
|
2314
|
-
| \`progress\` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,
|
|
2315
|
-
| \`qr-code\` | 41,913 | 14,435 | 12,705 | 14,628 | 5,
|
|
2316
|
-
| \`quote\` | 28,498 | 9,609 | 8,455 | 1,191 |
|
|
2317
|
-
| \`radio\` | 46,423 | 13,448 | 11,882 | 11,010 | 2,
|
|
2318
|
-
| \`rating\` | 44,835 | 14,196 | 12,497 | 10,724 | 3,
|
|
2319
|
-
| \`sandbox\` | 63,540 | 17,409 | 15,411 | 35,445 | 7,
|
|
2320
|
-
| \`scatter-chart\` | 82,664 | 27,049 | 23,880 | 19,815 | 5,
|
|
2321
|
-
| \`scroll-area\` | 33,234 | 10,788 | 9,496 | 5,874 | 1,
|
|
2322
|
-
| \`select\` | 137,305 | 43,291 | 36,401 | 28,086 | 6,
|
|
2323
|
-
| \`skeleton\` | 29,550 | 9,943 | 8,755 | 2,242 |
|
|
2324
|
-
| \`skip-link\` | 29,978 | 10,112 | 8,870 | 2,672 |
|
|
2325
|
-
| \`slider\` | 50,355 | 14,429 | 12,758 | 16,150 | 3,
|
|
2326
|
-
| \`sparkline\` | 38,537 | 12,763 | 11,292 | 6,351 | 1,
|
|
2327
|
-
| \`speed-dial\` | 113,345 | 37,697 | 31,666 | 11,289 | 2,
|
|
2328
|
-
| \`splitter\` | 44,009 | 13,134 | 11,676 | 16,197 | 3,
|
|
2329
|
-
| \`stat\` | 31,624 | 10,248 | 9,065 | 3,954 |
|
|
2330
|
-
| \`steps\` | 98,180 | 30,216 | 24,841 | 19,825 | 3,
|
|
2331
|
-
| \`switch\` | 40,217 | 12,632 | 11,126 | 5,777 | 1,
|
|
2332
|
-
| \`table\` | 90,841 | 29,483 | 24,181 | 14,623 | 3,
|
|
2333
|
-
| \`tabs\` | 42,314 | 12,842 | 11,287 | 10,153 | 2,
|
|
2334
|
-
| \`tag\` | 79,131 | 26,169 | 21,453 | 4,086 | 1,
|
|
2335
|
-
| \`text\` | 31,284 | 10,086 | 8,873 | 3,987 |
|
|
2336
|
-
| \`textarea\` | 41,791 | 12,957 | 11,410 | 7,349 | 1,
|
|
2337
|
-
| \`time-input\` | 163,961 | 48,971 | 41,273 | 49,404 | 10,
|
|
2338
|
-
| \`time-picker\` | 114,565 | 35,472 | 29,316 | 30,500 | 7,
|
|
2339
|
-
| \`timeline\` | 79,687 | 26,034 | 21,488 | 5,110 | 1,
|
|
2340
|
-
| \`toast\` | 87,191 | 28,068 | 23,160 | 11,526 | 2,
|
|
2341
|
-
| \`toggle\` | 45,389 | 13,748 | 12,136 | 8,427 | 2,
|
|
2342
|
-
| \`toolbar\` | 31,654 | 10,582 | 9,329 | 4,208 | 1,
|
|
2343
|
-
| \`tooltip\` | 63,149 | 21,446 | 18,959 | 9,492 | 2,
|
|
2344
|
-
| \`tour\` | 75,360 | 23,647 | 20,977 | 20,537 | 4,
|
|
2345
|
-
| \`tree\` | 92,069 | 29,890 | 24,505 | 12,881 | 3,
|
|
2346
|
-
| \`trend\` | 78,409 | 25,784 | 21,316 | 4,205 |
|
|
2347
|
-
| \`video\` | 158,543 | 48,
|
|
2348
|
-
| \`video-playlist\` | 135,475 | 42,673 | 35,827 | 28,774 | 5,
|
|
2349
|
-
| \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 |
|
|
2250
|
+
| \`accordion\` | 83,034 | 27,512 | 22,559 | 6,204 | 1,576 | 1,276 |
|
|
2251
|
+
| \`announcement\` | 81,438 | 26,799 | 21,979 | 5,624 | 1,324 | 1,199 |
|
|
2252
|
+
| \`app-header\` | 32,804 | 10,624 | 9,379 | 5,121 | 1,227 | 1,049 |
|
|
2253
|
+
| \`area-chart\` | 82,141 | 27,208 | 24,027 | 18,433 | 5,045 | 4,187 |
|
|
2254
|
+
| \`aura\` | 95,275 | 32,931 | 28,543 | 66,522 | 23,063 | 19,930 |
|
|
2255
|
+
| \`avatar\` | 34,549 | 11,085 | 9,765 | 6,833 | 1,661 | 1,342 |
|
|
2256
|
+
| \`badge\` | 31,553 | 10,365 | 9,136 | 4,249 | 1,019 | 847 |
|
|
2257
|
+
| \`bar-chart\` | 89,210 | 28,519 | 25,248 | 25,492 | 6,349 | 5,284 |
|
|
2258
|
+
| \`blockquote\` | 29,620 | 9,970 | 8,765 | 1,914 | 471 | 377 |
|
|
2259
|
+
| \`breadcrumbs\` | 80,091 | 26,152 | 21,562 | 5,518 | 1,246 | 1,062 |
|
|
2260
|
+
| \`button\` | 39,024 | 11,978 | 10,565 | 9,212 | 1,953 | 1,666 |
|
|
2261
|
+
| \`button-group\` | 29,996 | 9,950 | 8,756 | 2,320 | 527 | 447 |
|
|
2262
|
+
| \`callout\` | 77,642 | 25,753 | 21,314 | 2,895 | 762 | 671 |
|
|
2263
|
+
| \`card\` | 31,587 | 10,410 | 9,158 | 3,915 | 989 | 813 |
|
|
2264
|
+
| \`carousel\` | 94,840 | 29,701 | 24,624 | 19,980 | 4,317 | 3,696 |
|
|
2265
|
+
| \`chat\` | 113,049 | 35,489 | 29,342 | 31,432 | 7,589 | 6,371 |
|
|
2266
|
+
| \`checkbox\` | 42,841 | 13,039 | 11,450 | 8,802 | 2,111 | 1,713 |
|
|
2267
|
+
| \`checkbox-group\` | 41,537 | 12,854 | 11,324 | 6,981 | 1,837 | 1,438 |
|
|
2268
|
+
| \`code\` | 28,016 | 9,451 | 8,318 | 1,511 | 374 | 336 |
|
|
2269
|
+
| \`code-block\` | 137,688 | 43,293 | 36,473 | 33,731 | 7,271 | 6,269 |
|
|
2270
|
+
| \`color-input\` | 168,628 | 48,945 | 41,379 | 56,652 | 10,738 | 9,185 |
|
|
2271
|
+
| \`color-picker\` | 130,441 | 37,567 | 31,278 | 45,326 | 8,845 | 7,524 |
|
|
2272
|
+
| \`combobox\` | 147,122 | 45,410 | 38,194 | 35,172 | 7,716 | 6,429 |
|
|
2273
|
+
| \`command\` | 113,212 | 34,712 | 28,636 | 28,199 | 6,597 | 5,475 |
|
|
2274
|
+
| \`copy-button\` | 125,839 | 40,569 | 34,091 | 21,887 | 4,719 | 3,915 |
|
|
2275
|
+
| \`data-table\` | 207,626 | 59,198 | 49,817 | 92,070 | 20,416 | 16,856 |
|
|
2276
|
+
| \`date-input\` | 146,243 | 45,292 | 38,229 | 34,448 | 7,753 | 6,598 |
|
|
2277
|
+
| \`date-picker\` | 93,154 | 30,121 | 24,814 | 15,596 | 3,968 | 3,318 |
|
|
2278
|
+
| \`description-list\` | 30,801 | 10,095 | 8,892 | 3,502 | 777 | 653 |
|
|
2279
|
+
| \`dialog\` | 36,349 | 11,636 | 10,265 | 7,079 | 1,822 | 1,523 |
|
|
2280
|
+
| \`divider\` | 30,826 | 10,284 | 9,053 | 3,120 | 771 | 623 |
|
|
2281
|
+
| \`donut-chart\` | 81,645 | 26,464 | 23,449 | 19,364 | 4,972 | 4,232 |
|
|
2282
|
+
| \`drawer\` | 34,988 | 11,255 | 9,908 | 6,007 | 1,485 | 1,287 |
|
|
2283
|
+
| \`drilldown\` | 88,514 | 28,980 | 23,732 | 10,153 | 2,486 | 2,007 |
|
|
2284
|
+
| \`empty\` | 29,763 | 9,992 | 8,809 | 2,087 | 535 | 491 |
|
|
2285
|
+
| \`file-input\` | 98,248 | 30,977 | 25,470 | 17,344 | 3,958 | 3,368 |
|
|
2286
|
+
| \`filter-input\` | 171,269 | 50,094 | 42,162 | 55,844 | 11,336 | 9,488 |
|
|
2287
|
+
| \`flex\` | 29,377 | 9,803 | 8,625 | 2,078 | 463 | 386 |
|
|
2288
|
+
| \`format-date\` | 32,581 | 10,883 | 9,622 | 3,497 | 885 | 694 |
|
|
2289
|
+
| \`grid\` | 29,831 | 9,956 | 8,764 | 2,528 | 610 | 602 |
|
|
2290
|
+
| \`heatmap\` | 80,558 | 26,185 | 23,262 | 17,832 | 4,540 | 3,760 |
|
|
2291
|
+
| \`icon\` | 75,854 | 25,190 | 20,767 | 1,641 | 391 | 350 |
|
|
2292
|
+
| \`icon-button\` | 39,345 | 11,910 | 10,494 | 9,537 | 1,885 | 1,625 |
|
|
2293
|
+
| \`image\` | 32,195 | 10,599 | 9,341 | 4,840 | 1,323 | 1,079 |
|
|
2294
|
+
| \`input\` | 92,448 | 29,682 | 24,353 | 10,938 | 2,671 | 2,218 |
|
|
2295
|
+
| \`kbd\` | 31,686 | 10,798 | 9,494 | 4,373 | 1,486 | 1,214 |
|
|
2296
|
+
| \`legend\` | 37,016 | 11,919 | 10,475 | 5,790 | 1,396 | 1,095 |
|
|
2297
|
+
| \`line-chart\` | 84,107 | 27,298 | 24,161 | 20,480 | 5,181 | 4,314 |
|
|
2298
|
+
| \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,316 | 1,044 |
|
|
2299
|
+
| \`listbox\` | 98,727 | 31,815 | 26,007 | 15,204 | 3,992 | 3,323 |
|
|
2300
|
+
| \`loader\` | 31,726 | 10,457 | 9,209 | 4,051 | 991 | 877 |
|
|
2301
|
+
| \`megamenu\` | 63,649 | 21,440 | 19,005 | 9,805 | 2,426 | 1,984 |
|
|
2302
|
+
| \`menu\` | 121,468 | 40,143 | 33,700 | 16,174 | 3,790 | 3,101 |
|
|
2303
|
+
| \`meter\` | 37,148 | 11,685 | 10,324 | 9,479 | 2,202 | 1,972 |
|
|
2304
|
+
| \`navigation\` | 31,579 | 10,593 | 9,325 | 2,726 | 767 | 701 |
|
|
2305
|
+
| \`notifications\` | 104,511 | 32,059 | 26,461 | 24,276 | 5,046 | 4,341 |
|
|
2306
|
+
| \`number-input\` | 93,388 | 30,109 | 24,667 | 11,960 | 3,057 | 2,561 |
|
|
2307
|
+
| \`object-inspector\` | 142,176 | 45,250 | 38,134 | 33,027 | 7,540 | 6,357 |
|
|
2308
|
+
| \`option\` | 33,844 | 11,025 | 9,728 | 6,175 | 1,568 | 1,250 |
|
|
2309
|
+
| \`orb\` | 38,056 | 13,237 | 11,734 | 9,799 | 3,482 | 3,093 |
|
|
2310
|
+
| \`outline\` | 37,262 | 12,108 | 10,683 | 8,356 | 2,219 | 1,822 |
|
|
2311
|
+
| \`pagination\` | 154,398 | 46,538 | 39,097 | 45,049 | 9,402 | 7,891 |
|
|
2312
|
+
| \`pin-input\` | 42,049 | 13,243 | 11,657 | 8,088 | 2,318 | 1,858 |
|
|
2313
|
+
| \`popover\` | 58,610 | 20,243 | 17,944 | 4,517 | 1,177 | 945 |
|
|
2314
|
+
| \`progress\` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,451 |
|
|
2315
|
+
| \`qr-code\` | 41,913 | 14,435 | 12,705 | 14,628 | 5,118 | 4,409 |
|
|
2316
|
+
| \`quote\` | 28,498 | 9,609 | 8,455 | 1,191 | 289 | 212 |
|
|
2317
|
+
| \`radio\` | 46,423 | 13,448 | 11,882 | 11,010 | 2,268 | 1,917 |
|
|
2318
|
+
| \`rating\` | 44,835 | 14,196 | 12,497 | 10,724 | 3,084 | 2,578 |
|
|
2319
|
+
| \`sandbox\` | 63,540 | 17,409 | 15,411 | 35,445 | 7,811 | 6,633 |
|
|
2320
|
+
| \`scatter-chart\` | 82,664 | 27,049 | 23,880 | 19,815 | 5,286 | 4,387 |
|
|
2321
|
+
| \`scroll-area\` | 33,234 | 10,788 | 9,496 | 5,874 | 1,450 | 1,216 |
|
|
2322
|
+
| \`select\` | 137,305 | 43,291 | 36,401 | 28,086 | 6,327 | 5,246 |
|
|
2323
|
+
| \`skeleton\` | 29,550 | 9,943 | 8,755 | 2,242 | 608 | 527 |
|
|
2324
|
+
| \`skip-link\` | 29,978 | 10,112 | 8,870 | 2,672 | 781 | 614 |
|
|
2325
|
+
| \`slider\` | 50,355 | 14,429 | 12,758 | 16,150 | 3,409 | 2,925 |
|
|
2326
|
+
| \`sparkline\` | 38,537 | 12,763 | 11,292 | 6,351 | 1,774 | 1,533 |
|
|
2327
|
+
| \`speed-dial\` | 113,345 | 37,697 | 31,666 | 11,289 | 2,395 | 1,914 |
|
|
2328
|
+
| \`splitter\` | 44,009 | 13,134 | 11,676 | 16,197 | 3,604 | 3,054 |
|
|
2329
|
+
| \`stat\` | 31,624 | 10,248 | 9,065 | 3,954 | 841 | 717 |
|
|
2330
|
+
| \`steps\` | 98,180 | 30,216 | 24,841 | 19,825 | 3,952 | 3,316 |
|
|
2331
|
+
| \`switch\` | 40,217 | 12,632 | 11,126 | 5,777 | 1,543 | 1,293 |
|
|
2332
|
+
| \`table\` | 90,841 | 29,483 | 24,181 | 14,623 | 3,681 | 3,075 |
|
|
2333
|
+
| \`tabs\` | 42,314 | 12,842 | 11,287 | 10,153 | 2,224 | 1,855 |
|
|
2334
|
+
| \`tag\` | 79,131 | 26,169 | 21,453 | 4,086 | 1,026 | 943 |
|
|
2335
|
+
| \`text\` | 31,284 | 10,086 | 8,873 | 3,987 | 802 | 705 |
|
|
2336
|
+
| \`textarea\` | 41,791 | 12,957 | 11,410 | 7,349 | 1,965 | 1,513 |
|
|
2337
|
+
| \`time-input\` | 163,961 | 48,971 | 41,273 | 49,404 | 10,597 | 8,921 |
|
|
2338
|
+
| \`time-picker\` | 114,565 | 35,472 | 29,316 | 30,500 | 7,355 | 6,162 |
|
|
2339
|
+
| \`timeline\` | 79,687 | 26,034 | 21,488 | 5,110 | 1,143 | 962 |
|
|
2340
|
+
| \`toast\` | 87,191 | 28,068 | 23,160 | 11,526 | 2,616 | 2,192 |
|
|
2341
|
+
| \`toggle\` | 45,389 | 13,748 | 12,136 | 8,427 | 2,087 | 1,687 |
|
|
2342
|
+
| \`toolbar\` | 31,654 | 10,582 | 9,329 | 4,208 | 1,234 | 982 |
|
|
2343
|
+
| \`tooltip\` | 63,149 | 21,446 | 18,959 | 9,492 | 2,519 | 2,077 |
|
|
2344
|
+
| \`tour\` | 75,360 | 23,647 | 20,977 | 20,537 | 4,414 | 3,751 |
|
|
2345
|
+
| \`tree\` | 92,069 | 29,890 | 24,505 | 12,881 | 3,339 | 2,850 |
|
|
2346
|
+
| \`trend\` | 78,409 | 25,784 | 21,316 | 4,205 | 964 | 888 |
|
|
2347
|
+
| \`video\` | 158,543 | 48,330 | 40,865 | 49,225 | 10,681 | 9,204 |
|
|
2348
|
+
| \`video-playlist\` | 135,475 | 42,673 | 35,827 | 28,774 | 5,971 | 4,936 |
|
|
2349
|
+
| \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 960 | 802 |
|
|
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\` | 937,299 | 143 | 212,780 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2362
|
+
| \`@fusion.dev/helix-headless\` | 11,349,004 | 464 | 840,495 | \`@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,464,197 | 796 | 337,876 | \`@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.58.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.58.0",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.58.0",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|