@fusion.dev/helix-docs 0.212.1 → 0.213.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.
@@ -291,16 +291,12 @@ We do not run the tests in Firefox. The rest of this page lists the browser
291
291
  features Helix uses. If you ship Helix to Firefox or Safari and find something
292
292
  broken, please report it.
293
293
 
294
- ### Known differences in WebKit
294
+ ### What differs in WebKit
295
295
 
296
- A few specs still fail in WebKit. We keep each one on a list until it is fixed.
297
-
298
- - Checkbox Group, Radio Group, Option, Toast, and Tooltip name or describe their
299
- host through \`ElementInternals\`, pointing into their own shadow root. WebKit
300
- reads those references back as empty. We have not yet checked whether
301
- VoiceOver still reads the name.
302
- - In the sandbox's source pane, in WebKit on macOS, one undo after an indent
303
- also removes the text typed before it.
296
+ Checkbox Group, Radio Group, Option, Toast, and Tooltip name or describe their
297
+ host through \`ElementInternals\`, pointing into their own shadow root. WebKit
298
+ reads those references back as empty, so their specs for it fail there. We have
299
+ not yet checked whether VoiceOver still reads the name.
304
300
 
305
301
  ## Browser features Helix uses
306
302
 
@@ -5127,7 +5123,7 @@ on its own.
5127
5123
 
5128
5124
  | | Raw | Gzip | Brotli |
5129
5125
  |---|---|---|---|
5130
- | Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,309 |
5126
+ | Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,302 |
5131
5127
 
5132
5128
  ## Whole packages
5133
5129
 
@@ -5138,12 +5134,12 @@ either barrel. The per-component tables show what your page pays.
5138
5134
 
5139
5135
  | Package | Raw | Gzip | Brotli | |
5140
5136
  |---|---|---|---|---|
5141
- | \`@fusion.dev/helix-core\` | 275,598 | 88,368 | 74,935 | The element base class, mixins, decorators, and floating positioning. |
5142
- | \`@fusion.dev/helix-headless\` | 1,508,707 | 421,331 | 315,620 | Every headless family. The barrel entry includes all of them. |
5143
- | \`@fusion.dev/helix-icons\` | 58,418 | 18,558 | 15,789 | The whole glyph set. |
5137
+ | \`@fusion.dev/helix-core\` | 275,598 | 88,369 | 74,869 | The element base class, mixins, decorators, and floating positioning. |
5138
+ | \`@fusion.dev/helix-headless\` | 1,515,371 | 423,163 | 317,018 | Every headless family. The barrel entry includes all of them. |
5139
+ | \`@fusion.dev/helix-icons\` | 59,688 | 18,986 | 16,177 | The whole glyph set. |
5144
5140
  | \`@fusion.dev/helix-theme\` | 4,030 | 1,791 | 1,560 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
5145
5141
  | \`fusion_helix_theme_bg.wasm\` | 412,026 | 152,920 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
5146
- | \`@fusion.dev/helix\` | 2,246,034 | 579,822 | 413,186 | Every styled family. |
5142
+ | \`@fusion.dev/helix\` | 2,253,973 | 582,401 | 414,807 | Every styled family. |
5147
5143
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
5148
5144
 
5149
5145
  ## Stylesheets
@@ -5157,20 +5153,20 @@ shows the whole cost of using the base layer on its own.
5157
5153
  | File | Raw | Gzip | Brotli | |
5158
5154
  |---|---|---|---|---|
5159
5155
  | \`base.css\` | 33,986 | 4,785 | 4,158 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
5160
- | \`elements.css\` | 19,749 | 2,956 | 2,660 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
5156
+ | \`elements.css\` | 19,747 | 2,960 | 2,647 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
5161
5157
  | \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
5162
5158
  | \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
5163
5159
  | \`tokens.css\` | 23,030 | 2,795 | 2,319 | The 200 semantic tokens. Every styled component needs them. |
5164
5160
 
5165
5161
  ## What the numbers say
5166
5162
 
5167
- **Most of your first component is the shared runtime.** The median styled family is 20,253 bytes gzipped alone, and it adds 4,747 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
5163
+ **Most of your first component is the shared runtime.** The median styled family is 20,255 bytes gzipped alone, and it adds 4,747 to a page that already has Helix. The shared runtime is 77 percent of the first component, and the component itself is 23 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
5168
5164
 
5169
- Across the 115 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,795. Every family together is 579,822.
5165
+ Across the 115 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,795. Every family together is 582,401.
5170
5166
 
5171
- No family imports a barrel. The \`barrels\` rule in \`fusion x workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 421,331 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 115 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
5167
+ No family imports a barrel. The \`barrels\` rule in \`fusion x workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 423,163 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 115 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
5172
5168
 
5173
- The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 18,454 bytes gzipped alone.
5169
+ The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 18,453 bytes gzipped alone.
5174
5170
 
5175
5171
  ## Compared with other systems
5176
5172
 
@@ -5182,37 +5178,37 @@ The table has no whole-library row. That row would compare how many components e
5182
5178
 
5183
5179
  | Component | System | Raw | Gzip | Brotli |
5184
5180
  |---|---|---|---|---|
5185
- | \`button\` | **Helix** | 42,754 | 14,406 | 12,866 |
5181
+ | \`button\` | **Helix** | 42,754 | 14,406 | 12,865 |
5186
5182
  | | Carbon | 133,058 | 20,959 | 17,685 |
5187
5183
  | | Material Web | 47,060 | 14,173 | 12,591 |
5188
5184
  | | Spectrum | 98,792 | 22,045 | 18,674 |
5189
5185
  | | Web Awesome | 136,044 | 33,730 | 28,760 |
5190
- | \`checkbox\` | **Helix** | 47,753 | 15,521 | 13,823 |
5186
+ | \`checkbox\` | **Helix** | 47,753 | 15,521 | 13,839 |
5191
5187
  | | Carbon | 60,255 | 15,609 | 13,550 |
5192
5188
  | | Material Web | 43,785 | 13,556 | 12,015 |
5193
5189
  | | Spectrum | 62,492 | 15,437 | 13,481 |
5194
5190
  | | Web Awesome | 115,251 | 28,728 | 24,420 |
5195
- | \`dialog\` | **Helix** | 44,336 | 15,226 | 13,593 |
5191
+ | \`dialog\` | **Helix** | 44,336 | 15,227 | 13,573 |
5196
5192
  | | Carbon | 510,866 | 67,390 | 39,189 |
5197
5193
  | | Material Web | 34,238 | 11,510 | 10,229 |
5198
5194
  | | Spectrum | 155,708 | 31,899 | 26,262 |
5199
5195
  | | Web Awesome | 148,657 | 36,692 | 31,388 |
5200
- | \`radio\` | **Helix** | 51,120 | 16,284 | 14,536 |
5196
+ | \`radio\` | **Helix** | 51,120 | 16,284 | 14,506 |
5201
5197
  | | Carbon | 63,055 | 16,887 | 14,605 |
5202
5198
  | | Material Web | 41,044 | 13,234 | 11,757 |
5203
5199
  | | Spectrum | 38,685 | 10,660 | 9,370 |
5204
5200
  | | Web Awesome | 112,026 | 27,416 | 23,128 |
5205
- | \`switch\` | **Helix** | 44,474 | 14,983 | 13,341 |
5201
+ | \`switch\` | **Helix** | 44,474 | 14,983 | 13,336 |
5206
5202
  | | Carbon | 69,423 | 17,127 | 14,764 |
5207
5203
  | | Material Web | 50,155 | 14,577 | 12,935 |
5208
5204
  | | Spectrum | 62,322 | 15,059 | 13,321 |
5209
5205
  | | Web Awesome | 45,876 | 15,003 | 13,475 |
5210
- | \`tabs\` | **Helix** | 56,056 | 18,048 | 16,038 |
5206
+ | \`tabs\` | **Helix** | 56,056 | 18,048 | 16,033 |
5211
5207
  | | Carbon | 578,766 | 73,537 | 43,235 |
5212
5208
  | | Material Web | 38,883 | 12,820 | 11,368 |
5213
5209
  | | Spectrum | 64,875 | 18,298 | 16,283 |
5214
5210
  | | Web Awesome | 153,439 | 37,030 | 31,737 |
5215
- | \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,747 |
5211
+ | \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,754 |
5216
5212
  | | Carbon | 189,382 | 30,354 | 22,273 |
5217
5213
  | | Material Web | | not shipped | |
5218
5214
  | | Spectrum | 136,599 | 40,552 | 35,286 |
@@ -5292,114 +5288,114 @@ Structure, accessibility, state, and form participation. It has no presentation
5292
5288
 
5293
5289
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5294
5290
  |---|---|---|---|---|---|---|
5295
- | \`accordion\` | 32,671 | 12,090 | 10,729 | 5,378 | 1,546 | 1,269 |
5296
- | \`announcement\` | 37,661 | 13,709 | 12,274 | 4,701 | 1,363 | 1,004 |
5297
- | \`app-header\` | 33,168 | 12,240 | 10,876 | 5,901 | 1,776 | 1,284 |
5298
- | \`area-chart\` | 99,355 | 34,968 | 30,830 | 14,419 | 4,442 | 3,663 |
5299
- | \`avatar\` | 31,887 | 12,152 | 10,893 | 4,000 | 1,242 | 992 |
5300
- | \`badge\` | 28,118 | 10,944 | 9,778 | 2,963 | 897 | 636 |
5301
- | \`bar-chart\` | 107,369 | 37,632 | 33,239 | 21,900 | 6,886 | 5,697 |
5302
- | \`blockquote\` | 24,679 | 9,637 | 8,541 | 2,401 | 873 | 644 |
5303
- | \`breadcrumbs\` | 37,419 | 14,327 | 12,834 | 7,380 | 2,394 | 1,994 |
5304
- | \`button\` | 36,246 | 12,976 | 11,575 | 5,128 | 1,503 | 1,157 |
5305
- | \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 983 |
5306
- | \`callout\` | 36,284 | 13,988 | 12,432 | 2,884 | 956 | 655 |
5307
- | \`canvas\` | 132,515 | 41,864 | 36,402 | 74,272 | 22,526 | 18,581 |
5308
- | \`card\` | 24,397 | 9,311 | 8,260 | 2,090 | 634 | 398 |
5309
- | \`carousel\` | 45,167 | 16,073 | 14,353 | 15,328 | 4,263 | 3,353 |
5310
- | \`chat\` | 81,777 | 27,229 | 24,046 | 27,681 | 8,088 | 6,500 |
5311
- | \`checkbox\` | 41,267 | 14,018 | 12,514 | 3,107 | 947 | 678 |
5312
- | \`checkbox-group\` | 48,490 | 15,945 | 14,217 | 8,322 | 2,329 | 1,635 |
5313
- | \`code\` | 20,869 | 8,248 | 7,311 | 138 | 79 | 100 |
5314
- | \`code-block\` | 104,805 | 35,637 | 31,426 | 37,315 | 10,669 | 8,842 |
5315
- | \`color-input\` | 143,769 | 45,822 | 39,908 | 55,776 | 14,285 | 11,710 |
5316
- | \`color-picker\` | 105,388 | 33,619 | 29,475 | 47,896 | 12,646 | 10,453 |
5317
- | \`combobox\` | 134,499 | 42,873 | 37,577 | 35,962 | 9,099 | 7,265 |
5318
- | \`command\` | 101,903 | 32,327 | 28,389 | 30,345 | 8,165 | 6,492 |
5319
- | \`copy-button\` | 82,250 | 28,297 | 25,049 | 18,753 | 5,094 | 4,054 |
5320
- | \`data-table\` | 202,758 | 62,394 | 53,274 | 89,962 | 24,139 | 19,216 |
5321
- | \`date-input\` | 143,074 | 45,179 | 39,727 | 38,660 | 9,421 | 7,669 |
5322
- | \`date-picker\` | 63,093 | 21,510 | 19,248 | 20,720 | 5,636 | 4,458 |
5323
- | \`description-list\` | 23,472 | 8,992 | 8,002 | 1,565 | 505 | 321 |
5324
- | \`device-screen\` | 73,940 | 24,005 | 21,067 | 31,473 | 8,774 | 6,863 |
5325
- | \`dialog\` | 39,200 | 13,971 | 12,447 | 5,948 | 1,749 | 1,384 |
5326
- | \`divider\` | 23,564 | 9,143 | 8,085 | 1,415 | 483 | 309 |
5327
- | \`donut-chart\` | 92,673 | 32,262 | 28,511 | 14,719 | 4,506 | 3,708 |
5328
- | \`drawer\` | 43,837 | 15,482 | 13,791 | 7,799 | 2,292 | 1,872 |
5329
- | \`drilldown\` | 43,552 | 15,253 | 13,587 | 9,707 | 2,705 | 2,022 |
5330
- | \`empty\` | 25,007 | 9,577 | 8,500 | 1,976 | 637 | 380 |
5331
- | \`file-input\` | 59,143 | 20,556 | 18,267 | 13,148 | 4,131 | 3,242 |
5332
- | \`filter-input\` | 99,603 | 33,493 | 29,712 | 21,571 | 6,189 | 5,011 |
5333
- | \`format-date\` | 31,209 | 11,674 | 10,447 | 4,475 | 1,241 | 983 |
5334
- | \`graph\` | 97,367 | 30,941 | 27,191 | 28,438 | 8,129 | 6,554 |
5335
- | \`heatmap\` | 101,760 | 34,694 | 30,634 | 19,070 | 5,625 | 4,519 |
5336
- | \`icon\` | 85,756 | 29,229 | 25,139 | 60,859 | 20,843 | 16,586 |
5337
- | \`icon-button\` | 36,357 | 13,003 | 11,596 | 5,237 | 1,532 | 1,070 |
5338
- | \`image\` | 26,373 | 9,843 | 8,746 | 3,846 | 1,154 | 1,012 |
5339
- | \`input\` | 47,074 | 16,181 | 14,341 | 7,006 | 2,246 | 1,479 |
5340
- | \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 831 |
5341
- | \`legend\` | 39,951 | 14,499 | 12,909 | 2,765 | 903 | 603 |
5342
- | \`lightbox\` | 57,138 | 19,378 | 17,205 | 16,760 | 4,653 | 3,604 |
5343
- | \`line-chart\` | 102,350 | 35,821 | 31,641 | 16,812 | 5,059 | 4,218 |
5344
- | \`list\` | 62,949 | 21,722 | 19,394 | 15,256 | 4,403 | 3,487 |
5345
- | \`listbox\` | 78,803 | 26,158 | 23,129 | 15,603 | 4,580 | 3,484 |
5346
- | \`loader\` | 27,341 | 10,451 | 9,312 | 2,786 | 924 | 611 |
5347
- | \`log\` | 81,645 | 27,874 | 24,689 | 37,579 | 11,517 | 9,786 |
5348
- | \`map\` | 105,893 | 32,229 | 27,792 | 45,482 | 11,936 | 9,473 |
5349
- | \`megamenu\` | 61,165 | 22,175 | 19,610 | 8,724 | 2,419 | 1,747 |
5350
- | \`menu\` | 98,535 | 32,954 | 29,045 | 30,262 | 7,977 | 6,521 |
5351
- | \`meter\` | 32,921 | 12,482 | 11,178 | 4,982 | 1,468 | 1,193 |
5352
- | \`motion-toggle\` | 26,353 | 10,249 | 9,112 | 1,426 | 521 | 323 |
5353
- | \`navigation\` | 33,886 | 12,735 | 11,317 | 3,365 | 1,136 | 870 |
5354
- | \`notifications\` | 59,565 | 20,339 | 18,126 | 18,276 | 5,065 | 3,992 |
5355
- | \`number-input\` | 57,654 | 19,365 | 17,270 | 13,581 | 3,621 | 2,672 |
5356
- | \`object-inspector\` | 116,630 | 39,201 | 34,531 | 36,012 | 10,231 | 8,347 |
5357
- | \`option\` | 27,049 | 9,970 | 8,855 | 4,523 | 1,207 | 843 |
5358
- | \`outline\` | 34,611 | 12,986 | 11,537 | 7,888 | 2,538 | 1,910 |
5359
- | \`pagination\` | 138,763 | 44,503 | 38,642 | 45,676 | 11,739 | 9,510 |
5360
- | \`pin-input\` | 48,873 | 17,049 | 15,230 | 7,208 | 2,360 | 1,687 |
5361
- | \`popover\` | 64,907 | 23,347 | 20,603 | 6,461 | 1,864 | 1,352 |
5362
- | \`progress\` | 29,235 | 11,151 | 9,954 | 3,007 | 932 | 622 |
5363
- | \`qr-code\` | 43,669 | 17,003 | 15,118 | 17,003 | 6,205 | 5,461 |
5364
- | \`quote\` | 23,088 | 9,111 | 8,053 | 1,210 | 500 | 251 |
5365
- | \`radio\` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 | 816 |
5366
- | \`rating\` | 51,618 | 17,782 | 15,851 | 8,058 | 2,428 | 1,745 |
5367
- | \`scatter-chart\` | 98,654 | 34,307 | 30,267 | 20,340 | 6,423 | 5,185 |
5368
- | \`scroll-area\` | 31,294 | 11,433 | 10,151 | 8,518 | 2,598 | 2,001 |
5369
- | \`select\` | 117,452 | 38,952 | 34,089 | 26,153 | 7,206 | 5,529 |
5370
- | \`skeleton\` | 22,900 | 8,871 | 7,874 | 991 | 373 | 210 |
5371
- | \`skip-link\` | 24,547 | 9,607 | 8,524 | 1,224 | 467 | 287 |
5372
- | \`slider\` | 54,667 | 18,413 | 16,503 | 13,625 | 3,861 | 2,987 |
5373
- | \`sparkline\` | 49,258 | 17,982 | 16,009 | 5,984 | 2,106 | 1,629 |
5374
- | \`spatial-bar-chart\` | 105,190 | 37,126 | 32,680 | 19,854 | 6,531 | 5,264 |
5375
- | \`spatial-heatmap\` | 117,114 | 39,971 | 35,099 | 31,741 | 9,469 | 7,887 |
5376
- | \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,336 | 20,793 | 6,902 | 5,639 |
5377
- | \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,781 | 19,087 | 6,291 | 5,129 |
5378
- | \`spatial-surface-chart\` | 105,468 | 37,269 | 32,859 | 21,949 | 7,403 | 6,106 |
5379
- | \`spatial-treemap\` | 106,586 | 37,909 | 33,391 | 21,370 | 7,296 | 6,140 |
5380
- | \`speed-dial\` | 69,618 | 25,072 | 22,211 | 10,935 | 2,965 | 2,309 |
5381
- | \`splitter\` | 45,096 | 15,644 | 14,000 | 14,504 | 3,868 | 3,154 |
5382
- | \`stat\` | 26,285 | 10,056 | 8,960 | 2,323 | 769 | 455 |
5383
- | \`steps\` | 54,951 | 19,121 | 17,019 | 13,805 | 3,913 | 3,115 |
5384
- | \`switch\` | 40,121 | 13,836 | 12,332 | 1,679 | 602 | 373 |
5385
- | \`table\` | 120,167 | 37,603 | 32,679 | 45,143 | 12,220 | 10,042 |
5386
- | \`tabs\` | 47,105 | 16,204 | 14,403 | 10,491 | 2,858 | 2,276 |
5387
- | \`tag\` | 43,623 | 15,996 | 14,286 | 8,451 | 2,528 | 1,823 |
5388
- | \`terminal\` | 73,912 | 24,515 | 21,677 | 26,300 | 7,291 | 5,840 |
5389
- | \`textarea\` | 44,998 | 15,365 | 13,725 | 5,490 | 1,587 | 1,091 |
5390
- | \`time-input\` | 171,615 | 53,526 | 46,437 | 48,568 | 12,157 | 9,935 |
5391
- | \`time-picker\` | 101,859 | 32,308 | 28,440 | 33,981 | 9,108 | 7,224 |
5392
- | \`timeline\` | 32,429 | 12,281 | 11,029 | 4,087 | 1,189 | 928 |
5393
- | \`toast\` | 52,298 | 18,494 | 16,526 | 12,165 | 3,496 | 2,640 |
5394
- | \`toggle\` | 46,246 | 15,539 | 13,824 | 6,005 | 1,779 | 1,288 |
5395
- | \`toolbar\` | 34,370 | 12,799 | 11,427 | 1,366 | 485 | 330 |
5396
- | \`tooltip\` | 59,698 | 21,528 | 19,151 | 8,505 | 2,373 | 1,761 |
5397
- | \`tour\` | 85,289 | 29,312 | 25,903 | 20,084 | 5,530 | 4,367 |
5398
- | \`tree\` | 68,666 | 23,156 | 20,649 | 17,196 | 4,934 | 3,945 |
5399
- | \`trend\` | 30,937 | 12,024 | 10,722 | 3,592 | 1,141 | 885 |
5400
- | \`video\` | 143,892 | 45,089 | 39,300 | 66,785 | 16,907 | 13,893 |
5401
- | \`video-playlist\` | 129,019 | 41,833 | 36,768 | 42,856 | 11,045 | 9,172 |
5402
- | \`virtual-list\` | 65,115 | 22,097 | 19,698 | 23,394 | 7,160 | 5,828 |
5291
+ | \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,546 | 1,195 |
5292
+ | \`announcement\` | 37,661 | 13,709 | 12,275 | 4,701 | 1,363 | 1,076 |
5293
+ | \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,279 |
5294
+ | \`area-chart\` | 99,355 | 34,968 | 30,845 | 14,419 | 4,441 | 3,568 |
5295
+ | \`avatar\` | 31,887 | 12,152 | 10,894 | 4,000 | 1,242 | 1,004 |
5296
+ | \`badge\` | 28,118 | 10,943 | 9,778 | 2,963 | 897 | 650 |
5297
+ | \`bar-chart\` | 107,369 | 37,632 | 33,278 | 21,900 | 6,885 | 5,786 |
5298
+ | \`blockquote\` | 24,679 | 9,637 | 8,540 | 2,401 | 873 | 693 |
5299
+ | \`breadcrumbs\` | 37,419 | 14,327 | 12,834 | 7,380 | 2,394 | 1,887 |
5300
+ | \`button\` | 36,246 | 12,977 | 11,571 | 5,128 | 1,503 | 1,099 |
5301
+ | \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 1,077 |
5302
+ | \`callout\` | 36,284 | 13,989 | 12,434 | 2,884 | 956 | 622 |
5303
+ | \`canvas\` | 132,515 | 41,864 | 36,371 | 74,272 | 22,526 | 18,693 |
5304
+ | \`card\` | 24,397 | 9,311 | 8,259 | 2,090 | 634 | 446 |
5305
+ | \`carousel\` | 45,167 | 16,073 | 14,349 | 15,328 | 4,263 | 3,380 |
5306
+ | \`chat\` | 82,490 | 27,445 | 24,226 | 28,394 | 8,267 | 6,533 |
5307
+ | \`checkbox\` | 41,267 | 14,019 | 12,514 | 3,107 | 947 | 571 |
5308
+ | \`checkbox-group\` | 48,490 | 15,945 | 14,220 | 8,322 | 2,329 | 1,681 |
5309
+ | \`code\` | 20,869 | 8,248 | 7,312 | 138 | 79 | 73 |
5310
+ | \`code-block\` | 104,805 | 35,637 | 31,467 | 37,315 | 10,669 | 8,851 |
5311
+ | \`color-input\` | 143,769 | 45,822 | 39,933 | 55,776 | 14,285 | 11,741 |
5312
+ | \`color-picker\` | 105,388 | 33,621 | 29,492 | 47,896 | 12,646 | 10,468 |
5313
+ | \`combobox\` | 134,499 | 42,874 | 37,706 | 35,962 | 9,099 | 7,199 |
5314
+ | \`command\` | 101,903 | 32,328 | 28,361 | 30,345 | 8,165 | 6,535 |
5315
+ | \`copy-button\` | 82,250 | 28,298 | 25,029 | 18,753 | 5,094 | 4,097 |
5316
+ | \`data-table\` | 202,758 | 62,394 | 53,306 | 89,962 | 24,139 | 19,091 |
5317
+ | \`date-input\` | 143,074 | 45,179 | 39,721 | 38,660 | 9,421 | 7,620 |
5318
+ | \`date-picker\` | 63,093 | 21,510 | 19,285 | 20,720 | 5,636 | 4,596 |
5319
+ | \`description-list\` | 23,472 | 8,992 | 7,983 | 1,565 | 505 | 334 |
5320
+ | \`device-screen\` | 73,940 | 24,005 | 21,119 | 31,473 | 8,773 | 6,873 |
5321
+ | \`dialog\` | 39,200 | 13,971 | 12,450 | 5,948 | 1,749 | 1,308 |
5322
+ | \`divider\` | 23,564 | 9,143 | 8,085 | 1,415 | 485 | 266 |
5323
+ | \`donut-chart\` | 92,673 | 32,263 | 28,561 | 14,719 | 4,506 | 3,689 |
5324
+ | \`drawer\` | 43,837 | 15,483 | 13,789 | 7,799 | 2,292 | 1,866 |
5325
+ | \`drilldown\` | 43,552 | 15,253 | 13,603 | 9,707 | 2,705 | 2,130 |
5326
+ | \`empty\` | 25,007 | 9,577 | 8,498 | 1,976 | 637 | 484 |
5327
+ | \`file-input\` | 59,143 | 20,557 | 18,278 | 13,148 | 4,131 | 3,207 |
5328
+ | \`filter-input\` | 99,603 | 33,493 | 29,713 | 21,571 | 6,189 | 5,010 |
5329
+ | \`format-date\` | 31,209 | 11,674 | 10,447 | 4,475 | 1,241 | 1,002 |
5330
+ | \`graph\` | 97,367 | 30,941 | 27,229 | 28,438 | 8,129 | 6,488 |
5331
+ | \`heatmap\` | 101,760 | 34,694 | 30,574 | 19,070 | 5,625 | 4,460 |
5332
+ | \`icon\` | 86,977 | 29,611 | 25,402 | 62,080 | 21,243 | 17,014 |
5333
+ | \`icon-button\` | 36,357 | 13,003 | 11,599 | 5,237 | 1,532 | 1,058 |
5334
+ | \`image\` | 26,373 | 9,843 | 8,745 | 3,846 | 1,154 | 928 |
5335
+ | \`input\` | 47,074 | 16,181 | 14,349 | 7,006 | 2,246 | 1,604 |
5336
+ | \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 781 |
5337
+ | \`legend\` | 39,951 | 14,499 | 12,909 | 2,765 | 903 | 646 |
5338
+ | \`lightbox\` | 57,138 | 19,382 | 17,224 | 16,760 | 4,653 | 3,566 |
5339
+ | \`line-chart\` | 102,350 | 35,821 | 31,678 | 16,812 | 5,059 | 4,141 |
5340
+ | \`list\` | 62,949 | 21,723 | 19,414 | 15,256 | 4,403 | 3,471 |
5341
+ | \`listbox\` | 78,803 | 26,158 | 23,128 | 15,603 | 4,580 | 3,559 |
5342
+ | \`loader\` | 27,341 | 10,451 | 9,311 | 2,786 | 924 | 607 |
5343
+ | \`log\` | 83,849 | 28,610 | 25,288 | 39,568 | 12,138 | 10,379 |
5344
+ | \`map\` | 105,893 | 32,229 | 27,794 | 45,482 | 11,936 | 9,464 |
5345
+ | \`megamenu\` | 61,165 | 22,175 | 19,595 | 8,724 | 2,419 | 1,694 |
5346
+ | \`menu\` | 98,535 | 32,954 | 29,041 | 30,262 | 7,977 | 6,441 |
5347
+ | \`meter\` | 32,921 | 12,482 | 11,191 | 4,982 | 1,468 | 1,122 |
5348
+ | \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 521 | 286 |
5349
+ | \`navigation\` | 33,886 | 12,735 | 11,318 | 3,365 | 1,136 | 776 |
5350
+ | \`notifications\` | 59,565 | 20,340 | 18,162 | 18,276 | 5,065 | 4,068 |
5351
+ | \`number-input\` | 57,654 | 19,365 | 17,263 | 13,581 | 3,621 | 2,821 |
5352
+ | \`object-inspector\` | 116,630 | 39,201 | 34,513 | 36,012 | 10,231 | 8,307 |
5353
+ | \`option\` | 27,049 | 9,970 | 8,855 | 4,523 | 1,207 | 916 |
5354
+ | \`outline\` | 34,611 | 12,986 | 11,538 | 7,888 | 2,538 | 1,842 |
5355
+ | \`pagination\` | 138,763 | 44,502 | 38,662 | 45,676 | 11,739 | 9,425 |
5356
+ | \`pin-input\` | 48,873 | 17,049 | 15,227 | 7,208 | 2,360 | 1,649 |
5357
+ | \`popover\` | 64,907 | 23,347 | 20,618 | 6,461 | 1,863 | 1,296 |
5358
+ | \`progress\` | 29,235 | 11,151 | 9,978 | 3,007 | 932 | 630 |
5359
+ | \`qr-code\` | 43,669 | 17,003 | 15,118 | 17,003 | 6,206 | 5,291 |
5360
+ | \`quote\` | 23,088 | 9,111 | 8,049 | 1,210 | 500 | 319 |
5361
+ | \`radio\` | 43,333 | 14,776 | 13,157 | 3,815 | 1,193 | 676 |
5362
+ | \`rating\` | 51,618 | 17,782 | 15,855 | 8,058 | 2,428 | 1,784 |
5363
+ | \`scatter-chart\` | 98,654 | 34,307 | 30,267 | 20,340 | 6,423 | 5,083 |
5364
+ | \`scroll-area\` | 31,294 | 11,433 | 10,150 | 8,518 | 2,598 | 2,035 |
5365
+ | \`select\` | 117,452 | 38,952 | 34,075 | 26,153 | 7,206 | 5,503 |
5366
+ | \`skeleton\` | 22,900 | 8,871 | 7,874 | 991 | 373 | 237 |
5367
+ | \`skip-link\` | 24,547 | 9,607 | 8,524 | 1,224 | 467 | 341 |
5368
+ | \`slider\` | 54,667 | 18,413 | 16,508 | 13,625 | 3,861 | 2,939 |
5369
+ | \`sparkline\` | 49,258 | 17,982 | 16,019 | 5,984 | 2,105 | 1,647 |
5370
+ | \`spatial-bar-chart\` | 105,190 | 37,126 | 32,679 | 19,854 | 6,531 | 5,259 |
5371
+ | \`spatial-heatmap\` | 117,114 | 39,971 | 35,071 | 31,741 | 9,469 | 7,850 |
5372
+ | \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,410 | 20,793 | 6,901 | 5,722 |
5373
+ | \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,750 | 19,087 | 6,291 | 5,041 |
5374
+ | \`spatial-surface-chart\` | 105,468 | 37,270 | 32,879 | 21,949 | 7,400 | 6,104 |
5375
+ | \`spatial-treemap\` | 106,586 | 37,909 | 33,335 | 21,370 | 7,296 | 5,930 |
5376
+ | \`speed-dial\` | 69,618 | 25,072 | 22,167 | 10,935 | 2,965 | 2,465 |
5377
+ | \`splitter\` | 45,096 | 15,644 | 13,996 | 14,504 | 3,868 | 3,111 |
5378
+ | \`stat\` | 26,285 | 10,056 | 8,960 | 2,323 | 769 | 545 |
5379
+ | \`steps\` | 54,951 | 19,121 | 17,060 | 13,805 | 3,913 | 3,106 |
5380
+ | \`switch\` | 40,121 | 13,836 | 12,331 | 1,679 | 602 | 238 |
5381
+ | \`table\` | 120,167 | 37,604 | 32,671 | 45,143 | 12,220 | 9,948 |
5382
+ | \`tabs\` | 47,105 | 16,204 | 14,432 | 10,491 | 2,858 | 2,253 |
5383
+ | \`tag\` | 43,623 | 15,997 | 14,292 | 8,451 | 2,528 | 1,764 |
5384
+ | \`terminal\` | 77,803 | 25,509 | 22,428 | 30,191 | 8,204 | 6,575 |
5385
+ | \`textarea\` | 44,998 | 15,366 | 13,732 | 5,490 | 1,587 | 1,129 |
5386
+ | \`time-input\` | 171,615 | 53,526 | 46,397 | 48,568 | 12,157 | 9,843 |
5387
+ | \`time-picker\` | 101,859 | 32,309 | 28,384 | 33,981 | 9,108 | 7,289 |
5388
+ | \`timeline\` | 32,429 | 12,281 | 11,016 | 4,087 | 1,189 | 879 |
5389
+ | \`toast\` | 52,298 | 18,492 | 16,491 | 12,165 | 3,496 | 2,758 |
5390
+ | \`toggle\` | 46,246 | 15,539 | 13,827 | 6,005 | 1,779 | 1,416 |
5391
+ | \`toolbar\` | 34,370 | 12,799 | 11,434 | 1,366 | 485 | 424 |
5392
+ | \`tooltip\` | 59,698 | 21,528 | 19,149 | 8,505 | 2,373 | 1,864 |
5393
+ | \`tour\` | 85,289 | 29,313 | 25,908 | 20,084 | 5,530 | 4,330 |
5394
+ | \`tree\` | 68,666 | 23,157 | 20,607 | 17,196 | 4,934 | 3,894 |
5395
+ | \`trend\` | 30,937 | 12,025 | 10,718 | 3,592 | 1,141 | 882 |
5396
+ | \`video\` | 143,892 | 45,089 | 39,289 | 66,785 | 16,907 | 13,886 |
5397
+ | \`video-playlist\` | 129,019 | 41,833 | 36,769 | 42,856 | 11,045 | 9,141 |
5398
+ | \`virtual-list\` | 65,115 | 22,097 | 19,712 | 23,394 | 7,160 | 5,867 |
5403
5399
 
5404
5400
  ### Styled tier
5405
5401
 
@@ -5407,121 +5403,121 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
5407
5403
 
5408
5404
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5409
5405
  |---|---|---|---|---|---|---|
5410
- | \`accordion\` | 36,104 | 12,945 | 11,479 | 8,795 | 2,459 | 1,970 |
5411
- | \`announcement\` | 42,276 | 14,775 | 13,189 | 9,297 | 2,452 | 1,991 |
5412
- | \`app-header\` | 38,326 | 13,449 | 11,956 | 11,046 | 2,971 | 2,342 |
5413
- | \`area-chart\` | 107,559 | 36,862 | 32,525 | 22,604 | 6,410 | 5,168 |
5414
- | \`aura\` | 59,567 | 20,253 | 17,955 | 31,768 | 9,480 | 8,141 |
5415
- | \`avatar\` | 34,890 | 12,911 | 11,544 | 6,988 | 1,985 | 1,570 |
5416
- | \`badge\` | 33,626 | 12,190 | 10,862 | 8,459 | 2,153 | 1,718 |
5417
- | \`bar-chart\` | 122,404 | 40,666 | 35,911 | 36,917 | 9,771 | 8,274 |
5418
- | \`blockquote\` | 26,905 | 10,186 | 9,025 | 4,613 | 1,414 | 1,295 |
5419
- | \`breadcrumbs\` | 44,358 | 15,534 | 13,885 | 14,305 | 3,659 | 3,071 |
5420
- | \`button\` | 42,754 | 14,406 | 12,866 | 11,618 | 2,936 | 2,237 |
5421
- | \`button-group\` | 31,709 | 11,295 | 10,031 | 8,406 | 2,184 | 1,658 |
5422
- | \`callout\` | 40,077 | 14,935 | 13,290 | 6,659 | 1,909 | 1,398 |
5423
- | \`canvas\` | 162,739 | 46,991 | 40,819 | 104,142 | 27,542 | 23,049 |
5424
- | \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,639 | 1,203 |
5425
- | \`carousel\` | 55,653 | 17,867 | 16,009 | 25,799 | 6,075 | 4,995 |
5426
- | \`chat\` | 97,070 | 29,947 | 26,556 | 42,960 | 10,717 | 8,851 |
5427
- | \`checkbox\` | 47,753 | 15,521 | 13,823 | 9,579 | 2,448 | 1,835 |
5428
- | \`checkbox-group\` | 55,713 | 17,591 | 15,651 | 15,536 | 3,984 | 3,060 |
5429
- | \`code\` | 21,726 | 8,560 | 7,579 | 976 | 380 | 289 |
5430
- | \`code-block\` | 131,305 | 39,640 | 34,931 | 63,796 | 14,820 | 12,365 |
5431
- | \`color-input\` | 186,240 | 52,090 | 45,500 | 98,237 | 20,681 | 17,219 |
5432
- | \`color-picker\` | 142,414 | 39,179 | 34,381 | 84,912 | 18,335 | 15,211 |
5433
- | \`combobox\` | 149,853 | 45,825 | 40,238 | 51,299 | 11,876 | 9,754 |
5434
- | \`command\` | 113,202 | 34,674 | 30,509 | 41,638 | 10,422 | 8,685 |
5435
- | \`copy-button\` | 96,308 | 30,632 | 27,163 | 32,793 | 7,505 | 6,048 |
5436
- | \`data-table\` | 233,423 | 67,795 | 58,084 | 120,610 | 29,575 | 23,872 |
5437
- | \`date-input\` | 164,378 | 48,943 | 42,956 | 59,944 | 13,137 | 10,872 |
5438
- | \`date-picker\` | 71,139 | 22,978 | 20,618 | 28,748 | 7,098 | 5,804 |
5439
- | \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,236 | 1,006 |
5440
- | \`device-screen\` | 90,636 | 26,927 | 23,771 | 48,154 | 11,727 | 9,555 |
5441
- | \`dialog\` | 44,336 | 15,226 | 13,593 | 11,066 | 3,036 | 2,499 |
5442
- | \`divider\` | 25,863 | 9,771 | 8,637 | 3,698 | 1,118 | 813 |
5443
- | \`donut-chart\` | 102,652 | 34,410 | 30,390 | 24,675 | 6,732 | 5,538 |
5444
- | \`drawer\` | 49,667 | 16,870 | 15,041 | 13,613 | 3,722 | 3,113 |
5445
- | \`drilldown\` | 49,229 | 16,548 | 14,759 | 15,373 | 3,998 | 3,167 |
5446
- | \`empty\` | 26,316 | 10,056 | 8,916 | 3,267 | 1,083 | 821 |
5447
- | \`file-input\` | 70,673 | 22,944 | 20,392 | 24,666 | 6,595 | 5,393 |
5448
- | \`filter-input\` | 110,437 | 35,687 | 31,636 | 32,398 | 8,308 | 6,898 |
5449
- | \`flex\` | 26,312 | 9,424 | 8,374 | 4,762 | 1,028 | 865 |
5450
- | \`format-date\` | 31,463 | 11,789 | 10,526 | 4,713 | 1,367 | 1,084 |
5451
- | \`graph\` | 122,406 | 34,902 | 30,540 | 53,465 | 12,042 | 9,901 |
5452
- | \`grid\` | 27,762 | 10,137 | 8,999 | 5,654 | 1,450 | 1,212 |
5453
- | \`heatmap\` | 110,082 | 36,553 | 32,301 | 27,372 | 7,466 | 6,107 |
5454
- | \`icon\` | 87,791 | 29,831 | 25,692 | 62,714 | 21,386 | 17,128 |
5455
- | \`icon-button\` | 46,117 | 14,590 | 13,016 | 14,983 | 3,150 | 2,506 |
5456
- | \`image\` | 27,760 | 10,306 | 9,130 | 5,217 | 1,619 | 1,197 |
5457
- | \`input\` | 51,329 | 17,270 | 15,279 | 11,244 | 3,366 | 2,517 |
5458
- | \`kbd\` | 30,078 | 11,326 | 10,031 | 5,492 | 1,637 | 1,349 |
5459
- | \`legend\` | 45,189 | 15,799 | 14,045 | 7,875 | 2,164 | 1,576 |
5460
- | \`lightbox\` | 63,432 | 20,711 | 18,414 | 23,035 | 5,990 | 4,729 |
5461
- | \`line-chart\` | 113,713 | 38,273 | 33,805 | 28,161 | 7,533 | 6,342 |
5462
- | \`list\` | 69,295 | 23,265 | 20,760 | 21,583 | 5,913 | 4,687 |
5463
- | \`listbox\` | 83,244 | 27,267 | 24,107 | 20,032 | 5,713 | 4,408 |
5464
- | \`loader\` | 30,222 | 11,214 | 10,001 | 5,653 | 1,688 | 1,394 |
5465
- | \`log\` | 93,680 | 30,211 | 26,742 | 49,604 | 13,933 | 11,873 |
5466
- | \`map\` | 148,315 | 38,740 | 33,474 | 87,896 | 18,603 | 15,100 |
5467
- | \`megamenu\` | 66,134 | 23,304 | 20,655 | 13,674 | 3,606 | 2,695 |
5468
- | \`menu\` | 109,460 | 35,102 | 30,942 | 41,175 | 10,021 | 8,345 |
5469
- | \`meter\` | 39,093 | 13,827 | 12,382 | 11,138 | 2,794 | 2,310 |
5470
- | \`motion-toggle\` | 27,988 | 10,727 | 9,538 | 3,044 | 980 | 666 |
5471
- | \`navigation\` | 37,610 | 13,569 | 12,056 | 7,076 | 1,990 | 1,541 |
5472
- | \`notifications\` | 73,053 | 22,900 | 20,467 | 31,758 | 7,652 | 6,392 |
5473
- | \`number-input\` | 62,635 | 20,553 | 18,314 | 18,546 | 4,830 | 3,822 |
5474
- | \`object-inspector\` | 135,066 | 42,227 | 37,089 | 54,433 | 13,310 | 11,065 |
5475
- | \`option\` | 30,122 | 10,932 | 9,746 | 7,587 | 2,143 | 1,690 |
5476
- | \`orb\` | 36,885 | 14,019 | 12,510 | 10,017 | 3,702 | 3,082 |
5477
- | \`outline\` | 38,845 | 13,848 | 12,315 | 12,105 | 3,430 | 2,733 |
5478
- | \`pagination\` | 155,640 | 47,772 | 41,531 | 62,533 | 15,140 | 12,424 |
5479
- | \`pin-input\` | 52,253 | 17,960 | 16,011 | 10,571 | 3,258 | 2,496 |
5480
- | \`popover\` | 68,059 | 24,109 | 21,297 | 9,595 | 2,651 | 2,081 |
5481
- | \`progress\` | 36,415 | 12,814 | 11,448 | 10,170 | 2,587 | 2,079 |
5482
- | \`qr-code\` | 45,270 | 17,490 | 15,587 | 18,587 | 6,667 | 5,711 |
5483
- | \`quote\` | 23,646 | 9,303 | 8,220 | 1,751 | 683 | 504 |
5484
- | \`radio\` | 51,120 | 16,284 | 14,536 | 11,591 | 2,731 | 2,030 |
5485
- | \`rating\` | 55,552 | 19,008 | 16,955 | 11,974 | 3,663 | 2,757 |
5486
- | \`sandbox\` | 108,243 | 32,979 | 28,884 | 74,723 | 20,393 | 16,965 |
5487
- | \`scatter-chart\` | 108,028 | 36,470 | 32,164 | 29,695 | 8,478 | 7,089 |
5488
- | \`scroll-area\` | 36,301 | 12,384 | 11,008 | 13,508 | 3,556 | 2,837 |
5489
- | \`select\` | 126,579 | 40,861 | 35,812 | 35,265 | 9,013 | 7,195 |
5490
- | \`skeleton\` | 26,848 | 9,947 | 8,859 | 4,755 | 1,385 | 1,018 |
5491
- | \`skip-link\` | 26,118 | 10,114 | 8,949 | 2,779 | 956 | 685 |
5492
- | \`slider\` | 69,630 | 20,733 | 18,564 | 28,574 | 6,237 | 5,008 |
5493
- | \`sparkline\` | 54,716 | 19,330 | 17,253 | 11,424 | 3,445 | 2,794 |
5494
- | \`spatial-bar-chart\` | 114,257 | 39,176 | 34,463 | 28,899 | 8,472 | 7,099 |
5495
- | \`spatial-heatmap\` | 126,853 | 42,151 | 37,104 | 41,460 | 11,643 | 9,736 |
5496
- | \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,149 | 29,691 | 8,828 | 7,390 |
5497
- | \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,454 | 28,039 | 8,157 | 6,759 |
5498
- | \`spatial-surface-chart\` | 113,903 | 39,173 | 34,511 | 30,366 | 9,233 | 7,726 |
5499
- | \`spatial-treemap\` | 115,605 | 39,965 | 35,169 | 30,369 | 9,264 | 7,701 |
5500
- | \`speed-dial\` | 76,667 | 26,447 | 23,475 | 17,968 | 4,391 | 3,635 |
5501
- | \`splitter\` | 51,146 | 16,692 | 14,930 | 20,540 | 4,915 | 3,922 |
5502
- | \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,270 |
5503
- | \`steps\` | 69,031 | 21,902 | 19,489 | 27,874 | 6,798 | 5,479 |
5504
- | \`strands\` | 63,680 | 23,696 | 20,886 | 38,176 | 13,673 | 11,898 |
5505
- | \`switch\` | 44,474 | 14,983 | 13,341 | 6,021 | 1,729 | 1,224 |
5506
- | \`table\` | 137,707 | 40,662 | 35,391 | 62,686 | 15,364 | 12,685 |
5507
- | \`tabs\` | 56,056 | 18,048 | 16,038 | 19,435 | 4,747 | 3,909 |
5508
- | \`tag\` | 48,197 | 17,125 | 15,355 | 13,012 | 3,641 | 2,760 |
5509
- | \`terminal\` | 100,782 | 28,311 | 25,038 | 53,163 | 11,066 | 9,094 |
5510
- | \`text\` | 29,286 | 10,210 | 9,025 | 7,183 | 1,496 | 1,134 |
5511
- | \`textarea\` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,047 |
5512
- | \`time-input\` | 195,870 | 57,691 | 50,101 | 72,808 | 16,504 | 13,479 |
5513
- | \`time-picker\` | 114,058 | 34,722 | 30,500 | 46,174 | 11,387 | 9,386 |
5514
- | \`timeline\` | 39,321 | 13,743 | 12,317 | 10,975 | 2,717 | 2,170 |
5515
- | \`toast\` | 60,192 | 20,339 | 18,205 | 20,047 | 5,400 | 4,420 |
5516
- | \`toggle\` | 51,106 | 16,788 | 14,955 | 10,853 | 3,067 | 2,369 |
5517
- | \`toolbar\` | 37,051 | 13,295 | 11,879 | 4,030 | 967 | 757 |
5518
- | \`tooltip\` | 62,502 | 22,263 | 19,747 | 11,291 | 3,109 | 2,511 |
5519
- | \`tour\` | 95,381 | 31,305 | 27,665 | 30,157 | 7,586 | 6,130 |
5520
- | \`tree\` | 77,354 | 25,064 | 22,381 | 25,869 | 6,898 | 5,567 |
5521
- | \`trend\` | 32,854 | 12,576 | 11,199 | 5,489 | 1,663 | 1,238 |
5522
- | \`video\` | 164,395 | 48,823 | 42,504 | 87,276 | 20,635 | 17,030 |
5523
- | \`video-playlist\` | 144,967 | 44,810 | 39,393 | 58,785 | 14,038 | 11,792 |
5524
- | \`virtual-list\` | 67,109 | 22,602 | 20,085 | 25,371 | 7,642 | 6,314 |
5406
+ | \`accordion\` | 36,104 | 12,945 | 11,480 | 8,795 | 2,459 | 1,939 |
5407
+ | \`announcement\` | 42,276 | 14,775 | 13,188 | 9,297 | 2,452 | 1,950 |
5408
+ | \`app-header\` | 38,326 | 13,449 | 11,991 | 11,046 | 2,971 | 2,406 |
5409
+ | \`area-chart\` | 107,559 | 36,863 | 32,496 | 22,604 | 6,410 | 5,185 |
5410
+ | \`aura\` | 59,567 | 20,255 | 17,917 | 31,768 | 9,480 | 8,128 |
5411
+ | \`avatar\` | 34,890 | 12,911 | 11,563 | 6,988 | 1,985 | 1,528 |
5412
+ | \`badge\` | 33,626 | 12,190 | 10,866 | 8,459 | 2,153 | 1,824 |
5413
+ | \`bar-chart\` | 122,404 | 40,666 | 35,875 | 36,917 | 9,771 | 8,222 |
5414
+ | \`blockquote\` | 26,905 | 10,186 | 8,993 | 4,613 | 1,414 | 1,128 |
5415
+ | \`breadcrumbs\` | 44,358 | 15,535 | 13,880 | 14,305 | 3,659 | 2,947 |
5416
+ | \`button\` | 42,754 | 14,406 | 12,865 | 11,618 | 2,936 | 2,321 |
5417
+ | \`button-group\` | 31,709 | 11,295 | 10,048 | 8,406 | 2,184 | 1,588 |
5418
+ | \`callout\` | 40,077 | 14,936 | 13,276 | 6,659 | 1,909 | 1,430 |
5419
+ | \`canvas\` | 162,739 | 46,991 | 40,796 | 104,142 | 27,542 | 22,866 |
5420
+ | \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,639 | 1,361 |
5421
+ | \`carousel\` | 55,653 | 17,867 | 15,983 | 25,799 | 6,075 | 4,953 |
5422
+ | \`chat\` | 97,783 | 30,169 | 26,681 | 43,673 | 10,906 | 9,034 |
5423
+ | \`checkbox\` | 47,753 | 15,521 | 13,839 | 9,579 | 2,448 | 1,834 |
5424
+ | \`checkbox-group\` | 55,713 | 17,591 | 15,649 | 15,536 | 3,984 | 3,047 |
5425
+ | \`code\` | 21,726 | 8,560 | 7,582 | 976 | 380 | 231 |
5426
+ | \`code-block\` | 131,305 | 39,640 | 34,978 | 63,796 | 14,820 | 12,308 |
5427
+ | \`color-input\` | 186,240 | 52,090 | 45,568 | 98,237 | 20,681 | 17,305 |
5428
+ | \`color-picker\` | 142,414 | 39,181 | 34,391 | 84,912 | 18,337 | 15,354 |
5429
+ | \`combobox\` | 149,853 | 45,826 | 40,241 | 51,299 | 11,876 | 9,797 |
5430
+ | \`command\` | 113,202 | 34,672 | 30,457 | 41,638 | 10,422 | 8,630 |
5431
+ | \`copy-button\` | 96,308 | 30,630 | 27,085 | 32,793 | 7,505 | 6,077 |
5432
+ | \`data-table\` | 233,423 | 67,795 | 58,077 | 120,610 | 29,575 | 23,854 |
5433
+ | \`date-input\` | 164,378 | 48,943 | 43,000 | 59,944 | 13,137 | 10,928 |
5434
+ | \`date-picker\` | 71,139 | 22,978 | 20,601 | 28,748 | 7,096 | 5,676 |
5435
+ | \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,236 | 1,059 |
5436
+ | \`device-screen\` | 90,636 | 26,928 | 23,741 | 48,154 | 11,727 | 9,543 |
5437
+ | \`dialog\` | 44,336 | 15,227 | 13,573 | 11,066 | 3,036 | 2,506 |
5438
+ | \`divider\` | 25,863 | 9,771 | 8,638 | 3,698 | 1,118 | 822 |
5439
+ | \`donut-chart\` | 102,652 | 34,410 | 30,373 | 24,675 | 6,732 | 5,568 |
5440
+ | \`drawer\` | 49,667 | 16,870 | 15,043 | 13,613 | 3,722 | 3,012 |
5441
+ | \`drilldown\` | 49,229 | 16,548 | 14,777 | 15,373 | 3,998 | 3,173 |
5442
+ | \`empty\` | 26,316 | 10,056 | 8,907 | 3,267 | 1,083 | 785 |
5443
+ | \`file-input\` | 70,673 | 22,945 | 20,371 | 24,666 | 6,595 | 5,357 |
5444
+ | \`filter-input\` | 110,437 | 35,687 | 31,612 | 32,398 | 8,308 | 6,776 |
5445
+ | \`flex\` | 26,312 | 9,424 | 8,372 | 4,762 | 1,028 | 790 |
5446
+ | \`format-date\` | 31,463 | 11,789 | 10,531 | 4,713 | 1,367 | 1,022 |
5447
+ | \`graph\` | 122,406 | 34,903 | 30,528 | 53,465 | 12,042 | 9,921 |
5448
+ | \`grid\` | 27,762 | 10,137 | 8,999 | 5,654 | 1,450 | 1,335 |
5449
+ | \`heatmap\` | 110,082 | 36,553 | 32,215 | 27,372 | 7,466 | 5,956 |
5450
+ | \`icon\` | 89,012 | 30,217 | 25,981 | 63,935 | 21,795 | 17,455 |
5451
+ | \`icon-button\` | 46,117 | 14,590 | 13,016 | 14,983 | 3,150 | 2,510 |
5452
+ | \`image\` | 27,760 | 10,305 | 9,131 | 5,217 | 1,619 | 1,226 |
5453
+ | \`input\` | 51,329 | 17,270 | 15,293 | 11,244 | 3,366 | 2,647 |
5454
+ | \`kbd\` | 30,078 | 11,326 | 10,031 | 5,492 | 1,637 | 1,299 |
5455
+ | \`legend\` | 45,189 | 15,799 | 14,047 | 7,875 | 2,164 | 1,619 |
5456
+ | \`lightbox\` | 63,432 | 20,710 | 18,444 | 23,035 | 5,989 | 4,689 |
5457
+ | \`line-chart\` | 113,713 | 38,274 | 33,853 | 28,161 | 7,533 | 6,265 |
5458
+ | \`list\` | 69,295 | 23,265 | 20,783 | 21,583 | 5,913 | 4,735 |
5459
+ | \`listbox\` | 83,244 | 27,268 | 24,095 | 20,032 | 5,713 | 4,413 |
5460
+ | \`loader\` | 30,222 | 11,214 | 10,002 | 5,653 | 1,688 | 1,312 |
5461
+ | \`log\` | 96,367 | 30,951 | 27,495 | 52,078 | 14,632 | 12,495 |
5462
+ | \`map\` | 148,315 | 38,737 | 33,401 | 87,896 | 18,603 | 15,251 |
5463
+ | \`megamenu\` | 66,134 | 23,304 | 20,686 | 13,674 | 3,606 | 2,777 |
5464
+ | \`menu\` | 109,460 | 35,102 | 30,940 | 41,175 | 10,021 | 8,429 |
5465
+ | \`meter\` | 39,093 | 13,827 | 12,338 | 11,138 | 2,794 | 2,373 |
5466
+ | \`motion-toggle\` | 27,988 | 10,727 | 9,515 | 3,044 | 980 | 770 |
5467
+ | \`navigation\` | 37,610 | 13,569 | 12,053 | 7,076 | 1,990 | 1,656 |
5468
+ | \`notifications\` | 73,053 | 22,901 | 20,446 | 31,758 | 7,652 | 6,493 |
5469
+ | \`number-input\` | 62,635 | 20,555 | 18,278 | 18,546 | 4,830 | 3,816 |
5470
+ | \`object-inspector\` | 135,066 | 42,226 | 37,155 | 54,433 | 13,310 | 10,975 |
5471
+ | \`option\` | 30,122 | 10,932 | 9,722 | 7,587 | 2,143 | 1,777 |
5472
+ | \`orb\` | 36,885 | 14,019 | 12,486 | 10,017 | 3,702 | 3,092 |
5473
+ | \`outline\` | 38,845 | 13,848 | 12,314 | 12,105 | 3,430 | 2,651 |
5474
+ | \`pagination\` | 155,640 | 47,772 | 41,571 | 62,533 | 15,140 | 12,321 |
5475
+ | \`pin-input\` | 52,253 | 17,960 | 16,014 | 10,571 | 3,257 | 2,452 |
5476
+ | \`popover\` | 68,059 | 24,109 | 21,316 | 9,595 | 2,651 | 2,011 |
5477
+ | \`progress\` | 36,415 | 12,814 | 11,449 | 10,170 | 2,587 | 2,150 |
5478
+ | \`qr-code\` | 45,270 | 17,490 | 15,562 | 18,587 | 6,667 | 5,672 |
5479
+ | \`quote\` | 23,646 | 9,303 | 8,220 | 1,751 | 683 | 491 |
5480
+ | \`radio\` | 51,120 | 16,284 | 14,506 | 11,591 | 2,731 | 2,113 |
5481
+ | \`rating\` | 55,552 | 19,008 | 16,957 | 11,974 | 3,663 | 2,759 |
5482
+ | \`sandbox\` | 194,969 | 57,082 | 48,925 | 138,931 | 37,542 | 30,950 |
5483
+ | \`scatter-chart\` | 108,028 | 36,470 | 32,172 | 29,695 | 8,477 | 6,920 |
5484
+ | \`scroll-area\` | 36,301 | 12,383 | 11,025 | 13,508 | 3,556 | 2,911 |
5485
+ | \`select\` | 126,579 | 40,861 | 35,765 | 35,265 | 9,013 | 7,106 |
5486
+ | \`skeleton\` | 26,848 | 9,947 | 8,861 | 4,755 | 1,385 | 1,104 |
5487
+ | \`skip-link\` | 26,118 | 10,114 | 8,949 | 2,779 | 956 | 859 |
5488
+ | \`slider\` | 69,630 | 20,732 | 18,544 | 28,574 | 6,237 | 5,013 |
5489
+ | \`sparkline\` | 54,716 | 19,330 | 17,253 | 11,424 | 3,445 | 2,892 |
5490
+ | \`spatial-bar-chart\` | 114,257 | 39,176 | 34,505 | 28,899 | 8,472 | 7,000 |
5491
+ | \`spatial-heatmap\` | 126,853 | 42,152 | 37,104 | 41,460 | 11,643 | 9,695 |
5492
+ | \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,172 | 29,691 | 8,828 | 7,337 |
5493
+ | \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,420 | 28,039 | 8,157 | 6,719 |
5494
+ | \`spatial-surface-chart\` | 113,903 | 39,173 | 34,480 | 30,366 | 9,233 | 7,851 |
5495
+ | \`spatial-treemap\` | 115,605 | 39,965 | 35,085 | 30,369 | 9,264 | 7,764 |
5496
+ | \`speed-dial\` | 76,667 | 26,447 | 23,449 | 17,968 | 4,391 | 3,500 |
5497
+ | \`splitter\` | 51,146 | 16,692 | 14,931 | 20,540 | 4,915 | 3,978 |
5498
+ | \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,132 |
5499
+ | \`steps\` | 69,031 | 21,903 | 19,522 | 27,874 | 6,798 | 5,711 |
5500
+ | \`strands\` | 63,680 | 23,697 | 20,893 | 38,176 | 13,672 | 11,917 |
5501
+ | \`switch\` | 44,474 | 14,983 | 13,336 | 6,021 | 1,729 | 1,263 |
5502
+ | \`table\` | 137,707 | 40,662 | 35,424 | 62,686 | 15,364 | 12,746 |
5503
+ | \`tabs\` | 56,056 | 18,048 | 16,033 | 19,435 | 4,747 | 3,869 |
5504
+ | \`tag\` | 48,197 | 17,125 | 15,309 | 13,012 | 3,641 | 2,802 |
5505
+ | \`terminal\` | 104,821 | 29,346 | 25,831 | 57,202 | 12,088 | 9,814 |
5506
+ | \`text\` | 29,286 | 10,210 | 9,003 | 7,183 | 1,496 | 1,132 |
5507
+ | \`textarea\` | 48,930 | 16,379 | 14,610 | 9,404 | 2,640 | 2,035 |
5508
+ | \`time-input\` | 195,870 | 57,694 | 50,227 | 72,808 | 16,504 | 13,579 |
5509
+ | \`time-picker\` | 114,058 | 34,725 | 30,535 | 46,174 | 11,387 | 9,381 |
5510
+ | \`timeline\` | 39,321 | 13,742 | 12,304 | 10,975 | 2,717 | 2,274 |
5511
+ | \`toast\` | 60,192 | 20,340 | 18,150 | 20,047 | 5,400 | 4,377 |
5512
+ | \`toggle\` | 51,106 | 16,788 | 14,913 | 10,853 | 3,067 | 2,384 |
5513
+ | \`toolbar\` | 37,051 | 13,295 | 11,860 | 4,030 | 967 | 783 |
5514
+ | \`tooltip\` | 62,502 | 22,263 | 19,754 | 11,291 | 3,109 | 2,386 |
5515
+ | \`tour\` | 95,381 | 31,305 | 27,689 | 30,157 | 7,585 | 6,042 |
5516
+ | \`tree\` | 77,354 | 25,064 | 22,316 | 25,869 | 6,898 | 5,681 |
5517
+ | \`trend\` | 32,854 | 12,576 | 11,230 | 5,489 | 1,663 | 1,343 |
5518
+ | \`video\` | 164,395 | 48,823 | 42,531 | 87,276 | 20,636 | 17,061 |
5519
+ | \`video-playlist\` | 144,967 | 44,810 | 39,332 | 58,785 | 14,038 | 11,791 |
5520
+ | \`virtual-list\` | 67,109 | 22,602 | 20,085 | 25,371 | 7,642 | 6,296 |
5525
5521
 
5526
5522
  ## What an install adds to \`node_modules\`
5527
5523
 
@@ -5534,12 +5530,12 @@ without its whitespace, and the sizes count each one that way.
5534
5530
 
5535
5531
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
5536
5532
  |---|---|---|---|---|
5537
- | \`@fusion.dev/helix-core\` | 2,281,876 | 619 | 825,625 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
5538
- | \`@fusion.dev/helix-headless\` | 24,503,860 | 786 | 2,594,639 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
5539
- | \`@fusion.dev/helix-icons\` | 157,908 | 21 | 51,516 | \`svgo\` |
5540
- | \`@fusion.dev/helix-styles\` | 122,454 | 6 | 0 | none |
5533
+ | \`@fusion.dev/helix-core\` | 2,281,874 | 619 | 825,625 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
5534
+ | \`@fusion.dev/helix-headless\` | 24,573,516 | 786 | 2,603,737 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
5535
+ | \`@fusion.dev/helix-icons\` | 160,828 | 21 | 52,435 | \`svgo\` |
5536
+ | \`@fusion.dev/helix-styles\` | 122,452 | 6 | 0 | none |
5541
5537
  | \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
5542
- | \`@fusion.dev/helix\` | 25,124,813 | 1,035 | 572,433 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5538
+ | \`@fusion.dev/helix\` | 25,200,467 | 1,033 | 572,612 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5543
5539
 
5544
5540
  ## Not measured yet
5545
5541
 
@@ -7043,7 +7039,7 @@ Each request has a notification once it is applied: \`helix-edit\` after
7043
7039
  \`helix-panel-resize\` after \`helix-before-panel-resize\`. Listen for these to
7044
7040
  store the arrangement or the source.
7045
7041
 
7046
- Set \`controls\` on \`helix-sandbox-terminal\` for a clear button and a level
7042
+ Set \`controls\` on \`helix-sandbox-console\` for a clear button and a level
7047
7043
  filter above the log. Without them, \`clear()\` empties the log, and \`level\`
7048
7044
  hides the quieter lines.
7049
7045
 
@@ -7136,6 +7132,10 @@ Logs from the example appear in the console panel. Logs from the page around it
7136
7132
  do not. We patch the console inside the frame on purpose, so the panel shows
7137
7133
  what the example logs and nothing else.
7138
7134
 
7135
+ The panel is a Log. It keeps the last 200 lines, and a line logged again
7136
+ straight after itself is one line with a count. A screen reader hears each new
7137
+ line with its level, and a repeat once.
7138
+
7139
7139
  ## The editor and the highlighter
7140
7140
 
7141
7141
  \`@fusion.dev/helix-sandbox\` is the editor the component pages use, and the
@@ -8692,7 +8692,13 @@ Links a program writes as hyperlinks always work. Pass \`WebLinksAddon\` to
8692
8692
  - Control+Shift+F, or Command+F on a Mac, opens the find bar. Enter moves to
8693
8693
  the next match and Shift+Enter to the previous one. Escape closes the bar and
8694
8694
  returns focus to the terminal. Screen readers hear how many matches there are.
8695
+ - The find bar's buttons match case, match whole words, and read the field as
8696
+ a regular expression in JavaScript's syntax. Each says whether it is on. A
8697
+ regular expression that cannot be read is said instead of a count. Set
8698
+ \`find-match-case\`, \`find-whole-word\`, or \`find-regex\` to start with one on.
8695
8699
  - Control+Shift+C copies the selection. On a Mac, Command+C does.
8700
+ - Control+Shift+V pastes, as it does in the browser, and the program receives
8701
+ the text as a paste. On a Mac, Command+V does.
8696
8702
  - Control+M, or Control+Shift+M on a Mac, switches Tab between typing in the
8697
8703
  terminal and moving focus out of it. The status line says when Tab moves
8698
8704
  focus, and screen readers hear each change. The terminal's input describes