@fusion.dev/helix-docs 0.136.0 → 0.138.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 (3) hide show
  1. package/content/metrics.mdx +221 -221
  2. package/dist/sources.generated.js +221 -221
  3. 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` | 184,381 | 58,733 | 49,746 |
49
+ | Lit and `@fusion.dev/helix-core` | 184,594 | 58,832 | 49,730 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,11 +57,11 @@ 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` | 183,935 | 58,319 | 49,490 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 746,560 | 193,434 | 149,943 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
- | `@fusion.dev/helix` | 1,292,422 | 302,182 | 220,810 | Every styled family. |
64
+ | `@fusion.dev/helix` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
65
65
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
66
66
 
67
67
  ## Stylesheets
@@ -82,13 +82,13 @@ shows the whole cost of using the base layer on its own.
82
82
 
83
83
  ## What the numbers say
84
84
 
85
- **Most of your first component is the shared runtime.** The median styled family is 21,448 bytes gzipped alone, and it adds 2,256 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
85
+ **Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
86
86
 
87
- Across the 104 styled components, the smallest is `code` at 10,000 bytes gzipped alone, and the largest is `data-table` at 63,892. Every family together is 302,182.
87
+ Across the 104 styled components, the smallest is `code` at 10,065 bytes gzipped alone, and the largest is `data-table` at 63,951. Every family together is 302,260.
88
88
 
89
- No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 193,434 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
89
+ No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
90
90
 
91
- 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 22,024 bytes gzipped alone.
91
+ 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 22,091 bytes gzipped alone.
92
92
 
93
93
  ## Compared with other systems
94
94
 
@@ -100,43 +100,43 @@ The table has no whole-library row. That row would compare how many components e
100
100
 
101
101
  | Component | System | Raw | Gzip | Brotli |
102
102
  |---|---|---|---|---|
103
- | `button` | **Helix** | 44,147 | 12,695 | 11,180 |
103
+ | `button` | **Helix** | 44,308 | 12,756 | 11,189 |
104
104
  | | Carbon | 133,058 | 20,959 | 17,685 |
105
105
  | | Material Web | 47,060 | 14,173 | 12,591 |
106
106
  | | Shoelace | 62,628 | 18,287 | 15,805 |
107
107
  | | Spectrum | 98,792 | 22,045 | 18,674 |
108
- | `checkbox` | **Helix** | 49,215 | 13,996 | 12,294 |
108
+ | `checkbox` | **Helix** | 49,376 | 14,061 | 12,354 |
109
109
  | | Carbon | 60,255 | 15,609 | 13,550 |
110
110
  | | Material Web | 43,785 | 13,556 | 12,015 |
111
111
  | | Shoelace | 47,614 | 15,177 | 13,301 |
112
112
  | | Spectrum | 62,492 | 15,437 | 13,481 |
113
- | `dialog` | **Helix** | 41,103 | 12,202 | 10,752 |
113
+ | `dialog` | **Helix** | 41,264 | 12,268 | 10,791 |
114
114
  | | Carbon | 510,866 | 67,390 | 39,189 |
115
115
  | | Material Web | 34,238 | 11,510 | 10,229 |
116
116
  | | Shoelace | 52,754 | 17,698 | 15,554 |
117
117
  | | Spectrum | 155,708 | 31,899 | 26,262 |
118
- | `radio` | **Helix** | 52,732 | 14,462 | 12,699 |
118
+ | `radio` | **Helix** | 52,893 | 14,529 | 12,791 |
119
119
  | | Carbon | 63,055 | 16,887 | 14,605 |
120
120
  | | Material Web | 41,044 | 13,234 | 11,757 |
121
121
  | | Shoelace | 34,865 | 12,027 | 10,559 |
122
122
  | | Spectrum | 38,685 | 10,660 | 9,370 |
123
- | `switch` | **Helix** | 46,304 | 13,527 | 11,870 |
123
+ | `switch` | **Helix** | 46,465 | 13,591 | 11,909 |
124
124
  | | Carbon | 69,423 | 17,127 | 14,764 |
125
125
  | | Material Web | 50,155 | 14,577 | 12,935 |
126
126
  | | Shoelace | 37,833 | 11,814 | 10,568 |
127
127
  | | Spectrum | 62,322 | 15,059 | 13,321 |
128
- | `tabs` | **Helix** | 47,414 | 13,566 | 11,936 |
128
+ | `tabs` | **Helix** | 47,575 | 13,636 | 11,976 |
129
129
  | | Carbon | 578,766 | 73,537 | 43,235 |
130
130
  | | Material Web | 38,883 | 12,820 | 11,368 |
131
131
  | | Shoelace | 54,573 | 17,140 | 15,068 |
132
132
  | | Spectrum | 64,875 | 18,298 | 16,283 |
133
- | `tooltip` | **Helix** | 67,994 | 22,057 | 19,462 |
133
+ | `tooltip` | **Helix** | 68,155 | 22,123 | 19,579 |
134
134
  | | Carbon | 189,382 | 30,354 | 22,273 |
135
135
  | | Material Web | | not shipped | |
136
136
  | | Shoelace | 57,412 | 20,220 | 17,933 |
137
137
  | | Spectrum | 136,599 | 40,552 | 35,286 |
138
138
 
139
- At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`, `tooltip`. The largest gap is radio against Spectrum, at 3,802 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
139
+ At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`, `tooltip`. The largest gap is radio against Spectrum, at 3,869 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
140
140
 
141
141
  - **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
142
142
  - **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -180,104 +180,104 @@ Structure, accessibility, state, and form participation. It has no presentation
180
180
 
181
181
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
182
182
  |---|---|---|---|---|---|---|
