@fusion.dev/helix-docs 0.31.0 → 0.32.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 (4) hide show
  1. package/content/metrics.mdx +206 -206
  2. package/content/overlays.mdx +3 -2
  3. package/dist/sources.generated.js +209 -208
  4. package/package.json +3 -3
package/content/metrics.mdx CHANGED
@@ -47,7 +47,7 @@ nobody ever downloads this floor on its own.
47
47
 
48
48
  | | Raw | Gzip | Brotli |
49
49
  |---|---|---|---|
50
- | Lit and `@fusion.dev/helix-core` | 144,287 | 47,744 | 40,295 |
50
+ | Lit and `@fusion.dev/helix-core` | 144,481 | 47,796 | 40,278 |
51
51
 
52
52
  ## Whole packages
53
53
 
@@ -58,11 +58,11 @@ repository does that. The per-component tables are what a page pays.
58
58
 
59
59
  | Package | Raw | Gzip | Brotli | |
60
60
  |---|---|---|---|---|
61
- | `@fusion.dev/helix-core` | 143,841 | 47,368 | 40,069 | Element base class, mixins, decorators, floating positioning. |
62
- | `@fusion.dev/helix-headless` | 592,531 | 152,646 | 118,994 | Every headless family, which is what the barrel means. |
61
+ | `@fusion.dev/helix-core` | 144,035 | 47,419 | 40,166 | Element base class, mixins, decorators, floating positioning. |
62
+ | `@fusion.dev/helix-headless` | 593,666 | 152,841 | 119,120 | Every headless family, which is what the barrel means. |
63
63
  | `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
64
64
  | `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
65
- | `@fusion.dev/helix` | 1,059,436 | 247,127 | 180,975 | Every styled family. |
65
+ | `@fusion.dev/helix` | 1,061,512 | 247,499 | 181,210 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
67
67
 
68
68
  ## The stylesheets
@@ -83,13 +83,13 @@ is the whole cost of adopting the base layer on its own.
83
83
 
84
84
  ## What the numbers say
85
85
 
86
- **Most of a first component is the runtime under it.** The median styled family is 18,519 bytes gzipped alone and adds 2,213 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
86
+ **Most of a first component is the runtime under it.** The median styled family is 18,545 bytes gzipped alone and adds 2,215 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
87
87
 
88
- Across the tier: the cheapest is `code` at 9,377 gzipped alone, the dearest `data-table` at 57,544, over 100 components. Every family at once is 247,127.
88
+ Across the tier: the cheapest is `code` at 9,377 gzipped alone, the dearest `data-table` at 57,757, over 100 components. Every family at once is 247,499.
89
89
 
90
- **No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 152,646 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
90
+ **No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 152,841 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
91
91
 
92
- The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 20,100 bytes gzipped alone.
92
+ The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 20,156 bytes gzipped alone.
93
93
 
94
94
  ## Against other systems
95
95
 
@@ -131,7 +131,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
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,966 | 20,997 | 18,580 |
134
+ | `tooltip` | **Helix** | 62,160 | 21,054 | 18,660 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -182,100 +182,100 @@ Structure, accessibility, state and form participation. No presentation, and no
182
182
 
183
183
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
184
184
  |---|---|---|---|---|---|---|
