@fusion.dev/helix-docs 0.15.2 → 0.15.4
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 +197 -197
- package/dist/sources.generated.js +197 -197
- package/package.json +2 -2
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` | 139,
|
|
50
|
+
| Lit and `@fusion.dev/helix-core` | 139,507 | 46,015 | 39,400 |
|
|
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` | 139,
|
|
62
|
-
| `@fusion.dev/helix-headless` | 533,
|
|
61
|
+
| `@fusion.dev/helix-core` | 139,061 | 45,646 | 39,138 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 533,110 | 135,061 | 105,817 | 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` | 986,
|
|
65
|
+
| `@fusion.dev/helix` | 986,138 | 224,763 | 164,912 | 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
|
|
@@ -75,7 +75,7 @@ is the whole cost of adopting the base layer on its own.
|
|
|
75
75
|
|
|
76
76
|
| File | Raw | Gzip | Brotli | |
|
|
77
77
|
|---|---|---|---|---|
|
|
78
|
-
| `base.css` | 23,
|
|
78
|
+
| `base.css` | 23,093 | 3,558 | 3,057 | The base layer. Recipes for markup Helix does not render, usable with no JavaScript at all. |
|
|
79
79
|
| `elements.css` | 7,137 | 1,224 | 1,101 | Hides each element until its definition loads, generated from the tags in `@fusion.dev/helix`. |
|
|
80
80
|
| `helix.css` | 207 | 148 | 118 | The four above in one import, in the order they have to be in. |
|
|
81
81
|
| `primitives.css` | 6,275 | 1,234 | 1,062 | The primitive layer. Private, shipped because `tokens.css` resolves into it. |
|
|
@@ -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 13,974 bytes gzipped alone and adds 2,
|
|
86
|
+
**Most of a first component is the runtime under it.** The median styled family is 13,974 bytes gzipped alone and adds 2,527 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 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,065 gzipped alone, the dearest `data-table` at 51,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,065 gzipped alone, the dearest `data-table` at 51,731, over 95 components. Every family at once is 224,763.
|
|
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 135,
|
|
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 135,061 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 95 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 18,820 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -116,7 +116,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
|
|
|
116
116
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
117
117
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
118
118
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
119
|
-
| `radio` | **Helix** | 43,
|
|
119
|
+
| `radio` | **Helix** | 43,537 | 12,855 | 11,332 |
|
|
120
120
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
121
121
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
122
122
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
@@ -137,7 +137,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
|
|
|
137
137
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
138
138
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
139
139
|
|
|
140
|
-
**Where Helix loses**, which is the half of a comparison table worth reading: `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,
|
|
140
|
+
**Where Helix loses**, which is the half of a comparison table worth reading: `radio`, `switch`, `tooltip`. The largest gap is radio against Spectrum, by 2,195 bytes gzipped. 4 of 28 peer measurements come in under ours.
|
|
141
141
|
|
|
142
142
|
- **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
|
|
143
143
|
- **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
|
|
@@ -182,95 +182,95 @@ 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` | 77,373 | 25,790 | 21,229 | 3,228 | 1,
|
|
186
|
-
| `announcement` | 75,404 | 25,148 | 20,701 | 1,374 | 661 |
|
|
187
|
-
| `app-header` | 27,425 | 9,322 | 8,205 | 1,248 | 571 |
|
|
188
|
-
| `avatar` | 28,859 | 9,794 | 8,642 | 2,642 | 1,
|
|
189
|
-
| `badge` | 26,919 | 9,246 | 8,163 | 1,120 | 536 |
|
|
190
|
-
| `bar-chart` | 71,762 | 24,550 | 21,745 | 12,488 | 4,
|
|
191
|
-
| `blockquote` | 26,839 | 9,232 | 8,140 | 917 |
|
|
192
|
-
| `breadcrumbs` | 75,025 | 24,814 | 20,607 | 1,956 |
|
|
193
|
-
| `button` | 31,312 | 10,445 | 9,216 | 3,168 | 1,
|
|
194
|
-
| `button-group` | 26,832 | 9,170 | 8,068 | 661 | 359 |
|
|
195
|
-
| `callout` | 74,155 | 24,675 | 20,454 | 912 | 495 |
|
|
196
|
-
| `card` | 26,866 | 9,186 | 8,102 | 694 | 369 |
|
|
197
|
-
| `carousel` | 80,904 | 26,737 | 22,141 | 7,684 | 2,
|
|
198
|
-
| `chat` | 85,008 | 28,020 | 23,110 | 9,592 | 2,
|
|
199
|
-
| `checkbox` | 34,646 | 11,172 | 9,831 | 2,253 |
|
|
200
|
-
| `checkbox-group` | 37,
|
|
201
|
-
| `code` | 25,451 | 8,754 | 7,715 | 451 |
|
|
202
|
-
| `code-block` | 113,692 | 37,922 | 32,016 | 12,790 | 3,
|
|
203
|
-
| `color-input` | 131,269 | 42,548 | 35,825 | 26,064 | 7,201 | 5,
|
|
204
|
-
| `color-picker` | 100,398 | 32,385 | 26,772 | 19,490 | 5,753 | 4,
|
|
205
|
-
| `combobox` | 128,
|
|
206
|
-
| `command` | 100,
|
|
207
|
-
| `copy-button` | 112,372 | 37,654 | 31,723 | 11,471 | 3,
|
|
208
|
-
| `data-table` | 149,
|
|
209
|
-
| `date-input` | 124,144 | 40,441 | 34,068 | 19,386 | 5,404 | 4,
|
|
210
|
-
| `date-picker` | 85,626 | 28,231 | 23,302 | 9,803 | 3,
|
|
211
|
-
| `dialog` | 30,484 | 10,235 | 9,019 | 2,717 | 1,131 |
|
|
212
|
-
| `divider` | 27,036 | 9,307 | 8,174 | 1,115 |
|
|
213
|
-
| `donut-chart` | 67,672 | 23,131 | 20,446 | 9,748 | 3,
|
|
214
|
-
| `drawer` | 29,268 | 9,874 | 8,685 | 1,792 | 777 |
|
|
215
|
-
| `drilldown` | 80,657 | 26,804 | 22,019 | 5,057 | 1,
|
|
216
|
-
| `empty` | 26,988 | 9,226 | 8,147 | 816 |
|
|
217
|
-
| `file-input` | 85,388 | 28,229 | 23,148 | 6,215 | 2,
|
|
218
|
-
| `filter-input` | 112,615 | 37,566 | 31,680 | 6,637 | 2,
|
|
219
|
-
| `format-date` | 30,381 | 10,333 | 9,146 | 2,803 |
|
|
220
|
-
| `heatmap` | 69,136 | 23,403 | 20,696 | 11,038 | 3,
|
|
221
|
-
| `icon` | 73,561 | 24,431 | 20,290 | 850 | 433 |
|
|
222
|
-
| `icon-button` | 31,711 | 10,475 | 9,230 | 3,567 | 1,
|
|
223
|
-
| `image` | 28,816 | 9,691 | 8,518 | 2,967 | 1,
|
|
224
|
-
| `input` | 84,757 | 27,868 | 22,877 | 4,795 | 1,
|
|
225
|
-
| `kbd` | 28,706 | 9,926 | 8,748 | 2,897 | 1,
|
|
226
|
-
| `legend` | 29,187 | 10,066 | 8,845 | 1,097 |
|
|
227
|
-
| `line-chart` | 69,788 | 23,947 | 21,209 | 10,515 | 3,
|
|
228
|
-
| `list` | 27,887 | 9,360 | 8,245 | 1,728 |
|
|
229
|
-
| `listbox` | 92,
|
|
230
|
-
| `loader` | 27,072 | 9,293 | 8,182 | 900 |
|
|
231
|
-
| `megamenu` | 55,893 | 19,552 | 17,265 | 4,932 | 1,
|
|
232
|
-
| `menu` | 110,293 | 37,007 | 31,290 | 8,103 | 2,
|
|
233
|
-
| `meter` | 29,964 | 10,079 | 8,879 | 3,801 | 1,
|
|
234
|
-
| `navigation` | 28,831 | 9,815 | 8,680 | 1,582 |
|
|
235
|
-
| `notifications` | 84,980 | 28,095 | 23,139 | 8,638 | 2,
|
|
236
|
-
| `number-input` | 86,974 | 28,468 | 23,363 | 7,101 | 2,
|
|
237
|
-
| `option` | 28,875 | 9,651 | 8,521 | 2,707 |
|
|
238
|
-
| `outline` | 31,837 | 10,811 | 9,517 | 4,537 | 1,
|
|
239
|
-
| `pagination` | 132,
|
|
240
|
-
| `pin-input` | 37,535 | 12,009 | 10,627 | 5,135 | 1,
|
|
241
|
-
| `popover` | 53,190 | 18,820 | 16,606 | 1,986 |
|
|
242
|
-
| `progress` | 28,113 | 9,566 | 8,450 | 1,951 |
|
|
243
|
-
| `qr-code` | 38,587 | 13,554 | 11,997 | 12,808 | 5,
|
|
244
|
-
| `quote` | 26,355 | 9,041 | 7,964 | 552 |
|
|
245
|
-
| `radio` | 35,
|
|
246
|
-
| `rating` | 38,033 | 12,238 | 10,784 | 5,615 | 2,
|
|
247
|
-
| `scroll-area` | 28,465 | 9,748 | 8,556 | 2,610 | 1,
|
|
248
|
-
| `select` | 121,
|
|
249
|
-
| `skeleton` | 25,544 | 8,786 | 7,725 | 544 |
|
|
250
|
-
| `slider` | 37,896 | 12,065 | 10,659 | 5,251 | 1,
|
|
251
|
-
| `sparkline` | 31,645 | 11,088 | 9,794 | 2,531 | 1,
|
|
252
|
-
| `speed-dial` | 102,854 | 35,015 | 29,681 | 3,822 | 1,
|
|
253
|
-
| `splitter` | 36,329 | 11,667 | 10,338 | 10,163 | 2,
|
|
254
|
-
| `stat` | 27,320 | 9,222 | 8,136 | 1,151 |
|
|
255
|
-
| `steps` | 82,900 | 27,205 | 22,347 | 6,304 | 1,
|
|
256
|
-
| `switch` | 34,314 | 11,106 | 9,826 | 1,798 | 833 |
|
|
257
|
-
| `table` | 31,861 | 10,274 | 9,086 | 4,371 | 1,
|
|
258
|
-
| `tabs` | 33,935 | 11,060 | 9,721 | 4,470 | 1,
|
|
259
|
-
| `tag` | 74,439 | 24,760 | 20,435 | 897 |
|
|
260
|
-
| `textarea` | 37,001 | 11,743 | 10,362 | 4,116 | 1,
|
|
261
|
-
| `time-input` | 136,
|
|
262
|
-
| `time-picker` | 100,
|
|
263
|
-
| `timeline` | 74,971 | 24,767 | 20,563 | 1,897 |
|
|
264
|
-
| `toast` | 78,169 | 25,872 | 21,292 | 4,008 | 1,
|
|
265
|
-
| `toggle` | 38,
|
|
266
|
-
| `toolbar` | 28,734 | 9,827 | 8,655 | 2,932 | 1,273 |
|
|
267
|
-
| `tooltip` | 56,933 | 19,770 | 17,504 | 6,217 | 2,
|
|
268
|
-
| `tour` | 61,953 | 20,875 | 18,482 | 10,275 | 2,
|
|
269
|
-
| `tree` | 84,423 | 27,823 | 22,815 | 7,052 | 2,
|
|
270
|
-
| `trend` | 73,764 | 24,534 | 20,358 | 1,056 |
|
|
271
|
-
| `video` | 133,542 | 42,701 | 36,225 | 31,101 | 7,
|
|
272
|
-
| `video-playlist` | 117,742 | 38,672 | 32,725 | 14,149 | 3,
|
|
273
|
-
| `virtual-list` | 31,983 | 10,952 | 9,662 | 2,358 | 1,053 |
|
|
185
|
+
| `accordion` | 77,373 | 25,790 | 21,229 | 3,228 | 1,264 | 623 |
|
|
186
|
+
| `announcement` | 75,404 | 25,148 | 20,701 | 1,374 | 661 | 266 |
|
|
187
|
+
| `app-header` | 27,425 | 9,322 | 8,205 | 1,248 | 571 | 153 |
|
|
188
|
+
| `avatar` | 28,859 | 9,794 | 8,642 | 2,642 | 1,079 | 516 |
|
|
189
|
+
| `badge` | 26,919 | 9,246 | 8,163 | 1,120 | 536 | 224 |
|
|
190
|
+
| `bar-chart` | 71,762 | 24,550 | 21,745 | 12,488 | 4,244 | 2,963 |
|
|
191
|
+
| `blockquote` | 26,839 | 9,232 | 8,140 | 917 | 473 | 143 |
|
|
192
|
+
| `breadcrumbs` | 75,025 | 24,814 | 20,607 | 1,956 | 727 | 254 |
|
|
193
|
+
| `button` | 31,312 | 10,445 | 9,216 | 3,168 | 1,145 | 659 |
|
|
194
|
+
| `button-group` | 26,832 | 9,170 | 8,068 | 661 | 359 | 73 |
|
|
195
|
+
| `callout` | 74,155 | 24,675 | 20,454 | 912 | 495 | 141 |
|
|
196
|
+
| `card` | 26,866 | 9,186 | 8,102 | 694 | 369 | 56 |
|
|
197
|
+
| `carousel` | 80,904 | 26,737 | 22,141 | 7,684 | 2,463 | 1,543 |
|
|
198
|
+
| `chat` | 85,008 | 28,020 | 23,110 | 9,592 | 2,870 | 1,881 |
|
|
199
|
+
| `checkbox` | 34,646 | 11,172 | 9,831 | 2,253 | 997 | 411 |
|
|
200
|
+
| `checkbox-group` | 37,568 | 11,801 | 10,426 | 4,656 | 1,634 | 872 |
|
|
201
|
+
| `code` | 25,451 | 8,754 | 7,715 | 451 | 256 | 87 |
|
|
202
|
+
| `code-block` | 113,692 | 37,922 | 32,016 | 12,790 | 3,669 | 2,510 |
|
|
203
|
+
| `color-input` | 131,269 | 42,548 | 35,825 | 26,064 | 7,201 | 5,708 |
|
|
204
|
+
| `color-picker` | 100,398 | 32,385 | 26,772 | 19,490 | 5,753 | 4,487 |
|
|
205
|
+
| `combobox` | 128,977 | 41,448 | 34,932 | 20,225 | 5,519 | 4,117 |
|
|
206
|
+
| `command` | 100,718 | 32,049 | 26,347 | 17,341 | 4,947 | 3,643 |
|
|
207
|
+
| `copy-button` | 112,372 | 37,654 | 31,723 | 11,471 | 3,407 | 2,295 |
|
|
208
|
+
| `data-table` | 149,954 | 47,388 | 39,947 | 39,656 | 10,603 | 8,442 |
|
|
209
|
+
| `date-input` | 124,144 | 40,441 | 34,068 | 19,386 | 5,404 | 4,055 |
|
|
210
|
+
| `date-picker` | 85,626 | 28,231 | 23,302 | 9,803 | 3,187 | 2,190 |
|
|
211
|
+
| `dialog` | 30,484 | 10,235 | 9,019 | 2,717 | 1,131 | 555 |
|
|
212
|
+
| `divider` | 27,036 | 9,307 | 8,174 | 1,115 | 549 | 172 |
|
|
213
|
+
| `donut-chart` | 67,672 | 23,131 | 20,446 | 9,748 | 3,410 | 2,343 |
|
|
214
|
+
| `drawer` | 29,268 | 9,874 | 8,685 | 1,792 | 777 | 315 |
|
|
215
|
+
| `drilldown` | 80,657 | 26,804 | 22,019 | 5,057 | 1,789 | 1,106 |
|
|
216
|
+
| `empty` | 26,988 | 9,226 | 8,147 | 816 | 427 | 68 |
|
|
217
|
+
| `file-input` | 85,388 | 28,229 | 23,148 | 6,215 | 2,216 | 1,353 |
|
|
218
|
+
| `filter-input` | 112,615 | 37,566 | 31,680 | 6,637 | 2,376 | 1,548 |
|
|
219
|
+
| `format-date` | 30,381 | 10,333 | 9,146 | 2,803 | 984 | 498 |
|
|
220
|
+
| `heatmap` | 69,136 | 23,403 | 20,696 | 11,038 | 3,641 | 2,466 |
|
|
221
|
+
| `icon` | 73,561 | 24,431 | 20,290 | 850 | 433 | 71 |
|
|
222
|
+
| `icon-button` | 31,711 | 10,475 | 9,230 | 3,567 | 1,180 | 627 |
|
|
223
|
+
| `image` | 28,816 | 9,691 | 8,518 | 2,967 | 1,054 | 632 |
|
|
224
|
+
| `input` | 84,757 | 27,868 | 22,877 | 4,795 | 1,690 | 1,000 |
|
|
225
|
+
| `kbd` | 28,706 | 9,926 | 8,748 | 2,897 | 1,338 | 778 |
|
|
226
|
+
| `legend` | 29,187 | 10,066 | 8,845 | 1,097 | 570 | 201 |
|
|
227
|
+
| `line-chart` | 69,788 | 23,947 | 21,209 | 10,515 | 3,643 | 2,429 |
|
|
228
|
+
| `list` | 27,887 | 9,360 | 8,245 | 1,728 | 581 | 191 |
|
|
229
|
+
| `listbox` | 92,591 | 30,212 | 24,748 | 10,701 | 3,453 | 2,270 |
|
|
230
|
+
| `loader` | 27,072 | 9,293 | 8,182 | 900 | 466 | 95 |
|
|
231
|
+
| `megamenu` | 55,893 | 19,552 | 17,265 | 4,932 | 1,757 | 1,025 |
|
|
232
|
+
| `menu` | 110,293 | 37,007 | 31,290 | 8,103 | 2,400 | 1,589 |
|
|
233
|
+
| `meter` | 29,964 | 10,079 | 8,879 | 3,801 | 1,303 | 772 |
|
|
234
|
+
| `navigation` | 28,831 | 9,815 | 8,680 | 1,582 | 677 | 182 |
|
|
235
|
+
| `notifications` | 84,980 | 28,095 | 23,139 | 8,638 | 2,582 | 1,682 |
|
|
236
|
+
| `number-input` | 86,974 | 28,468 | 23,363 | 7,101 | 2,320 | 1,429 |
|
|
237
|
+
| `option` | 28,875 | 9,651 | 8,521 | 2,707 | 924 | 437 |
|
|
238
|
+
| `outline` | 31,837 | 10,811 | 9,517 | 4,537 | 1,787 | 976 |
|
|
239
|
+
| `pagination` | 132,446 | 42,097 | 35,447 | 26,121 | 6,641 | 5,079 |
|
|
240
|
+
| `pin-input` | 37,535 | 12,009 | 10,627 | 5,135 | 1,881 | 1,073 |
|
|
241
|
+
| `popover` | 53,190 | 18,820 | 16,606 | 1,986 | 821 | 415 |
|
|
242
|
+
| `progress` | 28,113 | 9,566 | 8,450 | 1,951 | 791 | 332 |
|
|
243
|
+
| `qr-code` | 38,587 | 13,554 | 11,997 | 12,808 | 5,028 | 4,030 |
|
|
244
|
+
| `quote` | 26,355 | 9,041 | 7,964 | 552 | 350 | 71 |
|
|
245
|
+
| `radio` | 35,999 | 11,457 | 10,117 | 3,138 | 1,159 | 523 |
|
|
246
|
+
| `rating` | 38,033 | 12,238 | 10,784 | 5,615 | 2,030 | 1,216 |
|
|
247
|
+
| `scroll-area` | 28,465 | 9,748 | 8,556 | 2,610 | 1,107 | 543 |
|
|
248
|
+
| `select` | 121,609 | 39,794 | 33,452 | 15,413 | 4,461 | 3,140 |
|
|
249
|
+
| `skeleton` | 25,544 | 8,786 | 7,725 | 544 | 309 | 26 |
|
|
250
|
+
| `slider` | 37,896 | 12,065 | 10,659 | 5,251 | 1,823 | 1,076 |
|
|
251
|
+
| `sparkline` | 31,645 | 11,088 | 9,794 | 2,531 | 1,110 | 608 |
|
|
252
|
+
| `speed-dial` | 102,854 | 35,015 | 29,681 | 3,822 | 1,314 | 616 |
|
|
253
|
+
| `splitter` | 36,329 | 11,667 | 10,338 | 10,163 | 2,934 | 2,144 |
|
|
254
|
+
| `stat` | 27,320 | 9,222 | 8,136 | 1,151 | 424 | 62 |
|
|
255
|
+
| `steps` | 82,900 | 27,205 | 22,347 | 6,304 | 1,889 | 1,153 |
|
|
256
|
+
| `switch` | 34,314 | 11,106 | 9,826 | 1,798 | 833 | 377 |
|
|
257
|
+
| `table` | 31,861 | 10,274 | 9,086 | 4,371 | 1,340 | 703 |
|
|
258
|
+
| `tabs` | 33,935 | 11,060 | 9,721 | 4,470 | 1,334 | 635 |
|
|
259
|
+
| `tag` | 74,439 | 24,760 | 20,435 | 897 | 460 | 68 |
|
|
260
|
+
| `textarea` | 37,001 | 11,743 | 10,362 | 4,116 | 1,429 | 749 |
|
|
261
|
+
| `time-input` | 136,412 | 43,605 | 36,723 | 28,830 | 7,742 | 5,997 |
|
|
262
|
+
| `time-picker` | 100,612 | 32,634 | 26,817 | 18,178 | 5,548 | 4,165 |
|
|
263
|
+
| `timeline` | 74,971 | 24,767 | 20,563 | 1,897 | 665 | 207 |
|
|
264
|
+
| `toast` | 78,169 | 25,872 | 21,292 | 4,008 | 1,302 | 634 |
|
|
265
|
+
| `toggle` | 38,231 | 12,109 | 10,660 | 3,929 | 1,360 | 685 |
|
|
266
|
+
| `toolbar` | 28,734 | 9,827 | 8,655 | 2,932 | 1,273 | 620 |
|
|
267
|
+
| `tooltip` | 56,933 | 19,770 | 17,504 | 6,217 | 2,161 | 1,312 |
|
|
268
|
+
| `tour` | 61,953 | 20,875 | 18,482 | 10,275 | 2,955 | 2,016 |
|
|
269
|
+
| `tree` | 84,423 | 27,823 | 22,815 | 7,052 | 2,369 | 1,492 |
|
|
270
|
+
| `trend` | 73,764 | 24,534 | 20,358 | 1,056 | 520 | 157 |
|
|
271
|
+
| `video` | 133,542 | 42,701 | 36,225 | 31,101 | 7,749 | 6,364 |
|
|
272
|
+
| `video-playlist` | 117,742 | 38,672 | 32,725 | 14,149 | 3,715 | 2,650 |
|
|
273
|
+
| `virtual-list` | 31,983 | 10,952 | 9,662 | 2,358 | 1,053 | 511 |
|
|
274
274
|
|
|
275
275
|
### Styled tier
|
|
276
276
|
|
|
@@ -278,101 +278,101 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
278
278
|
|
|
279
279
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
280
280
|
|---|---|---|---|---|---|---|
|
|
281
|
-
| `accordion` | 80,416 | 26,550 | 21,816 | 6,256 | 2,
|
|
282
|
-
| `announcement` | 79,088 | 26,034 | 21,464 | 5,042 | 1,
|
|
283
|
-
| `app-header` | 30,683 | 10,087 | 8,885 | 4,489 | 1,
|
|
284
|
-
| `aura` | 87,842 | 30,863 | 26,680 | 60,880 | 21,
|
|
285
|
-
| `avatar` | 32,433 | 10,538 | 9,281 | 6,203 | 1,
|
|
286
|
-
| `badge` | 29,366 | 9,905 | 8,715 | 3,550 | 1,192 |
|
|
287
|
-
| `bar-chart` | 87,351 | 27,296 | 24,053 | 28,057 | 7,
|
|
288
|
-
| `blockquote` | 28,015 | 9,529 | 8,383 | 2,077 | 780 |
|
|
289
|
-
| `breadcrumbs` | 78,416 | 25,590 | 21,198 | 5,332 | 1,
|
|
290
|
-
| `button` | 37,347 | 11,529 | 10,175 | 9,185 | 2,
|
|
291
|
-
| `button-group` | 28,508 | 9,547 | 8,419 | 2,320 | 762 |
|
|
292
|
-
| `callout` | 76,172 | 25,232 | 20,980 | 2,913 | 1,043 |
|
|
293
|
-
| `card` | 30,099 | 10,015 | 8,818 | 3,915 | 1,202 |
|
|
294
|
-
| `carousel` | 89,716 | 28,261 | 23,587 | 16,485 | 3,
|
|
295
|
-
| `chat` | 96,677 | 30,177 | 24,969 | 21,250 | 4,976 | 3,
|
|
296
|
-
| `checkbox` | 40,820 | 12,584 | 11,096 | 8,411 | 2,
|
|
297
|
-
| `checkbox-group` | 39,
|
|
298
|
-
| `code` | 26,546 | 9,065 | 7,981 | 1,529 |
|
|
299
|
-
| `code-block` | 126,792 | 40,099 | 33,850 | 25,868 | 5,
|
|
300
|
-
| `color-input` | 162,793 | 47,369 | 40,118 | 57,571 | 12,011 | 9,
|
|
301
|
-
| `color-picker` | 126,632 | 36,596 | 30,485 | 45,718 | 9,955 | 8,
|
|
302
|
-
| `combobox` | 143,
|
|
303
|
-
| `command` | 111,
|
|
304
|
-
| `copy-button` | 122,914 | 39,510 | 33,293 | 21,995 | 5,198 | 3,
|
|
305
|
-
| `data-table` | 178,
|
|
306
|
-
| `date-input` | 138,992 | 43,265 | 36,574 | 34,212 | 8,196 | 6,
|
|
307
|
-
| `date-picker` | 91,241 | 29,414 | 24,351 | 15,400 | 4,
|
|
308
|
-
| `dialog` | 34,819 | 11,243 | 9,909 | 7,037 | 2,
|
|
309
|
-
| `divider` | 29,181 | 9,820 | 8,635 | 3,243 | 1,077 |
|
|
310
|
-
| `donut-chart` | 79,399 | 25,131 | 22,173 | 21,458 | 5,
|
|
311
|
-
| `drawer` | 33,140 | 10,768 | 9,487 | 5,647 | 1,
|
|
312
|
-
| `drilldown` | 85,015 | 27,777 | 22,820 | 9,402 | 2,
|
|
313
|
-
| `empty` | 28,295 | 9,601 | 8,463 | 2,107 | 814 |
|
|
314
|
-
| `file-input` | 96,131 | 30,389 | 24,987 | 16,951 | 4,
|
|
315
|
-
| `filter-input` | 127,000 | 40,510 | 34,238 | 21,003 | 5,218 | 3,
|
|
316
|
-
| `flex` | 27,799 | 9,392 | 8,240 | 1,987 |
|
|
317
|
-
| `format-date` | 31,029 | 10,471 | 9,280 | 3,433 | 1,
|
|
318
|
-
| `grid` | 28,326 | 9,564 | 8,449 | 2,511 | 869 |
|
|
319
|
-
| `heatmap` | 72,928 | 24,253 | 21,460 | 14,812 | 4,
|
|
320
|
-
| `icon` | 74,256 | 24,607 | 20,394 | 1,528 | 611 |
|
|
321
|
-
| `icon-button` | 37,726 | 11,481 | 10,096 | 9,568 | 2,
|
|
322
|
-
| `image` | 30,564 | 10,174 | 8,943 | 4,697 | 1,
|
|
323
|
-
| `input` | 90,859 | 29,219 | 23,962 | 10,892 | 3,
|
|
324
|
-
| `kbd` | 30,118 | 10,380 | 9,130 | 4,294 | 1,777 | 1,
|
|
325
|
-
| `legend` | 34,021 | 11,147 | 9,781 | 5,924 | 1,
|
|
326
|
-
| `line-chart` | 82,192 | 26,074 | 23,014 | 22,901 | 5,837 | 4,
|
|
327
|
-
| `list` | 31,940 | 10,292 | 9,050 | 5,768 | 1,
|
|
328
|
-
| `listbox` | 96,
|
|
329
|
-
| `loader` | 30,078 | 10,034 | 8,834 | 3,891 | 1,205 |
|
|
330
|
-
| `megamenu` | 60,316 | 20,594 | 18,232 | 9,340 | 2,
|
|
331
|
-
| `menu` | 116,491 | 38,409 | 32,510 | 14,283 | 3,
|
|
332
|
-
| `meter` | 35,360 | 11,235 | 9,926 | 9,179 | 2,
|
|
333
|
-
| `navigation` | 30,214 | 10,212 | 8,987 | 2,949 | 1,
|
|
334
|
-
| `notifications` | 92,539 | 29,630 | 24,493 | 16,184 | 4,
|
|
335
|
-
| `number-input` | 91,816 | 29,585 | 24,291 | 11,929 | 3,
|
|
336
|
-
| `option` | 32,142 | 10,562 | 9,308 | 5,962 | 1,
|
|
337
|
-
| `orb` | 35,668 | 12,611 | 11,162 | 9,445 | 3,
|
|
338
|
-
| `outline` | 35,566 | 11,582 | 10,202 | 8,249 | 2,
|
|
339
|
-
| `pagination` | 150,
|
|
340
|
-
| `pin-input` | 40,676 | 12,803 | 11,279 | 8,259 | 2,
|
|
341
|
-
| `popover` | 55,826 | 19,462 | 17,177 | 4,604 | 1,527 |
|
|
342
|
-
| `progress` | 33,160 | 10,749 | 9,508 | 6,980 | 1,
|
|
343
|
-
| `qr-code` | 40,238 | 13,974 | 12,313 | 14,442 | 5,
|
|
344
|
-
| `quote` | 27,030 | 9,207 | 8,088 | 1,211 |
|
|
345
|
-
| `radio` | 43,
|
|
346
|
-
| `rating` | 41,008 | 13,169 | 11,612 | 8,572 | 2,
|
|
347
|
-
| `sandbox` | 60,999 | 16,779 | 14,889 | 34,535 | 8,033 | 6,
|
|
348
|
-
| `scroll-area` | 31,431 | 10,376 | 9,102 | 5,559 | 1,
|
|
349
|
-
| `select` | 133,
|
|
350
|
-
| `skeleton` | 28,062 | 9,544 | 8,416 | 2,242 | 851 |
|
|
351
|
-
| `slider` | 47,778 | 13,853 | 12,267 | 15,116 | 3,
|
|
352
|
-
| `sparkline` | 35,411 | 12,016 | 10,618 | 6,285 | 2,
|
|
353
|
-
| `speed-dial` | 110,306 | 36,505 | 30,879 | 11,252 | 2,
|
|
354
|
-
| `splitter` | 42,441 | 12,678 | 11,269 | 16,257 | 3,
|
|
355
|
-
| `stat` | 29,954 | 9,789 | 8,646 | 3,772 | 1,
|
|
356
|
-
| `steps` | 96,198 | 29,562 | 24,364 | 19,590 | 4,
|
|
357
|
-
| `switch` | 38,602 | 12,159 | 10,741 | 6,071 | 1,896 | 1,
|
|
358
|
-
| `table` | 35,190 | 10,865 | 9,580 | 7,690 | 1,
|
|
359
|
-
| `tabs` | 40,196 | 12,348 | 10,882 | 10,720 | 2,
|
|
360
|
-
| `tag` | 77,632 | 25,630 | 21,117 | 4,075 | 1,305 |
|
|
361
|
-
| `text` | 29,734 | 9,670 | 8,508 | 3,923 |
|
|
362
|
-
| `textarea` | 40,350 | 12,544 | 11,034 | 7,448 | 2,
|
|
363
|
-
| `time-input` | 156,
|
|
364
|
-
| `time-picker` | 111,
|
|
365
|
-
| `timeline` | 78,237 | 25,530 | 21,180 | 5,149 | 1,
|
|
366
|
-
| `toast` | 85,446 | 27,485 | 22,753 | 11,269 | 2,
|
|
367
|
-
| `toggle` | 43,
|
|
368
|
-
| `toolbar` | 29,632 | 10,054 | 8,841 | 3,813 | 1,507 |
|
|
369
|
-
| `tooltip` | 60,498 | 20,576 | 18,184 | 9,764 | 2,
|
|
370
|
-
| `tour` | 71,770 | 22,532 | 19,965 | 20,076 | 4,604 | 3,
|
|
371
|
-
| `tree` | 89,446 | 29,019 | 23,862 | 12,063 | 3,
|
|
372
|
-
| `trend` | 76,798 | 25,221 | 20,897 | 4,081 | 1,
|
|
373
|
-
| `video` | 150,914 | 45,853 | 38,970 | 48,452 | 10,845 |
|
|
374
|
-
| `video-playlist` | 130,350 | 40,959 | 34,676 | 26,738 | 5,
|
|
375
|
-
| `virtual-list` | 32,815 | 11,180 | 9,827 | 3,172 | 1,
|
|
281
|
+
| `accordion` | 80,416 | 26,550 | 21,816 | 6,256 | 2,009 | 1,212 |
|
|
282
|
+
| `announcement` | 79,088 | 26,034 | 21,464 | 5,042 | 1,520 | 982 |
|
|
283
|
+
| `app-header` | 30,683 | 10,087 | 8,885 | 4,489 | 1,333 | 743 |
|
|
284
|
+
| `aura` | 87,842 | 30,863 | 26,680 | 60,880 | 21,490 | 18,461 |
|
|
285
|
+
| `avatar` | 32,433 | 10,538 | 9,281 | 6,203 | 1,839 | 1,182 |
|
|
286
|
+
| `badge` | 29,366 | 9,905 | 8,715 | 3,550 | 1,192 | 717 |
|
|
287
|
+
| `bar-chart` | 87,351 | 27,296 | 24,053 | 28,057 | 7,049 | 5,350 |
|
|
288
|
+
| `blockquote` | 28,015 | 9,529 | 8,383 | 2,077 | 780 | 374 |
|
|
289
|
+
| `breadcrumbs` | 78,416 | 25,590 | 21,198 | 5,332 | 1,476 | 979 |
|
|
290
|
+
| `button` | 37,347 | 11,529 | 10,175 | 9,185 | 2,256 | 1,544 |
|
|
291
|
+
| `button-group` | 28,508 | 9,547 | 8,419 | 2,320 | 762 | 456 |
|
|
292
|
+
| `callout` | 76,172 | 25,232 | 20,980 | 2,913 | 1,043 | 630 |
|
|
293
|
+
| `card` | 30,099 | 10,015 | 8,818 | 3,915 | 1,202 | 709 |
|
|
294
|
+
| `carousel` | 89,716 | 28,261 | 23,587 | 16,485 | 3,996 | 2,938 |
|
|
295
|
+
| `chat` | 96,677 | 30,177 | 24,969 | 21,250 | 4,976 | 3,837 |
|
|
296
|
+
| `checkbox` | 40,820 | 12,584 | 11,096 | 8,411 | 2,406 | 1,719 |
|
|
297
|
+
| `checkbox-group` | 39,815 | 12,374 | 10,903 | 6,889 | 2,212 | 1,268 |
|
|
298
|
+
| `code` | 26,546 | 9,065 | 7,981 | 1,529 | 578 | 179 |
|
|
299
|
+
| `code-block` | 126,792 | 40,099 | 33,850 | 25,868 | 5,772 | 4,535 |
|
|
300
|
+
| `color-input` | 162,793 | 47,369 | 40,118 | 57,571 | 12,011 | 9,888 |
|
|
301
|
+
| `color-picker` | 126,632 | 36,596 | 30,485 | 45,718 | 9,955 | 8,160 |
|
|
302
|
+
| `combobox` | 143,064 | 44,016 | 37,135 | 34,293 | 8,032 | 6,254 |
|
|
303
|
+
| `command` | 111,027 | 34,053 | 28,102 | 27,635 | 6,934 | 5,374 |
|
|
304
|
+
| `copy-button` | 122,914 | 39,510 | 33,293 | 21,995 | 5,198 | 3,864 |
|
|
305
|
+
| `data-table` | 178,354 | 51,731 | 43,803 | 68,036 | 15,004 | 12,088 |
|
|
306
|
+
| `date-input` | 138,992 | 43,265 | 36,574 | 34,212 | 8,196 | 6,578 |
|
|
307
|
+
| `date-picker` | 91,241 | 29,414 | 24,351 | 15,400 | 4,342 | 3,216 |
|
|
308
|
+
| `dialog` | 34,819 | 11,243 | 9,909 | 7,037 | 2,168 | 1,458 |
|
|
309
|
+
| `divider` | 29,181 | 9,820 | 8,635 | 3,243 | 1,077 | 566 |
|
|
310
|
+
| `donut-chart` | 79,399 | 25,131 | 22,173 | 21,458 | 5,492 | 4,033 |
|
|
311
|
+
| `drawer` | 33,140 | 10,768 | 9,487 | 5,647 | 1,688 | 1,094 |
|
|
312
|
+
| `drilldown` | 85,015 | 27,777 | 22,820 | 9,402 | 2,731 | 1,799 |
|
|
313
|
+
| `empty` | 28,295 | 9,601 | 8,463 | 2,107 | 814 | 370 |
|
|
314
|
+
| `file-input` | 96,131 | 30,389 | 24,987 | 16,951 | 4,350 | 3,302 |
|
|
315
|
+
| `filter-input` | 127,000 | 40,510 | 34,238 | 21,003 | 5,218 | 3,891 |
|
|
316
|
+
| `flex` | 27,799 | 9,392 | 8,240 | 1,987 | 685 | 351 |
|
|
317
|
+
| `format-date` | 31,029 | 10,471 | 9,280 | 3,433 | 1,144 | 574 |
|
|
318
|
+
| `grid` | 28,326 | 9,564 | 8,449 | 2,511 | 869 | 499 |
|
|
319
|
+
| `heatmap` | 72,928 | 24,253 | 21,460 | 14,812 | 4,524 | 3,269 |
|
|
320
|
+
| `icon` | 74,256 | 24,607 | 20,394 | 1,528 | 611 | 181 |
|
|
321
|
+
| `icon-button` | 37,726 | 11,481 | 10,096 | 9,568 | 2,197 | 1,515 |
|
|
322
|
+
| `image` | 30,564 | 10,174 | 8,943 | 4,697 | 1,545 | 1,060 |
|
|
323
|
+
| `input` | 90,859 | 29,219 | 23,962 | 10,892 | 3,008 | 2,103 |
|
|
324
|
+
| `kbd` | 30,118 | 10,380 | 9,130 | 4,294 | 1,777 | 1,169 |
|
|
325
|
+
| `legend` | 34,021 | 11,147 | 9,781 | 5,924 | 1,745 | 1,088 |
|
|
326
|
+
| `line-chart` | 82,192 | 26,074 | 23,014 | 22,901 | 5,837 | 4,301 |
|
|
327
|
+
| `list` | 31,940 | 10,292 | 9,050 | 5,768 | 1,542 | 1,167 |
|
|
328
|
+
| `listbox` | 96,706 | 31,179 | 25,569 | 14,803 | 4,409 | 3,072 |
|
|
329
|
+
| `loader` | 30,078 | 10,034 | 8,834 | 3,891 | 1,205 | 813 |
|
|
330
|
+
| `megamenu` | 60,316 | 20,594 | 18,232 | 9,340 | 2,819 | 1,997 |
|
|
331
|
+
| `menu` | 116,491 | 38,409 | 32,510 | 14,283 | 3,730 | 2,758 |
|
|
332
|
+
| `meter` | 35,360 | 11,235 | 9,926 | 9,179 | 2,450 | 1,869 |
|
|
333
|
+
| `navigation` | 30,214 | 10,212 | 8,987 | 2,949 | 1,094 | 545 |
|
|
334
|
+
| `notifications` | 92,539 | 29,630 | 24,493 | 16,184 | 4,114 | 3,068 |
|
|
335
|
+
| `number-input` | 91,816 | 29,585 | 24,291 | 11,929 | 3,405 | 2,426 |
|
|
336
|
+
| `option` | 32,142 | 10,562 | 9,308 | 5,962 | 1,830 | 1,130 |
|
|
337
|
+
| `orb` | 35,668 | 12,611 | 11,162 | 9,445 | 3,903 | 2,951 |
|
|
338
|
+
| `outline` | 35,566 | 11,582 | 10,202 | 8,249 | 2,573 | 1,633 |
|
|
339
|
+
| `pagination` | 150,030 | 45,114 | 38,034 | 43,687 | 9,600 | 7,622 |
|
|
340
|
+
| `pin-input` | 40,676 | 12,803 | 11,279 | 8,259 | 2,675 | 1,868 |
|
|
341
|
+
| `popover` | 55,826 | 19,462 | 17,177 | 4,604 | 1,527 | 926 |
|
|
342
|
+
| `progress` | 33,160 | 10,749 | 9,508 | 6,980 | 1,963 | 1,405 |
|
|
343
|
+
| `qr-code` | 40,238 | 13,974 | 12,313 | 14,442 | 5,453 | 4,278 |
|
|
344
|
+
| `quote` | 27,030 | 9,207 | 8,088 | 1,211 | 533 | 197 |
|
|
345
|
+
| `radio` | 43,537 | 12,855 | 11,332 | 10,669 | 2,592 | 1,826 |
|
|
346
|
+
| `rating` | 41,008 | 13,169 | 11,612 | 8,572 | 2,954 | 2,071 |
|
|
347
|
+
| `sandbox` | 60,999 | 16,779 | 14,889 | 34,535 | 8,033 | 6,429 |
|
|
348
|
+
| `scroll-area` | 31,431 | 10,376 | 9,102 | 5,559 | 1,758 | 1,086 |
|
|
349
|
+
| `select` | 133,789 | 42,082 | 35,493 | 27,572 | 6,689 | 5,160 |
|
|
350
|
+
| `skeleton` | 28,062 | 9,544 | 8,416 | 2,242 | 851 | 379 |
|
|
351
|
+
| `slider` | 47,778 | 13,853 | 12,267 | 15,116 | 3,612 | 2,766 |
|
|
352
|
+
| `sparkline` | 35,411 | 12,016 | 10,618 | 6,285 | 2,055 | 1,408 |
|
|
353
|
+
| `speed-dial` | 110,306 | 36,505 | 30,879 | 11,252 | 2,730 | 1,918 |
|
|
354
|
+
| `splitter` | 42,441 | 12,678 | 11,269 | 16,257 | 3,966 | 3,005 |
|
|
355
|
+
| `stat` | 29,954 | 9,789 | 8,646 | 3,772 | 1,029 | 525 |
|
|
356
|
+
| `steps` | 96,198 | 29,562 | 24,364 | 19,590 | 4,229 | 3,219 |
|
|
357
|
+
| `switch` | 38,602 | 12,159 | 10,741 | 6,071 | 1,896 | 1,163 |
|
|
358
|
+
| `table` | 35,190 | 10,865 | 9,580 | 7,690 | 1,965 | 1,233 |
|
|
359
|
+
| `tabs` | 40,196 | 12,348 | 10,882 | 10,720 | 2,630 | 1,782 |
|
|
360
|
+
| `tag` | 77,632 | 25,630 | 21,117 | 4,075 | 1,305 | 775 |
|
|
361
|
+
| `text` | 29,734 | 9,670 | 8,508 | 3,923 | 991 | 589 |
|
|
362
|
+
| `textarea` | 40,350 | 12,544 | 11,034 | 7,448 | 2,256 | 1,495 |
|
|
363
|
+
| `time-input` | 156,313 | 46,977 | 39,662 | 48,712 | 11,078 | 8,841 |
|
|
364
|
+
| `time-picker` | 111,915 | 34,743 | 28,719 | 29,476 | 7,652 | 5,982 |
|
|
365
|
+
| `timeline` | 78,237 | 25,530 | 21,180 | 5,149 | 1,411 | 847 |
|
|
366
|
+
| `toast` | 85,446 | 27,485 | 22,753 | 11,269 | 2,893 | 2,103 |
|
|
367
|
+
| `toggle` | 43,264 | 13,266 | 11,722 | 8,954 | 2,527 | 1,701 |
|
|
368
|
+
| `toolbar` | 29,632 | 10,054 | 8,841 | 3,813 | 1,507 | 787 |
|
|
369
|
+
| `tooltip` | 60,498 | 20,576 | 18,184 | 9,764 | 2,968 | 1,952 |
|
|
370
|
+
| `tour` | 71,770 | 22,532 | 19,965 | 20,076 | 4,604 | 3,518 |
|
|
371
|
+
| `tree` | 89,446 | 29,019 | 23,862 | 12,063 | 3,561 | 2,506 |
|
|
372
|
+
| `trend` | 76,798 | 25,221 | 20,897 | 4,081 | 1,218 | 795 |
|
|
373
|
+
| `video` | 150,914 | 45,853 | 38,970 | 48,452 | 10,845 | 8,994 |
|
|
374
|
+
| `video-playlist` | 130,350 | 40,959 | 34,676 | 26,738 | 5,920 | 4,627 |
|
|
375
|
+
| `virtual-list` | 32,815 | 11,180 | 9,827 | 3,172 | 1,296 | 680 |
|
|
376
376
|
|
|
377
377
|
## What lands in `node_modules`
|
|
378
378
|
|
|
@@ -384,12 +384,12 @@ column is what was removed rather than part of what remains.
|
|
|
384
384
|
|
|
385
385
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
386
386
|
|---|---|---|---|---|
|
|
387
|
-
| `@fusion.dev/helix-core` | 711,
|
|
387
|
+
| `@fusion.dev/helix-core` | 711,896 | 119 | 167,729 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
388
388
|
| `@fusion.dev/helix-headless` | 8,571,414 | 426 | 716,652 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
389
389
|
| `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
|
|
390
|
-
| `@fusion.dev/helix-styles` | 90,
|
|
390
|
+
| `@fusion.dev/helix-styles` | 90,390 | 6 | 0 | none |
|
|
391
391
|
| `@fusion.dev/helix-theme` | 461,551 | 8 | 4,699 | none |
|
|
392
|
-
| `@fusion.dev/helix` | 9,575,
|
|
392
|
+
| `@fusion.dev/helix` | 9,575,204 | 734 | 309,418 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
393
393
|
|
|
394
394
|
## Not measured yet
|
|
395
395
|
|
|
@@ -1901,7 +1901,7 @@ nobody ever downloads this floor on its own.
|
|
|
1901
1901
|
|
|
1902
1902
|
| | Raw | Gzip | Brotli |
|
|
1903
1903
|
|---|---|---|---|
|
|
1904
|
-
| Lit and \`@fusion.dev/helix-core\` | 139,
|
|
1904
|
+
| Lit and \`@fusion.dev/helix-core\` | 139,507 | 46,015 | 39,400 |
|
|
1905
1905
|
|
|
1906
1906
|
## Whole packages
|
|
1907
1907
|
|
|
@@ -1912,11 +1912,11 @@ repository does that. The per-component tables are what a page pays.
|
|
|
1912
1912
|
|
|
1913
1913
|
| Package | Raw | Gzip | Brotli | |
|
|
1914
1914
|
|---|---|---|---|---|
|
|
1915
|
-
| \`@fusion.dev/helix-core\` | 139,
|
|
1916
|
-
| \`@fusion.dev/helix-headless\` | 533,
|
|
1915
|
+
| \`@fusion.dev/helix-core\` | 139,061 | 45,646 | 39,138 | Element base class, mixins, decorators, floating positioning. |
|
|
1916
|
+
| \`@fusion.dev/helix-headless\` | 533,110 | 135,061 | 105,817 | Every headless family, which is what the barrel means. |
|
|
1917
1917
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
1918
1918
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
1919
|
-
| \`@fusion.dev/helix\` | 986,
|
|
1919
|
+
| \`@fusion.dev/helix\` | 986,138 | 224,763 | 164,912 | Every styled family. |
|
|
1920
1920
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
1921
1921
|
|
|
1922
1922
|
## The stylesheets
|
|
@@ -1929,7 +1929,7 @@ is the whole cost of adopting the base layer on its own.
|
|
|
1929
1929
|
|
|
1930
1930
|
| File | Raw | Gzip | Brotli | |
|
|
1931
1931
|
|---|---|---|---|---|
|
|
1932
|
-
| \`base.css\` | 23,
|
|
1932
|
+
| \`base.css\` | 23,093 | 3,558 | 3,057 | The base layer. Recipes for markup Helix does not render, usable with no JavaScript at all. |
|
|
1933
1933
|
| \`elements.css\` | 7,137 | 1,224 | 1,101 | Hides each element until its definition loads, generated from the tags in \`@fusion.dev/helix\`. |
|
|
1934
1934
|
| \`helix.css\` | 207 | 148 | 118 | The four above in one import, in the order they have to be in. |
|
|
1935
1935
|
| \`primitives.css\` | 6,275 | 1,234 | 1,062 | The primitive layer. Private, shipped because \`tokens.css\` resolves into it. |
|
|
@@ -1937,11 +1937,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
1937
1937
|
|
|
1938
1938
|
## What the numbers say
|
|
1939
1939
|
|
|
1940
|
-
**Most of a first component is the runtime under it.** The median styled family is 13,974 bytes gzipped alone and adds 2,
|
|
1940
|
+
**Most of a first component is the runtime under it.** The median styled family is 13,974 bytes gzipped alone and adds 2,527 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 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.
|
|
1941
1941
|
|
|
1942
|
-
Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,
|
|
1942
|
+
Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,731, over 95 components. Every family at once is 224,763.
|
|
1943
1943
|
|
|
1944
|
-
**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 135,
|
|
1944
|
+
**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 135,061 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 95 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
1945
1945
|
|
|
1946
1946
|
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 18,820 bytes gzipped alone.
|
|
1947
1947
|
|
|
@@ -1970,7 +1970,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
|
|
|
1970
1970
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
1971
1971
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
1972
1972
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
1973
|
-
| \`radio\` | **Helix** | 43,
|
|
1973
|
+
| \`radio\` | **Helix** | 43,537 | 12,855 | 11,332 |
|
|
1974
1974
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
1975
1975
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
1976
1976
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
@@ -1991,7 +1991,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
|
|
|
1991
1991
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
1992
1992
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
1993
1993
|
|
|
1994
|
-
**Where Helix loses**, which is the half of a comparison table worth reading: \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,
|
|
1994
|
+
**Where Helix loses**, which is the half of a comparison table worth reading: \`radio\`, \`switch\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,195 bytes gzipped. 4 of 28 peer measurements come in under ours.
|
|
1995
1995
|
|
|
1996
1996
|
- **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
|
|
1997
1997
|
- **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
|
|
@@ -2036,95 +2036,95 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2036
2036
|
|
|
2037
2037
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2038
2038
|
|---|---|---|---|---|---|---|
|
|
2039
|
-
| \`accordion\` | 77,373 | 25,790 | 21,229 | 3,228 | 1,
|
|
2040
|
-
| \`announcement\` | 75,404 | 25,148 | 20,701 | 1,374 | 661 |
|
|
2041
|
-
| \`app-header\` | 27,425 | 9,322 | 8,205 | 1,248 | 571 |
|
|
2042
|
-
| \`avatar\` | 28,859 | 9,794 | 8,642 | 2,642 | 1,
|
|
2043
|
-
| \`badge\` | 26,919 | 9,246 | 8,163 | 1,120 | 536 |
|
|
2044
|
-
| \`bar-chart\` | 71,762 | 24,550 | 21,745 | 12,488 | 4,
|
|
2045
|
-
| \`blockquote\` | 26,839 | 9,232 | 8,140 | 917 |
|
|
2046
|
-
| \`breadcrumbs\` | 75,025 | 24,814 | 20,607 | 1,956 |
|
|
2047
|
-
| \`button\` | 31,312 | 10,445 | 9,216 | 3,168 | 1,
|
|
2048
|
-
| \`button-group\` | 26,832 | 9,170 | 8,068 | 661 | 359 |
|
|
2049
|
-
| \`callout\` | 74,155 | 24,675 | 20,454 | 912 | 495 |
|
|
2050
|
-
| \`card\` | 26,866 | 9,186 | 8,102 | 694 | 369 |
|
|
2051
|
-
| \`carousel\` | 80,904 | 26,737 | 22,141 | 7,684 | 2,
|
|
2052
|
-
| \`chat\` | 85,008 | 28,020 | 23,110 | 9,592 | 2,
|
|
2053
|
-
| \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,253 |
|
|
2054
|
-
| \`checkbox-group\` | 37,
|
|
2055
|
-
| \`code\` | 25,451 | 8,754 | 7,715 | 451 |
|
|
2056
|
-
| \`code-block\` | 113,692 | 37,922 | 32,016 | 12,790 | 3,
|
|
2057
|
-
| \`color-input\` | 131,269 | 42,548 | 35,825 | 26,064 | 7,201 | 5,
|
|
2058
|
-
| \`color-picker\` | 100,398 | 32,385 | 26,772 | 19,490 | 5,753 | 4,
|
|
2059
|
-
| \`combobox\` | 128,
|
|
2060
|
-
| \`command\` | 100,
|
|
2061
|
-
| \`copy-button\` | 112,372 | 37,654 | 31,723 | 11,471 | 3,
|
|
2062
|
-
| \`data-table\` | 149,
|
|
2063
|
-
| \`date-input\` | 124,144 | 40,441 | 34,068 | 19,386 | 5,404 | 4,
|
|
2064
|
-
| \`date-picker\` | 85,626 | 28,231 | 23,302 | 9,803 | 3,
|
|
2065
|
-
| \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 1,131 |
|
|
2066
|
-
| \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 |
|
|
2067
|
-
| \`donut-chart\` | 67,672 | 23,131 | 20,446 | 9,748 | 3,
|
|
2068
|
-
| \`drawer\` | 29,268 | 9,874 | 8,685 | 1,792 | 777 |
|
|
2069
|
-
| \`drilldown\` | 80,657 | 26,804 | 22,019 | 5,057 | 1,
|
|
2070
|
-
| \`empty\` | 26,988 | 9,226 | 8,147 | 816 |
|
|
2071
|
-
| \`file-input\` | 85,388 | 28,229 | 23,148 | 6,215 | 2,
|
|
2072
|
-
| \`filter-input\` | 112,615 | 37,566 | 31,680 | 6,637 | 2,
|
|
2073
|
-
| \`format-date\` | 30,381 | 10,333 | 9,146 | 2,803 |
|
|
2074
|
-
| \`heatmap\` | 69,136 | 23,403 | 20,696 | 11,038 | 3,
|
|
2075
|
-
| \`icon\` | 73,561 | 24,431 | 20,290 | 850 | 433 |
|
|
2076
|
-
| \`icon-button\` | 31,711 | 10,475 | 9,230 | 3,567 | 1,
|
|
2077
|
-
| \`image\` | 28,816 | 9,691 | 8,518 | 2,967 | 1,
|
|
2078
|
-
| \`input\` | 84,757 | 27,868 | 22,877 | 4,795 | 1,
|
|
2079
|
-
| \`kbd\` | 28,706 | 9,926 | 8,748 | 2,897 | 1,
|
|
2080
|
-
| \`legend\` | 29,187 | 10,066 | 8,845 | 1,097 |
|
|
2081
|
-
| \`line-chart\` | 69,788 | 23,947 | 21,209 | 10,515 | 3,
|
|
2082
|
-
| \`list\` | 27,887 | 9,360 | 8,245 | 1,728 |
|
|
2083
|
-
| \`listbox\` | 92,
|
|
2084
|
-
| \`loader\` | 27,072 | 9,293 | 8,182 | 900 |
|
|
2085
|
-
| \`megamenu\` | 55,893 | 19,552 | 17,265 | 4,932 | 1,
|
|
2086
|
-
| \`menu\` | 110,293 | 37,007 | 31,290 | 8,103 | 2,
|
|
2087
|
-
| \`meter\` | 29,964 | 10,079 | 8,879 | 3,801 | 1,
|
|
2088
|
-
| \`navigation\` | 28,831 | 9,815 | 8,680 | 1,582 |
|
|
2089
|
-
| \`notifications\` | 84,980 | 28,095 | 23,139 | 8,638 | 2,
|
|
2090
|
-
| \`number-input\` | 86,974 | 28,468 | 23,363 | 7,101 | 2,
|
|
2091
|
-
| \`option\` | 28,875 | 9,651 | 8,521 | 2,707 |
|
|
2092
|
-
| \`outline\` | 31,837 | 10,811 | 9,517 | 4,537 | 1,
|
|
2093
|
-
| \`pagination\` | 132,
|
|
2094
|
-
| \`pin-input\` | 37,535 | 12,009 | 10,627 | 5,135 | 1,
|
|
2095
|
-
| \`popover\` | 53,190 | 18,820 | 16,606 | 1,986 |
|
|
2096
|
-
| \`progress\` | 28,113 | 9,566 | 8,450 | 1,951 |
|
|
2097
|
-
| \`qr-code\` | 38,587 | 13,554 | 11,997 | 12,808 | 5,
|
|
2098
|
-
| \`quote\` | 26,355 | 9,041 | 7,964 | 552 |
|
|
2099
|
-
| \`radio\` | 35,
|
|
2100
|
-
| \`rating\` | 38,033 | 12,238 | 10,784 | 5,615 | 2,
|
|
2101
|
-
| \`scroll-area\` | 28,465 | 9,748 | 8,556 | 2,610 | 1,
|
|
2102
|
-
| \`select\` | 121,
|
|
2103
|
-
| \`skeleton\` | 25,544 | 8,786 | 7,725 | 544 |
|
|
2104
|
-
| \`slider\` | 37,896 | 12,065 | 10,659 | 5,251 | 1,
|
|
2105
|
-
| \`sparkline\` | 31,645 | 11,088 | 9,794 | 2,531 | 1,
|
|
2106
|
-
| \`speed-dial\` | 102,854 | 35,015 | 29,681 | 3,822 | 1,
|
|
2107
|
-
| \`splitter\` | 36,329 | 11,667 | 10,338 | 10,163 | 2,
|
|
2108
|
-
| \`stat\` | 27,320 | 9,222 | 8,136 | 1,151 |
|
|
2109
|
-
| \`steps\` | 82,900 | 27,205 | 22,347 | 6,304 | 1,
|
|
2110
|
-
| \`switch\` | 34,314 | 11,106 | 9,826 | 1,798 | 833 |
|
|
2111
|
-
| \`table\` | 31,861 | 10,274 | 9,086 | 4,371 | 1,
|
|
2112
|
-
| \`tabs\` | 33,935 | 11,060 | 9,721 | 4,470 | 1,
|
|
2113
|
-
| \`tag\` | 74,439 | 24,760 | 20,435 | 897 |
|
|
2114
|
-
| \`textarea\` | 37,001 | 11,743 | 10,362 | 4,116 | 1,
|
|
2115
|
-
| \`time-input\` | 136,
|
|
2116
|
-
| \`time-picker\` | 100,
|
|
2117
|
-
| \`timeline\` | 74,971 | 24,767 | 20,563 | 1,897 |
|
|
2118
|
-
| \`toast\` | 78,169 | 25,872 | 21,292 | 4,008 | 1,
|
|
2119
|
-
| \`toggle\` | 38,
|
|
2120
|
-
| \`toolbar\` | 28,734 | 9,827 | 8,655 | 2,932 | 1,273 |
|
|
2121
|
-
| \`tooltip\` | 56,933 | 19,770 | 17,504 | 6,217 | 2,
|
|
2122
|
-
| \`tour\` | 61,953 | 20,875 | 18,482 | 10,275 | 2,
|
|
2123
|
-
| \`tree\` | 84,423 | 27,823 | 22,815 | 7,052 | 2,
|
|
2124
|
-
| \`trend\` | 73,764 | 24,534 | 20,358 | 1,056 |
|
|
2125
|
-
| \`video\` | 133,542 | 42,701 | 36,225 | 31,101 | 7,
|
|
2126
|
-
| \`video-playlist\` | 117,742 | 38,672 | 32,725 | 14,149 | 3,
|
|
2127
|
-
| \`virtual-list\` | 31,983 | 10,952 | 9,662 | 2,358 | 1,053 |
|
|
2039
|
+
| \`accordion\` | 77,373 | 25,790 | 21,229 | 3,228 | 1,264 | 623 |
|
|
2040
|
+
| \`announcement\` | 75,404 | 25,148 | 20,701 | 1,374 | 661 | 266 |
|
|
2041
|
+
| \`app-header\` | 27,425 | 9,322 | 8,205 | 1,248 | 571 | 153 |
|
|
2042
|
+
| \`avatar\` | 28,859 | 9,794 | 8,642 | 2,642 | 1,079 | 516 |
|
|
2043
|
+
| \`badge\` | 26,919 | 9,246 | 8,163 | 1,120 | 536 | 224 |
|
|
2044
|
+
| \`bar-chart\` | 71,762 | 24,550 | 21,745 | 12,488 | 4,244 | 2,963 |
|
|
2045
|
+
| \`blockquote\` | 26,839 | 9,232 | 8,140 | 917 | 473 | 143 |
|
|
2046
|
+
| \`breadcrumbs\` | 75,025 | 24,814 | 20,607 | 1,956 | 727 | 254 |
|
|
2047
|
+
| \`button\` | 31,312 | 10,445 | 9,216 | 3,168 | 1,145 | 659 |
|
|
2048
|
+
| \`button-group\` | 26,832 | 9,170 | 8,068 | 661 | 359 | 73 |
|
|
2049
|
+
| \`callout\` | 74,155 | 24,675 | 20,454 | 912 | 495 | 141 |
|
|
2050
|
+
| \`card\` | 26,866 | 9,186 | 8,102 | 694 | 369 | 56 |
|
|
2051
|
+
| \`carousel\` | 80,904 | 26,737 | 22,141 | 7,684 | 2,463 | 1,543 |
|
|
2052
|
+
| \`chat\` | 85,008 | 28,020 | 23,110 | 9,592 | 2,870 | 1,881 |
|
|
2053
|
+
| \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,253 | 997 | 411 |
|
|
2054
|
+
| \`checkbox-group\` | 37,568 | 11,801 | 10,426 | 4,656 | 1,634 | 872 |
|
|
2055
|
+
| \`code\` | 25,451 | 8,754 | 7,715 | 451 | 256 | 87 |
|
|
2056
|
+
| \`code-block\` | 113,692 | 37,922 | 32,016 | 12,790 | 3,669 | 2,510 |
|
|
2057
|
+
| \`color-input\` | 131,269 | 42,548 | 35,825 | 26,064 | 7,201 | 5,708 |
|
|
2058
|
+
| \`color-picker\` | 100,398 | 32,385 | 26,772 | 19,490 | 5,753 | 4,487 |
|
|
2059
|
+
| \`combobox\` | 128,977 | 41,448 | 34,932 | 20,225 | 5,519 | 4,117 |
|
|
2060
|
+
| \`command\` | 100,718 | 32,049 | 26,347 | 17,341 | 4,947 | 3,643 |
|
|
2061
|
+
| \`copy-button\` | 112,372 | 37,654 | 31,723 | 11,471 | 3,407 | 2,295 |
|
|
2062
|
+
| \`data-table\` | 149,954 | 47,388 | 39,947 | 39,656 | 10,603 | 8,442 |
|
|
2063
|
+
| \`date-input\` | 124,144 | 40,441 | 34,068 | 19,386 | 5,404 | 4,055 |
|
|
2064
|
+
| \`date-picker\` | 85,626 | 28,231 | 23,302 | 9,803 | 3,187 | 2,190 |
|
|
2065
|
+
| \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 1,131 | 555 |
|
|
2066
|
+
| \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 | 549 | 172 |
|
|
2067
|
+
| \`donut-chart\` | 67,672 | 23,131 | 20,446 | 9,748 | 3,410 | 2,343 |
|
|
2068
|
+
| \`drawer\` | 29,268 | 9,874 | 8,685 | 1,792 | 777 | 315 |
|
|
2069
|
+
| \`drilldown\` | 80,657 | 26,804 | 22,019 | 5,057 | 1,789 | 1,106 |
|
|
2070
|
+
| \`empty\` | 26,988 | 9,226 | 8,147 | 816 | 427 | 68 |
|
|
2071
|
+
| \`file-input\` | 85,388 | 28,229 | 23,148 | 6,215 | 2,216 | 1,353 |
|
|
2072
|
+
| \`filter-input\` | 112,615 | 37,566 | 31,680 | 6,637 | 2,376 | 1,548 |
|
|
2073
|
+
| \`format-date\` | 30,381 | 10,333 | 9,146 | 2,803 | 984 | 498 |
|
|
2074
|
+
| \`heatmap\` | 69,136 | 23,403 | 20,696 | 11,038 | 3,641 | 2,466 |
|
|
2075
|
+
| \`icon\` | 73,561 | 24,431 | 20,290 | 850 | 433 | 71 |
|
|
2076
|
+
| \`icon-button\` | 31,711 | 10,475 | 9,230 | 3,567 | 1,180 | 627 |
|
|
2077
|
+
| \`image\` | 28,816 | 9,691 | 8,518 | 2,967 | 1,054 | 632 |
|
|
2078
|
+
| \`input\` | 84,757 | 27,868 | 22,877 | 4,795 | 1,690 | 1,000 |
|
|
2079
|
+
| \`kbd\` | 28,706 | 9,926 | 8,748 | 2,897 | 1,338 | 778 |
|
|
2080
|
+
| \`legend\` | 29,187 | 10,066 | 8,845 | 1,097 | 570 | 201 |
|
|
2081
|
+
| \`line-chart\` | 69,788 | 23,947 | 21,209 | 10,515 | 3,643 | 2,429 |
|
|
2082
|
+
| \`list\` | 27,887 | 9,360 | 8,245 | 1,728 | 581 | 191 |
|
|
2083
|
+
| \`listbox\` | 92,591 | 30,212 | 24,748 | 10,701 | 3,453 | 2,270 |
|
|
2084
|
+
| \`loader\` | 27,072 | 9,293 | 8,182 | 900 | 466 | 95 |
|
|
2085
|
+
| \`megamenu\` | 55,893 | 19,552 | 17,265 | 4,932 | 1,757 | 1,025 |
|
|
2086
|
+
| \`menu\` | 110,293 | 37,007 | 31,290 | 8,103 | 2,400 | 1,589 |
|
|
2087
|
+
| \`meter\` | 29,964 | 10,079 | 8,879 | 3,801 | 1,303 | 772 |
|
|
2088
|
+
| \`navigation\` | 28,831 | 9,815 | 8,680 | 1,582 | 677 | 182 |
|
|
2089
|
+
| \`notifications\` | 84,980 | 28,095 | 23,139 | 8,638 | 2,582 | 1,682 |
|
|
2090
|
+
| \`number-input\` | 86,974 | 28,468 | 23,363 | 7,101 | 2,320 | 1,429 |
|
|
2091
|
+
| \`option\` | 28,875 | 9,651 | 8,521 | 2,707 | 924 | 437 |
|
|
2092
|
+
| \`outline\` | 31,837 | 10,811 | 9,517 | 4,537 | 1,787 | 976 |
|
|
2093
|
+
| \`pagination\` | 132,446 | 42,097 | 35,447 | 26,121 | 6,641 | 5,079 |
|
|
2094
|
+
| \`pin-input\` | 37,535 | 12,009 | 10,627 | 5,135 | 1,881 | 1,073 |
|
|
2095
|
+
| \`popover\` | 53,190 | 18,820 | 16,606 | 1,986 | 821 | 415 |
|
|
2096
|
+
| \`progress\` | 28,113 | 9,566 | 8,450 | 1,951 | 791 | 332 |
|
|
2097
|
+
| \`qr-code\` | 38,587 | 13,554 | 11,997 | 12,808 | 5,028 | 4,030 |
|
|
2098
|
+
| \`quote\` | 26,355 | 9,041 | 7,964 | 552 | 350 | 71 |
|
|
2099
|
+
| \`radio\` | 35,999 | 11,457 | 10,117 | 3,138 | 1,159 | 523 |
|
|
2100
|
+
| \`rating\` | 38,033 | 12,238 | 10,784 | 5,615 | 2,030 | 1,216 |
|
|
2101
|
+
| \`scroll-area\` | 28,465 | 9,748 | 8,556 | 2,610 | 1,107 | 543 |
|
|
2102
|
+
| \`select\` | 121,609 | 39,794 | 33,452 | 15,413 | 4,461 | 3,140 |
|
|
2103
|
+
| \`skeleton\` | 25,544 | 8,786 | 7,725 | 544 | 309 | 26 |
|
|
2104
|
+
| \`slider\` | 37,896 | 12,065 | 10,659 | 5,251 | 1,823 | 1,076 |
|
|
2105
|
+
| \`sparkline\` | 31,645 | 11,088 | 9,794 | 2,531 | 1,110 | 608 |
|
|
2106
|
+
| \`speed-dial\` | 102,854 | 35,015 | 29,681 | 3,822 | 1,314 | 616 |
|
|
2107
|
+
| \`splitter\` | 36,329 | 11,667 | 10,338 | 10,163 | 2,934 | 2,144 |
|
|
2108
|
+
| \`stat\` | 27,320 | 9,222 | 8,136 | 1,151 | 424 | 62 |
|
|
2109
|
+
| \`steps\` | 82,900 | 27,205 | 22,347 | 6,304 | 1,889 | 1,153 |
|
|
2110
|
+
| \`switch\` | 34,314 | 11,106 | 9,826 | 1,798 | 833 | 377 |
|
|
2111
|
+
| \`table\` | 31,861 | 10,274 | 9,086 | 4,371 | 1,340 | 703 |
|
|
2112
|
+
| \`tabs\` | 33,935 | 11,060 | 9,721 | 4,470 | 1,334 | 635 |
|
|
2113
|
+
| \`tag\` | 74,439 | 24,760 | 20,435 | 897 | 460 | 68 |
|
|
2114
|
+
| \`textarea\` | 37,001 | 11,743 | 10,362 | 4,116 | 1,429 | 749 |
|
|
2115
|
+
| \`time-input\` | 136,412 | 43,605 | 36,723 | 28,830 | 7,742 | 5,997 |
|
|
2116
|
+
| \`time-picker\` | 100,612 | 32,634 | 26,817 | 18,178 | 5,548 | 4,165 |
|
|
2117
|
+
| \`timeline\` | 74,971 | 24,767 | 20,563 | 1,897 | 665 | 207 |
|
|
2118
|
+
| \`toast\` | 78,169 | 25,872 | 21,292 | 4,008 | 1,302 | 634 |
|
|
2119
|
+
| \`toggle\` | 38,231 | 12,109 | 10,660 | 3,929 | 1,360 | 685 |
|
|
2120
|
+
| \`toolbar\` | 28,734 | 9,827 | 8,655 | 2,932 | 1,273 | 620 |
|
|
2121
|
+
| \`tooltip\` | 56,933 | 19,770 | 17,504 | 6,217 | 2,161 | 1,312 |
|
|
2122
|
+
| \`tour\` | 61,953 | 20,875 | 18,482 | 10,275 | 2,955 | 2,016 |
|
|
2123
|
+
| \`tree\` | 84,423 | 27,823 | 22,815 | 7,052 | 2,369 | 1,492 |
|
|
2124
|
+
| \`trend\` | 73,764 | 24,534 | 20,358 | 1,056 | 520 | 157 |
|
|
2125
|
+
| \`video\` | 133,542 | 42,701 | 36,225 | 31,101 | 7,749 | 6,364 |
|
|
2126
|
+
| \`video-playlist\` | 117,742 | 38,672 | 32,725 | 14,149 | 3,715 | 2,650 |
|
|
2127
|
+
| \`virtual-list\` | 31,983 | 10,952 | 9,662 | 2,358 | 1,053 | 511 |
|
|
2128
2128
|
|
|
2129
2129
|
### Styled tier
|
|
2130
2130
|
|
|
@@ -2132,101 +2132,101 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2132
2132
|
|
|
2133
2133
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2134
2134
|
|---|---|---|---|---|---|---|
|
|
2135
|
-
| \`accordion\` | 80,416 | 26,550 | 21,816 | 6,256 | 2,
|
|
2136
|
-
| \`announcement\` | 79,088 | 26,034 | 21,464 | 5,042 | 1,
|
|
2137
|
-
| \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,
|
|
2138
|
-
| \`aura\` | 87,842 | 30,863 | 26,680 | 60,880 | 21,
|
|
2139
|
-
| \`avatar\` | 32,433 | 10,538 | 9,281 | 6,203 | 1,
|
|
2140
|
-
| \`badge\` | 29,366 | 9,905 | 8,715 | 3,550 | 1,192 |
|
|
2141
|
-
| \`bar-chart\` | 87,351 | 27,296 | 24,053 | 28,057 | 7,
|
|
2142
|
-
| \`blockquote\` | 28,015 | 9,529 | 8,383 | 2,077 | 780 |
|
|
2143
|
-
| \`breadcrumbs\` | 78,416 | 25,590 | 21,198 | 5,332 | 1,
|
|
2144
|
-
| \`button\` | 37,347 | 11,529 | 10,175 | 9,185 | 2,
|
|
2145
|
-
| \`button-group\` | 28,508 | 9,547 | 8,419 | 2,320 | 762 |
|
|
2146
|
-
| \`callout\` | 76,172 | 25,232 | 20,980 | 2,913 | 1,043 |
|
|
2147
|
-
| \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 1,202 |
|
|
2148
|
-
| \`carousel\` | 89,716 | 28,261 | 23,587 | 16,485 | 3,
|
|
2149
|
-
| \`chat\` | 96,677 | 30,177 | 24,969 | 21,250 | 4,976 | 3,
|
|
2150
|
-
| \`checkbox\` | 40,820 | 12,584 | 11,096 | 8,411 | 2,
|
|
2151
|
-
| \`checkbox-group\` | 39,
|
|
2152
|
-
| \`code\` | 26,546 | 9,065 | 7,981 | 1,529 |
|
|
2153
|
-
| \`code-block\` | 126,792 | 40,099 | 33,850 | 25,868 | 5,
|
|
2154
|
-
| \`color-input\` | 162,793 | 47,369 | 40,118 | 57,571 | 12,011 | 9,
|
|
2155
|
-
| \`color-picker\` | 126,632 | 36,596 | 30,485 | 45,718 | 9,955 | 8,
|
|
2156
|
-
| \`combobox\` | 143,
|
|
2157
|
-
| \`command\` | 111,
|
|
2158
|
-
| \`copy-button\` | 122,914 | 39,510 | 33,293 | 21,995 | 5,198 | 3,
|
|
2159
|
-
| \`data-table\` | 178,
|
|
2160
|
-
| \`date-input\` | 138,992 | 43,265 | 36,574 | 34,212 | 8,196 | 6,
|
|
2161
|
-
| \`date-picker\` | 91,241 | 29,414 | 24,351 | 15,400 | 4,
|
|
2162
|
-
| \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 2,
|
|
2163
|
-
| \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 1,077 |
|
|
2164
|
-
| \`donut-chart\` | 79,399 | 25,131 | 22,173 | 21,458 | 5,
|
|
2165
|
-
| \`drawer\` | 33,140 | 10,768 | 9,487 | 5,647 | 1,
|
|
2166
|
-
| \`drilldown\` | 85,015 | 27,777 | 22,820 | 9,402 | 2,
|
|
2167
|
-
| \`empty\` | 28,295 | 9,601 | 8,463 | 2,107 | 814 |
|
|
2168
|
-
| \`file-input\` | 96,131 | 30,389 | 24,987 | 16,951 | 4,
|
|
2169
|
-
| \`filter-input\` | 127,000 | 40,510 | 34,238 | 21,003 | 5,218 | 3,
|
|
2170
|
-
| \`flex\` | 27,799 | 9,392 | 8,240 | 1,987 |
|
|
2171
|
-
| \`format-date\` | 31,029 | 10,471 | 9,280 | 3,433 | 1,
|
|
2172
|
-
| \`grid\` | 28,326 | 9,564 | 8,449 | 2,511 | 869 |
|
|
2173
|
-
| \`heatmap\` | 72,928 | 24,253 | 21,460 | 14,812 | 4,
|
|
2174
|
-
| \`icon\` | 74,256 | 24,607 | 20,394 | 1,528 | 611 |
|
|
2175
|
-
| \`icon-button\` | 37,726 | 11,481 | 10,096 | 9,568 | 2,
|
|
2176
|
-
| \`image\` | 30,564 | 10,174 | 8,943 | 4,697 | 1,
|
|
2177
|
-
| \`input\` | 90,859 | 29,219 | 23,962 | 10,892 | 3,
|
|
2178
|
-
| \`kbd\` | 30,118 | 10,380 | 9,130 | 4,294 | 1,777 | 1,
|
|
2179
|
-
| \`legend\` | 34,021 | 11,147 | 9,781 | 5,924 | 1,
|
|
2180
|
-
| \`line-chart\` | 82,192 | 26,074 | 23,014 | 22,901 | 5,837 | 4,
|
|
2181
|
-
| \`list\` | 31,940 | 10,292 | 9,050 | 5,768 | 1,
|
|
2182
|
-
| \`listbox\` | 96,
|
|
2183
|
-
| \`loader\` | 30,078 | 10,034 | 8,834 | 3,891 | 1,205 |
|
|
2184
|
-
| \`megamenu\` | 60,316 | 20,594 | 18,232 | 9,340 | 2,
|
|
2185
|
-
| \`menu\` | 116,491 | 38,409 | 32,510 | 14,283 | 3,
|
|
2186
|
-
| \`meter\` | 35,360 | 11,235 | 9,926 | 9,179 | 2,
|
|
2187
|
-
| \`navigation\` | 30,214 | 10,212 | 8,987 | 2,949 | 1,
|
|
2188
|
-
| \`notifications\` | 92,539 | 29,630 | 24,493 | 16,184 | 4,
|
|
2189
|
-
| \`number-input\` | 91,816 | 29,585 | 24,291 | 11,929 | 3,
|
|
2190
|
-
| \`option\` | 32,142 | 10,562 | 9,308 | 5,962 | 1,
|
|
2191
|
-
| \`orb\` | 35,668 | 12,611 | 11,162 | 9,445 | 3,
|
|
2192
|
-
| \`outline\` | 35,566 | 11,582 | 10,202 | 8,249 | 2,
|
|
2193
|
-
| \`pagination\` | 150,
|
|
2194
|
-
| \`pin-input\` | 40,676 | 12,803 | 11,279 | 8,259 | 2,
|
|
2195
|
-
| \`popover\` | 55,826 | 19,462 | 17,177 | 4,604 | 1,527 |
|
|
2196
|
-
| \`progress\` | 33,160 | 10,749 | 9,508 | 6,980 | 1,
|
|
2197
|
-
| \`qr-code\` | 40,238 | 13,974 | 12,313 | 14,442 | 5,
|
|
2198
|
-
| \`quote\` | 27,030 | 9,207 | 8,088 | 1,211 |
|
|
2199
|
-
| \`radio\` | 43,
|
|
2200
|
-
| \`rating\` | 41,008 | 13,169 | 11,612 | 8,572 | 2,
|
|
2201
|
-
| \`sandbox\` | 60,999 | 16,779 | 14,889 | 34,535 | 8,033 | 6,
|
|
2202
|
-
| \`scroll-area\` | 31,431 | 10,376 | 9,102 | 5,559 | 1,
|
|
2203
|
-
| \`select\` | 133,
|
|
2204
|
-
| \`skeleton\` | 28,062 | 9,544 | 8,416 | 2,242 | 851 |
|
|
2205
|
-
| \`slider\` | 47,778 | 13,853 | 12,267 | 15,116 | 3,
|
|
2206
|
-
| \`sparkline\` | 35,411 | 12,016 | 10,618 | 6,285 | 2,
|
|
2207
|
-
| \`speed-dial\` | 110,306 | 36,505 | 30,879 | 11,252 | 2,
|
|
2208
|
-
| \`splitter\` | 42,441 | 12,678 | 11,269 | 16,257 | 3,
|
|
2209
|
-
| \`stat\` | 29,954 | 9,789 | 8,646 | 3,772 | 1,
|
|
2210
|
-
| \`steps\` | 96,198 | 29,562 | 24,364 | 19,590 | 4,
|
|
2211
|
-
| \`switch\` | 38,602 | 12,159 | 10,741 | 6,071 | 1,896 | 1,
|
|
2212
|
-
| \`table\` | 35,190 | 10,865 | 9,580 | 7,690 | 1,
|
|
2213
|
-
| \`tabs\` | 40,196 | 12,348 | 10,882 | 10,720 | 2,
|
|
2214
|
-
| \`tag\` | 77,632 | 25,630 | 21,117 | 4,075 | 1,305 |
|
|
2215
|
-
| \`text\` | 29,734 | 9,670 | 8,508 | 3,923 |
|
|
2216
|
-
| \`textarea\` | 40,350 | 12,544 | 11,034 | 7,448 | 2,
|
|
2217
|
-
| \`time-input\` | 156,
|
|
2218
|
-
| \`time-picker\` | 111,
|
|
2219
|
-
| \`timeline\` | 78,237 | 25,530 | 21,180 | 5,149 | 1,
|
|
2220
|
-
| \`toast\` | 85,446 | 27,485 | 22,753 | 11,269 | 2,
|
|
2221
|
-
| \`toggle\` | 43,
|
|
2222
|
-
| \`toolbar\` | 29,632 | 10,054 | 8,841 | 3,813 | 1,507 |
|
|
2223
|
-
| \`tooltip\` | 60,498 | 20,576 | 18,184 | 9,764 | 2,
|
|
2224
|
-
| \`tour\` | 71,770 | 22,532 | 19,965 | 20,076 | 4,604 | 3,
|
|
2225
|
-
| \`tree\` | 89,446 | 29,019 | 23,862 | 12,063 | 3,
|
|
2226
|
-
| \`trend\` | 76,798 | 25,221 | 20,897 | 4,081 | 1,
|
|
2227
|
-
| \`video\` | 150,914 | 45,853 | 38,970 | 48,452 | 10,845 |
|
|
2228
|
-
| \`video-playlist\` | 130,350 | 40,959 | 34,676 | 26,738 | 5,
|
|
2229
|
-
| \`virtual-list\` | 32,815 | 11,180 | 9,827 | 3,172 | 1,
|
|
2135
|
+
| \`accordion\` | 80,416 | 26,550 | 21,816 | 6,256 | 2,009 | 1,212 |
|
|
2136
|
+
| \`announcement\` | 79,088 | 26,034 | 21,464 | 5,042 | 1,520 | 982 |
|
|
2137
|
+
| \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,333 | 743 |
|
|
2138
|
+
| \`aura\` | 87,842 | 30,863 | 26,680 | 60,880 | 21,490 | 18,461 |
|
|
2139
|
+
| \`avatar\` | 32,433 | 10,538 | 9,281 | 6,203 | 1,839 | 1,182 |
|
|
2140
|
+
| \`badge\` | 29,366 | 9,905 | 8,715 | 3,550 | 1,192 | 717 |
|
|
2141
|
+
| \`bar-chart\` | 87,351 | 27,296 | 24,053 | 28,057 | 7,049 | 5,350 |
|
|
2142
|
+
| \`blockquote\` | 28,015 | 9,529 | 8,383 | 2,077 | 780 | 374 |
|
|
2143
|
+
| \`breadcrumbs\` | 78,416 | 25,590 | 21,198 | 5,332 | 1,476 | 979 |
|
|
2144
|
+
| \`button\` | 37,347 | 11,529 | 10,175 | 9,185 | 2,256 | 1,544 |
|
|
2145
|
+
| \`button-group\` | 28,508 | 9,547 | 8,419 | 2,320 | 762 | 456 |
|
|
2146
|
+
| \`callout\` | 76,172 | 25,232 | 20,980 | 2,913 | 1,043 | 630 |
|
|
2147
|
+
| \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 1,202 | 709 |
|
|
2148
|
+
| \`carousel\` | 89,716 | 28,261 | 23,587 | 16,485 | 3,996 | 2,938 |
|
|
2149
|
+
| \`chat\` | 96,677 | 30,177 | 24,969 | 21,250 | 4,976 | 3,837 |
|
|
2150
|
+
| \`checkbox\` | 40,820 | 12,584 | 11,096 | 8,411 | 2,406 | 1,719 |
|
|
2151
|
+
| \`checkbox-group\` | 39,815 | 12,374 | 10,903 | 6,889 | 2,212 | 1,268 |
|
|
2152
|
+
| \`code\` | 26,546 | 9,065 | 7,981 | 1,529 | 578 | 179 |
|
|
2153
|
+
| \`code-block\` | 126,792 | 40,099 | 33,850 | 25,868 | 5,772 | 4,535 |
|
|
2154
|
+
| \`color-input\` | 162,793 | 47,369 | 40,118 | 57,571 | 12,011 | 9,888 |
|
|
2155
|
+
| \`color-picker\` | 126,632 | 36,596 | 30,485 | 45,718 | 9,955 | 8,160 |
|
|
2156
|
+
| \`combobox\` | 143,064 | 44,016 | 37,135 | 34,293 | 8,032 | 6,254 |
|
|
2157
|
+
| \`command\` | 111,027 | 34,053 | 28,102 | 27,635 | 6,934 | 5,374 |
|
|
2158
|
+
| \`copy-button\` | 122,914 | 39,510 | 33,293 | 21,995 | 5,198 | 3,864 |
|
|
2159
|
+
| \`data-table\` | 178,354 | 51,731 | 43,803 | 68,036 | 15,004 | 12,088 |
|
|
2160
|
+
| \`date-input\` | 138,992 | 43,265 | 36,574 | 34,212 | 8,196 | 6,578 |
|
|
2161
|
+
| \`date-picker\` | 91,241 | 29,414 | 24,351 | 15,400 | 4,342 | 3,216 |
|
|
2162
|
+
| \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 2,168 | 1,458 |
|
|
2163
|
+
| \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 1,077 | 566 |
|
|
2164
|
+
| \`donut-chart\` | 79,399 | 25,131 | 22,173 | 21,458 | 5,492 | 4,033 |
|
|
2165
|
+
| \`drawer\` | 33,140 | 10,768 | 9,487 | 5,647 | 1,688 | 1,094 |
|
|
2166
|
+
| \`drilldown\` | 85,015 | 27,777 | 22,820 | 9,402 | 2,731 | 1,799 |
|
|
2167
|
+
| \`empty\` | 28,295 | 9,601 | 8,463 | 2,107 | 814 | 370 |
|
|
2168
|
+
| \`file-input\` | 96,131 | 30,389 | 24,987 | 16,951 | 4,350 | 3,302 |
|
|
2169
|
+
| \`filter-input\` | 127,000 | 40,510 | 34,238 | 21,003 | 5,218 | 3,891 |
|
|
2170
|
+
| \`flex\` | 27,799 | 9,392 | 8,240 | 1,987 | 685 | 351 |
|
|
2171
|
+
| \`format-date\` | 31,029 | 10,471 | 9,280 | 3,433 | 1,144 | 574 |
|
|
2172
|
+
| \`grid\` | 28,326 | 9,564 | 8,449 | 2,511 | 869 | 499 |
|
|
2173
|
+
| \`heatmap\` | 72,928 | 24,253 | 21,460 | 14,812 | 4,524 | 3,269 |
|
|
2174
|
+
| \`icon\` | 74,256 | 24,607 | 20,394 | 1,528 | 611 | 181 |
|
|
2175
|
+
| \`icon-button\` | 37,726 | 11,481 | 10,096 | 9,568 | 2,197 | 1,515 |
|
|
2176
|
+
| \`image\` | 30,564 | 10,174 | 8,943 | 4,697 | 1,545 | 1,060 |
|
|
2177
|
+
| \`input\` | 90,859 | 29,219 | 23,962 | 10,892 | 3,008 | 2,103 |
|
|
2178
|
+
| \`kbd\` | 30,118 | 10,380 | 9,130 | 4,294 | 1,777 | 1,169 |
|
|
2179
|
+
| \`legend\` | 34,021 | 11,147 | 9,781 | 5,924 | 1,745 | 1,088 |
|
|
2180
|
+
| \`line-chart\` | 82,192 | 26,074 | 23,014 | 22,901 | 5,837 | 4,301 |
|
|
2181
|
+
| \`list\` | 31,940 | 10,292 | 9,050 | 5,768 | 1,542 | 1,167 |
|
|
2182
|
+
| \`listbox\` | 96,706 | 31,179 | 25,569 | 14,803 | 4,409 | 3,072 |
|
|
2183
|
+
| \`loader\` | 30,078 | 10,034 | 8,834 | 3,891 | 1,205 | 813 |
|
|
2184
|
+
| \`megamenu\` | 60,316 | 20,594 | 18,232 | 9,340 | 2,819 | 1,997 |
|
|
2185
|
+
| \`menu\` | 116,491 | 38,409 | 32,510 | 14,283 | 3,730 | 2,758 |
|
|
2186
|
+
| \`meter\` | 35,360 | 11,235 | 9,926 | 9,179 | 2,450 | 1,869 |
|
|
2187
|
+
| \`navigation\` | 30,214 | 10,212 | 8,987 | 2,949 | 1,094 | 545 |
|
|
2188
|
+
| \`notifications\` | 92,539 | 29,630 | 24,493 | 16,184 | 4,114 | 3,068 |
|
|
2189
|
+
| \`number-input\` | 91,816 | 29,585 | 24,291 | 11,929 | 3,405 | 2,426 |
|
|
2190
|
+
| \`option\` | 32,142 | 10,562 | 9,308 | 5,962 | 1,830 | 1,130 |
|
|
2191
|
+
| \`orb\` | 35,668 | 12,611 | 11,162 | 9,445 | 3,903 | 2,951 |
|
|
2192
|
+
| \`outline\` | 35,566 | 11,582 | 10,202 | 8,249 | 2,573 | 1,633 |
|
|
2193
|
+
| \`pagination\` | 150,030 | 45,114 | 38,034 | 43,687 | 9,600 | 7,622 |
|
|
2194
|
+
| \`pin-input\` | 40,676 | 12,803 | 11,279 | 8,259 | 2,675 | 1,868 |
|
|
2195
|
+
| \`popover\` | 55,826 | 19,462 | 17,177 | 4,604 | 1,527 | 926 |
|
|
2196
|
+
| \`progress\` | 33,160 | 10,749 | 9,508 | 6,980 | 1,963 | 1,405 |
|
|
2197
|
+
| \`qr-code\` | 40,238 | 13,974 | 12,313 | 14,442 | 5,453 | 4,278 |
|
|
2198
|
+
| \`quote\` | 27,030 | 9,207 | 8,088 | 1,211 | 533 | 197 |
|
|
2199
|
+
| \`radio\` | 43,537 | 12,855 | 11,332 | 10,669 | 2,592 | 1,826 |
|
|
2200
|
+
| \`rating\` | 41,008 | 13,169 | 11,612 | 8,572 | 2,954 | 2,071 |
|
|
2201
|
+
| \`sandbox\` | 60,999 | 16,779 | 14,889 | 34,535 | 8,033 | 6,429 |
|
|
2202
|
+
| \`scroll-area\` | 31,431 | 10,376 | 9,102 | 5,559 | 1,758 | 1,086 |
|
|
2203
|
+
| \`select\` | 133,789 | 42,082 | 35,493 | 27,572 | 6,689 | 5,160 |
|
|
2204
|
+
| \`skeleton\` | 28,062 | 9,544 | 8,416 | 2,242 | 851 | 379 |
|
|
2205
|
+
| \`slider\` | 47,778 | 13,853 | 12,267 | 15,116 | 3,612 | 2,766 |
|
|
2206
|
+
| \`sparkline\` | 35,411 | 12,016 | 10,618 | 6,285 | 2,055 | 1,408 |
|
|
2207
|
+
| \`speed-dial\` | 110,306 | 36,505 | 30,879 | 11,252 | 2,730 | 1,918 |
|
|
2208
|
+
| \`splitter\` | 42,441 | 12,678 | 11,269 | 16,257 | 3,966 | 3,005 |
|
|
2209
|
+
| \`stat\` | 29,954 | 9,789 | 8,646 | 3,772 | 1,029 | 525 |
|
|
2210
|
+
| \`steps\` | 96,198 | 29,562 | 24,364 | 19,590 | 4,229 | 3,219 |
|
|
2211
|
+
| \`switch\` | 38,602 | 12,159 | 10,741 | 6,071 | 1,896 | 1,163 |
|
|
2212
|
+
| \`table\` | 35,190 | 10,865 | 9,580 | 7,690 | 1,965 | 1,233 |
|
|
2213
|
+
| \`tabs\` | 40,196 | 12,348 | 10,882 | 10,720 | 2,630 | 1,782 |
|
|
2214
|
+
| \`tag\` | 77,632 | 25,630 | 21,117 | 4,075 | 1,305 | 775 |
|
|
2215
|
+
| \`text\` | 29,734 | 9,670 | 8,508 | 3,923 | 991 | 589 |
|
|
2216
|
+
| \`textarea\` | 40,350 | 12,544 | 11,034 | 7,448 | 2,256 | 1,495 |
|
|
2217
|
+
| \`time-input\` | 156,313 | 46,977 | 39,662 | 48,712 | 11,078 | 8,841 |
|
|
2218
|
+
| \`time-picker\` | 111,915 | 34,743 | 28,719 | 29,476 | 7,652 | 5,982 |
|
|
2219
|
+
| \`timeline\` | 78,237 | 25,530 | 21,180 | 5,149 | 1,411 | 847 |
|
|
2220
|
+
| \`toast\` | 85,446 | 27,485 | 22,753 | 11,269 | 2,893 | 2,103 |
|
|
2221
|
+
| \`toggle\` | 43,264 | 13,266 | 11,722 | 8,954 | 2,527 | 1,701 |
|
|
2222
|
+
| \`toolbar\` | 29,632 | 10,054 | 8,841 | 3,813 | 1,507 | 787 |
|
|
2223
|
+
| \`tooltip\` | 60,498 | 20,576 | 18,184 | 9,764 | 2,968 | 1,952 |
|
|
2224
|
+
| \`tour\` | 71,770 | 22,532 | 19,965 | 20,076 | 4,604 | 3,518 |
|
|
2225
|
+
| \`tree\` | 89,446 | 29,019 | 23,862 | 12,063 | 3,561 | 2,506 |
|
|
2226
|
+
| \`trend\` | 76,798 | 25,221 | 20,897 | 4,081 | 1,218 | 795 |
|
|
2227
|
+
| \`video\` | 150,914 | 45,853 | 38,970 | 48,452 | 10,845 | 8,994 |
|
|
2228
|
+
| \`video-playlist\` | 130,350 | 40,959 | 34,676 | 26,738 | 5,920 | 4,627 |
|
|
2229
|
+
| \`virtual-list\` | 32,815 | 11,180 | 9,827 | 3,172 | 1,296 | 680 |
|
|
2230
2230
|
|
|
2231
2231
|
## What lands in \`node_modules\`
|
|
2232
2232
|
|
|
@@ -2238,12 +2238,12 @@ column is what was removed rather than part of what remains.
|
|
|
2238
2238
|
|
|
2239
2239
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2240
2240
|
|---|---|---|---|---|
|
|
2241
|
-
| \`@fusion.dev/helix-core\` | 711,
|
|
2241
|
+
| \`@fusion.dev/helix-core\` | 711,896 | 119 | 167,729 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2242
2242
|
| \`@fusion.dev/helix-headless\` | 8,571,414 | 426 | 716,652 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2243
2243
|
| \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
|
|
2244
|
-
| \`@fusion.dev/helix-styles\` | 90,
|
|
2244
|
+
| \`@fusion.dev/helix-styles\` | 90,390 | 6 | 0 | none |
|
|
2245
2245
|
| \`@fusion.dev/helix-theme\` | 461,551 | 8 | 4,699 | none |
|
|
2246
|
-
| \`@fusion.dev/helix\` | 9,575,
|
|
2246
|
+
| \`@fusion.dev/helix\` | 9,575,204 | 734 | 309,418 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2247
2247
|
|
|
2248
2248
|
## Not measured yet
|
|
2249
2249
|
|
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.15.
|
|
4
|
+
"version": "0.15.4",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@fusion.dev/helix-cem": "0.15.
|
|
38
|
+
"@fusion.dev/helix-cem": "0.15.4",
|
|
39
39
|
"@fusion.dev/scripts": "0.0.0-dev"
|
|
40
40
|
},
|
|
41
41
|
"homepage": "https://fusion.dev",
|