@fusion.dev/helix-docs 0.186.1 → 0.188.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/building-on-the-headless-tier.mdx +42 -0
- package/content/coding-agents.mdx +96 -41
- package/content/metrics.mdx +221 -221
- package/content/using-helix-with-an-agent.mdx +70 -61
- package/dist/index.d.ts +3 -4
- package/dist/index.js +2 -3
- package/dist/pages.generated.js +1 -1
- package/dist/reference.d.ts +14 -13
- package/dist/reference.js +13 -7
- package/dist/sources.generated.js +429 -323
- package/package.json +9 -9
- package/dist/catalog.d.ts +0 -194
- package/dist/catalog.js +0 -163
- package/dist/naming.d.ts +0 -14
- package/dist/naming.js +0 -8
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` | 248,564 | 79,270 | 67,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 248,564 | 79,270 | 67,881 |
|
|
50
50
|
|
|
51
51
|
## Whole packages
|
|
52
52
|
|
|
@@ -57,12 +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` | 247,773 | 79,121 | 67,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 1,337,367 | 373,053 |
|
|
60
|
+
| `@fusion.dev/helix-core` | 247,773 | 79,121 | 67,595 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 1,337,367 | 373,053 | 280,098 | Every headless family. The barrel entry includes all of them. |
|
|
62
62
|
| `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
63
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
64
|
| `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
65
|
-
| `@fusion.dev/helix` | 2,015,564 | 520,954 |
|
|
65
|
+
| `@fusion.dev/helix` | 2,015,564 | 520,954 | 372,055 | Every styled family. |
|
|
66
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
67
67
|
|
|
68
68
|
## Stylesheets
|
|
@@ -85,9 +85,9 @@ shows the whole cost of using the base layer on its own.
|
|
|
85
85
|
|
|
86
86
|
**Most of your first component is the shared runtime.** The median styled family is 17,535 bytes gzipped alone, and it adds 3,868 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
87
87
|
|
|
88
|
-
Across the 106 styled components, the smallest is `code` at 8,
|
|
88
|
+
Across the 106 styled components, the smallest is `code` at 8,331 bytes gzipped alone, and the largest is `data-table` at 66,817. Every family together is 520,954.
|
|
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 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 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
|
+
No family imports a barrel. The `barrels` rule in `fusion x workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 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.
|
|
91
91
|
|
|
92
92
|
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 16,647 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -101,37 +101,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
101
101
|
|
|
102
102
|
| Component | System | Raw | Gzip | Brotli |
|
|
103
103
|
|---|---|---|---|---|
|
|
104
|
-
| `button` | **Helix** | 41,612 | 14,007 | 12,
|
|
104
|
+
| `button` | **Helix** | 41,612 | 14,007 | 12,440 |
|
|
105
105
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
106
106
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
107
107
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
108
108
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
109
|
-
| `checkbox` | **Helix** | 46,865 | 15,190 | 13,
|
|
109
|
+
| `checkbox` | **Helix** | 46,865 | 15,190 | 13,517 |
|
|
110
110
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
111
111
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
112
112
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
113
113
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
114
|
-
| `dialog` | **Helix** | 43,360 | 14,855 | 13,
|
|
114
|
+
| `dialog` | **Helix** | 43,360 | 14,855 | 13,244 |
|
|
115
115
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
116
116
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
117
117
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
118
118
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
119
|
-
| `radio` | **Helix** | 50,349 | 15,977 | 14,
|
|
119
|
+
| `radio` | **Helix** | 50,349 | 15,977 | 14,203 |
|
|
120
120
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
121
121
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
122
122
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
123
123
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
124
|
-
| `switch` | **Helix** | 43,562 | 14,
|
|
124
|
+
| `switch` | **Helix** | 43,562 | 14,638 | 13,007 |
|
|
125
125
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
126
126
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
127
127
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
128
128
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
129
|
-
| `tabs` | **Helix** | 55,263 | 17,753 | 15,
|
|
129
|
+
| `tabs` | **Helix** | 55,263 | 17,753 | 15,846 |
|
|
130
130
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
131
131
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
132
132
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
133
133
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
134
|
-
| `tooltip` | **Helix** | 61,420 | 21,833 | 19,
|
|
134
|
+
| `tooltip` | **Helix** | 61,420 | 21,833 | 19,329 |
|
|
135
135
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
136
136
|
| | Material Web | | not shipped | |
|
|
137
137
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -183,105 +183,105 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
183
183
|
|
|
184
184
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
185
185
|
|---|---|---|---|---|---|---|
|
|
186
|
-
| `accordion` | 31,879 | 11,805 | 10,
|
|
187
|
-
| `announcement` | 36,692 | 13,313 | 11,
|
|
188
|
-
| `app-header` | 32,289 | 11,899 | 10,
|
|
189
|
-
| `area-chart` | 90,301 | 31,725 | 28,
|
|
190
|
-
| `avatar` | 30,463 | 11,596 | 10,
|
|
191
|
-
| `badge` | 27,088 | 10,568 | 9,
|
|
192
|
-
| `bar-chart` | 94,416 | 32,821 | 29,
|
|
193
|
-
| `blockquote` | 24,107 | 9,
|
|
194
|
-
| `breadcrumbs` | 36,279 | 13,906 | 12,
|
|
195
|
-
| `button` | 35,194 | 12,591 | 11,
|
|
196
|
-
| `button-group` | 27,640 | 10,382 | 9,
|
|
197
|
-
| `callout` | 35,256 | 13,
|
|
198
|
-
| `canvas` | 108,483 | 34,750 | 30,
|
|
199
|
-
| `card` | 23,777 | 9,054 | 8,019 | 2,090 | 655 |
|
|
200
|
-
| `carousel` | 42,748 | 15,234 | 13,597 | 15,006 | 4,
|
|
201
|
-
| `chat` | 79,390 | 26,
|
|
202
|
-
| `checkbox` | 40,374 | 13,681 | 12,
|
|
203
|
-
| `checkbox-group` | 47,602 | 15,
|
|
204
|
-
| `code` | 20,301 | 8,015 | 7,
|
|
205
|
-
| `code-block` | 102,738 | 34,890 | 30,
|
|
206
|
-
| `color-input` | 141,792 | 45,087 | 39,
|
|
207
|
-
| `color-picker` | 103,415 | 32,966 | 28,
|
|
208
|
-
| `combobox` | 132,023 | 41,951 | 36,
|
|
209
|
-
| `command` | 99,513 | 31,476 | 27,
|
|
210
|
-
| `copy-button` | 80,548 | 27,649 | 24,
|
|
211
|
-
| `data-table` | 199,900 | 61,
|
|
212
|
-
| `date-input` | 141,223 | 44,512 | 39,
|
|
213
|
-
| `date-picker` | 61,360 | 20,936 | 18,
|
|
214
|
-
| `description-list` | 22,900 | 8,765 | 7,766 | 1,565 |
|
|
215
|
-
| `dialog` | 38,247 | 13,598 | 12,
|
|
216
|
-
| `divider` | 22,991 | 8,924 | 7,
|
|
217
|
-
| `donut-chart` | 89,212 | 31,127 | 27,
|
|
218
|
-
| `drawer` | 42,892 | 15,123 | 13,
|
|
219
|
-
| `drilldown` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,
|
|
220
|
-
| `empty` | 24,194 | 9,
|
|
221
|
-
| `file-input` | 57,757 | 20,019 | 17,
|
|
222
|
-
| `filter-input` | 97,846 | 32,819 | 29,
|
|
223
|
-
| `format-date` | 30,158 | 11,290 | 10,
|
|
224
|
-
| `graph` | 74,369 | 24,504 | 21,
|
|
225
|
-
| `heatmap` | 98,128 | 33,505 | 29,
|
|
226
|
-
| `icon` | 82,157 | 28,050 | 23,
|
|
227
|
-
| `icon-button` | 35,305 | 12,620 | 11,
|
|
228
|
-
| `image` | 25,504 | 9,480 | 8,
|
|
229
|
-
| `input` | 46,361 | 15,974 | 14,
|
|
230
|
-
| `isometric-heatmap` | 102,771 | 34,713 | 30,
|
|
231
|
-
| `kbd` | 27,511 | 10,
|
|
232
|
-
| `legend` | 35,184 | 12,935 | 11,
|
|
233
|
-
| `lightbox` | 55,724 | 18,
|
|
234
|
-
| `line-chart` | 91,335 | 31,
|
|
235
|
-
| `list` | 61,803 | 21,
|
|
236
|
-
| `listbox` | 76,711 | 25,427 | 22,
|
|
237
|
-
| `loader` | 26,379 | 10,041 | 8,
|
|
238
|
-
| `map` | 78,565 | 24,393 | 21,
|
|
239
|
-
| `megamenu` | 60,027 | 21,698 | 19,
|
|
240
|
-
| `menu` | 97,473 | 32,550 | 28,
|
|
241
|
-
| `meter` | 31,721 | 12,026 | 10,
|
|
242
|
-
| `navigation` | 33,088 | 12,436 | 11,
|
|
243
|
-
| `notifications` | 58,346 | 19,881 | 17,
|
|
244
|
-
| `number-input` | 56,271 | 18,
|
|
245
|
-
| `object-inspector` | 113,929 | 38,372 | 33,
|
|
246
|
-
| `option` | 26,477 | 9,763 | 8,
|
|
247
|
-
| `outline` | 33,612 | 12,598 | 11,
|
|
248
|
-
| `pagination` | 136,258 | 43,650 | 37,
|
|
249
|
-
| `pin-input` | 47,068 | 16,413 | 14,
|
|
250
|
-
| `popover` | 63,806 | 22,941 | 20,
|
|
251
|
-
| `progress` | 28,084 | 10,730 | 9,
|
|
252
|
-
| `qr-code` | 42,719 | 16,647 | 14,
|
|
253
|
-
| `quote` | 22,516 | 8,
|
|
254
|
-
| `radio` | 42,561 | 14,464 | 12,878 | 3,817 | 1,
|
|
255
|
-
| `rating` | 50,257 | 17,289 | 15,
|
|
256
|
-
| `scatter-chart` | 91,226 | 31,
|
|
257
|
-
| `scroll-area` | 30,430 | 11,
|
|
258
|
-
| `select` | 115,289 | 38,173 | 33,
|
|
259
|
-
| `skeleton` | 22,328 | 8,644 | 7,
|
|
260
|
-
| `skip-link` | 23,871 | 9,338 | 8,
|
|
261
|
-
| `slider` | 52,873 | 17,
|
|
262
|
-
| `sparkline` | 47,984 | 17,
|
|
263
|
-
| `speed-dial` | 68,751 | 24,718 | 21,
|
|
264
|
-
| `splitter` | 43,751 | 15,167 | 13,
|
|
265
|
-
| `stat` | 25,255 | 9,675 | 8,
|
|
266
|
-
| `steps` | 53,623 | 18,
|
|
267
|
-
| `switch` | 39,233 | 13,495 | 12,
|
|
268
|
-
| `table` | 118,358 | 37,061 | 32,
|
|
269
|
-
| `tabs` | 46,310 | 15,908 | 14,
|
|
270
|
-
| `tag` | 42,676 | 15,
|
|
271
|
-
| `textarea` | 43,852 | 14,941 | 13,
|
|
272
|
-
| `time-input` | 169,269 | 52,676 | 45,
|
|
273
|
-
| `time-picker` | 99,603 | 31,518 | 27,
|
|
274
|
-
| `timeline` | 31,286 | 11,863 | 10,
|
|
275
|
-
| `toast` | 50,871 | 17,
|
|
276
|
-
| `toggle` | 45,577 | 15,270 | 13,
|
|
277
|
-
| `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,
|
|
278
|
-
| `tooltip` | 58,616 | 21,090 | 18,
|
|
279
|
-
| `tour` | 83,670 | 28,
|
|
280
|
-
| `tree` | 67,586 | 22,
|
|
281
|
-
| `trend` | 29,717 | 11,569 | 10,
|
|
282
|
-
| `video` | 141,208 | 44,
|
|
283
|
-
| `video-playlist` | 127,686 | 41,301 | 36,
|
|
284
|
-
| `virtual-list` | 63,451 | 21,
|
|
186
|
+
| `accordion` | 31,879 | 11,805 | 10,464 | 5,329 | 1,598 | 1,256 |
|
|
187
|
+
| `announcement` | 36,692 | 13,313 | 11,854 | 4,682 | 1,425 | 1,118 |
|
|
188
|
+
| `app-header` | 32,289 | 11,899 | 10,606 | 5,871 | 1,796 | 1,259 |
|
|
189
|
+
| `area-chart` | 90,301 | 31,725 | 28,046 | 14,058 | 4,345 | 3,496 |
|
|
190
|
+
| `avatar` | 30,463 | 11,596 | 10,369 | 3,957 | 1,234 | 973 |
|
|
191
|
+
| `badge` | 27,088 | 10,568 | 9,410 | 2,942 | 920 | 756 |
|
|
192
|
+
| `bar-chart` | 94,416 | 32,821 | 29,099 | 18,026 | 5,441 | 4,501 |
|
|
193
|
+
| `blockquote` | 24,107 | 9,422 | 8,332 | 2,402 | 913 | 753 |
|
|
194
|
+
| `breadcrumbs` | 36,279 | 13,906 | 12,382 | 7,360 | 2,452 | 1,974 |
|
|
195
|
+
| `button` | 35,194 | 12,591 | 11,222 | 4,925 | 1,472 | 1,121 |
|
|
196
|
+
| `button-group` | 27,640 | 10,382 | 9,200 | 4,928 | 1,517 | 1,109 |
|
|
197
|
+
| `callout` | 35,256 | 13,593 | 12,058 | 2,884 | 992 | 726 |
|
|
198
|
+
| `canvas` | 108,483 | 34,750 | 30,438 | 68,927 | 20,973 | 17,684 |
|
|
199
|
+
| `card` | 23,777 | 9,054 | 8,019 | 2,090 | 655 | 525 |
|
|
200
|
+
| `carousel` | 42,748 | 15,234 | 13,597 | 15,006 | 4,216 | 3,333 |
|
|
201
|
+
| `chat` | 79,390 | 26,444 | 23,377 | 27,455 | 8,117 | 6,376 |
|
|
202
|
+
| `checkbox` | 40,374 | 13,681 | 12,199 | 3,107 | 979 | 666 |
|
|
203
|
+
| `checkbox-group` | 47,602 | 15,601 | 13,904 | 8,325 | 2,351 | 1,779 |
|
|
204
|
+
| `code` | 20,301 | 8,015 | 7,121 | 138 | 67 | 44 |
|
|
205
|
+
| `code-block` | 102,738 | 34,890 | 30,788 | 36,843 | 10,786 | 8,800 |
|
|
206
|
+
| `color-input` | 141,792 | 45,087 | 39,341 | 55,136 | 14,334 | 11,510 |
|
|
207
|
+
| `color-picker` | 103,415 | 32,966 | 28,881 | 47,256 | 12,743 | 10,241 |
|
|
208
|
+
| `combobox` | 132,023 | 41,951 | 36,907 | 35,791 | 9,112 | 7,035 |
|
|
209
|
+
| `command` | 99,513 | 31,476 | 27,708 | 30,061 | 8,171 | 6,363 |
|
|
210
|
+
| `copy-button` | 80,548 | 27,649 | 24,490 | 18,341 | 4,985 | 3,998 |
|
|
211
|
+
| `data-table` | 199,900 | 61,427 | 52,553 | 89,488 | 23,783 | 19,070 |
|
|
212
|
+
| `date-input` | 141,223 | 44,512 | 39,113 | 38,229 | 9,448 | 7,610 |
|
|
213
|
+
| `date-picker` | 61,360 | 20,936 | 18,750 | 20,347 | 5,579 | 4,382 |
|
|
214
|
+
| `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 526 | 391 |
|
|
215
|
+
| `dialog` | 38,247 | 13,598 | 12,117 | 5,837 | 1,753 | 1,446 |
|
|
216
|
+
| `divider` | 22,991 | 8,924 | 7,882 | 1,416 | 502 | 425 |
|
|
217
|
+
| `donut-chart` | 89,212 | 31,127 | 27,556 | 14,641 | 4,497 | 3,632 |
|
|
218
|
+
| `drawer` | 42,892 | 15,123 | 13,469 | 7,698 | 2,296 | 1,835 |
|
|
219
|
+
| `drilldown` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,066 |
|
|
220
|
+
| `empty` | 24,194 | 9,251 | 8,200 | 1,951 | 658 | 530 |
|
|
221
|
+
| `file-input` | 57,757 | 20,019 | 17,785 | 13,094 | 4,155 | 3,281 |
|
|
222
|
+
| `filter-input` | 97,846 | 32,819 | 29,116 | 21,630 | 6,199 | 4,852 |
|
|
223
|
+
| `format-date` | 30,158 | 11,290 | 10,090 | 4,434 | 1,264 | 1,089 |
|
|
224
|
+
| `graph` | 74,369 | 24,504 | 21,641 | 21,878 | 6,485 | 5,288 |
|
|
225
|
+
| `heatmap` | 98,128 | 33,505 | 29,605 | 18,944 | 5,590 | 4,462 |
|
|
226
|
+
| `icon` | 82,157 | 28,050 | 23,959 | 58,304 | 19,662 | 16,121 |
|
|
227
|
+
| `icon-button` | 35,305 | 12,620 | 11,230 | 5,034 | 1,513 | 1,165 |
|
|
228
|
+
| `image` | 25,504 | 9,480 | 8,404 | 3,824 | 1,152 | 935 |
|
|
229
|
+
| `input` | 46,361 | 15,974 | 14,090 | 7,352 | 2,452 | 1,865 |
|
|
230
|
+
| `isometric-heatmap` | 102,771 | 34,713 | 30,595 | 23,536 | 6,749 | 5,398 |
|
|
231
|
+
| `kbd` | 27,511 | 10,571 | 9,367 | 3,516 | 1,153 | 767 |
|
|
232
|
+
| `legend` | 35,184 | 12,935 | 11,491 | 2,957 | 1,019 | 874 |
|
|
233
|
+
| `lightbox` | 55,724 | 18,816 | 16,725 | 16,730 | 4,692 | 3,582 |
|
|
234
|
+
| `line-chart` | 91,335 | 31,881 | 28,290 | 14,762 | 4,418 | 3,698 |
|
|
235
|
+
| `list` | 61,803 | 21,294 | 18,983 | 15,242 | 4,449 | 3,619 |
|
|
236
|
+
| `listbox` | 76,711 | 25,427 | 22,527 | 15,565 | 4,585 | 3,551 |
|
|
237
|
+
| `loader` | 26,379 | 10,041 | 8,907 | 2,775 | 969 | 751 |
|
|
238
|
+
| `map` | 78,565 | 24,393 | 21,288 | 37,025 | 10,128 | 7,955 |
|
|
239
|
+
| `megamenu` | 60,027 | 21,698 | 19,183 | 8,595 | 2,405 | 1,778 |
|
|
240
|
+
| `menu` | 97,473 | 32,550 | 28,767 | 30,180 | 7,996 | 6,383 |
|
|
241
|
+
| `meter` | 31,721 | 12,026 | 10,721 | 4,894 | 1,453 | 1,182 |
|
|
242
|
+
| `navigation` | 33,088 | 12,436 | 11,034 | 3,366 | 1,183 | 1,023 |
|
|
243
|
+
| `notifications` | 58,346 | 19,881 | 17,738 | 18,207 | 5,056 | 4,000 |
|
|
244
|
+
| `number-input` | 56,271 | 18,840 | 16,789 | 13,524 | 3,662 | 2,768 |
|
|
245
|
+
| `object-inspector` | 113,929 | 38,372 | 33,717 | 35,492 | 10,304 | 8,250 |
|
|
246
|
+
| `option` | 26,477 | 9,763 | 8,662 | 4,525 | 1,231 | 950 |
|
|
247
|
+
| `outline` | 33,612 | 12,598 | 11,179 | 7,856 | 2,569 | 1,942 |
|
|
248
|
+
| `pagination` | 136,258 | 43,650 | 37,953 | 45,377 | 11,934 | 9,415 |
|
|
249
|
+
| `pin-input` | 47,068 | 16,413 | 14,653 | 6,736 | 2,253 | 1,741 |
|
|
250
|
+
| `popover` | 63,806 | 22,941 | 20,256 | 6,375 | 1,876 | 1,363 |
|
|
251
|
+
| `progress` | 28,084 | 10,730 | 9,551 | 2,970 | 933 | 720 |
|
|
252
|
+
| `qr-code` | 42,719 | 16,647 | 14,847 | 17,004 | 6,288 | 5,382 |
|
|
253
|
+
| `quote` | 22,516 | 8,884 | 7,827 | 1,211 | 523 | 417 |
|
|
254
|
+
| `radio` | 42,561 | 14,464 | 12,878 | 3,817 | 1,228 | 898 |
|
|
255
|
+
| `rating` | 50,257 | 17,289 | 15,409 | 8,029 | 2,456 | 1,870 |
|
|
256
|
+
| `scatter-chart` | 91,226 | 31,676 | 27,942 | 16,127 | 4,840 | 3,890 |
|
|
257
|
+
| `scroll-area` | 30,430 | 11,080 | 9,813 | 8,499 | 2,603 | 2,039 |
|
|
258
|
+
| `select` | 115,289 | 38,173 | 33,481 | 26,033 | 7,140 | 5,395 |
|
|
259
|
+
| `skeleton` | 22,328 | 8,644 | 7,666 | 991 | 368 | 296 |
|
|
260
|
+
| `skip-link` | 23,871 | 9,338 | 8,264 | 1,225 | 494 | 424 |
|
|
261
|
+
| `slider` | 52,873 | 17,826 | 15,978 | 13,159 | 3,818 | 3,037 |
|
|
262
|
+
| `sparkline` | 47,984 | 17,499 | 15,601 | 5,981 | 2,162 | 1,764 |
|
|
263
|
+
| `speed-dial` | 68,751 | 24,718 | 21,901 | 10,915 | 2,990 | 2,266 |
|
|
264
|
+
| `splitter` | 43,751 | 15,167 | 13,536 | 14,397 | 3,878 | 3,176 |
|
|
265
|
+
| `stat` | 25,255 | 9,675 | 8,601 | 2,303 | 781 | 544 |
|
|
266
|
+
| `steps` | 53,623 | 18,635 | 16,567 | 13,603 | 3,870 | 3,086 |
|
|
267
|
+
| `switch` | 39,233 | 13,495 | 12,047 | 1,679 | 625 | 379 |
|
|
268
|
+
| `table` | 118,358 | 37,061 | 32,257 | 45,150 | 12,475 | 10,024 |
|
|
269
|
+
| `tabs` | 46,310 | 15,908 | 14,160 | 10,491 | 2,916 | 2,259 |
|
|
270
|
+
| `tag` | 42,676 | 15,620 | 13,972 | 8,455 | 2,548 | 1,991 |
|
|
271
|
+
| `textarea` | 43,852 | 14,941 | 13,326 | 5,402 | 1,622 | 1,239 |
|
|
272
|
+
| `time-input` | 169,269 | 52,676 | 45,872 | 48,511 | 12,418 | 9,739 |
|
|
273
|
+
| `time-picker` | 99,603 | 31,518 | 27,772 | 33,933 | 9,190 | 7,206 |
|
|
274
|
+
| `timeline` | 31,286 | 11,863 | 10,607 | 4,061 | 1,260 | 1,014 |
|
|
275
|
+
| `toast` | 50,871 | 17,938 | 16,020 | 12,124 | 3,529 | 2,827 |
|
|
276
|
+
| `toggle` | 45,577 | 15,270 | 13,576 | 6,007 | 1,799 | 1,392 |
|
|
277
|
+
| `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,695 | 1,249 |
|
|
278
|
+
| `tooltip` | 58,616 | 21,090 | 18,705 | 8,434 | 2,379 | 1,908 |
|
|
279
|
+
| `tour` | 83,670 | 28,722 | 25,339 | 19,815 | 5,459 | 4,255 |
|
|
280
|
+
| `tree` | 67,586 | 22,718 | 20,230 | 17,199 | 4,980 | 4,023 |
|
|
281
|
+
| `trend` | 29,717 | 11,569 | 10,337 | 3,487 | 1,134 | 913 |
|
|
282
|
+
| `video` | 141,208 | 44,137 | 38,496 | 66,217 | 16,841 | 13,780 |
|
|
283
|
+
| `video-playlist` | 127,686 | 41,301 | 36,338 | 42,775 | 11,225 | 9,072 |
|
|
284
|
+
| `virtual-list` | 63,451 | 21,630 | 19,226 | 23,305 | 7,171 | 5,779 |
|
|
285
285
|
|
|
286
286
|
### Styled tier
|
|
287
287
|
|
|
@@ -289,112 +289,112 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
289
289
|
|
|
290
290
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
291
291
|
|---|---|---|---|---|---|---|
|
|
292
|
-
| `accordion` | 35,311 | 12,654 | 11,
|
|
293
|
-
| `announcement` | 41,307 | 14,365 | 12,
|
|
294
|
-
| `app-header` | 37,449 | 13,103 | 11,682 | 11,016 | 3,009 | 2,
|
|
295
|
-
| `area-chart` | 98,393 | 33,578 | 29,
|
|
296
|
-
| `aura` | 56,085 | 19,320 | 17,
|
|
297
|
-
| `avatar` | 33,464 | 12,351 | 11,
|
|
298
|
-
| `badge` | 32,595 | 11,
|
|
299
|
-
| `bar-chart` | 108,944 | 35,724 | 31,
|
|
300
|
-
| `blockquote` | 26,332 | 9,
|
|
301
|
-
| `breadcrumbs` | 43,220 | 15,115 | 13,
|
|
302
|
-
| `button` | 41,612 | 14,007 | 12,
|
|
303
|
-
| `button-group` | 31,138 | 11,066 | 9,
|
|
304
|
-
| `callout` | 39,049 | 14,
|
|
305
|
-
| `canvas` | 129,523 | 38,717 | 33,
|
|
306
|
-
| `card` | 27,678 | 10,
|
|
307
|
-
| `carousel` | 53,234 | 17,022 | 15,
|
|
308
|
-
| `chat` | 94,674 | 29,
|
|
309
|
-
| `checkbox` | 46,865 | 15,190 | 13,
|
|
310
|
-
| `checkbox-group` | 54,826 | 17,
|
|
311
|
-
| `code` | 21,154 | 8,
|
|
312
|
-
| `code-block` | 127,213 | 38,
|
|
313
|
-
| `color-input` | 184,176 | 51,
|
|
314
|
-
| `color-picker` | 140,348 | 38,508 | 33,
|
|
315
|
-
| `combobox` | 147,503 | 44,927 | 39,
|
|
316
|
-
| `command` | 110,791 | 33,835 | 29,
|
|
317
|
-
| `copy-button` | 92,577 | 29,825 | 26,
|
|
318
|
-
| `data-table` | 230,715 | 66,817 | 57,
|
|
319
|
-
| `date-input` | 162,349 | 48,
|
|
320
|
-
| `date-picker` | 69,281 | 22,363 | 20,
|
|
321
|
-
| `description-list` | 25,855 | 9,517 | 8,
|
|
322
|
-
| `dialog` | 43,360 | 14,855 | 13,
|
|
323
|
-
| `divider` | 25,291 | 9,547 | 8,
|
|
324
|
-
| `donut-chart` | 99,170 | 33,263 | 29,
|
|
325
|
-
| `drawer` | 48,725 | 16,508 | 14,
|
|
326
|
-
| `drilldown` | 48,438 | 16,235 | 14,
|
|
327
|
-
| `empty` | 25,503 | 9,
|
|
328
|
-
| `file-input` | 69,285 | 22,419 | 19,
|
|
329
|
-
| `filter-input` | 108,688 | 34,991 | 31,
|
|
330
|
-
| `flex` | 25,740 | 9,
|
|
331
|
-
| `format-date` | 30,414 | 11,403 | 10,
|
|
332
|
-
| `graph` | 89,037 | 27,
|
|
333
|
-
| `grid` | 27,002 | 9,846 | 8,
|
|
334
|
-
| `heatmap` | 105,486 | 35,189 | 31,
|
|
335
|
-
| `icon` | 83,995 | 28,
|
|
336
|
-
| `icon-button` | 43,040 | 13,981 | 12,
|
|
337
|
-
| `image` | 26,892 | 9,947 | 8,
|
|
338
|
-
| `input` | 50,619 | 17,063 | 15,
|
|
339
|
-
| `isometric-heatmap` | 110,852 | 36,
|
|
340
|
-
| `kbd` | 29,504 | 11,
|
|
341
|
-
| `legend` | 40,423 | 14,214 | 12,
|
|
342
|
-
| `lightbox` | 62,016 | 20,155 | 17,
|
|
343
|
-
| `line-chart` | 102,454 | 34,257 | 30,
|
|
344
|
-
| `list` | 68,150 | 22,816 | 20,
|
|
345
|
-
| `listbox` | 81,154 | 26,542 | 23,
|
|
346
|
-
| `loader` | 29,263 | 10,814 | 9,
|
|
347
|
-
| `map` | 111,513 | 29,575 | 25,
|
|
348
|
-
| `megamenu` | 64,996 | 22,865 | 20,
|
|
349
|
-
| `menu` | 108,403 | 34,711 | 30,
|
|
350
|
-
| `meter` | 37,896 | 13,378 | 11,
|
|
351
|
-
| `navigation` | 36,814 | 13,
|
|
352
|
-
| `notifications` | 71,808 | 22,
|
|
353
|
-
| `number-input` | 61,253 | 20,024 | 17,
|
|
354
|
-
| `object-inspector` | 130,338 | 41,206 | 36,
|
|
355
|
-
| `option` | 29,672 | 10,762 | 9,
|
|
356
|
-
| `orb` | 35,265 | 13,
|
|
357
|
-
| `outline` | 37,846 | 13,459 | 11,
|
|
358
|
-
| `pagination` | 153,264 | 46,929 | 40,
|
|
359
|
-
| `pin-input` | 50,409 | 17,
|
|
360
|
-
| `popover` | 66,958 | 23,702 | 20,
|
|
361
|
-
| `progress` | 35,232 | 12,
|
|
362
|
-
| `qr-code` | 44,321 | 17,121 | 15,
|
|
363
|
-
| `quote` | 23,074 | 9,
|
|
364
|
-
| `radio` | 50,349 | 15,977 | 14,
|
|
365
|
-
| `rating` | 54,190 | 18,519 | 16,
|
|
366
|
-
| `sandbox` | 104,428 | 31,484 | 27,
|
|
367
|
-
| `scatter-chart` | 100,317 | 33,
|
|
368
|
-
| `scroll-area` | 35,437 | 12,
|
|
369
|
-
| `select` | 124,418 | 40,070 | 35,
|
|
370
|
-
| `skeleton` | 26,090 | 9,664 | 8,
|
|
371
|
-
| `skip-link` | 25,441 | 9,
|
|
372
|
-
| `slider` | 67,842 | 20,140 |
|
|
373
|
-
| `sparkline` | 53,442 | 18,851 | 16,
|
|
374
|
-
| `speed-dial` | 75,797 | 26,105 | 23,
|
|
375
|
-
| `splitter` | 49,804 | 16,210 | 14,
|
|
376
|
-
| `stat` | 28,117 | 10,372 | 9,
|
|
377
|
-
| `steps` | 67,449 | 21,378 | 19,
|
|
378
|
-
| `strands` | 62,138 | 23,148 | 20,
|
|
379
|
-
| `switch` | 43,562 | 14,
|
|
380
|
-
| `table` | 135,900 | 40,155 | 34,
|
|
381
|
-
| `tabs` | 55,263 | 17,753 | 15,
|
|
382
|
-
| `tag` | 47,247 | 16,
|
|
383
|
-
| `text` | 28,756 | 9,943 | 8,
|
|
384
|
-
| `textarea` | 47,785 | 15,949 | 14,227 | 9,318 | 2,
|
|
385
|
-
| `time-input` | 193,597 | 56,836 | 49,
|
|
386
|
-
| `time-picker` | 111,928 | 33,946 | 29,
|
|
387
|
-
| `timeline` | 38,179 | 13,326 | 11,
|
|
388
|
-
| `toast` | 58,767 | 19,
|
|
389
|
-
| `toggle` | 50,439 | 16,
|
|
390
|
-
| `toolbar` | 33,726 | 12,066 | 10,
|
|
391
|
-
| `tooltip` | 61,420 | 21,833 | 19,
|
|
392
|
-
| `tour` | 93,661 | 30,
|
|
393
|
-
| `tree` | 76,275 | 24,651 | 21,
|
|
394
|
-
| `trend` | 31,231 | 12,050 | 10,
|
|
395
|
-
| `video` | 161,715 | 47,866 | 41,
|
|
396
|
-
| `video-playlist` | 143,639 | 44,
|
|
397
|
-
| `virtual-list` | 65,445 | 22,136 | 19,
|
|
292
|
+
| `accordion` | 35,311 | 12,654 | 11,236 | 8,746 | 2,463 | 2,016 |
|
|
293
|
+
| `announcement` | 41,307 | 14,365 | 12,844 | 9,278 | 2,489 | 2,072 |
|
|
294
|
+
| `app-header` | 37,449 | 13,103 | 11,682 | 11,016 | 3,009 | 2,472 |
|
|
295
|
+
| `area-chart` | 98,393 | 33,578 | 29,681 | 22,131 | 6,257 | 5,070 |
|
|
296
|
+
| `aura` | 56,085 | 19,320 | 17,108 | 29,774 | 9,336 | 7,876 |
|
|
297
|
+
| `avatar` | 33,464 | 12,351 | 11,051 | 6,945 | 2,007 | 1,646 |
|
|
298
|
+
| `badge` | 32,595 | 11,820 | 10,538 | 8,438 | 2,178 | 1,772 |
|
|
299
|
+
| `bar-chart` | 108,944 | 35,724 | 31,572 | 32,533 | 8,394 | 6,852 |
|
|
300
|
+
| `blockquote` | 26,332 | 9,968 | 8,824 | 4,612 | 1,452 | 1,178 |
|
|
301
|
+
| `breadcrumbs` | 43,220 | 15,115 | 13,467 | 14,285 | 3,698 | 3,040 |
|
|
302
|
+
| `button` | 41,612 | 14,007 | 12,440 | 11,324 | 2,908 | 2,298 |
|
|
303
|
+
| `button-group` | 31,138 | 11,066 | 9,842 | 8,409 | 2,230 | 1,782 |
|
|
304
|
+
| `callout` | 39,049 | 14,535 | 12,913 | 6,659 | 1,950 | 1,513 |
|
|
305
|
+
| `canvas` | 129,523 | 38,717 | 33,888 | 89,611 | 24,897 | 20,996 |
|
|
306
|
+
| `card` | 27,678 | 10,060 | 8,915 | 5,976 | 1,650 | 1,334 |
|
|
307
|
+
| `carousel` | 53,234 | 17,022 | 15,255 | 25,477 | 6,038 | 4,870 |
|
|
308
|
+
| `chat` | 94,674 | 29,164 | 25,829 | 42,730 | 10,860 | 8,790 |
|
|
309
|
+
| `checkbox` | 46,865 | 15,190 | 13,517 | 9,580 | 2,503 | 1,944 |
|
|
310
|
+
| `checkbox-group` | 54,826 | 17,245 | 15,350 | 15,542 | 4,028 | 3,246 |
|
|
311
|
+
| `code` | 21,154 | 8,331 | 7,402 | 976 | 400 | 302 |
|
|
312
|
+
| `code-block` | 127,213 | 38,714 | 34,143 | 61,300 | 14,740 | 12,197 |
|
|
313
|
+
| `color-input` | 184,176 | 51,348 | 44,906 | 97,504 | 20,559 | 17,123 |
|
|
314
|
+
| `color-picker` | 140,348 | 38,508 | 33,798 | 84,177 | 18,390 | 15,111 |
|
|
315
|
+
| `combobox` | 147,503 | 44,927 | 39,521 | 51,254 | 12,086 | 9,732 |
|
|
316
|
+
| `command` | 110,791 | 33,835 | 29,865 | 41,332 | 10,522 | 8,578 |
|
|
317
|
+
| `copy-button` | 92,577 | 29,825 | 26,415 | 30,355 | 7,220 | 5,816 |
|
|
318
|
+
| `data-table` | 230,715 | 66,817 | 57,250 | 120,282 | 29,305 | 23,909 |
|
|
319
|
+
| `date-input` | 162,349 | 48,215 | 42,382 | 59,336 | 13,196 | 10,914 |
|
|
320
|
+
| `date-picker` | 69,281 | 22,363 | 20,060 | 28,250 | 7,010 | 5,696 |
|
|
321
|
+
| `description-list` | 25,855 | 9,517 | 8,456 | 4,508 | 1,284 | 1,066 |
|
|
322
|
+
| `dialog` | 43,360 | 14,855 | 13,244 | 10,933 | 3,007 | 2,429 |
|
|
323
|
+
| `divider` | 25,291 | 9,547 | 8,433 | 3,699 | 1,141 | 848 |
|
|
324
|
+
| `donut-chart` | 99,170 | 33,263 | 29,421 | 24,576 | 6,712 | 5,519 |
|
|
325
|
+
| `drawer` | 48,725 | 16,508 | 14,718 | 13,512 | 3,708 | 3,022 |
|
|
326
|
+
| `drilldown` | 48,438 | 16,235 | 14,465 | 15,378 | 4,052 | 3,152 |
|
|
327
|
+
| `empty` | 25,503 | 9,726 | 8,598 | 3,242 | 1,118 | 869 |
|
|
328
|
+
| `file-input` | 69,285 | 22,419 | 19,892 | 24,612 | 6,551 | 5,311 |
|
|
329
|
+
| `filter-input` | 108,688 | 34,991 | 31,014 | 32,465 | 8,412 | 6,809 |
|
|
330
|
+
| `flex` | 25,740 | 9,195 | 8,149 | 4,763 | 1,048 | 935 |
|
|
331
|
+
| `format-date` | 30,414 | 11,403 | 10,189 | 4,672 | 1,402 | 1,046 |
|
|
332
|
+
| `graph` | 89,037 | 27,080 | 23,910 | 36,528 | 9,184 | 7,482 |
|
|
333
|
+
| `grid` | 27,002 | 9,846 | 8,742 | 5,638 | 1,467 | 1,298 |
|
|
334
|
+
| `heatmap` | 105,486 | 35,189 | 31,084 | 26,281 | 7,264 | 5,828 |
|
|
335
|
+
| `icon` | 83,995 | 28,566 | 24,453 | 60,129 | 20,178 | 16,509 |
|
|
336
|
+
| `icon-button` | 43,040 | 13,981 | 12,435 | 12,753 | 2,883 | 2,232 |
|
|
337
|
+
| `image` | 26,892 | 9,947 | 8,805 | 5,194 | 1,621 | 1,269 |
|
|
338
|
+
| `input` | 50,619 | 17,063 | 15,053 | 11,597 | 3,559 | 2,712 |
|
|
339
|
+
| `isometric-heatmap` | 110,852 | 36,559 | 32,285 | 31,598 | 8,642 | 6,875 |
|
|
340
|
+
| `kbd` | 29,504 | 11,109 | 9,839 | 5,494 | 1,685 | 1,317 |
|
|
341
|
+
| `legend` | 40,423 | 14,214 | 12,618 | 8,067 | 2,264 | 1,748 |
|
|
342
|
+
| `lightbox` | 62,016 | 20,155 | 17,964 | 23,006 | 6,017 | 4,675 |
|
|
343
|
+
| `line-chart` | 102,454 | 34,257 | 30,348 | 25,863 | 6,850 | 5,597 |
|
|
344
|
+
| `list` | 68,150 | 22,816 | 20,364 | 21,569 | 5,958 | 4,789 |
|
|
345
|
+
| `listbox` | 81,154 | 26,542 | 23,415 | 19,994 | 5,704 | 4,449 |
|
|
346
|
+
| `loader` | 29,263 | 10,814 | 9,643 | 5,642 | 1,730 | 1,434 |
|
|
347
|
+
| `map` | 111,513 | 29,575 | 25,972 | 69,961 | 15,526 | 12,713 |
|
|
348
|
+
| `megamenu` | 64,996 | 22,865 | 20,223 | 13,547 | 3,559 | 2,740 |
|
|
349
|
+
| `menu` | 108,403 | 34,711 | 30,660 | 41,098 | 10,160 | 8,328 |
|
|
350
|
+
| `meter` | 37,896 | 13,378 | 11,948 | 11,050 | 2,821 | 2,509 |
|
|
351
|
+
| `navigation` | 36,814 | 13,270 | 11,770 | 7,077 | 2,025 | 1,715 |
|
|
352
|
+
| `notifications` | 71,808 | 22,447 | 20,022 | 31,663 | 7,637 | 6,268 |
|
|
353
|
+
| `number-input` | 61,253 | 20,024 | 17,821 | 18,491 | 4,851 | 3,791 |
|
|
354
|
+
| `object-inspector` | 130,338 | 41,206 | 36,213 | 51,884 | 13,191 | 10,671 |
|
|
355
|
+
| `option` | 29,672 | 10,762 | 9,552 | 7,712 | 2,214 | 1,720 |
|
|
356
|
+
| `orb` | 35,265 | 13,489 | 12,038 | 9,730 | 3,690 | 3,222 |
|
|
357
|
+
| `outline` | 37,846 | 13,459 | 11,946 | 12,073 | 3,491 | 2,636 |
|
|
358
|
+
| `pagination` | 153,264 | 46,929 | 40,896 | 62,366 | 15,241 | 12,287 |
|
|
359
|
+
| `pin-input` | 50,409 | 17,316 | 15,449 | 10,058 | 3,179 | 2,491 |
|
|
360
|
+
| `popover` | 66,958 | 23,702 | 20,940 | 9,509 | 2,658 | 2,163 |
|
|
361
|
+
| `progress` | 35,232 | 12,380 | 11,030 | 10,101 | 2,602 | 2,356 |
|
|
362
|
+
| `qr-code` | 44,321 | 17,121 | 15,249 | 18,589 | 6,787 | 5,728 |
|
|
363
|
+
| `quote` | 23,074 | 9,080 | 8,006 | 1,752 | 733 | 537 |
|
|
364
|
+
| `radio` | 50,349 | 15,977 | 14,203 | 11,594 | 2,766 | 2,266 |
|
|
365
|
+
| `rating` | 54,190 | 18,519 | 16,485 | 11,946 | 3,671 | 2,845 |
|
|
366
|
+
| `sandbox` | 104,428 | 31,484 | 27,584 | 72,147 | 19,289 | 16,159 |
|
|
367
|
+
| `scatter-chart` | 100,317 | 33,785 | 29,872 | 25,197 | 6,983 | 5,655 |
|
|
368
|
+
| `scroll-area` | 35,437 | 12,027 | 10,679 | 13,489 | 3,583 | 2,910 |
|
|
369
|
+
| `select` | 124,418 | 40,070 | 35,132 | 35,147 | 9,068 | 7,080 |
|
|
370
|
+
| `skeleton` | 26,090 | 9,664 | 8,589 | 4,738 | 1,433 | 1,190 |
|
|
371
|
+
| `skip-link` | 25,441 | 9,851 | 8,690 | 2,780 | 983 | 753 |
|
|
372
|
+
| `slider` | 67,842 | 20,140 | 17,971 | 28,108 | 6,184 | 5,029 |
|
|
373
|
+
| `sparkline` | 53,442 | 18,851 | 16,851 | 11,421 | 3,520 | 2,874 |
|
|
374
|
+
| `speed-dial` | 75,797 | 26,105 | 23,131 | 17,946 | 4,405 | 3,556 |
|
|
375
|
+
| `splitter` | 49,804 | 16,210 | 14,531 | 20,431 | 4,937 | 4,060 |
|
|
376
|
+
| `stat` | 28,117 | 10,372 | 9,280 | 5,157 | 1,483 | 1,178 |
|
|
377
|
+
| `steps` | 67,449 | 21,378 | 19,083 | 27,416 | 6,636 | 5,388 |
|
|
378
|
+
| `strands` | 62,138 | 23,148 | 20,396 | 38,015 | 13,797 | 11,925 |
|
|
379
|
+
| `switch` | 43,562 | 14,638 | 13,007 | 5,998 | 1,793 | 1,392 |
|
|
380
|
+
| `table` | 135,900 | 40,155 | 34,974 | 62,687 | 15,581 | 12,853 |
|
|
381
|
+
| `tabs` | 55,263 | 17,753 | 15,846 | 19,437 | 4,783 | 3,864 |
|
|
382
|
+
| `tag` | 47,247 | 16,757 | 14,968 | 13,016 | 3,658 | 2,940 |
|
|
383
|
+
| `text` | 28,756 | 9,943 | 8,755 | 7,396 | 1,519 | 1,260 |
|
|
384
|
+
| `textarea` | 47,785 | 15,949 | 14,227 | 9,318 | 2,678 | 2,149 |
|
|
385
|
+
| `time-input` | 193,597 | 56,836 | 49,480 | 72,824 | 16,646 | 13,626 |
|
|
386
|
+
| `time-picker` | 111,928 | 33,946 | 29,873 | 46,251 | 11,628 | 9,402 |
|
|
387
|
+
| `timeline` | 38,179 | 13,326 | 11,921 | 10,947 | 2,752 | 2,268 |
|
|
388
|
+
| `toast` | 58,767 | 19,781 | 17,659 | 20,006 | 5,409 | 4,346 |
|
|
389
|
+
| `toggle` | 50,439 | 16,509 | 14,668 | 10,854 | 3,077 | 2,473 |
|
|
390
|
+
| `toolbar` | 33,726 | 12,066 | 10,723 | 7,822 | 2,163 | 1,725 |
|
|
391
|
+
| `tooltip` | 61,420 | 21,833 | 19,329 | 11,220 | 3,137 | 2,506 |
|
|
392
|
+
| `tour` | 93,661 | 30,696 | 27,131 | 29,787 | 7,498 | 5,974 |
|
|
393
|
+
| `tree` | 76,275 | 24,651 | 21,957 | 25,874 | 6,943 | 5,657 |
|
|
394
|
+
| `trend` | 31,231 | 12,050 | 10,722 | 4,982 | 1,613 | 1,353 |
|
|
395
|
+
| `video` | 161,715 | 47,866 | 41,770 | 86,712 | 20,444 | 16,964 |
|
|
396
|
+
| `video-playlist` | 143,639 | 44,278 | 38,906 | 58,709 | 14,190 | 11,656 |
|
|
397
|
+
| `virtual-list` | 65,445 | 22,136 | 19,690 | 25,282 | 7,676 | 6,226 |
|
|
398
398
|
|
|
399
399
|
## What an install adds to `node_modules`
|
|
400
400
|
|
|
@@ -406,12 +406,12 @@ stripped column shows the bytes we removed.
|
|
|
406
406
|
|
|
407
407
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
408
408
|
|---|---|---|---|---|
|
|
409
|
-
| `@fusion.dev/helix-core` | 2,
|
|
410
|
-
| `@fusion.dev/helix-headless` |
|
|
409
|
+
| `@fusion.dev/helix-core` | 2,560,950 | 559 | 727,994 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
410
|
+
| `@fusion.dev/helix-headless` | 25,355,390 | 716 | 2,256,500 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
411
411
|
| `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
|
|
412
412
|
| `@fusion.dev/helix-styles` | 121,089 | 6 | 0 | none |
|
|
413
413
|
| `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
|
|
414
|
-
| `@fusion.dev/helix` |
|
|
414
|
+
| `@fusion.dev/helix` | 26,659,493 | 969 | 539,178 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
415
415
|
|
|
416
416
|
## Not measured yet
|
|
417
417
|
|