@fusion.dev/helix-docs 0.222.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.
@@ -48,7 +48,7 @@ on its own.
48
48
 
49
49
  | | Raw | Gzip | Brotli |
50
50
  |---|---|---|---|
51
- | Lit and `@fusion.dev/helix-core` | 307,620 | 96,935 | 82,945 |
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` | 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. |
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,466,898 | 630,946 | 452,046 | Every styled family. |
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 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.
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 71,647. Every family together is 630,946.
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 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.
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,597 bytes gzipped alone.
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,37 +103,37 @@ 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,133 |
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,085 |
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,722 |
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,359 | 15,559 |
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,640 |
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,405 | 17,454 |
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,591 | 21,222 |
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 |
@@ -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,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 |
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,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 |
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,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` |
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,226,258 | 1,089 | 623,129 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
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