@fusion.dev/helix-docs 0.197.0 → 0.198.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/coding-agents.mdx +18 -4
- package/content/metrics.mdx +221 -221
- package/dist/sources.generated.js +239 -225
- package/package.json +11 -11
|
@@ -72,10 +72,24 @@ helix mcp init --client claude
|
|
|
72
72
|
```
|
|
73
73
|
|
|
74
74
|
`helix mcp` answers from the Helix packages your project installs: families,
|
|
75
|
-
examples, import lines, tokens, and the theme a brand color produces.
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
examples, import lines, tokens, and the theme a brand color produces. It runs on
|
|
76
|
+
your machine, talks to a client you chose, and makes no network requests.
|
|
77
|
+
[The Helix MCP server](#the-helix-mcp-server) lists the tools.
|
|
78
|
+
|
|
79
|
+
`--client` writes the server into the project file that client reads:
|
|
80
|
+
|
|
81
|
+
| `--client` | File |
|
|
82
|
+
|---|---|
|
|
83
|
+
| `claude` | `.mcp.json` |
|
|
84
|
+
| `cursor` | `.cursor/mcp.json` |
|
|
85
|
+
| `vscode` | `.vscode/mcp.json` |
|
|
86
|
+
| `gemini` | `.gemini/settings.json` |
|
|
87
|
+
| `opencode` | `opencode.json` |
|
|
88
|
+
| `roo` | `.roo/mcp.json` |
|
|
89
|
+
| `junie` | `.junie/mcp/mcp.json` |
|
|
90
|
+
|
|
91
|
+
Codex, Cline, Devin, and Zed read their servers from your own settings, outside
|
|
92
|
+
the project, so add `npx @fusion.dev/helix-cli mcp` there.
|
|
79
93
|
|
|
80
94
|
## The manifest
|
|
81
95
|
|
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` | 253,599 | 81,597 | 69,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 253,599 | 81,597 | 69,835 |
|
|
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` | 252,808 | 81,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 1,366,720 | 383,154 | 287,
|
|
60
|
+
| `@fusion.dev/helix-core` | 252,808 | 81,456 | 69,437 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 1,366,720 | 383,154 | 287,408 | 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,050,629 | 531,895 | 379,
|
|
65
|
+
| `@fusion.dev/helix` | 2,050,629 | 531,895 | 379,555 | 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
|
|
@@ -101,12 +101,12 @@ 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,
|
|
104
|
+
| `button` | **Helix** | 41,612 | 14,008 | 12,454 |
|
|
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,545 |
|
|
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 |
|
|
@@ -116,22 +116,22 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
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,975 | 14,
|
|
119
|
+
| `radio` | **Helix** | 50,349 | 15,975 | 14,201 |
|
|
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,637 | 13,
|
|
124
|
+
| `switch` | **Helix** | 43,562 | 14,637 | 13,011 |
|
|
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,
|
|
129
|
+
| `tabs` | **Helix** | 55,263 | 17,753 | 15,850 |
|
|
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,
|
|
134
|
+
| `tooltip` | **Helix** | 61,420 | 21,834 | 19,363 |
|
|
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,107 +183,107 @@ 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,804 | 10,
|
|
187
|
-
| `announcement` | 36,692 | 13,312 | 11,
|
|
188
|
-
| `app-header` | 32,289 | 11,898 | 10,
|
|
189
|
-
| `area-chart` | 90,301 | 31,728 | 28,
|
|
190
|
-
| `avatar` | 30,463 | 11,596 | 10,369 | 3,957 | 1,
|
|
191
|
-
| `badge` | 27,088 | 10,568 | 9,
|
|
192
|
-
| `bar-chart` | 94,416 | 32,822 | 29,
|
|
193
|
-
| `blockquote` | 24,107 | 9,421 | 8,
|
|
194
|
-
| `breadcrumbs` | 36,279 | 13,907 | 12,385 | 7,361 | 2,
|
|
195
|
-
| `button` | 35,194 | 12,591 | 11,199 | 4,926 | 1,455 |
|
|
196
|
-
| `button-group` | 27,640 | 10,382 | 9,
|
|
197
|
-
| `callout` | 35,256 | 13,
|
|
198
|
-
| `canvas` | 108,483 | 34,751 | 30,
|
|
199
|
-
| `card` | 23,824 | 9,093 | 8,
|
|
200
|
-
| `carousel` | 42,748 | 15,233 | 13,
|
|
201
|
-
| `chat` | 79,390 | 26,446 | 23,
|
|
202
|
-
| `checkbox` | 40,374 | 13,681 | 12,199 | 3,107 |
|
|
203
|
-
| `checkbox-group` | 47,602 | 15,600 | 13,896 | 8,324 | 2,
|
|
204
|
-
| `code` | 20,301 | 8,015 | 7,
|
|
205
|
-
| `code-block` | 102,738 | 34,
|
|
206
|
-
| `color-input` | 141,792 | 45,090 | 39,
|
|
207
|
-
| `color-picker` | 103,415 | 32,966 | 28,
|
|
208
|
-
| `combobox` | 132,023 | 41,
|
|
209
|
-
| `command` | 99,560 | 31,
|
|
210
|
-
| `copy-button` | 80,548 | 27,649 | 24,493 | 18,340 | 4,
|
|
211
|
-
| `data-table` | 199,900 | 61,426 | 52,
|
|
212
|
-
| `date-input` | 141,223 | 44,511 | 39,
|
|
213
|
-
| `date-picker` | 61,360 | 20,935 | 18,
|
|
214
|
-
| `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 517 |
|
|
215
|
-
| `dialog` | 38,294 | 13,
|
|
216
|
-
| `divider` | 22,991 | 8,924 | 7,
|
|
217
|
-
| `donut-chart` | 89,212 | 31,
|
|
218
|
-
| `drawer` | 42,939 | 15,158 | 13,
|
|
219
|
-
| `drilldown` | 42,756 | 14,941 | 13,
|
|
220
|
-
| `empty` | 24,241 | 9,
|
|
221
|
-
| `file-input` | 57,757 | 20,019 | 17,
|
|
222
|
-
| `filter-input` | 97,846 | 32,
|
|
223
|
-
| `format-date` | 30,158 | 11,290 | 10,085 | 4,435 | 1,
|
|
224
|
-
| `graph` | 74,369 | 24,
|
|
225
|
-
| `heatmap` | 98,128 | 33,
|
|
226
|
-
| `icon` | 82,157 | 28,051 | 23,964 | 58,303 | 19,
|
|
227
|
-
| `icon-button` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 |
|
|
228
|
-
| `image` | 25,504 | 9,480 | 8,
|
|
229
|
-
| `input` | 46,361 | 15,
|
|
230
|
-
| `kbd` | 27,511 | 10,570 | 9,336 | 3,518 | 1,
|
|
231
|
-
| `legend` | 35,184 | 12,935 | 11,491 | 2,956 | 1,
|
|
232
|
-
| `lightbox` | 55,724 | 18,816 | 16,
|
|
233
|
-
| `line-chart` | 91,335 | 31,881 | 28,
|
|
234
|
-
| `list` | 61,803 | 21,
|
|
235
|
-
| `listbox` | 76,711 | 25,427 | 22,459 | 15,565 | 4,
|
|
236
|
-
| `loader` | 26,379 | 10,041 | 8,940 | 2,774 |
|
|
237
|
-
| `map` | 78,565 | 24,
|
|
238
|
-
| `megamenu` | 60,027 | 21,698 | 19,
|
|
239
|
-
| `menu` | 97,473 | 32,553 | 28,
|
|
240
|
-
| `meter` | 31,721 | 12,025 | 10,
|
|
241
|
-
| `navigation` | 33,088 | 12,436 | 11,
|
|
242
|
-
| `notifications` | 58,346 | 19,881 | 17,
|
|
243
|
-
| `number-input` | 56,271 | 18,842 | 16,
|
|
244
|
-
| `object-inspector` | 113,929 | 38,373 | 33,
|
|
245
|
-
| `option` | 26,477 | 9,763 | 8,665 | 4,524 | 1,211 |
|
|
246
|
-
| `outline` | 33,612 | 12,597 | 11,
|
|
247
|
-
| `pagination` | 136,258 | 43,650 | 37,
|
|
248
|
-
| `pin-input` | 47,068 | 16,413 | 14,
|
|
249
|
-
| `popover` | 63,853 | 22,982 | 20,
|
|
250
|
-
| `progress` | 28,084 | 10,728 | 9,
|
|
251
|
-
| `qr-code` | 42,719 | 16,647 | 14,
|
|
252
|
-
| `quote` | 22,516 | 8,885 | 7,
|
|
253
|
-
| `radio` | 42,561 | 14,465 | 12,
|
|
254
|
-
| `rating` | 50,257 | 17,291 | 15,
|
|
255
|
-
| `scatter-chart` | 91,226 | 31,676 | 28,010 | 16,128 | 4,818 | 3,
|
|
256
|
-
| `scroll-area` | 30,430 | 11,079 | 9,
|
|
257
|
-
| `select` | 115,289 | 38,175 | 33,
|
|
258
|
-
| `skeleton` | 22,328 | 8,644 | 7,666 | 991 |
|
|
259
|
-
| `skip-link` | 23,871 | 9,338 | 8,
|
|
260
|
-
| `slider` | 52,873 | 17,
|
|
261
|
-
| `sparkline` | 47,984 | 17,500 | 15,601 | 5,982 | 2,
|
|
262
|
-
| `spatial-heatmap` | 113,453 | 38,788 | 34,
|
|
263
|
-
| `spatial-scatter-chart` | 98,077 | 34,
|
|
264
|
-
| `spatial-surface-chart` | 99,770 | 35,
|
|
265
|
-
| `speed-dial` | 68,751 | 24,718 | 21,
|
|
266
|
-
| `splitter` | 43,751 | 15,169 | 13,535 | 14,395 | 3,
|
|
267
|
-
| `stat` | 25,255 | 9,675 | 8,601 | 2,302 |
|
|
268
|
-
| `steps` | 53,623 | 18,636 | 16,
|
|
269
|
-
| `switch` | 39,233 | 13,496 | 12,
|
|
270
|
-
| `table` | 118,358 | 37,062 | 32,
|
|
271
|
-
| `tabs` | 46,310 | 15,908 | 14,141 | 10,493 | 2,
|
|
272
|
-
| `tag` | 42,676 | 15,
|
|
273
|
-
| `textarea` | 43,852 | 14,941 | 13,
|
|
274
|
-
| `time-input` | 169,269 | 52,
|
|
275
|
-
| `time-picker` | 99,603 | 31,
|
|
276
|
-
| `timeline` | 31,286 | 11,863 | 10,
|
|
277
|
-
| `toast` | 50,871 | 17,940 | 16,
|
|
278
|
-
| `toggle` | 45,577 | 15,272 | 13,575 | 6,009 | 1,
|
|
279
|
-
| `toolbar` | 31,047 | 11,573 | 10,296 | 5,159 | 1,
|
|
280
|
-
| `tooltip` | 58,616 | 21,
|
|
281
|
-
| `tour` | 83,717 | 28,763 | 25,
|
|
282
|
-
| `tree` | 67,586 | 22,717 | 20,
|
|
283
|
-
| `trend` | 29,717 | 11,
|
|
284
|
-
| `video` | 141,208 | 44,138 | 38,
|
|
285
|
-
| `video-playlist` | 127,686 | 41,
|
|
286
|
-
| `virtual-list` | 63,451 | 21,632 | 19,310 | 23,304 | 7,
|
|
186
|
+
| `accordion` | 31,879 | 11,804 | 10,470 | 5,330 | 1,573 | 1,190 |
|
|
187
|
+
| `announcement` | 36,692 | 13,312 | 11,862 | 4,681 | 1,394 | 925 |
|
|
188
|
+
| `app-header` | 32,289 | 11,898 | 10,594 | 5,870 | 1,775 | 1,181 |
|
|
189
|
+
| `area-chart` | 90,301 | 31,728 | 28,102 | 14,060 | 4,347 | 3,427 |
|
|
190
|
+
| `avatar` | 30,463 | 11,596 | 10,369 | 3,957 | 1,201 | 841 |
|
|
191
|
+
| `badge` | 27,088 | 10,568 | 9,407 | 2,944 | 912 | 646 |
|
|
192
|
+
| `bar-chart` | 94,416 | 32,822 | 29,101 | 18,023 | 5,408 | 4,205 |
|
|
193
|
+
| `blockquote` | 24,107 | 9,421 | 8,332 | 2,401 | 904 | 542 |
|
|
194
|
+
| `breadcrumbs` | 36,279 | 13,907 | 12,385 | 7,361 | 2,403 | 1,879 |
|
|
195
|
+
| `button` | 35,194 | 12,591 | 11,199 | 4,926 | 1,455 | 1,036 |
|
|
196
|
+
| `button-group` | 27,640 | 10,382 | 9,200 | 4,929 | 1,518 | 1,086 |
|
|
197
|
+
| `callout` | 35,256 | 13,593 | 12,065 | 2,884 | 986 | 597 |
|
|
198
|
+
| `canvas` | 108,483 | 34,751 | 30,385 | 68,925 | 20,948 | 17,449 |
|
|
199
|
+
| `card` | 23,824 | 9,093 | 8,055 | 2,090 | 641 | 442 |
|
|
200
|
+
| `carousel` | 42,748 | 15,233 | 13,622 | 15,006 | 4,161 | 3,125 |
|
|
201
|
+
| `chat` | 79,390 | 26,446 | 23,340 | 27,457 | 8,045 | 6,390 |
|
|
202
|
+
| `checkbox` | 40,374 | 13,681 | 12,199 | 3,107 | 949 | 536 |
|
|
203
|
+
| `checkbox-group` | 47,602 | 15,600 | 13,896 | 8,324 | 2,379 | 1,660 |
|
|
204
|
+
| `code` | 20,301 | 8,015 | 7,121 | 138 | 79 | -27 |
|
|
205
|
+
| `code-block` | 102,738 | 34,890 | 30,788 | 36,847 | 10,721 | 8,601 |
|
|
206
|
+
| `color-input` | 141,792 | 45,090 | 39,380 | 55,137 | 14,278 | 11,504 |
|
|
207
|
+
| `color-picker` | 103,415 | 32,966 | 28,885 | 47,255 | 12,678 | 10,199 |
|
|
208
|
+
| `combobox` | 132,023 | 41,952 | 36,962 | 35,792 | 9,090 | 7,003 |
|
|
209
|
+
| `command` | 99,560 | 31,521 | 27,757 | 30,062 | 8,097 | 6,307 |
|
|
210
|
+
| `copy-button` | 80,548 | 27,649 | 24,493 | 18,340 | 4,952 | 3,752 |
|
|
211
|
+
| `data-table` | 199,900 | 61,426 | 52,479 | 89,489 | 23,842 | 18,936 |
|
|
212
|
+
| `date-input` | 141,223 | 44,511 | 39,086 | 38,231 | 9,442 | 7,362 |
|
|
213
|
+
| `date-picker` | 61,360 | 20,935 | 18,727 | 20,346 | 5,589 | 4,297 |
|
|
214
|
+
| `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 517 | 239 |
|
|
215
|
+
| `dialog` | 38,294 | 13,634 | 12,133 | 5,837 | 1,717 | 1,156 |
|
|
216
|
+
| `divider` | 22,991 | 8,924 | 7,883 | 1,415 | 523 | 206 |
|
|
217
|
+
| `donut-chart` | 89,212 | 31,130 | 27,510 | 14,642 | 4,497 | 3,518 |
|
|
218
|
+
| `drawer` | 42,939 | 15,158 | 13,507 | 7,699 | 2,307 | 1,674 |
|
|
219
|
+
| `drilldown` | 42,756 | 14,941 | 13,297 | 9,709 | 2,720 | 2,018 |
|
|
220
|
+
| `empty` | 24,241 | 9,287 | 8,243 | 1,951 | 636 | 420 |
|
|
221
|
+
| `file-input` | 57,757 | 20,019 | 17,808 | 13,094 | 4,117 | 3,196 |
|
|
222
|
+
| `filter-input` | 97,846 | 32,819 | 29,097 | 21,631 | 6,176 | 4,792 |
|
|
223
|
+
| `format-date` | 30,158 | 11,290 | 10,085 | 4,435 | 1,269 | 936 |
|
|
224
|
+
| `graph` | 74,369 | 24,504 | 21,640 | 21,879 | 6,450 | 5,022 |
|
|
225
|
+
| `heatmap` | 98,128 | 33,501 | 29,561 | 18,942 | 5,586 | 4,270 |
|
|
226
|
+
| `icon` | 82,157 | 28,051 | 23,964 | 58,303 | 19,563 | 16,020 |
|
|
227
|
+
| `icon-button` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 | 974 |
|
|
228
|
+
| `image` | 25,504 | 9,480 | 8,405 | 3,823 | 1,159 | 792 |
|
|
229
|
+
| `input` | 46,361 | 15,972 | 14,093 | 7,351 | 2,398 | 1,699 |
|
|
230
|
+
| `kbd` | 27,511 | 10,570 | 9,336 | 3,518 | 1,127 | 699 |
|
|
231
|
+
| `legend` | 35,184 | 12,935 | 11,491 | 2,956 | 1,007 | 719 |
|
|
232
|
+
| `lightbox` | 55,724 | 18,816 | 16,711 | 16,731 | 4,656 | 3,368 |
|
|
233
|
+
| `line-chart` | 91,335 | 31,881 | 28,255 | 14,763 | 4,403 | 3,427 |
|
|
234
|
+
| `list` | 61,803 | 21,292 | 18,957 | 15,242 | 4,416 | 3,250 |
|
|
235
|
+
| `listbox` | 76,711 | 25,427 | 22,459 | 15,565 | 4,603 | 3,363 |
|
|
236
|
+
| `loader` | 26,379 | 10,041 | 8,940 | 2,774 | 952 | 568 |
|
|
237
|
+
| `map` | 78,565 | 24,393 | 21,324 | 37,032 | 10,098 | 7,764 |
|
|
238
|
+
| `megamenu` | 60,027 | 21,698 | 19,183 | 8,595 | 2,376 | 1,668 |
|
|
239
|
+
| `menu` | 97,473 | 32,553 | 28,726 | 30,182 | 7,944 | 6,175 |
|
|
240
|
+
| `meter` | 31,721 | 12,025 | 10,720 | 4,893 | 1,451 | 1,032 |
|
|
241
|
+
| `navigation` | 33,088 | 12,436 | 11,034 | 3,365 | 1,147 | 710 |
|
|
242
|
+
| `notifications` | 58,346 | 19,881 | 17,733 | 18,209 | 5,059 | 3,857 |
|
|
243
|
+
| `number-input` | 56,271 | 18,842 | 16,800 | 13,525 | 3,613 | 2,582 |
|
|
244
|
+
| `object-inspector` | 113,929 | 38,373 | 33,740 | 35,495 | 10,278 | 8,056 |
|
|
245
|
+
| `option` | 26,477 | 9,763 | 8,665 | 4,524 | 1,211 | 802 |
|
|
246
|
+
| `outline` | 33,612 | 12,597 | 11,194 | 7,858 | 2,574 | 1,818 |
|
|
247
|
+
| `pagination` | 136,258 | 43,650 | 37,903 | 45,382 | 11,881 | 9,318 |
|
|
248
|
+
| `pin-input` | 47,068 | 16,413 | 14,640 | 6,737 | 2,231 | 1,499 |
|
|
249
|
+
| `popover` | 63,853 | 22,982 | 20,298 | 6,374 | 1,850 | 1,195 |
|
|
250
|
+
| `progress` | 28,084 | 10,728 | 9,550 | 2,969 | 921 | 705 |
|
|
251
|
+
| `qr-code` | 42,719 | 16,647 | 14,800 | 17,005 | 6,286 | 5,223 |
|
|
252
|
+
| `quote` | 22,516 | 8,885 | 7,827 | 1,210 | 523 | 258 |
|
|
253
|
+
| `radio` | 42,561 | 14,465 | 12,867 | 3,817 | 1,197 | 667 |
|
|
254
|
+
| `rating` | 50,257 | 17,291 | 15,435 | 8,028 | 2,437 | 1,605 |
|
|
255
|
+
| `scatter-chart` | 91,226 | 31,676 | 28,010 | 16,128 | 4,818 | 3,723 |
|
|
256
|
+
| `scroll-area` | 30,430 | 11,079 | 9,813 | 8,499 | 2,585 | 1,878 |
|
|
257
|
+
| `select` | 115,289 | 38,175 | 33,416 | 26,034 | 7,129 | 5,312 |
|
|
258
|
+
| `skeleton` | 22,328 | 8,644 | 7,666 | 991 | 404 | 154 |
|
|
259
|
+
| `skip-link` | 23,871 | 9,338 | 8,264 | 1,224 | 496 | 246 |
|
|
260
|
+
| `slider` | 52,873 | 17,825 | 15,916 | 13,158 | 3,777 | 2,936 |
|
|
261
|
+
| `sparkline` | 47,984 | 17,500 | 15,601 | 5,982 | 2,128 | 1,631 |
|
|
262
|
+
| `spatial-heatmap` | 113,453 | 38,788 | 34,092 | 31,595 | 9,607 | 7,667 |
|
|
263
|
+
| `spatial-scatter-chart` | 98,077 | 34,518 | 30,441 | 18,240 | 5,992 | 4,687 |
|
|
264
|
+
| `spatial-surface-chart` | 99,770 | 35,241 | 31,060 | 19,869 | 6,684 | 5,258 |
|
|
265
|
+
| `speed-dial` | 68,751 | 24,718 | 21,860 | 10,914 | 2,936 | 2,219 |
|
|
266
|
+
| `splitter` | 43,751 | 15,169 | 13,535 | 14,395 | 3,867 | 2,988 |
|
|
267
|
+
| `stat` | 25,255 | 9,675 | 8,601 | 2,302 | 761 | 479 |
|
|
268
|
+
| `steps` | 53,623 | 18,636 | 16,567 | 13,604 | 3,826 | 3,031 |
|
|
269
|
+
| `switch` | 39,233 | 13,496 | 12,036 | 1,679 | 630 | 355 |
|
|
270
|
+
| `table` | 118,358 | 37,062 | 32,249 | 45,150 | 12,431 | 9,883 |
|
|
271
|
+
| `tabs` | 46,310 | 15,908 | 14,141 | 10,493 | 2,873 | 2,087 |
|
|
272
|
+
| `tag` | 42,676 | 15,620 | 13,971 | 8,456 | 2,533 | 1,807 |
|
|
273
|
+
| `textarea` | 43,852 | 14,941 | 13,325 | 5,403 | 1,610 | 1,115 |
|
|
274
|
+
| `time-input` | 169,269 | 52,676 | 45,765 | 48,513 | 12,431 | 9,737 |
|
|
275
|
+
| `time-picker` | 99,603 | 31,518 | 27,730 | 33,934 | 9,195 | 7,080 |
|
|
276
|
+
| `timeline` | 31,286 | 11,863 | 10,638 | 4,062 | 1,202 | 771 |
|
|
277
|
+
| `toast` | 50,871 | 17,940 | 16,003 | 12,125 | 3,530 | 2,694 |
|
|
278
|
+
| `toggle` | 45,577 | 15,272 | 13,575 | 6,009 | 1,806 | 1,344 |
|
|
279
|
+
| `toolbar` | 31,047 | 11,573 | 10,296 | 5,159 | 1,673 | 1,204 |
|
|
280
|
+
| `tooltip` | 58,616 | 21,090 | 18,726 | 8,435 | 2,353 | 1,740 |
|
|
281
|
+
| `tour` | 83,717 | 28,763 | 25,379 | 19,810 | 5,445 | 4,257 |
|
|
282
|
+
| `tree` | 67,586 | 22,717 | 20,253 | 17,200 | 4,961 | 3,810 |
|
|
283
|
+
| `trend` | 29,717 | 11,569 | 10,337 | 3,488 | 1,120 | 777 |
|
|
284
|
+
| `video` | 141,208 | 44,138 | 38,459 | 66,219 | 16,730 | 13,598 |
|
|
285
|
+
| `video-playlist` | 127,686 | 41,300 | 36,361 | 42,779 | 11,205 | 9,066 |
|
|
286
|
+
| `virtual-list` | 63,451 | 21,632 | 19,310 | 23,304 | 7,150 | 5,647 |
|
|
287
287
|
|
|
288
288
|
### Styled tier
|
|
289
289
|
|
|
@@ -291,114 +291,114 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
291
291
|
|
|
292
292
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
293
293
|
|---|---|---|---|---|---|---|
|
|
294
|
-
| `accordion` | 35,311 | 12,653 | 11,
|
|
295
|
-
| `announcement` | 41,307 | 14,365 | 12,
|
|
296
|
-
| `app-header` | 37,449 | 13,103 | 11,680 | 11,015 | 2,
|
|
297
|
-
| `area-chart` | 98,393 | 33,576 | 29,
|
|
298
|
-
| `aura` | 56,085 | 19,320 | 17,
|
|
299
|
-
| `avatar` | 33,464 | 12,351 | 11,
|
|
300
|
-
| `badge` | 32,595 | 11,
|
|
301
|
-
| `bar-chart` | 108,944 | 35,726 | 31,
|
|
302
|
-
| `blockquote` | 26,332 | 9,
|
|
303
|
-
| `breadcrumbs` | 43,220 | 15,115 | 13,466 | 14,286 | 3,647 |
|
|
304
|
-
| `button` | 41,612 | 14,
|
|
305
|
-
| `button-group` | 31,138 | 11,066 | 9,
|
|
306
|
-
| `callout` | 39,049 | 14,
|
|
307
|
-
| `canvas` | 129,523 | 38,
|
|
308
|
-
| `card` | 27,725 | 10,100 | 8,971 | 5,976 | 1,632 | 1,
|
|
309
|
-
| `carousel` | 53,234 | 17,
|
|
310
|
-
| `chat` | 94,674 | 29,166 | 25,
|
|
311
|
-
| `checkbox` | 46,865 | 15,190 | 13,
|
|
312
|
-
| `checkbox-group` | 54,826 | 17,244 | 15,
|
|
313
|
-
| `code` | 21,154 | 8,333 | 7,394 | 976 |
|
|
314
|
-
| `code-block` | 127,213 | 38,
|
|
315
|
-
| `color-input` | 184,176 | 51,349 | 44,
|
|
316
|
-
| `color-picker` | 140,348 | 38,509 | 33,
|
|
317
|
-
| `combobox` | 147,503 | 44,927 | 39,
|
|
318
|
-
| `command` | 110,838 | 33,879 | 29,
|
|
319
|
-
| `copy-button` | 92,577 | 29,825 | 26,
|
|
320
|
-
| `data-table` | 230,715 | 66,818 | 57,
|
|
321
|
-
| `date-input` | 162,349 | 48,
|
|
322
|
-
| `date-picker` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,
|
|
323
|
-
| `description-list` | 25,855 | 9,517 | 8,461 | 4,508 | 1,
|
|
324
|
-
| `dialog` | 43,407 | 14,900 | 13,269 | 10,933 | 2,993 | 2,
|
|
325
|
-
| `divider` | 25,291 | 9,545 | 8,433 | 3,698 | 1,
|
|
326
|
-
| `donut-chart` | 99,170 | 33,263 | 29,
|
|
327
|
-
| `drawer` | 48,772 | 16,
|
|
328
|
-
| `drilldown` | 48,438 | 16,240 | 14,
|
|
329
|
-
| `empty` | 25,550 | 9,762 | 8,
|
|
330
|
-
| `file-input` | 69,285 | 22,420 | 19,
|
|
331
|
-
| `filter-input` | 108,688 | 34,
|
|
332
|
-
| `flex` | 25,740 | 9,194 | 8,149 | 4,762 | 1,
|
|
333
|
-
| `format-date` | 30,414 | 11,403 | 10,
|
|
334
|
-
| `graph` | 89,037 | 27,080 | 23,
|
|
335
|
-
| `grid` | 27,002 | 9,846 | 8,742 | 5,639 | 1,
|
|
336
|
-
| `heatmap` | 105,486 | 35,190 | 31,
|
|
337
|
-
| `icon` | 83,995 | 28,568 | 24,460 | 60,128 | 20,114 | 16,
|
|
338
|
-
| `icon-button` | 43,040 | 13,981 | 12,449 | 12,754 | 2,
|
|
339
|
-
| `image` | 26,892 | 9,947 | 8,805 | 5,193 | 1,
|
|
340
|
-
| `input` | 50,619 | 17,
|
|
341
|
-
| `kbd` | 29,504 | 11,109 | 9,826 | 5,496 | 1,
|
|
342
|
-
| `legend` | 40,423 | 14,214 | 12,
|
|
343
|
-
| `lightbox` | 62,016 | 20,155 | 17,
|
|
344
|
-
| `line-chart` | 102,454 | 34,257 | 30,
|
|
345
|
-
| `list` | 68,150 | 22,814 | 20,
|
|
346
|
-
| `listbox` | 81,154 | 26,542 | 23,
|
|
347
|
-
| `loader` | 29,263 | 10,
|
|
348
|
-
| `map` | 111,513 | 29,
|
|
349
|
-
| `megamenu` | 64,996 | 22,865 | 20,
|
|
350
|
-
| `menu` | 108,403 | 34,710 | 30,
|
|
351
|
-
| `meter` | 37,896 | 13,377 | 11,
|
|
352
|
-
| `navigation` | 36,814 | 13,268 | 11,768 | 7,076 | 2,010 | 1,
|
|
353
|
-
| `notifications` | 71,839 | 22,457 | 20,073 | 31,694 | 7,653 | 6,
|
|
354
|
-
| `number-input` | 61,253 | 20,026 | 17,
|
|
355
|
-
| `object-inspector` | 130,338 | 41,205 | 36,
|
|
356
|
-
| `option` | 29,672 | 10,762 | 9,
|
|
357
|
-
| `orb` | 35,265 | 13,488 | 12,
|
|
358
|
-
| `outline` | 37,846 | 13,
|
|
359
|
-
| `pagination` | 153,264 | 46,929 | 40,
|
|
360
|
-
| `pin-input` | 50,409 | 17,316 | 15,
|
|
361
|
-
| `popover` | 67,005 | 23,749 |
|
|
362
|
-
| `progress` | 35,232 | 12,380 | 11,029 | 10,100 | 2,
|
|
363
|
-
| `qr-code` | 44,321 | 17,121 | 15,278 | 18,589 | 6,
|
|
364
|
-
| `quote` | 23,074 | 9,079 | 8,006 | 1,751 | 719 |
|
|
365
|
-
| `radio` | 50,349 | 15,975 | 14,
|
|
366
|
-
| `rating` | 54,190 | 18,519 | 16,
|
|
367
|
-
| `sandbox` | 104,428 | 31,
|
|
368
|
-
| `scatter-chart` | 100,317 | 33,785 | 29,
|
|
369
|
-
| `scroll-area` | 35,437 | 12,025 | 10,702 | 13,489 | 3,
|
|
370
|
-
| `select` | 124,418 | 40,070 | 35,
|
|
371
|
-
| `skeleton` | 26,090 | 9,664 | 8,
|
|
372
|
-
| `skip-link` | 25,441 | 9,852 | 8,690 | 2,779 | 968 |
|
|
373
|
-
| `slider` | 67,842 | 20,140 | 18,
|
|
374
|
-
| `sparkline` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,
|
|
375
|
-
| `spatial-heatmap` | 122,253 | 40,833 | 35,
|
|
376
|
-
| `spatial-scatter-chart` | 105,573 | 36,
|
|
377
|
-
| `spatial-surface-chart` | 106,704 | 36,932 | 32,
|
|
378
|
-
| `speed-dial` | 75,797 | 26,105 | 23,
|
|
379
|
-
| `splitter` | 49,804 | 16,208 | 14,
|
|
380
|
-
| `stat` | 28,117 | 10,372 | 9,280 | 5,156 | 1,472 | 1,
|
|
381
|
-
| `steps` | 67,449 | 21,
|
|
382
|
-
| `strands` | 62,138 | 23,151 | 20,
|
|
383
|
-
| `switch` | 43,562 | 14,637 | 13,
|
|
384
|
-
| `table` | 135,900 | 40,155 | 34,
|
|
385
|
-
| `tabs` | 55,263 | 17,
|
|
386
|
-
| `tag` | 47,247 | 16,757 | 14,
|
|
387
|
-
| `text` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,
|
|
388
|
-
| `textarea` | 47,785 | 15,949 | 14,233 | 9,319 | 2,
|
|
389
|
-
| `time-input` | 193,597 | 56,836 | 49,
|
|
390
|
-
| `time-picker` | 111,928 | 33,946 | 29,
|
|
391
|
-
| `timeline` | 38,179 | 13,327 | 11,
|
|
392
|
-
| `toast` | 58,767 | 19,
|
|
393
|
-
| `toggle` | 50,439 | 16,510 | 14,665 | 10,856 | 3,075 | 2,
|
|
394
|
-
| `toolbar` | 33,726 | 12,066 | 10,723 | 7,823 | 2,165 | 1,
|
|
395
|
-
| `tooltip` | 61,420 | 21,
|
|
396
|
-
| `tour` | 93,708 | 30,741 | 27,
|
|
397
|
-
| `tree` | 76,275 | 24,
|
|
398
|
-
| `trend` | 31,231 | 12,
|
|
399
|
-
| `video` | 161,715 | 47,867 | 41,
|
|
400
|
-
| `video-playlist` | 143,639 | 44,
|
|
401
|
-
| `virtual-list` | 65,445 | 22,138 | 19,702 | 25,281 | 7,664 | 6,
|
|
294
|
+
| `accordion` | 35,311 | 12,653 | 11,211 | 8,747 | 2,422 | 1,879 |
|
|
295
|
+
| `announcement` | 41,307 | 14,365 | 12,837 | 9,277 | 2,479 | 1,910 |
|
|
296
|
+
| `app-header` | 37,449 | 13,103 | 11,680 | 11,015 | 2,977 | 2,278 |
|
|
297
|
+
| `area-chart` | 98,393 | 33,576 | 29,680 | 22,133 | 6,229 | 4,979 |
|
|
298
|
+
| `aura` | 56,085 | 19,320 | 17,112 | 29,775 | 9,288 | 7,741 |
|
|
299
|
+
| `avatar` | 33,464 | 12,351 | 11,017 | 6,945 | 1,969 | 1,543 |
|
|
300
|
+
| `badge` | 32,595 | 11,820 | 10,531 | 8,440 | 2,169 | 1,659 |
|
|
301
|
+
| `bar-chart` | 108,944 | 35,726 | 31,541 | 32,532 | 8,363 | 6,836 |
|
|
302
|
+
| `blockquote` | 26,332 | 9,969 | 8,824 | 4,613 | 1,446 | 1,110 |
|
|
303
|
+
| `breadcrumbs` | 43,220 | 15,115 | 13,466 | 14,286 | 3,647 | 2,931 |
|
|
304
|
+
| `button` | 41,612 | 14,008 | 12,454 | 11,325 | 2,891 | 2,306 |
|
|
305
|
+
| `button-group` | 31,138 | 11,066 | 9,810 | 8,410 | 2,210 | 1,655 |
|
|
306
|
+
| `callout` | 39,049 | 14,536 | 12,904 | 6,659 | 1,927 | 1,479 |
|
|
307
|
+
| `canvas` | 129,523 | 38,716 | 33,893 | 89,609 | 24,828 | 20,814 |
|
|
308
|
+
| `card` | 27,725 | 10,100 | 8,971 | 5,976 | 1,632 | 1,285 |
|
|
309
|
+
| `carousel` | 53,234 | 17,022 | 15,281 | 25,477 | 5,979 | 4,753 |
|
|
310
|
+
| `chat` | 94,674 | 29,166 | 25,839 | 42,734 | 10,809 | 8,712 |
|
|
311
|
+
| `checkbox` | 46,865 | 15,190 | 13,545 | 9,580 | 2,490 | 1,875 |
|
|
312
|
+
| `checkbox-group` | 54,826 | 17,244 | 15,362 | 15,537 | 4,010 | 3,032 |
|
|
313
|
+
| `code` | 21,154 | 8,333 | 7,394 | 976 | 402 | 306 |
|
|
314
|
+
| `code-block` | 127,213 | 38,715 | 34,200 | 61,302 | 14,711 | 12,022 |
|
|
315
|
+
| `color-input` | 184,176 | 51,349 | 44,970 | 97,507 | 20,443 | 17,063 |
|
|
316
|
+
| `color-picker` | 140,348 | 38,509 | 33,789 | 84,179 | 18,166 | 15,017 |
|
|
317
|
+
| `combobox` | 147,503 | 44,927 | 39,535 | 51,256 | 12,039 | 9,701 |
|
|
318
|
+
| `command` | 110,838 | 33,879 | 29,788 | 41,333 | 10,476 | 8,406 |
|
|
319
|
+
| `copy-button` | 92,577 | 29,825 | 26,459 | 30,353 | 7,185 | 5,623 |
|
|
320
|
+
| `data-table` | 230,715 | 66,818 | 57,218 | 120,291 | 29,344 | 23,737 |
|
|
321
|
+
| `date-input` | 162,349 | 48,215 | 42,429 | 59,342 | 13,178 | 10,777 |
|
|
322
|
+
| `date-picker` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,594 |
|
|
323
|
+
| `description-list` | 25,855 | 9,517 | 8,461 | 4,508 | 1,255 | 896 |
|
|
324
|
+
| `dialog` | 43,407 | 14,900 | 13,269 | 10,933 | 2,993 | 2,270 |
|
|
325
|
+
| `divider` | 25,291 | 9,545 | 8,433 | 3,698 | 1,155 | 859 |
|
|
326
|
+
| `donut-chart` | 99,170 | 33,263 | 29,404 | 24,577 | 6,676 | 5,263 |
|
|
327
|
+
| `drawer` | 48,772 | 16,543 | 14,790 | 13,513 | 3,692 | 2,863 |
|
|
328
|
+
| `drilldown` | 48,438 | 16,240 | 14,452 | 15,379 | 4,018 | 3,114 |
|
|
329
|
+
| `empty` | 25,550 | 9,762 | 8,646 | 3,242 | 1,093 | 754 |
|
|
330
|
+
| `file-input` | 69,285 | 22,420 | 19,925 | 24,613 | 6,514 | 5,217 |
|
|
331
|
+
| `filter-input` | 108,688 | 34,991 | 30,999 | 32,466 | 8,399 | 6,715 |
|
|
332
|
+
| `flex` | 25,740 | 9,194 | 8,149 | 4,762 | 1,035 | 791 |
|
|
333
|
+
| `format-date` | 30,414 | 11,403 | 10,154 | 4,673 | 1,393 | 1,002 |
|
|
334
|
+
| `graph` | 89,037 | 27,080 | 23,932 | 36,529 | 9,141 | 7,335 |
|
|
335
|
+
| `grid` | 27,002 | 9,846 | 8,742 | 5,639 | 1,458 | 1,141 |
|
|
336
|
+
| `heatmap` | 105,486 | 35,190 | 31,089 | 26,279 | 7,237 | 5,756 |
|
|
337
|
+
| `icon` | 83,995 | 28,568 | 24,460 | 60,128 | 20,114 | 16,317 |
|
|
338
|
+
| `icon-button` | 43,040 | 13,981 | 12,449 | 12,754 | 2,865 | 2,094 |
|
|
339
|
+
| `image` | 26,892 | 9,947 | 8,805 | 5,193 | 1,611 | 1,269 |
|
|
340
|
+
| `input` | 50,619 | 17,063 | 15,042 | 11,594 | 3,496 | 2,541 |
|
|
341
|
+
| `kbd` | 29,504 | 11,109 | 9,826 | 5,496 | 1,660 | 1,242 |
|
|
342
|
+
| `legend` | 40,423 | 14,214 | 12,626 | 8,066 | 2,282 | 1,806 |
|
|
343
|
+
| `lightbox` | 62,016 | 20,155 | 17,939 | 23,007 | 5,966 | 4,589 |
|
|
344
|
+
| `line-chart` | 102,454 | 34,257 | 30,357 | 25,865 | 6,820 | 5,541 |
|
|
345
|
+
| `list` | 68,150 | 22,814 | 20,334 | 21,569 | 5,915 | 4,601 |
|
|
346
|
+
| `listbox` | 81,154 | 26,542 | 23,469 | 19,994 | 5,689 | 4,225 |
|
|
347
|
+
| `loader` | 29,263 | 10,816 | 9,653 | 5,641 | 1,700 | 1,300 |
|
|
348
|
+
| `map` | 111,513 | 29,574 | 26,003 | 69,971 | 15,441 | 12,533 |
|
|
349
|
+
| `megamenu` | 64,996 | 22,865 | 20,241 | 13,546 | 3,541 | 2,663 |
|
|
350
|
+
| `menu` | 108,403 | 34,710 | 30,611 | 41,096 | 10,137 | 8,171 |
|
|
351
|
+
| `meter` | 37,896 | 13,377 | 11,942 | 11,049 | 2,800 | 2,340 |
|
|
352
|
+
| `navigation` | 36,814 | 13,268 | 11,768 | 7,076 | 2,010 | 1,562 |
|
|
353
|
+
| `notifications` | 71,839 | 22,457 | 20,073 | 31,694 | 7,653 | 6,159 |
|
|
354
|
+
| `number-input` | 61,253 | 20,026 | 17,847 | 18,492 | 4,794 | 3,725 |
|
|
355
|
+
| `object-inspector` | 130,338 | 41,205 | 36,244 | 51,889 | 13,159 | 10,624 |
|
|
356
|
+
| `option` | 29,672 | 10,762 | 9,547 | 7,712 | 2,201 | 1,727 |
|
|
357
|
+
| `orb` | 35,265 | 13,488 | 12,044 | 9,730 | 3,661 | 2,877 |
|
|
358
|
+
| `outline` | 37,846 | 13,457 | 11,936 | 12,075 | 3,444 | 2,649 |
|
|
359
|
+
| `pagination` | 153,264 | 46,929 | 40,904 | 62,371 | 15,207 | 12,144 |
|
|
360
|
+
| `pin-input` | 50,409 | 17,316 | 15,432 | 10,059 | 3,133 | 2,412 |
|
|
361
|
+
| `popover` | 67,005 | 23,749 | 20,997 | 9,508 | 2,640 | 1,933 |
|
|
362
|
+
| `progress` | 35,232 | 12,380 | 11,029 | 10,100 | 2,594 | 2,035 |
|
|
363
|
+
| `qr-code` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,649 |
|
|
364
|
+
| `quote` | 23,074 | 9,079 | 8,006 | 1,751 | 719 | 536 |
|
|
365
|
+
| `radio` | 50,349 | 15,975 | 14,201 | 11,592 | 2,734 | 2,024 |
|
|
366
|
+
| `rating` | 54,190 | 18,519 | 16,485 | 11,945 | 3,654 | 2,769 |
|
|
367
|
+
| `sandbox` | 104,428 | 31,484 | 27,618 | 72,146 | 19,183 | 16,076 |
|
|
368
|
+
| `scatter-chart` | 100,317 | 33,785 | 29,903 | 25,198 | 6,981 | 5,576 |
|
|
369
|
+
| `scroll-area` | 35,437 | 12,025 | 10,702 | 13,489 | 3,556 | 2,729 |
|
|
370
|
+
| `select` | 124,418 | 40,070 | 35,070 | 35,148 | 9,050 | 7,061 |
|
|
371
|
+
| `skeleton` | 26,090 | 9,664 | 8,591 | 4,738 | 1,397 | 1,005 |
|
|
372
|
+
| `skip-link` | 25,441 | 9,852 | 8,690 | 2,779 | 968 | 664 |
|
|
373
|
+
| `slider` | 67,842 | 20,140 | 18,004 | 28,109 | 6,167 | 4,953 |
|
|
374
|
+
| `sparkline` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,793 |
|
|
375
|
+
| `spatial-heatmap` | 122,253 | 40,833 | 35,876 | 40,379 | 11,664 | 9,447 |
|
|
376
|
+
| `spatial-scatter-chart` | 105,573 | 36,235 | 31,930 | 25,715 | 7,728 | 6,116 |
|
|
377
|
+
| `spatial-surface-chart` | 106,704 | 36,932 | 32,594 | 26,782 | 8,346 | 6,763 |
|
|
378
|
+
| `speed-dial` | 75,797 | 26,105 | 23,146 | 17,946 | 4,388 | 3,365 |
|
|
379
|
+
| `splitter` | 49,804 | 16,208 | 14,471 | 20,431 | 4,916 | 3,949 |
|
|
380
|
+
| `stat` | 28,117 | 10,372 | 9,280 | 5,156 | 1,472 | 1,088 |
|
|
381
|
+
| `steps` | 67,449 | 21,378 | 19,014 | 27,419 | 6,623 | 5,388 |
|
|
382
|
+
| `strands` | 62,138 | 23,151 | 20,383 | 38,013 | 13,698 | 11,732 |
|
|
383
|
+
| `switch` | 43,562 | 14,637 | 13,011 | 5,998 | 1,760 | 1,308 |
|
|
384
|
+
| `table` | 135,900 | 40,155 | 34,988 | 62,694 | 15,564 | 12,603 |
|
|
385
|
+
| `tabs` | 55,263 | 17,753 | 15,850 | 19,437 | 4,744 | 3,697 |
|
|
386
|
+
| `tag` | 47,247 | 16,757 | 14,968 | 13,015 | 3,633 | 2,852 |
|
|
387
|
+
| `text` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,096 |
|
|
388
|
+
| `textarea` | 47,785 | 15,949 | 14,233 | 9,319 | 2,649 | 1,972 |
|
|
389
|
+
| `time-input` | 193,597 | 56,836 | 49,544 | 72,826 | 16,608 | 13,456 |
|
|
390
|
+
| `time-picker` | 111,928 | 33,946 | 29,861 | 46,255 | 11,612 | 9,259 |
|
|
391
|
+
| `timeline` | 38,179 | 13,327 | 11,921 | 10,948 | 2,704 | 2,072 |
|
|
392
|
+
| `toast` | 58,767 | 19,783 | 17,649 | 20,007 | 5,392 | 4,230 |
|
|
393
|
+
| `toggle` | 50,439 | 16,510 | 14,665 | 10,856 | 3,075 | 2,487 |
|
|
394
|
+
| `toolbar` | 33,726 | 12,066 | 10,723 | 7,823 | 2,165 | 1,548 |
|
|
395
|
+
| `tooltip` | 61,420 | 21,834 | 19,363 | 11,221 | 3,098 | 2,367 |
|
|
396
|
+
| `tour` | 93,708 | 30,741 | 27,203 | 29,782 | 7,474 | 5,891 |
|
|
397
|
+
| `tree` | 76,275 | 24,652 | 21,958 | 25,874 | 6,891 | 5,510 |
|
|
398
|
+
| `trend` | 31,231 | 12,050 | 10,722 | 4,983 | 1,582 | 1,179 |
|
|
399
|
+
| `video` | 161,715 | 47,867 | 41,857 | 86,708 | 20,441 | 16,948 |
|
|
400
|
+
| `video-playlist` | 143,639 | 44,278 | 38,893 | 58,711 | 14,180 | 11,638 |
|
|
401
|
+
| `virtual-list` | 65,445 | 22,138 | 19,702 | 25,281 | 7,664 | 6,196 |
|
|
402
402
|
|
|
403
403
|
## What an install adds to `node_modules`
|
|
404
404
|
|
|
@@ -411,11 +411,11 @@ stripped column shows the bytes we removed.
|
|
|
411
411
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
412
412
|
|---|---|---|---|---|
|
|
413
413
|
| `@fusion.dev/helix-core` | 2,603,668 | 569 | 751,479 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
414
|
-
| `@fusion.dev/helix-headless` | 25,
|
|
414
|
+
| `@fusion.dev/helix-headless` | 25,885,588 | 730 | 2,329,616 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
415
415
|
| `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
|
|
416
416
|
| `@fusion.dev/helix-styles` | 121,243 | 6 | 0 | none |
|
|
417
417
|
| `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
|
|
418
|
-
| `@fusion.dev/helix` | 27,
|
|
418
|
+
| `@fusion.dev/helix` | 27,261,374 | 981 | 543,384 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
419
419
|
|
|
420
420
|
## Not measured yet
|
|
421
421
|
|
|
@@ -1011,10 +1011,24 @@ helix mcp init --client claude
|
|
|
1011
1011
|
\`\`\`
|
|
1012
1012
|
|
|
1013
1013
|
\`helix mcp\` answers from the Helix packages your project installs: families,
|
|
1014
|
-
examples, import lines, tokens, and the theme a brand color produces.
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1014
|
+
examples, import lines, tokens, and the theme a brand color produces. It runs on
|
|
1015
|
+
your machine, talks to a client you chose, and makes no network requests.
|
|
1016
|
+
[The Helix MCP server](#the-helix-mcp-server) lists the tools.
|
|
1017
|
+
|
|
1018
|
+
\`--client\` writes the server into the project file that client reads:
|
|
1019
|
+
|
|
1020
|
+
| \`--client\` | File |
|
|
1021
|
+
|---|---|
|
|
1022
|
+
| \`claude\` | \`.mcp.json\` |
|
|
1023
|
+
| \`cursor\` | \`.cursor/mcp.json\` |
|
|
1024
|
+
| \`vscode\` | \`.vscode/mcp.json\` |
|
|
1025
|
+
| \`gemini\` | \`.gemini/settings.json\` |
|
|
1026
|
+
| \`opencode\` | \`opencode.json\` |
|
|
1027
|
+
| \`roo\` | \`.roo/mcp.json\` |
|
|
1028
|
+
| \`junie\` | \`.junie/mcp/mcp.json\` |
|
|
1029
|
+
|
|
1030
|
+
Codex, Cline, Devin, and Zed read their servers from your own settings, outside
|
|
1031
|
+
the project, so add \`npx @fusion.dev/helix-cli mcp\` there.
|
|
1018
1032
|
|
|
1019
1033
|
## The manifest
|
|
1020
1034
|
|
|
@@ -4406,7 +4420,7 @@ on its own.
|
|
|
4406
4420
|
|
|
4407
4421
|
| | Raw | Gzip | Brotli |
|
|
4408
4422
|
|---|---|---|---|
|
|
4409
|
-
| Lit and \`@fusion.dev/helix-core\` | 253,599 | 81,597 | 69,
|
|
4423
|
+
| Lit and \`@fusion.dev/helix-core\` | 253,599 | 81,597 | 69,835 |
|
|
4410
4424
|
|
|
4411
4425
|
## Whole packages
|
|
4412
4426
|
|
|
@@ -4417,12 +4431,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
4417
4431
|
|
|
4418
4432
|
| Package | Raw | Gzip | Brotli | |
|
|
4419
4433
|
|---|---|---|---|---|
|
|
4420
|
-
| \`@fusion.dev/helix-core\` | 252,808 | 81,
|
|
4421
|
-
| \`@fusion.dev/helix-headless\` | 1,366,720 | 383,154 | 287,
|
|
4434
|
+
| \`@fusion.dev/helix-core\` | 252,808 | 81,456 | 69,437 | The element base class, mixins, decorators, and floating positioning. |
|
|
4435
|
+
| \`@fusion.dev/helix-headless\` | 1,366,720 | 383,154 | 287,408 | Every headless family. The barrel entry includes all of them. |
|
|
4422
4436
|
| \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
4423
4437
|
| \`@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. |
|
|
4424
4438
|
| \`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. |
|
|
4425
|
-
| \`@fusion.dev/helix\` | 2,050,629 | 531,895 | 379,
|
|
4439
|
+
| \`@fusion.dev/helix\` | 2,050,629 | 531,895 | 379,555 | Every styled family. |
|
|
4426
4440
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
4427
4441
|
|
|
4428
4442
|
## Stylesheets
|
|
@@ -4461,12 +4475,12 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
4461
4475
|
|
|
4462
4476
|
| Component | System | Raw | Gzip | Brotli |
|
|
4463
4477
|
|---|---|---|---|---|
|
|
4464
|
-
| \`button\` | **Helix** | 41,612 | 14,
|
|
4478
|
+
| \`button\` | **Helix** | 41,612 | 14,008 | 12,454 |
|
|
4465
4479
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
4466
4480
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
4467
4481
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
4468
4482
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
4469
|
-
| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,
|
|
4483
|
+
| \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,545 |
|
|
4470
4484
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
4471
4485
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
4472
4486
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
@@ -4476,22 +4490,22 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
4476
4490
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
4477
4491
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
4478
4492
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
4479
|
-
| \`radio\` | **Helix** | 50,349 | 15,975 | 14,
|
|
4493
|
+
| \`radio\` | **Helix** | 50,349 | 15,975 | 14,201 |
|
|
4480
4494
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
4481
4495
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
4482
4496
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
4483
4497
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
4484
|
-
| \`switch\` | **Helix** | 43,562 | 14,637 | 13,
|
|
4498
|
+
| \`switch\` | **Helix** | 43,562 | 14,637 | 13,011 |
|
|
4485
4499
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
4486
4500
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
4487
4501
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
4488
4502
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
4489
|
-
| \`tabs\` | **Helix** | 55,263 | 17,
|
|
4503
|
+
| \`tabs\` | **Helix** | 55,263 | 17,753 | 15,850 |
|
|
4490
4504
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
4491
4505
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
4492
4506
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
4493
4507
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
4494
|
-
| \`tooltip\` | **Helix** | 61,420 | 21,
|
|
4508
|
+
| \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,363 |
|
|
4495
4509
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
4496
4510
|
| | Material Web | | not shipped | |
|
|
4497
4511
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -4543,107 +4557,107 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
4543
4557
|
|
|
4544
4558
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4545
4559
|
|---|---|---|---|---|---|---|
|
|
4546
|
-
| \`accordion\` | 31,879 | 11,804 | 10,
|
|
4547
|
-
| \`announcement\` | 36,692 | 13,312 | 11,
|
|
4548
|
-
| \`app-header\` | 32,289 | 11,898 | 10,
|
|
4549
|
-
| \`area-chart\` | 90,301 | 31,728 | 28,
|
|
4550
|
-
| \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,
|
|
4551
|
-
| \`badge\` | 27,088 | 10,568 | 9,
|
|
4552
|
-
| \`bar-chart\` | 94,416 | 32,822 | 29,
|
|
4553
|
-
| \`blockquote\` | 24,107 | 9,421 | 8,
|
|
4554
|
-
| \`breadcrumbs\` | 36,279 | 13,907 | 12,385 | 7,361 | 2,
|
|
4555
|
-
| \`button\` | 35,194 | 12,591 | 11,199 | 4,926 | 1,455 |
|
|
4556
|
-
| \`button-group\` | 27,640 | 10,382 | 9,
|
|
4557
|
-
| \`callout\` | 35,256 | 13,
|
|
4558
|
-
| \`canvas\` | 108,483 | 34,751 | 30,
|
|
4559
|
-
| \`card\` | 23,824 | 9,093 | 8,
|
|
4560
|
-
| \`carousel\` | 42,748 | 15,233 | 13,
|
|
4561
|
-
| \`chat\` | 79,390 | 26,446 | 23,
|
|
4562
|
-
| \`checkbox\` | 40,374 | 13,681 | 12,199 | 3,107 |
|
|
4563
|
-
| \`checkbox-group\` | 47,602 | 15,600 | 13,896 | 8,324 | 2,
|
|
4564
|
-
| \`code\` | 20,301 | 8,015 | 7,
|
|
4565
|
-
| \`code-block\` | 102,738 | 34,
|
|
4566
|
-
| \`color-input\` | 141,792 | 45,090 | 39,
|
|
4567
|
-
| \`color-picker\` | 103,415 | 32,966 | 28,
|
|
4568
|
-
| \`combobox\` | 132,023 | 41,
|
|
4569
|
-
| \`command\` | 99,560 | 31,
|
|
4570
|
-
| \`copy-button\` | 80,548 | 27,649 | 24,493 | 18,340 | 4,
|
|
4571
|
-
| \`data-table\` | 199,900 | 61,426 | 52,
|
|
4572
|
-
| \`date-input\` | 141,223 | 44,511 | 39,
|
|
4573
|
-
| \`date-picker\` | 61,360 | 20,935 | 18,
|
|
4574
|
-
| \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 517 |
|
|
4575
|
-
| \`dialog\` | 38,294 | 13,
|
|
4576
|
-
| \`divider\` | 22,991 | 8,924 | 7,
|
|
4577
|
-
| \`donut-chart\` | 89,212 | 31,
|
|
4578
|
-
| \`drawer\` | 42,939 | 15,158 | 13,
|
|
4579
|
-
| \`drilldown\` | 42,756 | 14,941 | 13,
|
|
4580
|
-
| \`empty\` | 24,241 | 9,
|
|
4581
|
-
| \`file-input\` | 57,757 | 20,019 | 17,
|
|
4582
|
-
| \`filter-input\` | 97,846 | 32,
|
|
4583
|
-
| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,435 | 1,
|
|
4584
|
-
| \`graph\` | 74,369 | 24,
|
|
4585
|
-
| \`heatmap\` | 98,128 | 33,
|
|
4586
|
-
| \`icon\` | 82,157 | 28,051 | 23,964 | 58,303 | 19,
|
|
4587
|
-
| \`icon-button\` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 |
|
|
4588
|
-
| \`image\` | 25,504 | 9,480 | 8,
|
|
4589
|
-
| \`input\` | 46,361 | 15,
|
|
4590
|
-
| \`kbd\` | 27,511 | 10,570 | 9,336 | 3,518 | 1,
|
|
4591
|
-
| \`legend\` | 35,184 | 12,935 | 11,491 | 2,956 | 1,
|
|
4592
|
-
| \`lightbox\` | 55,724 | 18,816 | 16,
|
|
4593
|
-
| \`line-chart\` | 91,335 | 31,881 | 28,
|
|
4594
|
-
| \`list\` | 61,803 | 21,
|
|
4595
|
-
| \`listbox\` | 76,711 | 25,427 | 22,459 | 15,565 | 4,
|
|
4596
|
-
| \`loader\` | 26,379 | 10,041 | 8,940 | 2,774 |
|
|
4597
|
-
| \`map\` | 78,565 | 24,
|
|
4598
|
-
| \`megamenu\` | 60,027 | 21,698 | 19,
|
|
4599
|
-
| \`menu\` | 97,473 | 32,553 | 28,
|
|
4600
|
-
| \`meter\` | 31,721 | 12,025 | 10,
|
|
4601
|
-
| \`navigation\` | 33,088 | 12,436 | 11,
|
|
4602
|
-
| \`notifications\` | 58,346 | 19,881 | 17,
|
|
4603
|
-
| \`number-input\` | 56,271 | 18,842 | 16,
|
|
4604
|
-
| \`object-inspector\` | 113,929 | 38,373 | 33,
|
|
4605
|
-
| \`option\` | 26,477 | 9,763 | 8,665 | 4,524 | 1,211 |
|
|
4606
|
-
| \`outline\` | 33,612 | 12,597 | 11,
|
|
4607
|
-
| \`pagination\` | 136,258 | 43,650 | 37,
|
|
4608
|
-
| \`pin-input\` | 47,068 | 16,413 | 14,
|
|
4609
|
-
| \`popover\` | 63,853 | 22,982 | 20,
|
|
4610
|
-
| \`progress\` | 28,084 | 10,728 | 9,
|
|
4611
|
-
| \`qr-code\` | 42,719 | 16,647 | 14,
|
|
4612
|
-
| \`quote\` | 22,516 | 8,885 | 7,
|
|
4613
|
-
| \`radio\` | 42,561 | 14,465 | 12,
|
|
4614
|
-
| \`rating\` | 50,257 | 17,291 | 15,
|
|
4615
|
-
| \`scatter-chart\` | 91,226 | 31,676 | 28,010 | 16,128 | 4,818 | 3,
|
|
4616
|
-
| \`scroll-area\` | 30,430 | 11,079 | 9,
|
|
4617
|
-
| \`select\` | 115,289 | 38,175 | 33,
|
|
4618
|
-
| \`skeleton\` | 22,328 | 8,644 | 7,666 | 991 |
|
|
4619
|
-
| \`skip-link\` | 23,871 | 9,338 | 8,
|
|
4620
|
-
| \`slider\` | 52,873 | 17,
|
|
4621
|
-
| \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,982 | 2,
|
|
4622
|
-
| \`spatial-heatmap\` | 113,453 | 38,788 | 34,
|
|
4623
|
-
| \`spatial-scatter-chart\` | 98,077 | 34,
|
|
4624
|
-
| \`spatial-surface-chart\` | 99,770 | 35,
|
|
4625
|
-
| \`speed-dial\` | 68,751 | 24,718 | 21,
|
|
4626
|
-
| \`splitter\` | 43,751 | 15,169 | 13,535 | 14,395 | 3,
|
|
4627
|
-
| \`stat\` | 25,255 | 9,675 | 8,601 | 2,302 |
|
|
4628
|
-
| \`steps\` | 53,623 | 18,636 | 16,
|
|
4629
|
-
| \`switch\` | 39,233 | 13,496 | 12,
|
|
4630
|
-
| \`table\` | 118,358 | 37,062 | 32,
|
|
4631
|
-
| \`tabs\` | 46,310 | 15,908 | 14,141 | 10,493 | 2,
|
|
4632
|
-
| \`tag\` | 42,676 | 15,
|
|
4633
|
-
| \`textarea\` | 43,852 | 14,941 | 13,
|
|
4634
|
-
| \`time-input\` | 169,269 | 52,
|
|
4635
|
-
| \`time-picker\` | 99,603 | 31,
|
|
4636
|
-
| \`timeline\` | 31,286 | 11,863 | 10,
|
|
4637
|
-
| \`toast\` | 50,871 | 17,940 | 16,
|
|
4638
|
-
| \`toggle\` | 45,577 | 15,272 | 13,575 | 6,009 | 1,
|
|
4639
|
-
| \`toolbar\` | 31,047 | 11,573 | 10,296 | 5,159 | 1,
|
|
4640
|
-
| \`tooltip\` | 58,616 | 21,
|
|
4641
|
-
| \`tour\` | 83,717 | 28,763 | 25,
|
|
4642
|
-
| \`tree\` | 67,586 | 22,717 | 20,
|
|
4643
|
-
| \`trend\` | 29,717 | 11,
|
|
4644
|
-
| \`video\` | 141,208 | 44,138 | 38,
|
|
4645
|
-
| \`video-playlist\` | 127,686 | 41,
|
|
4646
|
-
| \`virtual-list\` | 63,451 | 21,632 | 19,310 | 23,304 | 7,
|
|
4560
|
+
| \`accordion\` | 31,879 | 11,804 | 10,470 | 5,330 | 1,573 | 1,190 |
|
|
4561
|
+
| \`announcement\` | 36,692 | 13,312 | 11,862 | 4,681 | 1,394 | 925 |
|
|
4562
|
+
| \`app-header\` | 32,289 | 11,898 | 10,594 | 5,870 | 1,775 | 1,181 |
|
|
4563
|
+
| \`area-chart\` | 90,301 | 31,728 | 28,102 | 14,060 | 4,347 | 3,427 |
|
|
4564
|
+
| \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,201 | 841 |
|
|
4565
|
+
| \`badge\` | 27,088 | 10,568 | 9,407 | 2,944 | 912 | 646 |
|
|
4566
|
+
| \`bar-chart\` | 94,416 | 32,822 | 29,101 | 18,023 | 5,408 | 4,205 |
|
|
4567
|
+
| \`blockquote\` | 24,107 | 9,421 | 8,332 | 2,401 | 904 | 542 |
|
|
4568
|
+
| \`breadcrumbs\` | 36,279 | 13,907 | 12,385 | 7,361 | 2,403 | 1,879 |
|
|
4569
|
+
| \`button\` | 35,194 | 12,591 | 11,199 | 4,926 | 1,455 | 1,036 |
|
|
4570
|
+
| \`button-group\` | 27,640 | 10,382 | 9,200 | 4,929 | 1,518 | 1,086 |
|
|
4571
|
+
| \`callout\` | 35,256 | 13,593 | 12,065 | 2,884 | 986 | 597 |
|
|
4572
|
+
| \`canvas\` | 108,483 | 34,751 | 30,385 | 68,925 | 20,948 | 17,449 |
|
|
4573
|
+
| \`card\` | 23,824 | 9,093 | 8,055 | 2,090 | 641 | 442 |
|
|
4574
|
+
| \`carousel\` | 42,748 | 15,233 | 13,622 | 15,006 | 4,161 | 3,125 |
|
|
4575
|
+
| \`chat\` | 79,390 | 26,446 | 23,340 | 27,457 | 8,045 | 6,390 |
|
|
4576
|
+
| \`checkbox\` | 40,374 | 13,681 | 12,199 | 3,107 | 949 | 536 |
|
|
4577
|
+
| \`checkbox-group\` | 47,602 | 15,600 | 13,896 | 8,324 | 2,379 | 1,660 |
|
|
4578
|
+
| \`code\` | 20,301 | 8,015 | 7,121 | 138 | 79 | -27 |
|
|
4579
|
+
| \`code-block\` | 102,738 | 34,890 | 30,788 | 36,847 | 10,721 | 8,601 |
|
|
4580
|
+
| \`color-input\` | 141,792 | 45,090 | 39,380 | 55,137 | 14,278 | 11,504 |
|
|
4581
|
+
| \`color-picker\` | 103,415 | 32,966 | 28,885 | 47,255 | 12,678 | 10,199 |
|
|
4582
|
+
| \`combobox\` | 132,023 | 41,952 | 36,962 | 35,792 | 9,090 | 7,003 |
|
|
4583
|
+
| \`command\` | 99,560 | 31,521 | 27,757 | 30,062 | 8,097 | 6,307 |
|
|
4584
|
+
| \`copy-button\` | 80,548 | 27,649 | 24,493 | 18,340 | 4,952 | 3,752 |
|
|
4585
|
+
| \`data-table\` | 199,900 | 61,426 | 52,479 | 89,489 | 23,842 | 18,936 |
|
|
4586
|
+
| \`date-input\` | 141,223 | 44,511 | 39,086 | 38,231 | 9,442 | 7,362 |
|
|
4587
|
+
| \`date-picker\` | 61,360 | 20,935 | 18,727 | 20,346 | 5,589 | 4,297 |
|
|
4588
|
+
| \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 517 | 239 |
|
|
4589
|
+
| \`dialog\` | 38,294 | 13,634 | 12,133 | 5,837 | 1,717 | 1,156 |
|
|
4590
|
+
| \`divider\` | 22,991 | 8,924 | 7,883 | 1,415 | 523 | 206 |
|
|
4591
|
+
| \`donut-chart\` | 89,212 | 31,130 | 27,510 | 14,642 | 4,497 | 3,518 |
|
|
4592
|
+
| \`drawer\` | 42,939 | 15,158 | 13,507 | 7,699 | 2,307 | 1,674 |
|
|
4593
|
+
| \`drilldown\` | 42,756 | 14,941 | 13,297 | 9,709 | 2,720 | 2,018 |
|
|
4594
|
+
| \`empty\` | 24,241 | 9,287 | 8,243 | 1,951 | 636 | 420 |
|
|
4595
|
+
| \`file-input\` | 57,757 | 20,019 | 17,808 | 13,094 | 4,117 | 3,196 |
|
|
4596
|
+
| \`filter-input\` | 97,846 | 32,819 | 29,097 | 21,631 | 6,176 | 4,792 |
|
|
4597
|
+
| \`format-date\` | 30,158 | 11,290 | 10,085 | 4,435 | 1,269 | 936 |
|
|
4598
|
+
| \`graph\` | 74,369 | 24,504 | 21,640 | 21,879 | 6,450 | 5,022 |
|
|
4599
|
+
| \`heatmap\` | 98,128 | 33,501 | 29,561 | 18,942 | 5,586 | 4,270 |
|
|
4600
|
+
| \`icon\` | 82,157 | 28,051 | 23,964 | 58,303 | 19,563 | 16,020 |
|
|
4601
|
+
| \`icon-button\` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 | 974 |
|
|
4602
|
+
| \`image\` | 25,504 | 9,480 | 8,405 | 3,823 | 1,159 | 792 |
|
|
4603
|
+
| \`input\` | 46,361 | 15,972 | 14,093 | 7,351 | 2,398 | 1,699 |
|
|
4604
|
+
| \`kbd\` | 27,511 | 10,570 | 9,336 | 3,518 | 1,127 | 699 |
|
|
4605
|
+
| \`legend\` | 35,184 | 12,935 | 11,491 | 2,956 | 1,007 | 719 |
|
|
4606
|
+
| \`lightbox\` | 55,724 | 18,816 | 16,711 | 16,731 | 4,656 | 3,368 |
|
|
4607
|
+
| \`line-chart\` | 91,335 | 31,881 | 28,255 | 14,763 | 4,403 | 3,427 |
|
|
4608
|
+
| \`list\` | 61,803 | 21,292 | 18,957 | 15,242 | 4,416 | 3,250 |
|
|
4609
|
+
| \`listbox\` | 76,711 | 25,427 | 22,459 | 15,565 | 4,603 | 3,363 |
|
|
4610
|
+
| \`loader\` | 26,379 | 10,041 | 8,940 | 2,774 | 952 | 568 |
|
|
4611
|
+
| \`map\` | 78,565 | 24,393 | 21,324 | 37,032 | 10,098 | 7,764 |
|
|
4612
|
+
| \`megamenu\` | 60,027 | 21,698 | 19,183 | 8,595 | 2,376 | 1,668 |
|
|
4613
|
+
| \`menu\` | 97,473 | 32,553 | 28,726 | 30,182 | 7,944 | 6,175 |
|
|
4614
|
+
| \`meter\` | 31,721 | 12,025 | 10,720 | 4,893 | 1,451 | 1,032 |
|
|
4615
|
+
| \`navigation\` | 33,088 | 12,436 | 11,034 | 3,365 | 1,147 | 710 |
|
|
4616
|
+
| \`notifications\` | 58,346 | 19,881 | 17,733 | 18,209 | 5,059 | 3,857 |
|
|
4617
|
+
| \`number-input\` | 56,271 | 18,842 | 16,800 | 13,525 | 3,613 | 2,582 |
|
|
4618
|
+
| \`object-inspector\` | 113,929 | 38,373 | 33,740 | 35,495 | 10,278 | 8,056 |
|
|
4619
|
+
| \`option\` | 26,477 | 9,763 | 8,665 | 4,524 | 1,211 | 802 |
|
|
4620
|
+
| \`outline\` | 33,612 | 12,597 | 11,194 | 7,858 | 2,574 | 1,818 |
|
|
4621
|
+
| \`pagination\` | 136,258 | 43,650 | 37,903 | 45,382 | 11,881 | 9,318 |
|
|
4622
|
+
| \`pin-input\` | 47,068 | 16,413 | 14,640 | 6,737 | 2,231 | 1,499 |
|
|
4623
|
+
| \`popover\` | 63,853 | 22,982 | 20,298 | 6,374 | 1,850 | 1,195 |
|
|
4624
|
+
| \`progress\` | 28,084 | 10,728 | 9,550 | 2,969 | 921 | 705 |
|
|
4625
|
+
| \`qr-code\` | 42,719 | 16,647 | 14,800 | 17,005 | 6,286 | 5,223 |
|
|
4626
|
+
| \`quote\` | 22,516 | 8,885 | 7,827 | 1,210 | 523 | 258 |
|
|
4627
|
+
| \`radio\` | 42,561 | 14,465 | 12,867 | 3,817 | 1,197 | 667 |
|
|
4628
|
+
| \`rating\` | 50,257 | 17,291 | 15,435 | 8,028 | 2,437 | 1,605 |
|
|
4629
|
+
| \`scatter-chart\` | 91,226 | 31,676 | 28,010 | 16,128 | 4,818 | 3,723 |
|
|
4630
|
+
| \`scroll-area\` | 30,430 | 11,079 | 9,813 | 8,499 | 2,585 | 1,878 |
|
|
4631
|
+
| \`select\` | 115,289 | 38,175 | 33,416 | 26,034 | 7,129 | 5,312 |
|
|
4632
|
+
| \`skeleton\` | 22,328 | 8,644 | 7,666 | 991 | 404 | 154 |
|
|
4633
|
+
| \`skip-link\` | 23,871 | 9,338 | 8,264 | 1,224 | 496 | 246 |
|
|
4634
|
+
| \`slider\` | 52,873 | 17,825 | 15,916 | 13,158 | 3,777 | 2,936 |
|
|
4635
|
+
| \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,982 | 2,128 | 1,631 |
|
|
4636
|
+
| \`spatial-heatmap\` | 113,453 | 38,788 | 34,092 | 31,595 | 9,607 | 7,667 |
|
|
4637
|
+
| \`spatial-scatter-chart\` | 98,077 | 34,518 | 30,441 | 18,240 | 5,992 | 4,687 |
|
|
4638
|
+
| \`spatial-surface-chart\` | 99,770 | 35,241 | 31,060 | 19,869 | 6,684 | 5,258 |
|
|
4639
|
+
| \`speed-dial\` | 68,751 | 24,718 | 21,860 | 10,914 | 2,936 | 2,219 |
|
|
4640
|
+
| \`splitter\` | 43,751 | 15,169 | 13,535 | 14,395 | 3,867 | 2,988 |
|
|
4641
|
+
| \`stat\` | 25,255 | 9,675 | 8,601 | 2,302 | 761 | 479 |
|
|
4642
|
+
| \`steps\` | 53,623 | 18,636 | 16,567 | 13,604 | 3,826 | 3,031 |
|
|
4643
|
+
| \`switch\` | 39,233 | 13,496 | 12,036 | 1,679 | 630 | 355 |
|
|
4644
|
+
| \`table\` | 118,358 | 37,062 | 32,249 | 45,150 | 12,431 | 9,883 |
|
|
4645
|
+
| \`tabs\` | 46,310 | 15,908 | 14,141 | 10,493 | 2,873 | 2,087 |
|
|
4646
|
+
| \`tag\` | 42,676 | 15,620 | 13,971 | 8,456 | 2,533 | 1,807 |
|
|
4647
|
+
| \`textarea\` | 43,852 | 14,941 | 13,325 | 5,403 | 1,610 | 1,115 |
|
|
4648
|
+
| \`time-input\` | 169,269 | 52,676 | 45,765 | 48,513 | 12,431 | 9,737 |
|
|
4649
|
+
| \`time-picker\` | 99,603 | 31,518 | 27,730 | 33,934 | 9,195 | 7,080 |
|
|
4650
|
+
| \`timeline\` | 31,286 | 11,863 | 10,638 | 4,062 | 1,202 | 771 |
|
|
4651
|
+
| \`toast\` | 50,871 | 17,940 | 16,003 | 12,125 | 3,530 | 2,694 |
|
|
4652
|
+
| \`toggle\` | 45,577 | 15,272 | 13,575 | 6,009 | 1,806 | 1,344 |
|
|
4653
|
+
| \`toolbar\` | 31,047 | 11,573 | 10,296 | 5,159 | 1,673 | 1,204 |
|
|
4654
|
+
| \`tooltip\` | 58,616 | 21,090 | 18,726 | 8,435 | 2,353 | 1,740 |
|
|
4655
|
+
| \`tour\` | 83,717 | 28,763 | 25,379 | 19,810 | 5,445 | 4,257 |
|
|
4656
|
+
| \`tree\` | 67,586 | 22,717 | 20,253 | 17,200 | 4,961 | 3,810 |
|
|
4657
|
+
| \`trend\` | 29,717 | 11,569 | 10,337 | 3,488 | 1,120 | 777 |
|
|
4658
|
+
| \`video\` | 141,208 | 44,138 | 38,459 | 66,219 | 16,730 | 13,598 |
|
|
4659
|
+
| \`video-playlist\` | 127,686 | 41,300 | 36,361 | 42,779 | 11,205 | 9,066 |
|
|
4660
|
+
| \`virtual-list\` | 63,451 | 21,632 | 19,310 | 23,304 | 7,150 | 5,647 |
|
|
4647
4661
|
|
|
4648
4662
|
### Styled tier
|
|
4649
4663
|
|
|
@@ -4651,114 +4665,114 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
4651
4665
|
|
|
4652
4666
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4653
4667
|
|---|---|---|---|---|---|---|
|
|
4654
|
-
| \`accordion\` | 35,311 | 12,653 | 11,
|
|
4655
|
-
| \`announcement\` | 41,307 | 14,365 | 12,
|
|
4656
|
-
| \`app-header\` | 37,449 | 13,103 | 11,680 | 11,015 | 2,
|
|
4657
|
-
| \`area-chart\` | 98,393 | 33,576 | 29,
|
|
4658
|
-
| \`aura\` | 56,085 | 19,320 | 17,
|
|
4659
|
-
| \`avatar\` | 33,464 | 12,351 | 11,
|
|
4660
|
-
| \`badge\` | 32,595 | 11,
|
|
4661
|
-
| \`bar-chart\` | 108,944 | 35,726 | 31,
|
|
4662
|
-
| \`blockquote\` | 26,332 | 9,
|
|
4663
|
-
| \`breadcrumbs\` | 43,220 | 15,115 | 13,466 | 14,286 | 3,647 |
|
|
4664
|
-
| \`button\` | 41,612 | 14,
|
|
4665
|
-
| \`button-group\` | 31,138 | 11,066 | 9,
|
|
4666
|
-
| \`callout\` | 39,049 | 14,
|
|
4667
|
-
| \`canvas\` | 129,523 | 38,
|
|
4668
|
-
| \`card\` | 27,725 | 10,100 | 8,971 | 5,976 | 1,632 | 1,
|
|
4669
|
-
| \`carousel\` | 53,234 | 17,
|
|
4670
|
-
| \`chat\` | 94,674 | 29,166 | 25,
|
|
4671
|
-
| \`checkbox\` | 46,865 | 15,190 | 13,
|
|
4672
|
-
| \`checkbox-group\` | 54,826 | 17,244 | 15,
|
|
4673
|
-
| \`code\` | 21,154 | 8,333 | 7,394 | 976 |
|
|
4674
|
-
| \`code-block\` | 127,213 | 38,
|
|
4675
|
-
| \`color-input\` | 184,176 | 51,349 | 44,
|
|
4676
|
-
| \`color-picker\` | 140,348 | 38,509 | 33,
|
|
4677
|
-
| \`combobox\` | 147,503 | 44,927 | 39,
|
|
4678
|
-
| \`command\` | 110,838 | 33,879 | 29,
|
|
4679
|
-
| \`copy-button\` | 92,577 | 29,825 | 26,
|
|
4680
|
-
| \`data-table\` | 230,715 | 66,818 | 57,
|
|
4681
|
-
| \`date-input\` | 162,349 | 48,
|
|
4682
|
-
| \`date-picker\` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,
|
|
4683
|
-
| \`description-list\` | 25,855 | 9,517 | 8,461 | 4,508 | 1,
|
|
4684
|
-
| \`dialog\` | 43,407 | 14,900 | 13,269 | 10,933 | 2,993 | 2,
|
|
4685
|
-
| \`divider\` | 25,291 | 9,545 | 8,433 | 3,698 | 1,
|
|
4686
|
-
| \`donut-chart\` | 99,170 | 33,263 | 29,
|
|
4687
|
-
| \`drawer\` | 48,772 | 16,
|
|
4688
|
-
| \`drilldown\` | 48,438 | 16,240 | 14,
|
|
4689
|
-
| \`empty\` | 25,550 | 9,762 | 8,
|
|
4690
|
-
| \`file-input\` | 69,285 | 22,420 | 19,
|
|
4691
|
-
| \`filter-input\` | 108,688 | 34,
|
|
4692
|
-
| \`flex\` | 25,740 | 9,194 | 8,149 | 4,762 | 1,
|
|
4693
|
-
| \`format-date\` | 30,414 | 11,403 | 10,
|
|
4694
|
-
| \`graph\` | 89,037 | 27,080 | 23,
|
|
4695
|
-
| \`grid\` | 27,002 | 9,846 | 8,742 | 5,639 | 1,
|
|
4696
|
-
| \`heatmap\` | 105,486 | 35,190 | 31,
|
|
4697
|
-
| \`icon\` | 83,995 | 28,568 | 24,460 | 60,128 | 20,114 | 16,
|
|
4698
|
-
| \`icon-button\` | 43,040 | 13,981 | 12,449 | 12,754 | 2,
|
|
4699
|
-
| \`image\` | 26,892 | 9,947 | 8,805 | 5,193 | 1,
|
|
4700
|
-
| \`input\` | 50,619 | 17,
|
|
4701
|
-
| \`kbd\` | 29,504 | 11,109 | 9,826 | 5,496 | 1,
|
|
4702
|
-
| \`legend\` | 40,423 | 14,214 | 12,
|
|
4703
|
-
| \`lightbox\` | 62,016 | 20,155 | 17,
|
|
4704
|
-
| \`line-chart\` | 102,454 | 34,257 | 30,
|
|
4705
|
-
| \`list\` | 68,150 | 22,814 | 20,
|
|
4706
|
-
| \`listbox\` | 81,154 | 26,542 | 23,
|
|
4707
|
-
| \`loader\` | 29,263 | 10,
|
|
4708
|
-
| \`map\` | 111,513 | 29,
|
|
4709
|
-
| \`megamenu\` | 64,996 | 22,865 | 20,
|
|
4710
|
-
| \`menu\` | 108,403 | 34,710 | 30,
|
|
4711
|
-
| \`meter\` | 37,896 | 13,377 | 11,
|
|
4712
|
-
| \`navigation\` | 36,814 | 13,268 | 11,768 | 7,076 | 2,010 | 1,
|
|
4713
|
-
| \`notifications\` | 71,839 | 22,457 | 20,073 | 31,694 | 7,653 | 6,
|
|
4714
|
-
| \`number-input\` | 61,253 | 20,026 | 17,
|
|
4715
|
-
| \`object-inspector\` | 130,338 | 41,205 | 36,
|
|
4716
|
-
| \`option\` | 29,672 | 10,762 | 9,
|
|
4717
|
-
| \`orb\` | 35,265 | 13,488 | 12,
|
|
4718
|
-
| \`outline\` | 37,846 | 13,
|
|
4719
|
-
| \`pagination\` | 153,264 | 46,929 | 40,
|
|
4720
|
-
| \`pin-input\` | 50,409 | 17,316 | 15,
|
|
4721
|
-
| \`popover\` | 67,005 | 23,749 |
|
|
4722
|
-
| \`progress\` | 35,232 | 12,380 | 11,029 | 10,100 | 2,
|
|
4723
|
-
| \`qr-code\` | 44,321 | 17,121 | 15,278 | 18,589 | 6,
|
|
4724
|
-
| \`quote\` | 23,074 | 9,079 | 8,006 | 1,751 | 719 |
|
|
4725
|
-
| \`radio\` | 50,349 | 15,975 | 14,
|
|
4726
|
-
| \`rating\` | 54,190 | 18,519 | 16,
|
|
4727
|
-
| \`sandbox\` | 104,428 | 31,
|
|
4728
|
-
| \`scatter-chart\` | 100,317 | 33,785 | 29,
|
|
4729
|
-
| \`scroll-area\` | 35,437 | 12,025 | 10,702 | 13,489 | 3,
|
|
4730
|
-
| \`select\` | 124,418 | 40,070 | 35,
|
|
4731
|
-
| \`skeleton\` | 26,090 | 9,664 | 8,
|
|
4732
|
-
| \`skip-link\` | 25,441 | 9,852 | 8,690 | 2,779 | 968 |
|
|
4733
|
-
| \`slider\` | 67,842 | 20,140 | 18,
|
|
4734
|
-
| \`sparkline\` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,
|
|
4735
|
-
| \`spatial-heatmap\` | 122,253 | 40,833 | 35,
|
|
4736
|
-
| \`spatial-scatter-chart\` | 105,573 | 36,
|
|
4737
|
-
| \`spatial-surface-chart\` | 106,704 | 36,932 | 32,
|
|
4738
|
-
| \`speed-dial\` | 75,797 | 26,105 | 23,
|
|
4739
|
-
| \`splitter\` | 49,804 | 16,208 | 14,
|
|
4740
|
-
| \`stat\` | 28,117 | 10,372 | 9,280 | 5,156 | 1,472 | 1,
|
|
4741
|
-
| \`steps\` | 67,449 | 21,
|
|
4742
|
-
| \`strands\` | 62,138 | 23,151 | 20,
|
|
4743
|
-
| \`switch\` | 43,562 | 14,637 | 13,
|
|
4744
|
-
| \`table\` | 135,900 | 40,155 | 34,
|
|
4745
|
-
| \`tabs\` | 55,263 | 17,
|
|
4746
|
-
| \`tag\` | 47,247 | 16,757 | 14,
|
|
4747
|
-
| \`text\` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,
|
|
4748
|
-
| \`textarea\` | 47,785 | 15,949 | 14,233 | 9,319 | 2,
|
|
4749
|
-
| \`time-input\` | 193,597 | 56,836 | 49,
|
|
4750
|
-
| \`time-picker\` | 111,928 | 33,946 | 29,
|
|
4751
|
-
| \`timeline\` | 38,179 | 13,327 | 11,
|
|
4752
|
-
| \`toast\` | 58,767 | 19,
|
|
4753
|
-
| \`toggle\` | 50,439 | 16,510 | 14,665 | 10,856 | 3,075 | 2,
|
|
4754
|
-
| \`toolbar\` | 33,726 | 12,066 | 10,723 | 7,823 | 2,165 | 1,
|
|
4755
|
-
| \`tooltip\` | 61,420 | 21,
|
|
4756
|
-
| \`tour\` | 93,708 | 30,741 | 27,
|
|
4757
|
-
| \`tree\` | 76,275 | 24,
|
|
4758
|
-
| \`trend\` | 31,231 | 12,
|
|
4759
|
-
| \`video\` | 161,715 | 47,867 | 41,
|
|
4760
|
-
| \`video-playlist\` | 143,639 | 44,
|
|
4761
|
-
| \`virtual-list\` | 65,445 | 22,138 | 19,702 | 25,281 | 7,664 | 6,
|
|
4668
|
+
| \`accordion\` | 35,311 | 12,653 | 11,211 | 8,747 | 2,422 | 1,879 |
|
|
4669
|
+
| \`announcement\` | 41,307 | 14,365 | 12,837 | 9,277 | 2,479 | 1,910 |
|
|
4670
|
+
| \`app-header\` | 37,449 | 13,103 | 11,680 | 11,015 | 2,977 | 2,278 |
|
|
4671
|
+
| \`area-chart\` | 98,393 | 33,576 | 29,680 | 22,133 | 6,229 | 4,979 |
|
|
4672
|
+
| \`aura\` | 56,085 | 19,320 | 17,112 | 29,775 | 9,288 | 7,741 |
|
|
4673
|
+
| \`avatar\` | 33,464 | 12,351 | 11,017 | 6,945 | 1,969 | 1,543 |
|
|
4674
|
+
| \`badge\` | 32,595 | 11,820 | 10,531 | 8,440 | 2,169 | 1,659 |
|
|
4675
|
+
| \`bar-chart\` | 108,944 | 35,726 | 31,541 | 32,532 | 8,363 | 6,836 |
|
|
4676
|
+
| \`blockquote\` | 26,332 | 9,969 | 8,824 | 4,613 | 1,446 | 1,110 |
|
|
4677
|
+
| \`breadcrumbs\` | 43,220 | 15,115 | 13,466 | 14,286 | 3,647 | 2,931 |
|
|
4678
|
+
| \`button\` | 41,612 | 14,008 | 12,454 | 11,325 | 2,891 | 2,306 |
|
|
4679
|
+
| \`button-group\` | 31,138 | 11,066 | 9,810 | 8,410 | 2,210 | 1,655 |
|
|
4680
|
+
| \`callout\` | 39,049 | 14,536 | 12,904 | 6,659 | 1,927 | 1,479 |
|
|
4681
|
+
| \`canvas\` | 129,523 | 38,716 | 33,893 | 89,609 | 24,828 | 20,814 |
|
|
4682
|
+
| \`card\` | 27,725 | 10,100 | 8,971 | 5,976 | 1,632 | 1,285 |
|
|
4683
|
+
| \`carousel\` | 53,234 | 17,022 | 15,281 | 25,477 | 5,979 | 4,753 |
|
|
4684
|
+
| \`chat\` | 94,674 | 29,166 | 25,839 | 42,734 | 10,809 | 8,712 |
|
|
4685
|
+
| \`checkbox\` | 46,865 | 15,190 | 13,545 | 9,580 | 2,490 | 1,875 |
|
|
4686
|
+
| \`checkbox-group\` | 54,826 | 17,244 | 15,362 | 15,537 | 4,010 | 3,032 |
|
|
4687
|
+
| \`code\` | 21,154 | 8,333 | 7,394 | 976 | 402 | 306 |
|
|
4688
|
+
| \`code-block\` | 127,213 | 38,715 | 34,200 | 61,302 | 14,711 | 12,022 |
|
|
4689
|
+
| \`color-input\` | 184,176 | 51,349 | 44,970 | 97,507 | 20,443 | 17,063 |
|
|
4690
|
+
| \`color-picker\` | 140,348 | 38,509 | 33,789 | 84,179 | 18,166 | 15,017 |
|
|
4691
|
+
| \`combobox\` | 147,503 | 44,927 | 39,535 | 51,256 | 12,039 | 9,701 |
|
|
4692
|
+
| \`command\` | 110,838 | 33,879 | 29,788 | 41,333 | 10,476 | 8,406 |
|
|
4693
|
+
| \`copy-button\` | 92,577 | 29,825 | 26,459 | 30,353 | 7,185 | 5,623 |
|
|
4694
|
+
| \`data-table\` | 230,715 | 66,818 | 57,218 | 120,291 | 29,344 | 23,737 |
|
|
4695
|
+
| \`date-input\` | 162,349 | 48,215 | 42,429 | 59,342 | 13,178 | 10,777 |
|
|
4696
|
+
| \`date-picker\` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,594 |
|
|
4697
|
+
| \`description-list\` | 25,855 | 9,517 | 8,461 | 4,508 | 1,255 | 896 |
|
|
4698
|
+
| \`dialog\` | 43,407 | 14,900 | 13,269 | 10,933 | 2,993 | 2,270 |
|
|
4699
|
+
| \`divider\` | 25,291 | 9,545 | 8,433 | 3,698 | 1,155 | 859 |
|
|
4700
|
+
| \`donut-chart\` | 99,170 | 33,263 | 29,404 | 24,577 | 6,676 | 5,263 |
|
|
4701
|
+
| \`drawer\` | 48,772 | 16,543 | 14,790 | 13,513 | 3,692 | 2,863 |
|
|
4702
|
+
| \`drilldown\` | 48,438 | 16,240 | 14,452 | 15,379 | 4,018 | 3,114 |
|
|
4703
|
+
| \`empty\` | 25,550 | 9,762 | 8,646 | 3,242 | 1,093 | 754 |
|
|
4704
|
+
| \`file-input\` | 69,285 | 22,420 | 19,925 | 24,613 | 6,514 | 5,217 |
|
|
4705
|
+
| \`filter-input\` | 108,688 | 34,991 | 30,999 | 32,466 | 8,399 | 6,715 |
|
|
4706
|
+
| \`flex\` | 25,740 | 9,194 | 8,149 | 4,762 | 1,035 | 791 |
|
|
4707
|
+
| \`format-date\` | 30,414 | 11,403 | 10,154 | 4,673 | 1,393 | 1,002 |
|
|
4708
|
+
| \`graph\` | 89,037 | 27,080 | 23,932 | 36,529 | 9,141 | 7,335 |
|
|
4709
|
+
| \`grid\` | 27,002 | 9,846 | 8,742 | 5,639 | 1,458 | 1,141 |
|
|
4710
|
+
| \`heatmap\` | 105,486 | 35,190 | 31,089 | 26,279 | 7,237 | 5,756 |
|
|
4711
|
+
| \`icon\` | 83,995 | 28,568 | 24,460 | 60,128 | 20,114 | 16,317 |
|
|
4712
|
+
| \`icon-button\` | 43,040 | 13,981 | 12,449 | 12,754 | 2,865 | 2,094 |
|
|
4713
|
+
| \`image\` | 26,892 | 9,947 | 8,805 | 5,193 | 1,611 | 1,269 |
|
|
4714
|
+
| \`input\` | 50,619 | 17,063 | 15,042 | 11,594 | 3,496 | 2,541 |
|
|
4715
|
+
| \`kbd\` | 29,504 | 11,109 | 9,826 | 5,496 | 1,660 | 1,242 |
|
|
4716
|
+
| \`legend\` | 40,423 | 14,214 | 12,626 | 8,066 | 2,282 | 1,806 |
|
|
4717
|
+
| \`lightbox\` | 62,016 | 20,155 | 17,939 | 23,007 | 5,966 | 4,589 |
|
|
4718
|
+
| \`line-chart\` | 102,454 | 34,257 | 30,357 | 25,865 | 6,820 | 5,541 |
|
|
4719
|
+
| \`list\` | 68,150 | 22,814 | 20,334 | 21,569 | 5,915 | 4,601 |
|
|
4720
|
+
| \`listbox\` | 81,154 | 26,542 | 23,469 | 19,994 | 5,689 | 4,225 |
|
|
4721
|
+
| \`loader\` | 29,263 | 10,816 | 9,653 | 5,641 | 1,700 | 1,300 |
|
|
4722
|
+
| \`map\` | 111,513 | 29,574 | 26,003 | 69,971 | 15,441 | 12,533 |
|
|
4723
|
+
| \`megamenu\` | 64,996 | 22,865 | 20,241 | 13,546 | 3,541 | 2,663 |
|
|
4724
|
+
| \`menu\` | 108,403 | 34,710 | 30,611 | 41,096 | 10,137 | 8,171 |
|
|
4725
|
+
| \`meter\` | 37,896 | 13,377 | 11,942 | 11,049 | 2,800 | 2,340 |
|
|
4726
|
+
| \`navigation\` | 36,814 | 13,268 | 11,768 | 7,076 | 2,010 | 1,562 |
|
|
4727
|
+
| \`notifications\` | 71,839 | 22,457 | 20,073 | 31,694 | 7,653 | 6,159 |
|
|
4728
|
+
| \`number-input\` | 61,253 | 20,026 | 17,847 | 18,492 | 4,794 | 3,725 |
|
|
4729
|
+
| \`object-inspector\` | 130,338 | 41,205 | 36,244 | 51,889 | 13,159 | 10,624 |
|
|
4730
|
+
| \`option\` | 29,672 | 10,762 | 9,547 | 7,712 | 2,201 | 1,727 |
|
|
4731
|
+
| \`orb\` | 35,265 | 13,488 | 12,044 | 9,730 | 3,661 | 2,877 |
|
|
4732
|
+
| \`outline\` | 37,846 | 13,457 | 11,936 | 12,075 | 3,444 | 2,649 |
|
|
4733
|
+
| \`pagination\` | 153,264 | 46,929 | 40,904 | 62,371 | 15,207 | 12,144 |
|
|
4734
|
+
| \`pin-input\` | 50,409 | 17,316 | 15,432 | 10,059 | 3,133 | 2,412 |
|
|
4735
|
+
| \`popover\` | 67,005 | 23,749 | 20,997 | 9,508 | 2,640 | 1,933 |
|
|
4736
|
+
| \`progress\` | 35,232 | 12,380 | 11,029 | 10,100 | 2,594 | 2,035 |
|
|
4737
|
+
| \`qr-code\` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,649 |
|
|
4738
|
+
| \`quote\` | 23,074 | 9,079 | 8,006 | 1,751 | 719 | 536 |
|
|
4739
|
+
| \`radio\` | 50,349 | 15,975 | 14,201 | 11,592 | 2,734 | 2,024 |
|
|
4740
|
+
| \`rating\` | 54,190 | 18,519 | 16,485 | 11,945 | 3,654 | 2,769 |
|
|
4741
|
+
| \`sandbox\` | 104,428 | 31,484 | 27,618 | 72,146 | 19,183 | 16,076 |
|
|
4742
|
+
| \`scatter-chart\` | 100,317 | 33,785 | 29,903 | 25,198 | 6,981 | 5,576 |
|
|
4743
|
+
| \`scroll-area\` | 35,437 | 12,025 | 10,702 | 13,489 | 3,556 | 2,729 |
|
|
4744
|
+
| \`select\` | 124,418 | 40,070 | 35,070 | 35,148 | 9,050 | 7,061 |
|
|
4745
|
+
| \`skeleton\` | 26,090 | 9,664 | 8,591 | 4,738 | 1,397 | 1,005 |
|
|
4746
|
+
| \`skip-link\` | 25,441 | 9,852 | 8,690 | 2,779 | 968 | 664 |
|
|
4747
|
+
| \`slider\` | 67,842 | 20,140 | 18,004 | 28,109 | 6,167 | 4,953 |
|
|
4748
|
+
| \`sparkline\` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,793 |
|
|
4749
|
+
| \`spatial-heatmap\` | 122,253 | 40,833 | 35,876 | 40,379 | 11,664 | 9,447 |
|
|
4750
|
+
| \`spatial-scatter-chart\` | 105,573 | 36,235 | 31,930 | 25,715 | 7,728 | 6,116 |
|
|
4751
|
+
| \`spatial-surface-chart\` | 106,704 | 36,932 | 32,594 | 26,782 | 8,346 | 6,763 |
|
|
4752
|
+
| \`speed-dial\` | 75,797 | 26,105 | 23,146 | 17,946 | 4,388 | 3,365 |
|
|
4753
|
+
| \`splitter\` | 49,804 | 16,208 | 14,471 | 20,431 | 4,916 | 3,949 |
|
|
4754
|
+
| \`stat\` | 28,117 | 10,372 | 9,280 | 5,156 | 1,472 | 1,088 |
|
|
4755
|
+
| \`steps\` | 67,449 | 21,378 | 19,014 | 27,419 | 6,623 | 5,388 |
|
|
4756
|
+
| \`strands\` | 62,138 | 23,151 | 20,383 | 38,013 | 13,698 | 11,732 |
|
|
4757
|
+
| \`switch\` | 43,562 | 14,637 | 13,011 | 5,998 | 1,760 | 1,308 |
|
|
4758
|
+
| \`table\` | 135,900 | 40,155 | 34,988 | 62,694 | 15,564 | 12,603 |
|
|
4759
|
+
| \`tabs\` | 55,263 | 17,753 | 15,850 | 19,437 | 4,744 | 3,697 |
|
|
4760
|
+
| \`tag\` | 47,247 | 16,757 | 14,968 | 13,015 | 3,633 | 2,852 |
|
|
4761
|
+
| \`text\` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,096 |
|
|
4762
|
+
| \`textarea\` | 47,785 | 15,949 | 14,233 | 9,319 | 2,649 | 1,972 |
|
|
4763
|
+
| \`time-input\` | 193,597 | 56,836 | 49,544 | 72,826 | 16,608 | 13,456 |
|
|
4764
|
+
| \`time-picker\` | 111,928 | 33,946 | 29,861 | 46,255 | 11,612 | 9,259 |
|
|
4765
|
+
| \`timeline\` | 38,179 | 13,327 | 11,921 | 10,948 | 2,704 | 2,072 |
|
|
4766
|
+
| \`toast\` | 58,767 | 19,783 | 17,649 | 20,007 | 5,392 | 4,230 |
|
|
4767
|
+
| \`toggle\` | 50,439 | 16,510 | 14,665 | 10,856 | 3,075 | 2,487 |
|
|
4768
|
+
| \`toolbar\` | 33,726 | 12,066 | 10,723 | 7,823 | 2,165 | 1,548 |
|
|
4769
|
+
| \`tooltip\` | 61,420 | 21,834 | 19,363 | 11,221 | 3,098 | 2,367 |
|
|
4770
|
+
| \`tour\` | 93,708 | 30,741 | 27,203 | 29,782 | 7,474 | 5,891 |
|
|
4771
|
+
| \`tree\` | 76,275 | 24,652 | 21,958 | 25,874 | 6,891 | 5,510 |
|
|
4772
|
+
| \`trend\` | 31,231 | 12,050 | 10,722 | 4,983 | 1,582 | 1,179 |
|
|
4773
|
+
| \`video\` | 161,715 | 47,867 | 41,857 | 86,708 | 20,441 | 16,948 |
|
|
4774
|
+
| \`video-playlist\` | 143,639 | 44,278 | 38,893 | 58,711 | 14,180 | 11,638 |
|
|
4775
|
+
| \`virtual-list\` | 65,445 | 22,138 | 19,702 | 25,281 | 7,664 | 6,196 |
|
|
4762
4776
|
|
|
4763
4777
|
## What an install adds to \`node_modules\`
|
|
4764
4778
|
|
|
@@ -4771,11 +4785,11 @@ stripped column shows the bytes we removed.
|
|
|
4771
4785
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
4772
4786
|
|---|---|---|---|---|
|
|
4773
4787
|
| \`@fusion.dev/helix-core\` | 2,603,668 | 569 | 751,479 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
4774
|
-
| \`@fusion.dev/helix-headless\` | 25,
|
|
4788
|
+
| \`@fusion.dev/helix-headless\` | 25,885,588 | 730 | 2,329,616 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
4775
4789
|
| \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
|
|
4776
4790
|
| \`@fusion.dev/helix-styles\` | 121,243 | 6 | 0 | none |
|
|
4777
4791
|
| \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
|
|
4778
|
-
| \`@fusion.dev/helix\` | 27,
|
|
4792
|
+
| \`@fusion.dev/helix\` | 27,261,374 | 981 | 543,384 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
4779
4793
|
|
|
4780
4794
|
## Not measured yet
|
|
4781
4795
|
|
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.198.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,16 +36,16 @@
|
|
|
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-graph": "0.
|
|
42
|
-
"@fusion.dev/helix-headless": "0.
|
|
43
|
-
"@fusion.dev/helix-icons": "0.
|
|
44
|
-
"@fusion.dev/helix-map": "0.
|
|
45
|
-
"@fusion.dev/helix-plot": "0.
|
|
46
|
-
"@fusion.dev/helix-styles": "0.
|
|
47
|
-
"@fusion.dev/helix-testing": "0.
|
|
48
|
-
"@fusion.dev/helix-theme": "0.
|
|
39
|
+
"@fusion.dev/helix": "0.198.0",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.198.0",
|
|
41
|
+
"@fusion.dev/helix-graph": "0.198.0",
|
|
42
|
+
"@fusion.dev/helix-headless": "0.198.0",
|
|
43
|
+
"@fusion.dev/helix-icons": "0.198.0",
|
|
44
|
+
"@fusion.dev/helix-map": "0.198.0",
|
|
45
|
+
"@fusion.dev/helix-plot": "0.198.0",
|
|
46
|
+
"@fusion.dev/helix-styles": "0.198.0",
|
|
47
|
+
"@fusion.dev/helix-testing": "0.198.0",
|
|
48
|
+
"@fusion.dev/helix-theme": "0.198.0",
|
|
49
49
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
50
50
|
"lit": "^3.2.1",
|
|
51
51
|
"playwright": "^1.63.0"
|