@fusion.dev/helix-docs 0.221.0 → 0.223.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` | 308,011 | 97,129 | 83,017 |
|
|
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` | 307,220 | 96,944 | 82,654 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,674,494 | 460,587 | 347,672 | 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,467,504 | 631,088 | 452,596 | 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
|
|
88
|
+
**Most of your first component is the shared runtime.** The median styled family is 22,580 bytes gzipped alone, and it adds 5,547 to a page that already has Helix. The shared runtime is 75 percent of the first component, and the component itself is 25 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 75,362. Every family together is 631,088.
|
|
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,587 bytes gzipped, whatever else the page imports. That is 20 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,770 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,141 |
|
|
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,121 |
|
|
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,717 |
|
|
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,570 |
|
|
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,618 |
|
|
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,404 | 17,
|
|
131
|
+
| `tabs` | **Helix** | 61,069 | 19,404 | 17,457 |
|
|
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,589 | 21,181 |
|
|
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,886 | 36,
|
|
223
|
-
| `blockquote` | 28,258 | 10,
|
|
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,
|
|
230
|
-
| `carousel` | 48,676 | 17,
|
|
231
|
-
| `chat` |
|
|
232
|
-
| `checkbox` | 45,348 | 15,333 | 13,
|
|
233
|
-
| `checkbox-group` | 52,546 | 17,
|
|
234
|
-
| `code` | 24,448 | 9,430 | 8,
|
|
235
|
-
| `code-block` | 112,454 | 37,
|
|
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,
|
|
247
|
-
| `device-screen` | 121,255 | 38,176 | 33,
|
|
248
|
-
| `dialog` | 42,577 | 15,038 | 13,519 | 6,080 | 1,
|
|
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,231 | 14,
|
|
253
|
-
| `editor` | 176,430 | 53,
|
|
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,
|
|
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,
|
|
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,
|
|
275
|
-
| `megamenu` | 64,709 | 23,080 | 20,
|
|
276
|
-
| `menu` | 104,714 | 34,
|
|
277
|
-
| `meter` | 37,733 | 13,
|
|
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,747 | 16,
|
|
297
|
-
| `skeleton` | 26,479 | 10,
|
|
298
|
-
| `skip-link` | 28,115 | 10,723 | 9,668 | 1,
|
|
299
|
-
| `slider` | 58,728 | 19,
|
|
300
|
-
| `sparkline` | 52,792 | 18,953 | 17,
|
|
301
|
-
| `spatial-bar-chart` | 125,100 | 43,
|
|
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,
|
|
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,693 | 22,
|
|
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,
|
|
216
|
+
| `accordion` | 36,249 | 13,190 | 11,860 | 5,367 | 1,516 | 1,167 |
|
|
217
|
+
| `announcement` | 40,862 | 14,703 | 13,250 | 4,686 | 1,360 | 1,041 |
|
|
218
|
+
| `app-header` | 36,395 | 13,257 | 11,935 | 5,886 | 1,708 | 1,238 |
|
|
219
|
+
| `area-chart` | 110,349 | 38,275 | 34,124 | 14,791 | 4,535 | 3,649 |
|
|
220
|
+
| `avatar` | 35,444 | 13,264 | 11,993 | 3,992 | 1,194 | 872 |
|
|
221
|
+
| `badge` | 31,681 | 12,042 | 10,884 | 2,953 | 854 | 789 |
|
|
222
|
+
| `bar-chart` | 118,370 | 40,886 | 36,427 | 22,289 | 6,943 | 5,763 |
|
|
223
|
+
| `blockquote` | 28,258 | 10,799 | 9,725 | 2,398 | 861 | 767 |
|
|
224
|
+
| `breadcrumbs` | 41,360 | 15,512 | 14,008 | 7,768 | 2,452 | 2,046 |
|
|
225
|
+
| `button` | 40,609 | 14,319 | 12,881 | 5,479 | 1,574 | 1,247 |
|
|
226
|
+
| `button-group` | 32,150 | 11,807 | 10,624 | 4,918 | 1,415 | 1,037 |
|
|
227
|
+
| `callout` | 39,513 | 14,942 | 13,433 | 2,880 | 947 | 693 |
|
|
228
|
+
| `canvas` | 178,196 | 55,660 | 48,605 | 83,464 | 24,641 | 20,508 |
|
|
229
|
+
| `card` | 27,975 | 10,466 | 9,429 | 2,088 | 630 | 366 |
|
|
230
|
+
| `carousel` | 48,676 | 17,119 | 15,472 | 15,306 | 4,193 | 3,302 |
|
|
231
|
+
| `chat` | 140,595 | 45,630 | 40,344 | 43,277 | 11,988 | 9,541 |
|
|
232
|
+
| `checkbox` | 45,348 | 15,333 | 13,771 | 3,173 | 953 | 620 |
|
|
233
|
+
| `checkbox-group` | 52,546 | 17,193 | 15,436 | 8,385 | 2,315 | 1,650 |
|
|
234
|
+
| `code` | 24,448 | 9,430 | 8,483 | 136 | 46 | 71 |
|
|
235
|
+
| `code-block` | 112,454 | 37,835 | 33,664 | 40,141 | 11,794 | 9,537 |
|
|
236
|
+
| `code-editor` | 100,650 | 31,304 | 27,743 | 36,904 | 9,393 | 7,635 |
|
|
237
|
+
| `code-input` | 65,283 | 22,349 | 20,000 | 10,584 | 3,398 | 2,595 |
|
|
238
|
+
| `color-input` | 148,596 | 46,980 | 41,239 | 56,194 | 14,497 | 11,797 |
|
|
239
|
+
| `color-picker` | 109,920 | 34,751 | 30,762 | 48,312 | 12,870 | 10,422 |
|
|
240
|
+
| `combobox` | 149,112 | 47,094 | 41,601 | 36,985 | 9,238 | 7,426 |
|
|
241
|
+
| `command` | 126,133 | 39,601 | 34,737 | 37,885 | 9,795 | 7,982 |
|
|
242
|
+
| `copy-button` | 87,833 | 29,786 | 26,655 | 19,498 | 5,178 | 4,168 |
|
|
243
|
+
| `data-table` | 217,811 | 66,306 | 57,323 | 91,273 | 24,076 | 19,311 |
|
|
244
|
+
| `date-input` | 146,579 | 45,805 | 40,521 | 38,637 | 9,400 | 7,569 |
|
|
245
|
+
| `date-picker` | 66,650 | 22,606 | 20,365 | 20,710 | 5,617 | 4,460 |
|
|
246
|
+
| `description-list` | 27,049 | 10,166 | 9,142 | 1,561 | 506 | 309 |
|
|
247
|
+
| `device-screen` | 121,255 | 38,176 | 33,770 | 44,469 | 11,091 | 8,775 |
|
|
248
|
+
| `dialog` | 42,577 | 15,038 | 13,519 | 6,080 | 1,749 | 1,289 |
|
|
249
|
+
| `divider` | 27,503 | 10,399 | 9,342 | 1,412 | 467 | 322 |
|
|
250
|
+
| `donut-chart` | 103,708 | 35,681 | 31,863 | 15,108 | 4,616 | 3,762 |
|
|
251
|
+
| `drawer` | 47,059 | 16,454 | 14,760 | 7,774 | 2,264 | 1,830 |
|
|
252
|
+
| `drilldown` | 46,798 | 16,231 | 14,603 | 9,706 | 2,649 | 1,983 |
|
|
253
|
+
| `editor` | 176,430 | 53,603 | 46,627 | 82,539 | 20,308 | 16,548 |
|
|
254
|
+
| `empty` | 28,586 | 10,724 | 9,663 | 1,974 | 627 | 541 |
|
|
255
|
+
| `file-input` | 62,360 | 21,394 | 19,259 | 13,122 | 4,083 | 3,182 |
|
|
256
|
+
| `filter-input` | 111,932 | 37,408 | 33,375 | 21,269 | 6,054 | 4,806 |
|
|
257
|
+
| `find` | 77,004 | 25,520 | 22,795 | 21,396 | 5,586 | 4,437 |
|
|
258
|
+
| `format-date` | 34,772 | 12,811 | 11,580 | 4,460 | 1,223 | 944 |
|
|
259
|
+
| `graph` | 144,814 | 45,608 | 39,887 | 38,115 | 10,625 | 8,602 |
|
|
260
|
+
| `heatmap` | 112,781 | 38,051 | 33,911 | 19,451 | 5,668 | 4,557 |
|
|
261
|
+
| `icon` | 98,587 | 33,273 | 28,575 | 69,259 | 23,112 | 18,643 |
|
|
262
|
+
| `icon-button` | 40,715 | 14,342 | 12,920 | 5,586 | 1,591 | 1,272 |
|
|
263
|
+
| `image` | 29,952 | 10,991 | 9,921 | 3,838 | 1,116 | 844 |
|
|
264
|
+
| `input` | 61,842 | 21,123 | 18,790 | 7,367 | 2,294 | 1,630 |
|
|
265
|
+
| `kbd` | 32,753 | 12,222 | 10,974 | 3,622 | 1,106 | 798 |
|
|
266
|
+
| `legend` | 43,554 | 15,484 | 14,011 | 2,760 | 859 | 650 |
|
|
267
|
+
| `lightbox` | 60,461 | 20,320 | 18,226 | 16,845 | 4,582 | 3,522 |
|
|
268
|
+
| `line-chart` | 113,352 | 39,144 | 34,984 | 17,196 | 5,121 | 4,406 |
|
|
269
|
+
| `list` | 66,141 | 22,766 | 20,353 | 15,226 | 4,309 | 3,517 |
|
|
270
|
+
| `listbox` | 93,333 | 30,800 | 27,303 | 16,371 | 4,669 | 3,549 |
|
|
271
|
+
| `loader` | 30,911 | 11,578 | 10,458 | 2,781 | 876 | 720 |
|
|
272
|
+
| `log` | 89,075 | 29,814 | 26,737 | 40,277 | 12,439 | 10,350 |
|
|
273
|
+
| `map` | 157,108 | 46,680 | 40,332 | 60,222 | 14,878 | 11,541 |
|
|
274
|
+
| `markdown` | 139,161 | 46,879 | 41,528 | 62,289 | 19,397 | 16,131 |
|
|
275
|
+
| `megamenu` | 64,709 | 23,080 | 20,630 | 8,719 | 2,338 | 1,664 |
|
|
276
|
+
| `menu` | 104,714 | 34,179 | 30,538 | 32,349 | 8,315 | 6,735 |
|
|
277
|
+
| `meter` | 37,733 | 13,876 | 12,563 | 6,077 | 1,709 | 1,356 |
|
|
278
|
+
| `motion-toggle` | 29,880 | 11,436 | 10,274 | 1,424 | 500 | 271 |
|
|
279
|
+
| `navigation` | 37,237 | 13,780 | 12,351 | 3,362 | 1,112 | 858 |
|
|
280
|
+
| `notifications` | 62,751 | 21,147 | 19,096 | 18,254 | 5,019 | 4,018 |
|
|
281
|
+
| `number-input` | 61,189 | 20,411 | 18,318 | 13,544 | 3,614 | 2,615 |
|
|
282
|
+
| `object-inspector` | 123,135 | 40,897 | 36,211 | 36,768 | 10,465 | 8,541 |
|
|
283
|
+
| `option` | 30,624 | 11,141 | 10,039 | 4,511 | 1,143 | 878 |
|
|
284
|
+
| `outline` | 38,181 | 14,038 | 12,639 | 7,884 | 2,471 | 1,881 |
|
|
285
|
+
| `pagination` | 153,802 | 48,807 | 42,781 | 46,956 | 12,154 | 9,669 |
|
|
286
|
+
| `pin-input` | 52,429 | 18,113 | 16,284 | 7,197 | 2,362 | 1,711 |
|
|
287
|
+
| `popover` | 68,441 | 24,182 | 21,649 | 6,457 | 1,807 | 1,282 |
|
|
288
|
+
| `progress` | 32,788 | 12,280 | 11,083 | 2,998 | 922 | 730 |
|
|
289
|
+
| `qr-code` | 47,144 | 17,973 | 16,209 | 16,929 | 6,239 | 5,472 |
|
|
290
|
+
| `quote` | 26,667 | 10,268 | 9,239 | 1,207 | 472 | 301 |
|
|
291
|
+
| `radio` | 46,884 | 15,862 | 14,232 | 3,811 | 1,165 | 706 |
|
|
292
|
+
| `rating` | 55,176 | 18,862 | 16,930 | 8,050 | 2,410 | 1,768 |
|
|
293
|
+
| `scatter-chart` | 109,769 | 37,707 | 33,688 | 20,731 | 6,438 | 5,292 |
|
|
294
|
+
| `scroll-area` | 35,384 | 12,683 | 11,406 | 9,025 | 2,658 | 2,078 |
|
|
295
|
+
| `select` | 132,234 | 43,267 | 38,097 | 27,170 | 7,320 | 5,647 |
|
|
296
|
+
| `shortcut-overlay` | 53,089 | 18,747 | 16,810 | 11,419 | 3,404 | 2,574 |
|
|
297
|
+
| `skeleton` | 26,479 | 10,047 | 9,059 | 989 | 368 | 246 |
|
|
298
|
+
| `skip-link` | 28,115 | 10,723 | 9,668 | 1,219 | 434 | 295 |
|
|
299
|
+
| `slider` | 58,728 | 19,641 | 17,706 | 13,680 | 3,842 | 2,963 |
|
|
300
|
+
| `sparkline` | 52,792 | 18,953 | 17,100 | 5,964 | 2,072 | 1,642 |
|
|
301
|
+
| `spatial-bar-chart` | 125,100 | 43,683 | 38,847 | 28,919 | 9,720 | 8,222 |
|
|
302
|
+
| `spatial-heatmap` | 128,149 | 43,195 | 38,423 | 32,120 | 9,614 | 7,801 |
|
|
303
|
+
| `spatial-ribbon-chart` | 115,504 | 40,147 | 35,767 | 21,336 | 7,096 | 5,852 |
|
|
304
|
+
| `spatial-scatter-chart` | 113,575 | 39,322 | 35,051 | 19,470 | 6,321 | 5,144 |
|
|
305
|
+
| `spatial-surface-chart` | 116,507 | 40,560 | 36,108 | 22,339 | 7,463 | 6,172 |
|
|
306
|
+
| `spatial-treemap` | 117,610 | 41,156 | 36,664 | 21,752 | 7,404 | 6,019 |
|
|
307
|
+
| `speed-dial` | 73,135 | 25,919 | 23,180 | 10,922 | 2,914 | 2,216 |
|
|
308
|
+
| `splitter` | 48,652 | 16,694 | 15,027 | 14,489 | 3,772 | 3,026 |
|
|
309
|
+
| `stat` | 29,848 | 11,203 | 10,125 | 2,314 | 748 | 485 |
|
|
310
|
+
| `steps` | 59,294 | 20,417 | 18,331 | 14,144 | 3,930 | 3,074 |
|
|
311
|
+
| `switch` | 44,200 | 15,153 | 13,600 | 1,745 | 621 | 364 |
|
|
312
|
+
| `table` | 124,760 | 38,525 | 33,869 | 45,135 | 12,310 | 9,929 |
|
|
313
|
+
| `tabs` | 50,864 | 17,330 | 15,572 | 10,563 | 2,812 | 2,117 |
|
|
314
|
+
| `tag` | 46,829 | 16,916 | 15,255 | 8,441 | 2,466 | 1,829 |
|
|
315
|
+
| `terminal` | 140,189 | 44,102 | 38,914 | 52,671 | 13,171 | 10,643 |
|
|
316
|
+
| `textarea` | 59,582 | 20,301 | 18,229 | 5,667 | 1,671 | 1,232 |
|
|
317
|
+
| `time-input` | 186,373 | 57,771 | 50,286 | 50,184 | 12,580 | 10,139 |
|
|
318
|
+
| `time-picker` | 116,346 | 36,806 | 32,444 | 35,105 | 9,343 | 7,418 |
|
|
319
|
+
| `timeline` | 35,983 | 13,502 | 12,200 | 4,076 | 1,178 | 892 |
|
|
320
|
+
| `toast` | 73,507 | 24,693 | 22,075 | 19,746 | 5,515 | 4,440 |
|
|
321
|
+
| `toggle` | 50,672 | 16,771 | 15,128 | 6,071 | 1,768 | 1,413 |
|
|
322
|
+
| `toolbar` | 38,352 | 13,948 | 12,582 | 1,364 | 481 | 292 |
|
|
323
|
+
| `tooltip` | 64,471 | 22,829 | 20,561 | 8,878 | 2,456 | 1,980 |
|
|
324
|
+
| `tour` | 89,668 | 30,392 | 27,144 | 20,487 | 5,525 | 4,527 |
|
|
325
|
+
| `tree` | 72,238 | 24,175 | 21,587 | 17,554 | 4,878 | 4,019 |
|
|
326
|
+
| `trend` | 34,495 | 13,196 | 11,902 | 3,581 | 1,104 | 920 |
|
|
327
|
+
| `video` | 149,977 | 46,137 | 40,701 | 68,341 | 16,996 | 13,921 |
|
|
328
|
+
| `video-playlist` | 135,166 | 43,160 | 38,184 | 44,922 | 11,506 | 9,449 |
|
|
329
|
+
| `virtual-list` | 71,136 | 23,618 | 21,297 | 25,061 | 7,392 | 6,100 |
|
|
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,
|
|
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,
|
|
346
|
-
| `breadcrumbs` | 48,377 | 16,
|
|
347
|
-
| `button` | 47,115 | 15,724 | 14,
|
|
348
|
-
| `button-group` | 35,644 | 12,
|
|
349
|
-
| `callout` | 43,304 | 15,881 | 14,
|
|
350
|
-
| `canvas` | 210,936 | 60,969 | 53,
|
|
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,
|
|
359
|
-
| `code-input` |
|
|
360
|
-
| `color-input` | 191,137 | 53,288 | 46,
|
|
361
|
-
| `color-picker` | 146,933 | 40,248 | 35,
|
|
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,618 | 36,
|
|
370
|
-
| `dialog` | 48,335 | 16,368 | 14,
|
|
371
|
-
| `divider` | 29,801 | 11,
|
|
372
|
-
| `donut-chart` | 115,062 | 38,018 |
|
|
373
|
-
| `drawer` | 52,989 | 17,
|
|
374
|
-
| `drilldown` | 52,472 | 17,497 | 15,
|
|
375
|
-
| `editor` | 218,148 | 59,
|
|
376
|
-
| `empty` | 29,893 | 11,194 | 10,
|
|
377
|
-
| `file-input` | 73,885 | 23,
|
|
378
|
-
| `filter-input` |
|
|
379
|
-
| `find` | 98,997 | 28,
|
|
380
|
-
| `flex` | 29,891 | 10,601 | 9,530 | 4,
|
|
381
|
-
| `format-date` | 35,026 | 12,935 | 11,
|
|
382
|
-
| `graph` | 172,724 | 49,
|
|
383
|
-
| `grid` | 31,341 | 11,
|
|
384
|
-
| `heatmap` | 122,486 | 40,
|
|
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,
|
|
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,
|
|
404
|
-
| `notifications` | 76,232 | 23,678 | 21,
|
|
405
|
-
| `number-input` | 66,171 | 21,
|
|
406
|
-
| `object-inspector` | 141,639 | 43,908 | 38,
|
|
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,911 | 12,
|
|
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,
|
|
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,
|
|
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,
|
|
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,404 | 17,
|
|
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,
|
|
448
|
-
| `toast` | 87,746 | 27,
|
|
449
|
-
| `toggle` | 55,526 | 18,
|
|
450
|
-
| `toolbar` | 41,030 | 14,434 | 12,
|
|
451
|
-
| `tooltip` | 67,354 | 23,
|
|
452
|
-
| `tour` | 99,755 | 32,
|
|
453
|
-
| `tree` | 81,248 | 26,172 | 23,
|
|
454
|
-
| `trend` | 36,411 | 13,732 | 12,
|
|
455
|
-
| `video` | 171,773 | 50,073 | 44,
|
|
456
|
-
| `video-playlist` | 152,398 | 46,
|
|
457
|
-
| `virtual-list` | 73,128 | 24,
|
|
458
|
-
| `voice-level` | 37,864 | 13,
|
|
337
|
+
| `accordion` | 39,678 | 14,026 | 12,613 | 8,780 | 2,375 | 2,031 |
|
|
338
|
+
| `announcement` | 45,475 | 15,743 | 14,196 | 9,282 | 2,439 | 1,914 |
|
|
339
|
+
| `app-header` | 41,555 | 14,431 | 13,015 | 11,031 | 2,940 | 2,332 |
|
|
340
|
+
| `area-chart` | 119,927 | 40,401 | 35,999 | 24,362 | 6,675 | 5,547 |
|
|
341
|
+
| `aura` | 63,103 | 21,347 | 19,094 | 31,766 | 9,602 | 8,060 |
|
|
342
|
+
| `avatar` | 38,443 | 14,011 | 12,677 | 6,972 | 1,963 | 1,571 |
|
|
343
|
+
| `badge` | 37,184 | 13,274 | 11,983 | 8,449 | 2,108 | 1,784 |
|
|
344
|
+
| `bar-chart` | 134,784 | 44,109 | 39,306 | 38,681 | 10,256 | 8,481 |
|
|
345
|
+
| `blockquote` | 30,479 | 11,331 | 10,208 | 4,606 | 1,400 | 1,041 |
|
|
346
|
+
| `breadcrumbs` | 48,377 | 16,720 | 15,109 | 14,770 | 3,724 | 3,139 |
|
|
347
|
+
| `button` | 47,115 | 15,724 | 14,141 | 11,967 | 3,024 | 2,363 |
|
|
348
|
+
| `button-group` | 35,644 | 12,486 | 11,233 | 8,401 | 2,138 | 1,595 |
|
|
349
|
+
| `callout` | 43,304 | 15,881 | 14,320 | 6,655 | 1,905 | 1,473 |
|
|
350
|
+
| `canvas` | 210,936 | 60,969 | 53,329 | 116,183 | 30,097 | 25,169 |
|
|
351
|
+
| `card` | 31,874 | 11,466 | 10,313 | 5,972 | 1,592 | 1,293 |
|
|
352
|
+
| `carousel` | 59,164 | 18,892 | 17,095 | 25,777 | 6,039 | 4,862 |
|
|
353
|
+
| `chat` | 178,459 | 53,930 | 47,608 | 78,459 | 19,358 | 16,056 |
|
|
354
|
+
| `checkbox` | 51,825 | 16,807 | 15,121 | 9,638 | 2,471 | 1,960 |
|
|
355
|
+
| `checkbox-group` | 59,758 | 18,815 | 16,838 | 15,584 | 3,975 | 3,041 |
|
|
356
|
+
| `code` | 25,303 | 9,733 | 8,798 | 972 | 359 | 308 |
|
|
357
|
+
| `code-block` | 139,027 | 41,788 | 37,170 | 66,699 | 15,891 | 13,074 |
|
|
358
|
+
| `code-editor` | 128,975 | 35,293 | 31,347 | 65,232 | 13,574 | 11,060 |
|
|
359
|
+
| `code-input` | 80,437 | 26,742 | 23,920 | 22,608 | 6,924 | 5,737 |
|
|
360
|
+
| `color-input` | 191,137 | 53,288 | 46,831 | 98,726 | 20,690 | 17,245 |
|
|
361
|
+
| `color-picker` | 146,933 | 40,248 | 35,712 | 85,332 | 18,429 | 15,268 |
|
|
362
|
+
| `combobox` | 176,094 | 53,486 | 47,120 | 60,821 | 14,743 | 11,985 |
|
|
363
|
+
| `command` | 153,126 | 46,327 | 40,571 | 61,590 | 15,564 | 12,881 |
|
|
364
|
+
| `copy-button` | 101,964 | 32,118 | 28,683 | 33,613 | 7,620 | 6,272 |
|
|
365
|
+
| `data-table` | 259,981 | 75,362 | 64,921 | 130,393 | 32,297 | 26,147 |
|
|
366
|
+
| `date-input` | 167,958 | 49,546 | 43,910 | 60,003 | 13,201 | 10,884 |
|
|
367
|
+
| `date-picker` | 74,694 | 24,028 | 21,638 | 28,738 | 7,061 | 5,806 |
|
|
368
|
+
| `description-list` | 30,000 | 10,907 | 9,856 | 4,500 | 1,217 | 869 |
|
|
369
|
+
| `device-screen` | 140,815 | 41,618 | 36,799 | 64,014 | 14,629 | 11,855 |
|
|
370
|
+
| `dialog` | 48,335 | 16,368 | 14,717 | 11,824 | 3,145 | 2,617 |
|
|
371
|
+
| `divider` | 29,801 | 11,012 | 9,904 | 3,693 | 1,120 | 875 |
|
|
372
|
+
| `donut-chart` | 115,062 | 38,018 | 34,033 | 26,449 | 7,032 | 5,833 |
|
|
373
|
+
| `drawer` | 52,989 | 17,874 | 16,078 | 13,688 | 3,665 | 2,972 |
|
|
374
|
+
| `drilldown` | 52,472 | 17,497 | 15,762 | 15,370 | 3,968 | 3,227 |
|
|
375
|
+
| `editor` | 218,148 | 59,656 | 51,910 | 124,249 | 26,533 | 21,775 |
|
|
376
|
+
| `empty` | 29,893 | 11,194 | 10,054 | 3,263 | 1,074 | 833 |
|
|
377
|
+
| `file-input` | 73,885 | 23,775 | 21,407 | 24,632 | 6,450 | 5,352 |
|
|
378
|
+
| `filter-input` | 133,823 | 42,981 | 38,156 | 40,024 | 10,698 | 8,804 |
|
|
379
|
+
| `find` | 98,997 | 28,720 | 25,601 | 43,394 | 8,951 | 7,214 |
|
|
380
|
+
| `flex` | 29,891 | 10,601 | 9,530 | 4,759 | 994 | 783 |
|
|
381
|
+
| `format-date` | 35,026 | 12,935 | 11,667 | 4,696 | 1,343 | 1,092 |
|
|
382
|
+
| `graph` | 172,724 | 49,905 | 43,567 | 66,004 | 15,117 | 12,240 |
|
|
383
|
+
| `grid` | 31,341 | 11,281 | 10,180 | 5,652 | 1,447 | 1,184 |
|
|
384
|
+
| `heatmap` | 122,486 | 40,168 | 35,770 | 29,126 | 7,733 | 6,355 |
|
|
385
|
+
| `icon` | 100,618 | 33,877 | 29,206 | 71,110 | 23,641 | 19,262 |
|
|
386
|
+
| `icon-button` | 50,475 | 15,918 | 14,307 | 15,330 | 3,209 | 2,632 |
|
|
387
|
+
| `image` | 31,337 | 11,457 | 10,312 | 5,199 | 1,525 | 1,265 |
|
|
388
|
+
| `input` | 77,104 | 25,556 | 22,761 | 19,492 | 5,862 | 4,639 |
|
|
389
|
+
| `kbd` | 34,961 | 12,826 | 11,488 | 5,812 | 1,726 | 1,364 |
|
|
390
|
+
| `legend` | 48,795 | 16,773 | 15,080 | 7,864 | 2,128 | 1,652 |
|
|
391
|
+
| `lightbox` | 66,746 | 21,652 | 19,455 | 23,116 | 5,919 | 4,648 |
|
|
392
|
+
| `line-chart` | 126,099 | 41,803 | 37,292 | 29,925 | 7,869 | 6,527 |
|
|
393
|
+
| `list` | 72,482 | 24,246 | 21,672 | 21,551 | 5,853 | 4,699 |
|
|
394
|
+
| `listbox` | 109,491 | 35,457 | 31,392 | 29,227 | 8,324 | 6,707 |
|
|
395
|
+
| `loader` | 33,789 | 12,336 | 11,161 | 5,648 | 1,654 | 1,360 |
|
|
396
|
+
| `log` | 105,740 | 32,836 | 29,538 | 56,941 | 15,608 | 13,162 |
|
|
397
|
+
| `map` | 202,379 | 53,634 | 46,380 | 105,489 | 21,755 | 17,672 |
|
|
398
|
+
| `markdown` | 169,758 | 51,532 | 45,699 | 92,864 | 24,163 | 20,243 |
|
|
399
|
+
| `megamenu` | 69,758 | 24,236 | 21,676 | 13,752 | 3,527 | 2,665 |
|
|
400
|
+
| `menu` | 116,934 | 36,590 | 32,620 | 44,558 | 10,740 | 8,800 |
|
|
401
|
+
| `meter` | 46,277 | 15,618 | 14,130 | 14,605 | 3,482 | 2,957 |
|
|
402
|
+
| `motion-toggle` | 31,514 | 11,912 | 10,675 | 3,040 | 962 | 674 |
|
|
403
|
+
| `navigation` | 40,961 | 14,625 | 13,099 | 7,071 | 1,942 | 1,515 |
|
|
404
|
+
| `notifications` | 76,232 | 23,678 | 21,398 | 31,722 | 7,598 | 6,307 |
|
|
405
|
+
| `number-input` | 66,171 | 21,601 | 19,380 | 18,507 | 4,804 | 3,747 |
|
|
406
|
+
| `object-inspector` | 141,639 | 43,908 | 38,887 | 55,250 | 13,574 | 11,061 |
|
|
407
|
+
| `option` | 33,689 | 12,080 | 10,887 | 7,569 | 2,121 | 1,643 |
|
|
408
|
+
| `orb` | 40,417 | 15,080 | 13,649 | 10,006 | 3,684 | 3,179 |
|
|
409
|
+
| `outline` | 42,409 | 14,904 | 13,455 | 12,101 | 3,384 | 2,711 |
|
|
410
|
+
| `pagination` | 182,295 | 55,484 | 48,511 | 72,319 | 17,892 | 14,668 |
|
|
411
|
+
| `pin-input` | 55,807 | 19,003 | 17,070 | 10,558 | 3,274 | 2,546 |
|
|
412
|
+
| `popover` | 72,347 | 25,104 | 22,477 | 10,347 | 2,744 | 2,168 |
|
|
413
|
+
| `progress` | 39,966 | 13,911 | 12,607 | 10,155 | 2,549 | 2,221 |
|
|
414
|
+
| `qr-code` | 48,744 | 18,462 | 16,674 | 18,511 | 6,730 | 5,699 |
|
|
415
|
+
| `quote` | 27,223 | 10,456 | 9,389 | 1,746 | 668 | 457 |
|
|
416
|
+
| `radio` | 54,658 | 17,359 | 15,570 | 11,578 | 2,705 | 2,158 |
|
|
417
|
+
| `rating` | 59,104 | 20,073 | 18,037 | 11,964 | 3,648 | 2,907 |
|
|
418
|
+
| `sandbox` | 209,571 | 60,920 | 52,608 | 145,326 | 38,977 | 31,925 |
|
|
419
|
+
| `scatter-chart` | 120,519 | 40,082 | 35,804 | 31,470 | 8,851 | 7,299 |
|
|
420
|
+
| `scroll-area` | 43,327 | 14,070 | 12,663 | 16,953 | 4,081 | 3,340 |
|
|
421
|
+
| `select` | 153,149 | 48,687 | 42,869 | 44,784 | 11,782 | 9,491 |
|
|
422
|
+
| `shortcut-overlay` | 60,880 | 20,448 | 18,404 | 19,196 | 5,143 | 4,262 |
|
|
423
|
+
| `skeleton` | 30,425 | 11,121 | 10,041 | 4,751 | 1,342 | 1,179 |
|
|
424
|
+
| `skip-link` | 29,685 | 11,238 | 10,066 | 2,774 | 947 | 739 |
|
|
425
|
+
| `slider` | 73,692 | 21,950 | 19,768 | 28,627 | 6,230 | 4,987 |
|
|
426
|
+
| `sparkline` | 58,249 | 20,284 | 18,334 | 11,404 | 3,433 | 2,845 |
|
|
427
|
+
| `spatial-bar-chart` | 137,375 | 46,202 | 41,032 | 41,171 | 12,315 | 10,352 |
|
|
428
|
+
| `spatial-heatmap` | 139,271 | 45,587 | 40,536 | 43,224 | 12,014 | 10,105 |
|
|
429
|
+
| `spatial-ribbon-chart` | 125,800 | 42,368 | 37,678 | 31,619 | 9,365 | 7,730 |
|
|
430
|
+
| `spatial-scatter-chart` | 123,929 | 41,483 | 36,913 | 29,802 | 8,519 | 6,986 |
|
|
431
|
+
| `spatial-surface-chart` | 126,323 | 42,659 | 38,023 | 32,138 | 9,619 | 8,069 |
|
|
432
|
+
| `spatial-treemap` | 128,010 | 43,404 | 38,715 | 32,130 | 9,689 | 8,050 |
|
|
433
|
+
| `speed-dial` | 80,178 | 27,325 | 24,473 | 17,946 | 4,319 | 3,530 |
|
|
434
|
+
| `splitter` | 54,702 | 17,726 | 16,030 | 20,521 | 4,807 | 3,940 |
|
|
435
|
+
| `stat` | 32,726 | 11,914 | 10,761 | 5,183 | 1,467 | 1,211 |
|
|
436
|
+
| `steps` | 73,366 | 23,209 | 20,802 | 28,202 | 6,758 | 5,482 |
|
|
437
|
+
| `strands` | 67,865 | 24,813 | 22,091 | 38,808 | 13,774 | 11,814 |
|
|
438
|
+
| `switch` | 48,654 | 16,303 | 14,618 | 6,183 | 1,808 | 1,314 |
|
|
439
|
+
| `table` | 142,528 | 41,639 | 36,683 | 62,907 | 15,456 | 12,696 |
|
|
440
|
+
| `tabs` | 61,069 | 19,404 | 17,457 | 20,758 | 4,901 | 3,963 |
|
|
441
|
+
| `tag` | 51,398 | 18,022 | 16,245 | 13,000 | 3,587 | 2,853 |
|
|
442
|
+
| `terminal` | 171,770 | 48,671 | 42,940 | 84,241 | 17,828 | 14,662 |
|
|
443
|
+
| `text` | 32,865 | 11,351 | 10,175 | 7,176 | 1,452 | 1,231 |
|
|
444
|
+
| `textarea` | 75,307 | 24,786 | 22,287 | 18,259 | 5,240 | 4,357 |
|
|
445
|
+
| `time-input` | 222,150 | 65,393 | 56,935 | 82,919 | 19,245 | 15,863 |
|
|
446
|
+
| `time-picker` | 139,978 | 42,612 | 37,514 | 55,712 | 14,289 | 11,594 |
|
|
447
|
+
| `timeline` | 42,871 | 14,945 | 13,482 | 10,948 | 2,677 | 2,241 |
|
|
448
|
+
| `toast` | 87,746 | 27,513 | 24,601 | 33,969 | 8,403 | 6,918 |
|
|
449
|
+
| `toggle` | 55,526 | 18,006 | 16,209 | 10,915 | 3,030 | 2,361 |
|
|
450
|
+
| `toolbar` | 41,030 | 14,434 | 12,991 | 4,026 | 967 | 669 |
|
|
451
|
+
| `tooltip` | 67,354 | 23,589 | 21,181 | 11,743 | 3,219 | 2,538 |
|
|
452
|
+
| `tour` | 99,755 | 32,398 | 28,926 | 30,558 | 7,571 | 6,070 |
|
|
453
|
+
| `tree` | 81,248 | 26,172 | 23,375 | 26,549 | 6,905 | 5,631 |
|
|
454
|
+
| `trend` | 36,411 | 13,732 | 12,395 | 5,476 | 1,646 | 1,252 |
|
|
455
|
+
| `video` | 171,773 | 50,073 | 44,169 | 90,123 | 20,796 | 17,422 |
|
|
456
|
+
| `video-playlist` | 152,398 | 46,356 | 40,989 | 62,152 | 14,701 | 12,224 |
|
|
457
|
+
| `virtual-list` | 73,128 | 24,127 | 21,730 | 27,036 | 7,887 | 6,539 |
|
|
458
|
+
| `voice-level` | 37,864 | 13,918 | 12,547 | 7,531 | 2,494 | 2,158 |
|
|
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,430,061 | 641 | 902,790 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
472
|
+
| `@fusion.dev/helix-headless` | 26,646,684 | 826 | 2,833,950 | `@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,238,055 | 1,089 | 623,571 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
477
477
|
|
|
478
478
|
## Not measured yet
|
|
479
479
|
|