185
- | `accordion` | 79,421 | 26,542 | 21,741 | 2,875 | 761 | 603 |
186
- | `announcement` | 76,729 | 25,651 | 21,044 | 1,349 | 390 | 261 |
187
- | `app-header` | 28,776 | 9,654 | 8,521 | 1,248 | 320 | 172 |
188
- | `area-chart` | 72,472 | 24,861 | 22,000 | 10,642 | 3,269 | 2,656 |
189
- | `avatar` | 30,825 | 10,257 | 9,063 | 3,257 | 925 | 781 |
190
- | `badge` | 28,311 | 9,586 | 8,437 | 1,162 | 304 | 290 |
191
- | `bar-chart` | 74,013 | 25,164 | 22,289 | 12,266 | 3,610 | 2,938 |
192
- | `blockquote` | 28,164 | 9,543 | 8,406 | 892 | 236 | 166 |
193
- | `breadcrumbs` | 76,375 | 25,281 | 20,829 | 1,953 | 440 | 309 |
194
- | `button` | 32,793 | 10,793 | 9,501 | 3,137 | 834 | 670 |
195
- | `button-group` | 28,182 | 9,499 | 8,366 | 661 | 151 | 47 |
196
- | `callout` | 75,505 | 25,144 | 20,734 | 912 | 252 | 223 |
197
- | `card` | 28,216 | 9,512 | 8,379 | 694 | 161 | 111 |
198
- | `carousel` | 82,642 | 27,298 | 22,468 | 8,071 | 2,124 | 1,619 |
199
- | `chat` | 98,475 | 32,741 | 26,980 | 17,275 | 5,030 | 4,145 |
200
- | `checkbox` | 36,158 | 11,523 | 10,158 | 2,306 | 672 | 481 |
201
- | `checkbox-group` | 39,172 | 12,170 | 10,734 | 4,801 | 1,267 | 888 |
202
- | `code` | 26,801 | 9,082 | 8,003 | 451 | 84 | 65 |
203
- | `code-block` | 118,975 | 39,830 | 33,565 | 16,137 | 4,304 | 3,637 |
204
- | `color-input` | 133,132 | 43,262 | 36,352 | 25,004 | 6,476 | 5,516 |
205
- | `color-picker` | 101,658 | 32,836 | 27,019 | 19,378 | 5,214 | 4,438 |
206
- | `combobox` | 131,064 | 42,379 | 35,571 | 20,245 | 5,032 | 4,111 |
207
- | `command` | 102,411 | 32,556 | 26,715 | 17,560 | 4,504 | 3,697 |
208
- | `copy-button` | 113,970 | 38,276 | 32,126 | 11,135 | 2,822 | 2,284 |
209
- | `data-table` | 168,154 | 52,066 | 43,877 | 54,204 | 13,726 | 11,382 |
210
- | `date-input` | 128,591 | 41,705 | 35,014 | 18,130 | 4,618 | 3,814 |
211
- | `date-picker` | 87,283 | 28,791 | 23,654 | 10,021 | 2,805 | 2,217 |
212
- | `description-list` | 28,285 | 9,451 | 8,314 | 1,132 | 188 | 97 |
213
- | `dialog` | 31,834 | 10,544 | 9,289 | 2,717 | 826 | 579 |
214
- | `divider` | 28,361 | 9,616 | 8,445 | 1,090 | 291 | 161 |
215
- | `donut-chart` | 69,868 | 23,743 | 20,985 | 9,474 | 2,812 | 2,267 |
216
- | `drawer` | 30,587 | 10,176 | 8,935 | 1,761 | 483 | 339 |
217
- | `drilldown` | 82,086 | 27,234 | 22,256 | 5,033 | 1,349 | 1,070 |
218
- | `empty` | 28,338 | 9,554 | 8,415 | 816 | 196 | 81 |
219
- | `file-input` | 86,640 | 28,577 | 23,419 | 6,008 | 1,704 | 1,311 |
220
- | `filter-input` | 141,926 | 45,176 | 37,897 | 28,036 | 6,770 | 5,666 |
221
- | `format-date` | 31,795 | 10,666 | 9,452 | 2,867 | 709 | 518 |
222
- | `heatmap` | 71,279 | 23,994 | 21,254 | 10,710 | 3,037 | 2,382 |
223
- | `icon` | 74,911 | 24,903 | 20,570 | 850 | 198 | 51 |
224
- | `icon-button` | 33,192 | 10,821 | 9,539 | 3,536 | 864 | 698 |
225
- | `image` | 30,355 | 10,050 | 8,859 | 3,156 | 823 | 627 |
226
- | `input` | 86,066 | 28,250 | 23,096 | 4,734 | 1,293 | 935 |
227
- | `kbd` | 30,136 | 10,275 | 9,059 | 2,976 | 1,046 | 759 |
228
- | `legend` | 32,054 | 10,722 | 9,442 | 1,097 | 305 | 155 |
229
- | `line-chart` | 71,958 | 24,551 | 21,736 | 10,212 | 3,015 | 2,481 |
230
- | `list` | 29,237 | 9,687 | 8,532 | 1,725 | 345 | 210 |
231
- | `listbox` | 94,162 | 30,705 | 25,081 | 10,797 | 2,977 | 2,345 |
232
- | `loader` | 28,422 | 9,617 | 8,460 | 900 | 236 | 196 |
233
- | `megamenu` | 57,679 | 20,015 | 17,686 | 4,950 | 1,369 | 994 |
234
- | `menu` | 112,898 | 38,179 | 31,961 | 8,835 | 2,228 | 1,724 |
235
- | `meter` | 31,612 | 10,471 | 9,246 | 4,099 | 1,056 | 877 |
236
- | `navigation` | 30,060 | 10,134 | 8,936 | 1,361 | 382 | 204 |
237
- | `notifications` | 90,885 | 29,503 | 24,194 | 11,898 | 2,828 | 2,278 |
238
- | `number-input` | 88,419 | 28,884 | 23,662 | 7,174 | 1,927 | 1,552 |
239
- | `object-inspector` | 126,041 | 42,242 | 35,545 | 18,151 | 4,930 | 4,090 |
240
- | `option` | 30,315 | 10,008 | 8,855 | 2,796 | 616 | 502 |
241
- | `outline` | 33,384 | 11,263 | 9,939 | 4,633 | 1,435 | 1,083 |
242
- | `pagination` | 135,214 | 43,066 | 36,120 | 26,995 | 6,276 | 5,186 |
243
- | `pin-input` | 38,834 | 12,333 | 10,869 | 5,061 | 1,493 | 1,164 |
244
- | `popover` | 54,876 | 19,245 | 17,000 | 1,901 | 533 | 376 |
245
- | `progress` | 29,463 | 9,891 | 8,709 | 1,951 | 494 | 362 |
246
- | `qr-code` | 40,110 | 13,923 | 12,299 | 12,981 | 4,648 | 4,011 |
247
- | `quote` | 27,705 | 9,367 | 8,238 | 552 | 141 | 63 |
248
- | `radio` | 37,348 | 11,762 | 10,376 | 3,114 | 828 | 575 |
249
- | `rating` | 39,596 | 12,615 | 11,097 | 5,806 | 1,652 | 1,236 |
250
- | `scatter-chart` | 71,732 | 24,420 | 21,552 | 10,772 | 3,260 | 2,665 |
251
- | `scroll-area` | 29,941 | 10,044 | 8,816 | 2,736 | 789 | 613 |
252
- | `select` | 123,394 | 40,538 | 33,947 | 15,301 | 3,896 | 3,160 |
253
- | `skeleton` | 26,894 | 9,115 | 8,037 | 544 | 116 | 33 |
254
- | `skip-link` | 28,377 | 9,634 | 8,469 | 1,226 | 389 | 210 |
255
- | `slider` | 39,194 | 12,374 | 10,926 | 5,177 | 1,421 | 1,089 |
256
- | `sparkline` | 34,520 | 11,744 | 10,384 | 2,539 | 830 | 649 |
257
- | `speed-dial` | 104,548 | 35,836 | 30,086 | 3,743 | 983 | 643 |
258
- | `splitter` | 37,680 | 11,981 | 10,630 | 10,163 | 2,560 | 2,119 |
259
- | `stat` | 28,670 | 9,551 | 8,404 | 1,148 | 194 | 47 |
260
- | `steps` | 84,498 | 27,718 | 22,747 | 6,293 | 1,520 | 1,148 |
261
- | `switch` | 35,673 | 11,424 | 10,107 | 1,699 | 537 | 356 |
262
- | `table` | 83,010 | 27,404 | 22,417 | 7,061 | 1,828 | 1,376 |
263
- | `tabs` | 35,013 | 11,326 | 9,963 | 4,097 | 910 | 756 |
264
- | `tag` | 75,789 | 25,244 | 20,728 | 897 | 200 | 145 |
265
- | `textarea` | 38,275 | 12,050 | 10,620 | 4,018 | 1,096 | 752 |
266
- | `time-input` | 141,238 | 45,043 | 37,741 | 27,849 | 6,935 | 5,819 |
267
- | `time-picker` | 102,717 | 33,197 | 27,277 | 18,808 | 5,110 | 4,256 |
268
- | `timeline` | 76,321 | 25,228 | 20,781 | 1,894 | 402 | 257 |
269
- | `toast` | 79,520 | 26,325 | 21,596 | 4,005 | 946 | 730 |
270
- | `toggle` | 39,310 | 12,366 | 10,924 | 3,535 | 922 | 635 |
271
- | `toolbar` | 30,084 | 10,147 | 8,926 | 2,932 | 940 | 658 |
272
- | `tooltip` | 58,400 | 20,185 | 17,856 | 5,914 | 1,661 | 1,364 |
273
- | `tour` | 64,347 | 21,553 | 19,045 | 10,643 | 2,648 | 2,120 |
274
- | `tree` | 85,956 | 28,308 | 23,118 | 7,132 | 1,927 | 1,499 |
275
- | `trend` | 75,114 | 25,006 | 20,655 | 1,056 | 289 | 189 |
276
- | `video` | 137,736 | 44,246 | 37,276 | 33,421 | 7,979 | 6,954 |
277
- | `video-playlist` | 120,435 | 39,792 | 33,402 | 14,968 | 3,481 | 2,912 |
278
- | `virtual-list` | 33,940 | 11,417 | 10,084 | 2,485 | 765 | 629 |
185
+ | `accordion` | 79,421 | 26,542 | 21,741 | 2,875 | 765 | 627 |
186
+ | `announcement` | 76,729 | 25,651 | 21,044 | 1,349 | 390 | 360 |
187
+ | `app-header` | 28,776 | 9,654 | 8,521 | 1,248 | 320 | 259 |
188
+ | `area-chart` | 72,666 | 24,918 | 22,028 | 10,642 | 3,270 | 2,781 |
189
+ | `avatar` | 30,825 | 10,257 | 9,063 | 3,257 | 928 | 793 |
190
+ | `badge` | 28,311 | 9,586 | 8,437 | 1,162 | 304 | 253 |
191
+ | `bar-chart` | 74,207 | 25,221 | 22,269 | 12,266 | 3,611 | 3,021 |
192
+ | `blockquote` | 28,164 | 9,543 | 8,406 | 892 | 236 | 266 |
193
+ | `breadcrumbs` | 76,375 | 25,281 | 20,829 | 1,953 | 444 | 427 |
194
+ | `button` | 32,793 | 10,793 | 9,501 | 3,137 | 835 | 644 |
195
+ | `button-group` | 28,182 | 9,499 | 8,366 | 661 | 151 | 171 |
196
+ | `callout` | 75,505 | 25,144 | 20,734 | 912 | 251 | 270 |
197
+ | `card` | 28,216 | 9,512 | 8,379 | 694 | 161 | 120 |
198
+ | `carousel` | 82,719 | 27,315 | 22,511 | 8,148 | 2,143 | 1,724 |
199
+ | `chat` | 98,475 | 32,741 | 26,980 | 17,275 | 5,032 | 4,221 |
200
+ | `checkbox` | 36,158 | 11,523 | 10,158 | 2,306 | 676 | 461 |
201
+ | `checkbox-group` | 39,172 | 12,170 | 10,734 | 4,801 | 1,270 | 943 |
202
+ | `code` | 26,801 | 9,082 | 8,003 | 451 | 84 | 111 |
203
+ | `code-block` | 119,169 | 39,882 | 33,578 | 16,137 | 4,308 | 3,714 |
204
+ | `color-input` | 133,326 | 43,311 | 36,382 | 25,004 | 6,478 | 5,596 |
205
+ | `color-picker` | 101,658 | 32,836 | 27,019 | 19,378 | 5,215 | 4,494 |
206
+ | `combobox` | 131,258 | 42,431 | 35,602 | 20,245 | 5,034 | 4,189 |
207
+ | `command` | 102,411 | 32,556 | 26,715 | 17,560 | 4,505 | 3,750 |
208
+ | `copy-button` | 114,164 | 38,327 | 32,231 | 11,135 | 2,825 | 2,418 |
209
+ | `data-table` | 168,346 | 52,101 | 43,933 | 54,202 | 13,723 | 11,546 |
210
+ | `date-input` | 128,785 | 41,758 | 35,109 | 18,130 | 4,623 | 3,957 |
211
+ | `date-picker` | 87,283 | 28,791 | 23,654 | 10,021 | 2,806 | 2,298 |
212
+ | `description-list` | 28,285 | 9,451 | 8,314 | 1,132 | 194 | 132 |
213
+ | `dialog` | 31,834 | 10,544 | 9,289 | 2,717 | 826 | 677 |
214
+ | `divider` | 28,361 | 9,616 | 8,445 | 1,090 | 291 | 307 |
215
+ | `donut-chart` | 70,062 | 23,796 | 21,060 | 9,474 | 2,814 | 2,420 |
216
+ | `drawer` | 30,587 | 10,176 | 8,935 | 1,761 | 484 | 421 |
217
+ | `drilldown` | 82,730 | 27,421 | 22,436 | 5,680 | 1,506 | 1,308 |
218
+ | `empty` | 28,338 | 9,554 | 8,415 | 816 | 196 | 216 |
219
+ | `file-input` | 86,640 | 28,577 | 23,419 | 6,008 | 1,704 | 1,453 |
220
+ | `filter-input` | 142,120 | 45,230 | 38,040 | 28,036 | 6,775 | 5,702 |
221
+ | `format-date` | 31,795 | 10,666 | 9,452 | 2,867 | 708 | 559 |
222
+ | `heatmap` | 71,473 | 24,049 | 21,251 | 10,710 | 3,037 | 2,451 |
223
+ | `icon` | 74,911 | 24,903 | 20,570 | 850 | 199 | 198 |
224
+ | `icon-button` | 33,192 | 10,821 | 9,539 | 3,536 | 868 | 709 |
225
+ | `image` | 30,355 | 10,050 | 8,859 | 3,156 | 823 | 659 |
226
+ | `input` | 86,066 | 28,250 | 23,096 | 4,734 | 1,296 | 974 |
227
+ | `kbd` | 30,136 | 10,275 | 9,059 | 2,976 | 1,047 | 856 |
228
+ | `legend` | 32,054 | 10,722 | 9,442 | 1,097 | 305 | 234 |
229
+ | `line-chart` | 72,152 | 24,606 | 21,777 | 10,212 | 3,018 | 2,542 |
230
+ | `list` | 29,237 | 9,687 | 8,532 | 1,725 | 350 | 405 |
231
+ | `listbox` | 94,162 | 30,705 | 25,081 | 10,797 | 2,980 | 2,413 |
232
+ | `loader` | 28,422 | 9,617 | 8,460 | 900 | 235 | 227 |
233
+ | `megamenu` | 57,873 | 20,070 | 17,743 | 4,950 | 1,372 | 1,063 |
234
+ | `menu` | 113,092 | 38,232 | 31,975 | 8,835 | 2,230 | 1,795 |
235
+ | `meter` | 31,612 | 10,471 | 9,246 | 4,099 | 1,057 | 922 |
236
+ | `navigation` | 30,060 | 10,134 | 8,936 | 1,361 | 384 | 308 |
237
+ | `notifications` | 90,885 | 29,503 | 24,194 | 11,898 | 2,829 | 2,348 |
238
+ | `number-input` | 88,419 | 28,884 | 23,662 | 7,174 | 1,929 | 1,607 |
239
+ | `object-inspector` | 126,235 | 42,294 | 35,590 | 18,151 | 4,934 | 4,149 |
240
+ | `option` | 30,315 | 10,008 | 8,855 | 2,796 | 618 | 543 |
241
+ | `outline` | 33,384 | 11,263 | 9,939 | 4,633 | 1,438 | 1,113 |
242
+ | `pagination` | 135,408 | 43,119 | 36,191 | 26,995 | 6,278 | 5,324 |
243
+ | `pin-input` | 38,834 | 12,333 | 10,869 | 5,061 | 1,496 | 1,220 |
244
+ | `popover` | 55,070 | 19,299 | 17,070 | 1,901 | 537 | 454 |
245
+ | `progress` | 29,463 | 9,891 | 8,709 | 1,951 | 498 | 512 |
246
+ | `qr-code` | 40,110 | 13,923 | 12,299 | 12,981 | 4,649 | 4,116 |
247
+ | `quote` | 27,705 | 9,367 | 8,238 | 552 | 143 | 136 |
248
+ | `radio` | 37,348 | 11,762 | 10,376 | 3,114 | 828 | 568 |
249
+ | `rating` | 39,596 | 12,615 | 11,097 | 5,806 | 1,654 | 1,306 |
250
+ | `scatter-chart` | 71,926 | 24,478 | 21,673 | 10,772 | 3,262 | 2,702 |
251
+ | `scroll-area` | 29,941 | 10,044 | 8,816 | 2,736 | 788 | 613 |
252
+ | `select` | 123,588 | 40,591 | 33,974 | 15,301 | 3,899 | 3,234 |
253
+ | `skeleton` | 26,894 | 9,115 | 8,037 | 544 | 116 | 92 |
254
+ | `skip-link` | 28,377 | 9,634 | 8,469 | 1,226 | 389 | 319 |
255
+ | `slider` | 39,194 | 12,374 | 10,926 | 5,177 | 1,426 | 1,214 |
256
+ | `sparkline` | 34,520 | 11,744 | 10,384 | 2,539 | 835 | 677 |
257
+ | `speed-dial` | 104,742 | 35,898 | 30,142 | 3,743 | 988 | 752 |
258
+ | `splitter` | 37,680 | 11,981 | 10,630 | 10,163 | 2,560 | 2,210 |
259
+ | `stat` | 28,670 | 9,551 | 8,404 | 1,148 | 199 | 168 |
260
+ | `steps` | 84,498 | 27,718 | 22,747 | 6,293 | 1,522 | 1,269 |
261
+ | `switch` | 35,673 | 11,424 | 10,107 | 1,699 | 537 | 422 |
262
+ | `table` | 83,008 | 27,397 | 22,410 | 7,059 | 1,824 | 1,517 |
263
+ | `tabs` | 35,013 | 11,326 | 9,963 | 4,097 | 913 | 795 |
264
+ | `tag` | 75,789 | 25,244 | 20,728 | 897 | 201 | 171 |
265
+ | `textarea` | 38,275 | 12,050 | 10,620 | 4,018 | 1,098 | 878 |
266
+ | `time-input` | 141,432 | 45,092 | 37,835 | 27,849 | 6,937 | 5,885 |
267
+ | `time-picker` | 102,717 | 33,197 | 27,277 | 18,808 | 5,112 | 4,310 |
268
+ | `timeline` | 76,321 | 25,228 | 20,781 | 1,894 | 406 | 319 |
269
+ | `toast` | 79,520 | 26,325 | 21,596 | 4,005 | 949 | 786 |
270
+ | `toggle` | 39,310 | 12,366 | 10,924 | 3,535 | 926 | 756 |
271
+ | `toolbar` | 30,084 | 10,147 | 8,926 | 2,932 | 942 | 725 |
272
+ | `tooltip` | 58,594 | 20,242 | 17,926 | 5,914 | 1,661 | 1,324 |
273
+ | `tour` | 64,754 | 21,671 | 19,187 | 10,856 | 2,714 | 2,307 |
274
+ | `tree` | 85,956 | 28,308 | 23,118 | 7,132 | 1,929 | 1,596 |
275
+ | `trend` | 75,114 | 25,006 | 20,655 | 1,056 | 289 | 334 |
276
+ | `video` | 137,930 | 44,301 | 37,287 | 33,421 | 7,980 | 6,925 |
277
+ | `video-playlist` | 120,629 | 39,847 | 33,440 | 14,968 | 3,483 | 2,941 |
278
+ | `virtual-list` | 33,940 | 11,417 | 10,084 | 2,485 | 766 | 630 |
279
279
 
280
280
  ### Styled tier
281
281
 
@@ -283,106 +283,106 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
283
283
 
284
284
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
285
285
  |---|---|---|---|---|---|---|