183
- | `accordion` | 92,666 | 30,198 | 24,671 | 2,875 | 746 | 511 |
184
- | `announcement` | 90,082 | 29,370 | 23,901 | 1,386 | 370 | 265 |
185
- | `app-header` | 33,668 | 10,297 | 9,061 | 1,248 | 268 | 223 |
186
- | `area-chart` | 79,590 | 26,268 | 23,156 | 11,004 | 3,368 | 2,644 |
187
- | `avatar` | 35,717 | 10,894 | 9,603 | 3,257 | 880 | 693 |
188
- | `badge` | 33,204 | 10,227 | 8,982 | 1,163 | 310 | 186 |
189
- | `bar-chart` | 81,241 | 26,630 | 23,481 | 12,644 | 3,722 | 3,120 |
190
- | `blockquote` | 33,218 | 10,250 | 8,998 | 774 | 187 | 100 |
191
- | `breadcrumbs` | 89,122 | 28,726 | 23,537 | 1,965 | 465 | 424 |
192
- | `button` | 37,890 | 11,508 | 10,104 | 3,194 | 834 | 602 |
193
- | `button-group` | 33,074 | 10,134 | 8,906 | 661 | 149 | 127 |
194
- | `callout` | 88,242 | 28,578 | 23,475 | 914 | 250 | 124 |
195
- | `canvas` | 94,291 | 27,801 | 24,349 | 50,034 | 14,939 | 12,564 |
196
- | `card` | 33,108 | 10,146 | 8,957 | 694 | 148 | 128 |
197
- | `carousel` | 98,525 | 31,701 | 26,008 | 10,942 | 2,758 | 2,352 |
198
- | `chat` | 111,914 | 36,548 | 30,028 | 17,447 | 5,111 | 4,161 |
199
- | `checkbox` | 42,589 | 12,543 | 11,045 | 2,703 | 751 | 536 |
200
- | `checkbox-group` | 45,713 | 13,230 | 11,668 | 5,307 | 1,317 | 986 |
201
- | `code` | 31,693 | 9,713 | 8,539 | 451 | 87 | 107 |
202
- | `code-block` | 133,997 | 43,744 | 36,820 | 17,317 | 4,517 | 3,836 |
203
- | `color-input` | 152,072 | 47,808 | 40,306 | 25,819 | 6,039 | 5,072 |
204
- | `color-picker` | 118,443 | 37,199 | 30,647 | 19,642 | 4,718 | 4,076 |
205
- | `combobox` | 146,887 | 46,480 | 38,978 | 21,177 | 5,246 | 4,246 |
206
- | `command` | 116,806 | 36,466 | 29,782 | 18,065 | 4,600 | 3,801 |
207
- | `copy-button` | 128,578 | 42,114 | 35,362 | 11,895 | 2,952 | 2,410 |
208
- | `data-table` | 187,059 | 56,956 | 48,084 | 57,295 | 14,500 | 11,887 |
209
- | `date-input` | 145,146 | 45,981 | 38,615 | 19,209 | 4,848 | 3,938 |
210
- | `date-picker` | 100,301 | 32,430 | 26,527 | 9,900 | 2,717 | 2,237 |
211
- | `description-list` | 33,177 | 10,086 | 8,831 | 1,132 | 193 | 109 |
212
- | `dialog` | 36,726 | 11,185 | 9,844 | 2,717 | 775 | 524 |
213
- | `divider` | 33,424 | 10,326 | 9,067 | 981 | 253 | 114 |
214
- | `donut-chart` | 77,373 | 25,233 | 22,279 | 10,214 | 2,964 | 2,399 |
215
- | `drawer` | 35,479 | 10,827 | 9,502 | 1,761 | 483 | 379 |
216
- | `drilldown` | 97,167 | 31,564 | 25,701 | 5,704 | 1,490 | 1,105 |
217
- | `empty` | 33,671 | 10,382 | 9,103 | 956 | 254 | 183 |
218
- | `file-input` | 100,665 | 32,414 | 26,483 | 6,266 | 1,797 | 1,394 |
219
- | `filter-input` | 157,408 | 49,174 | 41,337 | 28,023 | 6,788 | 5,652 |
220
- | `format-date` | 36,687 | 11,304 | 9,977 | 2,867 | 701 | 497 |
221
- | `graph` | 114,873 | 36,534 | 29,968 | 11,479 | 3,254 | 2,760 |
222
- | `heatmap` | 78,595 | 25,450 | 22,445 | 10,872 | 2,989 | 2,437 |
223
- | `icon` | 87,809 | 28,396 | 23,262 | 1,018 | 257 | 115 |
224
- | `icon-button` | 38,289 | 11,539 | 10,147 | 3,593 | 872 | 602 |
225
- | `image` | 35,247 | 10,685 | 9,405 | 3,156 | 813 | 622 |
226
- | `input` | 99,702 | 31,883 | 26,011 | 4,745 | 1,295 | 967 |
227
- | `kbd` | 35,028 | 10,921 | 9,587 | 2,976 | 935 | 678 |
228
- | `legend` | 37,080 | 11,422 | 9,996 | 1,080 | 285 | 186 |
229
- | `lightbox` | 41,462 | 12,460 | 10,905 | 4,807 | 1,235 | 977 |
230
- | `line-chart` | 79,171 | 25,968 | 22,942 | 10,667 | 3,088 | 2,574 |
231
- | `list` | 34,130 | 10,325 | 9,085 | 1,726 | 352 | 212 |
232
- | `listbox` | 108,518 | 34,589 | 28,180 | 11,262 | 3,058 | 2,373 |
233
- | `loader` | 33,314 | 10,251 | 9,005 | 900 | 238 | 110 |
234
- | `map` | 133,483 | 39,723 | 32,934 | 33,027 | 7,693 | 6,230 |
235
- | `megamenu` | 63,572 | 20,971 | 18,509 | 4,941 | 1,271 | 976 |
236
- | `menu` | 127,294 | 42,022 | 35,161 | 8,855 | 2,198 | 1,728 |
237
- | `meter` | 36,504 | 11,105 | 9,772 | 4,099 | 1,069 | 914 |
238
- | `navigation` | 35,063 | 10,799 | 9,489 | 1,417 | 336 | 251 |
239
- | `notifications` | 104,346 | 33,152 | 27,056 | 11,383 | 2,652 | 2,115 |
240
- | `number-input` | 102,630 | 32,702 | 26,723 | 7,670 | 2,013 | 1,487 |
241
- | `object-inspector` | 141,696 | 46,335 | 39,052 | 19,579 | 5,246 | 4,394 |
242
- | `option` | 35,369 | 10,698 | 9,423 | 2,958 | 655 | 524 |
243
- | `outline` | 38,432 | 11,974 | 10,538 | 4,628 | 1,335 | 982 |
244
- | `pagination` | 150,983 | 47,192 | 39,582 | 27,821 | 6,548 | 5,313 |
245
- | `pin-input` | 44,887 | 13,318 | 11,699 | 5,241 | 1,557 | 1,158 |
246
- | `popover` | 60,778 | 20,215 | 17,832 | 1,899 | 495 | 364 |
247
- | `progress` | 34,355 | 10,527 | 9,261 | 1,951 | 496 | 351 |
248
- | `qr-code` | 45,004 | 14,570 | 12,832 | 12,983 | 4,874 | 4,116 |
249
- | `quote` | 32,597 | 10,008 | 8,791 | 552 | 135 | 95 |
250
- | `radio` | 44,436 | 12,950 | 11,371 | 2,874 | 722 | 557 |
251
- | `rating` | 46,601 | 13,913 | 12,244 | 6,646 | 1,864 | 1,491 |
252
- | `scatter-chart` | 79,075 | 25,894 | 22,796 | 11,346 | 3,373 | 2,823 |
253
- | `scroll-area` | 34,840 | 10,692 | 9,362 | 2,743 | 748 | 581 |
254
- | `select` | 139,093 | 44,608 | 37,317 | 16,144 | 4,092 | 3,261 |
255
- | `skeleton` | 31,786 | 9,745 | 8,588 | 544 | 114 | 118 |
256
- | `skip-link` | 33,376 | 10,318 | 9,048 | 1,178 | 345 | 210 |
257
- | `slider` | 45,426 | 13,351 | 11,767 | 5,627 | 1,519 | 1,168 |
258
- | `sparkline` | 39,499 | 12,456 | 10,979 | 2,387 | 788 | 588 |
259
- | `speed-dial` | 118,803 | 39,618 | 33,249 | 3,743 | 912 | 653 |
260
- | `splitter` | 42,879 | 12,764 | 11,313 | 10,282 | 2,599 | 2,180 |
261
- | `stat` | 33,562 | 10,189 | 8,948 | 1,148 | 202 | 114 |
262
- | `steps` | 97,382 | 31,197 | 25,517 | 6,294 | 1,507 | 1,153 |
263
- | `switch` | 41,938 | 12,454 | 10,959 | 1,650 | 500 | 272 |
264
- | `table` | 99,492 | 32,375 | 26,441 | 10,158 | 2,806 | 2,354 |
265
- | `tabs` | 41,178 | 12,296 | 10,801 | 3,925 | 838 | 705 |
266
- | `tag` | 88,535 | 28,655 | 23,376 | 908 | 203 | 99 |
267
- | `textarea` | 44,125 | 12,962 | 11,365 | 3,996 | 1,073 | 791 |
268
- | `time-input` | 158,276 | 49,193 | 41,382 | 29,048 | 7,077 | 5,861 |
269
- | `time-picker` | 117,361 | 37,166 | 30,442 | 19,136 | 5,110 | 4,191 |
270
- | `timeline` | 88,971 | 28,649 | 23,536 | 1,809 | 386 | 275 |
271
- | `toast` | 92,328 | 29,782 | 24,302 | 4,078 | 950 | 788 |
272
- | `toggle` | 46,122 | 13,475 | 11,864 | 3,342 | 814 | 642 |
273
- | `toolbar` | 35,168 | 10,890 | 9,557 | 2,624 | 734 | 489 |
274
- | `tooltip` | 64,916 | 21,297 | 18,849 | 6,369 | 1,722 | 1,478 |
275
- | `tour` | 70,798 | 22,750 | 20,023 | 11,095 | 2,760 | 2,295 |
276
- | `tree` | 99,186 | 32,004 | 26,034 | 7,223 | 1,892 | 1,498 |
277
- | `trend` | 87,849 | 28,441 | 23,311 | 1,056 | 292 | 195 |
278
- | `video` | 155,511 | 48,840 | 41,235 | 32,520 | 7,652 | 6,536 |
279
- | `video-playlist` | 134,784 | 43,632 | 36,589 | 14,940 | 3,448 | 2,918 |
280
- | `virtual-list` | 39,026 | 12,161 | 10,713 | 2,413 | 720 | 542 |
183
+ | `accordion` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
184
+ | `announcement` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
185
+ | `app-header` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
186
+ | `area-chart` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
187
+ | `avatar` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
188
+ | `badge` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
189
+ | `bar-chart` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
190
+ | `blockquote` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
191
+ | `breadcrumbs` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
192
+ | `button` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
193
+ | `button-group` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
194
+ | `callout` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
195
+ | `canvas` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
196
+ | `card` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
197
+ | `carousel` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
198
+ | `chat` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
199
+ | `checkbox` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
200
+ | `checkbox-group` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
201
+ | `code` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
202
+ | `code-block` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
203
+ | `color-input` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
204
+ | `color-picker` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
205
+ | `combobox` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
206
+ | `command` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
207
+ | `copy-button` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
208
+ | `data-table` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
209
+ | `date-input` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
210
+ | `date-picker` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
211
+ | `description-list` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
212
+ | `dialog` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
213
+ | `divider` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
214
+ | `donut-chart` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
215
+ | `drawer` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
216
+ | `drilldown` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
217
+ | `empty` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
218
+ | `file-input` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
219
+ | `filter-input` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
220
+ | `format-date` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
221
+ | `graph` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
222
+ | `heatmap` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
223
+ | `icon` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
224
+ | `icon-button` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
225
+ | `image` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
226
+ | `input` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
227
+ | `kbd` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
228
+ | `legend` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
229
+ | `lightbox` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
230
+ | `line-chart` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
231
+ | `list` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
232
+ | `listbox` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
233
+ | `loader` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
234
+ | `map` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
235
+ | `megamenu` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
236
+ | `menu` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
237
+ | `meter` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
238
+ | `navigation` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
239
+ | `notifications` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
240
+ | `number-input` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
241
+ | `object-inspector` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
242
+ | `option` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
243
+ | `outline` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
244
+ | `pagination` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
245
+ | `pin-input` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
246
+ | `popover` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
247
+ | `progress` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
248
+ | `qr-code` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
249
+ | `quote` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
250
+ | `radio` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
251
+ | `rating` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
252
+ | `scatter-chart` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
253
+ | `scroll-area` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
254
+ | `select` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
255
+ | `skeleton` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
256
+ | `skip-link` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
257
+ | `slider` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
258
+ | `sparkline` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
259
+ | `speed-dial` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
260
+ | `splitter` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
261
+ | `stat` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
262
+ | `steps` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
263
+ | `switch` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
264
+ | `table` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
265
+ | `tabs` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
266
+ | `tag` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
267
+ | `textarea` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
268
+ | `time-input` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
269
+ | `time-picker` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
270
+ | `timeline` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
271
+ | `toast` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
272
+ | `toggle` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
273
+ | `toolbar` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
274
+ | `tooltip` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
275
+ | `tour` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
276
+ | `tree` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
277
+ | `trend` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
278
+ | `video` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
279
+ | `video-playlist` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
280
+ | `virtual-list` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
281
281
 
