@fusion.dev/helix-docs 0.53.6 → 0.54.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.
@@ -59,10 +59,10 @@ repository does that. The per-component tables are what a page pays.
59
59
  | Package | Raw | Gzip | Brotli | |
60
60
  |---|---|---|---|---|
61
61
  | `@fusion.dev/helix-core` | 147,226 | 48,349 | 40,887 | Element base class, mixins, decorators, floating positioning. |
62
- | `@fusion.dev/helix-headless` | 603,992 | 156,680 | 122,057 | Every headless family, which is what the barrel means. |
62
+ | `@fusion.dev/helix-headless` | 603,471 | 156,550 | 121,866 | 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,081,227 | 253,772 | 186,157 | Every styled family. |
65
+ | `@fusion.dev/helix` | 1,080,878 | 253,701 | 185,862 | 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
@@ -85,9 +85,9 @@ is the whole cost of adopting the base layer on its own.
85
85
 
86
86
  **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,205 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,451 gzipped alone, the dearest `data-table` at 59,152, over 100 components. Every family at once is 253,772.
88
+ Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,152, over 100 components. Every family at once is 253,701.
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 156,680 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 156,550 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
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,532 bytes gzipped alone.
93
93
 
@@ -116,12 +116,12 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
116
116
  | | Material Web | 34,238 | 11,510 | 10,229 |
117
117
  | | Shoelace | 52,754 | 17,698 | 15,554 |
118
118
  | | Spectrum | 155,708 | 31,899 | 26,262 |
119
- | `radio` | **Helix** | 45,852 | 13,398 | 11,852 |
119
+ | `radio` | **Helix** | 45,833 | 13,387 | 11,823 |
120
120
  | | Carbon | 63,055 | 16,887 | 14,605 |
121
121
  | | Material Web | 41,044 | 13,234 | 11,757 |
122
122
  | | Shoelace | 34,865 | 12,027 | 10,559 |
123
123
  | | Spectrum | 38,685 | 10,660 | 9,370 |
124
- | `switch` | **Helix** | 40,227 | 12,640 | 11,110 |
124
+ | `switch` | **Helix** | 40,217 | 12,632 | 11,126 |
125
125
  | | Carbon | 69,423 | 17,127 | 14,764 |
126
126
  | | Material Web | 50,155 | 14,577 | 12,935 |
127
127
  | | Shoelace | 37,833 | 11,814 | 10,568 |