286
- | `accordion` | 82,763 | 27,359 | 22,434 | 6,204 | 1,568 | 1,327 |
287
- | `announcement` | 81,138 | 26,650 | 21,854 | 5,742 | 1,359 | 1,109 |
288
- | `app-header` | 32,666 | 10,544 | 9,300 | 5,121 | 1,225 | 975 |
289
- | `area-chart` | 80,346 | 26,498 | 23,461 | 18,496 | 4,927 | 4,037 |
290
- | `aura` | 89,190 | 31,165 | 26,945 | 60,878 | 21,424 | 18,427 |
291
- | `avatar` | 34,410 | 11,015 | 9,705 | 6,832 | 1,698 | 1,453 |
292
- | `badge` | 31,415 | 10,292 | 9,061 | 4,249 | 996 | 748 |
293
- | `bar-chart` | 87,288 | 27,738 | 24,582 | 25,521 | 6,213 | 5,267 |
294
- | `blockquote` | 29,320 | 9,833 | 8,691 | 2,032 | 527 | 366 |
295
- | `breadcrumbs` | 79,999 | 26,093 | 21,577 | 5,564 | 1,245 | 1,120 |
296
- | `button` | 38,886 | 11,904 | 10,467 | 9,212 | 1,947 | 1,605 |
297
- | `button-group` | 29,858 | 9,877 | 8,693 | 2,320 | 535 | 449 |
298
- | `callout` | 77,504 | 25,677 | 21,224 | 2,895 | 769 | 635 |
299
- | `card` | 31,449 | 10,337 | 9,120 | 3,915 | 978 | 810 |
300
- | `carousel` | 92,484 | 28,894 | 24,001 | 17,902 | 3,682 | 3,058 |
301
- | `chat` | 112,591 | 35,227 | 29,083 | 31,376 | 7,528 | 6,307 |
302
- | `checkbox` | 42,202 | 12,916 | 11,366 | 8,334 | 2,055 | 1,640 |
303
- | `checkbox-group` | 41,355 | 12,738 | 11,255 | 6,970 | 1,820 | 1,350 |
304
- | `code` | 27,878 | 9,377 | 8,269 | 1,511 | 377 | 323 |
305
- | `code-block` | 135,184 | 42,621 | 35,818 | 32,326 | 6,939 | 5,940 |
306
- | `color-input` | 165,092 | 48,150 | 40,679 | 56,947 | 11,374 | 9,727 |
307
- | `color-picker` | 127,915 | 37,019 | 30,775 | 45,628 | 9,457 | 8,270 |
308
- | `combobox` | 145,867 | 45,024 | 37,810 | 35,029 | 7,670 | 6,427 |
309
- | `command` | 112,874 | 34,587 | 28,458 | 28,007 | 6,522 | 5,550 |
310
- | `copy-button` | 124,513 | 40,114 | 33,741 | 21,660 | 4,571 | 3,833 |
311
- | `data-table` | 202,488 | 57,544 | 48,492 | 88,519 | 19,294 | 16,103 |
312
- | `date-input` | 144,537 | 44,759 | 37,687 | 34,053 | 7,577 | 6,553 |
313
- | `date-picker` | 92,925 | 29,957 | 24,667 | 15,645 | 3,954 | 3,273 |
314
- | `description-list` | 30,663 | 10,018 | 8,817 | 3,502 | 755 | 605 |
315
- | `dialog` | 36,169 | 11,548 | 10,179 | 7,037 | 1,827 | 1,538 |
316
- | `divider` | 30,517 | 10,136 | 8,901 | 3,229 | 796 | 628 |
317
- | `donut-chart` | 79,329 | 25,650 | 22,696 | 18,915 | 4,749 | 3,987 |
318
- | `drawer` | 34,818 | 11,184 | 9,831 | 5,975 | 1,487 | 1,225 |
319
- | `drilldown` | 86,525 | 28,244 | 23,123 | 9,460 | 2,321 | 1,898 |
320
- | `empty` | 29,625 | 9,918 | 8,725 | 2,087 | 555 | 356 |
321
- | `file-input` | 97,758 | 30,756 | 25,323 | 17,119 | 3,821 | 3,254 |
322
- | `filter-input` | 169,800 | 49,604 | 41,782 | 55,897 | 11,270 | 9,464 |
323
- | `flex` | 29,160 | 9,722 | 8,540 | 1,999 | 456 | 392 |
324
- | `format-date` | 32,443 | 10,811 | 9,580 | 3,497 | 858 | 702 |
325
- | `grid` | 29,687 | 9,887 | 8,712 | 2,522 | 626 | 505 |
326
- | `heatmap` | 78,565 | 25,434 | 22,555 | 17,977 | 4,496 | 3,725 |
327
- | `icon` | 75,617 | 25,085 | 20,682 | 1,539 | 356 | 240 |
328
- | `icon-button` | 39,207 | 11,832 | 10,411 | 9,537 | 1,869 | 1,558 |
329
- | `image` | 32,114 | 10,541 | 9,293 | 4,897 | 1,307 | 1,058 |
330
- | `input` | 92,168 | 29,566 | 24,219 | 10,828 | 2,588 | 2,074 |
331
- | `kbd` | 31,548 | 10,722 | 9,439 | 4,373 | 1,490 | 1,212 |
332
- | `legend` | 36,894 | 11,820 | 10,387 | 5,931 | 1,434 | 1,166 |
333
- | `line-chart` | 82,047 | 26,554 | 23,555 | 20,286 | 5,043 | 4,224 |
334
- | `list` | 33,301 | 10,631 | 9,368 | 5,779 | 1,301 | 1,153 |
335
- | `listbox` | 98,431 | 31,695 | 25,925 | 15,059 | 3,958 | 3,251 |
336
- | `loader` | 31,588 | 10,384 | 9,145 | 4,051 | 988 | 855 |
337
- | `megamenu` | 62,556 | 21,082 | 18,654 | 9,810 | 2,418 | 1,942 |
338
- | `menu` | 120,391 | 39,782 | 33,326 | 16,309 | 3,789 | 3,142 |
339
- | `meter` | 37,010 | 11,618 | 10,273 | 9,479 | 2,200 | 1,949 |
340
- | `navigation` | 31,441 | 10,524 | 9,280 | 2,726 | 770 | 555 |
341
- | `notifications` | 103,841 | 31,850 | 26,266 | 24,840 | 5,158 | 4,460 |
342
- | `number-input` | 93,201 | 30,014 | 24,566 | 11,944 | 3,027 | 2,483 |
343
- | `object-inspector` | 140,320 | 44,651 | 37,632 | 32,409 | 7,313 | 6,275 |
344
- | `option` | 33,569 | 10,912 | 9,619 | 6,038 | 1,512 | 1,201 |
345
- | `orb` | 37,015 | 12,929 | 11,422 | 9,443 | 3,478 | 3,021 |
346
- | `outline` | 37,124 | 12,044 | 10,640 | 8,356 | 2,222 | 1,832 |
347
- | `pagination` | 153,229 | 46,183 | 38,767 | 44,992 | 9,351 | 7,928 |
348
- | `pin-input` | 41,882 | 13,112 | 11,512 | 8,092 | 2,270 | 1,775 |
349
- | `popover` | 57,512 | 19,895 | 17,672 | 4,519 | 1,186 | 900 |
350
- | `progress` | 34,492 | 11,070 | 9,791 | 6,962 | 1,644 | 1,571 |
351
- | `qr-code` | 41,773 | 14,353 | 12,669 | 14,626 | 5,095 | 4,425 |
352
- | `quote` | 28,360 | 9,528 | 8,391 | 1,191 | 297 | 167 |
353
- | `radio` | 44,927 | 13,176 | 11,651 | 10,686 | 2,252 | 1,823 |
354
- | `rating` | 42,553 | 13,539 | 11,961 | 8,745 | 2,542 | 2,065 |
355
- | `sandbox` | 62,701 | 17,142 | 15,199 | 34,886 | 7,631 | 6,495 |
356
- | `scatter-chart` | 80,529 | 26,260 | 23,229 | 19,550 | 5,115 | 4,222 |
357
- | `scroll-area` | 32,867 | 10,666 | 9,361 | 5,645 | 1,398 | 1,040 |
358
- | `select` | 135,999 | 42,908 | 36,011 | 27,888 | 6,245 | 5,155 |
359
- | `skeleton` | 29,412 | 9,868 | 8,693 | 2,242 | 604 | 532 |
360
- | `skip-link` | 29,840 | 10,038 | 8,793 | 2,672 | 773 | 620 |
361
- | `slider` | 49,030 | 14,158 | 12,531 | 14,996 | 3,195 | 2,771 |
362
- | `sparkline` | 38,267 | 12,671 | 11,182 | 6,275 | 1,741 | 1,532 |
363
- | `speed-dial` | 112,012 | 37,283 | 31,329 | 11,187 | 2,351 | 1,948 |
364
- | `splitter` | 43,752 | 12,982 | 11,530 | 16,217 | 3,570 | 3,075 |
365
- | `stat` | 31,486 | 10,172 | 8,964 | 3,954 | 830 | 678 |
366
- | `steps` | 98,121 | 30,142 | 24,836 | 19,904 | 3,897 | 3,328 |
367
- | `switch` | 39,897 | 12,469 | 10,972 | 5,908 | 1,580 | 1,253 |
368
- | `table` | 87,675 | 28,336 | 23,255 | 11,715 | 2,757 | 2,282 |
369
- | `tabs` | 41,252 | 12,601 | 11,099 | 10,325 | 2,203 | 1,731 |
370
- | `tag` | 78,993 | 26,106 | 21,436 | 4,086 | 1,025 | 910 |
371
- | `text` | 31,146 | 10,013 | 8,811 | 3,987 | 806 | 582 |
372
- | `textarea` | 41,612 | 12,866 | 11,334 | 7,341 | 1,932 | 1,518 |
373
- | `time-input` | 162,477 | 48,562 | 40,866 | 49,073 | 10,500 | 8,949 |
374
- | `time-picker` | 114,193 | 35,345 | 29,200 | 30,279 | 7,304 | 6,174 |
375
- | `timeline` | 79,599 | 25,986 | 21,449 | 5,160 | 1,142 | 957 |
376
- | `toast` | 87,053 | 27,995 | 23,069 | 11,526 | 2,574 | 2,231 |
377
- | `toggle` | 44,297 | 13,510 | 11,914 | 8,514 | 2,089 | 1,740 |
378
- | `toolbar` | 31,376 | 10,437 | 9,178 | 4,207 | 1,234 | 982 |
379
- | `tooltip` | 61,966 | 20,997 | 18,580 | 9,462 | 2,433 | 1,953 |
380
- | `tour` | 74,214 | 23,242 | 20,587 | 20,490 | 4,292 | 3,624 |
381
- | `tree` | 90,979 | 29,505 | 24,159 | 12,144 | 3,133 | 2,592 |
382
- | `trend` | 78,170 | 25,675 | 21,171 | 4,103 | 914 | 824 |
383
- | `video` | 156,737 | 47,706 | 40,408 | 52,402 | 11,439 | 9,946 |
384
- | `video-playlist` | 134,349 | 42,300 | 35,496 | 28,861 | 5,945 | 5,028 |
385
- | `virtual-list` | 34,732 | 11,625 | 10,282 | 3,259 | 961 | 734 |
286
+ | `accordion` | 82,763 | 27,359 | 22,434 | 6,204 | 1,571 | 1,371 |
287
+ | `announcement` | 81,138 | 26,650 | 21,854 | 5,742 | 1,358 | 1,256 |
288
+ | `app-header` | 32,666 | 10,544 | 9,300 | 5,121 | 1,223 | 1,076 |
289
+ | `area-chart` | 80,540 | 26,554 | 23,532 | 18,496 | 4,930 | 4,084 |
290
+ | `aura` | 89,213 | 31,171 | 26,957 | 60,901 | 21,434 | 18,555 |
291
+ | `avatar` | 34,410 | 11,015 | 9,705 | 6,832 | 1,701 | 1,375 |
292
+ | `badge` | 31,415 | 10,292 | 9,061 | 4,249 | 996 | 894 |
293
+ | `bar-chart` | 87,482 | 27,793 | 24,604 | 25,521 | 6,217 | 5,328 |
294
+ | `blockquote` | 29,320 | 9,833 | 8,691 | 2,032 | 528 | 496 |
295
+ | `breadcrumbs` | 79,999 | 26,093 | 21,577 | 5,564 | 1,250 | 1,170 |
296
+ | `button` | 38,886 | 11,904 | 10,467 | 9,212 | 1,949 | 1,671 |
297
+ | `button-group` | 29,858 | 9,877 | 8,693 | 2,320 | 534 | 449 |
298
+ | `callout` | 77,504 | 25,677 | 21,224 | 2,895 | 769 | 685 |
299
+ | `card` | 31,449 | 10,337 | 9,120 | 3,915 | 979 | 878 |
300
+ | `carousel` | 92,561 | 28,910 | 23,993 | 17,979 | 3,701 | 3,235 |
301
+ | `chat` | 112,591 | 35,227 | 29,083 | 31,376 | 7,531 | 6,406 |
302
+ | `checkbox` | 42,202 | 12,916 | 11,366 | 8,334 | 2,060 | 1,745 |
303
+ | `checkbox-group` | 41,355 | 12,738 | 11,255 | 6,970 | 1,821 | 1,390 |
304
+ | `code` | 27,878 | 9,377 | 8,269 | 1,511 | 378 | 334 |
305
+ | `code-block` | 135,378 | 42,673 | 35,924 | 32,326 | 6,942 | 5,968 |
306
+ | `color-input` | 165,286 | 48,196 | 40,707 | 56,947 | 11,377 | 9,904 |
307
+ | `color-picker` | 127,915 | 37,019 | 30,775 | 45,628 | 9,461 | 8,220 |
308
+ | `combobox` | 146,061 | 45,077 | 37,833 | 35,029 | 7,673 | 6,529 |
309
+ | `command` | 112,874 | 34,587 | 28,458 | 28,007 | 6,523 | 5,589 |
310
+ | `copy-button` | 124,707 | 40,165 | 33,777 | 21,660 | 4,573 | 3,907 |
311
+ | `data-table` | 203,369 | 57,757 | 48,609 | 89,206 | 19,467 | 16,263 |
312
+ | `date-input` | 144,731 | 44,810 | 37,706 | 34,053 | 7,579 | 6,613 |
313
+ | `date-picker` | 92,925 | 29,957 | 24,667 | 15,645 | 3,955 | 3,340 |
314
+ | `description-list` | 30,663 | 10,018 | 8,817 | 3,502 | 758 | 709 |
315
+ | `dialog` | 36,169 | 11,548 | 10,179 | 7,037 | 1,828 | 1,610 |
316
+ | `divider` | 30,517 | 10,136 | 8,901 | 3,229 | 794 | 662 |
317
+ | `donut-chart` | 79,523 | 25,707 | 22,770 | 18,915 | 4,753 | 4,053 |
318
+ | `drawer` | 34,818 | 11,184 | 9,831 | 5,975 | 1,492 | 1,294 |
319
+ | `drilldown` | 87,379 | 28,452 | 23,344 | 10,317 | 2,499 | 2,188 |
320
+ | `empty` | 29,625 | 9,918 | 8,725 | 2,087 | 557 | 455 |
321
+ | `file-input` | 97,758 | 30,756 | 25,323 | 17,119 | 3,822 | 3,299 |
322
+ | `filter-input` | 169,994 | 49,660 | 41,720 | 55,897 | 11,273 | 9,565 |
323
+ | `flex` | 29,160 | 9,722 | 8,540 | 1,999 | 459 | 422 |
324
+ | `format-date` | 32,443 | 10,811 | 9,580 | 3,497 | 859 | 721 |
325
+ | `grid` | 29,687 | 9,887 | 8,712 | 2,522 | 626 | 570 |
326
+ | `heatmap` | 78,759 | 25,490 | 22,577 | 17,977 | 4,496 | 3,814 |
327
+ | `icon` | 75,617 | 25,085 | 20,682 | 1,539 | 358 | 301 |
328
+ | `icon-button` | 39,207 | 11,832 | 10,411 | 9,537 | 1,871 | 1,574 |
329
+ | `image` | 32,114 | 10,541 | 9,293 | 4,897 | 1,308 | 1,063 |
330
+ | `input` | 92,168 | 29,566 | 24,219 | 10,828 | 2,590 | 2,198 |
331
+ | `kbd` | 31,548 | 10,722 | 9,439 | 4,373 | 1,491 | 1,229 |
332
+ | `legend` | 36,894 | 11,820 | 10,387 | 5,931 | 1,437 | 1,253 |
333
+ | `line-chart` | 82,241 | 26,611 | 23,555 | 20,286 | 5,049 | 4,260 |
334
+ | `list` | 33,301 | 10,631 | 9,368 | 5,779 | 1,304 | 1,178 |
335
+ | `listbox` | 98,431 | 31,695 | 25,925 | 15,059 | 3,960 | 3,213 |
336
+ | `loader` | 31,588 | 10,384 | 9,145 | 4,051 | 987 | 849 |
337
+ | `megamenu` | 62,750 | 21,137 | 18,724 | 9,810 | 2,421 | 2,049 |
338
+ | `menu` | 120,585 | 39,836 | 33,391 | 16,309 | 3,793 | 3,216 |
339
+ | `meter` | 37,010 | 11,618 | 10,273 | 9,479 | 2,200 | 2,038 |
340
+ | `navigation` | 31,441 | 10,524 | 9,280 | 2,726 | 771 | 638 |
341
+ | `notifications` | 103,841 | 31,850 | 26,266 | 24,840 | 5,161 | 4,451 |
342
+ | `number-input` | 93,201 | 30,014 | 24,566 | 11,944 | 3,030 | 2,517 |
343
+ | `object-inspector` | 140,514 | 44,702 | 37,630 | 32,409 | 7,315 | 6,314 |
344
+ | `option` | 33,569 | 10,912 | 9,619 | 6,038 | 1,513 | 1,229 |
345
+ | `orb` | 37,038 | 12,934 | 11,431 | 9,466 | 3,484 | 3,066 |
346
+ | `outline` | 37,124 | 12,044 | 10,640 | 8,356 | 2,223 | 1,857 |
347
+ | `pagination` | 153,423 | 46,233 | 38,858 | 44,992 | 9,354 | 8,008 |
348
+ | `pin-input` | 41,882 | 13,112 | 11,512 | 8,092 | 2,274 | 1,839 |
349
+ | `popover` | 57,706 | 19,948 | 17,655 | 4,519 | 1,192 | 949 |
350
+ | `progress` | 34,492 | 11,070 | 9,791 | 6,962 | 1,645 | 1,539 |
351
+ | `qr-code` | 41,773 | 14,353 | 12,669 | 14,626 | 5,099 | 4,434 |
352
+ | `quote` | 28,360 | 9,528 | 8,391 | 1,191 | 297 | 299 |
353
+ | `radio` | 44,927 | 13,176 | 11,651 | 10,686 | 2,255 | 1,887 |
354
+ | `rating` | 42,553 | 13,539 | 11,961 | 8,745 | 2,547 | 2,165 |
355
+ | `sandbox` | 62,701 | 17,142 | 15,199 | 34,886 | 7,632 | 6,614 |
356
+ | `scatter-chart` | 80,723 | 26,317 | 23,224 | 19,550 | 5,118 | 4,269 |
357
+ | `scroll-area` | 32,867 | 10,666 | 9,361 | 5,645 | 1,398 | 1,170 |
358
+ | `select` | 136,193 | 42,959 | 36,045 | 27,888 | 6,246 | 5,238 |
359
+ | `skeleton` | 29,412 | 9,868 | 8,693 | 2,242 | 604 | 498 |
360
+ | `skip-link` | 29,840 | 10,038 | 8,793 | 2,672 | 773 | 574 |
361
+ | `slider` | 49,030 | 14,158 | 12,531 | 14,996 | 3,199 | 2,750 |
362
+ | `sparkline` | 38,267 | 12,671 | 11,182 | 6,275 | 1,743 | 1,623 |
363
+ | `speed-dial` | 112,206 | 37,348 | 31,387 | 11,187 | 2,353 | 1,957 |
364
+ | `splitter` | 43,752 | 12,982 | 11,530 | 16,217 | 3,573 | 3,123 |
365
+ | `stat` | 31,486 | 10,172 | 8,964 | 3,954 | 830 | 766 |
366
+ | `steps` | 98,121 | 30,142 | 24,836 | 19,904 | 3,899 | 3,345 |
367
+ | `switch` | 39,897 | 12,469 | 10,972 | 5,908 | 1,581 | 1,385 |
368
+ | `table` | 88,284 | 28,476 | 23,363 | 12,324 | 2,902 | 2,507 |
369
+ | `tabs` | 41,252 | 12,601 | 11,099 | 10,325 | 2,207 | 1,861 |
370
+ | `tag` | 78,993 | 26,106 | 21,436 | 4,086 | 1,024 | 928 |
371
+ | `text` | 31,146 | 10,013 | 8,811 | 3,987 | 816 | 667 |
372
+ | `textarea` | 41,612 | 12,866 | 11,334 | 7,341 | 1,935 | 1,524 |
373
+ | `time-input` | 162,671 | 48,608 | 40,866 | 49,073 | 10,505 | 8,947 |
374
+ | `time-picker` | 114,193 | 35,345 | 29,200 | 30,279 | 7,305 | 6,223 |
375
+ | `timeline` | 79,599 | 25,986 | 21,449 | 5,160 | 1,146 | 1,031 |
376
+ | `toast` | 87,053 | 27,995 | 23,069 | 11,526 | 2,576 | 2,210 |
377
+ | `toggle` | 44,297 | 13,510 | 11,914 | 8,514 | 2,093 | 1,746 |
378
+ | `toolbar` | 31,376 | 10,437 | 9,178 | 4,207 | 1,235 | 995 |
379
+ | `tooltip` | 62,160 | 21,054 | 18,660 | 9,462 | 2,434 | 2,069 |
380
+ | `tour` | 74,621 | 23,348 | 20,656 | 20,703 | 4,355 | 3,712 |
381
+ | `tree` | 90,979 | 29,505 | 24,159 | 12,144 | 3,135 | 2,683 |
382
+ | `trend` | 78,170 | 25,675 | 21,171 | 4,103 | 916 | 905 |
383
+ | `video` | 156,931 | 47,757 | 40,326 | 52,402 | 11,443 | 10,074 |
384
+ | `video-playlist` | 134,543 | 42,356 | 35,553 | 28,861 | 5,949 | 4,973 |
385
+ | `virtual-list` | 34,732 | 11,625 | 10,282 | 3,259 | 965 | 851 |
386
386
 