282
282
  ### Styled tier
283
283
 
@@ -285,110 +285,110 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
285
285
 
286
286
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
287
287
  |---|---|---|---|---|---|---|
288
- | `accordion` | 96,008 | 31,045 | 25,308 | 6,204 | 1,552 | 1,334 |
289
- | `announcement` | 94,845 | 30,484 | 24,814 | 6,133 | 1,426 | 1,221 |
290
- | `app-header` | 37,558 | 11,197 | 9,855 | 5,121 | 1,174 | 1,010 |
291
- | `area-chart` | 86,976 | 27,876 | 24,585 | 18,366 | 4,999 | 4,094 |
292
- | `aura` | 100,695 | 33,696 | 29,244 | 65,483 | 23,048 | 19,598 |
293
- | `avatar` | 39,303 | 11,656 | 10,305 | 6,833 | 1,656 | 1,312 |
294
- | `badge` | 36,308 | 10,942 | 9,593 | 4,250 | 999 | 791 |
295
- | `bar-chart` | 94,045 | 29,190 | 25,710 | 25,425 | 6,305 | 5,302 |
296
- | `blockquote` | 34,374 | 10,540 | 9,244 | 1,914 | 480 | 345 |
297
- | `breadcrumbs` | 92,688 | 29,541 | 24,297 | 5,518 | 1,241 | 1,030 |
298
- | `button` | 44,147 | 12,695 | 11,180 | 9,433 | 1,999 | 1,577 |
299
- | `button-group` | 34,750 | 10,518 | 9,267 | 2,320 | 536 | 349 |
300
- | `callout` | 90,243 | 29,138 | 23,958 | 2,899 | 761 | 643 |
301
- | `canvas` | 114,596 | 31,551 | 27,527 | 70,328 | 18,735 | 15,718 |
302
- | `card` | 36,389 | 10,993 | 9,658 | 3,963 | 977 | 783 |
303
- | `carousel` | 109,313 | 33,424 | 27,590 | 21,719 | 4,510 | 3,805 |
304
- | `chat` | 126,071 | 39,079 | 32,177 | 31,590 | 7,648 | 6,503 |
305
- | `checkbox` | 49,215 | 13,996 | 12,294 | 9,313 | 2,224 | 1,783 |
306
- | `checkbox-group` | 47,994 | 13,821 | 12,132 | 7,574 | 1,912 | 1,425 |
307
- | `code` | 32,770 | 10,000 | 8,794 | 1,511 | 389 | 253 |
308
- | `code-block` | 150,447 | 46,618 | 39,176 | 33,746 | 7,239 | 6,128 |
309
- | `color-input` | 185,917 | 52,994 | 44,934 | 59,644 | 11,401 | 9,695 |
310
- | `color-picker` | 146,585 | 41,798 | 34,577 | 47,778 | 9,369 | 7,914 |
311
- | `combobox` | 162,143 | 49,147 | 41,334 | 36,410 | 7,969 | 6,556 |
312
- | `command` | 127,558 | 38,568 | 31,691 | 28,803 | 6,698 | 5,654 |
313
- | `copy-button` | 138,582 | 43,903 | 36,927 | 21,883 | 4,678 | 3,848 |
314
- | `data-table` | 225,345 | 63,892 | 53,704 | 95,314 | 21,379 | 17,423 |
315
- | `date-input` | 161,305 | 48,994 | 41,288 | 35,357 | 7,919 | 6,544 |
316
- | `date-picker` | 105,918 | 33,593 | 27,526 | 15,499 | 3,886 | 3,180 |
317
- | `description-list` | 35,555 | 10,662 | 9,345 | 3,502 | 782 | 602 |
318
- | `dialog` | 41,103 | 12,202 | 10,752 | 7,079 | 1,781 | 1,500 |
319
- | `divider` | 35,580 | 10,853 | 9,501 | 3,120 | 769 | 661 |
320
- | `donut-chart` | 86,480 | 27,126 | 23,952 | 19,297 | 4,923 | 4,178 |
321
- | `drawer` | 39,742 | 11,836 | 10,398 | 6,007 | 1,490 | 1,284 |
322
- | `drilldown` | 101,864 | 32,658 | 26,619 | 10,393 | 2,536 | 2,078 |
323
- | `empty` | 35,111 | 10,835 | 9,475 | 2,380 | 687 | 550 |
324
- | `file-input` | 112,191 | 34,746 | 28,487 | 17,793 | 4,086 | 3,413 |
325
- | `filter-input` | 185,744 | 53,703 | 45,311 | 56,353 | 11,422 | 9,440 |
326
- | `flex` | 34,131 | 10,369 | 9,095 | 2,078 | 463 | 416 |
327
- | `format-date` | 37,335 | 11,452 | 10,102 | 3,497 | 856 | 630 |
328
- | `graph` | 129,713 | 39,069 | 32,137 | 26,302 | 5,811 | 4,906 |
329
- | `grid` | 34,724 | 10,549 | 9,266 | 2,667 | 634 | 567 |
330
- | `heatmap` | 85,393 | 26,854 | 23,757 | 17,648 | 4,440 | 3,706 |
331
- | `icon` | 88,515 | 28,579 | 23,417 | 1,707 | 417 | 275 |
332
- | `icon-button` | 44,304 | 12,559 | 11,021 | 9,594 | 1,871 | 1,598 |
333
- | `image` | 36,949 | 11,162 | 9,787 | 4,840 | 1,294 | 965 |
334
- | `input` | 106,067 | 33,334 | 27,234 | 11,104 | 2,702 | 2,124 |
335
- | `kbd` | 36,440 | 11,376 | 10,009 | 4,373 | 1,372 | 1,080 |
336
- | `legend` | 41,896 | 12,550 | 10,991 | 5,790 | 1,394 | 1,084 |
337
- | `lightbox` | 44,475 | 13,224 | 11,584 | 7,805 | 1,990 | 1,635 |
338
- | `line-chart` | 88,942 | 27,974 | 24,665 | 20,419 | 5,137 | 4,260 |
339
- | `list` | 38,213 | 11,284 | 9,912 | 5,799 | 1,323 | 1,097 |
340
- | `listbox` | 113,035 | 35,640 | 29,106 | 15,768 | 4,095 | 3,319 |
341
- | `loader` | 36,480 | 11,023 | 9,689 | 4,051 | 991 | 795 |
342
- | `map` | 169,726 | 45,237 | 37,648 | 69,255 | 13,211 | 11,089 |
343
- | `megamenu` | 68,453 | 22,038 | 19,496 | 9,805 | 2,357 | 1,909 |
344
- | `menu` | 134,821 | 43,663 | 36,566 | 16,362 | 3,811 | 3,155 |
345
- | `meter` | 41,902 | 12,250 | 10,806 | 9,479 | 2,231 | 1,867 |
346
- | `navigation` | 36,714 | 11,266 | 9,926 | 3,051 | 803 | 573 |
347
- | `notifications` | 117,457 | 35,584 | 29,227 | 24,486 | 5,072 | 4,373 |
348
- | `number-input` | 107,510 | 33,888 | 27,714 | 12,539 | 3,159 | 2,528 |
349
- | `object-inspector` | 155,333 | 48,593 | 41,060 | 33,196 | 7,578 | 6,390 |
350
- | `option` | 38,623 | 11,607 | 10,236 | 6,201 | 1,576 | 1,256 |
351
- | `orb` | 43,327 | 14,006 | 12,351 | 8,623 | 3,218 | 2,799 |
352
- | `outline` | 42,172 | 12,759 | 11,262 | 8,351 | 2,134 | 1,722 |
353
- | `pagination` | 168,966 | 50,231 | 42,251 | 45,786 | 9,640 | 7,929 |
354
- | `pin-input` | 48,052 | 14,141 | 12,445 | 8,389 | 2,382 | 1,881 |
355
- | `popover` | 63,414 | 20,858 | 18,401 | 4,517 | 1,163 | 920 |
356
- | `progress` | 39,384 | 11,705 | 10,325 | 6,962 | 1,662 | 1,399 |
357
- | `qr-code` | 46,667 | 15,001 | 13,216 | 14,629 | 5,294 | 4,408 |
358
- | `quote` | 33,252 | 10,174 | 8,913 | 1,191 | 306 | 170 |
359
- | `radio` | 52,732 | 14,462 | 12,699 | 11,160 | 2,281 | 1,784 |
360
- | `rating` | 50,913 | 15,148 | 13,341 | 10,941 | 3,108 | 2,579 |
361
- | `sandbox` | 68,614 | 18,048 | 15,976 | 35,718 | 7,859 | 6,625 |
362
- | `scatter-chart` | 87,467 | 27,700 | 24,449 | 19,718 | 5,209 | 4,270 |
363
- | `scroll-area` | 37,988 | 11,354 | 9,970 | 5,874 | 1,404 | 1,085 |
364
- | `select` | 151,946 | 47,018 | 39,441 | 28,986 | 6,513 | 5,346 |
365
- | `skeleton` | 34,304 | 10,506 | 9,212 | 2,242 | 603 | 477 |
366
- | `skip-link` | 34,839 | 10,732 | 9,392 | 2,624 | 740 | 587 |
367
- | `slider` | 56,506 | 15,344 | 13,587 | 16,690 | 3,545 | 3,058 |
368
- | `sparkline` | 43,417 | 13,410 | 11,824 | 6,293 | 1,767 | 1,450 |
369
- | `speed-dial` | 126,435 | 41,139 | 34,531 | 11,356 | 2,387 | 2,057 |
370
- | `splitter` | 48,951 | 13,758 | 12,222 | 16,336 | 3,637 | 3,007 |
371
- | `stat` | 36,987 | 10,908 | 9,594 | 4,565 | 922 | 736 |
372
- | `steps` | 111,187 | 33,738 | 27,667 | 20,088 | 3,993 | 3,364 |
373
- | `switch` | 46,304 | 13,527 | 11,870 | 6,001 | 1,581 | 1,299 |
374
- | `table` | 105,086 | 33,557 | 27,401 | 15,746 | 3,988 | 3,370 |
375
- | `tabs` | 47,414 | 13,566 | 11,936 | 10,154 | 2,155 | 1,761 |
376
- | `tag` | 91,886 | 29,598 | 24,205 | 4,244 | 1,073 | 935 |
377
- | `text` | 36,251 | 10,716 | 9,403 | 4,200 | 895 | 665 |
378
- | `textarea` | 47,560 | 13,804 | 12,086 | 7,418 | 1,941 | 1,582 |
379
- | `time-input` | 179,914 | 52,805 | 44,602 | 50,668 | 10,771 | 9,021 |
380
- | `time-picker` | 129,089 | 39,356 | 32,353 | 30,852 | 7,332 | 6,045 |
381
- | `timeline` | 92,284 | 29,417 | 24,167 | 5,110 | 1,140 | 886 |
382
- | `toast` | 99,861 | 31,494 | 25,778 | 11,599 | 2,615 | 2,111 |
383
- | `toggle` | 51,317 | 14,684 | 12,916 | 8,525 | 2,072 | 1,635 |
384
- | `toolbar` | 36,460 | 11,187 | 9,819 | 3,899 | 1,027 | 771 |
385
- | `tooltip` | 67,994 | 22,057 | 19,462 | 9,429 | 2,457 | 1,912 |
386
- | `tour` | 80,513 | 24,388 | 21,498 | 20,792 | 4,482 | 3,669 |
387
- | `tree` | 105,036 | 33,416 | 27,256 | 13,069 | 3,312 | 2,698 |
388
- | `trend` | 91,068 | 29,198 | 23,934 | 4,271 | 999 | 851 |
389
- | `video` | 174,929 | 52,317 | 44,353 | 51,918 | 11,183 | 9,537 |
390
- | `video-playlist` | 148,901 | 46,228 | 38,830 | 29,038 | 6,011 | 5,047 |
391
- | `virtual-list` | 39,818 | 12,378 | 10,854 | 3,187 | 930 | 738 |
288
+ | `accordion` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
289
+ | `announcement` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
290
+ | `app-header` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
291
+ | `area-chart` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
292
+ | `aura` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
293
+ | `avatar` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
294
+ | `badge` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
295
+ | `bar-chart` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
296
+ | `blockquote` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
297
+ | `breadcrumbs` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
298
+ | `button` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
299
+ | `button-group` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
300
+ | `callout` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
301
+ | `canvas` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
302
+ | `card` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
303
+ | `carousel` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
304
+ | `chat` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
305
+ | `checkbox` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
306
+ | `checkbox-group` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
307
+ | `code` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
308
+ | `code-block` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
309
+ | `color-input` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
310
+ | `color-picker` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
311
+ | `combobox` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
312
+ | `command` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
313
+ | `copy-button` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
314
+ | `data-table` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
315
+ | `date-input` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
316
+ | `date-picker` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
317
+ | `description-list` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
318
+ | `dialog` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
319
+ | `divider` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
320
+ | `donut-chart` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
321
+ | `drawer` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
322
+ | `drilldown` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
323
+ | `empty` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
324
+ | `file-input` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
325
+ | `filter-input` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
326
+ | `flex` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
327
+ | `format-date` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
328
+ | `graph` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
329
+ | `grid` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
330
+ | `heatmap` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
331
+ | `icon` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
332
+ | `icon-button` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
333
+ | `image` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
334
+ | `input` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
335
+ | `kbd` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
336
+ | `legend` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
337
+ | `lightbox` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
338
+ | `line-chart` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
339
+ | `list` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
340
+ | `listbox` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
341
+ | `loader` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
342
+ | `map` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
343
+ | `megamenu` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
344
+ | `menu` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
345
+ | `meter` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
346
+ | `navigation` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
347
+ | `notifications` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
348
+ | `number-input` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
349
+ | `object-inspector` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
350
+ | `option` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
351
+ | `orb` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
352
+ | `outline` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
353
+ | `pagination` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
354
+ | `pin-input` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
355
+ | `popover` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
356
+ | `progress` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
357
+ | `qr-code` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
358
+ | `quote` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
359
+ | `radio` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
360
+ | `rating` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
361
+ | `sandbox` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
362
+ | `scatter-chart` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
363
+ | `scroll-area` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
364
+ | `select` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
365
+ | `skeleton` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
366
+ | `skip-link` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
367
+ | `slider` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
368
+ | `sparkline` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
369
+ | `speed-dial` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
370
+ | `splitter` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
371
+ | `stat` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
372
+ | `steps` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
373
+ | `switch` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
374
+ | `table` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
375
+ | `tabs` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
376
+ | `tag` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
377
+ | `text` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
378
+ | `textarea` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
379
+ | `time-input` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
380
+ | `time-picker` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
381
+ | `timeline` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
382
+ | `toast` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
383
+ | `toggle` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
384
+ | `toolbar` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
385
+ | `tooltip` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
386
+ | `tour` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
387
+ | `tree` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
388
+ | `trend` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
389
+ | `video` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
390
+ | `video-playlist` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
391
+ | `virtual-list` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
392
392
 