@@ -137,7 +137,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by `t
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
138
138
  | | Spectrum | 136,599 | 40,552 | 35,286 |
139
139
 
140
- **Where Helix loses**, which is the half of a comparison table worth reading: `dialog`, `radio`, `switch`, `tabs`, `tooltip`. The largest gap is radio against Spectrum, by 2,738 bytes gzipped. 7 of 28 peer measurements come in under ours.
140
+ **Where Helix loses**, which is the half of a comparison table worth reading: `dialog`, `radio`, `switch`, `tabs`, `tooltip`. The largest gap is radio against Spectrum, by 2,727 bytes gzipped. 7 of 28 peer measurements come in under ours.
141
141
 
142
142
  - **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
143
143
  - **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -201,8 +201,8 @@ Structure, accessibility, state and form participation. No presentation, and no
201
201
  | `checkbox-group` | 39,354 | 12,281 | 10,801 | 4,812 | 1,266 | 887 |
202
202
  | `code` | 26,939 | 9,156 | 8,067 | 451 | 74 | 87 |
203
203
  | `code-block` | 121,239 | 40,432 | 34,183 | 17,302 | 4,535 | 3,879 |
204
- | `color-input` | 135,172 | 43,806 | 36,815 | 25,872 | 6,658 | 5,643 |
205
- | `color-picker` | 102,689 | 33,130 | 27,301 | 20,238 | 5,408 | 4,671 |
204
+ | `color-input` | 135,112 | 43,795 | 36,837 | 25,812 | 6,649 | 5,585 |
205
+ | `color-picker` | 102,629 | 33,115 | 27,255 | 20,178 | 5,397 | 4,593 |
206
206
  | `combobox` | 132,319 | 42,745 | 35,897 | 20,388 | 5,072 | 4,193 |
207
207
  | `command` | 102,707 | 32,668 | 26,883 | 17,705 | 4,516 | 3,718 |
208
208
  | `copy-button` | 115,835 | 38,799 | 32,590 | 11,901 | 2,968 | 2,456 |
@@ -225,7 +225,7 @@ Structure, accessibility, state and form participation. No presentation, and no
225
225
  | `image` | 30,493 | 10,124 | 8,925 | 3,156 | 816 | 626 |
226
226
  | `input` | 86,245 | 28,339 | 23,175 | 4,742 | 1,311 | 970 |
227
227
  | `kbd` | 30,274 | 10,348 | 9,112 | 2,976 | 1,039 | 767 |
228
- | `legend` | 32,257 | 10,822 | 9,497 | 1,137 | 305 | 219 |
228
+ | `legend` | 32,200 | 10,802 | 9,525 | 1,080 | 289 | 266 |
229
229
  | `line-chart` | 74,336 | 25,300 | 22,420 | 10,731 | 3,146 | 2,616 |
230
230
  | `list` | 29,375 | 9,761 | 8,590 | 1,725 | 343 | 256 |
231
231
  | `listbox` | 94,458 | 30,818 | 25,165 | 10,942 | 2,996 | 2,362 |
@@ -245,7 +245,7 @@ Structure, accessibility, state and form participation. No presentation, and no
245
245
  | `progress` | 29,601 | 9,966 | 8,807 | 1,951 | 486 | 464 |
246
246
  | `qr-code` | 40,250 | 14,005 | 12,359 | 12,983 | 4,673 | 4,063 |
247
247
  | `quote` | 27,843 | 9,448 | 8,325 | 552 | 127 | 93 |
248
- | `radio` | 38,270 | 11,970 | 10,559 | 2,866 | 767 | 501 |
248
+ | `radio` | 38,226 | 11,955 | 10,547 | 2,822 | 754 | 557 |
249
249
  | `rating` | 40,621 | 12,997 | 11,459 | 6,527 | 1,900 | 1,536 |
250
250
  | `scatter-chart` | 74,272 | 25,238 | 22,232 | 11,442 | 3,455 | 2,799 |
251
251
  | `scroll-area` | 30,086 | 10,130 | 8,905 | 2,743 | 782 | 594 |
@@ -257,23 +257,23 @@ Structure, accessibility, state and form participation. No presentation, and no
257
257
  | `speed-dial` | 105,779 | 36,228 | 30,404 | 3,745 | 968 | 684 |
258
258
  | `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,594 | 2,240 |
259
259
  | `stat` | 28,808 | 9,624 | 8,464 | 1,148 | 189 | 159 |
260
- | `steps` | 84,665 | 27,801 | 22,777 | 6,322 | 1,525 | 1,251 |
261
- | `switch` | 36,003 | 11,592 | 10,247 | 1,578 | 492 | 290 |
260
+ | `steps` | 84,562 | 27,788 | 22,780 | 6,219 | 1,510 | 1,168 |
261
+ | `switch` | 35,949 | 11,576 | 10,243 | 1,524 | 481 | 350 |
262
262
  | `table` | 85,428 | 28,370 | 23,263 | 9,221 | 2,572 | 2,132 |
263
263
  | `tabs` | 36,077 | 11,569 | 10,198 | 3,925 | 911 | 720 |
264
264
  | `tag` | 75,927 | 25,307 | 20,715 | 897 | 191 | 194 |
265
265
  | `textarea` | 38,454 | 12,148 | 10,669 | 4,026 | 1,101 | 867 |
266
266
  | `time-input` | 142,722 | 45,470 | 38,162 | 28,180 | 7,039 | 5,909 |
267
267
  | `time-picker` | 103,089 | 33,338 | 27,382 | 19,029 | 5,156 | 4,335 |
268
- | `timeline` | 76,459 | 25,297 | 20,907 | 1,894 | 395 | 341 |
268
+ | `timeline` | 76,374 | 25,276 | 20,869 | 1,809 | 375 | 313 |
269
269
  | `toast` | 79,658 | 26,392 | 21,616 | 4,005 | 950 | 691 |
270
- | `toggle` | 40,343 | 12,575 | 11,123 | 3,393 | 897 | 638 |
270
+ | `toggle` | 40,292 | 12,559 | 11,078 | 3,342 | 881 | 682 |
271
271
  | `toolbar` | 30,362 | 10,282 | 9,071 | 2,933 | 935 | 661 |
272
272
  | `tooltip` | 60,071 | 20,695 | 18,350 | 6,432 | 1,803 | 1,410 |
273
273
  | `tour` | 65,809 | 22,037 | 19,486 | 11,006 | 2,765 | 2,252 |
