@fusion.dev/helix-docs 0.203.0 → 0.204.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 +237 -237
- package/dist/sources.generated.js +237 -237
- package/package.json +11 -11
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` | 254,802 | 82,008 | 70,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 254,802 | 82,008 | 70,088 |
|
|
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` | 254,011 | 81,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 1,
|
|
60
|
+
| `@fusion.dev/helix-core` | 254,011 | 81,843 | 69,689 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 1,432,273 | 399,565 | 299,753 | 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,148,824 | 554,172 | 394,986 | 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
|
|
@@ -83,13 +83,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
83
83
|
|
|
84
84
|
## What the numbers say
|
|
85
85
|
|
|
86
|
-
**Most of your first component is the shared runtime.** The median styled family is 18,850 bytes gzipped alone, and it adds 4,
|
|
86
|
+
**Most of your first component is the shared runtime.** The median styled family is 18,850 bytes gzipped alone, and it adds 4,385 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 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 113 styled components, the smallest is `code` at 8,
|
|
88
|
+
Across the 113 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,817. Every family together is 554,172.
|
|
89
89
|
|
|
90
|
-
No family imports a barrel. The `barrels` rule in `fusion x 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
|
|
90
|
+
No family imports a barrel. The `barrels` rule in `fusion x 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 399,565 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 113 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
|
|
|
92
|
-
The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 17,
|
|
92
|
+
The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 17,663 bytes gzipped alone.
|
|
93
93
|
|
|
94
94
|
## Compared with other systems
|
|
95
95
|
|
|
@@ -101,43 +101,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
101
101
|
|
|
102
102
|
| Component | System | Raw | Gzip | Brotli |
|
|
103
103
|
|---|---|---|---|---|
|
|
104
|
-
| `button` | **Helix** | 41,612 | 14,008 | 12,
|
|
104
|
+
| `button` | **Helix** | 41,612 | 14,008 | 12,454 |
|
|
105
105
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
106
106
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
107
107
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
108
108
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
109
|
-
| `checkbox` | **Helix** | 46,865 | 15,190 | 13,
|
|
109
|
+
| `checkbox` | **Helix** | 46,865 | 15,190 | 13,517 |
|
|
110
110
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
111
111
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
112
112
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
113
113
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
114
|
-
| `dialog` | **Helix** | 43,407 | 14,
|
|
114
|
+
| `dialog` | **Helix** | 43,407 | 14,900 | 13,275 |
|
|
115
115
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
116
116
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
117
117
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
118
118
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
119
|
-
| `radio` | **Helix** | 50,349 | 15,
|
|
119
|
+
| `radio` | **Helix** | 50,349 | 15,974 | 14,205 |
|
|
120
120
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
121
121
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
122
122
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
123
123
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
124
|
-
| `switch` | **Helix** | 43,562 | 14,
|
|
124
|
+
| `switch` | **Helix** | 43,562 | 14,638 | 13,019 |
|
|
125
125
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
126
126
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
127
127
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
128
128
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
129
|
-
| `tabs` | **Helix** | 55,263 | 17,752 | 15,
|
|
129
|
+
| `tabs` | **Helix** | 55,263 | 17,752 | 15,775 |
|
|
130
130
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
131
131
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
132
132
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
133
133
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
134
|
-
| `tooltip` | **Helix** | 61,420 | 21,
|
|
134
|
+
| `tooltip` | **Helix** | 61,420 | 21,833 | 19,338 |
|
|
135
135
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
136
136
|
| | Material Web | | not shipped | |
|
|
137
137
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
138
138
|
| | Web Awesome | 70,568 | 24,005 | 21,107 |
|
|
139
139
|
|
|
140
|
-
At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`. The largest gap is radio against Spectrum, at 5,
|
|
140
|
+
At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`. The largest gap is radio against Spectrum, at 5,314 bytes gzipped. 6 of 27 peer measurements are smaller than the Helix row.
|
|
141
141
|
|
|
142
142
|
Helix's `radio` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
143
143
|
|
|
@@ -211,112 +211,112 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
211
211
|
|
|
212
212
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
213
213
|
|---|---|---|---|---|---|---|
|
|
214
|
-
| `accordion` | 31,879 | 11,804 | 10,469 | 5,328 | 1,
|
|
215
|
-
| `announcement` | 36,692 | 13,312 | 11,
|
|
216
|
-
| `app-header` | 32,289 | 11,898 | 10,
|
|
217
|
-
| `area-chart` | 90,301 | 31,
|
|
218
|
-
| `avatar` | 30,463 | 11,595 | 10,390 | 3,957 | 1,
|
|
219
|
-
| `badge` | 27,088 | 10,568 | 9,
|
|
220
|
-
| `bar-chart` | 94,416 | 32,
|
|
221
|
-
| `blockquote` | 24,107 | 9,
|
|
222
|
-
| `breadcrumbs` | 36,279 | 13,907 | 12,
|
|
223
|
-
| `button` | 35,194 | 12,591 | 11,
|
|
224
|
-
| `button-group` | 27,640 | 10,382 | 9,
|
|
225
|
-
| `callout` | 35,256 | 13,593 | 12,065 | 2,884 | 964 |
|
|
226
|
-
| `canvas` | 108,483 | 34,750 | 30,
|
|
227
|
-
| `card` | 23,824 | 9,092 | 8,
|
|
228
|
-
| `carousel` | 43,576 | 15,462 | 13,
|
|
229
|
-
| `chat` | 79,390 | 26,
|
|
230
|
-
| `checkbox` | 40,374 | 13,
|
|
231
|
-
| `checkbox-group` | 47,602 | 15,
|
|
232
|
-
| `code` | 20,301 | 8,
|
|
233
|
-
| `code-block` | 102,738 | 34,
|
|
234
|
-
| `color-input` | 141,792 | 45,090 | 39,
|
|
235
|
-
| `color-picker` | 103,415 | 32,966 | 28,
|
|
236
|
-
| `combobox` | 132,023 | 41,951 | 36,
|
|
237
|
-
| `command` | 99,560 | 31,521 | 27,
|
|
238
|
-
| `copy-button` | 80,548 | 27,648 | 24,
|
|
239
|
-
| `data-table` | 199,900 | 61,426 | 52,
|
|
240
|
-
| `date-input` | 141,223 | 44,511 | 39,
|
|
241
|
-
| `date-picker` | 61,360 | 20,
|
|
242
|
-
| `description-list` | 22,900 | 8,765 | 7,768 | 1,565 | 491 |
|
|
243
|
-
| `dialog` | 38,294 | 13,
|
|
244
|
-
| `divider` | 22,991 | 8,923 | 7,
|
|
245
|
-
| `donut-chart` | 89,212 | 31,
|
|
246
|
-
| `drawer` | 42,939 | 15,158 | 13,
|
|
247
|
-
| `drilldown` | 42,756 | 14,941 | 13,294 | 9,708 | 2,
|
|
248
|
-
| `empty` | 24,241 | 9,287 | 8,
|
|
249
|
-
| `file-input` | 57,757 | 20,018 | 17,
|
|
250
|
-
| `filter-input` | 97,846 | 32,818 | 29,
|
|
251
|
-
| `format-date` | 30,158 | 11,290 | 10,084 | 4,431 | 1,
|
|
252
|
-
| `graph` | 75,588 | 24,761 | 21,
|
|
253
|
-
| `heatmap` | 98,128 | 33,
|
|
254
|
-
| `icon` | 82,157 | 28,
|
|
255
|
-
| `icon-button` | 35,305 | 12,620 | 11,
|
|
256
|
-
| `image` | 25,504 | 9,479 | 8,406 | 3,822 | 1,
|
|
257
|
-
| `input` | 46,361 | 15,975 | 14,079 | 7,351 | 2,
|
|
258
|
-
| `kbd` | 27,511 | 10,569 | 9,
|
|
259
|
-
| `legend` | 35,184 | 12,934 | 11,
|
|
260
|
-
| `lightbox` | 55,724 | 18,816 | 16,
|
|
261
|
-
| `line-chart` | 91,335 | 31,
|
|
262
|
-
| `list` | 61,803 | 21,
|
|
263
|
-
| `listbox` | 76,711 | 25,427 | 22,460 | 15,562 | 4,
|
|
264
|
-
| `loader` | 26,379 | 10,040 | 8,
|
|
265
|
-
| `log` |
|
|
266
|
-
| `map` | 79,178 | 24,571 | 21,
|
|
267
|
-
| `megamenu` | 60,089 | 21,721 | 19,
|
|
268
|
-
| `menu` | 97,473 | 32,552 | 28,
|
|
269
|
-
| `meter` | 31,721 | 12,025 | 10,727 | 4,893 | 1,
|
|
270
|
-
| `motion-toggle` | 25,678 | 9,986 | 8,876 | 1,426 | 509 |
|
|
271
|
-
| `navigation` | 33,088 | 12,436 | 11,
|
|
272
|
-
| `notifications` | 58,346 | 19,880 | 17,
|
|
273
|
-
| `number-input` | 56,271 | 18,841 | 16,
|
|
274
|
-
| `object-inspector` | 113,929 | 38,373 | 33,
|
|
275
|
-
| `option` | 26,477 | 9,763 | 8,
|
|
276
|
-
| `outline` | 33,612 | 12,597 | 11,
|
|
277
|
-
| `pagination` | 136,258 | 43,650 | 37,
|
|
278
|
-
| `pin-input` | 47,068 | 16,414 | 14,
|
|
279
|
-
| `popover` | 63,853 | 22,981 | 20,
|
|
280
|
-
| `progress` | 28,084 | 10,727 | 9,
|
|
281
|
-
| `qr-code` | 42,719 | 16,647 | 14,
|
|
282
|
-
| `quote` | 22,516 | 8,
|
|
283
|
-
| `radio` | 42,561 | 14,464 | 12,
|
|
284
|
-
| `rating` | 50,257 | 17,292 | 15,
|
|
285
|
-
| `scatter-chart` | 91,226 | 31,675 | 27,
|
|
286
|
-
| `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,573 |
|
|
287
|
-
| `select` | 115,289 | 38,
|
|
288
|
-
| `skeleton` | 22,328 | 8,643 | 7,683 | 991 |
|
|
289
|
-
| `skip-link` | 23,871 | 9,337 | 8,264 | 1,224 |
|
|
290
|
-
| `slider` | 52,873 | 17,
|
|
291
|
-
| `sparkline` | 47,984 | 17,499 | 15,650 | 5,979 | 2,127 | 1,
|
|
292
|
-
| `spatial-bar-chart` | 101,617 | 35,955 | 31,
|
|
293
|
-
| `spatial-heatmap` | 113,473 | 38,795 | 34,
|
|
294
|
-
| `spatial-ribbon-chart` | 100,738 | 35,554 | 31,
|
|
295
|
-
| `spatial-scatter-chart` | 98,971 | 34,841 | 30,
|
|
296
|
-
| `spatial-surface-chart` | 101,895 | 36,
|
|
297
|
-
| `spatial-treemap` | 103,011 | 36,754 | 32,
|
|
298
|
-
| `speed-dial` | 68,751 | 24,717 | 21,
|
|
299
|
-
| `splitter` | 43,751 | 15,
|
|
300
|
-
| `stat` | 25,255 | 9,674 | 8,602 | 2,302 |
|
|
301
|
-
| `steps` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 |
|
|
302
|
-
| `switch` | 39,233 | 13,
|
|
303
|
-
| `table` | 118,358 | 37,061 | 32,
|
|
304
|
-
| `tabs` | 46,310 | 15,908 | 14,
|
|
305
|
-
| `tag` | 42,676 | 15,621 | 13,
|
|
306
|
-
| `textarea` | 43,852 | 14,940 | 13,329 | 5,401 | 1,
|
|
307
|
-
| `time-input` | 169,269 | 52,
|
|
308
|
-
| `time-picker` | 99,603 | 31,517 | 27,749 | 33,932 | 9,177 | 7,
|
|
309
|
-
| `timeline` | 31,286 | 11,863 | 10,
|
|
310
|
-
| `toast` | 50,871 | 17,940 | 15,
|
|
311
|
-
| `toggle` | 45,577 | 15,269 | 13,
|
|
312
|
-
| `toolbar` | 31,047 | 11,572 | 10,293 | 5,157 | 1,639 | 1,
|
|
313
|
-
| `tooltip` | 58,616 | 21,089 | 18,
|
|
314
|
-
| `tour` | 83,717 | 28,762 | 25,
|
|
315
|
-
| `tree` | 67,586 | 22,717 | 20,
|
|
316
|
-
| `trend` | 29,717 | 11,568 | 10,
|
|
317
|
-
| `video` | 142,270 | 44,
|
|
318
|
-
| `video-playlist` | 127,686 | 41,301 | 36,
|
|
319
|
-
| `virtual-list` | 63,451 | 21,631 | 19,228 | 23,304 | 7,149 | 5,
|
|
214
|
+
| `accordion` | 31,879 | 11,804 | 10,469 | 5,328 | 1,580 | 1,222 |
|
|
215
|
+
| `announcement` | 36,692 | 13,312 | 11,880 | 4,681 | 1,368 | 1,122 |
|
|
216
|
+
| `app-header` | 32,289 | 11,898 | 10,565 | 5,870 | 1,747 | 1,301 |
|
|
217
|
+
| `area-chart` | 90,301 | 31,726 | 28,043 | 14,057 | 4,342 | 3,431 |
|
|
218
|
+
| `avatar` | 30,463 | 11,595 | 10,390 | 3,957 | 1,213 | 981 |
|
|
219
|
+
| `badge` | 27,088 | 10,568 | 9,409 | 2,942 | 889 | 870 |
|
|
220
|
+
| `bar-chart` | 94,416 | 32,820 | 29,074 | 18,022 | 5,410 | 4,381 |
|
|
221
|
+
| `blockquote` | 24,107 | 9,420 | 8,335 | 2,401 | 877 | 656 |
|
|
222
|
+
| `breadcrumbs` | 36,279 | 13,907 | 12,433 | 7,357 | 2,410 | 1,963 |
|
|
223
|
+
| `button` | 35,194 | 12,591 | 11,204 | 4,922 | 1,424 | 1,159 |
|
|
224
|
+
| `button-group` | 27,640 | 10,382 | 9,204 | 4,926 | 1,515 | 1,087 |
|
|
225
|
+
| `callout` | 35,256 | 13,593 | 12,065 | 2,884 | 964 | 658 |
|
|
226
|
+
| `canvas` | 108,483 | 34,750 | 30,412 | 68,924 | 20,931 | 17,568 |
|
|
227
|
+
| `card` | 23,824 | 9,092 | 8,056 | 2,090 | 626 | 491 |
|
|
228
|
+
| `carousel` | 43,576 | 15,462 | 13,831 | 15,235 | 4,220 | 3,191 |
|
|
229
|
+
| `chat` | 79,390 | 26,445 | 23,452 | 27,455 | 8,022 | 6,326 |
|
|
230
|
+
| `checkbox` | 40,374 | 13,681 | 12,222 | 3,107 | 960 | 606 |
|
|
231
|
+
| `checkbox-group` | 47,602 | 15,601 | 13,897 | 8,324 | 2,348 | 1,764 |
|
|
232
|
+
| `code` | 20,301 | 8,014 | 7,101 | 138 | 66 | 81 |
|
|
233
|
+
| `code-block` | 102,738 | 34,889 | 30,794 | 36,843 | 10,711 | 8,665 |
|
|
234
|
+
| `color-input` | 141,792 | 45,090 | 39,361 | 55,133 | 14,292 | 11,619 |
|
|
235
|
+
| `color-picker` | 103,415 | 32,966 | 28,898 | 47,251 | 12,669 | 10,288 |
|
|
236
|
+
| `combobox` | 132,023 | 41,951 | 36,938 | 35,789 | 9,084 | 7,075 |
|
|
237
|
+
| `command` | 99,560 | 31,521 | 27,724 | 30,059 | 8,103 | 6,386 |
|
|
238
|
+
| `copy-button` | 80,548 | 27,648 | 24,475 | 18,340 | 4,939 | 3,866 |
|
|
239
|
+
| `data-table` | 199,900 | 61,426 | 52,494 | 89,488 | 23,798 | 18,983 |
|
|
240
|
+
| `date-input` | 141,223 | 44,511 | 39,151 | 38,227 | 9,423 | 7,493 |
|
|
241
|
+
| `date-picker` | 61,360 | 20,936 | 18,751 | 20,345 | 5,600 | 4,348 |
|
|
242
|
+
| `description-list` | 22,900 | 8,765 | 7,768 | 1,565 | 491 | 254 |
|
|
243
|
+
| `dialog` | 38,294 | 13,634 | 12,173 | 5,837 | 1,715 | 1,345 |
|
|
244
|
+
| `divider` | 22,991 | 8,923 | 7,879 | 1,415 | 503 | 309 |
|
|
245
|
+
| `donut-chart` | 89,212 | 31,128 | 27,540 | 14,639 | 4,496 | 3,579 |
|
|
246
|
+
| `drawer` | 42,939 | 15,158 | 13,508 | 7,697 | 2,296 | 1,707 |
|
|
247
|
+
| `drilldown` | 42,756 | 14,941 | 13,294 | 9,708 | 2,702 | 2,018 |
|
|
248
|
+
| `empty` | 24,241 | 9,287 | 8,242 | 1,951 | 639 | 519 |
|
|
249
|
+
| `file-input` | 57,757 | 20,018 | 17,784 | 13,093 | 4,122 | 3,343 |
|
|
250
|
+
| `filter-input` | 97,846 | 32,818 | 29,134 | 21,628 | 6,186 | 4,930 |
|
|
251
|
+
| `format-date` | 30,158 | 11,290 | 10,084 | 4,431 | 1,265 | 943 |
|
|
252
|
+
| `graph` | 75,588 | 24,761 | 21,918 | 23,095 | 6,734 | 5,436 |
|
|
253
|
+
| `heatmap` | 98,128 | 33,502 | 29,557 | 18,941 | 5,574 | 4,395 |
|
|
254
|
+
| `icon` | 82,157 | 28,050 | 24,059 | 58,303 | 19,610 | 16,002 |
|
|
255
|
+
| `icon-button` | 35,305 | 12,620 | 11,228 | 5,031 | 1,446 | 1,059 |
|
|
256
|
+
| `image` | 25,504 | 9,479 | 8,406 | 3,822 | 1,132 | 856 |
|
|
257
|
+
| `input` | 46,361 | 15,975 | 14,079 | 7,351 | 2,387 | 1,667 |
|
|
258
|
+
| `kbd` | 27,511 | 10,569 | 9,339 | 3,516 | 1,111 | 774 |
|
|
259
|
+
| `legend` | 35,184 | 12,934 | 11,532 | 2,956 | 978 | 753 |
|
|
260
|
+
| `lightbox` | 55,724 | 18,816 | 16,715 | 16,728 | 4,631 | 3,442 |
|
|
261
|
+
| `line-chart` | 91,335 | 31,879 | 28,259 | 14,760 | 4,398 | 3,531 |
|
|
262
|
+
| `list` | 61,803 | 21,291 | 18,983 | 15,241 | 4,414 | 3,385 |
|
|
263
|
+
| `listbox` | 76,711 | 25,427 | 22,460 | 15,562 | 4,563 | 3,349 |
|
|
264
|
+
| `loader` | 26,379 | 10,040 | 8,930 | 2,774 | 913 | 739 |
|
|
265
|
+
| `log` | 79,582 | 27,282 | 24,176 | 37,242 | 11,641 | 9,792 |
|
|
266
|
+
| `map` | 79,178 | 24,571 | 21,479 | 37,042 | 10,074 | 8,034 |
|
|
267
|
+
| `megamenu` | 60,089 | 21,721 | 19,240 | 8,657 | 2,397 | 1,726 |
|
|
268
|
+
| `menu` | 97,473 | 32,552 | 28,743 | 30,180 | 7,919 | 6,411 |
|
|
269
|
+
| `meter` | 31,721 | 12,025 | 10,727 | 4,893 | 1,409 | 1,234 |
|
|
270
|
+
| `motion-toggle` | 25,678 | 9,986 | 8,876 | 1,426 | 509 | 346 |
|
|
271
|
+
| `navigation` | 33,088 | 12,436 | 11,036 | 3,365 | 1,157 | 938 |
|
|
272
|
+
| `notifications` | 58,346 | 19,880 | 17,730 | 18,207 | 5,058 | 3,992 |
|
|
273
|
+
| `number-input` | 56,271 | 18,841 | 16,822 | 13,522 | 3,584 | 2,620 |
|
|
274
|
+
| `object-inspector` | 113,929 | 38,373 | 33,694 | 35,491 | 10,255 | 8,142 |
|
|
275
|
+
| `option` | 26,477 | 9,763 | 8,667 | 4,523 | 1,184 | 970 |
|
|
276
|
+
| `outline` | 33,612 | 12,597 | 11,180 | 7,856 | 2,558 | 2,007 |
|
|
277
|
+
| `pagination` | 136,258 | 43,650 | 37,920 | 45,379 | 11,839 | 9,332 |
|
|
278
|
+
| `pin-input` | 47,068 | 16,414 | 14,643 | 6,735 | 2,224 | 1,610 |
|
|
279
|
+
| `popover` | 63,853 | 22,981 | 20,310 | 6,373 | 1,853 | 1,413 |
|
|
280
|
+
| `progress` | 28,084 | 10,727 | 9,550 | 2,969 | 909 | 716 |
|
|
281
|
+
| `qr-code` | 42,719 | 16,647 | 14,828 | 17,001 | 6,288 | 5,249 |
|
|
282
|
+
| `quote` | 22,516 | 8,884 | 7,829 | 1,210 | 510 | 391 |
|
|
283
|
+
| `radio` | 42,561 | 14,464 | 12,890 | 3,817 | 1,200 | 901 |
|
|
284
|
+
| `rating` | 50,257 | 17,292 | 15,458 | 8,027 | 2,434 | 1,793 |
|
|
285
|
+
| `scatter-chart` | 91,226 | 31,675 | 27,942 | 16,123 | 4,843 | 3,845 |
|
|
286
|
+
| `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,573 | 2,110 |
|
|
287
|
+
| `select` | 115,289 | 38,175 | 33,425 | 26,031 | 7,119 | 5,564 |
|
|
288
|
+
| `skeleton` | 22,328 | 8,643 | 7,683 | 991 | 396 | 248 |
|
|
289
|
+
| `skip-link` | 23,871 | 9,337 | 8,264 | 1,224 | 474 | 383 |
|
|
290
|
+
| `slider` | 52,873 | 17,827 | 15,953 | 13,158 | 3,777 | 2,885 |
|
|
291
|
+
| `sparkline` | 47,984 | 17,499 | 15,650 | 5,979 | 2,127 | 1,654 |
|
|
292
|
+
| `spatial-bar-chart` | 101,617 | 35,955 | 31,646 | 19,779 | 6,524 | 5,171 |
|
|
293
|
+
| `spatial-heatmap` | 113,473 | 38,795 | 34,115 | 31,592 | 9,582 | 7,823 |
|
|
294
|
+
| `spatial-ribbon-chart` | 100,738 | 35,554 | 31,344 | 20,718 | 6,906 | 5,731 |
|
|
295
|
+
| `spatial-scatter-chart` | 98,971 | 34,841 | 30,725 | 19,012 | 6,269 | 5,041 |
|
|
296
|
+
| `spatial-surface-chart` | 101,895 | 36,125 | 31,844 | 21,876 | 7,441 | 6,041 |
|
|
297
|
+
| `spatial-treemap` | 103,011 | 36,754 | 32,305 | 21,297 | 7,375 | 5,896 |
|
|
298
|
+
| `speed-dial` | 68,751 | 24,717 | 21,853 | 10,914 | 2,968 | 2,218 |
|
|
299
|
+
| `splitter` | 43,751 | 15,169 | 13,541 | 14,396 | 3,840 | 2,970 |
|
|
300
|
+
| `stat` | 25,255 | 9,674 | 8,602 | 2,302 | 753 | 500 |
|
|
301
|
+
| `steps` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 | 3,039 |
|
|
302
|
+
| `switch` | 39,233 | 13,495 | 12,053 | 1,679 | 600 | 384 |
|
|
303
|
+
| `table` | 118,358 | 37,061 | 32,233 | 45,146 | 12,425 | 9,937 |
|
|
304
|
+
| `tabs` | 46,310 | 15,908 | 14,138 | 10,491 | 2,875 | 2,172 |
|
|
305
|
+
| `tag` | 42,676 | 15,621 | 13,970 | 8,453 | 2,544 | 1,920 |
|
|
306
|
+
| `textarea` | 43,852 | 14,940 | 13,329 | 5,401 | 1,602 | 1,210 |
|
|
307
|
+
| `time-input` | 169,269 | 52,675 | 45,845 | 48,509 | 12,418 | 9,889 |
|
|
308
|
+
| `time-picker` | 99,603 | 31,517 | 27,749 | 33,932 | 9,177 | 7,162 |
|
|
309
|
+
| `timeline` | 31,286 | 11,863 | 10,604 | 4,060 | 1,184 | 951 |
|
|
310
|
+
| `toast` | 50,871 | 17,940 | 15,995 | 12,122 | 3,516 | 2,778 |
|
|
311
|
+
| `toggle` | 45,577 | 15,269 | 13,570 | 6,007 | 1,805 | 1,427 |
|
|
312
|
+
| `toolbar` | 31,047 | 11,572 | 10,293 | 5,157 | 1,639 | 1,167 |
|
|
313
|
+
| `tooltip` | 58,616 | 21,089 | 18,735 | 8,432 | 2,348 | 1,810 |
|
|
314
|
+
| `tour` | 83,717 | 28,762 | 25,369 | 19,811 | 5,427 | 4,330 |
|
|
315
|
+
| `tree` | 67,586 | 22,717 | 20,287 | 17,197 | 4,927 | 3,781 |
|
|
316
|
+
| `trend` | 29,717 | 11,568 | 10,334 | 3,485 | 1,070 | 948 |
|
|
317
|
+
| `video` | 142,270 | 44,462 | 38,750 | 66,678 | 16,801 | 13,825 |
|
|
318
|
+
| `video-playlist` | 127,686 | 41,301 | 36,353 | 42,775 | 11,169 | 9,184 |
|
|
319
|
+
| `virtual-list` | 63,451 | 21,631 | 19,228 | 23,304 | 7,149 | 5,802 |
|
|
320
320
|
|
|
321
321
|
### Styled tier
|
|
322
322
|
|
|
@@ -324,119 +324,119 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
324
324
|
|
|
325
325
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
326
326
|
|---|---|---|---|---|---|---|
|
|
327
|
-
| `accordion` | 35,311 | 12,653 | 11,234 | 8,743 | 2,444 | 1,
|
|
328
|
-
| `announcement` | 41,307 | 14,364 | 12,
|
|
329
|
-
| `app-header` | 37,449 | 13,102 | 11,
|
|
330
|
-
| `area-chart` | 98,393 | 33,
|
|
331
|
-
| `aura` | 58,599 | 19,870 | 17,
|
|
332
|
-
| `avatar` | 33,464 | 12,351 | 11,
|
|
333
|
-
| `badge` | 32,595 | 11,820 | 10,543 | 8,436 | 2,150 | 1,
|
|
334
|
-
| `bar-chart` | 108,944 | 35,725 | 31,
|
|
335
|
-
| `blockquote` | 26,332 | 9,968 | 8,809 | 4,611 | 1,
|
|
336
|
-
| `breadcrumbs` | 43,220 | 15,115 | 13,
|
|
337
|
-
| `button` | 41,612 | 14,008 | 12,
|
|
338
|
-
| `button-group` | 31,138 | 11,066 | 9,811 | 8,407 | 2,
|
|
339
|
-
| `callout` | 39,049 | 14,536 | 12,915 | 6,659 | 1,
|
|
340
|
-
| `canvas` | 129,523 | 38,715 | 33,
|
|
341
|
-
| `card` | 27,725 | 10,099 | 8,
|
|
342
|
-
| `carousel` | 54,063 | 17,260 | 15,
|
|
343
|
-
| `chat` | 94,674 | 29,166 | 25,
|
|
344
|
-
| `checkbox` | 46,865 | 15,190 | 13,
|
|
345
|
-
| `checkbox-group` | 54,826 | 17,244 | 15,
|
|
346
|
-
| `code` | 21,154 | 8,
|
|
347
|
-
| `code-block` | 127,213 | 38,714 | 34,
|
|
348
|
-
| `color-input` | 184,176 | 51,
|
|
349
|
-
| `color-picker` | 140,348 | 38,509 | 33,
|
|
350
|
-
| `combobox` | 147,503 | 44,927 | 39,
|
|
351
|
-
| `command` | 110,838 | 33,878 | 29,
|
|
352
|
-
| `copy-button` | 92,577 | 29,825 | 26,
|
|
353
|
-
| `data-table` | 230,715 | 66,
|
|
354
|
-
| `date-input` | 162,349 | 48,215 | 42,
|
|
355
|
-
| `date-picker` | 69,281 | 22,
|
|
356
|
-
| `description-list` | 25,855 | 9,517 | 8,
|
|
357
|
-
| `dialog` | 43,407 | 14,
|
|
358
|
-
| `divider` | 25,291 | 9,
|
|
359
|
-
| `donut-chart` | 99,170 | 33,262 | 29,
|
|
360
|
-
| `drawer` | 48,772 | 16,542 | 14,
|
|
361
|
-
| `drilldown` | 48,438 | 16,
|
|
362
|
-
| `empty` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 |
|
|
363
|
-
| `file-input` | 69,285 | 22,419 | 19,
|
|
364
|
-
| `filter-input` | 108,688 | 34,990 | 31,
|
|
365
|
-
| `flex` | 25,740 | 9,
|
|
366
|
-
| `format-date` | 30,414 | 11,403 | 10,
|
|
367
|
-
| `graph` | 91,503 | 27,441 | 24,
|
|
368
|
-
| `grid` | 27,002 | 9,845 | 8,
|
|
369
|
-
| `heatmap` | 106,453 | 35,
|
|
370
|
-
| `icon` | 83,995 | 28,567 | 24,
|
|
371
|
-
| `icon-button` | 43,040 | 13,980 | 12,
|
|
372
|
-
| `image` | 26,892 | 9,
|
|
373
|
-
| `input` | 50,619 | 17,064 | 15,
|
|
374
|
-
| `kbd` | 29,504 | 11,
|
|
375
|
-
| `legend` | 40,423 | 14,213 | 12,
|
|
376
|
-
| `lightbox` | 62,016 | 20,155 | 17,
|
|
377
|
-
| `line-chart` | 102,454 | 34,256 | 30,
|
|
378
|
-
| `list` | 68,150 | 22,
|
|
379
|
-
| `listbox` | 81,154 | 26,541 | 23,
|
|
380
|
-
| `loader` | 29,263 | 10,815 | 9,
|
|
381
|
-
| `log` |
|
|
382
|
-
| `map` | 112,126 | 29,780 | 26,
|
|
383
|
-
| `megamenu` | 65,058 | 22,
|
|
384
|
-
| `menu` | 108,403 | 34,710 | 30,
|
|
385
|
-
| `meter` | 37,896 | 13,376 | 11,
|
|
386
|
-
| `motion-toggle` | 27,312 | 10,459 | 9,304 | 3,044 | 972 |
|
|
387
|
-
| `navigation` | 36,814 | 13,
|
|
388
|
-
| `notifications` | 71,839 | 22,457 | 20,075 | 31,690 | 7,
|
|
389
|
-
| `number-input` | 61,253 | 20,025 | 17,
|
|
390
|
-
| `object-inspector` | 130,338 | 41,205 | 36,
|
|
391
|
-
| `option` | 29,672 | 10,
|
|
392
|
-
| `orb` | 36,209 | 13,750 | 12,
|
|
393
|
-
| `outline` | 37,846 | 13,457 | 11,937 | 12,073 | 3,
|
|
394
|
-
| `pagination` | 153,264 | 46,929 | 40,
|
|
395
|
-
| `pin-input` | 50,409 | 17,316 | 15,
|
|
396
|
-
| `popover` | 67,005 | 23,748 |
|
|
397
|
-
| `progress` | 35,232 | 12,380 | 11,065 | 10,100 | 2,587 | 2,
|
|
398
|
-
| `qr-code` | 44,321 | 17,121 | 15,243 | 18,585 | 6,
|
|
399
|
-
| `quote` | 23,074 | 9,078 | 7,
|
|
400
|
-
| `radio` | 50,349 | 15,
|
|
401
|
-
| `rating` | 54,190 | 18,518 | 16,
|
|
402
|
-
| `sandbox` | 106,479 | 32,
|
|
403
|
-
| `scatter-chart` | 100,317 | 33,784 | 29,
|
|
404
|
-
| `scroll-area` | 35,437 | 12,026 | 10,680 | 13,489 | 3,
|
|
405
|
-
| `select` | 124,418 | 40,
|
|
406
|
-
| `skeleton` | 26,090 | 9,663 | 8,592 | 4,738 | 1,387 | 1,
|
|
407
|
-
| `skip-link` | 25,441 | 9,851 | 8,
|
|
408
|
-
| `slider` | 67,842 | 20,
|
|
409
|
-
| `sparkline` | 53,442 | 18,850 | 16,823 | 11,419 | 3,468 | 2,
|
|
410
|
-
| `spatial-bar-chart` | 110,587 | 37,973 | 33,
|
|
411
|
-
| `spatial-heatmap` | 123,212 | 40,986 | 36,
|
|
412
|
-
| `spatial-ribbon-chart` | 109,556 | 37,551 | 33,
|
|
413
|
-
| `spatial-scatter-chart` | 107,852 | 36,785 | 32,
|
|
414
|
-
| `spatial-surface-chart` | 110,231 | 38,001 | 33,
|
|
415
|
-
| `spatial-treemap` | 111,937 | 38,783 | 34,
|
|
416
|
-
| `speed-dial` | 75,797 | 26,
|
|
417
|
-
| `splitter` | 49,804 | 16,207 | 14,
|
|
418
|
-
| `stat` | 28,117 | 10,371 | 9,278 | 5,156 | 1,447 | 1,
|
|
419
|
-
| `steps` | 67,449 | 21,377 | 19,021 | 27,416 | 6,615 | 5,
|
|
420
|
-
| `strands` | 62,788 | 23,354 | 20,
|
|
421
|
-
| `switch` | 43,562 | 14,
|
|
422
|
-
| `table` | 135,900 | 40,155 | 34,
|
|
423
|
-
| `tabs` | 55,263 | 17,752 | 15,
|
|
424
|
-
| `tag` | 47,247 | 16,757 | 14,
|
|
425
|
-
| `text` | 28,756 | 9,942 | 8,773 | 7,394 | 1,497 | 1,
|
|
426
|
-
| `textarea` | 47,785 | 15,949 | 14,
|
|
427
|
-
| `time-input` | 193,597 | 56,836 | 49,
|
|
428
|
-
| `time-picker` | 111,928 | 33,946 | 29,
|
|
429
|
-
| `timeline` | 38,179 | 13,
|
|
430
|
-
| `toast` | 58,767 | 19,783 | 17,645 | 20,004 | 5,
|
|
431
|
-
| `toggle` | 50,439 | 16,509 | 14,
|
|
432
|
-
| `toolbar` | 33,726 | 12,065 | 10,
|
|
433
|
-
| `tooltip` | 61,420 | 21,
|
|
434
|
-
| `tour` | 93,708 | 30,
|
|
435
|
-
| `tree` | 76,275 | 24,651 | 21,980 | 25,873 | 6,878 | 5,
|
|
436
|
-
| `trend` | 31,231 | 12,049 | 10,723 | 4,980 | 1,
|
|
437
|
-
| `video` | 162,777 | 48,
|
|
438
|
-
| `video-playlist` | 143,639 | 44,279 | 38,
|
|
439
|
-
| `virtual-list` | 65,445 | 22,
|
|
327
|
+
| `accordion` | 35,311 | 12,653 | 11,234 | 8,743 | 2,444 | 1,948 |
|
|
328
|
+
| `announcement` | 41,307 | 14,364 | 12,794 | 9,277 | 2,478 | 1,982 |
|
|
329
|
+
| `app-header` | 37,449 | 13,102 | 11,648 | 11,015 | 2,965 | 2,322 |
|
|
330
|
+
| `area-chart` | 98,393 | 33,575 | 29,690 | 22,128 | 6,245 | 5,055 |
|
|
331
|
+
| `aura` | 58,599 | 19,870 | 17,602 | 31,639 | 9,617 | 8,107 |
|
|
332
|
+
| `avatar` | 33,464 | 12,351 | 11,051 | 6,945 | 1,964 | 1,643 |
|
|
333
|
+
| `badge` | 32,595 | 11,820 | 10,543 | 8,436 | 2,150 | 1,715 |
|
|
334
|
+
| `bar-chart` | 108,944 | 35,725 | 31,583 | 32,531 | 8,343 | 6,873 |
|
|
335
|
+
| `blockquote` | 26,332 | 9,968 | 8,809 | 4,611 | 1,416 | 1,191 |
|
|
336
|
+
| `breadcrumbs` | 43,220 | 15,115 | 13,504 | 14,282 | 3,648 | 3,016 |
|
|
337
|
+
| `button` | 41,612 | 14,008 | 12,454 | 11,321 | 2,870 | 2,284 |
|
|
338
|
+
| `button-group` | 31,138 | 11,066 | 9,811 | 8,407 | 2,205 | 1,727 |
|
|
339
|
+
| `callout` | 39,049 | 14,536 | 12,915 | 6,659 | 1,915 | 1,542 |
|
|
340
|
+
| `canvas` | 129,523 | 38,715 | 33,832 | 89,608 | 24,826 | 20,814 |
|
|
341
|
+
| `card` | 27,725 | 10,099 | 8,962 | 5,976 | 1,633 | 1,334 |
|
|
342
|
+
| `carousel` | 54,063 | 17,260 | 15,433 | 25,704 | 6,036 | 4,946 |
|
|
343
|
+
| `chat` | 94,674 | 29,166 | 25,857 | 42,730 | 10,803 | 8,812 |
|
|
344
|
+
| `checkbox` | 46,865 | 15,190 | 13,517 | 9,580 | 2,483 | 1,896 |
|
|
345
|
+
| `checkbox-group` | 54,826 | 17,244 | 15,384 | 15,537 | 3,997 | 2,964 |
|
|
346
|
+
| `code` | 21,154 | 8,333 | 7,402 | 976 | 381 | 294 |
|
|
347
|
+
| `code-block` | 127,213 | 38,714 | 34,156 | 61,298 | 14,674 | 12,097 |
|
|
348
|
+
| `color-input` | 184,176 | 51,348 | 44,889 | 97,504 | 20,448 | 17,074 |
|
|
349
|
+
| `color-picker` | 140,348 | 38,509 | 33,776 | 84,175 | 18,133 | 15,175 |
|
|
350
|
+
| `combobox` | 147,503 | 44,927 | 39,490 | 51,252 | 12,065 | 9,680 |
|
|
351
|
+
| `command` | 110,838 | 33,878 | 29,859 | 41,331 | 10,480 | 8,546 |
|
|
352
|
+
| `copy-button` | 92,577 | 29,825 | 26,391 | 30,351 | 7,146 | 5,778 |
|
|
353
|
+
| `data-table` | 230,715 | 66,817 | 57,256 | 120,287 | 29,325 | 23,747 |
|
|
354
|
+
| `date-input` | 162,349 | 48,215 | 42,400 | 59,338 | 13,171 | 10,733 |
|
|
355
|
+
| `date-picker` | 69,281 | 22,363 | 19,995 | 28,248 | 7,039 | 5,694 |
|
|
356
|
+
| `description-list` | 25,855 | 9,517 | 8,465 | 4,508 | 1,254 | 999 |
|
|
357
|
+
| `dialog` | 43,407 | 14,900 | 13,275 | 10,933 | 3,021 | 2,422 |
|
|
358
|
+
| `divider` | 25,291 | 9,546 | 8,433 | 3,698 | 1,124 | 943 |
|
|
359
|
+
| `donut-chart` | 99,170 | 33,262 | 29,411 | 24,574 | 6,693 | 5,447 |
|
|
360
|
+
| `drawer` | 48,772 | 16,542 | 14,760 | 13,511 | 3,736 | 2,930 |
|
|
361
|
+
| `drilldown` | 48,438 | 16,236 | 14,468 | 15,376 | 4,007 | 3,149 |
|
|
362
|
+
| `empty` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 | 865 |
|
|
363
|
+
| `file-input` | 69,285 | 22,419 | 19,922 | 24,610 | 6,500 | 5,406 |
|
|
364
|
+
| `filter-input` | 108,688 | 34,990 | 31,038 | 32,463 | 8,378 | 6,786 |
|
|
365
|
+
| `flex` | 25,740 | 9,194 | 8,150 | 4,762 | 1,032 | 902 |
|
|
366
|
+
| `format-date` | 30,414 | 11,403 | 10,198 | 4,669 | 1,383 | 1,063 |
|
|
367
|
+
| `graph` | 91,503 | 27,441 | 24,188 | 38,992 | 9,539 | 7,724 |
|
|
368
|
+
| `grid` | 27,002 | 9,845 | 8,729 | 5,637 | 1,435 | 1,286 |
|
|
369
|
+
| `heatmap` | 106,453 | 35,370 | 31,189 | 27,245 | 7,425 | 6,115 |
|
|
370
|
+
| `icon` | 83,995 | 28,567 | 24,447 | 60,128 | 20,162 | 16,412 |
|
|
371
|
+
| `icon-button` | 43,040 | 13,980 | 12,441 | 12,750 | 2,859 | 2,279 |
|
|
372
|
+
| `image` | 26,892 | 9,945 | 8,816 | 5,192 | 1,598 | 1,301 |
|
|
373
|
+
| `input` | 50,619 | 17,064 | 15,058 | 11,592 | 3,501 | 2,618 |
|
|
374
|
+
| `kbd` | 29,504 | 11,109 | 9,828 | 5,494 | 1,668 | 1,303 |
|
|
375
|
+
| `legend` | 40,423 | 14,213 | 12,591 | 8,066 | 2,255 | 1,739 |
|
|
376
|
+
| `lightbox` | 62,016 | 20,155 | 17,915 | 23,004 | 5,960 | 4,729 |
|
|
377
|
+
| `line-chart` | 102,454 | 34,256 | 30,385 | 25,861 | 6,815 | 5,513 |
|
|
378
|
+
| `list` | 68,150 | 22,814 | 20,368 | 21,568 | 5,926 | 4,646 |
|
|
379
|
+
| `listbox` | 81,154 | 26,541 | 23,461 | 19,991 | 5,668 | 4,313 |
|
|
380
|
+
| `loader` | 29,263 | 10,815 | 9,653 | 5,641 | 1,684 | 1,364 |
|
|
381
|
+
| `log` | 90,403 | 29,429 | 26,051 | 48,052 | 13,868 | 11,583 |
|
|
382
|
+
| `map` | 112,126 | 29,780 | 26,198 | 69,978 | 15,410 | 12,506 |
|
|
383
|
+
| `megamenu` | 65,058 | 22,888 | 20,248 | 13,607 | 3,558 | 2,678 |
|
|
384
|
+
| `menu` | 108,403 | 34,710 | 30,663 | 41,092 | 10,114 | 8,303 |
|
|
385
|
+
| `meter` | 37,896 | 13,376 | 11,955 | 11,049 | 2,795 | 2,297 |
|
|
386
|
+
| `motion-toggle` | 27,312 | 10,459 | 9,304 | 3,044 | 972 | 821 |
|
|
387
|
+
| `navigation` | 36,814 | 13,269 | 11,776 | 7,076 | 2,006 | 1,647 |
|
|
388
|
+
| `notifications` | 71,839 | 22,457 | 20,075 | 31,690 | 7,637 | 6,272 |
|
|
389
|
+
| `number-input` | 61,253 | 20,025 | 17,826 | 18,489 | 4,793 | 3,679 |
|
|
390
|
+
| `object-inspector` | 130,338 | 41,205 | 36,194 | 51,885 | 13,166 | 10,754 |
|
|
391
|
+
| `option` | 29,672 | 10,762 | 9,548 | 7,711 | 2,181 | 1,748 |
|
|
392
|
+
| `orb` | 36,209 | 13,750 | 12,322 | 10,015 | 3,713 | 3,151 |
|
|
393
|
+
| `outline` | 37,846 | 13,457 | 11,937 | 12,073 | 3,433 | 2,677 |
|
|
394
|
+
| `pagination` | 153,264 | 46,929 | 40,845 | 62,367 | 15,172 | 12,304 |
|
|
395
|
+
| `pin-input` | 50,409 | 17,316 | 15,473 | 10,057 | 3,146 | 2,427 |
|
|
396
|
+
| `popover` | 67,005 | 23,748 | 20,973 | 9,507 | 2,642 | 1,948 |
|
|
397
|
+
| `progress` | 35,232 | 12,380 | 11,065 | 10,100 | 2,587 | 2,203 |
|
|
398
|
+
| `qr-code` | 44,321 | 17,121 | 15,243 | 18,585 | 6,757 | 5,686 |
|
|
399
|
+
| `quote` | 23,074 | 9,078 | 7,998 | 1,751 | 685 | 554 |
|
|
400
|
+
| `radio` | 50,349 | 15,974 | 14,205 | 11,592 | 2,738 | 2,222 |
|
|
401
|
+
| `rating` | 54,190 | 18,518 | 16,513 | 11,944 | 3,635 | 2,842 |
|
|
402
|
+
| `sandbox` | 106,479 | 32,357 | 28,366 | 74,198 | 20,106 | 16,962 |
|
|
403
|
+
| `scatter-chart` | 100,317 | 33,784 | 29,816 | 25,193 | 6,964 | 5,748 |
|
|
404
|
+
| `scroll-area` | 35,437 | 12,026 | 10,680 | 13,489 | 3,564 | 2,795 |
|
|
405
|
+
| `select` | 124,418 | 40,070 | 35,095 | 35,145 | 9,048 | 7,180 |
|
|
406
|
+
| `skeleton` | 26,090 | 9,663 | 8,592 | 4,738 | 1,387 | 1,163 |
|
|
407
|
+
| `skip-link` | 25,441 | 9,851 | 8,691 | 2,779 | 953 | 809 |
|
|
408
|
+
| `slider` | 67,842 | 20,139 | 18,025 | 28,107 | 6,147 | 4,968 |
|
|
409
|
+
| `sparkline` | 53,442 | 18,850 | 16,823 | 11,419 | 3,468 | 2,863 |
|
|
410
|
+
| `spatial-bar-chart` | 110,587 | 37,973 | 33,503 | 28,731 | 8,549 | 6,882 |
|
|
411
|
+
| `spatial-heatmap` | 123,212 | 40,986 | 36,047 | 41,313 | 11,815 | 9,595 |
|
|
412
|
+
| `spatial-ribbon-chart` | 109,556 | 37,551 | 33,130 | 29,518 | 8,943 | 7,258 |
|
|
413
|
+
| `spatial-scatter-chart` | 107,852 | 36,785 | 32,412 | 27,865 | 8,210 | 6,639 |
|
|
414
|
+
| `spatial-surface-chart` | 110,231 | 38,001 | 33,509 | 30,194 | 9,343 | 7,736 |
|
|
415
|
+
| `spatial-treemap` | 111,937 | 38,783 | 34,076 | 30,203 | 9,395 | 7,680 |
|
|
416
|
+
| `speed-dial` | 75,797 | 26,104 | 23,155 | 17,945 | 4,385 | 3,399 |
|
|
417
|
+
| `splitter` | 49,804 | 16,207 | 14,528 | 20,430 | 4,897 | 3,994 |
|
|
418
|
+
| `stat` | 28,117 | 10,371 | 9,278 | 5,156 | 1,447 | 1,272 |
|
|
419
|
+
| `steps` | 67,449 | 21,377 | 19,021 | 27,416 | 6,615 | 5,390 |
|
|
420
|
+
| `strands` | 62,788 | 23,354 | 20,628 | 38,012 | 13,681 | 11,860 |
|
|
421
|
+
| `switch` | 43,562 | 14,638 | 13,019 | 5,998 | 1,756 | 1,345 |
|
|
422
|
+
| `table` | 135,900 | 40,155 | 34,941 | 62,691 | 15,518 | 12,655 |
|
|
423
|
+
| `tabs` | 55,263 | 17,752 | 15,775 | 19,435 | 4,713 | 3,727 |
|
|
424
|
+
| `tag` | 47,247 | 16,757 | 14,967 | 13,012 | 3,667 | 2,829 |
|
|
425
|
+
| `text` | 28,756 | 9,942 | 8,773 | 7,394 | 1,497 | 1,131 |
|
|
426
|
+
| `textarea` | 47,785 | 15,949 | 14,223 | 9,317 | 2,646 | 2,102 |
|
|
427
|
+
| `time-input` | 193,597 | 56,836 | 49,514 | 72,822 | 16,542 | 13,489 |
|
|
428
|
+
| `time-picker` | 111,928 | 33,946 | 29,942 | 46,251 | 11,610 | 9,379 |
|
|
429
|
+
| `timeline` | 38,179 | 13,325 | 11,928 | 10,945 | 2,702 | 2,212 |
|
|
430
|
+
| `toast` | 58,767 | 19,783 | 17,645 | 20,004 | 5,404 | 4,334 |
|
|
431
|
+
| `toggle` | 50,439 | 16,509 | 14,676 | 10,854 | 3,074 | 2,461 |
|
|
432
|
+
| `toolbar` | 33,726 | 12,065 | 10,722 | 7,821 | 2,144 | 1,636 |
|
|
433
|
+
| `tooltip` | 61,420 | 21,833 | 19,338 | 11,218 | 3,096 | 2,506 |
|
|
434
|
+
| `tour` | 93,708 | 30,740 | 27,246 | 29,780 | 7,465 | 5,909 |
|
|
435
|
+
| `tree` | 76,275 | 24,651 | 21,980 | 25,873 | 6,878 | 5,531 |
|
|
436
|
+
| `trend` | 31,231 | 12,049 | 10,723 | 4,980 | 1,532 | 1,194 |
|
|
437
|
+
| `video` | 162,777 | 48,191 | 42,078 | 87,167 | 20,547 | 17,129 |
|
|
438
|
+
| `video-playlist` | 143,639 | 44,279 | 38,914 | 58,705 | 14,169 | 11,710 |
|
|
439
|
+
| `virtual-list` | 65,445 | 22,137 | 19,701 | 25,281 | 7,639 | 6,180 |
|
|
440
440
|
|
|
441
441
|
## What an install adds to `node_modules`
|
|
442
442
|
|
|
@@ -449,11 +449,11 @@ stripped column shows the bytes we removed.
|
|
|
449
449
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
450
450
|
|---|---|---|---|---|
|
|
451
451
|
| `@fusion.dev/helix-core` | 2,613,946 | 571 | 754,871 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
452
|
-
| `@fusion.dev/helix-headless` | 27,
|
|
452
|
+
| `@fusion.dev/helix-headless` | 27,106,459 | 768 | 2,495,960 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
453
453
|
| `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
|
|
454
454
|
| `@fusion.dev/helix-styles` | 121,672 | 6 | 0 | none |
|
|
455
455
|
| `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
|
|
456
|
-
| `@fusion.dev/helix` | 28,
|
|
456
|
+
| `@fusion.dev/helix` | 28,607,612 | 1,021 | 564,450 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
457
457
|
|
|
458
458
|
## Not measured yet
|
|
459
459
|
|
|
@@ -4447,7 +4447,7 @@ on its own.
|
|
|
4447
4447
|
|
|
4448
4448
|
| | Raw | Gzip | Brotli |
|
|
4449
4449
|
|---|---|---|---|
|
|
4450
|
-
| Lit and \`@fusion.dev/helix-core\` | 254,802 | 82,008 | 70,
|
|
4450
|
+
| Lit and \`@fusion.dev/helix-core\` | 254,802 | 82,008 | 70,088 |
|
|
4451
4451
|
|
|
4452
4452
|
## Whole packages
|
|
4453
4453
|
|
|
@@ -4458,12 +4458,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
4458
4458
|
|
|
4459
4459
|
| Package | Raw | Gzip | Brotli | |
|
|
4460
4460
|
|---|---|---|---|---|
|
|
4461
|
-
| \`@fusion.dev/helix-core\` | 254,011 | 81,
|
|
4462
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
4461
|
+
| \`@fusion.dev/helix-core\` | 254,011 | 81,843 | 69,689 | The element base class, mixins, decorators, and floating positioning. |
|
|
4462
|
+
| \`@fusion.dev/helix-headless\` | 1,432,273 | 399,565 | 299,753 | Every headless family. The barrel entry includes all of them. |
|
|
4463
4463
|
| \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
4464
4464
|
| \`@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. |
|
|
4465
4465
|
| \`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. |
|
|
4466
|
-
| \`@fusion.dev/helix\` | 2,
|
|
4466
|
+
| \`@fusion.dev/helix\` | 2,148,824 | 554,172 | 394,986 | Every styled family. |
|
|
4467
4467
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
4468
4468
|
|
|
4469
4469
|
## Stylesheets
|
|
@@ -4484,13 +4484,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
4484
4484
|
|
|
4485
4485
|
## What the numbers say
|
|
4486
4486
|
|
|
4487
|
-
**Most of your first component is the shared runtime.** The median styled family is 18,850 bytes gzipped alone, and it adds 4,
|
|
4487
|
+
**Most of your first component is the shared runtime.** The median styled family is 18,850 bytes gzipped alone, and it adds 4,385 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 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.
|
|
4488
4488
|
|
|
4489
|
-
Across the 113 styled components, the smallest is \`code\` at 8,
|
|
4489
|
+
Across the 113 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,817. Every family together is 554,172.
|
|
4490
4490
|
|
|
4491
|
-
No family imports a barrel. The \`barrels\` rule in \`fusion x 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
|
|
4491
|
+
No family imports a barrel. The \`barrels\` rule in \`fusion x 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 399,565 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 113 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.
|
|
4492
4492
|
|
|
4493
|
-
The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 17,
|
|
4493
|
+
The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 17,663 bytes gzipped alone.
|
|
4494
4494
|
|
|
4495
4495
|
## Compared with other systems
|
|
4496
4496
|
|
|
@@ -4502,43 +4502,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
4502
4502
|
|
|
4503
4503
|
| Component | System | Raw | Gzip | Brotli |
|
|
4504
4504
|
|---|---|---|---|---|
|
|
4505
|
-
| \`button\` | **Helix** | 41,612 | 14,008 | 12,
|
|
4505
|
+
| \`button\` | **Helix** | 41,612 | 14,008 | 12,454 |
|
|
4506
4506
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
4507
4507
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
4508
4508
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
4509
4509
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
4510
|
-
| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,
|
|
4510
|
+
| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,517 |
|
|
4511
4511
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
4512
4512
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
4513
4513
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
4514
4514
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
4515
|
-
| \`dialog\` | **Helix** | 43,407 | 14,
|
|
4515
|
+
| \`dialog\` | **Helix** | 43,407 | 14,900 | 13,275 |
|
|
4516
4516
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
4517
4517
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
4518
4518
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
4519
4519
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
4520
|
-
| \`radio\` | **Helix** | 50,349 | 15,
|
|
4520
|
+
| \`radio\` | **Helix** | 50,349 | 15,974 | 14,205 |
|
|
4521
4521
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
4522
4522
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
4523
4523
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
4524
4524
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
4525
|
-
| \`switch\` | **Helix** | 43,562 | 14,
|
|
4525
|
+
| \`switch\` | **Helix** | 43,562 | 14,638 | 13,019 |
|
|
4526
4526
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
4527
4527
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
4528
4528
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
4529
4529
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
4530
|
-
| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,
|
|
4530
|
+
| \`tabs\` | **Helix** | 55,263 | 17,752 | 15,775 |
|
|
4531
4531
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
4532
4532
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
4533
4533
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
4534
4534
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
4535
|
-
| \`tooltip\` | **Helix** | 61,420 | 21,
|
|
4535
|
+
| \`tooltip\` | **Helix** | 61,420 | 21,833 | 19,338 |
|
|
4536
4536
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
4537
4537
|
| | Material Web | | not shipped | |
|
|
4538
4538
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
4539
4539
|
| | Web Awesome | 70,568 | 24,005 | 21,107 |
|
|
4540
4540
|
|
|
4541
|
-
At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,
|
|
4541
|
+
At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,314 bytes gzipped. 6 of 27 peer measurements are smaller than the Helix row.
|
|
4542
4542
|
|
|
4543
4543
|
Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
4544
4544
|
|
|
@@ -4612,112 +4612,112 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
4612
4612
|
|
|
4613
4613
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4614
4614
|
|---|---|---|---|---|---|---|
|
|
4615
|
-
| \`accordion\` | 31,879 | 11,804 | 10,469 | 5,328 | 1,
|
|
4616
|
-
| \`announcement\` | 36,692 | 13,312 | 11,
|
|
4617
|
-
| \`app-header\` | 32,289 | 11,898 | 10,
|
|
4618
|
-
| \`area-chart\` | 90,301 | 31,
|
|
4619
|
-
| \`avatar\` | 30,463 | 11,595 | 10,390 | 3,957 | 1,
|
|
4620
|
-
| \`badge\` | 27,088 | 10,568 | 9,
|
|
4621
|
-
| \`bar-chart\` | 94,416 | 32,
|
|
4622
|
-
| \`blockquote\` | 24,107 | 9,
|
|
4623
|
-
| \`breadcrumbs\` | 36,279 | 13,907 | 12,
|
|
4624
|
-
| \`button\` | 35,194 | 12,591 | 11,
|
|
4625
|
-
| \`button-group\` | 27,640 | 10,382 | 9,
|
|
4626
|
-
| \`callout\` | 35,256 | 13,593 | 12,065 | 2,884 | 964 |
|
|
4627
|
-
| \`canvas\` | 108,483 | 34,750 | 30,
|
|
4628
|
-
| \`card\` | 23,824 | 9,092 | 8,
|
|
4629
|
-
| \`carousel\` | 43,576 | 15,462 | 13,
|
|
4630
|
-
| \`chat\` | 79,390 | 26,
|
|
4631
|
-
| \`checkbox\` | 40,374 | 13,
|
|
4632
|
-
| \`checkbox-group\` | 47,602 | 15,
|
|
4633
|
-
| \`code\` | 20,301 | 8,
|
|
4634
|
-
| \`code-block\` | 102,738 | 34,
|
|
4635
|
-
| \`color-input\` | 141,792 | 45,090 | 39,
|
|
4636
|
-
| \`color-picker\` | 103,415 | 32,966 | 28,
|
|
4637
|
-
| \`combobox\` | 132,023 | 41,951 | 36,
|
|
4638
|
-
| \`command\` | 99,560 | 31,521 | 27,
|
|
4639
|
-
| \`copy-button\` | 80,548 | 27,648 | 24,
|
|
4640
|
-
| \`data-table\` | 199,900 | 61,426 | 52,
|
|
4641
|
-
| \`date-input\` | 141,223 | 44,511 | 39,
|
|
4642
|
-
| \`date-picker\` | 61,360 | 20,
|
|
4643
|
-
| \`description-list\` | 22,900 | 8,765 | 7,768 | 1,565 | 491 |
|
|
4644
|
-
| \`dialog\` | 38,294 | 13,
|
|
4645
|
-
| \`divider\` | 22,991 | 8,923 | 7,
|
|
4646
|
-
| \`donut-chart\` | 89,212 | 31,
|
|
4647
|
-
| \`drawer\` | 42,939 | 15,158 | 13,
|
|
4648
|
-
| \`drilldown\` | 42,756 | 14,941 | 13,294 | 9,708 | 2,
|
|
4649
|
-
| \`empty\` | 24,241 | 9,287 | 8,
|
|
4650
|
-
| \`file-input\` | 57,757 | 20,018 | 17,
|
|
4651
|
-
| \`filter-input\` | 97,846 | 32,818 | 29,
|
|
4652
|
-
| \`format-date\` | 30,158 | 11,290 | 10,084 | 4,431 | 1,
|
|
4653
|
-
| \`graph\` | 75,588 | 24,761 | 21,
|
|
4654
|
-
| \`heatmap\` | 98,128 | 33,
|
|
4655
|
-
| \`icon\` | 82,157 | 28,
|
|
4656
|
-
| \`icon-button\` | 35,305 | 12,620 | 11,
|
|
4657
|
-
| \`image\` | 25,504 | 9,479 | 8,406 | 3,822 | 1,
|
|
4658
|
-
| \`input\` | 46,361 | 15,975 | 14,079 | 7,351 | 2,
|
|
4659
|
-
| \`kbd\` | 27,511 | 10,569 | 9,
|
|
4660
|
-
| \`legend\` | 35,184 | 12,934 | 11,
|
|
4661
|
-
| \`lightbox\` | 55,724 | 18,816 | 16,
|
|
4662
|
-
| \`line-chart\` | 91,335 | 31,
|
|
4663
|
-
| \`list\` | 61,803 | 21,
|
|
4664
|
-
| \`listbox\` | 76,711 | 25,427 | 22,460 | 15,562 | 4,
|
|
4665
|
-
| \`loader\` | 26,379 | 10,040 | 8,
|
|
4666
|
-
| \`log\` |
|
|
4667
|
-
| \`map\` | 79,178 | 24,571 | 21,
|
|
4668
|
-
| \`megamenu\` | 60,089 | 21,721 | 19,
|
|
4669
|
-
| \`menu\` | 97,473 | 32,552 | 28,
|
|
4670
|
-
| \`meter\` | 31,721 | 12,025 | 10,727 | 4,893 | 1,
|
|
4671
|
-
| \`motion-toggle\` | 25,678 | 9,986 | 8,876 | 1,426 | 509 |
|
|
4672
|
-
| \`navigation\` | 33,088 | 12,436 | 11,
|
|
4673
|
-
| \`notifications\` | 58,346 | 19,880 | 17,
|
|
4674
|
-
| \`number-input\` | 56,271 | 18,841 | 16,
|
|
4675
|
-
| \`object-inspector\` | 113,929 | 38,373 | 33,
|
|
4676
|
-
| \`option\` | 26,477 | 9,763 | 8,
|
|
4677
|
-
| \`outline\` | 33,612 | 12,597 | 11,
|
|
4678
|
-
| \`pagination\` | 136,258 | 43,650 | 37,
|
|
4679
|
-
| \`pin-input\` | 47,068 | 16,414 | 14,
|
|
4680
|
-
| \`popover\` | 63,853 | 22,981 | 20,
|
|
4681
|
-
| \`progress\` | 28,084 | 10,727 | 9,
|
|
4682
|
-
| \`qr-code\` | 42,719 | 16,647 | 14,
|
|
4683
|
-
| \`quote\` | 22,516 | 8,
|
|
4684
|
-
| \`radio\` | 42,561 | 14,464 | 12,
|
|
4685
|
-
| \`rating\` | 50,257 | 17,292 | 15,
|
|
4686
|
-
| \`scatter-chart\` | 91,226 | 31,675 | 27,
|
|
4687
|
-
| \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,573 |
|
|
4688
|
-
| \`select\` | 115,289 | 38,
|
|
4689
|
-
| \`skeleton\` | 22,328 | 8,643 | 7,683 | 991 |
|
|
4690
|
-
| \`skip-link\` | 23,871 | 9,337 | 8,264 | 1,224 |
|
|
4691
|
-
| \`slider\` | 52,873 | 17,
|
|
4692
|
-
| \`sparkline\` | 47,984 | 17,499 | 15,650 | 5,979 | 2,127 | 1,
|
|
4693
|
-
| \`spatial-bar-chart\` | 101,617 | 35,955 | 31,
|
|
4694
|
-
| \`spatial-heatmap\` | 113,473 | 38,795 | 34,
|
|
4695
|
-
| \`spatial-ribbon-chart\` | 100,738 | 35,554 | 31,
|
|
4696
|
-
| \`spatial-scatter-chart\` | 98,971 | 34,841 | 30,
|
|
4697
|
-
| \`spatial-surface-chart\` | 101,895 | 36,
|
|
4698
|
-
| \`spatial-treemap\` | 103,011 | 36,754 | 32,
|
|
4699
|
-
| \`speed-dial\` | 68,751 | 24,717 | 21,
|
|
4700
|
-
| \`splitter\` | 43,751 | 15,
|
|
4701
|
-
| \`stat\` | 25,255 | 9,674 | 8,602 | 2,302 |
|
|
4702
|
-
| \`steps\` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 |
|
|
4703
|
-
| \`switch\` | 39,233 | 13,
|
|
4704
|
-
| \`table\` | 118,358 | 37,061 | 32,
|
|
4705
|
-
| \`tabs\` | 46,310 | 15,908 | 14,
|
|
4706
|
-
| \`tag\` | 42,676 | 15,621 | 13,
|
|
4707
|
-
| \`textarea\` | 43,852 | 14,940 | 13,329 | 5,401 | 1,
|
|
4708
|
-
| \`time-input\` | 169,269 | 52,
|
|
4709
|
-
| \`time-picker\` | 99,603 | 31,517 | 27,749 | 33,932 | 9,177 | 7,
|
|
4710
|
-
| \`timeline\` | 31,286 | 11,863 | 10,
|
|
4711
|
-
| \`toast\` | 50,871 | 17,940 | 15,
|
|
4712
|
-
| \`toggle\` | 45,577 | 15,269 | 13,
|
|
4713
|
-
| \`toolbar\` | 31,047 | 11,572 | 10,293 | 5,157 | 1,639 | 1,
|
|
4714
|
-
| \`tooltip\` | 58,616 | 21,089 | 18,
|
|
4715
|
-
| \`tour\` | 83,717 | 28,762 | 25,
|
|
4716
|
-
| \`tree\` | 67,586 | 22,717 | 20,
|
|
4717
|
-
| \`trend\` | 29,717 | 11,568 | 10,
|
|
4718
|
-
| \`video\` | 142,270 | 44,
|
|
4719
|
-
| \`video-playlist\` | 127,686 | 41,301 | 36,
|
|
4720
|
-
| \`virtual-list\` | 63,451 | 21,631 | 19,228 | 23,304 | 7,149 | 5,
|
|
4615
|
+
| \`accordion\` | 31,879 | 11,804 | 10,469 | 5,328 | 1,580 | 1,222 |
|
|
4616
|
+
| \`announcement\` | 36,692 | 13,312 | 11,880 | 4,681 | 1,368 | 1,122 |
|
|
4617
|
+
| \`app-header\` | 32,289 | 11,898 | 10,565 | 5,870 | 1,747 | 1,301 |
|
|
4618
|
+
| \`area-chart\` | 90,301 | 31,726 | 28,043 | 14,057 | 4,342 | 3,431 |
|
|
4619
|
+
| \`avatar\` | 30,463 | 11,595 | 10,390 | 3,957 | 1,213 | 981 |
|
|
4620
|
+
| \`badge\` | 27,088 | 10,568 | 9,409 | 2,942 | 889 | 870 |
|
|
4621
|
+
| \`bar-chart\` | 94,416 | 32,820 | 29,074 | 18,022 | 5,410 | 4,381 |
|
|
4622
|
+
| \`blockquote\` | 24,107 | 9,420 | 8,335 | 2,401 | 877 | 656 |
|
|
4623
|
+
| \`breadcrumbs\` | 36,279 | 13,907 | 12,433 | 7,357 | 2,410 | 1,963 |
|
|
4624
|
+
| \`button\` | 35,194 | 12,591 | 11,204 | 4,922 | 1,424 | 1,159 |
|
|
4625
|
+
| \`button-group\` | 27,640 | 10,382 | 9,204 | 4,926 | 1,515 | 1,087 |
|
|
4626
|
+
| \`callout\` | 35,256 | 13,593 | 12,065 | 2,884 | 964 | 658 |
|
|
4627
|
+
| \`canvas\` | 108,483 | 34,750 | 30,412 | 68,924 | 20,931 | 17,568 |
|
|
4628
|
+
| \`card\` | 23,824 | 9,092 | 8,056 | 2,090 | 626 | 491 |
|
|
4629
|
+
| \`carousel\` | 43,576 | 15,462 | 13,831 | 15,235 | 4,220 | 3,191 |
|
|
4630
|
+
| \`chat\` | 79,390 | 26,445 | 23,452 | 27,455 | 8,022 | 6,326 |
|
|
4631
|
+
| \`checkbox\` | 40,374 | 13,681 | 12,222 | 3,107 | 960 | 606 |
|
|
4632
|
+
| \`checkbox-group\` | 47,602 | 15,601 | 13,897 | 8,324 | 2,348 | 1,764 |
|
|
4633
|
+
| \`code\` | 20,301 | 8,014 | 7,101 | 138 | 66 | 81 |
|
|
4634
|
+
| \`code-block\` | 102,738 | 34,889 | 30,794 | 36,843 | 10,711 | 8,665 |
|
|
4635
|
+
| \`color-input\` | 141,792 | 45,090 | 39,361 | 55,133 | 14,292 | 11,619 |
|
|
4636
|
+
| \`color-picker\` | 103,415 | 32,966 | 28,898 | 47,251 | 12,669 | 10,288 |
|
|
4637
|
+
| \`combobox\` | 132,023 | 41,951 | 36,938 | 35,789 | 9,084 | 7,075 |
|
|
4638
|
+
| \`command\` | 99,560 | 31,521 | 27,724 | 30,059 | 8,103 | 6,386 |
|
|
4639
|
+
| \`copy-button\` | 80,548 | 27,648 | 24,475 | 18,340 | 4,939 | 3,866 |
|
|
4640
|
+
| \`data-table\` | 199,900 | 61,426 | 52,494 | 89,488 | 23,798 | 18,983 |
|
|
4641
|
+
| \`date-input\` | 141,223 | 44,511 | 39,151 | 38,227 | 9,423 | 7,493 |
|
|
4642
|
+
| \`date-picker\` | 61,360 | 20,936 | 18,751 | 20,345 | 5,600 | 4,348 |
|
|
4643
|
+
| \`description-list\` | 22,900 | 8,765 | 7,768 | 1,565 | 491 | 254 |
|
|
4644
|
+
| \`dialog\` | 38,294 | 13,634 | 12,173 | 5,837 | 1,715 | 1,345 |
|
|
4645
|
+
| \`divider\` | 22,991 | 8,923 | 7,879 | 1,415 | 503 | 309 |
|
|
4646
|
+
| \`donut-chart\` | 89,212 | 31,128 | 27,540 | 14,639 | 4,496 | 3,579 |
|
|
4647
|
+
| \`drawer\` | 42,939 | 15,158 | 13,508 | 7,697 | 2,296 | 1,707 |
|
|
4648
|
+
| \`drilldown\` | 42,756 | 14,941 | 13,294 | 9,708 | 2,702 | 2,018 |
|
|
4649
|
+
| \`empty\` | 24,241 | 9,287 | 8,242 | 1,951 | 639 | 519 |
|
|
4650
|
+
| \`file-input\` | 57,757 | 20,018 | 17,784 | 13,093 | 4,122 | 3,343 |
|
|
4651
|
+
| \`filter-input\` | 97,846 | 32,818 | 29,134 | 21,628 | 6,186 | 4,930 |
|
|
4652
|
+
| \`format-date\` | 30,158 | 11,290 | 10,084 | 4,431 | 1,265 | 943 |
|
|
4653
|
+
| \`graph\` | 75,588 | 24,761 | 21,918 | 23,095 | 6,734 | 5,436 |
|
|
4654
|
+
| \`heatmap\` | 98,128 | 33,502 | 29,557 | 18,941 | 5,574 | 4,395 |
|
|
4655
|
+
| \`icon\` | 82,157 | 28,050 | 24,059 | 58,303 | 19,610 | 16,002 |
|
|
4656
|
+
| \`icon-button\` | 35,305 | 12,620 | 11,228 | 5,031 | 1,446 | 1,059 |
|
|
4657
|
+
| \`image\` | 25,504 | 9,479 | 8,406 | 3,822 | 1,132 | 856 |
|
|
4658
|
+
| \`input\` | 46,361 | 15,975 | 14,079 | 7,351 | 2,387 | 1,667 |
|
|
4659
|
+
| \`kbd\` | 27,511 | 10,569 | 9,339 | 3,516 | 1,111 | 774 |
|
|
4660
|
+
| \`legend\` | 35,184 | 12,934 | 11,532 | 2,956 | 978 | 753 |
|
|
4661
|
+
| \`lightbox\` | 55,724 | 18,816 | 16,715 | 16,728 | 4,631 | 3,442 |
|
|
4662
|
+
| \`line-chart\` | 91,335 | 31,879 | 28,259 | 14,760 | 4,398 | 3,531 |
|
|
4663
|
+
| \`list\` | 61,803 | 21,291 | 18,983 | 15,241 | 4,414 | 3,385 |
|
|
4664
|
+
| \`listbox\` | 76,711 | 25,427 | 22,460 | 15,562 | 4,563 | 3,349 |
|
|
4665
|
+
| \`loader\` | 26,379 | 10,040 | 8,930 | 2,774 | 913 | 739 |
|
|
4666
|
+
| \`log\` | 79,582 | 27,282 | 24,176 | 37,242 | 11,641 | 9,792 |
|
|
4667
|
+
| \`map\` | 79,178 | 24,571 | 21,479 | 37,042 | 10,074 | 8,034 |
|
|
4668
|
+
| \`megamenu\` | 60,089 | 21,721 | 19,240 | 8,657 | 2,397 | 1,726 |
|
|
4669
|
+
| \`menu\` | 97,473 | 32,552 | 28,743 | 30,180 | 7,919 | 6,411 |
|
|
4670
|
+
| \`meter\` | 31,721 | 12,025 | 10,727 | 4,893 | 1,409 | 1,234 |
|
|
4671
|
+
| \`motion-toggle\` | 25,678 | 9,986 | 8,876 | 1,426 | 509 | 346 |
|
|
4672
|
+
| \`navigation\` | 33,088 | 12,436 | 11,036 | 3,365 | 1,157 | 938 |
|
|
4673
|
+
| \`notifications\` | 58,346 | 19,880 | 17,730 | 18,207 | 5,058 | 3,992 |
|
|
4674
|
+
| \`number-input\` | 56,271 | 18,841 | 16,822 | 13,522 | 3,584 | 2,620 |
|
|
4675
|
+
| \`object-inspector\` | 113,929 | 38,373 | 33,694 | 35,491 | 10,255 | 8,142 |
|
|
4676
|
+
| \`option\` | 26,477 | 9,763 | 8,667 | 4,523 | 1,184 | 970 |
|
|
4677
|
+
| \`outline\` | 33,612 | 12,597 | 11,180 | 7,856 | 2,558 | 2,007 |
|
|
4678
|
+
| \`pagination\` | 136,258 | 43,650 | 37,920 | 45,379 | 11,839 | 9,332 |
|
|
4679
|
+
| \`pin-input\` | 47,068 | 16,414 | 14,643 | 6,735 | 2,224 | 1,610 |
|
|
4680
|
+
| \`popover\` | 63,853 | 22,981 | 20,310 | 6,373 | 1,853 | 1,413 |
|
|
4681
|
+
| \`progress\` | 28,084 | 10,727 | 9,550 | 2,969 | 909 | 716 |
|
|
4682
|
+
| \`qr-code\` | 42,719 | 16,647 | 14,828 | 17,001 | 6,288 | 5,249 |
|
|
4683
|
+
| \`quote\` | 22,516 | 8,884 | 7,829 | 1,210 | 510 | 391 |
|
|
4684
|
+
| \`radio\` | 42,561 | 14,464 | 12,890 | 3,817 | 1,200 | 901 |
|
|
4685
|
+
| \`rating\` | 50,257 | 17,292 | 15,458 | 8,027 | 2,434 | 1,793 |
|
|
4686
|
+
| \`scatter-chart\` | 91,226 | 31,675 | 27,942 | 16,123 | 4,843 | 3,845 |
|
|
4687
|
+
| \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,573 | 2,110 |
|
|
4688
|
+
| \`select\` | 115,289 | 38,175 | 33,425 | 26,031 | 7,119 | 5,564 |
|
|
4689
|
+
| \`skeleton\` | 22,328 | 8,643 | 7,683 | 991 | 396 | 248 |
|
|
4690
|
+
| \`skip-link\` | 23,871 | 9,337 | 8,264 | 1,224 | 474 | 383 |
|
|
4691
|
+
| \`slider\` | 52,873 | 17,827 | 15,953 | 13,158 | 3,777 | 2,885 |
|
|
4692
|
+
| \`sparkline\` | 47,984 | 17,499 | 15,650 | 5,979 | 2,127 | 1,654 |
|
|
4693
|
+
| \`spatial-bar-chart\` | 101,617 | 35,955 | 31,646 | 19,779 | 6,524 | 5,171 |
|
|
4694
|
+
| \`spatial-heatmap\` | 113,473 | 38,795 | 34,115 | 31,592 | 9,582 | 7,823 |
|
|
4695
|
+
| \`spatial-ribbon-chart\` | 100,738 | 35,554 | 31,344 | 20,718 | 6,906 | 5,731 |
|
|
4696
|
+
| \`spatial-scatter-chart\` | 98,971 | 34,841 | 30,725 | 19,012 | 6,269 | 5,041 |
|
|
4697
|
+
| \`spatial-surface-chart\` | 101,895 | 36,125 | 31,844 | 21,876 | 7,441 | 6,041 |
|
|
4698
|
+
| \`spatial-treemap\` | 103,011 | 36,754 | 32,305 | 21,297 | 7,375 | 5,896 |
|
|
4699
|
+
| \`speed-dial\` | 68,751 | 24,717 | 21,853 | 10,914 | 2,968 | 2,218 |
|
|
4700
|
+
| \`splitter\` | 43,751 | 15,169 | 13,541 | 14,396 | 3,840 | 2,970 |
|
|
4701
|
+
| \`stat\` | 25,255 | 9,674 | 8,602 | 2,302 | 753 | 500 |
|
|
4702
|
+
| \`steps\` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 | 3,039 |
|
|
4703
|
+
| \`switch\` | 39,233 | 13,495 | 12,053 | 1,679 | 600 | 384 |
|
|
4704
|
+
| \`table\` | 118,358 | 37,061 | 32,233 | 45,146 | 12,425 | 9,937 |
|
|
4705
|
+
| \`tabs\` | 46,310 | 15,908 | 14,138 | 10,491 | 2,875 | 2,172 |
|
|
4706
|
+
| \`tag\` | 42,676 | 15,621 | 13,970 | 8,453 | 2,544 | 1,920 |
|
|
4707
|
+
| \`textarea\` | 43,852 | 14,940 | 13,329 | 5,401 | 1,602 | 1,210 |
|
|
4708
|
+
| \`time-input\` | 169,269 | 52,675 | 45,845 | 48,509 | 12,418 | 9,889 |
|
|
4709
|
+
| \`time-picker\` | 99,603 | 31,517 | 27,749 | 33,932 | 9,177 | 7,162 |
|
|
4710
|
+
| \`timeline\` | 31,286 | 11,863 | 10,604 | 4,060 | 1,184 | 951 |
|
|
4711
|
+
| \`toast\` | 50,871 | 17,940 | 15,995 | 12,122 | 3,516 | 2,778 |
|
|
4712
|
+
| \`toggle\` | 45,577 | 15,269 | 13,570 | 6,007 | 1,805 | 1,427 |
|
|
4713
|
+
| \`toolbar\` | 31,047 | 11,572 | 10,293 | 5,157 | 1,639 | 1,167 |
|
|
4714
|
+
| \`tooltip\` | 58,616 | 21,089 | 18,735 | 8,432 | 2,348 | 1,810 |
|
|
4715
|
+
| \`tour\` | 83,717 | 28,762 | 25,369 | 19,811 | 5,427 | 4,330 |
|
|
4716
|
+
| \`tree\` | 67,586 | 22,717 | 20,287 | 17,197 | 4,927 | 3,781 |
|
|
4717
|
+
| \`trend\` | 29,717 | 11,568 | 10,334 | 3,485 | 1,070 | 948 |
|
|
4718
|
+
| \`video\` | 142,270 | 44,462 | 38,750 | 66,678 | 16,801 | 13,825 |
|
|
4719
|
+
| \`video-playlist\` | 127,686 | 41,301 | 36,353 | 42,775 | 11,169 | 9,184 |
|
|
4720
|
+
| \`virtual-list\` | 63,451 | 21,631 | 19,228 | 23,304 | 7,149 | 5,802 |
|
|
4721
4721
|
|
|
4722
4722
|
### Styled tier
|
|
4723
4723
|
|
|
@@ -4725,119 +4725,119 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
4725
4725
|
|
|
4726
4726
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4727
4727
|
|---|---|---|---|---|---|---|
|
|
4728
|
-
| \`accordion\` | 35,311 | 12,653 | 11,234 | 8,743 | 2,444 | 1,
|
|
4729
|
-
| \`announcement\` | 41,307 | 14,364 | 12,
|
|
4730
|
-
| \`app-header\` | 37,449 | 13,102 | 11,
|
|
4731
|
-
| \`area-chart\` | 98,393 | 33,
|
|
4732
|
-
| \`aura\` | 58,599 | 19,870 | 17,
|
|
4733
|
-
| \`avatar\` | 33,464 | 12,351 | 11,
|
|
4734
|
-
| \`badge\` | 32,595 | 11,820 | 10,543 | 8,436 | 2,150 | 1,
|
|
4735
|
-
| \`bar-chart\` | 108,944 | 35,725 | 31,
|
|
4736
|
-
| \`blockquote\` | 26,332 | 9,968 | 8,809 | 4,611 | 1,
|
|
4737
|
-
| \`breadcrumbs\` | 43,220 | 15,115 | 13,
|
|
4738
|
-
| \`button\` | 41,612 | 14,008 | 12,
|
|
4739
|
-
| \`button-group\` | 31,138 | 11,066 | 9,811 | 8,407 | 2,
|
|
4740
|
-
| \`callout\` | 39,049 | 14,536 | 12,915 | 6,659 | 1,
|
|
4741
|
-
| \`canvas\` | 129,523 | 38,715 | 33,
|
|
4742
|
-
| \`card\` | 27,725 | 10,099 | 8,
|
|
4743
|
-
| \`carousel\` | 54,063 | 17,260 | 15,
|
|
4744
|
-
| \`chat\` | 94,674 | 29,166 | 25,
|
|
4745
|
-
| \`checkbox\` | 46,865 | 15,190 | 13,
|
|
4746
|
-
| \`checkbox-group\` | 54,826 | 17,244 | 15,
|
|
4747
|
-
| \`code\` | 21,154 | 8,
|
|
4748
|
-
| \`code-block\` | 127,213 | 38,714 | 34,
|
|
4749
|
-
| \`color-input\` | 184,176 | 51,
|
|
4750
|
-
| \`color-picker\` | 140,348 | 38,509 | 33,
|
|
4751
|
-
| \`combobox\` | 147,503 | 44,927 | 39,
|
|
4752
|
-
| \`command\` | 110,838 | 33,878 | 29,
|
|
4753
|
-
| \`copy-button\` | 92,577 | 29,825 | 26,
|
|
4754
|
-
| \`data-table\` | 230,715 | 66,
|
|
4755
|
-
| \`date-input\` | 162,349 | 48,215 | 42,
|
|
4756
|
-
| \`date-picker\` | 69,281 | 22,
|
|
4757
|
-
| \`description-list\` | 25,855 | 9,517 | 8,
|
|
4758
|
-
| \`dialog\` | 43,407 | 14,
|
|
4759
|
-
| \`divider\` | 25,291 | 9,
|
|
4760
|
-
| \`donut-chart\` | 99,170 | 33,262 | 29,
|
|
4761
|
-
| \`drawer\` | 48,772 | 16,542 | 14,
|
|
4762
|
-
| \`drilldown\` | 48,438 | 16,
|
|
4763
|
-
| \`empty\` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 |
|
|
4764
|
-
| \`file-input\` | 69,285 | 22,419 | 19,
|
|
4765
|
-
| \`filter-input\` | 108,688 | 34,990 | 31,
|
|
4766
|
-
| \`flex\` | 25,740 | 9,
|
|
4767
|
-
| \`format-date\` | 30,414 | 11,403 | 10,
|
|
4768
|
-
| \`graph\` | 91,503 | 27,441 | 24,
|
|
4769
|
-
| \`grid\` | 27,002 | 9,845 | 8,
|
|
4770
|
-
| \`heatmap\` | 106,453 | 35,
|
|
4771
|
-
| \`icon\` | 83,995 | 28,567 | 24,
|
|
4772
|
-
| \`icon-button\` | 43,040 | 13,980 | 12,
|
|
4773
|
-
| \`image\` | 26,892 | 9,
|
|
4774
|
-
| \`input\` | 50,619 | 17,064 | 15,
|
|
4775
|
-
| \`kbd\` | 29,504 | 11,
|
|
4776
|
-
| \`legend\` | 40,423 | 14,213 | 12,
|
|
4777
|
-
| \`lightbox\` | 62,016 | 20,155 | 17,
|
|
4778
|
-
| \`line-chart\` | 102,454 | 34,256 | 30,
|
|
4779
|
-
| \`list\` | 68,150 | 22,
|
|
4780
|
-
| \`listbox\` | 81,154 | 26,541 | 23,
|
|
4781
|
-
| \`loader\` | 29,263 | 10,815 | 9,
|
|
4782
|
-
| \`log\` |
|
|
4783
|
-
| \`map\` | 112,126 | 29,780 | 26,
|
|
4784
|
-
| \`megamenu\` | 65,058 | 22,
|
|
4785
|
-
| \`menu\` | 108,403 | 34,710 | 30,
|
|
4786
|
-
| \`meter\` | 37,896 | 13,376 | 11,
|
|
4787
|
-
| \`motion-toggle\` | 27,312 | 10,459 | 9,304 | 3,044 | 972 |
|
|
4788
|
-
| \`navigation\` | 36,814 | 13,
|
|
4789
|
-
| \`notifications\` | 71,839 | 22,457 | 20,075 | 31,690 | 7,
|
|
4790
|
-
| \`number-input\` | 61,253 | 20,025 | 17,
|
|
4791
|
-
| \`object-inspector\` | 130,338 | 41,205 | 36,
|
|
4792
|
-
| \`option\` | 29,672 | 10,
|
|
4793
|
-
| \`orb\` | 36,209 | 13,750 | 12,
|
|
4794
|
-
| \`outline\` | 37,846 | 13,457 | 11,937 | 12,073 | 3,
|
|
4795
|
-
| \`pagination\` | 153,264 | 46,929 | 40,
|
|
4796
|
-
| \`pin-input\` | 50,409 | 17,316 | 15,
|
|
4797
|
-
| \`popover\` | 67,005 | 23,748 |
|
|
4798
|
-
| \`progress\` | 35,232 | 12,380 | 11,065 | 10,100 | 2,587 | 2,
|
|
4799
|
-
| \`qr-code\` | 44,321 | 17,121 | 15,243 | 18,585 | 6,
|
|
4800
|
-
| \`quote\` | 23,074 | 9,078 | 7,
|
|
4801
|
-
| \`radio\` | 50,349 | 15,
|
|
4802
|
-
| \`rating\` | 54,190 | 18,518 | 16,
|
|
4803
|
-
| \`sandbox\` | 106,479 | 32,
|
|
4804
|
-
| \`scatter-chart\` | 100,317 | 33,784 | 29,
|
|
4805
|
-
| \`scroll-area\` | 35,437 | 12,026 | 10,680 | 13,489 | 3,
|
|
4806
|
-
| \`select\` | 124,418 | 40,
|
|
4807
|
-
| \`skeleton\` | 26,090 | 9,663 | 8,592 | 4,738 | 1,387 | 1,
|
|
4808
|
-
| \`skip-link\` | 25,441 | 9,851 | 8,
|
|
4809
|
-
| \`slider\` | 67,842 | 20,
|
|
4810
|
-
| \`sparkline\` | 53,442 | 18,850 | 16,823 | 11,419 | 3,468 | 2,
|
|
4811
|
-
| \`spatial-bar-chart\` | 110,587 | 37,973 | 33,
|
|
4812
|
-
| \`spatial-heatmap\` | 123,212 | 40,986 | 36,
|
|
4813
|
-
| \`spatial-ribbon-chart\` | 109,556 | 37,551 | 33,
|
|
4814
|
-
| \`spatial-scatter-chart\` | 107,852 | 36,785 | 32,
|
|
4815
|
-
| \`spatial-surface-chart\` | 110,231 | 38,001 | 33,
|
|
4816
|
-
| \`spatial-treemap\` | 111,937 | 38,783 | 34,
|
|
4817
|
-
| \`speed-dial\` | 75,797 | 26,
|
|
4818
|
-
| \`splitter\` | 49,804 | 16,207 | 14,
|
|
4819
|
-
| \`stat\` | 28,117 | 10,371 | 9,278 | 5,156 | 1,447 | 1,
|
|
4820
|
-
| \`steps\` | 67,449 | 21,377 | 19,021 | 27,416 | 6,615 | 5,
|
|
4821
|
-
| \`strands\` | 62,788 | 23,354 | 20,
|
|
4822
|
-
| \`switch\` | 43,562 | 14,
|
|
4823
|
-
| \`table\` | 135,900 | 40,155 | 34,
|
|
4824
|
-
| \`tabs\` | 55,263 | 17,752 | 15,
|
|
4825
|
-
| \`tag\` | 47,247 | 16,757 | 14,
|
|
4826
|
-
| \`text\` | 28,756 | 9,942 | 8,773 | 7,394 | 1,497 | 1,
|
|
4827
|
-
| \`textarea\` | 47,785 | 15,949 | 14,
|
|
4828
|
-
| \`time-input\` | 193,597 | 56,836 | 49,
|
|
4829
|
-
| \`time-picker\` | 111,928 | 33,946 | 29,
|
|
4830
|
-
| \`timeline\` | 38,179 | 13,
|
|
4831
|
-
| \`toast\` | 58,767 | 19,783 | 17,645 | 20,004 | 5,
|
|
4832
|
-
| \`toggle\` | 50,439 | 16,509 | 14,
|
|
4833
|
-
| \`toolbar\` | 33,726 | 12,065 | 10,
|
|
4834
|
-
| \`tooltip\` | 61,420 | 21,
|
|
4835
|
-
| \`tour\` | 93,708 | 30,
|
|
4836
|
-
| \`tree\` | 76,275 | 24,651 | 21,980 | 25,873 | 6,878 | 5,
|
|
4837
|
-
| \`trend\` | 31,231 | 12,049 | 10,723 | 4,980 | 1,
|
|
4838
|
-
| \`video\` | 162,777 | 48,
|
|
4839
|
-
| \`video-playlist\` | 143,639 | 44,279 | 38,
|
|
4840
|
-
| \`virtual-list\` | 65,445 | 22,
|
|
4728
|
+
| \`accordion\` | 35,311 | 12,653 | 11,234 | 8,743 | 2,444 | 1,948 |
|
|
4729
|
+
| \`announcement\` | 41,307 | 14,364 | 12,794 | 9,277 | 2,478 | 1,982 |
|
|
4730
|
+
| \`app-header\` | 37,449 | 13,102 | 11,648 | 11,015 | 2,965 | 2,322 |
|
|
4731
|
+
| \`area-chart\` | 98,393 | 33,575 | 29,690 | 22,128 | 6,245 | 5,055 |
|
|
4732
|
+
| \`aura\` | 58,599 | 19,870 | 17,602 | 31,639 | 9,617 | 8,107 |
|
|
4733
|
+
| \`avatar\` | 33,464 | 12,351 | 11,051 | 6,945 | 1,964 | 1,643 |
|
|
4734
|
+
| \`badge\` | 32,595 | 11,820 | 10,543 | 8,436 | 2,150 | 1,715 |
|
|
4735
|
+
| \`bar-chart\` | 108,944 | 35,725 | 31,583 | 32,531 | 8,343 | 6,873 |
|
|
4736
|
+
| \`blockquote\` | 26,332 | 9,968 | 8,809 | 4,611 | 1,416 | 1,191 |
|
|
4737
|
+
| \`breadcrumbs\` | 43,220 | 15,115 | 13,504 | 14,282 | 3,648 | 3,016 |
|
|
4738
|
+
| \`button\` | 41,612 | 14,008 | 12,454 | 11,321 | 2,870 | 2,284 |
|
|
4739
|
+
| \`button-group\` | 31,138 | 11,066 | 9,811 | 8,407 | 2,205 | 1,727 |
|
|
4740
|
+
| \`callout\` | 39,049 | 14,536 | 12,915 | 6,659 | 1,915 | 1,542 |
|
|
4741
|
+
| \`canvas\` | 129,523 | 38,715 | 33,832 | 89,608 | 24,826 | 20,814 |
|
|
4742
|
+
| \`card\` | 27,725 | 10,099 | 8,962 | 5,976 | 1,633 | 1,334 |
|
|
4743
|
+
| \`carousel\` | 54,063 | 17,260 | 15,433 | 25,704 | 6,036 | 4,946 |
|
|
4744
|
+
| \`chat\` | 94,674 | 29,166 | 25,857 | 42,730 | 10,803 | 8,812 |
|
|
4745
|
+
| \`checkbox\` | 46,865 | 15,190 | 13,517 | 9,580 | 2,483 | 1,896 |
|
|
4746
|
+
| \`checkbox-group\` | 54,826 | 17,244 | 15,384 | 15,537 | 3,997 | 2,964 |
|
|
4747
|
+
| \`code\` | 21,154 | 8,333 | 7,402 | 976 | 381 | 294 |
|
|
4748
|
+
| \`code-block\` | 127,213 | 38,714 | 34,156 | 61,298 | 14,674 | 12,097 |
|
|
4749
|
+
| \`color-input\` | 184,176 | 51,348 | 44,889 | 97,504 | 20,448 | 17,074 |
|
|
4750
|
+
| \`color-picker\` | 140,348 | 38,509 | 33,776 | 84,175 | 18,133 | 15,175 |
|
|
4751
|
+
| \`combobox\` | 147,503 | 44,927 | 39,490 | 51,252 | 12,065 | 9,680 |
|
|
4752
|
+
| \`command\` | 110,838 | 33,878 | 29,859 | 41,331 | 10,480 | 8,546 |
|
|
4753
|
+
| \`copy-button\` | 92,577 | 29,825 | 26,391 | 30,351 | 7,146 | 5,778 |
|
|
4754
|
+
| \`data-table\` | 230,715 | 66,817 | 57,256 | 120,287 | 29,325 | 23,747 |
|
|
4755
|
+
| \`date-input\` | 162,349 | 48,215 | 42,400 | 59,338 | 13,171 | 10,733 |
|
|
4756
|
+
| \`date-picker\` | 69,281 | 22,363 | 19,995 | 28,248 | 7,039 | 5,694 |
|
|
4757
|
+
| \`description-list\` | 25,855 | 9,517 | 8,465 | 4,508 | 1,254 | 999 |
|
|
4758
|
+
| \`dialog\` | 43,407 | 14,900 | 13,275 | 10,933 | 3,021 | 2,422 |
|
|
4759
|
+
| \`divider\` | 25,291 | 9,546 | 8,433 | 3,698 | 1,124 | 943 |
|
|
4760
|
+
| \`donut-chart\` | 99,170 | 33,262 | 29,411 | 24,574 | 6,693 | 5,447 |
|
|
4761
|
+
| \`drawer\` | 48,772 | 16,542 | 14,760 | 13,511 | 3,736 | 2,930 |
|
|
4762
|
+
| \`drilldown\` | 48,438 | 16,236 | 14,468 | 15,376 | 4,007 | 3,149 |
|
|
4763
|
+
| \`empty\` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 | 865 |
|
|
4764
|
+
| \`file-input\` | 69,285 | 22,419 | 19,922 | 24,610 | 6,500 | 5,406 |
|
|
4765
|
+
| \`filter-input\` | 108,688 | 34,990 | 31,038 | 32,463 | 8,378 | 6,786 |
|
|
4766
|
+
| \`flex\` | 25,740 | 9,194 | 8,150 | 4,762 | 1,032 | 902 |
|
|
4767
|
+
| \`format-date\` | 30,414 | 11,403 | 10,198 | 4,669 | 1,383 | 1,063 |
|
|
4768
|
+
| \`graph\` | 91,503 | 27,441 | 24,188 | 38,992 | 9,539 | 7,724 |
|
|
4769
|
+
| \`grid\` | 27,002 | 9,845 | 8,729 | 5,637 | 1,435 | 1,286 |
|
|
4770
|
+
| \`heatmap\` | 106,453 | 35,370 | 31,189 | 27,245 | 7,425 | 6,115 |
|
|
4771
|
+
| \`icon\` | 83,995 | 28,567 | 24,447 | 60,128 | 20,162 | 16,412 |
|
|
4772
|
+
| \`icon-button\` | 43,040 | 13,980 | 12,441 | 12,750 | 2,859 | 2,279 |
|
|
4773
|
+
| \`image\` | 26,892 | 9,945 | 8,816 | 5,192 | 1,598 | 1,301 |
|
|
4774
|
+
| \`input\` | 50,619 | 17,064 | 15,058 | 11,592 | 3,501 | 2,618 |
|
|
4775
|
+
| \`kbd\` | 29,504 | 11,109 | 9,828 | 5,494 | 1,668 | 1,303 |
|
|
4776
|
+
| \`legend\` | 40,423 | 14,213 | 12,591 | 8,066 | 2,255 | 1,739 |
|
|
4777
|
+
| \`lightbox\` | 62,016 | 20,155 | 17,915 | 23,004 | 5,960 | 4,729 |
|
|
4778
|
+
| \`line-chart\` | 102,454 | 34,256 | 30,385 | 25,861 | 6,815 | 5,513 |
|
|
4779
|
+
| \`list\` | 68,150 | 22,814 | 20,368 | 21,568 | 5,926 | 4,646 |
|
|
4780
|
+
| \`listbox\` | 81,154 | 26,541 | 23,461 | 19,991 | 5,668 | 4,313 |
|
|
4781
|
+
| \`loader\` | 29,263 | 10,815 | 9,653 | 5,641 | 1,684 | 1,364 |
|
|
4782
|
+
| \`log\` | 90,403 | 29,429 | 26,051 | 48,052 | 13,868 | 11,583 |
|
|
4783
|
+
| \`map\` | 112,126 | 29,780 | 26,198 | 69,978 | 15,410 | 12,506 |
|
|
4784
|
+
| \`megamenu\` | 65,058 | 22,888 | 20,248 | 13,607 | 3,558 | 2,678 |
|
|
4785
|
+
| \`menu\` | 108,403 | 34,710 | 30,663 | 41,092 | 10,114 | 8,303 |
|
|
4786
|
+
| \`meter\` | 37,896 | 13,376 | 11,955 | 11,049 | 2,795 | 2,297 |
|
|
4787
|
+
| \`motion-toggle\` | 27,312 | 10,459 | 9,304 | 3,044 | 972 | 821 |
|
|
4788
|
+
| \`navigation\` | 36,814 | 13,269 | 11,776 | 7,076 | 2,006 | 1,647 |
|
|
4789
|
+
| \`notifications\` | 71,839 | 22,457 | 20,075 | 31,690 | 7,637 | 6,272 |
|
|
4790
|
+
| \`number-input\` | 61,253 | 20,025 | 17,826 | 18,489 | 4,793 | 3,679 |
|
|
4791
|
+
| \`object-inspector\` | 130,338 | 41,205 | 36,194 | 51,885 | 13,166 | 10,754 |
|
|
4792
|
+
| \`option\` | 29,672 | 10,762 | 9,548 | 7,711 | 2,181 | 1,748 |
|
|
4793
|
+
| \`orb\` | 36,209 | 13,750 | 12,322 | 10,015 | 3,713 | 3,151 |
|
|
4794
|
+
| \`outline\` | 37,846 | 13,457 | 11,937 | 12,073 | 3,433 | 2,677 |
|
|
4795
|
+
| \`pagination\` | 153,264 | 46,929 | 40,845 | 62,367 | 15,172 | 12,304 |
|
|
4796
|
+
| \`pin-input\` | 50,409 | 17,316 | 15,473 | 10,057 | 3,146 | 2,427 |
|
|
4797
|
+
| \`popover\` | 67,005 | 23,748 | 20,973 | 9,507 | 2,642 | 1,948 |
|
|
4798
|
+
| \`progress\` | 35,232 | 12,380 | 11,065 | 10,100 | 2,587 | 2,203 |
|
|
4799
|
+
| \`qr-code\` | 44,321 | 17,121 | 15,243 | 18,585 | 6,757 | 5,686 |
|
|
4800
|
+
| \`quote\` | 23,074 | 9,078 | 7,998 | 1,751 | 685 | 554 |
|
|
4801
|
+
| \`radio\` | 50,349 | 15,974 | 14,205 | 11,592 | 2,738 | 2,222 |
|
|
4802
|
+
| \`rating\` | 54,190 | 18,518 | 16,513 | 11,944 | 3,635 | 2,842 |
|
|
4803
|
+
| \`sandbox\` | 106,479 | 32,357 | 28,366 | 74,198 | 20,106 | 16,962 |
|
|
4804
|
+
| \`scatter-chart\` | 100,317 | 33,784 | 29,816 | 25,193 | 6,964 | 5,748 |
|
|
4805
|
+
| \`scroll-area\` | 35,437 | 12,026 | 10,680 | 13,489 | 3,564 | 2,795 |
|
|
4806
|
+
| \`select\` | 124,418 | 40,070 | 35,095 | 35,145 | 9,048 | 7,180 |
|
|
4807
|
+
| \`skeleton\` | 26,090 | 9,663 | 8,592 | 4,738 | 1,387 | 1,163 |
|
|
4808
|
+
| \`skip-link\` | 25,441 | 9,851 | 8,691 | 2,779 | 953 | 809 |
|
|
4809
|
+
| \`slider\` | 67,842 | 20,139 | 18,025 | 28,107 | 6,147 | 4,968 |
|
|
4810
|
+
| \`sparkline\` | 53,442 | 18,850 | 16,823 | 11,419 | 3,468 | 2,863 |
|
|
4811
|
+
| \`spatial-bar-chart\` | 110,587 | 37,973 | 33,503 | 28,731 | 8,549 | 6,882 |
|
|
4812
|
+
| \`spatial-heatmap\` | 123,212 | 40,986 | 36,047 | 41,313 | 11,815 | 9,595 |
|
|
4813
|
+
| \`spatial-ribbon-chart\` | 109,556 | 37,551 | 33,130 | 29,518 | 8,943 | 7,258 |
|
|
4814
|
+
| \`spatial-scatter-chart\` | 107,852 | 36,785 | 32,412 | 27,865 | 8,210 | 6,639 |
|
|
4815
|
+
| \`spatial-surface-chart\` | 110,231 | 38,001 | 33,509 | 30,194 | 9,343 | 7,736 |
|
|
4816
|
+
| \`spatial-treemap\` | 111,937 | 38,783 | 34,076 | 30,203 | 9,395 | 7,680 |
|
|
4817
|
+
| \`speed-dial\` | 75,797 | 26,104 | 23,155 | 17,945 | 4,385 | 3,399 |
|
|
4818
|
+
| \`splitter\` | 49,804 | 16,207 | 14,528 | 20,430 | 4,897 | 3,994 |
|
|
4819
|
+
| \`stat\` | 28,117 | 10,371 | 9,278 | 5,156 | 1,447 | 1,272 |
|
|
4820
|
+
| \`steps\` | 67,449 | 21,377 | 19,021 | 27,416 | 6,615 | 5,390 |
|
|
4821
|
+
| \`strands\` | 62,788 | 23,354 | 20,628 | 38,012 | 13,681 | 11,860 |
|
|
4822
|
+
| \`switch\` | 43,562 | 14,638 | 13,019 | 5,998 | 1,756 | 1,345 |
|
|
4823
|
+
| \`table\` | 135,900 | 40,155 | 34,941 | 62,691 | 15,518 | 12,655 |
|
|
4824
|
+
| \`tabs\` | 55,263 | 17,752 | 15,775 | 19,435 | 4,713 | 3,727 |
|
|
4825
|
+
| \`tag\` | 47,247 | 16,757 | 14,967 | 13,012 | 3,667 | 2,829 |
|
|
4826
|
+
| \`text\` | 28,756 | 9,942 | 8,773 | 7,394 | 1,497 | 1,131 |
|
|
4827
|
+
| \`textarea\` | 47,785 | 15,949 | 14,223 | 9,317 | 2,646 | 2,102 |
|
|
4828
|
+
| \`time-input\` | 193,597 | 56,836 | 49,514 | 72,822 | 16,542 | 13,489 |
|
|
4829
|
+
| \`time-picker\` | 111,928 | 33,946 | 29,942 | 46,251 | 11,610 | 9,379 |
|
|
4830
|
+
| \`timeline\` | 38,179 | 13,325 | 11,928 | 10,945 | 2,702 | 2,212 |
|
|
4831
|
+
| \`toast\` | 58,767 | 19,783 | 17,645 | 20,004 | 5,404 | 4,334 |
|
|
4832
|
+
| \`toggle\` | 50,439 | 16,509 | 14,676 | 10,854 | 3,074 | 2,461 |
|
|
4833
|
+
| \`toolbar\` | 33,726 | 12,065 | 10,722 | 7,821 | 2,144 | 1,636 |
|
|
4834
|
+
| \`tooltip\` | 61,420 | 21,833 | 19,338 | 11,218 | 3,096 | 2,506 |
|
|
4835
|
+
| \`tour\` | 93,708 | 30,740 | 27,246 | 29,780 | 7,465 | 5,909 |
|
|
4836
|
+
| \`tree\` | 76,275 | 24,651 | 21,980 | 25,873 | 6,878 | 5,531 |
|
|
4837
|
+
| \`trend\` | 31,231 | 12,049 | 10,723 | 4,980 | 1,532 | 1,194 |
|
|
4838
|
+
| \`video\` | 162,777 | 48,191 | 42,078 | 87,167 | 20,547 | 17,129 |
|
|
4839
|
+
| \`video-playlist\` | 143,639 | 44,279 | 38,914 | 58,705 | 14,169 | 11,710 |
|
|
4840
|
+
| \`virtual-list\` | 65,445 | 22,137 | 19,701 | 25,281 | 7,639 | 6,180 |
|
|
4841
4841
|
|
|
4842
4842
|
## What an install adds to \`node_modules\`
|
|
4843
4843
|
|
|
@@ -4850,11 +4850,11 @@ stripped column shows the bytes we removed.
|
|
|
4850
4850
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
4851
4851
|
|---|---|---|---|---|
|
|
4852
4852
|
| \`@fusion.dev/helix-core\` | 2,613,946 | 571 | 754,871 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
4853
|
-
| \`@fusion.dev/helix-headless\` | 27,
|
|
4853
|
+
| \`@fusion.dev/helix-headless\` | 27,106,459 | 768 | 2,495,960 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
4854
4854
|
| \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
|
|
4855
4855
|
| \`@fusion.dev/helix-styles\` | 121,672 | 6 | 0 | none |
|
|
4856
4856
|
| \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
|
|
4857
|
-
| \`@fusion.dev/helix\` | 28,
|
|
4857
|
+
| \`@fusion.dev/helix\` | 28,607,612 | 1,021 | 564,450 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
4858
4858
|
|
|
4859
4859
|
## Not measured yet
|
|
4860
4860
|
|
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.204.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,16 +36,16 @@
|
|
|
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-graph": "0.
|
|
42
|
-
"@fusion.dev/helix-headless": "0.
|
|
43
|
-
"@fusion.dev/helix-icons": "0.
|
|
44
|
-
"@fusion.dev/helix-map": "0.
|
|
45
|
-
"@fusion.dev/helix-plot": "0.
|
|
46
|
-
"@fusion.dev/helix-styles": "0.
|
|
47
|
-
"@fusion.dev/helix-testing": "0.
|
|
48
|
-
"@fusion.dev/helix-theme": "0.
|
|
39
|
+
"@fusion.dev/helix": "0.204.0",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.204.0",
|
|
41
|
+
"@fusion.dev/helix-graph": "0.204.0",
|
|
42
|
+
"@fusion.dev/helix-headless": "0.204.0",
|
|
43
|
+
"@fusion.dev/helix-icons": "0.204.0",
|
|
44
|
+
"@fusion.dev/helix-map": "0.204.0",
|
|
45
|
+
"@fusion.dev/helix-plot": "0.204.0",
|
|
46
|
+
"@fusion.dev/helix-styles": "0.204.0",
|
|
47
|
+
"@fusion.dev/helix-testing": "0.204.0",
|
|
48
|
+
"@fusion.dev/helix-theme": "0.204.0",
|
|
49
49
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
50
50
|
"lit": "^3.2.1",
|
|
51
51
|
"playwright": "^1.63.0"
|