@fusion.dev/helix-docs 0.191.0 → 0.192.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.
Files changed (5) hide show
  1. package/content/metrics.mdx +225 -225
  2. package/content/spatial-charts.mdx +174 -0
  3. package/dist/pages.generated.js +6 -0
  4. package/dist/sources.generated.js +400 -225
  5. package/package.json +9 -9
package/content/metrics.mdx CHANGED
@@ -46,7 +46,7 @@ on its own.
46
46
 
47
47
  | | Raw | Gzip | Brotli |
48
48
  |---|---|---|---|
49
- | Lit and `@fusion.dev/helix-core` | 251,850 | 80,719 | 69,123 |
49
+ | Lit and `@fusion.dev/helix-core` | 251,850 | 80,719 | 69,051 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,12 +57,12 @@ either barrel. The per-component tables show what your page pays.
57
57
 
58
58
  | Package | Raw | Gzip | Brotli | |
59
59
  |---|---|---|---|---|
60
- | `@fusion.dev/helix-core` | 251,059 | 80,557 | 68,805 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,359,170 | 380,216 | 285,227 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 251,059 | 80,557 | 68,786 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,359,782 | 380,639 | 285,473 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
64
  | `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
65
- | `@fusion.dev/helix` | 2,043,111 | 529,015 | 377,332 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,043,729 | 529,254 | 377,743 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
67
67
 
68
68
  ## Stylesheets
@@ -85,11 +85,11 @@ shows the whole cost of using the base layer on its own.
85
85
 
86
86
  **Most of your first component is the shared runtime.** The median styled family is 18,135 bytes gzipped alone, and it adds 4,023 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.
87
87
 
88
- Across the 108 styled components, the smallest is `code` at 8,332 bytes gzipped alone, and the largest is `data-table` at 66,818. Every family together is 529,015.
88
+ Across the 108 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,818. Every family together is 529,254.
89
89
 
90
- 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 380,216 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 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.
90
+ 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 380,639 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
91
91
 
92
- 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 17,291 bytes gzipped alone.
92
+ The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 17,293 bytes gzipped alone.
93
93
 
94
94
  ## Compared with other systems
95
95
 
@@ -101,37 +101,37 @@ The table has no whole-library row. That row would compare how many components e
101
101
 
102
102
  | Component | System | Raw | Gzip | Brotli |
103
103
  |---|---|---|---|---|
104
- | `button` | **Helix** | 41,612 | 14,008 | 12,455 |
104
+ | `button` | **Helix** | 41,612 | 14,008 | 12,420 |
105
105
  | | Carbon | 133,058 | 20,959 | 17,685 |
106
106
  | | Material Web | 47,060 | 14,173 | 12,591 |
107
107
  | | Shoelace | 62,628 | 18,287 | 15,805 |
108
108
  | | Spectrum | 98,792 | 22,045 | 18,674 |
109
- | `checkbox` | **Helix** | 46,865 | 15,190 | 13,504 |
109
+ | `checkbox` | **Helix** | 46,865 | 15,190 | 13,518 |
110
110
  | | Carbon | 60,255 | 15,609 | 13,550 |
111
111
  | | Material Web | 43,785 | 13,556 | 12,015 |
112
112
  | | Shoelace | 47,614 | 15,177 | 13,301 |
113
113
  | | Spectrum | 62,492 | 15,437 | 13,481 |
114
- | `dialog` | **Helix** | 43,360 | 14,853 | 13,261 |
114
+ | `dialog` | **Helix** | 43,360 | 14,855 | 13,243 |
115
115
  | | Carbon | 510,866 | 67,390 | 39,189 |
116
116
  | | Material Web | 34,238 | 11,510 | 10,229 |
117
117
  | | Shoelace | 52,754 | 17,698 | 15,554 |
118
118
  | | Spectrum | 155,708 | 31,899 | 26,262 |
119
- | `radio` | **Helix** | 50,349 | 15,974 | 14,216 |
119
+ | `radio` | **Helix** | 50,349 | 15,974 | 14,201 |
120
120
  | | Carbon | 63,055 | 16,887 | 14,605 |
121
121
  | | Material Web | 41,044 | 13,234 | 11,757 |
122
122
  | | Shoelace | 34,865 | 12,027 | 10,559 |
123
123
  | | Spectrum | 38,685 | 10,660 | 9,370 |
124
- | `switch` | **Helix** | 43,562 | 14,636 | 13,022 |
124
+ | `switch` | **Helix** | 43,562 | 14,637 | 13,009 |
125
125
  | | Carbon | 69,423 | 17,127 | 14,764 |
126
126
  | | Material Web | 50,155 | 14,577 | 12,935 |
127
127
  | | Shoelace | 37,833 | 11,814 | 10,568 |
128
128
  | | Spectrum | 62,322 | 15,059 | 13,321 |
129
- | `tabs` | **Helix** | 55,263 | 17,752 | 15,791 |
129
+ | `tabs` | **Helix** | 55,263 | 17,752 | 15,775 |
130
130
  | | Carbon | 578,766 | 73,537 | 43,235 |
131
131
  | | Material Web | 38,883 | 12,820 | 11,368 |
132
132
  | | Shoelace | 54,573 | 17,140 | 15,068 |
133
133
  | | Spectrum | 64,875 | 18,298 | 16,283 |
134
- | `tooltip` | **Helix** | 61,420 | 21,834 | 19,361 |
134
+ | `tooltip` | **Helix** | 61,420 | 21,834 | 19,393 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -183,107 +183,107 @@ Structure, accessibility, state, and form participation. It has no presentation
183
183
 
184
184
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
185
185
  |---|---|---|---|---|---|---|
186
- | `accordion` | 31,879 | 11,804 | 10,462 | 5,329 | 1,575 | 1,137 |
187
- | `announcement` | 36,692 | 13,311 | 11,888 | 4,682 | 1,386 | 1,053 |
188
- | `app-header` | 32,289 | 11,898 | 10,559 | 5,871 | 1,771 | 1,283 |
189
- | `area-chart` | 90,301 | 31,727 | 28,060 | 14,057 | 4,328 | 3,553 |
190
- | `avatar` | 30,463 | 11,595 | 10,364 | 3,957 | 1,211 | 841 |
191
- | `badge` | 27,088 | 10,568 | 9,406 | 2,942 | 897 | 661 |
192
- | `bar-chart` | 94,416 | 32,821 | 29,043 | 18,022 | 5,406 | 4,236 |
193
- | `blockquote` | 24,107 | 9,421 | 8,312 | 2,402 | 887 | 687 |
194
- | `breadcrumbs` | 36,279 | 13,907 | 12,384 | 7,360 | 2,421 | 1,861 |
195
- | `button` | 35,194 | 12,591 | 11,196 | 4,925 | 1,443 | 1,066 |
196
- | `button-group` | 27,640 | 10,382 | 9,202 | 4,927 | 1,509 | 1,101 |
197
- | `callout` | 35,256 | 13,592 | 12,066 | 2,884 | 981 | 696 |
198
- | `canvas` | 108,483 | 34,750 | 30,377 | 68,924 | 20,915 | 17,505 |
199
- | `card` | 23,777 | 9,053 | 8,016 | 2,090 | 654 | 518 |
200
- | `carousel` | 42,748 | 15,233 | 13,621 | 15,005 | 4,187 | 3,214 |
201
- | `chat` | 79,390 | 26,446 | 23,420 | 27,455 | 8,063 | 6,319 |
202
- | `checkbox` | 40,374 | 13,681 | 12,202 | 3,107 | 957 | 607 |
203
- | `checkbox-group` | 47,602 | 15,599 | 13,896 | 8,325 | 2,356 | 1,675 |
204
- | `code` | 20,301 | 8,015 | 7,094 | 138 | 74 | 4 |
205
- | `code-block` | 102,738 | 34,888 | 30,813 | 36,842 | 10,761 | 8,742 |
206
- | `color-input` | 141,792 | 45,090 | 39,427 | 55,134 | 14,318 | 11,478 |
207
- | `color-picker` | 103,415 | 32,966 | 28,874 | 47,255 | 12,727 | 10,254 |
208
- | `combobox` | 132,023 | 41,952 | 36,963 | 35,789 | 9,121 | 7,100 |
209
- | `command` | 99,513 | 31,474 | 27,706 | 30,059 | 8,123 | 6,379 |
210
- | `copy-button` | 80,548 | 27,648 | 24,485 | 18,341 | 4,985 | 3,803 |
211
- | `data-table` | 199,900 | 61,426 | 52,479 | 89,490 | 23,843 | 19,061 |
212
- | `date-input` | 141,223 | 44,511 | 39,190 | 38,228 | 9,471 | 7,449 |
213
- | `date-picker` | 61,360 | 20,935 | 18,795 | 20,345 | 5,604 | 4,374 |
214
- | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 526 | 276 |
215
- | `dialog` | 38,247 | 13,596 | 12,111 | 5,837 | 1,727 | 1,228 |
216
- | `divider` | 22,991 | 8,923 | 7,886 | 1,416 | 508 | 330 |
217
- | `donut-chart` | 89,212 | 31,129 | 27,517 | 14,641 | 4,489 | 3,535 |
218
- | `drawer` | 42,892 | 15,121 | 13,461 | 7,698 | 2,298 | 1,728 |
219
- | `drilldown` | 42,756 | 14,940 | 13,341 | 9,709 | 2,723 | 2,093 |
220
- | `empty` | 24,194 | 9,250 | 8,200 | 1,951 | 642 | 473 |
221
- | `file-input` | 57,757 | 20,017 | 17,795 | 13,093 | 4,143 | 3,166 |
222
- | `filter-input` | 97,846 | 32,818 | 29,094 | 21,629 | 6,179 | 4,963 |
223
- | `format-date` | 30,158 | 11,290 | 10,065 | 4,434 | 1,266 | 924 |
224
- | `graph` | 74,369 | 24,503 | 21,605 | 21,877 | 6,475 | 5,188 |
225
- | `heatmap` | 98,128 | 33,502 | 29,564 | 18,944 | 5,578 | 4,266 |
226
- | `icon` | 82,157 | 28,049 | 23,964 | 58,304 | 19,614 | 16,099 |
227
- | `icon-button` | 35,305 | 12,619 | 11,225 | 5,034 | 1,472 | 1,144 |
228
- | `image` | 25,504 | 9,479 | 8,405 | 3,823 | 1,153 | 900 |
229
- | `input` | 46,361 | 15,974 | 14,086 | 7,352 | 2,426 | 1,723 |
230
- | `kbd` | 27,511 | 10,569 | 9,376 | 3,516 | 1,113 | 766 |
231
- | `legend` | 35,184 | 12,934 | 11,488 | 2,957 | 988 | 691 |
232
- | `lightbox` | 55,724 | 18,815 | 16,716 | 16,730 | 4,662 | 3,467 |
233
- | `line-chart` | 91,335 | 31,880 | 28,257 | 14,762 | 4,390 | 3,475 |
234
- | `list` | 61,803 | 21,291 | 18,940 | 15,241 | 4,436 | 3,318 |
235
- | `listbox` | 76,711 | 25,426 | 22,469 | 15,564 | 4,611 | 3,353 |
236
- | `loader` | 26,379 | 10,040 | 8,907 | 2,775 | 945 | 660 |
237
- | `map` | 78,565 | 24,394 | 21,314 | 37,026 | 10,112 | 7,929 |
238
- | `megamenu` | 60,027 | 21,697 | 19,185 | 8,596 | 2,356 | 1,676 |
239
- | `menu` | 97,473 | 32,552 | 28,715 | 30,180 | 7,955 | 6,288 |
240
- | `meter` | 31,721 | 12,025 | 10,715 | 4,894 | 1,437 | 1,199 |
241
- | `navigation` | 33,088 | 12,436 | 11,038 | 3,366 | 1,152 | 787 |
242
- | `notifications` | 58,346 | 19,879 | 17,743 | 18,207 | 5,059 | 4,004 |
243
- | `number-input` | 56,271 | 18,841 | 16,796 | 13,523 | 3,637 | 2,747 |
244
- | `object-inspector` | 113,929 | 38,373 | 33,774 | 35,493 | 10,274 | 8,069 |
245
- | `option` | 26,477 | 9,763 | 8,663 | 4,524 | 1,201 | 901 |
246
- | `outline` | 33,612 | 12,597 | 11,178 | 7,856 | 2,562 | 1,860 |
247
- | `pagination` | 136,258 | 43,650 | 37,956 | 45,378 | 11,896 | 9,336 |
248
- | `pin-input` | 47,068 | 16,412 | 14,642 | 6,736 | 2,224 | 1,610 |
249
- | `popover` | 63,806 | 22,940 | 20,302 | 6,374 | 1,845 | 1,397 |
250
- | `progress` | 28,084 | 10,727 | 9,550 | 2,970 | 919 | 758 |
251
- | `qr-code` | 42,719 | 16,647 | 14,826 | 17,004 | 6,295 | 5,275 |
252
- | `quote` | 22,516 | 8,884 | 7,827 | 1,211 | 533 | 385 |
253
- | `radio` | 42,561 | 14,464 | 12,871 | 3,817 | 1,191 | 828 |
254
- | `rating` | 50,257 | 17,291 | 15,420 | 8,028 | 2,426 | 1,761 |
255
- | `scatter-chart` | 91,226 | 31,675 | 28,011 | 16,126 | 4,809 | 3,792 |
256
- | `scroll-area` | 30,430 | 11,078 | 9,813 | 8,499 | 2,589 | 1,943 |
257
- | `select` | 115,289 | 38,175 | 33,463 | 26,033 | 7,152 | 5,349 |
258
- | `skeleton` | 22,328 | 8,643 | 7,700 | 991 | 406 | 238 |
259
- | `skip-link` | 23,871 | 9,337 | 8,259 | 1,225 | 500 | 302 |
260
- | `slider` | 52,873 | 17,826 | 15,916 | 13,159 | 3,775 | 2,933 |
261
- | `sparkline` | 47,984 | 17,499 | 15,600 | 5,980 | 2,121 | 1,625 |
262
- | `spatial-heatmap` | 106,543 | 35,963 | 31,725 | 26,485 | 7,651 | 6,135 |
263
- | `spatial-scatter-chart` | 94,415 | 33,050 | 29,159 | 16,256 | 5,251 | 4,207 |
264
- | `spatial-surface-chart` | 96,111 | 33,771 | 29,811 | 17,890 | 5,911 | 4,698 |
265
- | `speed-dial` | 68,751 | 24,717 | 21,968 | 10,915 | 2,964 | 2,242 |
266
- | `splitter` | 43,751 | 15,169 | 13,529 | 14,396 | 3,846 | 3,015 |
267
- | `stat` | 25,255 | 9,674 | 8,601 | 2,303 | 767 | 454 |
268
- | `steps` | 53,623 | 18,635 | 16,624 | 13,602 | 3,853 | 3,097 |
269
- | `switch` | 39,233 | 13,496 | 12,030 | 1,679 | 610 | 321 |
270
- | `table` | 118,358 | 37,061 | 32,239 | 45,147 | 12,471 | 9,949 |
271
- | `tabs` | 46,310 | 15,908 | 14,143 | 10,491 | 2,879 | 2,169 |
272
- | `tag` | 42,676 | 15,619 | 13,985 | 8,454 | 2,532 | 1,758 |
273
- | `textarea` | 43,852 | 14,939 | 13,347 | 5,402 | 1,596 | 1,140 |
274
- | `time-input` | 169,269 | 52,675 | 45,792 | 48,510 | 12,432 | 9,823 |
275
- | `time-picker` | 99,603 | 31,517 | 27,753 | 33,933 | 9,203 | 7,081 |
276
- | `timeline` | 31,286 | 11,862 | 10,612 | 4,061 | 1,217 | 875 |
277
- | `toast` | 50,871 | 17,939 | 15,975 | 12,123 | 3,514 | 2,756 |
278
- | `toggle` | 45,577 | 15,271 | 13,574 | 6,007 | 1,818 | 1,390 |
279
- | `toolbar` | 31,047 | 11,572 | 10,294 | 5,158 | 1,656 | 1,309 |
280
- | `tooltip` | 58,616 | 21,090 | 18,732 | 8,433 | 2,350 | 1,823 |
281
- | `tour` | 83,670 | 28,721 | 25,403 | 19,814 | 5,441 | 4,144 |
282
- | `tree` | 67,586 | 22,717 | 20,253 | 17,198 | 4,960 | 3,853 |
283
- | `trend` | 29,717 | 11,568 | 10,337 | 3,486 | 1,114 | 846 |
284
- | `video` | 141,208 | 44,137 | 38,471 | 66,218 | 16,798 | 13,694 |
285
- | `video-playlist` | 127,686 | 41,300 | 36,326 | 42,774 | 11,208 | 9,159 |
286
- | `virtual-list` | 63,451 | 21,631 | 19,286 | 23,305 | 7,147 | 5,746 |
186
+ | `accordion` | 31,879 | 11,804 | 10,470 | 5,329 | 1,575 | 1,256 |
187
+ | `announcement` | 36,692 | 13,312 | 11,876 | 4,682 | 1,386 | 1,056 |
188
+ | `app-header` | 32,289 | 11,898 | 10,585 | 5,871 | 1,771 | 1,332 |
189
+ | `area-chart` | 90,301 | 31,727 | 28,021 | 14,057 | 4,328 | 3,571 |
190
+ | `avatar` | 30,463 | 11,595 | 10,369 | 3,957 | 1,212 | 992 |
191
+ | `badge` | 27,088 | 10,568 | 9,410 | 2,942 | 897 | 809 |
192
+ | `bar-chart` | 94,416 | 32,821 | 29,080 | 18,022 | 5,407 | 4,361 |
193
+ | `blockquote` | 24,107 | 9,421 | 8,332 | 2,402 | 887 | 743 |
194
+ | `breadcrumbs` | 36,279 | 13,907 | 12,385 | 7,360 | 2,421 | 1,922 |
195
+ | `button` | 35,194 | 12,591 | 11,200 | 4,925 | 1,443 | 1,149 |
196
+ | `button-group` | 27,640 | 10,382 | 9,203 | 4,927 | 1,509 | 1,195 |
197
+ | `callout` | 35,256 | 13,593 | 12,072 | 2,884 | 981 | 712 |
198
+ | `canvas` | 108,483 | 34,750 | 30,384 | 68,924 | 20,915 | 17,537 |
199
+ | `card` | 23,777 | 9,054 | 8,019 | 2,090 | 654 | 479 |
200
+ | `carousel` | 42,748 | 15,233 | 13,608 | 15,005 | 4,187 | 3,250 |
201
+ | `chat` | 79,390 | 26,446 | 23,381 | 27,455 | 8,063 | 6,360 |
202
+ | `checkbox` | 40,374 | 13,681 | 12,222 | 3,107 | 957 | 656 |
203
+ | `checkbox-group` | 47,602 | 15,599 | 13,904 | 8,325 | 2,356 | 1,816 |
204
+ | `code` | 20,301 | 8,016 | 7,122 | 138 | 75 | 240 |
205
+ | `code-block` | 102,738 | 34,889 | 30,831 | 36,842 | 10,761 | 8,794 |
206
+ | `color-input` | 141,792 | 45,090 | 39,364 | 55,134 | 14,318 | 11,616 |
207
+ | `color-picker` | 103,415 | 32,966 | 28,868 | 47,255 | 12,727 | 10,341 |
208
+ | `combobox` | 132,023 | 41,951 | 36,945 | 35,789 | 9,121 | 7,168 |
209
+ | `command` | 99,513 | 31,475 | 27,706 | 30,059 | 8,124 | 6,386 |
210
+ | `copy-button` | 80,548 | 27,649 | 24,500 | 18,341 | 4,985 | 3,936 |
211
+ | `data-table` | 199,900 | 61,426 | 52,599 | 89,490 | 23,843 | 19,079 |
212
+ | `date-input` | 141,223 | 44,511 | 39,074 | 38,228 | 9,472 | 7,537 |
213
+ | `date-picker` | 61,360 | 20,935 | 18,732 | 20,345 | 5,604 | 4,337 |
214
+ | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 526 | 419 |
215
+ | `dialog` | 38,247 | 13,598 | 12,117 | 5,837 | 1,727 | 1,350 |
216
+ | `divider` | 22,991 | 8,923 | 7,888 | 1,416 | 508 | 332 |
217
+ | `donut-chart` | 89,212 | 31,129 | 27,510 | 14,641 | 4,489 | 3,621 |
218
+ | `drawer` | 42,892 | 15,123 | 13,470 | 7,698 | 2,299 | 1,887 |
219
+ | `drilldown` | 42,756 | 14,941 | 13,295 | 9,709 | 2,723 | 2,106 |
220
+ | `empty` | 24,194 | 9,250 | 8,200 | 1,951 | 642 | 451 |
221
+ | `file-input` | 57,757 | 20,019 | 17,836 | 13,093 | 4,143 | 3,249 |
222
+ | `filter-input` | 97,846 | 32,819 | 29,103 | 21,629 | 6,180 | 4,854 |
223
+ | `format-date` | 30,158 | 11,290 | 10,085 | 4,434 | 1,266 | 1,052 |
224
+ | `graph` | 74,369 | 24,503 | 21,667 | 21,877 | 6,476 | 5,185 |
225
+ | `heatmap` | 98,128 | 33,502 | 29,597 | 18,944 | 5,578 | 4,446 |
226
+ | `icon` | 82,157 | 28,051 | 23,971 | 58,304 | 19,614 | 16,081 |
227
+ | `icon-button` | 35,305 | 12,619 | 11,227 | 5,034 | 1,472 | 1,068 |
228
+ | `image` | 25,504 | 9,479 | 8,405 | 3,823 | 1,153 | 933 |
229
+ | `input` | 46,361 | 15,975 | 14,087 | 7,352 | 2,426 | 1,783 |
230
+ | `kbd` | 27,511 | 10,569 | 9,338 | 3,516 | 1,114 | 876 |
231
+ | `legend` | 35,184 | 12,934 | 11,491 | 2,957 | 988 | 785 |
232
+ | `lightbox` | 55,724 | 18,816 | 16,718 | 16,730 | 4,662 | 3,434 |
233
+ | `line-chart` | 91,335 | 31,880 | 28,296 | 14,762 | 4,390 | 3,634 |
234
+ | `list` | 61,803 | 21,293 | 18,983 | 15,241 | 4,436 | 3,398 |
235
+ | `listbox` | 76,711 | 25,427 | 22,459 | 15,564 | 4,611 | 3,478 |
236
+ | `loader` | 26,379 | 10,041 | 8,907 | 2,775 | 945 | 814 |
237
+ | `map` | 78,565 | 24,393 | 21,373 | 37,026 | 10,112 | 7,935 |
238
+ | `megamenu` | 60,027 | 21,697 | 19,192 | 8,596 | 2,356 | 1,795 |
239
+ | `menu` | 97,473 | 32,553 | 28,774 | 30,180 | 7,955 | 6,350 |
240
+ | `meter` | 31,721 | 12,025 | 10,720 | 4,894 | 1,438 | 1,331 |
241
+ | `navigation` | 33,088 | 12,436 | 11,038 | 3,366 | 1,152 | 1,022 |
242
+ | `notifications` | 58,346 | 19,880 | 17,701 | 18,207 | 5,059 | 3,947 |
243
+ | `number-input` | 56,271 | 18,841 | 16,796 | 13,523 | 3,637 | 2,673 |
244
+ | `object-inspector` | 113,929 | 38,373 | 33,766 | 35,493 | 10,274 | 8,174 |
245
+ | `option` | 26,477 | 9,763 | 8,665 | 4,524 | 1,201 | 924 |
246
+ | `outline` | 33,612 | 12,597 | 11,180 | 7,856 | 2,562 | 2,017 |
247
+ | `pagination` | 136,258 | 43,650 | 37,995 | 45,378 | 11,896 | 9,383 |
248
+ | `pin-input` | 47,068 | 16,414 | 14,642 | 6,736 | 2,224 | 1,608 |
249
+ | `popover` | 63,806 | 22,940 | 20,258 | 6,374 | 1,845 | 1,343 |
250
+ | `progress` | 28,084 | 10,727 | 9,550 | 2,970 | 920 | 856 |
251
+ | `qr-code` | 42,719 | 16,647 | 14,833 | 17,004 | 6,295 | 5,372 |
252
+ | `quote` | 22,516 | 8,884 | 7,827 | 1,211 | 533 | 313 |
253
+ | `radio` | 42,561 | 14,464 | 12,873 | 3,817 | 1,191 | 838 |
254
+ | `rating` | 50,257 | 17,293 | 15,435 | 8,028 | 2,426 | 1,835 |
255
+ | `scatter-chart` | 91,226 | 31,675 | 28,004 | 16,126 | 4,810 | 3,905 |
256
+ | `scroll-area` | 30,430 | 11,078 | 9,814 | 8,499 | 2,589 | 2,068 |
257
+ | `select` | 115,289 | 38,175 | 33,456 | 26,033 | 7,152 | 5,455 |
258
+ | `skeleton` | 22,328 | 8,643 | 7,666 | 991 | 406 | 274 |
259
+ | `skip-link` | 23,871 | 9,337 | 8,265 | 1,225 | 500 | 307 |
260
+ | `slider` | 52,873 | 17,827 | 15,967 | 13,159 | 3,775 | 3,054 |
261
+ | `sparkline` | 47,984 | 17,499 | 15,601 | 5,980 | 2,122 | 1,740 |
262
+ | `spatial-heatmap` | 109,081 | 37,164 | 32,728 | 27,225 | 8,001 | 6,498 |
263
+ | `spatial-scatter-chart` | 94,415 | 33,050 | 29,166 | 16,256 | 5,251 | 4,226 |
264
+ | `spatial-surface-chart` | 96,111 | 33,772 | 29,722 | 17,890 | 5,911 | 4,777 |
265
+ | `speed-dial` | 68,751 | 24,718 | 21,856 | 10,915 | 2,964 | 2,339 |
266
+ | `splitter` | 43,751 | 15,169 | 13,536 | 14,396 | 3,846 | 3,053 |
267
+ | `stat` | 25,255 | 9,675 | 8,619 | 2,303 | 767 | 521 |
268
+ | `steps` | 53,623 | 18,636 | 16,599 | 13,602 | 3,853 | 3,146 |
269
+ | `switch` | 39,233 | 13,496 | 12,036 | 1,679 | 610 | 415 |
270
+ | `table` | 118,358 | 37,062 | 32,216 | 45,147 | 12,471 | 10,027 |
271
+ | `tabs` | 46,310 | 15,908 | 14,141 | 10,491 | 2,879 | 2,221 |
272
+ | `tag` | 42,676 | 15,621 | 13,970 | 8,454 | 2,532 | 1,990 |
273
+ | `textarea` | 43,852 | 14,940 | 13,353 | 5,402 | 1,596 | 1,175 |
274
+ | `time-input` | 169,269 | 52,675 | 45,788 | 48,510 | 12,432 | 9,928 |
275
+ | `time-picker` | 99,603 | 31,517 | 27,755 | 33,933 | 9,203 | 7,198 |
276
+ | `timeline` | 31,286 | 11,863 | 10,626 | 4,061 | 1,217 | 998 |
277
+ | `toast` | 50,871 | 17,940 | 16,020 | 12,123 | 3,514 | 2,751 |
278
+ | `toggle` | 45,577 | 15,269 | 13,606 | 6,007 | 1,819 | 1,438 |
279
+ | `toolbar` | 31,047 | 11,572 | 10,294 | 5,158 | 1,656 | 1,348 |
280
+ | `tooltip` | 58,616 | 21,090 | 18,701 | 8,433 | 2,350 | 1,865 |
281
+ | `tour` | 83,670 | 28,721 | 25,378 | 19,814 | 5,442 | 4,322 |
282
+ | `tree` | 67,586 | 22,717 | 20,253 | 17,198 | 4,960 | 3,915 |
283
+ | `trend` | 29,717 | 11,568 | 10,337 | 3,486 | 1,114 | 748 |
284
+ | `video` | 141,208 | 44,138 | 38,461 | 66,218 | 16,799 | 13,832 |
285
+ | `video-playlist` | 127,686 | 41,301 | 36,361 | 42,774 | 11,208 | 9,211 |
286
+ | `virtual-list` | 63,451 | 21,631 | 19,239 | 23,305 | 7,147 | 5,852 |
287
287
 
288
288
  ### Styled tier
289
289
 
@@ -291,114 +291,114 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
291
291
 
292
292
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
293
293
  |---|---|---|---|---|---|---|
294
- | `accordion` | 35,311 | 12,653 | 11,212 | 8,746 | 2,445 | 1,896 |
295
- | `announcement` | 41,307 | 14,363 | 12,791 | 9,278 | 2,474 | 1,876 |
296
- | `app-header` | 37,449 | 13,103 | 11,681 | 11,016 | 2,985 | 2,330 |
297
- | `area-chart` | 98,393 | 33,576 | 29,663 | 22,130 | 6,227 | 4,994 |
298
- | `aura` | 56,085 | 19,320 | 17,112 | 29,774 | 9,287 | 7,830 |
299
- | `avatar` | 33,464 | 12,351 | 11,019 | 6,945 | 1,975 | 1,565 |
300
- | `badge` | 32,595 | 11,820 | 10,534 | 8,438 | 2,152 | 1,748 |
301
- | `bar-chart` | 108,944 | 35,725 | 31,603 | 32,531 | 8,366 | 6,760 |
302
- | `blockquote` | 26,332 | 9,968 | 8,814 | 4,612 | 1,413 | 1,140 |
303
- | `breadcrumbs` | 43,220 | 15,115 | 13,513 | 14,285 | 3,663 | 2,958 |
304
- | `button` | 41,612 | 14,008 | 12,455 | 11,324 | 2,879 | 2,275 |
305
- | `button-group` | 31,138 | 11,066 | 9,807 | 8,408 | 2,198 | 1,654 |
306
- | `callout` | 39,049 | 14,535 | 12,915 | 6,659 | 1,932 | 1,569 |
307
- | `canvas` | 129,523 | 38,715 | 33,881 | 89,608 | 24,790 | 20,937 |
308
- | `card` | 27,678 | 10,059 | 8,928 | 5,976 | 1,639 | 1,242 |
309
- | `carousel` | 53,234 | 17,022 | 15,279 | 25,476 | 6,003 | 4,796 |
310
- | `chat` | 94,674 | 29,166 | 25,842 | 42,729 | 10,812 | 8,672 |
311
- | `checkbox` | 46,865 | 15,190 | 13,504 | 9,580 | 2,473 | 1,836 |
312
- | `checkbox-group` | 54,826 | 17,244 | 15,357 | 15,538 | 4,014 | 3,122 |
313
- | `code` | 21,154 | 8,332 | 7,403 | 976 | 407 | 321 |
314
- | `code-block` | 127,213 | 38,713 | 34,184 | 61,301 | 14,710 | 12,075 |
315
- | `color-input` | 184,176 | 51,349 | 44,889 | 97,505 | 20,450 | 17,049 |
316
- | `color-picker` | 140,348 | 38,509 | 33,760 | 84,178 | 18,270 | 15,134 |
317
- | `combobox` | 147,503 | 44,927 | 39,581 | 51,253 | 12,081 | 9,670 |
318
- | `command` | 110,791 | 33,833 | 29,778 | 41,332 | 10,518 | 8,412 |
319
- | `copy-button` | 92,577 | 29,824 | 26,422 | 30,354 | 7,208 | 5,752 |
320
- | `data-table` | 230,715 | 66,818 | 57,191 | 120,284 | 29,331 | 23,807 |
321
- | `date-input` | 162,349 | 48,215 | 42,406 | 59,337 | 13,203 | 10,778 |
322
- | `date-picker` | 69,281 | 22,362 | 20,026 | 28,248 | 7,041 | 5,630 |
323
- | `description-list` | 25,855 | 9,517 | 8,441 | 4,508 | 1,258 | 985 |
324
- | `dialog` | 43,360 | 14,853 | 13,261 | 10,933 | 3,018 | 2,385 |
325
- | `divider` | 25,291 | 9,545 | 8,427 | 3,699 | 1,139 | 952 |
326
- | `donut-chart` | 99,170 | 33,262 | 29,379 | 24,576 | 6,671 | 5,316 |
327
- | `drawer` | 48,725 | 16,506 | 14,714 | 13,512 | 3,705 | 3,002 |
328
- | `drilldown` | 48,438 | 16,238 | 14,488 | 15,377 | 4,031 | 3,117 |
329
- | `empty` | 25,503 | 9,726 | 8,595 | 3,242 | 1,089 | 811 |
330
- | `file-input` | 69,285 | 22,418 | 19,908 | 24,612 | 6,540 | 5,241 |
331
- | `filter-input` | 108,688 | 34,990 | 31,010 | 32,465 | 8,391 | 6,772 |
332
- | `flex` | 25,740 | 9,193 | 8,152 | 4,763 | 1,045 | 829 |
333
- | `format-date` | 30,414 | 11,403 | 10,152 | 4,672 | 1,395 | 1,088 |
334
- | `graph` | 89,037 | 27,079 | 23,917 | 36,527 | 9,167 | 7,331 |
335
- | `grid` | 27,002 | 9,845 | 8,730 | 5,638 | 1,465 | 1,331 |
336
- | `heatmap` | 105,486 | 35,190 | 31,065 | 26,281 | 7,243 | 5,851 |
337
- | `icon` | 83,995 | 28,566 | 24,455 | 60,129 | 20,127 | 16,411 |
338
- | `icon-button` | 43,040 | 13,980 | 12,429 | 12,753 | 2,874 | 2,216 |
339
- | `image` | 26,892 | 9,946 | 8,805 | 5,193 | 1,601 | 1,355 |
340
- | `input` | 50,619 | 17,063 | 15,068 | 11,593 | 3,532 | 2,583 |
341
- | `kbd` | 29,504 | 11,109 | 9,797 | 5,494 | 1,656 | 1,219 |
342
- | `legend` | 40,423 | 14,213 | 12,586 | 8,067 | 2,273 | 1,746 |
343
- | `lightbox` | 62,016 | 20,155 | 17,903 | 23,006 | 5,997 | 4,537 |
344
- | `line-chart` | 102,454 | 34,257 | 30,360 | 25,863 | 6,824 | 5,521 |
345
- | `list` | 68,150 | 22,814 | 20,350 | 21,568 | 5,956 | 4,724 |
346
- | `listbox` | 81,154 | 26,541 | 23,439 | 19,993 | 5,717 | 4,273 |
347
- | `loader` | 29,263 | 10,815 | 9,650 | 5,642 | 1,693 | 1,267 |
348
- | `map` | 111,513 | 29,575 | 25,972 | 69,963 | 15,520 | 12,562 |
349
- | `megamenu` | 64,996 | 22,864 | 20,187 | 13,546 | 3,514 | 2,643 |
350
- | `menu` | 108,403 | 34,710 | 30,634 | 41,097 | 10,145 | 8,240 |
351
- | `meter` | 37,896 | 13,376 | 11,974 | 11,050 | 2,795 | 2,390 |
352
- | `navigation` | 36,814 | 13,267 | 11,767 | 7,077 | 2,012 | 1,532 |
353
- | `notifications` | 71,808 | 22,445 | 20,068 | 31,662 | 7,634 | 6,190 |
354
- | `number-input` | 61,253 | 20,026 | 17,816 | 18,490 | 4,826 | 3,686 |
355
- | `object-inspector` | 130,338 | 41,205 | 36,270 | 51,881 | 13,180 | 10,608 |
356
- | `option` | 29,672 | 10,762 | 9,538 | 7,711 | 2,200 | 1,708 |
357
- | `orb` | 35,265 | 13,487 | 12,000 | 9,732 | 3,655 | 2,926 |
358
- | `outline` | 37,846 | 13,457 | 11,967 | 12,073 | 3,433 | 2,661 |
359
- | `pagination` | 153,264 | 46,929 | 40,831 | 62,365 | 15,223 | 12,176 |
360
- | `pin-input` | 50,409 | 17,315 | 15,430 | 10,058 | 3,142 | 2,498 |
361
- | `popover` | 66,958 | 23,701 | 20,940 | 9,508 | 2,639 | 1,938 |
362
- | `progress` | 35,232 | 12,380 | 11,038 | 10,101 | 2,590 | 2,274 |
363
- | `qr-code` | 44,321 | 17,121 | 15,239 | 18,588 | 6,777 | 5,727 |
364
- | `quote` | 23,074 | 9,078 | 7,992 | 1,752 | 694 | 509 |
365
- | `radio` | 50,349 | 15,974 | 14,216 | 11,594 | 2,747 | 2,205 |
366
- | `rating` | 54,190 | 18,518 | 16,485 | 11,945 | 3,633 | 2,824 |
367
- | `sandbox` | 104,428 | 31,486 | 27,553 | 72,144 | 19,144 | 16,096 |
368
- | `scatter-chart` | 100,317 | 33,784 | 29,881 | 25,196 | 6,950 | 5,562 |
369
- | `scroll-area` | 35,437 | 12,026 | 10,703 | 13,489 | 3,576 | 2,763 |
370
- | `select` | 124,418 | 40,070 | 35,195 | 35,145 | 9,069 | 7,094 |
371
- | `skeleton` | 26,090 | 9,663 | 8,598 | 4,738 | 1,404 | 1,062 |
372
- | `skip-link` | 25,441 | 9,851 | 8,690 | 2,780 | 969 | 728 |
373
- | `slider` | 67,842 | 20,140 | 18,017 | 28,108 | 6,151 | 4,812 |
374
- | `sparkline` | 53,442 | 18,850 | 16,801 | 11,420 | 3,469 | 2,764 |
375
- | `spatial-heatmap` | 115,480 | 38,024 | 33,555 | 35,399 | 9,730 | 7,856 |
376
- | `spatial-scatter-chart` | 101,873 | 34,752 | 30,658 | 23,693 | 6,973 | 5,538 |
377
- | `spatial-surface-chart` | 103,007 | 35,444 | 31,283 | 24,765 | 7,584 | 6,216 |
378
- | `speed-dial` | 75,797 | 26,105 | 23,173 | 17,945 | 4,386 | 3,377 |
379
- | `splitter` | 49,804 | 16,207 | 14,510 | 20,430 | 4,913 | 3,890 |
380
- | `stat` | 28,117 | 10,371 | 9,242 | 5,157 | 1,466 | 1,165 |
381
- | `steps` | 67,449 | 21,377 | 19,062 | 27,416 | 6,645 | 5,276 |
382
- | `strands` | 62,138 | 23,151 | 20,411 | 38,012 | 13,745 | 11,848 |
383
- | `switch` | 43,562 | 14,636 | 13,022 | 5,998 | 1,757 | 1,272 |
384
- | `table` | 135,900 | 40,155 | 34,995 | 62,688 | 15,587 | 12,609 |
385
- | `tabs` | 55,263 | 17,752 | 15,791 | 19,436 | 4,752 | 3,703 |
386
- | `tag` | 47,247 | 16,755 | 14,987 | 13,015 | 3,624 | 2,881 |
387
- | `text` | 28,756 | 9,942 | 8,760 | 7,395 | 1,508 | 1,167 |
388
- | `textarea` | 47,785 | 15,947 | 14,223 | 9,318 | 2,652 | 2,095 |
389
- | `time-input` | 193,597 | 56,836 | 49,522 | 72,825 | 16,676 | 13,576 |
390
- | `time-picker` | 111,928 | 33,946 | 29,846 | 46,250 | 11,626 | 9,201 |
391
- | `timeline` | 38,179 | 13,326 | 11,920 | 10,946 | 2,728 | 2,067 |
392
- | `toast` | 58,767 | 19,782 | 17,682 | 20,005 | 5,380 | 4,286 |
393
- | `toggle` | 50,439 | 16,509 | 14,663 | 10,854 | 3,069 | 2,544 |
394
- | `toolbar` | 33,726 | 12,065 | 10,761 | 7,822 | 2,153 | 1,731 |
395
- | `tooltip` | 61,420 | 21,834 | 19,361 | 11,219 | 3,086 | 2,409 |
396
- | `tour` | 93,661 | 30,697 | 27,163 | 29,784 | 7,469 | 5,963 |
397
- | `tree` | 76,275 | 24,651 | 21,996 | 25,873 | 6,899 | 5,550 |
398
- | `trend` | 31,231 | 12,049 | 10,721 | 4,981 | 1,595 | 1,225 |
399
- | `video` | 161,715 | 47,867 | 41,822 | 86,709 | 20,348 | 17,061 |
400
- | `video-playlist` | 143,639 | 44,278 | 38,928 | 58,710 | 14,184 | 11,642 |
401
- | `virtual-list` | 65,445 | 22,138 | 19,676 | 25,282 | 7,660 | 6,111 |
294
+ | `accordion` | 35,311 | 12,653 | 11,243 | 8,746 | 2,445 | 1,948 |
295
+ | `announcement` | 41,307 | 14,365 | 12,833 | 9,278 | 2,474 | 2,031 |
296
+ | `app-header` | 37,449 | 13,103 | 11,683 | 11,016 | 2,986 | 2,445 |
297
+ | `area-chart` | 98,393 | 33,576 | 29,658 | 22,130 | 6,228 | 5,011 |
298
+ | `aura` | 56,085 | 19,320 | 17,092 | 29,774 | 9,288 | 7,861 |
299
+ | `avatar` | 33,464 | 12,351 | 11,022 | 6,945 | 1,975 | 1,683 |
300
+ | `badge` | 32,595 | 11,821 | 10,511 | 8,438 | 2,152 | 1,710 |
301
+ | `bar-chart` | 108,944 | 35,726 | 31,573 | 32,531 | 8,366 | 6,880 |
302
+ | `blockquote` | 26,332 | 9,968 | 8,809 | 4,612 | 1,414 | 1,162 |
303
+ | `breadcrumbs` | 43,220 | 15,115 | 13,466 | 14,285 | 3,663 | 2,974 |
304
+ | `button` | 41,612 | 14,008 | 12,420 | 11,324 | 2,879 | 2,375 |
305
+ | `button-group` | 31,138 | 11,066 | 9,811 | 8,408 | 2,198 | 1,803 |
306
+ | `callout` | 39,049 | 14,537 | 12,940 | 6,659 | 1,932 | 1,616 |
307
+ | `canvas` | 129,523 | 38,715 | 33,847 | 89,608 | 24,791 | 20,939 |
308
+ | `card` | 27,678 | 10,059 | 8,914 | 5,976 | 1,639 | 1,351 |
309
+ | `carousel` | 53,234 | 17,022 | 15,215 | 25,476 | 6,003 | 4,821 |
310
+ | `chat` | 94,674 | 29,166 | 25,849 | 42,729 | 10,813 | 8,831 |
311
+ | `checkbox` | 46,865 | 15,190 | 13,518 | 9,580 | 2,473 | 1,959 |
312
+ | `checkbox-group` | 54,826 | 17,244 | 15,360 | 15,538 | 4,014 | 3,208 |
313
+ | `code` | 21,154 | 8,333 | 7,414 | 976 | 407 | 463 |
314
+ | `code-block` | 127,213 | 38,714 | 34,149 | 61,301 | 14,711 | 12,090 |
315
+ | `color-input` | 184,176 | 51,349 | 44,873 | 97,505 | 20,451 | 17,115 |
316
+ | `color-picker` | 140,348 | 38,509 | 33,804 | 84,178 | 18,270 | 15,095 |
317
+ | `combobox` | 147,503 | 44,927 | 39,482 | 51,253 | 12,081 | 9,825 |
318
+ | `command` | 110,791 | 33,835 | 29,737 | 41,332 | 10,518 | 8,485 |
319
+ | `copy-button` | 92,577 | 29,825 | 26,436 | 30,354 | 7,209 | 5,753 |
320
+ | `data-table` | 230,715 | 66,818 | 57,261 | 120,284 | 29,332 | 23,801 |
321
+ | `date-input` | 162,349 | 48,216 | 42,359 | 59,337 | 13,203 | 10,908 |
322
+ | `date-picker` | 69,281 | 22,362 | 19,988 | 28,248 | 7,042 | 5,628 |
323
+ | `description-list` | 25,855 | 9,517 | 8,458 | 4,508 | 1,258 | 998 |
324
+ | `dialog` | 43,360 | 14,855 | 13,243 | 10,933 | 3,018 | 2,483 |
325
+ | `divider` | 25,291 | 9,545 | 8,433 | 3,699 | 1,139 | 935 |
326
+ | `donut-chart` | 99,170 | 33,263 | 29,402 | 24,576 | 6,672 | 5,360 |
327
+ | `drawer` | 48,725 | 16,508 | 14,716 | 13,512 | 3,705 | 2,967 |
328
+ | `drilldown` | 48,438 | 16,238 | 14,448 | 15,377 | 4,031 | 3,256 |
329
+ | `empty` | 25,503 | 9,726 | 8,589 | 3,242 | 1,089 | 985 |
330
+ | `file-input` | 69,285 | 22,419 | 19,917 | 24,612 | 6,540 | 5,345 |
331
+ | `filter-input` | 108,688 | 34,991 | 31,043 | 32,465 | 8,391 | 6,825 |
332
+ | `flex` | 25,740 | 9,194 | 8,174 | 4,763 | 1,045 | 901 |
333
+ | `format-date` | 30,414 | 11,403 | 10,154 | 4,672 | 1,395 | 1,169 |
334
+ | `graph` | 89,037 | 27,079 | 23,907 | 36,527 | 9,167 | 7,455 |
335
+ | `grid` | 27,002 | 9,846 | 8,729 | 5,638 | 1,466 | 1,309 |
336
+ | `heatmap` | 105,486 | 35,190 | 31,043 | 26,281 | 7,243 | 5,862 |
337
+ | `icon` | 83,995 | 28,567 | 24,447 | 60,129 | 20,127 | 16,447 |
338
+ | `icon-button` | 43,040 | 13,980 | 12,449 | 12,753 | 2,874 | 2,393 |
339
+ | `image` | 26,892 | 9,946 | 8,805 | 5,193 | 1,601 | 1,348 |
340
+ | `input` | 50,619 | 17,064 | 15,040 | 11,593 | 3,532 | 2,700 |
341
+ | `kbd` | 29,504 | 11,109 | 9,831 | 5,494 | 1,656 | 1,440 |
342
+ | `legend` | 40,423 | 14,213 | 12,647 | 8,067 | 2,273 | 1,813 |
343
+ | `lightbox` | 62,016 | 20,155 | 17,976 | 23,006 | 5,997 | 4,729 |
344
+ | `line-chart` | 102,454 | 34,257 | 30,351 | 25,863 | 6,825 | 5,595 |
345
+ | `list` | 68,150 | 22,814 | 20,348 | 21,568 | 5,956 | 4,680 |
346
+ | `listbox` | 81,154 | 26,542 | 23,433 | 19,993 | 5,717 | 4,348 |
347
+ | `loader` | 29,263 | 10,815 | 9,641 | 5,642 | 1,693 | 1,421 |
348
+ | `map` | 111,513 | 29,574 | 26,020 | 69,963 | 15,520 | 12,612 |
349
+ | `megamenu` | 64,996 | 22,864 | 20,217 | 13,546 | 3,514 | 2,779 |
350
+ | `menu` | 108,403 | 34,710 | 30,603 | 41,097 | 10,145 | 8,216 |
351
+ | `meter` | 37,896 | 13,377 | 11,975 | 11,050 | 2,795 | 2,437 |
352
+ | `navigation` | 36,814 | 13,268 | 11,770 | 7,077 | 2,012 | 1,622 |
353
+ | `notifications` | 71,808 | 22,446 | 20,064 | 31,662 | 7,634 | 6,277 |
354
+ | `number-input` | 61,253 | 20,026 | 17,841 | 18,490 | 4,826 | 3,830 |
355
+ | `object-inspector` | 130,338 | 41,205 | 36,215 | 51,881 | 13,180 | 10,743 |
356
+ | `option` | 29,672 | 10,762 | 9,548 | 7,711 | 2,200 | 1,814 |
357
+ | `orb` | 35,265 | 13,488 | 12,001 | 9,732 | 3,656 | 3,134 |
358
+ | `outline` | 37,846 | 13,457 | 11,936 | 12,073 | 3,434 | 2,697 |
359
+ | `pagination` | 153,264 | 46,929 | 40,841 | 62,365 | 15,223 | 12,273 |
360
+ | `pin-input` | 50,409 | 17,316 | 15,447 | 10,058 | 3,143 | 2,440 |
361
+ | `popover` | 66,958 | 23,702 | 20,994 | 9,508 | 2,639 | 2,007 |
362
+ | `progress` | 35,232 | 12,380 | 11,029 | 10,101 | 2,590 | 2,193 |
363
+ | `qr-code` | 44,321 | 17,121 | 15,245 | 18,588 | 6,777 | 5,738 |
364
+ | `quote` | 23,074 | 9,078 | 7,995 | 1,752 | 694 | 585 |
365
+ | `radio` | 50,349 | 15,974 | 14,201 | 11,594 | 2,747 | 2,142 |
366
+ | `rating` | 54,190 | 18,518 | 16,500 | 11,945 | 3,633 | 3,037 |
367
+ | `sandbox` | 104,428 | 31,486 | 27,627 | 72,144 | 19,144 | 16,122 |
368
+ | `scatter-chart` | 100,317 | 33,784 | 29,874 | 25,196 | 6,951 | 5,662 |
369
+ | `scroll-area` | 35,437 | 12,026 | 10,715 | 13,489 | 3,577 | 2,894 |
370
+ | `select` | 124,418 | 40,070 | 35,151 | 35,145 | 9,069 | 7,163 |
371
+ | `skeleton` | 26,090 | 9,664 | 8,585 | 4,738 | 1,404 | 1,203 |
372
+ | `skip-link` | 25,441 | 9,851 | 8,690 | 2,780 | 969 | 863 |
373
+ | `slider` | 67,842 | 20,140 | 18,012 | 28,108 | 6,151 | 4,988 |
374
+ | `sparkline` | 53,442 | 18,850 | 16,822 | 11,420 | 3,469 | 2,926 |
375
+ | `spatial-heatmap` | 118,016 | 39,202 | 34,563 | 36,139 | 10,078 | 8,224 |
376
+ | `spatial-scatter-chart` | 101,873 | 34,752 | 30,661 | 23,693 | 6,973 | 5,687 |
377
+ | `spatial-surface-chart` | 103,007 | 35,444 | 31,280 | 24,765 | 7,585 | 6,266 |
378
+ | `speed-dial` | 75,797 | 26,105 | 23,189 | 17,945 | 4,386 | 3,472 |
379
+ | `splitter` | 49,804 | 16,207 | 14,471 | 20,430 | 4,913 | 3,977 |
380
+ | `stat` | 28,117 | 10,371 | 9,279 | 5,157 | 1,466 | 1,202 |
381
+ | `steps` | 67,449 | 21,378 | 19,023 | 27,416 | 6,645 | 5,354 |
382
+ | `strands` | 62,138 | 23,150 | 20,401 | 38,012 | 13,745 | 11,840 |
383
+ | `switch` | 43,562 | 14,637 | 13,009 | 5,998 | 1,757 | 1,352 |
384
+ | `table` | 135,900 | 40,155 | 34,965 | 62,688 | 15,587 | 12,685 |
385
+ | `tabs` | 55,263 | 17,752 | 15,775 | 19,436 | 4,752 | 3,802 |
386
+ | `tag` | 47,247 | 16,757 | 14,959 | 13,015 | 3,624 | 2,905 |
387
+ | `text` | 28,756 | 9,942 | 8,755 | 7,395 | 1,508 | 1,237 |
388
+ | `textarea` | 47,785 | 15,949 | 14,227 | 9,318 | 2,652 | 2,048 |
389
+ | `time-input` | 193,597 | 56,836 | 49,584 | 72,825 | 16,676 | 13,510 |
390
+ | `time-picker` | 111,928 | 33,946 | 29,852 | 46,250 | 11,626 | 9,335 |
391
+ | `timeline` | 38,179 | 13,326 | 11,923 | 10,946 | 2,728 | 2,148 |
392
+ | `toast` | 58,767 | 19,783 | 17,646 | 20,005 | 5,381 | 4,318 |
393
+ | `toggle` | 50,439 | 16,510 | 14,665 | 10,854 | 3,070 | 2,459 |
394
+ | `toolbar` | 33,726 | 12,065 | 10,723 | 7,822 | 2,154 | 1,799 |
395
+ | `tooltip` | 61,420 | 21,834 | 19,393 | 11,219 | 3,086 | 2,499 |
396
+ | `tour` | 93,661 | 30,697 | 27,169 | 29,784 | 7,469 | 5,931 |
397
+ | `tree` | 76,275 | 24,651 | 21,973 | 25,873 | 6,900 | 5,606 |
398
+ | `trend` | 31,231 | 12,049 | 10,746 | 4,981 | 1,596 | 1,293 |
399
+ | `video` | 161,715 | 47,867 | 41,792 | 86,709 | 20,349 | 17,043 |
400
+ | `video-playlist` | 143,639 | 44,279 | 38,944 | 58,710 | 14,185 | 11,749 |
401
+ | `virtual-list` | 65,445 | 22,138 | 19,718 | 25,282 | 7,661 | 6,176 |
402
402
 
403
403
  ## What an install adds to `node_modules`
404
404
 
@@ -411,11 +411,11 @@ stripped column shows the bytes we removed.
411
411
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
412
412
  |---|---|---|---|---|
413
413
  | `@fusion.dev/helix-core` | 2,593,533 | 567 | 743,513 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
414
- | `@fusion.dev/helix-headless` | 25,848,480 | 730 | 2,311,975 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
414
+ | `@fusion.dev/helix-headless` | 25,855,666 | 730 | 2,314,273 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
415
415
  | `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
416
416
  | `@fusion.dev/helix-styles` | 121,243 | 6 | 0 | none |
417
417
  | `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
418
- | `@fusion.dev/helix` | 27,137,393 | 981 | 543,329 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
418
+ | `@fusion.dev/helix` | 27,138,779 | 981 | 543,329 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
419
419
 
420
420
  ## Not measured yet
421
421