274
274
  | `tree` | 86,369 | 28,538 | 23,344 | 7,191 | 1,987 | 1,600 |
275
275
  | `trend` | 75,252 | 25,076 | 20,677 | 1,056 | 280 | 326 |
276
- | `video` | 139,358 | 44,866 | 37,786 | 33,775 | 8,189 | 7,173 |
276
+ | `video` | 139,291 | 44,849 | 37,828 | 33,708 | 8,173 | 7,117 |
277
277
  | `video-playlist` | 121,574 | 40,172 | 33,758 | 14,893 | 3,496 | 2,830 |
278
278
  | `virtual-list` | 34,078 | 11,490 | 10,128 | 2,485 | 752 | 563 |
279
279
 
@@ -303,8 +303,8 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
303
303
  | `checkbox-group` | 41,537 | 12,854 | 11,324 | 6,981 | 1,839 | 1,407 |
304
304
  | `code` | 28,016 | 9,451 | 8,318 | 1,511 | 366 | 327 |
305
305
  | `code-block` | 137,688 | 43,293 | 36,473 | 33,731 | 7,278 | 6,200 |
306
- | `color-input` | 168,675 | 48,963 | 41,361 | 59,358 | 11,859 | 10,181 |
307
- | `color-picker` | 130,488 | 37,583 | 31,243 | 48,031 | 9,967 | 8,572 |
306
+ | `color-input` | 168,628 | 48,951 | 41,328 | 59,311 | 11,851 | 10,104 |
307
+ | `color-picker` | 130,441 | 37,570 | 31,204 | 47,984 | 9,957 | 8,550 |
308
308
  | `combobox` | 147,122 | 45,410 | 38,194 | 35,172 | 7,737 | 6,383 |
309
309
  | `command` | 113,170 | 34,701 | 28,584 | 28,157 | 6,589 | 5,541 |
310
310
  | `copy-button` | 125,839 | 40,569 | 34,091 | 21,887 | 4,687 | 3,940 |
@@ -329,7 +329,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
329
329
  | `image` | 32,252 | 10,608 | 9,338 | 4,897 | 1,310 | 1,096 |
330
330
  | `input` | 92,448 | 29,682 | 24,353 | 10,938 | 2,630 | 2,130 |
331
331
  | `kbd` | 31,686 | 10,798 | 9,494 | 4,373 | 1,498 | 1,191 |
332
- | `legend` | 37,137 | 11,939 | 10,516 | 5,911 | 1,409 | 1,157 |
332
+ | `legend` | 37,016 | 11,919 | 10,475 | 5,790 | 1,397 | 1,133 |
333
333
  | `line-chart` | 84,107 | 27,298 | 24,161 | 20,480 | 5,167 | 4,321 |
334
334
  | `list` | 33,439 | 10,707 | 9,426 | 5,779 | 1,299 | 1,126 |
335
335
  | `listbox` | 98,727 | 31,815 | 26,007 | 15,204 | 3,981 | 3,286 |
@@ -350,7 +350,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
350
350
  | `progress` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,476 |
351
351
  | `qr-code` | 41,913 | 14,435 | 12,705 | 14,628 | 5,111 | 4,374 |
352
352
  | `quote` | 28,498 | 9,609 | 8,455 | 1,191 | 295 | 222 |
353
- | `radio` | 45,852 | 13,398 | 11,852 | 10,438 | 2,193 | 1,780 |
353
+ | `radio` | 45,833 | 13,387 | 11,823 | 10,419 | 2,184 | 1,784 |
354
354
  | `rating` | 44,841 | 14,195 | 12,539 | 10,730 | 3,091 | 2,509 |
355
355
  | `sandbox` | 63,540 | 17,409 | 15,411 | 35,445 | 7,795 | 6,587 |
356
356
  | `scatter-chart` | 82,664 | 27,049 | 23,880 | 19,815 | 5,259 | 4,377 |
@@ -363,8 +363,8 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
363
363
  | `speed-dial` | 113,345 | 37,697 | 31,666 | 11,289 | 2,363 | 1,880 |
364
364
  | `splitter` | 44,009 | 13,134 | 11,676 | 16,197 | 3,607 | 3,124 |
365
365
  | `stat` | 31,624 | 10,248 | 9,065 | 3,954 | 831 | 751 |
