@fusion.dev/helix-docs 0.217.0 → 0.218.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 +247 -246
- package/dist/sources.generated.js +247 -246
- 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` | 294,892 | 93,
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 294,892 | 93,439 | 80,204 |
|
|
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` | 294,101 | 93,
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,591,024 | 441,109 | 333,
|
|
62
|
+
| `@fusion.dev/helix-core` | 294,101 | 93,245 | 79,818 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,591,024 | 441,109 | 333,309 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 60,057 | 19,316 | 16,101 | 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,
|
|
67
|
+
| `@fusion.dev/helix` | 2,351,438 | 604,067 | 433,922 | 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
|
|
@@ -78,18 +78,18 @@ shows the whole cost of using the base layer on its own.
|
|
|
78
78
|
| File | Raw | Gzip | Brotli | |
|
|
79
79
|
|---|---|---|---|---|
|
|
80
80
|
| `base.css` | 35,841 | 5,082 | 4,386 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
|
|
81
|
-
| `elements.css` | 24,
|
|
81
|
+
| `elements.css` | 24,782 | 3,445 | 3,023 | Hides each element until its definition loads. It is generated from the tags in `@fusion.dev/helix`. |
|
|
82
82
|
| `helix.css` | 207 | 149 | 118 | The other four stylesheets in one import, in the order they must load. |
|
|
83
83
|
| `primitives.css` | 7,511 | 1,411 | 1,221 | The primitive layer. It is private, and it ships because `tokens.css` refers to it. |
|
|
84
84
|
| `tokens.css` | 23,114 | 2,849 | 2,383 | The 200 semantic tokens. Every styled component needs them. |
|
|
85
85
|
|
|
86
86
|
## What the numbers say
|
|
87
87
|
|
|
88
|
-
**Most of your first component is the shared runtime.** The median styled family is 21,
|
|
88
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,444 bytes gzipped alone, and it adds 4,701 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
89
89
|
|
|
90
|
-
Across the
|
|
90
|
+
Across the 120 styled components, the smallest is `code` at 9,703 bytes gzipped alone, and the largest is `data-table` at 70,439. Every family together is 604,067.
|
|
91
91
|
|
|
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 441,109 bytes gzipped, whatever else the page imports. That is
|
|
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 441,109 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 120 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
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 20,305 bytes gzipped alone.
|
|
95
95
|
|
|
@@ -103,7 +103,7 @@ 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** | 46,708 | 15,645 | 14,
|
|
106
|
+
| `button` | **Helix** | 46,708 | 15,645 | 14,053 |
|
|
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 |
|
|
@@ -113,22 +113,22 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
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** | 47,456 | 16,184 | 14,
|
|
116
|
+
| `dialog` | **Helix** | 47,456 | 16,184 | 14,569 |
|
|
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** | 54,548 | 17,326 | 15,
|
|
121
|
+
| `radio` | **Helix** | 54,548 | 17,326 | 15,541 |
|
|
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** | 48,441 | 16,261 | 14,
|
|
126
|
+
| `switch` | **Helix** | 48,441 | 16,261 | 14,583 |
|
|
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** | 59,668 | 19,135 | 17,
|
|
131
|
+
| `tabs` | **Helix** | 59,668 | 19,135 | 17,200 |
|
|
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 |
|
|
@@ -213,118 +213,118 @@ 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,132 | 13,152 | 11,820 | 5,373 | 1,
|
|
217
|
-
| `announcement` | 40,745 | 14,657 | 13,
|
|
218
|
-
| `app-header` | 36,280 | 13,216 | 11,870 | 5,890 | 1,723 | 1,
|
|
219
|
-
| `area-chart` | 108,659 | 37,
|
|
220
|
-
| `avatar` | 35,327 | 13,
|
|
221
|
-
| `badge` | 31,566 | 12,013 | 10,852 | 2,955 |
|
|
222
|
-
| `bar-chart` | 116,678 | 40,
|
|
223
|
-
| `blockquote` | 28,141 | 10,771 | 9,679 | 2,400 | 865 |
|
|
224
|
-
| `breadcrumbs` | 40,839 | 15,367 | 13,
|
|
225
|
-
| `button` | 40,202 | 14,237 | 12,802 | 5,193 | 1,
|
|
226
|
-
| `button-group` | 31,674 | 11,678 | 10,515 | 4,922 | 1,
|
|
227
|
-
| `callout` | 39,396 | 14,898 | 13,
|
|
228
|
-
| `canvas` | 136,373 | 42,586 | 37,
|
|
229
|
-
| `card` | 27,859 | 10,440 | 9,399 | 2,088 |
|
|
230
|
-
| `carousel` | 48,559 | 17,095 | 15,
|
|
231
|
-
| `chat` | 92,535 | 30,464 | 27,
|
|
232
|
-
| `checkbox` | 45,231 | 15,306 | 13,
|
|
233
|
-
| `checkbox-group` | 52,429 | 17,169 | 15,407 | 8,390 | 2,352 | 1,
|
|
234
|
-
| `code` | 24,331 | 9,396 | 8,459 | 136 | 63 |
|
|
235
|
-
| `code-block` | 110,444 | 37,236 | 33,
|
|
236
|
-
| `code-editor` | 83,475 | 26,
|
|
237
|
-
| `code-input` | 61,976 | 21,196 |
|
|
238
|
-
| `color-input` | 147,496 | 46,692 | 40,
|
|
239
|
-
| `color-picker` | 109,152 | 34,558 | 30,
|
|
240
|
-
| `combobox` | 145,106 | 45,802 | 40,
|
|
241
|
-
| `command` | 122,325 | 38,
|
|
242
|
-
| `copy-button` | 85,823 | 29,
|
|
243
|
-
| `data-table` | 213,692 | 64,
|
|
244
|
-
| `date-input` | 146,130 | 45,
|
|
245
|
-
| `date-picker` | 66,533 | 22,585 | 20,
|
|
246
|
-
| `description-list` | 26,932 | 10,138 | 9,121 | 1,561 |
|
|
247
|
-
| `device-screen` | 77,862 | 25,017 | 22,
|
|
248
|
-
| `dialog` | 42,323 | 14,954 | 13,440 | 5,946 | 1,718 | 1,
|
|
249
|
-
| `divider` | 27,025 | 10,264 | 9,224 | 1,414 | 461 |
|
|
250
|
-
| `donut-chart` | 102,018 | 35,
|
|
251
|
-
| `drawer` | 46,942 | 16,435 | 14,
|
|
252
|
-
| `drilldown` | 46,673 | 16,186 | 14,582 | 9,696 | 2,665 | 2,
|
|
253
|
-
| `empty` | 28,469 | 10,701 | 9,639 | 1,974 | 609 |
|
|
254
|
-
| `file-input` | 62,243 | 21,378 | 19,
|
|
255
|
-
| `filter-input` | 108,683 | 36,218 | 32,
|
|
256
|
-
| `format-date` | 34,657 | 12,781 | 11,518 | 4,466 | 1,
|
|
257
|
-
| `graph` | 102,213 | 32,249 | 28,
|
|
258
|
-
| `heatmap` | 111,091 | 37,
|
|
259
|
-
| `icon` | 90,787 | 31,
|
|
260
|
-
| `icon-button` | 40,308 | 14,262 | 12,845 | 5,300 | 1,536 | 1,
|
|
261
|
-
| `image` | 29,835 | 10,966 | 9,899 | 3,842 | 1,120 |
|
|
262
|
-
| `input` | 58,371 | 19,
|
|
263
|
-
| `kbd` | 32,638 | 12,197 | 10,944 | 3,624 | 1,123 |
|
|
264
|
-
| `legend` | 43,388 | 15,428 | 13,925 | 2,764 |
|
|
265
|
-
| `lightbox` | 60,247 | 20,274 | 18,
|
|
266
|
-
| `line-chart` | 111,662 | 38,
|
|
267
|
-
| `list` | 66,024 | 22,722 | 20,
|
|
268
|
-
| `listbox` | 89,342 | 29,
|
|
269
|
-
| `loader` | 30,796 | 11,544 | 10,407 | 2,785 | 927 |
|
|
270
|
-
| `log` | 88,207 | 29,604 | 26,
|
|
271
|
-
| `map` | 110,087 | 33,343 | 28,
|
|
272
|
-
| `markdown` | 137,493 | 46,
|
|
273
|
-
| `megamenu` | 64,260 | 22,949 | 20,
|
|
274
|
-
| `menu` | 103,902 | 33,919 | 30,
|
|
275
|
-
| `meter` | 36,363 | 13,554 | 12,249 | 4,973 | 1,431 | 1,
|
|
276
|
-
| `motion-toggle` | 29,764 | 11,398 | 10,
|
|
277
|
-
| `navigation` | 37,120 | 13,750 | 12,329 | 3,364 | 1,
|
|
278
|
-
| `notifications` | 62,634 | 21,110 | 19,018 | 18,257 | 4,
|
|
279
|
-
| `number-input` | 61,072 | 20,383 | 18,
|
|
280
|
-
| `object-inspector` | 121,125 | 40,261 | 35,
|
|
281
|
-
| `option` | 30,507 | 11,108 | 10,009 | 4,515 | 1,157 |
|
|
282
|
-
| `outline` | 38,066 | 14,005 | 12,
|
|
283
|
-
| `pagination` | 149,679 | 47,506 | 41,
|
|
284
|
-
| `pin-input` | 52,312 | 18,091 | 16,
|
|
285
|
-
| `popover` | 67,992 | 24,055 | 21,517 | 6,459 | 1,
|
|
286
|
-
| `progress` | 32,675 | 12,249 | 11,061 | 3,000 | 902 |
|
|
287
|
-
| `qr-code` | 47,027 | 17,953 | 16,
|
|
288
|
-
| `quote` | 26,550 | 10,241 | 9,185 | 1,209 | 512 |
|
|
289
|
-
| `radio` | 46,767 | 15,843 | 14,200 | 3,813 | 1,201 |
|
|
290
|
-
| `rating` | 55,059 | 18,844 | 16,910 | 8,056 | 2,
|
|
291
|
-
| `scatter-chart` | 108,079 | 37,
|
|
292
|
-
| `scroll-area` | 34,756 | 12,524 | 11,266 | 8,516 | 2,571 |
|
|
293
|
-
| `select` | 128,227 | 41,
|
|
294
|
-
| `shortcut-overlay` | 52,836 | 18,
|
|
295
|
-
| `skeleton` | 26,362 | 10,008 | 9,024 | 989 |
|
|
296
|
-
| `skip-link` | 27,998 | 10,696 | 9,630 | 1,223 | 445 |
|
|
297
|
-
| `slider` | 58,611 | 19,614 | 17,672 | 13,682 | 3,863 |
|
|
298
|
-
| `sparkline` | 52,675 | 18,920 | 17,
|
|
299
|
-
| `spatial-bar-chart` | 114,534 | 39,
|
|
300
|
-
| `spatial-heatmap` | 126,459 | 42,
|
|
301
|
-
| `spatial-ribbon-chart` | 113,658 | 39,
|
|
302
|
-
| `spatial-scatter-chart` | 111,885 | 38,740 | 34,
|
|
303
|
-
| `spatial-surface-chart` | 114,817 | 39,
|
|
304
|
-
| `spatial-treemap` | 115,920 | 40,590 | 36,
|
|
305
|
-
| `speed-dial` | 72,686 | 25,784 | 23,
|
|
306
|
-
| `splitter` | 48,515 | 16,675 | 15,012 | 14,475 | 3,808 | 3,
|
|
307
|
-
| `stat` | 29,732 | 11,171 | 10,109 | 2,316 | 741 |
|
|
308
|
-
| `steps` | 58,887 | 20,335 | 18,
|
|
309
|
-
| `switch` | 44,082 | 15,125 | 13,571 | 1,747 | 615 |
|
|
310
|
-
| `table` | 124,643 | 38,498 | 33,
|
|
311
|
-
| `tabs` | 50,721 | 17,303 | 15,
|
|
312
|
-
| `tag` | 46,712 | 16,889 | 15,
|
|
313
|
-
| `terminal` | 81,486 | 26,603 | 23,
|
|
314
|
-
| `textarea` | 56,277 | 19,161 | 17,
|
|
315
|
-
| `time-input` | 182,086 | 56,421 | 49,
|
|
316
|
-
| `time-picker` | 112,598 | 35,
|
|
317
|
-
| `timeline` | 35,867 | 13,458 | 12,
|
|
318
|
-
| `toast` | 73,100 | 24,570 |
|
|
319
|
-
| `toggle` | 50,194 | 16,657 | 15,036 | 6,073 | 1,
|
|
320
|
-
| `toolbar` | 37,825 | 13,801 | 12,435 | 1,364 |
|
|
321
|
-
| `tooltip` | 62,783 | 22,285 | 20,
|
|
322
|
-
| `tour` | 88,830 | 30,162 | 26,
|
|
323
|
-
| `tree` | 71,743 | 24,047 | 21,
|
|
324
|
-
| `trend` | 34,378 | 13,149 | 11,870 | 3,583 | 1,101 |
|
|
325
|
-
| `video` | 149,165 | 45,
|
|
326
|
-
| `video-playlist` | 134,354 | 42,895 |
|
|
327
|
-
| `virtual-list` | 71,019 | 23,590 | 21,235 | 25,057 | 7,434 | 6,
|
|
216
|
+
| `accordion` | 36,132 | 13,152 | 11,820 | 5,373 | 1,507 | 1,030 |
|
|
217
|
+
| `announcement` | 40,745 | 14,657 | 13,205 | 4,690 | 1,360 | 941 |
|
|
218
|
+
| `app-header` | 36,280 | 13,216 | 11,870 | 5,890 | 1,723 | 1,186 |
|
|
219
|
+
| `area-chart` | 108,659 | 37,729 | 33,667 | 14,420 | 4,355 | 3,611 |
|
|
220
|
+
| `avatar` | 35,327 | 13,238 | 11,961 | 3,994 | 1,219 | 876 |
|
|
221
|
+
| `badge` | 31,566 | 12,013 | 10,852 | 2,955 | 879 | 640 |
|
|
222
|
+
| `bar-chart` | 116,678 | 40,325 | 36,037 | 21,915 | 6,771 | 5,587 |
|
|
223
|
+
| `blockquote` | 28,141 | 10,771 | 9,679 | 2,400 | 865 | 560 |
|
|
224
|
+
| `breadcrumbs` | 40,839 | 15,367 | 13,867 | 7,372 | 2,325 | 1,855 |
|
|
225
|
+
| `button` | 40,202 | 14,237 | 12,802 | 5,193 | 1,508 | 1,116 |
|
|
226
|
+
| `button-group` | 31,674 | 11,678 | 10,515 | 4,922 | 1,487 | 1,036 |
|
|
227
|
+
| `callout` | 39,396 | 14,898 | 13,418 | 2,882 | 937 | 551 |
|
|
228
|
+
| `canvas` | 136,373 | 42,586 | 37,381 | 74,293 | 22,122 | 18,475 |
|
|
229
|
+
| `card` | 27,859 | 10,440 | 9,399 | 2,088 | 602 | 387 |
|
|
230
|
+
| `carousel` | 48,559 | 17,095 | 15,461 | 15,308 | 4,187 | 3,207 |
|
|
231
|
+
| `chat` | 92,535 | 30,464 | 27,115 | 28,474 | 8,173 | 6,485 |
|
|
232
|
+
| `checkbox` | 45,231 | 15,306 | 13,758 | 3,175 | 967 | 567 |
|
|
233
|
+
| `checkbox-group` | 52,429 | 17,169 | 15,407 | 8,390 | 2,352 | 1,610 |
|
|
234
|
+
| `code` | 24,331 | 9,396 | 8,459 | 136 | 63 | -5 |
|
|
235
|
+
| `code-block` | 110,444 | 37,236 | 33,047 | 39,447 | 11,525 | 9,483 |
|
|
236
|
+
| `code-editor` | 83,475 | 26,832 | 23,904 | 27,830 | 7,254 | 5,765 |
|
|
237
|
+
| `code-input` | 61,976 | 21,196 | 18,943 | 10,584 | 3,407 | 2,654 |
|
|
238
|
+
| `color-input` | 147,496 | 46,692 | 40,993 | 55,909 | 14,304 | 11,668 |
|
|
239
|
+
| `color-picker` | 109,152 | 34,558 | 30,569 | 48,027 | 12,688 | 10,269 |
|
|
240
|
+
| `combobox` | 145,106 | 45,802 | 40,450 | 36,215 | 9,094 | 7,164 |
|
|
241
|
+
| `command` | 122,325 | 38,361 | 33,708 | 36,979 | 9,602 | 7,731 |
|
|
242
|
+
| `copy-button` | 85,823 | 29,137 | 26,009 | 18,804 | 4,974 | 4,073 |
|
|
243
|
+
| `data-table` | 213,692 | 64,932 | 56,192 | 90,399 | 23,755 | 19,041 |
|
|
244
|
+
| `date-input` | 146,130 | 45,676 | 40,448 | 38,642 | 9,364 | 7,480 |
|
|
245
|
+
| `date-picker` | 66,533 | 22,585 | 20,323 | 20,711 | 5,578 | 4,433 |
|
|
246
|
+
| `description-list` | 26,932 | 10,138 | 9,121 | 1,561 | 483 | 292 |
|
|
247
|
+
| `device-screen` | 77,862 | 25,017 | 22,194 | 30,991 | 8,410 | 6,512 |
|
|
248
|
+
| `dialog` | 42,323 | 14,954 | 13,440 | 5,946 | 1,718 | 1,189 |
|
|
249
|
+
| `divider` | 27,025 | 10,264 | 9,224 | 1,414 | 461 | 188 |
|
|
250
|
+
| `donut-chart` | 102,018 | 35,104 | 31,379 | 14,732 | 4,419 | 3,618 |
|
|
251
|
+
| `drawer` | 46,942 | 16,435 | 14,749 | 7,778 | 2,254 | 1,723 |
|
|
252
|
+
| `drilldown` | 46,673 | 16,186 | 14,582 | 9,696 | 2,665 | 2,026 |
|
|
253
|
+
| `empty` | 28,469 | 10,701 | 9,639 | 1,974 | 609 | 344 |
|
|
254
|
+
| `file-input` | 62,243 | 21,378 | 19,232 | 13,123 | 4,029 | 3,107 |
|
|
255
|
+
| `filter-input` | 108,683 | 36,218 | 32,283 | 21,648 | 6,114 | 4,990 |
|
|
256
|
+
| `format-date` | 34,657 | 12,781 | 11,518 | 4,466 | 1,247 | 954 |
|
|
257
|
+
| `graph` | 102,213 | 32,249 | 28,526 | 28,489 | 8,045 | 6,463 |
|
|
258
|
+
| `heatmap` | 111,091 | 37,484 | 33,388 | 19,074 | 5,517 | 4,436 |
|
|
259
|
+
| `icon` | 90,787 | 31,025 | 26,696 | 61,578 | 20,789 | 16,689 |
|
|
260
|
+
| `icon-button` | 40,308 | 14,262 | 12,845 | 5,300 | 1,536 | 1,151 |
|
|
261
|
+
| `image` | 29,835 | 10,966 | 9,899 | 3,842 | 1,120 | 787 |
|
|
262
|
+
| `input` | 58,371 | 19,922 | 17,733 | 7,198 | 2,243 | 1,478 |
|
|
263
|
+
| `kbd` | 32,638 | 12,197 | 10,944 | 3,624 | 1,123 | 698 |
|
|
264
|
+
| `legend` | 43,388 | 15,428 | 13,925 | 2,764 | 902 | 530 |
|
|
265
|
+
| `lightbox` | 60,247 | 20,274 | 18,177 | 16,752 | 4,535 | 3,446 |
|
|
266
|
+
| `line-chart` | 111,662 | 38,582 | 34,472 | 16,821 | 4,953 | 3,990 |
|
|
267
|
+
| `list` | 66,024 | 22,722 | 20,268 | 15,228 | 4,296 | 3,239 |
|
|
268
|
+
| `listbox` | 89,342 | 29,381 | 26,176 | 15,690 | 4,508 | 3,438 |
|
|
269
|
+
| `loader` | 30,796 | 11,544 | 10,407 | 2,785 | 927 | 620 |
|
|
270
|
+
| `log` | 88,207 | 29,604 | 26,570 | 39,537 | 12,128 | 10,239 |
|
|
271
|
+
| `map` | 110,087 | 33,343 | 28,855 | 45,864 | 11,948 | 9,383 |
|
|
272
|
+
| `markdown` | 137,493 | 46,413 | 41,097 | 61,599 | 19,330 | 16,053 |
|
|
273
|
+
| `megamenu` | 64,260 | 22,949 | 20,482 | 8,723 | 2,411 | 1,588 |
|
|
274
|
+
| `menu` | 103,902 | 33,919 | 30,261 | 31,986 | 8,147 | 6,527 |
|
|
275
|
+
| `meter` | 36,363 | 13,554 | 12,249 | 4,973 | 1,431 | 1,040 |
|
|
276
|
+
| `motion-toggle` | 29,764 | 11,398 | 10,237 | 1,424 | 517 | 334 |
|
|
277
|
+
| `navigation` | 37,120 | 13,750 | 12,329 | 3,364 | 1,124 | 900 |
|
|
278
|
+
| `notifications` | 62,634 | 21,110 | 19,018 | 18,257 | 4,958 | 3,845 |
|
|
279
|
+
| `number-input` | 61,072 | 20,383 | 18,290 | 13,546 | 3,557 | 2,556 |
|
|
280
|
+
| `object-inspector` | 121,125 | 40,261 | 35,648 | 36,074 | 10,265 | 8,283 |
|
|
281
|
+
| `option` | 30,507 | 11,108 | 10,009 | 4,515 | 1,157 | 843 |
|
|
282
|
+
| `outline` | 38,066 | 14,005 | 12,607 | 7,886 | 2,526 | 1,883 |
|
|
283
|
+
| `pagination` | 149,679 | 47,506 | 41,568 | 46,078 | 11,909 | 9,397 |
|
|
284
|
+
| `pin-input` | 52,312 | 18,091 | 16,279 | 7,205 | 2,358 | 1,541 |
|
|
285
|
+
| `popover` | 67,992 | 24,055 | 21,517 | 6,459 | 1,829 | 1,238 |
|
|
286
|
+
| `progress` | 32,675 | 12,249 | 11,061 | 3,000 | 902 | 674 |
|
|
287
|
+
| `qr-code` | 47,027 | 17,953 | 16,222 | 16,931 | 6,185 | 5,299 |
|
|
288
|
+
| `quote` | 26,550 | 10,241 | 9,185 | 1,209 | 512 | 288 |
|
|
289
|
+
| `radio` | 46,767 | 15,843 | 14,200 | 3,813 | 1,201 | 761 |
|
|
290
|
+
| `rating` | 55,059 | 18,844 | 16,910 | 8,056 | 2,402 | 1,627 |
|
|
291
|
+
| `scatter-chart` | 108,079 | 37,149 | 33,188 | 20,356 | 6,288 | 5,080 |
|
|
292
|
+
| `scroll-area` | 34,756 | 12,524 | 11,266 | 8,516 | 2,571 | 1,972 |
|
|
293
|
+
| `select` | 128,227 | 41,991 | 36,982 | 26,406 | 7,125 | 5,355 |
|
|
294
|
+
| `shortcut-overlay` | 52,836 | 18,674 | 16,765 | 11,288 | 3,370 | 2,631 |
|
|
295
|
+
| `skeleton` | 26,362 | 10,008 | 9,024 | 989 | 347 | 165 |
|
|
296
|
+
| `skip-link` | 27,998 | 10,696 | 9,630 | 1,223 | 445 | 310 |
|
|
297
|
+
| `slider` | 58,611 | 19,614 | 17,672 | 13,682 | 3,863 | 2,989 |
|
|
298
|
+
| `sparkline` | 52,675 | 18,920 | 17,132 | 5,966 | 2,034 | 1,493 |
|
|
299
|
+
| `spatial-bar-chart` | 114,534 | 39,844 | 35,513 | 19,872 | 6,420 | 5,220 |
|
|
300
|
+
| `spatial-heatmap` | 126,459 | 42,632 | 37,894 | 31,748 | 9,478 | 7,816 |
|
|
301
|
+
| `spatial-ribbon-chart` | 113,658 | 39,434 | 35,166 | 20,806 | 6,798 | 5,554 |
|
|
302
|
+
| `spatial-scatter-chart` | 111,885 | 38,740 | 34,468 | 19,095 | 6,155 | 4,946 |
|
|
303
|
+
| `spatial-surface-chart` | 114,817 | 39,986 | 35,656 | 21,968 | 7,323 | 5,973 |
|
|
304
|
+
| `spatial-treemap` | 115,920 | 40,590 | 36,105 | 21,382 | 7,209 | 5,955 |
|
|
305
|
+
| `speed-dial` | 72,686 | 25,784 | 23,068 | 10,930 | 2,930 | 2,261 |
|
|
306
|
+
| `splitter` | 48,515 | 16,675 | 15,012 | 14,475 | 3,808 | 3,095 |
|
|
307
|
+
| `stat` | 29,732 | 11,171 | 10,109 | 2,316 | 741 | 487 |
|
|
308
|
+
| `steps` | 58,887 | 20,335 | 18,234 | 13,863 | 3,851 | 3,021 |
|
|
309
|
+
| `switch` | 44,082 | 15,125 | 13,571 | 1,747 | 615 | 290 |
|
|
310
|
+
| `table` | 124,643 | 38,498 | 33,905 | 45,142 | 12,270 | 9,921 |
|
|
311
|
+
| `tabs` | 50,721 | 17,303 | 15,519 | 10,539 | 2,820 | 2,084 |
|
|
312
|
+
| `tag` | 46,712 | 16,889 | 15,219 | 8,447 | 2,493 | 1,910 |
|
|
313
|
+
| `terminal` | 81,486 | 26,603 | 23,530 | 30,249 | 8,065 | 6,482 |
|
|
314
|
+
| `textarea` | 56,277 | 19,161 | 17,184 | 5,667 | 1,664 | 1,144 |
|
|
315
|
+
| `time-input` | 182,086 | 56,421 | 49,139 | 49,126 | 12,384 | 9,823 |
|
|
316
|
+
| `time-picker` | 112,598 | 35,568 | 31,469 | 34,263 | 9,126 | 7,314 |
|
|
317
|
+
| `timeline` | 35,867 | 13,458 | 12,193 | 4,078 | 1,165 | 758 |
|
|
318
|
+
| `toast` | 73,100 | 24,570 | 22,053 | 19,460 | 5,416 | 4,264 |
|
|
319
|
+
| `toggle` | 50,194 | 16,657 | 15,036 | 6,073 | 1,792 | 1,157 |
|
|
320
|
+
| `toolbar` | 37,825 | 13,801 | 12,435 | 1,364 | 487 | 195 |
|
|
321
|
+
| `tooltip` | 62,783 | 22,285 | 20,047 | 8,501 | 2,335 | 1,689 |
|
|
322
|
+
| `tour` | 88,830 | 30,162 | 26,918 | 20,107 | 5,474 | 4,295 |
|
|
323
|
+
| `tree` | 71,743 | 24,047 | 21,496 | 17,176 | 4,800 | 3,846 |
|
|
324
|
+
| `trend` | 34,378 | 13,149 | 11,870 | 3,583 | 1,101 | 762 |
|
|
325
|
+
| `video` | 149,165 | 45,856 | 40,443 | 67,977 | 16,879 | 13,787 |
|
|
326
|
+
| `video-playlist` | 134,354 | 42,895 | 37,961 | 44,566 | 11,393 | 9,419 |
|
|
327
|
+
| `virtual-list` | 71,019 | 23,590 | 21,235 | 25,057 | 7,434 | 6,149 |
|
|
328
328
|
|
|
329
329
|
### Styled tier
|
|
330
330
|
|
|
@@ -332,125 +332,126 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
332
332
|
|
|
333
333
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
334
334
|
|---|---|---|---|---|---|---|
|
|
335
|
-
| `accordion` | 39,561 | 13,997 | 12,584 | 8,786 | 2,
|
|
336
|
-
| `announcement` | 45,358 | 15,710 | 14,176 | 9,284 | 2,
|
|
337
|
-
| `app-header` | 41,438 | 14,394 | 12,972 | 11,033 | 2,927 | 2,
|
|
338
|
-
| `area-chart` | 118,158 | 39,
|
|
339
|
-
| `aura` | 62,986 | 21,
|
|
340
|
-
| `avatar` | 38,326 | 13,991 | 12,650 | 6,976 | 1,988 | 1,
|
|
341
|
-
| `badge` | 37,068 | 13,
|
|
342
|
-
| `bar-chart` | 133,015 | 43,
|
|
343
|
-
| `blockquote` | 30,364 | 11,301 | 10,161 | 4,608 | 1,399 | 1,
|
|
344
|
-
| `breadcrumbs` | 47,777 | 16,
|
|
345
|
-
| `button` | 46,708 | 15,645 | 14,
|
|
346
|
-
| `button-group` | 35,170 | 12,
|
|
347
|
-
| `callout` | 43,187 | 15,
|
|
348
|
-
| `canvas` | 166,591 | 47,620 | 41,
|
|
349
|
-
| `card` | 31,757 | 11,438 | 10,287 | 5,972 | 1,
|
|
350
|
-
| `carousel` | 59,047 | 18,870 | 17,
|
|
351
|
-
| `chat` | 108,482 | 33,272 | 29,
|
|
352
|
-
| `checkbox` | 51,715 | 16,779 | 15,050 | 9,645 | 2,459 | 1,
|
|
353
|
-
| `checkbox-group` | 59,648 | 18,772 | 16,818 | 15,598 | 3,933 | 3,
|
|
354
|
-
| `code` | 25,186 | 9,703 | 8,739 | 972 | 385 |
|
|
355
|
-
| `code-block` | 136,938 | 41,151 | 36,
|
|
356
|
-
| `code-editor` | 110,408 | 30,
|
|
357
|
-
| `code-input` | 66,722 | 22,397 | 20,029 | 15,318 | 4,644 | 3,
|
|
358
|
-
| `color-input` | 189,959 | 52,984 | 46,
|
|
359
|
-
| `color-picker` | 146,165 | 40,033 | 35,
|
|
360
|
-
| `combobox` | 161,622 | 48,903 | 43,
|
|
361
|
-
| `command` | 137,832 | 41,
|
|
362
|
-
| `copy-button` | 99,875 | 31,
|
|
363
|
-
| `data-table` | 245,504 | 70,439 | 61,
|
|
364
|
-
| `date-input` | 167,431 | 49,
|
|
365
|
-
| `date-picker` | 74,577 | 23,991 | 21,
|
|
366
|
-
| `description-list` | 29,883 | 10,875 | 9,794 | 4,500 | 1,
|
|
367
|
-
| `device-screen` | 94,553 | 28,
|
|
368
|
-
| `dialog` | 47,456 | 16,184 | 14,
|
|
369
|
-
| `divider` | 29,323 | 10,891 | 9,802 | 3,695 | 1,110 |
|
|
370
|
-
| `donut-chart` | 113,293 | 37,
|
|
371
|
-
| `drawer` | 52,770 | 17,818 | 16,
|
|
372
|
-
| `drilldown` | 52,347 | 17,463 | 15,
|
|
373
|
-
| `empty` | 29,776 | 11,164 | 10,
|
|
374
|
-
| `file-input` | 73,768 | 23,
|
|
375
|
-
| `filter-input` | 120,112 | 38,446 | 34,
|
|
376
|
-
| `flex` | 29,774 | 10,574 | 9,507 | 4,761 | 1,018 |
|
|
377
|
-
| `format-date` | 34,909 | 12,904 | 11,647 | 4,702 | 1,370 | 1,
|
|
378
|
-
| `graph` | 127,248 | 36,127 | 31,
|
|
379
|
-
| `grid` | 31,224 | 11,249 | 10,146 | 5,655 | 1,
|
|
380
|
-
| `heatmap` | 120,717 | 39,
|
|
381
|
-
| `icon` | 92,820 | 31,
|
|
382
|
-
| `icon-button` | 50,068 | 15,839 | 14,231 | 15,046 | 3,140 | 2,
|
|
383
|
-
| `image` | 31,220 | 11,429 | 10,279 | 5,209 | 1,569 | 1,
|
|
384
|
-
| `input` | 63,219 | 21,
|
|
385
|
-
| `kbd` | 34,629 | 12,
|
|
386
|
-
| `legend` | 48,629 | 16,724 | 15,
|
|
387
|
-
| `lightbox` | 66,532 | 21,585 | 19,
|
|
388
|
-
| `line-chart` | 124,330 | 41,
|
|
389
|
-
| `list` | 72,365 | 24,212 | 21,608 | 21,551 | 5,803 | 4,
|
|
390
|
-
| `listbox` | 94,951 | 30,
|
|
391
|
-
| `loader` | 33,676 | 12,
|
|
392
|
-
| `log` | 100,719 | 31,
|
|
393
|
-
| `map` | 152,486 | 39,
|
|
394
|
-
| `markdown` | 168,011 | 51,055 | 45,
|
|
395
|
-
| `megamenu` | 69,227 | 24,084 | 21,
|
|
396
|
-
| `menu` | 114,819 | 36,
|
|
397
|
-
| `meter` | 42,533 | 14,880 | 13,
|
|
398
|
-
| `motion-toggle` | 31,396 | 11,875 | 10,
|
|
399
|
-
| `navigation` | 40,846 | 14,589 | 13,063 | 7,073 | 1,979 | 1,
|
|
400
|
-
| `notifications` | 76,115 | 23,641 | 21,
|
|
401
|
-
| `number-input` | 66,054 | 21,574 | 19,
|
|
402
|
-
| `object-inspector` | 139,550 | 43,235 | 38,
|
|
403
|
-
| `option` | 33,574 | 12,053 | 10,859 | 7,573 | 2,118 | 1,
|
|
404
|
-
| `orb` | 40,300 | 15,056 | 13,
|
|
405
|
-
| `outline` | 42,296 | 14,
|
|
406
|
-
| `pagination` | 167,710 | 50,908 | 44,
|
|
407
|
-
| `pin-input` | 55,690 | 18,
|
|
408
|
-
| `popover` | 71,142 | 24,821 | 22,229 | 9,589 | 2,620 |
|
|
409
|
-
| `progress` | 39,850 | 13,
|
|
410
|
-
| `qr-code` | 48,627 | 18,434 | 16,622 | 18,513 | 6,657 | 5,
|
|
411
|
-
| `quote` | 27,106 | 10,425 | 9,359 | 1,748 | 685 |
|
|
412
|
-
| `radio` | 54,548 | 17,326 | 15,
|
|
413
|
-
| `rating` | 58,987 | 20,050 | 18,
|
|
414
|
-
| `sandbox` | 200,093 | 58,244 | 50,
|
|
415
|
-
| `scatter-chart` | 118,750 | 39,
|
|
416
|
-
| `scroll-area` | 39,761 | 13,460 | 12,135 | 13,504 | 3,
|
|
417
|
-
| `select` | 138,520 | 44,
|
|
418
|
-
| `shortcut-overlay` | 60,000 | 20,
|
|
419
|
-
| `skeleton` | 30,308 | 11,
|
|
420
|
-
| `skip-link` | 29,568 | 11,205 | 10,036 | 2,776 | 960 |
|
|
421
|
-
| `slider` | 73,575 | 21,928 | 19,
|
|
422
|
-
| `sparkline` | 58,132 | 20,243 | 18,
|
|
423
|
-
| `spatial-bar-chart` | 124,903 | 42,
|
|
424
|
-
| `spatial-heatmap` | 137,502 | 44,
|
|
425
|
-
| `spatial-ribbon-chart` | 123,875 | 41,651 | 37,
|
|
426
|
-
| `spatial-scatter-chart` | 122,160 | 40,
|
|
427
|
-
| `spatial-surface-chart` | 124,554 | 42,075 | 37,
|
|
428
|
-
| `spatial-treemap` | 126,241 | 42,
|
|
429
|
-
| `speed-dial` | 79,729 | 27,186 | 24,
|
|
430
|
-
| `splitter` | 54,565 | 17,709 | 15,
|
|
431
|
-
| `stat` | 32,609 | 11,880 | 10,738 | 5,185 | 1,457 | 1,
|
|
432
|
-
| `steps` | 72,959 | 23,093 | 20,
|
|
433
|
-
| `strands` | 67,094 | 24,
|
|
434
|
-
| `switch` | 48,441 | 16,261 | 14,
|
|
435
|
-
| `table` | 142,418 | 41,606 | 36,
|
|
436
|
-
| `tabs` | 59,668 | 19,135 | 17,
|
|
437
|
-
| `tag` | 51,281 | 18,005 | 16,
|
|
438
|
-
| `terminal` | 108,490 | 30,438 | 26,
|
|
439
|
-
| `text` | 32,748 | 11,326 | 10,147 | 7,181 | 1,
|
|
440
|
-
| `textarea` | 60,804 | 20,320 | 18,
|
|
441
|
-
| `time-input` | 207,496 | 60,
|
|
442
|
-
| `time-picker` | 125,958 | 38,
|
|
443
|
-
| `timeline` | 42,754 | 14,904 | 13,
|
|
444
|
-
| `toast` | 87,339 | 27,
|
|
445
|
-
| `toggle` | 55,048 | 17,897 | 16,112 | 10,915 | 3,016 | 2,
|
|
446
|
-
| `toolbar` | 40,504 | 14,297 | 12,885 | 4,026 | 960 |
|
|
447
|
-
| `tooltip` | 65,585 | 23,017 | 20,683 | 11,285 | 3,065 | 2,
|
|
448
|
-
| `tour` | 98,917 | 32,169 | 28,
|
|
449
|
-
| `tree` | 80,430 | 25,959 | 23,
|
|
450
|
-
| `trend` | 36,294 | 13,695 | 12,
|
|
451
|
-
| `video` | 169,658 | 49,
|
|
452
|
-
| `video-playlist` | 150,283 | 45,803 | 40,
|
|
453
|
-
| `virtual-list` | 73,011 | 24,093 | 21,667 | 27,032 | 7,
|
|
335
|
+
| `accordion` | 39,561 | 13,997 | 12,584 | 8,786 | 2,376 | 1,838 |
|
|
336
|
+
| `announcement` | 45,358 | 15,710 | 14,176 | 9,284 | 2,422 | 1,867 |
|
|
337
|
+
| `app-header` | 41,438 | 14,394 | 12,972 | 11,033 | 2,927 | 2,335 |
|
|
338
|
+
| `area-chart` | 118,158 | 39,811 | 35,477 | 23,910 | 6,476 | 5,251 |
|
|
339
|
+
| `aura` | 62,986 | 21,314 | 19,054 | 31,766 | 9,552 | 7,992 |
|
|
340
|
+
| `avatar` | 38,326 | 13,991 | 12,650 | 6,976 | 1,988 | 1,576 |
|
|
341
|
+
| `badge` | 37,068 | 13,247 | 11,961 | 8,449 | 2,128 | 1,723 |
|
|
342
|
+
| `bar-chart` | 133,015 | 43,528 | 38,743 | 38,228 | 10,045 | 8,365 |
|
|
343
|
+
| `blockquote` | 30,364 | 11,301 | 10,161 | 4,608 | 1,399 | 1,100 |
|
|
344
|
+
| `breadcrumbs` | 47,777 | 16,576 | 14,947 | 14,293 | 3,578 | 2,867 |
|
|
345
|
+
| `button` | 46,708 | 15,645 | 14,053 | 11,683 | 2,944 | 2,232 |
|
|
346
|
+
| `button-group` | 35,170 | 12,357 | 11,119 | 8,403 | 2,152 | 1,577 |
|
|
347
|
+
| `callout` | 43,187 | 15,844 | 14,260 | 6,655 | 1,867 | 1,460 |
|
|
348
|
+
| `canvas` | 166,591 | 47,620 | 41,775 | 104,158 | 27,112 | 22,761 |
|
|
349
|
+
| `card` | 31,757 | 11,438 | 10,287 | 5,972 | 1,598 | 1,183 |
|
|
350
|
+
| `carousel` | 59,047 | 18,870 | 17,101 | 25,777 | 6,007 | 4,745 |
|
|
351
|
+
| `chat` | 108,482 | 33,272 | 29,592 | 44,418 | 11,089 | 8,990 |
|
|
352
|
+
| `checkbox` | 51,715 | 16,779 | 15,050 | 9,645 | 2,459 | 1,922 |
|
|
353
|
+
| `checkbox-group` | 59,648 | 18,772 | 16,818 | 15,598 | 3,933 | 3,007 |
|
|
354
|
+
| `code` | 25,186 | 9,703 | 8,739 | 972 | 385 | 203 |
|
|
355
|
+
| `code-block` | 136,938 | 41,151 | 36,581 | 65,928 | 15,629 | 12,851 |
|
|
356
|
+
| `code-editor` | 110,408 | 30,655 | 27,247 | 54,765 | 11,334 | 9,114 |
|
|
357
|
+
| `code-input` | 66,722 | 22,397 | 20,029 | 15,318 | 4,644 | 3,614 |
|
|
358
|
+
| `color-input` | 189,959 | 52,984 | 46,570 | 98,361 | 20,727 | 17,140 |
|
|
359
|
+
| `color-picker` | 146,165 | 40,033 | 35,515 | 85,045 | 18,376 | 15,243 |
|
|
360
|
+
| `combobox` | 161,622 | 48,903 | 43,197 | 52,717 | 12,206 | 9,921 |
|
|
361
|
+
| `command` | 137,832 | 41,493 | 36,617 | 52,482 | 12,779 | 10,439 |
|
|
362
|
+
| `copy-button` | 99,875 | 31,453 | 28,091 | 32,842 | 7,369 | 6,014 |
|
|
363
|
+
| `data-table` | 245,504 | 70,439 | 61,051 | 122,199 | 29,296 | 23,980 |
|
|
364
|
+
| `date-input` | 167,431 | 49,376 | 43,766 | 59,928 | 13,114 | 10,817 |
|
|
365
|
+
| `date-picker` | 74,577 | 23,991 | 21,575 | 28,737 | 6,997 | 5,776 |
|
|
366
|
+
| `description-list` | 29,883 | 10,875 | 9,794 | 4,500 | 1,238 | 991 |
|
|
367
|
+
| `device-screen` | 94,553 | 28,012 | 24,839 | 47,676 | 11,440 | 9,197 |
|
|
368
|
+
| `dialog` | 47,456 | 16,184 | 14,569 | 11,062 | 2,985 | 2,360 |
|
|
369
|
+
| `divider` | 29,323 | 10,891 | 9,802 | 3,695 | 1,110 | 783 |
|
|
370
|
+
| `donut-chart` | 113,293 | 37,423 | 33,381 | 25,992 | 6,804 | 5,683 |
|
|
371
|
+
| `drawer` | 52,770 | 17,818 | 16,026 | 13,588 | 3,637 | 2,976 |
|
|
372
|
+
| `drilldown` | 52,347 | 17,463 | 15,703 | 15,358 | 3,913 | 3,102 |
|
|
373
|
+
| `empty` | 29,776 | 11,164 | 10,031 | 3,263 | 1,085 | 757 |
|
|
374
|
+
| `file-input` | 73,768 | 23,732 | 21,341 | 24,633 | 6,384 | 5,183 |
|
|
375
|
+
| `filter-input` | 120,112 | 38,446 | 34,331 | 33,069 | 8,398 | 6,776 |
|
|
376
|
+
| `flex` | 29,774 | 10,574 | 9,507 | 4,761 | 1,018 | 750 |
|
|
377
|
+
| `format-date` | 34,909 | 12,904 | 11,647 | 4,702 | 1,370 | 1,077 |
|
|
378
|
+
| `graph` | 127,248 | 36,127 | 31,882 | 53,514 | 12,040 | 9,818 |
|
|
379
|
+
| `grid` | 31,224 | 11,249 | 10,146 | 5,655 | 1,431 | 1,121 |
|
|
380
|
+
| `heatmap` | 120,717 | 39,580 | 35,256 | 28,674 | 7,604 | 6,233 |
|
|
381
|
+
| `icon` | 92,820 | 31,649 | 27,243 | 63,429 | 21,312 | 17,214 |
|
|
382
|
+
| `icon-button` | 50,068 | 15,839 | 14,231 | 15,046 | 3,140 | 2,432 |
|
|
383
|
+
| `image` | 31,220 | 11,429 | 10,279 | 5,209 | 1,569 | 1,134 |
|
|
384
|
+
| `input` | 63,219 | 21,168 | 18,795 | 12,036 | 3,504 | 2,622 |
|
|
385
|
+
| `kbd` | 34,629 | 12,734 | 11,416 | 5,600 | 1,666 | 1,170 |
|
|
386
|
+
| `legend` | 48,629 | 16,724 | 15,028 | 7,870 | 2,164 | 1,605 |
|
|
387
|
+
| `lightbox` | 66,532 | 21,585 | 19,381 | 23,025 | 5,844 | 4,597 |
|
|
388
|
+
| `line-chart` | 124,330 | 41,211 | 36,798 | 29,472 | 7,661 | 6,416 |
|
|
389
|
+
| `list` | 72,365 | 24,212 | 21,608 | 21,551 | 5,803 | 4,691 |
|
|
390
|
+
| `listbox` | 94,951 | 30,727 | 27,298 | 21,287 | 5,880 | 4,691 |
|
|
391
|
+
| `loader` | 33,676 | 12,301 | 11,134 | 5,650 | 1,670 | 1,260 |
|
|
392
|
+
| `log` | 100,719 | 31,932 | 28,676 | 52,040 | 14,586 | 12,297 |
|
|
393
|
+
| `map` | 152,486 | 39,820 | 34,522 | 88,254 | 18,593 | 15,052 |
|
|
394
|
+
| `markdown` | 168,011 | 51,055 | 45,229 | 92,099 | 23,836 | 20,032 |
|
|
395
|
+
| `megamenu` | 69,227 | 24,084 | 21,538 | 13,670 | 3,557 | 2,733 |
|
|
396
|
+
| `menu` | 114,819 | 36,037 | 32,134 | 42,892 | 10,302 | 8,472 |
|
|
397
|
+
| `meter` | 42,533 | 14,880 | 13,474 | 11,127 | 2,766 | 2,238 |
|
|
398
|
+
| `motion-toggle` | 31,396 | 11,875 | 10,654 | 3,040 | 968 | 720 |
|
|
399
|
+
| `navigation` | 40,846 | 14,589 | 13,063 | 7,073 | 1,979 | 1,450 |
|
|
400
|
+
| `notifications` | 76,115 | 23,641 | 21,336 | 31,727 | 7,476 | 6,133 |
|
|
401
|
+
| `number-input` | 66,054 | 21,574 | 19,366 | 18,509 | 4,757 | 3,786 |
|
|
402
|
+
| `object-inspector` | 139,550 | 43,235 | 38,278 | 54,479 | 13,353 | 10,819 |
|
|
403
|
+
| `option` | 33,574 | 12,053 | 10,859 | 7,573 | 2,118 | 1,581 |
|
|
404
|
+
| `orb` | 40,300 | 15,056 | 13,601 | 10,010 | 3,644 | 2,998 |
|
|
405
|
+
| `outline` | 42,296 | 14,869 | 13,396 | 12,101 | 3,423 | 2,678 |
|
|
406
|
+
| `pagination` | 167,710 | 50,908 | 44,663 | 64,096 | 15,386 | 12,544 |
|
|
407
|
+
| `pin-input` | 55,690 | 18,983 | 17,075 | 10,564 | 3,238 | 2,404 |
|
|
408
|
+
| `popover` | 71,142 | 24,821 | 22,229 | 9,589 | 2,620 | 1,973 |
|
|
409
|
+
| `progress` | 39,850 | 13,882 | 12,580 | 10,161 | 2,578 | 2,013 |
|
|
410
|
+
| `qr-code` | 48,627 | 18,434 | 16,622 | 18,513 | 6,657 | 5,644 |
|
|
411
|
+
| `quote` | 27,106 | 10,425 | 9,359 | 1,748 | 685 | 465 |
|
|
412
|
+
| `radio` | 54,548 | 17,326 | 15,541 | 11,585 | 2,704 | 2,097 |
|
|
413
|
+
| `rating` | 58,987 | 20,050 | 18,016 | 11,968 | 3,603 | 2,888 |
|
|
414
|
+
| `sandbox` | 200,093 | 58,244 | 50,352 | 139,236 | 37,508 | 30,736 |
|
|
415
|
+
| `scatter-chart` | 118,750 | 39,495 | 35,269 | 31,014 | 8,661 | 7,244 |
|
|
416
|
+
| `scroll-area` | 39,761 | 13,460 | 12,135 | 13,504 | 3,493 | 2,779 |
|
|
417
|
+
| `select` | 138,520 | 44,039 | 38,850 | 36,681 | 9,199 | 7,316 |
|
|
418
|
+
| `shortcut-overlay` | 60,000 | 20,255 | 18,217 | 18,437 | 4,954 | 4,077 |
|
|
419
|
+
| `skeleton` | 30,308 | 11,090 | 9,987 | 4,751 | 1,389 | 1,186 |
|
|
420
|
+
| `skip-link` | 29,568 | 11,205 | 10,036 | 2,776 | 960 | 682 |
|
|
421
|
+
| `slider` | 73,575 | 21,928 | 19,758 | 28,629 | 6,191 | 4,979 |
|
|
422
|
+
| `sparkline` | 58,132 | 20,243 | 18,316 | 11,404 | 3,376 | 2,634 |
|
|
423
|
+
| `spatial-bar-chart` | 124,903 | 42,074 | 37,502 | 30,216 | 8,692 | 7,119 |
|
|
424
|
+
| `spatial-heatmap` | 137,502 | 44,988 | 39,977 | 42,763 | 11,861 | 9,816 |
|
|
425
|
+
| `spatial-ribbon-chart` | 123,875 | 41,651 | 37,100 | 31,002 | 9,061 | 7,509 |
|
|
426
|
+
| `spatial-scatter-chart` | 122,160 | 40,896 | 36,402 | 29,349 | 8,321 | 6,892 |
|
|
427
|
+
| `spatial-surface-chart` | 124,554 | 42,075 | 37,495 | 31,683 | 9,453 | 7,890 |
|
|
428
|
+
| `spatial-treemap` | 126,241 | 42,835 | 38,152 | 31,684 | 9,478 | 7,818 |
|
|
429
|
+
| `speed-dial` | 79,729 | 27,186 | 24,340 | 17,950 | 4,300 | 3,459 |
|
|
430
|
+
| `splitter` | 54,565 | 17,709 | 15,984 | 20,507 | 4,830 | 4,041 |
|
|
431
|
+
| `stat` | 32,609 | 11,880 | 10,738 | 5,185 | 1,457 | 1,022 |
|
|
432
|
+
| `steps` | 72,959 | 23,093 | 20,685 | 27,923 | 6,650 | 5,501 |
|
|
433
|
+
| `strands` | 67,094 | 24,617 | 21,925 | 38,157 | 13,548 | 11,711 |
|
|
434
|
+
| `switch` | 48,441 | 16,261 | 14,583 | 6,087 | 1,760 | 1,205 |
|
|
435
|
+
| `table` | 142,418 | 41,606 | 36,663 | 62,923 | 15,427 | 12,596 |
|
|
436
|
+
| `tabs` | 59,668 | 19,135 | 17,200 | 19,476 | 4,640 | 3,645 |
|
|
437
|
+
| `tag` | 51,281 | 18,005 | 16,279 | 13,004 | 3,602 | 2,847 |
|
|
438
|
+
| `terminal` | 108,490 | 30,438 | 26,975 | 57,252 | 12,105 | 9,853 |
|
|
439
|
+
| `text` | 32,748 | 11,326 | 10,147 | 7,181 | 1,481 | 1,085 |
|
|
440
|
+
| `textarea` | 60,804 | 20,320 | 18,226 | 10,180 | 2,820 | 2,198 |
|
|
441
|
+
| `time-input` | 207,496 | 60,680 | 52,867 | 74,534 | 16,750 | 13,699 |
|
|
442
|
+
| `time-picker` | 125,958 | 38,140 | 33,722 | 47,612 | 11,736 | 9,532 |
|
|
443
|
+
| `timeline` | 42,754 | 14,904 | 13,490 | 10,954 | 2,685 | 2,146 |
|
|
444
|
+
| `toast` | 87,339 | 27,401 | 24,575 | 33,684 | 8,269 | 6,719 |
|
|
445
|
+
| `toggle` | 55,048 | 17,897 | 16,112 | 10,915 | 3,016 | 2,372 |
|
|
446
|
+
| `toolbar` | 40,504 | 14,297 | 12,885 | 4,026 | 960 | 660 |
|
|
447
|
+
| `tooltip` | 65,585 | 23,017 | 20,683 | 11,285 | 3,065 | 2,459 |
|
|
448
|
+
| `tour` | 98,917 | 32,169 | 28,722 | 30,178 | 7,526 | 6,065 |
|
|
449
|
+
| `tree` | 80,430 | 25,959 | 23,236 | 25,844 | 6,723 | 5,511 |
|
|
450
|
+
| `trend` | 36,294 | 13,695 | 12,376 | 5,478 | 1,636 | 1,224 |
|
|
451
|
+
| `video` | 169,658 | 49,549 | 43,715 | 88,458 | 20,604 | 17,061 |
|
|
452
|
+
| `video-playlist` | 150,283 | 45,803 | 40,556 | 60,485 | 14,341 | 11,904 |
|
|
453
|
+
| `virtual-list` | 73,011 | 24,093 | 21,667 | 27,032 | 7,943 | 6,500 |
|
|
454
|
+
| `voice-level` | 37,746 | 13,879 | 12,569 | 7,533 | 2,510 | 1,974 |
|
|
454
455
|
|
|
455
456
|
## What an install adds to `node_modules`
|
|
456
457
|
|
|
@@ -466,9 +467,9 @@ without its whitespace, and the sizes count each one that way.
|
|
|
466
467
|
| `@fusion.dev/helix-core` | 2,379,236 | 635 | 874,551 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
467
468
|
| `@fusion.dev/helix-headless` | 25,732,149 | 816 | 2,740,221 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
468
469
|
| `@fusion.dev/helix-icons` | 161,693 | 21 | 52,740 | `svgo` |
|
|
469
|
-
| `@fusion.dev/helix-styles` | 129,
|
|
470
|
+
| `@fusion.dev/helix-styles` | 129,426 | 6 | 0 | none |
|
|
470
471
|
| `@fusion.dev/helix-theme` | 453,157 | 8 | 6,257 | none |
|
|
471
|
-
| `@fusion.dev/helix` | 26,
|
|
472
|
+
| `@fusion.dev/helix` | 26,338,016 | 1,073 | 606,271 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
472
473
|
|
|
473
474
|
## Not measured yet
|
|
474
475
|
|
|
@@ -5130,7 +5130,7 @@ on its own.
|
|
|
5130
5130
|
|
|
5131
5131
|
| | Raw | Gzip | Brotli |
|
|
5132
5132
|
|---|---|---|---|
|
|
5133
|
-
| Lit and \`@fusion.dev/helix-core\` | 294,892 | 93,
|
|
5133
|
+
| Lit and \`@fusion.dev/helix-core\` | 294,892 | 93,439 | 80,204 |
|
|
5134
5134
|
|
|
5135
5135
|
## Whole packages
|
|
5136
5136
|
|
|
@@ -5141,12 +5141,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5141
5141
|
|
|
5142
5142
|
| Package | Raw | Gzip | Brotli | |
|
|
5143
5143
|
|---|---|---|---|---|
|
|
5144
|
-
| \`@fusion.dev/helix-core\` | 294,101 | 93,
|
|
5145
|
-
| \`@fusion.dev/helix-headless\` | 1,591,024 | 441,109 | 333,
|
|
5144
|
+
| \`@fusion.dev/helix-core\` | 294,101 | 93,245 | 79,818 | The element base class, mixins, decorators, and floating positioning. |
|
|
5145
|
+
| \`@fusion.dev/helix-headless\` | 1,591,024 | 441,109 | 333,309 | Every headless family. The barrel entry includes all of them. |
|
|
5146
5146
|
| \`@fusion.dev/helix-icons\` | 60,057 | 19,316 | 16,101 | The whole glyph set. |
|
|
5147
5147
|
| \`@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. |
|
|
5148
5148
|
| \`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. |
|
|
5149
|
-
| \`@fusion.dev/helix\` | 2,
|
|
5149
|
+
| \`@fusion.dev/helix\` | 2,351,438 | 604,067 | 433,922 | Every styled family. |
|
|
5150
5150
|
| \`lit\` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
5151
5151
|
|
|
5152
5152
|
## Stylesheets
|
|
@@ -5160,18 +5160,18 @@ shows the whole cost of using the base layer on its own.
|
|
|
5160
5160
|
| File | Raw | Gzip | Brotli | |
|
|
5161
5161
|
|---|---|---|---|---|
|
|
5162
5162
|
| \`base.css\` | 35,841 | 5,082 | 4,386 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
|
|
5163
|
-
| \`elements.css\` | 24,
|
|
5163
|
+
| \`elements.css\` | 24,782 | 3,445 | 3,023 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
|
|
5164
5164
|
| \`helix.css\` | 207 | 149 | 118 | The other four stylesheets in one import, in the order they must load. |
|
|
5165
5165
|
| \`primitives.css\` | 7,511 | 1,411 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
|
|
5166
5166
|
| \`tokens.css\` | 23,114 | 2,849 | 2,383 | The 200 semantic tokens. Every styled component needs them. |
|
|
5167
5167
|
|
|
5168
5168
|
## What the numbers say
|
|
5169
5169
|
|
|
5170
|
-
**Most of your first component is the shared runtime.** The median styled family is 21,
|
|
5170
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,444 bytes gzipped alone, and it adds 4,701 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
5171
5171
|
|
|
5172
|
-
Across the
|
|
5172
|
+
Across the 120 styled components, the smallest is \`code\` at 9,703 bytes gzipped alone, and the largest is \`data-table\` at 70,439. Every family together is 604,067.
|
|
5173
5173
|
|
|
5174
|
-
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 441,109 bytes gzipped, whatever else the page imports. That is
|
|
5174
|
+
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 441,109 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 120 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.
|
|
5175
5175
|
|
|
5176
5176
|
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 20,305 bytes gzipped alone.
|
|
5177
5177
|
|
|
@@ -5185,7 +5185,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5185
5185
|
|
|
5186
5186
|
| Component | System | Raw | Gzip | Brotli |
|
|
5187
5187
|
|---|---|---|---|---|
|
|
5188
|
-
| \`button\` | **Helix** | 46,708 | 15,645 | 14,
|
|
5188
|
+
| \`button\` | **Helix** | 46,708 | 15,645 | 14,053 |
|
|
5189
5189
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5190
5190
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5191
5191
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
@@ -5195,22 +5195,22 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5195
5195
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5196
5196
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5197
5197
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5198
|
-
| \`dialog\` | **Helix** | 47,456 | 16,184 | 14,
|
|
5198
|
+
| \`dialog\` | **Helix** | 47,456 | 16,184 | 14,569 |
|
|
5199
5199
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5200
5200
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5201
5201
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5202
5202
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5203
|
-
| \`radio\` | **Helix** | 54,548 | 17,326 | 15,
|
|
5203
|
+
| \`radio\` | **Helix** | 54,548 | 17,326 | 15,541 |
|
|
5204
5204
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5205
5205
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5206
5206
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
5207
5207
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
5208
|
-
| \`switch\` | **Helix** | 48,441 | 16,261 | 14,
|
|
5208
|
+
| \`switch\` | **Helix** | 48,441 | 16,261 | 14,583 |
|
|
5209
5209
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
5210
5210
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5211
5211
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5212
5212
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5213
|
-
| \`tabs\` | **Helix** | 59,668 | 19,135 | 17,
|
|
5213
|
+
| \`tabs\` | **Helix** | 59,668 | 19,135 | 17,200 |
|
|
5214
5214
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5215
5215
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5216
5216
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
@@ -5295,118 +5295,118 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5295
5295
|
|
|
5296
5296
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5297
5297
|
|---|---|---|---|---|---|---|
|
|
5298
|
-
| \`accordion\` | 36,132 | 13,152 | 11,820 | 5,373 | 1,
|
|
5299
|
-
| \`announcement\` | 40,745 | 14,657 | 13,
|
|
5300
|
-
| \`app-header\` | 36,280 | 13,216 | 11,870 | 5,890 | 1,723 | 1,
|
|
5301
|
-
| \`area-chart\` | 108,659 | 37,
|
|
5302
|
-
| \`avatar\` | 35,327 | 13,
|
|
5303
|
-
| \`badge\` | 31,566 | 12,013 | 10,852 | 2,955 |
|
|
5304
|
-
| \`bar-chart\` | 116,678 | 40,
|
|
5305
|
-
| \`blockquote\` | 28,141 | 10,771 | 9,679 | 2,400 | 865 |
|
|
5306
|
-
| \`breadcrumbs\` | 40,839 | 15,367 | 13,
|
|
5307
|
-
| \`button\` | 40,202 | 14,237 | 12,802 | 5,193 | 1,
|
|
5308
|
-
| \`button-group\` | 31,674 | 11,678 | 10,515 | 4,922 | 1,
|
|
5309
|
-
| \`callout\` | 39,396 | 14,898 | 13,
|
|
5310
|
-
| \`canvas\` | 136,373 | 42,586 | 37,
|
|
5311
|
-
| \`card\` | 27,859 | 10,440 | 9,399 | 2,088 |
|
|
5312
|
-
| \`carousel\` | 48,559 | 17,095 | 15,
|
|
5313
|
-
| \`chat\` | 92,535 | 30,464 | 27,
|
|
5314
|
-
| \`checkbox\` | 45,231 | 15,306 | 13,
|
|
5315
|
-
| \`checkbox-group\` | 52,429 | 17,169 | 15,407 | 8,390 | 2,352 | 1,
|
|
5316
|
-
| \`code\` | 24,331 | 9,396 | 8,459 | 136 | 63 |
|
|
5317
|
-
| \`code-block\` | 110,444 | 37,236 | 33,
|
|
5318
|
-
| \`code-editor\` | 83,475 | 26,
|
|
5319
|
-
| \`code-input\` | 61,976 | 21,196 |
|
|
5320
|
-
| \`color-input\` | 147,496 | 46,692 | 40,
|
|
5321
|
-
| \`color-picker\` | 109,152 | 34,558 | 30,
|
|
5322
|
-
| \`combobox\` | 145,106 | 45,802 | 40,
|
|
5323
|
-
| \`command\` | 122,325 | 38,
|
|
5324
|
-
| \`copy-button\` | 85,823 | 29,
|
|
5325
|
-
| \`data-table\` | 213,692 | 64,
|
|
5326
|
-
| \`date-input\` | 146,130 | 45,
|
|
5327
|
-
| \`date-picker\` | 66,533 | 22,585 | 20,
|
|
5328
|
-
| \`description-list\` | 26,932 | 10,138 | 9,121 | 1,561 |
|
|
5329
|
-
| \`device-screen\` | 77,862 | 25,017 | 22,
|
|
5330
|
-
| \`dialog\` | 42,323 | 14,954 | 13,440 | 5,946 | 1,718 | 1,
|
|
5331
|
-
| \`divider\` | 27,025 | 10,264 | 9,224 | 1,414 | 461 |
|
|
5332
|
-
| \`donut-chart\` | 102,018 | 35,
|
|
5333
|
-
| \`drawer\` | 46,942 | 16,435 | 14,
|
|
5334
|
-
| \`drilldown\` | 46,673 | 16,186 | 14,582 | 9,696 | 2,665 | 2,
|
|
5335
|
-
| \`empty\` | 28,469 | 10,701 | 9,639 | 1,974 | 609 |
|
|
5336
|
-
| \`file-input\` | 62,243 | 21,378 | 19,
|
|
5337
|
-
| \`filter-input\` | 108,683 | 36,218 | 32,
|
|
5338
|
-
| \`format-date\` | 34,657 | 12,781 | 11,518 | 4,466 | 1,
|
|
5339
|
-
| \`graph\` | 102,213 | 32,249 | 28,
|
|
5340
|
-
| \`heatmap\` | 111,091 | 37,
|
|
5341
|
-
| \`icon\` | 90,787 | 31,
|
|
5342
|
-
| \`icon-button\` | 40,308 | 14,262 | 12,845 | 5,300 | 1,536 | 1,
|
|
5343
|
-
| \`image\` | 29,835 | 10,966 | 9,899 | 3,842 | 1,120 |
|
|
5344
|
-
| \`input\` | 58,371 | 19,
|
|
5345
|
-
| \`kbd\` | 32,638 | 12,197 | 10,944 | 3,624 | 1,123 |
|
|
5346
|
-
| \`legend\` | 43,388 | 15,428 | 13,925 | 2,764 |
|
|
5347
|
-
| \`lightbox\` | 60,247 | 20,274 | 18,
|
|
5348
|
-
| \`line-chart\` | 111,662 | 38,
|
|
5349
|
-
| \`list\` | 66,024 | 22,722 | 20,
|
|
5350
|
-
| \`listbox\` | 89,342 | 29,
|
|
5351
|
-
| \`loader\` | 30,796 | 11,544 | 10,407 | 2,785 | 927 |
|
|
5352
|
-
| \`log\` | 88,207 | 29,604 | 26,
|
|
5353
|
-
| \`map\` | 110,087 | 33,343 | 28,
|
|
5354
|
-
| \`markdown\` | 137,493 | 46,
|
|
5355
|
-
| \`megamenu\` | 64,260 | 22,949 | 20,
|
|
5356
|
-
| \`menu\` | 103,902 | 33,919 | 30,
|
|
5357
|
-
| \`meter\` | 36,363 | 13,554 | 12,249 | 4,973 | 1,431 | 1,
|
|
5358
|
-
| \`motion-toggle\` | 29,764 | 11,398 | 10,
|
|
5359
|
-
| \`navigation\` | 37,120 | 13,750 | 12,329 | 3,364 | 1,
|
|
5360
|
-
| \`notifications\` | 62,634 | 21,110 | 19,018 | 18,257 | 4,
|
|
5361
|
-
| \`number-input\` | 61,072 | 20,383 | 18,
|
|
5362
|
-
| \`object-inspector\` | 121,125 | 40,261 | 35,
|
|
5363
|
-
| \`option\` | 30,507 | 11,108 | 10,009 | 4,515 | 1,157 |
|
|
5364
|
-
| \`outline\` | 38,066 | 14,005 | 12,
|
|
5365
|
-
| \`pagination\` | 149,679 | 47,506 | 41,
|
|
5366
|
-
| \`pin-input\` | 52,312 | 18,091 | 16,
|
|
5367
|
-
| \`popover\` | 67,992 | 24,055 | 21,517 | 6,459 | 1,
|
|
5368
|
-
| \`progress\` | 32,675 | 12,249 | 11,061 | 3,000 | 902 |
|
|
5369
|
-
| \`qr-code\` | 47,027 | 17,953 | 16,
|
|
5370
|
-
| \`quote\` | 26,550 | 10,241 | 9,185 | 1,209 | 512 |
|
|
5371
|
-
| \`radio\` | 46,767 | 15,843 | 14,200 | 3,813 | 1,201 |
|
|
5372
|
-
| \`rating\` | 55,059 | 18,844 | 16,910 | 8,056 | 2,
|
|
5373
|
-
| \`scatter-chart\` | 108,079 | 37,
|
|
5374
|
-
| \`scroll-area\` | 34,756 | 12,524 | 11,266 | 8,516 | 2,571 |
|
|
5375
|
-
| \`select\` | 128,227 | 41,
|
|
5376
|
-
| \`shortcut-overlay\` | 52,836 | 18,
|
|
5377
|
-
| \`skeleton\` | 26,362 | 10,008 | 9,024 | 989 |
|
|
5378
|
-
| \`skip-link\` | 27,998 | 10,696 | 9,630 | 1,223 | 445 |
|
|
5379
|
-
| \`slider\` | 58,611 | 19,614 | 17,672 | 13,682 | 3,863 |
|
|
5380
|
-
| \`sparkline\` | 52,675 | 18,920 | 17,
|
|
5381
|
-
| \`spatial-bar-chart\` | 114,534 | 39,
|
|
5382
|
-
| \`spatial-heatmap\` | 126,459 | 42,
|
|
5383
|
-
| \`spatial-ribbon-chart\` | 113,658 | 39,
|
|
5384
|
-
| \`spatial-scatter-chart\` | 111,885 | 38,740 | 34,
|
|
5385
|
-
| \`spatial-surface-chart\` | 114,817 | 39,
|
|
5386
|
-
| \`spatial-treemap\` | 115,920 | 40,590 | 36,
|
|
5387
|
-
| \`speed-dial\` | 72,686 | 25,784 | 23,
|
|
5388
|
-
| \`splitter\` | 48,515 | 16,675 | 15,012 | 14,475 | 3,808 | 3,
|
|
5389
|
-
| \`stat\` | 29,732 | 11,171 | 10,109 | 2,316 | 741 |
|
|
5390
|
-
| \`steps\` | 58,887 | 20,335 | 18,
|
|
5391
|
-
| \`switch\` | 44,082 | 15,125 | 13,571 | 1,747 | 615 |
|
|
5392
|
-
| \`table\` | 124,643 | 38,498 | 33,
|
|
5393
|
-
| \`tabs\` | 50,721 | 17,303 | 15,
|
|
5394
|
-
| \`tag\` | 46,712 | 16,889 | 15,
|
|
5395
|
-
| \`terminal\` | 81,486 | 26,603 | 23,
|
|
5396
|
-
| \`textarea\` | 56,277 | 19,161 | 17,
|
|
5397
|
-
| \`time-input\` | 182,086 | 56,421 | 49,
|
|
5398
|
-
| \`time-picker\` | 112,598 | 35,
|
|
5399
|
-
| \`timeline\` | 35,867 | 13,458 | 12,
|
|
5400
|
-
| \`toast\` | 73,100 | 24,570 |
|
|
5401
|
-
| \`toggle\` | 50,194 | 16,657 | 15,036 | 6,073 | 1,
|
|
5402
|
-
| \`toolbar\` | 37,825 | 13,801 | 12,435 | 1,364 |
|
|
5403
|
-
| \`tooltip\` | 62,783 | 22,285 | 20,
|
|
5404
|
-
| \`tour\` | 88,830 | 30,162 | 26,
|
|
5405
|
-
| \`tree\` | 71,743 | 24,047 | 21,
|
|
5406
|
-
| \`trend\` | 34,378 | 13,149 | 11,870 | 3,583 | 1,101 |
|
|
5407
|
-
| \`video\` | 149,165 | 45,
|
|
5408
|
-
| \`video-playlist\` | 134,354 | 42,895 |
|
|
5409
|
-
| \`virtual-list\` | 71,019 | 23,590 | 21,235 | 25,057 | 7,434 | 6,
|
|
5298
|
+
| \`accordion\` | 36,132 | 13,152 | 11,820 | 5,373 | 1,507 | 1,030 |
|
|
5299
|
+
| \`announcement\` | 40,745 | 14,657 | 13,205 | 4,690 | 1,360 | 941 |
|
|
5300
|
+
| \`app-header\` | 36,280 | 13,216 | 11,870 | 5,890 | 1,723 | 1,186 |
|
|
5301
|
+
| \`area-chart\` | 108,659 | 37,729 | 33,667 | 14,420 | 4,355 | 3,611 |
|
|
5302
|
+
| \`avatar\` | 35,327 | 13,238 | 11,961 | 3,994 | 1,219 | 876 |
|
|
5303
|
+
| \`badge\` | 31,566 | 12,013 | 10,852 | 2,955 | 879 | 640 |
|
|
5304
|
+
| \`bar-chart\` | 116,678 | 40,325 | 36,037 | 21,915 | 6,771 | 5,587 |
|
|
5305
|
+
| \`blockquote\` | 28,141 | 10,771 | 9,679 | 2,400 | 865 | 560 |
|
|
5306
|
+
| \`breadcrumbs\` | 40,839 | 15,367 | 13,867 | 7,372 | 2,325 | 1,855 |
|
|
5307
|
+
| \`button\` | 40,202 | 14,237 | 12,802 | 5,193 | 1,508 | 1,116 |
|
|
5308
|
+
| \`button-group\` | 31,674 | 11,678 | 10,515 | 4,922 | 1,487 | 1,036 |
|
|
5309
|
+
| \`callout\` | 39,396 | 14,898 | 13,418 | 2,882 | 937 | 551 |
|
|
5310
|
+
| \`canvas\` | 136,373 | 42,586 | 37,381 | 74,293 | 22,122 | 18,475 |
|
|
5311
|
+
| \`card\` | 27,859 | 10,440 | 9,399 | 2,088 | 602 | 387 |
|
|
5312
|
+
| \`carousel\` | 48,559 | 17,095 | 15,461 | 15,308 | 4,187 | 3,207 |
|
|
5313
|
+
| \`chat\` | 92,535 | 30,464 | 27,115 | 28,474 | 8,173 | 6,485 |
|
|
5314
|
+
| \`checkbox\` | 45,231 | 15,306 | 13,758 | 3,175 | 967 | 567 |
|
|
5315
|
+
| \`checkbox-group\` | 52,429 | 17,169 | 15,407 | 8,390 | 2,352 | 1,610 |
|
|
5316
|
+
| \`code\` | 24,331 | 9,396 | 8,459 | 136 | 63 | -5 |
|
|
5317
|
+
| \`code-block\` | 110,444 | 37,236 | 33,047 | 39,447 | 11,525 | 9,483 |
|
|
5318
|
+
| \`code-editor\` | 83,475 | 26,832 | 23,904 | 27,830 | 7,254 | 5,765 |
|
|
5319
|
+
| \`code-input\` | 61,976 | 21,196 | 18,943 | 10,584 | 3,407 | 2,654 |
|
|
5320
|
+
| \`color-input\` | 147,496 | 46,692 | 40,993 | 55,909 | 14,304 | 11,668 |
|
|
5321
|
+
| \`color-picker\` | 109,152 | 34,558 | 30,569 | 48,027 | 12,688 | 10,269 |
|
|
5322
|
+
| \`combobox\` | 145,106 | 45,802 | 40,450 | 36,215 | 9,094 | 7,164 |
|
|
5323
|
+
| \`command\` | 122,325 | 38,361 | 33,708 | 36,979 | 9,602 | 7,731 |
|
|
5324
|
+
| \`copy-button\` | 85,823 | 29,137 | 26,009 | 18,804 | 4,974 | 4,073 |
|
|
5325
|
+
| \`data-table\` | 213,692 | 64,932 | 56,192 | 90,399 | 23,755 | 19,041 |
|
|
5326
|
+
| \`date-input\` | 146,130 | 45,676 | 40,448 | 38,642 | 9,364 | 7,480 |
|
|
5327
|
+
| \`date-picker\` | 66,533 | 22,585 | 20,323 | 20,711 | 5,578 | 4,433 |
|
|
5328
|
+
| \`description-list\` | 26,932 | 10,138 | 9,121 | 1,561 | 483 | 292 |
|
|
5329
|
+
| \`device-screen\` | 77,862 | 25,017 | 22,194 | 30,991 | 8,410 | 6,512 |
|
|
5330
|
+
| \`dialog\` | 42,323 | 14,954 | 13,440 | 5,946 | 1,718 | 1,189 |
|
|
5331
|
+
| \`divider\` | 27,025 | 10,264 | 9,224 | 1,414 | 461 | 188 |
|
|
5332
|
+
| \`donut-chart\` | 102,018 | 35,104 | 31,379 | 14,732 | 4,419 | 3,618 |
|
|
5333
|
+
| \`drawer\` | 46,942 | 16,435 | 14,749 | 7,778 | 2,254 | 1,723 |
|
|
5334
|
+
| \`drilldown\` | 46,673 | 16,186 | 14,582 | 9,696 | 2,665 | 2,026 |
|
|
5335
|
+
| \`empty\` | 28,469 | 10,701 | 9,639 | 1,974 | 609 | 344 |
|
|
5336
|
+
| \`file-input\` | 62,243 | 21,378 | 19,232 | 13,123 | 4,029 | 3,107 |
|
|
5337
|
+
| \`filter-input\` | 108,683 | 36,218 | 32,283 | 21,648 | 6,114 | 4,990 |
|
|
5338
|
+
| \`format-date\` | 34,657 | 12,781 | 11,518 | 4,466 | 1,247 | 954 |
|
|
5339
|
+
| \`graph\` | 102,213 | 32,249 | 28,526 | 28,489 | 8,045 | 6,463 |
|
|
5340
|
+
| \`heatmap\` | 111,091 | 37,484 | 33,388 | 19,074 | 5,517 | 4,436 |
|
|
5341
|
+
| \`icon\` | 90,787 | 31,025 | 26,696 | 61,578 | 20,789 | 16,689 |
|
|
5342
|
+
| \`icon-button\` | 40,308 | 14,262 | 12,845 | 5,300 | 1,536 | 1,151 |
|
|
5343
|
+
| \`image\` | 29,835 | 10,966 | 9,899 | 3,842 | 1,120 | 787 |
|
|
5344
|
+
| \`input\` | 58,371 | 19,922 | 17,733 | 7,198 | 2,243 | 1,478 |
|
|
5345
|
+
| \`kbd\` | 32,638 | 12,197 | 10,944 | 3,624 | 1,123 | 698 |
|
|
5346
|
+
| \`legend\` | 43,388 | 15,428 | 13,925 | 2,764 | 902 | 530 |
|
|
5347
|
+
| \`lightbox\` | 60,247 | 20,274 | 18,177 | 16,752 | 4,535 | 3,446 |
|
|
5348
|
+
| \`line-chart\` | 111,662 | 38,582 | 34,472 | 16,821 | 4,953 | 3,990 |
|
|
5349
|
+
| \`list\` | 66,024 | 22,722 | 20,268 | 15,228 | 4,296 | 3,239 |
|
|
5350
|
+
| \`listbox\` | 89,342 | 29,381 | 26,176 | 15,690 | 4,508 | 3,438 |
|
|
5351
|
+
| \`loader\` | 30,796 | 11,544 | 10,407 | 2,785 | 927 | 620 |
|
|
5352
|
+
| \`log\` | 88,207 | 29,604 | 26,570 | 39,537 | 12,128 | 10,239 |
|
|
5353
|
+
| \`map\` | 110,087 | 33,343 | 28,855 | 45,864 | 11,948 | 9,383 |
|
|
5354
|
+
| \`markdown\` | 137,493 | 46,413 | 41,097 | 61,599 | 19,330 | 16,053 |
|
|
5355
|
+
| \`megamenu\` | 64,260 | 22,949 | 20,482 | 8,723 | 2,411 | 1,588 |
|
|
5356
|
+
| \`menu\` | 103,902 | 33,919 | 30,261 | 31,986 | 8,147 | 6,527 |
|
|
5357
|
+
| \`meter\` | 36,363 | 13,554 | 12,249 | 4,973 | 1,431 | 1,040 |
|
|
5358
|
+
| \`motion-toggle\` | 29,764 | 11,398 | 10,237 | 1,424 | 517 | 334 |
|
|
5359
|
+
| \`navigation\` | 37,120 | 13,750 | 12,329 | 3,364 | 1,124 | 900 |
|
|
5360
|
+
| \`notifications\` | 62,634 | 21,110 | 19,018 | 18,257 | 4,958 | 3,845 |
|
|
5361
|
+
| \`number-input\` | 61,072 | 20,383 | 18,290 | 13,546 | 3,557 | 2,556 |
|
|
5362
|
+
| \`object-inspector\` | 121,125 | 40,261 | 35,648 | 36,074 | 10,265 | 8,283 |
|
|
5363
|
+
| \`option\` | 30,507 | 11,108 | 10,009 | 4,515 | 1,157 | 843 |
|
|
5364
|
+
| \`outline\` | 38,066 | 14,005 | 12,607 | 7,886 | 2,526 | 1,883 |
|
|
5365
|
+
| \`pagination\` | 149,679 | 47,506 | 41,568 | 46,078 | 11,909 | 9,397 |
|
|
5366
|
+
| \`pin-input\` | 52,312 | 18,091 | 16,279 | 7,205 | 2,358 | 1,541 |
|
|
5367
|
+
| \`popover\` | 67,992 | 24,055 | 21,517 | 6,459 | 1,829 | 1,238 |
|
|
5368
|
+
| \`progress\` | 32,675 | 12,249 | 11,061 | 3,000 | 902 | 674 |
|
|
5369
|
+
| \`qr-code\` | 47,027 | 17,953 | 16,222 | 16,931 | 6,185 | 5,299 |
|
|
5370
|
+
| \`quote\` | 26,550 | 10,241 | 9,185 | 1,209 | 512 | 288 |
|
|
5371
|
+
| \`radio\` | 46,767 | 15,843 | 14,200 | 3,813 | 1,201 | 761 |
|
|
5372
|
+
| \`rating\` | 55,059 | 18,844 | 16,910 | 8,056 | 2,402 | 1,627 |
|
|
5373
|
+
| \`scatter-chart\` | 108,079 | 37,149 | 33,188 | 20,356 | 6,288 | 5,080 |
|
|
5374
|
+
| \`scroll-area\` | 34,756 | 12,524 | 11,266 | 8,516 | 2,571 | 1,972 |
|
|
5375
|
+
| \`select\` | 128,227 | 41,991 | 36,982 | 26,406 | 7,125 | 5,355 |
|
|
5376
|
+
| \`shortcut-overlay\` | 52,836 | 18,674 | 16,765 | 11,288 | 3,370 | 2,631 |
|
|
5377
|
+
| \`skeleton\` | 26,362 | 10,008 | 9,024 | 989 | 347 | 165 |
|
|
5378
|
+
| \`skip-link\` | 27,998 | 10,696 | 9,630 | 1,223 | 445 | 310 |
|
|
5379
|
+
| \`slider\` | 58,611 | 19,614 | 17,672 | 13,682 | 3,863 | 2,989 |
|
|
5380
|
+
| \`sparkline\` | 52,675 | 18,920 | 17,132 | 5,966 | 2,034 | 1,493 |
|
|
5381
|
+
| \`spatial-bar-chart\` | 114,534 | 39,844 | 35,513 | 19,872 | 6,420 | 5,220 |
|
|
5382
|
+
| \`spatial-heatmap\` | 126,459 | 42,632 | 37,894 | 31,748 | 9,478 | 7,816 |
|
|
5383
|
+
| \`spatial-ribbon-chart\` | 113,658 | 39,434 | 35,166 | 20,806 | 6,798 | 5,554 |
|
|
5384
|
+
| \`spatial-scatter-chart\` | 111,885 | 38,740 | 34,468 | 19,095 | 6,155 | 4,946 |
|
|
5385
|
+
| \`spatial-surface-chart\` | 114,817 | 39,986 | 35,656 | 21,968 | 7,323 | 5,973 |
|
|
5386
|
+
| \`spatial-treemap\` | 115,920 | 40,590 | 36,105 | 21,382 | 7,209 | 5,955 |
|
|
5387
|
+
| \`speed-dial\` | 72,686 | 25,784 | 23,068 | 10,930 | 2,930 | 2,261 |
|
|
5388
|
+
| \`splitter\` | 48,515 | 16,675 | 15,012 | 14,475 | 3,808 | 3,095 |
|
|
5389
|
+
| \`stat\` | 29,732 | 11,171 | 10,109 | 2,316 | 741 | 487 |
|
|
5390
|
+
| \`steps\` | 58,887 | 20,335 | 18,234 | 13,863 | 3,851 | 3,021 |
|
|
5391
|
+
| \`switch\` | 44,082 | 15,125 | 13,571 | 1,747 | 615 | 290 |
|
|
5392
|
+
| \`table\` | 124,643 | 38,498 | 33,905 | 45,142 | 12,270 | 9,921 |
|
|
5393
|
+
| \`tabs\` | 50,721 | 17,303 | 15,519 | 10,539 | 2,820 | 2,084 |
|
|
5394
|
+
| \`tag\` | 46,712 | 16,889 | 15,219 | 8,447 | 2,493 | 1,910 |
|
|
5395
|
+
| \`terminal\` | 81,486 | 26,603 | 23,530 | 30,249 | 8,065 | 6,482 |
|
|
5396
|
+
| \`textarea\` | 56,277 | 19,161 | 17,184 | 5,667 | 1,664 | 1,144 |
|
|
5397
|
+
| \`time-input\` | 182,086 | 56,421 | 49,139 | 49,126 | 12,384 | 9,823 |
|
|
5398
|
+
| \`time-picker\` | 112,598 | 35,568 | 31,469 | 34,263 | 9,126 | 7,314 |
|
|
5399
|
+
| \`timeline\` | 35,867 | 13,458 | 12,193 | 4,078 | 1,165 | 758 |
|
|
5400
|
+
| \`toast\` | 73,100 | 24,570 | 22,053 | 19,460 | 5,416 | 4,264 |
|
|
5401
|
+
| \`toggle\` | 50,194 | 16,657 | 15,036 | 6,073 | 1,792 | 1,157 |
|
|
5402
|
+
| \`toolbar\` | 37,825 | 13,801 | 12,435 | 1,364 | 487 | 195 |
|
|
5403
|
+
| \`tooltip\` | 62,783 | 22,285 | 20,047 | 8,501 | 2,335 | 1,689 |
|
|
5404
|
+
| \`tour\` | 88,830 | 30,162 | 26,918 | 20,107 | 5,474 | 4,295 |
|
|
5405
|
+
| \`tree\` | 71,743 | 24,047 | 21,496 | 17,176 | 4,800 | 3,846 |
|
|
5406
|
+
| \`trend\` | 34,378 | 13,149 | 11,870 | 3,583 | 1,101 | 762 |
|
|
5407
|
+
| \`video\` | 149,165 | 45,856 | 40,443 | 67,977 | 16,879 | 13,787 |
|
|
5408
|
+
| \`video-playlist\` | 134,354 | 42,895 | 37,961 | 44,566 | 11,393 | 9,419 |
|
|
5409
|
+
| \`virtual-list\` | 71,019 | 23,590 | 21,235 | 25,057 | 7,434 | 6,149 |
|
|
5410
5410
|
|
|
5411
5411
|
### Styled tier
|
|
5412
5412
|
|
|
@@ -5414,125 +5414,126 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5414
5414
|
|
|
5415
5415
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5416
5416
|
|---|---|---|---|---|---|---|
|
|
5417
|
-
| \`accordion\` | 39,561 | 13,997 | 12,584 | 8,786 | 2,
|
|
5418
|
-
| \`announcement\` | 45,358 | 15,710 | 14,176 | 9,284 | 2,
|
|
5419
|
-
| \`app-header\` | 41,438 | 14,394 | 12,972 | 11,033 | 2,927 | 2,
|
|
5420
|
-
| \`area-chart\` | 118,158 | 39,
|
|
5421
|
-
| \`aura\` | 62,986 | 21,
|
|
5422
|
-
| \`avatar\` | 38,326 | 13,991 | 12,650 | 6,976 | 1,988 | 1,
|
|
5423
|
-
| \`badge\` | 37,068 | 13,
|
|
5424
|
-
| \`bar-chart\` | 133,015 | 43,
|
|
5425
|
-
| \`blockquote\` | 30,364 | 11,301 | 10,161 | 4,608 | 1,399 | 1,
|
|
5426
|
-
| \`breadcrumbs\` | 47,777 | 16,
|
|
5427
|
-
| \`button\` | 46,708 | 15,645 | 14,
|
|
5428
|
-
| \`button-group\` | 35,170 | 12,
|
|
5429
|
-
| \`callout\` | 43,187 | 15,
|
|
5430
|
-
| \`canvas\` | 166,591 | 47,620 | 41,
|
|
5431
|
-
| \`card\` | 31,757 | 11,438 | 10,287 | 5,972 | 1,
|
|
5432
|
-
| \`carousel\` | 59,047 | 18,870 | 17,
|
|
5433
|
-
| \`chat\` | 108,482 | 33,272 | 29,
|
|
5434
|
-
| \`checkbox\` | 51,715 | 16,779 | 15,050 | 9,645 | 2,459 | 1,
|
|
5435
|
-
| \`checkbox-group\` | 59,648 | 18,772 | 16,818 | 15,598 | 3,933 | 3,
|
|
5436
|
-
| \`code\` | 25,186 | 9,703 | 8,739 | 972 | 385 |
|
|
5437
|
-
| \`code-block\` | 136,938 | 41,151 | 36,
|
|
5438
|
-
| \`code-editor\` | 110,408 | 30,
|
|
5439
|
-
| \`code-input\` | 66,722 | 22,397 | 20,029 | 15,318 | 4,644 | 3,
|
|
5440
|
-
| \`color-input\` | 189,959 | 52,984 | 46,
|
|
5441
|
-
| \`color-picker\` | 146,165 | 40,033 | 35,
|
|
5442
|
-
| \`combobox\` | 161,622 | 48,903 | 43,
|
|
5443
|
-
| \`command\` | 137,832 | 41,
|
|
5444
|
-
| \`copy-button\` | 99,875 | 31,
|
|
5445
|
-
| \`data-table\` | 245,504 | 70,439 | 61,
|
|
5446
|
-
| \`date-input\` | 167,431 | 49,
|
|
5447
|
-
| \`date-picker\` | 74,577 | 23,991 | 21,
|
|
5448
|
-
| \`description-list\` | 29,883 | 10,875 | 9,794 | 4,500 | 1,
|
|
5449
|
-
| \`device-screen\` | 94,553 | 28,
|
|
5450
|
-
| \`dialog\` | 47,456 | 16,184 | 14,
|
|
5451
|
-
| \`divider\` | 29,323 | 10,891 | 9,802 | 3,695 | 1,110 |
|
|
5452
|
-
| \`donut-chart\` | 113,293 | 37,
|
|
5453
|
-
| \`drawer\` | 52,770 | 17,818 | 16,
|
|
5454
|
-
| \`drilldown\` | 52,347 | 17,463 | 15,
|
|
5455
|
-
| \`empty\` | 29,776 | 11,164 | 10,
|
|
5456
|
-
| \`file-input\` | 73,768 | 23,
|
|
5457
|
-
| \`filter-input\` | 120,112 | 38,446 | 34,
|
|
5458
|
-
| \`flex\` | 29,774 | 10,574 | 9,507 | 4,761 | 1,018 |
|
|
5459
|
-
| \`format-date\` | 34,909 | 12,904 | 11,647 | 4,702 | 1,370 | 1,
|
|
5460
|
-
| \`graph\` | 127,248 | 36,127 | 31,
|
|
5461
|
-
| \`grid\` | 31,224 | 11,249 | 10,146 | 5,655 | 1,
|
|
5462
|
-
| \`heatmap\` | 120,717 | 39,
|
|
5463
|
-
| \`icon\` | 92,820 | 31,
|
|
5464
|
-
| \`icon-button\` | 50,068 | 15,839 | 14,231 | 15,046 | 3,140 | 2,
|
|
5465
|
-
| \`image\` | 31,220 | 11,429 | 10,279 | 5,209 | 1,569 | 1,
|
|
5466
|
-
| \`input\` | 63,219 | 21,
|
|
5467
|
-
| \`kbd\` | 34,629 | 12,
|
|
5468
|
-
| \`legend\` | 48,629 | 16,724 | 15,
|
|
5469
|
-
| \`lightbox\` | 66,532 | 21,585 | 19,
|
|
5470
|
-
| \`line-chart\` | 124,330 | 41,
|
|
5471
|
-
| \`list\` | 72,365 | 24,212 | 21,608 | 21,551 | 5,803 | 4,
|
|
5472
|
-
| \`listbox\` | 94,951 | 30,
|
|
5473
|
-
| \`loader\` | 33,676 | 12,
|
|
5474
|
-
| \`log\` | 100,719 | 31,
|
|
5475
|
-
| \`map\` | 152,486 | 39,
|
|
5476
|
-
| \`markdown\` | 168,011 | 51,055 | 45,
|
|
5477
|
-
| \`megamenu\` | 69,227 | 24,084 | 21,
|
|
5478
|
-
| \`menu\` | 114,819 | 36,
|
|
5479
|
-
| \`meter\` | 42,533 | 14,880 | 13,
|
|
5480
|
-
| \`motion-toggle\` | 31,396 | 11,875 | 10,
|
|
5481
|
-
| \`navigation\` | 40,846 | 14,589 | 13,063 | 7,073 | 1,979 | 1,
|
|
5482
|
-
| \`notifications\` | 76,115 | 23,641 | 21,
|
|
5483
|
-
| \`number-input\` | 66,054 | 21,574 | 19,
|
|
5484
|
-
| \`object-inspector\` | 139,550 | 43,235 | 38,
|
|
5485
|
-
| \`option\` | 33,574 | 12,053 | 10,859 | 7,573 | 2,118 | 1,
|
|
5486
|
-
| \`orb\` | 40,300 | 15,056 | 13,
|
|
5487
|
-
| \`outline\` | 42,296 | 14,
|
|
5488
|
-
| \`pagination\` | 167,710 | 50,908 | 44,
|
|
5489
|
-
| \`pin-input\` | 55,690 | 18,
|
|
5490
|
-
| \`popover\` | 71,142 | 24,821 | 22,229 | 9,589 | 2,620 |
|
|
5491
|
-
| \`progress\` | 39,850 | 13,
|
|
5492
|
-
| \`qr-code\` | 48,627 | 18,434 | 16,622 | 18,513 | 6,657 | 5,
|
|
5493
|
-
| \`quote\` | 27,106 | 10,425 | 9,359 | 1,748 | 685 |
|
|
5494
|
-
| \`radio\` | 54,548 | 17,326 | 15,
|
|
5495
|
-
| \`rating\` | 58,987 | 20,050 | 18,
|
|
5496
|
-
| \`sandbox\` | 200,093 | 58,244 | 50,
|
|
5497
|
-
| \`scatter-chart\` | 118,750 | 39,
|
|
5498
|
-
| \`scroll-area\` | 39,761 | 13,460 | 12,135 | 13,504 | 3,
|
|
5499
|
-
| \`select\` | 138,520 | 44,
|
|
5500
|
-
| \`shortcut-overlay\` | 60,000 | 20,
|
|
5501
|
-
| \`skeleton\` | 30,308 | 11,
|
|
5502
|
-
| \`skip-link\` | 29,568 | 11,205 | 10,036 | 2,776 | 960 |
|
|
5503
|
-
| \`slider\` | 73,575 | 21,928 | 19,
|
|
5504
|
-
| \`sparkline\` | 58,132 | 20,243 | 18,
|
|
5505
|
-
| \`spatial-bar-chart\` | 124,903 | 42,
|
|
5506
|
-
| \`spatial-heatmap\` | 137,502 | 44,
|
|
5507
|
-
| \`spatial-ribbon-chart\` | 123,875 | 41,651 | 37,
|
|
5508
|
-
| \`spatial-scatter-chart\` | 122,160 | 40,
|
|
5509
|
-
| \`spatial-surface-chart\` | 124,554 | 42,075 | 37,
|
|
5510
|
-
| \`spatial-treemap\` | 126,241 | 42,
|
|
5511
|
-
| \`speed-dial\` | 79,729 | 27,186 | 24,
|
|
5512
|
-
| \`splitter\` | 54,565 | 17,709 | 15,
|
|
5513
|
-
| \`stat\` | 32,609 | 11,880 | 10,738 | 5,185 | 1,457 | 1,
|
|
5514
|
-
| \`steps\` | 72,959 | 23,093 | 20,
|
|
5515
|
-
| \`strands\` | 67,094 | 24,
|
|
5516
|
-
| \`switch\` | 48,441 | 16,261 | 14,
|
|
5517
|
-
| \`table\` | 142,418 | 41,606 | 36,
|
|
5518
|
-
| \`tabs\` | 59,668 | 19,135 | 17,
|
|
5519
|
-
| \`tag\` | 51,281 | 18,005 | 16,
|
|
5520
|
-
| \`terminal\` | 108,490 | 30,438 | 26,
|
|
5521
|
-
| \`text\` | 32,748 | 11,326 | 10,147 | 7,181 | 1,
|
|
5522
|
-
| \`textarea\` | 60,804 | 20,320 | 18,
|
|
5523
|
-
| \`time-input\` | 207,496 | 60,
|
|
5524
|
-
| \`time-picker\` | 125,958 | 38,
|
|
5525
|
-
| \`timeline\` | 42,754 | 14,904 | 13,
|
|
5526
|
-
| \`toast\` | 87,339 | 27,
|
|
5527
|
-
| \`toggle\` | 55,048 | 17,897 | 16,112 | 10,915 | 3,016 | 2,
|
|
5528
|
-
| \`toolbar\` | 40,504 | 14,297 | 12,885 | 4,026 | 960 |
|
|
5529
|
-
| \`tooltip\` | 65,585 | 23,017 | 20,683 | 11,285 | 3,065 | 2,
|
|
5530
|
-
| \`tour\` | 98,917 | 32,169 | 28,
|
|
5531
|
-
| \`tree\` | 80,430 | 25,959 | 23,
|
|
5532
|
-
| \`trend\` | 36,294 | 13,695 | 12,
|
|
5533
|
-
| \`video\` | 169,658 | 49,
|
|
5534
|
-
| \`video-playlist\` | 150,283 | 45,803 | 40,
|
|
5535
|
-
| \`virtual-list\` | 73,011 | 24,093 | 21,667 | 27,032 | 7,
|
|
5417
|
+
| \`accordion\` | 39,561 | 13,997 | 12,584 | 8,786 | 2,376 | 1,838 |
|
|
5418
|
+
| \`announcement\` | 45,358 | 15,710 | 14,176 | 9,284 | 2,422 | 1,867 |
|
|
5419
|
+
| \`app-header\` | 41,438 | 14,394 | 12,972 | 11,033 | 2,927 | 2,335 |
|
|
5420
|
+
| \`area-chart\` | 118,158 | 39,811 | 35,477 | 23,910 | 6,476 | 5,251 |
|
|
5421
|
+
| \`aura\` | 62,986 | 21,314 | 19,054 | 31,766 | 9,552 | 7,992 |
|
|
5422
|
+
| \`avatar\` | 38,326 | 13,991 | 12,650 | 6,976 | 1,988 | 1,576 |
|
|
5423
|
+
| \`badge\` | 37,068 | 13,247 | 11,961 | 8,449 | 2,128 | 1,723 |
|
|
5424
|
+
| \`bar-chart\` | 133,015 | 43,528 | 38,743 | 38,228 | 10,045 | 8,365 |
|
|
5425
|
+
| \`blockquote\` | 30,364 | 11,301 | 10,161 | 4,608 | 1,399 | 1,100 |
|
|
5426
|
+
| \`breadcrumbs\` | 47,777 | 16,576 | 14,947 | 14,293 | 3,578 | 2,867 |
|
|
5427
|
+
| \`button\` | 46,708 | 15,645 | 14,053 | 11,683 | 2,944 | 2,232 |
|
|
5428
|
+
| \`button-group\` | 35,170 | 12,357 | 11,119 | 8,403 | 2,152 | 1,577 |
|
|
5429
|
+
| \`callout\` | 43,187 | 15,844 | 14,260 | 6,655 | 1,867 | 1,460 |
|
|
5430
|
+
| \`canvas\` | 166,591 | 47,620 | 41,775 | 104,158 | 27,112 | 22,761 |
|
|
5431
|
+
| \`card\` | 31,757 | 11,438 | 10,287 | 5,972 | 1,598 | 1,183 |
|
|
5432
|
+
| \`carousel\` | 59,047 | 18,870 | 17,101 | 25,777 | 6,007 | 4,745 |
|
|
5433
|
+
| \`chat\` | 108,482 | 33,272 | 29,592 | 44,418 | 11,089 | 8,990 |
|
|
5434
|
+
| \`checkbox\` | 51,715 | 16,779 | 15,050 | 9,645 | 2,459 | 1,922 |
|
|
5435
|
+
| \`checkbox-group\` | 59,648 | 18,772 | 16,818 | 15,598 | 3,933 | 3,007 |
|
|
5436
|
+
| \`code\` | 25,186 | 9,703 | 8,739 | 972 | 385 | 203 |
|
|
5437
|
+
| \`code-block\` | 136,938 | 41,151 | 36,581 | 65,928 | 15,629 | 12,851 |
|
|
5438
|
+
| \`code-editor\` | 110,408 | 30,655 | 27,247 | 54,765 | 11,334 | 9,114 |
|
|
5439
|
+
| \`code-input\` | 66,722 | 22,397 | 20,029 | 15,318 | 4,644 | 3,614 |
|
|
5440
|
+
| \`color-input\` | 189,959 | 52,984 | 46,570 | 98,361 | 20,727 | 17,140 |
|
|
5441
|
+
| \`color-picker\` | 146,165 | 40,033 | 35,515 | 85,045 | 18,376 | 15,243 |
|
|
5442
|
+
| \`combobox\` | 161,622 | 48,903 | 43,197 | 52,717 | 12,206 | 9,921 |
|
|
5443
|
+
| \`command\` | 137,832 | 41,493 | 36,617 | 52,482 | 12,779 | 10,439 |
|
|
5444
|
+
| \`copy-button\` | 99,875 | 31,453 | 28,091 | 32,842 | 7,369 | 6,014 |
|
|
5445
|
+
| \`data-table\` | 245,504 | 70,439 | 61,051 | 122,199 | 29,296 | 23,980 |
|
|
5446
|
+
| \`date-input\` | 167,431 | 49,376 | 43,766 | 59,928 | 13,114 | 10,817 |
|
|
5447
|
+
| \`date-picker\` | 74,577 | 23,991 | 21,575 | 28,737 | 6,997 | 5,776 |
|
|
5448
|
+
| \`description-list\` | 29,883 | 10,875 | 9,794 | 4,500 | 1,238 | 991 |
|
|
5449
|
+
| \`device-screen\` | 94,553 | 28,012 | 24,839 | 47,676 | 11,440 | 9,197 |
|
|
5450
|
+
| \`dialog\` | 47,456 | 16,184 | 14,569 | 11,062 | 2,985 | 2,360 |
|
|
5451
|
+
| \`divider\` | 29,323 | 10,891 | 9,802 | 3,695 | 1,110 | 783 |
|
|
5452
|
+
| \`donut-chart\` | 113,293 | 37,423 | 33,381 | 25,992 | 6,804 | 5,683 |
|
|
5453
|
+
| \`drawer\` | 52,770 | 17,818 | 16,026 | 13,588 | 3,637 | 2,976 |
|
|
5454
|
+
| \`drilldown\` | 52,347 | 17,463 | 15,703 | 15,358 | 3,913 | 3,102 |
|
|
5455
|
+
| \`empty\` | 29,776 | 11,164 | 10,031 | 3,263 | 1,085 | 757 |
|
|
5456
|
+
| \`file-input\` | 73,768 | 23,732 | 21,341 | 24,633 | 6,384 | 5,183 |
|
|
5457
|
+
| \`filter-input\` | 120,112 | 38,446 | 34,331 | 33,069 | 8,398 | 6,776 |
|
|
5458
|
+
| \`flex\` | 29,774 | 10,574 | 9,507 | 4,761 | 1,018 | 750 |
|
|
5459
|
+
| \`format-date\` | 34,909 | 12,904 | 11,647 | 4,702 | 1,370 | 1,077 |
|
|
5460
|
+
| \`graph\` | 127,248 | 36,127 | 31,882 | 53,514 | 12,040 | 9,818 |
|
|
5461
|
+
| \`grid\` | 31,224 | 11,249 | 10,146 | 5,655 | 1,431 | 1,121 |
|
|
5462
|
+
| \`heatmap\` | 120,717 | 39,580 | 35,256 | 28,674 | 7,604 | 6,233 |
|
|
5463
|
+
| \`icon\` | 92,820 | 31,649 | 27,243 | 63,429 | 21,312 | 17,214 |
|
|
5464
|
+
| \`icon-button\` | 50,068 | 15,839 | 14,231 | 15,046 | 3,140 | 2,432 |
|
|
5465
|
+
| \`image\` | 31,220 | 11,429 | 10,279 | 5,209 | 1,569 | 1,134 |
|
|
5466
|
+
| \`input\` | 63,219 | 21,168 | 18,795 | 12,036 | 3,504 | 2,622 |
|
|
5467
|
+
| \`kbd\` | 34,629 | 12,734 | 11,416 | 5,600 | 1,666 | 1,170 |
|
|
5468
|
+
| \`legend\` | 48,629 | 16,724 | 15,028 | 7,870 | 2,164 | 1,605 |
|
|
5469
|
+
| \`lightbox\` | 66,532 | 21,585 | 19,381 | 23,025 | 5,844 | 4,597 |
|
|
5470
|
+
| \`line-chart\` | 124,330 | 41,211 | 36,798 | 29,472 | 7,661 | 6,416 |
|
|
5471
|
+
| \`list\` | 72,365 | 24,212 | 21,608 | 21,551 | 5,803 | 4,691 |
|
|
5472
|
+
| \`listbox\` | 94,951 | 30,727 | 27,298 | 21,287 | 5,880 | 4,691 |
|
|
5473
|
+
| \`loader\` | 33,676 | 12,301 | 11,134 | 5,650 | 1,670 | 1,260 |
|
|
5474
|
+
| \`log\` | 100,719 | 31,932 | 28,676 | 52,040 | 14,586 | 12,297 |
|
|
5475
|
+
| \`map\` | 152,486 | 39,820 | 34,522 | 88,254 | 18,593 | 15,052 |
|
|
5476
|
+
| \`markdown\` | 168,011 | 51,055 | 45,229 | 92,099 | 23,836 | 20,032 |
|
|
5477
|
+
| \`megamenu\` | 69,227 | 24,084 | 21,538 | 13,670 | 3,557 | 2,733 |
|
|
5478
|
+
| \`menu\` | 114,819 | 36,037 | 32,134 | 42,892 | 10,302 | 8,472 |
|
|
5479
|
+
| \`meter\` | 42,533 | 14,880 | 13,474 | 11,127 | 2,766 | 2,238 |
|
|
5480
|
+
| \`motion-toggle\` | 31,396 | 11,875 | 10,654 | 3,040 | 968 | 720 |
|
|
5481
|
+
| \`navigation\` | 40,846 | 14,589 | 13,063 | 7,073 | 1,979 | 1,450 |
|
|
5482
|
+
| \`notifications\` | 76,115 | 23,641 | 21,336 | 31,727 | 7,476 | 6,133 |
|
|
5483
|
+
| \`number-input\` | 66,054 | 21,574 | 19,366 | 18,509 | 4,757 | 3,786 |
|
|
5484
|
+
| \`object-inspector\` | 139,550 | 43,235 | 38,278 | 54,479 | 13,353 | 10,819 |
|
|
5485
|
+
| \`option\` | 33,574 | 12,053 | 10,859 | 7,573 | 2,118 | 1,581 |
|
|
5486
|
+
| \`orb\` | 40,300 | 15,056 | 13,601 | 10,010 | 3,644 | 2,998 |
|
|
5487
|
+
| \`outline\` | 42,296 | 14,869 | 13,396 | 12,101 | 3,423 | 2,678 |
|
|
5488
|
+
| \`pagination\` | 167,710 | 50,908 | 44,663 | 64,096 | 15,386 | 12,544 |
|
|
5489
|
+
| \`pin-input\` | 55,690 | 18,983 | 17,075 | 10,564 | 3,238 | 2,404 |
|
|
5490
|
+
| \`popover\` | 71,142 | 24,821 | 22,229 | 9,589 | 2,620 | 1,973 |
|
|
5491
|
+
| \`progress\` | 39,850 | 13,882 | 12,580 | 10,161 | 2,578 | 2,013 |
|
|
5492
|
+
| \`qr-code\` | 48,627 | 18,434 | 16,622 | 18,513 | 6,657 | 5,644 |
|
|
5493
|
+
| \`quote\` | 27,106 | 10,425 | 9,359 | 1,748 | 685 | 465 |
|
|
5494
|
+
| \`radio\` | 54,548 | 17,326 | 15,541 | 11,585 | 2,704 | 2,097 |
|
|
5495
|
+
| \`rating\` | 58,987 | 20,050 | 18,016 | 11,968 | 3,603 | 2,888 |
|
|
5496
|
+
| \`sandbox\` | 200,093 | 58,244 | 50,352 | 139,236 | 37,508 | 30,736 |
|
|
5497
|
+
| \`scatter-chart\` | 118,750 | 39,495 | 35,269 | 31,014 | 8,661 | 7,244 |
|
|
5498
|
+
| \`scroll-area\` | 39,761 | 13,460 | 12,135 | 13,504 | 3,493 | 2,779 |
|
|
5499
|
+
| \`select\` | 138,520 | 44,039 | 38,850 | 36,681 | 9,199 | 7,316 |
|
|
5500
|
+
| \`shortcut-overlay\` | 60,000 | 20,255 | 18,217 | 18,437 | 4,954 | 4,077 |
|
|
5501
|
+
| \`skeleton\` | 30,308 | 11,090 | 9,987 | 4,751 | 1,389 | 1,186 |
|
|
5502
|
+
| \`skip-link\` | 29,568 | 11,205 | 10,036 | 2,776 | 960 | 682 |
|
|
5503
|
+
| \`slider\` | 73,575 | 21,928 | 19,758 | 28,629 | 6,191 | 4,979 |
|
|
5504
|
+
| \`sparkline\` | 58,132 | 20,243 | 18,316 | 11,404 | 3,376 | 2,634 |
|
|
5505
|
+
| \`spatial-bar-chart\` | 124,903 | 42,074 | 37,502 | 30,216 | 8,692 | 7,119 |
|
|
5506
|
+
| \`spatial-heatmap\` | 137,502 | 44,988 | 39,977 | 42,763 | 11,861 | 9,816 |
|
|
5507
|
+
| \`spatial-ribbon-chart\` | 123,875 | 41,651 | 37,100 | 31,002 | 9,061 | 7,509 |
|
|
5508
|
+
| \`spatial-scatter-chart\` | 122,160 | 40,896 | 36,402 | 29,349 | 8,321 | 6,892 |
|
|
5509
|
+
| \`spatial-surface-chart\` | 124,554 | 42,075 | 37,495 | 31,683 | 9,453 | 7,890 |
|
|
5510
|
+
| \`spatial-treemap\` | 126,241 | 42,835 | 38,152 | 31,684 | 9,478 | 7,818 |
|
|
5511
|
+
| \`speed-dial\` | 79,729 | 27,186 | 24,340 | 17,950 | 4,300 | 3,459 |
|
|
5512
|
+
| \`splitter\` | 54,565 | 17,709 | 15,984 | 20,507 | 4,830 | 4,041 |
|
|
5513
|
+
| \`stat\` | 32,609 | 11,880 | 10,738 | 5,185 | 1,457 | 1,022 |
|
|
5514
|
+
| \`steps\` | 72,959 | 23,093 | 20,685 | 27,923 | 6,650 | 5,501 |
|
|
5515
|
+
| \`strands\` | 67,094 | 24,617 | 21,925 | 38,157 | 13,548 | 11,711 |
|
|
5516
|
+
| \`switch\` | 48,441 | 16,261 | 14,583 | 6,087 | 1,760 | 1,205 |
|
|
5517
|
+
| \`table\` | 142,418 | 41,606 | 36,663 | 62,923 | 15,427 | 12,596 |
|
|
5518
|
+
| \`tabs\` | 59,668 | 19,135 | 17,200 | 19,476 | 4,640 | 3,645 |
|
|
5519
|
+
| \`tag\` | 51,281 | 18,005 | 16,279 | 13,004 | 3,602 | 2,847 |
|
|
5520
|
+
| \`terminal\` | 108,490 | 30,438 | 26,975 | 57,252 | 12,105 | 9,853 |
|
|
5521
|
+
| \`text\` | 32,748 | 11,326 | 10,147 | 7,181 | 1,481 | 1,085 |
|
|
5522
|
+
| \`textarea\` | 60,804 | 20,320 | 18,226 | 10,180 | 2,820 | 2,198 |
|
|
5523
|
+
| \`time-input\` | 207,496 | 60,680 | 52,867 | 74,534 | 16,750 | 13,699 |
|
|
5524
|
+
| \`time-picker\` | 125,958 | 38,140 | 33,722 | 47,612 | 11,736 | 9,532 |
|
|
5525
|
+
| \`timeline\` | 42,754 | 14,904 | 13,490 | 10,954 | 2,685 | 2,146 |
|
|
5526
|
+
| \`toast\` | 87,339 | 27,401 | 24,575 | 33,684 | 8,269 | 6,719 |
|
|
5527
|
+
| \`toggle\` | 55,048 | 17,897 | 16,112 | 10,915 | 3,016 | 2,372 |
|
|
5528
|
+
| \`toolbar\` | 40,504 | 14,297 | 12,885 | 4,026 | 960 | 660 |
|
|
5529
|
+
| \`tooltip\` | 65,585 | 23,017 | 20,683 | 11,285 | 3,065 | 2,459 |
|
|
5530
|
+
| \`tour\` | 98,917 | 32,169 | 28,722 | 30,178 | 7,526 | 6,065 |
|
|
5531
|
+
| \`tree\` | 80,430 | 25,959 | 23,236 | 25,844 | 6,723 | 5,511 |
|
|
5532
|
+
| \`trend\` | 36,294 | 13,695 | 12,376 | 5,478 | 1,636 | 1,224 |
|
|
5533
|
+
| \`video\` | 169,658 | 49,549 | 43,715 | 88,458 | 20,604 | 17,061 |
|
|
5534
|
+
| \`video-playlist\` | 150,283 | 45,803 | 40,556 | 60,485 | 14,341 | 11,904 |
|
|
5535
|
+
| \`virtual-list\` | 73,011 | 24,093 | 21,667 | 27,032 | 7,943 | 6,500 |
|
|
5536
|
+
| \`voice-level\` | 37,746 | 13,879 | 12,569 | 7,533 | 2,510 | 1,974 |
|
|
5536
5537
|
|
|
5537
5538
|
## What an install adds to \`node_modules\`
|
|
5538
5539
|
|
|
@@ -5548,9 +5549,9 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5548
5549
|
| \`@fusion.dev/helix-core\` | 2,379,236 | 635 | 874,551 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5549
5550
|
| \`@fusion.dev/helix-headless\` | 25,732,149 | 816 | 2,740,221 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5550
5551
|
| \`@fusion.dev/helix-icons\` | 161,693 | 21 | 52,740 | \`svgo\` |
|
|
5551
|
-
| \`@fusion.dev/helix-styles\` | 129,
|
|
5552
|
+
| \`@fusion.dev/helix-styles\` | 129,426 | 6 | 0 | none |
|
|
5552
5553
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5553
|
-
| \`@fusion.dev/helix\` | 26,
|
|
5554
|
+
| \`@fusion.dev/helix\` | 26,338,016 | 1,073 | 606,271 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
5554
5555
|
|
|
5555
5556
|
## Not measured yet
|
|
5556
5557
|
|
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.218.0",
|
|
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.
|
|
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.218.0",
|
|
41
|
+
"@fusion.dev/helix-cem": "0.218.0",
|
|
42
|
+
"@fusion.dev/helix-graph": "0.218.0",
|
|
43
|
+
"@fusion.dev/helix-headless": "0.218.0",
|
|
44
|
+
"@fusion.dev/helix-icons": "0.218.0",
|
|
45
|
+
"@fusion.dev/helix-map": "0.218.0",
|
|
46
|
+
"@fusion.dev/helix-plot": "0.218.0",
|
|
47
|
+
"@fusion.dev/helix-styles": "0.218.0",
|
|
48
|
+
"@fusion.dev/helix-terminal": "0.218.0",
|
|
49
|
+
"@fusion.dev/helix-testing": "0.218.0",
|
|
50
|
+
"@fusion.dev/helix-theme": "0.218.0",
|
|
51
51
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
52
52
|
"lit": "^3.2.1",
|
|
53
53
|
"playwright": "^1.64.0"
|