@fusion.dev/helix-docs 0.215.2 → 0.215.3
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 +235 -235
- package/dist/sources.generated.js +235 -235
- package/package.json +12 -12
package/content/metrics.mdx
CHANGED
|
@@ -48,7 +48,7 @@ on its own.
|
|
|
48
48
|
|
|
49
49
|
| | Raw | Gzip | Brotli |
|
|
50
50
|
|---|---|---|---|
|
|
51
|
-
| Lit and `@fusion.dev/helix-core` | 277,212 | 88,766 | 75,
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 277,212 | 88,766 | 75,480 |
|
|
52
52
|
|
|
53
53
|
## Whole packages
|
|
54
54
|
|
|
@@ -59,12 +59,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
59
59
|
|
|
60
60
|
| Package | Raw | Gzip | Brotli | |
|
|
61
61
|
|---|---|---|---|---|
|
|
62
|
-
| `@fusion.dev/helix-core` | 276,421 | 88,612 | 75,
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,516,542 | 423,469 | 317,
|
|
62
|
+
| `@fusion.dev/helix-core` | 276,421 | 88,612 | 75,118 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,516,542 | 423,469 | 317,241 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 59,688 | 18,986 | 16,177 | The whole glyph set. |
|
|
65
65
|
| `@fusion.dev/helix-theme` | 4,030 | 1,791 | 1,560 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
66
66
|
| `fusion_helix_theme_bg.wasm` | 412,026 | 152,920 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
67
|
-
| `@fusion.dev/helix` | 2,255,389 | 582,800 |
|
|
67
|
+
| `@fusion.dev/helix` | 2,255,389 | 582,800 | 414,976 | Every styled family. |
|
|
68
68
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
69
69
|
|
|
70
70
|
## Stylesheets
|
|
@@ -91,7 +91,7 @@ Across the 115 styled components, the smallest is `code` at 8,561 bytes gzipped
|
|
|
91
91
|
|
|
92
92
|
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 423,469 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 115 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.
|
|
93
93
|
|
|
94
|
-
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 18,
|
|
94
|
+
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 18,454 bytes gzipped alone.
|
|
95
95
|
|
|
96
96
|
## Compared with other systems
|
|
97
97
|
|
|
@@ -103,37 +103,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
103
103
|
|
|
104
104
|
| Component | System | Raw | Gzip | Brotli |
|
|
105
105
|
|---|---|---|---|---|
|
|
106
|
-
| `button` | **Helix** | 42,754 | 14,406 | 12,
|
|
106
|
+
| `button` | **Helix** | 42,754 | 14,406 | 12,865 |
|
|
107
107
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
108
108
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
109
109
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
110
110
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
111
|
-
| `checkbox` | **Helix** | 47,753 | 15,522 | 13,
|
|
111
|
+
| `checkbox` | **Helix** | 47,753 | 15,522 | 13,820 |
|
|
112
112
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
113
113
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
114
114
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
115
115
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
116
|
-
| `dialog` | **Helix** | 44,336 | 15,
|
|
116
|
+
| `dialog` | **Helix** | 44,336 | 15,228 | 13,591 |
|
|
117
117
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
118
118
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
119
119
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
120
120
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
121
|
-
| `radio` | **Helix** | 51,120 | 16,284 | 14,
|
|
121
|
+
| `radio` | **Helix** | 51,120 | 16,284 | 14,482 |
|
|
122
122
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
123
123
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
124
124
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
125
125
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
126
|
-
| `switch` | **Helix** | 44,474 | 14,984 | 13,
|
|
126
|
+
| `switch` | **Helix** | 44,474 | 14,984 | 13,342 |
|
|
127
127
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
128
128
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
129
129
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
130
130
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
131
|
-
| `tabs` | **Helix** | 56,056 | 18,049 | 16,
|
|
131
|
+
| `tabs` | **Helix** | 56,056 | 18,049 | 16,043 |
|
|
132
132
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
133
133
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
134
134
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
135
135
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
136
|
-
| `tooltip` | **Helix** | 62,502 | 22,263 | 19,
|
|
136
|
+
| `tooltip` | **Helix** | 62,502 | 22,263 | 19,779 |
|
|
137
137
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
138
138
|
| | Material Web | | not shipped | |
|
|
139
139
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -213,114 +213,114 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
213
213
|
|
|
214
214
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
215
215
|
|---|---|---|---|---|---|---|
|
|
216
|
-
| `accordion` | 32,671 | 12,091 | 10,
|
|
217
|
-
| `announcement` | 37,661 | 13,710 | 12,
|
|
218
|
-
| `app-header` | 33,168 | 12,240 | 10,
|
|
219
|
-
| `area-chart` | 99,355 | 34,968 | 30,
|
|
220
|
-
| `avatar` | 31,887 | 12,153 | 10,
|
|
221
|
-
| `badge` | 28,118 | 10,944 | 9,
|
|
222
|
-
| `bar-chart` | 107,369 | 37,632 | 33,
|
|
223
|
-
| `blockquote` | 24,679 | 9,638 | 8,
|
|
224
|
-
| `breadcrumbs` | 37,419 | 14,328 | 12,
|
|
225
|
-
| `button` | 36,246 | 12,977 | 11,
|
|
226
|
-
| `button-group` | 28,214 | 10,617 | 9,
|
|
227
|
-
| `callout` | 36,284 | 13,989 | 12,434 | 2,884 | 956 |
|
|
228
|
-
| `canvas` | 132,515 | 41,864 | 36,
|
|
229
|
-
| `card` | 24,397 | 9,312 | 8,
|
|
230
|
-
| `carousel` | 45,167 | 16,
|
|
231
|
-
| `chat` | 83,313 | 27,
|
|
232
|
-
| `checkbox` | 41,267 | 14,019 | 12,
|
|
233
|
-
| `checkbox-group` | 48,490 | 15,947 | 14,
|
|
234
|
-
| `code` | 20,869 | 8,248 | 7,313 | 138 | 84 |
|
|
235
|
-
| `code-block` | 104,805 | 35,636 | 31,
|
|
236
|
-
| `color-input` | 143,769 | 45,822 | 40,
|
|
237
|
-
| `color-picker` | 105,388 | 33,621 | 29,
|
|
238
|
-
| `combobox` | 135,322 | 43,127 | 37,
|
|
239
|
-
| `command` | 102,726 | 32,609 | 28,
|
|
240
|
-
| `copy-button` | 82,250 | 28,297 | 25,
|
|
241
|
-
| `data-table` | 203,581 | 62,637 | 53,
|
|
242
|
-
| `date-input` | 143,074 | 45,180 | 39,
|
|
243
|
-
| `date-picker` | 63,093 | 21,511 | 19,
|
|
244
|
-
| `description-list` | 23,472 | 8,993 | 7,
|
|
245
|
-
| `device-screen` | 73,940 | 24,006 | 21,
|
|
246
|
-
| `dialog` | 39,200 | 13,
|
|
247
|
-
| `divider` | 23,564 | 9,144 | 8,085 | 1,415 | 494 |
|
|
248
|
-
| `donut-chart` | 92,673 | 32,263 | 28,
|
|
249
|
-
| `drawer` | 43,837 | 15,484 | 13,
|
|
250
|
-
| `drilldown` | 43,552 | 15,254 | 13,
|
|
251
|
-
| `empty` | 25,007 | 9,578 | 8,
|
|
252
|
-
| `file-input` | 59,143 | 20,557 | 18,
|
|
253
|
-
| `filter-input` | 99,603 | 33,493 | 29,
|
|
254
|
-
| `format-date` | 31,209 | 11,675 | 10,
|
|
255
|
-
| `graph` | 98,190 | 31,204 | 27,
|
|
256
|
-
| `heatmap` | 101,760 | 34,695 | 30,
|
|
257
|
-
| `icon` | 86,977 | 29,
|
|
258
|
-
| `icon-button` | 36,357 | 13,003 | 11,
|
|
259
|
-
| `image` | 26,373 | 9,844 | 8,
|
|
260
|
-
| `input` | 47,074 | 16,181 | 14,
|
|
261
|
-
| `kbd` | 28,084 | 10,790 | 9,
|
|
262
|
-
| `legend` | 39,951 | 14,500 | 12,
|
|
263
|
-
| `lightbox` | 57,138 | 19,382 | 17,
|
|
264
|
-
| `line-chart` | 102,350 | 35,821 | 31,
|
|
265
|
-
| `list` | 62,949 | 21,
|
|
266
|
-
| `listbox` | 79,626 | 26,413 | 23,
|
|
267
|
-
| `loader` | 27,341 | 10,452 | 9,
|
|
268
|
-
| `log` | 84,672 | 28,871 | 25,
|
|
269
|
-
| `map` | 106,241 | 32,
|
|
270
|
-
| `megamenu` | 61,165 | 22,175 | 19,
|
|
271
|
-
| `menu` | 98,535 | 32,954 | 29,
|
|
272
|
-
| `meter` | 32,921 | 12,
|
|
273
|
-
| `motion-toggle` | 26,353 | 10,249 | 9,104 | 1,426 | 510 |
|
|
274
|
-
| `navigation` | 33,886 | 12,736 | 11,
|
|
275
|
-
| `notifications` | 59,565 | 20,340 | 18,
|
|
276
|
-
| `number-input` | 57,654 | 19,365 | 17,
|
|
277
|
-
| `object-inspector` | 117,453 | 39,468 | 34,
|
|
278
|
-
| `option` | 27,049 | 9,971 | 8,
|
|
279
|
-
| `outline` | 34,611 | 12,986 | 11,
|
|
280
|
-
| `pagination` | 139,586 | 44,769 | 38,
|
|
281
|
-
| `pin-input` | 48,873 | 17,049 | 15,
|
|
282
|
-
| `popover` | 64,907 | 23,347 | 20,
|
|
283
|
-
| `progress` | 29,235 | 11,152 | 9,
|
|
284
|
-
| `qr-code` | 43,669 | 17,
|
|
285
|
-
| `quote` | 23,088 | 9,113 | 8,
|
|
286
|
-
| `radio` | 43,333 | 14,777 | 13,
|
|
287
|
-
| `rating` | 51,618 | 17,783 | 15,
|
|
288
|
-
| `scatter-chart` | 98,654 | 34,307 | 30,
|
|
289
|
-
| `scroll-area` | 31,294 | 11,434 | 10,
|
|
290
|
-
| `select` | 118,275 | 39,198 | 34,
|
|
291
|
-
| `skeleton` | 22,900 | 8,872 | 7,
|
|
292
|
-
| `skip-link` | 24,547 | 9,608 | 8,525 | 1,224 | 474 |
|
|
293
|
-
| `slider` | 54,667 | 18,
|
|
294
|
-
| `sparkline` | 49,258 | 17,983 | 16,
|
|
295
|
-
| `spatial-bar-chart` | 105,190 | 37,126 | 32,
|
|
296
|
-
| `spatial-heatmap` | 117,114 | 39,971 | 35,
|
|
297
|
-
| `spatial-ribbon-chart` | 104,313 | 36,731 | 32,
|
|
298
|
-
| `spatial-scatter-chart` | 102,546 | 35,987 | 31,
|
|
299
|
-
| `spatial-surface-chart` | 105,468 | 37,270 | 32,
|
|
300
|
-
| `spatial-treemap` | 106,586 | 37,909 | 33,
|
|
301
|
-
| `speed-dial` | 69,618 | 25,072 | 22,
|
|
302
|
-
| `splitter` | 45,096 | 15,644 | 13,
|
|
303
|
-
| `stat` | 26,285 | 10,057 | 8,
|
|
304
|
-
| `steps` | 54,951 | 19,120 | 17,043 | 13,805 | 3,914 | 3,
|
|
305
|
-
| `switch` | 40,121 | 13,837 | 12,
|
|
306
|
-
| `table` | 120,990 | 37,868 | 32,
|
|
307
|
-
| `tabs` | 47,105 | 16,
|
|
308
|
-
| `tag` | 43,623 | 15,997 | 14,
|
|
309
|
-
| `terminal` | 77,803 | 25,510 | 22,
|
|
310
|
-
| `textarea` | 44,998 | 15,367 | 13,748 | 5,490 | 1,596 | 1,
|
|
311
|
-
| `time-input` | 172,438 | 53,799 | 46,
|
|
312
|
-
| `time-picker` | 102,682 | 32,564 | 28,
|
|
313
|
-
| `timeline` | 32,429 | 12,
|
|
314
|
-
| `toast` | 52,298 | 18,492 | 16,
|
|
315
|
-
| `toggle` | 46,246 | 15,540 | 13,
|
|
316
|
-
| `toolbar` | 34,370 | 12,800 | 11,
|
|
317
|
-
| `tooltip` | 59,698 | 21,
|
|
318
|
-
| `tour` | 85,289 | 29,
|
|
319
|
-
| `tree` | 68,666 | 23,155 | 20,
|
|
320
|
-
| `trend` | 30,937 | 12,025 | 10,750 | 3,592 | 1,134 |
|
|
321
|
-
| `video` | 143,892 | 45,
|
|
322
|
-
| `video-playlist` | 129,019 | 41,
|
|
323
|
-
| `virtual-list` | 65,938 | 22,353 | 19,
|
|
216
|
+
| `accordion` | 32,671 | 12,091 | 10,729 | 5,378 | 1,562 | 1,195 |
|
|
217
|
+
| `announcement` | 37,661 | 13,710 | 12,240 | 4,701 | 1,370 | 1,024 |
|
|
218
|
+
| `app-header` | 33,168 | 12,240 | 10,875 | 5,901 | 1,785 | 1,313 |
|
|
219
|
+
| `area-chart` | 99,355 | 34,968 | 30,834 | 14,417 | 4,443 | 3,632 |
|
|
220
|
+
| `avatar` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 943 |
|
|
221
|
+
| `badge` | 28,118 | 10,944 | 9,780 | 2,961 | 893 | 720 |
|
|
222
|
+
| `bar-chart` | 107,369 | 37,632 | 33,294 | 21,900 | 6,868 | 5,856 |
|
|
223
|
+
| `blockquote` | 24,679 | 9,638 | 8,538 | 2,401 | 886 | 758 |
|
|
224
|
+
| `breadcrumbs` | 37,419 | 14,328 | 12,857 | 7,380 | 2,407 | 1,954 |
|
|
225
|
+
| `button` | 36,246 | 12,977 | 11,569 | 5,128 | 1,499 | 1,086 |
|
|
226
|
+
| `button-group` | 28,214 | 10,617 | 9,418 | 4,921 | 1,484 | 1,097 |
|
|
227
|
+
| `callout` | 36,284 | 13,989 | 12,434 | 2,884 | 956 | 621 |
|
|
228
|
+
| `canvas` | 132,515 | 41,864 | 36,414 | 74,272 | 22,545 | 18,690 |
|
|
229
|
+
| `card` | 24,397 | 9,312 | 8,254 | 2,090 | 644 | 468 |
|
|
230
|
+
| `carousel` | 45,167 | 16,074 | 14,349 | 15,328 | 4,258 | 3,440 |
|
|
231
|
+
| `chat` | 83,313 | 27,723 | 24,437 | 28,394 | 8,256 | 6,629 |
|
|
232
|
+
| `checkbox` | 41,267 | 14,019 | 12,516 | 3,107 | 956 | 686 |
|
|
233
|
+
| `checkbox-group` | 48,490 | 15,947 | 14,219 | 8,322 | 2,335 | 1,610 |
|
|
234
|
+
| `code` | 20,869 | 8,248 | 7,313 | 138 | 84 | 49 |
|
|
235
|
+
| `code-block` | 104,805 | 35,636 | 31,420 | 37,315 | 10,654 | 8,788 |
|
|
236
|
+
| `color-input` | 143,769 | 45,822 | 40,052 | 55,776 | 14,298 | 11,802 |
|
|
237
|
+
| `color-picker` | 105,388 | 33,621 | 29,510 | 47,896 | 12,667 | 10,497 |
|
|
238
|
+
| `combobox` | 135,322 | 43,127 | 37,889 | 35,962 | 9,090 | 7,214 |
|
|
239
|
+
| `command` | 102,726 | 32,609 | 28,680 | 30,345 | 8,148 | 6,615 |
|
|
240
|
+
| `copy-button` | 82,250 | 28,297 | 25,044 | 18,753 | 5,092 | 3,999 |
|
|
241
|
+
| `data-table` | 203,581 | 62,637 | 53,530 | 89,962 | 24,138 | 19,218 |
|
|
242
|
+
| `date-input` | 143,074 | 45,180 | 39,679 | 38,660 | 9,413 | 7,667 |
|
|
243
|
+
| `date-picker` | 63,093 | 21,511 | 19,251 | 20,720 | 5,635 | 4,472 |
|
|
244
|
+
| `description-list` | 23,472 | 8,993 | 7,992 | 1,565 | 505 | 338 |
|
|
245
|
+
| `device-screen` | 73,940 | 24,006 | 21,105 | 31,473 | 8,751 | 6,999 |
|
|
246
|
+
| `dialog` | 39,200 | 13,972 | 12,448 | 5,948 | 1,759 | 1,250 |
|
|
247
|
+
| `divider` | 23,564 | 9,144 | 8,085 | 1,415 | 494 | 372 |
|
|
248
|
+
| `donut-chart` | 92,673 | 32,263 | 28,568 | 14,717 | 4,501 | 3,632 |
|
|
249
|
+
| `drawer` | 43,837 | 15,484 | 13,807 | 7,799 | 2,296 | 1,867 |
|
|
250
|
+
| `drilldown` | 43,552 | 15,254 | 13,585 | 9,705 | 2,707 | 1,994 |
|
|
251
|
+
| `empty` | 25,007 | 9,578 | 8,498 | 1,976 | 642 | 474 |
|
|
252
|
+
| `file-input` | 59,143 | 20,557 | 18,271 | 13,148 | 4,128 | 3,358 |
|
|
253
|
+
| `filter-input` | 99,603 | 33,493 | 29,698 | 21,571 | 6,183 | 4,975 |
|
|
254
|
+
| `format-date` | 31,209 | 11,675 | 10,448 | 4,475 | 1,251 | 937 |
|
|
255
|
+
| `graph` | 98,190 | 31,204 | 27,387 | 28,438 | 8,118 | 6,632 |
|
|
256
|
+
| `heatmap` | 101,760 | 34,695 | 30,636 | 19,070 | 5,629 | 4,504 |
|
|
257
|
+
| `icon` | 86,977 | 29,610 | 25,408 | 62,080 | 21,256 | 16,944 |
|
|
258
|
+
| `icon-button` | 36,357 | 13,003 | 11,598 | 5,237 | 1,532 | 1,186 |
|
|
259
|
+
| `image` | 26,373 | 9,844 | 8,745 | 3,846 | 1,159 | 885 |
|
|
260
|
+
| `input` | 47,074 | 16,181 | 14,349 | 7,006 | 2,268 | 1,524 |
|
|
261
|
+
| `kbd` | 28,084 | 10,790 | 9,566 | 3,514 | 1,089 | 808 |
|
|
262
|
+
| `legend` | 39,951 | 14,500 | 12,936 | 2,765 | 913 | 644 |
|
|
263
|
+
| `lightbox` | 57,138 | 19,382 | 17,249 | 16,760 | 4,662 | 3,573 |
|
|
264
|
+
| `line-chart` | 102,350 | 35,821 | 31,657 | 16,812 | 5,055 | 4,281 |
|
|
265
|
+
| `list` | 62,949 | 21,724 | 19,373 | 15,256 | 4,418 | 3,462 |
|
|
266
|
+
| `listbox` | 79,626 | 26,413 | 23,317 | 15,603 | 4,588 | 3,575 |
|
|
267
|
+
| `loader` | 27,341 | 10,452 | 9,310 | 2,786 | 928 | 711 |
|
|
268
|
+
| `log` | 84,672 | 28,871 | 25,512 | 39,568 | 12,156 | 10,332 |
|
|
269
|
+
| `map` | 106,241 | 32,298 | 27,836 | 45,830 | 12,023 | 9,558 |
|
|
270
|
+
| `megamenu` | 61,165 | 22,175 | 19,641 | 8,724 | 2,425 | 1,788 |
|
|
271
|
+
| `menu` | 98,535 | 32,954 | 29,067 | 30,262 | 7,961 | 6,465 |
|
|
272
|
+
| `meter` | 32,921 | 12,483 | 11,192 | 4,982 | 1,460 | 1,183 |
|
|
273
|
+
| `motion-toggle` | 26,353 | 10,249 | 9,104 | 1,426 | 510 | 384 |
|
|
274
|
+
| `navigation` | 33,886 | 12,736 | 11,324 | 3,365 | 1,164 | 941 |
|
|
275
|
+
| `notifications` | 59,565 | 20,340 | 18,153 | 18,276 | 5,073 | 4,079 |
|
|
276
|
+
| `number-input` | 57,654 | 19,365 | 17,241 | 13,581 | 3,625 | 2,744 |
|
|
277
|
+
| `object-inspector` | 117,453 | 39,468 | 34,727 | 36,012 | 10,215 | 8,435 |
|
|
278
|
+
| `option` | 27,049 | 9,971 | 8,855 | 4,523 | 1,214 | 968 |
|
|
279
|
+
| `outline` | 34,611 | 12,986 | 11,546 | 7,888 | 2,542 | 1,850 |
|
|
280
|
+
| `pagination` | 139,586 | 44,769 | 38,872 | 45,676 | 11,760 | 9,551 |
|
|
281
|
+
| `pin-input` | 48,873 | 17,049 | 15,226 | 7,208 | 2,376 | 1,765 |
|
|
282
|
+
| `popover` | 64,907 | 23,347 | 20,632 | 6,461 | 1,851 | 1,308 |
|
|
283
|
+
| `progress` | 29,235 | 11,152 | 9,978 | 3,007 | 925 | 629 |
|
|
284
|
+
| `qr-code` | 43,669 | 17,004 | 15,111 | 17,003 | 6,197 | 5,226 |
|
|
285
|
+
| `quote` | 23,088 | 9,113 | 8,055 | 1,210 | 502 | 370 |
|
|
286
|
+
| `radio` | 43,333 | 14,777 | 13,156 | 3,815 | 1,189 | 858 |
|
|
287
|
+
| `rating` | 51,618 | 17,783 | 15,862 | 8,058 | 2,438 | 1,801 |
|
|
288
|
+
| `scatter-chart` | 98,654 | 34,307 | 30,271 | 20,340 | 6,410 | 5,214 |
|
|
289
|
+
| `scroll-area` | 31,294 | 11,434 | 10,152 | 8,518 | 2,614 | 2,003 |
|
|
290
|
+
| `select` | 118,275 | 39,198 | 34,324 | 26,153 | 7,196 | 5,564 |
|
|
291
|
+
| `skeleton` | 22,900 | 8,872 | 7,874 | 991 | 385 | 229 |
|
|
292
|
+
| `skip-link` | 24,547 | 9,608 | 8,525 | 1,224 | 474 | 343 |
|
|
293
|
+
| `slider` | 54,667 | 18,415 | 16,538 | 13,625 | 3,879 | 3,087 |
|
|
294
|
+
| `sparkline` | 49,258 | 17,983 | 16,056 | 5,982 | 2,106 | 1,688 |
|
|
295
|
+
| `spatial-bar-chart` | 105,190 | 37,126 | 32,690 | 19,854 | 6,526 | 5,270 |
|
|
296
|
+
| `spatial-heatmap` | 117,114 | 39,971 | 35,160 | 31,741 | 9,455 | 7,896 |
|
|
297
|
+
| `spatial-ribbon-chart` | 104,313 | 36,731 | 32,404 | 20,793 | 6,880 | 5,608 |
|
|
298
|
+
| `spatial-scatter-chart` | 102,546 | 35,987 | 31,729 | 19,087 | 6,276 | 5,145 |
|
|
299
|
+
| `spatial-surface-chart` | 105,468 | 37,270 | 32,881 | 21,949 | 7,389 | 6,211 |
|
|
300
|
+
| `spatial-treemap` | 106,586 | 37,909 | 33,355 | 21,370 | 7,272 | 6,000 |
|
|
301
|
+
| `speed-dial` | 69,618 | 25,072 | 22,163 | 10,935 | 2,978 | 2,414 |
|
|
302
|
+
| `splitter` | 45,096 | 15,644 | 13,997 | 14,504 | 3,864 | 3,045 |
|
|
303
|
+
| `stat` | 26,285 | 10,057 | 8,960 | 2,323 | 768 | 541 |
|
|
304
|
+
| `steps` | 54,951 | 19,120 | 17,043 | 13,805 | 3,914 | 3,157 |
|
|
305
|
+
| `switch` | 40,121 | 13,837 | 12,335 | 1,679 | 615 | 336 |
|
|
306
|
+
| `table` | 120,990 | 37,868 | 32,905 | 45,143 | 12,243 | 9,923 |
|
|
307
|
+
| `tabs` | 47,105 | 16,205 | 14,404 | 10,491 | 2,863 | 2,129 |
|
|
308
|
+
| `tag` | 43,623 | 15,997 | 14,299 | 8,451 | 2,532 | 1,957 |
|
|
309
|
+
| `terminal` | 77,803 | 25,510 | 22,489 | 30,191 | 8,188 | 6,604 |
|
|
310
|
+
| `textarea` | 44,998 | 15,367 | 13,748 | 5,490 | 1,596 | 1,197 |
|
|
311
|
+
| `time-input` | 172,438 | 53,799 | 46,666 | 48,568 | 12,180 | 9,926 |
|
|
312
|
+
| `time-picker` | 102,682 | 32,564 | 28,655 | 33,981 | 9,093 | 7,356 |
|
|
313
|
+
| `timeline` | 32,429 | 12,282 | 11,014 | 4,087 | 1,192 | 919 |
|
|
314
|
+
| `toast` | 52,298 | 18,492 | 16,508 | 12,165 | 3,515 | 2,810 |
|
|
315
|
+
| `toggle` | 46,246 | 15,540 | 13,827 | 6,005 | 1,790 | 1,267 |
|
|
316
|
+
| `toolbar` | 34,370 | 12,800 | 11,424 | 1,366 | 482 | 264 |
|
|
317
|
+
| `tooltip` | 59,698 | 21,529 | 19,111 | 8,505 | 2,384 | 1,810 |
|
|
318
|
+
| `tour` | 85,289 | 29,313 | 25,898 | 20,084 | 5,533 | 4,343 |
|
|
319
|
+
| `tree` | 68,666 | 23,155 | 20,607 | 17,196 | 4,929 | 3,908 |
|
|
320
|
+
| `trend` | 30,937 | 12,025 | 10,750 | 3,592 | 1,134 | 951 |
|
|
321
|
+
| `video` | 143,892 | 45,089 | 39,344 | 66,785 | 16,896 | 13,954 |
|
|
322
|
+
| `video-playlist` | 129,019 | 41,832 | 36,723 | 42,856 | 11,030 | 9,198 |
|
|
323
|
+
| `virtual-list` | 65,938 | 22,353 | 19,877 | 23,394 | 7,155 | 5,825 |
|
|
324
324
|
|
|
325
325
|
### Styled tier
|
|
326
326
|
|
|
@@ -328,121 +328,121 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
328
328
|
|
|
329
329
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
330
330
|
|---|---|---|---|---|---|---|
|
|
331
|
-
| `accordion` | 36,104 | 12,946 | 11,
|
|
332
|
-
| `announcement` | 42,276 | 14,
|
|
333
|
-
| `app-header` | 38,326 | 13,450 |
|
|
334
|
-
| `area-chart` | 107,559 | 36,
|
|
335
|
-
| `aura` | 59,567 | 20,254 | 17,
|
|
336
|
-
| `avatar` | 34,890 | 12,911 | 11,
|
|
337
|
-
| `badge` | 33,626 | 12,190 | 10,
|
|
338
|
-
| `bar-chart` | 122,404 | 40,666 | 35,
|
|
339
|
-
| `blockquote` | 26,905 | 10,186 | 9,
|
|
340
|
-
| `breadcrumbs` | 44,358 | 15,535 | 13,
|
|
341
|
-
| `button` | 42,754 | 14,406 | 12,
|
|
342
|
-
| `button-group` | 31,709 | 11,295 | 10,
|
|
343
|
-
| `callout` | 40,077 | 14,936 | 13,
|
|
344
|
-
| `canvas` | 162,739 | 46,991 | 40,
|
|
345
|
-
| `card` | 28,297 | 10,317 | 9,
|
|
346
|
-
| `carousel` | 55,653 | 17,867 | 16,
|
|
347
|
-
| `chat` | 98,606 | 30,451 | 26,
|
|
348
|
-
| `checkbox` | 47,753 | 15,522 | 13,
|
|
349
|
-
| `checkbox-group` | 55,713 | 17,591 | 15,650 | 15,536 | 3,989 | 3,
|
|
350
|
-
| `code` | 21,726 | 8,561 | 7,
|
|
351
|
-
| `code-block` | 131,305 | 39,
|
|
352
|
-
| `color-input` | 186,240 | 52,
|
|
353
|
-
| `color-picker` | 142,414 | 39,181 | 34,
|
|
354
|
-
| `combobox` | 150,676 | 46,
|
|
355
|
-
| `command` | 114,025 | 34,958 | 30,
|
|
356
|
-
| `copy-button` | 96,308 | 30,629 | 27,
|
|
357
|
-
| `data-table` | 234,246 | 68,042 | 58,
|
|
358
|
-
| `date-input` | 164,378 | 48,
|
|
359
|
-
| `date-picker` | 71,139 | 22,
|
|
360
|
-
| `description-list` | 26,427 | 9,731 | 8,
|
|
361
|
-
| `device-screen` | 90,636 | 26,928 | 23,
|
|
362
|
-
| `dialog` | 44,336 | 15,
|
|
363
|
-
| `divider` | 25,863 | 9,772 | 8,639 | 3,698 | 1,124 |
|
|
364
|
-
| `donut-chart` | 102,652 | 34,411 | 30,
|
|
365
|
-
| `drawer` | 49,667 | 16,868 | 15,047 | 13,613 | 3,715 | 3,
|
|
366
|
-
| `drilldown` | 49,229 | 16,549 | 14,
|
|
367
|
-
| `empty` | 26,316 | 10,056 | 8,
|
|
368
|
-
| `file-input` | 70,673 | 22,945 | 20,
|
|
369
|
-
| `filter-input` | 110,437 | 35,
|
|
370
|
-
| `flex` | 26,312 | 9,425 | 8,
|
|
371
|
-
| `format-date` | 31,463 | 11,790 | 10,
|
|
372
|
-
| `graph` | 123,229 | 35,163 | 30,
|
|
373
|
-
| `grid` | 27,762 | 10,138 | 8,
|
|
374
|
-
| `heatmap` | 110,082 | 36,553 | 32,
|
|
375
|
-
| `icon` | 89,012 | 30,
|
|
376
|
-
| `icon-button` | 46,117 | 14,590 | 13,
|
|
377
|
-
| `image` | 27,760 | 10,306 | 9,
|
|
378
|
-
| `input` | 51,329 | 17,271 | 15,279 | 11,244 | 3,
|
|
379
|
-
| `kbd` | 30,078 | 11,326 | 10,
|
|
380
|
-
| `legend` | 45,189 | 15,800 | 14,
|
|
381
|
-
| `lightbox` | 63,432 | 20,711 | 18,
|
|
382
|
-
| `line-chart` | 113,713 | 38,
|
|
383
|
-
| `list` | 69,295 | 23,
|
|
384
|
-
| `listbox` | 84,067 | 27,533 | 24,
|
|
385
|
-
| `loader` | 30,222 | 11,214 | 10,
|
|
386
|
-
| `log` | 97,190 | 31,211 | 27,
|
|
387
|
-
| `map` | 148,663 | 38,807 | 33,
|
|
388
|
-
| `megamenu` | 66,134 | 23,304 | 20,
|
|
389
|
-
| `menu` | 109,460 | 35,102 | 30,
|
|
390
|
-
| `meter` | 39,093 | 13,828 | 12,
|
|
391
|
-
| `motion-toggle` | 27,988 | 10,
|
|
392
|
-
| `navigation` | 37,610 | 13,572 | 12,
|
|
393
|
-
| `notifications` | 73,053 | 22,901 | 20,
|
|
394
|
-
| `number-input` | 62,635 | 20,555 | 18,
|
|
395
|
-
| `object-inspector` | 135,889 | 42,
|
|
396
|
-
| `option` | 30,122 | 10,932 | 9,
|
|
397
|
-
| `orb` | 36,885 | 14,019 | 12,
|
|
398
|
-
| `outline` | 38,845 | 13,848 | 12,
|
|
399
|
-
| `pagination` | 156,463 | 48,039 | 41,
|
|
400
|
-
| `pin-input` | 52,253 | 17,
|
|
401
|
-
| `popover` | 68,059 | 24,109 | 21,
|
|
402
|
-
| `progress` | 36,415 | 12,815 | 11,
|
|
403
|
-
| `qr-code` | 45,270 | 17,490 | 15,
|
|
404
|
-
| `quote` | 23,646 | 9,304 | 8,
|
|
405
|
-
| `radio` | 51,120 | 16,284 | 14,
|
|
406
|
-
| `rating` | 55,552 | 19,008 | 16,
|
|
407
|
-
| `sandbox` | 195,792 | 57,341 | 49,
|
|
408
|
-
| `scatter-chart` | 108,028 | 36,469 | 32,
|
|
409
|
-
| `scroll-area` | 36,301 | 12,384 | 11,
|
|
410
|
-
| `select` | 127,402 | 41,111 | 35,
|
|
411
|
-
| `skeleton` | 26,848 | 9,947 | 8,
|
|
412
|
-
| `skip-link` | 26,118 | 10,115 | 8,950 | 2,779 | 962 |
|
|
413
|
-
| `slider` | 69,630 | 20,733 | 18,542 | 28,574 | 6,244 | 5,
|
|
414
|
-
| `sparkline` | 54,716 | 19,
|
|
415
|
-
| `spatial-bar-chart` | 114,257 | 39,176 | 34,
|
|
416
|
-
| `spatial-heatmap` | 126,853 | 42,152 | 37,
|
|
417
|
-
| `spatial-ribbon-chart` | 113,229 | 38,746 | 34,
|
|
418
|
-
| `spatial-scatter-chart` | 111,526 | 37,970 | 33,
|
|
419
|
-
| `spatial-surface-chart` | 113,903 | 39,173 | 34,
|
|
420
|
-
| `spatial-treemap` | 115,605 | 39,
|
|
421
|
-
| `speed-dial` | 76,667 | 26,447 | 23,
|
|
422
|
-
| `splitter` | 51,146 | 16,693 | 14,
|
|
423
|
-
| `stat` | 29,171 | 10,751 | 9,585 | 5,194 | 1,469 | 1,
|
|
424
|
-
| `steps` | 69,031 | 21,
|
|
425
|
-
| `strands` | 63,680 | 23,697 | 20,
|
|
426
|
-
| `switch` | 44,474 | 14,984 | 13,
|
|
427
|
-
| `table` | 138,775 | 40,983 | 35,
|
|
428
|
-
| `tabs` | 56,056 | 18,049 | 16,
|
|
429
|
-
| `tag` | 48,197 | 17,126 | 15,
|
|
430
|
-
| `terminal` | 104,821 | 29,348 | 25,
|
|
431
|
-
| `text` | 29,286 | 10,211 | 9,
|
|
432
|
-
| `textarea` | 48,930 | 16,380 | 14,
|
|
433
|
-
| `time-input` | 196,693 | 57,
|
|
434
|
-
| `time-picker` | 114,881 | 34,
|
|
435
|
-
| `timeline` | 39,321 | 13,742 | 12,
|
|
436
|
-
| `toast` | 60,192 | 20,340 | 18,
|
|
437
|
-
| `toggle` | 51,106 | 16,789 | 14,
|
|
438
|
-
| `toolbar` | 37,051 | 13,296 | 11,
|
|
439
|
-
| `tooltip` | 62,502 | 22,263 | 19,
|
|
440
|
-
| `tour` | 95,381 | 31,305 | 27,
|
|
441
|
-
| `tree` | 77,354 | 25,063 | 22,
|
|
442
|
-
| `trend` | 32,854 | 12,
|
|
443
|
-
| `video` | 164,395 | 48,
|
|
444
|
-
| `video-playlist` | 144,967 | 44,810 | 39,
|
|
445
|
-
| `virtual-list` | 67,932 | 22,
|
|
331
|
+
| `accordion` | 36,104 | 12,946 | 11,483 | 8,795 | 2,456 | 1,962 |
|
|
332
|
+
| `announcement` | 42,276 | 14,776 | 13,190 | 9,297 | 2,456 | 1,925 |
|
|
333
|
+
| `app-header` | 38,326 | 13,450 | 11,979 | 11,046 | 2,981 | 2,362 |
|
|
334
|
+
| `area-chart` | 107,559 | 36,863 | 32,494 | 22,604 | 6,389 | 5,248 |
|
|
335
|
+
| `aura` | 59,567 | 20,254 | 17,927 | 31,766 | 9,465 | 8,226 |
|
|
336
|
+
| `avatar` | 34,890 | 12,911 | 11,565 | 6,988 | 1,968 | 1,606 |
|
|
337
|
+
| `badge` | 33,626 | 12,190 | 10,865 | 8,459 | 2,170 | 1,748 |
|
|
338
|
+
| `bar-chart` | 122,404 | 40,666 | 35,930 | 36,917 | 9,760 | 8,382 |
|
|
339
|
+
| `blockquote` | 26,905 | 10,186 | 9,029 | 4,611 | 1,415 | 1,162 |
|
|
340
|
+
| `breadcrumbs` | 44,358 | 15,535 | 13,915 | 14,305 | 3,661 | 3,011 |
|
|
341
|
+
| `button` | 42,754 | 14,406 | 12,865 | 11,618 | 2,947 | 2,380 |
|
|
342
|
+
| `button-group` | 31,709 | 11,295 | 10,041 | 8,406 | 2,187 | 1,679 |
|
|
343
|
+
| `callout` | 40,077 | 14,936 | 13,280 | 6,659 | 1,903 | 1,541 |
|
|
344
|
+
| `canvas` | 162,739 | 46,991 | 40,900 | 104,142 | 27,552 | 22,926 |
|
|
345
|
+
| `card` | 28,297 | 10,317 | 9,158 | 5,976 | 1,633 | 1,348 |
|
|
346
|
+
| `carousel` | 55,653 | 17,867 | 16,010 | 25,799 | 6,078 | 4,956 |
|
|
347
|
+
| `chat` | 98,606 | 30,451 | 26,888 | 43,673 | 10,894 | 9,162 |
|
|
348
|
+
| `checkbox` | 47,753 | 15,522 | 13,820 | 9,579 | 2,458 | 2,061 |
|
|
349
|
+
| `checkbox-group` | 55,713 | 17,591 | 15,650 | 15,536 | 3,989 | 3,066 |
|
|
350
|
+
| `code` | 21,726 | 8,561 | 7,606 | 976 | 379 | 237 |
|
|
351
|
+
| `code-block` | 131,305 | 39,639 | 34,951 | 63,796 | 14,801 | 12,413 |
|
|
352
|
+
| `color-input` | 186,240 | 52,091 | 45,504 | 98,237 | 20,688 | 17,276 |
|
|
353
|
+
| `color-picker` | 142,414 | 39,181 | 34,368 | 84,912 | 18,348 | 15,316 |
|
|
354
|
+
| `combobox` | 150,676 | 46,073 | 40,446 | 51,299 | 11,878 | 9,847 |
|
|
355
|
+
| `command` | 114,025 | 34,958 | 30,710 | 41,638 | 10,419 | 8,535 |
|
|
356
|
+
| `copy-button` | 96,308 | 30,629 | 27,095 | 32,793 | 7,492 | 6,185 |
|
|
357
|
+
| `data-table` | 234,246 | 68,042 | 58,306 | 120,610 | 29,568 | 23,950 |
|
|
358
|
+
| `date-input` | 164,378 | 48,944 | 43,079 | 59,944 | 13,149 | 11,011 |
|
|
359
|
+
| `date-picker` | 71,139 | 22,979 | 20,576 | 28,748 | 7,093 | 5,770 |
|
|
360
|
+
| `description-list` | 26,427 | 9,731 | 8,676 | 4,508 | 1,245 | 1,019 |
|
|
361
|
+
| `device-screen` | 90,636 | 26,928 | 23,745 | 48,154 | 11,741 | 9,537 |
|
|
362
|
+
| `dialog` | 44,336 | 15,228 | 13,591 | 11,066 | 3,038 | 2,504 |
|
|
363
|
+
| `divider` | 25,863 | 9,772 | 8,639 | 3,698 | 1,124 | 901 |
|
|
364
|
+
| `donut-chart` | 102,652 | 34,411 | 30,414 | 24,675 | 6,707 | 5,614 |
|
|
365
|
+
| `drawer` | 49,667 | 16,868 | 15,047 | 13,613 | 3,715 | 3,011 |
|
|
366
|
+
| `drilldown` | 49,229 | 16,549 | 14,754 | 15,373 | 4,004 | 3,259 |
|
|
367
|
+
| `empty` | 26,316 | 10,056 | 8,905 | 3,267 | 1,082 | 940 |
|
|
368
|
+
| `file-input` | 70,673 | 22,945 | 20,374 | 24,666 | 6,583 | 5,328 |
|
|
369
|
+
| `filter-input` | 110,437 | 35,688 | 31,632 | 32,398 | 8,308 | 6,828 |
|
|
370
|
+
| `flex` | 26,312 | 9,425 | 8,374 | 4,762 | 1,048 | 835 |
|
|
371
|
+
| `format-date` | 31,463 | 11,790 | 10,526 | 4,713 | 1,375 | 1,080 |
|
|
372
|
+
| `graph` | 123,229 | 35,163 | 30,791 | 53,465 | 12,048 | 9,902 |
|
|
373
|
+
| `grid` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,299 |
|
|
374
|
+
| `heatmap` | 110,082 | 36,553 | 32,230 | 27,372 | 7,457 | 6,138 |
|
|
375
|
+
| `icon` | 89,012 | 30,216 | 25,970 | 63,933 | 21,796 | 17,408 |
|
|
376
|
+
| `icon-button` | 46,117 | 14,590 | 13,017 | 14,983 | 3,157 | 2,541 |
|
|
377
|
+
| `image` | 27,760 | 10,306 | 9,130 | 5,215 | 1,612 | 1,165 |
|
|
378
|
+
| `input` | 51,329 | 17,271 | 15,279 | 11,244 | 3,386 | 2,667 |
|
|
379
|
+
| `kbd` | 30,078 | 11,326 | 10,044 | 5,492 | 1,645 | 1,336 |
|
|
380
|
+
| `legend` | 45,189 | 15,800 | 14,049 | 7,875 | 2,174 | 1,723 |
|
|
381
|
+
| `lightbox` | 63,432 | 20,711 | 18,451 | 23,035 | 5,995 | 4,779 |
|
|
382
|
+
| `line-chart` | 113,713 | 38,274 | 33,796 | 28,161 | 7,518 | 6,325 |
|
|
383
|
+
| `list` | 69,295 | 23,266 | 20,728 | 21,583 | 5,925 | 4,780 |
|
|
384
|
+
| `listbox` | 84,067 | 27,533 | 24,302 | 20,032 | 5,723 | 4,377 |
|
|
385
|
+
| `loader` | 30,222 | 11,214 | 10,001 | 5,653 | 1,692 | 1,446 |
|
|
386
|
+
| `log` | 97,190 | 31,211 | 27,676 | 52,078 | 14,639 | 12,605 |
|
|
387
|
+
| `map` | 148,663 | 38,807 | 33,478 | 88,244 | 18,675 | 15,253 |
|
|
388
|
+
| `megamenu` | 66,134 | 23,304 | 20,659 | 13,674 | 3,609 | 2,761 |
|
|
389
|
+
| `menu` | 109,460 | 35,102 | 30,963 | 41,175 | 10,013 | 8,490 |
|
|
390
|
+
| `meter` | 39,093 | 13,828 | 12,396 | 11,138 | 2,811 | 2,371 |
|
|
391
|
+
| `motion-toggle` | 27,988 | 10,728 | 9,570 | 3,044 | 986 | 691 |
|
|
392
|
+
| `navigation` | 37,610 | 13,572 | 12,052 | 7,076 | 1,994 | 1,639 |
|
|
393
|
+
| `notifications` | 73,053 | 22,901 | 20,428 | 31,758 | 7,638 | 6,500 |
|
|
394
|
+
| `number-input` | 62,635 | 20,555 | 18,315 | 18,546 | 4,836 | 3,875 |
|
|
395
|
+
| `object-inspector` | 135,889 | 42,495 | 37,372 | 54,433 | 13,314 | 11,141 |
|
|
396
|
+
| `option` | 30,122 | 10,932 | 9,733 | 7,587 | 2,161 | 1,667 |
|
|
397
|
+
| `orb` | 36,885 | 14,019 | 12,534 | 10,017 | 3,710 | 3,124 |
|
|
398
|
+
| `outline` | 38,845 | 13,848 | 12,318 | 12,105 | 3,441 | 2,757 |
|
|
399
|
+
| `pagination` | 156,463 | 48,039 | 41,781 | 62,533 | 15,144 | 12,481 |
|
|
400
|
+
| `pin-input` | 52,253 | 17,961 | 16,014 | 10,569 | 3,270 | 2,478 |
|
|
401
|
+
| `popover` | 68,059 | 24,109 | 21,375 | 9,595 | 2,659 | 2,056 |
|
|
402
|
+
| `progress` | 36,415 | 12,815 | 11,448 | 10,170 | 2,595 | 2,198 |
|
|
403
|
+
| `qr-code` | 45,270 | 17,490 | 15,609 | 18,587 | 6,645 | 5,711 |
|
|
404
|
+
| `quote` | 23,646 | 9,304 | 8,219 | 1,751 | 695 | 566 |
|
|
405
|
+
| `radio` | 51,120 | 16,284 | 14,482 | 11,591 | 2,729 | 2,135 |
|
|
406
|
+
| `rating` | 55,552 | 19,008 | 16,939 | 11,974 | 3,676 | 2,838 |
|
|
407
|
+
| `sandbox` | 195,792 | 57,341 | 49,175 | 138,931 | 37,550 | 30,797 |
|
|
408
|
+
| `scatter-chart` | 108,028 | 36,469 | 32,146 | 29,695 | 8,474 | 7,032 |
|
|
409
|
+
| `scroll-area` | 36,301 | 12,384 | 11,037 | 13,508 | 3,556 | 2,789 |
|
|
410
|
+
| `select` | 127,402 | 41,111 | 35,956 | 35,265 | 9,013 | 7,179 |
|
|
411
|
+
| `skeleton` | 26,848 | 9,947 | 8,858 | 4,755 | 1,388 | 1,055 |
|
|
412
|
+
| `skip-link` | 26,118 | 10,115 | 8,950 | 2,779 | 962 | 782 |
|
|
413
|
+
| `slider` | 69,630 | 20,733 | 18,542 | 28,574 | 6,244 | 5,064 |
|
|
414
|
+
| `sparkline` | 54,716 | 19,331 | 17,252 | 11,422 | 3,448 | 2,862 |
|
|
415
|
+
| `spatial-bar-chart` | 114,257 | 39,176 | 34,494 | 28,901 | 8,472 | 7,040 |
|
|
416
|
+
| `spatial-heatmap` | 126,853 | 42,152 | 37,041 | 41,460 | 11,657 | 9,747 |
|
|
417
|
+
| `spatial-ribbon-chart` | 113,229 | 38,746 | 34,107 | 29,691 | 8,828 | 7,379 |
|
|
418
|
+
| `spatial-scatter-chart` | 111,526 | 37,970 | 33,442 | 28,039 | 8,144 | 6,763 |
|
|
419
|
+
| `spatial-surface-chart` | 113,903 | 39,173 | 34,522 | 30,366 | 9,229 | 7,710 |
|
|
420
|
+
| `spatial-treemap` | 115,605 | 39,966 | 35,166 | 30,369 | 9,258 | 7,865 |
|
|
421
|
+
| `speed-dial` | 76,667 | 26,447 | 23,501 | 17,968 | 4,395 | 3,640 |
|
|
422
|
+
| `splitter` | 51,146 | 16,693 | 14,936 | 20,540 | 4,914 | 4,051 |
|
|
423
|
+
| `stat` | 29,171 | 10,751 | 9,585 | 5,194 | 1,469 | 1,215 |
|
|
424
|
+
| `steps` | 69,031 | 21,902 | 19,484 | 27,874 | 6,792 | 5,583 |
|
|
425
|
+
| `strands` | 63,680 | 23,697 | 20,906 | 38,176 | 13,662 | 11,974 |
|
|
426
|
+
| `switch` | 44,474 | 14,984 | 13,342 | 6,021 | 1,732 | 1,309 |
|
|
427
|
+
| `table` | 138,775 | 40,983 | 35,669 | 62,931 | 15,440 | 12,792 |
|
|
428
|
+
| `tabs` | 56,056 | 18,049 | 16,043 | 19,435 | 4,759 | 3,787 |
|
|
429
|
+
| `tag` | 48,197 | 17,126 | 15,318 | 13,012 | 3,654 | 3,000 |
|
|
430
|
+
| `terminal` | 104,821 | 29,348 | 25,855 | 57,202 | 12,094 | 9,923 |
|
|
431
|
+
| `text` | 29,286 | 10,211 | 9,003 | 7,183 | 1,498 | 1,245 |
|
|
432
|
+
| `textarea` | 48,930 | 16,380 | 14,613 | 9,404 | 2,641 | 2,101 |
|
|
433
|
+
| `time-input` | 196,693 | 57,968 | 50,426 | 72,808 | 16,487 | 13,633 |
|
|
434
|
+
| `time-picker` | 114,881 | 34,974 | 30,729 | 46,174 | 11,378 | 9,437 |
|
|
435
|
+
| `timeline` | 39,321 | 13,742 | 12,313 | 10,975 | 2,724 | 2,243 |
|
|
436
|
+
| `toast` | 60,192 | 20,340 | 18,204 | 20,047 | 5,409 | 4,369 |
|
|
437
|
+
| `toggle` | 51,106 | 16,789 | 14,915 | 10,853 | 3,073 | 2,333 |
|
|
438
|
+
| `toolbar` | 37,051 | 13,296 | 11,863 | 4,030 | 978 | 719 |
|
|
439
|
+
| `tooltip` | 62,502 | 22,263 | 19,779 | 11,291 | 3,116 | 2,549 |
|
|
440
|
+
| `tour` | 95,381 | 31,305 | 27,731 | 30,157 | 7,571 | 6,130 |
|
|
441
|
+
| `tree` | 77,354 | 25,063 | 22,318 | 25,869 | 6,886 | 5,698 |
|
|
442
|
+
| `trend` | 32,854 | 12,577 | 11,235 | 5,489 | 1,665 | 1,394 |
|
|
443
|
+
| `video` | 164,395 | 48,823 | 42,599 | 87,276 | 20,630 | 17,227 |
|
|
444
|
+
| `video-playlist` | 144,967 | 44,810 | 39,338 | 58,785 | 14,032 | 11,724 |
|
|
445
|
+
| `virtual-list` | 67,932 | 22,858 | 20,346 | 25,371 | 7,619 | 6,267 |
|
|
446
446
|
|
|
447
447
|
## What an install adds to `node_modules`
|
|
448
448
|
|
|
@@ -5123,7 +5123,7 @@ on its own.
|
|
|
5123
5123
|
|
|
5124
5124
|
| | Raw | Gzip | Brotli |
|
|
5125
5125
|
|---|---|---|---|
|
|
5126
|
-
| Lit and \`@fusion.dev/helix-core\` | 277,212 | 88,766 | 75,
|
|
5126
|
+
| Lit and \`@fusion.dev/helix-core\` | 277,212 | 88,766 | 75,480 |
|
|
5127
5127
|
|
|
5128
5128
|
## Whole packages
|
|
5129
5129
|
|
|
@@ -5134,12 +5134,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5134
5134
|
|
|
5135
5135
|
| Package | Raw | Gzip | Brotli | |
|
|
5136
5136
|
|---|---|---|---|---|
|
|
5137
|
-
| \`@fusion.dev/helix-core\` | 276,421 | 88,612 | 75,
|
|
5138
|
-
| \`@fusion.dev/helix-headless\` | 1,516,542 | 423,469 | 317,
|
|
5137
|
+
| \`@fusion.dev/helix-core\` | 276,421 | 88,612 | 75,118 | The element base class, mixins, decorators, and floating positioning. |
|
|
5138
|
+
| \`@fusion.dev/helix-headless\` | 1,516,542 | 423,469 | 317,241 | Every headless family. The barrel entry includes all of them. |
|
|
5139
5139
|
| \`@fusion.dev/helix-icons\` | 59,688 | 18,986 | 16,177 | The whole glyph set. |
|
|
5140
5140
|
| \`@fusion.dev/helix-theme\` | 4,030 | 1,791 | 1,560 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
5141
5141
|
| \`fusion_helix_theme_bg.wasm\` | 412,026 | 152,920 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
5142
|
-
| \`@fusion.dev/helix\` | 2,255,389 | 582,800 |
|
|
5142
|
+
| \`@fusion.dev/helix\` | 2,255,389 | 582,800 | 414,976 | Every styled family. |
|
|
5143
5143
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
5144
5144
|
|
|
5145
5145
|
## Stylesheets
|
|
@@ -5166,7 +5166,7 @@ Across the 115 styled components, the smallest is \`code\` at 8,561 bytes gzippe
|
|
|
5166
5166
|
|
|
5167
5167
|
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 423,469 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 115 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.
|
|
5168
5168
|
|
|
5169
|
-
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 18,
|
|
5169
|
+
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 18,454 bytes gzipped alone.
|
|
5170
5170
|
|
|
5171
5171
|
## Compared with other systems
|
|
5172
5172
|
|
|
@@ -5178,37 +5178,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5178
5178
|
|
|
5179
5179
|
| Component | System | Raw | Gzip | Brotli |
|
|
5180
5180
|
|---|---|---|---|---|
|
|
5181
|
-
| \`button\` | **Helix** | 42,754 | 14,406 | 12,
|
|
5181
|
+
| \`button\` | **Helix** | 42,754 | 14,406 | 12,865 |
|
|
5182
5182
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5183
5183
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5184
5184
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
5185
5185
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
5186
|
-
| \`checkbox\` | **Helix** | 47,753 | 15,522 | 13,
|
|
5186
|
+
| \`checkbox\` | **Helix** | 47,753 | 15,522 | 13,820 |
|
|
5187
5187
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
5188
5188
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5189
5189
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5190
5190
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5191
|
-
| \`dialog\` | **Helix** | 44,336 | 15,
|
|
5191
|
+
| \`dialog\` | **Helix** | 44,336 | 15,228 | 13,591 |
|
|
5192
5192
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5193
5193
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5194
5194
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5195
5195
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5196
|
-
| \`radio\` | **Helix** | 51,120 | 16,284 | 14,
|
|
5196
|
+
| \`radio\` | **Helix** | 51,120 | 16,284 | 14,482 |
|
|
5197
5197
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5198
5198
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5199
5199
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
5200
5200
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
5201
|
-
| \`switch\` | **Helix** | 44,474 | 14,984 | 13,
|
|
5201
|
+
| \`switch\` | **Helix** | 44,474 | 14,984 | 13,342 |
|
|
5202
5202
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
5203
5203
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5204
5204
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5205
5205
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5206
|
-
| \`tabs\` | **Helix** | 56,056 | 18,049 | 16,
|
|
5206
|
+
| \`tabs\` | **Helix** | 56,056 | 18,049 | 16,043 |
|
|
5207
5207
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5208
5208
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5209
5209
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
5210
5210
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
5211
|
-
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,
|
|
5211
|
+
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,779 |
|
|
5212
5212
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
5213
5213
|
| | Material Web | | not shipped | |
|
|
5214
5214
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -5288,114 +5288,114 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5288
5288
|
|
|
5289
5289
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5290
5290
|
|---|---|---|---|---|---|---|
|
|
5291
|
-
| \`accordion\` | 32,671 | 12,091 | 10,
|
|
5292
|
-
| \`announcement\` | 37,661 | 13,710 | 12,
|
|
5293
|
-
| \`app-header\` | 33,168 | 12,240 | 10,
|
|
5294
|
-
| \`area-chart\` | 99,355 | 34,968 | 30,
|
|
5295
|
-
| \`avatar\` | 31,887 | 12,153 | 10,
|
|
5296
|
-
| \`badge\` | 28,118 | 10,944 | 9,
|
|
5297
|
-
| \`bar-chart\` | 107,369 | 37,632 | 33,
|
|
5298
|
-
| \`blockquote\` | 24,679 | 9,638 | 8,
|
|
5299
|
-
| \`breadcrumbs\` | 37,419 | 14,328 | 12,
|
|
5300
|
-
| \`button\` | 36,246 | 12,977 | 11,
|
|
5301
|
-
| \`button-group\` | 28,214 | 10,617 | 9,
|
|
5302
|
-
| \`callout\` | 36,284 | 13,989 | 12,434 | 2,884 | 956 |
|
|
5303
|
-
| \`canvas\` | 132,515 | 41,864 | 36,
|
|
5304
|
-
| \`card\` | 24,397 | 9,312 | 8,
|
|
5305
|
-
| \`carousel\` | 45,167 | 16,
|
|
5306
|
-
| \`chat\` | 83,313 | 27,
|
|
5307
|
-
| \`checkbox\` | 41,267 | 14,019 | 12,
|
|
5308
|
-
| \`checkbox-group\` | 48,490 | 15,947 | 14,
|
|
5309
|
-
| \`code\` | 20,869 | 8,248 | 7,313 | 138 | 84 |
|
|
5310
|
-
| \`code-block\` | 104,805 | 35,636 | 31,
|
|
5311
|
-
| \`color-input\` | 143,769 | 45,822 | 40,
|
|
5312
|
-
| \`color-picker\` | 105,388 | 33,621 | 29,
|
|
5313
|
-
| \`combobox\` | 135,322 | 43,127 | 37,
|
|
5314
|
-
| \`command\` | 102,726 | 32,609 | 28,
|
|
5315
|
-
| \`copy-button\` | 82,250 | 28,297 | 25,
|
|
5316
|
-
| \`data-table\` | 203,581 | 62,637 | 53,
|
|
5317
|
-
| \`date-input\` | 143,074 | 45,180 | 39,
|
|
5318
|
-
| \`date-picker\` | 63,093 | 21,511 | 19,
|
|
5319
|
-
| \`description-list\` | 23,472 | 8,993 | 7,
|
|
5320
|
-
| \`device-screen\` | 73,940 | 24,006 | 21,
|
|
5321
|
-
| \`dialog\` | 39,200 | 13,
|
|
5322
|
-
| \`divider\` | 23,564 | 9,144 | 8,085 | 1,415 | 494 |
|
|
5323
|
-
| \`donut-chart\` | 92,673 | 32,263 | 28,
|
|
5324
|
-
| \`drawer\` | 43,837 | 15,484 | 13,
|
|
5325
|
-
| \`drilldown\` | 43,552 | 15,254 | 13,
|
|
5326
|
-
| \`empty\` | 25,007 | 9,578 | 8,
|
|
5327
|
-
| \`file-input\` | 59,143 | 20,557 | 18,
|
|
5328
|
-
| \`filter-input\` | 99,603 | 33,493 | 29,
|
|
5329
|
-
| \`format-date\` | 31,209 | 11,675 | 10,
|
|
5330
|
-
| \`graph\` | 98,190 | 31,204 | 27,
|
|
5331
|
-
| \`heatmap\` | 101,760 | 34,695 | 30,
|
|
5332
|
-
| \`icon\` | 86,977 | 29,
|
|
5333
|
-
| \`icon-button\` | 36,357 | 13,003 | 11,
|
|
5334
|
-
| \`image\` | 26,373 | 9,844 | 8,
|
|
5335
|
-
| \`input\` | 47,074 | 16,181 | 14,
|
|
5336
|
-
| \`kbd\` | 28,084 | 10,790 | 9,
|
|
5337
|
-
| \`legend\` | 39,951 | 14,500 | 12,
|
|
5338
|
-
| \`lightbox\` | 57,138 | 19,382 | 17,
|
|
5339
|
-
| \`line-chart\` | 102,350 | 35,821 | 31,
|
|
5340
|
-
| \`list\` | 62,949 | 21,
|
|
5341
|
-
| \`listbox\` | 79,626 | 26,413 | 23,
|
|
5342
|
-
| \`loader\` | 27,341 | 10,452 | 9,
|
|
5343
|
-
| \`log\` | 84,672 | 28,871 | 25,
|
|
5344
|
-
| \`map\` | 106,241 | 32,
|
|
5345
|
-
| \`megamenu\` | 61,165 | 22,175 | 19,
|
|
5346
|
-
| \`menu\` | 98,535 | 32,954 | 29,
|
|
5347
|
-
| \`meter\` | 32,921 | 12,
|
|
5348
|
-
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 510 |
|
|
5349
|
-
| \`navigation\` | 33,886 | 12,736 | 11,
|
|
5350
|
-
| \`notifications\` | 59,565 | 20,340 | 18,
|
|
5351
|
-
| \`number-input\` | 57,654 | 19,365 | 17,
|
|
5352
|
-
| \`object-inspector\` | 117,453 | 39,468 | 34,
|
|
5353
|
-
| \`option\` | 27,049 | 9,971 | 8,
|
|
5354
|
-
| \`outline\` | 34,611 | 12,986 | 11,
|
|
5355
|
-
| \`pagination\` | 139,586 | 44,769 | 38,
|
|
5356
|
-
| \`pin-input\` | 48,873 | 17,049 | 15,
|
|
5357
|
-
| \`popover\` | 64,907 | 23,347 | 20,
|
|
5358
|
-
| \`progress\` | 29,235 | 11,152 | 9,
|
|
5359
|
-
| \`qr-code\` | 43,669 | 17,
|
|
5360
|
-
| \`quote\` | 23,088 | 9,113 | 8,
|
|
5361
|
-
| \`radio\` | 43,333 | 14,777 | 13,
|
|
5362
|
-
| \`rating\` | 51,618 | 17,783 | 15,
|
|
5363
|
-
| \`scatter-chart\` | 98,654 | 34,307 | 30,
|
|
5364
|
-
| \`scroll-area\` | 31,294 | 11,434 | 10,
|
|
5365
|
-
| \`select\` | 118,275 | 39,198 | 34,
|
|
5366
|
-
| \`skeleton\` | 22,900 | 8,872 | 7,
|
|
5367
|
-
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 474 |
|
|
5368
|
-
| \`slider\` | 54,667 | 18,
|
|
5369
|
-
| \`sparkline\` | 49,258 | 17,983 | 16,
|
|
5370
|
-
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,
|
|
5371
|
-
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,
|
|
5372
|
-
| \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,
|
|
5373
|
-
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,
|
|
5374
|
-
| \`spatial-surface-chart\` | 105,468 | 37,270 | 32,
|
|
5375
|
-
| \`spatial-treemap\` | 106,586 | 37,909 | 33,
|
|
5376
|
-
| \`speed-dial\` | 69,618 | 25,072 | 22,
|
|
5377
|
-
| \`splitter\` | 45,096 | 15,644 | 13,
|
|
5378
|
-
| \`stat\` | 26,285 | 10,057 | 8,
|
|
5379
|
-
| \`steps\` | 54,951 | 19,120 | 17,043 | 13,805 | 3,914 | 3,
|
|
5380
|
-
| \`switch\` | 40,121 | 13,837 | 12,
|
|
5381
|
-
| \`table\` | 120,990 | 37,868 | 32,
|
|
5382
|
-
| \`tabs\` | 47,105 | 16,
|
|
5383
|
-
| \`tag\` | 43,623 | 15,997 | 14,
|
|
5384
|
-
| \`terminal\` | 77,803 | 25,510 | 22,
|
|
5385
|
-
| \`textarea\` | 44,998 | 15,367 | 13,748 | 5,490 | 1,596 | 1,
|
|
5386
|
-
| \`time-input\` | 172,438 | 53,799 | 46,
|
|
5387
|
-
| \`time-picker\` | 102,682 | 32,564 | 28,
|
|
5388
|
-
| \`timeline\` | 32,429 | 12,
|
|
5389
|
-
| \`toast\` | 52,298 | 18,492 | 16,
|
|
5390
|
-
| \`toggle\` | 46,246 | 15,540 | 13,
|
|
5391
|
-
| \`toolbar\` | 34,370 | 12,800 | 11,
|
|
5392
|
-
| \`tooltip\` | 59,698 | 21,
|
|
5393
|
-
| \`tour\` | 85,289 | 29,
|
|
5394
|
-
| \`tree\` | 68,666 | 23,155 | 20,
|
|
5395
|
-
| \`trend\` | 30,937 | 12,025 | 10,750 | 3,592 | 1,134 |
|
|
5396
|
-
| \`video\` | 143,892 | 45,
|
|
5397
|
-
| \`video-playlist\` | 129,019 | 41,
|
|
5398
|
-
| \`virtual-list\` | 65,938 | 22,353 | 19,
|
|
5291
|
+
| \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,562 | 1,195 |
|
|
5292
|
+
| \`announcement\` | 37,661 | 13,710 | 12,240 | 4,701 | 1,370 | 1,024 |
|
|
5293
|
+
| \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,785 | 1,313 |
|
|
5294
|
+
| \`area-chart\` | 99,355 | 34,968 | 30,834 | 14,417 | 4,443 | 3,632 |
|
|
5295
|
+
| \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 943 |
|
|
5296
|
+
| \`badge\` | 28,118 | 10,944 | 9,780 | 2,961 | 893 | 720 |
|
|
5297
|
+
| \`bar-chart\` | 107,369 | 37,632 | 33,294 | 21,900 | 6,868 | 5,856 |
|
|
5298
|
+
| \`blockquote\` | 24,679 | 9,638 | 8,538 | 2,401 | 886 | 758 |
|
|
5299
|
+
| \`breadcrumbs\` | 37,419 | 14,328 | 12,857 | 7,380 | 2,407 | 1,954 |
|
|
5300
|
+
| \`button\` | 36,246 | 12,977 | 11,569 | 5,128 | 1,499 | 1,086 |
|
|
5301
|
+
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,921 | 1,484 | 1,097 |
|
|
5302
|
+
| \`callout\` | 36,284 | 13,989 | 12,434 | 2,884 | 956 | 621 |
|
|
5303
|
+
| \`canvas\` | 132,515 | 41,864 | 36,414 | 74,272 | 22,545 | 18,690 |
|
|
5304
|
+
| \`card\` | 24,397 | 9,312 | 8,254 | 2,090 | 644 | 468 |
|
|
5305
|
+
| \`carousel\` | 45,167 | 16,074 | 14,349 | 15,328 | 4,258 | 3,440 |
|
|
5306
|
+
| \`chat\` | 83,313 | 27,723 | 24,437 | 28,394 | 8,256 | 6,629 |
|
|
5307
|
+
| \`checkbox\` | 41,267 | 14,019 | 12,516 | 3,107 | 956 | 686 |
|
|
5308
|
+
| \`checkbox-group\` | 48,490 | 15,947 | 14,219 | 8,322 | 2,335 | 1,610 |
|
|
5309
|
+
| \`code\` | 20,869 | 8,248 | 7,313 | 138 | 84 | 49 |
|
|
5310
|
+
| \`code-block\` | 104,805 | 35,636 | 31,420 | 37,315 | 10,654 | 8,788 |
|
|
5311
|
+
| \`color-input\` | 143,769 | 45,822 | 40,052 | 55,776 | 14,298 | 11,802 |
|
|
5312
|
+
| \`color-picker\` | 105,388 | 33,621 | 29,510 | 47,896 | 12,667 | 10,497 |
|
|
5313
|
+
| \`combobox\` | 135,322 | 43,127 | 37,889 | 35,962 | 9,090 | 7,214 |
|
|
5314
|
+
| \`command\` | 102,726 | 32,609 | 28,680 | 30,345 | 8,148 | 6,615 |
|
|
5315
|
+
| \`copy-button\` | 82,250 | 28,297 | 25,044 | 18,753 | 5,092 | 3,999 |
|
|
5316
|
+
| \`data-table\` | 203,581 | 62,637 | 53,530 | 89,962 | 24,138 | 19,218 |
|
|
5317
|
+
| \`date-input\` | 143,074 | 45,180 | 39,679 | 38,660 | 9,413 | 7,667 |
|
|
5318
|
+
| \`date-picker\` | 63,093 | 21,511 | 19,251 | 20,720 | 5,635 | 4,472 |
|
|
5319
|
+
| \`description-list\` | 23,472 | 8,993 | 7,992 | 1,565 | 505 | 338 |
|
|
5320
|
+
| \`device-screen\` | 73,940 | 24,006 | 21,105 | 31,473 | 8,751 | 6,999 |
|
|
5321
|
+
| \`dialog\` | 39,200 | 13,972 | 12,448 | 5,948 | 1,759 | 1,250 |
|
|
5322
|
+
| \`divider\` | 23,564 | 9,144 | 8,085 | 1,415 | 494 | 372 |
|
|
5323
|
+
| \`donut-chart\` | 92,673 | 32,263 | 28,568 | 14,717 | 4,501 | 3,632 |
|
|
5324
|
+
| \`drawer\` | 43,837 | 15,484 | 13,807 | 7,799 | 2,296 | 1,867 |
|
|
5325
|
+
| \`drilldown\` | 43,552 | 15,254 | 13,585 | 9,705 | 2,707 | 1,994 |
|
|
5326
|
+
| \`empty\` | 25,007 | 9,578 | 8,498 | 1,976 | 642 | 474 |
|
|
5327
|
+
| \`file-input\` | 59,143 | 20,557 | 18,271 | 13,148 | 4,128 | 3,358 |
|
|
5328
|
+
| \`filter-input\` | 99,603 | 33,493 | 29,698 | 21,571 | 6,183 | 4,975 |
|
|
5329
|
+
| \`format-date\` | 31,209 | 11,675 | 10,448 | 4,475 | 1,251 | 937 |
|
|
5330
|
+
| \`graph\` | 98,190 | 31,204 | 27,387 | 28,438 | 8,118 | 6,632 |
|
|
5331
|
+
| \`heatmap\` | 101,760 | 34,695 | 30,636 | 19,070 | 5,629 | 4,504 |
|
|
5332
|
+
| \`icon\` | 86,977 | 29,610 | 25,408 | 62,080 | 21,256 | 16,944 |
|
|
5333
|
+
| \`icon-button\` | 36,357 | 13,003 | 11,598 | 5,237 | 1,532 | 1,186 |
|
|
5334
|
+
| \`image\` | 26,373 | 9,844 | 8,745 | 3,846 | 1,159 | 885 |
|
|
5335
|
+
| \`input\` | 47,074 | 16,181 | 14,349 | 7,006 | 2,268 | 1,524 |
|
|
5336
|
+
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,089 | 808 |
|
|
5337
|
+
| \`legend\` | 39,951 | 14,500 | 12,936 | 2,765 | 913 | 644 |
|
|
5338
|
+
| \`lightbox\` | 57,138 | 19,382 | 17,249 | 16,760 | 4,662 | 3,573 |
|
|
5339
|
+
| \`line-chart\` | 102,350 | 35,821 | 31,657 | 16,812 | 5,055 | 4,281 |
|
|
5340
|
+
| \`list\` | 62,949 | 21,724 | 19,373 | 15,256 | 4,418 | 3,462 |
|
|
5341
|
+
| \`listbox\` | 79,626 | 26,413 | 23,317 | 15,603 | 4,588 | 3,575 |
|
|
5342
|
+
| \`loader\` | 27,341 | 10,452 | 9,310 | 2,786 | 928 | 711 |
|
|
5343
|
+
| \`log\` | 84,672 | 28,871 | 25,512 | 39,568 | 12,156 | 10,332 |
|
|
5344
|
+
| \`map\` | 106,241 | 32,298 | 27,836 | 45,830 | 12,023 | 9,558 |
|
|
5345
|
+
| \`megamenu\` | 61,165 | 22,175 | 19,641 | 8,724 | 2,425 | 1,788 |
|
|
5346
|
+
| \`menu\` | 98,535 | 32,954 | 29,067 | 30,262 | 7,961 | 6,465 |
|
|
5347
|
+
| \`meter\` | 32,921 | 12,483 | 11,192 | 4,982 | 1,460 | 1,183 |
|
|
5348
|
+
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 510 | 384 |
|
|
5349
|
+
| \`navigation\` | 33,886 | 12,736 | 11,324 | 3,365 | 1,164 | 941 |
|
|
5350
|
+
| \`notifications\` | 59,565 | 20,340 | 18,153 | 18,276 | 5,073 | 4,079 |
|
|
5351
|
+
| \`number-input\` | 57,654 | 19,365 | 17,241 | 13,581 | 3,625 | 2,744 |
|
|
5352
|
+
| \`object-inspector\` | 117,453 | 39,468 | 34,727 | 36,012 | 10,215 | 8,435 |
|
|
5353
|
+
| \`option\` | 27,049 | 9,971 | 8,855 | 4,523 | 1,214 | 968 |
|
|
5354
|
+
| \`outline\` | 34,611 | 12,986 | 11,546 | 7,888 | 2,542 | 1,850 |
|
|
5355
|
+
| \`pagination\` | 139,586 | 44,769 | 38,872 | 45,676 | 11,760 | 9,551 |
|
|
5356
|
+
| \`pin-input\` | 48,873 | 17,049 | 15,226 | 7,208 | 2,376 | 1,765 |
|
|
5357
|
+
| \`popover\` | 64,907 | 23,347 | 20,632 | 6,461 | 1,851 | 1,308 |
|
|
5358
|
+
| \`progress\` | 29,235 | 11,152 | 9,978 | 3,007 | 925 | 629 |
|
|
5359
|
+
| \`qr-code\` | 43,669 | 17,004 | 15,111 | 17,003 | 6,197 | 5,226 |
|
|
5360
|
+
| \`quote\` | 23,088 | 9,113 | 8,055 | 1,210 | 502 | 370 |
|
|
5361
|
+
| \`radio\` | 43,333 | 14,777 | 13,156 | 3,815 | 1,189 | 858 |
|
|
5362
|
+
| \`rating\` | 51,618 | 17,783 | 15,862 | 8,058 | 2,438 | 1,801 |
|
|
5363
|
+
| \`scatter-chart\` | 98,654 | 34,307 | 30,271 | 20,340 | 6,410 | 5,214 |
|
|
5364
|
+
| \`scroll-area\` | 31,294 | 11,434 | 10,152 | 8,518 | 2,614 | 2,003 |
|
|
5365
|
+
| \`select\` | 118,275 | 39,198 | 34,324 | 26,153 | 7,196 | 5,564 |
|
|
5366
|
+
| \`skeleton\` | 22,900 | 8,872 | 7,874 | 991 | 385 | 229 |
|
|
5367
|
+
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 474 | 343 |
|
|
5368
|
+
| \`slider\` | 54,667 | 18,415 | 16,538 | 13,625 | 3,879 | 3,087 |
|
|
5369
|
+
| \`sparkline\` | 49,258 | 17,983 | 16,056 | 5,982 | 2,106 | 1,688 |
|
|
5370
|
+
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,690 | 19,854 | 6,526 | 5,270 |
|
|
5371
|
+
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,160 | 31,741 | 9,455 | 7,896 |
|
|
5372
|
+
| \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,404 | 20,793 | 6,880 | 5,608 |
|
|
5373
|
+
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,729 | 19,087 | 6,276 | 5,145 |
|
|
5374
|
+
| \`spatial-surface-chart\` | 105,468 | 37,270 | 32,881 | 21,949 | 7,389 | 6,211 |
|
|
5375
|
+
| \`spatial-treemap\` | 106,586 | 37,909 | 33,355 | 21,370 | 7,272 | 6,000 |
|
|
5376
|
+
| \`speed-dial\` | 69,618 | 25,072 | 22,163 | 10,935 | 2,978 | 2,414 |
|
|
5377
|
+
| \`splitter\` | 45,096 | 15,644 | 13,997 | 14,504 | 3,864 | 3,045 |
|
|
5378
|
+
| \`stat\` | 26,285 | 10,057 | 8,960 | 2,323 | 768 | 541 |
|
|
5379
|
+
| \`steps\` | 54,951 | 19,120 | 17,043 | 13,805 | 3,914 | 3,157 |
|
|
5380
|
+
| \`switch\` | 40,121 | 13,837 | 12,335 | 1,679 | 615 | 336 |
|
|
5381
|
+
| \`table\` | 120,990 | 37,868 | 32,905 | 45,143 | 12,243 | 9,923 |
|
|
5382
|
+
| \`tabs\` | 47,105 | 16,205 | 14,404 | 10,491 | 2,863 | 2,129 |
|
|
5383
|
+
| \`tag\` | 43,623 | 15,997 | 14,299 | 8,451 | 2,532 | 1,957 |
|
|
5384
|
+
| \`terminal\` | 77,803 | 25,510 | 22,489 | 30,191 | 8,188 | 6,604 |
|
|
5385
|
+
| \`textarea\` | 44,998 | 15,367 | 13,748 | 5,490 | 1,596 | 1,197 |
|
|
5386
|
+
| \`time-input\` | 172,438 | 53,799 | 46,666 | 48,568 | 12,180 | 9,926 |
|
|
5387
|
+
| \`time-picker\` | 102,682 | 32,564 | 28,655 | 33,981 | 9,093 | 7,356 |
|
|
5388
|
+
| \`timeline\` | 32,429 | 12,282 | 11,014 | 4,087 | 1,192 | 919 |
|
|
5389
|
+
| \`toast\` | 52,298 | 18,492 | 16,508 | 12,165 | 3,515 | 2,810 |
|
|
5390
|
+
| \`toggle\` | 46,246 | 15,540 | 13,827 | 6,005 | 1,790 | 1,267 |
|
|
5391
|
+
| \`toolbar\` | 34,370 | 12,800 | 11,424 | 1,366 | 482 | 264 |
|
|
5392
|
+
| \`tooltip\` | 59,698 | 21,529 | 19,111 | 8,505 | 2,384 | 1,810 |
|
|
5393
|
+
| \`tour\` | 85,289 | 29,313 | 25,898 | 20,084 | 5,533 | 4,343 |
|
|
5394
|
+
| \`tree\` | 68,666 | 23,155 | 20,607 | 17,196 | 4,929 | 3,908 |
|
|
5395
|
+
| \`trend\` | 30,937 | 12,025 | 10,750 | 3,592 | 1,134 | 951 |
|
|
5396
|
+
| \`video\` | 143,892 | 45,089 | 39,344 | 66,785 | 16,896 | 13,954 |
|
|
5397
|
+
| \`video-playlist\` | 129,019 | 41,832 | 36,723 | 42,856 | 11,030 | 9,198 |
|
|
5398
|
+
| \`virtual-list\` | 65,938 | 22,353 | 19,877 | 23,394 | 7,155 | 5,825 |
|
|
5399
5399
|
|
|
5400
5400
|
### Styled tier
|
|
5401
5401
|
|
|
@@ -5403,121 +5403,121 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5403
5403
|
|
|
5404
5404
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5405
5405
|
|---|---|---|---|---|---|---|
|
|
5406
|
-
| \`accordion\` | 36,104 | 12,946 | 11,
|
|
5407
|
-
| \`announcement\` | 42,276 | 14,
|
|
5408
|
-
| \`app-header\` | 38,326 | 13,450 |
|
|
5409
|
-
| \`area-chart\` | 107,559 | 36,
|
|
5410
|
-
| \`aura\` | 59,567 | 20,254 | 17,
|
|
5411
|
-
| \`avatar\` | 34,890 | 12,911 | 11,
|
|
5412
|
-
| \`badge\` | 33,626 | 12,190 | 10,
|
|
5413
|
-
| \`bar-chart\` | 122,404 | 40,666 | 35,
|
|
5414
|
-
| \`blockquote\` | 26,905 | 10,186 | 9,
|
|
5415
|
-
| \`breadcrumbs\` | 44,358 | 15,535 | 13,
|
|
5416
|
-
| \`button\` | 42,754 | 14,406 | 12,
|
|
5417
|
-
| \`button-group\` | 31,709 | 11,295 | 10,
|
|
5418
|
-
| \`callout\` | 40,077 | 14,936 | 13,
|
|
5419
|
-
| \`canvas\` | 162,739 | 46,991 | 40,
|
|
5420
|
-
| \`card\` | 28,297 | 10,317 | 9,
|
|
5421
|
-
| \`carousel\` | 55,653 | 17,867 | 16,
|
|
5422
|
-
| \`chat\` | 98,606 | 30,451 | 26,
|
|
5423
|
-
| \`checkbox\` | 47,753 | 15,522 | 13,
|
|
5424
|
-
| \`checkbox-group\` | 55,713 | 17,591 | 15,650 | 15,536 | 3,989 | 3,
|
|
5425
|
-
| \`code\` | 21,726 | 8,561 | 7,
|
|
5426
|
-
| \`code-block\` | 131,305 | 39,
|
|
5427
|
-
| \`color-input\` | 186,240 | 52,
|
|
5428
|
-
| \`color-picker\` | 142,414 | 39,181 | 34,
|
|
5429
|
-
| \`combobox\` | 150,676 | 46,
|
|
5430
|
-
| \`command\` | 114,025 | 34,958 | 30,
|
|
5431
|
-
| \`copy-button\` | 96,308 | 30,629 | 27,
|
|
5432
|
-
| \`data-table\` | 234,246 | 68,042 | 58,
|
|
5433
|
-
| \`date-input\` | 164,378 | 48,
|
|
5434
|
-
| \`date-picker\` | 71,139 | 22,
|
|
5435
|
-
| \`description-list\` | 26,427 | 9,731 | 8,
|
|
5436
|
-
| \`device-screen\` | 90,636 | 26,928 | 23,
|
|
5437
|
-
| \`dialog\` | 44,336 | 15,
|
|
5438
|
-
| \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,124 |
|
|
5439
|
-
| \`donut-chart\` | 102,652 | 34,411 | 30,
|
|
5440
|
-
| \`drawer\` | 49,667 | 16,868 | 15,047 | 13,613 | 3,715 | 3,
|
|
5441
|
-
| \`drilldown\` | 49,229 | 16,549 | 14,
|
|
5442
|
-
| \`empty\` | 26,316 | 10,056 | 8,
|
|
5443
|
-
| \`file-input\` | 70,673 | 22,945 | 20,
|
|
5444
|
-
| \`filter-input\` | 110,437 | 35,
|
|
5445
|
-
| \`flex\` | 26,312 | 9,425 | 8,
|
|
5446
|
-
| \`format-date\` | 31,463 | 11,790 | 10,
|
|
5447
|
-
| \`graph\` | 123,229 | 35,163 | 30,
|
|
5448
|
-
| \`grid\` | 27,762 | 10,138 | 8,
|
|
5449
|
-
| \`heatmap\` | 110,082 | 36,553 | 32,
|
|
5450
|
-
| \`icon\` | 89,012 | 30,
|
|
5451
|
-
| \`icon-button\` | 46,117 | 14,590 | 13,
|
|
5452
|
-
| \`image\` | 27,760 | 10,306 | 9,
|
|
5453
|
-
| \`input\` | 51,329 | 17,271 | 15,279 | 11,244 | 3,
|
|
5454
|
-
| \`kbd\` | 30,078 | 11,326 | 10,
|
|
5455
|
-
| \`legend\` | 45,189 | 15,800 | 14,
|
|
5456
|
-
| \`lightbox\` | 63,432 | 20,711 | 18,
|
|
5457
|
-
| \`line-chart\` | 113,713 | 38,
|
|
5458
|
-
| \`list\` | 69,295 | 23,
|
|
5459
|
-
| \`listbox\` | 84,067 | 27,533 | 24,
|
|
5460
|
-
| \`loader\` | 30,222 | 11,214 | 10,
|
|
5461
|
-
| \`log\` | 97,190 | 31,211 | 27,
|
|
5462
|
-
| \`map\` | 148,663 | 38,807 | 33,
|
|
5463
|
-
| \`megamenu\` | 66,134 | 23,304 | 20,
|
|
5464
|
-
| \`menu\` | 109,460 | 35,102 | 30,
|
|
5465
|
-
| \`meter\` | 39,093 | 13,828 | 12,
|
|
5466
|
-
| \`motion-toggle\` | 27,988 | 10,
|
|
5467
|
-
| \`navigation\` | 37,610 | 13,572 | 12,
|
|
5468
|
-
| \`notifications\` | 73,053 | 22,901 | 20,
|
|
5469
|
-
| \`number-input\` | 62,635 | 20,555 | 18,
|
|
5470
|
-
| \`object-inspector\` | 135,889 | 42,
|
|
5471
|
-
| \`option\` | 30,122 | 10,932 | 9,
|
|
5472
|
-
| \`orb\` | 36,885 | 14,019 | 12,
|
|
5473
|
-
| \`outline\` | 38,845 | 13,848 | 12,
|
|
5474
|
-
| \`pagination\` | 156,463 | 48,039 | 41,
|
|
5475
|
-
| \`pin-input\` | 52,253 | 17,
|
|
5476
|
-
| \`popover\` | 68,059 | 24,109 | 21,
|
|
5477
|
-
| \`progress\` | 36,415 | 12,815 | 11,
|
|
5478
|
-
| \`qr-code\` | 45,270 | 17,490 | 15,
|
|
5479
|
-
| \`quote\` | 23,646 | 9,304 | 8,
|
|
5480
|
-
| \`radio\` | 51,120 | 16,284 | 14,
|
|
5481
|
-
| \`rating\` | 55,552 | 19,008 | 16,
|
|
5482
|
-
| \`sandbox\` | 195,792 | 57,341 | 49,
|
|
5483
|
-
| \`scatter-chart\` | 108,028 | 36,469 | 32,
|
|
5484
|
-
| \`scroll-area\` | 36,301 | 12,384 | 11,
|
|
5485
|
-
| \`select\` | 127,402 | 41,111 | 35,
|
|
5486
|
-
| \`skeleton\` | 26,848 | 9,947 | 8,
|
|
5487
|
-
| \`skip-link\` | 26,118 | 10,115 | 8,950 | 2,779 | 962 |
|
|
5488
|
-
| \`slider\` | 69,630 | 20,733 | 18,542 | 28,574 | 6,244 | 5,
|
|
5489
|
-
| \`sparkline\` | 54,716 | 19,
|
|
5490
|
-
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,
|
|
5491
|
-
| \`spatial-heatmap\` | 126,853 | 42,152 | 37,
|
|
5492
|
-
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,
|
|
5493
|
-
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,
|
|
5494
|
-
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,
|
|
5495
|
-
| \`spatial-treemap\` | 115,605 | 39,
|
|
5496
|
-
| \`speed-dial\` | 76,667 | 26,447 | 23,
|
|
5497
|
-
| \`splitter\` | 51,146 | 16,693 | 14,
|
|
5498
|
-
| \`stat\` | 29,171 | 10,751 | 9,585 | 5,194 | 1,469 | 1,
|
|
5499
|
-
| \`steps\` | 69,031 | 21,
|
|
5500
|
-
| \`strands\` | 63,680 | 23,697 | 20,
|
|
5501
|
-
| \`switch\` | 44,474 | 14,984 | 13,
|
|
5502
|
-
| \`table\` | 138,775 | 40,983 | 35,
|
|
5503
|
-
| \`tabs\` | 56,056 | 18,049 | 16,
|
|
5504
|
-
| \`tag\` | 48,197 | 17,126 | 15,
|
|
5505
|
-
| \`terminal\` | 104,821 | 29,348 | 25,
|
|
5506
|
-
| \`text\` | 29,286 | 10,211 | 9,
|
|
5507
|
-
| \`textarea\` | 48,930 | 16,380 | 14,
|
|
5508
|
-
| \`time-input\` | 196,693 | 57,
|
|
5509
|
-
| \`time-picker\` | 114,881 | 34,
|
|
5510
|
-
| \`timeline\` | 39,321 | 13,742 | 12,
|
|
5511
|
-
| \`toast\` | 60,192 | 20,340 | 18,
|
|
5512
|
-
| \`toggle\` | 51,106 | 16,789 | 14,
|
|
5513
|
-
| \`toolbar\` | 37,051 | 13,296 | 11,
|
|
5514
|
-
| \`tooltip\` | 62,502 | 22,263 | 19,
|
|
5515
|
-
| \`tour\` | 95,381 | 31,305 | 27,
|
|
5516
|
-
| \`tree\` | 77,354 | 25,063 | 22,
|
|
5517
|
-
| \`trend\` | 32,854 | 12,
|
|
5518
|
-
| \`video\` | 164,395 | 48,
|
|
5519
|
-
| \`video-playlist\` | 144,967 | 44,810 | 39,
|
|
5520
|
-
| \`virtual-list\` | 67,932 | 22,
|
|
5406
|
+
| \`accordion\` | 36,104 | 12,946 | 11,483 | 8,795 | 2,456 | 1,962 |
|
|
5407
|
+
| \`announcement\` | 42,276 | 14,776 | 13,190 | 9,297 | 2,456 | 1,925 |
|
|
5408
|
+
| \`app-header\` | 38,326 | 13,450 | 11,979 | 11,046 | 2,981 | 2,362 |
|
|
5409
|
+
| \`area-chart\` | 107,559 | 36,863 | 32,494 | 22,604 | 6,389 | 5,248 |
|
|
5410
|
+
| \`aura\` | 59,567 | 20,254 | 17,927 | 31,766 | 9,465 | 8,226 |
|
|
5411
|
+
| \`avatar\` | 34,890 | 12,911 | 11,565 | 6,988 | 1,968 | 1,606 |
|
|
5412
|
+
| \`badge\` | 33,626 | 12,190 | 10,865 | 8,459 | 2,170 | 1,748 |
|
|
5413
|
+
| \`bar-chart\` | 122,404 | 40,666 | 35,930 | 36,917 | 9,760 | 8,382 |
|
|
5414
|
+
| \`blockquote\` | 26,905 | 10,186 | 9,029 | 4,611 | 1,415 | 1,162 |
|
|
5415
|
+
| \`breadcrumbs\` | 44,358 | 15,535 | 13,915 | 14,305 | 3,661 | 3,011 |
|
|
5416
|
+
| \`button\` | 42,754 | 14,406 | 12,865 | 11,618 | 2,947 | 2,380 |
|
|
5417
|
+
| \`button-group\` | 31,709 | 11,295 | 10,041 | 8,406 | 2,187 | 1,679 |
|
|
5418
|
+
| \`callout\` | 40,077 | 14,936 | 13,280 | 6,659 | 1,903 | 1,541 |
|
|
5419
|
+
| \`canvas\` | 162,739 | 46,991 | 40,900 | 104,142 | 27,552 | 22,926 |
|
|
5420
|
+
| \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,633 | 1,348 |
|
|
5421
|
+
| \`carousel\` | 55,653 | 17,867 | 16,010 | 25,799 | 6,078 | 4,956 |
|
|
5422
|
+
| \`chat\` | 98,606 | 30,451 | 26,888 | 43,673 | 10,894 | 9,162 |
|
|
5423
|
+
| \`checkbox\` | 47,753 | 15,522 | 13,820 | 9,579 | 2,458 | 2,061 |
|
|
5424
|
+
| \`checkbox-group\` | 55,713 | 17,591 | 15,650 | 15,536 | 3,989 | 3,066 |
|
|
5425
|
+
| \`code\` | 21,726 | 8,561 | 7,606 | 976 | 379 | 237 |
|
|
5426
|
+
| \`code-block\` | 131,305 | 39,639 | 34,951 | 63,796 | 14,801 | 12,413 |
|
|
5427
|
+
| \`color-input\` | 186,240 | 52,091 | 45,504 | 98,237 | 20,688 | 17,276 |
|
|
5428
|
+
| \`color-picker\` | 142,414 | 39,181 | 34,368 | 84,912 | 18,348 | 15,316 |
|
|
5429
|
+
| \`combobox\` | 150,676 | 46,073 | 40,446 | 51,299 | 11,878 | 9,847 |
|
|
5430
|
+
| \`command\` | 114,025 | 34,958 | 30,710 | 41,638 | 10,419 | 8,535 |
|
|
5431
|
+
| \`copy-button\` | 96,308 | 30,629 | 27,095 | 32,793 | 7,492 | 6,185 |
|
|
5432
|
+
| \`data-table\` | 234,246 | 68,042 | 58,306 | 120,610 | 29,568 | 23,950 |
|
|
5433
|
+
| \`date-input\` | 164,378 | 48,944 | 43,079 | 59,944 | 13,149 | 11,011 |
|
|
5434
|
+
| \`date-picker\` | 71,139 | 22,979 | 20,576 | 28,748 | 7,093 | 5,770 |
|
|
5435
|
+
| \`description-list\` | 26,427 | 9,731 | 8,676 | 4,508 | 1,245 | 1,019 |
|
|
5436
|
+
| \`device-screen\` | 90,636 | 26,928 | 23,745 | 48,154 | 11,741 | 9,537 |
|
|
5437
|
+
| \`dialog\` | 44,336 | 15,228 | 13,591 | 11,066 | 3,038 | 2,504 |
|
|
5438
|
+
| \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,124 | 901 |
|
|
5439
|
+
| \`donut-chart\` | 102,652 | 34,411 | 30,414 | 24,675 | 6,707 | 5,614 |
|
|
5440
|
+
| \`drawer\` | 49,667 | 16,868 | 15,047 | 13,613 | 3,715 | 3,011 |
|
|
5441
|
+
| \`drilldown\` | 49,229 | 16,549 | 14,754 | 15,373 | 4,004 | 3,259 |
|
|
5442
|
+
| \`empty\` | 26,316 | 10,056 | 8,905 | 3,267 | 1,082 | 940 |
|
|
5443
|
+
| \`file-input\` | 70,673 | 22,945 | 20,374 | 24,666 | 6,583 | 5,328 |
|
|
5444
|
+
| \`filter-input\` | 110,437 | 35,688 | 31,632 | 32,398 | 8,308 | 6,828 |
|
|
5445
|
+
| \`flex\` | 26,312 | 9,425 | 8,374 | 4,762 | 1,048 | 835 |
|
|
5446
|
+
| \`format-date\` | 31,463 | 11,790 | 10,526 | 4,713 | 1,375 | 1,080 |
|
|
5447
|
+
| \`graph\` | 123,229 | 35,163 | 30,791 | 53,465 | 12,048 | 9,902 |
|
|
5448
|
+
| \`grid\` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,299 |
|
|
5449
|
+
| \`heatmap\` | 110,082 | 36,553 | 32,230 | 27,372 | 7,457 | 6,138 |
|
|
5450
|
+
| \`icon\` | 89,012 | 30,216 | 25,970 | 63,933 | 21,796 | 17,408 |
|
|
5451
|
+
| \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,157 | 2,541 |
|
|
5452
|
+
| \`image\` | 27,760 | 10,306 | 9,130 | 5,215 | 1,612 | 1,165 |
|
|
5453
|
+
| \`input\` | 51,329 | 17,271 | 15,279 | 11,244 | 3,386 | 2,667 |
|
|
5454
|
+
| \`kbd\` | 30,078 | 11,326 | 10,044 | 5,492 | 1,645 | 1,336 |
|
|
5455
|
+
| \`legend\` | 45,189 | 15,800 | 14,049 | 7,875 | 2,174 | 1,723 |
|
|
5456
|
+
| \`lightbox\` | 63,432 | 20,711 | 18,451 | 23,035 | 5,995 | 4,779 |
|
|
5457
|
+
| \`line-chart\` | 113,713 | 38,274 | 33,796 | 28,161 | 7,518 | 6,325 |
|
|
5458
|
+
| \`list\` | 69,295 | 23,266 | 20,728 | 21,583 | 5,925 | 4,780 |
|
|
5459
|
+
| \`listbox\` | 84,067 | 27,533 | 24,302 | 20,032 | 5,723 | 4,377 |
|
|
5460
|
+
| \`loader\` | 30,222 | 11,214 | 10,001 | 5,653 | 1,692 | 1,446 |
|
|
5461
|
+
| \`log\` | 97,190 | 31,211 | 27,676 | 52,078 | 14,639 | 12,605 |
|
|
5462
|
+
| \`map\` | 148,663 | 38,807 | 33,478 | 88,244 | 18,675 | 15,253 |
|
|
5463
|
+
| \`megamenu\` | 66,134 | 23,304 | 20,659 | 13,674 | 3,609 | 2,761 |
|
|
5464
|
+
| \`menu\` | 109,460 | 35,102 | 30,963 | 41,175 | 10,013 | 8,490 |
|
|
5465
|
+
| \`meter\` | 39,093 | 13,828 | 12,396 | 11,138 | 2,811 | 2,371 |
|
|
5466
|
+
| \`motion-toggle\` | 27,988 | 10,728 | 9,570 | 3,044 | 986 | 691 |
|
|
5467
|
+
| \`navigation\` | 37,610 | 13,572 | 12,052 | 7,076 | 1,994 | 1,639 |
|
|
5468
|
+
| \`notifications\` | 73,053 | 22,901 | 20,428 | 31,758 | 7,638 | 6,500 |
|
|
5469
|
+
| \`number-input\` | 62,635 | 20,555 | 18,315 | 18,546 | 4,836 | 3,875 |
|
|
5470
|
+
| \`object-inspector\` | 135,889 | 42,495 | 37,372 | 54,433 | 13,314 | 11,141 |
|
|
5471
|
+
| \`option\` | 30,122 | 10,932 | 9,733 | 7,587 | 2,161 | 1,667 |
|
|
5472
|
+
| \`orb\` | 36,885 | 14,019 | 12,534 | 10,017 | 3,710 | 3,124 |
|
|
5473
|
+
| \`outline\` | 38,845 | 13,848 | 12,318 | 12,105 | 3,441 | 2,757 |
|
|
5474
|
+
| \`pagination\` | 156,463 | 48,039 | 41,781 | 62,533 | 15,144 | 12,481 |
|
|
5475
|
+
| \`pin-input\` | 52,253 | 17,961 | 16,014 | 10,569 | 3,270 | 2,478 |
|
|
5476
|
+
| \`popover\` | 68,059 | 24,109 | 21,375 | 9,595 | 2,659 | 2,056 |
|
|
5477
|
+
| \`progress\` | 36,415 | 12,815 | 11,448 | 10,170 | 2,595 | 2,198 |
|
|
5478
|
+
| \`qr-code\` | 45,270 | 17,490 | 15,609 | 18,587 | 6,645 | 5,711 |
|
|
5479
|
+
| \`quote\` | 23,646 | 9,304 | 8,219 | 1,751 | 695 | 566 |
|
|
5480
|
+
| \`radio\` | 51,120 | 16,284 | 14,482 | 11,591 | 2,729 | 2,135 |
|
|
5481
|
+
| \`rating\` | 55,552 | 19,008 | 16,939 | 11,974 | 3,676 | 2,838 |
|
|
5482
|
+
| \`sandbox\` | 195,792 | 57,341 | 49,175 | 138,931 | 37,550 | 30,797 |
|
|
5483
|
+
| \`scatter-chart\` | 108,028 | 36,469 | 32,146 | 29,695 | 8,474 | 7,032 |
|
|
5484
|
+
| \`scroll-area\` | 36,301 | 12,384 | 11,037 | 13,508 | 3,556 | 2,789 |
|
|
5485
|
+
| \`select\` | 127,402 | 41,111 | 35,956 | 35,265 | 9,013 | 7,179 |
|
|
5486
|
+
| \`skeleton\` | 26,848 | 9,947 | 8,858 | 4,755 | 1,388 | 1,055 |
|
|
5487
|
+
| \`skip-link\` | 26,118 | 10,115 | 8,950 | 2,779 | 962 | 782 |
|
|
5488
|
+
| \`slider\` | 69,630 | 20,733 | 18,542 | 28,574 | 6,244 | 5,064 |
|
|
5489
|
+
| \`sparkline\` | 54,716 | 19,331 | 17,252 | 11,422 | 3,448 | 2,862 |
|
|
5490
|
+
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,494 | 28,901 | 8,472 | 7,040 |
|
|
5491
|
+
| \`spatial-heatmap\` | 126,853 | 42,152 | 37,041 | 41,460 | 11,657 | 9,747 |
|
|
5492
|
+
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,107 | 29,691 | 8,828 | 7,379 |
|
|
5493
|
+
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,442 | 28,039 | 8,144 | 6,763 |
|
|
5494
|
+
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,522 | 30,366 | 9,229 | 7,710 |
|
|
5495
|
+
| \`spatial-treemap\` | 115,605 | 39,966 | 35,166 | 30,369 | 9,258 | 7,865 |
|
|
5496
|
+
| \`speed-dial\` | 76,667 | 26,447 | 23,501 | 17,968 | 4,395 | 3,640 |
|
|
5497
|
+
| \`splitter\` | 51,146 | 16,693 | 14,936 | 20,540 | 4,914 | 4,051 |
|
|
5498
|
+
| \`stat\` | 29,171 | 10,751 | 9,585 | 5,194 | 1,469 | 1,215 |
|
|
5499
|
+
| \`steps\` | 69,031 | 21,902 | 19,484 | 27,874 | 6,792 | 5,583 |
|
|
5500
|
+
| \`strands\` | 63,680 | 23,697 | 20,906 | 38,176 | 13,662 | 11,974 |
|
|
5501
|
+
| \`switch\` | 44,474 | 14,984 | 13,342 | 6,021 | 1,732 | 1,309 |
|
|
5502
|
+
| \`table\` | 138,775 | 40,983 | 35,669 | 62,931 | 15,440 | 12,792 |
|
|
5503
|
+
| \`tabs\` | 56,056 | 18,049 | 16,043 | 19,435 | 4,759 | 3,787 |
|
|
5504
|
+
| \`tag\` | 48,197 | 17,126 | 15,318 | 13,012 | 3,654 | 3,000 |
|
|
5505
|
+
| \`terminal\` | 104,821 | 29,348 | 25,855 | 57,202 | 12,094 | 9,923 |
|
|
5506
|
+
| \`text\` | 29,286 | 10,211 | 9,003 | 7,183 | 1,498 | 1,245 |
|
|
5507
|
+
| \`textarea\` | 48,930 | 16,380 | 14,613 | 9,404 | 2,641 | 2,101 |
|
|
5508
|
+
| \`time-input\` | 196,693 | 57,968 | 50,426 | 72,808 | 16,487 | 13,633 |
|
|
5509
|
+
| \`time-picker\` | 114,881 | 34,974 | 30,729 | 46,174 | 11,378 | 9,437 |
|
|
5510
|
+
| \`timeline\` | 39,321 | 13,742 | 12,313 | 10,975 | 2,724 | 2,243 |
|
|
5511
|
+
| \`toast\` | 60,192 | 20,340 | 18,204 | 20,047 | 5,409 | 4,369 |
|
|
5512
|
+
| \`toggle\` | 51,106 | 16,789 | 14,915 | 10,853 | 3,073 | 2,333 |
|
|
5513
|
+
| \`toolbar\` | 37,051 | 13,296 | 11,863 | 4,030 | 978 | 719 |
|
|
5514
|
+
| \`tooltip\` | 62,502 | 22,263 | 19,779 | 11,291 | 3,116 | 2,549 |
|
|
5515
|
+
| \`tour\` | 95,381 | 31,305 | 27,731 | 30,157 | 7,571 | 6,130 |
|
|
5516
|
+
| \`tree\` | 77,354 | 25,063 | 22,318 | 25,869 | 6,886 | 5,698 |
|
|
5517
|
+
| \`trend\` | 32,854 | 12,577 | 11,235 | 5,489 | 1,665 | 1,394 |
|
|
5518
|
+
| \`video\` | 164,395 | 48,823 | 42,599 | 87,276 | 20,630 | 17,227 |
|
|
5519
|
+
| \`video-playlist\` | 144,967 | 44,810 | 39,338 | 58,785 | 14,032 | 11,724 |
|
|
5520
|
+
| \`virtual-list\` | 67,932 | 22,858 | 20,346 | 25,371 | 7,619 | 6,267 |
|
|
5521
5521
|
|
|
5522
5522
|
## What an install adds to \`node_modules\`
|
|
5523
5523
|
|
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.215.
|
|
4
|
+
"version": "0.215.3",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
},
|
|
38
38
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@fusion.dev/helix": "0.215.
|
|
41
|
-
"@fusion.dev/helix-cem": "0.215.
|
|
42
|
-
"@fusion.dev/helix-graph": "0.215.
|
|
43
|
-
"@fusion.dev/helix-headless": "0.215.
|
|
44
|
-
"@fusion.dev/helix-icons": "0.215.
|
|
45
|
-
"@fusion.dev/helix-map": "0.215.
|
|
46
|
-
"@fusion.dev/helix-plot": "0.215.
|
|
47
|
-
"@fusion.dev/helix-styles": "0.215.
|
|
48
|
-
"@fusion.dev/helix-terminal": "0.215.
|
|
49
|
-
"@fusion.dev/helix-testing": "0.215.
|
|
50
|
-
"@fusion.dev/helix-theme": "0.215.
|
|
40
|
+
"@fusion.dev/helix": "0.215.3",
|
|
41
|
+
"@fusion.dev/helix-cem": "0.215.3",
|
|
42
|
+
"@fusion.dev/helix-graph": "0.215.3",
|
|
43
|
+
"@fusion.dev/helix-headless": "0.215.3",
|
|
44
|
+
"@fusion.dev/helix-icons": "0.215.3",
|
|
45
|
+
"@fusion.dev/helix-map": "0.215.3",
|
|
46
|
+
"@fusion.dev/helix-plot": "0.215.3",
|
|
47
|
+
"@fusion.dev/helix-styles": "0.215.3",
|
|
48
|
+
"@fusion.dev/helix-terminal": "0.215.3",
|
|
49
|
+
"@fusion.dev/helix-testing": "0.215.3",
|
|
50
|
+
"@fusion.dev/helix-theme": "0.215.3",
|
|
51
51
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
52
52
|
"lit": "^3.2.1",
|
|
53
53
|
"playwright": "^1.64.0"
|