366
- | `steps` | 98,288 | 30,223 | 24,949 | 19,933 | 3,913 | 3,301 |
367
- | `switch` | 40,227 | 12,640 | 11,110 | 5,787 | 1,544 | 1,290 |
366
+ | `steps` | 98,180 | 30,216 | 24,841 | 19,825 | 3,900 | 3,290 |
367
+ | `switch` | 40,217 | 12,632 | 11,126 | 5,777 | 1,541 | 1,291 |
368
368
  | `table` | 90,786 | 29,472 | 24,185 | 14,568 | 3,644 | 3,137 |
369
369
  | `tabs` | 42,314 | 12,842 | 11,287 | 10,153 | 2,201 | 1,744 |
370
370
  | `tag` | 79,131 | 26,169 | 21,453 | 4,086 | 1,022 | 831 |
@@ -372,15 +372,15 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
372
372
  | `textarea` | 41,791 | 12,957 | 11,410 | 7,349 | 1,942 | 1,460 |
373
373
  | `time-input` | 163,961 | 48,971 | 41,273 | 49,404 | 10,585 | 9,010 |
374
374
  | `time-picker` | 114,565 | 35,472 | 29,316 | 30,500 | 7,360 | 6,257 |
375
- | `timeline` | 79,737 | 26,052 | 21,517 | 5,160 | 1,151 | 971 |
375
+ | `timeline` | 79,687 | 26,034 | 21,488 | 5,110 | 1,134 | 1,028 |
376
376
  | `toast` | 87,191 | 28,068 | 23,160 | 11,526 | 2,591 | 2,192 |
377
- | `toggle` | 45,335 | 13,738 | 12,113 | 8,373 | 2,047 | 1,677 |
377
+ | `toggle` | 45,389 | 13,748 | 12,136 | 8,427 | 2,061 | 1,728 |
378
378
  | `toolbar` | 31,654 | 10,582 | 9,329 | 4,208 | 1,250 | 938 |
379
379
  | `tooltip` | 63,149 | 21,446 | 18,959 | 9,492 | 2,541 | 2,042 |
380
380
  | `tour` | 75,360 | 23,647 | 20,977 | 20,537 | 4,384 | 3,695 |
381
381
  | `tree` | 92,069 | 29,890 | 24,505 | 12,881 | 3,326 | 2,696 |
382
382
  | `trend` | 78,409 | 25,784 | 21,316 | 4,205 | 944 | 828 |
383
- | `video` | 158,345 | 48,281 | 40,832 | 52,742 | 11,654 | 10,028 |
383
+ | `video` | 158,297 | 48,267 | 40,886 | 52,694 | 11,638 | 10,070 |
384
384
  | `video-playlist` | 135,475 | 42,673 | 35,827 | 28,774 | 5,962 | 5,015 |
385
385
  | `virtual-list` | 34,870 | 11,699 | 10,331 | 3,259 | 959 | 807 |
386
386
 
@@ -395,11 +395,11 @@ column is what was removed rather than part of what remains.
395
395
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
396
396
  |---|---|---|---|---|
397
397
  | `@fusion.dev/helix-core` | 878,078 | 129 | 190,771 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
398
- | `@fusion.dev/helix-headless` | 11,373,025 | 472 | 859,493 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
398
+ | `@fusion.dev/helix-headless` | 11,379,677 | 472 | 859,484 | `@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` | 12,391,991 | 798 | 338,969 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
402
+ | `@fusion.dev/helix` | 12,394,381 | 798 | 338,979 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
403
403
 
404
404
  ## Not measured yet
405
405
 
@@ -2023,10 +2023,10 @@ repository does that. The per-component tables are what a page pays.
2023
2023
  | Package | Raw | Gzip | Brotli | |
2024
2024
  |---|---|---|---|---|
