@fusion.dev/helix-docs 0.149.0 → 0.149.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/metrics.mdx +212 -212
- package/dist/sources.generated.js +212 -212
- package/package.json +10 -10
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` | 223,692 | 69,690 | 59,
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 223,692 | 69,690 | 59,973 |
|
|
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` | 222,903 | 69,474 | 59,
|
|
61
|
-
| `@fusion.dev/helix-headless` | 1,163,184 | 312,
|
|
60
|
+
| `@fusion.dev/helix-core` | 222,903 | 69,474 | 59,597 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 1,163,184 | 312,571 | 236,599 | 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,270 | 155,600 | 125,779 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
65
|
-
| `@fusion.dev/helix` | 1,784,404 | 432,690 | 309,
|
|
65
|
+
| `@fusion.dev/helix` | 1,784,404 | 432,690 | 309,892 | 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
|
|
@@ -87,7 +87,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
87
87
|
|
|
88
88
|
Across the 104 styled components, the smallest is `code` at 8,350 bytes gzipped alone, and the largest is `data-table` at 74,154. Every family together is 432,690.
|
|
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 312,
|
|
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 312,571 bytes gzipped, whatever else the page imports. That is 18 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
|
|
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,435 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -101,7 +101,7 @@ 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** | 44,670 | 14,891 | 13,
|
|
104
|
+
| `button` | **Helix** | 44,670 | 14,891 | 13,289 |
|
|
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 |
|
|
@@ -111,27 +111,27 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
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** | 45,463 | 15,531 | 13,
|
|
114
|
+
| `dialog` | **Helix** | 45,463 | 15,531 | 13,836 |
|
|
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** | 51,603 | 16,019 | 14,
|
|
119
|
+
| `radio` | **Helix** | 51,603 | 16,019 | 14,291 |
|
|
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** | 45,017 | 14,936 | 13,
|
|
124
|
+
| `switch` | **Helix** | 45,017 | 14,936 | 13,316 |
|
|
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** | 47,906 | 15,383 | 13,
|
|
129
|
+
| `tabs` | **Helix** | 47,906 | 15,383 | 13,686 |
|
|
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,441 | 21,
|
|
134
|
+
| `tooltip` | **Helix** | 61,441 | 21,739 | 19,278 |
|
|
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,104 +183,104 @@ 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` | 32,263 | 11,820 | 10,
|
|
187
|
-
| `announcement` | 38,491 | 13,896 | 12,
|
|
188
|
-
| `app-header` | 23,721 | 9,087 | 8,056 | 2,353 | 796 |
|
|
189
|
-
| `area-chart` | 84,979 | 30,124 | 26,
|
|
190
|
-
| `avatar` | 31,252 | 11,798 | 10,
|
|
191
|
-
| `badge` | 26,386 | 10,364 | 9,
|
|
192
|
-
| `bar-chart` | 88,299 | 31,114 | 27,
|
|
193
|
-
| `blockquote` | 24,161 | 9,459 | 8,348 | 2,732 | 1,033 |
|
|
194
|
-
| `breadcrumbs` | 33,441 | 13,
|
|
195
|
-
| `button` | 37,548 | 13,404 | 11,
|
|
196
|
-
| `button-group` | 26,267 | 10,045 | 8,
|
|
197
|
-
| `callout` | 31,586 | 12,036 | 10,
|
|
198
|
-
| `canvas` | 97,290 | 30,875 | 27,
|
|
199
|
-
| `card` | 23,347 | 8,929 | 7,
|
|
200
|
-
| `carousel` | 43,148 | 15,402 | 13,
|
|
201
|
-
| `chat` | 69,924 | 23,502 | 20,
|
|
202
|
-
| `checkbox` | 41,475 | 13,947 | 12,
|
|
203
|
-
| `checkbox-group` | 48,099 | 15,665 | 13,
|
|
204
|
-
| `code` | 20,340 | 8,059 | 7,173 | 451 | 231 |
|
|
205
|
-
| `code-block` | 92,691 | 31,
|
|
206
|
-
| `color-input` | 130,992 | 41,502 | 36,
|
|
207
|
-
| `color-picker` | 92,261 | 29,447 | 25,
|
|
208
|
-
| `combobox` | 138,077 | 42,748 | 37,
|
|
209
|
-
| `command` | 96,374 | 29,969 | 26,
|
|
210
|
-
| `copy-button` | 82,457 | 28,133 | 24,
|
|
211
|
-
| `data-table` | 199,621 | 59,834 | 51,
|
|
212
|
-
| `date-input` | 132,731 | 41,037 | 36,
|
|
213
|
-
| `date-picker` | 54,466 | 18,369 | 16,
|
|
214
|
-
| `description-list` | 23,284 | 8,830 | 7,
|
|
215
|
-
| `dialog` | 39,983 | 14,248 | 12,
|
|
216
|
-
| `divider` | 22,788 | 8,870 | 7,
|
|
217
|
-
| `donut-chart` | 84,155 | 29,630 | 26,
|
|
218
|
-
| `drawer` | 42,856 | 15,297 | 13,610 | 6,049 | 1,944 | 1,
|
|
219
|
-
| `drilldown` | 41,741 | 14,765 | 13,165 | 7,871 | 2,226 | 1,
|
|
220
|
-
| `empty` | 23,802 | 9,141 | 8,
|
|
221
|
-
| `file-input` | 66,001 | 22,265 | 19,
|
|
222
|
-
| `filter-input` | 126,444 | 39,373 | 34,
|
|
223
|
-
| `format-date` | 28,969 | 10,891 | 9,690 | 4,312 | 1,312 |
|
|
224
|
-
| `graph` | 67,405 | 22,282 | 19,
|
|
225
|
-
| `heatmap` | 91,416 | 31,543 | 27,
|
|
226
|
-
| `icon` | 80,614 | 27,
|
|
227
|
-
| `icon-button` | 37,985 | 13,448 | 12,
|
|
228
|
-
| `image` | 25,558 | 9,519 | 8,462 | 4,155 | 1,279 |
|
|
229
|
-
| `input` | 47,778 | 16,393 | 14,
|
|
230
|
-
| `kbd` | 26,543 | 10,192 | 9,
|
|
231
|
-
| `legend` | 32,682 | 12,166 | 10,
|
|
232
|
-
| `lightbox` | 50,818 | 17,147 | 15,
|
|
233
|
-
| `line-chart` | 85,931 | 30,280 | 26,
|
|
234
|
-
| `list` | 58,052 | 20,298 | 18,
|
|
235
|
-
| `listbox` | 77,332 | 25,086 | 22,
|
|
236
|
-
| `loader` | 27,496 | 10,492 | 9,
|
|
237
|
-
| `map` | 82,154 | 24,757 | 21,
|
|
238
|
-
| `megamenu` | 59,070 | 21,398 | 18,
|
|
239
|
-
| `menu` | 83,299 | 28,
|
|
240
|
-
| `meter` | 32,305 | 12,236 | 10,
|
|
241
|
-
| `navigation` | 32,843 | 12,356 | 11,016 | 2,196 | 794 |
|
|
242
|
-
| `notifications` | 54,221 | 17,876 | 15,
|
|
243
|
-
| `number-input` | 53,245 | 18,048 | 16,
|
|
244
|
-
| `object-inspector` | 112,811 | 37,684 | 33,
|
|
245
|
-
| `option` | 25,539 | 9,388 | 8,325 | 3,984 | 976 |
|
|
246
|
-
| `outline` | 33,444 | 12,570 | 11,
|
|
247
|
-
| `pagination` | 133,082 | 41,802 | 36,
|
|
248
|
-
| `pin-input` | 47,591 | 16,476 | 14,721 | 7,044 | 2,316 | 1,
|
|
249
|
-
| `popover` | 62,726 | 22,644 | 20,
|
|
250
|
-
| `progress` | 28,123 | 10,757 | 9,
|
|
251
|
-
| `qr-code` | 43,243 | 16,851 | 15,
|
|
252
|
-
| `quote` | 21,918 | 8,
|
|
253
|
-
| `radio` | 43,102 | 14,457 | 12,
|
|
254
|
-
| `rating` | 50,576 | 17,304 | 15,
|
|
255
|
-
| `scatter-chart` | 85,884 | 30,131 | 26,
|
|
256
|
-
| `scroll-area` | 30,421 | 11,096 | 9,
|
|
257
|
-
| `select` | 115,372 | 37,524 | 32,
|
|
258
|
-
| `skeleton` | 22,315 | 8,665 | 7,
|
|
259
|
-
| `skip-link` | 25,407 | 9,935 | 8,
|
|
260
|
-
| `slider` | 48,006 | 16,213 | 14,515 | 8,359 | 2,316 | 1,
|
|
261
|
-
| `sparkline` | 44,544 | 16,
|
|
262
|
-
| `speed-dial` | 67,533 | 24,328 | 21,
|
|
263
|
-
| `splitter` | 39,832 | 13,739 | 12,
|
|
264
|
-
| `stat` | 23,162 | 8,884 | 7,882 | 1,900 | 649 |
|
|
265
|
-
| `steps` | 49,762 | 17,165 | 15,
|
|
266
|
-
| `switch` | 40,329 | 13,762 | 12,287 | 1,964 | 754 |
|
|
267
|
-
| `table` | 95,219 | 29,655 | 26,
|
|
268
|
-
| `tabs` | 39,616 | 13,733 | 12,
|
|
269
|
-
| `tag` | 41,359 | 15,186 | 13,
|
|
270
|
-
| `textarea` | 45,236 | 15,332 | 13,
|
|
271
|
-
| `time-input` | 162,264 | 49,492 | 42,
|
|
272
|
-
| `time-picker` | 93,705 | 29,392 | 25,
|
|
273
|
-
| `timeline` | 25,225 | 9,450 | 8,
|
|
274
|
-
| `toast` | 48,431 | 17,309 | 15,
|
|
275
|
-
| `toggle` | 43,650 | 14,
|
|
276
|
-
| `toolbar` | 32,568 | 12,127 | 10,
|
|
277
|
-
| `tooltip` | 58,293 | 20,976 | 18,
|
|
278
|
-
| `tour` | 81,942 | 28,030 | 24,
|
|
279
|
-
| `tree` | 64,952 | 21,733 | 19,
|
|
280
|
-
| `trend` | 30,239 | 11,784 | 10,494 | 3,821 | 1,241 |
|
|
281
|
-
| `video` | 124,145 | 39,
|
|
282
|
-
| `video-playlist` | 93,433 | 30,
|
|
283
|
-
| `virtual-list` | 50,312 | 17,586 | 15,
|
|
186
|
+
| `accordion` | 32,263 | 11,820 | 10,460 | 5,679 | 1,707 | 1,068 |
|
|
187
|
+
| `announcement` | 38,491 | 13,896 | 12,386 | 5,015 | 1,590 | 957 |
|
|
188
|
+
| `app-header` | 23,721 | 9,087 | 8,056 | 2,353 | 796 | 384 |
|
|
189
|
+
| `area-chart` | 84,979 | 30,124 | 26,698 | 14,029 | 4,184 | 3,261 |
|
|
190
|
+
| `avatar` | 31,252 | 11,798 | 10,531 | 4,562 | 1,361 | 829 |
|
|
191
|
+
| `badge` | 26,386 | 10,364 | 9,211 | 2,869 | 920 | 459 |
|
|
192
|
+
| `bar-chart` | 88,299 | 31,114 | 27,539 | 16,965 | 4,983 | 4,060 |
|
|
193
|
+
| `blockquote` | 24,161 | 9,459 | 8,348 | 2,732 | 1,033 | 636 |
|
|
194
|
+
| `breadcrumbs` | 33,441 | 13,046 | 11,590 | 5,924 | 2,050 | 1,454 |
|
|
195
|
+
| `button` | 37,548 | 13,404 | 11,966 | 5,074 | 1,604 | 920 |
|
|
196
|
+
| `button-group` | 26,267 | 10,045 | 8,931 | 3,980 | 1,363 | 810 |
|
|
197
|
+
| `callout` | 31,586 | 12,036 | 10,676 | 1,569 | 608 | 266 |
|
|
198
|
+
| `canvas` | 97,290 | 30,875 | 27,141 | 57,601 | 17,303 | 14,134 |
|
|
199
|
+
| `card` | 23,347 | 8,929 | 7,908 | 2,120 | 666 | 367 |
|
|
200
|
+
| `carousel` | 43,148 | 15,402 | 13,711 | 15,308 | 4,121 | 3,114 |
|
|
201
|
+
| `chat` | 69,924 | 23,502 | 20,842 | 21,455 | 6,226 | 4,910 |
|
|
202
|
+
| `checkbox` | 41,475 | 13,947 | 12,458 | 3,392 | 1,098 | 582 |
|
|
203
|
+
| `checkbox-group` | 48,099 | 15,665 | 13,981 | 8,890 | 2,451 | 1,620 |
|
|
204
|
+
| `code` | 20,340 | 8,059 | 7,173 | 451 | 231 | 27 |
|
|
205
|
+
| `code-block` | 92,691 | 31,352 | 27,834 | 26,518 | 7,089 | 5,646 |
|
|
206
|
+
| `color-input` | 130,992 | 41,502 | 36,413 | 46,126 | 11,678 | 9,299 |
|
|
207
|
+
| `color-picker` | 92,261 | 29,447 | 25,978 | 38,044 | 10,072 | 7,942 |
|
|
208
|
+
| `combobox` | 138,077 | 42,748 | 37,595 | 41,170 | 9,967 | 7,870 |
|
|
209
|
+
| `command` | 96,374 | 29,969 | 26,283 | 29,540 | 7,592 | 5,872 |
|
|
210
|
+
| `copy-button` | 82,457 | 28,133 | 24,933 | 18,166 | 4,706 | 3,631 |
|
|
211
|
+
| `data-table` | 199,621 | 59,834 | 51,165 | 91,940 | 23,791 | 18,770 |
|
|
212
|
+
| `date-input` | 132,731 | 41,037 | 36,019 | 35,972 | 8,732 | 6,873 |
|
|
213
|
+
| `date-picker` | 54,466 | 18,369 | 16,424 | 17,001 | 4,459 | 3,487 |
|
|
214
|
+
| `description-list` | 23,284 | 8,830 | 7,811 | 2,225 | 682 | 252 |
|
|
215
|
+
| `dialog` | 39,983 | 14,248 | 12,683 | 5,957 | 1,831 | 1,155 |
|
|
216
|
+
| `divider` | 22,788 | 8,870 | 7,845 | 1,486 | 570 | 118 |
|
|
217
|
+
| `donut-chart` | 84,155 | 29,630 | 26,325 | 14,638 | 4,299 | 3,428 |
|
|
218
|
+
| `drawer` | 42,856 | 15,297 | 13,610 | 6,049 | 1,944 | 1,269 |
|
|
219
|
+
| `drilldown` | 41,741 | 14,765 | 13,165 | 7,871 | 2,226 | 1,434 |
|
|
220
|
+
| `empty` | 23,802 | 9,141 | 8,119 | 1,955 | 725 | 344 |
|
|
221
|
+
| `file-input` | 66,001 | 22,265 | 19,772 | 17,511 | 5,038 | 3,892 |
|
|
222
|
+
| `filter-input` | 126,444 | 39,373 | 34,471 | 41,823 | 10,221 | 7,962 |
|
|
223
|
+
| `format-date` | 28,969 | 10,891 | 9,690 | 4,312 | 1,312 | 853 |
|
|
224
|
+
| `graph` | 67,405 | 22,282 | 19,772 | 17,073 | 5,078 | 4,041 |
|
|
225
|
+
| `heatmap` | 91,416 | 31,543 | 27,878 | 17,191 | 4,800 | 3,762 |
|
|
226
|
+
| `icon` | 80,614 | 27,527 | 23,591 | 57,089 | 19,337 | 15,633 |
|
|
227
|
+
| `icon-button` | 37,985 | 13,448 | 12,051 | 5,511 | 1,643 | 985 |
|
|
228
|
+
| `image` | 25,558 | 9,519 | 8,462 | 4,155 | 1,279 | 834 |
|
|
229
|
+
| `input` | 47,778 | 16,393 | 14,482 | 7,538 | 2,453 | 1,587 |
|
|
230
|
+
| `kbd` | 26,543 | 10,192 | 9,028 | 3,605 | 1,205 | 732 |
|
|
231
|
+
| `legend` | 32,682 | 12,166 | 10,794 | 3,290 | 1,145 | 683 |
|
|
232
|
+
| `lightbox` | 50,818 | 17,147 | 15,306 | 14,214 | 3,782 | 2,656 |
|
|
233
|
+
| `line-chart` | 85,931 | 30,280 | 26,887 | 14,777 | 4,265 | 3,401 |
|
|
234
|
+
| `list` | 58,052 | 20,298 | 18,155 | 12,454 | 3,550 | 2,648 |
|
|
235
|
+
| `listbox` | 77,332 | 25,086 | 22,184 | 17,688 | 4,800 | 3,639 |
|
|
236
|
+
| `loader` | 27,496 | 10,492 | 9,329 | 2,686 | 960 | 511 |
|
|
237
|
+
| `map` | 82,154 | 24,757 | 21,657 | 40,127 | 10,285 | 7,943 |
|
|
238
|
+
| `megamenu` | 59,070 | 21,398 | 18,914 | 8,033 | 2,297 | 1,481 |
|
|
239
|
+
| `menu` | 83,299 | 28,461 | 25,139 | 18,462 | 4,615 | 3,440 |
|
|
240
|
+
| `meter` | 32,305 | 12,236 | 10,989 | 5,291 | 1,612 | 1,111 |
|
|
241
|
+
| `navigation` | 32,843 | 12,356 | 11,016 | 2,196 | 794 | 391 |
|
|
242
|
+
| `notifications` | 54,221 | 17,876 | 15,920 | 17,256 | 4,405 | 3,390 |
|
|
243
|
+
| `number-input` | 53,245 | 18,048 | 16,120 | 10,491 | 2,857 | 1,974 |
|
|
244
|
+
| `object-inspector` | 112,811 | 37,684 | 33,197 | 34,596 | 9,829 | 7,654 |
|
|
245
|
+
| `option` | 25,539 | 9,388 | 8,325 | 3,984 | 976 | 535 |
|
|
246
|
+
| `outline` | 33,444 | 12,570 | 11,202 | 6,722 | 2,186 | 1,386 |
|
|
247
|
+
| `pagination` | 133,082 | 41,802 | 36,390 | 44,853 | 11,270 | 8,662 |
|
|
248
|
+
| `pin-input` | 47,591 | 16,476 | 14,721 | 7,044 | 2,316 | 1,531 |
|
|
249
|
+
| `popover` | 62,726 | 22,644 | 20,071 | 5,631 | 1,734 | 1,054 |
|
|
250
|
+
| `progress` | 28,123 | 10,757 | 9,565 | 3,023 | 993 | 601 |
|
|
251
|
+
| `qr-code` | 43,243 | 16,851 | 15,012 | 17,337 | 6,339 | 5,295 |
|
|
252
|
+
| `quote` | 21,918 | 8,660 | 7,672 | 1,230 | 554 | 277 |
|
|
253
|
+
| `radio` | 43,102 | 14,457 | 12,862 | 4,068 | 1,264 | 696 |
|
|
254
|
+
| `rating` | 50,576 | 17,304 | 15,417 | 8,135 | 2,456 | 1,573 |
|
|
255
|
+
| `scatter-chart` | 85,884 | 30,131 | 26,687 | 15,790 | 4,591 | 3,628 |
|
|
256
|
+
| `scroll-area` | 30,421 | 11,096 | 9,862 | 8,812 | 2,645 | 1,903 |
|
|
257
|
+
| `select` | 115,372 | 37,524 | 32,916 | 27,759 | 7,208 | 5,554 |
|
|
258
|
+
| `skeleton` | 22,315 | 8,665 | 7,684 | 1,255 | 521 | 202 |
|
|
259
|
+
| `skip-link` | 25,407 | 9,935 | 8,861 | 1,554 | 619 | 167 |
|
|
260
|
+
| `slider` | 48,006 | 16,213 | 14,515 | 8,359 | 2,316 | 1,703 |
|
|
261
|
+
| `sparkline` | 44,544 | 16,666 | 14,932 | 6,102 | 2,180 | 1,505 |
|
|
262
|
+
| `speed-dial` | 67,533 | 24,328 | 21,624 | 9,257 | 2,503 | 1,753 |
|
|
263
|
+
| `splitter` | 39,832 | 13,739 | 12,282 | 12,021 | 3,120 | 2,346 |
|
|
264
|
+
| `stat` | 23,162 | 8,884 | 7,882 | 1,900 | 649 | 247 |
|
|
265
|
+
| `steps` | 49,762 | 17,165 | 15,302 | 11,763 | 3,174 | 2,333 |
|
|
266
|
+
| `switch` | 40,329 | 13,762 | 12,287 | 1,964 | 754 | 361 |
|
|
267
|
+
| `table` | 95,219 | 29,655 | 26,088 | 33,732 | 9,006 | 7,070 |
|
|
268
|
+
| `tabs` | 39,616 | 13,733 | 12,216 | 5,919 | 1,622 | 983 |
|
|
269
|
+
| `tag` | 41,359 | 15,186 | 13,557 | 6,712 | 2,003 | 1,280 |
|
|
270
|
+
| `textarea` | 45,236 | 15,332 | 13,684 | 5,556 | 1,726 | 1,078 |
|
|
271
|
+
| `time-input` | 162,264 | 49,492 | 42,968 | 47,415 | 11,715 | 9,092 |
|
|
272
|
+
| `time-picker` | 93,705 | 29,392 | 25,984 | 30,447 | 7,907 | 6,176 |
|
|
273
|
+
| `timeline` | 25,225 | 9,450 | 8,406 | 3,154 | 810 | 448 |
|
|
274
|
+
| `toast` | 48,431 | 17,309 | 15,363 | 9,402 | 2,832 | 2,019 |
|
|
275
|
+
| `toggle` | 43,650 | 14,409 | 12,784 | 5,559 | 1,698 | 1,014 |
|
|
276
|
+
| `toolbar` | 32,568 | 12,127 | 10,832 | 5,486 | 1,813 | 1,093 |
|
|
277
|
+
| `tooltip` | 58,293 | 20,976 | 18,654 | 8,512 | 2,435 | 1,686 |
|
|
278
|
+
| `tour` | 81,942 | 28,030 | 24,876 | 17,717 | 4,712 | 3,670 |
|
|
279
|
+
| `tree` | 64,952 | 21,733 | 19,377 | 14,482 | 3,996 | 3,095 |
|
|
280
|
+
| `trend` | 30,239 | 11,784 | 10,494 | 3,821 | 1,241 | 723 |
|
|
281
|
+
| `video` | 124,145 | 39,100 | 34,224 | 52,551 | 12,985 | 10,320 |
|
|
282
|
+
| `video-playlist` | 93,433 | 30,729 | 27,141 | 26,727 | 6,480 | 5,076 |
|
|
283
|
+
| `virtual-list` | 50,312 | 17,586 | 15,677 | 11,983 | 3,703 | 2,832 |
|
|
284
284
|
|
|
285
285
|
### Styled tier
|
|
286
286
|
|
|
@@ -288,110 +288,110 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
288
288
|
|
|
289
289
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
290
290
|
|---|---|---|---|---|---|---|
|
|
291
|
-
| `accordion` | 36,375 | 12,705 | 11,
|
|
292
|
-
| `announcement` | 43,284 | 14,971 | 13,
|
|
293
|
-
| `app-header` | 27,494 | 9,972 | 8,812 | 6,110 | 1,703 | 1,
|
|
294
|
-
| `area-chart` | 92,825 | 31,
|
|
295
|
-
| `aura` | 51,161 | 17,647 | 15,
|
|
296
|
-
| `avatar` | 34,926 | 12,608 | 11,
|
|
297
|
-
| `badge` | 31,874 | 11,537 | 10,
|
|
298
|
-
| `bar-chart` | 101,443 | 33,811 | 29,
|
|
299
|
-
| `blockquote` | 26,126 | 9,890 | 8,
|
|
300
|
-
| `breadcrumbs` | 40,166 | 14,288 | 12,
|
|
301
|
-
| `button` | 44,670 | 14,891 | 13,
|
|
302
|
-
| `button-group` | 30,123 | 10,751 | 9,
|
|
303
|
-
| `callout` | 35,404 | 12,933 | 11,
|
|
304
|
-
| `canvas` | 118,408 | 34,934 | 30,
|
|
305
|
-
| `card` | 27,090 | 9,877 | 8,
|
|
306
|
-
| `carousel` | 54,039 | 17,234 | 15,
|
|
307
|
-
| `chat` | 84,259 | 26,013 | 23,
|
|
291
|
+
| `accordion` | 36,375 | 12,705 | 11,289 | 9,776 | 2,548 | 1,879 |
|
|
292
|
+
| `announcement` | 43,284 | 14,971 | 13,379 | 9,789 | 2,603 | 1,913 |
|
|
293
|
+
| `app-header` | 27,494 | 9,972 | 8,812 | 6,110 | 1,703 | 1,142 |
|
|
294
|
+
| `area-chart` | 92,825 | 31,848 | 28,149 | 21,855 | 5,896 | 4,723 |
|
|
295
|
+
| `aura` | 51,161 | 17,647 | 15,636 | 28,069 | 8,692 | 7,328 |
|
|
296
|
+
| `avatar` | 34,926 | 12,608 | 11,282 | 8,222 | 2,152 | 1,553 |
|
|
297
|
+
| `badge` | 31,874 | 11,537 | 10,278 | 8,348 | 2,070 | 1,508 |
|
|
298
|
+
| `bar-chart` | 101,443 | 33,811 | 29,889 | 30,092 | 7,782 | 6,323 |
|
|
299
|
+
| `blockquote` | 26,126 | 9,890 | 8,737 | 4,680 | 1,472 | 954 |
|
|
300
|
+
| `breadcrumbs` | 40,166 | 14,288 | 12,750 | 12,631 | 3,242 | 2,551 |
|
|
301
|
+
| `button` | 44,670 | 14,891 | 13,289 | 12,180 | 2,994 | 2,187 |
|
|
302
|
+
| `button-group` | 30,123 | 10,751 | 9,572 | 7,824 | 2,057 | 1,394 |
|
|
303
|
+
| `callout` | 35,404 | 12,933 | 11,476 | 5,371 | 1,551 | 1,090 |
|
|
304
|
+
| `canvas` | 118,408 | 34,934 | 30,571 | 78,366 | 21,258 | 17,509 |
|
|
305
|
+
| `card` | 27,090 | 9,877 | 8,746 | 5,849 | 1,621 | 1,102 |
|
|
306
|
+
| `carousel` | 54,039 | 17,234 | 15,412 | 26,183 | 5,959 | 4,819 |
|
|
307
|
+
| `chat` | 84,259 | 26,013 | 23,120 | 35,772 | 8,837 | 7,065 |
|
|
308
308
|
| `checkbox` | 48,304 | 15,478 | 13,866 | 10,204 | 2,569 | 1,907 |
|
|
309
|
-
| `checkbox-group` | 55,999 | 17,341 | 15,
|
|
310
|
-
| `code` | 21,438 | 8,350 | 7,
|
|
311
|
-
| `code-block` | 113,767 | 34,690 | 30,
|
|
312
|
-
| `color-input` | 172,783 | 47,795 | 41,
|
|
313
|
-
| `color-picker` | 128,267 | 34,963 | 30,
|
|
314
|
-
| `combobox` | 155,099 | 45,804 | 40,
|
|
315
|
-
| `command` | 108,401 | 32,341 | 28,
|
|
316
|
-
| `copy-button` | 95,541 | 30,302 | 26,
|
|
317
|
-
| `data-table` | 267,314 | 74,154 | 61,
|
|
318
|
-
| `date-input` | 154,203 | 44,767 | 39,
|
|
319
|
-
| `date-picker` | 62,302 | 19,754 | 17,
|
|
320
|
-
| `description-list` | 26,911 | 9,597 | 8,
|
|
321
|
-
| `dialog` | 45,463 | 15,531 | 13,
|
|
322
|
-
| `divider` | 25,331 | 9,485 | 8,
|
|
323
|
-
| `donut-chart` | 94,288 | 31,729 | 28,
|
|
324
|
-
| `drawer` | 49,055 | 16,710 | 14,
|
|
325
|
-
| `drilldown` | 48,115 | 16,105 | 14,
|
|
326
|
-
| `empty` | 25,447 | 9,638 | 8,
|
|
327
|
-
| `file-input` | 78,755 | 24,723 | 21,
|
|
328
|
-
| `filter-input` | 158,922 | 44,637 | 39,
|
|
329
|
-
| `flex` | 25,850 | 9,251 | 8,
|
|
330
|
-
| `format-date` | 29,553 | 11,019 | 9,
|
|
331
|
-
| `graph` | 82,121 | 24,867 | 22,
|
|
332
|
-
| `grid` | 27,105 | 9,903 | 8,
|
|
333
|
-
| `heatmap` | 98,999 | 33,151 | 29,
|
|
334
|
-
| `icon` | 81,303 | 27,683 | 23,
|
|
335
|
-
| `icon-button` | 46,452 | 14,
|
|
336
|
-
| `image` | 27,289 | 10,006 | 8,887 | 5,868 | 1,771 | 1,
|
|
337
|
-
| `input` | 52,358 | 17,477 | 15,
|
|
338
|
-
| `kbd` | 28,870 | 10,750 | 9,
|
|
339
|
-
| `legend` | 38,088 | 13,437 | 11,
|
|
340
|
-
| `lightbox` | 57,810 | 18,527 | 16,
|
|
341
|
-
| `line-chart` | 96,681 | 32,507 | 28,
|
|
342
|
-
| `list` | 64,672 | 21,788 | 19,
|
|
343
|
-
| `listbox` | 82,102 | 26,213 | 23,
|
|
344
|
-
| `loader` | 30,702 | 11,284 | 10,
|
|
345
|
-
| `map` | 118,769 | 30,286 | 26,
|
|
346
|
-
| `megamenu` | 64,392 | 22,605 |
|
|
347
|
-
| `menu` | 94,439 | 30,597 | 27,
|
|
348
|
-
| `meter` | 38,535 | 13,536 | 12,
|
|
349
|
-
| `navigation` | 34,563 | 12,819 | 11,
|
|
350
|
-
| `notifications` | 69,087 | 20,539 | 18,
|
|
351
|
-
| `number-input` | 58,471 | 19,231 | 17,
|
|
352
|
-
| `object-inspector` | 130,426 | 40,564 | 35,
|
|
353
|
-
| `option` | 29,385 | 10,379 | 9,
|
|
354
|
-
| `orb` | 35,918 | 13,782 | 12,285 | 9,423 | 3,492 | 2,
|
|
355
|
-
| `outline` | 38,036 | 13,461 |
|
|
356
|
-
| `pagination` | 152,420 | 45,162 | 39,
|
|
357
|
-
| `pin-input` | 51,283 | 17,406 | 15,
|
|
358
|
-
| `popover` | 66,227 | 23,427 | 20,
|
|
359
|
-
| `progress` | 33,851 | 12,117 | 10,
|
|
360
|
-
| `qr-code` | 45,181 | 17,347 | 15,
|
|
361
|
-
| `quote` | 22,676 | 8,850 | 7,
|
|
362
|
-
| `radio` | 51,603 | 16,019 | 14,
|
|
363
|
-
| `rating` | 54,717 | 18,515 | 16,
|
|
364
|
-
| `sandbox` | 75,603 | 21,919 | 19,
|
|
365
|
-
| `scatter-chart` | 94,980 | 32,154 | 28,
|
|
366
|
-
| `scroll-area` | 35,799 | 12,062 | 10,803 | 14,173 | 3,605 | 2,
|
|
367
|
-
| `select` | 130,389 | 40,272 | 35,
|
|
368
|
-
| `skeleton` | 25,250 | 9,379 | 8,
|
|
369
|
-
| `skip-link` | 27,312 | 10,455 | 9,
|
|
370
|
-
| `slider` | 61,484 | 18,430 | 16,
|
|
371
|
-
| `sparkline` | 50,171 | 18,013 | 16,
|
|
372
|
-
| `speed-dial` | 75,502 | 25,745 | 22,
|
|
373
|
-
| `splitter` | 46,272 | 14,
|
|
374
|
-
| `stat` | 26,709 | 9,615 | 8,
|
|
375
|
-
| `steps` | 64,872 | 20,005 | 17,
|
|
376
|
-
| `switch` | 45,017 | 14,936 | 13,
|
|
377
|
-
| `table` | 111,816 | 32,491 | 28,
|
|
378
|
-
| `tabs` | 47,906 | 15,383 | 13,
|
|
379
|
-
| `tag` | 46,453 | 16,325 | 14,
|
|
380
|
-
| `text` | 28,851 | 9,993 | 8,
|
|
381
|
-
| `textarea` | 49,489 | 16,360 | 14,
|
|
382
|
-
| `time-input` | 187,913 | 53,735 | 46,
|
|
383
|
-
| `time-picker` | 106,925 | 31,849 | 28,
|
|
384
|
-
| `timeline` | 32,421 | 10,856 | 9,
|
|
385
|
-
| `toast` | 56,963 | 19,202 | 17,
|
|
386
|
-
| `toggle` | 49,064 | 15,
|
|
387
|
-
| `toolbar` | 35,586 | 12,637 | 11,
|
|
388
|
-
| `tooltip` | 61,441 | 21,
|
|
389
|
-
| `tour` | 93,317 | 30,
|
|
390
|
-
| `tree` | 74,370 | 23,738 | 21,
|
|
391
|
-
| `trend` | 32,091 | 12,277 | 10,
|
|
392
|
-
| `video` | 145,281 | 42,885 | 37,
|
|
393
|
-
| `video-playlist` | 109,937 | 33,569 | 29,
|
|
394
|
-
| `virtual-list` | 52,016 | 18,025 | 16,
|
|
309
|
+
| `checkbox-group` | 55,999 | 17,341 | 15,486 | 16,779 | 4,071 | 3,126 |
|
|
310
|
+
| `code` | 21,438 | 8,350 | 7,394 | 1,534 | 514 | 208 |
|
|
311
|
+
| `code-block` | 113,767 | 34,690 | 30,790 | 47,580 | 10,521 | 8,543 |
|
|
312
|
+
| `color-input` | 172,783 | 47,795 | 41,949 | 87,904 | 17,984 | 14,860 |
|
|
313
|
+
| `color-picker` | 128,267 | 34,963 | 30,864 | 74,046 | 15,661 | 12,902 |
|
|
314
|
+
| `combobox` | 155,099 | 45,804 | 40,290 | 58,175 | 13,048 | 10,499 |
|
|
315
|
+
| `command` | 108,401 | 32,341 | 28,412 | 41,556 | 10,006 | 8,020 |
|
|
316
|
+
| `copy-button` | 95,541 | 30,302 | 26,858 | 31,234 | 6,978 | 5,486 |
|
|
317
|
+
| `data-table` | 267,314 | 74,154 | 61,238 | 158,565 | 37,682 | 28,416 |
|
|
318
|
+
| `date-input` | 154,203 | 44,767 | 39,335 | 57,425 | 12,505 | 10,211 |
|
|
319
|
+
| `date-picker` | 62,302 | 19,754 | 17,676 | 24,818 | 5,809 | 4,571 |
|
|
320
|
+
| `description-list` | 26,911 | 9,597 | 8,541 | 5,841 | 1,486 | 965 |
|
|
321
|
+
| `dialog` | 45,463 | 15,531 | 13,836 | 11,419 | 3,049 | 2,289 |
|
|
322
|
+
| `divider` | 25,331 | 9,485 | 8,399 | 4,013 | 1,168 | 753 |
|
|
323
|
+
| `donut-chart` | 94,288 | 31,729 | 28,135 | 24,748 | 6,429 | 5,202 |
|
|
324
|
+
| `drawer` | 49,055 | 16,710 | 14,932 | 12,230 | 3,288 | 2,505 |
|
|
325
|
+
| `drilldown` | 48,115 | 16,105 | 14,353 | 14,232 | 3,497 | 2,606 |
|
|
326
|
+
| `empty` | 25,447 | 9,638 | 8,521 | 3,582 | 1,187 | 743 |
|
|
327
|
+
| `file-input` | 78,755 | 24,723 | 21,969 | 30,256 | 7,538 | 6,074 |
|
|
328
|
+
| `filter-input` | 158,922 | 44,637 | 39,072 | 73,928 | 15,418 | 12,469 |
|
|
329
|
+
| `flex` | 25,850 | 9,251 | 8,195 | 5,154 | 1,191 | 703 |
|
|
330
|
+
| `format-date` | 29,553 | 11,019 | 9,820 | 4,880 | 1,455 | 897 |
|
|
331
|
+
| `graph` | 82,121 | 24,867 | 22,056 | 31,770 | 7,761 | 6,340 |
|
|
332
|
+
| `grid` | 27,105 | 9,903 | 8,801 | 6,021 | 1,604 | 1,162 |
|
|
333
|
+
| `heatmap` | 98,999 | 33,151 | 29,368 | 24,753 | 6,402 | 5,192 |
|
|
334
|
+
| `icon` | 81,303 | 27,683 | 23,638 | 57,761 | 19,488 | 15,620 |
|
|
335
|
+
| `icon-button` | 46,452 | 14,879 | 13,310 | 13,963 | 3,010 | 2,201 |
|
|
336
|
+
| `image` | 27,289 | 10,006 | 8,887 | 5,868 | 1,771 | 1,247 |
|
|
337
|
+
| `input` | 52,358 | 17,477 | 15,443 | 12,104 | 3,511 | 2,616 |
|
|
338
|
+
| `kbd` | 28,870 | 10,750 | 9,506 | 5,917 | 1,768 | 1,119 |
|
|
339
|
+
| `legend` | 38,088 | 13,437 | 11,911 | 8,571 | 2,359 | 1,730 |
|
|
340
|
+
| `lightbox` | 57,810 | 18,527 | 16,460 | 21,187 | 5,091 | 3,928 |
|
|
341
|
+
| `line-chart` | 96,681 | 32,507 | 28,810 | 25,504 | 6,484 | 5,293 |
|
|
342
|
+
| `list` | 64,672 | 21,788 | 19,438 | 19,053 | 4,985 | 4,023 |
|
|
343
|
+
| `listbox` | 82,102 | 26,213 | 23,199 | 22,442 | 5,882 | 4,637 |
|
|
344
|
+
| `loader` | 30,702 | 11,284 | 10,077 | 5,874 | 1,746 | 1,175 |
|
|
345
|
+
| `map` | 118,769 | 30,286 | 26,399 | 76,731 | 15,938 | 12,740 |
|
|
346
|
+
| `megamenu` | 64,392 | 22,605 | 20,031 | 13,339 | 3,428 | 2,588 |
|
|
347
|
+
| `menu` | 94,439 | 30,597 | 27,066 | 29,592 | 6,789 | 5,457 |
|
|
348
|
+
| `meter` | 38,535 | 13,536 | 12,120 | 11,502 | 2,811 | 2,317 |
|
|
349
|
+
| `navigation` | 34,563 | 12,819 | 11,445 | 3,898 | 1,274 | 753 |
|
|
350
|
+
| `notifications` | 69,087 | 20,539 | 18,335 | 32,111 | 7,082 | 5,824 |
|
|
351
|
+
| `number-input` | 58,471 | 19,231 | 17,171 | 15,701 | 4,021 | 3,040 |
|
|
352
|
+
| `object-inspector` | 130,426 | 40,564 | 35,729 | 52,198 | 12,735 | 10,082 |
|
|
353
|
+
| `option` | 29,385 | 10,379 | 9,225 | 7,818 | 1,952 | 1,325 |
|
|
354
|
+
| `orb` | 35,918 | 13,782 | 12,285 | 9,423 | 3,492 | 2,882 |
|
|
355
|
+
| `outline` | 38,036 | 13,461 | 12,039 | 11,299 | 3,040 | 2,262 |
|
|
356
|
+
| `pagination` | 152,420 | 45,162 | 39,387 | 64,178 | 14,642 | 11,669 |
|
|
357
|
+
| `pin-input` | 51,283 | 17,406 | 15,542 | 10,717 | 3,193 | 2,367 |
|
|
358
|
+
| `popover` | 66,227 | 23,427 | 20,821 | 9,114 | 2,485 | 1,688 |
|
|
359
|
+
| `progress` | 33,851 | 12,117 | 10,812 | 8,734 | 2,300 | 1,859 |
|
|
360
|
+
| `qr-code` | 45,181 | 17,347 | 15,415 | 19,258 | 6,816 | 5,628 |
|
|
361
|
+
| `quote` | 22,676 | 8,850 | 7,814 | 1,972 | 761 | 305 |
|
|
362
|
+
| `radio` | 51,603 | 16,019 | 14,291 | 12,559 | 2,775 | 2,066 |
|
|
363
|
+
| `rating` | 54,717 | 18,515 | 16,552 | 12,259 | 3,599 | 2,731 |
|
|
364
|
+
| `sandbox` | 75,603 | 21,919 | 19,489 | 43,353 | 10,049 | 8,105 |
|
|
365
|
+
| `scatter-chart` | 94,980 | 32,154 | 28,457 | 24,865 | 6,682 | 5,342 |
|
|
366
|
+
| `scroll-area` | 35,799 | 12,062 | 10,803 | 14,173 | 3,605 | 2,702 |
|
|
367
|
+
| `select` | 130,389 | 40,272 | 35,256 | 42,758 | 10,018 | 7,925 |
|
|
368
|
+
| `skeleton` | 25,250 | 9,379 | 8,337 | 4,175 | 1,234 | 725 |
|
|
369
|
+
| `skip-link` | 27,312 | 10,455 | 9,278 | 3,442 | 1,143 | 730 |
|
|
370
|
+
| `slider` | 61,484 | 18,430 | 16,556 | 21,816 | 4,437 | 3,616 |
|
|
371
|
+
| `sparkline` | 50,171 | 18,013 | 16,099 | 11,712 | 3,454 | 2,668 |
|
|
372
|
+
| `speed-dial` | 75,502 | 25,745 | 22,868 | 17,209 | 3,868 | 2,995 |
|
|
373
|
+
| `splitter` | 46,272 | 14,820 | 13,251 | 18,442 | 4,180 | 3,347 |
|
|
374
|
+
| `stat` | 26,709 | 9,615 | 8,588 | 5,435 | 1,405 | 904 |
|
|
375
|
+
| `steps` | 64,872 | 20,005 | 17,796 | 26,859 | 5,929 | 4,825 |
|
|
376
|
+
| `switch` | 45,017 | 14,936 | 13,316 | 6,636 | 1,923 | 1,288 |
|
|
377
|
+
| `table` | 111,816 | 32,491 | 28,637 | 50,325 | 11,840 | 9,597 |
|
|
378
|
+
| `tabs` | 47,906 | 15,383 | 13,686 | 14,203 | 3,182 | 2,409 |
|
|
379
|
+
| `tag` | 46,453 | 16,325 | 14,642 | 11,788 | 3,070 | 2,264 |
|
|
380
|
+
| `text` | 28,851 | 9,993 | 8,838 | 7,770 | 1,656 | 1,114 |
|
|
381
|
+
| `textarea` | 49,489 | 16,360 | 14,619 | 9,791 | 2,668 | 1,963 |
|
|
382
|
+
| `time-input` | 187,913 | 53,735 | 46,776 | 73,041 | 16,059 | 12,901 |
|
|
383
|
+
| `time-picker` | 106,925 | 31,849 | 28,094 | 43,656 | 10,411 | 8,258 |
|
|
384
|
+
| `timeline` | 32,421 | 10,856 | 9,616 | 10,340 | 2,226 | 1,599 |
|
|
385
|
+
| `toast` | 56,963 | 19,202 | 17,060 | 17,920 | 4,665 | 3,798 |
|
|
386
|
+
| `toggle` | 49,064 | 15,667 | 13,913 | 10,961 | 2,872 | 2,151 |
|
|
387
|
+
| `toolbar` | 35,586 | 12,637 | 11,275 | 8,487 | 2,293 | 1,612 |
|
|
388
|
+
| `tooltip` | 61,441 | 21,739 | 19,278 | 11,642 | 3,152 | 2,430 |
|
|
389
|
+
| `tour` | 93,317 | 30,120 | 26,757 | 29,075 | 6,820 | 5,365 |
|
|
390
|
+
| `tree` | 74,370 | 23,738 | 21,109 | 23,875 | 5,921 | 4,763 |
|
|
391
|
+
| `trend` | 32,091 | 12,277 | 10,982 | 5,654 | 1,708 | 1,139 |
|
|
392
|
+
| `video` | 145,281 | 42,885 | 37,562 | 73,670 | 16,791 | 13,682 |
|
|
393
|
+
| `video-playlist` | 109,937 | 33,569 | 29,655 | 43,216 | 9,393 | 7,574 |
|
|
394
|
+
| `virtual-list` | 52,016 | 18,025 | 16,066 | 13,669 | 4,099 | 3,165 |
|
|
395
395
|
|
|
396
396
|
## What an install adds to `node_modules`
|
|
397
397
|
|
|
@@ -3829,7 +3829,7 @@ on its own.
|
|
|
3829
3829
|
|
|
3830
3830
|
| | Raw | Gzip | Brotli |
|
|
3831
3831
|
|---|---|---|---|
|
|
3832
|
-
| Lit and \`@fusion.dev/helix-core\` | 223,692 | 69,690 | 59,
|
|
3832
|
+
| Lit and \`@fusion.dev/helix-core\` | 223,692 | 69,690 | 59,973 |
|
|
3833
3833
|
|
|
3834
3834
|
## Whole packages
|
|
3835
3835
|
|
|
@@ -3840,12 +3840,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
3840
3840
|
|
|
3841
3841
|
| Package | Raw | Gzip | Brotli | |
|
|
3842
3842
|
|---|---|---|---|---|
|
|
3843
|
-
| \`@fusion.dev/helix-core\` | 222,903 | 69,474 | 59,
|
|
3844
|
-
| \`@fusion.dev/helix-headless\` | 1,163,184 | 312,
|
|
3843
|
+
| \`@fusion.dev/helix-core\` | 222,903 | 69,474 | 59,597 | The element base class, mixins, decorators, and floating positioning. |
|
|
3844
|
+
| \`@fusion.dev/helix-headless\` | 1,163,184 | 312,571 | 236,599 | Every headless family. The barrel entry includes all of them. |
|
|
3845
3845
|
| \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
3846
3846
|
| \`@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. |
|
|
3847
3847
|
| \`fusion_helix_theme_bg.wasm\` | 490,270 | 155,600 | 125,779 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
3848
|
-
| \`@fusion.dev/helix\` | 1,784,404 | 432,690 | 309,
|
|
3848
|
+
| \`@fusion.dev/helix\` | 1,784,404 | 432,690 | 309,892 | Every styled family. |
|
|
3849
3849
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
3850
3850
|
|
|
3851
3851
|
## Stylesheets
|
|
@@ -3870,7 +3870,7 @@ shows the whole cost of using the base layer on its own.
|
|
|
3870
3870
|
|
|
3871
3871
|
Across the 104 styled components, the smallest is \`code\` at 8,350 bytes gzipped alone, and the largest is \`data-table\` at 74,154. Every family together is 432,690.
|
|
3872
3872
|
|
|
3873
|
-
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 312,
|
|
3873
|
+
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 312,571 bytes gzipped, whatever else the page imports. That is 18 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
|
|
3874
3874
|
|
|
3875
3875
|
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,435 bytes gzipped alone.
|
|
3876
3876
|
|
|
@@ -3884,7 +3884,7 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3884
3884
|
|
|
3885
3885
|
| Component | System | Raw | Gzip | Brotli |
|
|
3886
3886
|
|---|---|---|---|---|
|
|
3887
|
-
| \`button\` | **Helix** | 44,670 | 14,891 | 13,
|
|
3887
|
+
| \`button\` | **Helix** | 44,670 | 14,891 | 13,289 |
|
|
3888
3888
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
3889
3889
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
3890
3890
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
@@ -3894,27 +3894,27 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3894
3894
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
3895
3895
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
3896
3896
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
3897
|
-
| \`dialog\` | **Helix** | 45,463 | 15,531 | 13,
|
|
3897
|
+
| \`dialog\` | **Helix** | 45,463 | 15,531 | 13,836 |
|
|
3898
3898
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
3899
3899
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
3900
3900
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
3901
3901
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
3902
|
-
| \`radio\` | **Helix** | 51,603 | 16,019 | 14,
|
|
3902
|
+
| \`radio\` | **Helix** | 51,603 | 16,019 | 14,291 |
|
|
3903
3903
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
3904
3904
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
3905
3905
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
3906
3906
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
3907
|
-
| \`switch\` | **Helix** | 45,017 | 14,936 | 13,
|
|
3907
|
+
| \`switch\` | **Helix** | 45,017 | 14,936 | 13,316 |
|
|
3908
3908
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
3909
3909
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
3910
3910
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
3911
3911
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
3912
|
-
| \`tabs\` | **Helix** | 47,906 | 15,383 | 13,
|
|
3912
|
+
| \`tabs\` | **Helix** | 47,906 | 15,383 | 13,686 |
|
|
3913
3913
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
3914
3914
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
3915
3915
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
3916
3916
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
3917
|
-
| \`tooltip\` | **Helix** | 61,441 | 21,
|
|
3917
|
+
| \`tooltip\` | **Helix** | 61,441 | 21,739 | 19,278 |
|
|
3918
3918
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
3919
3919
|
| | Material Web | | not shipped | |
|
|
3920
3920
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
@@ -3966,104 +3966,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
3966
3966
|
|
|
3967
3967
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3968
3968
|
|---|---|---|---|---|---|---|
|
|
3969
|
-
| \`accordion\` | 32,263 | 11,820 | 10,
|
|
3970
|
-
| \`announcement\` | 38,491 | 13,896 | 12,
|
|
3971
|
-
| \`app-header\` | 23,721 | 9,087 | 8,056 | 2,353 | 796 |
|
|
3972
|
-
| \`area-chart\` | 84,979 | 30,124 | 26,
|
|
3973
|
-
| \`avatar\` | 31,252 | 11,798 | 10,
|
|
3974
|
-
| \`badge\` | 26,386 | 10,364 | 9,
|
|
3975
|
-
| \`bar-chart\` | 88,299 | 31,114 | 27,
|
|
3976
|
-
| \`blockquote\` | 24,161 | 9,459 | 8,348 | 2,732 | 1,033 |
|
|
3977
|
-
| \`breadcrumbs\` | 33,441 | 13,
|
|
3978
|
-
| \`button\` | 37,548 | 13,404 | 11,
|
|
3979
|
-
| \`button-group\` | 26,267 | 10,045 | 8,
|
|
3980
|
-
| \`callout\` | 31,586 | 12,036 | 10,
|
|
3981
|
-
| \`canvas\` | 97,290 | 30,875 | 27,
|
|
3982
|
-
| \`card\` | 23,347 | 8,929 | 7,
|
|
3983
|
-
| \`carousel\` | 43,148 | 15,402 | 13,
|
|
3984
|
-
| \`chat\` | 69,924 | 23,502 | 20,
|
|
3985
|
-
| \`checkbox\` | 41,475 | 13,947 | 12,
|
|
3986
|
-
| \`checkbox-group\` | 48,099 | 15,665 | 13,
|
|
3987
|
-
| \`code\` | 20,340 | 8,059 | 7,173 | 451 | 231 |
|
|
3988
|
-
| \`code-block\` | 92,691 | 31,
|
|
3989
|
-
| \`color-input\` | 130,992 | 41,502 | 36,
|
|
3990
|
-
| \`color-picker\` | 92,261 | 29,447 | 25,
|
|
3991
|
-
| \`combobox\` | 138,077 | 42,748 | 37,
|
|
3992
|
-
| \`command\` | 96,374 | 29,969 | 26,
|
|
3993
|
-
| \`copy-button\` | 82,457 | 28,133 | 24,
|
|
3994
|
-
| \`data-table\` | 199,621 | 59,834 | 51,
|
|
3995
|
-
| \`date-input\` | 132,731 | 41,037 | 36,
|
|
3996
|
-
| \`date-picker\` | 54,466 | 18,369 | 16,
|
|
3997
|
-
| \`description-list\` | 23,284 | 8,830 | 7,
|
|
3998
|
-
| \`dialog\` | 39,983 | 14,248 | 12,
|
|
3999
|
-
| \`divider\` | 22,788 | 8,870 | 7,
|
|
4000
|
-
| \`donut-chart\` | 84,155 | 29,630 | 26,
|
|
4001
|
-
| \`drawer\` | 42,856 | 15,297 | 13,610 | 6,049 | 1,944 | 1,
|
|
4002
|
-
| \`drilldown\` | 41,741 | 14,765 | 13,165 | 7,871 | 2,226 | 1,
|
|
4003
|
-
| \`empty\` | 23,802 | 9,141 | 8,
|
|
4004
|
-
| \`file-input\` | 66,001 | 22,265 | 19,
|
|
4005
|
-
| \`filter-input\` | 126,444 | 39,373 | 34,
|
|
4006
|
-
| \`format-date\` | 28,969 | 10,891 | 9,690 | 4,312 | 1,312 |
|
|
4007
|
-
| \`graph\` | 67,405 | 22,282 | 19,
|
|
4008
|
-
| \`heatmap\` | 91,416 | 31,543 | 27,
|
|
4009
|
-
| \`icon\` | 80,614 | 27,
|
|
4010
|
-
| \`icon-button\` | 37,985 | 13,448 | 12,
|
|
4011
|
-
| \`image\` | 25,558 | 9,519 | 8,462 | 4,155 | 1,279 |
|
|
4012
|
-
| \`input\` | 47,778 | 16,393 | 14,
|
|
4013
|
-
| \`kbd\` | 26,543 | 10,192 | 9,
|
|
4014
|
-
| \`legend\` | 32,682 | 12,166 | 10,
|
|
4015
|
-
| \`lightbox\` | 50,818 | 17,147 | 15,
|
|
4016
|
-
| \`line-chart\` | 85,931 | 30,280 | 26,
|
|
4017
|
-
| \`list\` | 58,052 | 20,298 | 18,
|
|
4018
|
-
| \`listbox\` | 77,332 | 25,086 | 22,
|
|
4019
|
-
| \`loader\` | 27,496 | 10,492 | 9,
|
|
4020
|
-
| \`map\` | 82,154 | 24,757 | 21,
|
|
4021
|
-
| \`megamenu\` | 59,070 | 21,398 | 18,
|
|
4022
|
-
| \`menu\` | 83,299 | 28,
|
|
4023
|
-
| \`meter\` | 32,305 | 12,236 | 10,
|
|
4024
|
-
| \`navigation\` | 32,843 | 12,356 | 11,016 | 2,196 | 794 |
|
|
4025
|
-
| \`notifications\` | 54,221 | 17,876 | 15,
|
|
4026
|
-
| \`number-input\` | 53,245 | 18,048 | 16,
|
|
4027
|
-
| \`object-inspector\` | 112,811 | 37,684 | 33,
|
|
4028
|
-
| \`option\` | 25,539 | 9,388 | 8,325 | 3,984 | 976 |
|
|
4029
|
-
| \`outline\` | 33,444 | 12,570 | 11,
|
|
4030
|
-
| \`pagination\` | 133,082 | 41,802 | 36,
|
|
4031
|
-
| \`pin-input\` | 47,591 | 16,476 | 14,721 | 7,044 | 2,316 | 1,
|
|
4032
|
-
| \`popover\` | 62,726 | 22,644 | 20,
|
|
4033
|
-
| \`progress\` | 28,123 | 10,757 | 9,
|
|
4034
|
-
| \`qr-code\` | 43,243 | 16,851 | 15,
|
|
4035
|
-
| \`quote\` | 21,918 | 8,
|
|
4036
|
-
| \`radio\` | 43,102 | 14,457 | 12,
|
|
4037
|
-
| \`rating\` | 50,576 | 17,304 | 15,
|
|
4038
|
-
| \`scatter-chart\` | 85,884 | 30,131 | 26,
|
|
4039
|
-
| \`scroll-area\` | 30,421 | 11,096 | 9,
|
|
4040
|
-
| \`select\` | 115,372 | 37,524 | 32,
|
|
4041
|
-
| \`skeleton\` | 22,315 | 8,665 | 7,
|
|
4042
|
-
| \`skip-link\` | 25,407 | 9,935 | 8,
|
|
4043
|
-
| \`slider\` | 48,006 | 16,213 | 14,515 | 8,359 | 2,316 | 1,
|
|
4044
|
-
| \`sparkline\` | 44,544 | 16,
|
|
4045
|
-
| \`speed-dial\` | 67,533 | 24,328 | 21,
|
|
4046
|
-
| \`splitter\` | 39,832 | 13,739 | 12,
|
|
4047
|
-
| \`stat\` | 23,162 | 8,884 | 7,882 | 1,900 | 649 |
|
|
4048
|
-
| \`steps\` | 49,762 | 17,165 | 15,
|
|
4049
|
-
| \`switch\` | 40,329 | 13,762 | 12,287 | 1,964 | 754 |
|
|
4050
|
-
| \`table\` | 95,219 | 29,655 | 26,
|
|
4051
|
-
| \`tabs\` | 39,616 | 13,733 | 12,
|
|
4052
|
-
| \`tag\` | 41,359 | 15,186 | 13,
|
|
4053
|
-
| \`textarea\` | 45,236 | 15,332 | 13,
|
|
4054
|
-
| \`time-input\` | 162,264 | 49,492 | 42,
|
|
4055
|
-
| \`time-picker\` | 93,705 | 29,392 | 25,
|
|
4056
|
-
| \`timeline\` | 25,225 | 9,450 | 8,
|
|
4057
|
-
| \`toast\` | 48,431 | 17,309 | 15,
|
|
4058
|
-
| \`toggle\` | 43,650 | 14,
|
|
4059
|
-
| \`toolbar\` | 32,568 | 12,127 | 10,
|
|
4060
|
-
| \`tooltip\` | 58,293 | 20,976 | 18,
|
|
4061
|
-
| \`tour\` | 81,942 | 28,030 | 24,
|
|
4062
|
-
| \`tree\` | 64,952 | 21,733 | 19,
|
|
4063
|
-
| \`trend\` | 30,239 | 11,784 | 10,494 | 3,821 | 1,241 |
|
|
4064
|
-
| \`video\` | 124,145 | 39,
|
|
4065
|
-
| \`video-playlist\` | 93,433 | 30,
|
|
4066
|
-
| \`virtual-list\` | 50,312 | 17,586 | 15,
|
|
3969
|
+
| \`accordion\` | 32,263 | 11,820 | 10,460 | 5,679 | 1,707 | 1,068 |
|
|
3970
|
+
| \`announcement\` | 38,491 | 13,896 | 12,386 | 5,015 | 1,590 | 957 |
|
|
3971
|
+
| \`app-header\` | 23,721 | 9,087 | 8,056 | 2,353 | 796 | 384 |
|
|
3972
|
+
| \`area-chart\` | 84,979 | 30,124 | 26,698 | 14,029 | 4,184 | 3,261 |
|
|
3973
|
+
| \`avatar\` | 31,252 | 11,798 | 10,531 | 4,562 | 1,361 | 829 |
|
|
3974
|
+
| \`badge\` | 26,386 | 10,364 | 9,211 | 2,869 | 920 | 459 |
|
|
3975
|
+
| \`bar-chart\` | 88,299 | 31,114 | 27,539 | 16,965 | 4,983 | 4,060 |
|
|
3976
|
+
| \`blockquote\` | 24,161 | 9,459 | 8,348 | 2,732 | 1,033 | 636 |
|
|
3977
|
+
| \`breadcrumbs\` | 33,441 | 13,046 | 11,590 | 5,924 | 2,050 | 1,454 |
|
|
3978
|
+
| \`button\` | 37,548 | 13,404 | 11,966 | 5,074 | 1,604 | 920 |
|
|
3979
|
+
| \`button-group\` | 26,267 | 10,045 | 8,931 | 3,980 | 1,363 | 810 |
|
|
3980
|
+
| \`callout\` | 31,586 | 12,036 | 10,676 | 1,569 | 608 | 266 |
|
|
3981
|
+
| \`canvas\` | 97,290 | 30,875 | 27,141 | 57,601 | 17,303 | 14,134 |
|
|
3982
|
+
| \`card\` | 23,347 | 8,929 | 7,908 | 2,120 | 666 | 367 |
|
|
3983
|
+
| \`carousel\` | 43,148 | 15,402 | 13,711 | 15,308 | 4,121 | 3,114 |
|
|
3984
|
+
| \`chat\` | 69,924 | 23,502 | 20,842 | 21,455 | 6,226 | 4,910 |
|
|
3985
|
+
| \`checkbox\` | 41,475 | 13,947 | 12,458 | 3,392 | 1,098 | 582 |
|
|
3986
|
+
| \`checkbox-group\` | 48,099 | 15,665 | 13,981 | 8,890 | 2,451 | 1,620 |
|
|
3987
|
+
| \`code\` | 20,340 | 8,059 | 7,173 | 451 | 231 | 27 |
|
|
3988
|
+
| \`code-block\` | 92,691 | 31,352 | 27,834 | 26,518 | 7,089 | 5,646 |
|
|
3989
|
+
| \`color-input\` | 130,992 | 41,502 | 36,413 | 46,126 | 11,678 | 9,299 |
|
|
3990
|
+
| \`color-picker\` | 92,261 | 29,447 | 25,978 | 38,044 | 10,072 | 7,942 |
|
|
3991
|
+
| \`combobox\` | 138,077 | 42,748 | 37,595 | 41,170 | 9,967 | 7,870 |
|
|
3992
|
+
| \`command\` | 96,374 | 29,969 | 26,283 | 29,540 | 7,592 | 5,872 |
|
|
3993
|
+
| \`copy-button\` | 82,457 | 28,133 | 24,933 | 18,166 | 4,706 | 3,631 |
|
|
3994
|
+
| \`data-table\` | 199,621 | 59,834 | 51,165 | 91,940 | 23,791 | 18,770 |
|
|
3995
|
+
| \`date-input\` | 132,731 | 41,037 | 36,019 | 35,972 | 8,732 | 6,873 |
|
|
3996
|
+
| \`date-picker\` | 54,466 | 18,369 | 16,424 | 17,001 | 4,459 | 3,487 |
|
|
3997
|
+
| \`description-list\` | 23,284 | 8,830 | 7,811 | 2,225 | 682 | 252 |
|
|
3998
|
+
| \`dialog\` | 39,983 | 14,248 | 12,683 | 5,957 | 1,831 | 1,155 |
|
|
3999
|
+
| \`divider\` | 22,788 | 8,870 | 7,845 | 1,486 | 570 | 118 |
|
|
4000
|
+
| \`donut-chart\` | 84,155 | 29,630 | 26,325 | 14,638 | 4,299 | 3,428 |
|
|
4001
|
+
| \`drawer\` | 42,856 | 15,297 | 13,610 | 6,049 | 1,944 | 1,269 |
|
|
4002
|
+
| \`drilldown\` | 41,741 | 14,765 | 13,165 | 7,871 | 2,226 | 1,434 |
|
|
4003
|
+
| \`empty\` | 23,802 | 9,141 | 8,119 | 1,955 | 725 | 344 |
|
|
4004
|
+
| \`file-input\` | 66,001 | 22,265 | 19,772 | 17,511 | 5,038 | 3,892 |
|
|
4005
|
+
| \`filter-input\` | 126,444 | 39,373 | 34,471 | 41,823 | 10,221 | 7,962 |
|
|
4006
|
+
| \`format-date\` | 28,969 | 10,891 | 9,690 | 4,312 | 1,312 | 853 |
|
|
4007
|
+
| \`graph\` | 67,405 | 22,282 | 19,772 | 17,073 | 5,078 | 4,041 |
|
|
4008
|
+
| \`heatmap\` | 91,416 | 31,543 | 27,878 | 17,191 | 4,800 | 3,762 |
|
|
4009
|
+
| \`icon\` | 80,614 | 27,527 | 23,591 | 57,089 | 19,337 | 15,633 |
|
|
4010
|
+
| \`icon-button\` | 37,985 | 13,448 | 12,051 | 5,511 | 1,643 | 985 |
|
|
4011
|
+
| \`image\` | 25,558 | 9,519 | 8,462 | 4,155 | 1,279 | 834 |
|
|
4012
|
+
| \`input\` | 47,778 | 16,393 | 14,482 | 7,538 | 2,453 | 1,587 |
|
|
4013
|
+
| \`kbd\` | 26,543 | 10,192 | 9,028 | 3,605 | 1,205 | 732 |
|
|
4014
|
+
| \`legend\` | 32,682 | 12,166 | 10,794 | 3,290 | 1,145 | 683 |
|
|
4015
|
+
| \`lightbox\` | 50,818 | 17,147 | 15,306 | 14,214 | 3,782 | 2,656 |
|
|
4016
|
+
| \`line-chart\` | 85,931 | 30,280 | 26,887 | 14,777 | 4,265 | 3,401 |
|
|
4017
|
+
| \`list\` | 58,052 | 20,298 | 18,155 | 12,454 | 3,550 | 2,648 |
|
|
4018
|
+
| \`listbox\` | 77,332 | 25,086 | 22,184 | 17,688 | 4,800 | 3,639 |
|
|
4019
|
+
| \`loader\` | 27,496 | 10,492 | 9,329 | 2,686 | 960 | 511 |
|
|
4020
|
+
| \`map\` | 82,154 | 24,757 | 21,657 | 40,127 | 10,285 | 7,943 |
|
|
4021
|
+
| \`megamenu\` | 59,070 | 21,398 | 18,914 | 8,033 | 2,297 | 1,481 |
|
|
4022
|
+
| \`menu\` | 83,299 | 28,461 | 25,139 | 18,462 | 4,615 | 3,440 |
|
|
4023
|
+
| \`meter\` | 32,305 | 12,236 | 10,989 | 5,291 | 1,612 | 1,111 |
|
|
4024
|
+
| \`navigation\` | 32,843 | 12,356 | 11,016 | 2,196 | 794 | 391 |
|
|
4025
|
+
| \`notifications\` | 54,221 | 17,876 | 15,920 | 17,256 | 4,405 | 3,390 |
|
|
4026
|
+
| \`number-input\` | 53,245 | 18,048 | 16,120 | 10,491 | 2,857 | 1,974 |
|
|
4027
|
+
| \`object-inspector\` | 112,811 | 37,684 | 33,197 | 34,596 | 9,829 | 7,654 |
|
|
4028
|
+
| \`option\` | 25,539 | 9,388 | 8,325 | 3,984 | 976 | 535 |
|
|
4029
|
+
| \`outline\` | 33,444 | 12,570 | 11,202 | 6,722 | 2,186 | 1,386 |
|
|
4030
|
+
| \`pagination\` | 133,082 | 41,802 | 36,390 | 44,853 | 11,270 | 8,662 |
|
|
4031
|
+
| \`pin-input\` | 47,591 | 16,476 | 14,721 | 7,044 | 2,316 | 1,531 |
|
|
4032
|
+
| \`popover\` | 62,726 | 22,644 | 20,071 | 5,631 | 1,734 | 1,054 |
|
|
4033
|
+
| \`progress\` | 28,123 | 10,757 | 9,565 | 3,023 | 993 | 601 |
|
|
4034
|
+
| \`qr-code\` | 43,243 | 16,851 | 15,012 | 17,337 | 6,339 | 5,295 |
|
|
4035
|
+
| \`quote\` | 21,918 | 8,660 | 7,672 | 1,230 | 554 | 277 |
|
|
4036
|
+
| \`radio\` | 43,102 | 14,457 | 12,862 | 4,068 | 1,264 | 696 |
|
|
4037
|
+
| \`rating\` | 50,576 | 17,304 | 15,417 | 8,135 | 2,456 | 1,573 |
|
|
4038
|
+
| \`scatter-chart\` | 85,884 | 30,131 | 26,687 | 15,790 | 4,591 | 3,628 |
|
|
4039
|
+
| \`scroll-area\` | 30,421 | 11,096 | 9,862 | 8,812 | 2,645 | 1,903 |
|
|
4040
|
+
| \`select\` | 115,372 | 37,524 | 32,916 | 27,759 | 7,208 | 5,554 |
|
|
4041
|
+
| \`skeleton\` | 22,315 | 8,665 | 7,684 | 1,255 | 521 | 202 |
|
|
4042
|
+
| \`skip-link\` | 25,407 | 9,935 | 8,861 | 1,554 | 619 | 167 |
|
|
4043
|
+
| \`slider\` | 48,006 | 16,213 | 14,515 | 8,359 | 2,316 | 1,703 |
|
|
4044
|
+
| \`sparkline\` | 44,544 | 16,666 | 14,932 | 6,102 | 2,180 | 1,505 |
|
|
4045
|
+
| \`speed-dial\` | 67,533 | 24,328 | 21,624 | 9,257 | 2,503 | 1,753 |
|
|
4046
|
+
| \`splitter\` | 39,832 | 13,739 | 12,282 | 12,021 | 3,120 | 2,346 |
|
|
4047
|
+
| \`stat\` | 23,162 | 8,884 | 7,882 | 1,900 | 649 | 247 |
|
|
4048
|
+
| \`steps\` | 49,762 | 17,165 | 15,302 | 11,763 | 3,174 | 2,333 |
|
|
4049
|
+
| \`switch\` | 40,329 | 13,762 | 12,287 | 1,964 | 754 | 361 |
|
|
4050
|
+
| \`table\` | 95,219 | 29,655 | 26,088 | 33,732 | 9,006 | 7,070 |
|
|
4051
|
+
| \`tabs\` | 39,616 | 13,733 | 12,216 | 5,919 | 1,622 | 983 |
|
|
4052
|
+
| \`tag\` | 41,359 | 15,186 | 13,557 | 6,712 | 2,003 | 1,280 |
|
|
4053
|
+
| \`textarea\` | 45,236 | 15,332 | 13,684 | 5,556 | 1,726 | 1,078 |
|
|
4054
|
+
| \`time-input\` | 162,264 | 49,492 | 42,968 | 47,415 | 11,715 | 9,092 |
|
|
4055
|
+
| \`time-picker\` | 93,705 | 29,392 | 25,984 | 30,447 | 7,907 | 6,176 |
|
|
4056
|
+
| \`timeline\` | 25,225 | 9,450 | 8,406 | 3,154 | 810 | 448 |
|
|
4057
|
+
| \`toast\` | 48,431 | 17,309 | 15,363 | 9,402 | 2,832 | 2,019 |
|
|
4058
|
+
| \`toggle\` | 43,650 | 14,409 | 12,784 | 5,559 | 1,698 | 1,014 |
|
|
4059
|
+
| \`toolbar\` | 32,568 | 12,127 | 10,832 | 5,486 | 1,813 | 1,093 |
|
|
4060
|
+
| \`tooltip\` | 58,293 | 20,976 | 18,654 | 8,512 | 2,435 | 1,686 |
|
|
4061
|
+
| \`tour\` | 81,942 | 28,030 | 24,876 | 17,717 | 4,712 | 3,670 |
|
|
4062
|
+
| \`tree\` | 64,952 | 21,733 | 19,377 | 14,482 | 3,996 | 3,095 |
|
|
4063
|
+
| \`trend\` | 30,239 | 11,784 | 10,494 | 3,821 | 1,241 | 723 |
|
|
4064
|
+
| \`video\` | 124,145 | 39,100 | 34,224 | 52,551 | 12,985 | 10,320 |
|
|
4065
|
+
| \`video-playlist\` | 93,433 | 30,729 | 27,141 | 26,727 | 6,480 | 5,076 |
|
|
4066
|
+
| \`virtual-list\` | 50,312 | 17,586 | 15,677 | 11,983 | 3,703 | 2,832 |
|
|
4067
4067
|
|
|
4068
4068
|
### Styled tier
|
|
4069
4069
|
|
|
@@ -4071,110 +4071,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
4071
4071
|
|
|
4072
4072
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4073
4073
|
|---|---|---|---|---|---|---|
|
|
4074
|
-
| \`accordion\` | 36,375 | 12,705 | 11,
|
|
4075
|
-
| \`announcement\` | 43,284 | 14,971 | 13,
|
|
4076
|
-
| \`app-header\` | 27,494 | 9,972 | 8,812 | 6,110 | 1,703 | 1,
|
|
4077
|
-
| \`area-chart\` | 92,825 | 31,
|
|
4078
|
-
| \`aura\` | 51,161 | 17,647 | 15,
|
|
4079
|
-
| \`avatar\` | 34,926 | 12,608 | 11,
|
|
4080
|
-
| \`badge\` | 31,874 | 11,537 | 10,
|
|
4081
|
-
| \`bar-chart\` | 101,443 | 33,811 | 29,
|
|
4082
|
-
| \`blockquote\` | 26,126 | 9,890 | 8,
|
|
4083
|
-
| \`breadcrumbs\` | 40,166 | 14,288 | 12,
|
|
4084
|
-
| \`button\` | 44,670 | 14,891 | 13,
|
|
4085
|
-
| \`button-group\` | 30,123 | 10,751 | 9,
|
|
4086
|
-
| \`callout\` | 35,404 | 12,933 | 11,
|
|
4087
|
-
| \`canvas\` | 118,408 | 34,934 | 30,
|
|
4088
|
-
| \`card\` | 27,090 | 9,877 | 8,
|
|
4089
|
-
| \`carousel\` | 54,039 | 17,234 | 15,
|
|
4090
|
-
| \`chat\` | 84,259 | 26,013 | 23,
|
|
4074
|
+
| \`accordion\` | 36,375 | 12,705 | 11,289 | 9,776 | 2,548 | 1,879 |
|
|
4075
|
+
| \`announcement\` | 43,284 | 14,971 | 13,379 | 9,789 | 2,603 | 1,913 |
|
|
4076
|
+
| \`app-header\` | 27,494 | 9,972 | 8,812 | 6,110 | 1,703 | 1,142 |
|
|
4077
|
+
| \`area-chart\` | 92,825 | 31,848 | 28,149 | 21,855 | 5,896 | 4,723 |
|
|
4078
|
+
| \`aura\` | 51,161 | 17,647 | 15,636 | 28,069 | 8,692 | 7,328 |
|
|
4079
|
+
| \`avatar\` | 34,926 | 12,608 | 11,282 | 8,222 | 2,152 | 1,553 |
|
|
4080
|
+
| \`badge\` | 31,874 | 11,537 | 10,278 | 8,348 | 2,070 | 1,508 |
|
|
4081
|
+
| \`bar-chart\` | 101,443 | 33,811 | 29,889 | 30,092 | 7,782 | 6,323 |
|
|
4082
|
+
| \`blockquote\` | 26,126 | 9,890 | 8,737 | 4,680 | 1,472 | 954 |
|
|
4083
|
+
| \`breadcrumbs\` | 40,166 | 14,288 | 12,750 | 12,631 | 3,242 | 2,551 |
|
|
4084
|
+
| \`button\` | 44,670 | 14,891 | 13,289 | 12,180 | 2,994 | 2,187 |
|
|
4085
|
+
| \`button-group\` | 30,123 | 10,751 | 9,572 | 7,824 | 2,057 | 1,394 |
|
|
4086
|
+
| \`callout\` | 35,404 | 12,933 | 11,476 | 5,371 | 1,551 | 1,090 |
|
|
4087
|
+
| \`canvas\` | 118,408 | 34,934 | 30,571 | 78,366 | 21,258 | 17,509 |
|
|
4088
|
+
| \`card\` | 27,090 | 9,877 | 8,746 | 5,849 | 1,621 | 1,102 |
|
|
4089
|
+
| \`carousel\` | 54,039 | 17,234 | 15,412 | 26,183 | 5,959 | 4,819 |
|
|
4090
|
+
| \`chat\` | 84,259 | 26,013 | 23,120 | 35,772 | 8,837 | 7,065 |
|
|
4091
4091
|
| \`checkbox\` | 48,304 | 15,478 | 13,866 | 10,204 | 2,569 | 1,907 |
|
|
4092
|
-
| \`checkbox-group\` | 55,999 | 17,341 | 15,
|
|
4093
|
-
| \`code\` | 21,438 | 8,350 | 7,
|
|
4094
|
-
| \`code-block\` | 113,767 | 34,690 | 30,
|
|
4095
|
-
| \`color-input\` | 172,783 | 47,795 | 41,
|
|
4096
|
-
| \`color-picker\` | 128,267 | 34,963 | 30,
|
|
4097
|
-
| \`combobox\` | 155,099 | 45,804 | 40,
|
|
4098
|
-
| \`command\` | 108,401 | 32,341 | 28,
|
|
4099
|
-
| \`copy-button\` | 95,541 | 30,302 | 26,
|
|
4100
|
-
| \`data-table\` | 267,314 | 74,154 | 61,
|
|
4101
|
-
| \`date-input\` | 154,203 | 44,767 | 39,
|
|
4102
|
-
| \`date-picker\` | 62,302 | 19,754 | 17,
|
|
4103
|
-
| \`description-list\` | 26,911 | 9,597 | 8,
|
|
4104
|
-
| \`dialog\` | 45,463 | 15,531 | 13,
|
|
4105
|
-
| \`divider\` | 25,331 | 9,485 | 8,
|
|
4106
|
-
| \`donut-chart\` | 94,288 | 31,729 | 28,
|
|
4107
|
-
| \`drawer\` | 49,055 | 16,710 | 14,
|
|
4108
|
-
| \`drilldown\` | 48,115 | 16,105 | 14,
|
|
4109
|
-
| \`empty\` | 25,447 | 9,638 | 8,
|
|
4110
|
-
| \`file-input\` | 78,755 | 24,723 | 21,
|
|
4111
|
-
| \`filter-input\` | 158,922 | 44,637 | 39,
|
|
4112
|
-
| \`flex\` | 25,850 | 9,251 | 8,
|
|
4113
|
-
| \`format-date\` | 29,553 | 11,019 | 9,
|
|
4114
|
-
| \`graph\` | 82,121 | 24,867 | 22,
|
|
4115
|
-
| \`grid\` | 27,105 | 9,903 | 8,
|
|
4116
|
-
| \`heatmap\` | 98,999 | 33,151 | 29,
|
|
4117
|
-
| \`icon\` | 81,303 | 27,683 | 23,
|
|
4118
|
-
| \`icon-button\` | 46,452 | 14,
|
|
4119
|
-
| \`image\` | 27,289 | 10,006 | 8,887 | 5,868 | 1,771 | 1,
|
|
4120
|
-
| \`input\` | 52,358 | 17,477 | 15,
|
|
4121
|
-
| \`kbd\` | 28,870 | 10,750 | 9,
|
|
4122
|
-
| \`legend\` | 38,088 | 13,437 | 11,
|
|
4123
|
-
| \`lightbox\` | 57,810 | 18,527 | 16,
|
|
4124
|
-
| \`line-chart\` | 96,681 | 32,507 | 28,
|
|
4125
|
-
| \`list\` | 64,672 | 21,788 | 19,
|
|
4126
|
-
| \`listbox\` | 82,102 | 26,213 | 23,
|
|
4127
|
-
| \`loader\` | 30,702 | 11,284 | 10,
|
|
4128
|
-
| \`map\` | 118,769 | 30,286 | 26,
|
|
4129
|
-
| \`megamenu\` | 64,392 | 22,605 |
|
|
4130
|
-
| \`menu\` | 94,439 | 30,597 | 27,
|
|
4131
|
-
| \`meter\` | 38,535 | 13,536 | 12,
|
|
4132
|
-
| \`navigation\` | 34,563 | 12,819 | 11,
|
|
4133
|
-
| \`notifications\` | 69,087 | 20,539 | 18,
|
|
4134
|
-
| \`number-input\` | 58,471 | 19,231 | 17,
|
|
4135
|
-
| \`object-inspector\` | 130,426 | 40,564 | 35,
|
|
4136
|
-
| \`option\` | 29,385 | 10,379 | 9,
|
|
4137
|
-
| \`orb\` | 35,918 | 13,782 | 12,285 | 9,423 | 3,492 | 2,
|
|
4138
|
-
| \`outline\` | 38,036 | 13,461 |
|
|
4139
|
-
| \`pagination\` | 152,420 | 45,162 | 39,
|
|
4140
|
-
| \`pin-input\` | 51,283 | 17,406 | 15,
|
|
4141
|
-
| \`popover\` | 66,227 | 23,427 | 20,
|
|
4142
|
-
| \`progress\` | 33,851 | 12,117 | 10,
|
|
4143
|
-
| \`qr-code\` | 45,181 | 17,347 | 15,
|
|
4144
|
-
| \`quote\` | 22,676 | 8,850 | 7,
|
|
4145
|
-
| \`radio\` | 51,603 | 16,019 | 14,
|
|
4146
|
-
| \`rating\` | 54,717 | 18,515 | 16,
|
|
4147
|
-
| \`sandbox\` | 75,603 | 21,919 | 19,
|
|
4148
|
-
| \`scatter-chart\` | 94,980 | 32,154 | 28,
|
|
4149
|
-
| \`scroll-area\` | 35,799 | 12,062 | 10,803 | 14,173 | 3,605 | 2,
|
|
4150
|
-
| \`select\` | 130,389 | 40,272 | 35,
|
|
4151
|
-
| \`skeleton\` | 25,250 | 9,379 | 8,
|
|
4152
|
-
| \`skip-link\` | 27,312 | 10,455 | 9,
|
|
4153
|
-
| \`slider\` | 61,484 | 18,430 | 16,
|
|
4154
|
-
| \`sparkline\` | 50,171 | 18,013 | 16,
|
|
4155
|
-
| \`speed-dial\` | 75,502 | 25,745 | 22,
|
|
4156
|
-
| \`splitter\` | 46,272 | 14,
|
|
4157
|
-
| \`stat\` | 26,709 | 9,615 | 8,
|
|
4158
|
-
| \`steps\` | 64,872 | 20,005 | 17,
|
|
4159
|
-
| \`switch\` | 45,017 | 14,936 | 13,
|
|
4160
|
-
| \`table\` | 111,816 | 32,491 | 28,
|
|
4161
|
-
| \`tabs\` | 47,906 | 15,383 | 13,
|
|
4162
|
-
| \`tag\` | 46,453 | 16,325 | 14,
|
|
4163
|
-
| \`text\` | 28,851 | 9,993 | 8,
|
|
4164
|
-
| \`textarea\` | 49,489 | 16,360 | 14,
|
|
4165
|
-
| \`time-input\` | 187,913 | 53,735 | 46,
|
|
4166
|
-
| \`time-picker\` | 106,925 | 31,849 | 28,
|
|
4167
|
-
| \`timeline\` | 32,421 | 10,856 | 9,
|
|
4168
|
-
| \`toast\` | 56,963 | 19,202 | 17,
|
|
4169
|
-
| \`toggle\` | 49,064 | 15,
|
|
4170
|
-
| \`toolbar\` | 35,586 | 12,637 | 11,
|
|
4171
|
-
| \`tooltip\` | 61,441 | 21,
|
|
4172
|
-
| \`tour\` | 93,317 | 30,
|
|
4173
|
-
| \`tree\` | 74,370 | 23,738 | 21,
|
|
4174
|
-
| \`trend\` | 32,091 | 12,277 | 10,
|
|
4175
|
-
| \`video\` | 145,281 | 42,885 | 37,
|
|
4176
|
-
| \`video-playlist\` | 109,937 | 33,569 | 29,
|
|
4177
|
-
| \`virtual-list\` | 52,016 | 18,025 | 16,
|
|
4092
|
+
| \`checkbox-group\` | 55,999 | 17,341 | 15,486 | 16,779 | 4,071 | 3,126 |
|
|
4093
|
+
| \`code\` | 21,438 | 8,350 | 7,394 | 1,534 | 514 | 208 |
|
|
4094
|
+
| \`code-block\` | 113,767 | 34,690 | 30,790 | 47,580 | 10,521 | 8,543 |
|
|
4095
|
+
| \`color-input\` | 172,783 | 47,795 | 41,949 | 87,904 | 17,984 | 14,860 |
|
|
4096
|
+
| \`color-picker\` | 128,267 | 34,963 | 30,864 | 74,046 | 15,661 | 12,902 |
|
|
4097
|
+
| \`combobox\` | 155,099 | 45,804 | 40,290 | 58,175 | 13,048 | 10,499 |
|
|
4098
|
+
| \`command\` | 108,401 | 32,341 | 28,412 | 41,556 | 10,006 | 8,020 |
|
|
4099
|
+
| \`copy-button\` | 95,541 | 30,302 | 26,858 | 31,234 | 6,978 | 5,486 |
|
|
4100
|
+
| \`data-table\` | 267,314 | 74,154 | 61,238 | 158,565 | 37,682 | 28,416 |
|
|
4101
|
+
| \`date-input\` | 154,203 | 44,767 | 39,335 | 57,425 | 12,505 | 10,211 |
|
|
4102
|
+
| \`date-picker\` | 62,302 | 19,754 | 17,676 | 24,818 | 5,809 | 4,571 |
|
|
4103
|
+
| \`description-list\` | 26,911 | 9,597 | 8,541 | 5,841 | 1,486 | 965 |
|
|
4104
|
+
| \`dialog\` | 45,463 | 15,531 | 13,836 | 11,419 | 3,049 | 2,289 |
|
|
4105
|
+
| \`divider\` | 25,331 | 9,485 | 8,399 | 4,013 | 1,168 | 753 |
|
|
4106
|
+
| \`donut-chart\` | 94,288 | 31,729 | 28,135 | 24,748 | 6,429 | 5,202 |
|
|
4107
|
+
| \`drawer\` | 49,055 | 16,710 | 14,932 | 12,230 | 3,288 | 2,505 |
|
|
4108
|
+
| \`drilldown\` | 48,115 | 16,105 | 14,353 | 14,232 | 3,497 | 2,606 |
|
|
4109
|
+
| \`empty\` | 25,447 | 9,638 | 8,521 | 3,582 | 1,187 | 743 |
|
|
4110
|
+
| \`file-input\` | 78,755 | 24,723 | 21,969 | 30,256 | 7,538 | 6,074 |
|
|
4111
|
+
| \`filter-input\` | 158,922 | 44,637 | 39,072 | 73,928 | 15,418 | 12,469 |
|
|
4112
|
+
| \`flex\` | 25,850 | 9,251 | 8,195 | 5,154 | 1,191 | 703 |
|
|
4113
|
+
| \`format-date\` | 29,553 | 11,019 | 9,820 | 4,880 | 1,455 | 897 |
|
|
4114
|
+
| \`graph\` | 82,121 | 24,867 | 22,056 | 31,770 | 7,761 | 6,340 |
|
|
4115
|
+
| \`grid\` | 27,105 | 9,903 | 8,801 | 6,021 | 1,604 | 1,162 |
|
|
4116
|
+
| \`heatmap\` | 98,999 | 33,151 | 29,368 | 24,753 | 6,402 | 5,192 |
|
|
4117
|
+
| \`icon\` | 81,303 | 27,683 | 23,638 | 57,761 | 19,488 | 15,620 |
|
|
4118
|
+
| \`icon-button\` | 46,452 | 14,879 | 13,310 | 13,963 | 3,010 | 2,201 |
|
|
4119
|
+
| \`image\` | 27,289 | 10,006 | 8,887 | 5,868 | 1,771 | 1,247 |
|
|
4120
|
+
| \`input\` | 52,358 | 17,477 | 15,443 | 12,104 | 3,511 | 2,616 |
|
|
4121
|
+
| \`kbd\` | 28,870 | 10,750 | 9,506 | 5,917 | 1,768 | 1,119 |
|
|
4122
|
+
| \`legend\` | 38,088 | 13,437 | 11,911 | 8,571 | 2,359 | 1,730 |
|
|
4123
|
+
| \`lightbox\` | 57,810 | 18,527 | 16,460 | 21,187 | 5,091 | 3,928 |
|
|
4124
|
+
| \`line-chart\` | 96,681 | 32,507 | 28,810 | 25,504 | 6,484 | 5,293 |
|
|
4125
|
+
| \`list\` | 64,672 | 21,788 | 19,438 | 19,053 | 4,985 | 4,023 |
|
|
4126
|
+
| \`listbox\` | 82,102 | 26,213 | 23,199 | 22,442 | 5,882 | 4,637 |
|
|
4127
|
+
| \`loader\` | 30,702 | 11,284 | 10,077 | 5,874 | 1,746 | 1,175 |
|
|
4128
|
+
| \`map\` | 118,769 | 30,286 | 26,399 | 76,731 | 15,938 | 12,740 |
|
|
4129
|
+
| \`megamenu\` | 64,392 | 22,605 | 20,031 | 13,339 | 3,428 | 2,588 |
|
|
4130
|
+
| \`menu\` | 94,439 | 30,597 | 27,066 | 29,592 | 6,789 | 5,457 |
|
|
4131
|
+
| \`meter\` | 38,535 | 13,536 | 12,120 | 11,502 | 2,811 | 2,317 |
|
|
4132
|
+
| \`navigation\` | 34,563 | 12,819 | 11,445 | 3,898 | 1,274 | 753 |
|
|
4133
|
+
| \`notifications\` | 69,087 | 20,539 | 18,335 | 32,111 | 7,082 | 5,824 |
|
|
4134
|
+
| \`number-input\` | 58,471 | 19,231 | 17,171 | 15,701 | 4,021 | 3,040 |
|
|
4135
|
+
| \`object-inspector\` | 130,426 | 40,564 | 35,729 | 52,198 | 12,735 | 10,082 |
|
|
4136
|
+
| \`option\` | 29,385 | 10,379 | 9,225 | 7,818 | 1,952 | 1,325 |
|
|
4137
|
+
| \`orb\` | 35,918 | 13,782 | 12,285 | 9,423 | 3,492 | 2,882 |
|
|
4138
|
+
| \`outline\` | 38,036 | 13,461 | 12,039 | 11,299 | 3,040 | 2,262 |
|
|
4139
|
+
| \`pagination\` | 152,420 | 45,162 | 39,387 | 64,178 | 14,642 | 11,669 |
|
|
4140
|
+
| \`pin-input\` | 51,283 | 17,406 | 15,542 | 10,717 | 3,193 | 2,367 |
|
|
4141
|
+
| \`popover\` | 66,227 | 23,427 | 20,821 | 9,114 | 2,485 | 1,688 |
|
|
4142
|
+
| \`progress\` | 33,851 | 12,117 | 10,812 | 8,734 | 2,300 | 1,859 |
|
|
4143
|
+
| \`qr-code\` | 45,181 | 17,347 | 15,415 | 19,258 | 6,816 | 5,628 |
|
|
4144
|
+
| \`quote\` | 22,676 | 8,850 | 7,814 | 1,972 | 761 | 305 |
|
|
4145
|
+
| \`radio\` | 51,603 | 16,019 | 14,291 | 12,559 | 2,775 | 2,066 |
|
|
4146
|
+
| \`rating\` | 54,717 | 18,515 | 16,552 | 12,259 | 3,599 | 2,731 |
|
|
4147
|
+
| \`sandbox\` | 75,603 | 21,919 | 19,489 | 43,353 | 10,049 | 8,105 |
|
|
4148
|
+
| \`scatter-chart\` | 94,980 | 32,154 | 28,457 | 24,865 | 6,682 | 5,342 |
|
|
4149
|
+
| \`scroll-area\` | 35,799 | 12,062 | 10,803 | 14,173 | 3,605 | 2,702 |
|
|
4150
|
+
| \`select\` | 130,389 | 40,272 | 35,256 | 42,758 | 10,018 | 7,925 |
|
|
4151
|
+
| \`skeleton\` | 25,250 | 9,379 | 8,337 | 4,175 | 1,234 | 725 |
|
|
4152
|
+
| \`skip-link\` | 27,312 | 10,455 | 9,278 | 3,442 | 1,143 | 730 |
|
|
4153
|
+
| \`slider\` | 61,484 | 18,430 | 16,556 | 21,816 | 4,437 | 3,616 |
|
|
4154
|
+
| \`sparkline\` | 50,171 | 18,013 | 16,099 | 11,712 | 3,454 | 2,668 |
|
|
4155
|
+
| \`speed-dial\` | 75,502 | 25,745 | 22,868 | 17,209 | 3,868 | 2,995 |
|
|
4156
|
+
| \`splitter\` | 46,272 | 14,820 | 13,251 | 18,442 | 4,180 | 3,347 |
|
|
4157
|
+
| \`stat\` | 26,709 | 9,615 | 8,588 | 5,435 | 1,405 | 904 |
|
|
4158
|
+
| \`steps\` | 64,872 | 20,005 | 17,796 | 26,859 | 5,929 | 4,825 |
|
|
4159
|
+
| \`switch\` | 45,017 | 14,936 | 13,316 | 6,636 | 1,923 | 1,288 |
|
|
4160
|
+
| \`table\` | 111,816 | 32,491 | 28,637 | 50,325 | 11,840 | 9,597 |
|
|
4161
|
+
| \`tabs\` | 47,906 | 15,383 | 13,686 | 14,203 | 3,182 | 2,409 |
|
|
4162
|
+
| \`tag\` | 46,453 | 16,325 | 14,642 | 11,788 | 3,070 | 2,264 |
|
|
4163
|
+
| \`text\` | 28,851 | 9,993 | 8,838 | 7,770 | 1,656 | 1,114 |
|
|
4164
|
+
| \`textarea\` | 49,489 | 16,360 | 14,619 | 9,791 | 2,668 | 1,963 |
|
|
4165
|
+
| \`time-input\` | 187,913 | 53,735 | 46,776 | 73,041 | 16,059 | 12,901 |
|
|
4166
|
+
| \`time-picker\` | 106,925 | 31,849 | 28,094 | 43,656 | 10,411 | 8,258 |
|
|
4167
|
+
| \`timeline\` | 32,421 | 10,856 | 9,616 | 10,340 | 2,226 | 1,599 |
|
|
4168
|
+
| \`toast\` | 56,963 | 19,202 | 17,060 | 17,920 | 4,665 | 3,798 |
|
|
4169
|
+
| \`toggle\` | 49,064 | 15,667 | 13,913 | 10,961 | 2,872 | 2,151 |
|
|
4170
|
+
| \`toolbar\` | 35,586 | 12,637 | 11,275 | 8,487 | 2,293 | 1,612 |
|
|
4171
|
+
| \`tooltip\` | 61,441 | 21,739 | 19,278 | 11,642 | 3,152 | 2,430 |
|
|
4172
|
+
| \`tour\` | 93,317 | 30,120 | 26,757 | 29,075 | 6,820 | 5,365 |
|
|
4173
|
+
| \`tree\` | 74,370 | 23,738 | 21,109 | 23,875 | 5,921 | 4,763 |
|
|
4174
|
+
| \`trend\` | 32,091 | 12,277 | 10,982 | 5,654 | 1,708 | 1,139 |
|
|
4175
|
+
| \`video\` | 145,281 | 42,885 | 37,562 | 73,670 | 16,791 | 13,682 |
|
|
4176
|
+
| \`video-playlist\` | 109,937 | 33,569 | 29,655 | 43,216 | 9,393 | 7,574 |
|
|
4177
|
+
| \`virtual-list\` | 52,016 | 18,025 | 16,066 | 13,669 | 4,099 | 3,165 |
|
|
4178
4178
|
|
|
4179
4179
|
## What an install adds to \`node_modules\`
|
|
4180
4180
|
|
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.149.
|
|
4
|
+
"version": "0.149.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix": "0.149.
|
|
40
|
-
"@fusion.dev/helix-cem": "0.149.
|
|
41
|
-
"@fusion.dev/helix-headless": "0.149.
|
|
42
|
-
"@fusion.dev/helix-icons": "0.149.
|
|
43
|
-
"@fusion.dev/helix-map": "0.149.
|
|
44
|
-
"@fusion.dev/helix-styles": "0.149.
|
|
45
|
-
"@fusion.dev/helix-testing": "0.149.
|
|
46
|
-
"@fusion.dev/helix-theme": "0.149.
|
|
39
|
+
"@fusion.dev/helix": "0.149.1",
|
|
40
|
+
"@fusion.dev/helix-cem": "0.149.1",
|
|
41
|
+
"@fusion.dev/helix-headless": "0.149.1",
|
|
42
|
+
"@fusion.dev/helix-icons": "0.149.1",
|
|
43
|
+
"@fusion.dev/helix-map": "0.149.1",
|
|
44
|
+
"@fusion.dev/helix-styles": "0.149.1",
|
|
45
|
+
"@fusion.dev/helix-testing": "0.149.1",
|
|
46
|
+
"@fusion.dev/helix-theme": "0.149.1",
|
|
47
47
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
48
48
|
"lit": "^3.2.1",
|
|
49
|
-
"playwright": "^1.
|
|
49
|
+
"playwright": "^1.63.0"
|
|
50
50
|
},
|
|
51
51
|
"homepage": "https://fusion.dev",
|
|
52
52
|
"keywords": [
|