387
387
  ## What lands in `node_modules`
388
388
 
@@ -394,12 +394,12 @@ column is what was removed rather than part of what remains.
394
394
 
395
395
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
396
396
  |---|---|---|---|---|
397
- | `@fusion.dev/helix-core` | 821,005 | 121 | 180,886 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
- | `@fusion.dev/helix-headless` | 10,815,673 | 472 | 841,227 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
397
+ | `@fusion.dev/helix-core` | 822,112 | 121 | 181,418 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
+ | `@fusion.dev/helix-headless` | 10,830,525 | 472 | 842,959 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
399
399
  | `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
400
400
  | `@fusion.dev/helix-styles` | 101,139 | 6 | 0 | none |
401
401
  | `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
402
- | `@fusion.dev/helix` | 11,800,443 | 798 | 332,615 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
402
+ | `@fusion.dev/helix` | 11,811,647 | 798 | 332,803 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
403
403
 
404
404
  ## Not measured yet
405
405
 
package/content/overlays.mdx CHANGED
@@ -29,8 +29,9 @@ else is wrong.
29
29
  ## Positioning is JavaScript
30
30
 
31
31
  Placement uses `@floating-ui/dom` rather than CSS anchor positioning: flip when
32
- there is no room below, shift to stay on screen, size to the available space.
33
- Anchor positioning would be the platform answer and is not yet available
32
+ there is no room below, move below or above when a panel placed beside its
33
+ anchor has room on neither side, shift to stay on screen, size to the available
34
+ space. Anchor positioning would be the platform answer and is not yet available
34
35
  everywhere the rest of the library's requirements are. See [Browser
35
36
  support](./browser-support).
36
37
 
package/dist/sources.generated.js CHANGED
@@ -1922,7 +1922,7 @@ nobody ever downloads this floor on its own.
1922
1922
 
1923
1923
  | | Raw | Gzip | Brotli |
1924
1924
  |---|---|---|---|
