@fusion.dev/helix-docs 0.141.0 → 0.142.1
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 +217 -216
- package/dist/sources.generated.js +217 -216
- 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` | 186,211 | 59,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 186,211 | 59,377 | 50,257 |
|
|
50
50
|
|
|
51
51
|
## Whole packages
|
|
52
52
|
|
|
@@ -57,11 +57,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
57
57
|
|
|
58
58
|
| Package | Raw | Gzip | Brotli | |
|
|
59
59
|
|---|---|---|---|---|
|
|
60
|
-
| `@fusion.dev/helix-core` | 185,764 | 59,007 |
|
|
61
|
-
| `@fusion.dev/helix-headless` | 749,093 | 194,398 | 150,
|
|
60
|
+
| `@fusion.dev/helix-core` | 185,764 | 59,007 | 50,046 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 749,093 | 194,398 | 150,798 | 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
|
-
| `@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
|
-
|
|
|
63
|
+
| `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
64
|
+
| `fusion_helix_theme_bg.wasm` | 490,270 | 155,600 | 125,779 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
65
|
+
| `@fusion.dev/helix` | 1,296,493 | 303,276 | 221,718 | Every styled family. |
|
|
65
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
66
67
|
|
|
67
68
|
## Stylesheets
|
|
@@ -82,9 +83,9 @@ shows the whole cost of using the base layer on its own.
|
|
|
82
83
|
|
|
83
84
|
## What the numbers say
|
|
84
85
|
|
|
85
|
-
**Most of your first component is the shared runtime.** The median styled family is 21,977 bytes gzipped alone, and it adds 2,
|
|
86
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,977 bytes gzipped alone, and it adds 2,263 to a page that already has Helix. The shared runtime is 90 percent of the first component, and the component itself is 10 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
87
|
|
|
87
|
-
Across the 104 styled components, the smallest is `code` at 10,492 bytes gzipped alone, and the largest is `data-table` at 64,440. Every family together is 303,
|
|
88
|
+
Across the 104 styled components, the smallest is `code` at 10,492 bytes gzipped alone, and the largest is `data-table` at 64,440. Every family together is 303,276.
|
|
88
89
|
|
|
89
90
|
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 194,398 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
91
|
|
|
@@ -100,37 +101,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
100
101
|
|
|
101
102
|
| Component | System | Raw | Gzip | Brotli |
|
|
102
103
|
|---|---|---|---|---|
|
|
103
|
-
| `button` | **Helix** | 45,627 | 13,160 | 11,
|
|
104
|
+
| `button` | **Helix** | 45,627 | 13,160 | 11,597 |
|
|
104
105
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
105
106
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
106
107
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
107
108
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
108
|
-
| `checkbox` | **Helix** | 50,794 | 14,
|
|
109
|
+
| `checkbox` | **Helix** | 50,794 | 14,480 | 12,734 |
|
|
109
110
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
110
111
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
111
112
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
112
113
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
113
|
-
| `dialog` | **Helix** | 42,582 | 12,668 | 11,
|
|
114
|
+
| `dialog` | **Helix** | 42,582 | 12,668 | 11,151 |
|
|
114
115
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
115
116
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
116
117
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
117
118
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
118
|
-
| `radio` | **Helix** | 54,213 | 14,925 | 13,
|
|
119
|
+
| `radio` | **Helix** | 54,213 | 14,925 | 13,136 |
|
|
119
120
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
120
121
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
121
122
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
122
123
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
123
|
-
| `switch` | **Helix** | 47,784 | 13,981 | 12,
|
|
124
|
+
| `switch` | **Helix** | 47,784 | 13,981 | 12,292 |
|
|
124
125
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
125
126
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
126
127
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
127
128
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
128
|
-
| `tabs` | **Helix** | 48,895 | 14,
|
|
129
|
+
| `tabs` | **Helix** | 48,895 | 14,049 | 12,334 |
|
|
129
130
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
130
131
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
131
132
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
132
133
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
133
|
-
| `tooltip` | **Helix** | 69,601 | 22,599 | 19,
|
|
134
|
+
| `tooltip` | **Helix** | 69,601 | 22,599 | 19,950 |
|
|
134
135
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
135
136
|
| | Material Web | | not shipped | |
|
|
136
137
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -180,104 +181,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
180
181
|
|
|
181
182
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
182
183
|
|---|---|---|---|---|---|---|
|
|
183
|
-
| `accordion` | 94,146 | 30,683 | 25,
|
|
184
|
-
| `announcement` | 91,561 | 29,855 | 24,
|
|
185
|
-
| `app-header` | 35,147 | 10,
|
|
186
|
-
| `area-chart` | 81,239 | 26,
|
|
187
|
-
| `avatar` | 37,234 | 11,
|
|
188
|
-
| `badge` | 34,683 | 10,703 | 9,
|
|
189
|
-
| `bar-chart` | 82,848 | 27,
|
|
190
|
-
| `blockquote` | 34,697 | 10,730 | 9,
|
|
191
|
-
| `breadcrumbs` | 90,601 | 29,203 | 23,
|
|
192
|
-
| `button` | 39,369 | 11,986 | 10,
|
|
193
|
-
| `button-group` | 34,553 | 10,610 | 9,
|
|
194
|
-
| `callout` | 89,781 | 29,
|
|
195
|
-
| `canvas` | 95,827 | 28,300 | 24,
|
|
196
|
-
| `card` | 34,587 | 10,627 | 9,
|
|
197
|
-
| `carousel` | 100,004 | 32,186 | 26,
|
|
198
|
-
| `chat` | 113,488 | 37,
|
|
199
|
-
| `checkbox` | 44,186 | 13,038 | 11,
|
|
200
|
-
| `checkbox-group` | 47,310 | 13,
|
|
201
|
-
| `code` | 33,172 | 10,193 | 8,
|
|
202
|
-
| `code-block` | 135,605 | 44,216 | 37,
|
|
203
|
-
| `color-input` | 153,586 | 48,
|
|
204
|
-
| `color-picker` | 119,956 | 37,674 |
|
|
205
|
-
| `combobox` | 148,369 | 46,
|
|
206
|
-
| `command` | 118,287 | 36,
|
|
207
|
-
| `copy-button` | 130,185 | 42,566 | 35,
|
|
208
|
-
| `data-table` | 188,875 | 57,528 | 48,
|
|
209
|
-
| `date-input` | 146,628 | 46,
|
|
210
|
-
| `date-picker` | 101,780 | 32,896 | 26,
|
|
211
|
-
| `description-list` | 34,656 | 10,565 | 9,
|
|
212
|
-
| `dialog` | 38,205 | 11,
|
|
213
|
-
| `divider` | 34,903 | 10,
|
|
214
|
-
| `donut-chart` | 78,982 | 25,
|
|
215
|
-
| `drawer` | 36,958 | 11,299 | 9,
|
|
216
|
-
| `drilldown` | 98,646 | 32,
|
|
217
|
-
| `empty` | 35,150 | 10,853 | 9,
|
|
218
|
-
| `file-input` | 102,144 | 32,877 | 26,
|
|
219
|
-
| `filter-input` | 158,975 | 49,
|
|
220
|
-
| `format-date` | 38,166 | 11,770 | 10,
|
|
221
|
-
| `graph` | 116,500 | 37,045 | 30,
|
|
222
|
-
| `heatmap` | 80,204 | 25,983 | 22,
|
|
223
|
-
| `icon` | 89,288 | 28,
|
|
224
|
-
| `icon-button` | 39,768 | 12,019 | 10,
|
|
225
|
-
| `image` | 36,726 | 11,
|
|
226
|
-
| `input` | 101,182 | 32,362 | 26,
|
|
227
|
-
| `kbd` | 36,507 | 11,395 | 10,
|
|
228
|
-
| `legend` | 38,559 | 11,901 | 10,
|
|
229
|
-
| `lightbox` | 42,999 | 12,
|
|
230
|
-
| `line-chart` | 80,779 | 26,
|
|
231
|
-
| `list` | 35,609 | 10,806 | 9,
|
|
232
|
-
| `listbox` | 109,996 | 35,061 | 28,
|
|
233
|
-
| `loader` | 34,793 | 10,731 | 9,
|
|
234
|
-
| `map` | 135,023 | 40,242 | 33,
|
|
235
|
-
| `megamenu` | 65,092 | 21,481 | 18,
|
|
236
|
-
| `menu` | 128,815 | 42,454 | 35,
|
|
237
|
-
| `meter` | 37,983 | 11,
|
|
238
|
-
| `navigation` | 36,542 | 11,280 | 9,892 | 1,417 | 341 |
|
|
239
|
-
| `notifications` | 105,825 | 33,645 | 27,
|
|
240
|
-
| `number-input` | 104,106 | 33,173 | 27,
|
|
241
|
-
| `object-inspector` | 143,395 | 46,771 | 39,
|
|
242
|
-
| `option` | 36,848 | 11,
|
|
243
|
-
| `outline` | 39,911 | 12,458 | 10,
|
|
244
|
-
| `pagination` | 152,465 | 47,
|
|
245
|
-
| `pin-input` | 46,366 | 13,784 | 12,
|
|
246
|
-
| `popover` | 62,296 | 20,
|
|
247
|
-
| `progress` | 35,834 | 11,003 | 9,
|
|
248
|
-
| `qr-code` | 46,483 | 15,044 | 13,
|
|
249
|
-
| `quote` | 34,076 | 10,491 | 9,221 | 552 |
|
|
250
|
-
| `radio` | 45,916 | 13,
|
|
251
|
-
| `rating` | 48,121 | 14,
|
|
252
|
-
| `scatter-chart` | 80,683 | 26,413 | 23,
|
|
253
|
-
| `scroll-area` | 36,319 | 11,164 | 9,
|
|
254
|
-
| `select` | 140,575 | 45,
|
|
255
|
-
| `skeleton` | 33,265 | 10,227 |
|
|
256
|
-
| `skip-link` | 34,855 | 10,796 | 9,
|
|
257
|
-
| `slider` | 46,905 | 13,
|
|
258
|
-
| `sparkline` | 40,978 | 12,925 | 11,
|
|
259
|
-
| `speed-dial` | 120,323 | 40,071 | 33,
|
|
260
|
-
| `splitter` | 44,358 | 13,240 | 11,
|
|
261
|
-
| `stat` | 35,041 | 10,666 | 9,
|
|
262
|
-
| `steps` | 98,861 | 31,
|
|
263
|
-
| `switch` | 43,417 | 12,921 | 11,
|
|
264
|
-
| `table` | 100,971 | 32,855 | 26,
|
|
265
|
-
| `tabs` | 42,654 | 12,774 | 11,
|
|
266
|
-
| `tag` | 90,014 | 29,133 | 23,
|
|
267
|
-
| `textarea` | 45,604 | 13,423 | 11,
|
|
268
|
-
| `time-input` | 159,758 | 49,619 | 41,
|
|
269
|
-
| `time-picker` | 118,842 | 37,643 | 30,
|
|
270
|
-
| `timeline` | 90,450 | 29,131 | 23,
|
|
271
|
-
| `toast` | 93,807 | 30,268 | 24,
|
|
272
|
-
| `toggle` | 47,603 | 13,
|
|
273
|
-
| `toolbar` | 36,647 | 11,354 | 9,
|
|
274
|
-
| `tooltip` | 66,523 | 21,
|
|
275
|
-
| `tour` | 72,280 | 23,251 | 20,
|
|
276
|
-
| `tree` | 100,665 | 32,488 | 26,
|
|
277
|
-
| `trend` | 89,328 | 28,928 | 23,
|
|
278
|
-
| `video` | 157,146 | 49,
|
|
279
|
-
| `video-playlist` | 136,305 | 44,
|
|
280
|
-
| `virtual-list` | 40,597 | 12,
|
|
184
|
+
| `accordion` | 94,146 | 30,683 | 25,054 | 2,875 | 725 | 591 |
|
|
185
|
+
| `announcement` | 91,561 | 29,855 | 24,344 | 1,386 | 365 | 315 |
|
|
186
|
+
| `app-header` | 35,147 | 10,774 | 9,482 | 1,248 | 261 | 267 |
|
|
187
|
+
| `area-chart` | 81,239 | 26,784 | 23,616 | 11,166 | 3,382 | 2,736 |
|
|
188
|
+
| `avatar` | 37,234 | 11,388 | 10,035 | 3,296 | 894 | 740 |
|
|
189
|
+
| `badge` | 34,683 | 10,703 | 9,380 | 1,163 | 301 | 227 |
|
|
190
|
+
| `bar-chart` | 82,848 | 27,158 | 23,952 | 12,769 | 3,695 | 3,195 |
|
|
191
|
+
| `blockquote` | 34,697 | 10,730 | 9,428 | 774 | 177 | 163 |
|
|
192
|
+
| `breadcrumbs` | 90,601 | 29,203 | 23,965 | 1,965 | 444 | 405 |
|
|
193
|
+
| `button` | 39,369 | 11,986 | 10,530 | 3,195 | 817 | 682 |
|
|
194
|
+
| `button-group` | 34,553 | 10,610 | 9,316 | 661 | 141 | 91 |
|
|
195
|
+
| `callout` | 89,781 | 29,091 | 23,899 | 975 | 274 | 278 |
|
|
196
|
+
| `canvas` | 95,827 | 28,300 | 24,815 | 50,036 | 14,960 | 12,555 |
|
|
197
|
+
| `card` | 34,587 | 10,627 | 9,339 | 694 | 140 | 89 |
|
|
198
|
+
| `carousel` | 100,004 | 32,186 | 26,392 | 10,943 | 2,734 | 2,326 |
|
|
199
|
+
| `chat` | 113,488 | 37,075 | 30,397 | 17,449 | 5,101 | 4,303 |
|
|
200
|
+
| `checkbox` | 44,186 | 13,038 | 11,447 | 2,821 | 784 | 591 |
|
|
201
|
+
| `checkbox-group` | 47,310 | 13,724 | 12,070 | 5,425 | 1,366 | 1,117 |
|
|
202
|
+
| `code` | 33,172 | 10,193 | 8,966 | 451 | 78 | 40 |
|
|
203
|
+
| `code-block` | 135,605 | 44,216 | 37,288 | 17,443 | 4,511 | 3,880 |
|
|
204
|
+
| `color-input` | 153,586 | 48,220 | 40,723 | 25,853 | 6,032 | 5,036 |
|
|
205
|
+
| `color-picker` | 119,956 | 37,674 | 30,975 | 19,676 | 4,708 | 3,949 |
|
|
206
|
+
| `combobox` | 148,369 | 46,880 | 39,435 | 21,175 | 5,214 | 4,226 |
|
|
207
|
+
| `command` | 118,287 | 36,946 | 30,260 | 18,064 | 4,594 | 3,744 |
|
|
208
|
+
| `copy-button` | 130,185 | 42,566 | 35,820 | 12,019 | 2,957 | 2,432 |
|
|
209
|
+
| `data-table` | 188,875 | 57,528 | 48,563 | 57,535 | 14,589 | 12,192 |
|
|
210
|
+
| `date-input` | 146,628 | 46,372 | 38,994 | 19,212 | 4,832 | 4,047 |
|
|
211
|
+
| `date-picker` | 101,780 | 32,896 | 26,931 | 9,900 | 2,706 | 2,203 |
|
|
212
|
+
| `description-list` | 34,656 | 10,565 | 9,269 | 1,132 | 172 | 155 |
|
|
213
|
+
| `dialog` | 38,205 | 11,660 | 10,266 | 2,717 | 777 | 650 |
|
|
214
|
+
| `divider` | 34,903 | 10,810 | 9,498 | 981 | 255 | 196 |
|
|
215
|
+
| `donut-chart` | 78,982 | 25,782 | 22,727 | 10,339 | 2,970 | 2,540 |
|
|
216
|
+
| `drawer` | 36,958 | 11,299 | 9,931 | 1,761 | 470 | 398 |
|
|
217
|
+
| `drilldown` | 98,646 | 32,043 | 26,104 | 5,704 | 1,493 | 1,176 |
|
|
218
|
+
| `empty` | 35,150 | 10,853 | 9,531 | 956 | 243 | 163 |
|
|
219
|
+
| `file-input` | 102,144 | 32,877 | 26,856 | 6,266 | 1,808 | 1,396 |
|
|
220
|
+
| `filter-input` | 158,975 | 49,595 | 41,937 | 28,070 | 6,799 | 5,629 |
|
|
221
|
+
| `format-date` | 38,166 | 11,770 | 10,393 | 2,868 | 694 | 582 |
|
|
222
|
+
| `graph` | 116,500 | 37,045 | 30,487 | 11,480 | 3,231 | 2,788 |
|
|
223
|
+
| `heatmap` | 80,204 | 25,983 | 22,886 | 10,997 | 2,991 | 2,539 |
|
|
224
|
+
| `icon` | 89,288 | 28,883 | 23,689 | 1,018 | 246 | 208 |
|
|
225
|
+
| `icon-button` | 39,768 | 12,019 | 10,552 | 3,594 | 858 | 630 |
|
|
226
|
+
| `image` | 36,726 | 11,157 | 9,803 | 3,157 | 812 | 638 |
|
|
227
|
+
| `input` | 101,182 | 32,362 | 26,507 | 4,746 | 1,276 | 977 |
|
|
228
|
+
| `kbd` | 36,507 | 11,395 | 10,035 | 2,976 | 915 | 738 |
|
|
229
|
+
| `legend` | 38,559 | 11,901 | 10,461 | 1,080 | 277 | 260 |
|
|
230
|
+
| `lightbox` | 42,999 | 12,950 | 11,347 | 4,807 | 1,236 | 1,042 |
|
|
231
|
+
| `line-chart` | 80,779 | 26,487 | 23,389 | 10,792 | 3,086 | 2,597 |
|
|
232
|
+
| `list` | 35,609 | 10,806 | 9,494 | 1,726 | 333 | 276 |
|
|
233
|
+
| `listbox` | 109,996 | 35,061 | 28,605 | 11,263 | 3,065 | 2,451 |
|
|
234
|
+
| `loader` | 34,793 | 10,731 | 9,434 | 900 | 231 | 145 |
|
|
235
|
+
| `map` | 135,023 | 40,242 | 33,379 | 33,030 | 7,708 | 6,231 |
|
|
236
|
+
| `megamenu` | 65,092 | 21,481 | 18,897 | 4,941 | 1,278 | 1,033 |
|
|
237
|
+
| `menu` | 128,815 | 42,454 | 35,618 | 8,856 | 2,188 | 1,829 |
|
|
238
|
+
| `meter` | 37,983 | 11,583 | 10,180 | 4,100 | 1,064 | 940 |
|
|
239
|
+
| `navigation` | 36,542 | 11,280 | 9,892 | 1,417 | 341 | 301 |
|
|
240
|
+
| `notifications` | 105,825 | 33,645 | 27,464 | 11,384 | 2,617 | 2,170 |
|
|
241
|
+
| `number-input` | 104,106 | 33,173 | 27,093 | 7,671 | 1,991 | 1,556 |
|
|
242
|
+
| `object-inspector` | 143,395 | 46,771 | 39,449 | 19,705 | 5,249 | 4,382 |
|
|
243
|
+
| `option` | 36,848 | 11,172 | 9,859 | 2,959 | 666 | 414 |
|
|
244
|
+
| `outline` | 39,911 | 12,458 | 10,978 | 4,628 | 1,326 | 1,080 |
|
|
245
|
+
| `pagination` | 152,465 | 47,582 | 40,030 | 27,823 | 6,528 | 5,329 |
|
|
246
|
+
| `pin-input` | 46,366 | 13,784 | 12,137 | 5,242 | 1,563 | 1,171 |
|
|
247
|
+
| `popover` | 62,296 | 20,725 | 18,214 | 1,899 | 513 | 488 |
|
|
248
|
+
| `progress` | 35,834 | 11,003 | 9,678 | 1,951 | 490 | 464 |
|
|
249
|
+
| `qr-code` | 46,483 | 15,044 | 13,242 | 12,984 | 4,828 | 4,059 |
|
|
250
|
+
| `quote` | 34,076 | 10,491 | 9,221 | 552 | 119 | 67 |
|
|
251
|
+
| `radio` | 45,916 | 13,428 | 11,812 | 2,874 | 726 | 578 |
|
|
252
|
+
| `rating` | 48,121 | 14,398 | 12,675 | 6,689 | 1,880 | 1,538 |
|
|
253
|
+
| `scatter-chart` | 80,683 | 26,413 | 23,275 | 11,471 | 3,371 | 2,830 |
|
|
254
|
+
| `scroll-area` | 36,319 | 11,164 | 9,809 | 2,743 | 736 | 655 |
|
|
255
|
+
| `select` | 140,575 | 45,037 | 37,796 | 16,146 | 4,083 | 3,351 |
|
|
256
|
+
| `skeleton` | 33,265 | 10,227 | 8,965 | 544 | 106 | 45 |
|
|
257
|
+
| `skip-link` | 34,855 | 10,796 | 9,475 | 1,178 | 334 | 243 |
|
|
258
|
+
| `slider` | 46,905 | 13,806 | 12,176 | 5,628 | 1,517 | 1,238 |
|
|
259
|
+
| `sparkline` | 40,978 | 12,925 | 11,386 | 2,387 | 794 | 744 |
|
|
260
|
+
| `speed-dial` | 120,323 | 40,071 | 33,736 | 3,743 | 918 | 690 |
|
|
261
|
+
| `splitter` | 44,358 | 13,240 | 11,678 | 10,283 | 2,587 | 2,196 |
|
|
262
|
+
| `stat` | 35,041 | 10,666 | 9,363 | 1,148 | 185 | 79 |
|
|
263
|
+
| `steps` | 98,861 | 31,677 | 25,901 | 6,295 | 1,470 | 1,224 |
|
|
264
|
+
| `switch` | 43,417 | 12,921 | 11,362 | 1,650 | 514 | 364 |
|
|
265
|
+
| `table` | 100,971 | 32,855 | 26,742 | 10,159 | 2,795 | 2,312 |
|
|
266
|
+
| `tabs` | 42,654 | 12,774 | 11,190 | 3,925 | 822 | 664 |
|
|
267
|
+
| `tag` | 90,014 | 29,133 | 23,798 | 908 | 198 | 207 |
|
|
268
|
+
| `textarea` | 45,604 | 13,423 | 11,778 | 3,997 | 1,063 | 806 |
|
|
269
|
+
| `time-input` | 159,758 | 49,619 | 41,795 | 29,051 | 7,093 | 5,869 |
|
|
270
|
+
| `time-picker` | 118,842 | 37,643 | 30,852 | 19,136 | 5,108 | 4,201 |
|
|
271
|
+
| `timeline` | 90,450 | 29,131 | 23,931 | 1,809 | 362 | 265 |
|
|
272
|
+
| `toast` | 93,807 | 30,268 | 24,715 | 4,078 | 949 | 780 |
|
|
273
|
+
| `toggle` | 47,603 | 13,959 | 12,288 | 3,342 | 815 | 573 |
|
|
274
|
+
| `toolbar` | 36,647 | 11,354 | 9,978 | 2,624 | 704 | 576 |
|
|
275
|
+
| `tooltip` | 66,523 | 21,821 | 19,323 | 6,494 | 1,749 | 1,431 |
|
|
276
|
+
| `tour` | 72,280 | 23,251 | 20,408 | 11,097 | 2,772 | 2,303 |
|
|
277
|
+
| `tree` | 100,665 | 32,488 | 26,473 | 7,224 | 1,878 | 1,567 |
|
|
278
|
+
| `trend` | 89,328 | 28,928 | 23,780 | 1,056 | 268 | 266 |
|
|
279
|
+
| `video` | 157,146 | 49,284 | 41,734 | 32,577 | 7,665 | 6,638 |
|
|
280
|
+
| `video-playlist` | 136,305 | 44,054 | 36,962 | 14,942 | 3,424 | 2,916 |
|
|
281
|
+
| `virtual-list` | 40,597 | 12,666 | 11,132 | 2,413 | 719 | 592 |
|
|
281
282
|
|
|
282
283
|
### Styled tier
|
|
283
284
|
|
|
@@ -285,110 +286,110 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
285
286
|
|
|
286
287
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
287
288
|
|---|---|---|---|---|---|---|
|
|
288
|
-
| `accordion` | 97,484 | 31,527 | 25,
|
|
289
|
-
| `announcement` | 96,325 | 30,966 | 25,
|
|
290
|
-
| `app-header` | 39,037 | 11,664 | 10,
|
|
291
|
-
| `area-chart` | 88,624 | 28,374 |
|
|
292
|
-
| `aura` | 102,182 | 34,
|
|
293
|
-
| `avatar` | 40,820 | 12,142 | 10,
|
|
294
|
-
| `badge` | 38,056 | 11,452 | 10,
|
|
295
|
-
| `bar-chart` | 95,653 | 29,690 | 26,
|
|
296
|
-
| `blockquote` | 35,853 | 11,
|
|
297
|
-
| `breadcrumbs` | 94,168 | 30,039 | 24,
|
|
298
|
-
| `button` | 45,627 | 13,160 | 11,
|
|
299
|
-
| `button-group` | 36,229 | 10,
|
|
300
|
-
| `callout` | 91,867 | 29,665 | 24,
|
|
301
|
-
| `canvas` | 116,132 | 32,041 | 27,
|
|
302
|
-
| `card` | 37,868 | 11,465 | 10,
|
|
303
|
-
| `carousel` | 110,792 | 33,934 | 27,
|
|
304
|
-
| `chat` | 127,645 | 39,596 | 32,
|
|
305
|
-
| `checkbox` | 50,794 | 14,
|
|
306
|
-
| `checkbox-group` | 49,591 | 14,
|
|
307
|
-
| `code` | 34,249 | 10,492 | 9,
|
|
308
|
-
| `code-block` | 152,056 | 47,
|
|
309
|
-
| `color-input` | 187,784 | 53,
|
|
310
|
-
| `color-picker` | 148,452 | 42,352 | 35,
|
|
311
|
-
| `combobox` | 163,625 | 49,
|
|
312
|
-
| `command` | 129,039 | 39,047 | 32,
|
|
313
|
-
| `copy-button` | 140,190 | 44,376 | 37,
|
|
314
|
-
| `data-table` | 227,144 | 64,440 | 54,
|
|
315
|
-
| `date-input` | 162,787 | 49,
|
|
316
|
-
| `date-picker` | 107,397 | 34,083 | 27,
|
|
317
|
-
| `description-list` | 37,034 | 11,136 | 9,
|
|
318
|
-
| `dialog` | 42,582 | 12,668 | 11,
|
|
319
|
-
| `divider` | 37,059 | 11,328 | 9,
|
|
320
|
-
| `donut-chart` | 88,088 | 27,
|
|
321
|
-
| `drawer` | 41,221 | 12,
|
|
322
|
-
| `drilldown` | 103,343 | 33,143 | 27,
|
|
323
|
-
| `empty` | 36,590 | 11,
|
|
324
|
-
| `file-input` | 113,670 | 35,
|
|
325
|
-
| `filter-input` | 187,314 | 54,146 | 45,
|
|
326
|
-
| `flex` | 35,610 | 10,843 | 9,
|
|
327
|
-
| `format-date` | 38,814 | 11,
|
|
328
|
-
| `graph` | 131,342 | 39,
|
|
329
|
-
| `grid` | 36,203 | 11,032 | 9,
|
|
330
|
-
| `heatmap` | 87,000 | 27,374 | 24,
|
|
331
|
-
| `icon` | 89,994 | 29,073 | 23,
|
|
332
|
-
| `icon-button` | 45,786 | 13,032 | 11,
|
|
333
|
-
| `image` | 38,428 | 11,
|
|
334
|
-
| `input` | 107,548 | 33,803 | 27,
|
|
335
|
-
| `kbd` | 37,919 | 11,
|
|
336
|
-
| `legend` | 43,375 | 13,019 | 11,400 | 5,790 | 1,390 | 1,
|
|
337
|
-
| `lightbox` | 46,011 | 13,
|
|
338
|
-
| `line-chart` | 90,551 | 28,485 | 25,
|
|
339
|
-
| `list` | 39,692 | 11,
|
|
340
|
-
| `listbox` | 114,516 | 36,116 | 29,
|
|
341
|
-
| `loader` | 37,959 | 11,498 | 10,
|
|
342
|
-
| `map` | 172,078 | 45,778 | 38,
|
|
343
|
-
| `megamenu` | 69,973 | 22,584 | 19,
|
|
344
|
-
| `menu` | 136,343 | 44,103 | 37,
|
|
345
|
-
| `meter` | 43,381 | 12,723 | 11,
|
|
346
|
-
| `navigation` | 38,193 | 11,742 | 10,282 | 3,051 |
|
|
347
|
-
| `notifications` | 118,939 | 36,071 | 29,
|
|
348
|
-
| `number-input` | 108,991 | 34,360 | 28,
|
|
349
|
-
| `object-inspector` | 157,035 | 49,
|
|
350
|
-
| `option` | 40,102 | 12,078 | 10,
|
|
351
|
-
| `orb` | 44,808 | 14,467 | 12,
|
|
352
|
-
| `outline` | 43,651 | 13,234 | 11,
|
|
353
|
-
| `pagination` | 170,448 | 50,616 | 42,
|
|
354
|
-
| `pin-input` | 49,531 | 14,596 | 12,
|
|
355
|
-
| `popover` | 64,967 | 21,370 | 18,
|
|
356
|
-
| `progress` | 40,863 | 12,174 | 10,744 | 6,962 | 1,676 | 1,
|
|
357
|
-
| `qr-code` | 48,148 | 15,475 | 13,
|
|
358
|
-
| `quote` | 34,731 | 10,
|
|
359
|
-
| `radio` | 54,213 | 14,925 | 13,
|
|
360
|
-
| `rating` | 52,430 | 15,
|
|
361
|
-
| `sandbox` | 70,095 | 18,502 | 16,
|
|
362
|
-
| `scatter-chart` | 89,076 | 28,
|
|
363
|
-
| `scroll-area` | 39,467 | 11,819 | 10,
|
|
364
|
-
| `select` | 153,428 | 47,
|
|
365
|
-
| `skeleton` | 35,783 | 10,
|
|
366
|
-
| `skip-link` | 36,318 | 11,
|
|
367
|
-
| `slider` | 57,985 | 15,794 | 13,
|
|
368
|
-
| `sparkline` | 44,898 | 13,878 | 12,241 | 6,293 | 1,748 | 1,
|
|
369
|
-
| `speed-dial` | 127,953 | 41,580 | 34,
|
|
370
|
-
| `splitter` | 50,430 | 14,
|
|
371
|
-
| `stat` | 38,466 | 11,
|
|
372
|
-
| `steps` | 112,667 | 34,217 | 28,
|
|
373
|
-
| `switch` | 47,784 | 13,981 | 12,
|
|
374
|
-
| `table` | 106,565 | 34,049 | 27,
|
|
375
|
-
| `tabs` | 48,895 | 14,
|
|
376
|
-
| `tag` | 93,365 | 30,080 | 24,
|
|
377
|
-
| `text` | 37,730 | 11,196 | 9,
|
|
378
|
-
| `textarea` | 49,038 | 14,
|
|
379
|
-
| `time-input` | 181,396 | 53,205 |
|
|
380
|
-
| `time-picker` | 130,570 | 39,823 | 32,
|
|
381
|
-
| `timeline` | 93,763 | 29,912 | 24,
|
|
382
|
-
| `toast` | 101,341 | 31,985 | 26,
|
|
383
|
-
| `toggle` | 52,798 | 15,150 | 13,
|
|
384
|
-
| `toolbar` | 37,939 | 11,649 | 10,
|
|
385
|
-
| `tooltip` | 69,601 | 22,599 | 19,
|
|
386
|
-
| `tour` | 81,996 | 24,885 | 21,
|
|
387
|
-
| `tree` | 106,515 | 33,905 | 27,
|
|
388
|
-
| `trend` | 92,548 | 29,
|
|
389
|
-
| `video` | 176,566 | 52,
|
|
390
|
-
| `video-playlist` | 150,421 | 46,636 | 39,
|
|
391
|
-
| `virtual-list` | 41,389 | 12,
|
|
289
|
+
| `accordion` | 97,484 | 31,527 | 25,776 | 6,204 | 1,540 | 1,328 |
|
|
290
|
+
| `announcement` | 96,325 | 30,966 | 25,283 | 6,133 | 1,434 | 1,318 |
|
|
291
|
+
| `app-header` | 39,037 | 11,664 | 10,286 | 5,121 | 1,173 | 1,019 |
|
|
292
|
+
| `area-chart` | 88,624 | 28,374 | 24,968 | 18,528 | 4,996 | 4,058 |
|
|
293
|
+
| `aura` | 102,182 | 34,152 | 29,605 | 65,492 | 23,022 | 19,750 |
|
|
294
|
+
| `avatar` | 40,820 | 12,142 | 10,694 | 6,872 | 1,666 | 1,415 |
|
|
295
|
+
| `badge` | 38,056 | 11,452 | 10,036 | 4,519 | 1,047 | 893 |
|
|
296
|
+
| `bar-chart` | 95,653 | 29,690 | 26,159 | 25,550 | 6,313 | 5,327 |
|
|
297
|
+
| `blockquote` | 35,853 | 11,018 | 9,681 | 1,914 | 481 | 403 |
|
|
298
|
+
| `breadcrumbs` | 94,168 | 30,039 | 24,642 | 5,518 | 1,237 | 1,066 |
|
|
299
|
+
| `button` | 45,627 | 13,160 | 11,597 | 9,435 | 2,012 | 1,659 |
|
|
300
|
+
| `button-group` | 36,229 | 10,990 | 9,645 | 2,320 | 527 | 443 |
|
|
301
|
+
| `callout` | 91,867 | 29,665 | 24,423 | 3,044 | 803 | 731 |
|
|
302
|
+
| `canvas` | 116,132 | 32,041 | 27,998 | 70,330 | 18,726 | 15,747 |
|
|
303
|
+
| `card` | 37,868 | 11,465 | 10,070 | 3,963 | 988 | 908 |
|
|
304
|
+
| `carousel` | 110,792 | 33,934 | 27,953 | 21,720 | 4,518 | 3,933 |
|
|
305
|
+
| `chat` | 127,645 | 39,596 | 32,691 | 31,592 | 7,644 | 6,509 |
|
|
306
|
+
| `checkbox` | 50,794 | 14,480 | 12,734 | 9,413 | 2,243 | 1,860 |
|
|
307
|
+
| `checkbox-group` | 49,591 | 14,307 | 12,571 | 7,692 | 1,940 | 1,568 |
|
|
308
|
+
| `code` | 34,249 | 10,492 | 9,227 | 1,511 | 372 | 429 |
|
|
309
|
+
| `code-block` | 152,056 | 47,072 | 39,635 | 33,873 | 7,293 | 6,180 |
|
|
310
|
+
| `color-input` | 187,784 | 53,477 | 45,370 | 60,032 | 11,436 | 9,730 |
|
|
311
|
+
| `color-picker` | 148,452 | 42,352 | 35,092 | 48,165 | 9,437 | 8,006 |
|
|
312
|
+
| `combobox` | 163,625 | 49,537 | 41,748 | 36,412 | 7,971 | 6,635 |
|
|
313
|
+
| `command` | 129,039 | 39,047 | 32,120 | 28,805 | 6,715 | 5,685 |
|
|
314
|
+
| `copy-button` | 140,190 | 44,376 | 37,397 | 22,010 | 4,707 | 3,910 |
|
|
315
|
+
| `data-table` | 227,144 | 64,440 | 54,220 | 95,535 | 21,432 | 17,484 |
|
|
316
|
+
| `date-input` | 162,787 | 49,388 | 41,706 | 35,359 | 7,915 | 6,652 |
|
|
317
|
+
| `date-picker` | 107,397 | 34,083 | 27,876 | 15,499 | 3,869 | 3,190 |
|
|
318
|
+
| `description-list` | 37,034 | 11,136 | 9,766 | 3,502 | 769 | 609 |
|
|
319
|
+
| `dialog` | 42,582 | 12,668 | 11,151 | 7,079 | 1,783 | 1,532 |
|
|
320
|
+
| `divider` | 37,059 | 11,328 | 9,883 | 3,120 | 770 | 646 |
|
|
321
|
+
| `donut-chart` | 88,088 | 27,652 | 24,389 | 19,422 | 4,911 | 4,172 |
|
|
322
|
+
| `drawer` | 41,221 | 12,297 | 10,794 | 6,007 | 1,482 | 1,303 |
|
|
323
|
+
| `drilldown` | 103,343 | 33,143 | 27,029 | 10,391 | 2,513 | 2,074 |
|
|
324
|
+
| `empty` | 36,590 | 11,298 | 9,906 | 2,380 | 703 | 620 |
|
|
325
|
+
| `file-input` | 113,670 | 35,206 | 28,887 | 17,794 | 4,073 | 3,440 |
|
|
326
|
+
| `filter-input` | 187,314 | 54,146 | 45,740 | 56,402 | 11,409 | 9,637 |
|
|
327
|
+
| `flex` | 35,610 | 10,843 | 9,523 | 2,078 | 453 | 408 |
|
|
328
|
+
| `format-date` | 38,814 | 11,918 | 10,519 | 3,498 | 870 | 748 |
|
|
329
|
+
| `graph` | 131,342 | 39,599 | 32,592 | 26,303 | 5,764 | 4,990 |
|
|
330
|
+
| `grid` | 36,203 | 11,032 | 9,705 | 2,667 | 625 | 643 |
|
|
331
|
+
| `heatmap` | 87,000 | 27,374 | 24,210 | 17,773 | 4,424 | 3,659 |
|
|
332
|
+
| `icon` | 89,994 | 29,073 | 23,848 | 1,707 | 413 | 305 |
|
|
333
|
+
| `icon-button` | 45,786 | 13,032 | 11,449 | 9,596 | 1,871 | 1,580 |
|
|
334
|
+
| `image` | 38,428 | 11,636 | 10,225 | 4,841 | 1,286 | 1,127 |
|
|
335
|
+
| `input` | 107,548 | 33,803 | 27,644 | 11,102 | 2,659 | 2,157 |
|
|
336
|
+
| `kbd` | 37,919 | 11,849 | 10,407 | 4,373 | 1,374 | 1,189 |
|
|
337
|
+
| `legend` | 43,375 | 13,019 | 11,400 | 5,790 | 1,390 | 1,086 |
|
|
338
|
+
| `lightbox` | 46,011 | 13,700 | 11,994 | 7,803 | 1,989 | 1,683 |
|
|
339
|
+
| `line-chart` | 90,551 | 28,485 | 25,135 | 20,543 | 5,162 | 4,264 |
|
|
340
|
+
| `list` | 39,692 | 11,750 | 10,324 | 5,799 | 1,305 | 1,114 |
|
|
341
|
+
| `listbox` | 114,516 | 36,116 | 29,507 | 15,768 | 4,063 | 3,221 |
|
|
342
|
+
| `loader` | 37,959 | 11,498 | 10,113 | 4,051 | 994 | 834 |
|
|
343
|
+
| `map` | 172,078 | 45,778 | 38,148 | 70,072 | 13,195 | 11,085 |
|
|
344
|
+
| `megamenu` | 69,973 | 22,584 | 19,936 | 9,806 | 2,358 | 1,997 |
|
|
345
|
+
| `menu` | 136,343 | 44,103 | 37,043 | 16,360 | 3,788 | 3,186 |
|
|
346
|
+
| `meter` | 43,381 | 12,723 | 11,220 | 9,480 | 2,236 | 1,914 |
|
|
347
|
+
| `navigation` | 38,193 | 11,742 | 10,282 | 3,051 | 805 | 620 |
|
|
348
|
+
| `notifications` | 118,939 | 36,071 | 29,612 | 24,488 | 5,037 | 4,312 |
|
|
349
|
+
| `number-input` | 108,991 | 34,360 | 28,086 | 12,537 | 3,136 | 2,557 |
|
|
350
|
+
| `object-inspector` | 157,035 | 49,044 | 41,504 | 33,323 | 7,594 | 6,393 |
|
|
351
|
+
| `option` | 40,102 | 12,078 | 10,643 | 6,203 | 1,566 | 1,334 |
|
|
352
|
+
| `orb` | 44,808 | 14,467 | 12,771 | 8,624 | 3,203 | 2,835 |
|
|
353
|
+
| `outline` | 43,651 | 13,234 | 11,681 | 8,351 | 2,119 | 1,758 |
|
|
354
|
+
| `pagination` | 170,448 | 50,616 | 42,743 | 45,787 | 9,637 | 7,927 |
|
|
355
|
+
| `pin-input` | 49,531 | 14,596 | 12,865 | 8,390 | 2,385 | 1,883 |
|
|
356
|
+
| `popover` | 64,967 | 21,370 | 18,901 | 4,552 | 1,174 | 989 |
|
|
357
|
+
| `progress` | 40,863 | 12,174 | 10,744 | 6,962 | 1,676 | 1,392 |
|
|
358
|
+
| `qr-code` | 48,148 | 15,475 | 13,623 | 14,629 | 5,257 | 4,395 |
|
|
359
|
+
| `quote` | 34,731 | 10,654 | 9,327 | 1,191 | 291 | 196 |
|
|
360
|
+
| `radio` | 54,213 | 14,925 | 13,136 | 11,161 | 2,283 | 1,940 |
|
|
361
|
+
| `rating` | 52,430 | 15,624 | 13,762 | 10,984 | 3,118 | 2,591 |
|
|
362
|
+
| `sandbox` | 70,095 | 18,502 | 16,381 | 35,720 | 7,874 | 6,656 |
|
|
363
|
+
| `scatter-chart` | 89,076 | 28,201 | 24,857 | 19,840 | 5,218 | 4,316 |
|
|
364
|
+
| `scroll-area` | 39,467 | 11,819 | 10,362 | 5,874 | 1,384 | 1,137 |
|
|
365
|
+
| `select` | 153,428 | 47,408 | 39,909 | 28,985 | 6,520 | 5,348 |
|
|
366
|
+
| `skeleton` | 35,783 | 10,981 | 9,631 | 2,242 | 595 | 512 |
|
|
367
|
+
| `skip-link` | 36,318 | 11,203 | 9,793 | 2,624 | 722 | 554 |
|
|
368
|
+
| `slider` | 57,985 | 15,794 | 13,935 | 16,691 | 3,552 | 3,037 |
|
|
369
|
+
| `sparkline` | 44,898 | 13,878 | 12,241 | 6,293 | 1,748 | 1,518 |
|
|
370
|
+
| `speed-dial` | 127,953 | 41,580 | 34,952 | 11,355 | 2,362 | 1,933 |
|
|
371
|
+
| `splitter` | 50,430 | 14,235 | 12,615 | 16,337 | 3,634 | 3,167 |
|
|
372
|
+
| `stat` | 38,466 | 11,378 | 10,026 | 4,565 | 917 | 795 |
|
|
373
|
+
| `steps` | 112,667 | 34,217 | 28,149 | 20,087 | 3,975 | 3,478 |
|
|
374
|
+
| `switch` | 47,784 | 13,981 | 12,292 | 6,002 | 1,571 | 1,310 |
|
|
375
|
+
| `table` | 106,565 | 34,049 | 27,890 | 15,748 | 3,973 | 3,393 |
|
|
376
|
+
| `tabs` | 48,895 | 14,049 | 12,334 | 10,154 | 2,153 | 1,799 |
|
|
377
|
+
| `tag` | 93,365 | 30,080 | 24,587 | 4,244 | 1,063 | 902 |
|
|
378
|
+
| `text` | 37,730 | 11,196 | 9,825 | 4,200 | 929 | 755 |
|
|
379
|
+
| `textarea` | 49,038 | 14,260 | 12,518 | 7,416 | 1,936 | 1,566 |
|
|
380
|
+
| `time-input` | 181,396 | 53,205 | 44,933 | 50,671 | 10,793 | 9,012 |
|
|
381
|
+
| `time-picker` | 130,570 | 39,823 | 32,809 | 30,854 | 7,358 | 6,136 |
|
|
382
|
+
| `timeline` | 93,763 | 29,912 | 24,574 | 5,110 | 1,131 | 1,009 |
|
|
383
|
+
| `toast` | 101,341 | 31,985 | 26,219 | 11,599 | 2,622 | 2,166 |
|
|
384
|
+
| `toggle` | 52,798 | 15,150 | 13,346 | 8,526 | 2,062 | 1,697 |
|
|
385
|
+
| `toolbar` | 37,939 | 11,649 | 10,233 | 3,899 | 1,022 | 835 |
|
|
386
|
+
| `tooltip` | 69,601 | 22,599 | 19,950 | 9,554 | 2,494 | 2,005 |
|
|
387
|
+
| `tour` | 81,996 | 24,885 | 21,973 | 20,795 | 4,496 | 3,706 |
|
|
388
|
+
| `tree` | 106,515 | 33,905 | 27,724 | 13,067 | 3,290 | 2,734 |
|
|
389
|
+
| `trend` | 92,548 | 29,698 | 24,397 | 4,271 | 983 | 799 |
|
|
390
|
+
| `video` | 176,566 | 52,762 | 44,815 | 51,979 | 11,228 | 9,627 |
|
|
391
|
+
| `video-playlist` | 150,421 | 46,636 | 39,232 | 29,040 | 5,998 | 5,029 |
|
|
392
|
+
| `virtual-list` | 41,389 | 12,879 | 11,334 | 3,187 | 935 | 716 |
|
|
392
393
|
|
|
393
394
|
## What an install adds to `node_modules`
|
|
394
395
|
|
|
@@ -3405,7 +3405,7 @@ on its own.
|
|
|
3405
3405
|
|
|
3406
3406
|
| | Raw | Gzip | Brotli |
|
|
3407
3407
|
|---|---|---|---|
|
|
3408
|
-
| Lit and \`@fusion.dev/helix-core\` | 186,211 | 59,
|
|
3408
|
+
| Lit and \`@fusion.dev/helix-core\` | 186,211 | 59,377 | 50,257 |
|
|
3409
3409
|
|
|
3410
3410
|
## Whole packages
|
|
3411
3411
|
|
|
@@ -3416,11 +3416,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
3416
3416
|
|
|
3417
3417
|
| Package | Raw | Gzip | Brotli | |
|
|
3418
3418
|
|---|---|---|---|---|
|
|
3419
|
-
| \`@fusion.dev/helix-core\` | 185,764 | 59,007 |
|
|
3420
|
-
| \`@fusion.dev/helix-headless\` | 749,093 | 194,398 | 150,
|
|
3419
|
+
| \`@fusion.dev/helix-core\` | 185,764 | 59,007 | 50,046 | The element base class, mixins, decorators, and floating positioning. |
|
|
3420
|
+
| \`@fusion.dev/helix-headless\` | 749,093 | 194,398 | 150,798 | Every headless family. The barrel entry includes all of them. |
|
|
3421
3421
|
| \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
3422
|
-
| \`@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. |
|
|
3423
|
-
|
|
|
3422
|
+
| \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
3423
|
+
| \`fusion_helix_theme_bg.wasm\` | 490,270 | 155,600 | 125,779 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
3424
|
+
| \`@fusion.dev/helix\` | 1,296,493 | 303,276 | 221,718 | Every styled family. |
|
|
3424
3425
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
3425
3426
|
|
|
3426
3427
|
## Stylesheets
|
|
@@ -3441,9 +3442,9 @@ shows the whole cost of using the base layer on its own.
|
|
|
3441
3442
|
|
|
3442
3443
|
## What the numbers say
|
|
3443
3444
|
|
|
3444
|
-
**Most of your first component is the shared runtime.** The median styled family is 21,977 bytes gzipped alone, and it adds 2,
|
|
3445
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,977 bytes gzipped alone, and it adds 2,263 to a page that already has Helix. The shared runtime is 90 percent of the first component, and the component itself is 10 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.
|
|
3445
3446
|
|
|
3446
|
-
Across the 104 styled components, the smallest is \`code\` at 10,492 bytes gzipped alone, and the largest is \`data-table\` at 64,440. Every family together is 303,
|
|
3447
|
+
Across the 104 styled components, the smallest is \`code\` at 10,492 bytes gzipped alone, and the largest is \`data-table\` at 64,440. Every family together is 303,276.
|
|
3447
3448
|
|
|
3448
3449
|
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 194,398 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.
|
|
3449
3450
|
|
|
@@ -3459,37 +3460,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3459
3460
|
|
|
3460
3461
|
| Component | System | Raw | Gzip | Brotli |
|
|
3461
3462
|
|---|---|---|---|---|
|
|
3462
|
-
| \`button\` | **Helix** | 45,627 | 13,160 | 11,
|
|
3463
|
+
| \`button\` | **Helix** | 45,627 | 13,160 | 11,597 |
|
|
3463
3464
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
3464
3465
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
3465
3466
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
3466
3467
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
3467
|
-
| \`checkbox\` | **Helix** | 50,794 | 14,
|
|
3468
|
+
| \`checkbox\` | **Helix** | 50,794 | 14,480 | 12,734 |
|
|
3468
3469
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
3469
3470
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
3470
3471
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
3471
3472
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
3472
|
-
| \`dialog\` | **Helix** | 42,582 | 12,668 | 11,
|
|
3473
|
+
| \`dialog\` | **Helix** | 42,582 | 12,668 | 11,151 |
|
|
3473
3474
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
3474
3475
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
3475
3476
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
3476
3477
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
3477
|
-
| \`radio\` | **Helix** | 54,213 | 14,925 | 13,
|
|
3478
|
+
| \`radio\` | **Helix** | 54,213 | 14,925 | 13,136 |
|
|
3478
3479
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
3479
3480
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
3480
3481
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
3481
3482
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
3482
|
-
| \`switch\` | **Helix** | 47,784 | 13,981 | 12,
|
|
3483
|
+
| \`switch\` | **Helix** | 47,784 | 13,981 | 12,292 |
|
|
3483
3484
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
3484
3485
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
3485
3486
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
3486
3487
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
3487
|
-
| \`tabs\` | **Helix** | 48,895 | 14,
|
|
3488
|
+
| \`tabs\` | **Helix** | 48,895 | 14,049 | 12,334 |
|
|
3488
3489
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
3489
3490
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
3490
3491
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
3491
3492
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
3492
|
-
| \`tooltip\` | **Helix** | 69,601 | 22,599 | 19,
|
|
3493
|
+
| \`tooltip\` | **Helix** | 69,601 | 22,599 | 19,950 |
|
|
3493
3494
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
3494
3495
|
| | Material Web | | not shipped | |
|
|
3495
3496
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -3539,104 +3540,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
3539
3540
|
|
|
3540
3541
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3541
3542
|
|---|---|---|---|---|---|---|
|
|
3542
|
-
| \`accordion\` | 94,146 | 30,683 | 25,
|
|
3543
|
-
| \`announcement\` | 91,561 | 29,855 | 24,
|
|
3544
|
-
| \`app-header\` | 35,147 | 10,
|
|
3545
|
-
| \`area-chart\` | 81,239 | 26,
|
|
3546
|
-
| \`avatar\` | 37,234 | 11,
|
|
3547
|
-
| \`badge\` | 34,683 | 10,703 | 9,
|
|
3548
|
-
| \`bar-chart\` | 82,848 | 27,
|
|
3549
|
-
| \`blockquote\` | 34,697 | 10,730 | 9,
|
|
3550
|
-
| \`breadcrumbs\` | 90,601 | 29,203 | 23,
|
|
3551
|
-
| \`button\` | 39,369 | 11,986 | 10,
|
|
3552
|
-
| \`button-group\` | 34,553 | 10,610 | 9,
|
|
3553
|
-
| \`callout\` | 89,781 | 29,
|
|
3554
|
-
| \`canvas\` | 95,827 | 28,300 | 24,
|
|
3555
|
-
| \`card\` | 34,587 | 10,627 | 9,
|
|
3556
|
-
| \`carousel\` | 100,004 | 32,186 | 26,
|
|
3557
|
-
| \`chat\` | 113,488 | 37,
|
|
3558
|
-
| \`checkbox\` | 44,186 | 13,038 | 11,
|
|
3559
|
-
| \`checkbox-group\` | 47,310 | 13,
|
|
3560
|
-
| \`code\` | 33,172 | 10,193 | 8,
|
|
3561
|
-
| \`code-block\` | 135,605 | 44,216 | 37,
|
|
3562
|
-
| \`color-input\` | 153,586 | 48,
|
|
3563
|
-
| \`color-picker\` | 119,956 | 37,674 |
|
|
3564
|
-
| \`combobox\` | 148,369 | 46,
|
|
3565
|
-
| \`command\` | 118,287 | 36,
|
|
3566
|
-
| \`copy-button\` | 130,185 | 42,566 | 35,
|
|
3567
|
-
| \`data-table\` | 188,875 | 57,528 | 48,
|
|
3568
|
-
| \`date-input\` | 146,628 | 46,
|
|
3569
|
-
| \`date-picker\` | 101,780 | 32,896 | 26,
|
|
3570
|
-
| \`description-list\` | 34,656 | 10,565 | 9,
|
|
3571
|
-
| \`dialog\` | 38,205 | 11,
|
|
3572
|
-
| \`divider\` | 34,903 | 10,
|
|
3573
|
-
| \`donut-chart\` | 78,982 | 25,
|
|
3574
|
-
| \`drawer\` | 36,958 | 11,299 | 9,
|
|
3575
|
-
| \`drilldown\` | 98,646 | 32,
|
|
3576
|
-
| \`empty\` | 35,150 | 10,853 | 9,
|
|
3577
|
-
| \`file-input\` | 102,144 | 32,877 | 26,
|
|
3578
|
-
| \`filter-input\` | 158,975 | 49,
|
|
3579
|
-
| \`format-date\` | 38,166 | 11,770 | 10,
|
|
3580
|
-
| \`graph\` | 116,500 | 37,045 | 30,
|
|
3581
|
-
| \`heatmap\` | 80,204 | 25,983 | 22,
|
|
3582
|
-
| \`icon\` | 89,288 | 28,
|
|
3583
|
-
| \`icon-button\` | 39,768 | 12,019 | 10,
|
|
3584
|
-
| \`image\` | 36,726 | 11,
|
|
3585
|
-
| \`input\` | 101,182 | 32,362 | 26,
|
|
3586
|
-
| \`kbd\` | 36,507 | 11,395 | 10,
|
|
3587
|
-
| \`legend\` | 38,559 | 11,901 | 10,
|
|
3588
|
-
| \`lightbox\` | 42,999 | 12,
|
|
3589
|
-
| \`line-chart\` | 80,779 | 26,
|
|
3590
|
-
| \`list\` | 35,609 | 10,806 | 9,
|
|
3591
|
-
| \`listbox\` | 109,996 | 35,061 | 28,
|
|
3592
|
-
| \`loader\` | 34,793 | 10,731 | 9,
|
|
3593
|
-
| \`map\` | 135,023 | 40,242 | 33,
|
|
3594
|
-
| \`megamenu\` | 65,092 | 21,481 | 18,
|
|
3595
|
-
| \`menu\` | 128,815 | 42,454 | 35,
|
|
3596
|
-
| \`meter\` | 37,983 | 11,
|
|
3597
|
-
| \`navigation\` | 36,542 | 11,280 | 9,892 | 1,417 | 341 |
|
|
3598
|
-
| \`notifications\` | 105,825 | 33,645 | 27,
|
|
3599
|
-
| \`number-input\` | 104,106 | 33,173 | 27,
|
|
3600
|
-
| \`object-inspector\` | 143,395 | 46,771 | 39,
|
|
3601
|
-
| \`option\` | 36,848 | 11,
|
|
3602
|
-
| \`outline\` | 39,911 | 12,458 | 10,
|
|
3603
|
-
| \`pagination\` | 152,465 | 47,
|
|
3604
|
-
| \`pin-input\` | 46,366 | 13,784 | 12,
|
|
3605
|
-
| \`popover\` | 62,296 | 20,
|
|
3606
|
-
| \`progress\` | 35,834 | 11,003 | 9,
|
|
3607
|
-
| \`qr-code\` | 46,483 | 15,044 | 13,
|
|
3608
|
-
| \`quote\` | 34,076 | 10,491 | 9,221 | 552 |
|
|
3609
|
-
| \`radio\` | 45,916 | 13,
|
|
3610
|
-
| \`rating\` | 48,121 | 14,
|
|
3611
|
-
| \`scatter-chart\` | 80,683 | 26,413 | 23,
|
|
3612
|
-
| \`scroll-area\` | 36,319 | 11,164 | 9,
|
|
3613
|
-
| \`select\` | 140,575 | 45,
|
|
3614
|
-
| \`skeleton\` | 33,265 | 10,227 |
|
|
3615
|
-
| \`skip-link\` | 34,855 | 10,796 | 9,
|
|
3616
|
-
| \`slider\` | 46,905 | 13,
|
|
3617
|
-
| \`sparkline\` | 40,978 | 12,925 | 11,
|
|
3618
|
-
| \`speed-dial\` | 120,323 | 40,071 | 33,
|
|
3619
|
-
| \`splitter\` | 44,358 | 13,240 | 11,
|
|
3620
|
-
| \`stat\` | 35,041 | 10,666 | 9,
|
|
3621
|
-
| \`steps\` | 98,861 | 31,
|
|
3622
|
-
| \`switch\` | 43,417 | 12,921 | 11,
|
|
3623
|
-
| \`table\` | 100,971 | 32,855 | 26,
|
|
3624
|
-
| \`tabs\` | 42,654 | 12,774 | 11,
|
|
3625
|
-
| \`tag\` | 90,014 | 29,133 | 23,
|
|
3626
|
-
| \`textarea\` | 45,604 | 13,423 | 11,
|
|
3627
|
-
| \`time-input\` | 159,758 | 49,619 | 41,
|
|
3628
|
-
| \`time-picker\` | 118,842 | 37,643 | 30,
|
|
3629
|
-
| \`timeline\` | 90,450 | 29,131 | 23,
|
|
3630
|
-
| \`toast\` | 93,807 | 30,268 | 24,
|
|
3631
|
-
| \`toggle\` | 47,603 | 13,
|
|
3632
|
-
| \`toolbar\` | 36,647 | 11,354 | 9,
|
|
3633
|
-
| \`tooltip\` | 66,523 | 21,
|
|
3634
|
-
| \`tour\` | 72,280 | 23,251 | 20,
|
|
3635
|
-
| \`tree\` | 100,665 | 32,488 | 26,
|
|
3636
|
-
| \`trend\` | 89,328 | 28,928 | 23,
|
|
3637
|
-
| \`video\` | 157,146 | 49,
|
|
3638
|
-
| \`video-playlist\` | 136,305 | 44,
|
|
3639
|
-
| \`virtual-list\` | 40,597 | 12,
|
|
3543
|
+
| \`accordion\` | 94,146 | 30,683 | 25,054 | 2,875 | 725 | 591 |
|
|
3544
|
+
| \`announcement\` | 91,561 | 29,855 | 24,344 | 1,386 | 365 | 315 |
|
|
3545
|
+
| \`app-header\` | 35,147 | 10,774 | 9,482 | 1,248 | 261 | 267 |
|
|
3546
|
+
| \`area-chart\` | 81,239 | 26,784 | 23,616 | 11,166 | 3,382 | 2,736 |
|
|
3547
|
+
| \`avatar\` | 37,234 | 11,388 | 10,035 | 3,296 | 894 | 740 |
|
|
3548
|
+
| \`badge\` | 34,683 | 10,703 | 9,380 | 1,163 | 301 | 227 |
|
|
3549
|
+
| \`bar-chart\` | 82,848 | 27,158 | 23,952 | 12,769 | 3,695 | 3,195 |
|
|
3550
|
+
| \`blockquote\` | 34,697 | 10,730 | 9,428 | 774 | 177 | 163 |
|
|
3551
|
+
| \`breadcrumbs\` | 90,601 | 29,203 | 23,965 | 1,965 | 444 | 405 |
|
|
3552
|
+
| \`button\` | 39,369 | 11,986 | 10,530 | 3,195 | 817 | 682 |
|
|
3553
|
+
| \`button-group\` | 34,553 | 10,610 | 9,316 | 661 | 141 | 91 |
|
|
3554
|
+
| \`callout\` | 89,781 | 29,091 | 23,899 | 975 | 274 | 278 |
|
|
3555
|
+
| \`canvas\` | 95,827 | 28,300 | 24,815 | 50,036 | 14,960 | 12,555 |
|
|
3556
|
+
| \`card\` | 34,587 | 10,627 | 9,339 | 694 | 140 | 89 |
|
|
3557
|
+
| \`carousel\` | 100,004 | 32,186 | 26,392 | 10,943 | 2,734 | 2,326 |
|
|
3558
|
+
| \`chat\` | 113,488 | 37,075 | 30,397 | 17,449 | 5,101 | 4,303 |
|
|
3559
|
+
| \`checkbox\` | 44,186 | 13,038 | 11,447 | 2,821 | 784 | 591 |
|
|
3560
|
+
| \`checkbox-group\` | 47,310 | 13,724 | 12,070 | 5,425 | 1,366 | 1,117 |
|
|
3561
|
+
| \`code\` | 33,172 | 10,193 | 8,966 | 451 | 78 | 40 |
|
|
3562
|
+
| \`code-block\` | 135,605 | 44,216 | 37,288 | 17,443 | 4,511 | 3,880 |
|
|
3563
|
+
| \`color-input\` | 153,586 | 48,220 | 40,723 | 25,853 | 6,032 | 5,036 |
|
|
3564
|
+
| \`color-picker\` | 119,956 | 37,674 | 30,975 | 19,676 | 4,708 | 3,949 |
|
|
3565
|
+
| \`combobox\` | 148,369 | 46,880 | 39,435 | 21,175 | 5,214 | 4,226 |
|
|
3566
|
+
| \`command\` | 118,287 | 36,946 | 30,260 | 18,064 | 4,594 | 3,744 |
|
|
3567
|
+
| \`copy-button\` | 130,185 | 42,566 | 35,820 | 12,019 | 2,957 | 2,432 |
|
|
3568
|
+
| \`data-table\` | 188,875 | 57,528 | 48,563 | 57,535 | 14,589 | 12,192 |
|
|
3569
|
+
| \`date-input\` | 146,628 | 46,372 | 38,994 | 19,212 | 4,832 | 4,047 |
|
|
3570
|
+
| \`date-picker\` | 101,780 | 32,896 | 26,931 | 9,900 | 2,706 | 2,203 |
|
|
3571
|
+
| \`description-list\` | 34,656 | 10,565 | 9,269 | 1,132 | 172 | 155 |
|
|
3572
|
+
| \`dialog\` | 38,205 | 11,660 | 10,266 | 2,717 | 777 | 650 |
|
|
3573
|
+
| \`divider\` | 34,903 | 10,810 | 9,498 | 981 | 255 | 196 |
|
|
3574
|
+
| \`donut-chart\` | 78,982 | 25,782 | 22,727 | 10,339 | 2,970 | 2,540 |
|
|
3575
|
+
| \`drawer\` | 36,958 | 11,299 | 9,931 | 1,761 | 470 | 398 |
|
|
3576
|
+
| \`drilldown\` | 98,646 | 32,043 | 26,104 | 5,704 | 1,493 | 1,176 |
|
|
3577
|
+
| \`empty\` | 35,150 | 10,853 | 9,531 | 956 | 243 | 163 |
|
|
3578
|
+
| \`file-input\` | 102,144 | 32,877 | 26,856 | 6,266 | 1,808 | 1,396 |
|
|
3579
|
+
| \`filter-input\` | 158,975 | 49,595 | 41,937 | 28,070 | 6,799 | 5,629 |
|
|
3580
|
+
| \`format-date\` | 38,166 | 11,770 | 10,393 | 2,868 | 694 | 582 |
|
|
3581
|
+
| \`graph\` | 116,500 | 37,045 | 30,487 | 11,480 | 3,231 | 2,788 |
|
|
3582
|
+
| \`heatmap\` | 80,204 | 25,983 | 22,886 | 10,997 | 2,991 | 2,539 |
|
|
3583
|
+
| \`icon\` | 89,288 | 28,883 | 23,689 | 1,018 | 246 | 208 |
|
|
3584
|
+
| \`icon-button\` | 39,768 | 12,019 | 10,552 | 3,594 | 858 | 630 |
|
|
3585
|
+
| \`image\` | 36,726 | 11,157 | 9,803 | 3,157 | 812 | 638 |
|
|
3586
|
+
| \`input\` | 101,182 | 32,362 | 26,507 | 4,746 | 1,276 | 977 |
|
|
3587
|
+
| \`kbd\` | 36,507 | 11,395 | 10,035 | 2,976 | 915 | 738 |
|
|
3588
|
+
| \`legend\` | 38,559 | 11,901 | 10,461 | 1,080 | 277 | 260 |
|
|
3589
|
+
| \`lightbox\` | 42,999 | 12,950 | 11,347 | 4,807 | 1,236 | 1,042 |
|
|
3590
|
+
| \`line-chart\` | 80,779 | 26,487 | 23,389 | 10,792 | 3,086 | 2,597 |
|
|
3591
|
+
| \`list\` | 35,609 | 10,806 | 9,494 | 1,726 | 333 | 276 |
|
|
3592
|
+
| \`listbox\` | 109,996 | 35,061 | 28,605 | 11,263 | 3,065 | 2,451 |
|
|
3593
|
+
| \`loader\` | 34,793 | 10,731 | 9,434 | 900 | 231 | 145 |
|
|
3594
|
+
| \`map\` | 135,023 | 40,242 | 33,379 | 33,030 | 7,708 | 6,231 |
|
|
3595
|
+
| \`megamenu\` | 65,092 | 21,481 | 18,897 | 4,941 | 1,278 | 1,033 |
|
|
3596
|
+
| \`menu\` | 128,815 | 42,454 | 35,618 | 8,856 | 2,188 | 1,829 |
|
|
3597
|
+
| \`meter\` | 37,983 | 11,583 | 10,180 | 4,100 | 1,064 | 940 |
|
|
3598
|
+
| \`navigation\` | 36,542 | 11,280 | 9,892 | 1,417 | 341 | 301 |
|
|
3599
|
+
| \`notifications\` | 105,825 | 33,645 | 27,464 | 11,384 | 2,617 | 2,170 |
|
|
3600
|
+
| \`number-input\` | 104,106 | 33,173 | 27,093 | 7,671 | 1,991 | 1,556 |
|
|
3601
|
+
| \`object-inspector\` | 143,395 | 46,771 | 39,449 | 19,705 | 5,249 | 4,382 |
|
|
3602
|
+
| \`option\` | 36,848 | 11,172 | 9,859 | 2,959 | 666 | 414 |
|
|
3603
|
+
| \`outline\` | 39,911 | 12,458 | 10,978 | 4,628 | 1,326 | 1,080 |
|
|
3604
|
+
| \`pagination\` | 152,465 | 47,582 | 40,030 | 27,823 | 6,528 | 5,329 |
|
|
3605
|
+
| \`pin-input\` | 46,366 | 13,784 | 12,137 | 5,242 | 1,563 | 1,171 |
|
|
3606
|
+
| \`popover\` | 62,296 | 20,725 | 18,214 | 1,899 | 513 | 488 |
|
|
3607
|
+
| \`progress\` | 35,834 | 11,003 | 9,678 | 1,951 | 490 | 464 |
|
|
3608
|
+
| \`qr-code\` | 46,483 | 15,044 | 13,242 | 12,984 | 4,828 | 4,059 |
|
|
3609
|
+
| \`quote\` | 34,076 | 10,491 | 9,221 | 552 | 119 | 67 |
|
|
3610
|
+
| \`radio\` | 45,916 | 13,428 | 11,812 | 2,874 | 726 | 578 |
|
|
3611
|
+
| \`rating\` | 48,121 | 14,398 | 12,675 | 6,689 | 1,880 | 1,538 |
|
|
3612
|
+
| \`scatter-chart\` | 80,683 | 26,413 | 23,275 | 11,471 | 3,371 | 2,830 |
|
|
3613
|
+
| \`scroll-area\` | 36,319 | 11,164 | 9,809 | 2,743 | 736 | 655 |
|
|
3614
|
+
| \`select\` | 140,575 | 45,037 | 37,796 | 16,146 | 4,083 | 3,351 |
|
|
3615
|
+
| \`skeleton\` | 33,265 | 10,227 | 8,965 | 544 | 106 | 45 |
|
|
3616
|
+
| \`skip-link\` | 34,855 | 10,796 | 9,475 | 1,178 | 334 | 243 |
|
|
3617
|
+
| \`slider\` | 46,905 | 13,806 | 12,176 | 5,628 | 1,517 | 1,238 |
|
|
3618
|
+
| \`sparkline\` | 40,978 | 12,925 | 11,386 | 2,387 | 794 | 744 |
|
|
3619
|
+
| \`speed-dial\` | 120,323 | 40,071 | 33,736 | 3,743 | 918 | 690 |
|
|
3620
|
+
| \`splitter\` | 44,358 | 13,240 | 11,678 | 10,283 | 2,587 | 2,196 |
|
|
3621
|
+
| \`stat\` | 35,041 | 10,666 | 9,363 | 1,148 | 185 | 79 |
|
|
3622
|
+
| \`steps\` | 98,861 | 31,677 | 25,901 | 6,295 | 1,470 | 1,224 |
|
|
3623
|
+
| \`switch\` | 43,417 | 12,921 | 11,362 | 1,650 | 514 | 364 |
|
|
3624
|
+
| \`table\` | 100,971 | 32,855 | 26,742 | 10,159 | 2,795 | 2,312 |
|
|
3625
|
+
| \`tabs\` | 42,654 | 12,774 | 11,190 | 3,925 | 822 | 664 |
|
|
3626
|
+
| \`tag\` | 90,014 | 29,133 | 23,798 | 908 | 198 | 207 |
|
|
3627
|
+
| \`textarea\` | 45,604 | 13,423 | 11,778 | 3,997 | 1,063 | 806 |
|
|
3628
|
+
| \`time-input\` | 159,758 | 49,619 | 41,795 | 29,051 | 7,093 | 5,869 |
|
|
3629
|
+
| \`time-picker\` | 118,842 | 37,643 | 30,852 | 19,136 | 5,108 | 4,201 |
|
|
3630
|
+
| \`timeline\` | 90,450 | 29,131 | 23,931 | 1,809 | 362 | 265 |
|
|
3631
|
+
| \`toast\` | 93,807 | 30,268 | 24,715 | 4,078 | 949 | 780 |
|
|
3632
|
+
| \`toggle\` | 47,603 | 13,959 | 12,288 | 3,342 | 815 | 573 |
|
|
3633
|
+
| \`toolbar\` | 36,647 | 11,354 | 9,978 | 2,624 | 704 | 576 |
|
|
3634
|
+
| \`tooltip\` | 66,523 | 21,821 | 19,323 | 6,494 | 1,749 | 1,431 |
|
|
3635
|
+
| \`tour\` | 72,280 | 23,251 | 20,408 | 11,097 | 2,772 | 2,303 |
|
|
3636
|
+
| \`tree\` | 100,665 | 32,488 | 26,473 | 7,224 | 1,878 | 1,567 |
|
|
3637
|
+
| \`trend\` | 89,328 | 28,928 | 23,780 | 1,056 | 268 | 266 |
|
|
3638
|
+
| \`video\` | 157,146 | 49,284 | 41,734 | 32,577 | 7,665 | 6,638 |
|
|
3639
|
+
| \`video-playlist\` | 136,305 | 44,054 | 36,962 | 14,942 | 3,424 | 2,916 |
|
|
3640
|
+
| \`virtual-list\` | 40,597 | 12,666 | 11,132 | 2,413 | 719 | 592 |
|
|
3640
3641
|
|
|
3641
3642
|
### Styled tier
|
|
3642
3643
|
|
|
@@ -3644,110 +3645,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
3644
3645
|
|
|
3645
3646
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3646
3647
|
|---|---|---|---|---|---|---|
|
|
3647
|
-
| \`accordion\` | 97,484 | 31,527 | 25,
|
|
3648
|
-
| \`announcement\` | 96,325 | 30,966 | 25,
|
|
3649
|
-
| \`app-header\` | 39,037 | 11,664 | 10,
|
|
3650
|
-
| \`area-chart\` | 88,624 | 28,374 |
|
|
3651
|
-
| \`aura\` | 102,182 | 34,
|
|
3652
|
-
| \`avatar\` | 40,820 | 12,142 | 10,
|
|
3653
|
-
| \`badge\` | 38,056 | 11,452 | 10,
|
|
3654
|
-
| \`bar-chart\` | 95,653 | 29,690 | 26,
|
|
3655
|
-
| \`blockquote\` | 35,853 | 11,
|
|
3656
|
-
| \`breadcrumbs\` | 94,168 | 30,039 | 24,
|
|
3657
|
-
| \`button\` | 45,627 | 13,160 | 11,
|
|
3658
|
-
| \`button-group\` | 36,229 | 10,
|
|
3659
|
-
| \`callout\` | 91,867 | 29,665 | 24,
|
|
3660
|
-
| \`canvas\` | 116,132 | 32,041 | 27,
|
|
3661
|
-
| \`card\` | 37,868 | 11,465 | 10,
|
|
3662
|
-
| \`carousel\` | 110,792 | 33,934 | 27,
|
|
3663
|
-
| \`chat\` | 127,645 | 39,596 | 32,
|
|
3664
|
-
| \`checkbox\` | 50,794 | 14,
|
|
3665
|
-
| \`checkbox-group\` | 49,591 | 14,
|
|
3666
|
-
| \`code\` | 34,249 | 10,492 | 9,
|
|
3667
|
-
| \`code-block\` | 152,056 | 47,
|
|
3668
|
-
| \`color-input\` | 187,784 | 53,
|
|
3669
|
-
| \`color-picker\` | 148,452 | 42,352 | 35,
|
|
3670
|
-
| \`combobox\` | 163,625 | 49,
|
|
3671
|
-
| \`command\` | 129,039 | 39,047 | 32,
|
|
3672
|
-
| \`copy-button\` | 140,190 | 44,376 | 37,
|
|
3673
|
-
| \`data-table\` | 227,144 | 64,440 | 54,
|
|
3674
|
-
| \`date-input\` | 162,787 | 49,
|
|
3675
|
-
| \`date-picker\` | 107,397 | 34,083 | 27,
|
|
3676
|
-
| \`description-list\` | 37,034 | 11,136 | 9,
|
|
3677
|
-
| \`dialog\` | 42,582 | 12,668 | 11,
|
|
3678
|
-
| \`divider\` | 37,059 | 11,328 | 9,
|
|
3679
|
-
| \`donut-chart\` | 88,088 | 27,
|
|
3680
|
-
| \`drawer\` | 41,221 | 12,
|
|
3681
|
-
| \`drilldown\` | 103,343 | 33,143 | 27,
|
|
3682
|
-
| \`empty\` | 36,590 | 11,
|
|
3683
|
-
| \`file-input\` | 113,670 | 35,
|
|
3684
|
-
| \`filter-input\` | 187,314 | 54,146 | 45,
|
|
3685
|
-
| \`flex\` | 35,610 | 10,843 | 9,
|
|
3686
|
-
| \`format-date\` | 38,814 | 11,
|
|
3687
|
-
| \`graph\` | 131,342 | 39,
|
|
3688
|
-
| \`grid\` | 36,203 | 11,032 | 9,
|
|
3689
|
-
| \`heatmap\` | 87,000 | 27,374 | 24,
|
|
3690
|
-
| \`icon\` | 89,994 | 29,073 | 23,
|
|
3691
|
-
| \`icon-button\` | 45,786 | 13,032 | 11,
|
|
3692
|
-
| \`image\` | 38,428 | 11,
|
|
3693
|
-
| \`input\` | 107,548 | 33,803 | 27,
|
|
3694
|
-
| \`kbd\` | 37,919 | 11,
|
|
3695
|
-
| \`legend\` | 43,375 | 13,019 | 11,400 | 5,790 | 1,390 | 1,
|
|
3696
|
-
| \`lightbox\` | 46,011 | 13,
|
|
3697
|
-
| \`line-chart\` | 90,551 | 28,485 | 25,
|
|
3698
|
-
| \`list\` | 39,692 | 11,
|
|
3699
|
-
| \`listbox\` | 114,516 | 36,116 | 29,
|
|
3700
|
-
| \`loader\` | 37,959 | 11,498 | 10,
|
|
3701
|
-
| \`map\` | 172,078 | 45,778 | 38,
|
|
3702
|
-
| \`megamenu\` | 69,973 | 22,584 | 19,
|
|
3703
|
-
| \`menu\` | 136,343 | 44,103 | 37,
|
|
3704
|
-
| \`meter\` | 43,381 | 12,723 | 11,
|
|
3705
|
-
| \`navigation\` | 38,193 | 11,742 | 10,282 | 3,051 |
|
|
3706
|
-
| \`notifications\` | 118,939 | 36,071 | 29,
|
|
3707
|
-
| \`number-input\` | 108,991 | 34,360 | 28,
|
|
3708
|
-
| \`object-inspector\` | 157,035 | 49,
|
|
3709
|
-
| \`option\` | 40,102 | 12,078 | 10,
|
|
3710
|
-
| \`orb\` | 44,808 | 14,467 | 12,
|
|
3711
|
-
| \`outline\` | 43,651 | 13,234 | 11,
|
|
3712
|
-
| \`pagination\` | 170,448 | 50,616 | 42,
|
|
3713
|
-
| \`pin-input\` | 49,531 | 14,596 | 12,
|
|
3714
|
-
| \`popover\` | 64,967 | 21,370 | 18,
|
|
3715
|
-
| \`progress\` | 40,863 | 12,174 | 10,744 | 6,962 | 1,676 | 1,
|
|
3716
|
-
| \`qr-code\` | 48,148 | 15,475 | 13,
|
|
3717
|
-
| \`quote\` | 34,731 | 10,
|
|
3718
|
-
| \`radio\` | 54,213 | 14,925 | 13,
|
|
3719
|
-
| \`rating\` | 52,430 | 15,
|
|
3720
|
-
| \`sandbox\` | 70,095 | 18,502 | 16,
|
|
3721
|
-
| \`scatter-chart\` | 89,076 | 28,
|
|
3722
|
-
| \`scroll-area\` | 39,467 | 11,819 | 10,
|
|
3723
|
-
| \`select\` | 153,428 | 47,
|
|
3724
|
-
| \`skeleton\` | 35,783 | 10,
|
|
3725
|
-
| \`skip-link\` | 36,318 | 11,
|
|
3726
|
-
| \`slider\` | 57,985 | 15,794 | 13,
|
|
3727
|
-
| \`sparkline\` | 44,898 | 13,878 | 12,241 | 6,293 | 1,748 | 1,
|
|
3728
|
-
| \`speed-dial\` | 127,953 | 41,580 | 34,
|
|
3729
|
-
| \`splitter\` | 50,430 | 14,
|
|
3730
|
-
| \`stat\` | 38,466 | 11,
|
|
3731
|
-
| \`steps\` | 112,667 | 34,217 | 28,
|
|
3732
|
-
| \`switch\` | 47,784 | 13,981 | 12,
|
|
3733
|
-
| \`table\` | 106,565 | 34,049 | 27,
|
|
3734
|
-
| \`tabs\` | 48,895 | 14,
|
|
3735
|
-
| \`tag\` | 93,365 | 30,080 | 24,
|
|
3736
|
-
| \`text\` | 37,730 | 11,196 | 9,
|
|
3737
|
-
| \`textarea\` | 49,038 | 14,
|
|
3738
|
-
| \`time-input\` | 181,396 | 53,205 |
|
|
3739
|
-
| \`time-picker\` | 130,570 | 39,823 | 32,
|
|
3740
|
-
| \`timeline\` | 93,763 | 29,912 | 24,
|
|
3741
|
-
| \`toast\` | 101,341 | 31,985 | 26,
|
|
3742
|
-
| \`toggle\` | 52,798 | 15,150 | 13,
|
|
3743
|
-
| \`toolbar\` | 37,939 | 11,649 | 10,
|
|
3744
|
-
| \`tooltip\` | 69,601 | 22,599 | 19,
|
|
3745
|
-
| \`tour\` | 81,996 | 24,885 | 21,
|
|
3746
|
-
| \`tree\` | 106,515 | 33,905 | 27,
|
|
3747
|
-
| \`trend\` | 92,548 | 29,
|
|
3748
|
-
| \`video\` | 176,566 | 52,
|
|
3749
|
-
| \`video-playlist\` | 150,421 | 46,636 | 39,
|
|
3750
|
-
| \`virtual-list\` | 41,389 | 12,
|
|
3648
|
+
| \`accordion\` | 97,484 | 31,527 | 25,776 | 6,204 | 1,540 | 1,328 |
|
|
3649
|
+
| \`announcement\` | 96,325 | 30,966 | 25,283 | 6,133 | 1,434 | 1,318 |
|
|
3650
|
+
| \`app-header\` | 39,037 | 11,664 | 10,286 | 5,121 | 1,173 | 1,019 |
|
|
3651
|
+
| \`area-chart\` | 88,624 | 28,374 | 24,968 | 18,528 | 4,996 | 4,058 |
|
|
3652
|
+
| \`aura\` | 102,182 | 34,152 | 29,605 | 65,492 | 23,022 | 19,750 |
|
|
3653
|
+
| \`avatar\` | 40,820 | 12,142 | 10,694 | 6,872 | 1,666 | 1,415 |
|
|
3654
|
+
| \`badge\` | 38,056 | 11,452 | 10,036 | 4,519 | 1,047 | 893 |
|
|
3655
|
+
| \`bar-chart\` | 95,653 | 29,690 | 26,159 | 25,550 | 6,313 | 5,327 |
|
|
3656
|
+
| \`blockquote\` | 35,853 | 11,018 | 9,681 | 1,914 | 481 | 403 |
|
|
3657
|
+
| \`breadcrumbs\` | 94,168 | 30,039 | 24,642 | 5,518 | 1,237 | 1,066 |
|
|
3658
|
+
| \`button\` | 45,627 | 13,160 | 11,597 | 9,435 | 2,012 | 1,659 |
|
|
3659
|
+
| \`button-group\` | 36,229 | 10,990 | 9,645 | 2,320 | 527 | 443 |
|
|
3660
|
+
| \`callout\` | 91,867 | 29,665 | 24,423 | 3,044 | 803 | 731 |
|
|
3661
|
+
| \`canvas\` | 116,132 | 32,041 | 27,998 | 70,330 | 18,726 | 15,747 |
|
|
3662
|
+
| \`card\` | 37,868 | 11,465 | 10,070 | 3,963 | 988 | 908 |
|
|
3663
|
+
| \`carousel\` | 110,792 | 33,934 | 27,953 | 21,720 | 4,518 | 3,933 |
|
|
3664
|
+
| \`chat\` | 127,645 | 39,596 | 32,691 | 31,592 | 7,644 | 6,509 |
|
|
3665
|
+
| \`checkbox\` | 50,794 | 14,480 | 12,734 | 9,413 | 2,243 | 1,860 |
|
|
3666
|
+
| \`checkbox-group\` | 49,591 | 14,307 | 12,571 | 7,692 | 1,940 | 1,568 |
|
|
3667
|
+
| \`code\` | 34,249 | 10,492 | 9,227 | 1,511 | 372 | 429 |
|
|
3668
|
+
| \`code-block\` | 152,056 | 47,072 | 39,635 | 33,873 | 7,293 | 6,180 |
|
|
3669
|
+
| \`color-input\` | 187,784 | 53,477 | 45,370 | 60,032 | 11,436 | 9,730 |
|
|
3670
|
+
| \`color-picker\` | 148,452 | 42,352 | 35,092 | 48,165 | 9,437 | 8,006 |
|
|
3671
|
+
| \`combobox\` | 163,625 | 49,537 | 41,748 | 36,412 | 7,971 | 6,635 |
|
|
3672
|
+
| \`command\` | 129,039 | 39,047 | 32,120 | 28,805 | 6,715 | 5,685 |
|
|
3673
|
+
| \`copy-button\` | 140,190 | 44,376 | 37,397 | 22,010 | 4,707 | 3,910 |
|
|
3674
|
+
| \`data-table\` | 227,144 | 64,440 | 54,220 | 95,535 | 21,432 | 17,484 |
|
|
3675
|
+
| \`date-input\` | 162,787 | 49,388 | 41,706 | 35,359 | 7,915 | 6,652 |
|
|
3676
|
+
| \`date-picker\` | 107,397 | 34,083 | 27,876 | 15,499 | 3,869 | 3,190 |
|
|
3677
|
+
| \`description-list\` | 37,034 | 11,136 | 9,766 | 3,502 | 769 | 609 |
|
|
3678
|
+
| \`dialog\` | 42,582 | 12,668 | 11,151 | 7,079 | 1,783 | 1,532 |
|
|
3679
|
+
| \`divider\` | 37,059 | 11,328 | 9,883 | 3,120 | 770 | 646 |
|
|
3680
|
+
| \`donut-chart\` | 88,088 | 27,652 | 24,389 | 19,422 | 4,911 | 4,172 |
|
|
3681
|
+
| \`drawer\` | 41,221 | 12,297 | 10,794 | 6,007 | 1,482 | 1,303 |
|
|
3682
|
+
| \`drilldown\` | 103,343 | 33,143 | 27,029 | 10,391 | 2,513 | 2,074 |
|
|
3683
|
+
| \`empty\` | 36,590 | 11,298 | 9,906 | 2,380 | 703 | 620 |
|
|
3684
|
+
| \`file-input\` | 113,670 | 35,206 | 28,887 | 17,794 | 4,073 | 3,440 |
|
|
3685
|
+
| \`filter-input\` | 187,314 | 54,146 | 45,740 | 56,402 | 11,409 | 9,637 |
|
|
3686
|
+
| \`flex\` | 35,610 | 10,843 | 9,523 | 2,078 | 453 | 408 |
|
|
3687
|
+
| \`format-date\` | 38,814 | 11,918 | 10,519 | 3,498 | 870 | 748 |
|
|
3688
|
+
| \`graph\` | 131,342 | 39,599 | 32,592 | 26,303 | 5,764 | 4,990 |
|
|
3689
|
+
| \`grid\` | 36,203 | 11,032 | 9,705 | 2,667 | 625 | 643 |
|
|
3690
|
+
| \`heatmap\` | 87,000 | 27,374 | 24,210 | 17,773 | 4,424 | 3,659 |
|
|
3691
|
+
| \`icon\` | 89,994 | 29,073 | 23,848 | 1,707 | 413 | 305 |
|
|
3692
|
+
| \`icon-button\` | 45,786 | 13,032 | 11,449 | 9,596 | 1,871 | 1,580 |
|
|
3693
|
+
| \`image\` | 38,428 | 11,636 | 10,225 | 4,841 | 1,286 | 1,127 |
|
|
3694
|
+
| \`input\` | 107,548 | 33,803 | 27,644 | 11,102 | 2,659 | 2,157 |
|
|
3695
|
+
| \`kbd\` | 37,919 | 11,849 | 10,407 | 4,373 | 1,374 | 1,189 |
|
|
3696
|
+
| \`legend\` | 43,375 | 13,019 | 11,400 | 5,790 | 1,390 | 1,086 |
|
|
3697
|
+
| \`lightbox\` | 46,011 | 13,700 | 11,994 | 7,803 | 1,989 | 1,683 |
|
|
3698
|
+
| \`line-chart\` | 90,551 | 28,485 | 25,135 | 20,543 | 5,162 | 4,264 |
|
|
3699
|
+
| \`list\` | 39,692 | 11,750 | 10,324 | 5,799 | 1,305 | 1,114 |
|
|
3700
|
+
| \`listbox\` | 114,516 | 36,116 | 29,507 | 15,768 | 4,063 | 3,221 |
|
|
3701
|
+
| \`loader\` | 37,959 | 11,498 | 10,113 | 4,051 | 994 | 834 |
|
|
3702
|
+
| \`map\` | 172,078 | 45,778 | 38,148 | 70,072 | 13,195 | 11,085 |
|
|
3703
|
+
| \`megamenu\` | 69,973 | 22,584 | 19,936 | 9,806 | 2,358 | 1,997 |
|
|
3704
|
+
| \`menu\` | 136,343 | 44,103 | 37,043 | 16,360 | 3,788 | 3,186 |
|
|
3705
|
+
| \`meter\` | 43,381 | 12,723 | 11,220 | 9,480 | 2,236 | 1,914 |
|
|
3706
|
+
| \`navigation\` | 38,193 | 11,742 | 10,282 | 3,051 | 805 | 620 |
|
|
3707
|
+
| \`notifications\` | 118,939 | 36,071 | 29,612 | 24,488 | 5,037 | 4,312 |
|
|
3708
|
+
| \`number-input\` | 108,991 | 34,360 | 28,086 | 12,537 | 3,136 | 2,557 |
|
|
3709
|
+
| \`object-inspector\` | 157,035 | 49,044 | 41,504 | 33,323 | 7,594 | 6,393 |
|
|
3710
|
+
| \`option\` | 40,102 | 12,078 | 10,643 | 6,203 | 1,566 | 1,334 |
|
|
3711
|
+
| \`orb\` | 44,808 | 14,467 | 12,771 | 8,624 | 3,203 | 2,835 |
|
|
3712
|
+
| \`outline\` | 43,651 | 13,234 | 11,681 | 8,351 | 2,119 | 1,758 |
|
|
3713
|
+
| \`pagination\` | 170,448 | 50,616 | 42,743 | 45,787 | 9,637 | 7,927 |
|
|
3714
|
+
| \`pin-input\` | 49,531 | 14,596 | 12,865 | 8,390 | 2,385 | 1,883 |
|
|
3715
|
+
| \`popover\` | 64,967 | 21,370 | 18,901 | 4,552 | 1,174 | 989 |
|
|
3716
|
+
| \`progress\` | 40,863 | 12,174 | 10,744 | 6,962 | 1,676 | 1,392 |
|
|
3717
|
+
| \`qr-code\` | 48,148 | 15,475 | 13,623 | 14,629 | 5,257 | 4,395 |
|
|
3718
|
+
| \`quote\` | 34,731 | 10,654 | 9,327 | 1,191 | 291 | 196 |
|
|
3719
|
+
| \`radio\` | 54,213 | 14,925 | 13,136 | 11,161 | 2,283 | 1,940 |
|
|
3720
|
+
| \`rating\` | 52,430 | 15,624 | 13,762 | 10,984 | 3,118 | 2,591 |
|
|
3721
|
+
| \`sandbox\` | 70,095 | 18,502 | 16,381 | 35,720 | 7,874 | 6,656 |
|
|
3722
|
+
| \`scatter-chart\` | 89,076 | 28,201 | 24,857 | 19,840 | 5,218 | 4,316 |
|
|
3723
|
+
| \`scroll-area\` | 39,467 | 11,819 | 10,362 | 5,874 | 1,384 | 1,137 |
|
|
3724
|
+
| \`select\` | 153,428 | 47,408 | 39,909 | 28,985 | 6,520 | 5,348 |
|
|
3725
|
+
| \`skeleton\` | 35,783 | 10,981 | 9,631 | 2,242 | 595 | 512 |
|
|
3726
|
+
| \`skip-link\` | 36,318 | 11,203 | 9,793 | 2,624 | 722 | 554 |
|
|
3727
|
+
| \`slider\` | 57,985 | 15,794 | 13,935 | 16,691 | 3,552 | 3,037 |
|
|
3728
|
+
| \`sparkline\` | 44,898 | 13,878 | 12,241 | 6,293 | 1,748 | 1,518 |
|
|
3729
|
+
| \`speed-dial\` | 127,953 | 41,580 | 34,952 | 11,355 | 2,362 | 1,933 |
|
|
3730
|
+
| \`splitter\` | 50,430 | 14,235 | 12,615 | 16,337 | 3,634 | 3,167 |
|
|
3731
|
+
| \`stat\` | 38,466 | 11,378 | 10,026 | 4,565 | 917 | 795 |
|
|
3732
|
+
| \`steps\` | 112,667 | 34,217 | 28,149 | 20,087 | 3,975 | 3,478 |
|
|
3733
|
+
| \`switch\` | 47,784 | 13,981 | 12,292 | 6,002 | 1,571 | 1,310 |
|
|
3734
|
+
| \`table\` | 106,565 | 34,049 | 27,890 | 15,748 | 3,973 | 3,393 |
|
|
3735
|
+
| \`tabs\` | 48,895 | 14,049 | 12,334 | 10,154 | 2,153 | 1,799 |
|
|
3736
|
+
| \`tag\` | 93,365 | 30,080 | 24,587 | 4,244 | 1,063 | 902 |
|
|
3737
|
+
| \`text\` | 37,730 | 11,196 | 9,825 | 4,200 | 929 | 755 |
|
|
3738
|
+
| \`textarea\` | 49,038 | 14,260 | 12,518 | 7,416 | 1,936 | 1,566 |
|
|
3739
|
+
| \`time-input\` | 181,396 | 53,205 | 44,933 | 50,671 | 10,793 | 9,012 |
|
|
3740
|
+
| \`time-picker\` | 130,570 | 39,823 | 32,809 | 30,854 | 7,358 | 6,136 |
|
|
3741
|
+
| \`timeline\` | 93,763 | 29,912 | 24,574 | 5,110 | 1,131 | 1,009 |
|
|
3742
|
+
| \`toast\` | 101,341 | 31,985 | 26,219 | 11,599 | 2,622 | 2,166 |
|
|
3743
|
+
| \`toggle\` | 52,798 | 15,150 | 13,346 | 8,526 | 2,062 | 1,697 |
|
|
3744
|
+
| \`toolbar\` | 37,939 | 11,649 | 10,233 | 3,899 | 1,022 | 835 |
|
|
3745
|
+
| \`tooltip\` | 69,601 | 22,599 | 19,950 | 9,554 | 2,494 | 2,005 |
|
|
3746
|
+
| \`tour\` | 81,996 | 24,885 | 21,973 | 20,795 | 4,496 | 3,706 |
|
|
3747
|
+
| \`tree\` | 106,515 | 33,905 | 27,724 | 13,067 | 3,290 | 2,734 |
|
|
3748
|
+
| \`trend\` | 92,548 | 29,698 | 24,397 | 4,271 | 983 | 799 |
|
|
3749
|
+
| \`video\` | 176,566 | 52,762 | 44,815 | 51,979 | 11,228 | 9,627 |
|
|
3750
|
+
| \`video-playlist\` | 150,421 | 46,636 | 39,232 | 29,040 | 5,998 | 5,029 |
|
|
3751
|
+
| \`virtual-list\` | 41,389 | 12,879 | 11,334 | 3,187 | 935 | 716 |
|
|
3751
3752
|
|
|
3752
3753
|
## What an install adds to \`node_modules\`
|
|
3753
3754
|
|
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.142.1",
|
|
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.142.1",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.142.1",
|
|
41
|
+
"@fusion.dev/helix-headless": "0.142.1",
|
|
42
|
+
"@fusion.dev/helix-icons": "0.142.1",
|
|
43
|
+
"@fusion.dev/helix-map": "0.142.1",
|
|
44
|
+
"@fusion.dev/helix-styles": "0.142.1",
|
|
45
|
+
"@fusion.dev/helix-testing": "0.142.1",
|
|
46
|
+
"@fusion.dev/helix-theme": "0.142.1",
|
|
47
47
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
48
48
|
"lit": "^3.2.1",
|
|
49
49
|
"playwright": "^1.62.1"
|