2025
2025
  | \`@fusion.dev/helix-core\` | 147,226 | 48,349 | 40,887 | Element base class, mixins, decorators, floating positioning. |
2026
- | \`@fusion.dev/helix-headless\` | 603,992 | 156,680 | 122,057 | Every headless family, which is what the barrel means. |
2026
+ | \`@fusion.dev/helix-headless\` | 603,471 | 156,550 | 121,866 | Every headless family, which is what the barrel means. |
2027
2027
  | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
2028
2028
  | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
2029
- | \`@fusion.dev/helix\` | 1,081,227 | 253,772 | 186,157 | Every styled family. |
2029
+ | \`@fusion.dev/helix\` | 1,080,878 | 253,701 | 185,862 | Every styled family. |
2030
2030
  | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
2031
2031
 
2032
2032
  ## The stylesheets
@@ -2049,9 +2049,9 @@ is the whole cost of adopting the base layer on its own.
2049
2049
 
2050
2050
  **Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,205 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.
2051
2051
 
2052
- Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,152, over 100 components. Every family at once is 253,772.
2052
+ Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,152, over 100 components. Every family at once is 253,701.
2053
2053
 
2054
- **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 156,680 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.
2054
+ **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 156,550 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.
2055
2055
 
2056
2056
  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,532 bytes gzipped alone.
2057
2057
 
@@ -2080,12 +2080,12 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
2080
2080
  | | Material Web | 34,238 | 11,510 | 10,229 |
2081
2081
  | | Shoelace | 52,754 | 17,698 | 15,554 |
2082
2082
  | | Spectrum | 155,708 | 31,899 | 26,262 |
2083
- | \`radio\` | **Helix** | 45,852 | 13,398 | 11,852 |
2083
+ | \`radio\` | **Helix** | 45,833 | 13,387 | 11,823 |
2084
2084
  | | Carbon | 63,055 | 16,887 | 14,605 |
2085
2085
  | | Material Web | 41,044 | 13,234 | 11,757 |
2086
2086
  | | Shoelace | 34,865 | 12,027 | 10,559 |
2087
2087
  | | Spectrum | 38,685 | 10,660 | 9,370 |
2088
- | \`switch\` | **Helix** | 40,227 | 12,640 | 11,110 |
2088
+ | \`switch\` | **Helix** | 40,217 | 12,632 | 11,126 |
2089
2089
  | | Carbon | 69,423 | 17,127 | 14,764 |
2090
2090
  | | Material Web | 50,155 | 14,577 | 12,935 |
2091
2091
  | | Shoelace | 37,833 | 11,814 | 10,568 |
@@ -2101,7 +2101,7 @@ Four other libraries of custom elements, pinned and measured on 2026-08-24 by \`
2101
2101
  | | Shoelace | 57,412 | 20,220 | 17,933 |
2102
2102
  | | Spectrum | 136,599 | 40,552 | 35,286 |
2103
2103
 
2104
- **Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,738 bytes gzipped. 7 of 28 peer measurements come in under ours.
2104
+ **Where Helix loses**, which is the half of a comparison table worth reading: \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, by 2,727 bytes gzipped. 7 of 28 peer measurements come in under ours.
2105
2105
 
2106
2106
  - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
2107
2107
  - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -2165,8 +2165,8 @@ Structure, accessibility, state and form participation. No presentation, and no
2165
2165
  | \`checkbox-group\` | 39,354 | 12,281 | 10,801 | 4,812 | 1,266 | 887 |
2166
2166
  | \`code\` | 26,939 | 9,156 | 8,067 | 451 | 74 | 87 |
2167
2167
  | \`code-block\` | 121,239 | 40,432 | 34,183 | 17,302 | 4,535 | 3,879 |
2168
- | \`color-input\` | 135,172 | 43,806 | 36,815 | 25,872 | 6,658 | 5,643 |
2169
- | \`color-picker\` | 102,689 | 33,130 | 27,301 | 20,238 | 5,408 | 4,671 |
2168
+ | \`color-input\` | 135,112 | 43,795 | 36,837 | 25,812 | 6,649 | 5,585 |
2169
+ | \`color-picker\` | 102,629 | 33,115 | 27,255 | 20,178 | 5,397 | 4,593 |
2170
2170
  | \`combobox\` | 132,319 | 42,745 | 35,897 | 20,388 | 5,072 | 4,193 |
2171
2171
  | \`command\` | 102,707 | 32,668 | 26,883 | 17,705 | 4,516 | 3,718 |
2172
2172
  | \`copy-button\` | 115,835 | 38,799 | 32,590 | 11,901 | 2,968 | 2,456 |
@@ -2189,7 +2189,7 @@ Structure, accessibility, state and form participation. No presentation, and no
2189
2189
  | \`image\` | 30,493 | 10,124 | 8,925 | 3,156 | 816 | 626 |
2190
2190
  | \`input\` | 86,245 | 28,339 | 23,175 | 4,742 | 1,311 | 970 |
2191
2191
  | \`kbd\` | 30,274 | 10,348 | 9,112 | 2,976 | 1,039 | 767 |
2192
- | \`legend\` | 32,257 | 10,822 | 9,497 | 1,137 | 305 | 219 |
2192
+ | \`legend\` | 32,200 | 10,802 | 9,525 | 1,080 | 289 | 266 |
2193
2193
  | \`line-chart\` | 74,336 | 25,300 | 22,420 | 10,731 | 3,146 | 2,616 |
2194
2194
  | \`list\` | 29,375 | 9,761 | 8,590 | 1,725 | 343 | 256 |
2195
2195
  | \`listbox\` | 94,458 | 30,818 | 25,165 | 10,942 | 2,996 | 2,362 |
@@ -2209,7 +2209,7 @@ Structure, accessibility, state and form participation. No presentation, and no
2209
2209
  | \`progress\` | 29,601 | 9,966 | 8,807 | 1,951 | 486 | 464 |
2210
2210
  | \`qr-code\` | 40,250 | 14,005 | 12,359 | 12,983 | 4,673 | 4,063 |
2211
2211
  | \`quote\` | 27,843 | 9,448 | 8,325 | 552 | 127 | 93 |
2212
- | \`radio\` | 38,270 | 11,970 | 10,559 | 2,866 | 767 | 501 |
2212
+ | \`radio\` | 38,226 | 11,955 | 10,547 | 2,822 | 754 | 557 |
2213
2213
  | \`rating\` | 40,621 | 12,997 | 11,459 | 6,527 | 1,900 | 1,536 |
2214
2214
  | \`scatter-chart\` | 74,272 | 25,238 | 22,232 | 11,442 | 3,455 | 2,799 |
2215
2215
  | \`scroll-area\` | 30,086 | 10,130 | 8,905 | 2,743 | 782 | 594 |
@@ -2221,23 +2221,23 @@ Structure, accessibility, state and form participation. No presentation, and no
2221
2221
  | \`speed-dial\` | 105,779 | 36,228 | 30,404 | 3,745 | 968 | 684 |
2222
2222
  | \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,594 | 2,240 |
2223
2223
  | \`stat\` | 28,808 | 9,624 | 8,464 | 1,148 | 189 | 159 |
2224
- | \`steps\` | 84,665 | 27,801 | 22,777 | 6,322 | 1,525 | 1,251 |
2225
- | \`switch\` | 36,003 | 11,592 | 10,247 | 1,578 | 492 | 290 |
2224
+ | \`steps\` | 84,562 | 27,788 | 22,780 | 6,219 | 1,510 | 1,168 |
2225
+ | \`switch\` | 35,949 | 11,576 | 10,243 | 1,524 | 481 | 350 |
2226
2226
  | \`table\` | 85,428 | 28,370 | 23,263 | 9,221 | 2,572 | 2,132 |
2227
2227
  | \`tabs\` | 36,077 | 11,569 | 10,198 | 3,925 | 911 | 720 |
2228
2228
  | \`tag\` | 75,927 | 25,307 | 20,715 | 897 | 191 | 194 |
2229
2229
  | \`textarea\` | 38,454 | 12,148 | 10,669 | 4,026 | 1,101 | 867 |
2230
2230
  | \`time-input\` | 142,722 | 45,470 | 38,162 | 28,180 | 7,039 | 5,909 |
2231
2231
  | \`time-picker\` | 103,089 | 33,338 | 27,382 | 19,029 | 5,156 | 4,335 |
2232
- | \`timeline\` | 76,459 | 25,297 | 20,907 | 1,894 | 395 | 341 |
2232
+ | \`timeline\` | 76,374 | 25,276 | 20,869 | 1,809 | 375 | 313 |
2233
2233
  | \`toast\` | 79,658 | 26,392 | 21,616 | 4,005 | 950 | 691 |
2234
- | \`toggle\` | 40,343 | 12,575 | 11,123 | 3,393 | 897 | 638 |
2234
+ | \`toggle\` | 40,292 | 12,559 | 11,078 | 3,342 | 881 | 682 |
2235
2235
  | \`toolbar\` | 30,362 | 10,282 | 9,071 | 2,933 | 935 | 661 |
2236
2236
  | \`tooltip\` | 60,071 | 20,695 | 18,350 | 6,432 | 1,803 | 1,410 |
2237
2237
  | \`tour\` | 65,809 | 22,037 | 19,486 | 11,006 | 2,765 | 2,252 |
2238
2238
  | \`tree\` | 86,369 | 28,538 | 23,344 | 7,191 | 1,987 | 1,600 |
2239
2239
  | \`trend\` | 75,252 | 25,076 | 20,677 | 1,056 | 280 | 326 |
2240
- | \`video\` | 139,358 | 44,866 | 37,786 | 33,775 | 8,189 | 7,173 |
2240
+ | \`video\` | 139,291 | 44,849 | 37,828 | 33,708 | 8,173 | 7,117 |
2241
2241
  | \`video-playlist\` | 121,574 | 40,172 | 33,758 | 14,893 | 3,496 | 2,830 |
2242
2242
  | \`virtual-list\` | 34,078 | 11,490 | 10,128 | 2,485 | 752 | 563 |
2243
2243
 
@@ -2267,8 +2267,8 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2267
2267
  | \`checkbox-group\` | 41,537 | 12,854 | 11,324 | 6,981 | 1,839 | 1,407 |
2268
2268
  | \`code\` | 28,016 | 9,451 | 8,318 | 1,511 | 366 | 327 |
2269
2269
  | \`code-block\` | 137,688 | 43,293 | 36,473 | 33,731 | 7,278 | 6,200 |
2270
- | \`color-input\` | 168,675 | 48,963 | 41,361 | 59,358 | 11,859 | 10,181 |
2271
- | \`color-picker\` | 130,488 | 37,583 | 31,243 | 48,031 | 9,967 | 8,572 |
2270
+ | \`color-input\` | 168,628 | 48,951 | 41,328 | 59,311 | 11,851 | 10,104 |
2271
+ | \`color-picker\` | 130,441 | 37,570 | 31,204 | 47,984 | 9,957 | 8,550 |
2272
2272
  | \`combobox\` | 147,122 | 45,410 | 38,194 | 35,172 | 7,737 | 6,383 |
2273
2273
  | \`command\` | 113,170 | 34,701 | 28,584 | 28,157 | 6,589 | 5,541 |
2274
2274
  | \`copy-button\` | 125,839 | 40,569 | 34,091 | 21,887 | 4,687 | 3,940 |
@@ -2293,7 +2293,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2293
2293
  | \`image\` | 32,252 | 10,608 | 9,338 | 4,897 | 1,310 | 1,096 |
2294
2294
  | \`input\` | 92,448 | 29,682 | 24,353 | 10,938 | 2,630 | 2,130 |
2295
2295
  | \`kbd\` | 31,686 | 10,798 | 9,494 | 4,373 | 1,498 | 1,191 |
2296
- | \`legend\` | 37,137 | 11,939 | 10,516 | 5,911 | 1,409 | 1,157 |
2296
+ | \`legend\` | 37,016 | 11,919 | 10,475 | 5,790 | 1,397 | 1,133 |
2297
2297
  | \`line-chart\` | 84,107 | 27,298 | 24,161 | 20,480 | 5,167 | 4,321 |
2298
2298
  | \`list\` | 33,439 | 10,707 | 9,426 | 5,779 | 1,299 | 1,126 |
2299
2299
  | \`listbox\` | 98,727 | 31,815 | 26,007 | 15,204 | 3,981 | 3,286 |
@@ -2314,7 +2314,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2314
2314
  | \`progress\` | 34,630 | 11,137 | 9,846 | 6,962 | 1,661 | 1,476 |
2315
2315
  | \`qr-code\` | 41,913 | 14,435 | 12,705 | 14,628 | 5,111 | 4,374 |
2316
2316
  | \`quote\` | 28,498 | 9,609 | 8,455 | 1,191 | 295 | 222 |
2317
- | \`radio\` | 45,852 | 13,398 | 11,852 | 10,438 | 2,193 | 1,780 |
2317
+ | \`radio\` | 45,833 | 13,387 | 11,823 | 10,419 | 2,184 | 1,784 |
2318
2318
  | \`rating\` | 44,841 | 14,195 | 12,539 | 10,730 | 3,091 | 2,509 |
2319
2319
  | \`sandbox\` | 63,540 | 17,409 | 15,411 | 35,445 | 7,795 | 6,587 |
2320
2320
  | \`scatter-chart\` | 82,664 | 27,049 | 23,880 | 19,815 | 5,259 | 4,377 |
@@ -2327,8 +2327,8 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2327
2327
  | \`speed-dial\` | 113,345 | 37,697 | 31,666 | 11,289 | 2,363 | 1,880 |
2328
2328
  | \`splitter\` | 44,009 | 13,134 | 11,676 | 16,197 | 3,607 | 3,124 |
2329
2329
  | \`stat\` | 31,624 | 10,248 | 9,065 | 3,954 | 831 | 751 |
2330
- | \`steps\` | 98,288 | 30,223 | 24,949 | 19,933 | 3,913 | 3,301 |
2331
- | \`switch\` | 40,227 | 12,640 | 11,110 | 5,787 | 1,544 | 1,290 |
2330
+ | \`steps\` | 98,180 | 30,216 | 24,841 | 19,825 | 3,900 | 3,290 |
2331
+ | \`switch\` | 40,217 | 12,632 | 11,126 | 5,777 | 1,541 | 1,291 |
2332
2332
  | \`table\` | 90,786 | 29,472 | 24,185 | 14,568 | 3,644 | 3,137 |
2333
2333
  | \`tabs\` | 42,314 | 12,842 | 11,287 | 10,153 | 2,201 | 1,744 |
2334
2334
  | \`tag\` | 79,131 | 26,169 | 21,453 | 4,086 | 1,022 | 831 |
@@ -2336,15 +2336,15 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2336
2336
  | \`textarea\` | 41,791 | 12,957 | 11,410 | 7,349 | 1,942 | 1,460 |
2337
2337
  | \`time-input\` | 163,961 | 48,971 | 41,273 | 49,404 | 10,585 | 9,010 |
2338
2338
  | \`time-picker\` | 114,565 | 35,472 | 29,316 | 30,500 | 7,360 | 6,257 |
2339
- | \`timeline\` | 79,737 | 26,052 | 21,517 | 5,160 | 1,151 | 971 |
2339
+ | \`timeline\` | 79,687 | 26,034 | 21,488 | 5,110 | 1,134 | 1,028 |
2340
2340
  | \`toast\` | 87,191 | 28,068 | 23,160 | 11,526 | 2,591 | 2,192 |
2341
- | \`toggle\` | 45,335 | 13,738 | 12,113 | 8,373 | 2,047 | 1,677 |
2341
+ | \`toggle\` | 45,389 | 13,748 | 12,136 | 8,427 | 2,061 | 1,728 |
2342
2342
  | \`toolbar\` | 31,654 | 10,582 | 9,329 | 4,208 | 1,250 | 938 |
2343
2343
  | \`tooltip\` | 63,149 | 21,446 | 18,959 | 9,492 | 2,541 | 2,042 |
2344
2344
  | \`tour\` | 75,360 | 23,647 | 20,977 | 20,537 | 4,384 | 3,695 |
2345
2345
  | \`tree\` | 92,069 | 29,890 | 24,505 | 12,881 | 3,326 | 2,696 |
2346
2346
  | \`trend\` | 78,409 | 25,784 | 21,316 | 4,205 | 944 | 828 |
2347
- | \`video\` | 158,345 | 48,281 | 40,832 | 52,742 | 11,654 | 10,028 |
2347
+ | \`video\` | 158,297 | 48,267 | 40,886 | 52,694 | 11,638 | 10,070 |
2348
2348
  | \`video-playlist\` | 135,475 | 42,673 | 35,827 | 28,774 | 5,962 | 5,015 |
2349
2349
  | \`virtual-list\` | 34,870 | 11,699 | 10,331 | 3,259 | 959 | 807 |
2350
2350
 
@@ -2359,11 +2359,11 @@ column is what was removed rather than part of what remains.
2359
2359
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
2360
2360
  |---|---|---|---|---|
2361
2361
  | \`@fusion.dev/helix-core\` | 878,078 | 129 | 190,771 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2362
- | \`@fusion.dev/helix-headless\` | 11,373,025 | 472 | 859,493 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2362
+ | \`@fusion.dev/helix-headless\` | 11,379,677 | 472 | 859,484 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2363
2363
  | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
2364
2364
  | \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
2365
2365
  | \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
2366
- | \`@fusion.dev/helix\` | 12,391,991 | 798 | 338,969 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2366
+ | \`@fusion.dev/helix\` | 12,394,381 | 798 | 338,979 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
2367
2367
 
2368
2368
  ## Not measured yet
2369
2369
 
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.53.6",
4
+ "version": "0.54.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -36,8 +36,8 @@
36
36
  },
37
37
  "bugs": "https://github.com/project-fusion/fusion/issues",
38
38
  "devDependencies": {
39
- "@fusion.dev/helix-cem": "0.53.6",
40
- "@fusion.dev/helix-testing": "0.53.6",
39
+ "@fusion.dev/helix-cem": "0.54.0",
40
+ "@fusion.dev/helix-testing": "0.54.0",
41
41
  "@fusion.dev/scripts": "0.0.0-dev",
42
42
  "lit": "^3.2.1",
43
43
  "playwright": "^1.62.1"