@fusion.dev/helix-docs 0.137.0 → 0.138.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 +211 -211
- package/dist/sources.generated.js +211 -211
- package/package.json +9 -9
package/content/metrics.mdx
CHANGED
|
@@ -46,7 +46,7 @@ on its own.
|
|
|
46
46
|
|
|
47
47
|
| | Raw | Gzip | Brotli |
|
|
48
48
|
|---|---|---|---|
|
|
49
|
-
| Lit and `@fusion.dev/helix-core` | 184,594 | 58,832 | 49,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 184,594 | 58,832 | 49,730 |
|
|
50
50
|
|
|
51
51
|
## Whole packages
|
|
52
52
|
|
|
@@ -57,11 +57,11 @@ either barrel. The per-component tables show what your page pays.
|
|
|
57
57
|
|
|
58
58
|
| Package | Raw | Gzip | Brotli | |
|
|
59
59
|
|---|---|---|---|---|
|
|
60
|
-
| `@fusion.dev/helix-core` | 184,148 | 58,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 746,773 | 193,550 |
|
|
60
|
+
| `@fusion.dev/helix-core` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
|
|
62
62
|
| `@fusion.dev/helix-icons` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
63
63
|
| `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
64
|
-
| `@fusion.dev/helix` | 1,292,635 | 302,260 | 221,
|
|
64
|
+
| `@fusion.dev/helix` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
|
|
65
65
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
66
66
|
|
|
67
67
|
## Stylesheets
|
|
@@ -84,11 +84,11 @@ shows the whole cost of using the base layer on its own.
|
|
|
84
84
|
|
|
85
85
|
**Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
|
|
86
86
|
|
|
87
|
-
Across the 104 styled components, the smallest is `code` at 10,065 bytes gzipped alone, and the largest is `data-table` at 63,
|
|
87
|
+
Across the 104 styled components, the smallest is `code` at 10,065 bytes gzipped alone, and the largest is `data-table` at 63,951. Every family together is 302,260.
|
|
88
88
|
|
|
89
89
|
No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 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.
|
|
90
90
|
|
|
91
|
-
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 22,
|
|
91
|
+
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 22,091 bytes gzipped alone.
|
|
92
92
|
|
|
93
93
|
## Compared with other systems
|
|
94
94
|
|
|
@@ -100,7 +100,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
100
100
|
|
|
101
101
|
| Component | System | Raw | Gzip | Brotli |
|
|
102
102
|
|---|---|---|---|---|
|
|
103
|
-
| `button` | **Helix** | 44,308 | 12,756 | 11,
|
|
103
|
+
| `button` | **Helix** | 44,308 | 12,756 | 11,189 |
|
|
104
104
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
105
105
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
106
106
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
@@ -120,7 +120,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
120
120
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
121
121
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
122
122
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
123
|
-
| `switch` | **Helix** | 46,465 | 13,591 | 11,
|
|
123
|
+
| `switch` | **Helix** | 46,465 | 13,591 | 11,909 |
|
|
124
124
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
125
125
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
126
126
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
@@ -130,7 +130,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
130
130
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
131
131
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
132
132
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
133
|
-
| `tooltip` | **Helix** | 68,155 | 22,123 | 19,
|
|
133
|
+
| `tooltip` | **Helix** | 68,155 | 22,123 | 19,579 |
|
|
134
134
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
135
135
|
| | Material Web | | not shipped | |
|
|
136
136
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -180,104 +180,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
180
180
|
|
|
181
181
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
182
182
|
|---|---|---|---|---|---|---|
|
|
183
|
-
| `accordion` | 92,827 | 30,256 | 24,
|
|
184
|
-
| `announcement` | 90,243 | 29,436 | 23,
|
|
185
|
-
| `app-header` | 33,829 | 10,362 | 9,114 | 1,248 |
|
|
186
|
-
| `area-chart` | 79,751 | 26,
|
|
187
|
-
| `avatar` | 35,878 | 10,957 | 9,
|
|
188
|
-
| `badge` | 33,365 | 10,291 | 9,
|
|
189
|
-
| `bar-chart` | 81,402 | 26,696 | 23,
|
|
190
|
-
| `blockquote` | 33,379 | 10,313 | 9,064 | 774 |
|
|
191
|
-
| `breadcrumbs` | 89,283 | 28,
|
|
192
|
-
| `button` | 38,051 | 11,575 | 10,
|
|
193
|
-
| `button-group` | 33,235 | 10,200 | 8,970 | 661 | 144 |
|
|
194
|
-
| `callout` | 88,403 | 28,
|
|
195
|
-
| `canvas` | 94,452 | 27,876 | 24,
|
|
196
|
-
| `card` | 33,269 | 10,213 | 9,005 | 694 | 142 |
|
|
197
|
-
| `carousel` | 98,686 | 31,
|
|
198
|
-
| `chat` | 112,075 | 36,619 |
|
|
199
|
-
| `checkbox` | 42,750 | 12,605 | 11,046 | 2,703 | 745 |
|
|
200
|
-
| `checkbox-group` | 45,874 | 13,297 | 11,
|
|
201
|
-
| `code` | 31,854 | 9,775 | 8,
|
|
202
|
-
| `code-block` | 134,158 | 43,803 | 36,
|
|
203
|
-
| `color-input` | 152,233 | 47,
|
|
204
|
-
| `color-picker` | 118,604 | 37,262 | 30,
|
|
205
|
-
| `combobox` | 147,048 | 46,
|
|
206
|
-
| `command` | 116,967 | 36,537 | 29,
|
|
207
|
-
| `copy-button` | 128,739 | 42,172 | 35,
|
|
208
|
-
| `data-table` | 187,220 | 57,028 | 48,
|
|
209
|
-
| `date-input` | 145,307 | 46,
|
|
210
|
-
| `date-picker` | 100,462 | 32,494 | 26,
|
|
211
|
-
| `description-list` | 33,338 | 10,152 | 8,909 | 1,132 |
|
|
212
|
-
| `dialog` | 36,887 | 11,247 | 9,
|
|
213
|
-
| `divider` | 33,585 | 10,392 | 9,
|
|
214
|
-
| `donut-chart` | 77,534 | 25,301 | 22,
|
|
215
|
-
| `drawer` | 35,640 | 10,891 | 9,
|
|
216
|
-
| `drilldown` | 97,328 | 31,629 | 25,
|
|
217
|
-
| `empty` | 33,832 | 10,448 | 9,
|
|
218
|
-
| `file-input` | 100,826 | 32,471 | 26,
|
|
219
|
-
| `filter-input` | 157,569 | 49,
|
|
220
|
-
| `format-date` | 36,848 | 11,368 | 10,
|
|
221
|
-
| `graph` | 115,034 | 36,598 | 30,
|
|
222
|
-
| `heatmap` | 78,756 | 25,520 | 22,
|
|
223
|
-
| `icon` | 87,970 | 28,
|
|
224
|
-
| `icon-button` | 38,450 | 11,607 | 10,
|
|
225
|
-
| `image` | 35,408 | 10,746 | 9,
|
|
226
|
-
| `input` | 99,863 | 31,949 | 26,
|
|
227
|
-
| `kbd` | 35,189 | 10,987 | 9,655 | 2,976 | 924 |
|
|
228
|
-
| `legend` | 37,241 | 11,484 | 10,
|
|
229
|
-
| `lightbox` | 41,623 | 12,532 | 10,
|
|
230
|
-
| `line-chart` | 79,332 | 26,035 |
|
|
231
|
-
| `list` | 34,291 | 10,393 | 9,
|
|
232
|
-
| `listbox` | 108,679 | 34,651 | 28,
|
|
233
|
-
| `loader` | 33,475 | 10,318 | 9,082 | 900 | 234 |
|
|
234
|
-
| `map` | 133,644 | 39,796 | 32,
|
|
235
|
-
| `megamenu` | 63,733 | 21,037 | 18,
|
|
236
|
-
| `menu` | 127,455 | 42,082 | 35,
|
|
237
|
-
| `meter` | 36,665 | 11,170 | 9,
|
|
238
|
-
| `navigation` | 35,224 | 10,865 | 9,544 | 1,417 | 328 |
|
|
239
|
-
| `notifications` | 104,507 | 33,224 | 27,
|
|
240
|
-
| `number-input` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,
|
|
241
|
-
| `object-inspector` | 141,857 | 46,379 |
|
|
242
|
-
| `option` | 35,530 | 10,760 | 9,513 | 2,958 | 643 |
|
|
243
|
-
| `outline` | 38,593 | 12,
|
|
244
|
-
| `pagination` | 151,144 | 47,
|
|
245
|
-
| `pin-input` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,
|
|
246
|
-
| `popover` | 60,939 | 20,282 | 17,
|
|
247
|
-
| `progress` | 34,516 | 10,591 | 9,
|
|
248
|
-
| `qr-code` | 45,165 | 14,631 | 12,
|
|
249
|
-
| `quote` | 32,758 | 10,070 | 8,858 | 552 | 136 |
|
|
250
|
-
| `radio` | 44,597 | 13,017 | 11,447 | 2,874 |
|
|
251
|
-
| `rating` | 46,762 | 13,975 | 12,320 | 6,646 | 1,
|
|
252
|
-
| `scatter-chart` | 79,236 | 25,961 | 22,
|
|
253
|
-
| `scroll-area` | 35,001 | 10,752 | 9,
|
|
254
|
-
| `select` | 139,254 | 44,
|
|
255
|
-
| `skeleton` | 31,947 | 9,808 | 8,
|
|
256
|
-
| `skip-link` | 33,537 | 10,382 | 9,
|
|
257
|
-
| `slider` | 45,587 | 13,413 | 11,
|
|
258
|
-
| `sparkline` | 39,660 | 12,526 | 10,
|
|
259
|
-
| `speed-dial` | 118,964 | 39,
|
|
260
|
-
| `splitter` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,
|
|
261
|
-
| `stat` | 33,723 | 10,254 | 9,029 | 1,148 | 183 |
|
|
262
|
-
| `steps` | 97,543 | 31,258 | 25,
|
|
263
|
-
| `switch` | 42,099 | 12,523 | 10,997 | 1,650 | 487 |
|
|
264
|
-
| `table` | 99,653 | 32,
|
|
265
|
-
| `tabs` | 41,339 | 12,359 | 10,
|
|
266
|
-
| `tag` | 88,696 | 28,713 | 23,
|
|
267
|
-
| `textarea` | 44,286 | 13,033 | 11,415 | 3,996 | 1,
|
|
268
|
-
| `time-input` | 158,437 | 49,
|
|
269
|
-
| `time-picker` | 117,522 | 37,238 | 30,
|
|
270
|
-
| `timeline` | 89,132 | 28,
|
|
271
|
-
| `toast` | 92,489 | 29,
|
|
272
|
-
| `toggle` | 46,283 | 13,544 | 11,933 | 3,342 | 817 |
|
|
273
|
-
| `toolbar` | 35,329 | 10,951 | 9,634 | 2,624 | 719 |
|
|
274
|
-
| `tooltip` | 65,077 | 21,364 | 18,
|
|
275
|
-
| `tour` | 70,959 | 22,
|
|
276
|
-
| `tree` | 99,347 | 32,060 | 26,
|
|
277
|
-
| `trend` | 88,010 | 28,
|
|
278
|
-
| `video` | 155,672 | 48,888 | 41,
|
|
279
|
-
| `video-playlist` | 134,945 | 43,
|
|
280
|
-
| `virtual-list` | 39,187 | 12,225 | 10,
|
|
183
|
+
| `accordion` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
|
|
184
|
+
| `announcement` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
|
|
185
|
+
| `app-header` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
|
|
186
|
+
| `area-chart` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
|
|
187
|
+
| `avatar` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
|
|
188
|
+
| `badge` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
|
|
189
|
+
| `bar-chart` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
|
|
190
|
+
| `blockquote` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
|
|
191
|
+
| `breadcrumbs` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
|
|
192
|
+
| `button` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
|
|
193
|
+
| `button-group` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
|
|
194
|
+
| `callout` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
|
|
195
|
+
| `canvas` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
|
|
196
|
+
| `card` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
|
|
197
|
+
| `carousel` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
|
|
198
|
+
| `chat` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
|
|
199
|
+
| `checkbox` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
|
|
200
|
+
| `checkbox-group` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
|
|
201
|
+
| `code` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
|
|
202
|
+
| `code-block` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
|
|
203
|
+
| `color-input` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
|
|
204
|
+
| `color-picker` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
|
|
205
|
+
| `combobox` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
|
|
206
|
+
| `command` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
|
|
207
|
+
| `copy-button` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
|
|
208
|
+
| `data-table` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
|
|
209
|
+
| `date-input` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
|
|
210
|
+
| `date-picker` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
|
|
211
|
+
| `description-list` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
|
|
212
|
+
| `dialog` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
|
|
213
|
+
| `divider` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
|
|
214
|
+
| `donut-chart` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
|
|
215
|
+
| `drawer` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
|
|
216
|
+
| `drilldown` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
|
|
217
|
+
| `empty` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
|
|
218
|
+
| `file-input` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
|
|
219
|
+
| `filter-input` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
|
|
220
|
+
| `format-date` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
|
|
221
|
+
| `graph` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
|
|
222
|
+
| `heatmap` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
|
|
223
|
+
| `icon` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
|
|
224
|
+
| `icon-button` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
|
|
225
|
+
| `image` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
|
|
226
|
+
| `input` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
|
|
227
|
+
| `kbd` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
|
|
228
|
+
| `legend` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
|
|
229
|
+
| `lightbox` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
|
|
230
|
+
| `line-chart` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
|
|
231
|
+
| `list` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
|
|
232
|
+
| `listbox` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
|
|
233
|
+
| `loader` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
|
|
234
|
+
| `map` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
|
|
235
|
+
| `megamenu` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
|
|
236
|
+
| `menu` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
|
|
237
|
+
| `meter` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
|
|
238
|
+
| `navigation` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
|
|
239
|
+
| `notifications` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
|
|
240
|
+
| `number-input` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
|
|
241
|
+
| `object-inspector` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
|
|
242
|
+
| `option` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
|
|
243
|
+
| `outline` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
|
|
244
|
+
| `pagination` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
|
|
245
|
+
| `pin-input` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
|
|
246
|
+
| `popover` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
|
|
247
|
+
| `progress` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
|
|
248
|
+
| `qr-code` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
|
|
249
|
+
| `quote` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
|
|
250
|
+
| `radio` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
|
|
251
|
+
| `rating` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
|
|
252
|
+
| `scatter-chart` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
|
|
253
|
+
| `scroll-area` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
|
|
254
|
+
| `select` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
|
|
255
|
+
| `skeleton` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
|
|
256
|
+
| `skip-link` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
|
|
257
|
+
| `slider` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
|
|
258
|
+
| `sparkline` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
|
|
259
|
+
| `speed-dial` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
|
|
260
|
+
| `splitter` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
|
|
261
|
+
| `stat` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
|
|
262
|
+
| `steps` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
|
|
263
|
+
| `switch` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
|
|
264
|
+
| `table` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
|
|
265
|
+
| `tabs` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
|
|
266
|
+
| `tag` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
|
|
267
|
+
| `textarea` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
|
|
268
|
+
| `time-input` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
|
|
269
|
+
| `time-picker` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
|
|
270
|
+
| `timeline` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
|
|
271
|
+
| `toast` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
|
|
272
|
+
| `toggle` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
|
|
273
|
+
| `toolbar` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
|
|
274
|
+
| `tooltip` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
|
|
275
|
+
| `tour` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
|
|
276
|
+
| `tree` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
|
|
277
|
+
| `trend` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
|
|
278
|
+
| `video` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
|
|
279
|
+
| `video-playlist` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
|
|
280
|
+
| `virtual-list` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
|
|
281
281
|
|
|
282
282
|
### Styled tier
|
|
283
283
|
|
|
@@ -285,110 +285,110 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
285
285
|
|
|
286
286
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
287
287
|
|---|---|---|---|---|---|---|
|
|
288
|
-
| `accordion` | 96,169 | 31,112 | 25,
|
|
289
|
-
| `announcement` | 95,006 | 30,542 | 24,
|
|
290
|
-
| `app-header` | 37,719 | 11,259 | 9,
|
|
291
|
-
| `area-chart` | 87,137 | 27,937 | 24,
|
|
292
|
-
| `aura` | 100,856 | 33,761 | 29,
|
|
293
|
-
| `avatar` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,
|
|
294
|
-
| `badge` | 36,469 | 11,001 | 9,654 | 4,250 | 994 |
|
|
295
|
-
| `bar-chart` | 94,206 | 29,255 | 25,
|
|
296
|
-
| `blockquote` | 34,535 | 10,603 | 9,
|
|
297
|
-
| `breadcrumbs` | 92,849 | 29,
|
|
298
|
-
| `button` | 44,308 | 12,756 | 11,
|
|
299
|
-
| `button-group` | 34,911 | 10,578 | 9,299 | 2,320 | 520 |
|
|
300
|
-
| `callout` | 90,404 | 29,199 | 23,
|
|
301
|
-
| `canvas` | 114,757 | 31,
|
|
302
|
-
| `card` | 36,550 | 11,054 | 9,
|
|
303
|
-
| `carousel` | 109,474 | 33,
|
|
304
|
-
| `chat` | 126,232 | 39,140 | 32,
|
|
305
|
-
| `checkbox` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,
|
|
306
|
-
| `checkbox-group` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,
|
|
307
|
-
| `code` | 32,931 | 10,065 | 8,848 | 1,511 | 376 |
|
|
308
|
-
| `code-block` | 150,608 | 46,
|
|
309
|
-
| `color-input` | 186,078 | 53,
|
|
310
|
-
| `color-picker` | 146,746 | 41,869 | 34,
|
|
311
|
-
| `combobox` | 162,304 | 49,
|
|
312
|
-
| `command` | 127,719 | 38,629 | 31,
|
|
313
|
-
| `copy-button` | 138,743 | 43,974 | 36,
|
|
314
|
-
| `data-table` | 225,506 | 63,
|
|
315
|
-
| `date-input` | 161,466 | 49,043 | 41,
|
|
316
|
-
| `date-picker` | 106,079 | 33,658 | 27,
|
|
317
|
-
| `description-list` | 35,716 | 10,725 | 9,418 | 3,502 |
|
|
318
|
-
| `dialog` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,
|
|
319
|
-
| `divider` | 35,741 | 10,914 | 9,568 | 3,120 | 760 |
|
|
320
|
-
| `donut-chart` | 86,641 | 27,204 | 24,
|
|
321
|
-
| `drawer` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,
|
|
322
|
-
| `drilldown` | 102,025 | 32,725 | 26,
|
|
323
|
-
| `empty` | 35,272 | 10,890 | 9,524 | 2,380 | 686 |
|
|
324
|
-
| `file-input` | 112,352 | 34,805 | 28,
|
|
325
|
-
| `filter-input` | 185,905 | 53,
|
|
326
|
-
| `flex` | 34,292 | 10,429 | 9,144 | 2,078 | 451 |
|
|
327
|
-
| `format-date` | 37,496 | 11,
|
|
328
|
-
| `graph` | 129,874 | 39,
|
|
329
|
-
| `grid` | 34,885 | 10,614 | 9,
|
|
330
|
-
| `heatmap` | 85,554 | 26,925 | 23,
|
|
331
|
-
| `icon` | 88,676 | 28,
|
|
332
|
-
| `icon-button` | 44,465 | 12,620 | 11,
|
|
333
|
-
| `image` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,
|
|
334
|
-
| `input` | 106,228 | 33,397 | 27,
|
|
335
|
-
| `kbd` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,
|
|
336
|
-
| `legend` | 42,057 | 12,614 | 11,
|
|
337
|
-
| `lightbox` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,
|
|
338
|
-
| `line-chart` | 89,103 | 28,039 | 24,
|
|
339
|
-
| `list` | 38,374 | 11,349 | 9,966 | 5,799 | 1,
|
|
340
|
-
| `listbox` | 113,196 | 35,
|
|
341
|
-
| `loader` | 36,641 | 11,084 | 9,761 | 4,051 | 982 |
|
|
342
|
-
| `map` | 169,887 | 45,
|
|
343
|
-
| `megamenu` | 68,614 | 22,111 | 19,
|
|
344
|
-
| `menu` | 134,982 | 43,726 | 36,
|
|
345
|
-
| `meter` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,
|
|
346
|
-
| `navigation` | 36,875 | 11,333 | 9,952 | 3,051 | 792 |
|
|
347
|
-
| `notifications` | 117,618 | 35,651 | 29,
|
|
348
|
-
| `number-input` | 107,671 | 33,948 | 27,
|
|
349
|
-
| `object-inspector` | 155,494 | 48,
|
|
350
|
-
| `option` | 38,784 | 11,667 | 10,282 | 6,201 | 1,
|
|
351
|
-
| `orb` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,
|
|
352
|
-
| `outline` | 42,333 | 12,
|
|
353
|
-
| `pagination` | 169,127 | 50,277 | 42,
|
|
354
|
-
| `pin-input` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,
|
|
355
|
-
| `popover` | 63,575 | 20,926 | 18,
|
|
356
|
-
| `progress` | 39,545 | 11,
|
|
357
|
-
| `qr-code` | 46,828 | 15,067 | 13,
|
|
358
|
-
| `quote` | 33,413 | 10,237 | 8,992 | 1,191 | 279 |
|
|
359
|
-
| `radio` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,
|
|
360
|
-
| `rating` | 51,074 | 15,
|
|
361
|
-
| `sandbox` | 68,775 | 18,
|
|
362
|
-
| `scatter-chart` | 87,628 | 27,767 | 24,
|
|
363
|
-
| `scroll-area` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,
|
|
364
|
-
| `select` | 152,107 | 47,079 | 39,
|
|
365
|
-
| `skeleton` | 34,465 | 10,
|
|
366
|
-
| `skip-link` | 35,000 | 10,795 | 9,
|
|
367
|
-
| `slider` | 56,667 | 15,407 | 13,
|
|
368
|
-
| `sparkline` | 43,578 | 13,471 | 11,
|
|
369
|
-
| `speed-dial` | 126,596 | 41,
|
|
370
|
-
| `splitter` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,
|
|
371
|
-
| `stat` | 37,148 | 10,968 | 9,
|
|
372
|
-
| `steps` | 111,348 | 33,803 | 27,
|
|
373
|
-
| `switch` | 46,465 | 13,591 | 11,
|
|
374
|
-
| `table` | 105,247 | 33,
|
|
375
|
-
| `tabs` | 47,575 | 13,636 | 11,976 | 10,154 | 2,
|
|
376
|
-
| `tag` | 92,047 | 29,659 | 24,
|
|
377
|
-
| `text` | 36,412 | 10,780 | 9,437 | 4,200 |
|
|
378
|
-
| `textarea` | 47,721 | 13,873 | 12,
|
|
379
|
-
| `time-input` | 180,075 | 52,
|
|
380
|
-
| `time-picker` | 129,250 | 39,417 | 32,
|
|
381
|
-
| `timeline` | 92,445 | 29,492 | 24,
|
|
382
|
-
| `toast` | 100,022 | 31,
|
|
383
|
-
| `toggle` | 51,478 | 14,748 | 12,
|
|
384
|
-
| `toolbar` | 36,621 | 11,
|
|
385
|
-
| `tooltip` | 68,155 | 22,123 | 19,
|
|
386
|
-
| `tour` | 80,674 | 24,450 | 21,
|
|
387
|
-
| `tree` | 105,197 | 33,481 | 27,
|
|
388
|
-
| `trend` | 91,229 | 29,
|
|
389
|
-
| `video` | 175,090 | 52,363 | 44,
|
|
390
|
-
| `video-playlist` | 149,062 | 46,
|
|
391
|
-
| `virtual-list` | 39,979 | 12,443 | 10,
|
|
288
|
+
| `accordion` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
|
|
289
|
+
| `announcement` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
|
|
290
|
+
| `app-header` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
|
|
291
|
+
| `area-chart` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
|
|
292
|
+
| `aura` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
|
|
293
|
+
| `avatar` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
|
|
294
|
+
| `badge` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
|
|
295
|
+
| `bar-chart` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
|
|
296
|
+
| `blockquote` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
|
|
297
|
+
| `breadcrumbs` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
|
|
298
|
+
| `button` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
|
|
299
|
+
| `button-group` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
|
|
300
|
+
| `callout` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
|
|
301
|
+
| `canvas` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
|
|
302
|
+
| `card` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
|
|
303
|
+
| `carousel` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
|
|
304
|
+
| `chat` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
|
|
305
|
+
| `checkbox` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
|
|
306
|
+
| `checkbox-group` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
|
|
307
|
+
| `code` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
|
|
308
|
+
| `code-block` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
|
|
309
|
+
| `color-input` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
|
|
310
|
+
| `color-picker` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
|
|
311
|
+
| `combobox` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
|
|
312
|
+
| `command` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
|
|
313
|
+
| `copy-button` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
|
|
314
|
+
| `data-table` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
|
|
315
|
+
| `date-input` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
|
|
316
|
+
| `date-picker` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
|
|
317
|
+
| `description-list` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
|
|
318
|
+
| `dialog` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
|
|
319
|
+
| `divider` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
|
|
320
|
+
| `donut-chart` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
|
|
321
|
+
| `drawer` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
|
|
322
|
+
| `drilldown` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
|
|
323
|
+
| `empty` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
|
|
324
|
+
| `file-input` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
|
|
325
|
+
| `filter-input` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
|
|
326
|
+
| `flex` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
|
|
327
|
+
| `format-date` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
|
|
328
|
+
| `graph` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
|
|
329
|
+
| `grid` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
|
|
330
|
+
| `heatmap` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
|
|
331
|
+
| `icon` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
|
|
332
|
+
| `icon-button` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
|
|
333
|
+
| `image` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
|
|
334
|
+
| `input` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
|
|
335
|
+
| `kbd` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
|
|
336
|
+
| `legend` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
|
|
337
|
+
| `lightbox` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
|
|
338
|
+
| `line-chart` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
|
|
339
|
+
| `list` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
|
|
340
|
+
| `listbox` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
|
|
341
|
+
| `loader` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
|
|
342
|
+
| `map` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
|
|
343
|
+
| `megamenu` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
|
|
344
|
+
| `menu` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
|
|
345
|
+
| `meter` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
|
|
346
|
+
| `navigation` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
|
|
347
|
+
| `notifications` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
|
|
348
|
+
| `number-input` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
|
|
349
|
+
| `object-inspector` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
|
|
350
|
+
| `option` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
|
|
351
|
+
| `orb` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
|
|
352
|
+
| `outline` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
|
|
353
|
+
| `pagination` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
|
|
354
|
+
| `pin-input` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
|
|
355
|
+
| `popover` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
|
|
356
|
+
| `progress` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
|
|
357
|
+
| `qr-code` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
|
|
358
|
+
| `quote` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
|
|
359
|
+
| `radio` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
|
|
360
|
+
| `rating` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
|
|
361
|
+
| `sandbox` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
|
|
362
|
+
| `scatter-chart` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
|
|
363
|
+
| `scroll-area` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
|
|
364
|
+
| `select` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
|
|
365
|
+
| `skeleton` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
|
|
366
|
+
| `skip-link` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
|
|
367
|
+
| `slider` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
|
|
368
|
+
| `sparkline` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
|
|
369
|
+
| `speed-dial` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
|
|
370
|
+
| `splitter` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
|
|
371
|
+
| `stat` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
|
|
372
|
+
| `steps` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
|
|
373
|
+
| `switch` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
|
|
374
|
+
| `table` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
|
|
375
|
+
| `tabs` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
|
|
376
|
+
| `tag` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
|
|
377
|
+
| `text` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
|
|
378
|
+
| `textarea` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
|
|
379
|
+
| `time-input` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
|
|
380
|
+
| `time-picker` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
|
|
381
|
+
| `timeline` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
|
|
382
|
+
| `toast` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
|
|
383
|
+
| `toggle` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
|
|
384
|
+
| `toolbar` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
|
|
385
|
+
| `tooltip` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
|
|
386
|
+
| `tour` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
|
|
387
|
+
| `tree` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
|
|
388
|
+
| `trend` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
|
|
389
|
+
| `video` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
|
|
390
|
+
| `video-playlist` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
|
|
391
|
+
| `virtual-list` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
|
|
392
392
|
|
|
393
393
|
## What an install adds to `node_modules`
|
|
394
394
|
|
|
@@ -3391,7 +3391,7 @@ on its own.
|
|
|
3391
3391
|
|
|
3392
3392
|
| | Raw | Gzip | Brotli |
|
|
3393
3393
|
|---|---|---|---|
|
|
3394
|
-
| Lit and \`@fusion.dev/helix-core\` | 184,594 | 58,832 | 49,
|
|
3394
|
+
| Lit and \`@fusion.dev/helix-core\` | 184,594 | 58,832 | 49,730 |
|
|
3395
3395
|
|
|
3396
3396
|
## Whole packages
|
|
3397
3397
|
|
|
@@ -3402,11 +3402,11 @@ either barrel. The per-component tables show what your page pays.
|
|
|
3402
3402
|
|
|
3403
3403
|
| Package | Raw | Gzip | Brotli | |
|
|
3404
3404
|
|---|---|---|---|---|
|
|
3405
|
-
| \`@fusion.dev/helix-core\` | 184,148 | 58,
|
|
3406
|
-
| \`@fusion.dev/helix-headless\` | 746,773 | 193,550 |
|
|
3405
|
+
| \`@fusion.dev/helix-core\` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
|
|
3406
|
+
| \`@fusion.dev/helix-headless\` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
|
|
3407
3407
|
| \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
3408
3408
|
| \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
3409
|
-
| \`@fusion.dev/helix\` | 1,292,635 | 302,260 | 221,
|
|
3409
|
+
| \`@fusion.dev/helix\` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
|
|
3410
3410
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
3411
3411
|
|
|
3412
3412
|
## Stylesheets
|
|
@@ -3429,11 +3429,11 @@ shows the whole cost of using the base layer on its own.
|
|
|
3429
3429
|
|
|
3430
3430
|
**Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
|
|
3431
3431
|
|
|
3432
|
-
Across the 104 styled components, the smallest is \`code\` at 10,065 bytes gzipped alone, and the largest is \`data-table\` at 63,
|
|
3432
|
+
Across the 104 styled components, the smallest is \`code\` at 10,065 bytes gzipped alone, and the largest is \`data-table\` at 63,951. Every family together is 302,260.
|
|
3433
3433
|
|
|
3434
3434
|
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 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.
|
|
3435
3435
|
|
|
3436
|
-
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 22,
|
|
3436
|
+
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 22,091 bytes gzipped alone.
|
|
3437
3437
|
|
|
3438
3438
|
## Compared with other systems
|
|
3439
3439
|
|
|
@@ -3445,7 +3445,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3445
3445
|
|
|
3446
3446
|
| Component | System | Raw | Gzip | Brotli |
|
|
3447
3447
|
|---|---|---|---|---|
|
|
3448
|
-
| \`button\` | **Helix** | 44,308 | 12,756 | 11,
|
|
3448
|
+
| \`button\` | **Helix** | 44,308 | 12,756 | 11,189 |
|
|
3449
3449
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
3450
3450
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
3451
3451
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
@@ -3465,7 +3465,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3465
3465
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
3466
3466
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
3467
3467
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
3468
|
-
| \`switch\` | **Helix** | 46,465 | 13,591 | 11,
|
|
3468
|
+
| \`switch\` | **Helix** | 46,465 | 13,591 | 11,909 |
|
|
3469
3469
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
3470
3470
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
3471
3471
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
@@ -3475,7 +3475,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3475
3475
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
3476
3476
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
3477
3477
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
3478
|
-
| \`tooltip\` | **Helix** | 68,155 | 22,123 | 19,
|
|
3478
|
+
| \`tooltip\` | **Helix** | 68,155 | 22,123 | 19,579 |
|
|
3479
3479
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
3480
3480
|
| | Material Web | | not shipped | |
|
|
3481
3481
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -3525,104 +3525,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
3525
3525
|
|
|
3526
3526
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3527
3527
|
|---|---|---|---|---|---|---|
|
|
3528
|
-
| \`accordion\` | 92,827 | 30,256 | 24,
|
|
3529
|
-
| \`announcement\` | 90,243 | 29,436 | 23,
|
|
3530
|
-
| \`app-header\` | 33,829 | 10,362 | 9,114 | 1,248 |
|
|
3531
|
-
| \`area-chart\` | 79,751 | 26,
|
|
3532
|
-
| \`avatar\` | 35,878 | 10,957 | 9,
|
|
3533
|
-
| \`badge\` | 33,365 | 10,291 | 9,
|
|
3534
|
-
| \`bar-chart\` | 81,402 | 26,696 | 23,
|
|
3535
|
-
| \`blockquote\` | 33,379 | 10,313 | 9,064 | 774 |
|
|
3536
|
-
| \`breadcrumbs\` | 89,283 | 28,
|
|
3537
|
-
| \`button\` | 38,051 | 11,575 | 10,
|
|
3538
|
-
| \`button-group\` | 33,235 | 10,200 | 8,970 | 661 | 144 |
|
|
3539
|
-
| \`callout\` | 88,403 | 28,
|
|
3540
|
-
| \`canvas\` | 94,452 | 27,876 | 24,
|
|
3541
|
-
| \`card\` | 33,269 | 10,213 | 9,005 | 694 | 142 |
|
|
3542
|
-
| \`carousel\` | 98,686 | 31,
|
|
3543
|
-
| \`chat\` | 112,075 | 36,619 |
|
|
3544
|
-
| \`checkbox\` | 42,750 | 12,605 | 11,046 | 2,703 | 745 |
|
|
3545
|
-
| \`checkbox-group\` | 45,874 | 13,297 | 11,
|
|
3546
|
-
| \`code\` | 31,854 | 9,775 | 8,
|
|
3547
|
-
| \`code-block\` | 134,158 | 43,803 | 36,
|
|
3548
|
-
| \`color-input\` | 152,233 | 47,
|
|
3549
|
-
| \`color-picker\` | 118,604 | 37,262 | 30,
|
|
3550
|
-
| \`combobox\` | 147,048 | 46,
|
|
3551
|
-
| \`command\` | 116,967 | 36,537 | 29,
|
|
3552
|
-
| \`copy-button\` | 128,739 | 42,172 | 35,
|
|
3553
|
-
| \`data-table\` | 187,220 | 57,028 | 48,
|
|
3554
|
-
| \`date-input\` | 145,307 | 46,
|
|
3555
|
-
| \`date-picker\` | 100,462 | 32,494 | 26,
|
|
3556
|
-
| \`description-list\` | 33,338 | 10,152 | 8,909 | 1,132 |
|
|
3557
|
-
| \`dialog\` | 36,887 | 11,247 | 9,
|
|
3558
|
-
| \`divider\` | 33,585 | 10,392 | 9,
|
|
3559
|
-
| \`donut-chart\` | 77,534 | 25,301 | 22,
|
|
3560
|
-
| \`drawer\` | 35,640 | 10,891 | 9,
|
|
3561
|
-
| \`drilldown\` | 97,328 | 31,629 | 25,
|
|
3562
|
-
| \`empty\` | 33,832 | 10,448 | 9,
|
|
3563
|
-
| \`file-input\` | 100,826 | 32,471 | 26,
|
|
3564
|
-
| \`filter-input\` | 157,569 | 49,
|
|
3565
|
-
| \`format-date\` | 36,848 | 11,368 | 10,
|
|
3566
|
-
| \`graph\` | 115,034 | 36,598 | 30,
|
|
3567
|
-
| \`heatmap\` | 78,756 | 25,520 | 22,
|
|
3568
|
-
| \`icon\` | 87,970 | 28,
|
|
3569
|
-
| \`icon-button\` | 38,450 | 11,607 | 10,
|
|
3570
|
-
| \`image\` | 35,408 | 10,746 | 9,
|
|
3571
|
-
| \`input\` | 99,863 | 31,949 | 26,
|
|
3572
|
-
| \`kbd\` | 35,189 | 10,987 | 9,655 | 2,976 | 924 |
|
|
3573
|
-
| \`legend\` | 37,241 | 11,484 | 10,
|
|
3574
|
-
| \`lightbox\` | 41,623 | 12,532 | 10,
|
|
3575
|
-
| \`line-chart\` | 79,332 | 26,035 |
|
|
3576
|
-
| \`list\` | 34,291 | 10,393 | 9,
|
|
3577
|
-
| \`listbox\` | 108,679 | 34,651 | 28,
|
|
3578
|
-
| \`loader\` | 33,475 | 10,318 | 9,082 | 900 | 234 |
|
|
3579
|
-
| \`map\` | 133,644 | 39,796 | 32,
|
|
3580
|
-
| \`megamenu\` | 63,733 | 21,037 | 18,
|
|
3581
|
-
| \`menu\` | 127,455 | 42,082 | 35,
|
|
3582
|
-
| \`meter\` | 36,665 | 11,170 | 9,
|
|
3583
|
-
| \`navigation\` | 35,224 | 10,865 | 9,544 | 1,417 | 328 |
|
|
3584
|
-
| \`notifications\` | 104,507 | 33,224 | 27,
|
|
3585
|
-
| \`number-input\` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,
|
|
3586
|
-
| \`object-inspector\` | 141,857 | 46,379 |
|
|
3587
|
-
| \`option\` | 35,530 | 10,760 | 9,513 | 2,958 | 643 |
|
|
3588
|
-
| \`outline\` | 38,593 | 12,
|
|
3589
|
-
| \`pagination\` | 151,144 | 47,
|
|
3590
|
-
| \`pin-input\` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,
|
|
3591
|
-
| \`popover\` | 60,939 | 20,282 | 17,
|
|
3592
|
-
| \`progress\` | 34,516 | 10,591 | 9,
|
|
3593
|
-
| \`qr-code\` | 45,165 | 14,631 | 12,
|
|
3594
|
-
| \`quote\` | 32,758 | 10,070 | 8,858 | 552 | 136 |
|
|
3595
|
-
| \`radio\` | 44,597 | 13,017 | 11,447 | 2,874 |
|
|
3596
|
-
| \`rating\` | 46,762 | 13,975 | 12,320 | 6,646 | 1,
|
|
3597
|
-
| \`scatter-chart\` | 79,236 | 25,961 | 22,
|
|
3598
|
-
| \`scroll-area\` | 35,001 | 10,752 | 9,
|
|
3599
|
-
| \`select\` | 139,254 | 44,
|
|
3600
|
-
| \`skeleton\` | 31,947 | 9,808 | 8,
|
|
3601
|
-
| \`skip-link\` | 33,537 | 10,382 | 9,
|
|
3602
|
-
| \`slider\` | 45,587 | 13,413 | 11,
|
|
3603
|
-
| \`sparkline\` | 39,660 | 12,526 | 10,
|
|
3604
|
-
| \`speed-dial\` | 118,964 | 39,
|
|
3605
|
-
| \`splitter\` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,
|
|
3606
|
-
| \`stat\` | 33,723 | 10,254 | 9,029 | 1,148 | 183 |
|
|
3607
|
-
| \`steps\` | 97,543 | 31,258 | 25,
|
|
3608
|
-
| \`switch\` | 42,099 | 12,523 | 10,997 | 1,650 | 487 |
|
|
3609
|
-
| \`table\` | 99,653 | 32,
|
|
3610
|
-
| \`tabs\` | 41,339 | 12,359 | 10,
|
|
3611
|
-
| \`tag\` | 88,696 | 28,713 | 23,
|
|
3612
|
-
| \`textarea\` | 44,286 | 13,033 | 11,415 | 3,996 | 1,
|
|
3613
|
-
| \`time-input\` | 158,437 | 49,
|
|
3614
|
-
| \`time-picker\` | 117,522 | 37,238 | 30,
|
|
3615
|
-
| \`timeline\` | 89,132 | 28,
|
|
3616
|
-
| \`toast\` | 92,489 | 29,
|
|
3617
|
-
| \`toggle\` | 46,283 | 13,544 | 11,933 | 3,342 | 817 |
|
|
3618
|
-
| \`toolbar\` | 35,329 | 10,951 | 9,634 | 2,624 | 719 |
|
|
3619
|
-
| \`tooltip\` | 65,077 | 21,364 | 18,
|
|
3620
|
-
| \`tour\` | 70,959 | 22,
|
|
3621
|
-
| \`tree\` | 99,347 | 32,060 | 26,
|
|
3622
|
-
| \`trend\` | 88,010 | 28,
|
|
3623
|
-
| \`video\` | 155,672 | 48,888 | 41,
|
|
3624
|
-
| \`video-playlist\` | 134,945 | 43,
|
|
3625
|
-
| \`virtual-list\` | 39,187 | 12,225 | 10,
|
|
3528
|
+
| \`accordion\` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
|
|
3529
|
+
| \`announcement\` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
|
|
3530
|
+
| \`app-header\` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
|
|
3531
|
+
| \`area-chart\` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
|
|
3532
|
+
| \`avatar\` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
|
|
3533
|
+
| \`badge\` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
|
|
3534
|
+
| \`bar-chart\` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
|
|
3535
|
+
| \`blockquote\` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
|
|
3536
|
+
| \`breadcrumbs\` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
|
|
3537
|
+
| \`button\` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
|
|
3538
|
+
| \`button-group\` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
|
|
3539
|
+
| \`callout\` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
|
|
3540
|
+
| \`canvas\` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
|
|
3541
|
+
| \`card\` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
|
|
3542
|
+
| \`carousel\` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
|
|
3543
|
+
| \`chat\` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
|
|
3544
|
+
| \`checkbox\` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
|
|
3545
|
+
| \`checkbox-group\` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
|
|
3546
|
+
| \`code\` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
|
|
3547
|
+
| \`code-block\` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
|
|
3548
|
+
| \`color-input\` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
|
|
3549
|
+
| \`color-picker\` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
|
|
3550
|
+
| \`combobox\` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
|
|
3551
|
+
| \`command\` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
|
|
3552
|
+
| \`copy-button\` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
|
|
3553
|
+
| \`data-table\` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
|
|
3554
|
+
| \`date-input\` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
|
|
3555
|
+
| \`date-picker\` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
|
|
3556
|
+
| \`description-list\` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
|
|
3557
|
+
| \`dialog\` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
|
|
3558
|
+
| \`divider\` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
|
|
3559
|
+
| \`donut-chart\` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
|
|
3560
|
+
| \`drawer\` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
|
|
3561
|
+
| \`drilldown\` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
|
|
3562
|
+
| \`empty\` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
|
|
3563
|
+
| \`file-input\` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
|
|
3564
|
+
| \`filter-input\` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
|
|
3565
|
+
| \`format-date\` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
|
|
3566
|
+
| \`graph\` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
|
|
3567
|
+
| \`heatmap\` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
|
|
3568
|
+
| \`icon\` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
|
|
3569
|
+
| \`icon-button\` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
|
|
3570
|
+
| \`image\` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
|
|
3571
|
+
| \`input\` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
|
|
3572
|
+
| \`kbd\` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
|
|
3573
|
+
| \`legend\` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
|
|
3574
|
+
| \`lightbox\` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
|
|
3575
|
+
| \`line-chart\` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
|
|
3576
|
+
| \`list\` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
|
|
3577
|
+
| \`listbox\` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
|
|
3578
|
+
| \`loader\` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
|
|
3579
|
+
| \`map\` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
|
|
3580
|
+
| \`megamenu\` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
|
|
3581
|
+
| \`menu\` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
|
|
3582
|
+
| \`meter\` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
|
|
3583
|
+
| \`navigation\` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
|
|
3584
|
+
| \`notifications\` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
|
|
3585
|
+
| \`number-input\` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
|
|
3586
|
+
| \`object-inspector\` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
|
|
3587
|
+
| \`option\` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
|
|
3588
|
+
| \`outline\` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
|
|
3589
|
+
| \`pagination\` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
|
|
3590
|
+
| \`pin-input\` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
|
|
3591
|
+
| \`popover\` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
|
|
3592
|
+
| \`progress\` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
|
|
3593
|
+
| \`qr-code\` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
|
|
3594
|
+
| \`quote\` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
|
|
3595
|
+
| \`radio\` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
|
|
3596
|
+
| \`rating\` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
|
|
3597
|
+
| \`scatter-chart\` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
|
|
3598
|
+
| \`scroll-area\` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
|
|
3599
|
+
| \`select\` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
|
|
3600
|
+
| \`skeleton\` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
|
|
3601
|
+
| \`skip-link\` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
|
|
3602
|
+
| \`slider\` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
|
|
3603
|
+
| \`sparkline\` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
|
|
3604
|
+
| \`speed-dial\` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
|
|
3605
|
+
| \`splitter\` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
|
|
3606
|
+
| \`stat\` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
|
|
3607
|
+
| \`steps\` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
|
|
3608
|
+
| \`switch\` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
|
|
3609
|
+
| \`table\` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
|
|
3610
|
+
| \`tabs\` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
|
|
3611
|
+
| \`tag\` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
|
|
3612
|
+
| \`textarea\` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
|
|
3613
|
+
| \`time-input\` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
|
|
3614
|
+
| \`time-picker\` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
|
|
3615
|
+
| \`timeline\` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
|
|
3616
|
+
| \`toast\` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
|
|
3617
|
+
| \`toggle\` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
|
|
3618
|
+
| \`toolbar\` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
|
|
3619
|
+
| \`tooltip\` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
|
|
3620
|
+
| \`tour\` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
|
|
3621
|
+
| \`tree\` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
|
|
3622
|
+
| \`trend\` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
|
|
3623
|
+
| \`video\` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
|
|
3624
|
+
| \`video-playlist\` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
|
|
3625
|
+
| \`virtual-list\` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
|
|
3626
3626
|
|
|
3627
3627
|
### Styled tier
|
|
3628
3628
|
|
|
@@ -3630,110 +3630,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
3630
3630
|
|
|
3631
3631
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3632
3632
|
|---|---|---|---|---|---|---|
|
|
3633
|
-
| \`accordion\` | 96,169 | 31,112 | 25,
|
|
3634
|
-
| \`announcement\` | 95,006 | 30,542 | 24,
|
|
3635
|
-
| \`app-header\` | 37,719 | 11,259 | 9,
|
|
3636
|
-
| \`area-chart\` | 87,137 | 27,937 | 24,
|
|
3637
|
-
| \`aura\` | 100,856 | 33,761 | 29,
|
|
3638
|
-
| \`avatar\` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,
|
|
3639
|
-
| \`badge\` | 36,469 | 11,001 | 9,654 | 4,250 | 994 |
|
|
3640
|
-
| \`bar-chart\` | 94,206 | 29,255 | 25,
|
|
3641
|
-
| \`blockquote\` | 34,535 | 10,603 | 9,
|
|
3642
|
-
| \`breadcrumbs\` | 92,849 | 29,
|
|
3643
|
-
| \`button\` | 44,308 | 12,756 | 11,
|
|
3644
|
-
| \`button-group\` | 34,911 | 10,578 | 9,299 | 2,320 | 520 |
|
|
3645
|
-
| \`callout\` | 90,404 | 29,199 | 23,
|
|
3646
|
-
| \`canvas\` | 114,757 | 31,
|
|
3647
|
-
| \`card\` | 36,550 | 11,054 | 9,
|
|
3648
|
-
| \`carousel\` | 109,474 | 33,
|
|
3649
|
-
| \`chat\` | 126,232 | 39,140 | 32,
|
|
3650
|
-
| \`checkbox\` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,
|
|
3651
|
-
| \`checkbox-group\` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,
|
|
3652
|
-
| \`code\` | 32,931 | 10,065 | 8,848 | 1,511 | 376 |
|
|
3653
|
-
| \`code-block\` | 150,608 | 46,
|
|
3654
|
-
| \`color-input\` | 186,078 | 53,
|
|
3655
|
-
| \`color-picker\` | 146,746 | 41,869 | 34,
|
|
3656
|
-
| \`combobox\` | 162,304 | 49,
|
|
3657
|
-
| \`command\` | 127,719 | 38,629 | 31,
|
|
3658
|
-
| \`copy-button\` | 138,743 | 43,974 | 36,
|
|
3659
|
-
| \`data-table\` | 225,506 | 63,
|
|
3660
|
-
| \`date-input\` | 161,466 | 49,043 | 41,
|
|
3661
|
-
| \`date-picker\` | 106,079 | 33,658 | 27,
|
|
3662
|
-
| \`description-list\` | 35,716 | 10,725 | 9,418 | 3,502 |
|
|
3663
|
-
| \`dialog\` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,
|
|
3664
|
-
| \`divider\` | 35,741 | 10,914 | 9,568 | 3,120 | 760 |
|
|
3665
|
-
| \`donut-chart\` | 86,641 | 27,204 | 24,
|
|
3666
|
-
| \`drawer\` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,
|
|
3667
|
-
| \`drilldown\` | 102,025 | 32,725 | 26,
|
|
3668
|
-
| \`empty\` | 35,272 | 10,890 | 9,524 | 2,380 | 686 |
|
|
3669
|
-
| \`file-input\` | 112,352 | 34,805 | 28,
|
|
3670
|
-
| \`filter-input\` | 185,905 | 53,
|
|
3671
|
-
| \`flex\` | 34,292 | 10,429 | 9,144 | 2,078 | 451 |
|
|
3672
|
-
| \`format-date\` | 37,496 | 11,
|
|
3673
|
-
| \`graph\` | 129,874 | 39,
|
|
3674
|
-
| \`grid\` | 34,885 | 10,614 | 9,
|
|
3675
|
-
| \`heatmap\` | 85,554 | 26,925 | 23,
|
|
3676
|
-
| \`icon\` | 88,676 | 28,
|
|
3677
|
-
| \`icon-button\` | 44,465 | 12,620 | 11,
|
|
3678
|
-
| \`image\` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,
|
|
3679
|
-
| \`input\` | 106,228 | 33,397 | 27,
|
|
3680
|
-
| \`kbd\` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,
|
|
3681
|
-
| \`legend\` | 42,057 | 12,614 | 11,
|
|
3682
|
-
| \`lightbox\` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,
|
|
3683
|
-
| \`line-chart\` | 89,103 | 28,039 | 24,
|
|
3684
|
-
| \`list\` | 38,374 | 11,349 | 9,966 | 5,799 | 1,
|
|
3685
|
-
| \`listbox\` | 113,196 | 35,
|
|
3686
|
-
| \`loader\` | 36,641 | 11,084 | 9,761 | 4,051 | 982 |
|
|
3687
|
-
| \`map\` | 169,887 | 45,
|
|
3688
|
-
| \`megamenu\` | 68,614 | 22,111 | 19,
|
|
3689
|
-
| \`menu\` | 134,982 | 43,726 | 36,
|
|
3690
|
-
| \`meter\` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,
|
|
3691
|
-
| \`navigation\` | 36,875 | 11,333 | 9,952 | 3,051 | 792 |
|
|
3692
|
-
| \`notifications\` | 117,618 | 35,651 | 29,
|
|
3693
|
-
| \`number-input\` | 107,671 | 33,948 | 27,
|
|
3694
|
-
| \`object-inspector\` | 155,494 | 48,
|
|
3695
|
-
| \`option\` | 38,784 | 11,667 | 10,282 | 6,201 | 1,
|
|
3696
|
-
| \`orb\` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,
|
|
3697
|
-
| \`outline\` | 42,333 | 12,
|
|
3698
|
-
| \`pagination\` | 169,127 | 50,277 | 42,
|
|
3699
|
-
| \`pin-input\` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,
|
|
3700
|
-
| \`popover\` | 63,575 | 20,926 | 18,
|
|
3701
|
-
| \`progress\` | 39,545 | 11,
|
|
3702
|
-
| \`qr-code\` | 46,828 | 15,067 | 13,
|
|
3703
|
-
| \`quote\` | 33,413 | 10,237 | 8,992 | 1,191 | 279 |
|
|
3704
|
-
| \`radio\` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,
|
|
3705
|
-
| \`rating\` | 51,074 | 15,
|
|
3706
|
-
| \`sandbox\` | 68,775 | 18,
|
|
3707
|
-
| \`scatter-chart\` | 87,628 | 27,767 | 24,
|
|
3708
|
-
| \`scroll-area\` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,
|
|
3709
|
-
| \`select\` | 152,107 | 47,079 | 39,
|
|
3710
|
-
| \`skeleton\` | 34,465 | 10,
|
|
3711
|
-
| \`skip-link\` | 35,000 | 10,795 | 9,
|
|
3712
|
-
| \`slider\` | 56,667 | 15,407 | 13,
|
|
3713
|
-
| \`sparkline\` | 43,578 | 13,471 | 11,
|
|
3714
|
-
| \`speed-dial\` | 126,596 | 41,
|
|
3715
|
-
| \`splitter\` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,
|
|
3716
|
-
| \`stat\` | 37,148 | 10,968 | 9,
|
|
3717
|
-
| \`steps\` | 111,348 | 33,803 | 27,
|
|
3718
|
-
| \`switch\` | 46,465 | 13,591 | 11,
|
|
3719
|
-
| \`table\` | 105,247 | 33,
|
|
3720
|
-
| \`tabs\` | 47,575 | 13,636 | 11,976 | 10,154 | 2,
|
|
3721
|
-
| \`tag\` | 92,047 | 29,659 | 24,
|
|
3722
|
-
| \`text\` | 36,412 | 10,780 | 9,437 | 4,200 |
|
|
3723
|
-
| \`textarea\` | 47,721 | 13,873 | 12,
|
|
3724
|
-
| \`time-input\` | 180,075 | 52,
|
|
3725
|
-
| \`time-picker\` | 129,250 | 39,417 | 32,
|
|
3726
|
-
| \`timeline\` | 92,445 | 29,492 | 24,
|
|
3727
|
-
| \`toast\` | 100,022 | 31,
|
|
3728
|
-
| \`toggle\` | 51,478 | 14,748 | 12,
|
|
3729
|
-
| \`toolbar\` | 36,621 | 11,
|
|
3730
|
-
| \`tooltip\` | 68,155 | 22,123 | 19,
|
|
3731
|
-
| \`tour\` | 80,674 | 24,450 | 21,
|
|
3732
|
-
| \`tree\` | 105,197 | 33,481 | 27,
|
|
3733
|
-
| \`trend\` | 91,229 | 29,
|
|
3734
|
-
| \`video\` | 175,090 | 52,363 | 44,
|
|
3735
|
-
| \`video-playlist\` | 149,062 | 46,
|
|
3736
|
-
| \`virtual-list\` | 39,979 | 12,443 | 10,
|
|
3633
|
+
| \`accordion\` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
|
|
3634
|
+
| \`announcement\` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
|
|
3635
|
+
| \`app-header\` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
|
|
3636
|
+
| \`area-chart\` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
|
|
3637
|
+
| \`aura\` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
|
|
3638
|
+
| \`avatar\` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
|
|
3639
|
+
| \`badge\` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
|
|
3640
|
+
| \`bar-chart\` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
|
|
3641
|
+
| \`blockquote\` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
|
|
3642
|
+
| \`breadcrumbs\` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
|
|
3643
|
+
| \`button\` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
|
|
3644
|
+
| \`button-group\` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
|
|
3645
|
+
| \`callout\` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
|
|
3646
|
+
| \`canvas\` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
|
|
3647
|
+
| \`card\` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
|
|
3648
|
+
| \`carousel\` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
|
|
3649
|
+
| \`chat\` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
|
|
3650
|
+
| \`checkbox\` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
|
|
3651
|
+
| \`checkbox-group\` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
|
|
3652
|
+
| \`code\` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
|
|
3653
|
+
| \`code-block\` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
|
|
3654
|
+
| \`color-input\` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
|
|
3655
|
+
| \`color-picker\` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
|
|
3656
|
+
| \`combobox\` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
|
|
3657
|
+
| \`command\` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
|
|
3658
|
+
| \`copy-button\` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
|
|
3659
|
+
| \`data-table\` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
|
|
3660
|
+
| \`date-input\` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
|
|
3661
|
+
| \`date-picker\` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
|
|
3662
|
+
| \`description-list\` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
|
|
3663
|
+
| \`dialog\` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
|
|
3664
|
+
| \`divider\` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
|
|
3665
|
+
| \`donut-chart\` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
|
|
3666
|
+
| \`drawer\` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
|
|
3667
|
+
| \`drilldown\` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
|
|
3668
|
+
| \`empty\` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
|
|
3669
|
+
| \`file-input\` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
|
|
3670
|
+
| \`filter-input\` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
|
|
3671
|
+
| \`flex\` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
|
|
3672
|
+
| \`format-date\` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
|
|
3673
|
+
| \`graph\` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
|
|
3674
|
+
| \`grid\` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
|
|
3675
|
+
| \`heatmap\` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
|
|
3676
|
+
| \`icon\` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
|
|
3677
|
+
| \`icon-button\` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
|
|
3678
|
+
| \`image\` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
|
|
3679
|
+
| \`input\` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
|
|
3680
|
+
| \`kbd\` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
|
|
3681
|
+
| \`legend\` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
|
|
3682
|
+
| \`lightbox\` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
|
|
3683
|
+
| \`line-chart\` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
|
|
3684
|
+
| \`list\` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
|
|
3685
|
+
| \`listbox\` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
|
|
3686
|
+
| \`loader\` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
|
|
3687
|
+
| \`map\` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
|
|
3688
|
+
| \`megamenu\` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
|
|
3689
|
+
| \`menu\` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
|
|
3690
|
+
| \`meter\` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
|
|
3691
|
+
| \`navigation\` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
|
|
3692
|
+
| \`notifications\` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
|
|
3693
|
+
| \`number-input\` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
|
|
3694
|
+
| \`object-inspector\` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
|
|
3695
|
+
| \`option\` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
|
|
3696
|
+
| \`orb\` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
|
|
3697
|
+
| \`outline\` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
|
|
3698
|
+
| \`pagination\` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
|
|
3699
|
+
| \`pin-input\` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
|
|
3700
|
+
| \`popover\` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
|
|
3701
|
+
| \`progress\` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
|
|
3702
|
+
| \`qr-code\` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
|
|
3703
|
+
| \`quote\` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
|
|
3704
|
+
| \`radio\` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
|
|
3705
|
+
| \`rating\` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
|
|
3706
|
+
| \`sandbox\` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
|
|
3707
|
+
| \`scatter-chart\` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
|
|
3708
|
+
| \`scroll-area\` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
|
|
3709
|
+
| \`select\` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
|
|
3710
|
+
| \`skeleton\` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
|
|
3711
|
+
| \`skip-link\` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
|
|
3712
|
+
| \`slider\` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
|
|
3713
|
+
| \`sparkline\` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
|
|
3714
|
+
| \`speed-dial\` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
|
|
3715
|
+
| \`splitter\` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
|
|
3716
|
+
| \`stat\` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
|
|
3717
|
+
| \`steps\` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
|
|
3718
|
+
| \`switch\` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
|
|
3719
|
+
| \`table\` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
|
|
3720
|
+
| \`tabs\` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
|
|
3721
|
+
| \`tag\` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
|
|
3722
|
+
| \`text\` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
|
|
3723
|
+
| \`textarea\` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
|
|
3724
|
+
| \`time-input\` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
|
|
3725
|
+
| \`time-picker\` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
|
|
3726
|
+
| \`timeline\` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
|
|
3727
|
+
| \`toast\` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
|
|
3728
|
+
| \`toggle\` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
|
|
3729
|
+
| \`toolbar\` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
|
|
3730
|
+
| \`tooltip\` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
|
|
3731
|
+
| \`tour\` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
|
|
3732
|
+
| \`tree\` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
|
|
3733
|
+
| \`trend\` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
|
|
3734
|
+
| \`video\` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
|
|
3735
|
+
| \`video-playlist\` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
|
|
3736
|
+
| \`virtual-list\` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
|
|
3737
3737
|
|
|
3738
3738
|
## What an install adds to \`node_modules\`
|
|
3739
3739
|
|
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.138.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix": "0.
|
|
40
|
-
"@fusion.dev/helix-cem": "0.
|
|
41
|
-
"@fusion.dev/helix-headless": "0.
|
|
42
|
-
"@fusion.dev/helix-icons": "0.
|
|
43
|
-
"@fusion.dev/helix-map": "0.
|
|
44
|
-
"@fusion.dev/helix-styles": "0.
|
|
45
|
-
"@fusion.dev/helix-testing": "0.
|
|
46
|
-
"@fusion.dev/helix-theme": "0.
|
|
39
|
+
"@fusion.dev/helix": "0.138.0",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.138.0",
|
|
41
|
+
"@fusion.dev/helix-headless": "0.138.0",
|
|
42
|
+
"@fusion.dev/helix-icons": "0.138.0",
|
|
43
|
+
"@fusion.dev/helix-map": "0.138.0",
|
|
44
|
+
"@fusion.dev/helix-styles": "0.138.0",
|
|
45
|
+
"@fusion.dev/helix-testing": "0.138.0",
|
|
46
|
+
"@fusion.dev/helix-theme": "0.138.0",
|
|
47
47
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
48
48
|
"lit": "^3.2.1",
|
|
49
49
|
"playwright": "^1.62.1"
|