@fusion.dev/helix-docs 0.173.0 → 0.174.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 +215 -215
- package/dist/sources.generated.js +215 -215
- package/package.json +9 -9
package/content/metrics.mdx
CHANGED
|
@@ -46,7 +46,7 @@ on its own.
|
|
|
46
46
|
|
|
47
47
|
| | Raw | Gzip | Brotli |
|
|
48
48
|
|---|---|---|---|
|
|
49
|
-
| Lit and `@fusion.dev/helix-core` | 248,690 | 77,759 | 66,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 248,690 | 77,759 | 66,637 |
|
|
50
50
|
|
|
51
51
|
## Whole packages
|
|
52
52
|
|
|
@@ -57,12 +57,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
57
57
|
|
|
58
58
|
| Package | Raw | Gzip | Brotli | |
|
|
59
59
|
|---|---|---|---|---|
|
|
60
|
-
| `@fusion.dev/helix-core` | 247,899 | 77,582 | 66,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 1,361,995 | 369,205 | 276,
|
|
60
|
+
| `@fusion.dev/helix-core` | 247,899 | 77,582 | 66,251 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 1,361,995 | 369,205 | 276,246 | Every headless family. The barrel entry includes all of them. |
|
|
62
62
|
| `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
63
63
|
| `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
64
64
|
| `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
65
|
-
| `@fusion.dev/helix` | 2,
|
|
65
|
+
| `@fusion.dev/helix` | 2,076,402 | 515,061 | 365,045 | Every styled family. |
|
|
66
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
67
67
|
|
|
68
68
|
## Stylesheets
|
|
@@ -85,7 +85,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
85
85
|
|
|
86
86
|
**Most of your first component is the shared runtime.** The median styled family is 17,757 bytes gzipped alone, and it adds 3,860 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
87
87
|
|
|
88
|
-
Across the 105 styled components, the smallest is `code` at 8,
|
|
88
|
+
Across the 105 styled components, the smallest is `code` at 8,472 bytes gzipped alone, and the largest is `data-table` at 80,903. Every family together is 515,061.
|
|
89
89
|
|
|
90
90
|
No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 369,205 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
|
|
91
91
|
|
|
@@ -106,32 +106,32 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
106
106
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
107
107
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
108
108
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
109
|
-
| `checkbox` | **Helix** | 49,014 | 15,
|
|
109
|
+
| `checkbox` | **Helix** | 49,014 | 15,669 | 13,981 |
|
|
110
110
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
111
111
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
112
112
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
113
113
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
114
|
-
| `dialog` | **Helix** | 46,594 | 15,877 | 14,
|
|
114
|
+
| `dialog` | **Helix** | 46,594 | 15,877 | 14,162 |
|
|
115
115
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
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** | 53,541 | 16,539 | 14,
|
|
119
|
+
| `radio` | **Helix** | 53,541 | 16,539 | 14,733 |
|
|
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 |
|
|
123
123
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
124
|
-
| `switch` | **Helix** | 45,727 | 15,127 | 13,
|
|
124
|
+
| `switch` | **Helix** | 45,727 | 15,127 | 13,470 |
|
|
125
125
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
126
126
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
127
127
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
128
128
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
129
|
-
| `tabs` | **Helix** | 60,663 | 19,011 | 16,
|
|
129
|
+
| `tabs` | **Helix** | 60,663 | 19,011 | 16,910 |
|
|
130
130
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
131
131
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
132
132
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
133
133
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
134
|
-
| `tooltip` | **Helix** | 62,241 | 21,948 | 19,
|
|
134
|
+
| `tooltip` | **Helix** | 62,241 | 21,948 | 19,459 |
|
|
135
135
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
136
136
|
| | Material Web | | not shipped | |
|
|
137
137
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -183,104 +183,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
183
183
|
|
|
184
184
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
185
185
|
|---|---|---|---|---|---|---|
|
|
186
|
-
| `accordion` | 32,745 | 11,983 | 10,619 | 6,019 | 1,769 | 1,
|
|
187
|
-
| `announcement` | 38,688 |
|
|
188
|
-
| `app-header` | 33,875 | 12,386 | 11,026 | 6,137 | 1,871 | 1,
|
|
189
|
-
| `area-chart` | 90,986 | 31,665 |
|
|
190
|
-
| `avatar` | 31,417 | 11,
|
|
191
|
-
| `badge` | 26,985 | 10,575 | 9,439 | 3,276 | 1,055 |
|
|
192
|
-
| `bar-chart` | 93,951 | 32,
|
|
193
|
-
| `blockquote` | 24,289 | 9,538 | 8,445 | 2,731 | 1,054 |
|
|
194
|
-
| `breadcrumbs` | 37,187 | 14,184 | 12,614 | 8,000 | 2,591 | 1,
|
|
195
|
-
| `button` | 38,273 | 13,617 | 12,186 | 5,208 | 1,608 |
|
|
196
|
-
| `button-group` | 27,883 | 10,
|
|
197
|
-
| `callout` | 36,184 | 13,
|
|
198
|
-
| `canvas` | 109,942 | 35,
|
|
199
|
-
| `card` | 23,959 | 9,173 | 8,
|
|
200
|
-
| `carousel` | 43,284 | 15,477 | 13,
|
|
201
|
-
| `chat` | 80,299 | 26,
|
|
202
|
-
| `checkbox` | 42,185 | 14,
|
|
203
|
-
| `checkbox-group` | 49,740 | 16,
|
|
204
|
-
| `code` | 20,483 | 8,146 | 7,
|
|
205
|
-
| `code-block` | 106,241 | 35,
|
|
206
|
-
| `color-input` | 145,288 | 45,562 | 39,
|
|
207
|
-
| `color-picker` | 105,853 | 33,343 | 29,
|
|
208
|
-
| `combobox` | 139,109 | 43,088 | 37,
|
|
209
|
-
| `command` | 105,970 | 32,597 | 28,
|
|
210
|
-
| `copy-button` | 84,919 | 28,
|
|
211
|
-
| `data-table` | 208,460 | 62,
|
|
212
|
-
| `date-input` | 144,007 | 44,541 | 39,
|
|
213
|
-
| `date-picker` | 61,750 | 20,897 | 18,702 | 20,220 | 5,562 | 4,
|
|
214
|
-
| `description-list` | 23,412 | 8,907 | 7,880 | 2,225 | 698 |
|
|
215
|
-
| `dialog` | 41,114 | 14,614 | 13,
|
|
216
|
-
| `divider` | 23,173 | 9,044 | 8,008 | 1,745 |
|
|
217
|
-
| `donut-chart` | 88,240 | 30,756 | 27,
|
|
218
|
-
| `drawer` | 45,388 | 16,019 | 14,
|
|
219
|
-
| `drilldown` | 44,814 | 15,590 | 13,892 | 10,162 | 2,825 | 1,
|
|
220
|
-
| `empty` | 24,376 | 9,
|
|
221
|
-
| `file-input` | 59,249 | 20,257 | 17,
|
|
222
|
-
| `filter-input` | 150,756 | 46,068 | 40,
|
|
223
|
-
| `format-date` | 30,056 | 11,305 | 10,096 | 4,769 | 1,420 |
|
|
224
|
-
| `graph` | 69,368 | 22,845 | 20,
|
|
225
|
-
| `heatmap` | 95,417 | 32,639 | 28,
|
|
226
|
-
| `icon` | 82,676 | 28,313 | 24,
|
|
227
|
-
| `icon-button` | 38,710 | 13,
|
|
228
|
-
| `image` | 25,686 | 9,596 | 8,494 | 4,159 | 1,302 |
|
|
229
|
-
| `input` | 48,634 | 16,661 | 14,728 | 7,688 | 2,549 | 1,
|
|
230
|
-
| `kbd` | 27,537 | 10,
|
|
231
|
-
| `legend` | 34,902 | 12,
|
|
232
|
-
| `lightbox` | 56,869 | 18,971 | 16,
|
|
233
|
-
| `line-chart` | 92,021 | 31,834 | 28,
|
|
234
|
-
| `list` | 62,852 | 21,627 | 19,
|
|
235
|
-
| `listbox` | 82,406 | 26,536 | 23,
|
|
236
|
-
| `loader` | 27,624 | 10,571 | 9,381 | 2,682 | 973 |
|
|
237
|
-
| `map` | 82,956 | 25,077 | 21,
|
|
238
|
-
| `megamenu` | 60,537 | 21,791 | 19,
|
|
239
|
-
| `menu` | 105,284 | 34,
|
|
240
|
-
| `meter` | 32,441 | 12,
|
|
241
|
-
| `navigation` | 34,753 | 13,102 | 11,
|
|
242
|
-
| `notifications` | 60,049 | 19,983 | 17,
|
|
243
|
-
| `number-input` | 57,454 | 19,134 | 17,
|
|
244
|
-
| `object-inspector` | 117,054 | 38,893 | 34,
|
|
245
|
-
| `option` | 27,320 | 9,919 | 8,780 | 5,521 | 1,395 |
|
|
246
|
-
| `outline` | 35,323 | 13,262 | 11,792 | 8,200 | 2,722 | 1,
|
|
247
|
-
| `pagination` | 139,375 | 43,
|
|
248
|
-
| `pin-input` | 48,309 | 16,697 | 14,
|
|
249
|
-
| `popover` | 65,839 | 23,
|
|
250
|
-
| `progress` | 28,742 | 11,
|
|
251
|
-
| `qr-code` | 43,379 | 16,926 | 15,075 | 17,336 | 6,514 | 5,
|
|
252
|
-
| `quote` | 22,698 | 9,
|
|
253
|
-
| `radio` | 45,040 | 15,003 | 13,371 | 4,432 | 1,380 |
|
|
254
|
-
| `rating` | 51,294 | 17,
|
|
255
|
-
| `scatter-chart` | 91,656 | 31,575 | 27,
|
|
256
|
-
| `scroll-area` | 30,549 | 11,169 | 9,879 | 8,810 | 2,708 |
|
|
257
|
-
| `select` | 121,666 | 39,
|
|
258
|
-
| `skeleton` | 22,510 | 8,
|
|
259
|
-
| `skip-link` | 25,535 | 10,013 | 8,877 | 1,553 | 627 |
|
|
260
|
-
| `slider` | 54,135 | 18,
|
|
261
|
-
| `sparkline` | 47,807 | 17,537 | 15,
|
|
262
|
-
| `speed-dial` | 71,335 | 25,
|
|
263
|
-
| `splitter` | 44,408 | 15,
|
|
264
|
-
| `stat` | 25,480 | 9,707 | 8,
|
|
265
|
-
| `steps` | 56,683 | 19,390 | 17,
|
|
266
|
-
| `switch` | 41,039 | 13,981 | 12,
|
|
267
|
-
| `table` | 120,335 | 37,107 | 32,
|
|
268
|
-
| `tabs` | 50,666 | 17,118 | 15,
|
|
269
|
-
| `tag` | 44,780 | 16,253 | 14,
|
|
270
|
-
| `textarea` | 46,124 | 15,614 | 13,
|
|
271
|
-
| `time-input` | 173,070 | 52,833 | 45,
|
|
272
|
-
| `time-picker` | 101,533 | 31,654 | 27,
|
|
273
|
-
| `timeline` | 32,605 | 12,200 | 10,
|
|
274
|
-
| `toast` | 52,128 | 18,
|
|
275
|
-
| `toggle` | 46,641 | 15,
|
|
276
|
-
| `toolbar` | 32,712 | 12,
|
|
277
|
-
| `tooltip` | 59,093 | 21,
|
|
278
|
-
| `tour` | 86,777 | 29,406 | 25,
|
|
279
|
-
| `tree` | 69,456 | 23,081 | 20,
|
|
280
|
-
| `trend` | 30,375 | 11,863 | 10,
|
|
281
|
-
| `video` | 146,529 | 45,265 | 39,
|
|
282
|
-
| `video-playlist` | 133,933 | 42,448 | 37,
|
|
283
|
-
| `virtual-list` | 60,387 | 20,
|
|
186
|
+
| `accordion` | 32,745 | 11,983 | 10,619 | 6,019 | 1,769 | 1,184 |
|
|
187
|
+
| `announcement` | 38,688 | 14,000 | 12,523 | 5,014 | 1,568 | 969 |
|
|
188
|
+
| `app-header` | 33,875 | 12,386 | 11,026 | 6,137 | 1,871 | 1,223 |
|
|
189
|
+
| `area-chart` | 90,986 | 31,665 | 27,991 | 14,686 | 4,530 | 3,667 |
|
|
190
|
+
| `avatar` | 31,417 | 11,890 | 10,607 | 4,588 | 1,381 | 958 |
|
|
191
|
+
| `badge` | 26,985 | 10,575 | 9,439 | 3,276 | 1,055 | 661 |
|
|
192
|
+
| `bar-chart` | 93,951 | 32,511 | 28,717 | 17,504 | 5,324 | 4,261 |
|
|
193
|
+
| `blockquote` | 24,289 | 9,538 | 8,445 | 2,731 | 1,054 | 684 |
|
|
194
|
+
| `breadcrumbs` | 37,187 | 14,184 | 12,614 | 8,000 | 2,591 | 1,998 |
|
|
195
|
+
| `button` | 38,273 | 13,617 | 12,186 | 5,208 | 1,608 | 1,053 |
|
|
196
|
+
| `button-group` | 27,883 | 10,537 | 9,328 | 5,322 | 1,715 | 1,054 |
|
|
197
|
+
| `callout` | 36,184 | 13,852 | 12,306 | 3,217 | 1,127 | 729 |
|
|
198
|
+
| `canvas` | 109,942 | 35,060 | 30,650 | 69,740 | 21,208 | 17,518 |
|
|
199
|
+
| `card` | 23,959 | 9,173 | 8,113 | 2,422 | 788 | 549 |
|
|
200
|
+
| `carousel` | 43,284 | 15,477 | 13,792 | 15,311 | 4,315 | 3,236 |
|
|
201
|
+
| `chat` | 80,299 | 26,451 | 23,389 | 28,478 | 8,289 | 6,432 |
|
|
202
|
+
| `checkbox` | 42,185 | 14,169 | 12,640 | 3,391 | 1,100 | 710 |
|
|
203
|
+
| `checkbox-group` | 49,740 | 16,117 | 14,395 | 8,941 | 2,514 | 1,749 |
|
|
204
|
+
| `code` | 20,483 | 8,146 | 7,235 | 466 | 236 | 93 |
|
|
205
|
+
| `code-block` | 106,241 | 35,545 | 31,415 | 38,240 | 10,966 | 8,700 |
|
|
206
|
+
| `color-input` | 145,288 | 45,562 | 39,772 | 56,951 | 14,700 | 11,704 |
|
|
207
|
+
| `color-picker` | 105,853 | 33,343 | 29,170 | 48,447 | 12,969 | 10,275 |
|
|
208
|
+
| `combobox` | 139,109 | 43,088 | 37,852 | 40,531 | 10,028 | 7,770 |
|
|
209
|
+
| `command` | 105,970 | 32,597 | 28,611 | 35,008 | 9,111 | 7,218 |
|
|
210
|
+
| `copy-button` | 84,919 | 28,738 | 25,458 | 19,593 | 5,189 | 3,904 |
|
|
211
|
+
| `data-table` | 208,460 | 62,274 | 53,141 | 97,508 | 25,181 | 19,945 |
|
|
212
|
+
| `date-input` | 144,007 | 44,541 | 39,149 | 38,424 | 9,467 | 7,424 |
|
|
213
|
+
| `date-picker` | 61,750 | 20,897 | 18,702 | 20,220 | 5,562 | 4,202 |
|
|
214
|
+
| `description-list` | 23,412 | 8,907 | 7,880 | 2,225 | 698 | 343 |
|
|
215
|
+
| `dialog` | 41,114 | 14,614 | 13,007 | 6,187 | 1,907 | 1,345 |
|
|
216
|
+
| `divider` | 23,173 | 9,044 | 8,008 | 1,745 | 660 | 395 |
|
|
217
|
+
| `donut-chart` | 88,240 | 30,756 | 27,206 | 14,863 | 4,516 | 3,600 |
|
|
218
|
+
| `drawer` | 45,388 | 16,019 | 14,239 | 7,678 | 2,353 | 1,683 |
|
|
219
|
+
| `drilldown` | 44,814 | 15,590 | 13,892 | 10,162 | 2,825 | 1,949 |
|
|
220
|
+
| `empty` | 24,376 | 9,368 | 8,289 | 2,282 | 804 | 405 |
|
|
221
|
+
| `file-input` | 59,249 | 20,257 | 17,996 | 13,726 | 4,276 | 3,257 |
|
|
222
|
+
| `filter-input` | 150,756 | 46,068 | 40,065 | 59,435 | 14,972 | 11,881 |
|
|
223
|
+
| `format-date` | 30,056 | 11,305 | 10,096 | 4,769 | 1,420 | 941 |
|
|
224
|
+
| `graph` | 69,368 | 22,845 | 20,296 | 18,116 | 5,537 | 4,338 |
|
|
225
|
+
| `heatmap` | 95,417 | 32,639 | 28,804 | 17,374 | 5,050 | 3,932 |
|
|
226
|
+
| `icon` | 82,676 | 28,313 | 24,170 | 59,024 | 19,877 | 16,192 |
|
|
227
|
+
| `icon-button` | 38,710 | 13,655 | 12,181 | 5,645 | 1,667 | 1,181 |
|
|
228
|
+
| `image` | 25,686 | 9,596 | 8,494 | 4,159 | 1,302 | 848 |
|
|
229
|
+
| `input` | 48,634 | 16,661 | 14,728 | 7,688 | 2,549 | 1,822 |
|
|
230
|
+
| `kbd` | 27,537 | 10,604 | 9,364 | 3,825 | 1,259 | 905 |
|
|
231
|
+
| `legend` | 34,902 | 12,914 | 11,498 | 3,289 | 1,150 | 757 |
|
|
232
|
+
| `lightbox` | 56,869 | 18,971 | 16,885 | 17,014 | 4,723 | 3,404 |
|
|
233
|
+
| `line-chart` | 92,021 | 31,834 | 28,214 | 15,391 | 4,594 | 3,596 |
|
|
234
|
+
| `list` | 62,852 | 21,627 | 19,295 | 15,975 | 4,655 | 3,438 |
|
|
235
|
+
| `listbox` | 82,406 | 26,536 | 23,463 | 19,854 | 5,538 | 4,072 |
|
|
236
|
+
| `loader` | 27,624 | 10,571 | 9,381 | 2,682 | 973 | 582 |
|
|
237
|
+
| `map` | 82,956 | 25,077 | 21,815 | 40,792 | 10,630 | 8,176 |
|
|
238
|
+
| `megamenu` | 60,537 | 21,791 | 19,314 | 8,929 | 2,527 | 1,878 |
|
|
239
|
+
| `menu` | 105,284 | 34,850 | 30,782 | 33,419 | 8,663 | 6,897 |
|
|
240
|
+
| `meter` | 32,441 | 12,318 | 10,987 | 5,291 | 1,611 | 1,175 |
|
|
241
|
+
| `navigation` | 34,753 | 13,102 | 11,632 | 3,696 | 1,328 | 917 |
|
|
242
|
+
| `notifications` | 60,049 | 19,983 | 17,788 | 18,816 | 5,046 | 3,932 |
|
|
243
|
+
| `number-input` | 57,454 | 19,134 | 17,074 | 13,860 | 3,754 | 2,680 |
|
|
244
|
+
| `object-inspector` | 117,054 | 38,893 | 34,218 | 37,051 | 10,524 | 8,350 |
|
|
245
|
+
| `option` | 27,320 | 9,919 | 8,780 | 5,521 | 1,395 | 945 |
|
|
246
|
+
| `outline` | 35,323 | 13,262 | 11,792 | 8,200 | 2,722 | 1,943 |
|
|
247
|
+
| `pagination` | 139,375 | 43,608 | 37,929 | 47,767 | 12,095 | 9,418 |
|
|
248
|
+
| `pin-input` | 48,309 | 16,697 | 14,891 | 7,048 | 2,342 | 1,618 |
|
|
249
|
+
| `popover` | 65,839 | 23,558 | 20,901 | 6,748 | 2,022 | 1,362 |
|
|
250
|
+
| `progress` | 28,742 | 11,016 | 9,783 | 3,305 | 1,077 | 621 |
|
|
251
|
+
| `qr-code` | 43,379 | 16,926 | 15,075 | 17,336 | 6,514 | 5,373 |
|
|
252
|
+
| `quote` | 22,698 | 9,005 | 7,944 | 1,539 | 705 | 428 |
|
|
253
|
+
| `radio` | 45,040 | 15,003 | 13,371 | 4,432 | 1,380 | 795 |
|
|
254
|
+
| `rating` | 51,294 | 17,517 | 15,606 | 8,141 | 2,512 | 1,726 |
|
|
255
|
+
| `scatter-chart` | 91,656 | 31,575 | 27,933 | 16,448 | 4,941 | 3,864 |
|
|
256
|
+
| `scroll-area` | 30,549 | 11,169 | 9,879 | 8,810 | 2,708 | 2,001 |
|
|
257
|
+
| `select` | 121,666 | 39,277 | 34,471 | 30,668 | 8,127 | 6,088 |
|
|
258
|
+
| `skeleton` | 22,510 | 8,766 | 7,771 | 1,321 | 540 | 300 |
|
|
259
|
+
| `skip-link` | 25,535 | 10,013 | 8,877 | 1,553 | 627 | 419 |
|
|
260
|
+
| `slider` | 54,135 | 18,111 | 16,203 | 13,495 | 3,950 | 2,931 |
|
|
261
|
+
| `sparkline` | 47,807 | 17,537 | 15,632 | 6,103 | 2,208 | 1,524 |
|
|
262
|
+
| `speed-dial` | 71,335 | 25,365 | 22,496 | 11,841 | 3,136 | 2,298 |
|
|
263
|
+
| `splitter` | 44,408 | 15,452 | 13,790 | 14,732 | 3,985 | 3,043 |
|
|
264
|
+
| `stat` | 25,480 | 9,707 | 8,607 | 2,962 | 938 | 592 |
|
|
265
|
+
| `steps` | 56,683 | 19,390 | 17,236 | 14,557 | 4,078 | 3,003 |
|
|
266
|
+
| `switch` | 41,039 | 13,981 | 12,477 | 1,963 | 738 | 439 |
|
|
267
|
+
| `table` | 120,335 | 37,107 | 32,257 | 46,796 | 12,753 | 10,055 |
|
|
268
|
+
| `tabs` | 50,666 | 17,118 | 15,209 | 11,170 | 2,986 | 2,153 |
|
|
269
|
+
| `tag` | 44,780 | 16,253 | 14,509 | 9,054 | 2,669 | 1,888 |
|
|
270
|
+
| `textarea` | 46,124 | 15,614 | 13,933 | 5,738 | 1,772 | 1,207 |
|
|
271
|
+
| `time-input` | 173,070 | 52,833 | 45,742 | 49,682 | 12,561 | 9,845 |
|
|
272
|
+
| `time-picker` | 101,533 | 31,654 | 27,798 | 34,757 | 9,329 | 7,240 |
|
|
273
|
+
| `timeline` | 32,605 | 12,200 | 10,862 | 5,055 | 1,390 | 1,021 |
|
|
274
|
+
| `toast` | 52,128 | 18,239 | 16,191 | 12,791 | 3,691 | 2,669 |
|
|
275
|
+
| `toggle` | 46,641 | 15,300 | 13,635 | 6,703 | 2,030 | 1,396 |
|
|
276
|
+
| `toolbar` | 32,712 | 12,212 | 10,878 | 5,487 | 1,815 | 1,313 |
|
|
277
|
+
| `tooltip` | 59,093 | 21,199 | 18,843 | 8,736 | 2,512 | 1,907 |
|
|
278
|
+
| `tour` | 86,777 | 29,406 | 25,966 | 20,806 | 5,724 | 4,330 |
|
|
279
|
+
| `tree` | 69,456 | 23,081 | 20,513 | 17,795 | 5,166 | 3,920 |
|
|
280
|
+
| `trend` | 30,375 | 11,863 | 10,581 | 3,822 | 1,254 | 918 |
|
|
281
|
+
| `video` | 146,529 | 45,265 | 39,515 | 69,861 | 17,635 | 14,238 |
|
|
282
|
+
| `video-playlist` | 133,933 | 42,448 | 37,338 | 47,019 | 11,996 | 9,572 |
|
|
283
|
+
| `virtual-list` | 60,387 | 20,621 | 18,388 | 21,141 | 6,509 | 5,085 |
|
|
284
284
|
|
|
285
285
|
### Styled tier
|
|
286
286
|
|
|
@@ -288,111 +288,111 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
288
288
|
|
|
289
289
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
290
290
|
|---|---|---|---|---|---|---|
|
|
291
|
-
| `accordion` | 36,857 | 12,854 | 11,433 | 10,116 | 2,693 |
|
|
292
|
-
| `announcement` | 43,624 | 15,064 | 13,468 | 9,931 | 2,672 | 1,
|
|
293
|
-
| `app-header` | 39,343 | 13,600 | 12,
|
|
294
|
-
| `area-chart` | 99,628 | 33,
|
|
295
|
-
| `aura` | 51,454 | 17,757 | 15,762 | 27,662 | 8,676 | 7,
|
|
296
|
-
| `avatar` | 35,091 | 12,684 | 11,
|
|
297
|
-
| `badge` | 32,752 | 11,796 | 10,508 | 9,034 | 2,290 | 1,
|
|
298
|
-
| `bar-chart` | 108,019 | 35,341 | 31,
|
|
299
|
-
| `blockquote` | 26,860 | 10,
|
|
300
|
-
| `breadcrumbs` | 44,839 | 15,
|
|
301
|
-
| `button` | 45,395 | 15,059 | 13,429 | 12,314 | 3,103 | 2,
|
|
302
|
-
| `button-group` | 31,742 | 11,238 | 9,978 | 9,164 | 2,414 | 1,
|
|
303
|
-
| `callout` | 40,328 | 14,
|
|
304
|
-
| `canvas` | 132,144 | 39,299 | 34,
|
|
305
|
-
| `card` | 28,213 | 10,189 | 9,048 | 6,662 | 1,804 | 1,
|
|
306
|
-
| `carousel` | 54,175 | 17,279 | 15,
|
|
307
|
-
| `chat` | 96,668 | 29,
|
|
308
|
-
| `checkbox` | 49,014 | 15,
|
|
309
|
-
| `checkbox-group` | 57,640 | 17,777 | 15,
|
|
310
|
-
| `code` | 21,671 | 8,
|
|
311
|
-
| `code-block` | 132,609 | 39,532 | 34,
|
|
312
|
-
| `color-input` | 189,930 | 51,
|
|
313
|
-
| `color-picker` | 144,685 | 39,061 | 34,
|
|
314
|
-
| `combobox` | 155,678 | 46,141 | 40,
|
|
315
|
-
| `command` | 123,864 | 35,894 | 31,
|
|
316
|
-
| `copy-button` | 98,366 | 31,
|
|
317
|
-
| `data-table` | 292,611 | 80,903 |
|
|
318
|
-
| `date-input` | 166,278 | 48,372 | 42,
|
|
319
|
-
| `date-picker` | 70,066 | 22,365 | 20,
|
|
320
|
-
| `description-list` | 27,039 | 9,669 | 8,577 | 5,841 | 1,478 |
|
|
321
|
-
| `dialog` | 46,594 | 15,877 | 14,
|
|
322
|
-
| `divider` | 25,821 | 9,693 | 8,547 | 4,376 | 1,
|
|
323
|
-
| `donut-chart` | 98,371 | 32,820 | 29,
|
|
324
|
-
| `drawer` | 51,584 | 17,416 | 15,522 | 13,859 | 3,822 | 2,
|
|
325
|
-
| `drilldown` | 51,187 | 16,886 | 15,
|
|
326
|
-
| `empty` | 26,021 | 9,826 | 8,678 | 3,909 | 1,278 |
|
|
327
|
-
| `file-input` | 71,513 | 22,716 | 20,146 | 25,977 | 6,
|
|
328
|
-
| `filter-input` | 186,978 | 51,956 | 45,
|
|
329
|
-
| `flex` | 25,978 | 9,321 | 8,258 | 5,154 | 1,
|
|
330
|
-
| `format-date` | 30,640 | 11,432 | 10,213 | 5,337 | 1,551 | 1,
|
|
331
|
-
| `graph` | 84,277 | 25,480 | 22,
|
|
332
|
-
| `grid` | 27,233 | 9,978 | 8,825 | 6,021 | 1,
|
|
333
|
-
| `heatmap` | 102,998 | 34,235 | 30,
|
|
334
|
-
| `icon` | 84,859 | 28,
|
|
335
|
-
| `icon-button` | 47,177 | 15,
|
|
336
|
-
| `image` | 27,417 | 10,071 | 8,935 | 5,872 | 1,785 | 1,
|
|
337
|
-
| `input` | 53,248 | 17,735 | 15,
|
|
338
|
-
| `kbd` | 29,864 | 11,
|
|
339
|
-
| `legend` | 40,308 | 14,176 | 12,
|
|
340
|
-
| `lightbox` | 63,863 | 20,330 | 18,
|
|
341
|
-
| `line-chart` | 103,567 | 34,209 | 30,
|
|
342
|
-
| `list` | 69,907 | 23,
|
|
343
|
-
| `listbox` | 87,214 | 27,683 | 24,
|
|
344
|
-
| `loader` | 30,830 | 11,358 | 10,102 | 5,870 | 1,753 | 1,
|
|
345
|
-
| `map` | 119,571 | 30,617 | 26,
|
|
346
|
-
| `megamenu` | 65,860 | 22,963 | 20,
|
|
347
|
-
| `menu` | 118,358 | 37,
|
|
348
|
-
| `meter` | 38,671 | 13,585 | 12,159 | 11,502 | 2,
|
|
349
|
-
| `navigation` | 38,839 | 13,
|
|
350
|
-
| `notifications` | 74,914 | 22,638 | 20,
|
|
351
|
-
| `number-input` | 62,796 | 20,331 | 18,
|
|
352
|
-
| `object-inspector` | 135,245 | 41,872 | 36,
|
|
353
|
-
| `option` | 31,522 | 10,947 | 9,689 | 9,715 | 2,433 | 1,
|
|
354
|
-
| `orb` | 36,941 | 14,131 | 12,610 | 10,072 | 3,816 |
|
|
355
|
-
| `outline` | 39,915 | 14,145 | 12,
|
|
356
|
-
| `pagination` | 159,103 | 47,035 | 40,
|
|
357
|
-
| `pin-input` | 52,001 | 17,615 | 15,718 | 10,721 | 3,315 | 2,
|
|
358
|
-
| `popover` | 69,340 | 24,321 | 21,608 | 10,231 | 2,863 | 2,
|
|
359
|
-
| `progress` | 36,291 | 12,643 | 11,276 | 10,837 | 2,759 | 2,
|
|
360
|
-
| `qr-code` | 45,317 | 17,412 | 15,
|
|
361
|
-
| `quote` | 23,589 | 9,214 | 8,
|
|
362
|
-
| `radio` | 53,541 | 16,539 | 14,
|
|
363
|
-
| `rating` | 55,435 | 18,704 | 16,700 | 12,265 | 3,727 | 2,
|
|
364
|
-
| `sandbox` | 105,701 | 31,214 | 27,
|
|
365
|
-
| `scatter-chart` | 101,031 | 33,646 | 29,
|
|
366
|
-
| `scroll-area` | 35,927 | 12,124 | 10,
|
|
367
|
-
| `select` | 137,072 | 42,
|
|
368
|
-
| `skeleton` | 26,269 | 9,683 | 8,610 | 5,066 | 1,491 |
|
|
369
|
-
| `skip-link` | 27,440 | 10,500 | 9,298 | 3,441 | 1,134 |
|
|
370
|
-
| `slider` | 69,545 | 20,449 | 18,
|
|
371
|
-
| `sparkline` | 53,434 | 18,854 | 16,
|
|
372
|
-
| `speed-dial` | 79,415 | 26,808 | 23,
|
|
373
|
-
| `splitter` | 50,849 | 16,520 | 14,
|
|
374
|
-
| `stat` | 29,023 | 10,426 | 9,
|
|
375
|
-
| `steps` | 71,902 | 22,212 | 19,
|
|
376
|
-
| `strands` |
|
|
377
|
-
| `switch` | 45,727 | 15,127 | 13,
|
|
378
|
-
| `table` | 139,608 | 40,301 | 35,
|
|
379
|
-
| `tabs` | 60,663 | 19,011 | 16,
|
|
380
|
-
| `tag` | 50,048 | 17,404 | 15,
|
|
381
|
-
| `text` | 28,979 | 10,064 | 8,869 | 7,770 | 1,664 | 1,
|
|
382
|
-
| `textarea` | 50,411 | 16,626 | 14,
|
|
383
|
-
| `time-input` | 199,209 | 57,140 | 49,
|
|
384
|
-
| `time-picker` | 114,926 | 34,152 | 30,
|
|
385
|
-
| `timeline` | 40,524 | 13,
|
|
386
|
-
| `toast` | 60,737 | 20,
|
|
387
|
-
| `toggle` | 52,195 | 16,
|
|
388
|
-
| `toolbar` | 35,730 | 12,
|
|
389
|
-
| `tooltip` | 62,241 | 21,948 | 19,
|
|
390
|
-
| `tour` | 98,152 | 31,515 | 27,
|
|
391
|
-
| `tree` | 78,869 | 25,015 | 22,
|
|
392
|
-
| `trend` | 32,227 | 12,325 | 11,
|
|
393
|
-
| `video` | 169,593 | 49,
|
|
394
|
-
| `video-playlist` | 153,047 | 45,651 | 40,
|
|
395
|
-
| `virtual-list` | 62,724 | 21,154 | 18,
|
|
291
|
+
| `accordion` | 36,857 | 12,854 | 11,433 | 10,116 | 2,693 | 2,041 |
|
|
292
|
+
| `announcement` | 43,624 | 15,064 | 13,468 | 9,931 | 2,672 | 1,985 |
|
|
293
|
+
| `app-header` | 39,343 | 13,600 | 12,139 | 11,590 | 3,095 | 2,349 |
|
|
294
|
+
| `area-chart` | 99,628 | 33,559 | 29,688 | 23,309 | 6,471 | 5,101 |
|
|
295
|
+
| `aura` | 51,454 | 17,757 | 15,762 | 27,662 | 8,676 | 7,240 |
|
|
296
|
+
| `avatar` | 35,091 | 12,684 | 11,348 | 8,247 | 2,183 | 1,654 |
|
|
297
|
+
| `badge` | 32,752 | 11,796 | 10,508 | 9,034 | 2,290 | 1,774 |
|
|
298
|
+
| `bar-chart` | 108,019 | 35,341 | 31,241 | 31,553 | 8,172 | 6,531 |
|
|
299
|
+
| `blockquote` | 26,860 | 10,107 | 8,920 | 5,287 | 1,591 | 1,140 |
|
|
300
|
+
| `breadcrumbs` | 44,839 | 15,416 | 13,760 | 15,636 | 3,860 | 3,121 |
|
|
301
|
+
| `button` | 45,395 | 15,059 | 13,429 | 12,314 | 3,103 | 2,277 |
|
|
302
|
+
| `button-group` | 31,742 | 11,238 | 9,978 | 9,164 | 2,414 | 1,809 |
|
|
303
|
+
| `callout` | 40,328 | 14,798 | 13,190 | 7,345 | 2,098 | 1,637 |
|
|
304
|
+
| `canvas` | 132,144 | 39,299 | 34,154 | 91,584 | 25,349 | 20,965 |
|
|
305
|
+
| `card` | 28,213 | 10,189 | 9,048 | 6,662 | 1,804 | 1,263 |
|
|
306
|
+
| `carousel` | 54,175 | 17,279 | 15,433 | 26,186 | 6,158 | 4,912 |
|
|
307
|
+
| `chat` | 96,668 | 29,241 | 25,850 | 44,844 | 11,140 | 8,813 |
|
|
308
|
+
| `checkbox` | 49,014 | 15,669 | 13,981 | 10,203 | 2,632 | 2,023 |
|
|
309
|
+
| `checkbox-group` | 57,640 | 17,777 | 15,846 | 16,834 | 4,233 | 3,137 |
|
|
310
|
+
| `code` | 21,671 | 8,472 | 7,490 | 1,639 | 577 | 361 |
|
|
311
|
+
| `code-block` | 132,609 | 39,532 | 34,893 | 64,590 | 15,046 | 12,256 |
|
|
312
|
+
| `color-input` | 189,930 | 51,983 | 45,370 | 101,583 | 21,176 | 17,371 |
|
|
313
|
+
| `color-picker` | 144,685 | 39,061 | 34,187 | 87,265 | 18,793 | 15,347 |
|
|
314
|
+
| `combobox` | 155,678 | 46,141 | 40,468 | 57,084 | 13,087 | 10,418 |
|
|
315
|
+
| `command` | 123,864 | 35,894 | 31,489 | 52,902 | 12,458 | 9,979 |
|
|
316
|
+
| `copy-button` | 98,366 | 31,008 | 27,425 | 33,025 | 7,531 | 5,914 |
|
|
317
|
+
| `data-table` | 292,611 | 80,903 | 66,149 | 180,444 | 43,483 | 32,398 |
|
|
318
|
+
| `date-input` | 166,278 | 48,372 | 42,439 | 60,676 | 13,317 | 10,764 |
|
|
319
|
+
| `date-picker` | 70,066 | 22,365 | 20,000 | 28,515 | 7,016 | 5,560 |
|
|
320
|
+
| `description-list` | 27,039 | 9,669 | 8,577 | 5,841 | 1,478 | 1,060 |
|
|
321
|
+
| `dialog` | 46,594 | 15,877 | 14,162 | 11,648 | 3,195 | 2,513 |
|
|
322
|
+
| `divider` | 25,821 | 9,693 | 8,547 | 4,376 | 1,312 | 927 |
|
|
323
|
+
| `donut-chart` | 98,371 | 32,820 | 29,017 | 24,973 | 6,681 | 5,291 |
|
|
324
|
+
| `drawer` | 51,584 | 17,416 | 15,522 | 13,859 | 3,822 | 2,892 |
|
|
325
|
+
| `drilldown` | 51,187 | 16,886 | 15,069 | 16,523 | 4,179 | 3,211 |
|
|
326
|
+
| `empty` | 26,021 | 9,826 | 8,678 | 3,909 | 1,278 | 886 |
|
|
327
|
+
| `file-input` | 71,513 | 22,716 | 20,146 | 25,977 | 6,728 | 5,318 |
|
|
328
|
+
| `filter-input` | 186,978 | 51,956 | 45,049 | 95,640 | 20,864 | 16,875 |
|
|
329
|
+
| `flex` | 25,978 | 9,321 | 8,258 | 5,154 | 1,207 | 933 |
|
|
330
|
+
| `format-date` | 30,640 | 11,432 | 10,213 | 5,337 | 1,551 | 1,144 |
|
|
331
|
+
| `graph` | 84,277 | 25,480 | 22,587 | 33,006 | 8,248 | 6,538 |
|
|
332
|
+
| `grid` | 27,233 | 9,978 | 8,825 | 6,021 | 1,610 | 1,163 |
|
|
333
|
+
| `heatmap` | 102,998 | 34,235 | 30,251 | 24,936 | 6,676 | 5,277 |
|
|
334
|
+
| `icon` | 84,859 | 28,841 | 24,700 | 61,200 | 20,458 | 16,462 |
|
|
335
|
+
| `icon-button` | 47,177 | 15,049 | 13,450 | 14,097 | 3,121 | 2,259 |
|
|
336
|
+
| `image` | 27,417 | 10,071 | 8,935 | 5,872 | 1,785 | 1,365 |
|
|
337
|
+
| `input` | 53,248 | 17,735 | 15,672 | 12,285 | 3,675 | 2,640 |
|
|
338
|
+
| `kbd` | 29,864 | 11,148 | 9,844 | 6,137 | 1,802 | 1,283 |
|
|
339
|
+
| `legend` | 40,308 | 14,176 | 12,546 | 8,570 | 2,411 | 1,699 |
|
|
340
|
+
| `lightbox` | 63,863 | 20,330 | 18,090 | 23,986 | 6,090 | 4,588 |
|
|
341
|
+
| `line-chart` | 103,567 | 34,209 | 30,305 | 26,921 | 7,031 | 5,602 |
|
|
342
|
+
| `list` | 69,907 | 23,197 | 20,660 | 23,007 | 6,202 | 4,898 |
|
|
343
|
+
| `listbox` | 87,214 | 27,683 | 24,432 | 24,641 | 6,660 | 5,106 |
|
|
344
|
+
| `loader` | 30,830 | 11,358 | 10,102 | 5,870 | 1,753 | 1,268 |
|
|
345
|
+
| `map` | 119,571 | 30,617 | 26,645 | 77,400 | 16,329 | 12,955 |
|
|
346
|
+
| `megamenu` | 65,860 | 22,963 | 20,344 | 14,234 | 3,733 | 2,828 |
|
|
347
|
+
| `menu` | 118,358 | 37,178 | 32,820 | 46,480 | 11,018 | 8,895 |
|
|
348
|
+
| `meter` | 38,671 | 13,585 | 12,159 | 11,502 | 2,916 | 2,358 |
|
|
349
|
+
| `navigation` | 38,839 | 13,960 | 12,419 | 7,765 | 2,191 | 1,619 |
|
|
350
|
+
| `notifications` | 74,914 | 22,638 | 20,149 | 33,671 | 7,715 | 6,207 |
|
|
351
|
+
| `number-input` | 62,796 | 20,331 | 18,107 | 19,186 | 4,999 | 3,829 |
|
|
352
|
+
| `object-inspector` | 135,245 | 41,872 | 36,781 | 55,222 | 13,562 | 10,870 |
|
|
353
|
+
| `option` | 31,522 | 10,947 | 9,689 | 9,715 | 2,433 | 1,804 |
|
|
354
|
+
| `orb` | 36,941 | 14,131 | 12,610 | 10,072 | 3,816 | 3,091 |
|
|
355
|
+
| `outline` | 39,915 | 14,145 | 12,622 | 12,777 | 3,628 | 2,794 |
|
|
356
|
+
| `pagination` | 159,103 | 47,035 | 40,908 | 67,485 | 15,539 | 12,294 |
|
|
357
|
+
| `pin-input` | 52,001 | 17,615 | 15,718 | 10,721 | 3,315 | 2,432 |
|
|
358
|
+
| `popover` | 69,340 | 24,321 | 21,608 | 10,231 | 2,863 | 2,153 |
|
|
359
|
+
| `progress` | 36,291 | 12,643 | 11,276 | 10,837 | 2,759 | 2,290 |
|
|
360
|
+
| `qr-code` | 45,317 | 17,412 | 15,516 | 19,258 | 7,022 | 5,722 |
|
|
361
|
+
| `quote` | 23,589 | 9,214 | 8,124 | 2,413 | 895 | 596 |
|
|
362
|
+
| `radio` | 53,541 | 16,539 | 14,733 | 12,923 | 2,989 | 2,262 |
|
|
363
|
+
| `rating` | 55,435 | 18,704 | 16,700 | 12,265 | 3,727 | 2,748 |
|
|
364
|
+
| `sandbox` | 105,701 | 31,214 | 27,285 | 73,136 | 19,034 | 15,528 |
|
|
365
|
+
| `scatter-chart` | 101,031 | 33,646 | 29,727 | 25,802 | 7,060 | 5,570 |
|
|
366
|
+
| `scroll-area` | 35,927 | 12,124 | 10,775 | 14,171 | 3,722 | 2,783 |
|
|
367
|
+
| `select` | 137,072 | 42,105 | 36,867 | 46,058 | 10,982 | 8,602 |
|
|
368
|
+
| `skeleton` | 26,269 | 9,683 | 8,610 | 5,066 | 1,491 | 1,056 |
|
|
369
|
+
| `skip-link` | 27,440 | 10,500 | 9,298 | 3,441 | 1,134 | 751 |
|
|
370
|
+
| `slider` | 69,545 | 20,449 | 18,278 | 28,886 | 6,359 | 5,116 |
|
|
371
|
+
| `sparkline` | 53,434 | 18,854 | 16,866 | 11,713 | 3,575 | 2,777 |
|
|
372
|
+
| `speed-dial` | 79,415 | 26,808 | 23,827 | 19,904 | 4,585 | 3,598 |
|
|
373
|
+
| `splitter` | 50,849 | 16,520 | 14,758 | 21,153 | 5,092 | 4,042 |
|
|
374
|
+
| `stat` | 29,023 | 10,426 | 9,281 | 6,495 | 1,674 | 1,196 |
|
|
375
|
+
| `steps` | 71,902 | 22,212 | 19,740 | 29,762 | 6,947 | 5,621 |
|
|
376
|
+
| `strands` | 53,249 | 19,273 | 17,106 | 29,252 | 10,001 | 8,513 |
|
|
377
|
+
| `switch` | 45,727 | 15,127 | 13,470 | 6,635 | 1,924 | 1,334 |
|
|
378
|
+
| `table` | 139,608 | 40,301 | 35,039 | 66,068 | 16,007 | 12,844 |
|
|
379
|
+
| `tabs` | 60,663 | 19,011 | 16,910 | 21,157 | 4,927 | 3,871 |
|
|
380
|
+
| `tag` | 50,048 | 17,404 | 15,555 | 14,304 | 3,838 | 2,837 |
|
|
381
|
+
| `text` | 28,979 | 10,064 | 8,869 | 7,770 | 1,664 | 1,190 |
|
|
382
|
+
| `textarea` | 50,411 | 16,626 | 14,809 | 10,007 | 2,828 | 2,131 |
|
|
383
|
+
| `time-input` | 199,209 | 57,140 | 49,633 | 75,811 | 16,926 | 13,636 |
|
|
384
|
+
| `time-picker` | 114,926 | 34,152 | 30,039 | 48,141 | 11,863 | 9,409 |
|
|
385
|
+
| `timeline` | 40,524 | 13,715 | 12,250 | 12,967 | 2,966 | 2,336 |
|
|
386
|
+
| `toast` | 60,737 | 20,107 | 17,889 | 21,387 | 5,647 | 4,371 |
|
|
387
|
+
| `toggle` | 52,195 | 16,561 | 14,696 | 12,243 | 3,355 | 2,559 |
|
|
388
|
+
| `toolbar` | 35,730 | 12,721 | 11,373 | 8,488 | 2,321 | 1,655 |
|
|
389
|
+
| `tooltip` | 62,241 | 21,948 | 19,459 | 11,866 | 3,282 | 2,471 |
|
|
390
|
+
| `tour` | 98,152 | 31,515 | 27,856 | 32,163 | 7,847 | 6,215 |
|
|
391
|
+
| `tree` | 78,869 | 25,015 | 22,277 | 27,190 | 7,164 | 5,701 |
|
|
392
|
+
| `trend` | 32,227 | 12,325 | 11,020 | 5,655 | 1,745 | 1,276 |
|
|
393
|
+
| `video` | 169,593 | 49,192 | 42,882 | 92,907 | 21,465 | 17,626 |
|
|
394
|
+
| `video-playlist` | 153,047 | 45,651 | 40,071 | 66,117 | 15,178 | 12,269 |
|
|
395
|
+
| `virtual-list` | 62,724 | 21,154 | 18,912 | 23,461 | 7,038 | 5,501 |
|
|
396
396
|
|
|
397
397
|
## What an install adds to `node_modules`
|
|
398
398
|
|
|
@@ -409,7 +409,7 @@ stripped column shows the bytes we removed.
|
|
|
409
409
|
| `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
|
|
410
410
|
| `@fusion.dev/helix-styles` | 117,028 | 6 | 0 | none |
|
|
411
411
|
| `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
|
|
412
|
-
| `@fusion.dev/helix` | 21,
|
|
412
|
+
| `@fusion.dev/helix` | 21,610,652 | 950 | 514,658 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
413
413
|
|
|
414
414
|
## Not measured yet
|
|
415
415
|
|
|
@@ -3829,7 +3829,7 @@ on its own.
|
|
|
3829
3829
|
|
|
3830
3830
|
| | Raw | Gzip | Brotli |
|
|
3831
3831
|
|---|---|---|---|
|
|
3832
|
-
| Lit and \`@fusion.dev/helix-core\` | 248,690 | 77,759 | 66,
|
|
3832
|
+
| Lit and \`@fusion.dev/helix-core\` | 248,690 | 77,759 | 66,637 |
|
|
3833
3833
|
|
|
3834
3834
|
## Whole packages
|
|
3835
3835
|
|
|
@@ -3840,12 +3840,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
3840
3840
|
|
|
3841
3841
|
| Package | Raw | Gzip | Brotli | |
|
|
3842
3842
|
|---|---|---|---|---|
|
|
3843
|
-
| \`@fusion.dev/helix-core\` | 247,899 | 77,582 | 66,
|
|
3844
|
-
| \`@fusion.dev/helix-headless\` | 1,361,995 | 369,205 | 276,
|
|
3843
|
+
| \`@fusion.dev/helix-core\` | 247,899 | 77,582 | 66,251 | The element base class, mixins, decorators, and floating positioning. |
|
|
3844
|
+
| \`@fusion.dev/helix-headless\` | 1,361,995 | 369,205 | 276,246 | Every headless family. The barrel entry includes all of them. |
|
|
3845
3845
|
| \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
3846
3846
|
| \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
3847
3847
|
| \`fusion_helix_theme_bg.wasm\` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
3848
|
-
| \`@fusion.dev/helix\` | 2,
|
|
3848
|
+
| \`@fusion.dev/helix\` | 2,076,402 | 515,061 | 365,045 | Every styled family. |
|
|
3849
3849
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
3850
3850
|
|
|
3851
3851
|
## Stylesheets
|
|
@@ -3868,7 +3868,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
3868
3868
|
|
|
3869
3869
|
**Most of your first component is the shared runtime.** The median styled family is 17,757 bytes gzipped alone, and it adds 3,860 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
3870
3870
|
|
|
3871
|
-
Across the 105 styled components, the smallest is \`code\` at 8,
|
|
3871
|
+
Across the 105 styled components, the smallest is \`code\` at 8,472 bytes gzipped alone, and the largest is \`data-table\` at 80,903. Every family together is 515,061.
|
|
3872
3872
|
|
|
3873
3873
|
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 369,205 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
|
|
3874
3874
|
|
|
@@ -3889,32 +3889,32 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3889
3889
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
3890
3890
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
3891
3891
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
3892
|
-
| \`checkbox\` | **Helix** | 49,014 | 15,
|
|
3892
|
+
| \`checkbox\` | **Helix** | 49,014 | 15,669 | 13,981 |
|
|
3893
3893
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
3894
3894
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
3895
3895
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
3896
3896
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
3897
|
-
| \`dialog\` | **Helix** | 46,594 | 15,877 | 14,
|
|
3897
|
+
| \`dialog\` | **Helix** | 46,594 | 15,877 | 14,162 |
|
|
3898
3898
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
3899
3899
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
3900
3900
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
3901
3901
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
3902
|
-
| \`radio\` | **Helix** | 53,541 | 16,539 | 14,
|
|
3902
|
+
| \`radio\` | **Helix** | 53,541 | 16,539 | 14,733 |
|
|
3903
3903
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
3904
3904
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
3905
3905
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
3906
3906
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
3907
|
-
| \`switch\` | **Helix** | 45,727 | 15,127 | 13,
|
|
3907
|
+
| \`switch\` | **Helix** | 45,727 | 15,127 | 13,470 |
|
|
3908
3908
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
3909
3909
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
3910
3910
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
3911
3911
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
3912
|
-
| \`tabs\` | **Helix** | 60,663 | 19,011 | 16,
|
|
3912
|
+
| \`tabs\` | **Helix** | 60,663 | 19,011 | 16,910 |
|
|
3913
3913
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
3914
3914
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
3915
3915
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
3916
3916
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
3917
|
-
| \`tooltip\` | **Helix** | 62,241 | 21,948 | 19,
|
|
3917
|
+
| \`tooltip\` | **Helix** | 62,241 | 21,948 | 19,459 |
|
|
3918
3918
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
3919
3919
|
| | Material Web | | not shipped | |
|
|
3920
3920
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -3966,104 +3966,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
3966
3966
|
|
|
3967
3967
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3968
3968
|
|---|---|---|---|---|---|---|
|
|
3969
|
-
| \`accordion\` | 32,745 | 11,983 | 10,619 | 6,019 | 1,769 | 1,
|
|
3970
|
-
| \`announcement\` | 38,688 |
|
|
3971
|
-
| \`app-header\` | 33,875 | 12,386 | 11,026 | 6,137 | 1,871 | 1,
|
|
3972
|
-
| \`area-chart\` | 90,986 | 31,665 |
|
|
3973
|
-
| \`avatar\` | 31,417 | 11,
|
|
3974
|
-
| \`badge\` | 26,985 | 10,575 | 9,439 | 3,276 | 1,055 |
|
|
3975
|
-
| \`bar-chart\` | 93,951 | 32,
|
|
3976
|
-
| \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,054 |
|
|
3977
|
-
| \`breadcrumbs\` | 37,187 | 14,184 | 12,614 | 8,000 | 2,591 | 1,
|
|
3978
|
-
| \`button\` | 38,273 | 13,617 | 12,186 | 5,208 | 1,608 |
|
|
3979
|
-
| \`button-group\` | 27,883 | 10,
|
|
3980
|
-
| \`callout\` | 36,184 | 13,
|
|
3981
|
-
| \`canvas\` | 109,942 | 35,
|
|
3982
|
-
| \`card\` | 23,959 | 9,173 | 8,
|
|
3983
|
-
| \`carousel\` | 43,284 | 15,477 | 13,
|
|
3984
|
-
| \`chat\` | 80,299 | 26,
|
|
3985
|
-
| \`checkbox\` | 42,185 | 14,
|
|
3986
|
-
| \`checkbox-group\` | 49,740 | 16,
|
|
3987
|
-
| \`code\` | 20,483 | 8,146 | 7,
|
|
3988
|
-
| \`code-block\` | 106,241 | 35,
|
|
3989
|
-
| \`color-input\` | 145,288 | 45,562 | 39,
|
|
3990
|
-
| \`color-picker\` | 105,853 | 33,343 | 29,
|
|
3991
|
-
| \`combobox\` | 139,109 | 43,088 | 37,
|
|
3992
|
-
| \`command\` | 105,970 | 32,597 | 28,
|
|
3993
|
-
| \`copy-button\` | 84,919 | 28,
|
|
3994
|
-
| \`data-table\` | 208,460 | 62,
|
|
3995
|
-
| \`date-input\` | 144,007 | 44,541 | 39,
|
|
3996
|
-
| \`date-picker\` | 61,750 | 20,897 | 18,702 | 20,220 | 5,562 | 4,
|
|
3997
|
-
| \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 698 |
|
|
3998
|
-
| \`dialog\` | 41,114 | 14,614 | 13,
|
|
3999
|
-
| \`divider\` | 23,173 | 9,044 | 8,008 | 1,745 |
|
|
4000
|
-
| \`donut-chart\` | 88,240 | 30,756 | 27,
|
|
4001
|
-
| \`drawer\` | 45,388 | 16,019 | 14,
|
|
4002
|
-
| \`drilldown\` | 44,814 | 15,590 | 13,892 | 10,162 | 2,825 | 1,
|
|
4003
|
-
| \`empty\` | 24,376 | 9,
|
|
4004
|
-
| \`file-input\` | 59,249 | 20,257 | 17,
|
|
4005
|
-
| \`filter-input\` | 150,756 | 46,068 | 40,
|
|
4006
|
-
| \`format-date\` | 30,056 | 11,305 | 10,096 | 4,769 | 1,420 |
|
|
4007
|
-
| \`graph\` | 69,368 | 22,845 | 20,
|
|
4008
|
-
| \`heatmap\` | 95,417 | 32,639 | 28,
|
|
4009
|
-
| \`icon\` | 82,676 | 28,313 | 24,
|
|
4010
|
-
| \`icon-button\` | 38,710 | 13,
|
|
4011
|
-
| \`image\` | 25,686 | 9,596 | 8,494 | 4,159 | 1,302 |
|
|
4012
|
-
| \`input\` | 48,634 | 16,661 | 14,728 | 7,688 | 2,549 | 1,
|
|
4013
|
-
| \`kbd\` | 27,537 | 10,
|
|
4014
|
-
| \`legend\` | 34,902 | 12,
|
|
4015
|
-
| \`lightbox\` | 56,869 | 18,971 | 16,
|
|
4016
|
-
| \`line-chart\` | 92,021 | 31,834 | 28,
|
|
4017
|
-
| \`list\` | 62,852 | 21,627 | 19,
|
|
4018
|
-
| \`listbox\` | 82,406 | 26,536 | 23,
|
|
4019
|
-
| \`loader\` | 27,624 | 10,571 | 9,381 | 2,682 | 973 |
|
|
4020
|
-
| \`map\` | 82,956 | 25,077 | 21,
|
|
4021
|
-
| \`megamenu\` | 60,537 | 21,791 | 19,
|
|
4022
|
-
| \`menu\` | 105,284 | 34,
|
|
4023
|
-
| \`meter\` | 32,441 | 12,
|
|
4024
|
-
| \`navigation\` | 34,753 | 13,102 | 11,
|
|
4025
|
-
| \`notifications\` | 60,049 | 19,983 | 17,
|
|
4026
|
-
| \`number-input\` | 57,454 | 19,134 | 17,
|
|
4027
|
-
| \`object-inspector\` | 117,054 | 38,893 | 34,
|
|
4028
|
-
| \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,395 |
|
|
4029
|
-
| \`outline\` | 35,323 | 13,262 | 11,792 | 8,200 | 2,722 | 1,
|
|
4030
|
-
| \`pagination\` | 139,375 | 43,
|
|
4031
|
-
| \`pin-input\` | 48,309 | 16,697 | 14,
|
|
4032
|
-
| \`popover\` | 65,839 | 23,
|
|
4033
|
-
| \`progress\` | 28,742 | 11,
|
|
4034
|
-
| \`qr-code\` | 43,379 | 16,926 | 15,075 | 17,336 | 6,514 | 5,
|
|
4035
|
-
| \`quote\` | 22,698 | 9,
|
|
4036
|
-
| \`radio\` | 45,040 | 15,003 | 13,371 | 4,432 | 1,380 |
|
|
4037
|
-
| \`rating\` | 51,294 | 17,
|
|
4038
|
-
| \`scatter-chart\` | 91,656 | 31,575 | 27,
|
|
4039
|
-
| \`scroll-area\` | 30,549 | 11,169 | 9,879 | 8,810 | 2,708 |
|
|
4040
|
-
| \`select\` | 121,666 | 39,
|
|
4041
|
-
| \`skeleton\` | 22,510 | 8,
|
|
4042
|
-
| \`skip-link\` | 25,535 | 10,013 | 8,877 | 1,553 | 627 |
|
|
4043
|
-
| \`slider\` | 54,135 | 18,
|
|
4044
|
-
| \`sparkline\` | 47,807 | 17,537 | 15,
|
|
4045
|
-
| \`speed-dial\` | 71,335 | 25,
|
|
4046
|
-
| \`splitter\` | 44,408 | 15,
|
|
4047
|
-
| \`stat\` | 25,480 | 9,707 | 8,
|
|
4048
|
-
| \`steps\` | 56,683 | 19,390 | 17,
|
|
4049
|
-
| \`switch\` | 41,039 | 13,981 | 12,
|
|
4050
|
-
| \`table\` | 120,335 | 37,107 | 32,
|
|
4051
|
-
| \`tabs\` | 50,666 | 17,118 | 15,
|
|
4052
|
-
| \`tag\` | 44,780 | 16,253 | 14,
|
|
4053
|
-
| \`textarea\` | 46,124 | 15,614 | 13,
|
|
4054
|
-
| \`time-input\` | 173,070 | 52,833 | 45,
|
|
4055
|
-
| \`time-picker\` | 101,533 | 31,654 | 27,
|
|
4056
|
-
| \`timeline\` | 32,605 | 12,200 | 10,
|
|
4057
|
-
| \`toast\` | 52,128 | 18,
|
|
4058
|
-
| \`toggle\` | 46,641 | 15,
|
|
4059
|
-
| \`toolbar\` | 32,712 | 12,
|
|
4060
|
-
| \`tooltip\` | 59,093 | 21,
|
|
4061
|
-
| \`tour\` | 86,777 | 29,406 | 25,
|
|
4062
|
-
| \`tree\` | 69,456 | 23,081 | 20,
|
|
4063
|
-
| \`trend\` | 30,375 | 11,863 | 10,
|
|
4064
|
-
| \`video\` | 146,529 | 45,265 | 39,
|
|
4065
|
-
| \`video-playlist\` | 133,933 | 42,448 | 37,
|
|
4066
|
-
| \`virtual-list\` | 60,387 | 20,
|
|
3969
|
+
| \`accordion\` | 32,745 | 11,983 | 10,619 | 6,019 | 1,769 | 1,184 |
|
|
3970
|
+
| \`announcement\` | 38,688 | 14,000 | 12,523 | 5,014 | 1,568 | 969 |
|
|
3971
|
+
| \`app-header\` | 33,875 | 12,386 | 11,026 | 6,137 | 1,871 | 1,223 |
|
|
3972
|
+
| \`area-chart\` | 90,986 | 31,665 | 27,991 | 14,686 | 4,530 | 3,667 |
|
|
3973
|
+
| \`avatar\` | 31,417 | 11,890 | 10,607 | 4,588 | 1,381 | 958 |
|
|
3974
|
+
| \`badge\` | 26,985 | 10,575 | 9,439 | 3,276 | 1,055 | 661 |
|
|
3975
|
+
| \`bar-chart\` | 93,951 | 32,511 | 28,717 | 17,504 | 5,324 | 4,261 |
|
|
3976
|
+
| \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,054 | 684 |
|
|
3977
|
+
| \`breadcrumbs\` | 37,187 | 14,184 | 12,614 | 8,000 | 2,591 | 1,998 |
|
|
3978
|
+
| \`button\` | 38,273 | 13,617 | 12,186 | 5,208 | 1,608 | 1,053 |
|
|
3979
|
+
| \`button-group\` | 27,883 | 10,537 | 9,328 | 5,322 | 1,715 | 1,054 |
|
|
3980
|
+
| \`callout\` | 36,184 | 13,852 | 12,306 | 3,217 | 1,127 | 729 |
|
|
3981
|
+
| \`canvas\` | 109,942 | 35,060 | 30,650 | 69,740 | 21,208 | 17,518 |
|
|
3982
|
+
| \`card\` | 23,959 | 9,173 | 8,113 | 2,422 | 788 | 549 |
|
|
3983
|
+
| \`carousel\` | 43,284 | 15,477 | 13,792 | 15,311 | 4,315 | 3,236 |
|
|
3984
|
+
| \`chat\` | 80,299 | 26,451 | 23,389 | 28,478 | 8,289 | 6,432 |
|
|
3985
|
+
| \`checkbox\` | 42,185 | 14,169 | 12,640 | 3,391 | 1,100 | 710 |
|
|
3986
|
+
| \`checkbox-group\` | 49,740 | 16,117 | 14,395 | 8,941 | 2,514 | 1,749 |
|
|
3987
|
+
| \`code\` | 20,483 | 8,146 | 7,235 | 466 | 236 | 93 |
|
|
3988
|
+
| \`code-block\` | 106,241 | 35,545 | 31,415 | 38,240 | 10,966 | 8,700 |
|
|
3989
|
+
| \`color-input\` | 145,288 | 45,562 | 39,772 | 56,951 | 14,700 | 11,704 |
|
|
3990
|
+
| \`color-picker\` | 105,853 | 33,343 | 29,170 | 48,447 | 12,969 | 10,275 |
|
|
3991
|
+
| \`combobox\` | 139,109 | 43,088 | 37,852 | 40,531 | 10,028 | 7,770 |
|
|
3992
|
+
| \`command\` | 105,970 | 32,597 | 28,611 | 35,008 | 9,111 | 7,218 |
|
|
3993
|
+
| \`copy-button\` | 84,919 | 28,738 | 25,458 | 19,593 | 5,189 | 3,904 |
|
|
3994
|
+
| \`data-table\` | 208,460 | 62,274 | 53,141 | 97,508 | 25,181 | 19,945 |
|
|
3995
|
+
| \`date-input\` | 144,007 | 44,541 | 39,149 | 38,424 | 9,467 | 7,424 |
|
|
3996
|
+
| \`date-picker\` | 61,750 | 20,897 | 18,702 | 20,220 | 5,562 | 4,202 |
|
|
3997
|
+
| \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 698 | 343 |
|
|
3998
|
+
| \`dialog\` | 41,114 | 14,614 | 13,007 | 6,187 | 1,907 | 1,345 |
|
|
3999
|
+
| \`divider\` | 23,173 | 9,044 | 8,008 | 1,745 | 660 | 395 |
|
|
4000
|
+
| \`donut-chart\` | 88,240 | 30,756 | 27,206 | 14,863 | 4,516 | 3,600 |
|
|
4001
|
+
| \`drawer\` | 45,388 | 16,019 | 14,239 | 7,678 | 2,353 | 1,683 |
|
|
4002
|
+
| \`drilldown\` | 44,814 | 15,590 | 13,892 | 10,162 | 2,825 | 1,949 |
|
|
4003
|
+
| \`empty\` | 24,376 | 9,368 | 8,289 | 2,282 | 804 | 405 |
|
|
4004
|
+
| \`file-input\` | 59,249 | 20,257 | 17,996 | 13,726 | 4,276 | 3,257 |
|
|
4005
|
+
| \`filter-input\` | 150,756 | 46,068 | 40,065 | 59,435 | 14,972 | 11,881 |
|
|
4006
|
+
| \`format-date\` | 30,056 | 11,305 | 10,096 | 4,769 | 1,420 | 941 |
|
|
4007
|
+
| \`graph\` | 69,368 | 22,845 | 20,296 | 18,116 | 5,537 | 4,338 |
|
|
4008
|
+
| \`heatmap\` | 95,417 | 32,639 | 28,804 | 17,374 | 5,050 | 3,932 |
|
|
4009
|
+
| \`icon\` | 82,676 | 28,313 | 24,170 | 59,024 | 19,877 | 16,192 |
|
|
4010
|
+
| \`icon-button\` | 38,710 | 13,655 | 12,181 | 5,645 | 1,667 | 1,181 |
|
|
4011
|
+
| \`image\` | 25,686 | 9,596 | 8,494 | 4,159 | 1,302 | 848 |
|
|
4012
|
+
| \`input\` | 48,634 | 16,661 | 14,728 | 7,688 | 2,549 | 1,822 |
|
|
4013
|
+
| \`kbd\` | 27,537 | 10,604 | 9,364 | 3,825 | 1,259 | 905 |
|
|
4014
|
+
| \`legend\` | 34,902 | 12,914 | 11,498 | 3,289 | 1,150 | 757 |
|
|
4015
|
+
| \`lightbox\` | 56,869 | 18,971 | 16,885 | 17,014 | 4,723 | 3,404 |
|
|
4016
|
+
| \`line-chart\` | 92,021 | 31,834 | 28,214 | 15,391 | 4,594 | 3,596 |
|
|
4017
|
+
| \`list\` | 62,852 | 21,627 | 19,295 | 15,975 | 4,655 | 3,438 |
|
|
4018
|
+
| \`listbox\` | 82,406 | 26,536 | 23,463 | 19,854 | 5,538 | 4,072 |
|
|
4019
|
+
| \`loader\` | 27,624 | 10,571 | 9,381 | 2,682 | 973 | 582 |
|
|
4020
|
+
| \`map\` | 82,956 | 25,077 | 21,815 | 40,792 | 10,630 | 8,176 |
|
|
4021
|
+
| \`megamenu\` | 60,537 | 21,791 | 19,314 | 8,929 | 2,527 | 1,878 |
|
|
4022
|
+
| \`menu\` | 105,284 | 34,850 | 30,782 | 33,419 | 8,663 | 6,897 |
|
|
4023
|
+
| \`meter\` | 32,441 | 12,318 | 10,987 | 5,291 | 1,611 | 1,175 |
|
|
4024
|
+
| \`navigation\` | 34,753 | 13,102 | 11,632 | 3,696 | 1,328 | 917 |
|
|
4025
|
+
| \`notifications\` | 60,049 | 19,983 | 17,788 | 18,816 | 5,046 | 3,932 |
|
|
4026
|
+
| \`number-input\` | 57,454 | 19,134 | 17,074 | 13,860 | 3,754 | 2,680 |
|
|
4027
|
+
| \`object-inspector\` | 117,054 | 38,893 | 34,218 | 37,051 | 10,524 | 8,350 |
|
|
4028
|
+
| \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,395 | 945 |
|
|
4029
|
+
| \`outline\` | 35,323 | 13,262 | 11,792 | 8,200 | 2,722 | 1,943 |
|
|
4030
|
+
| \`pagination\` | 139,375 | 43,608 | 37,929 | 47,767 | 12,095 | 9,418 |
|
|
4031
|
+
| \`pin-input\` | 48,309 | 16,697 | 14,891 | 7,048 | 2,342 | 1,618 |
|
|
4032
|
+
| \`popover\` | 65,839 | 23,558 | 20,901 | 6,748 | 2,022 | 1,362 |
|
|
4033
|
+
| \`progress\` | 28,742 | 11,016 | 9,783 | 3,305 | 1,077 | 621 |
|
|
4034
|
+
| \`qr-code\` | 43,379 | 16,926 | 15,075 | 17,336 | 6,514 | 5,373 |
|
|
4035
|
+
| \`quote\` | 22,698 | 9,005 | 7,944 | 1,539 | 705 | 428 |
|
|
4036
|
+
| \`radio\` | 45,040 | 15,003 | 13,371 | 4,432 | 1,380 | 795 |
|
|
4037
|
+
| \`rating\` | 51,294 | 17,517 | 15,606 | 8,141 | 2,512 | 1,726 |
|
|
4038
|
+
| \`scatter-chart\` | 91,656 | 31,575 | 27,933 | 16,448 | 4,941 | 3,864 |
|
|
4039
|
+
| \`scroll-area\` | 30,549 | 11,169 | 9,879 | 8,810 | 2,708 | 2,001 |
|
|
4040
|
+
| \`select\` | 121,666 | 39,277 | 34,471 | 30,668 | 8,127 | 6,088 |
|
|
4041
|
+
| \`skeleton\` | 22,510 | 8,766 | 7,771 | 1,321 | 540 | 300 |
|
|
4042
|
+
| \`skip-link\` | 25,535 | 10,013 | 8,877 | 1,553 | 627 | 419 |
|
|
4043
|
+
| \`slider\` | 54,135 | 18,111 | 16,203 | 13,495 | 3,950 | 2,931 |
|
|
4044
|
+
| \`sparkline\` | 47,807 | 17,537 | 15,632 | 6,103 | 2,208 | 1,524 |
|
|
4045
|
+
| \`speed-dial\` | 71,335 | 25,365 | 22,496 | 11,841 | 3,136 | 2,298 |
|
|
4046
|
+
| \`splitter\` | 44,408 | 15,452 | 13,790 | 14,732 | 3,985 | 3,043 |
|
|
4047
|
+
| \`stat\` | 25,480 | 9,707 | 8,607 | 2,962 | 938 | 592 |
|
|
4048
|
+
| \`steps\` | 56,683 | 19,390 | 17,236 | 14,557 | 4,078 | 3,003 |
|
|
4049
|
+
| \`switch\` | 41,039 | 13,981 | 12,477 | 1,963 | 738 | 439 |
|
|
4050
|
+
| \`table\` | 120,335 | 37,107 | 32,257 | 46,796 | 12,753 | 10,055 |
|
|
4051
|
+
| \`tabs\` | 50,666 | 17,118 | 15,209 | 11,170 | 2,986 | 2,153 |
|
|
4052
|
+
| \`tag\` | 44,780 | 16,253 | 14,509 | 9,054 | 2,669 | 1,888 |
|
|
4053
|
+
| \`textarea\` | 46,124 | 15,614 | 13,933 | 5,738 | 1,772 | 1,207 |
|
|
4054
|
+
| \`time-input\` | 173,070 | 52,833 | 45,742 | 49,682 | 12,561 | 9,845 |
|
|
4055
|
+
| \`time-picker\` | 101,533 | 31,654 | 27,798 | 34,757 | 9,329 | 7,240 |
|
|
4056
|
+
| \`timeline\` | 32,605 | 12,200 | 10,862 | 5,055 | 1,390 | 1,021 |
|
|
4057
|
+
| \`toast\` | 52,128 | 18,239 | 16,191 | 12,791 | 3,691 | 2,669 |
|
|
4058
|
+
| \`toggle\` | 46,641 | 15,300 | 13,635 | 6,703 | 2,030 | 1,396 |
|
|
4059
|
+
| \`toolbar\` | 32,712 | 12,212 | 10,878 | 5,487 | 1,815 | 1,313 |
|
|
4060
|
+
| \`tooltip\` | 59,093 | 21,199 | 18,843 | 8,736 | 2,512 | 1,907 |
|
|
4061
|
+
| \`tour\` | 86,777 | 29,406 | 25,966 | 20,806 | 5,724 | 4,330 |
|
|
4062
|
+
| \`tree\` | 69,456 | 23,081 | 20,513 | 17,795 | 5,166 | 3,920 |
|
|
4063
|
+
| \`trend\` | 30,375 | 11,863 | 10,581 | 3,822 | 1,254 | 918 |
|
|
4064
|
+
| \`video\` | 146,529 | 45,265 | 39,515 | 69,861 | 17,635 | 14,238 |
|
|
4065
|
+
| \`video-playlist\` | 133,933 | 42,448 | 37,338 | 47,019 | 11,996 | 9,572 |
|
|
4066
|
+
| \`virtual-list\` | 60,387 | 20,621 | 18,388 | 21,141 | 6,509 | 5,085 |
|
|
4067
4067
|
|
|
4068
4068
|
### Styled tier
|
|
4069
4069
|
|
|
@@ -4071,111 +4071,111 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
4071
4071
|
|
|
4072
4072
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4073
4073
|
|---|---|---|---|---|---|---|
|
|
4074
|
-
| \`accordion\` | 36,857 | 12,854 | 11,433 | 10,116 | 2,693 |
|
|
4075
|
-
| \`announcement\` | 43,624 | 15,064 | 13,468 | 9,931 | 2,672 | 1,
|
|
4076
|
-
| \`app-header\` | 39,343 | 13,600 | 12,
|
|
4077
|
-
| \`area-chart\` | 99,628 | 33,
|
|
4078
|
-
| \`aura\` | 51,454 | 17,757 | 15,762 | 27,662 | 8,676 | 7,
|
|
4079
|
-
| \`avatar\` | 35,091 | 12,684 | 11,
|
|
4080
|
-
| \`badge\` | 32,752 | 11,796 | 10,508 | 9,034 | 2,290 | 1,
|
|
4081
|
-
| \`bar-chart\` | 108,019 | 35,341 | 31,
|
|
4082
|
-
| \`blockquote\` | 26,860 | 10,
|
|
4083
|
-
| \`breadcrumbs\` | 44,839 | 15,
|
|
4084
|
-
| \`button\` | 45,395 | 15,059 | 13,429 | 12,314 | 3,103 | 2,
|
|
4085
|
-
| \`button-group\` | 31,742 | 11,238 | 9,978 | 9,164 | 2,414 | 1,
|
|
4086
|
-
| \`callout\` | 40,328 | 14,
|
|
4087
|
-
| \`canvas\` | 132,144 | 39,299 | 34,
|
|
4088
|
-
| \`card\` | 28,213 | 10,189 | 9,048 | 6,662 | 1,804 | 1,
|
|
4089
|
-
| \`carousel\` | 54,175 | 17,279 | 15,
|
|
4090
|
-
| \`chat\` | 96,668 | 29,
|
|
4091
|
-
| \`checkbox\` | 49,014 | 15,
|
|
4092
|
-
| \`checkbox-group\` | 57,640 | 17,777 | 15,
|
|
4093
|
-
| \`code\` | 21,671 | 8,
|
|
4094
|
-
| \`code-block\` | 132,609 | 39,532 | 34,
|
|
4095
|
-
| \`color-input\` | 189,930 | 51,
|
|
4096
|
-
| \`color-picker\` | 144,685 | 39,061 | 34,
|
|
4097
|
-
| \`combobox\` | 155,678 | 46,141 | 40,
|
|
4098
|
-
| \`command\` | 123,864 | 35,894 | 31,
|
|
4099
|
-
| \`copy-button\` | 98,366 | 31,
|
|
4100
|
-
| \`data-table\` | 292,611 | 80,903 |
|
|
4101
|
-
| \`date-input\` | 166,278 | 48,372 | 42,
|
|
4102
|
-
| \`date-picker\` | 70,066 | 22,365 | 20,
|
|
4103
|
-
| \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,478 |
|
|
4104
|
-
| \`dialog\` | 46,594 | 15,877 | 14,
|
|
4105
|
-
| \`divider\` | 25,821 | 9,693 | 8,547 | 4,376 | 1,
|
|
4106
|
-
| \`donut-chart\` | 98,371 | 32,820 | 29,
|
|
4107
|
-
| \`drawer\` | 51,584 | 17,416 | 15,522 | 13,859 | 3,822 | 2,
|
|
4108
|
-
| \`drilldown\` | 51,187 | 16,886 | 15,
|
|
4109
|
-
| \`empty\` | 26,021 | 9,826 | 8,678 | 3,909 | 1,278 |
|
|
4110
|
-
| \`file-input\` | 71,513 | 22,716 | 20,146 | 25,977 | 6,
|
|
4111
|
-
| \`filter-input\` | 186,978 | 51,956 | 45,
|
|
4112
|
-
| \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,
|
|
4113
|
-
| \`format-date\` | 30,640 | 11,432 | 10,213 | 5,337 | 1,551 | 1,
|
|
4114
|
-
| \`graph\` | 84,277 | 25,480 | 22,
|
|
4115
|
-
| \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,
|
|
4116
|
-
| \`heatmap\` | 102,998 | 34,235 | 30,
|
|
4117
|
-
| \`icon\` | 84,859 | 28,
|
|
4118
|
-
| \`icon-button\` | 47,177 | 15,
|
|
4119
|
-
| \`image\` | 27,417 | 10,071 | 8,935 | 5,872 | 1,785 | 1,
|
|
4120
|
-
| \`input\` | 53,248 | 17,735 | 15,
|
|
4121
|
-
| \`kbd\` | 29,864 | 11,
|
|
4122
|
-
| \`legend\` | 40,308 | 14,176 | 12,
|
|
4123
|
-
| \`lightbox\` | 63,863 | 20,330 | 18,
|
|
4124
|
-
| \`line-chart\` | 103,567 | 34,209 | 30,
|
|
4125
|
-
| \`list\` | 69,907 | 23,
|
|
4126
|
-
| \`listbox\` | 87,214 | 27,683 | 24,
|
|
4127
|
-
| \`loader\` | 30,830 | 11,358 | 10,102 | 5,870 | 1,753 | 1,
|
|
4128
|
-
| \`map\` | 119,571 | 30,617 | 26,
|
|
4129
|
-
| \`megamenu\` | 65,860 | 22,963 | 20,
|
|
4130
|
-
| \`menu\` | 118,358 | 37,
|
|
4131
|
-
| \`meter\` | 38,671 | 13,585 | 12,159 | 11,502 | 2,
|
|
4132
|
-
| \`navigation\` | 38,839 | 13,
|
|
4133
|
-
| \`notifications\` | 74,914 | 22,638 | 20,
|
|
4134
|
-
| \`number-input\` | 62,796 | 20,331 | 18,
|
|
4135
|
-
| \`object-inspector\` | 135,245 | 41,872 | 36,
|
|
4136
|
-
| \`option\` | 31,522 | 10,947 | 9,689 | 9,715 | 2,433 | 1,
|
|
4137
|
-
| \`orb\` | 36,941 | 14,131 | 12,610 | 10,072 | 3,816 |
|
|
4138
|
-
| \`outline\` | 39,915 | 14,145 | 12,
|
|
4139
|
-
| \`pagination\` | 159,103 | 47,035 | 40,
|
|
4140
|
-
| \`pin-input\` | 52,001 | 17,615 | 15,718 | 10,721 | 3,315 | 2,
|
|
4141
|
-
| \`popover\` | 69,340 | 24,321 | 21,608 | 10,231 | 2,863 | 2,
|
|
4142
|
-
| \`progress\` | 36,291 | 12,643 | 11,276 | 10,837 | 2,759 | 2,
|
|
4143
|
-
| \`qr-code\` | 45,317 | 17,412 | 15,
|
|
4144
|
-
| \`quote\` | 23,589 | 9,214 | 8,
|
|
4145
|
-
| \`radio\` | 53,541 | 16,539 | 14,
|
|
4146
|
-
| \`rating\` | 55,435 | 18,704 | 16,700 | 12,265 | 3,727 | 2,
|
|
4147
|
-
| \`sandbox\` | 105,701 | 31,214 | 27,
|
|
4148
|
-
| \`scatter-chart\` | 101,031 | 33,646 | 29,
|
|
4149
|
-
| \`scroll-area\` | 35,927 | 12,124 | 10,
|
|
4150
|
-
| \`select\` | 137,072 | 42,
|
|
4151
|
-
| \`skeleton\` | 26,269 | 9,683 | 8,610 | 5,066 | 1,491 |
|
|
4152
|
-
| \`skip-link\` | 27,440 | 10,500 | 9,298 | 3,441 | 1,134 |
|
|
4153
|
-
| \`slider\` | 69,545 | 20,449 | 18,
|
|
4154
|
-
| \`sparkline\` | 53,434 | 18,854 | 16,
|
|
4155
|
-
| \`speed-dial\` | 79,415 | 26,808 | 23,
|
|
4156
|
-
| \`splitter\` | 50,849 | 16,520 | 14,
|
|
4157
|
-
| \`stat\` | 29,023 | 10,426 | 9,
|
|
4158
|
-
| \`steps\` | 71,902 | 22,212 | 19,
|
|
4159
|
-
| \`strands\` |
|
|
4160
|
-
| \`switch\` | 45,727 | 15,127 | 13,
|
|
4161
|
-
| \`table\` | 139,608 | 40,301 | 35,
|
|
4162
|
-
| \`tabs\` | 60,663 | 19,011 | 16,
|
|
4163
|
-
| \`tag\` | 50,048 | 17,404 | 15,
|
|
4164
|
-
| \`text\` | 28,979 | 10,064 | 8,869 | 7,770 | 1,664 | 1,
|
|
4165
|
-
| \`textarea\` | 50,411 | 16,626 | 14,
|
|
4166
|
-
| \`time-input\` | 199,209 | 57,140 | 49,
|
|
4167
|
-
| \`time-picker\` | 114,926 | 34,152 | 30,
|
|
4168
|
-
| \`timeline\` | 40,524 | 13,
|
|
4169
|
-
| \`toast\` | 60,737 | 20,
|
|
4170
|
-
| \`toggle\` | 52,195 | 16,
|
|
4171
|
-
| \`toolbar\` | 35,730 | 12,
|
|
4172
|
-
| \`tooltip\` | 62,241 | 21,948 | 19,
|
|
4173
|
-
| \`tour\` | 98,152 | 31,515 | 27,
|
|
4174
|
-
| \`tree\` | 78,869 | 25,015 | 22,
|
|
4175
|
-
| \`trend\` | 32,227 | 12,325 | 11,
|
|
4176
|
-
| \`video\` | 169,593 | 49,
|
|
4177
|
-
| \`video-playlist\` | 153,047 | 45,651 | 40,
|
|
4178
|
-
| \`virtual-list\` | 62,724 | 21,154 | 18,
|
|
4074
|
+
| \`accordion\` | 36,857 | 12,854 | 11,433 | 10,116 | 2,693 | 2,041 |
|
|
4075
|
+
| \`announcement\` | 43,624 | 15,064 | 13,468 | 9,931 | 2,672 | 1,985 |
|
|
4076
|
+
| \`app-header\` | 39,343 | 13,600 | 12,139 | 11,590 | 3,095 | 2,349 |
|
|
4077
|
+
| \`area-chart\` | 99,628 | 33,559 | 29,688 | 23,309 | 6,471 | 5,101 |
|
|
4078
|
+
| \`aura\` | 51,454 | 17,757 | 15,762 | 27,662 | 8,676 | 7,240 |
|
|
4079
|
+
| \`avatar\` | 35,091 | 12,684 | 11,348 | 8,247 | 2,183 | 1,654 |
|
|
4080
|
+
| \`badge\` | 32,752 | 11,796 | 10,508 | 9,034 | 2,290 | 1,774 |
|
|
4081
|
+
| \`bar-chart\` | 108,019 | 35,341 | 31,241 | 31,553 | 8,172 | 6,531 |
|
|
4082
|
+
| \`blockquote\` | 26,860 | 10,107 | 8,920 | 5,287 | 1,591 | 1,140 |
|
|
4083
|
+
| \`breadcrumbs\` | 44,839 | 15,416 | 13,760 | 15,636 | 3,860 | 3,121 |
|
|
4084
|
+
| \`button\` | 45,395 | 15,059 | 13,429 | 12,314 | 3,103 | 2,277 |
|
|
4085
|
+
| \`button-group\` | 31,742 | 11,238 | 9,978 | 9,164 | 2,414 | 1,809 |
|
|
4086
|
+
| \`callout\` | 40,328 | 14,798 | 13,190 | 7,345 | 2,098 | 1,637 |
|
|
4087
|
+
| \`canvas\` | 132,144 | 39,299 | 34,154 | 91,584 | 25,349 | 20,965 |
|
|
4088
|
+
| \`card\` | 28,213 | 10,189 | 9,048 | 6,662 | 1,804 | 1,263 |
|
|
4089
|
+
| \`carousel\` | 54,175 | 17,279 | 15,433 | 26,186 | 6,158 | 4,912 |
|
|
4090
|
+
| \`chat\` | 96,668 | 29,241 | 25,850 | 44,844 | 11,140 | 8,813 |
|
|
4091
|
+
| \`checkbox\` | 49,014 | 15,669 | 13,981 | 10,203 | 2,632 | 2,023 |
|
|
4092
|
+
| \`checkbox-group\` | 57,640 | 17,777 | 15,846 | 16,834 | 4,233 | 3,137 |
|
|
4093
|
+
| \`code\` | 21,671 | 8,472 | 7,490 | 1,639 | 577 | 361 |
|
|
4094
|
+
| \`code-block\` | 132,609 | 39,532 | 34,893 | 64,590 | 15,046 | 12,256 |
|
|
4095
|
+
| \`color-input\` | 189,930 | 51,983 | 45,370 | 101,583 | 21,176 | 17,371 |
|
|
4096
|
+
| \`color-picker\` | 144,685 | 39,061 | 34,187 | 87,265 | 18,793 | 15,347 |
|
|
4097
|
+
| \`combobox\` | 155,678 | 46,141 | 40,468 | 57,084 | 13,087 | 10,418 |
|
|
4098
|
+
| \`command\` | 123,864 | 35,894 | 31,489 | 52,902 | 12,458 | 9,979 |
|
|
4099
|
+
| \`copy-button\` | 98,366 | 31,008 | 27,425 | 33,025 | 7,531 | 5,914 |
|
|
4100
|
+
| \`data-table\` | 292,611 | 80,903 | 66,149 | 180,444 | 43,483 | 32,398 |
|
|
4101
|
+
| \`date-input\` | 166,278 | 48,372 | 42,439 | 60,676 | 13,317 | 10,764 |
|
|
4102
|
+
| \`date-picker\` | 70,066 | 22,365 | 20,000 | 28,515 | 7,016 | 5,560 |
|
|
4103
|
+
| \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,478 | 1,060 |
|
|
4104
|
+
| \`dialog\` | 46,594 | 15,877 | 14,162 | 11,648 | 3,195 | 2,513 |
|
|
4105
|
+
| \`divider\` | 25,821 | 9,693 | 8,547 | 4,376 | 1,312 | 927 |
|
|
4106
|
+
| \`donut-chart\` | 98,371 | 32,820 | 29,017 | 24,973 | 6,681 | 5,291 |
|
|
4107
|
+
| \`drawer\` | 51,584 | 17,416 | 15,522 | 13,859 | 3,822 | 2,892 |
|
|
4108
|
+
| \`drilldown\` | 51,187 | 16,886 | 15,069 | 16,523 | 4,179 | 3,211 |
|
|
4109
|
+
| \`empty\` | 26,021 | 9,826 | 8,678 | 3,909 | 1,278 | 886 |
|
|
4110
|
+
| \`file-input\` | 71,513 | 22,716 | 20,146 | 25,977 | 6,728 | 5,318 |
|
|
4111
|
+
| \`filter-input\` | 186,978 | 51,956 | 45,049 | 95,640 | 20,864 | 16,875 |
|
|
4112
|
+
| \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,207 | 933 |
|
|
4113
|
+
| \`format-date\` | 30,640 | 11,432 | 10,213 | 5,337 | 1,551 | 1,144 |
|
|
4114
|
+
| \`graph\` | 84,277 | 25,480 | 22,587 | 33,006 | 8,248 | 6,538 |
|
|
4115
|
+
| \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,610 | 1,163 |
|
|
4116
|
+
| \`heatmap\` | 102,998 | 34,235 | 30,251 | 24,936 | 6,676 | 5,277 |
|
|
4117
|
+
| \`icon\` | 84,859 | 28,841 | 24,700 | 61,200 | 20,458 | 16,462 |
|
|
4118
|
+
| \`icon-button\` | 47,177 | 15,049 | 13,450 | 14,097 | 3,121 | 2,259 |
|
|
4119
|
+
| \`image\` | 27,417 | 10,071 | 8,935 | 5,872 | 1,785 | 1,365 |
|
|
4120
|
+
| \`input\` | 53,248 | 17,735 | 15,672 | 12,285 | 3,675 | 2,640 |
|
|
4121
|
+
| \`kbd\` | 29,864 | 11,148 | 9,844 | 6,137 | 1,802 | 1,283 |
|
|
4122
|
+
| \`legend\` | 40,308 | 14,176 | 12,546 | 8,570 | 2,411 | 1,699 |
|
|
4123
|
+
| \`lightbox\` | 63,863 | 20,330 | 18,090 | 23,986 | 6,090 | 4,588 |
|
|
4124
|
+
| \`line-chart\` | 103,567 | 34,209 | 30,305 | 26,921 | 7,031 | 5,602 |
|
|
4125
|
+
| \`list\` | 69,907 | 23,197 | 20,660 | 23,007 | 6,202 | 4,898 |
|
|
4126
|
+
| \`listbox\` | 87,214 | 27,683 | 24,432 | 24,641 | 6,660 | 5,106 |
|
|
4127
|
+
| \`loader\` | 30,830 | 11,358 | 10,102 | 5,870 | 1,753 | 1,268 |
|
|
4128
|
+
| \`map\` | 119,571 | 30,617 | 26,645 | 77,400 | 16,329 | 12,955 |
|
|
4129
|
+
| \`megamenu\` | 65,860 | 22,963 | 20,344 | 14,234 | 3,733 | 2,828 |
|
|
4130
|
+
| \`menu\` | 118,358 | 37,178 | 32,820 | 46,480 | 11,018 | 8,895 |
|
|
4131
|
+
| \`meter\` | 38,671 | 13,585 | 12,159 | 11,502 | 2,916 | 2,358 |
|
|
4132
|
+
| \`navigation\` | 38,839 | 13,960 | 12,419 | 7,765 | 2,191 | 1,619 |
|
|
4133
|
+
| \`notifications\` | 74,914 | 22,638 | 20,149 | 33,671 | 7,715 | 6,207 |
|
|
4134
|
+
| \`number-input\` | 62,796 | 20,331 | 18,107 | 19,186 | 4,999 | 3,829 |
|
|
4135
|
+
| \`object-inspector\` | 135,245 | 41,872 | 36,781 | 55,222 | 13,562 | 10,870 |
|
|
4136
|
+
| \`option\` | 31,522 | 10,947 | 9,689 | 9,715 | 2,433 | 1,804 |
|
|
4137
|
+
| \`orb\` | 36,941 | 14,131 | 12,610 | 10,072 | 3,816 | 3,091 |
|
|
4138
|
+
| \`outline\` | 39,915 | 14,145 | 12,622 | 12,777 | 3,628 | 2,794 |
|
|
4139
|
+
| \`pagination\` | 159,103 | 47,035 | 40,908 | 67,485 | 15,539 | 12,294 |
|
|
4140
|
+
| \`pin-input\` | 52,001 | 17,615 | 15,718 | 10,721 | 3,315 | 2,432 |
|
|
4141
|
+
| \`popover\` | 69,340 | 24,321 | 21,608 | 10,231 | 2,863 | 2,153 |
|
|
4142
|
+
| \`progress\` | 36,291 | 12,643 | 11,276 | 10,837 | 2,759 | 2,290 |
|
|
4143
|
+
| \`qr-code\` | 45,317 | 17,412 | 15,516 | 19,258 | 7,022 | 5,722 |
|
|
4144
|
+
| \`quote\` | 23,589 | 9,214 | 8,124 | 2,413 | 895 | 596 |
|
|
4145
|
+
| \`radio\` | 53,541 | 16,539 | 14,733 | 12,923 | 2,989 | 2,262 |
|
|
4146
|
+
| \`rating\` | 55,435 | 18,704 | 16,700 | 12,265 | 3,727 | 2,748 |
|
|
4147
|
+
| \`sandbox\` | 105,701 | 31,214 | 27,285 | 73,136 | 19,034 | 15,528 |
|
|
4148
|
+
| \`scatter-chart\` | 101,031 | 33,646 | 29,727 | 25,802 | 7,060 | 5,570 |
|
|
4149
|
+
| \`scroll-area\` | 35,927 | 12,124 | 10,775 | 14,171 | 3,722 | 2,783 |
|
|
4150
|
+
| \`select\` | 137,072 | 42,105 | 36,867 | 46,058 | 10,982 | 8,602 |
|
|
4151
|
+
| \`skeleton\` | 26,269 | 9,683 | 8,610 | 5,066 | 1,491 | 1,056 |
|
|
4152
|
+
| \`skip-link\` | 27,440 | 10,500 | 9,298 | 3,441 | 1,134 | 751 |
|
|
4153
|
+
| \`slider\` | 69,545 | 20,449 | 18,278 | 28,886 | 6,359 | 5,116 |
|
|
4154
|
+
| \`sparkline\` | 53,434 | 18,854 | 16,866 | 11,713 | 3,575 | 2,777 |
|
|
4155
|
+
| \`speed-dial\` | 79,415 | 26,808 | 23,827 | 19,904 | 4,585 | 3,598 |
|
|
4156
|
+
| \`splitter\` | 50,849 | 16,520 | 14,758 | 21,153 | 5,092 | 4,042 |
|
|
4157
|
+
| \`stat\` | 29,023 | 10,426 | 9,281 | 6,495 | 1,674 | 1,196 |
|
|
4158
|
+
| \`steps\` | 71,902 | 22,212 | 19,740 | 29,762 | 6,947 | 5,621 |
|
|
4159
|
+
| \`strands\` | 53,249 | 19,273 | 17,106 | 29,252 | 10,001 | 8,513 |
|
|
4160
|
+
| \`switch\` | 45,727 | 15,127 | 13,470 | 6,635 | 1,924 | 1,334 |
|
|
4161
|
+
| \`table\` | 139,608 | 40,301 | 35,039 | 66,068 | 16,007 | 12,844 |
|
|
4162
|
+
| \`tabs\` | 60,663 | 19,011 | 16,910 | 21,157 | 4,927 | 3,871 |
|
|
4163
|
+
| \`tag\` | 50,048 | 17,404 | 15,555 | 14,304 | 3,838 | 2,837 |
|
|
4164
|
+
| \`text\` | 28,979 | 10,064 | 8,869 | 7,770 | 1,664 | 1,190 |
|
|
4165
|
+
| \`textarea\` | 50,411 | 16,626 | 14,809 | 10,007 | 2,828 | 2,131 |
|
|
4166
|
+
| \`time-input\` | 199,209 | 57,140 | 49,633 | 75,811 | 16,926 | 13,636 |
|
|
4167
|
+
| \`time-picker\` | 114,926 | 34,152 | 30,039 | 48,141 | 11,863 | 9,409 |
|
|
4168
|
+
| \`timeline\` | 40,524 | 13,715 | 12,250 | 12,967 | 2,966 | 2,336 |
|
|
4169
|
+
| \`toast\` | 60,737 | 20,107 | 17,889 | 21,387 | 5,647 | 4,371 |
|
|
4170
|
+
| \`toggle\` | 52,195 | 16,561 | 14,696 | 12,243 | 3,355 | 2,559 |
|
|
4171
|
+
| \`toolbar\` | 35,730 | 12,721 | 11,373 | 8,488 | 2,321 | 1,655 |
|
|
4172
|
+
| \`tooltip\` | 62,241 | 21,948 | 19,459 | 11,866 | 3,282 | 2,471 |
|
|
4173
|
+
| \`tour\` | 98,152 | 31,515 | 27,856 | 32,163 | 7,847 | 6,215 |
|
|
4174
|
+
| \`tree\` | 78,869 | 25,015 | 22,277 | 27,190 | 7,164 | 5,701 |
|
|
4175
|
+
| \`trend\` | 32,227 | 12,325 | 11,020 | 5,655 | 1,745 | 1,276 |
|
|
4176
|
+
| \`video\` | 169,593 | 49,192 | 42,882 | 92,907 | 21,465 | 17,626 |
|
|
4177
|
+
| \`video-playlist\` | 153,047 | 45,651 | 40,071 | 66,117 | 15,178 | 12,269 |
|
|
4178
|
+
| \`virtual-list\` | 62,724 | 21,154 | 18,912 | 23,461 | 7,038 | 5,501 |
|
|
4179
4179
|
|
|
4180
4180
|
## What an install adds to \`node_modules\`
|
|
4181
4181
|
|
|
@@ -4192,7 +4192,7 @@ stripped column shows the bytes we removed.
|
|
|
4192
4192
|
| \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
|
|
4193
4193
|
| \`@fusion.dev/helix-styles\` | 117,028 | 6 | 0 | none |
|
|
4194
4194
|
| \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
|
|
4195
|
-
| \`@fusion.dev/helix\` | 21,
|
|
4195
|
+
| \`@fusion.dev/helix\` | 21,610,652 | 950 | 514,658 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
4196
4196
|
|
|
4197
4197
|
## Not measured yet
|
|
4198
4198
|
|
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.174.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix": "0.
|
|
40
|
-
"@fusion.dev/helix-cem": "0.
|
|
41
|
-
"@fusion.dev/helix-headless": "0.
|
|
42
|
-
"@fusion.dev/helix-icons": "0.
|
|
43
|
-
"@fusion.dev/helix-map": "0.
|
|
44
|
-
"@fusion.dev/helix-styles": "0.
|
|
45
|
-
"@fusion.dev/helix-testing": "0.
|
|
46
|
-
"@fusion.dev/helix-theme": "0.
|
|
39
|
+
"@fusion.dev/helix": "0.174.0",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.174.0",
|
|
41
|
+
"@fusion.dev/helix-headless": "0.174.0",
|
|
42
|
+
"@fusion.dev/helix-icons": "0.174.0",
|
|
43
|
+
"@fusion.dev/helix-map": "0.174.0",
|
|
44
|
+
"@fusion.dev/helix-styles": "0.174.0",
|
|
45
|
+
"@fusion.dev/helix-testing": "0.174.0",
|
|
46
|
+
"@fusion.dev/helix-theme": "0.174.0",
|
|
47
47
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
48
48
|
"lit": "^3.2.1",
|
|
49
49
|
"playwright": "^1.63.0"
|