@fusion.dev/helix-docs 0.226.0 → 0.227.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 +244 -244
- package/dist/sources.generated.js +244 -244
- 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` | 295,793 | 95,872 | 82,
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 295,793 | 95,872 | 82,242 |
|
|
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` | 295,002 | 95,659 | 81,
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,699,188 | 468,311 | 352,
|
|
62
|
+
| `@fusion.dev/helix-core` | 295,002 | 95,659 | 81,788 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,699,188 | 468,311 | 352,481 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 77,621 | 24,510 | 20,384 | The whole glyph set. |
|
|
65
65
|
| `@fusion.dev/helix-theme` | 4,022 | 1,720 | 1,541 | 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,285 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
67
|
-
| `@fusion.dev/helix` | 2,503,553 | 640,892 | 458,
|
|
67
|
+
| `@fusion.dev/helix` | 2,503,553 | 640,892 | 458,348 | Every styled family. |
|
|
68
68
|
| `lit` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
69
69
|
|
|
70
70
|
## Stylesheets
|
|
@@ -87,7 +87,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
87
87
|
|
|
88
88
|
**Most of your first component is the shared runtime.** The median styled family is 22,915 bytes gzipped alone, and it adds 5,550 to a page that already has Helix. The shared runtime is 76 percent of the first component, and the component itself is 24 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.
|
|
89
89
|
|
|
90
|
-
Across the 122 styled components, the smallest is `code` at 9,897 bytes gzipped alone, and the largest is `data-table` at 76,
|
|
90
|
+
Across the 122 styled components, the smallest is `code` at 9,897 bytes gzipped alone, and the largest is `data-table` at 76,831. Every family together is 640,892.
|
|
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 468,311 bytes gzipped, whatever else the page imports. That is 20 times the median family above. All 122 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
|
|
|
@@ -108,12 +108,12 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
108
108
|
| | Material Web | 47,039 | 13,980 | 12,488 |
|
|
109
109
|
| | Spectrum | 98,861 | 21,731 | 18,547 |
|
|
110
110
|
| | Web Awesome | 136,082 | 34,015 | 28,815 |
|
|
111
|
-
| `checkbox` | **Helix** | 52,190 | 16,
|
|
111
|
+
| `checkbox` | **Helix** | 52,190 | 16,959 | 15,262 |
|
|
112
112
|
| | Carbon | 60,226 | 15,349 | 13,476 |
|
|
113
113
|
| | Material Web | 43,770 | 13,361 | 11,940 |
|
|
114
114
|
| | Spectrum | 60,006 | 14,720 | 12,834 |
|
|
115
115
|
| | Web Awesome | 115,313 | 28,720 | 24,391 |
|
|
116
|
-
| `dialog` | **Helix** | 48,868 | 16,
|
|
116
|
+
| `dialog` | **Helix** | 48,868 | 16,563 | 14,889 |
|
|
117
117
|
| | Carbon | 510,751 | 66,753 | 39,054 |
|
|
118
118
|
| | Material Web | 34,234 | 11,327 | 10,171 |
|
|
119
119
|
| | Spectrum | 152,934 | 30,766 | 25,567 |
|
|
@@ -128,7 +128,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
128
128
|
| | Material Web | 50,129 | 14,355 | 12,869 |
|
|
129
129
|
| | Spectrum | 62,390 | 14,852 | 13,259 |
|
|
130
130
|
| | Web Awesome | 45,922 | 15,043 | 13,489 |
|
|
131
|
-
| `tabs` | **Helix** | 61,660 | 19,580 | 17,
|
|
131
|
+
| `tabs` | **Helix** | 61,660 | 19,580 | 17,602 |
|
|
132
132
|
| | Carbon | 578,657 | 72,708 | 43,044 |
|
|
133
133
|
| | Material Web | 38,875 | 12,619 | 11,290 |
|
|
134
134
|
| | Spectrum | 64,371 | 17,857 | 16,004 |
|
|
@@ -213,120 +213,120 @@ 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` | 36,788 | 13,361 | 12,020 | 5,369 | 1,509 | 1,
|
|
217
|
-
| `announcement` | 41,504 | 14,908 | 13,
|
|
218
|
-
| `app-header` | 37,460 | 13,637 | 12,
|
|
219
|
-
| `area-chart` | 110,876 | 38,448 | 34,
|
|
220
|
-
| `avatar` | 35,972 | 13,427 | 12,
|
|
221
|
-
| `badge` | 32,204 | 12,
|
|
222
|
-
| `bar-chart` | 118,895 | 41,035 | 36,
|
|
223
|
-
| `blockquote` | 28,797 | 10,
|
|
224
|
-
| `breadcrumbs` | 42,197 | 15,744 | 14,
|
|
225
|
-
| `button` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,
|
|
226
|
-
| `button-group` | 32,666 | 11,956 | 10,770 | 4,897 | 1,458 |
|
|
227
|
-
| `callout` | 40,054 | 15,
|
|
228
|
-
| `canvas` | 179,749 | 56,211 | 49,
|
|
229
|
-
| `card` | 28,502 | 10,629 | 9,573 | 2,074 |
|
|
230
|
-
| `carousel` | 49,408 | 17,
|
|
231
|
-
| `chat` | 141,862 | 46,119 | 40,
|
|
232
|
-
| `checkbox` | 45,709 | 15,
|
|
233
|
-
| `checkbox-group` | 52,892 | 17,350 | 15,566 | 8,351 | 2,349 | 1,
|
|
234
|
-
| `code` | 24,987 | 9,
|
|
235
|
-
| `code-block` | 113,571 | 38,
|
|
236
|
-
| `code-editor` | 101,737 | 31,707 | 28,
|
|
237
|
-
| `code-input` | 65,648 | 22,
|
|
238
|
-
| `color-input` | 149,480 | 47,
|
|
239
|
-
| `color-picker` | 110,841 | 35,126 | 31,
|
|
240
|
-
| `combobox` | 150,510 | 47,620 | 41,
|
|
241
|
-
| `command` | 127,691 | 39,998 | 35,
|
|
242
|
-
| `copy-button` | 88,951 | 30,
|
|
243
|
-
| `data-table` | 221,008 | 67,295 | 58,
|
|
244
|
-
| `date-input` | 147,158 | 45,
|
|
245
|
-
| `date-picker` | 67,350 | 22,765 | 20,
|
|
246
|
-
| `description-list` | 27,583 | 10,
|
|
247
|
-
| `device-screen` | 122,587 | 38,605 | 34,
|
|
248
|
-
| `dialog` | 43,110 | 15,225 | 13,
|
|
249
|
-
| `divider` | 28,042 | 10,
|
|
250
|
-
| `donut-chart` | 104,235 | 35,857 | 32,
|
|
251
|
-
| `drawer` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,
|
|
252
|
-
| `drilldown` | 48,006 | 16,533 | 14,
|
|
253
|
-
| `editor` | 178,365 | 54,257 | 47,
|
|
254
|
-
| `empty` | 29,125 | 10,
|
|
255
|
-
| `file-input` | 63,256 | 21,
|
|
256
|
-
| `filter-input` | 113,026 | 37,877 | 33,
|
|
257
|
-
| `find` | 78,192 | 25,912 | 23,
|
|
258
|
-
| `format-date` | 35,311 | 12,
|
|
259
|
-
| `graph` | 146,422 | 46,082 | 40,
|
|
260
|
-
| `heatmap` | 113,308 | 38,184 | 34,
|
|
261
|
-
| `icon` | 108,395 | 36,072 | 30,
|
|
262
|
-
| `icon-button` | 41,708 | 14,699 | 13,
|
|
263
|
-
| `image` | 30,491 | 11,
|
|
264
|
-
| `input` | 62,209 | 21,267 | 18,957 | 7,350 | 2,354 | 1,
|
|
265
|
-
| `kbd` | 34,229 | 12,
|
|
266
|
-
| `legend` | 44,093 | 15,
|
|
267
|
-
| `lightbox` | 60,994 | 20,490 | 18,
|
|
268
|
-
| `line-chart` | 113,879 | 39,281 | 35,
|
|
269
|
-
| `list` | 67,327 | 23,172 | 20,
|
|
270
|
-
| `listbox` | 94,025 | 31,049 | 27,
|
|
271
|
-
| `loader` | 31,541 | 11,
|
|
272
|
-
| `log` | 89,716 |
|
|
273
|
-
| `map` | 159,903 | 47,424 | 40,
|
|
274
|
-
| `markdown` | 140,272 | 47,304 | 41,
|
|
275
|
-
| `megamenu` | 65,596 | 23,
|
|
276
|
-
| `menu` | 106,453 | 34,
|
|
277
|
-
| `meter` | 38,888 | 14,279 | 12,919 | 6,365 | 1,
|
|
278
|
-
| `motion-toggle` | 30,535 | 11,627 | 10,
|
|
279
|
-
| `navigation` | 37,912 | 13,969 | 12,
|
|
280
|
-
| `notifications` | 64,044 | 21,590 | 19,
|
|
281
|
-
| `number-input` | 61,522 | 20,549 | 18,
|
|
282
|
-
| `object-inspector` | 124,337 | 41,342 | 36,
|
|
283
|
-
| `option` | 31,105 | 11,300 | 10,179 | 4,446 | 1,156 |
|
|
284
|
-
| `outline` | 41,449 | 14,
|
|
285
|
-
| `pagination` | 154,678 | 49,079 | 42,
|
|
286
|
-
| `pin-input` | 52,802 | 18,248 | 16,
|
|
287
|
-
| `popover` | 69,330 | 24,448 | 21,
|
|
288
|
-
| `progress` | 33,407 | 12,448 | 11,245 | 3,075 | 943 |
|
|
289
|
-
| `qr-code` | 47,683 | 18,136 | 16,
|
|
290
|
-
| `quote` | 27,206 | 10,
|
|
291
|
-
| `radio` | 47,265 | 16,015 | 14,390 | 3,799 | 1,216 |
|
|
292
|
-
| `rating` | 56,091 | 19,
|
|
293
|
-
| `scatter-chart` | 110,294 | 37,894 | 33,
|
|
294
|
-
| `scroll-area` | 35,923 | 12,
|
|
295
|
-
| `select` | 132,912 | 43,503 | 38,
|
|
296
|
-
| `shortcut-overlay` | 54,311 | 19,106 | 17,
|
|
297
|
-
| `skeleton` | 26,984 | 10,208 | 9,193 | 954 | 352 |
|
|
298
|
-
| `skip-link` | 28,768 | 10,
|
|
299
|
-
| `slider` | 59,094 | 19,
|
|
300
|
-
| `sparkline` | 53,331 | 19,123 | 17,
|
|
301
|
-
| `spatial-bar-chart` | 125,627 | 43,813 |
|
|
302
|
-
| `spatial-heatmap` | 128,676 | 43,337 | 38,
|
|
303
|
-
| `spatial-ribbon-chart` | 116,031 | 40,304 | 35,
|
|
304
|
-
| `spatial-scatter-chart` | 114,102 | 39,466 | 35,
|
|
305
|
-
| `spatial-surface-chart` | 117,034 | 40,689 | 36,
|
|
306
|
-
| `spatial-treemap` | 118,137 | 41,301 | 36,
|
|
307
|
-
| `speed-dial` | 74,018 | 26,161 | 23,402 | 11,107 | 2,926 | 2,
|
|
308
|
-
| `splitter` | 49,870 | 17,059 | 15,
|
|
309
|
-
| `stat` | 30,366 | 11,365 | 10,
|
|
310
|
-
| `steps` | 60,474 | 20,856 | 18,
|
|
311
|
-
| `switch` | 44,568 | 15,309 | 13,740 | 1,733 | 653 |
|
|
312
|
-
| `table` | 125,700 | 38,956 | 34,
|
|
313
|
-
| `tabs` | 51,456 | 17,513 | 15,743 | 10,607 | 2,836 | 2,
|
|
314
|
-
| `tag` | 47,412 | 17,109 | 15,
|
|
315
|
-
| `terminal` | 141,582 | 44,590 | 39,
|
|
316
|
-
| `textarea` | 59,949 | 20,
|
|
317
|
-
| `time-input` | 187,028 | 58,
|
|
318
|
-
| `time-picker` | 117,065 | 37,039 | 32,
|
|
319
|
-
| `timeline` | 36,581 | 13,
|
|
320
|
-
| `toast` | 74,603 | 25,177 | 22,
|
|
321
|
-
| `toggle` | 51,029 | 16,915 | 15,
|
|
322
|
-
| `toolbar` | 37,383 | 13,551 | 12,
|
|
323
|
-
| `tooltip` | 65,000 | 22,983 | 20,
|
|
324
|
-
| `tour` | 90,755 | 30,
|
|
325
|
-
| `tree` | 72,738 | 24,341 | 21,
|
|
326
|
-
| `trend` | 35,034 | 13,356 | 12,086 | 3,577 | 1,125 |
|
|
327
|
-
| `video` | 152,045 | 46,721 | 41,
|
|
328
|
-
| `video-playlist` | 137,298 | 43,792 | 38,
|
|
329
|
-
| `virtual-list` | 72,396 | 23,976 | 21,
|
|
216
|
+
| `accordion` | 36,788 | 13,361 | 12,020 | 5,369 | 1,509 | 1,130 |
|
|
217
|
+
| `announcement` | 41,504 | 14,908 | 13,453 | 4,788 | 1,395 | 939 |
|
|
218
|
+
| `app-header` | 37,460 | 13,637 | 12,256 | 6,103 | 1,830 | 1,242 |
|
|
219
|
+
| `area-chart` | 110,876 | 38,448 | 34,332 | 14,781 | 4,514 | 3,661 |
|
|
220
|
+
| `avatar` | 35,972 | 13,427 | 12,199 | 3,980 | 1,241 | 963 |
|
|
221
|
+
| `badge` | 32,204 | 12,204 | 11,028 | 2,941 | 888 | 675 |
|
|
222
|
+
| `bar-chart` | 118,895 | 41,035 | 36,595 | 22,275 | 6,957 | 5,693 |
|
|
223
|
+
| `blockquote` | 28,797 | 10,962 | 9,867 | 2,400 | 869 | 566 |
|
|
224
|
+
| `breadcrumbs` | 42,197 | 15,744 | 14,225 | 7,912 | 2,506 | 1,933 |
|
|
225
|
+
| `button` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,121 |
|
|
226
|
+
| `button-group` | 32,666 | 11,956 | 10,770 | 4,897 | 1,458 | 933 |
|
|
227
|
+
| `callout` | 40,054 | 15,113 | 13,582 | 2,875 | 991 | 572 |
|
|
228
|
+
| `canvas` | 179,749 | 56,211 | 49,008 | 86,219 | 25,107 | 20,734 |
|
|
229
|
+
| `card` | 28,502 | 10,629 | 9,573 | 2,074 | 613 | 355 |
|
|
230
|
+
| `carousel` | 49,408 | 17,356 | 15,659 | 15,477 | 4,258 | 3,131 |
|
|
231
|
+
| `chat` | 141,862 | 46,119 | 40,766 | 44,186 | 12,189 | 9,600 |
|
|
232
|
+
| `checkbox` | 45,709 | 15,485 | 13,917 | 3,154 | 977 | 568 |
|
|
233
|
+
| `checkbox-group` | 52,892 | 17,350 | 15,566 | 8,351 | 2,349 | 1,699 |
|
|
234
|
+
| `code` | 24,987 | 9,593 | 8,634 | 136 | 58 | 29 |
|
|
235
|
+
| `code-block` | 113,571 | 38,287 | 34,010 | 40,487 | 11,881 | 9,552 |
|
|
236
|
+
| `code-editor` | 101,737 | 31,707 | 28,089 | 37,299 | 9,473 | 7,556 |
|
|
237
|
+
| `code-input` | 65,648 | 22,501 | 20,155 | 10,559 | 3,403 | 2,626 |
|
|
238
|
+
| `color-input` | 149,480 | 47,456 | 41,607 | 56,692 | 14,690 | 11,807 |
|
|
239
|
+
| `color-picker` | 110,841 | 35,126 | 31,169 | 48,828 | 13,100 | 10,426 |
|
|
240
|
+
| `combobox` | 150,510 | 47,620 | 41,927 | 37,524 | 9,378 | 7,358 |
|
|
241
|
+
| `command` | 127,691 | 39,998 | 35,172 | 38,272 | 9,836 | 7,929 |
|
|
242
|
+
| `copy-button` | 88,951 | 30,221 | 26,963 | 19,839 | 5,299 | 4,092 |
|
|
243
|
+
| `data-table` | 221,008 | 67,295 | 58,028 | 93,771 | 24,749 | 19,689 |
|
|
244
|
+
| `date-input` | 147,158 | 45,984 | 40,751 | 38,735 | 9,419 | 7,539 |
|
|
245
|
+
| `date-picker` | 67,350 | 22,765 | 20,572 | 20,821 | 5,643 | 4,386 |
|
|
246
|
+
| `description-list` | 27,583 | 10,321 | 9,292 | 1,554 | 488 | 238 |
|
|
247
|
+
| `device-screen` | 122,587 | 38,605 | 34,181 | 46,259 | 11,427 | 9,013 |
|
|
248
|
+
| `dialog` | 43,110 | 15,225 | 13,667 | 6,075 | 1,792 | 1,310 |
|
|
249
|
+
| `divider` | 28,042 | 10,561 | 9,492 | 1,410 | 478 | 372 |
|
|
250
|
+
| `donut-chart` | 104,235 | 35,857 | 32,064 | 15,091 | 4,568 | 3,628 |
|
|
251
|
+
| `drawer` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,695 |
|
|
252
|
+
| `drilldown` | 48,006 | 16,533 | 14,854 | 10,059 | 2,734 | 1,985 |
|
|
253
|
+
| `editor` | 178,365 | 54,257 | 47,104 | 83,366 | 20,563 | 16,564 |
|
|
254
|
+
| `empty` | 29,125 | 10,883 | 9,801 | 1,974 | 632 | 352 |
|
|
255
|
+
| `file-input` | 63,256 | 21,755 | 19,588 | 13,323 | 4,169 | 3,129 |
|
|
256
|
+
| `filter-input` | 113,026 | 37,877 | 33,651 | 21,663 | 6,136 | 4,900 |
|
|
257
|
+
| `find` | 78,192 | 25,912 | 23,113 | 21,809 | 5,714 | 4,445 |
|
|
258
|
+
| `format-date` | 35,311 | 12,970 | 11,693 | 4,462 | 1,239 | 865 |
|
|
259
|
+
| `graph` | 146,422 | 46,082 | 40,312 | 40,018 | 10,986 | 8,704 |
|
|
260
|
+
| `heatmap` | 113,308 | 38,184 | 34,064 | 19,434 | 5,634 | 4,485 |
|
|
261
|
+
| `icon` | 108,395 | 36,072 | 30,980 | 78,520 | 25,856 | 20,902 |
|
|
262
|
+
| `icon-button` | 41,708 | 14,699 | 13,261 | 5,802 | 1,677 | 1,212 |
|
|
263
|
+
| `image` | 30,491 | 11,154 | 10,066 | 3,842 | 1,114 | 797 |
|
|
264
|
+
| `input` | 62,209 | 21,267 | 18,957 | 7,350 | 2,354 | 1,670 |
|
|
265
|
+
| `kbd` | 34,229 | 12,746 | 11,457 | 3,926 | 1,248 | 749 |
|
|
266
|
+
| `legend` | 44,093 | 15,636 | 14,129 | 2,764 | 882 | 613 |
|
|
267
|
+
| `lightbox` | 60,994 | 20,490 | 18,414 | 16,839 | 4,618 | 3,490 |
|
|
268
|
+
| `line-chart` | 113,879 | 39,281 | 35,058 | 17,183 | 5,120 | 4,173 |
|
|
269
|
+
| `list` | 67,327 | 23,172 | 20,687 | 15,570 | 4,398 | 3,357 |
|
|
270
|
+
| `listbox` | 94,025 | 31,049 | 27,457 | 16,516 | 4,667 | 3,531 |
|
|
271
|
+
| `loader` | 31,541 | 11,772 | 10,633 | 2,875 | 939 | 743 |
|
|
272
|
+
| `log` | 89,716 | 30,000 | 26,924 | 40,360 | 12,454 | 10,330 |
|
|
273
|
+
| `map` | 159,903 | 47,424 | 40,953 | 63,298 | 15,415 | 11,838 |
|
|
274
|
+
| `markdown` | 140,272 | 47,304 | 41,847 | 62,608 | 19,541 | 16,095 |
|
|
275
|
+
| `megamenu` | 65,596 | 23,362 | 20,892 | 8,742 | 2,372 | 1,736 |
|
|
276
|
+
| `menu` | 106,453 | 34,787 | 30,999 | 32,752 | 8,411 | 6,741 |
|
|
277
|
+
| `meter` | 38,888 | 14,279 | 12,919 | 6,365 | 1,817 | 1,466 |
|
|
278
|
+
| `motion-toggle` | 30,535 | 11,627 | 10,453 | 1,539 | 546 | 345 |
|
|
279
|
+
| `navigation` | 37,912 | 13,969 | 12,527 | 3,497 | 1,155 | 765 |
|
|
280
|
+
| `notifications` | 64,044 | 21,590 | 19,432 | 18,695 | 5,071 | 3,907 |
|
|
281
|
+
| `number-input` | 61,522 | 20,549 | 18,480 | 13,492 | 3,630 | 2,683 |
|
|
282
|
+
| `object-inspector` | 124,337 | 41,342 | 36,614 | 37,188 | 10,577 | 8,409 |
|
|
283
|
+
| `option` | 31,105 | 11,300 | 10,179 | 4,446 | 1,156 | 930 |
|
|
284
|
+
| `outline` | 41,449 | 14,806 | 13,355 | 10,620 | 3,116 | 2,340 |
|
|
285
|
+
| `pagination` | 154,678 | 49,079 | 42,862 | 47,274 | 12,176 | 9,641 |
|
|
286
|
+
| `pin-input` | 52,802 | 18,248 | 16,424 | 7,187 | 2,356 | 1,597 |
|
|
287
|
+
| `popover` | 69,330 | 24,448 | 21,878 | 6,480 | 1,829 | 1,394 |
|
|
288
|
+
| `progress` | 33,407 | 12,448 | 11,245 | 3,075 | 943 | 706 |
|
|
289
|
+
| `qr-code` | 47,683 | 18,136 | 16,366 | 16,927 | 6,238 | 5,219 |
|
|
290
|
+
| `quote` | 27,206 | 10,427 | 9,378 | 1,205 | 496 | 366 |
|
|
291
|
+
| `radio` | 47,265 | 16,015 | 14,390 | 3,799 | 1,216 | 689 |
|
|
292
|
+
| `rating` | 56,091 | 19,233 | 17,281 | 8,272 | 2,510 | 1,849 |
|
|
293
|
+
| `scatter-chart` | 110,294 | 37,894 | 33,784 | 20,721 | 6,411 | 5,265 |
|
|
294
|
+
| `scroll-area` | 35,923 | 12,852 | 11,564 | 9,027 | 2,675 | 1,963 |
|
|
295
|
+
| `select` | 132,912 | 43,503 | 38,266 | 27,302 | 7,298 | 5,521 |
|
|
296
|
+
| `shortcut-overlay` | 54,311 | 19,106 | 17,144 | 11,631 | 3,434 | 2,596 |
|
|
297
|
+
| `skeleton` | 26,984 | 10,208 | 9,193 | 954 | 352 | 237 |
|
|
298
|
+
| `skip-link` | 28,768 | 10,918 | 9,827 | 1,334 | 493 | 309 |
|
|
299
|
+
| `slider` | 59,094 | 19,779 | 17,836 | 13,667 | 3,858 | 2,988 |
|
|
300
|
+
| `sparkline` | 53,331 | 19,123 | 17,287 | 5,968 | 2,066 | 1,662 |
|
|
301
|
+
| `spatial-bar-chart` | 125,627 | 43,813 | 38,996 | 28,914 | 9,746 | 8,183 |
|
|
302
|
+
| `spatial-heatmap` | 128,676 | 43,337 | 38,588 | 32,104 | 9,605 | 7,840 |
|
|
303
|
+
| `spatial-ribbon-chart` | 116,031 | 40,304 | 35,898 | 21,327 | 7,072 | 5,892 |
|
|
304
|
+
| `spatial-scatter-chart` | 114,102 | 39,466 | 35,189 | 19,459 | 6,296 | 5,083 |
|
|
305
|
+
| `spatial-surface-chart` | 117,034 | 40,689 | 36,229 | 22,328 | 7,461 | 6,153 |
|
|
306
|
+
| `spatial-treemap` | 118,137 | 41,301 | 36,746 | 21,742 | 7,349 | 6,077 |
|
|
307
|
+
| `speed-dial` | 74,018 | 26,161 | 23,402 | 11,107 | 2,926 | 2,252 |
|
|
308
|
+
| `splitter` | 49,870 | 17,059 | 15,406 | 15,021 | 3,923 | 3,121 |
|
|
309
|
+
| `stat` | 30,366 | 11,365 | 10,271 | 2,291 | 745 | 478 |
|
|
310
|
+
| `steps` | 60,474 | 20,856 | 18,684 | 14,540 | 4,049 | 3,131 |
|
|
311
|
+
| `switch` | 44,568 | 15,309 | 13,740 | 1,733 | 653 | 312 |
|
|
312
|
+
| `table` | 125,700 | 38,956 | 34,233 | 45,249 | 12,360 | 9,871 |
|
|
313
|
+
| `tabs` | 51,456 | 17,513 | 15,743 | 10,607 | 2,836 | 2,108 |
|
|
314
|
+
| `tag` | 47,412 | 17,109 | 15,423 | 8,490 | 2,490 | 1,801 |
|
|
315
|
+
| `terminal` | 141,582 | 44,590 | 39,284 | 54,204 | 13,434 | 10,706 |
|
|
316
|
+
| `textarea` | 59,949 | 20,471 | 18,390 | 5,642 | 1,666 | 1,149 |
|
|
317
|
+
| `time-input` | 187,028 | 58,029 | 50,530 | 50,345 | 12,609 | 10,012 |
|
|
318
|
+
| `time-picker` | 117,065 | 37,039 | 32,683 | 35,289 | 9,369 | 7,364 |
|
|
319
|
+
| `timeline` | 36,581 | 13,679 | 12,359 | 4,128 | 1,205 | 792 |
|
|
320
|
+
| `toast` | 74,603 | 25,177 | 22,476 | 20,050 | 5,568 | 4,385 |
|
|
321
|
+
| `toggle` | 51,029 | 16,915 | 15,259 | 6,038 | 1,789 | 1,312 |
|
|
322
|
+
| `toolbar` | 37,383 | 13,551 | 12,196 | 1,406 | 490 | 379 |
|
|
323
|
+
| `tooltip` | 65,000 | 22,983 | 20,661 | 8,862 | 2,438 | 1,905 |
|
|
324
|
+
| `tour` | 90,755 | 30,739 | 27,470 | 21,104 | 5,648 | 4,416 |
|
|
325
|
+
| `tree` | 72,738 | 24,341 | 21,771 | 17,539 | 4,881 | 3,851 |
|
|
326
|
+
| `trend` | 35,034 | 13,356 | 12,086 | 3,577 | 1,125 | 722 |
|
|
327
|
+
| `video` | 152,045 | 46,721 | 41,178 | 69,404 | 17,300 | 13,937 |
|
|
328
|
+
| `video-playlist` | 137,298 | 43,792 | 38,787 | 45,878 | 11,720 | 9,463 |
|
|
329
|
+
| `virtual-list` | 72,396 | 23,976 | 21,620 | 25,472 | 7,513 | 6,173 |
|
|
330
330
|
|
|
331
331
|
### Styled tier
|
|
332
332
|
|
|
@@ -334,128 +334,128 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
334
334
|
|
|
335
335
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
336
336
|
|---|---|---|---|---|---|---|
|
|
337
|
-
| `accordion` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,
|
|
338
|
-
| `announcement` | 46,117 | 15,939 | 14,
|
|
339
|
-
| `app-header` | 42,621 | 14,828 | 13,
|
|
340
|
-
| `area-chart` | 120,454 | 40,557 | 36,
|
|
341
|
-
| `aura` | 64,184 | 21,751 | 19,
|
|
342
|
-
| `avatar` | 38,970 | 14,169 | 12,846 | 6,964 | 1,
|
|
343
|
-
| `badge` | 37,710 | 13,446 | 12,
|
|
344
|
-
| `bar-chart` | 135,311 | 44,252 | 39,
|
|
345
|
-
| `blockquote` | 31,018 | 11,503 | 10,350 | 4,608 | 1,410 | 1,
|
|
346
|
-
| `breadcrumbs` | 49,213 | 16,960 | 15,278 | 14,918 | 3,
|
|
347
|
-
| `button` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,
|
|
348
|
-
| `button-group` | 36,163 | 12,635 | 11,
|
|
349
|
-
| `callout` | 43,845 | 16,045 | 14,
|
|
350
|
-
| `canvas` | 214,020 | 61,
|
|
351
|
-
| `card` | 32,401 | 11,628 | 10,485 | 5,958 | 1,608 | 1,
|
|
352
|
-
| `carousel` | 59,895 | 19,118 | 17,
|
|
353
|
-
| `chat` | 179,720 | 54,
|
|
354
|
-
| `checkbox` | 52,190 | 16,
|
|
355
|
-
| `checkbox-group` | 60,104 | 18,
|
|
356
|
-
| `code` | 25,842 | 9,897 | 8,
|
|
357
|
-
| `code-block` | 141,674 | 42,399 | 37,
|
|
358
|
-
| `code-editor` | 132,746 | 35,888 | 31,
|
|
359
|
-
| `code-input` | 80,798 | 26,
|
|
360
|
-
| `color-input` | 193,253 | 53,854 | 47,
|
|
361
|
-
| `color-picker` | 149,088 | 40,760 | 36,
|
|
362
|
-
| `combobox` | 177,485 | 54,
|
|
363
|
-
| `command` | 154,679 | 46,715 | 40,
|
|
364
|
-
| `copy-button` | 104,615 | 32,690 | 29,
|
|
365
|
-
| `data-table` | 266,891 | 76,
|
|
366
|
-
| `date-input` | 168,543 | 49,
|
|
367
|
-
| `date-picker` | 75,396 | 24,195 | 21,
|
|
368
|
-
| `description-list` | 30,533 | 11,064 | 9,
|
|
369
|
-
| `device-screen` | 143,681 | 42,193 | 37,
|
|
370
|
-
| `dialog` | 48,868 | 16,
|
|
371
|
-
| `divider` | 30,340 | 11,
|
|
372
|
-
| `donut-chart` | 115,589 | 38,201 | 34,
|
|
373
|
-
| `drawer` | 53,528 | 18,048 | 16,
|
|
374
|
-
| `drilldown` | 53,685 | 17,818 | 16,001 | 15,727 | 4,025 | 3,
|
|
375
|
-
| `editor` | 222,769 | 60,471 | 52,
|
|
376
|
-
| `empty` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 |
|
|
377
|
-
| `file-input` | 74,781 | 24,151 | 21,
|
|
378
|
-
| `filter-input` | 134,913 | 43,377 | 38,
|
|
379
|
-
| `find` | 102,866 | 29,322 | 26,
|
|
380
|
-
| `flex` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 |
|
|
381
|
-
| `format-date` | 35,565 | 13,094 | 11,803 | 4,698 | 1,346 | 1,
|
|
382
|
-
| `graph` | 175,865 | 50,
|
|
383
|
-
| `grid` | 31,880 | 11,
|
|
384
|
-
| `heatmap` | 123,013 | 40,318 | 35,940 | 29,119 | 7,761 | 6,
|
|
385
|
-
| `icon` | 110,428 | 36,672 | 31,
|
|
386
|
-
| `icon-button` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,
|
|
387
|
-
| `image` | 31,876 | 11,613 | 10,463 | 5,207 | 1,
|
|
388
|
-
| `input` | 77,465 | 25,726 | 22,
|
|
389
|
-
| `kbd` | 36,435 | 13,329 | 11,949 | 6,116 | 1,823 | 1,
|
|
390
|
-
| `legend` | 49,334 | 16,920 | 15,249 | 7,866 | 2,167 | 1,
|
|
391
|
-
| `lightbox` | 67,279 | 21,825 | 19,
|
|
392
|
-
| `line-chart` | 126,626 | 41,929 | 37,
|
|
393
|
-
| `list` | 73,668 | 24,659 | 22,
|
|
394
|
-
| `listbox` | 110,173 | 35,677 | 31,
|
|
395
|
-
| `loader` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,
|
|
396
|
-
| `log` | 106,381 | 33,038 | 29,
|
|
397
|
-
| `map` | 206,709 | 54,
|
|
398
|
-
| `markdown` | 172,399 | 52,068 | 46,
|
|
399
|
-
| `megamenu` | 70,645 | 24,
|
|
400
|
-
| `menu` | 118,673 | 37,197 | 33,133 | 44,956 | 10,909 | 8,
|
|
401
|
-
| `meter` | 47,432 | 16,009 | 14,478 | 14,899 | 3,608 | 2,
|
|
402
|
-
| `motion-toggle` | 32,169 | 12,
|
|
403
|
-
| `navigation` | 41,636 | 14,818 | 13,
|
|
404
|
-
| `notifications` | 77,524 | 24,119 | 21,
|
|
405
|
-
| `number-input` | 66,501 | 21,753 | 19,
|
|
406
|
-
| `object-inspector` | 144,379 | 44,497 | 39,
|
|
407
|
-
| `option` | 34,170 | 12,241 | 11,
|
|
408
|
-
| `orb` | 40,942 | 15,257 | 13,
|
|
409
|
-
| `outline` | 47,889 | 16,157 | 14,576 | 17,042 | 4,458 | 3,
|
|
410
|
-
| `pagination` | 183,162 | 55,752 | 48,
|
|
411
|
-
| `pin-input` | 56,180 | 19,
|
|
412
|
-
| `popover` | 73,236 | 25,367 | 22,699 | 10,368 | 2,741 | 2,
|
|
413
|
-
| `progress` | 40,587 | 14,105 | 12,770 | 10,242 | 2,576 | 2,
|
|
414
|
-
| `qr-code` | 49,283 | 18,619 | 16,
|
|
415
|
-
| `quote` | 27,762 | 10,613 | 9,
|
|
416
|
-
| `radio` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 |
|
|
417
|
-
| `rating` | 60,021 | 20,445 | 18,366 | 12,186 | 3,719 | 2,
|
|
418
|
-
| `sandbox` | 212,690 | 61,609 | 53,
|
|
419
|
-
| `scatter-chart` | 121,046 | 40,258 |
|
|
420
|
-
| `scroll-area` | 43,866 | 14,
|
|
421
|
-
| `select` | 153,820 | 48,899 | 42,
|
|
422
|
-
| `shortcut-overlay` | 62,103 | 20,
|
|
423
|
-
| `skeleton` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,
|
|
424
|
-
| `skip-link` | 30,338 | 11,428 | 10,
|
|
425
|
-
| `slider` | 74,143 | 22,101 | 19,
|
|
426
|
-
| `sparkline` | 58,788 | 20,432 | 18,
|
|
427
|
-
| `spatial-bar-chart` | 137,900 | 46,373 | 41,
|
|
428
|
-
| `spatial-heatmap` | 139,798 | 45,725 | 40,
|
|
429
|
-
| `spatial-ribbon-chart` | 126,327 | 42,547 | 37,
|
|
430
|
-
| `spatial-scatter-chart` | 124,456 | 41,661 | 37,
|
|
431
|
-
| `spatial-surface-chart` | 126,850 | 42,829 | 38,
|
|
432
|
-
| `spatial-treemap` | 128,537 | 43,581 | 38,
|
|
433
|
-
| `speed-dial` | 81,060 | 27,
|
|
434
|
-
| `splitter` | 56,008 | 18,
|
|
435
|
-
| `stat` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,
|
|
436
|
-
| `steps` | 75,697 | 23,728 | 21,242 | 29,752 | 6,984 | 5,
|
|
437
|
-
| `strands` | 68,950 | 25,
|
|
438
|
-
| `switch` | 49,022 | 16,458 | 14,793 | 6,169 | 1,788 | 1,
|
|
439
|
-
| `table` | 143,467 | 41,990 | 36,
|
|
440
|
-
| `tabs` | 61,660 | 19,580 | 17,
|
|
441
|
-
| `tag` | 51,985 | 18,223 | 16,
|
|
442
|
-
| `terminal` | 175,850 | 49,377 | 43,
|
|
443
|
-
| `text` | 33,404 | 11,
|
|
444
|
-
| `textarea` | 75,690 | 24,957 | 22,
|
|
445
|
-
| `time-input` | 222,800 | 65,638 | 57,
|
|
446
|
-
| `time-picker` | 140,696 | 42,811 | 37,
|
|
447
|
-
| `timeline` | 43,470 | 15,146 | 13,
|
|
448
|
-
| `toast` | 89,991 | 28,
|
|
449
|
-
| `toggle` | 55,883 | 18,168 | 16,
|
|
450
|
-
| `toolbar` | 40,062 | 14,020 | 12,
|
|
451
|
-
| `tooltip` | 67,881 | 23,741 | 21,350 | 11,725 | 3,188 | 2,
|
|
452
|
-
| `tour` | 101,987 | 32,857 | 29,
|
|
453
|
-
| `tree` | 81,748 | 26,349 | 23,
|
|
454
|
-
| `trend` | 36,950 | 13,914 | 12,545 | 5,472 | 1,648 | 1,
|
|
455
|
-
| `video` | 173,841 | 50,
|
|
456
|
-
| `video-playlist` | 154,530 | 47,
|
|
457
|
-
| `virtual-list` | 74,388 | 24,
|
|
458
|
-
| `voice-level` | 38,396 | 14,077 | 12,
|
|
337
|
+
| `accordion` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,949 |
|
|
338
|
+
| `announcement` | 46,117 | 15,939 | 14,388 | 9,382 | 2,454 | 1,841 |
|
|
339
|
+
| `app-header` | 42,621 | 14,828 | 13,355 | 11,246 | 3,024 | 2,413 |
|
|
340
|
+
| `area-chart` | 120,454 | 40,557 | 36,210 | 24,355 | 6,665 | 5,362 |
|
|
341
|
+
| `aura` | 64,184 | 21,751 | 19,448 | 32,004 | 9,687 | 8,066 |
|
|
342
|
+
| `avatar` | 38,970 | 14,169 | 12,846 | 6,964 | 1,980 | 1,569 |
|
|
343
|
+
| `badge` | 37,710 | 13,446 | 12,137 | 8,435 | 2,132 | 1,640 |
|
|
344
|
+
| `bar-chart` | 135,311 | 44,252 | 39,501 | 38,673 | 10,242 | 8,459 |
|
|
345
|
+
| `blockquote` | 31,018 | 11,503 | 10,350 | 4,608 | 1,410 | 1,045 |
|
|
346
|
+
| `breadcrumbs` | 49,213 | 16,960 | 15,278 | 14,918 | 3,777 | 3,023 |
|
|
347
|
+
| `button` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,520 |
|
|
348
|
+
| `button-group` | 36,163 | 12,635 | 11,427 | 8,378 | 2,144 | 1,715 |
|
|
349
|
+
| `callout` | 43,845 | 16,045 | 14,425 | 6,648 | 1,921 | 1,523 |
|
|
350
|
+
| `canvas` | 214,020 | 61,607 | 53,958 | 120,476 | 30,721 | 25,551 |
|
|
351
|
+
| `card` | 32,401 | 11,628 | 10,485 | 5,958 | 1,608 | 1,186 |
|
|
352
|
+
| `carousel` | 59,895 | 19,118 | 17,343 | 25,946 | 6,076 | 4,784 |
|
|
353
|
+
| `chat` | 179,720 | 54,378 | 48,038 | 79,359 | 19,649 | 16,244 |
|
|
354
|
+
| `checkbox` | 52,190 | 16,959 | 15,262 | 9,617 | 2,489 | 1,873 |
|
|
355
|
+
| `checkbox-group` | 60,104 | 18,966 | 16,997 | 15,554 | 3,970 | 2,975 |
|
|
356
|
+
| `code` | 25,842 | 9,897 | 8,921 | 972 | 368 | 332 |
|
|
357
|
+
| `code-block` | 141,674 | 42,399 | 37,636 | 68,566 | 16,128 | 13,162 |
|
|
358
|
+
| `code-editor` | 132,746 | 35,888 | 31,796 | 68,302 | 13,907 | 11,271 |
|
|
359
|
+
| `code-input` | 80,798 | 26,902 | 24,128 | 22,581 | 6,880 | 5,593 |
|
|
360
|
+
| `color-input` | 193,253 | 53,854 | 47,241 | 100,452 | 21,025 | 17,340 |
|
|
361
|
+
| `color-picker` | 149,088 | 40,760 | 36,110 | 87,075 | 18,841 | 15,423 |
|
|
362
|
+
| `combobox` | 177,485 | 54,011 | 47,518 | 61,349 | 14,871 | 12,078 |
|
|
363
|
+
| `command` | 154,679 | 46,715 | 40,878 | 61,962 | 15,656 | 12,946 |
|
|
364
|
+
| `copy-button` | 104,615 | 32,690 | 29,168 | 35,479 | 7,882 | 6,290 |
|
|
365
|
+
| `data-table` | 266,891 | 76,831 | 66,098 | 136,619 | 33,428 | 26,879 |
|
|
366
|
+
| `date-input` | 168,543 | 49,731 | 44,123 | 60,091 | 13,240 | 10,812 |
|
|
367
|
+
| `date-picker` | 75,396 | 24,195 | 21,829 | 28,847 | 7,090 | 5,652 |
|
|
368
|
+
| `description-list` | 30,533 | 11,064 | 9,964 | 4,493 | 1,256 | 861 |
|
|
369
|
+
| `device-screen` | 143,681 | 42,193 | 37,335 | 67,336 | 15,071 | 12,097 |
|
|
370
|
+
| `dialog` | 48,868 | 16,563 | 14,889 | 11,811 | 3,140 | 2,449 |
|
|
371
|
+
| `divider` | 30,340 | 11,173 | 10,051 | 3,691 | 1,114 | 864 |
|
|
372
|
+
| `donut-chart` | 115,589 | 38,201 | 34,143 | 26,438 | 7,005 | 5,753 |
|
|
373
|
+
| `drawer` | 53,528 | 18,048 | 16,223 | 13,686 | 3,699 | 2,982 |
|
|
374
|
+
| `drilldown` | 53,685 | 17,818 | 16,001 | 15,727 | 4,025 | 3,009 |
|
|
375
|
+
| `editor` | 222,769 | 60,471 | 52,613 | 127,752 | 26,927 | 22,040 |
|
|
376
|
+
| `empty` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 | 682 |
|
|
377
|
+
| `file-input` | 74,781 | 24,151 | 21,735 | 24,828 | 6,562 | 5,312 |
|
|
378
|
+
| `filter-input` | 134,913 | 43,377 | 38,557 | 40,410 | 10,818 | 8,932 |
|
|
379
|
+
| `find` | 102,866 | 29,322 | 26,061 | 46,485 | 9,269 | 7,357 |
|
|
380
|
+
| `flex` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 | 920 |
|
|
381
|
+
| `format-date` | 35,565 | 13,094 | 11,803 | 4,698 | 1,346 | 1,072 |
|
|
382
|
+
| `graph` | 175,865 | 50,598 | 44,166 | 69,440 | 15,619 | 12,476 |
|
|
383
|
+
| `grid` | 31,880 | 11,440 | 10,346 | 5,650 | 1,435 | 1,124 |
|
|
384
|
+
| `heatmap` | 123,013 | 40,318 | 35,940 | 29,119 | 7,761 | 6,347 |
|
|
385
|
+
| `icon` | 110,428 | 36,672 | 31,498 | 80,371 | 26,383 | 21,547 |
|
|
386
|
+
| `icon-button` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,708 |
|
|
387
|
+
| `image` | 31,876 | 11,613 | 10,463 | 5,207 | 1,568 | 1,223 |
|
|
388
|
+
| `input` | 77,465 | 25,726 | 22,999 | 19,462 | 5,843 | 4,601 |
|
|
389
|
+
| `kbd` | 36,435 | 13,329 | 11,949 | 6,116 | 1,823 | 1,325 |
|
|
390
|
+
| `legend` | 49,334 | 16,920 | 15,249 | 7,866 | 2,167 | 1,688 |
|
|
391
|
+
| `lightbox` | 67,279 | 21,825 | 19,630 | 23,114 | 5,887 | 4,617 |
|
|
392
|
+
| `line-chart` | 126,626 | 41,929 | 37,434 | 29,914 | 7,842 | 6,412 |
|
|
393
|
+
| `list` | 73,668 | 24,659 | 22,024 | 21,897 | 5,911 | 4,639 |
|
|
394
|
+
| `listbox` | 110,173 | 35,677 | 31,565 | 29,372 | 8,308 | 6,614 |
|
|
395
|
+
| `loader` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,226 |
|
|
396
|
+
| `log` | 106,381 | 33,038 | 29,656 | 57,028 | 15,634 | 13,122 |
|
|
397
|
+
| `map` | 206,709 | 54,490 | 47,085 | 110,092 | 22,336 | 17,887 |
|
|
398
|
+
| `markdown` | 172,399 | 52,068 | 46,065 | 94,719 | 24,397 | 20,211 |
|
|
399
|
+
| `megamenu` | 70,645 | 24,511 | 21,956 | 13,773 | 3,534 | 2,809 |
|
|
400
|
+
| `menu` | 118,673 | 37,197 | 33,133 | 44,956 | 10,909 | 8,874 |
|
|
401
|
+
| `meter` | 47,432 | 16,009 | 14,478 | 14,899 | 3,608 | 2,985 |
|
|
402
|
+
| `motion-toggle` | 32,169 | 12,106 | 10,861 | 3,155 | 1,034 | 713 |
|
|
403
|
+
| `navigation` | 41,636 | 14,818 | 13,264 | 7,206 | 1,989 | 1,460 |
|
|
404
|
+
| `notifications` | 77,524 | 24,119 | 21,694 | 32,161 | 7,640 | 6,139 |
|
|
405
|
+
| `number-input` | 66,501 | 21,753 | 19,540 | 18,455 | 4,804 | 3,746 |
|
|
406
|
+
| `object-inspector` | 144,379 | 44,497 | 39,352 | 57,202 | 13,805 | 11,243 |
|
|
407
|
+
| `option` | 34,170 | 12,241 | 11,032 | 7,503 | 2,125 | 1,601 |
|
|
408
|
+
| `orb` | 40,942 | 15,257 | 13,794 | 9,996 | 3,686 | 3,096 |
|
|
409
|
+
| `outline` | 47,889 | 16,157 | 14,576 | 17,042 | 4,458 | 3,486 |
|
|
410
|
+
| `pagination` | 183,162 | 55,752 | 48,773 | 72,624 | 18,050 | 14,466 |
|
|
411
|
+
| `pin-input` | 56,180 | 19,131 | 17,213 | 10,546 | 3,243 | 2,389 |
|
|
412
|
+
| `popover` | 73,236 | 25,367 | 22,699 | 10,368 | 2,741 | 2,046 |
|
|
413
|
+
| `progress` | 40,587 | 14,105 | 12,770 | 10,242 | 2,576 | 2,223 |
|
|
414
|
+
| `qr-code` | 49,283 | 18,619 | 16,832 | 18,509 | 6,705 | 5,598 |
|
|
415
|
+
| `quote` | 27,762 | 10,613 | 9,550 | 1,744 | 693 | 426 |
|
|
416
|
+
| `radio` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 | 1,966 |
|
|
417
|
+
| `rating` | 60,021 | 20,445 | 18,366 | 12,186 | 3,719 | 2,733 |
|
|
418
|
+
| `sandbox` | 212,690 | 61,609 | 53,163 | 149,207 | 39,581 | 32,104 |
|
|
419
|
+
| `scatter-chart` | 121,046 | 40,258 | 36,023 | 31,457 | 8,877 | 7,154 |
|
|
420
|
+
| `scroll-area` | 43,866 | 14,232 | 12,824 | 16,953 | 4,137 | 3,145 |
|
|
421
|
+
| `select` | 153,820 | 48,899 | 42,984 | 44,913 | 11,781 | 9,542 |
|
|
422
|
+
| `shortcut-overlay` | 62,103 | 20,798 | 18,686 | 19,408 | 5,155 | 4,139 |
|
|
423
|
+
| `skeleton` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,124 |
|
|
424
|
+
| `skip-link` | 30,338 | 11,428 | 10,251 | 2,887 | 995 | 692 |
|
|
425
|
+
| `slider` | 74,143 | 22,101 | 19,940 | 28,691 | 6,248 | 4,980 |
|
|
426
|
+
| `sparkline` | 58,788 | 20,432 | 18,464 | 11,406 | 3,399 | 2,684 |
|
|
427
|
+
| `spatial-bar-chart` | 137,900 | 46,373 | 41,235 | 41,162 | 12,320 | 10,226 |
|
|
428
|
+
| `spatial-heatmap` | 139,798 | 45,725 | 40,679 | 43,210 | 12,061 | 9,914 |
|
|
429
|
+
| `spatial-ribbon-chart` | 126,327 | 42,547 | 37,868 | 31,604 | 9,347 | 7,736 |
|
|
430
|
+
| `spatial-scatter-chart` | 124,456 | 41,661 | 37,153 | 29,790 | 8,490 | 6,903 |
|
|
431
|
+
| `spatial-surface-chart` | 126,850 | 42,829 | 38,230 | 32,127 | 9,621 | 8,054 |
|
|
432
|
+
| `spatial-treemap` | 128,537 | 43,581 | 38,763 | 32,121 | 9,646 | 8,048 |
|
|
433
|
+
| `speed-dial` | 81,060 | 27,548 | 24,695 | 18,133 | 4,355 | 3,481 |
|
|
434
|
+
| `splitter` | 56,008 | 18,111 | 16,381 | 21,147 | 4,992 | 3,946 |
|
|
435
|
+
| `stat` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,084 |
|
|
436
|
+
| `steps` | 75,697 | 23,728 | 21,242 | 29,752 | 6,984 | 5,628 |
|
|
437
|
+
| `strands` | 68,950 | 25,204 | 22,464 | 39,058 | 13,870 | 12,070 |
|
|
438
|
+
| `switch` | 49,022 | 16,458 | 14,793 | 6,169 | 1,788 | 1,287 |
|
|
439
|
+
| `table` | 143,467 | 41,990 | 36,999 | 63,012 | 15,518 | 12,705 |
|
|
440
|
+
| `tabs` | 61,660 | 19,580 | 17,602 | 20,808 | 4,929 | 3,984 |
|
|
441
|
+
| `tag` | 51,985 | 18,223 | 16,438 | 13,051 | 3,577 | 2,838 |
|
|
442
|
+
| `terminal` | 175,850 | 49,377 | 43,520 | 88,452 | 18,376 | 14,870 |
|
|
443
|
+
| `text` | 33,404 | 11,509 | 10,312 | 7,178 | 1,458 | 1,082 |
|
|
444
|
+
| `textarea` | 75,690 | 24,957 | 22,436 | 18,254 | 5,256 | 4,217 |
|
|
445
|
+
| `time-input` | 222,800 | 65,638 | 57,064 | 83,073 | 19,366 | 15,826 |
|
|
446
|
+
| `time-picker` | 140,696 | 42,811 | 37,697 | 55,889 | 14,298 | 11,723 |
|
|
447
|
+
| `timeline` | 43,470 | 15,146 | 13,674 | 11,014 | 2,672 | 2,111 |
|
|
448
|
+
| `toast` | 89,991 | 28,137 | 25,122 | 35,434 | 8,547 | 6,955 |
|
|
449
|
+
| `toggle` | 55,883 | 18,168 | 16,375 | 10,882 | 3,031 | 2,377 |
|
|
450
|
+
| `toolbar` | 40,062 | 14,020 | 12,628 | 4,068 | 1,004 | 636 |
|
|
451
|
+
| `tooltip` | 67,881 | 23,741 | 21,350 | 11,725 | 3,188 | 2,478 |
|
|
452
|
+
| `tour` | 101,987 | 32,857 | 29,382 | 32,330 | 7,798 | 6,270 |
|
|
453
|
+
| `tree` | 81,748 | 26,349 | 23,523 | 26,526 | 6,926 | 5,610 |
|
|
454
|
+
| `trend` | 36,950 | 13,914 | 12,545 | 5,472 | 1,648 | 1,281 |
|
|
455
|
+
| `video` | 173,841 | 50,677 | 44,756 | 91,177 | 21,113 | 17,461 |
|
|
456
|
+
| `video-playlist` | 154,530 | 47,006 | 41,558 | 63,105 | 14,987 | 12,337 |
|
|
457
|
+
| `virtual-list` | 74,388 | 24,484 | 22,116 | 27,449 | 8,044 | 6,742 |
|
|
458
|
+
| `voice-level` | 38,396 | 14,077 | 12,735 | 7,526 | 2,475 | 1,952 |
|
|
459
459
|
|
|
460
460
|
## What an install adds to `node_modules`
|
|
461
461
|
|
|
@@ -5236,7 +5236,7 @@ on its own.
|
|
|
5236
5236
|
|
|
5237
5237
|
| | Raw | Gzip | Brotli |
|
|
5238
5238
|
|---|---|---|---|
|
|
5239
|
-
| Lit and \`@fusion.dev/helix-core\` | 295,793 | 95,872 | 82,
|
|
5239
|
+
| Lit and \`@fusion.dev/helix-core\` | 295,793 | 95,872 | 82,242 |
|
|
5240
5240
|
|
|
5241
5241
|
## Whole packages
|
|
5242
5242
|
|
|
@@ -5247,12 +5247,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5247
5247
|
|
|
5248
5248
|
| Package | Raw | Gzip | Brotli | |
|
|
5249
5249
|
|---|---|---|---|---|
|
|
5250
|
-
| \`@fusion.dev/helix-core\` | 295,002 | 95,659 | 81,
|
|
5251
|
-
| \`@fusion.dev/helix-headless\` | 1,699,188 | 468,311 | 352,
|
|
5250
|
+
| \`@fusion.dev/helix-core\` | 295,002 | 95,659 | 81,788 | The element base class, mixins, decorators, and floating positioning. |
|
|
5251
|
+
| \`@fusion.dev/helix-headless\` | 1,699,188 | 468,311 | 352,481 | Every headless family. The barrel entry includes all of them. |
|
|
5252
5252
|
| \`@fusion.dev/helix-icons\` | 77,621 | 24,510 | 20,384 | The whole glyph set. |
|
|
5253
5253
|
| \`@fusion.dev/helix-theme\` | 4,022 | 1,720 | 1,541 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
5254
5254
|
| \`fusion_helix_theme_bg.wasm\` | 412,026 | 152,285 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
5255
|
-
| \`@fusion.dev/helix\` | 2,503,553 | 640,892 | 458,
|
|
5255
|
+
| \`@fusion.dev/helix\` | 2,503,553 | 640,892 | 458,348 | Every styled family. |
|
|
5256
5256
|
| \`lit\` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
5257
5257
|
|
|
5258
5258
|
## Stylesheets
|
|
@@ -5275,7 +5275,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
5275
5275
|
|
|
5276
5276
|
**Most of your first component is the shared runtime.** The median styled family is 22,915 bytes gzipped alone, and it adds 5,550 to a page that already has Helix. The shared runtime is 76 percent of the first component, and the component itself is 24 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.
|
|
5277
5277
|
|
|
5278
|
-
Across the 122 styled components, the smallest is \`code\` at 9,897 bytes gzipped alone, and the largest is \`data-table\` at 76,
|
|
5278
|
+
Across the 122 styled components, the smallest is \`code\` at 9,897 bytes gzipped alone, and the largest is \`data-table\` at 76,831. Every family together is 640,892.
|
|
5279
5279
|
|
|
5280
5280
|
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 468,311 bytes gzipped, whatever else the page imports. That is 20 times the median family above. All 122 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.
|
|
5281
5281
|
|
|
@@ -5296,12 +5296,12 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5296
5296
|
| | Material Web | 47,039 | 13,980 | 12,488 |
|
|
5297
5297
|
| | Spectrum | 98,861 | 21,731 | 18,547 |
|
|
5298
5298
|
| | Web Awesome | 136,082 | 34,015 | 28,815 |
|
|
5299
|
-
| \`checkbox\` | **Helix** | 52,190 | 16,
|
|
5299
|
+
| \`checkbox\` | **Helix** | 52,190 | 16,959 | 15,262 |
|
|
5300
5300
|
| | Carbon | 60,226 | 15,349 | 13,476 |
|
|
5301
5301
|
| | Material Web | 43,770 | 13,361 | 11,940 |
|
|
5302
5302
|
| | Spectrum | 60,006 | 14,720 | 12,834 |
|
|
5303
5303
|
| | Web Awesome | 115,313 | 28,720 | 24,391 |
|
|
5304
|
-
| \`dialog\` | **Helix** | 48,868 | 16,
|
|
5304
|
+
| \`dialog\` | **Helix** | 48,868 | 16,563 | 14,889 |
|
|
5305
5305
|
| | Carbon | 510,751 | 66,753 | 39,054 |
|
|
5306
5306
|
| | Material Web | 34,234 | 11,327 | 10,171 |
|
|
5307
5307
|
| | Spectrum | 152,934 | 30,766 | 25,567 |
|
|
@@ -5316,7 +5316,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5316
5316
|
| | Material Web | 50,129 | 14,355 | 12,869 |
|
|
5317
5317
|
| | Spectrum | 62,390 | 14,852 | 13,259 |
|
|
5318
5318
|
| | Web Awesome | 45,922 | 15,043 | 13,489 |
|
|
5319
|
-
| \`tabs\` | **Helix** | 61,660 | 19,580 | 17,
|
|
5319
|
+
| \`tabs\` | **Helix** | 61,660 | 19,580 | 17,602 |
|
|
5320
5320
|
| | Carbon | 578,657 | 72,708 | 43,044 |
|
|
5321
5321
|
| | Material Web | 38,875 | 12,619 | 11,290 |
|
|
5322
5322
|
| | Spectrum | 64,371 | 17,857 | 16,004 |
|
|
@@ -5401,120 +5401,120 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5401
5401
|
|
|
5402
5402
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5403
5403
|
|---|---|---|---|---|---|---|
|
|
5404
|
-
| \`accordion\` | 36,788 | 13,361 | 12,020 | 5,369 | 1,509 | 1,
|
|
5405
|
-
| \`announcement\` | 41,504 | 14,908 | 13,
|
|
5406
|
-
| \`app-header\` | 37,460 | 13,637 | 12,
|
|
5407
|
-
| \`area-chart\` | 110,876 | 38,448 | 34,
|
|
5408
|
-
| \`avatar\` | 35,972 | 13,427 | 12,
|
|
5409
|
-
| \`badge\` | 32,204 | 12,
|
|
5410
|
-
| \`bar-chart\` | 118,895 | 41,035 | 36,
|
|
5411
|
-
| \`blockquote\` | 28,797 | 10,
|
|
5412
|
-
| \`breadcrumbs\` | 42,197 | 15,744 | 14,
|
|
5413
|
-
| \`button\` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,
|
|
5414
|
-
| \`button-group\` | 32,666 | 11,956 | 10,770 | 4,897 | 1,458 |
|
|
5415
|
-
| \`callout\` | 40,054 | 15,
|
|
5416
|
-
| \`canvas\` | 179,749 | 56,211 | 49,
|
|
5417
|
-
| \`card\` | 28,502 | 10,629 | 9,573 | 2,074 |
|
|
5418
|
-
| \`carousel\` | 49,408 | 17,
|
|
5419
|
-
| \`chat\` | 141,862 | 46,119 | 40,
|
|
5420
|
-
| \`checkbox\` | 45,709 | 15,
|
|
5421
|
-
| \`checkbox-group\` | 52,892 | 17,350 | 15,566 | 8,351 | 2,349 | 1,
|
|
5422
|
-
| \`code\` | 24,987 | 9,
|
|
5423
|
-
| \`code-block\` | 113,571 | 38,
|
|
5424
|
-
| \`code-editor\` | 101,737 | 31,707 | 28,
|
|
5425
|
-
| \`code-input\` | 65,648 | 22,
|
|
5426
|
-
| \`color-input\` | 149,480 | 47,
|
|
5427
|
-
| \`color-picker\` | 110,841 | 35,126 | 31,
|
|
5428
|
-
| \`combobox\` | 150,510 | 47,620 | 41,
|
|
5429
|
-
| \`command\` | 127,691 | 39,998 | 35,
|
|
5430
|
-
| \`copy-button\` | 88,951 | 30,
|
|
5431
|
-
| \`data-table\` | 221,008 | 67,295 | 58,
|
|
5432
|
-
| \`date-input\` | 147,158 | 45,
|
|
5433
|
-
| \`date-picker\` | 67,350 | 22,765 | 20,
|
|
5434
|
-
| \`description-list\` | 27,583 | 10,
|
|
5435
|
-
| \`device-screen\` | 122,587 | 38,605 | 34,
|
|
5436
|
-
| \`dialog\` | 43,110 | 15,225 | 13,
|
|
5437
|
-
| \`divider\` | 28,042 | 10,
|
|
5438
|
-
| \`donut-chart\` | 104,235 | 35,857 | 32,
|
|
5439
|
-
| \`drawer\` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,
|
|
5440
|
-
| \`drilldown\` | 48,006 | 16,533 | 14,
|
|
5441
|
-
| \`editor\` | 178,365 | 54,257 | 47,
|
|
5442
|
-
| \`empty\` | 29,125 | 10,
|
|
5443
|
-
| \`file-input\` | 63,256 | 21,
|
|
5444
|
-
| \`filter-input\` | 113,026 | 37,877 | 33,
|
|
5445
|
-
| \`find\` | 78,192 | 25,912 | 23,
|
|
5446
|
-
| \`format-date\` | 35,311 | 12,
|
|
5447
|
-
| \`graph\` | 146,422 | 46,082 | 40,
|
|
5448
|
-
| \`heatmap\` | 113,308 | 38,184 | 34,
|
|
5449
|
-
| \`icon\` | 108,395 | 36,072 | 30,
|
|
5450
|
-
| \`icon-button\` | 41,708 | 14,699 | 13,
|
|
5451
|
-
| \`image\` | 30,491 | 11,
|
|
5452
|
-
| \`input\` | 62,209 | 21,267 | 18,957 | 7,350 | 2,354 | 1,
|
|
5453
|
-
| \`kbd\` | 34,229 | 12,
|
|
5454
|
-
| \`legend\` | 44,093 | 15,
|
|
5455
|
-
| \`lightbox\` | 60,994 | 20,490 | 18,
|
|
5456
|
-
| \`line-chart\` | 113,879 | 39,281 | 35,
|
|
5457
|
-
| \`list\` | 67,327 | 23,172 | 20,
|
|
5458
|
-
| \`listbox\` | 94,025 | 31,049 | 27,
|
|
5459
|
-
| \`loader\` | 31,541 | 11,
|
|
5460
|
-
| \`log\` | 89,716 |
|
|
5461
|
-
| \`map\` | 159,903 | 47,424 | 40,
|
|
5462
|
-
| \`markdown\` | 140,272 | 47,304 | 41,
|
|
5463
|
-
| \`megamenu\` | 65,596 | 23,
|
|
5464
|
-
| \`menu\` | 106,453 | 34,
|
|
5465
|
-
| \`meter\` | 38,888 | 14,279 | 12,919 | 6,365 | 1,
|
|
5466
|
-
| \`motion-toggle\` | 30,535 | 11,627 | 10,
|
|
5467
|
-
| \`navigation\` | 37,912 | 13,969 | 12,
|
|
5468
|
-
| \`notifications\` | 64,044 | 21,590 | 19,
|
|
5469
|
-
| \`number-input\` | 61,522 | 20,549 | 18,
|
|
5470
|
-
| \`object-inspector\` | 124,337 | 41,342 | 36,
|
|
5471
|
-
| \`option\` | 31,105 | 11,300 | 10,179 | 4,446 | 1,156 |
|
|
5472
|
-
| \`outline\` | 41,449 | 14,
|
|
5473
|
-
| \`pagination\` | 154,678 | 49,079 | 42,
|
|
5474
|
-
| \`pin-input\` | 52,802 | 18,248 | 16,
|
|
5475
|
-
| \`popover\` | 69,330 | 24,448 | 21,
|
|
5476
|
-
| \`progress\` | 33,407 | 12,448 | 11,245 | 3,075 | 943 |
|
|
5477
|
-
| \`qr-code\` | 47,683 | 18,136 | 16,
|
|
5478
|
-
| \`quote\` | 27,206 | 10,
|
|
5479
|
-
| \`radio\` | 47,265 | 16,015 | 14,390 | 3,799 | 1,216 |
|
|
5480
|
-
| \`rating\` | 56,091 | 19,
|
|
5481
|
-
| \`scatter-chart\` | 110,294 | 37,894 | 33,
|
|
5482
|
-
| \`scroll-area\` | 35,923 | 12,
|
|
5483
|
-
| \`select\` | 132,912 | 43,503 | 38,
|
|
5484
|
-
| \`shortcut-overlay\` | 54,311 | 19,106 | 17,
|
|
5485
|
-
| \`skeleton\` | 26,984 | 10,208 | 9,193 | 954 | 352 |
|
|
5486
|
-
| \`skip-link\` | 28,768 | 10,
|
|
5487
|
-
| \`slider\` | 59,094 | 19,
|
|
5488
|
-
| \`sparkline\` | 53,331 | 19,123 | 17,
|
|
5489
|
-
| \`spatial-bar-chart\` | 125,627 | 43,813 |
|
|
5490
|
-
| \`spatial-heatmap\` | 128,676 | 43,337 | 38,
|
|
5491
|
-
| \`spatial-ribbon-chart\` | 116,031 | 40,304 | 35,
|
|
5492
|
-
| \`spatial-scatter-chart\` | 114,102 | 39,466 | 35,
|
|
5493
|
-
| \`spatial-surface-chart\` | 117,034 | 40,689 | 36,
|
|
5494
|
-
| \`spatial-treemap\` | 118,137 | 41,301 | 36,
|
|
5495
|
-
| \`speed-dial\` | 74,018 | 26,161 | 23,402 | 11,107 | 2,926 | 2,
|
|
5496
|
-
| \`splitter\` | 49,870 | 17,059 | 15,
|
|
5497
|
-
| \`stat\` | 30,366 | 11,365 | 10,
|
|
5498
|
-
| \`steps\` | 60,474 | 20,856 | 18,
|
|
5499
|
-
| \`switch\` | 44,568 | 15,309 | 13,740 | 1,733 | 653 |
|
|
5500
|
-
| \`table\` | 125,700 | 38,956 | 34,
|
|
5501
|
-
| \`tabs\` | 51,456 | 17,513 | 15,743 | 10,607 | 2,836 | 2,
|
|
5502
|
-
| \`tag\` | 47,412 | 17,109 | 15,
|
|
5503
|
-
| \`terminal\` | 141,582 | 44,590 | 39,
|
|
5504
|
-
| \`textarea\` | 59,949 | 20,
|
|
5505
|
-
| \`time-input\` | 187,028 | 58,
|
|
5506
|
-
| \`time-picker\` | 117,065 | 37,039 | 32,
|
|
5507
|
-
| \`timeline\` | 36,581 | 13,
|
|
5508
|
-
| \`toast\` | 74,603 | 25,177 | 22,
|
|
5509
|
-
| \`toggle\` | 51,029 | 16,915 | 15,
|
|
5510
|
-
| \`toolbar\` | 37,383 | 13,551 | 12,
|
|
5511
|
-
| \`tooltip\` | 65,000 | 22,983 | 20,
|
|
5512
|
-
| \`tour\` | 90,755 | 30,
|
|
5513
|
-
| \`tree\` | 72,738 | 24,341 | 21,
|
|
5514
|
-
| \`trend\` | 35,034 | 13,356 | 12,086 | 3,577 | 1,125 |
|
|
5515
|
-
| \`video\` | 152,045 | 46,721 | 41,
|
|
5516
|
-
| \`video-playlist\` | 137,298 | 43,792 | 38,
|
|
5517
|
-
| \`virtual-list\` | 72,396 | 23,976 | 21,
|
|
5404
|
+
| \`accordion\` | 36,788 | 13,361 | 12,020 | 5,369 | 1,509 | 1,130 |
|
|
5405
|
+
| \`announcement\` | 41,504 | 14,908 | 13,453 | 4,788 | 1,395 | 939 |
|
|
5406
|
+
| \`app-header\` | 37,460 | 13,637 | 12,256 | 6,103 | 1,830 | 1,242 |
|
|
5407
|
+
| \`area-chart\` | 110,876 | 38,448 | 34,332 | 14,781 | 4,514 | 3,661 |
|
|
5408
|
+
| \`avatar\` | 35,972 | 13,427 | 12,199 | 3,980 | 1,241 | 963 |
|
|
5409
|
+
| \`badge\` | 32,204 | 12,204 | 11,028 | 2,941 | 888 | 675 |
|
|
5410
|
+
| \`bar-chart\` | 118,895 | 41,035 | 36,595 | 22,275 | 6,957 | 5,693 |
|
|
5411
|
+
| \`blockquote\` | 28,797 | 10,962 | 9,867 | 2,400 | 869 | 566 |
|
|
5412
|
+
| \`breadcrumbs\` | 42,197 | 15,744 | 14,225 | 7,912 | 2,506 | 1,933 |
|
|
5413
|
+
| \`button\` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,121 |
|
|
5414
|
+
| \`button-group\` | 32,666 | 11,956 | 10,770 | 4,897 | 1,458 | 933 |
|
|
5415
|
+
| \`callout\` | 40,054 | 15,113 | 13,582 | 2,875 | 991 | 572 |
|
|
5416
|
+
| \`canvas\` | 179,749 | 56,211 | 49,008 | 86,219 | 25,107 | 20,734 |
|
|
5417
|
+
| \`card\` | 28,502 | 10,629 | 9,573 | 2,074 | 613 | 355 |
|
|
5418
|
+
| \`carousel\` | 49,408 | 17,356 | 15,659 | 15,477 | 4,258 | 3,131 |
|
|
5419
|
+
| \`chat\` | 141,862 | 46,119 | 40,766 | 44,186 | 12,189 | 9,600 |
|
|
5420
|
+
| \`checkbox\` | 45,709 | 15,485 | 13,917 | 3,154 | 977 | 568 |
|
|
5421
|
+
| \`checkbox-group\` | 52,892 | 17,350 | 15,566 | 8,351 | 2,349 | 1,699 |
|
|
5422
|
+
| \`code\` | 24,987 | 9,593 | 8,634 | 136 | 58 | 29 |
|
|
5423
|
+
| \`code-block\` | 113,571 | 38,287 | 34,010 | 40,487 | 11,881 | 9,552 |
|
|
5424
|
+
| \`code-editor\` | 101,737 | 31,707 | 28,089 | 37,299 | 9,473 | 7,556 |
|
|
5425
|
+
| \`code-input\` | 65,648 | 22,501 | 20,155 | 10,559 | 3,403 | 2,626 |
|
|
5426
|
+
| \`color-input\` | 149,480 | 47,456 | 41,607 | 56,692 | 14,690 | 11,807 |
|
|
5427
|
+
| \`color-picker\` | 110,841 | 35,126 | 31,169 | 48,828 | 13,100 | 10,426 |
|
|
5428
|
+
| \`combobox\` | 150,510 | 47,620 | 41,927 | 37,524 | 9,378 | 7,358 |
|
|
5429
|
+
| \`command\` | 127,691 | 39,998 | 35,172 | 38,272 | 9,836 | 7,929 |
|
|
5430
|
+
| \`copy-button\` | 88,951 | 30,221 | 26,963 | 19,839 | 5,299 | 4,092 |
|
|
5431
|
+
| \`data-table\` | 221,008 | 67,295 | 58,028 | 93,771 | 24,749 | 19,689 |
|
|
5432
|
+
| \`date-input\` | 147,158 | 45,984 | 40,751 | 38,735 | 9,419 | 7,539 |
|
|
5433
|
+
| \`date-picker\` | 67,350 | 22,765 | 20,572 | 20,821 | 5,643 | 4,386 |
|
|
5434
|
+
| \`description-list\` | 27,583 | 10,321 | 9,292 | 1,554 | 488 | 238 |
|
|
5435
|
+
| \`device-screen\` | 122,587 | 38,605 | 34,181 | 46,259 | 11,427 | 9,013 |
|
|
5436
|
+
| \`dialog\` | 43,110 | 15,225 | 13,667 | 6,075 | 1,792 | 1,310 |
|
|
5437
|
+
| \`divider\` | 28,042 | 10,561 | 9,492 | 1,410 | 478 | 372 |
|
|
5438
|
+
| \`donut-chart\` | 104,235 | 35,857 | 32,064 | 15,091 | 4,568 | 3,628 |
|
|
5439
|
+
| \`drawer\` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,695 |
|
|
5440
|
+
| \`drilldown\` | 48,006 | 16,533 | 14,854 | 10,059 | 2,734 | 1,985 |
|
|
5441
|
+
| \`editor\` | 178,365 | 54,257 | 47,104 | 83,366 | 20,563 | 16,564 |
|
|
5442
|
+
| \`empty\` | 29,125 | 10,883 | 9,801 | 1,974 | 632 | 352 |
|
|
5443
|
+
| \`file-input\` | 63,256 | 21,755 | 19,588 | 13,323 | 4,169 | 3,129 |
|
|
5444
|
+
| \`filter-input\` | 113,026 | 37,877 | 33,651 | 21,663 | 6,136 | 4,900 |
|
|
5445
|
+
| \`find\` | 78,192 | 25,912 | 23,113 | 21,809 | 5,714 | 4,445 |
|
|
5446
|
+
| \`format-date\` | 35,311 | 12,970 | 11,693 | 4,462 | 1,239 | 865 |
|
|
5447
|
+
| \`graph\` | 146,422 | 46,082 | 40,312 | 40,018 | 10,986 | 8,704 |
|
|
5448
|
+
| \`heatmap\` | 113,308 | 38,184 | 34,064 | 19,434 | 5,634 | 4,485 |
|
|
5449
|
+
| \`icon\` | 108,395 | 36,072 | 30,980 | 78,520 | 25,856 | 20,902 |
|
|
5450
|
+
| \`icon-button\` | 41,708 | 14,699 | 13,261 | 5,802 | 1,677 | 1,212 |
|
|
5451
|
+
| \`image\` | 30,491 | 11,154 | 10,066 | 3,842 | 1,114 | 797 |
|
|
5452
|
+
| \`input\` | 62,209 | 21,267 | 18,957 | 7,350 | 2,354 | 1,670 |
|
|
5453
|
+
| \`kbd\` | 34,229 | 12,746 | 11,457 | 3,926 | 1,248 | 749 |
|
|
5454
|
+
| \`legend\` | 44,093 | 15,636 | 14,129 | 2,764 | 882 | 613 |
|
|
5455
|
+
| \`lightbox\` | 60,994 | 20,490 | 18,414 | 16,839 | 4,618 | 3,490 |
|
|
5456
|
+
| \`line-chart\` | 113,879 | 39,281 | 35,058 | 17,183 | 5,120 | 4,173 |
|
|
5457
|
+
| \`list\` | 67,327 | 23,172 | 20,687 | 15,570 | 4,398 | 3,357 |
|
|
5458
|
+
| \`listbox\` | 94,025 | 31,049 | 27,457 | 16,516 | 4,667 | 3,531 |
|
|
5459
|
+
| \`loader\` | 31,541 | 11,772 | 10,633 | 2,875 | 939 | 743 |
|
|
5460
|
+
| \`log\` | 89,716 | 30,000 | 26,924 | 40,360 | 12,454 | 10,330 |
|
|
5461
|
+
| \`map\` | 159,903 | 47,424 | 40,953 | 63,298 | 15,415 | 11,838 |
|
|
5462
|
+
| \`markdown\` | 140,272 | 47,304 | 41,847 | 62,608 | 19,541 | 16,095 |
|
|
5463
|
+
| \`megamenu\` | 65,596 | 23,362 | 20,892 | 8,742 | 2,372 | 1,736 |
|
|
5464
|
+
| \`menu\` | 106,453 | 34,787 | 30,999 | 32,752 | 8,411 | 6,741 |
|
|
5465
|
+
| \`meter\` | 38,888 | 14,279 | 12,919 | 6,365 | 1,817 | 1,466 |
|
|
5466
|
+
| \`motion-toggle\` | 30,535 | 11,627 | 10,453 | 1,539 | 546 | 345 |
|
|
5467
|
+
| \`navigation\` | 37,912 | 13,969 | 12,527 | 3,497 | 1,155 | 765 |
|
|
5468
|
+
| \`notifications\` | 64,044 | 21,590 | 19,432 | 18,695 | 5,071 | 3,907 |
|
|
5469
|
+
| \`number-input\` | 61,522 | 20,549 | 18,480 | 13,492 | 3,630 | 2,683 |
|
|
5470
|
+
| \`object-inspector\` | 124,337 | 41,342 | 36,614 | 37,188 | 10,577 | 8,409 |
|
|
5471
|
+
| \`option\` | 31,105 | 11,300 | 10,179 | 4,446 | 1,156 | 930 |
|
|
5472
|
+
| \`outline\` | 41,449 | 14,806 | 13,355 | 10,620 | 3,116 | 2,340 |
|
|
5473
|
+
| \`pagination\` | 154,678 | 49,079 | 42,862 | 47,274 | 12,176 | 9,641 |
|
|
5474
|
+
| \`pin-input\` | 52,802 | 18,248 | 16,424 | 7,187 | 2,356 | 1,597 |
|
|
5475
|
+
| \`popover\` | 69,330 | 24,448 | 21,878 | 6,480 | 1,829 | 1,394 |
|
|
5476
|
+
| \`progress\` | 33,407 | 12,448 | 11,245 | 3,075 | 943 | 706 |
|
|
5477
|
+
| \`qr-code\` | 47,683 | 18,136 | 16,366 | 16,927 | 6,238 | 5,219 |
|
|
5478
|
+
| \`quote\` | 27,206 | 10,427 | 9,378 | 1,205 | 496 | 366 |
|
|
5479
|
+
| \`radio\` | 47,265 | 16,015 | 14,390 | 3,799 | 1,216 | 689 |
|
|
5480
|
+
| \`rating\` | 56,091 | 19,233 | 17,281 | 8,272 | 2,510 | 1,849 |
|
|
5481
|
+
| \`scatter-chart\` | 110,294 | 37,894 | 33,784 | 20,721 | 6,411 | 5,265 |
|
|
5482
|
+
| \`scroll-area\` | 35,923 | 12,852 | 11,564 | 9,027 | 2,675 | 1,963 |
|
|
5483
|
+
| \`select\` | 132,912 | 43,503 | 38,266 | 27,302 | 7,298 | 5,521 |
|
|
5484
|
+
| \`shortcut-overlay\` | 54,311 | 19,106 | 17,144 | 11,631 | 3,434 | 2,596 |
|
|
5485
|
+
| \`skeleton\` | 26,984 | 10,208 | 9,193 | 954 | 352 | 237 |
|
|
5486
|
+
| \`skip-link\` | 28,768 | 10,918 | 9,827 | 1,334 | 493 | 309 |
|
|
5487
|
+
| \`slider\` | 59,094 | 19,779 | 17,836 | 13,667 | 3,858 | 2,988 |
|
|
5488
|
+
| \`sparkline\` | 53,331 | 19,123 | 17,287 | 5,968 | 2,066 | 1,662 |
|
|
5489
|
+
| \`spatial-bar-chart\` | 125,627 | 43,813 | 38,996 | 28,914 | 9,746 | 8,183 |
|
|
5490
|
+
| \`spatial-heatmap\` | 128,676 | 43,337 | 38,588 | 32,104 | 9,605 | 7,840 |
|
|
5491
|
+
| \`spatial-ribbon-chart\` | 116,031 | 40,304 | 35,898 | 21,327 | 7,072 | 5,892 |
|
|
5492
|
+
| \`spatial-scatter-chart\` | 114,102 | 39,466 | 35,189 | 19,459 | 6,296 | 5,083 |
|
|
5493
|
+
| \`spatial-surface-chart\` | 117,034 | 40,689 | 36,229 | 22,328 | 7,461 | 6,153 |
|
|
5494
|
+
| \`spatial-treemap\` | 118,137 | 41,301 | 36,746 | 21,742 | 7,349 | 6,077 |
|
|
5495
|
+
| \`speed-dial\` | 74,018 | 26,161 | 23,402 | 11,107 | 2,926 | 2,252 |
|
|
5496
|
+
| \`splitter\` | 49,870 | 17,059 | 15,406 | 15,021 | 3,923 | 3,121 |
|
|
5497
|
+
| \`stat\` | 30,366 | 11,365 | 10,271 | 2,291 | 745 | 478 |
|
|
5498
|
+
| \`steps\` | 60,474 | 20,856 | 18,684 | 14,540 | 4,049 | 3,131 |
|
|
5499
|
+
| \`switch\` | 44,568 | 15,309 | 13,740 | 1,733 | 653 | 312 |
|
|
5500
|
+
| \`table\` | 125,700 | 38,956 | 34,233 | 45,249 | 12,360 | 9,871 |
|
|
5501
|
+
| \`tabs\` | 51,456 | 17,513 | 15,743 | 10,607 | 2,836 | 2,108 |
|
|
5502
|
+
| \`tag\` | 47,412 | 17,109 | 15,423 | 8,490 | 2,490 | 1,801 |
|
|
5503
|
+
| \`terminal\` | 141,582 | 44,590 | 39,284 | 54,204 | 13,434 | 10,706 |
|
|
5504
|
+
| \`textarea\` | 59,949 | 20,471 | 18,390 | 5,642 | 1,666 | 1,149 |
|
|
5505
|
+
| \`time-input\` | 187,028 | 58,029 | 50,530 | 50,345 | 12,609 | 10,012 |
|
|
5506
|
+
| \`time-picker\` | 117,065 | 37,039 | 32,683 | 35,289 | 9,369 | 7,364 |
|
|
5507
|
+
| \`timeline\` | 36,581 | 13,679 | 12,359 | 4,128 | 1,205 | 792 |
|
|
5508
|
+
| \`toast\` | 74,603 | 25,177 | 22,476 | 20,050 | 5,568 | 4,385 |
|
|
5509
|
+
| \`toggle\` | 51,029 | 16,915 | 15,259 | 6,038 | 1,789 | 1,312 |
|
|
5510
|
+
| \`toolbar\` | 37,383 | 13,551 | 12,196 | 1,406 | 490 | 379 |
|
|
5511
|
+
| \`tooltip\` | 65,000 | 22,983 | 20,661 | 8,862 | 2,438 | 1,905 |
|
|
5512
|
+
| \`tour\` | 90,755 | 30,739 | 27,470 | 21,104 | 5,648 | 4,416 |
|
|
5513
|
+
| \`tree\` | 72,738 | 24,341 | 21,771 | 17,539 | 4,881 | 3,851 |
|
|
5514
|
+
| \`trend\` | 35,034 | 13,356 | 12,086 | 3,577 | 1,125 | 722 |
|
|
5515
|
+
| \`video\` | 152,045 | 46,721 | 41,178 | 69,404 | 17,300 | 13,937 |
|
|
5516
|
+
| \`video-playlist\` | 137,298 | 43,792 | 38,787 | 45,878 | 11,720 | 9,463 |
|
|
5517
|
+
| \`virtual-list\` | 72,396 | 23,976 | 21,620 | 25,472 | 7,513 | 6,173 |
|
|
5518
5518
|
|
|
5519
5519
|
### Styled tier
|
|
5520
5520
|
|
|
@@ -5522,128 +5522,128 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5522
5522
|
|
|
5523
5523
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5524
5524
|
|---|---|---|---|---|---|---|
|
|
5525
|
-
| \`accordion\` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,
|
|
5526
|
-
| \`announcement\` | 46,117 | 15,939 | 14,
|
|
5527
|
-
| \`app-header\` | 42,621 | 14,828 | 13,
|
|
5528
|
-
| \`area-chart\` | 120,454 | 40,557 | 36,
|
|
5529
|
-
| \`aura\` | 64,184 | 21,751 | 19,
|
|
5530
|
-
| \`avatar\` | 38,970 | 14,169 | 12,846 | 6,964 | 1,
|
|
5531
|
-
| \`badge\` | 37,710 | 13,446 | 12,
|
|
5532
|
-
| \`bar-chart\` | 135,311 | 44,252 | 39,
|
|
5533
|
-
| \`blockquote\` | 31,018 | 11,503 | 10,350 | 4,608 | 1,410 | 1,
|
|
5534
|
-
| \`breadcrumbs\` | 49,213 | 16,960 | 15,278 | 14,918 | 3,
|
|
5535
|
-
| \`button\` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,
|
|
5536
|
-
| \`button-group\` | 36,163 | 12,635 | 11,
|
|
5537
|
-
| \`callout\` | 43,845 | 16,045 | 14,
|
|
5538
|
-
| \`canvas\` | 214,020 | 61,
|
|
5539
|
-
| \`card\` | 32,401 | 11,628 | 10,485 | 5,958 | 1,608 | 1,
|
|
5540
|
-
| \`carousel\` | 59,895 | 19,118 | 17,
|
|
5541
|
-
| \`chat\` | 179,720 | 54,
|
|
5542
|
-
| \`checkbox\` | 52,190 | 16,
|
|
5543
|
-
| \`checkbox-group\` | 60,104 | 18,
|
|
5544
|
-
| \`code\` | 25,842 | 9,897 | 8,
|
|
5545
|
-
| \`code-block\` | 141,674 | 42,399 | 37,
|
|
5546
|
-
| \`code-editor\` | 132,746 | 35,888 | 31,
|
|
5547
|
-
| \`code-input\` | 80,798 | 26,
|
|
5548
|
-
| \`color-input\` | 193,253 | 53,854 | 47,
|
|
5549
|
-
| \`color-picker\` | 149,088 | 40,760 | 36,
|
|
5550
|
-
| \`combobox\` | 177,485 | 54,
|
|
5551
|
-
| \`command\` | 154,679 | 46,715 | 40,
|
|
5552
|
-
| \`copy-button\` | 104,615 | 32,690 | 29,
|
|
5553
|
-
| \`data-table\` | 266,891 | 76,
|
|
5554
|
-
| \`date-input\` | 168,543 | 49,
|
|
5555
|
-
| \`date-picker\` | 75,396 | 24,195 | 21,
|
|
5556
|
-
| \`description-list\` | 30,533 | 11,064 | 9,
|
|
5557
|
-
| \`device-screen\` | 143,681 | 42,193 | 37,
|
|
5558
|
-
| \`dialog\` | 48,868 | 16,
|
|
5559
|
-
| \`divider\` | 30,340 | 11,
|
|
5560
|
-
| \`donut-chart\` | 115,589 | 38,201 | 34,
|
|
5561
|
-
| \`drawer\` | 53,528 | 18,048 | 16,
|
|
5562
|
-
| \`drilldown\` | 53,685 | 17,818 | 16,001 | 15,727 | 4,025 | 3,
|
|
5563
|
-
| \`editor\` | 222,769 | 60,471 | 52,
|
|
5564
|
-
| \`empty\` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 |
|
|
5565
|
-
| \`file-input\` | 74,781 | 24,151 | 21,
|
|
5566
|
-
| \`filter-input\` | 134,913 | 43,377 | 38,
|
|
5567
|
-
| \`find\` | 102,866 | 29,322 | 26,
|
|
5568
|
-
| \`flex\` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 |
|
|
5569
|
-
| \`format-date\` | 35,565 | 13,094 | 11,803 | 4,698 | 1,346 | 1,
|
|
5570
|
-
| \`graph\` | 175,865 | 50,
|
|
5571
|
-
| \`grid\` | 31,880 | 11,
|
|
5572
|
-
| \`heatmap\` | 123,013 | 40,318 | 35,940 | 29,119 | 7,761 | 6,
|
|
5573
|
-
| \`icon\` | 110,428 | 36,672 | 31,
|
|
5574
|
-
| \`icon-button\` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,
|
|
5575
|
-
| \`image\` | 31,876 | 11,613 | 10,463 | 5,207 | 1,
|
|
5576
|
-
| \`input\` | 77,465 | 25,726 | 22,
|
|
5577
|
-
| \`kbd\` | 36,435 | 13,329 | 11,949 | 6,116 | 1,823 | 1,
|
|
5578
|
-
| \`legend\` | 49,334 | 16,920 | 15,249 | 7,866 | 2,167 | 1,
|
|
5579
|
-
| \`lightbox\` | 67,279 | 21,825 | 19,
|
|
5580
|
-
| \`line-chart\` | 126,626 | 41,929 | 37,
|
|
5581
|
-
| \`list\` | 73,668 | 24,659 | 22,
|
|
5582
|
-
| \`listbox\` | 110,173 | 35,677 | 31,
|
|
5583
|
-
| \`loader\` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,
|
|
5584
|
-
| \`log\` | 106,381 | 33,038 | 29,
|
|
5585
|
-
| \`map\` | 206,709 | 54,
|
|
5586
|
-
| \`markdown\` | 172,399 | 52,068 | 46,
|
|
5587
|
-
| \`megamenu\` | 70,645 | 24,
|
|
5588
|
-
| \`menu\` | 118,673 | 37,197 | 33,133 | 44,956 | 10,909 | 8,
|
|
5589
|
-
| \`meter\` | 47,432 | 16,009 | 14,478 | 14,899 | 3,608 | 2,
|
|
5590
|
-
| \`motion-toggle\` | 32,169 | 12,
|
|
5591
|
-
| \`navigation\` | 41,636 | 14,818 | 13,
|
|
5592
|
-
| \`notifications\` | 77,524 | 24,119 | 21,
|
|
5593
|
-
| \`number-input\` | 66,501 | 21,753 | 19,
|
|
5594
|
-
| \`object-inspector\` | 144,379 | 44,497 | 39,
|
|
5595
|
-
| \`option\` | 34,170 | 12,241 | 11,
|
|
5596
|
-
| \`orb\` | 40,942 | 15,257 | 13,
|
|
5597
|
-
| \`outline\` | 47,889 | 16,157 | 14,576 | 17,042 | 4,458 | 3,
|
|
5598
|
-
| \`pagination\` | 183,162 | 55,752 | 48,
|
|
5599
|
-
| \`pin-input\` | 56,180 | 19,
|
|
5600
|
-
| \`popover\` | 73,236 | 25,367 | 22,699 | 10,368 | 2,741 | 2,
|
|
5601
|
-
| \`progress\` | 40,587 | 14,105 | 12,770 | 10,242 | 2,576 | 2,
|
|
5602
|
-
| \`qr-code\` | 49,283 | 18,619 | 16,
|
|
5603
|
-
| \`quote\` | 27,762 | 10,613 | 9,
|
|
5604
|
-
| \`radio\` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 |
|
|
5605
|
-
| \`rating\` | 60,021 | 20,445 | 18,366 | 12,186 | 3,719 | 2,
|
|
5606
|
-
| \`sandbox\` | 212,690 | 61,609 | 53,
|
|
5607
|
-
| \`scatter-chart\` | 121,046 | 40,258 |
|
|
5608
|
-
| \`scroll-area\` | 43,866 | 14,
|
|
5609
|
-
| \`select\` | 153,820 | 48,899 | 42,
|
|
5610
|
-
| \`shortcut-overlay\` | 62,103 | 20,
|
|
5611
|
-
| \`skeleton\` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,
|
|
5612
|
-
| \`skip-link\` | 30,338 | 11,428 | 10,
|
|
5613
|
-
| \`slider\` | 74,143 | 22,101 | 19,
|
|
5614
|
-
| \`sparkline\` | 58,788 | 20,432 | 18,
|
|
5615
|
-
| \`spatial-bar-chart\` | 137,900 | 46,373 | 41,
|
|
5616
|
-
| \`spatial-heatmap\` | 139,798 | 45,725 | 40,
|
|
5617
|
-
| \`spatial-ribbon-chart\` | 126,327 | 42,547 | 37,
|
|
5618
|
-
| \`spatial-scatter-chart\` | 124,456 | 41,661 | 37,
|
|
5619
|
-
| \`spatial-surface-chart\` | 126,850 | 42,829 | 38,
|
|
5620
|
-
| \`spatial-treemap\` | 128,537 | 43,581 | 38,
|
|
5621
|
-
| \`speed-dial\` | 81,060 | 27,
|
|
5622
|
-
| \`splitter\` | 56,008 | 18,
|
|
5623
|
-
| \`stat\` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,
|
|
5624
|
-
| \`steps\` | 75,697 | 23,728 | 21,242 | 29,752 | 6,984 | 5,
|
|
5625
|
-
| \`strands\` | 68,950 | 25,
|
|
5626
|
-
| \`switch\` | 49,022 | 16,458 | 14,793 | 6,169 | 1,788 | 1,
|
|
5627
|
-
| \`table\` | 143,467 | 41,990 | 36,
|
|
5628
|
-
| \`tabs\` | 61,660 | 19,580 | 17,
|
|
5629
|
-
| \`tag\` | 51,985 | 18,223 | 16,
|
|
5630
|
-
| \`terminal\` | 175,850 | 49,377 | 43,
|
|
5631
|
-
| \`text\` | 33,404 | 11,
|
|
5632
|
-
| \`textarea\` | 75,690 | 24,957 | 22,
|
|
5633
|
-
| \`time-input\` | 222,800 | 65,638 | 57,
|
|
5634
|
-
| \`time-picker\` | 140,696 | 42,811 | 37,
|
|
5635
|
-
| \`timeline\` | 43,470 | 15,146 | 13,
|
|
5636
|
-
| \`toast\` | 89,991 | 28,
|
|
5637
|
-
| \`toggle\` | 55,883 | 18,168 | 16,
|
|
5638
|
-
| \`toolbar\` | 40,062 | 14,020 | 12,
|
|
5639
|
-
| \`tooltip\` | 67,881 | 23,741 | 21,350 | 11,725 | 3,188 | 2,
|
|
5640
|
-
| \`tour\` | 101,987 | 32,857 | 29,
|
|
5641
|
-
| \`tree\` | 81,748 | 26,349 | 23,
|
|
5642
|
-
| \`trend\` | 36,950 | 13,914 | 12,545 | 5,472 | 1,648 | 1,
|
|
5643
|
-
| \`video\` | 173,841 | 50,
|
|
5644
|
-
| \`video-playlist\` | 154,530 | 47,
|
|
5645
|
-
| \`virtual-list\` | 74,388 | 24,
|
|
5646
|
-
| \`voice-level\` | 38,396 | 14,077 | 12,
|
|
5525
|
+
| \`accordion\` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,949 |
|
|
5526
|
+
| \`announcement\` | 46,117 | 15,939 | 14,388 | 9,382 | 2,454 | 1,841 |
|
|
5527
|
+
| \`app-header\` | 42,621 | 14,828 | 13,355 | 11,246 | 3,024 | 2,413 |
|
|
5528
|
+
| \`area-chart\` | 120,454 | 40,557 | 36,210 | 24,355 | 6,665 | 5,362 |
|
|
5529
|
+
| \`aura\` | 64,184 | 21,751 | 19,448 | 32,004 | 9,687 | 8,066 |
|
|
5530
|
+
| \`avatar\` | 38,970 | 14,169 | 12,846 | 6,964 | 1,980 | 1,569 |
|
|
5531
|
+
| \`badge\` | 37,710 | 13,446 | 12,137 | 8,435 | 2,132 | 1,640 |
|
|
5532
|
+
| \`bar-chart\` | 135,311 | 44,252 | 39,501 | 38,673 | 10,242 | 8,459 |
|
|
5533
|
+
| \`blockquote\` | 31,018 | 11,503 | 10,350 | 4,608 | 1,410 | 1,045 |
|
|
5534
|
+
| \`breadcrumbs\` | 49,213 | 16,960 | 15,278 | 14,918 | 3,777 | 3,023 |
|
|
5535
|
+
| \`button\` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,520 |
|
|
5536
|
+
| \`button-group\` | 36,163 | 12,635 | 11,427 | 8,378 | 2,144 | 1,715 |
|
|
5537
|
+
| \`callout\` | 43,845 | 16,045 | 14,425 | 6,648 | 1,921 | 1,523 |
|
|
5538
|
+
| \`canvas\` | 214,020 | 61,607 | 53,958 | 120,476 | 30,721 | 25,551 |
|
|
5539
|
+
| \`card\` | 32,401 | 11,628 | 10,485 | 5,958 | 1,608 | 1,186 |
|
|
5540
|
+
| \`carousel\` | 59,895 | 19,118 | 17,343 | 25,946 | 6,076 | 4,784 |
|
|
5541
|
+
| \`chat\` | 179,720 | 54,378 | 48,038 | 79,359 | 19,649 | 16,244 |
|
|
5542
|
+
| \`checkbox\` | 52,190 | 16,959 | 15,262 | 9,617 | 2,489 | 1,873 |
|
|
5543
|
+
| \`checkbox-group\` | 60,104 | 18,966 | 16,997 | 15,554 | 3,970 | 2,975 |
|
|
5544
|
+
| \`code\` | 25,842 | 9,897 | 8,921 | 972 | 368 | 332 |
|
|
5545
|
+
| \`code-block\` | 141,674 | 42,399 | 37,636 | 68,566 | 16,128 | 13,162 |
|
|
5546
|
+
| \`code-editor\` | 132,746 | 35,888 | 31,796 | 68,302 | 13,907 | 11,271 |
|
|
5547
|
+
| \`code-input\` | 80,798 | 26,902 | 24,128 | 22,581 | 6,880 | 5,593 |
|
|
5548
|
+
| \`color-input\` | 193,253 | 53,854 | 47,241 | 100,452 | 21,025 | 17,340 |
|
|
5549
|
+
| \`color-picker\` | 149,088 | 40,760 | 36,110 | 87,075 | 18,841 | 15,423 |
|
|
5550
|
+
| \`combobox\` | 177,485 | 54,011 | 47,518 | 61,349 | 14,871 | 12,078 |
|
|
5551
|
+
| \`command\` | 154,679 | 46,715 | 40,878 | 61,962 | 15,656 | 12,946 |
|
|
5552
|
+
| \`copy-button\` | 104,615 | 32,690 | 29,168 | 35,479 | 7,882 | 6,290 |
|
|
5553
|
+
| \`data-table\` | 266,891 | 76,831 | 66,098 | 136,619 | 33,428 | 26,879 |
|
|
5554
|
+
| \`date-input\` | 168,543 | 49,731 | 44,123 | 60,091 | 13,240 | 10,812 |
|
|
5555
|
+
| \`date-picker\` | 75,396 | 24,195 | 21,829 | 28,847 | 7,090 | 5,652 |
|
|
5556
|
+
| \`description-list\` | 30,533 | 11,064 | 9,964 | 4,493 | 1,256 | 861 |
|
|
5557
|
+
| \`device-screen\` | 143,681 | 42,193 | 37,335 | 67,336 | 15,071 | 12,097 |
|
|
5558
|
+
| \`dialog\` | 48,868 | 16,563 | 14,889 | 11,811 | 3,140 | 2,449 |
|
|
5559
|
+
| \`divider\` | 30,340 | 11,173 | 10,051 | 3,691 | 1,114 | 864 |
|
|
5560
|
+
| \`donut-chart\` | 115,589 | 38,201 | 34,143 | 26,438 | 7,005 | 5,753 |
|
|
5561
|
+
| \`drawer\` | 53,528 | 18,048 | 16,223 | 13,686 | 3,699 | 2,982 |
|
|
5562
|
+
| \`drilldown\` | 53,685 | 17,818 | 16,001 | 15,727 | 4,025 | 3,009 |
|
|
5563
|
+
| \`editor\` | 222,769 | 60,471 | 52,613 | 127,752 | 26,927 | 22,040 |
|
|
5564
|
+
| \`empty\` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 | 682 |
|
|
5565
|
+
| \`file-input\` | 74,781 | 24,151 | 21,735 | 24,828 | 6,562 | 5,312 |
|
|
5566
|
+
| \`filter-input\` | 134,913 | 43,377 | 38,557 | 40,410 | 10,818 | 8,932 |
|
|
5567
|
+
| \`find\` | 102,866 | 29,322 | 26,061 | 46,485 | 9,269 | 7,357 |
|
|
5568
|
+
| \`flex\` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 | 920 |
|
|
5569
|
+
| \`format-date\` | 35,565 | 13,094 | 11,803 | 4,698 | 1,346 | 1,072 |
|
|
5570
|
+
| \`graph\` | 175,865 | 50,598 | 44,166 | 69,440 | 15,619 | 12,476 |
|
|
5571
|
+
| \`grid\` | 31,880 | 11,440 | 10,346 | 5,650 | 1,435 | 1,124 |
|
|
5572
|
+
| \`heatmap\` | 123,013 | 40,318 | 35,940 | 29,119 | 7,761 | 6,347 |
|
|
5573
|
+
| \`icon\` | 110,428 | 36,672 | 31,498 | 80,371 | 26,383 | 21,547 |
|
|
5574
|
+
| \`icon-button\` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,708 |
|
|
5575
|
+
| \`image\` | 31,876 | 11,613 | 10,463 | 5,207 | 1,568 | 1,223 |
|
|
5576
|
+
| \`input\` | 77,465 | 25,726 | 22,999 | 19,462 | 5,843 | 4,601 |
|
|
5577
|
+
| \`kbd\` | 36,435 | 13,329 | 11,949 | 6,116 | 1,823 | 1,325 |
|
|
5578
|
+
| \`legend\` | 49,334 | 16,920 | 15,249 | 7,866 | 2,167 | 1,688 |
|
|
5579
|
+
| \`lightbox\` | 67,279 | 21,825 | 19,630 | 23,114 | 5,887 | 4,617 |
|
|
5580
|
+
| \`line-chart\` | 126,626 | 41,929 | 37,434 | 29,914 | 7,842 | 6,412 |
|
|
5581
|
+
| \`list\` | 73,668 | 24,659 | 22,024 | 21,897 | 5,911 | 4,639 |
|
|
5582
|
+
| \`listbox\` | 110,173 | 35,677 | 31,565 | 29,372 | 8,308 | 6,614 |
|
|
5583
|
+
| \`loader\` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,226 |
|
|
5584
|
+
| \`log\` | 106,381 | 33,038 | 29,656 | 57,028 | 15,634 | 13,122 |
|
|
5585
|
+
| \`map\` | 206,709 | 54,490 | 47,085 | 110,092 | 22,336 | 17,887 |
|
|
5586
|
+
| \`markdown\` | 172,399 | 52,068 | 46,065 | 94,719 | 24,397 | 20,211 |
|
|
5587
|
+
| \`megamenu\` | 70,645 | 24,511 | 21,956 | 13,773 | 3,534 | 2,809 |
|
|
5588
|
+
| \`menu\` | 118,673 | 37,197 | 33,133 | 44,956 | 10,909 | 8,874 |
|
|
5589
|
+
| \`meter\` | 47,432 | 16,009 | 14,478 | 14,899 | 3,608 | 2,985 |
|
|
5590
|
+
| \`motion-toggle\` | 32,169 | 12,106 | 10,861 | 3,155 | 1,034 | 713 |
|
|
5591
|
+
| \`navigation\` | 41,636 | 14,818 | 13,264 | 7,206 | 1,989 | 1,460 |
|
|
5592
|
+
| \`notifications\` | 77,524 | 24,119 | 21,694 | 32,161 | 7,640 | 6,139 |
|
|
5593
|
+
| \`number-input\` | 66,501 | 21,753 | 19,540 | 18,455 | 4,804 | 3,746 |
|
|
5594
|
+
| \`object-inspector\` | 144,379 | 44,497 | 39,352 | 57,202 | 13,805 | 11,243 |
|
|
5595
|
+
| \`option\` | 34,170 | 12,241 | 11,032 | 7,503 | 2,125 | 1,601 |
|
|
5596
|
+
| \`orb\` | 40,942 | 15,257 | 13,794 | 9,996 | 3,686 | 3,096 |
|
|
5597
|
+
| \`outline\` | 47,889 | 16,157 | 14,576 | 17,042 | 4,458 | 3,486 |
|
|
5598
|
+
| \`pagination\` | 183,162 | 55,752 | 48,773 | 72,624 | 18,050 | 14,466 |
|
|
5599
|
+
| \`pin-input\` | 56,180 | 19,131 | 17,213 | 10,546 | 3,243 | 2,389 |
|
|
5600
|
+
| \`popover\` | 73,236 | 25,367 | 22,699 | 10,368 | 2,741 | 2,046 |
|
|
5601
|
+
| \`progress\` | 40,587 | 14,105 | 12,770 | 10,242 | 2,576 | 2,223 |
|
|
5602
|
+
| \`qr-code\` | 49,283 | 18,619 | 16,832 | 18,509 | 6,705 | 5,598 |
|
|
5603
|
+
| \`quote\` | 27,762 | 10,613 | 9,550 | 1,744 | 693 | 426 |
|
|
5604
|
+
| \`radio\` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 | 1,966 |
|
|
5605
|
+
| \`rating\` | 60,021 | 20,445 | 18,366 | 12,186 | 3,719 | 2,733 |
|
|
5606
|
+
| \`sandbox\` | 212,690 | 61,609 | 53,163 | 149,207 | 39,581 | 32,104 |
|
|
5607
|
+
| \`scatter-chart\` | 121,046 | 40,258 | 36,023 | 31,457 | 8,877 | 7,154 |
|
|
5608
|
+
| \`scroll-area\` | 43,866 | 14,232 | 12,824 | 16,953 | 4,137 | 3,145 |
|
|
5609
|
+
| \`select\` | 153,820 | 48,899 | 42,984 | 44,913 | 11,781 | 9,542 |
|
|
5610
|
+
| \`shortcut-overlay\` | 62,103 | 20,798 | 18,686 | 19,408 | 5,155 | 4,139 |
|
|
5611
|
+
| \`skeleton\` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,124 |
|
|
5612
|
+
| \`skip-link\` | 30,338 | 11,428 | 10,251 | 2,887 | 995 | 692 |
|
|
5613
|
+
| \`slider\` | 74,143 | 22,101 | 19,940 | 28,691 | 6,248 | 4,980 |
|
|
5614
|
+
| \`sparkline\` | 58,788 | 20,432 | 18,464 | 11,406 | 3,399 | 2,684 |
|
|
5615
|
+
| \`spatial-bar-chart\` | 137,900 | 46,373 | 41,235 | 41,162 | 12,320 | 10,226 |
|
|
5616
|
+
| \`spatial-heatmap\` | 139,798 | 45,725 | 40,679 | 43,210 | 12,061 | 9,914 |
|
|
5617
|
+
| \`spatial-ribbon-chart\` | 126,327 | 42,547 | 37,868 | 31,604 | 9,347 | 7,736 |
|
|
5618
|
+
| \`spatial-scatter-chart\` | 124,456 | 41,661 | 37,153 | 29,790 | 8,490 | 6,903 |
|
|
5619
|
+
| \`spatial-surface-chart\` | 126,850 | 42,829 | 38,230 | 32,127 | 9,621 | 8,054 |
|
|
5620
|
+
| \`spatial-treemap\` | 128,537 | 43,581 | 38,763 | 32,121 | 9,646 | 8,048 |
|
|
5621
|
+
| \`speed-dial\` | 81,060 | 27,548 | 24,695 | 18,133 | 4,355 | 3,481 |
|
|
5622
|
+
| \`splitter\` | 56,008 | 18,111 | 16,381 | 21,147 | 4,992 | 3,946 |
|
|
5623
|
+
| \`stat\` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,084 |
|
|
5624
|
+
| \`steps\` | 75,697 | 23,728 | 21,242 | 29,752 | 6,984 | 5,628 |
|
|
5625
|
+
| \`strands\` | 68,950 | 25,204 | 22,464 | 39,058 | 13,870 | 12,070 |
|
|
5626
|
+
| \`switch\` | 49,022 | 16,458 | 14,793 | 6,169 | 1,788 | 1,287 |
|
|
5627
|
+
| \`table\` | 143,467 | 41,990 | 36,999 | 63,012 | 15,518 | 12,705 |
|
|
5628
|
+
| \`tabs\` | 61,660 | 19,580 | 17,602 | 20,808 | 4,929 | 3,984 |
|
|
5629
|
+
| \`tag\` | 51,985 | 18,223 | 16,438 | 13,051 | 3,577 | 2,838 |
|
|
5630
|
+
| \`terminal\` | 175,850 | 49,377 | 43,520 | 88,452 | 18,376 | 14,870 |
|
|
5631
|
+
| \`text\` | 33,404 | 11,509 | 10,312 | 7,178 | 1,458 | 1,082 |
|
|
5632
|
+
| \`textarea\` | 75,690 | 24,957 | 22,436 | 18,254 | 5,256 | 4,217 |
|
|
5633
|
+
| \`time-input\` | 222,800 | 65,638 | 57,064 | 83,073 | 19,366 | 15,826 |
|
|
5634
|
+
| \`time-picker\` | 140,696 | 42,811 | 37,697 | 55,889 | 14,298 | 11,723 |
|
|
5635
|
+
| \`timeline\` | 43,470 | 15,146 | 13,674 | 11,014 | 2,672 | 2,111 |
|
|
5636
|
+
| \`toast\` | 89,991 | 28,137 | 25,122 | 35,434 | 8,547 | 6,955 |
|
|
5637
|
+
| \`toggle\` | 55,883 | 18,168 | 16,375 | 10,882 | 3,031 | 2,377 |
|
|
5638
|
+
| \`toolbar\` | 40,062 | 14,020 | 12,628 | 4,068 | 1,004 | 636 |
|
|
5639
|
+
| \`tooltip\` | 67,881 | 23,741 | 21,350 | 11,725 | 3,188 | 2,478 |
|
|
5640
|
+
| \`tour\` | 101,987 | 32,857 | 29,382 | 32,330 | 7,798 | 6,270 |
|
|
5641
|
+
| \`tree\` | 81,748 | 26,349 | 23,523 | 26,526 | 6,926 | 5,610 |
|
|
5642
|
+
| \`trend\` | 36,950 | 13,914 | 12,545 | 5,472 | 1,648 | 1,281 |
|
|
5643
|
+
| \`video\` | 173,841 | 50,677 | 44,756 | 91,177 | 21,113 | 17,461 |
|
|
5644
|
+
| \`video-playlist\` | 154,530 | 47,006 | 41,558 | 63,105 | 14,987 | 12,337 |
|
|
5645
|
+
| \`virtual-list\` | 74,388 | 24,484 | 22,116 | 27,449 | 8,044 | 6,742 |
|
|
5646
|
+
| \`voice-level\` | 38,396 | 14,077 | 12,735 | 7,526 | 2,475 | 1,952 |
|
|
5647
5647
|
|
|
5648
5648
|
## What an install adds to \`node_modules\`
|
|
5649
5649
|
|
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.227.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Fusion Development Group",
|
|
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.
|
|
41
|
-
"@fusion.dev/helix-cem": "0.
|
|
42
|
-
"@fusion.dev/helix-graph": "0.
|
|
43
|
-
"@fusion.dev/helix-headless": "0.
|
|
44
|
-
"@fusion.dev/helix-icons": "0.
|
|
45
|
-
"@fusion.dev/helix-map": "0.
|
|
46
|
-
"@fusion.dev/helix-plot": "0.
|
|
47
|
-
"@fusion.dev/helix-styles": "0.
|
|
48
|
-
"@fusion.dev/helix-terminal": "0.
|
|
49
|
-
"@fusion.dev/helix-testing": "0.
|
|
50
|
-
"@fusion.dev/helix-theme": "0.
|
|
40
|
+
"@fusion.dev/helix": "0.227.0",
|
|
41
|
+
"@fusion.dev/helix-cem": "0.227.0",
|
|
42
|
+
"@fusion.dev/helix-graph": "0.227.0",
|
|
43
|
+
"@fusion.dev/helix-headless": "0.227.0",
|
|
44
|
+
"@fusion.dev/helix-icons": "0.227.0",
|
|
45
|
+
"@fusion.dev/helix-map": "0.227.0",
|
|
46
|
+
"@fusion.dev/helix-plot": "0.227.0",
|
|
47
|
+
"@fusion.dev/helix-styles": "0.227.0",
|
|
48
|
+
"@fusion.dev/helix-terminal": "0.227.0",
|
|
49
|
+
"@fusion.dev/helix-testing": "0.227.0",
|
|
50
|
+
"@fusion.dev/helix-theme": "0.227.0",
|
|
51
51
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
52
52
|
"lit": "^3.2.1",
|
|
53
53
|
"playwright": "^1.64.0"
|