@fusion.dev/helix-docs 0.221.0 → 0.222.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/metrics.mdx +255 -255
- package/dist/sources.generated.js +255 -255
- package/package.json +12 -12
package/content/metrics.mdx
CHANGED
|
@@ -48,7 +48,7 @@ on its own.
|
|
|
48
48
|
|
|
49
49
|
| | Raw | Gzip | Brotli |
|
|
50
50
|
|---|---|---|---|
|
|
51
|
-
| Lit and `@fusion.dev/helix-core` |
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 307,620 | 96,935 | 82,945 |
|
|
52
52
|
|
|
53
53
|
## Whole packages
|
|
54
54
|
|
|
@@ -59,12 +59,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
59
59
|
|
|
60
60
|
| Package | Raw | Gzip | Brotli | |
|
|
61
61
|
|---|---|---|---|---|
|
|
62
|
-
| `@fusion.dev/helix-core` |
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,
|
|
62
|
+
| `@fusion.dev/helix-core` | 306,829 | 96,750 | 82,530 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,673,386 | 460,317 | 347,635 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 68,014 | 21,684 | 18,012 | The whole glyph set. |
|
|
65
65
|
| `@fusion.dev/helix-theme` | 4,022 | 1,720 | 1,541 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
66
66
|
| `fusion_helix_theme_bg.wasm` | 412,026 | 152,285 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
67
|
-
| `@fusion.dev/helix` | 2,
|
|
67
|
+
| `@fusion.dev/helix` | 2,466,898 | 630,946 | 452,046 | Every styled family. |
|
|
68
68
|
| `lit` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
69
69
|
|
|
70
70
|
## Stylesheets
|
|
@@ -85,13 +85,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
85
85
|
|
|
86
86
|
## What the numbers say
|
|
87
87
|
|
|
88
|
-
**Most of your first component is the shared runtime.** The median styled family is 21,
|
|
88
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,801 bytes gzipped alone, and it adds 4,872 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
89
89
|
|
|
90
|
-
Across the 122 styled components, the smallest is `code` at 9,733 bytes gzipped alone, and the largest is `data-table` at
|
|
90
|
+
Across the 122 styled components, the smallest is `code` at 9,733 bytes gzipped alone, and the largest is `data-table` at 71,647. Every family together is 630,946.
|
|
91
91
|
|
|
92
|
-
No family imports a barrel. The `barrels` rule in `fusion x workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs
|
|
92
|
+
No family imports a barrel. The `barrels` rule in `fusion x workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 460,317 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 122 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.
|
|
93
93
|
|
|
94
|
-
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 20,
|
|
94
|
+
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 20,597 bytes gzipped alone.
|
|
95
95
|
|
|
96
96
|
## Compared with other systems
|
|
97
97
|
|
|
@@ -103,43 +103,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
103
103
|
|
|
104
104
|
| Component | System | Raw | Gzip | Brotli |
|
|
105
105
|
|---|---|---|---|---|
|
|
106
|
-
| `button` | **Helix** | 47,115 | 15,724 | 14,
|
|
106
|
+
| `button` | **Helix** | 47,115 | 15,724 | 14,133 |
|
|
107
107
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
108
108
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
109
109
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
110
110
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
111
|
-
| `checkbox` | **Helix** | 51,825 | 16,807 | 15,
|
|
111
|
+
| `checkbox` | **Helix** | 51,825 | 16,807 | 15,085 |
|
|
112
112
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
113
113
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
114
114
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
115
115
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
116
|
-
| `dialog` | **Helix** | 48,335 | 16,368 | 14,
|
|
116
|
+
| `dialog` | **Helix** | 48,335 | 16,368 | 14,722 |
|
|
117
117
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
118
118
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
119
119
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
120
120
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
121
|
-
| `radio` | **Helix** | 54,658 | 17,
|
|
121
|
+
| `radio` | **Helix** | 54,658 | 17,359 | 15,559 |
|
|
122
122
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
123
123
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
124
124
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
125
125
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
126
|
-
| `switch` | **Helix** | 48,654 | 16,303 | 14,
|
|
126
|
+
| `switch` | **Helix** | 48,654 | 16,303 | 14,640 |
|
|
127
127
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
128
128
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
129
129
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
130
130
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
131
|
-
| `tabs` | **Helix** | 61,069 | 19,
|
|
131
|
+
| `tabs` | **Helix** | 61,069 | 19,405 | 17,454 |
|
|
132
132
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
133
133
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
134
134
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
135
135
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
136
|
-
| `tooltip` | **Helix** | 67,354 | 23,
|
|
136
|
+
| `tooltip` | **Helix** | 67,354 | 23,591 | 21,222 |
|
|
137
137
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
138
138
|
| | Material Web | | not shipped | |
|
|
139
139
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
140
140
|
| | Web Awesome | 70,568 | 24,005 | 21,107 |
|
|
141
141
|
|
|
142
|
-
At least one system is smaller than Helix on `button`, `checkbox`, `dialog`, `radio`, `switch`, `tabs`. The largest gap is radio against Spectrum, at 6,
|
|
142
|
+
At least one system is smaller than Helix on `button`, `checkbox`, `dialog`, `radio`, `switch`, `tabs`. The largest gap is radio against Spectrum, at 6,699 bytes gzipped. 13 of 27 peer measurements are smaller than the Helix row.
|
|
143
143
|
|
|
144
144
|
Helix's `radio` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
145
145
|
|
|
@@ -213,120 +213,120 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
213
213
|
|
|
214
214
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
215
215
|
|---|---|---|---|---|---|---|
|
|
216
|
-
| `accordion` | 36,249 | 13,
|
|
217
|
-
| `announcement` | 40,862 | 14,
|
|
218
|
-
| `app-header` | 36,395 | 13,257 | 11,
|
|
219
|
-
| `area-chart` | 110,349 | 38,275 | 34,
|
|
220
|
-
| `avatar` | 35,444 | 13,264 |
|
|
221
|
-
| `badge` | 31,681 | 12,042 | 10,
|
|
222
|
-
| `bar-chart` | 118,370 | 40,
|
|
223
|
-
| `blockquote` | 28,258 | 10,798 | 9,
|
|
224
|
-
| `breadcrumbs` | 41,360 | 15,
|
|
225
|
-
| `button` | 40,609 | 14,319 | 12,
|
|
226
|
-
| `button-group` | 32,150 | 11,807 | 10,
|
|
227
|
-
| `callout` | 39,513 | 14,942 | 13,
|
|
228
|
-
| `canvas` | 178,196 | 55,660 | 48,
|
|
229
|
-
| `card` | 27,975 | 10,465 | 9,
|
|
230
|
-
| `carousel` | 48,676 | 17,118 | 15,
|
|
231
|
-
| `chat` |
|
|
232
|
-
| `checkbox` | 45,348 | 15,333 | 13,
|
|
233
|
-
| `checkbox-group` | 52,546 | 17,192 | 15,
|
|
234
|
-
| `code` | 24,448 | 9,430 | 8,
|
|
235
|
-
| `code-block` | 112,454 | 37,834 | 33,
|
|
236
|
-
| `code-editor` | 100,650 | 31,304 | 27,
|
|
237
|
-
| `code-input` |
|
|
238
|
-
| `color-input` | 148,596 | 46,980 | 41,
|
|
239
|
-
| `color-picker` | 109,920 | 34,751 | 30,
|
|
240
|
-
| `combobox` |
|
|
241
|
-
| `command` |
|
|
242
|
-
| `copy-button` | 87,833 | 29,786 | 26,
|
|
243
|
-
| `data-table` |
|
|
244
|
-
| `date-input` | 146,579 | 45,805 | 40,
|
|
245
|
-
| `date-picker` | 66,650 | 22,
|
|
246
|
-
| `description-list` | 27,049 | 10,165 | 9,
|
|
247
|
-
| `device-screen` | 121,255 | 38,
|
|
248
|
-
| `dialog` | 42,577 | 15,038 | 13,
|
|
249
|
-
| `divider` | 27,503 | 10,399 | 9,
|
|
250
|
-
| `donut-chart` | 103,708 | 35,681 | 31,
|
|
251
|
-
| `drawer` | 47,059 | 16,454 | 14,
|
|
252
|
-
| `drilldown` | 46,798 | 16,
|
|
253
|
-
| `editor` | 176,430 | 53,602 | 46,
|
|
254
|
-
| `empty` | 28,586 | 10,
|
|
255
|
-
| `file-input` | 62,360 | 21,394 | 19,
|
|
256
|
-
| `filter-input` |
|
|
257
|
-
| `find` | 77,004 | 25,520 | 22,
|
|
258
|
-
| `format-date` | 34,772 | 12,811 | 11,
|
|
259
|
-
| `graph` | 144,814 | 45,608 | 39,
|
|
260
|
-
| `heatmap` | 112,781 | 38,050 | 33,
|
|
261
|
-
| `icon` | 98,587 | 33,273 | 28,
|
|
262
|
-
| `icon-button` | 40,715 | 14,342 | 12,
|
|
263
|
-
| `image` | 29,952 | 10,991 | 9,
|
|
264
|
-
| `input` |
|
|
265
|
-
| `kbd` | 32,753 | 12,
|
|
266
|
-
| `legend` | 43,554 | 15,483 | 13,
|
|
267
|
-
| `lightbox` | 60,461 | 20,320 | 18,
|
|
268
|
-
| `line-chart` | 113,352 | 39,144 | 34,
|
|
269
|
-
| `list` | 66,141 | 22,766 | 20,
|
|
270
|
-
| `listbox` |
|
|
271
|
-
| `loader` | 30,911 | 11,578 | 10,
|
|
272
|
-
| `log` | 89,075 | 29,
|
|
273
|
-
| `map` | 157,108 | 46,680 | 40,
|
|
274
|
-
| `markdown` | 139,161 | 46,880 | 41,
|
|
275
|
-
| `megamenu` | 64,709 | 23,080 | 20,
|
|
276
|
-
| `menu` | 104,714 | 34,
|
|
277
|
-
| `meter` | 37,733 | 13,875 | 12,
|
|
278
|
-
| `motion-toggle` | 29,880 | 11,
|
|
279
|
-
| `navigation` | 37,237 | 13,
|
|
280
|
-
| `notifications` | 62,751 | 21,147 | 19,
|
|
281
|
-
| `number-input` | 61,189 | 20,
|
|
282
|
-
| `object-inspector` | 123,135 | 40,
|
|
283
|
-
| `option` | 30,624 | 11,141 | 10,039 | 4,
|
|
284
|
-
| `outline` | 38,181 | 14,
|
|
285
|
-
| `pagination` |
|
|
286
|
-
| `pin-input` | 52,429 | 18,113 | 16,
|
|
287
|
-
| `popover` | 68,441 | 24,182 | 21,
|
|
288
|
-
| `progress` | 32,788 | 12,
|
|
289
|
-
| `qr-code` | 47,144 | 17,973 | 16,
|
|
290
|
-
| `quote` | 26,667 | 10,
|
|
291
|
-
| `radio` | 46,884 | 15,862 | 14,
|
|
292
|
-
| `rating` | 55,176 | 18,
|
|
293
|
-
| `scatter-chart` | 109,769 | 37,
|
|
294
|
-
| `scroll-area` | 35,384 | 12,
|
|
295
|
-
| `select` |
|
|
296
|
-
| `shortcut-overlay` | 53,089 | 18,
|
|
297
|
-
| `skeleton` | 26,479 | 10,
|
|
298
|
-
| `skip-link` | 28,115 | 10,723 | 9,
|
|
299
|
-
| `slider` | 58,728 | 19,640 | 17,
|
|
300
|
-
| `sparkline` | 52,792 | 18,953 | 17,
|
|
301
|
-
| `spatial-bar-chart` | 125,100 | 43,682 | 38,
|
|
302
|
-
| `spatial-heatmap` | 128,149 | 43,
|
|
303
|
-
| `spatial-ribbon-chart` | 115,504 | 40,
|
|
304
|
-
| `spatial-scatter-chart` | 113,575 | 39,
|
|
305
|
-
| `spatial-surface-chart` | 116,507 | 40,560 | 36,
|
|
306
|
-
| `spatial-treemap` | 117,610 | 41,155 | 36,
|
|
307
|
-
| `speed-dial` | 73,135 | 25,
|
|
308
|
-
| `splitter` | 48,652 | 16,694 | 15,
|
|
309
|
-
| `stat` | 29,848 | 11,
|
|
310
|
-
| `steps` | 59,294 | 20,417 | 18,
|
|
311
|
-
| `switch` | 44,200 | 15,153 | 13,
|
|
312
|
-
| `table` | 124,760 | 38,
|
|
313
|
-
| `tabs` | 50,864 | 17,330 | 15,
|
|
314
|
-
| `tag` | 46,829 | 16,
|
|
315
|
-
| `terminal` | 140,189 | 44,
|
|
316
|
-
| `textarea` |
|
|
317
|
-
| `time-input` |
|
|
318
|
-
| `time-picker` |
|
|
319
|
-
| `timeline` | 35,983 | 13,
|
|
320
|
-
| `toast` | 73,507 | 24,
|
|
321
|
-
| `toggle` | 50,672 | 16,771 | 15,
|
|
322
|
-
| `toolbar` | 38,352 | 13,948 | 12,
|
|
323
|
-
| `tooltip` | 64,471 | 22,829 | 20,
|
|
324
|
-
| `tour` | 89,668 | 30,
|
|
325
|
-
| `tree` | 72,238 | 24,175 | 21,
|
|
326
|
-
| `trend` | 34,495 | 13,196 | 11,
|
|
327
|
-
| `video` | 149,977 | 46,
|
|
328
|
-
| `video-playlist` | 135,166 | 43,
|
|
329
|
-
| `virtual-list` | 71,136 | 23,617 | 21,
|
|
216
|
+
| `accordion` | 36,249 | 13,190 | 11,856 | 5,369 | 1,521 | 1,095 |
|
|
217
|
+
| `announcement` | 40,862 | 14,703 | 13,251 | 4,688 | 1,370 | 963 |
|
|
218
|
+
| `app-header` | 36,395 | 13,257 | 11,899 | 5,888 | 1,709 | 1,151 |
|
|
219
|
+
| `area-chart` | 110,349 | 38,275 | 34,137 | 14,791 | 4,548 | 3,642 |
|
|
220
|
+
| `avatar` | 35,444 | 13,264 | 11,991 | 3,992 | 1,195 | 1,001 |
|
|
221
|
+
| `badge` | 31,681 | 12,042 | 10,884 | 2,953 | 862 | 650 |
|
|
222
|
+
| `bar-chart` | 118,370 | 40,887 | 36,513 | 22,290 | 6,948 | 5,735 |
|
|
223
|
+
| `blockquote` | 28,258 | 10,798 | 9,725 | 2,400 | 866 | 656 |
|
|
224
|
+
| `breadcrumbs` | 41,360 | 15,512 | 14,043 | 7,765 | 2,458 | 1,942 |
|
|
225
|
+
| `button` | 40,609 | 14,319 | 12,904 | 5,479 | 1,585 | 1,154 |
|
|
226
|
+
| `button-group` | 32,150 | 11,807 | 10,625 | 4,920 | 1,421 | 1,075 |
|
|
227
|
+
| `callout` | 39,513 | 14,942 | 13,432 | 2,880 | 962 | 600 |
|
|
228
|
+
| `canvas` | 178,196 | 55,660 | 48,607 | 83,465 | 24,632 | 20,431 |
|
|
229
|
+
| `card` | 27,975 | 10,465 | 9,425 | 2,088 | 622 | 372 |
|
|
230
|
+
| `carousel` | 48,676 | 17,118 | 15,462 | 15,312 | 4,205 | 3,256 |
|
|
231
|
+
| `chat` | 140,205 | 45,516 | 40,265 | 43,274 | 11,996 | 9,438 |
|
|
232
|
+
| `checkbox` | 45,348 | 15,333 | 13,773 | 3,173 | 963 | 551 |
|
|
233
|
+
| `checkbox-group` | 52,546 | 17,192 | 15,422 | 8,388 | 2,319 | 1,643 |
|
|
234
|
+
| `code` | 24,448 | 9,430 | 8,483 | 136 | 51 | -82 |
|
|
235
|
+
| `code-block` | 112,454 | 37,834 | 33,636 | 40,142 | 11,802 | 9,519 |
|
|
236
|
+
| `code-editor` | 100,650 | 31,304 | 27,746 | 36,907 | 9,404 | 7,586 |
|
|
237
|
+
| `code-input` | 64,496 | 22,019 | 19,674 | 10,586 | 3,407 | 2,758 |
|
|
238
|
+
| `color-input` | 148,596 | 46,980 | 41,247 | 56,197 | 14,503 | 11,773 |
|
|
239
|
+
| `color-picker` | 109,920 | 34,751 | 30,753 | 48,315 | 12,884 | 10,342 |
|
|
240
|
+
| `combobox` | 148,641 | 46,927 | 41,418 | 36,906 | 9,222 | 7,283 |
|
|
241
|
+
| `command` | 125,661 | 39,437 | 34,718 | 37,806 | 9,776 | 7,866 |
|
|
242
|
+
| `copy-button` | 87,833 | 29,786 | 26,628 | 19,507 | 5,193 | 4,129 |
|
|
243
|
+
| `data-table` | 217,227 | 66,082 | 57,096 | 91,080 | 24,011 | 19,251 |
|
|
244
|
+
| `date-input` | 146,579 | 45,805 | 40,546 | 38,640 | 9,401 | 7,464 |
|
|
245
|
+
| `date-picker` | 66,650 | 22,605 | 20,339 | 20,709 | 5,610 | 4,472 |
|
|
246
|
+
| `description-list` | 27,049 | 10,165 | 9,139 | 1,561 | 492 | 234 |
|
|
247
|
+
| `device-screen` | 121,255 | 38,175 | 33,755 | 44,466 | 11,104 | 8,785 |
|
|
248
|
+
| `dialog` | 42,577 | 15,038 | 13,521 | 6,080 | 1,759 | 1,246 |
|
|
249
|
+
| `divider` | 27,503 | 10,399 | 9,342 | 1,414 | 470 | 294 |
|
|
250
|
+
| `donut-chart` | 103,708 | 35,681 | 31,846 | 15,109 | 4,602 | 3,638 |
|
|
251
|
+
| `drawer` | 47,059 | 16,454 | 14,797 | 7,770 | 2,267 | 1,730 |
|
|
252
|
+
| `drilldown` | 46,798 | 16,230 | 14,602 | 9,702 | 2,649 | 2,067 |
|
|
253
|
+
| `editor` | 176,430 | 53,602 | 46,592 | 82,542 | 20,312 | 16,585 |
|
|
254
|
+
| `empty` | 28,586 | 10,724 | 9,653 | 1,974 | 637 | 374 |
|
|
255
|
+
| `file-input` | 62,360 | 21,394 | 19,250 | 13,125 | 4,090 | 3,234 |
|
|
256
|
+
| `filter-input` | 111,149 | 37,090 | 33,032 | 21,263 | 6,064 | 4,761 |
|
|
257
|
+
| `find` | 77,004 | 25,520 | 22,759 | 21,399 | 5,594 | 4,364 |
|
|
258
|
+
| `format-date` | 34,772 | 12,811 | 11,547 | 4,462 | 1,230 | 933 |
|
|
259
|
+
| `graph` | 144,814 | 45,608 | 39,856 | 38,113 | 10,633 | 8,424 |
|
|
260
|
+
| `heatmap` | 112,781 | 38,050 | 33,960 | 19,445 | 5,668 | 4,561 |
|
|
261
|
+
| `icon` | 98,587 | 33,273 | 28,607 | 69,261 | 23,123 | 18,665 |
|
|
262
|
+
| `icon-button` | 40,715 | 14,342 | 12,920 | 5,586 | 1,602 | 1,270 |
|
|
263
|
+
| `image` | 29,952 | 10,991 | 9,924 | 3,836 | 1,117 | 775 |
|
|
264
|
+
| `input` | 61,056 | 20,776 | 18,502 | 7,369 | 2,294 | 1,608 |
|
|
265
|
+
| `kbd` | 32,753 | 12,222 | 10,962 | 3,622 | 1,116 | 693 |
|
|
266
|
+
| `legend` | 43,554 | 15,483 | 13,985 | 2,762 | 877 | 616 |
|
|
267
|
+
| `lightbox` | 60,461 | 20,320 | 18,252 | 16,845 | 4,584 | 3,582 |
|
|
268
|
+
| `line-chart` | 113,352 | 39,144 | 34,958 | 17,200 | 5,120 | 4,138 |
|
|
269
|
+
| `list` | 66,141 | 22,766 | 20,333 | 15,230 | 4,312 | 3,233 |
|
|
270
|
+
| `listbox` | 92,546 | 30,429 | 27,017 | 16,371 | 4,669 | 3,636 |
|
|
271
|
+
| `loader` | 30,911 | 11,578 | 10,458 | 2,783 | 873 | 601 |
|
|
272
|
+
| `log` | 89,075 | 29,814 | 26,816 | 40,280 | 12,449 | 10,332 |
|
|
273
|
+
| `map` | 157,108 | 46,680 | 40,318 | 60,231 | 14,884 | 11,458 |
|
|
274
|
+
| `markdown` | 139,161 | 46,880 | 41,508 | 62,288 | 19,409 | 16,121 |
|
|
275
|
+
| `megamenu` | 64,709 | 23,080 | 20,619 | 8,721 | 2,351 | 1,698 |
|
|
276
|
+
| `menu` | 104,714 | 34,179 | 30,516 | 32,351 | 8,319 | 6,821 |
|
|
277
|
+
| `meter` | 37,733 | 13,875 | 12,562 | 6,077 | 1,718 | 1,353 |
|
|
278
|
+
| `motion-toggle` | 29,880 | 11,434 | 10,322 | 1,424 | 500 | 341 |
|
|
279
|
+
| `navigation` | 37,237 | 13,780 | 12,356 | 3,364 | 1,116 | 756 |
|
|
280
|
+
| `notifications` | 62,751 | 21,147 | 19,060 | 18,263 | 5,030 | 3,951 |
|
|
281
|
+
| `number-input` | 61,189 | 20,414 | 18,343 | 13,550 | 3,628 | 2,716 |
|
|
282
|
+
| `object-inspector` | 123,135 | 40,897 | 36,211 | 36,765 | 10,469 | 8,432 |
|
|
283
|
+
| `option` | 30,624 | 11,141 | 10,039 | 4,511 | 1,145 | 803 |
|
|
284
|
+
| `outline` | 38,181 | 14,038 | 12,639 | 7,884 | 2,489 | 1,820 |
|
|
285
|
+
| `pagination` | 153,214 | 48,634 | 42,591 | 46,769 | 12,143 | 9,665 |
|
|
286
|
+
| `pin-input` | 52,429 | 18,113 | 16,284 | 7,199 | 2,370 | 1,631 |
|
|
287
|
+
| `popover` | 68,441 | 24,182 | 21,648 | 6,457 | 1,816 | 1,189 |
|
|
288
|
+
| `progress` | 32,788 | 12,280 | 11,086 | 3,000 | 924 | 596 |
|
|
289
|
+
| `qr-code` | 47,144 | 17,973 | 16,249 | 16,931 | 6,252 | 5,238 |
|
|
290
|
+
| `quote` | 26,667 | 10,268 | 9,239 | 1,209 | 481 | 197 |
|
|
291
|
+
| `radio` | 46,884 | 15,862 | 14,232 | 3,811 | 1,164 | 700 |
|
|
292
|
+
| `rating` | 55,176 | 18,862 | 16,951 | 8,048 | 2,408 | 1,810 |
|
|
293
|
+
| `scatter-chart` | 109,769 | 37,707 | 33,665 | 20,731 | 6,441 | 5,251 |
|
|
294
|
+
| `scroll-area` | 35,384 | 12,683 | 11,406 | 9,025 | 2,656 | 2,075 |
|
|
295
|
+
| `select` | 131,760 | 43,118 | 37,950 | 27,095 | 7,307 | 5,629 |
|
|
296
|
+
| `shortcut-overlay` | 53,089 | 18,748 | 16,835 | 11,422 | 3,412 | 2,664 |
|
|
297
|
+
| `skeleton` | 26,479 | 10,047 | 9,055 | 989 | 371 | 194 |
|
|
298
|
+
| `skip-link` | 28,115 | 10,723 | 9,658 | 1,221 | 444 | 366 |
|
|
299
|
+
| `slider` | 58,728 | 19,640 | 17,706 | 13,680 | 3,848 | 3,032 |
|
|
300
|
+
| `sparkline` | 52,792 | 18,953 | 17,101 | 5,966 | 2,072 | 1,568 |
|
|
301
|
+
| `spatial-bar-chart` | 125,100 | 43,682 | 38,768 | 28,920 | 9,726 | 8,069 |
|
|
302
|
+
| `spatial-heatmap` | 128,149 | 43,195 | 38,370 | 32,117 | 9,625 | 7,818 |
|
|
303
|
+
| `spatial-ribbon-chart` | 115,504 | 40,147 | 35,735 | 21,337 | 7,093 | 5,820 |
|
|
304
|
+
| `spatial-scatter-chart` | 113,575 | 39,322 | 34,989 | 19,470 | 6,332 | 5,183 |
|
|
305
|
+
| `spatial-surface-chart` | 116,507 | 40,560 | 36,141 | 22,343 | 7,474 | 6,126 |
|
|
306
|
+
| `spatial-treemap` | 117,610 | 41,155 | 36,578 | 21,753 | 7,398 | 6,052 |
|
|
307
|
+
| `speed-dial` | 73,135 | 25,919 | 23,203 | 10,924 | 2,911 | 2,267 |
|
|
308
|
+
| `splitter` | 48,652 | 16,694 | 15,027 | 14,489 | 3,790 | 2,942 |
|
|
309
|
+
| `stat` | 29,848 | 11,203 | 10,118 | 2,316 | 761 | 434 |
|
|
310
|
+
| `steps` | 59,294 | 20,417 | 18,323 | 14,147 | 3,945 | 3,103 |
|
|
311
|
+
| `switch` | 44,200 | 15,153 | 13,613 | 1,745 | 622 | 252 |
|
|
312
|
+
| `table` | 124,760 | 38,525 | 33,867 | 45,138 | 12,317 | 9,893 |
|
|
313
|
+
| `tabs` | 50,864 | 17,330 | 15,573 | 10,569 | 2,823 | 2,083 |
|
|
314
|
+
| `tag` | 46,829 | 16,915 | 15,246 | 8,441 | 2,473 | 1,861 |
|
|
315
|
+
| `terminal` | 140,189 | 44,102 | 38,872 | 52,674 | 13,180 | 10,584 |
|
|
316
|
+
| `textarea` | 58,796 | 19,984 | 17,907 | 5,669 | 1,671 | 1,215 |
|
|
317
|
+
| `time-input` | 185,621 | 57,579 | 50,119 | 49,817 | 12,530 | 10,001 |
|
|
318
|
+
| `time-picker` | 115,800 | 36,619 | 32,302 | 34,952 | 9,322 | 7,439 |
|
|
319
|
+
| `timeline` | 35,983 | 13,502 | 12,200 | 4,080 | 1,186 | 797 |
|
|
320
|
+
| `toast` | 73,507 | 24,694 | 22,085 | 19,750 | 5,523 | 4,371 |
|
|
321
|
+
| `toggle` | 50,672 | 16,771 | 15,124 | 6,071 | 1,771 | 1,283 |
|
|
322
|
+
| `toolbar` | 38,352 | 13,948 | 12,585 | 1,364 | 498 | 216 |
|
|
323
|
+
| `tooltip` | 64,471 | 22,829 | 20,538 | 8,878 | 2,459 | 1,928 |
|
|
324
|
+
| `tour` | 89,668 | 30,392 | 27,113 | 20,490 | 5,526 | 4,405 |
|
|
325
|
+
| `tree` | 72,238 | 24,175 | 21,604 | 17,550 | 4,876 | 3,819 |
|
|
326
|
+
| `trend` | 34,495 | 13,196 | 11,905 | 3,585 | 1,106 | 779 |
|
|
327
|
+
| `video` | 149,977 | 46,137 | 40,658 | 68,344 | 17,020 | 13,838 |
|
|
328
|
+
| `video-playlist` | 135,166 | 43,160 | 38,197 | 44,925 | 11,516 | 9,327 |
|
|
329
|
+
| `virtual-list` | 71,136 | 23,617 | 21,266 | 25,061 | 7,409 | 6,150 |
|
|
330
330
|
|
|
331
331
|
### Styled tier
|
|
332
332
|
|
|
@@ -334,128 +334,128 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
334
334
|
|
|
335
335
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
336
336
|
|---|---|---|---|---|---|---|
|
|
337
|
-
| `accordion` | 39,678 | 14,025 | 12,
|
|
338
|
-
| `announcement` | 45,475 | 15,743 | 14,
|
|
339
|
-
| `app-header` | 41,555 | 14,
|
|
340
|
-
| `area-chart` | 119,927 | 40,401 | 35,
|
|
341
|
-
| `aura` | 63,103 | 21,
|
|
342
|
-
| `avatar` | 38,443 | 14,
|
|
343
|
-
| `badge` | 37,184 | 13,274 |
|
|
344
|
-
| `bar-chart` | 134,784 | 44,109 | 39,
|
|
345
|
-
| `blockquote` | 30,479 | 11,330 | 10,
|
|
346
|
-
| `breadcrumbs` | 48,377 | 16,
|
|
347
|
-
| `button` | 47,115 | 15,724 | 14,
|
|
348
|
-
| `button-group` | 35,644 | 12,485 | 11,
|
|
349
|
-
| `callout` | 43,304 | 15,
|
|
350
|
-
| `canvas` | 210,936 | 60,
|
|
351
|
-
| `card` | 31,874 | 11,466 | 10,
|
|
352
|
-
| `carousel` | 59,164 | 18,
|
|
353
|
-
| `chat` |
|
|
354
|
-
| `checkbox` | 51,825 | 16,807 | 15,
|
|
355
|
-
| `checkbox-group` | 59,758 | 18,
|
|
356
|
-
| `code` | 25,303 | 9,733 | 8,
|
|
357
|
-
| `code-block` | 139,027 | 41,
|
|
358
|
-
| `code-editor` | 128,975 | 35,292 | 31,
|
|
359
|
-
| `code-input` |
|
|
360
|
-
| `color-input` | 191,137 | 53,288 | 46,
|
|
361
|
-
| `color-picker` | 146,933 | 40,
|
|
362
|
-
| `combobox` |
|
|
363
|
-
| `command` |
|
|
364
|
-
| `copy-button` | 101,964 | 32,118 | 28,
|
|
365
|
-
| `data-table` |
|
|
366
|
-
| `date-input` | 167,958 | 49,546 | 43,
|
|
367
|
-
| `date-picker` | 74,694 | 24,028 | 21,
|
|
368
|
-
| `description-list` | 30,000 | 10,907 | 9,
|
|
369
|
-
| `device-screen` | 140,815 | 41,
|
|
370
|
-
| `dialog` | 48,335 | 16,368 | 14,
|
|
371
|
-
| `divider` | 29,801 | 11,011 | 9,
|
|
372
|
-
| `donut-chart` | 115,062 | 38,018 | 33,
|
|
373
|
-
| `drawer` | 52,989 | 17,
|
|
374
|
-
| `drilldown` | 52,472 | 17,497 | 15,
|
|
375
|
-
| `editor` | 218,148 | 59,
|
|
376
|
-
| `empty` | 29,893 | 11,
|
|
377
|
-
| `file-input` | 73,885 | 23,
|
|
378
|
-
| `filter-input` |
|
|
379
|
-
| `find` | 98,997 | 28,
|
|
380
|
-
| `flex` | 29,891 | 10,601 | 9,
|
|
381
|
-
| `format-date` | 35,026 | 12,935 | 11,
|
|
382
|
-
| `graph` | 172,724 | 49,
|
|
383
|
-
| `grid` | 31,341 | 11,280 | 10,
|
|
384
|
-
| `heatmap` | 122,486 | 40,167 | 35,
|
|
385
|
-
| `icon` | 100,618 | 33,
|
|
386
|
-
| `icon-button` | 50,475 | 15,918 | 14,
|
|
387
|
-
| `image` | 31,337 | 11,457 | 10,
|
|
388
|
-
| `input` |
|
|
389
|
-
| `kbd` | 34,961 | 12,826 | 11,
|
|
390
|
-
| `legend` | 48,795 | 16,773 | 15,
|
|
391
|
-
| `lightbox` | 66,746 | 21,
|
|
392
|
-
| `line-chart` | 126,099 | 41,
|
|
393
|
-
| `list` | 72,482 | 24,
|
|
394
|
-
| `listbox` |
|
|
395
|
-
| `loader` | 33,789 | 12,
|
|
396
|
-
| `log` | 105,740 | 32,836 | 29,
|
|
397
|
-
| `map` | 202,379 | 53,
|
|
398
|
-
| `markdown` | 169,758 | 51,531 | 45,
|
|
399
|
-
| `megamenu` | 69,758 | 24,
|
|
400
|
-
| `menu` | 116,934 | 36,590 | 32,
|
|
401
|
-
| `meter` | 46,277 | 15,618 | 14,
|
|
402
|
-
| `motion-toggle` | 31,514 | 11,912 | 10,
|
|
403
|
-
| `navigation` | 40,961 | 14,624 | 13,
|
|
404
|
-
| `notifications` | 76,232 | 23,678 | 21,
|
|
405
|
-
| `number-input` | 66,171 | 21,
|
|
406
|
-
| `object-inspector` | 141,639 | 43,
|
|
407
|
-
| `option` | 33,689 | 12,080 | 10,
|
|
408
|
-
| `orb` | 40,417 | 15,
|
|
409
|
-
| `outline` | 42,409 | 14,904 | 13,
|
|
410
|
-
| `pagination` |
|
|
411
|
-
| `pin-input` | 55,807 | 19,
|
|
412
|
-
| `popover` | 72,347 | 25,
|
|
413
|
-
| `progress` | 39,966 | 13,
|
|
414
|
-
| `qr-code` | 48,744 | 18,
|
|
415
|
-
| `quote` | 27,223 | 10,456 | 9,
|
|
416
|
-
| `radio` | 54,658 | 17,
|
|
417
|
-
| `rating` | 59,104 | 20,073 | 18,
|
|
418
|
-
| `sandbox` |
|
|
419
|
-
| `scatter-chart` | 120,519 | 40,083 | 35,
|
|
420
|
-
| `scroll-area` | 43,327 | 14,
|
|
421
|
-
| `select` |
|
|
422
|
-
| `shortcut-overlay` | 60,880 | 20,448 | 18,
|
|
423
|
-
| `skeleton` | 30,425 | 11,121 | 10,
|
|
424
|
-
| `skip-link` | 29,685 | 11,238 | 10,
|
|
425
|
-
| `slider` | 73,692 | 21,950 | 19,
|
|
426
|
-
| `sparkline` | 58,249 | 20,284 | 18,323 | 11,406 | 3,
|
|
427
|
-
| `spatial-bar-chart` | 137,375 | 46,202 | 41,
|
|
428
|
-
| `spatial-heatmap` | 139,271 | 45,
|
|
429
|
-
| `spatial-ribbon-chart` | 125,800 | 42,
|
|
430
|
-
| `spatial-scatter-chart` | 123,929 | 41,
|
|
431
|
-
| `spatial-surface-chart` | 126,323 | 42,659 | 38,
|
|
432
|
-
| `spatial-treemap` | 128,010 | 43,404 | 38,
|
|
433
|
-
| `speed-dial` | 80,178 | 27,325 | 24,
|
|
434
|
-
| `splitter` | 54,702 | 17,726 | 16,
|
|
435
|
-
| `stat` | 32,726 | 11,913 | 10,
|
|
436
|
-
| `steps` | 73,366 | 23,209 | 20,
|
|
437
|
-
| `strands` | 67,865 | 24,
|
|
438
|
-
| `switch` | 48,654 | 16,303 | 14,
|
|
439
|
-
| `table` | 142,528 | 41,639 | 36,
|
|
440
|
-
| `tabs` | 61,069 | 19,
|
|
441
|
-
| `tag` | 51,398 | 18,
|
|
442
|
-
| `terminal` | 171,770 | 48,
|
|
443
|
-
| `text` | 32,865 | 11,351 | 10,
|
|
444
|
-
| `textarea` |
|
|
445
|
-
| `time-input` |
|
|
446
|
-
| `time-picker` |
|
|
447
|
-
| `timeline` | 42,871 | 14,944 | 13,
|
|
448
|
-
| `toast` | 87,746 | 27,
|
|
449
|
-
| `toggle` | 55,526 | 18,005 | 16,209 | 10,
|
|
450
|
-
| `toolbar` | 41,030 | 14,434 | 12,
|
|
451
|
-
| `tooltip` | 67,354 | 23,
|
|
452
|
-
| `tour` | 99,755 | 32,397 | 28,
|
|
453
|
-
| `tree` | 81,248 | 26,172 | 23,
|
|
454
|
-
| `trend` | 36,411 | 13,
|
|
455
|
-
| `video` | 171,773 | 50,073 | 44,
|
|
456
|
-
| `video-playlist` | 152,398 | 46,
|
|
457
|
-
| `virtual-list` | 73,128 | 24,126 | 21,
|
|
458
|
-
| `voice-level` | 37,864 | 13,917 | 12,
|
|
337
|
+
| `accordion` | 39,678 | 14,025 | 12,610 | 8,782 | 2,384 | 1,817 |
|
|
338
|
+
| `announcement` | 45,475 | 15,743 | 14,227 | 9,284 | 2,442 | 1,944 |
|
|
339
|
+
| `app-header` | 41,555 | 14,431 | 12,992 | 11,033 | 2,957 | 2,301 |
|
|
340
|
+
| `area-chart` | 119,927 | 40,401 | 35,968 | 24,362 | 6,673 | 5,503 |
|
|
341
|
+
| `aura` | 63,103 | 21,347 | 19,095 | 31,766 | 9,624 | 8,100 |
|
|
342
|
+
| `avatar` | 38,443 | 14,011 | 12,676 | 6,972 | 1,987 | 1,512 |
|
|
343
|
+
| `badge` | 37,184 | 13,274 | 11,983 | 8,443 | 2,105 | 1,684 |
|
|
344
|
+
| `bar-chart` | 134,784 | 44,109 | 39,299 | 38,682 | 10,259 | 8,505 |
|
|
345
|
+
| `blockquote` | 30,479 | 11,330 | 10,198 | 4,608 | 1,406 | 1,179 |
|
|
346
|
+
| `breadcrumbs` | 48,377 | 16,720 | 15,119 | 14,767 | 3,732 | 2,968 |
|
|
347
|
+
| `button` | 47,115 | 15,724 | 14,133 | 11,967 | 3,036 | 2,479 |
|
|
348
|
+
| `button-group` | 35,644 | 12,485 | 11,258 | 8,397 | 2,136 | 1,729 |
|
|
349
|
+
| `callout` | 43,304 | 15,880 | 14,308 | 6,655 | 1,909 | 1,497 |
|
|
350
|
+
| `canvas` | 210,936 | 60,968 | 53,329 | 116,184 | 30,109 | 25,185 |
|
|
351
|
+
| `card` | 31,874 | 11,466 | 10,312 | 5,972 | 1,599 | 1,217 |
|
|
352
|
+
| `carousel` | 59,164 | 18,891 | 17,119 | 25,783 | 6,055 | 4,916 |
|
|
353
|
+
| `chat` | 168,457 | 50,723 | 44,886 | 71,513 | 17,222 | 14,027 |
|
|
354
|
+
| `checkbox` | 51,825 | 16,807 | 15,085 | 9,638 | 2,478 | 1,860 |
|
|
355
|
+
| `checkbox-group` | 59,758 | 18,815 | 16,843 | 15,587 | 3,986 | 3,018 |
|
|
356
|
+
| `code` | 25,303 | 9,733 | 8,757 | 972 | 358 | 292 |
|
|
357
|
+
| `code-block` | 139,027 | 41,788 | 37,154 | 66,700 | 15,900 | 13,034 |
|
|
358
|
+
| `code-editor` | 128,975 | 35,292 | 31,336 | 65,235 | 13,585 | 11,065 |
|
|
359
|
+
| `code-input` | 69,547 | 23,264 | 20,764 | 15,616 | 4,690 | 3,678 |
|
|
360
|
+
| `color-input` | 191,137 | 53,288 | 46,810 | 98,729 | 20,702 | 17,311 |
|
|
361
|
+
| `color-picker` | 146,933 | 40,247 | 35,699 | 85,335 | 18,456 | 15,288 |
|
|
362
|
+
| `combobox` | 165,537 | 50,089 | 44,237 | 53,786 | 12,429 | 10,058 |
|
|
363
|
+
| `command` | 142,418 | 42,792 | 37,605 | 54,557 | 13,190 | 10,882 |
|
|
364
|
+
| `copy-button` | 101,964 | 32,118 | 28,681 | 33,622 | 7,632 | 6,161 |
|
|
365
|
+
| `data-table` | 249,412 | 71,647 | 61,987 | 123,253 | 29,671 | 24,212 |
|
|
366
|
+
| `date-input` | 167,958 | 49,546 | 43,926 | 60,006 | 13,212 | 10,847 |
|
|
367
|
+
| `date-picker` | 74,694 | 24,028 | 21,642 | 28,737 | 7,055 | 5,656 |
|
|
368
|
+
| `description-list` | 30,000 | 10,907 | 9,810 | 4,494 | 1,217 | 902 |
|
|
369
|
+
| `device-screen` | 140,815 | 41,617 | 36,774 | 64,017 | 14,647 | 11,812 |
|
|
370
|
+
| `dialog` | 48,335 | 16,368 | 14,722 | 11,818 | 3,147 | 2,424 |
|
|
371
|
+
| `divider` | 29,801 | 11,011 | 9,904 | 3,695 | 1,131 | 812 |
|
|
372
|
+
| `donut-chart` | 115,062 | 38,018 | 33,976 | 26,450 | 7,045 | 5,722 |
|
|
373
|
+
| `drawer` | 52,989 | 17,874 | 16,052 | 13,690 | 3,681 | 2,866 |
|
|
374
|
+
| `drilldown` | 52,472 | 17,497 | 15,761 | 15,366 | 3,952 | 3,239 |
|
|
375
|
+
| `editor` | 218,148 | 59,657 | 51,906 | 124,252 | 26,544 | 21,766 |
|
|
376
|
+
| `empty` | 29,893 | 11,195 | 10,051 | 3,263 | 1,083 | 774 |
|
|
377
|
+
| `file-input` | 73,885 | 23,775 | 21,379 | 24,635 | 6,457 | 5,319 |
|
|
378
|
+
| `filter-input` | 122,958 | 39,369 | 35,041 | 33,066 | 8,409 | 6,833 |
|
|
379
|
+
| `find` | 98,997 | 28,720 | 25,603 | 43,397 | 8,954 | 7,223 |
|
|
380
|
+
| `flex` | 29,891 | 10,601 | 9,528 | 4,761 | 1,004 | 776 |
|
|
381
|
+
| `format-date` | 35,026 | 12,935 | 11,665 | 4,698 | 1,345 | 1,072 |
|
|
382
|
+
| `graph` | 172,724 | 49,905 | 43,532 | 66,004 | 15,121 | 12,201 |
|
|
383
|
+
| `grid` | 31,341 | 11,280 | 10,181 | 5,655 | 1,449 | 1,203 |
|
|
384
|
+
| `heatmap` | 122,486 | 40,167 | 35,765 | 29,126 | 7,751 | 6,361 |
|
|
385
|
+
| `icon` | 100,618 | 33,877 | 29,107 | 71,112 | 23,649 | 19,113 |
|
|
386
|
+
| `icon-button` | 50,475 | 15,918 | 14,331 | 15,330 | 3,219 | 2,475 |
|
|
387
|
+
| `image` | 31,337 | 11,457 | 10,312 | 5,203 | 1,528 | 1,111 |
|
|
388
|
+
| `input` | 66,208 | 22,073 | 19,585 | 12,509 | 3,614 | 2,727 |
|
|
389
|
+
| `kbd` | 34,961 | 12,826 | 11,501 | 5,812 | 1,740 | 1,244 |
|
|
390
|
+
| `legend` | 48,795 | 16,773 | 15,065 | 7,866 | 2,144 | 1,651 |
|
|
391
|
+
| `lightbox` | 66,746 | 21,652 | 19,450 | 23,116 | 5,936 | 4,765 |
|
|
392
|
+
| `line-chart` | 126,099 | 41,803 | 37,277 | 29,924 | 7,869 | 6,473 |
|
|
393
|
+
| `list` | 72,482 | 24,246 | 21,647 | 21,555 | 5,855 | 4,719 |
|
|
394
|
+
| `listbox` | 98,457 | 31,795 | 28,269 | 22,272 | 6,085 | 4,869 |
|
|
395
|
+
| `loader` | 33,789 | 12,336 | 11,180 | 5,650 | 1,665 | 1,277 |
|
|
396
|
+
| `log` | 105,740 | 32,836 | 29,534 | 56,944 | 15,603 | 13,021 |
|
|
397
|
+
| `map` | 202,379 | 53,634 | 46,457 | 105,486 | 21,722 | 17,647 |
|
|
398
|
+
| `markdown` | 169,758 | 51,531 | 45,653 | 92,871 | 24,170 | 20,294 |
|
|
399
|
+
| `megamenu` | 69,758 | 24,236 | 21,670 | 13,752 | 3,538 | 2,665 |
|
|
400
|
+
| `menu` | 116,934 | 36,590 | 32,586 | 44,562 | 10,745 | 8,792 |
|
|
401
|
+
| `meter` | 46,277 | 15,618 | 14,148 | 14,605 | 3,492 | 2,865 |
|
|
402
|
+
| `motion-toggle` | 31,514 | 11,912 | 10,675 | 3,040 | 963 | 759 |
|
|
403
|
+
| `navigation` | 40,961 | 14,624 | 13,100 | 7,073 | 1,943 | 1,432 |
|
|
404
|
+
| `notifications` | 76,232 | 23,678 | 21,380 | 31,731 | 7,611 | 6,164 |
|
|
405
|
+
| `number-input` | 66,171 | 21,601 | 19,389 | 18,513 | 4,817 | 3,647 |
|
|
406
|
+
| `object-inspector` | 141,639 | 43,907 | 38,871 | 55,247 | 13,582 | 10,987 |
|
|
407
|
+
| `option` | 33,689 | 12,080 | 10,916 | 7,569 | 2,135 | 1,563 |
|
|
408
|
+
| `orb` | 40,417 | 15,080 | 13,646 | 10,008 | 3,683 | 3,062 |
|
|
409
|
+
| `outline` | 42,409 | 14,904 | 13,468 | 12,101 | 3,387 | 2,643 |
|
|
410
|
+
| `pagination` | 171,625 | 52,108 | 45,618 | 65,165 | 15,624 | 12,542 |
|
|
411
|
+
| `pin-input` | 55,807 | 19,003 | 17,070 | 10,560 | 3,282 | 2,464 |
|
|
412
|
+
| `popover` | 72,347 | 25,104 | 22,462 | 10,347 | 2,762 | 2,133 |
|
|
413
|
+
| `progress` | 39,966 | 13,910 | 12,603 | 10,157 | 2,555 | 2,055 |
|
|
414
|
+
| `qr-code` | 48,744 | 18,462 | 16,699 | 18,513 | 6,741 | 5,719 |
|
|
415
|
+
| `quote` | 27,223 | 10,456 | 9,389 | 1,748 | 673 | 439 |
|
|
416
|
+
| `radio` | 54,658 | 17,359 | 15,559 | 11,572 | 2,709 | 2,046 |
|
|
417
|
+
| `rating` | 59,104 | 20,073 | 18,050 | 11,962 | 3,642 | 2,808 |
|
|
418
|
+
| `sandbox` | 209,529 | 60,888 | 52,516 | 145,338 | 38,992 | 31,802 |
|
|
419
|
+
| `scatter-chart` | 120,519 | 40,083 | 35,746 | 31,470 | 8,863 | 7,336 |
|
|
420
|
+
| `scroll-area` | 43,327 | 14,070 | 12,657 | 16,953 | 4,089 | 3,313 |
|
|
421
|
+
| `select` | 142,433 | 45,241 | 39,846 | 37,752 | 9,449 | 7,612 |
|
|
422
|
+
| `shortcut-overlay` | 60,880 | 20,448 | 18,389 | 19,199 | 5,155 | 4,260 |
|
|
423
|
+
| `skeleton` | 30,425 | 11,121 | 10,041 | 4,751 | 1,351 | 1,124 |
|
|
424
|
+
| `skip-link` | 29,685 | 11,238 | 10,063 | 2,776 | 953 | 752 |
|
|
425
|
+
| `slider` | 73,692 | 21,950 | 19,766 | 28,627 | 6,198 | 5,086 |
|
|
426
|
+
| `sparkline` | 58,249 | 20,284 | 18,323 | 11,406 | 3,433 | 2,680 |
|
|
427
|
+
| `spatial-bar-chart` | 137,375 | 46,202 | 41,020 | 41,172 | 12,313 | 10,328 |
|
|
428
|
+
| `spatial-heatmap` | 139,271 | 45,587 | 40,583 | 43,229 | 12,026 | 9,919 |
|
|
429
|
+
| `spatial-ribbon-chart` | 125,800 | 42,368 | 37,740 | 31,618 | 9,368 | 7,655 |
|
|
430
|
+
| `spatial-scatter-chart` | 123,929 | 41,483 | 36,902 | 29,803 | 8,520 | 6,970 |
|
|
431
|
+
| `spatial-surface-chart` | 126,323 | 42,659 | 38,102 | 32,139 | 9,625 | 7,995 |
|
|
432
|
+
| `spatial-treemap` | 128,010 | 43,404 | 38,611 | 32,134 | 9,703 | 7,969 |
|
|
433
|
+
| `speed-dial` | 80,178 | 27,325 | 24,470 | 17,946 | 4,330 | 3,524 |
|
|
434
|
+
| `splitter` | 54,702 | 17,726 | 16,022 | 20,521 | 4,822 | 3,981 |
|
|
435
|
+
| `stat` | 32,726 | 11,913 | 10,760 | 5,179 | 1,471 | 1,117 |
|
|
436
|
+
| `steps` | 73,366 | 23,209 | 20,798 | 28,205 | 6,771 | 5,524 |
|
|
437
|
+
| `strands` | 67,865 | 24,812 | 22,121 | 38,809 | 13,775 | 11,958 |
|
|
438
|
+
| `switch` | 48,654 | 16,303 | 14,640 | 6,183 | 1,813 | 1,271 |
|
|
439
|
+
| `table` | 142,528 | 41,639 | 36,748 | 62,910 | 15,467 | 12,682 |
|
|
440
|
+
| `tabs` | 61,069 | 19,405 | 17,454 | 20,766 | 4,921 | 3,971 |
|
|
441
|
+
| `tag` | 51,398 | 18,022 | 16,246 | 13,000 | 3,591 | 2,765 |
|
|
442
|
+
| `terminal` | 171,770 | 48,671 | 42,942 | 84,244 | 17,852 | 14,642 |
|
|
443
|
+
| `text` | 32,865 | 11,351 | 10,181 | 7,181 | 1,462 | 1,223 |
|
|
444
|
+
| `textarea` | 64,414 | 21,330 | 19,089 | 11,275 | 3,045 | 2,442 |
|
|
445
|
+
| `time-input` | 211,411 | 61,873 | 53,939 | 75,603 | 16,976 | 13,873 |
|
|
446
|
+
| `time-picker` | 129,460 | 39,224 | 34,581 | 48,603 | 11,929 | 9,773 |
|
|
447
|
+
| `timeline` | 42,871 | 14,944 | 13,503 | 10,950 | 2,680 | 2,266 |
|
|
448
|
+
| `toast` | 87,746 | 27,513 | 24,672 | 33,970 | 8,418 | 6,833 |
|
|
449
|
+
| `toggle` | 55,526 | 18,005 | 16,209 | 10,909 | 3,030 | 2,415 |
|
|
450
|
+
| `toolbar` | 41,030 | 14,434 | 12,995 | 4,026 | 974 | 771 |
|
|
451
|
+
| `tooltip` | 67,354 | 23,591 | 21,222 | 11,743 | 3,226 | 2,670 |
|
|
452
|
+
| `tour` | 99,755 | 32,397 | 28,897 | 30,561 | 7,574 | 6,124 |
|
|
453
|
+
| `tree` | 81,248 | 26,172 | 23,427 | 26,549 | 6,917 | 5,672 |
|
|
454
|
+
| `trend` | 36,411 | 13,731 | 12,430 | 5,480 | 1,645 | 1,236 |
|
|
455
|
+
| `video` | 171,773 | 50,073 | 44,147 | 90,126 | 20,807 | 17,399 |
|
|
456
|
+
| `video-playlist` | 152,398 | 46,356 | 40,991 | 62,155 | 14,711 | 12,249 |
|
|
457
|
+
| `virtual-list` | 73,128 | 24,126 | 21,718 | 27,036 | 7,899 | 6,584 |
|
|
458
|
+
| `voice-level` | 37,864 | 13,917 | 12,593 | 7,531 | 2,507 | 2,014 |
|
|
459
459
|
|
|
460
460
|
## What an install adds to `node_modules`
|
|
461
461
|
|
|
@@ -468,12 +468,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
468
468
|
|
|
469
469
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
470
470
|
|---|---|---|---|---|
|
|
471
|
-
| `@fusion.dev/helix-core` | 2,
|
|
472
|
-
| `@fusion.dev/helix-headless` | 26,
|
|
471
|
+
| `@fusion.dev/helix-core` | 2,428,180 | 641 | 902,070 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
472
|
+
| `@fusion.dev/helix-headless` | 26,623,956 | 826 | 2,833,922 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
473
473
|
| `@fusion.dev/helix-icons` | 179,625 | 21 | 57,665 | `svgo` |
|
|
474
474
|
| `@fusion.dev/helix-styles` | 130,263 | 6 | 0 | none |
|
|
475
475
|
| `@fusion.dev/helix-theme` | 453,157 | 8 | 6,257 | none |
|
|
476
|
-
| `@fusion.dev/helix` | 27,
|
|
476
|
+
| `@fusion.dev/helix` | 27,226,258 | 1,089 | 623,129 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
477
477
|
|
|
478
478
|
## Not measured yet
|
|
479
479
|
|