1925
- | Lit and \`@fusion.dev/helix-core\` | 144,287 | 47,744 | 40,295 |
1925
+ | Lit and \`@fusion.dev/helix-core\` | 144,481 | 47,796 | 40,278 |
1926
1926
 
1927
1927
  ## Whole packages
1928
1928
 
@@ -1933,11 +1933,11 @@ repository does that. The per-component tables are what a page pays.
1933
1933
 
1934
1934
  | Package | Raw | Gzip | Brotli | |
1935
1935
  |---|---|---|---|---|
1936
- | \`@fusion.dev/helix-core\` | 143,841 | 47,368 | 40,069 | Element base class, mixins, decorators, floating positioning. |
1937
- | \`@fusion.dev/helix-headless\` | 592,531 | 152,646 | 118,994 | Every headless family, which is what the barrel means. |
1936
+ | \`@fusion.dev/helix-core\` | 144,035 | 47,419 | 40,166 | Element base class, mixins, decorators, floating positioning. |
1937
+ | \`@fusion.dev/helix-headless\` | 593,666 | 152,841 | 119,120 | Every headless family, which is what the barrel means. |
1938
1938
  | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
1939
1939
  | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
1940
- | \`@fusion.dev/helix\` | 1,059,436 | 247,127 | 180,975 | Every styled family. |
1940
+ | \`@fusion.dev/helix\` | 1,061,512 | 247,499 | 181,210 | Every styled family. |
1941
1941
  | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
1942
1942
 
1943
1943
  ## The stylesheets
@@ -1958,13 +1958,13 @@ is the whole cost of adopting the base layer on its own.
1958
1958
 
1959
1959
  ## What the numbers say
1960
1960
 
1961
- **Most of a first component is the runtime under it.** The median styled family is 18,519 bytes gzipped alone and adds 2,213 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
1961
+ **Most of a first component is the runtime under it.** The median styled family is 18,545 bytes gzipped alone and adds 2,215 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
1962
1962
 
1963
- Across the tier: the cheapest is \`code\` at 9,377 gzipped alone, the dearest \`data-table\` at 57,544, over 100 components. Every family at once is 247,127.
1963
+ Across the tier: the cheapest is \`code\` at 9,377 gzipped alone, the dearest \`data-table\` at 57,757, over 100 components. Every family at once is 247,499.
1964
1964
 
1965
- **No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 152,646 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
1965
+ **No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 152,841 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
1966
1966
 
1967
- The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,100 bytes gzipped alone.
1967
+ The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,156 bytes gzipped alone.
1968
1968
 
1969
1969
  ## Against other systems
1970
1970
 
@@ -2006,7 +2006,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
2006
2006
  | | Material Web | 38,883 | 12,820 | 11,368 |
2007
2007
  | | Shoelace | 54,573 | 17,140 | 15,068 |
2008
2008
  | | Spectrum | 64,875 | 18,298 | 16,283 |
2009
- | \`tooltip\` | **Helix** | 61,966 | 20,997 | 18,580 |
2009
+ | \`tooltip\` | **Helix** | 62,160 | 21,054 | 18,660 |
2010
2010
  | | Carbon | 189,382 | 30,354 | 22,273 |
2011
2011
  | | Material Web | | not shipped | |
2012
2012
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -2057,100 +2057,100 @@ Structure, accessibility, state and form participation. No presentation, and no
2057
2057
 
2058
2058
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2059
2059
  |---|---|---|---|---|---|---|
2060
- | \`accordion\` | 79,421 | 26,542 | 21,741 | 2,875 | 761 | 603 |
2061
- | \`announcement\` | 76,729 | 25,651 | 21,044 | 1,349 | 390 | 261 |
2062
- | \`app-header\` | 28,776 | 9,654 | 8,521 | 1,248 | 320 | 172 |
2063
- | \`area-chart\` | 72,472 | 24,861 | 22,000 | 10,642 | 3,269 | 2,656 |
2064
- | \`avatar\` | 30,825 | 10,257 | 9,063 | 3,257 | 925 | 781 |
2065
- | \`badge\` | 28,311 | 9,586 | 8,437 | 1,162 | 304 | 290 |
2066
- | \`bar-chart\` | 74,013 | 25,164 | 22,289 | 12,266 | 3,610 | 2,938 |
2067
- | \`blockquote\` | 28,164 | 9,543 | 8,406 | 892 | 236 | 166 |
2068
- | \`breadcrumbs\` | 76,375 | 25,281 | 20,829 | 1,953 | 440 | 309 |
2069
- | \`button\` | 32,793 | 10,793 | 9,501 | 3,137 | 834 | 670 |
2070
- | \`button-group\` | 28,182 | 9,499 | 8,366 | 661 | 151 | 47 |
2071
- | \`callout\` | 75,505 | 25,144 | 20,734 | 912 | 252 | 223 |
2072
- | \`card\` | 28,216 | 9,512 | 8,379 | 694 | 161 | 111 |
2073
- | \`carousel\` | 82,642 | 27,298 | 22,468 | 8,071 | 2,124 | 1,619 |
2074
- | \`chat\` | 98,475 | 32,741 | 26,980 | 17,275 | 5,030 | 4,145 |
2075
- | \`checkbox\` | 36,158 | 11,523 | 10,158 | 2,306 | 672 | 481 |
2076
- | \`checkbox-group\` | 39,172 | 12,170 | 10,734 | 4,801 | 1,267 | 888 |
2077
- | \`code\` | 26,801 | 9,082 | 8,003 | 451 | 84 | 65 |
2078
- | \`code-block\` | 118,975 | 39,830 | 33,565 | 16,137 | 4,304 | 3,637 |
2079
- | \`color-input\` | 133,132 | 43,262 | 36,352 | 25,004 | 6,476 | 5,516 |
2080
- | \`color-picker\` | 101,658 | 32,836 | 27,019 | 19,378 | 5,214 | 4,438 |
2081
- | \`combobox\` | 131,064 | 42,379 | 35,571 | 20,245 | 5,032 | 4,111 |
2082
- | \`command\` | 102,411 | 32,556 | 26,715 | 17,560 | 4,504 | 3,697 |
2083
- | \`copy-button\` | 113,970 | 38,276 | 32,126 | 11,135 | 2,822 | 2,284 |
2084
- | \`data-table\` | 168,154 | 52,066 | 43,877 | 54,204 | 13,726 | 11,382 |
2085
- | \`date-input\` | 128,591 | 41,705 | 35,014 | 18,130 | 4,618 | 3,814 |
2086
- | \`date-picker\` | 87,283 | 28,791 | 23,654 | 10,021 | 2,805 | 2,217 |
2087
- | \`description-list\` | 28,285 | 9,451 | 8,314 | 1,132 | 188 | 97 |
2088
- | \`dialog\` | 31,834 | 10,544 | 9,289 | 2,717 | 826 | 579 |
2089
- | \`divider\` | 28,361 | 9,616 | 8,445 | 1,090 | 291 | 161 |
2090
- | \`donut-chart\` | 69,868 | 23,743 | 20,985 | 9,474 | 2,812 | 2,267 |
2091
- | \`drawer\` | 30,587 | 10,176 | 8,935 | 1,761 | 483 | 339 |
2092
- | \`drilldown\` | 82,086 | 27,234 | 22,256 | 5,033 | 1,349 | 1,070 |
2093
- | \`empty\` | 28,338 | 9,554 | 8,415 | 816 | 196 | 81 |
2094
- | \`file-input\` | 86,640 | 28,577 | 23,419 | 6,008 | 1,704 | 1,311 |
2095
- | \`filter-input\` | 141,926 | 45,176 | 37,897 | 28,036 | 6,770 | 5,666 |
2096
- | \`format-date\` | 31,795 | 10,666 | 9,452 | 2,867 | 709 | 518 |
2097
- | \`heatmap\` | 71,279 | 23,994 | 21,254 | 10,710 | 3,037 | 2,382 |
2098
- | \`icon\` | 74,911 | 24,903 | 20,570 | 850 | 198 | 51 |
2099
- | \`icon-button\` | 33,192 | 10,821 | 9,539 | 3,536 | 864 | 698 |
2100
- | \`image\` | 30,355 | 10,050 | 8,859 | 3,156 | 823 | 627 |
2101
- | \`input\` | 86,066 | 28,250 | 23,096 | 4,734 | 1,293 | 935 |
2102
- | \`kbd\` | 30,136 | 10,275 | 9,059 | 2,976 | 1,046 | 759 |
2103
- | \`legend\` | 32,054 | 10,722 | 9,442 | 1,097 | 305 | 155 |
2104
- | \`line-chart\` | 71,958 | 24,551 | 21,736 | 10,212 | 3,015 | 2,481 |
2105
- | \`list\` | 29,237 | 9,687 | 8,532 | 1,725 | 345 | 210 |
2106
- | \`listbox\` | 94,162 | 30,705 | 25,081 | 10,797 | 2,977 | 2,345 |
2107
- | \`loader\` | 28,422 | 9,617 | 8,460 | 900 | 236 | 196 |
2108
- | \`megamenu\` | 57,679 | 20,015 | 17,686 | 4,950 | 1,369 | 994 |
2109
- | \`menu\` | 112,898 | 38,179 | 31,961 | 8,835 | 2,228 | 1,724 |
2110
- | \`meter\` | 31,612 | 10,471 | 9,246 | 4,099 | 1,056 | 877 |
2111
- | \`navigation\` | 30,060 | 10,134 | 8,936 | 1,361 | 382 | 204 |
2112
- | \`notifications\` | 90,885 | 29,503 | 24,194 | 11,898 | 2,828 | 2,278 |
2113
- | \`number-input\` | 88,419 | 28,884 | 23,662 | 7,174 | 1,927 | 1,552 |
2114
- | \`object-inspector\` | 126,041 | 42,242 | 35,545 | 18,151 | 4,930 | 4,090 |
2115
- | \`option\` | 30,315 | 10,008 | 8,855 | 2,796 | 616 | 502 |
2116
- | \`outline\` | 33,384 | 11,263 | 9,939 | 4,633 | 1,435 | 1,083 |
2117
- | \`pagination\` | 135,214 | 43,066 | 36,120 | 26,995 | 6,276 | 5,186 |
2118
- | \`pin-input\` | 38,834 | 12,333 | 10,869 | 5,061 | 1,493 | 1,164 |
2119
- | \`popover\` | 54,876 | 19,245 | 17,000 | 1,901 | 533 | 376 |
2120
- | \`progress\` | 29,463 | 9,891 | 8,709 | 1,951 | 494 | 362 |
2121
- | \`qr-code\` | 40,110 | 13,923 | 12,299 | 12,981 | 4,648 | 4,011 |
2122
- | \`quote\` | 27,705 | 9,367 | 8,238 | 552 | 141 | 63 |
2123
- | \`radio\` | 37,348 | 11,762 | 10,376 | 3,114 | 828 | 575 |
2124
- | \`rating\` | 39,596 | 12,615 | 11,097 | 5,806 | 1,652 | 1,236 |
2125
- | \`scatter-chart\` | 71,732 | 24,420 | 21,552 | 10,772 | 3,260 | 2,665 |
2126
- | \`scroll-area\` | 29,941 | 10,044 | 8,816 | 2,736 | 789 | 613 |
2127
- | \`select\` | 123,394 | 40,538 | 33,947 | 15,301 | 3,896 | 3,160 |
2128
- | \`skeleton\` | 26,894 | 9,115 | 8,037 | 544 | 116 | 33 |
2129
- | \`skip-link\` | 28,377 | 9,634 | 8,469 | 1,226 | 389 | 210 |
2130
- | \`slider\` | 39,194 | 12,374 | 10,926 | 5,177 | 1,421 | 1,089 |
2131
- | \`sparkline\` | 34,520 | 11,744 | 10,384 | 2,539 | 830 | 649 |
2132
- | \`speed-dial\` | 104,548 | 35,836 | 30,086 | 3,743 | 983 | 643 |
2133
- | \`splitter\` | 37,680 | 11,981 | 10,630 | 10,163 | 2,560 | 2,119 |
2134
- | \`stat\` | 28,670 | 9,551 | 8,404 | 1,148 | 194 | 47 |
2135
- | \`steps\` | 84,498 | 27,718 | 22,747 | 6,293 | 1,520 | 1,148 |
2136
- | \`switch\` | 35,673 | 11,424 | 10,107 | 1,699 | 537 | 356 |
2137
- | \`table\` | 83,010 | 27,404 | 22,417 | 7,061 | 1,828 | 1,376 |
2138
- | \`tabs\` | 35,013 | 11,326 | 9,963 | 4,097 | 910 | 756 |
2139
- | \`tag\` | 75,789 | 25,244 | 20,728 | 897 | 200 | 145 |
2140
- | \`textarea\` | 38,275 | 12,050 | 10,620 | 4,018 | 1,096 | 752 |
2141
- | \`time-input\` | 141,238 | 45,043 | 37,741 | 27,849 | 6,935 | 5,819 |
2142
- | \`time-picker\` | 102,717 | 33,197 | 27,277 | 18,808 | 5,110 | 4,256 |
2143
- | \`timeline\` | 76,321 | 25,228 | 20,781 | 1,894 | 402 | 257 |
2144
- | \`toast\` | 79,520 | 26,325 | 21,596 | 4,005 | 946 | 730 |
2145
- | \`toggle\` | 39,310 | 12,366 | 10,924 | 3,535 | 922 | 635 |
2146
- | \`toolbar\` | 30,084 | 10,147 | 8,926 | 2,932 | 940 | 658 |
2147
- | \`tooltip\` | 58,400 | 20,185 | 17,856 | 5,914 | 1,661 | 1,364 |
2148
- | \`tour\` | 64,347 | 21,553 | 19,045 | 10,643 | 2,648 | 2,120 |
2149
- | \`tree\` | 85,956 | 28,308 | 23,118 | 7,132 | 1,927 | 1,499 |
2150
- | \`trend\` | 75,114 | 25,006 | 20,655 | 1,056 | 289 | 189 |
2151
- | \`video\` | 137,736 | 44,246 | 37,276 | 33,421 | 7,979 | 6,954 |
2152
- | \`video-playlist\` | 120,435 | 39,792 | 33,402 | 14,968 | 3,481 | 2,912 |
2153
- | \`virtual-list\` | 33,940 | 11,417 | 10,084 | 2,485 | 765 | 629 |
2060
+ | \`accordion\` | 79,421 | 26,542 | 21,741 | 2,875 | 765 | 627 |
2061
+ | \`announcement\` | 76,729 | 25,651 | 21,044 | 1,349 | 390 | 360 |
2062
+ | \`app-header\` | 28,776 | 9,654 | 8,521 | 1,248 | 320 | 259 |
2063
+ | \`area-chart\` | 72,666 | 24,918 | 22,028 | 10,642 | 3,270 | 2,781 |
2064
+ | \`avatar\` | 30,825 | 10,257 | 9,063 | 3,257 | 928 | 793 |
2065
+ | \`badge\` | 28,311 | 9,586 | 8,437 | 1,162 | 304 | 253 |
2066
+ | \`bar-chart\` | 74,207 | 25,221 | 22,269 | 12,266 | 3,611 | 3,021 |
2067
+ | \`blockquote\` | 28,164 | 9,543 | 8,406 | 892 | 236 | 266 |
2068
+ | \`breadcrumbs\` | 76,375 | 25,281 | 20,829 | 1,953 | 444 | 427 |
2069
+ | \`button\` | 32,793 | 10,793 | 9,501 | 3,137 | 835 | 644 |
2070
+ | \`button-group\` | 28,182 | 9,499 | 8,366 | 661 | 151 | 171 |
2071
+ | \`callout\` | 75,505 | 25,144 | 20,734 | 912 | 251 | 270 |
2072
+ | \`card\` | 28,216 | 9,512 | 8,379 | 694 | 161 | 120 |
2073
+ | \`carousel\` | 82,719 | 27,315 | 22,511 | 8,148 | 2,143 | 1,724 |
2074
+ | \`chat\` | 98,475 | 32,741 | 26,980 | 17,275 | 5,032 | 4,221 |
2075
+ | \`checkbox\` | 36,158 | 11,523 | 10,158 | 2,306 | 676 | 461 |
2076
+ | \`checkbox-group\` | 39,172 | 12,170 | 10,734 | 4,801 | 1,270 | 943 |
2077
+ | \`code\` | 26,801 | 9,082 | 8,003 | 451 | 84 | 111 |
2078
+ | \`code-block\` | 119,169 | 39,882 | 33,578 | 16,137 | 4,308 | 3,714 |
2079
+ | \`color-input\` | 133,326 | 43,311 | 36,382 | 25,004 | 6,478 | 5,596 |
2080
+ | \`color-picker\` | 101,658 | 32,836 | 27,019 | 19,378 | 5,215 | 4,494 |
2081
+ | \`combobox\` | 131,258 | 42,431 | 35,602 | 20,245 | 5,034 | 4,189 |
2082
+ | \`command\` | 102,411 | 32,556 | 26,715 | 17,560 | 4,505 | 3,750 |
2083
+ | \`copy-button\` | 114,164 | 38,327 | 32,231 | 11,135 | 2,825 | 2,418 |
2084
+ | \`data-table\` | 168,346 | 52,101 | 43,933 | 54,202 | 13,723 | 11,546 |
2085
+ | \`date-input\` | 128,785 | 41,758 | 35,109 | 18,130 | 4,623 | 3,957 |
2086
+ | \`date-picker\` | 87,283 | 28,791 | 23,654 | 10,021 | 2,806 | 2,298 |
2087
+ | \`description-list\` | 28,285 | 9,451 | 8,314 | 1,132 | 194 | 132 |
2088
+ | \`dialog\` | 31,834 | 10,544 | 9,289 | 2,717 | 826 | 677 |
2089
+ | \`divider\` | 28,361 | 9,616 | 8,445 | 1,090 | 291 | 307 |
2090
+ | \`donut-chart\` | 70,062 | 23,796 | 21,060 | 9,474 | 2,814 | 2,420 |
2091
+ | \`drawer\` | 30,587 | 10,176 | 8,935 | 1,761 | 484 | 421 |
2092
+ | \`drilldown\` | 82,730 | 27,421 | 22,436 | 5,680 | 1,506 | 1,308 |
2093
+ | \`empty\` | 28,338 | 9,554 | 8,415 | 816 | 196 | 216 |
2094
+ | \`file-input\` | 86,640 | 28,577 | 23,419 | 6,008 | 1,704 | 1,453 |
2095
+ | \`filter-input\` | 142,120 | 45,230 | 38,040 | 28,036 | 6,775 | 5,702 |
2096
+ | \`format-date\` | 31,795 | 10,666 | 9,452 | 2,867 | 708 | 559 |
2097
+ | \`heatmap\` | 71,473 | 24,049 | 21,251 | 10,710 | 3,037 | 2,451 |
2098
+ | \`icon\` | 74,911 | 24,903 | 20,570 | 850 | 199 | 198 |
2099
+ | \`icon-button\` | 33,192 | 10,821 | 9,539 | 3,536 | 868 | 709 |
2100
+ | \`image\` | 30,355 | 10,050 | 8,859 | 3,156 | 823 | 659 |
2101
+ | \`input\` | 86,066 | 28,250 | 23,096 | 4,734 | 1,296 | 974 |
2102
+ | \`kbd\` | 30,136 | 10,275 | 9,059 | 2,976 | 1,047 | 856 |
2103
+ | \`legend\` | 32,054 | 10,722 | 9,442 | 1,097 | 305 | 234 |
2104
+ | \`line-chart\` | 72,152 | 24,606 | 21,777 | 10,212 | 3,018 | 2,542 |
2105
+ | \`list\` | 29,237 | 9,687 | 8,532 | 1,725 | 350 | 405 |
2106
+ | \`listbox\` | 94,162 | 30,705 | 25,081 | 10,797 | 2,980 | 2,413 |
2107
+ | \`loader\` | 28,422 | 9,617 | 8,460 | 900 | 235 | 227 |
2108
+ | \`megamenu\` | 57,873 | 20,070 | 17,743 | 4,950 | 1,372 | 1,063 |
2109
+ | \`menu\` | 113,092 | 38,232 | 31,975 | 8,835 | 2,230 | 1,795 |
2110
+ | \`meter\` | 31,612 | 10,471 | 9,246 | 4,099 | 1,057 | 922 |
2111
+ | \`navigation\` | 30,060 | 10,134 | 8,936 | 1,361 | 384 | 308 |
2112
+ | \`notifications\` | 90,885 | 29,503 | 24,194 | 11,898 | 2,829 | 2,348 |
2113
+ | \`number-input\` | 88,419 | 28,884 | 23,662 | 7,174 | 1,929 | 1,607 |
2114
+ | \`object-inspector\` | 126,235 | 42,294 | 35,590 | 18,151 | 4,934 | 4,149 |
2115
+ | \`option\` | 30,315 | 10,008 | 8,855 | 2,796 | 618 | 543 |
2116
+ | \`outline\` | 33,384 | 11,263 | 9,939 | 4,633 | 1,438 | 1,113 |
2117
+ | \`pagination\` | 135,408 | 43,119 | 36,191 | 26,995 | 6,278 | 5,324 |
2118
+ | \`pin-input\` | 38,834 | 12,333 | 10,869 | 5,061 | 1,496 | 1,220 |
2119
+ | \`popover\` | 55,070 | 19,299 | 17,070 | 1,901 | 537 | 454 |
2120
+ | \`progress\` | 29,463 | 9,891 | 8,709 | 1,951 | 498 | 512 |
2121
+ | \`qr-code\` | 40,110 | 13,923 | 12,299 | 12,981 | 4,649 | 4,116 |
2122
+ | \`quote\` | 27,705 | 9,367 | 8,238 | 552 | 143 | 136 |
2123
+ | \`radio\` | 37,348 | 11,762 | 10,376 | 3,114 | 828 | 568 |
2124
+ | \`rating\` | 39,596 | 12,615 | 11,097 | 5,806 | 1,654 | 1,306 |
2125
+ | \`scatter-chart\` | 71,926 | 24,478 | 21,673 | 10,772 | 3,262 | 2,702 |
2126
+ | \`scroll-area\` | 29,941 | 10,044 | 8,816 | 2,736 | 788 | 613 |
2127
+ | \`select\` | 123,588 | 40,591 | 33,974 | 15,301 | 3,899 | 3,234 |
2128
+ | \`skeleton\` | 26,894 | 9,115 | 8,037 | 544 | 116 | 92 |
2129
+ | \`skip-link\` | 28,377 | 9,634 | 8,469 | 1,226 | 389 | 319 |
2130
+ | \`slider\` | 39,194 | 12,374 | 10,926 | 5,177 | 1,426 | 1,214 |
2131
+ | \`sparkline\` | 34,520 | 11,744 | 10,384 | 2,539 | 835 | 677 |
2132
+ | \`speed-dial\` | 104,742 | 35,898 | 30,142 | 3,743 | 988 | 752 |
2133
+ | \`splitter\` | 37,680 | 11,981 | 10,630 | 10,163 | 2,560 | 2,210 |
2134
+ | \`stat\` | 28,670 | 9,551 | 8,404 | 1,148 | 199 | 168 |
2135
+ | \`steps\` | 84,498 | 27,718 | 22,747 | 6,293 | 1,522 | 1,269 |
2136
+ | \`switch\` | 35,673 | 11,424 | 10,107 | 1,699 | 537 | 422 |
2137
+ | \`table\` | 83,008 | 27,397 | 22,410 | 7,059 | 1,824 | 1,517 |
2138
+ | \`tabs\` | 35,013 | 11,326 | 9,963 | 4,097 | 913 | 795 |
2139
+ | \`tag\` | 75,789 | 25,244 | 20,728 | 897 | 201 | 171 |
2140
+ | \`textarea\` | 38,275 | 12,050 | 10,620 | 4,018 | 1,098 | 878 |
2141
+ | \`time-input\` | 141,432 | 45,092 | 37,835 | 27,849 | 6,937 | 5,885 |
2142
+ | \`time-picker\` | 102,717 | 33,197 | 27,277 | 18,808 | 5,112 | 4,310 |
2143
+ | \`timeline\` | 76,321 | 25,228 | 20,781 | 1,894 | 406 | 319 |
2144
+ | \`toast\` | 79,520 | 26,325 | 21,596 | 4,005 | 949 | 786 |
2145
+ | \`toggle\` | 39,310 | 12,366 | 10,924 | 3,535 | 926 | 756 |
2146
+ | \`toolbar\` | 30,084 | 10,147 | 8,926 | 2,932 | 942 | 725 |
2147
+ | \`tooltip\` | 58,594 | 20,242 | 17,926 | 5,914 | 1,661 | 1,324 |
2148
+ | \`tour\` | 64,754 | 21,671 | 19,187 | 10,856 | 2,714 | 2,307 |
2149
+ | \`tree\` | 85,956 | 28,308 | 23,118 | 7,132 | 1,929 | 1,596 |
2150
+ | \`trend\` | 75,114 | 25,006 | 20,655 | 1,056 | 289 | 334 |
2151
+ | \`video\` | 137,930 | 44,301 | 37,287 | 33,421 | 7,980 | 6,925 |
2152
+ | \`video-playlist\` | 120,629 | 39,847 | 33,440 | 14,968 | 3,483 | 2,941 |
2153
+ | \`virtual-list\` | 33,940 | 11,417 | 10,084 | 2,485 | 766 | 630 |
2154
2154
 
2155
2155
  ### Styled tier
2156
2156
 
@@ -2158,106 +2158,106 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2158
2158
 
2159
2159
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2160
2160
  |---|---|---|---|---|---|---|
2161
- | \`accordion\` | 82,763 | 27,359 | 22,434 | 6,204 | 1,568 | 1,327 |
2162
- | \`announcement\` | 81,138 | 26,650 | 21,854 | 5,742 | 1,359 | 1,109 |
2163
- | \`app-header\` | 32,666 | 10,544 | 9,300 | 5,121 | 1,225 | 975 |
2164
- | \`area-chart\` | 80,346 | 26,498 | 23,461 | 18,496 | 4,927 | 4,037 |
2165
- | \`aura\` | 89,190 | 31,165 | 26,945 | 60,878 | 21,424 | 18,427 |
2166
- | \`avatar\` | 34,410 | 11,015 | 9,705 | 6,832 | 1,698 | 1,453 |
2167
- | \`badge\` | 31,415 | 10,292 | 9,061 | 4,249 | 996 | 748 |
2168
- | \`bar-chart\` | 87,288 | 27,738 | 24,582 | 25,521 | 6,213 | 5,267 |
2169
- | \`blockquote\` | 29,320 | 9,833 | 8,691 | 2,032 | 527 | 366 |
2170
- | \`breadcrumbs\` | 79,999 | 26,093 | 21,577 | 5,564 | 1,245 | 1,120 |
2171
- | \`button\` | 38,886 | 11,904 | 10,467 | 9,212 | 1,947 | 1,605 |
2172
- | \`button-group\` | 29,858 | 9,877 | 8,693 | 2,320 | 535 | 449 |
2173
- | \`callout\` | 77,504 | 25,677 | 21,224 | 2,895 | 769 | 635 |
2174
- | \`card\` | 31,449 | 10,337 | 9,120 | 3,915 | 978 | 810 |
2175
- | \`carousel\` | 92,484 | 28,894 | 24,001 | 17,902 | 3,682 | 3,058 |
2176
- | \`chat\` | 112,591 | 35,227 | 29,083 | 31,376 | 7,528 | 6,307 |
2177
- | \`checkbox\` | 42,202 | 12,916 | 11,366 | 8,334 | 2,055 | 1,640 |
2178
- | \`checkbox-group\` | 41,355 | 12,738 | 11,255 | 6,970 | 1,820 | 1,350 |
2179
- | \`code\` | 27,878 | 9,377 | 8,269 | 1,511 | 377 | 323 |
2180
- | \`code-block\` | 135,184 | 42,621 | 35,818 | 32,326 | 6,939 | 5,940 |
2181
- | \`color-input\` | 165,092 | 48,150 | 40,679 | 56,947 | 11,374 | 9,727 |
2182
- | \`color-picker\` | 127,915 | 37,019 | 30,775 | 45,628 | 9,457 | 8,270 |
2183
- | \`combobox\` | 145,867 | 45,024 | 37,810 | 35,029 | 7,670 | 6,427 |
2184
- | \`command\` | 112,874 | 34,587 | 28,458 | 28,007 | 6,522 | 5,550 |
2185
- | \`copy-button\` | 124,513 | 40,114 | 33,741 | 21,660 | 4,571 | 3,833 |
2186
- | \`data-table\` | 202,488 | 57,544 | 48,492 | 88,519 | 19,294 | 16,103 |
2187
- | \`date-input\` | 144,537 | 44,759 | 37,687 | 34,053 | 7,577 | 6,553 |
2188
- | \`date-picker\` | 92,925 | 29,957 | 24,667 | 15,645 | 3,954 | 3,273 |
2189
- | \`description-list\` | 30,663 | 10,018 | 8,817 | 3,502 | 755 | 605 |
2190
- | \`dialog\` | 36,169 | 11,548 | 10,179 | 7,037 | 1,827 | 1,538 |
2191
- | \`divider\` | 30,517 | 10,136 | 8,901 | 3,229 | 796 | 628 |
2192
- | \`donut-chart\` | 79,329 | 25,650 | 22,696 | 18,915 | 4,749 | 3,987 |
2193
- | \`drawer\` | 34,818 | 11,184 | 9,831 | 5,975 | 1,487 | 1,225 |
2194
- | \`drilldown\` | 86,525 | 28,244 | 23,123 | 9,460 | 2,321 | 1,898 |
2195
- | \`empty\` | 29,625 | 9,918 | 8,725 | 2,087 | 555 | 356 |
2196
- | \`file-input\` | 97,758 | 30,756 | 25,323 | 17,119 | 3,821 | 3,254 |
2197
- | \`filter-input\` | 169,800 | 49,604 | 41,782 | 55,897 | 11,270 | 9,464 |
2198
- | \`flex\` | 29,160 | 9,722 | 8,540 | 1,999 | 456 | 392 |
2199
- | \`format-date\` | 32,443 | 10,811 | 9,580 | 3,497 | 858 | 702 |
2200
- | \`grid\` | 29,687 | 9,887 | 8,712 | 2,522 | 626 | 505 |
2201
- | \`heatmap\` | 78,565 | 25,434 | 22,555 | 17,977 | 4,496 | 3,725 |
2202
- | \`icon\` | 75,617 | 25,085 | 20,682 | 1,539 | 356 | 240 |
2203
- | \`icon-button\` | 39,207 | 11,832 | 10,411 | 9,537 | 1,869 | 1,558 |
2204
- | \`image\` | 32,114 | 10,541 | 9,293 | 4,897 | 1,307 | 1,058 |
2205
- | \`input\` | 92,168 | 29,566 | 24,219 | 10,828 | 2,588 | 2,074 |
2206
- | \`kbd\` | 31,548 | 10,722 | 9,439 | 4,373 | 1,490 | 1,212 |
2207
- | \`legend\` | 36,894 | 11,820 | 10,387 | 5,931 | 1,434 | 1,166 |
2208
- | \`line-chart\` | 82,047 | 26,554 | 23,555 | 20,286 | 5,043 | 4,224 |
2209
- | \`list\` | 33,301 | 10,631 | 9,368 | 5,779 | 1,301 | 1,153 |
2210
- | \`listbox\` | 98,431 | 31,695 | 25,925 | 15,059 | 3,958 | 3,251 |
2211
- | \`loader\` | 31,588 | 10,384 | 9,145 | 4,051 | 988 | 855 |
2212
- | \`megamenu\` | 62,556 | 21,082 | 18,654 | 9,810 | 2,418 | 1,942 |
2213
- | \`menu\` | 120,391 | 39,782 | 33,326 | 16,309 | 3,789 | 3,142 |
2214
- | \`meter\` | 37,010 | 11,618 | 10,273 | 9,479 | 2,200 | 1,949 |
2215
- | \`navigation\` | 31,441 | 10,524 | 9,280 | 2,726 | 770 | 555 |
2216
- | \`notifications\` | 103,841 | 31,850 | 26,266 | 24,840 | 5,158 | 4,460 |
2217
- | \`number-input\` | 93,201 | 30,014 | 24,566 | 11,944 | 3,027 | 2,483 |
2218
- | \`object-inspector\` | 140,320 | 44,651 | 37,632 | 32,409 | 7,313 | 6,275 |
2219
- | \`option\` | 33,569 | 10,912 | 9,619 | 6,038 | 1,512 | 1,201 |
2220
- | \`orb\` | 37,015 | 12,929 | 11,422 | 9,443 | 3,478 | 3,021 |
2221
- | \`outline\` | 37,124 | 12,044 | 10,640 | 8,356 | 2,222 | 1,832 |
2222
- | \`pagination\` | 153,229 | 46,183 | 38,767 | 44,992 | 9,351 | 7,928 |
2223
- | \`pin-input\` | 41,882 | 13,112 | 11,512 | 8,092 | 2,270 | 1,775 |
2224
- | \`popover\` | 57,512 | 19,895 | 17,672 | 4,519 | 1,186 | 900 |
2225
- | \`progress\` | 34,492 | 11,070 | 9,791 | 6,962 | 1,644 | 1,571 |
2226
- | \`qr-code\` | 41,773 | 14,353 | 12,669 | 14,626 | 5,095 | 4,425 |
2227
- | \`quote\` | 28,360 | 9,528 | 8,391 | 1,191 | 297 | 167 |
2228
- | \`radio\` | 44,927 | 13,176 | 11,651 | 10,686 | 2,252 | 1,823 |
2229
- | \`rating\` | 42,553 | 13,539 | 11,961 | 8,745 | 2,542 | 2,065 |
2230
- | \`sandbox\` | 62,701 | 17,142 | 15,199 | 34,886 | 7,631 | 6,495 |
2231
- | \`scatter-chart\` | 80,529 | 26,260 | 23,229 | 19,550 | 5,115 | 4,222 |
2232
- | \`scroll-area\` | 32,867 | 10,666 | 9,361 | 5,645 | 1,398 | 1,040 |
2233
- | \`select\` | 135,999 | 42,908 | 36,011 | 27,888 | 6,245 | 5,155 |
2234
- | \`skeleton\` | 29,412 | 9,868 | 8,693 | 2,242 | 604 | 532 |
2235
- | \`skip-link\` | 29,840 | 10,038 | 8,793 | 2,672 | 773 | 620 |
2236
- | \`slider\` | 49,030 | 14,158 | 12,531 | 14,996 | 3,195 | 2,771 |
2237
- | \`sparkline\` | 38,267 | 12,671 | 11,182 | 6,275 | 1,741 | 1,532 |
2238
- | \`speed-dial\` | 112,012 | 37,283 | 31,329 | 11,187 | 2,351 | 1,948 |
2239
- | \`splitter\` | 43,752 | 12,982 | 11,530 | 16,217 | 3,570 | 3,075 |
2240
- | \`stat\` | 31,486 | 10,172 | 8,964 | 3,954 | 830 | 678 |
2241
- | \`steps\` | 98,121 | 30,142 | 24,836 | 19,904 | 3,897 | 3,328 |
2242
- | \`switch\` | 39,897 | 12,469 | 10,972 | 5,908 | 1,580 | 1,253 |
2243
- | \`table\` | 87,675 | 28,336 | 23,255 | 11,715 | 2,757 | 2,282 |
2244
- | \`tabs\` | 41,252 | 12,601 | 11,099 | 10,325 | 2,203 | 1,731 |
2245
- | \`tag\` | 78,993 | 26,106 | 21,436 | 4,086 | 1,025 | 910 |
2246
- | \`text\` | 31,146 | 10,013 | 8,811 | 3,987 | 806 | 582 |
2247
- | \`textarea\` | 41,612 | 12,866 | 11,334 | 7,341 | 1,932 | 1,518 |
2248
- | \`time-input\` | 162,477 | 48,562 | 40,866 | 49,073 | 10,500 | 8,949 |
2249
- | \`time-picker\` | 114,193 | 35,345 | 29,200 | 30,279 | 7,304 | 6,174 |
2250
- | \`timeline\` | 79,599 | 25,986 | 21,449 | 5,160 | 1,142 | 957 |
2251
- | \`toast\` | 87,053 | 27,995 | 23,069 | 11,526 | 2,574 | 2,231 |
2252
- | \`toggle\` | 44,297 | 13,510 | 11,914 | 8,514 | 2,089 | 1,740 |
2253
- | \`toolbar\` | 31,376 | 10,437 | 9,178 | 4,207 | 1,234 | 982 |
2254
- | \`tooltip\` | 61,966 | 20,997 | 18,580 | 9,462 | 2,433 | 1,953 |
2255
- | \`tour\` | 74,214 | 23,242 | 20,587 | 20,490 | 4,292 | 3,624 |
2256
- | \`tree\` | 90,979 | 29,505 | 24,159 | 12,144 | 3,133 | 2,592 |
2257
- | \`trend\` | 78,170 | 25,675 | 21,171 | 4,103 | 914 | 824 |
2258
- | \`video\` | 156,737 | 47,706 | 40,408 | 52,402 | 11,439 | 9,946 |
2259
- | \`video-playlist\` | 134,349 | 42,300 | 35,496 | 28,861 | 5,945 | 5,028 |
2260
- | \`virtual-list\` | 34,732 | 11,625 | 10,282 | 3,259 | 961 | 734 |
2161
+ | \`accordion\` | 82,763 | 27,359 | 22,434 | 6,204 | 1,571 | 1,371 |
2162
+ | \`announcement\` | 81,138 | 26,650 | 21,854 | 5,742 | 1,358 | 1,256 |
2163
+ | \`app-header\` | 32,666 | 10,544 | 9,300 | 5,121 | 1,223 | 1,076 |
2164
+ | \`area-chart\` | 80,540 | 26,554 | 23,532 | 18,496 | 4,930 | 4,084 |
2165
+ | \`aura\` | 89,213 | 31,171 | 26,957 | 60,901 | 21,434 | 18,555 |
2166
+ | \`avatar\` | 34,410 | 11,015 | 9,705 | 6,832 | 1,701 | 1,375 |
2167
+ | \`badge\` | 31,415 | 10,292 | 9,061 | 4,249 | 996 | 894 |
2168
+ | \`bar-chart\` | 87,482 | 27,793 | 24,604 | 25,521 | 6,217 | 5,328 |
2169
+ | \`blockquote\` | 29,320 | 9,833 | 8,691 | 2,032 | 528 | 496 |
2170
+ | \`breadcrumbs\` | 79,999 | 26,093 | 21,577 | 5,564 | 1,250 | 1,170 |
2171
+ | \`button\` | 38,886 | 11,904 | 10,467 | 9,212 | 1,949 | 1,671 |
2172
+ | \`button-group\` | 29,858 | 9,877 | 8,693 | 2,320 | 534 | 449 |
2173
+ | \`callout\` | 77,504 | 25,677 | 21,224 | 2,895 | 769 | 685 |
2174
+ | \`card\` | 31,449 | 10,337 | 9,120 | 3,915 | 979 | 878 |
2175
+ | \`carousel\` | 92,561 | 28,910 | 23,993 | 17,979 | 3,701 | 3,235 |
2176
+ | \`chat\` | 112,591 | 35,227 | 29,083 | 31,376 | 7,531 | 6,406 |
2177
+ | \`checkbox\` | 42,202 | 12,916 | 11,366 | 8,334 | 2,060 | 1,745 |
2178
+ | \`checkbox-group\` | 41,355 | 12,738 | 11,255 | 6,970 | 1,821 | 1,390 |
2179
+ | \`code\` | 27,878 | 9,377 | 8,269 | 1,511 | 378 | 334 |
2180
+ | \`code-block\` | 135,378 | 42,673 | 35,924 | 32,326 | 6,942 | 5,968 |
2181
+ | \`color-input\` | 165,286 | 48,196 | 40,707 | 56,947 | 11,377 | 9,904 |
2182
+ | \`color-picker\` | 127,915 | 37,019 | 30,775 | 45,628 | 9,461 | 8,220 |
2183
+ | \`combobox\` | 146,061 | 45,077 | 37,833 | 35,029 | 7,673 | 6,529 |
2184
+ | \`command\` | 112,874 | 34,587 | 28,458 | 28,007 | 6,523 | 5,589 |
2185
+ | \`copy-button\` | 124,707 | 40,165 | 33,777 | 21,660 | 4,573 | 3,907 |
2186
+ | \`data-table\` | 203,369 | 57,757 | 48,609 | 89,206 | 19,467 | 16,263 |
2187
+ | \`date-input\` | 144,731 | 44,810 | 37,706 | 34,053 | 7,579 | 6,613 |
2188
+ | \`date-picker\` | 92,925 | 29,957 | 24,667 | 15,645 | 3,955 | 3,340 |
2189
+ | \`description-list\` | 30,663 | 10,018 | 8,817 | 3,502 | 758 | 709 |
2190
+ | \`dialog\` | 36,169 | 11,548 | 10,179 | 7,037 | 1,828 | 1,610 |
2191
+ | \`divider\` | 30,517 | 10,136 | 8,901 | 3,229 | 794 | 662 |
2192
+ | \`donut-chart\` | 79,523 | 25,707 | 22,770 | 18,915 | 4,753 | 4,053 |
2193
+ | \`drawer\` | 34,818 | 11,184 | 9,831 | 5,975 | 1,492 | 1,294 |
2194
+ | \`drilldown\` | 87,379 | 28,452 | 23,344 | 10,317 | 2,499 | 2,188 |
2195
+ | \`empty\` | 29,625 | 9,918 | 8,725 | 2,087 | 557 | 455 |
2196
+ | \`file-input\` | 97,758 | 30,756 | 25,323 | 17,119 | 3,822 | 3,299 |
2197
+ | \`filter-input\` | 169,994 | 49,660 | 41,720 | 55,897 | 11,273 | 9,565 |
2198
+ | \`flex\` | 29,160 | 9,722 | 8,540 | 1,999 | 459 | 422 |
2199
+ | \`format-date\` | 32,443 | 10,811 | 9,580 | 3,497 | 859 | 721 |
2200
+ | \`grid\` | 29,687 | 9,887 | 8,712 | 2,522 | 626 | 570 |
2201
+ | \`heatmap\` | 78,759 | 25,490 | 22,577 | 17,977 | 4,496 | 3,814 |
2202
+ | \`icon\` | 75,617 | 25,085 | 20,682 | 1,539 | 358 | 301 |
2203
+ | \`icon-button\` | 39,207 | 11,832 | 10,411 | 9,537 | 1,871 | 1,574 |
2204
+ | \`image\` | 32,114 | 10,541 | 9,293 | 4,897 | 1,308 | 1,063 |
2205
+ | \`input\` | 92,168 | 29,566 | 24,219 | 10,828 | 2,590 | 2,198 |
2206
+ | \`kbd\` | 31,548 | 10,722 | 9,439 | 4,373 | 1,491 | 1,229 |
2207
+ | \`legend\` | 36,894 | 11,820 | 10,387 | 5,931 | 1,437 | 1,253 |
2208
+ | \`line-chart\` | 82,241 | 26,611 | 23,555 | 20,286 | 5,049 | 4,260 |
2209
+ | \`list\` | 33,301 | 10,631 | 9,368 | 5,779 | 1,304 | 1,178 |
2210
+ | \`listbox\` | 98,431 | 31,695 | 25,925 | 15,059 | 3,960 | 3,213 |
2211
+ | \`loader\` | 31,588 | 10,384 | 9,145 | 4,051 | 987 | 849 |
2212
+ | \`megamenu\` | 62,750 | 21,137 | 18,724 | 9,810 | 2,421 | 2,049 |
2213
+ | \`menu\` | 120,585 | 39,836 | 33,391 | 16,309 | 3,793 | 3,216 |
2214
+ | \`meter\` | 37,010 | 11,618 | 10,273 | 9,479 | 2,200 | 2,038 |
2215
+ | \`navigation\` | 31,441 | 10,524 | 9,280 | 2,726 | 771 | 638 |
2216
+ | \`notifications\` | 103,841 | 31,850 | 26,266 | 24,840 | 5,161 | 4,451 |
2217
+ | \`number-input\` | 93,201 | 30,014 | 24,566 | 11,944 | 3,030 | 2,517 |
2218
+ | \`object-inspector\` | 140,514 | 44,702 | 37,630 | 32,409 | 7,315 | 6,314 |
2219
+ | \`option\` | 33,569 | 10,912 | 9,619 | 6,038 | 1,513 | 1,229 |
2220
+ | \`orb\` | 37,038 | 12,934 | 11,431 | 9,466 | 3,484 | 3,066 |
2221
+ | \`outline\` | 37,124 | 12,044 | 10,640 | 8,356 | 2,223 | 1,857 |
2222
+ | \`pagination\` | 153,423 | 46,233 | 38,858 | 44,992 | 9,354 | 8,008 |
2223
+ | \`pin-input\` | 41,882 | 13,112 | 11,512 | 8,092 | 2,274 | 1,839 |
2224
+ | \`popover\` | 57,706 | 19,948 | 17,655 | 4,519 | 1,192 | 949 |
2225
+ | \`progress\` | 34,492 | 11,070 | 9,791 | 6,962 | 1,645 | 1,539 |
2226
+ | \`qr-code\` | 41,773 | 14,353 | 12,669 | 14,626 | 5,099 | 4,434 |
2227
+ | \`quote\` | 28,360 | 9,528 | 8,391 | 1,191 | 297 | 299 |
2228
+ | \`radio\` | 44,927 | 13,176 | 11,651 | 10,686 | 2,255 | 1,887 |
2229
+ | \`rating\` | 42,553 | 13,539 | 11,961 | 8,745 | 2,547 | 2,165 |
2230
+ | \`sandbox\` | 62,701 | 17,142 | 15,199 | 34,886 | 7,632 | 6,614 |
2231
+ | \`scatter-chart\` | 80,723 | 26,317 | 23,224 | 19,550 | 5,118 | 4,269 |
2232
+ | \`scroll-area\` | 32,867 | 10,666 | 9,361 | 5,645 | 1,398 | 1,170 |
2233
+ | \`select\` | 136,193 | 42,959 | 36,045 | 27,888 | 6,246 | 5,238 |
2234
+ | \`skeleton\` | 29,412 | 9,868 | 8,693 | 2,242 | 604 | 498 |
2235
+ | \`skip-link\` | 29,840 | 10,038 | 8,793 | 2,672 | 773 | 574 |
2236
+ | \`slider\` | 49,030 | 14,158 | 12,531 | 14,996 | 3,199 | 2,750 |
2237
+ | \`sparkline\` | 38,267 | 12,671 | 11,182 | 6,275 | 1,743 | 1,623 |
2238
+ | \`speed-dial\` | 112,206 | 37,348 | 31,387 | 11,187 | 2,353 | 1,957 |
2239
+ | \`splitter\` | 43,752 | 12,982 | 11,530 | 16,217 | 3,573 | 3,123 |
2240
+ | \`stat\` | 31,486 | 10,172 | 8,964 | 3,954 | 830 | 766 |
2241
+ | \`steps\` | 98,121 | 30,142 | 24,836 | 19,904 | 3,899 | 3,345 |
2242
+ | \`switch\` | 39,897 | 12,469 | 10,972 | 5,908 | 1,581 | 1,385 |
2243
+ | \`table\` | 88,284 | 28,476 | 23,363 | 12,324 | 2,902 | 2,507 |
2244
+ | \`tabs\` | 41,252 | 12,601 | 11,099 | 10,325 | 2,207 | 1,861 |
2245
+ | \`tag\` | 78,993 | 26,106 | 21,436 | 4,086 | 1,024 | 928 |
2246
+ | \`text\` | 31,146 | 10,013 | 8,811 | 3,987 | 816 | 667 |
2247
+ | \`textarea\` | 41,612 | 12,866 | 11,334 | 7,341 | 1,935 | 1,524 |
2248
+ | \`time-input\` | 162,671 | 48,608 | 40,866 | 49,073 | 10,505 | 8,947 |
2249
+ | \`time-picker\` | 114,193 | 35,345 | 29,200 | 30,279 | 7,305 | 6,223 |
2250
+ | \`timeline\` | 79,599 | 25,986 | 21,449 | 5,160 | 1,146 | 1,031 |
2251
+ | \`toast\` | 87,053 | 27,995 | 23,069 | 11,526 | 2,576 | 2,210 |
2252
+ | \`toggle\` | 44,297 | 13,510 | 11,914 | 8,514 | 2,093 | 1,746 |
2253
+ | \`toolbar\` | 31,376 | 10,437 | 9,178 | 4,207 | 1,235 | 995 |
2254
+ | \`tooltip\` | 62,160 | 21,054 | 18,660 | 9,462 | 2,434 | 2,069 |
2255
+ | \`tour\` | 74,621 | 23,348 | 20,656 | 20,703 | 4,355 | 3,712 |
2256
+ | \`tree\` | 90,979 | 29,505 | 24,159 | 12,144 | 3,135 | 2,683 |
2257
+ | \`trend\` | 78,170 | 25,675 | 21,171 | 4,103 | 916 | 905 |
2258
+ | \`video\` | 156,931 | 47,757 | 40,326 | 52,402 | 11,443 | 10,074 |
2259
+ | \`video-playlist\` | 134,543 | 42,356 | 35,553 | 28,861 | 5,949 | 4,973 |
2260
+ | \`virtual-list\` | 34,732 | 11,625 | 10,282 | 3,259 | 965 | 851 |
2261
2261
 
2262
2262
  ## What lands in \`node_modules\`
2263
2263
 
@@ -2269,12 +2269,12 @@ column is what was removed rather than part of what remains.
2269
2269
 
2270
2270
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
2271
2271
  |---|---|---|---|---|
2272
- | \`@fusion.dev/helix-core\` | 821,005 | 121 | 180,886 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2273
- | \`@fusion.dev/helix-headless\` | 10,815,673 | 472 | 841,227 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2272
+ | \`@fusion.dev/helix-core\` | 822,112 | 121 | 181,418 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2273
+ | \`@fusion.dev/helix-headless\` | 10,830,525 | 472 | 842,959 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2274
2274
  | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
2275
2275
  | \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
2276
2276
  | \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
2277
- | \`@fusion.dev/helix\` | 11,800,443 | 798 | 332,615 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2277
+ | \`@fusion.dev/helix\` | 11,811,647 | 798 | 332,803 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2278
2278
 
2279
2279
  ## Not measured yet
2280
2280
 
@@ -2481,8 +2481,9 @@ else is wrong.
2481
2481
  ## Positioning is JavaScript
2482
2482
 
2483
2483
  Placement uses \`@floating-ui/dom\` rather than CSS anchor positioning: flip when
2484
- there is no room below, shift to stay on screen, size to the available space.
2485
- Anchor positioning would be the platform answer and is not yet available
2484
+ there is no room below, move below or above when a panel placed beside its
2485
+ anchor has room on neither side, shift to stay on screen, size to the available
2486
+ space. Anchor positioning would be the platform answer and is not yet available
2486
2487
  everywhere the rest of the library's requirements are. See [Browser
2487
2488
  support](./browser-support).
2488
2489
 
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.31.0",
4
+ "version": "0.32.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -35,8 +35,8 @@
35
35
  },
36
36
  "bugs": "https://github.com/project-fusion/fusion/issues",
37
37
  "devDependencies": {
38
- "@fusion.dev/helix-cem": "0.31.0",
39
- "@fusion.dev/helix-testing": "0.31.0",
38
+ "@fusion.dev/helix-cem": "0.32.0",
39
+ "@fusion.dev/helix-testing": "0.32.0",
40
40
  "@fusion.dev/scripts": "0.0.0-dev",
41
41
  "lit": "^3.2.1",
42
42
  "playwright": "^1.62.1"