393
393
  ## What an install adds to `node_modules`
394
394
 
@@ -400,12 +400,12 @@ stripped column shows the bytes we removed.
400
400
 
401
401
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
402
402
  |---|---|---|---|---|
403
- | `@fusion.dev/helix-core` | 1,196,867 | 173 | 268,141 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
404
- | `@fusion.dev/helix-headless` | 13,517,978 | 510 | 1,077,781 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
403
+ | `@fusion.dev/helix-core` | 1,201,228 | 175 | 269,163 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
404
+ | `@fusion.dev/helix-headless` | 13,518,066 | 510 | 1,077,781 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
405
405
  | `@fusion.dev/helix-icons` | 150,162 | 21 | 50,346 | `svgo` |
406
406
  | `@fusion.dev/helix-styles` | 102,268 | 6 | 0 | none |
407
407
  | `@fusion.dev/helix-theme` | 514,288 | 8 | 5,300 | none |
408
- | `@fusion.dev/helix` | 14,634,154 | 876 | 373,843 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
408
+ | `@fusion.dev/helix` | 14,634,233 | 876 | 373,843 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
409
409
 
410
410
  ## Not measured yet
411
411
 
package/dist/sources.generated.js CHANGED
@@ -3391,7 +3391,7 @@ on its own.
3391
3391
 
3392
3392
  | | Raw | Gzip | Brotli |
3393
3393
  |---|---|---|---|
3394
- | Lit and \`@fusion.dev/helix-core\` | 184,381 | 58,733 | 49,746 |
3394
+ | Lit and \`@fusion.dev/helix-core\` | 184,594 | 58,832 | 49,730 |
3395
3395
 
3396
3396
  ## Whole packages
3397
3397
 
@@ -3402,11 +3402,11 @@ either barrel. The per-component tables show what your page pays.
3402
3402
 
3403
3403
  | Package | Raw | Gzip | Brotli | |
3404
3404
  |---|---|---|---|---|
3405
- | \`@fusion.dev/helix-core\` | 183,935 | 58,319 | 49,490 | The element base class, mixins, decorators, and floating positioning. |
3406
- | \`@fusion.dev/helix-headless\` | 746,560 | 193,434 | 149,943 | Every headless family. The barrel entry includes all of them. |
3405
+ | \`@fusion.dev/helix-core\` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
3406
+ | \`@fusion.dev/helix-headless\` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
3407
3407
  | \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
3408
3408
  | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
3409
- | \`@fusion.dev/helix\` | 1,292,422 | 302,182 | 220,810 | Every styled family. |
3409
+ | \`@fusion.dev/helix\` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
3410
3410
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
3411
3411
 
3412
3412
  ## Stylesheets
@@ -3427,13 +3427,13 @@ shows the whole cost of using the base layer on its own.
3427
3427
 
3428
3428
  ## What the numbers say
3429
3429
 
3430
- **Most of your first component is the shared runtime.** The median styled family is 21,448 bytes gzipped alone, and it adds 2,256 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
3430
+ **Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
3431
3431
 
3432
- Across the 104 styled components, the smallest is \`code\` at 10,000 bytes gzipped alone, and the largest is \`data-table\` at 63,892. Every family together is 302,182.
3432
+ Across the 104 styled components, the smallest is \`code\` at 10,065 bytes gzipped alone, and the largest is \`data-table\` at 63,951. Every family together is 302,260.
3433
3433
 
3434
- No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 193,434 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
3434
+ No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
3435
3435
 
3436
- 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 22,024 bytes gzipped alone.
3436
+ 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 22,091 bytes gzipped alone.
3437
3437
 
3438
3438
  ## Compared with other systems
3439
3439
 
@@ -3445,43 +3445,43 @@ The table has no whole-library row. That row would compare how many components e
3445
3445
 
3446
3446
  | Component | System | Raw | Gzip | Brotli |
3447
3447
  |---|---|---|---|---|
3448
- | \`button\` | **Helix** | 44,147 | 12,695 | 11,180 |
3448
+ | \`button\` | **Helix** | 44,308 | 12,756 | 11,189 |
3449
3449
  | | Carbon | 133,058 | 20,959 | 17,685 |
3450
3450
  | | Material Web | 47,060 | 14,173 | 12,591 |
3451
3451
  | | Shoelace | 62,628 | 18,287 | 15,805 |
3452
3452
  | | Spectrum | 98,792 | 22,045 | 18,674 |
3453
- | \`checkbox\` | **Helix** | 49,215 | 13,996 | 12,294 |
3453
+ | \`checkbox\` | **Helix** | 49,376 | 14,061 | 12,354 |
3454
3454
  | | Carbon | 60,255 | 15,609 | 13,550 |
3455
3455
  | | Material Web | 43,785 | 13,556 | 12,015 |
3456
3456
  | | Shoelace | 47,614 | 15,177 | 13,301 |
3457
3457
  | | Spectrum | 62,492 | 15,437 | 13,481 |
3458
- | \`dialog\` | **Helix** | 41,103 | 12,202 | 10,752 |
3458
+ | \`dialog\` | **Helix** | 41,264 | 12,268 | 10,791 |
3459
3459
  | | Carbon | 510,866 | 67,390 | 39,189 |
3460
3460
  | | Material Web | 34,238 | 11,510 | 10,229 |
3461
3461
  | | Shoelace | 52,754 | 17,698 | 15,554 |
3462
3462
  | | Spectrum | 155,708 | 31,899 | 26,262 |
3463
- | \`radio\` | **Helix** | 52,732 | 14,462 | 12,699 |
3463
+ | \`radio\` | **Helix** | 52,893 | 14,529 | 12,791 |
3464
3464
  | | Carbon | 63,055 | 16,887 | 14,605 |
3465
3465
  | | Material Web | 41,044 | 13,234 | 11,757 |
3466
3466
  | | Shoelace | 34,865 | 12,027 | 10,559 |
3467
3467
  | | Spectrum | 38,685 | 10,660 | 9,370 |
3468
- | \`switch\` | **Helix** | 46,304 | 13,527 | 11,870 |
3468
+ | \`switch\` | **Helix** | 46,465 | 13,591 | 11,909 |
3469
3469
  | | Carbon | 69,423 | 17,127 | 14,764 |
3470
3470
  | | Material Web | 50,155 | 14,577 | 12,935 |
3471
3471
  | | Shoelace | 37,833 | 11,814 | 10,568 |
3472
3472
  | | Spectrum | 62,322 | 15,059 | 13,321 |
3473
- | \`tabs\` | **Helix** | 47,414 | 13,566 | 11,936 |
3473
+ | \`tabs\` | **Helix** | 47,575 | 13,636 | 11,976 |
3474
3474
  | | Carbon | 578,766 | 73,537 | 43,235 |
3475
3475
  | | Material Web | 38,883 | 12,820 | 11,368 |
3476
3476
  | | Shoelace | 54,573 | 17,140 | 15,068 |
3477
3477
  | | Spectrum | 64,875 | 18,298 | 16,283 |
3478
- | \`tooltip\` | **Helix** | 67,994 | 22,057 | 19,462 |
3478
+ | \`tooltip\` | **Helix** | 68,155 | 22,123 | 19,579 |
3479
3479
  | | Carbon | 189,382 | 30,354 | 22,273 |
3480
3480
  | | Material Web | | not shipped | |
3481
3481
  | | Shoelace | 57,412 | 20,220 | 17,933 |
3482
3482
  | | Spectrum | 136,599 | 40,552 | 35,286 |
3483
3483
 
3484
- At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,802 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
3484
+ At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,869 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
3485
3485
 
3486
3486
  - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
3487
3487
  - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -3525,104 +3525,104 @@ Structure, accessibility, state, and form participation. It has no presentation
3525
3525
 
3526
3526
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3527
3527
  |---|---|---|---|---|---|---|
3528
- | \`accordion\` | 92,666 | 30,198 | 24,671 | 2,875 | 746 | 511 |
3529
- | \`announcement\` | 90,082 | 29,370 | 23,901 | 1,386 | 370 | 265 |
3530
- | \`app-header\` | 33,668 | 10,297 | 9,061 | 1,248 | 268 | 223 |
3531
- | \`area-chart\` | 79,590 | 26,268 | 23,156 | 11,004 | 3,368 | 2,644 |
3532
- | \`avatar\` | 35,717 | 10,894 | 9,603 | 3,257 | 880 | 693 |
3533
- | \`badge\` | 33,204 | 10,227 | 8,982 | 1,163 | 310 | 186 |
3534
- | \`bar-chart\` | 81,241 | 26,630 | 23,481 | 12,644 | 3,722 | 3,120 |
3535
- | \`blockquote\` | 33,218 | 10,250 | 8,998 | 774 | 187 | 100 |
3536
- | \`breadcrumbs\` | 89,122 | 28,726 | 23,537 | 1,965 | 465 | 424 |
3537
- | \`button\` | 37,890 | 11,508 | 10,104 | 3,194 | 834 | 602 |
3538
- | \`button-group\` | 33,074 | 10,134 | 8,906 | 661 | 149 | 127 |
3539
- | \`callout\` | 88,242 | 28,578 | 23,475 | 914 | 250 | 124 |
3540
- | \`canvas\` | 94,291 | 27,801 | 24,349 | 50,034 | 14,939 | 12,564 |
3541
- | \`card\` | 33,108 | 10,146 | 8,957 | 694 | 148 | 128 |
3542
- | \`carousel\` | 98,525 | 31,701 | 26,008 | 10,942 | 2,758 | 2,352 |
3543
- | \`chat\` | 111,914 | 36,548 | 30,028 | 17,447 | 5,111 | 4,161 |
3544
- | \`checkbox\` | 42,589 | 12,543 | 11,045 | 2,703 | 751 | 536 |
3545
- | \`checkbox-group\` | 45,713 | 13,230 | 11,668 | 5,307 | 1,317 | 986 |
3546
- | \`code\` | 31,693 | 9,713 | 8,539 | 451 | 87 | 107 |
3547
- | \`code-block\` | 133,997 | 43,744 | 36,820 | 17,317 | 4,517 | 3,836 |
3548
- | \`color-input\` | 152,072 | 47,808 | 40,306 | 25,819 | 6,039 | 5,072 |
3549
- | \`color-picker\` | 118,443 | 37,199 | 30,647 | 19,642 | 4,718 | 4,076 |
3550
- | \`combobox\` | 146,887 | 46,480 | 38,978 | 21,177 | 5,246 | 4,246 |
3551
- | \`command\` | 116,806 | 36,466 | 29,782 | 18,065 | 4,600 | 3,801 |
3552
- | \`copy-button\` | 128,578 | 42,114 | 35,362 | 11,895 | 2,952 | 2,410 |
3553
- | \`data-table\` | 187,059 | 56,956 | 48,084 | 57,295 | 14,500 | 11,887 |
3554
- | \`date-input\` | 145,146 | 45,981 | 38,615 | 19,209 | 4,848 | 3,938 |
3555
- | \`date-picker\` | 100,301 | 32,430 | 26,527 | 9,900 | 2,717 | 2,237 |
3556
- | \`description-list\` | 33,177 | 10,086 | 8,831 | 1,132 | 193 | 109 |
3557
- | \`dialog\` | 36,726 | 11,185 | 9,844 | 2,717 | 775 | 524 |
3558
- | \`divider\` | 33,424 | 10,326 | 9,067 | 981 | 253 | 114 |
3559
- | \`donut-chart\` | 77,373 | 25,233 | 22,279 | 10,214 | 2,964 | 2,399 |
3560
- | \`drawer\` | 35,479 | 10,827 | 9,502 | 1,761 | 483 | 379 |
3561
- | \`drilldown\` | 97,167 | 31,564 | 25,701 | 5,704 | 1,490 | 1,105 |
3562
- | \`empty\` | 33,671 | 10,382 | 9,103 | 956 | 254 | 183 |
3563
- | \`file-input\` | 100,665 | 32,414 | 26,483 | 6,266 | 1,797 | 1,394 |
3564
- | \`filter-input\` | 157,408 | 49,174 | 41,337 | 28,023 | 6,788 | 5,652 |
3565
- | \`format-date\` | 36,687 | 11,304 | 9,977 | 2,867 | 701 | 497 |
3566
- | \`graph\` | 114,873 | 36,534 | 29,968 | 11,479 | 3,254 | 2,760 |
3567
- | \`heatmap\` | 78,595 | 25,450 | 22,445 | 10,872 | 2,989 | 2,437 |
3568
- | \`icon\` | 87,809 | 28,396 | 23,262 | 1,018 | 257 | 115 |
3569
- | \`icon-button\` | 38,289 | 11,539 | 10,147 | 3,593 | 872 | 602 |
3570
- | \`image\` | 35,247 | 10,685 | 9,405 | 3,156 | 813 | 622 |
3571
- | \`input\` | 99,702 | 31,883 | 26,011 | 4,745 | 1,295 | 967 |
3572
- | \`kbd\` | 35,028 | 10,921 | 9,587 | 2,976 | 935 | 678 |
3573
- | \`legend\` | 37,080 | 11,422 | 9,996 | 1,080 | 285 | 186 |
3574
- | \`lightbox\` | 41,462 | 12,460 | 10,905 | 4,807 | 1,235 | 977 |
3575
- | \`line-chart\` | 79,171 | 25,968 | 22,942 | 10,667 | 3,088 | 2,574 |
3576
- | \`list\` | 34,130 | 10,325 | 9,085 | 1,726 | 352 | 212 |
3577
- | \`listbox\` | 108,518 | 34,589 | 28,180 | 11,262 | 3,058 | 2,373 |
3578
- | \`loader\` | 33,314 | 10,251 | 9,005 | 900 | 238 | 110 |
3579
- | \`map\` | 133,483 | 39,723 | 32,934 | 33,027 | 7,693 | 6,230 |
3580
- | \`megamenu\` | 63,572 | 20,971 | 18,509 | 4,941 | 1,271 | 976 |
3581
- | \`menu\` | 127,294 | 42,022 | 35,161 | 8,855 | 2,198 | 1,728 |
3582
- | \`meter\` | 36,504 | 11,105 | 9,772 | 4,099 | 1,069 | 914 |
3583
- | \`navigation\` | 35,063 | 10,799 | 9,489 | 1,417 | 336 | 251 |
3584
- | \`notifications\` | 104,346 | 33,152 | 27,056 | 11,383 | 2,652 | 2,115 |
3585
- | \`number-input\` | 102,630 | 32,702 | 26,723 | 7,670 | 2,013 | 1,487 |
3586
- | \`object-inspector\` | 141,696 | 46,335 | 39,052 | 19,579 | 5,246 | 4,394 |
3587
- | \`option\` | 35,369 | 10,698 | 9,423 | 2,958 | 655 | 524 |
3588
- | \`outline\` | 38,432 | 11,974 | 10,538 | 4,628 | 1,335 | 982 |
3589
- | \`pagination\` | 150,983 | 47,192 | 39,582 | 27,821 | 6,548 | 5,313 |
3590
- | \`pin-input\` | 44,887 | 13,318 | 11,699 | 5,241 | 1,557 | 1,158 |
3591
- | \`popover\` | 60,778 | 20,215 | 17,832 | 1,899 | 495 | 364 |
3592
- | \`progress\` | 34,355 | 10,527 | 9,261 | 1,951 | 496 | 351 |
3593
- | \`qr-code\` | 45,004 | 14,570 | 12,832 | 12,983 | 4,874 | 4,116 |
3594
- | \`quote\` | 32,597 | 10,008 | 8,791 | 552 | 135 | 95 |
3595
- | \`radio\` | 44,436 | 12,950 | 11,371 | 2,874 | 722 | 557 |
3596
- | \`rating\` | 46,601 | 13,913 | 12,244 | 6,646 | 1,864 | 1,491 |
3597
- | \`scatter-chart\` | 79,075 | 25,894 | 22,796 | 11,346 | 3,373 | 2,823 |
3598
- | \`scroll-area\` | 34,840 | 10,692 | 9,362 | 2,743 | 748 | 581 |
3599
- | \`select\` | 139,093 | 44,608 | 37,317 | 16,144 | 4,092 | 3,261 |
3600
- | \`skeleton\` | 31,786 | 9,745 | 8,588 | 544 | 114 | 118 |
3601
- | \`skip-link\` | 33,376 | 10,318 | 9,048 | 1,178 | 345 | 210 |
3602
- | \`slider\` | 45,426 | 13,351 | 11,767 | 5,627 | 1,519 | 1,168 |
3603
- | \`sparkline\` | 39,499 | 12,456 | 10,979 | 2,387 | 788 | 588 |
3604
- | \`speed-dial\` | 118,803 | 39,618 | 33,249 | 3,743 | 912 | 653 |
3605
- | \`splitter\` | 42,879 | 12,764 | 11,313 | 10,282 | 2,599 | 2,180 |
3606
- | \`stat\` | 33,562 | 10,189 | 8,948 | 1,148 | 202 | 114 |
3607
- | \`steps\` | 97,382 | 31,197 | 25,517 | 6,294 | 1,507 | 1,153 |
3608
- | \`switch\` | 41,938 | 12,454 | 10,959 | 1,650 | 500 | 272 |
3609
- | \`table\` | 99,492 | 32,375 | 26,441 | 10,158 | 2,806 | 2,354 |
3610
- | \`tabs\` | 41,178 | 12,296 | 10,801 | 3,925 | 838 | 705 |
3611
- | \`tag\` | 88,535 | 28,655 | 23,376 | 908 | 203 | 99 |
3612
- | \`textarea\` | 44,125 | 12,962 | 11,365 | 3,996 | 1,073 | 791 |
3613
- | \`time-input\` | 158,276 | 49,193 | 41,382 | 29,048 | 7,077 | 5,861 |
3614
- | \`time-picker\` | 117,361 | 37,166 | 30,442 | 19,136 | 5,110 | 4,191 |
3615
- | \`timeline\` | 88,971 | 28,649 | 23,536 | 1,809 | 386 | 275 |
3616
- | \`toast\` | 92,328 | 29,782 | 24,302 | 4,078 | 950 | 788 |
3617
- | \`toggle\` | 46,122 | 13,475 | 11,864 | 3,342 | 814 | 642 |
3618
- | \`toolbar\` | 35,168 | 10,890 | 9,557 | 2,624 | 734 | 489 |
3619
- | \`tooltip\` | 64,916 | 21,297 | 18,849 | 6,369 | 1,722 | 1,478 |
3620
- | \`tour\` | 70,798 | 22,750 | 20,023 | 11,095 | 2,760 | 2,295 |
3621
- | \`tree\` | 99,186 | 32,004 | 26,034 | 7,223 | 1,892 | 1,498 |
3622
- | \`trend\` | 87,849 | 28,441 | 23,311 | 1,056 | 292 | 195 |
3623
- | \`video\` | 155,511 | 48,840 | 41,235 | 32,520 | 7,652 | 6,536 |
3624
- | \`video-playlist\` | 134,784 | 43,632 | 36,589 | 14,940 | 3,448 | 2,918 |
3625
- | \`virtual-list\` | 39,026 | 12,161 | 10,713 | 2,413 | 720 | 542 |
3528
+ | \`accordion\` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
3529
+ | \`announcement\` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
3530
+ | \`app-header\` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
3531
+ | \`area-chart\` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
3532
+ | \`avatar\` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
3533
+ | \`badge\` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
3534
+ | \`bar-chart\` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
3535
+ | \`blockquote\` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
3536
+ | \`breadcrumbs\` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
3537
+ | \`button\` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
3538
+ | \`button-group\` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
3539
+ | \`callout\` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
3540
+ | \`canvas\` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
3541
+ | \`card\` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
3542
+ | \`carousel\` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
3543
+ | \`chat\` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
3544
+ | \`checkbox\` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
3545
+ | \`checkbox-group\` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
3546
+ | \`code\` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
3547
+ | \`code-block\` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
3548
+ | \`color-input\` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
3549
+ | \`color-picker\` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
3550
+ | \`combobox\` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
3551
+ | \`command\` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
3552
+ | \`copy-button\` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
3553
+ | \`data-table\` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
3554
+ | \`date-input\` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
3555
+ | \`date-picker\` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
3556
+ | \`description-list\` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
3557
+ | \`dialog\` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
3558
+ | \`divider\` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
3559
+ | \`donut-chart\` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
3560
+ | \`drawer\` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
3561
+ | \`drilldown\` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
3562
+ | \`empty\` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
3563
+ | \`file-input\` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
3564
+ | \`filter-input\` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
3565
+ | \`format-date\` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
3566
+ | \`graph\` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
3567
+ | \`heatmap\` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
3568
+ | \`icon\` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
3569
+ | \`icon-button\` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
3570
+ | \`image\` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
3571
+ | \`input\` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
3572
+ | \`kbd\` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
3573
+ | \`legend\` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
3574
+ | \`lightbox\` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
3575
+ | \`line-chart\` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
3576
+ | \`list\` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
3577
+ | \`listbox\` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
3578
+ | \`loader\` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
3579
+ | \`map\` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
3580
+ | \`megamenu\` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
3581
+ | \`menu\` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
3582
+ | \`meter\` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
3583
+ | \`navigation\` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
3584
+ | \`notifications\` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
3585
+ | \`number-input\` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
3586
+ | \`object-inspector\` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
3587
+ | \`option\` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
3588
+ | \`outline\` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
3589
+ | \`pagination\` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
3590
+ | \`pin-input\` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
3591
+ | \`popover\` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
3592
+ | \`progress\` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
3593
+ | \`qr-code\` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
3594
+ | \`quote\` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
3595
+ | \`radio\` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
3596
+ | \`rating\` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
3597
+ | \`scatter-chart\` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
3598
+ | \`scroll-area\` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
3599
+ | \`select\` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
3600
+ | \`skeleton\` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
3601
+ | \`skip-link\` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
3602
+ | \`slider\` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
3603
+ | \`sparkline\` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
3604
+ | \`speed-dial\` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
3605
+ | \`splitter\` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
3606
+ | \`stat\` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
3607
+ | \`steps\` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
3608
+ | \`switch\` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
3609
+ | \`table\` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
3610
+ | \`tabs\` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
3611
+ | \`tag\` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
3612
+ | \`textarea\` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
3613
+ | \`time-input\` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
3614
+ | \`time-picker\` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
3615
+ | \`timeline\` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
3616
+ | \`toast\` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
3617
+ | \`toggle\` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
3618
+ | \`toolbar\` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
3619
+ | \`tooltip\` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
3620
+ | \`tour\` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
3621
+ | \`tree\` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
3622
+ | \`trend\` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
3623
+ | \`video\` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
3624
+ | \`video-playlist\` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
3625
+ | \`virtual-list\` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
3626
3626
 
3627
3627
  ### Styled tier
3628
3628
 
@@ -3630,110 +3630,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
3630
3630
 
3631
3631
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3632
3632
  |---|---|---|---|---|---|---|
3633
- | \`accordion\` | 96,008 | 31,045 | 25,308 | 6,204 | 1,552 | 1,334 |
3634
- | \`announcement\` | 94,845 | 30,484 | 24,814 | 6,133 | 1,426 | 1,221 |
3635
- | \`app-header\` | 37,558 | 11,197 | 9,855 | 5,121 | 1,174 | 1,010 |
3636
- | \`area-chart\` | 86,976 | 27,876 | 24,585 | 18,366 | 4,999 | 4,094 |
3637
- | \`aura\` | 100,695 | 33,696 | 29,244 | 65,483 | 23,048 | 19,598 |
3638
- | \`avatar\` | 39,303 | 11,656 | 10,305 | 6,833 | 1,656 | 1,312 |
3639
- | \`badge\` | 36,308 | 10,942 | 9,593 | 4,250 | 999 | 791 |
3640
- | \`bar-chart\` | 94,045 | 29,190 | 25,710 | 25,425 | 6,305 | 5,302 |
3641
- | \`blockquote\` | 34,374 | 10,540 | 9,244 | 1,914 | 480 | 345 |
3642
- | \`breadcrumbs\` | 92,688 | 29,541 | 24,297 | 5,518 | 1,241 | 1,030 |
3643
- | \`button\` | 44,147 | 12,695 | 11,180 | 9,433 | 1,999 | 1,577 |
3644
- | \`button-group\` | 34,750 | 10,518 | 9,267 | 2,320 | 536 | 349 |
3645
- | \`callout\` | 90,243 | 29,138 | 23,958 | 2,899 | 761 | 643 |
3646
- | \`canvas\` | 114,596 | 31,551 | 27,527 | 70,328 | 18,735 | 15,718 |
3647
- | \`card\` | 36,389 | 10,993 | 9,658 | 3,963 | 977 | 783 |
3648
- | \`carousel\` | 109,313 | 33,424 | 27,590 | 21,719 | 4,510 | 3,805 |
3649
- | \`chat\` | 126,071 | 39,079 | 32,177 | 31,590 | 7,648 | 6,503 |
3650
- | \`checkbox\` | 49,215 | 13,996 | 12,294 | 9,313 | 2,224 | 1,783 |
3651
- | \`checkbox-group\` | 47,994 | 13,821 | 12,132 | 7,574 | 1,912 | 1,425 |
3652
- | \`code\` | 32,770 | 10,000 | 8,794 | 1,511 | 389 | 253 |
3653
- | \`code-block\` | 150,447 | 46,618 | 39,176 | 33,746 | 7,239 | 6,128 |
3654
- | \`color-input\` | 185,917 | 52,994 | 44,934 | 59,644 | 11,401 | 9,695 |
3655
- | \`color-picker\` | 146,585 | 41,798 | 34,577 | 47,778 | 9,369 | 7,914 |
3656
- | \`combobox\` | 162,143 | 49,147 | 41,334 | 36,410 | 7,969 | 6,556 |
3657
- | \`command\` | 127,558 | 38,568 | 31,691 | 28,803 | 6,698 | 5,654 |
3658
- | \`copy-button\` | 138,582 | 43,903 | 36,927 | 21,883 | 4,678 | 3,848 |
3659
- | \`data-table\` | 225,345 | 63,892 | 53,704 | 95,314 | 21,379 | 17,423 |
3660
- | \`date-input\` | 161,305 | 48,994 | 41,288 | 35,357 | 7,919 | 6,544 |
3661
- | \`date-picker\` | 105,918 | 33,593 | 27,526 | 15,499 | 3,886 | 3,180 |
3662
- | \`description-list\` | 35,555 | 10,662 | 9,345 | 3,502 | 782 | 602 |
3663
- | \`dialog\` | 41,103 | 12,202 | 10,752 | 7,079 | 1,781 | 1,500 |
3664
- | \`divider\` | 35,580 | 10,853 | 9,501 | 3,120 | 769 | 661 |
3665
- | \`donut-chart\` | 86,480 | 27,126 | 23,952 | 19,297 | 4,923 | 4,178 |
3666
- | \`drawer\` | 39,742 | 11,836 | 10,398 | 6,007 | 1,490 | 1,284 |
3667
- | \`drilldown\` | 101,864 | 32,658 | 26,619 | 10,393 | 2,536 | 2,078 |
3668
- | \`empty\` | 35,111 | 10,835 | 9,475 | 2,380 | 687 | 550 |
3669
- | \`file-input\` | 112,191 | 34,746 | 28,487 | 17,793 | 4,086 | 3,413 |
3670
- | \`filter-input\` | 185,744 | 53,703 | 45,311 | 56,353 | 11,422 | 9,440 |
3671
- | \`flex\` | 34,131 | 10,369 | 9,095 | 2,078 | 463 | 416 |
3672
- | \`format-date\` | 37,335 | 11,452 | 10,102 | 3,497 | 856 | 630 |
3673
- | \`graph\` | 129,713 | 39,069 | 32,137 | 26,302 | 5,811 | 4,906 |
3674
- | \`grid\` | 34,724 | 10,549 | 9,266 | 2,667 | 634 | 567 |
3675
- | \`heatmap\` | 85,393 | 26,854 | 23,757 | 17,648 | 4,440 | 3,706 |
3676
- | \`icon\` | 88,515 | 28,579 | 23,417 | 1,707 | 417 | 275 |
3677
- | \`icon-button\` | 44,304 | 12,559 | 11,021 | 9,594 | 1,871 | 1,598 |
3678
- | \`image\` | 36,949 | 11,162 | 9,787 | 4,840 | 1,294 | 965 |
3679
- | \`input\` | 106,067 | 33,334 | 27,234 | 11,104 | 2,702 | 2,124 |
3680
- | \`kbd\` | 36,440 | 11,376 | 10,009 | 4,373 | 1,372 | 1,080 |
3681
- | \`legend\` | 41,896 | 12,550 | 10,991 | 5,790 | 1,394 | 1,084 |
3682
- | \`lightbox\` | 44,475 | 13,224 | 11,584 | 7,805 | 1,990 | 1,635 |
3683
- | \`line-chart\` | 88,942 | 27,974 | 24,665 | 20,419 | 5,137 | 4,260 |
3684
- | \`list\` | 38,213 | 11,284 | 9,912 | 5,799 | 1,323 | 1,097 |
3685
- | \`listbox\` | 113,035 | 35,640 | 29,106 | 15,768 | 4,095 | 3,319 |
3686
- | \`loader\` | 36,480 | 11,023 | 9,689 | 4,051 | 991 | 795 |
3687
- | \`map\` | 169,726 | 45,237 | 37,648 | 69,255 | 13,211 | 11,089 |
3688
- | \`megamenu\` | 68,453 | 22,038 | 19,496 | 9,805 | 2,357 | 1,909 |
3689
- | \`menu\` | 134,821 | 43,663 | 36,566 | 16,362 | 3,811 | 3,155 |
3690
- | \`meter\` | 41,902 | 12,250 | 10,806 | 9,479 | 2,231 | 1,867 |
3691
- | \`navigation\` | 36,714 | 11,266 | 9,926 | 3,051 | 803 | 573 |
3692
- | \`notifications\` | 117,457 | 35,584 | 29,227 | 24,486 | 5,072 | 4,373 |
3693
- | \`number-input\` | 107,510 | 33,888 | 27,714 | 12,539 | 3,159 | 2,528 |
3694
- | \`object-inspector\` | 155,333 | 48,593 | 41,060 | 33,196 | 7,578 | 6,390 |
3695
- | \`option\` | 38,623 | 11,607 | 10,236 | 6,201 | 1,576 | 1,256 |
3696
- | \`orb\` | 43,327 | 14,006 | 12,351 | 8,623 | 3,218 | 2,799 |
3697
- | \`outline\` | 42,172 | 12,759 | 11,262 | 8,351 | 2,134 | 1,722 |
3698
- | \`pagination\` | 168,966 | 50,231 | 42,251 | 45,786 | 9,640 | 7,929 |
3699
- | \`pin-input\` | 48,052 | 14,141 | 12,445 | 8,389 | 2,382 | 1,881 |
3700
- | \`popover\` | 63,414 | 20,858 | 18,401 | 4,517 | 1,163 | 920 |
3701
- | \`progress\` | 39,384 | 11,705 | 10,325 | 6,962 | 1,662 | 1,399 |
3702
- | \`qr-code\` | 46,667 | 15,001 | 13,216 | 14,629 | 5,294 | 4,408 |
3703
- | \`quote\` | 33,252 | 10,174 | 8,913 | 1,191 | 306 | 170 |
3704
- | \`radio\` | 52,732 | 14,462 | 12,699 | 11,160 | 2,281 | 1,784 |
3705
- | \`rating\` | 50,913 | 15,148 | 13,341 | 10,941 | 3,108 | 2,579 |
3706
- | \`sandbox\` | 68,614 | 18,048 | 15,976 | 35,718 | 7,859 | 6,625 |
3707
- | \`scatter-chart\` | 87,467 | 27,700 | 24,449 | 19,718 | 5,209 | 4,270 |
3708
- | \`scroll-area\` | 37,988 | 11,354 | 9,970 | 5,874 | 1,404 | 1,085 |
3709
- | \`select\` | 151,946 | 47,018 | 39,441 | 28,986 | 6,513 | 5,346 |
3710
- | \`skeleton\` | 34,304 | 10,506 | 9,212 | 2,242 | 603 | 477 |
3711
- | \`skip-link\` | 34,839 | 10,732 | 9,392 | 2,624 | 740 | 587 |
3712
- | \`slider\` | 56,506 | 15,344 | 13,587 | 16,690 | 3,545 | 3,058 |
3713
- | \`sparkline\` | 43,417 | 13,410 | 11,824 | 6,293 | 1,767 | 1,450 |
3714
- | \`speed-dial\` | 126,435 | 41,139 | 34,531 | 11,356 | 2,387 | 2,057 |
3715
- | \`splitter\` | 48,951 | 13,758 | 12,222 | 16,336 | 3,637 | 3,007 |
3716
- | \`stat\` | 36,987 | 10,908 | 9,594 | 4,565 | 922 | 736 |
3717
- | \`steps\` | 111,187 | 33,738 | 27,667 | 20,088 | 3,993 | 3,364 |
3718
- | \`switch\` | 46,304 | 13,527 | 11,870 | 6,001 | 1,581 | 1,299 |
3719
- | \`table\` | 105,086 | 33,557 | 27,401 | 15,746 | 3,988 | 3,370 |
3720
- | \`tabs\` | 47,414 | 13,566 | 11,936 | 10,154 | 2,155 | 1,761 |
3721
- | \`tag\` | 91,886 | 29,598 | 24,205 | 4,244 | 1,073 | 935 |
3722
- | \`text\` | 36,251 | 10,716 | 9,403 | 4,200 | 895 | 665 |
3723
- | \`textarea\` | 47,560 | 13,804 | 12,086 | 7,418 | 1,941 | 1,582 |
3724
- | \`time-input\` | 179,914 | 52,805 | 44,602 | 50,668 | 10,771 | 9,021 |
3725
- | \`time-picker\` | 129,089 | 39,356 | 32,353 | 30,852 | 7,332 | 6,045 |
3726
- | \`timeline\` | 92,284 | 29,417 | 24,167 | 5,110 | 1,140 | 886 |
3727
- | \`toast\` | 99,861 | 31,494 | 25,778 | 11,599 | 2,615 | 2,111 |
3728
- | \`toggle\` | 51,317 | 14,684 | 12,916 | 8,525 | 2,072 | 1,635 |
3729
- | \`toolbar\` | 36,460 | 11,187 | 9,819 | 3,899 | 1,027 | 771 |
3730
- | \`tooltip\` | 67,994 | 22,057 | 19,462 | 9,429 | 2,457 | 1,912 |
3731
- | \`tour\` | 80,513 | 24,388 | 21,498 | 20,792 | 4,482 | 3,669 |
3732
- | \`tree\` | 105,036 | 33,416 | 27,256 | 13,069 | 3,312 | 2,698 |
3733
- | \`trend\` | 91,068 | 29,198 | 23,934 | 4,271 | 999 | 851 |
3734
- | \`video\` | 174,929 | 52,317 | 44,353 | 51,918 | 11,183 | 9,537 |
3735
- | \`video-playlist\` | 148,901 | 46,228 | 38,830 | 29,038 | 6,011 | 5,047 |
3736
- | \`virtual-list\` | 39,818 | 12,378 | 10,854 | 3,187 | 930 | 738 |
3633
+ | \`accordion\` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
3634
+ | \`announcement\` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
3635
+ | \`app-header\` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
3636
+ | \`area-chart\` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
3637
+ | \`aura\` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
3638
+ | \`avatar\` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
3639
+ | \`badge\` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
3640
+ | \`bar-chart\` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
3641
+ | \`blockquote\` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
3642
+ | \`breadcrumbs\` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
3643
+ | \`button\` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
3644
+ | \`button-group\` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
3645
+ | \`callout\` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
3646
+ | \`canvas\` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
3647
+ | \`card\` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
3648
+ | \`carousel\` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
3649
+ | \`chat\` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
3650
+ | \`checkbox\` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
3651
+ | \`checkbox-group\` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
3652
+ | \`code\` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
3653
+ | \`code-block\` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
3654
+ | \`color-input\` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
3655
+ | \`color-picker\` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
3656
+ | \`combobox\` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
3657
+ | \`command\` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
3658
+ | \`copy-button\` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
3659
+ | \`data-table\` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
3660
+ | \`date-input\` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
3661
+ | \`date-picker\` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
3662
+ | \`description-list\` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
3663
+ | \`dialog\` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
3664
+ | \`divider\` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
3665
+ | \`donut-chart\` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
3666
+ | \`drawer\` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
3667
+ | \`drilldown\` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
3668
+ | \`empty\` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
3669
+ | \`file-input\` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
3670
+ | \`filter-input\` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
3671
+ | \`flex\` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
3672
+ | \`format-date\` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
3673
+ | \`graph\` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
3674
+ | \`grid\` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
3675
+ | \`heatmap\` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
3676
+ | \`icon\` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
3677
+ | \`icon-button\` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
3678
+ | \`image\` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
3679
+ | \`input\` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
3680
+ | \`kbd\` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
3681
+ | \`legend\` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
3682
+ | \`lightbox\` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
3683
+ | \`line-chart\` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
3684
+ | \`list\` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
3685
+ | \`listbox\` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
3686
+ | \`loader\` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
3687
+ | \`map\` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
3688
+ | \`megamenu\` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
3689
+ | \`menu\` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
3690
+ | \`meter\` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
3691
+ | \`navigation\` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
3692
+ | \`notifications\` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
3693
+ | \`number-input\` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
3694
+ | \`object-inspector\` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
3695
+ | \`option\` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
3696
+ | \`orb\` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
3697
+ | \`outline\` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
3698
+ | \`pagination\` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
3699
+ | \`pin-input\` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
3700
+ | \`popover\` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
3701
+ | \`progress\` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
3702
+ | \`qr-code\` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
3703
+ | \`quote\` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
3704
+ | \`radio\` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
3705
+ | \`rating\` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
3706
+ | \`sandbox\` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
3707
+ | \`scatter-chart\` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
3708
+ | \`scroll-area\` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
3709
+ | \`select\` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
3710
+ | \`skeleton\` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
3711
+ | \`skip-link\` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
3712
+ | \`slider\` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
3713
+ | \`sparkline\` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
3714
+ | \`speed-dial\` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
3715
+ | \`splitter\` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
3716
+ | \`stat\` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
3717
+ | \`steps\` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
3718
+ | \`switch\` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
3719
+ | \`table\` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
3720
+ | \`tabs\` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
3721
+ | \`tag\` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
3722
+ | \`text\` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
3723
+ | \`textarea\` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
3724
+ | \`time-input\` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
3725
+ | \`time-picker\` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
3726
+ | \`timeline\` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
3727
+ | \`toast\` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
3728
+ | \`toggle\` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
3729
+ | \`toolbar\` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
3730
+ | \`tooltip\` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
3731
+ | \`tour\` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
3732
+ | \`tree\` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
3733
+ | \`trend\` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
3734
+ | \`video\` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
3735
+ | \`video-playlist\` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
3736
+ | \`virtual-list\` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
3737
3737
 
3738
3738
  ## What an install adds to \`node_modules\`
3739
3739
 
@@ -3745,12 +3745,12 @@ stripped column shows the bytes we removed.
3745
3745
 
3746
3746
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
3747
3747
  |---|---|---|---|---|
3748
- | \`@fusion.dev/helix-core\` | 1,196,867 | 173 | 268,141 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
3749
- | \`@fusion.dev/helix-headless\` | 13,517,978 | 510 | 1,077,781 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
3748
+ | \`@fusion.dev/helix-core\` | 1,201,228 | 175 | 269,163 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
3749
+ | \`@fusion.dev/helix-headless\` | 13,518,066 | 510 | 1,077,781 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
3750
3750
  | \`@fusion.dev/helix-icons\` | 150,162 | 21 | 50,346 | \`svgo\` |
3751
3751
  | \`@fusion.dev/helix-styles\` | 102,268 | 6 | 0 | none |
3752
3752
  | \`@fusion.dev/helix-theme\` | 514,288 | 8 | 5,300 | none |
3753
- | \`@fusion.dev/helix\` | 14,634,154 | 876 | 373,843 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
3753
+ | \`@fusion.dev/helix\` | 14,634,233 | 876 | 373,843 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
3754
3754
 
3755
3755
  ## Not measured yet
3756
3756
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fusion.dev/helix-docs",
3
3
  "description": "Versioned documentation content and registry for Helix.",
4
- "version": "0.136.0",
4
+ "version": "0.138.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -36,14 +36,14 @@
36
36
  },
37
37
  "bugs": "https://github.com/project-fusion/fusion/issues",
38
38
  "devDependencies": {
39
- "@fusion.dev/helix": "0.136.0",
40
- "@fusion.dev/helix-cem": "0.136.0",
41
- "@fusion.dev/helix-headless": "0.136.0",
42
- "@fusion.dev/helix-icons": "0.136.0",
43
- "@fusion.dev/helix-map": "0.136.0",
44
- "@fusion.dev/helix-styles": "0.136.0",
45
- "@fusion.dev/helix-testing": "0.136.0",
46
- "@fusion.dev/helix-theme": "0.136.0",
39
+ "@fusion.dev/helix": "0.138.0",
40
+ "@fusion.dev/helix-cem": "0.138.0",
41
+ "@fusion.dev/helix-headless": "0.138.0",
42
+ "@fusion.dev/helix-icons": "0.138.0",
43
+ "@fusion.dev/helix-map": "0.138.0",
44
+ "@fusion.dev/helix-styles": "0.138.0",
45
+ "@fusion.dev/helix-testing": "0.138.0",
46
+ "@fusion.dev/helix-theme": "0.138.0",
47
47
  "@fusion.dev/scripts": "0.0.0-dev",
48
48
  "lit": "^3.2.1",
49
49
  "playwright": "^1.62.1"