@fusion.dev/helix-docs 0.212.2 → 0.214.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/content/metrics.mdx +251 -251
  2. package/content/sandbox.mdx +5 -1
  3. package/content/terminals.mdx +6 -0
  4. package/dist/sources.generated.js +262 -252
  5. package/package.json +12 -12
package/dist/sources.generated.js CHANGED
@@ -5123,7 +5123,7 @@ on its own.
5123
5123
 
5124
5124
  | | Raw | Gzip | Brotli |
5125
5125
  |---|---|---|---|
5126
- | Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,277 |
5126
+ | Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,296 |
5127
5127
 
5128
5128
  ## Whole packages
5129
5129
 
@@ -5134,12 +5134,12 @@ either barrel. The per-component tables show what your page pays.
5134
5134
 
5135
5135
  | Package | Raw | Gzip | Brotli | |
5136
5136
  |---|---|---|---|---|
5137
- | \`@fusion.dev/helix-core\` | 275,598 | 88,369 | 75,002 | The element base class, mixins, decorators, and floating positioning. |
5138
- | \`@fusion.dev/helix-headless\` | 1,509,420 | 421,564 | 315,958 | Every headless family. The barrel entry includes all of them. |
5139
- | \`@fusion.dev/helix-icons\` | 58,418 | 18,558 | 15,789 | The whole glyph set. |
5137
+ | \`@fusion.dev/helix-core\` | 275,598 | 88,369 | 74,855 | The element base class, mixins, decorators, and floating positioning. |
5138
+ | \`@fusion.dev/helix-headless\` | 1,515,371 | 423,163 | 316,938 | 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. |
5140
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. |
5141
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. |
5142
- | \`@fusion.dev/helix\` | 2,246,747 | 580,059 | 413,379 | Every styled family. |
5142
+ | \`@fusion.dev/helix\` | 2,254,113 | 582,427 | 414,948 | Every styled family. |
5143
5143
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
5144
5144
 
5145
5145
  ## Stylesheets
@@ -5153,18 +5153,18 @@ shows the whole cost of using the base layer on its own.
5153
5153
  | File | Raw | Gzip | Brotli | |
5154
5154
  |---|---|---|---|---|
5155
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. |
5156
- | \`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\`. |
5157
5157
  | \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
5158
5158
  | \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
5159
5159
  | \`tokens.css\` | 23,030 | 2,795 | 2,319 | The 200 semantic tokens. Every styled component needs them. |
5160
5160
 
5161
5161
  ## What the numbers say
5162
5162
 
5163
- **Most of your first component is the shared runtime.** The median styled family is 20,252 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,254 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.
5164
5164
 
5165
- Across the 115 styled components, the smallest is \`code\` at 8,558 bytes gzipped alone, and the largest is \`data-table\` at 67,797. Every family together is 580,059.
5165
+ Across the 115 styled components, the smallest is \`code\` at 8,561 bytes gzipped alone, and the largest is \`data-table\` at 67,795. Every family together is 582,427.
5166
5166
 
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 421,564 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.
5168
5168
 
5169
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.
5170
5170
 
@@ -5178,43 +5178,43 @@ The table has no whole-library row. That row would compare how many components e
5178
5178
 
5179
5179
  | Component | System | Raw | Gzip | Brotli |
5180
5180
  |---|---|---|---|---|
5181
- | \`button\` | **Helix** | 42,754 | 14,404 | 12,859 |
5181
+ | \`button\` | **Helix** | 42,754 | 14,406 | 12,865 |
5182
5182
  | | Carbon | 133,058 | 20,959 | 17,685 |
5183
5183
  | | Material Web | 47,060 | 14,173 | 12,591 |
5184
5184
  | | Spectrum | 98,792 | 22,045 | 18,674 |
5185
5185
  | | Web Awesome | 136,044 | 33,730 | 28,760 |
5186
- | \`checkbox\` | **Helix** | 47,753 | 15,519 | 13,814 |
5186
+ | \`checkbox\` | **Helix** | 47,753 | 15,521 | 13,829 |
5187
5187
  | | Carbon | 60,255 | 15,609 | 13,550 |
5188
5188
  | | Material Web | 43,785 | 13,556 | 12,015 |
5189
5189
  | | Spectrum | 62,492 | 15,437 | 13,481 |
5190
5190
  | | Web Awesome | 115,251 | 28,728 | 24,420 |
5191
- | \`dialog\` | **Helix** | 44,336 | 15,225 | 13,611 |
5191
+ | \`dialog\` | **Helix** | 44,336 | 15,226 | 13,573 |
5192
5192
  | | Carbon | 510,866 | 67,390 | 39,189 |
5193
5193
  | | Material Web | 34,238 | 11,510 | 10,229 |
5194
5194
  | | Spectrum | 155,708 | 31,899 | 26,262 |
5195
5195
  | | Web Awesome | 148,657 | 36,692 | 31,388 |
5196
- | \`radio\` | **Helix** | 51,120 | 16,282 | 14,483 |
5196
+ | \`radio\` | **Helix** | 51,120 | 16,284 | 14,479 |
5197
5197
  | | Carbon | 63,055 | 16,887 | 14,605 |
5198
5198
  | | Material Web | 41,044 | 13,234 | 11,757 |
5199
5199
  | | Spectrum | 38,685 | 10,660 | 9,370 |
5200
5200
  | | Web Awesome | 112,026 | 27,416 | 23,128 |
5201
- | \`switch\` | **Helix** | 44,474 | 14,981 | 13,319 |
5201
+ | \`switch\` | **Helix** | 44,474 | 14,984 | 13,337 |
5202
5202
  | | Carbon | 69,423 | 17,127 | 14,764 |
5203
5203
  | | Material Web | 50,155 | 14,577 | 12,935 |
5204
5204
  | | Spectrum | 62,322 | 15,059 | 13,321 |
5205
5205
  | | Web Awesome | 45,876 | 15,003 | 13,475 |
5206
- | \`tabs\` | **Helix** | 56,056 | 18,047 | 16,055 |
5206
+ | \`tabs\` | **Helix** | 56,056 | 18,048 | 16,047 |
5207
5207
  | | Carbon | 578,766 | 73,537 | 43,235 |
5208
5208
  | | Material Web | 38,883 | 12,820 | 11,368 |
5209
5209
  | | Spectrum | 64,875 | 18,298 | 16,283 |
5210
5210
  | | Web Awesome | 153,439 | 37,030 | 31,737 |
5211
- | \`tooltip\` | **Helix** | 62,502 | 22,261 | 19,743 |
5211
+ | \`tooltip\` | **Helix** | 62,502 | 22,262 | 19,731 |
5212
5212
  | | Carbon | 189,382 | 30,354 | 22,273 |
5213
5213
  | | Material Web | | not shipped | |
5214
5214
  | | Spectrum | 136,599 | 40,552 | 35,286 |
5215
5215
  | | Web Awesome | 70,568 | 24,005 | 21,107 |
5216
5216
 
5217
- At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,622 bytes gzipped. 8 of 27 peer measurements are smaller than the Helix row.
5217
+ At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,624 bytes gzipped. 8 of 27 peer measurements are smaller than the Helix row.
5218
5218
 
5219
5219
  Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
5220
5220
 
@@ -5227,25 +5227,25 @@ Every specifier we measured is in [\`peers.json\`](https://github.com/project-fu
5227
5227
 
5228
5228
  ## What each system ships
5229
5229
 
5230
- Every system in the size comparison ships buttons, form controls, menus, and dialogs. This table lists jobs beyond those, and the element each system ships for each job. Each name comes from the manifest the system publishes, read by \`turbo run peers\` on October 9, 2026. The Helix column reads \`@fusion.dev/helix\` on every run.
5230
+ Every system in the size comparison ships buttons, form controls, menus, and dialogs. This table lists jobs beyond those, and the elements each system ships for each job. Each name comes from the manifest the system publishes, read by \`turbo run peers\` on October 9, 2026. The Helix column reads \`@fusion.dev/helix\` on every run.
5231
5231
 
5232
5232
  A system covers a job when its manifest defines an element with one of a fixed list of names, after its prefix. The list is the same for every system, and it is in \`build-metrics.mjs\`. An empty cell means no element has one of those names. A system can still do the job with a pattern, a separate library, or an element under another name.
5233
5233
 
5234
5234
  | Job | **Helix** | Carbon | Material Web | Spectrum | Web Awesome |
5235
5235
  |---|---|---|---|---|---|
5236
- | Charts | \`helix-area-chart\` | | | | |
5237
- | 3D charts | \`helix-spatial-bar-chart\` (experimental) | | | | |
5238
- | Data table | \`helix-data-table\` | \`cds-table\` | | \`sp-table\` | |
5236
+ | Charts | \`helix-area-chart\`<br />\`helix-bar-chart\`<br />\`helix-donut-chart\`<br />\`helix-heatmap\`<br />\`helix-line-chart\`<br />\`helix-scatter-chart\`<br />\`helix-sparkline\` | | | | |
5237
+ | 3D charts | \`helix-spatial-bar-chart\` (experimental)<br />\`helix-spatial-heatmap\` (experimental)<br />\`helix-spatial-ribbon-chart\` (experimental)<br />\`helix-spatial-scatter-chart\` (experimental)<br />\`helix-spatial-surface-chart\` (experimental)<br />\`helix-spatial-treemap\` (experimental) | | | | |
5238
+ | Data table | \`helix-data-table\`<br />\`helix-table\` | \`cds-table\` | | \`sp-table\` | |
5239
5239
  | Tree | \`helix-tree\` | \`cds-tree-view\` | | | \`wa-tree\` |
5240
5240
  | Combobox | \`helix-combobox\` | \`cds-combo-box\` | | \`sp-combobox\` | |
5241
5241
  | Date picker | \`helix-date-picker\` | \`cds-date-picker\` | | | |
5242
5242
  | Time picker | \`helix-time-picker\` | \`cds-time-picker\` | | | |
5243
- | Color picker | \`helix-color-picker\` | | | \`sp-color-area\` | \`wa-color-picker\` |
5243
+ | Color picker | \`helix-color-picker\` | | | \`sp-color-area\`<br />\`sp-color-wheel\` | \`wa-color-picker\` |
5244
5244
  | File upload | \`helix-file-input\` | \`cds-file-uploader\` | | \`sp-dropzone\` | |
5245
5245
  | Chat | \`helix-chat\` | | | | |
5246
5246
  | Command palette | \`helix-command\` | | | | |
5247
5247
  | Product tour | \`helix-tour\` | | | \`sp-coachmark\` | |
5248
- | Node diagrams | \`helix-canvas\` | | | | |
5248
+ | Node diagrams | \`helix-canvas\`<br />\`helix-graph\` | | | | |
5249
5249
  | Maps | \`helix-map\` | | | | |
5250
5250
  | Video player | \`helix-video\` | | | | |
5251
5251
  | Carousel | \`helix-carousel\` | | | | \`wa-carousel\` (experimental) |
@@ -5288,114 +5288,114 @@ Structure, accessibility, state, and form participation. It has no presentation
5288
5288
 
5289
5289
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5290
5290
  |---|---|---|---|---|---|---|
5291
- | \`accordion\` | 32,671 | 12,089 | 10,723 | 5,378 | 1,546 | 1,229 |
5292
- | \`announcement\` | 37,661 | 13,707 | 12,240 | 4,701 | 1,363 | 985 |
5293
- | \`app-header\` | 33,168 | 12,238 | 10,873 | 5,901 | 1,777 | 1,319 |
5294
- | \`area-chart\` | 99,355 | 34,967 | 30,793 | 14,419 | 4,442 | 3,576 |
5295
- | \`avatar\` | 31,887 | 12,151 | 10,867 | 4,000 | 1,242 | 858 |
5296
- | \`badge\` | 28,118 | 10,941 | 9,781 | 2,963 | 897 | 744 |
5297
- | \`bar-chart\` | 107,369 | 37,630 | 33,294 | 21,900 | 6,886 | 5,863 |
5298
- | \`blockquote\` | 24,679 | 9,635 | 8,530 | 2,401 | 874 | 575 |
5299
- | \`breadcrumbs\` | 37,419 | 14,326 | 12,833 | 7,380 | 2,394 | 2,003 |
5300
- | \`button\` | 36,246 | 12,975 | 11,573 | 5,128 | 1,504 | 1,104 |
5301
- | \`button-group\` | 28,214 | 10,615 | 9,415 | 4,923 | 1,489 | 1,042 |
5302
- | \`callout\` | 36,284 | 13,988 | 12,449 | 2,884 | 957 | 680 |
5303
- | \`canvas\` | 132,515 | 41,862 | 36,393 | 74,272 | 22,527 | 18,719 |
5304
- | \`card\` | 24,397 | 9,309 | 8,302 | 2,090 | 634 | 395 |
5305
- | \`carousel\` | 45,167 | 16,072 | 14,427 | 15,328 | 4,264 | 3,316 |
5306
- | \`chat\` | 82,490 | 27,445 | 24,219 | 28,394 | 8,267 | 6,616 |
5307
- | \`checkbox\` | 41,267 | 14,017 | 12,501 | 3,107 | 948 | 633 |
5308
- | \`checkbox-group\` | 48,490 | 15,943 | 14,247 | 8,322 | 2,330 | 1,668 |
5309
- | \`code\` | 20,869 | 8,246 | 7,309 | 138 | 79 | 80 |
5310
- | \`code-block\` | 104,805 | 35,636 | 31,377 | 37,315 | 10,669 | 8,834 |
5311
- | \`color-input\` | 143,769 | 45,820 | 39,938 | 55,776 | 14,286 | 11,775 |
5312
- | \`color-picker\` | 105,388 | 33,619 | 29,484 | 47,896 | 12,647 | 10,424 |
5313
- | \`combobox\` | 134,499 | 42,872 | 37,724 | 35,962 | 9,100 | 7,251 |
5314
- | \`command\` | 101,903 | 32,326 | 28,343 | 30,345 | 8,165 | 6,543 |
5315
- | \`copy-button\` | 82,250 | 28,296 | 25,072 | 18,753 | 5,094 | 4,012 |
5316
- | \`data-table\` | 202,758 | 62,393 | 53,290 | 89,962 | 24,140 | 19,245 |
5317
- | \`date-input\` | 143,074 | 45,178 | 39,704 | 38,660 | 9,421 | 7,649 |
5318
- | \`date-picker\` | 63,093 | 21,508 | 19,252 | 20,720 | 5,636 | 4,562 |
5319
- | \`description-list\` | 23,472 | 8,991 | 7,983 | 1,565 | 505 | 312 |
5320
- | \`device-screen\` | 73,940 | 24,005 | 21,054 | 31,473 | 8,774 | 6,931 |
5321
- | \`dialog\` | 39,200 | 13,969 | 12,445 | 5,948 | 1,749 | 1,301 |
5322
- | \`divider\` | 23,564 | 9,141 | 8,108 | 1,415 | 483 | 347 |
5323
- | \`donut-chart\` | 92,673 | 32,261 | 28,587 | 14,719 | 4,507 | 3,695 |
5324
- | \`drawer\` | 43,837 | 15,481 | 13,796 | 7,799 | 2,292 | 1,878 |
5325
- | \`drilldown\` | 43,552 | 15,251 | 13,593 | 9,707 | 2,706 | 2,051 |
5326
- | \`empty\` | 25,007 | 9,575 | 8,495 | 1,976 | 638 | 485 |
5327
- | \`file-input\` | 59,143 | 20,555 | 18,280 | 13,148 | 4,131 | 3,252 |
5328
- | \`filter-input\` | 99,603 | 33,491 | 29,717 | 21,571 | 6,190 | 5,062 |
5329
- | \`format-date\` | 31,209 | 11,672 | 10,446 | 4,475 | 1,242 | 915 |
5330
- | \`graph\` | 97,367 | 30,940 | 27,181 | 28,438 | 8,129 | 6,618 |
5331
- | \`heatmap\` | 101,760 | 34,692 | 30,606 | 19,070 | 5,625 | 4,535 |
5332
- | \`icon\` | 85,756 | 29,229 | 25,024 | 60,859 | 20,844 | 16,572 |
5333
- | \`icon-button\` | 36,357 | 13,001 | 11,589 | 5,237 | 1,532 | 1,120 |
5334
- | \`image\` | 26,373 | 9,841 | 8,741 | 3,846 | 1,154 | 885 |
5335
- | \`input\` | 47,074 | 16,182 | 14,344 | 7,006 | 2,247 | 1,546 |
5336
- | \`kbd\` | 28,084 | 10,788 | 9,543 | 3,514 | 1,091 | 795 |
5337
- | \`legend\` | 39,951 | 14,497 | 12,936 | 2,765 | 903 | 642 |
5338
- | \`lightbox\` | 57,138 | 19,376 | 17,209 | 16,760 | 4,654 | 3,604 |
5339
- | \`line-chart\` | 102,350 | 35,819 | 31,661 | 16,812 | 5,060 | 4,173 |
5340
- | \`list\` | 62,949 | 21,721 | 19,378 | 15,256 | 4,403 | 3,445 |
5341
- | \`listbox\` | 78,803 | 26,157 | 23,134 | 15,603 | 4,581 | 3,432 |
5342
- | \`loader\` | 27,341 | 10,450 | 9,312 | 2,786 | 924 | 619 |
5343
- | \`log\` | 81,645 | 27,873 | 24,711 | 37,579 | 11,518 | 9,921 |
5344
- | \`map\` | 105,893 | 32,228 | 27,705 | 45,482 | 11,937 | 9,594 |
5345
- | \`megamenu\` | 61,165 | 22,173 | 19,649 | 8,724 | 2,419 | 1,704 |
5346
- | \`menu\` | 98,535 | 32,953 | 29,083 | 30,262 | 7,977 | 6,442 |
5347
- | \`meter\` | 32,921 | 12,480 | 11,136 | 4,982 | 1,468 | 1,185 |
5348
- | \`motion-toggle\` | 26,353 | 10,247 | 9,123 | 1,426 | 522 | 358 |
5349
- | \`navigation\` | 33,886 | 12,733 | 11,314 | 3,365 | 1,137 | 785 |
5350
- | \`notifications\` | 59,565 | 20,338 | 18,129 | 18,276 | 5,065 | 4,050 |
5351
- | \`number-input\` | 57,654 | 19,363 | 17,256 | 13,581 | 3,622 | 2,795 |
5352
- | \`object-inspector\` | 116,630 | 39,200 | 34,523 | 36,012 | 10,231 | 8,347 |
5353
- | \`option\` | 27,049 | 9,968 | 8,854 | 4,523 | 1,207 | 939 |
5354
- | \`outline\` | 34,611 | 12,984 | 11,542 | 7,888 | 2,538 | 1,909 |
5355
- | \`pagination\` | 138,763 | 44,502 | 38,633 | 45,676 | 11,740 | 9,548 |
5356
- | \`pin-input\` | 48,873 | 17,047 | 15,225 | 7,208 | 2,360 | 1,686 |
5357
- | \`popover\` | 64,907 | 23,345 | 20,607 | 6,461 | 1,864 | 1,346 |
5358
- | \`progress\` | 29,235 | 11,150 | 9,955 | 3,007 | 933 | 660 |
5359
- | \`qr-code\` | 43,669 | 17,001 | 15,160 | 17,003 | 6,205 | 5,214 |
5360
- | \`quote\` | 23,088 | 9,109 | 8,055 | 1,210 | 500 | 386 |
5361
- | \`radio\` | 43,333 | 14,774 | 13,174 | 3,815 | 1,193 | 825 |
5362
- | \`rating\` | 51,618 | 17,780 | 15,853 | 8,058 | 2,428 | 1,749 |
5363
- | \`scatter-chart\` | 98,654 | 34,306 | 30,275 | 20,340 | 6,423 | 5,216 |
5364
- | \`scroll-area\` | 31,294 | 11,431 | 10,143 | 8,518 | 2,598 | 2,101 |
5365
- | \`select\` | 117,452 | 38,950 | 34,122 | 26,153 | 7,207 | 5,613 |
5366
- | \`skeleton\` | 22,900 | 8,869 | 7,868 | 991 | 373 | 168 |
5367
- | \`skip-link\` | 24,547 | 9,606 | 8,519 | 1,224 | 467 | 322 |
5368
- | \`slider\` | 54,667 | 18,412 | 16,476 | 13,625 | 3,862 | 3,038 |
5369
- | \`sparkline\` | 49,258 | 17,981 | 16,014 | 5,984 | 2,106 | 1,611 |
5370
- | \`spatial-bar-chart\` | 105,190 | 37,125 | 32,701 | 19,854 | 6,532 | 5,346 |
5371
- | \`spatial-heatmap\` | 117,114 | 39,969 | 35,127 | 31,741 | 9,469 | 7,779 |
5372
- | \`spatial-ribbon-chart\` | 104,313 | 36,730 | 32,360 | 20,793 | 6,902 | 5,633 |
5373
- | \`spatial-scatter-chart\` | 102,546 | 35,986 | 31,752 | 19,087 | 6,291 | 5,082 |
5374
- | \`spatial-surface-chart\` | 105,468 | 37,268 | 32,812 | 21,949 | 7,404 | 6,084 |
5375
- | \`spatial-treemap\` | 106,586 | 37,908 | 33,353 | 21,370 | 7,296 | 5,884 |
5376
- | \`speed-dial\` | 69,618 | 25,070 | 22,211 | 10,935 | 2,965 | 2,303 |
5377
- | \`splitter\` | 45,096 | 15,642 | 13,982 | 14,504 | 3,868 | 3,140 |
5378
- | \`stat\` | 26,285 | 10,055 | 8,954 | 2,323 | 770 | 623 |
5379
- | \`steps\` | 54,951 | 19,119 | 17,049 | 13,805 | 3,913 | 3,160 |
5380
- | \`switch\` | 40,121 | 13,834 | 12,331 | 1,679 | 602 | 378 |
5381
- | \`table\` | 120,167 | 37,603 | 32,680 | 45,143 | 12,220 | 10,021 |
5382
- | \`tabs\` | 47,105 | 16,203 | 14,406 | 10,491 | 2,859 | 2,246 |
5383
- | \`tag\` | 43,623 | 15,995 | 14,280 | 8,451 | 2,529 | 1,836 |
5384
- | \`terminal\` | 73,912 | 24,513 | 21,665 | 26,300 | 7,292 | 5,836 |
5385
- | \`textarea\` | 44,998 | 15,364 | 13,763 | 5,490 | 1,588 | 1,253 |
5386
- | \`time-input\` | 171,615 | 53,524 | 46,401 | 48,568 | 12,158 | 9,971 |
5387
- | \`time-picker\` | 101,859 | 32,308 | 28,431 | 33,981 | 9,108 | 7,204 |
5388
- | \`timeline\` | 32,429 | 12,279 | 11,017 | 4,087 | 1,190 | 951 |
5389
- | \`toast\` | 52,298 | 18,494 | 16,488 | 12,165 | 3,496 | 2,816 |
5390
- | \`toggle\` | 46,246 | 15,538 | 13,831 | 6,005 | 1,779 | 1,270 |
5391
- | \`toolbar\` | 34,370 | 12,797 | 11,425 | 1,366 | 486 | 162 |
5392
- | \`tooltip\` | 59,698 | 21,527 | 19,096 | 8,505 | 2,374 | 1,836 |
5393
- | \`tour\` | 85,289 | 29,310 | 25,870 | 20,084 | 5,530 | 4,412 |
5394
- | \`tree\` | 68,666 | 23,154 | 20,607 | 17,196 | 4,934 | 4,021 |
5395
- | \`trend\` | 30,937 | 12,023 | 10,737 | 3,592 | 1,141 | 810 |
5396
- | \`video\` | 143,892 | 45,088 | 39,326 | 66,785 | 16,907 | 13,926 |
5397
- | \`video-playlist\` | 129,019 | 41,831 | 36,821 | 42,856 | 11,046 | 9,317 |
5398
- | \`virtual-list\` | 65,115 | 22,095 | 19,673 | 23,394 | 7,161 | 5,917 |
5291
+ | \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,546 | 1,145 |
5292
+ | \`announcement\` | 37,661 | 13,709 | 12,240 | 4,701 | 1,363 | 962 |
5293
+ | \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,266 |
5294
+ | \`area-chart\` | 99,355 | 34,969 | 30,821 | 14,419 | 4,442 | 3,659 |
5295
+ | \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 845 |
5296
+ | \`badge\` | 28,118 | 10,944 | 9,778 | 2,963 | 897 | 634 |
5297
+ | \`bar-chart\` | 107,369 | 37,632 | 33,236 | 21,900 | 6,886 | 5,826 |
5298
+ | \`blockquote\` | 24,679 | 9,637 | 8,540 | 2,401 | 873 | 655 |
5299
+ | \`breadcrumbs\` | 37,419 | 14,327 | 12,824 | 7,380 | 2,394 | 1,916 |
5300
+ | \`button\` | 36,246 | 12,977 | 11,571 | 5,128 | 1,503 | 1,126 |
5301
+ | \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 957 |
5302
+ | \`callout\` | 36,284 | 13,989 | 12,434 | 2,884 | 956 | 622 |
5303
+ | \`canvas\` | 132,515 | 41,864 | 36,387 | 74,272 | 22,527 | 18,621 |
5304
+ | \`card\` | 24,397 | 9,311 | 8,259 | 2,090 | 633 | 426 |
5305
+ | \`carousel\` | 45,167 | 16,072 | 14,370 | 15,328 | 4,264 | 3,229 |
5306
+ | \`chat\` | 82,490 | 27,445 | 24,198 | 28,394 | 8,266 | 6,617 |
5307
+ | \`checkbox\` | 41,267 | 14,019 | 12,513 | 3,107 | 947 | 656 |
5308
+ | \`checkbox-group\` | 48,490 | 15,947 | 14,222 | 8,322 | 2,329 | 1,656 |
5309
+ | \`code\` | 20,869 | 8,248 | 7,313 | 138 | 79 | 111 |
5310
+ | \`code-block\` | 104,805 | 35,637 | 31,436 | 37,315 | 10,669 | 8,892 |
5311
+ | \`color-input\` | 143,769 | 45,821 | 39,978 | 55,776 | 14,285 | 11,721 |
5312
+ | \`color-picker\` | 105,388 | 33,621 | 29,477 | 47,896 | 12,646 | 10,530 |
5313
+ | \`combobox\` | 134,499 | 42,874 | 37,668 | 35,962 | 9,099 | 7,156 |
5314
+ | \`command\` | 101,903 | 32,327 | 28,406 | 30,345 | 8,165 | 6,538 |
5315
+ | \`copy-button\` | 82,250 | 28,298 | 25,053 | 18,753 | 5,094 | 3,994 |
5316
+ | \`data-table\` | 202,758 | 62,394 | 53,300 | 89,962 | 24,140 | 19,239 |
5317
+ | \`date-input\` | 143,074 | 45,179 | 39,687 | 38,660 | 9,421 | 7,648 |
5318
+ | \`date-picker\` | 63,093 | 21,511 | 19,261 | 20,720 | 5,636 | 4,482 |
5319
+ | \`description-list\` | 23,472 | 8,992 | 7,984 | 1,565 | 505 | 251 |
5320
+ | \`device-screen\` | 73,940 | 24,005 | 21,128 | 31,473 | 8,774 | 6,902 |
5321
+ | \`dialog\` | 39,200 | 13,971 | 12,450 | 5,948 | 1,749 | 1,329 |
5322
+ | \`divider\` | 23,564 | 9,143 | 8,085 | 1,415 | 485 | 256 |
5323
+ | \`donut-chart\` | 92,673 | 32,262 | 28,548 | 14,719 | 4,506 | 3,604 |
5324
+ | \`drawer\` | 43,837 | 15,483 | 13,787 | 7,799 | 2,292 | 1,864 |
5325
+ | \`drilldown\` | 43,552 | 15,253 | 13,585 | 9,707 | 2,705 | 2,084 |
5326
+ | \`empty\` | 25,007 | 9,578 | 8,498 | 1,976 | 638 | 450 |
5327
+ | \`file-input\` | 59,143 | 20,556 | 18,278 | 13,148 | 4,131 | 3,333 |
5328
+ | \`filter-input\` | 99,603 | 33,493 | 29,755 | 21,571 | 6,190 | 5,023 |
5329
+ | \`format-date\` | 31,209 | 11,674 | 10,411 | 4,475 | 1,241 | 1,069 |
5330
+ | \`graph\` | 97,367 | 30,941 | 27,204 | 28,438 | 8,129 | 6,587 |
5331
+ | \`heatmap\` | 101,760 | 34,694 | 30,598 | 19,070 | 5,625 | 4,476 |
5332
+ | \`icon\` | 86,977 | 29,611 | 25,370 | 62,080 | 21,243 | 17,025 |
5333
+ | \`icon-button\` | 36,357 | 13,003 | 11,590 | 5,237 | 1,532 | 1,170 |
5334
+ | \`image\` | 26,373 | 9,843 | 8,744 | 3,846 | 1,154 | 859 |
5335
+ | \`input\` | 47,074 | 16,181 | 14,349 | 7,006 | 2,246 | 1,496 |
5336
+ | \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 769 |
5337
+ | \`legend\` | 39,951 | 14,499 | 12,937 | 2,765 | 903 | 690 |
5338
+ | \`lightbox\` | 57,138 | 19,382 | 17,228 | 16,760 | 4,654 | 3,688 |
5339
+ | \`line-chart\` | 102,350 | 35,820 | 31,670 | 16,812 | 5,060 | 4,161 |
5340
+ | \`list\` | 62,949 | 21,723 | 19,404 | 15,256 | 4,403 | 3,372 |
5341
+ | \`listbox\` | 78,803 | 26,158 | 23,128 | 15,603 | 4,581 | 3,463 |
5342
+ | \`loader\` | 27,341 | 10,451 | 9,310 | 2,786 | 924 | 569 |
5343
+ | \`log\` | 83,849 | 28,610 | 25,282 | 39,568 | 12,138 | 10,351 |
5344
+ | \`map\` | 105,893 | 32,229 | 27,761 | 45,482 | 11,936 | 9,605 |
5345
+ | \`megamenu\` | 61,165 | 22,174 | 19,594 | 8,724 | 2,419 | 1,691 |
5346
+ | \`menu\` | 98,535 | 32,954 | 29,068 | 30,262 | 7,977 | 6,445 |
5347
+ | \`meter\` | 32,921 | 12,482 | 11,191 | 4,982 | 1,468 | 1,306 |
5348
+ | \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 521 | 332 |
5349
+ | \`navigation\` | 33,886 | 12,735 | 11,321 | 3,365 | 1,136 | 779 |
5350
+ | \`notifications\` | 59,565 | 20,340 | 18,153 | 18,276 | 5,065 | 4,022 |
5351
+ | \`number-input\` | 57,654 | 19,365 | 17,266 | 13,581 | 3,622 | 2,691 |
5352
+ | \`object-inspector\` | 116,630 | 39,201 | 34,453 | 36,012 | 10,231 | 8,443 |
5353
+ | \`option\` | 27,049 | 9,970 | 8,855 | 4,523 | 1,207 | 833 |
5354
+ | \`outline\` | 34,611 | 12,986 | 11,543 | 7,888 | 2,538 | 1,921 |
5355
+ | \`pagination\` | 138,763 | 44,502 | 38,606 | 45,676 | 11,740 | 9,506 |
5356
+ | \`pin-input\` | 48,873 | 17,049 | 15,226 | 7,208 | 2,361 | 1,654 |
5357
+ | \`popover\` | 64,907 | 23,346 | 20,621 | 6,461 | 1,863 | 1,316 |
5358
+ | \`progress\` | 29,235 | 11,151 | 9,980 | 3,007 | 932 | 652 |
5359
+ | \`qr-code\` | 43,669 | 17,003 | 15,111 | 17,003 | 6,205 | 5,388 |
5360
+ | \`quote\` | 23,088 | 9,112 | 8,048 | 1,210 | 500 | 343 |
5361
+ | \`radio\` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 | 757 |
5362
+ | \`rating\` | 51,618 | 17,783 | 15,858 | 8,058 | 2,428 | 1,800 |
5363
+ | \`scatter-chart\` | 98,654 | 34,306 | 30,260 | 20,340 | 6,423 | 5,147 |
5364
+ | \`scroll-area\` | 31,294 | 11,433 | 10,147 | 8,518 | 2,598 | 1,949 |
5365
+ | \`select\` | 117,452 | 38,952 | 34,087 | 26,153 | 7,206 | 5,602 |
5366
+ | \`skeleton\` | 22,900 | 8,871 | 7,876 | 991 | 373 | 87 |
5367
+ | \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 467 | 377 |
5368
+ | \`slider\` | 54,667 | 18,413 | 16,523 | 13,625 | 3,862 | 3,029 |
5369
+ | \`sparkline\` | 49,258 | 17,982 | 16,019 | 5,984 | 2,105 | 1,668 |
5370
+ | \`spatial-bar-chart\` | 105,190 | 37,126 | 32,642 | 19,854 | 6,532 | 5,347 |
5371
+ | \`spatial-heatmap\` | 117,114 | 39,971 | 35,125 | 31,741 | 9,469 | 7,837 |
5372
+ | \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,394 | 20,793 | 6,902 | 5,792 |
5373
+ | \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,754 | 19,087 | 6,291 | 5,086 |
5374
+ | \`spatial-surface-chart\` | 105,468 | 37,270 | 32,832 | 21,949 | 7,401 | 6,077 |
5375
+ | \`spatial-treemap\` | 106,586 | 37,909 | 33,348 | 21,370 | 7,296 | 5,919 |
5376
+ | \`speed-dial\` | 69,618 | 25,072 | 22,216 | 10,935 | 2,965 | 2,274 |
5377
+ | \`splitter\` | 45,096 | 15,644 | 13,996 | 14,504 | 3,868 | 3,035 |
5378
+ | \`stat\` | 26,285 | 10,056 | 8,959 | 2,323 | 769 | 581 |
5379
+ | \`steps\` | 54,951 | 19,121 | 17,063 | 13,805 | 3,913 | 3,241 |
5380
+ | \`switch\` | 40,121 | 13,837 | 12,331 | 1,679 | 602 | 365 |
5381
+ | \`table\` | 120,167 | 37,603 | 32,741 | 45,143 | 12,220 | 10,076 |
5382
+ | \`tabs\` | 47,105 | 16,204 | 14,404 | 10,491 | 2,859 | 2,187 |
5383
+ | \`tag\` | 43,623 | 15,997 | 14,293 | 8,451 | 2,528 | 1,736 |
5384
+ | \`terminal\` | 77,803 | 25,510 | 22,435 | 30,191 | 8,205 | 6,504 |
5385
+ | \`textarea\` | 44,998 | 15,366 | 13,748 | 5,490 | 1,587 | 1,218 |
5386
+ | \`time-input\` | 171,615 | 53,525 | 46,470 | 48,568 | 12,157 | 9,888 |
5387
+ | \`time-picker\` | 101,859 | 32,308 | 28,389 | 33,981 | 9,108 | 7,229 |
5388
+ | \`timeline\` | 32,429 | 12,281 | 11,013 | 4,087 | 1,190 | 928 |
5389
+ | \`toast\` | 52,298 | 18,492 | 16,491 | 12,165 | 3,496 | 2,724 |
5390
+ | \`toggle\` | 46,246 | 15,540 | 13,824 | 6,005 | 1,779 | 1,305 |
5391
+ | \`toolbar\` | 34,370 | 12,799 | 11,433 | 1,366 | 486 | 279 |
5392
+ | \`tooltip\` | 59,698 | 21,528 | 19,108 | 8,505 | 2,374 | 1,928 |
5393
+ | \`tour\` | 85,289 | 29,312 | 25,878 | 20,084 | 5,530 | 4,376 |
5394
+ | \`tree\` | 68,666 | 23,157 | 20,595 | 17,196 | 4,934 | 3,867 |
5395
+ | \`trend\` | 30,937 | 12,025 | 10,744 | 3,592 | 1,141 | 846 |
5396
+ | \`video\` | 143,892 | 45,089 | 39,328 | 66,785 | 16,907 | 13,824 |
5397
+ | \`video-playlist\` | 129,019 | 41,833 | 36,799 | 42,856 | 11,045 | 9,198 |
5398
+ | \`virtual-list\` | 65,115 | 22,097 | 19,641 | 23,394 | 7,160 | 5,819 |
5399
5399
 
5400
5400
  ### Styled tier
5401
5401
 
@@ -5403,121 +5403,121 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
5403
5403
 
5404
5404
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5405
5405
  |---|---|---|---|---|---|---|
5406
- | \`accordion\` | 36,104 | 12,943 | 11,509 | 8,795 | 2,459 | 1,950 |
5407
- | \`announcement\` | 42,276 | 14,773 | 13,213 | 9,297 | 2,453 | 1,933 |
5408
- | \`app-header\` | 38,326 | 13,447 | 11,977 | 11,046 | 2,971 | 2,370 |
5409
- | \`area-chart\` | 107,559 | 36,861 | 32,514 | 22,604 | 6,410 | 5,263 |
5410
- | \`aura\` | 59,567 | 20,252 | 17,944 | 31,768 | 9,480 | 8,241 |
5411
- | \`avatar\` | 34,890 | 12,909 | 11,550 | 6,988 | 1,986 | 1,566 |
5412
- | \`badge\` | 33,626 | 12,188 | 10,885 | 8,459 | 2,153 | 1,756 |
5413
- | \`bar-chart\` | 122,404 | 40,664 | 35,873 | 36,917 | 9,772 | 8,367 |
5414
- | \`blockquote\` | 26,905 | 10,184 | 9,024 | 4,613 | 1,415 | 1,089 |
5415
- | \`breadcrumbs\` | 44,358 | 15,532 | 13,894 | 14,305 | 3,660 | 3,027 |
5416
- | \`button\` | 42,754 | 14,404 | 12,859 | 11,618 | 2,937 | 2,342 |
5417
- | \`button-group\` | 31,709 | 11,293 | 10,022 | 8,406 | 2,184 | 1,616 |
5418
- | \`callout\` | 40,077 | 14,934 | 13,284 | 6,659 | 1,910 | 1,502 |
5419
- | \`canvas\` | 162,739 | 46,989 | 40,850 | 104,142 | 27,542 | 22,800 |
5420
- | \`card\` | 28,297 | 10,315 | 9,156 | 5,976 | 1,640 | 1,315 |
5421
- | \`carousel\` | 55,653 | 17,866 | 16,010 | 25,799 | 6,075 | 4,957 |
5422
- | \`chat\` | 97,783 | 30,169 | 26,678 | 43,673 | 10,906 | 9,162 |
5423
- | \`checkbox\` | 47,753 | 15,519 | 13,814 | 9,579 | 2,449 | 1,848 |
5424
- | \`checkbox-group\` | 55,713 | 17,589 | 15,682 | 15,536 | 3,984 | 3,112 |
5425
- | \`code\` | 21,726 | 8,558 | 7,576 | 976 | 381 | 259 |
5426
- | \`code-block\` | 131,305 | 39,638 | 34,961 | 63,796 | 14,820 | 12,615 |
5427
- | \`color-input\` | 186,240 | 52,089 | 45,502 | 98,237 | 20,681 | 17,397 |
5428
- | \`color-picker\` | 142,414 | 39,178 | 34,405 | 84,912 | 18,336 | 15,368 |
5429
- | \`combobox\` | 149,853 | 45,824 | 40,282 | 51,299 | 11,876 | 9,768 |
5430
- | \`command\` | 113,202 | 34,672 | 30,499 | 41,638 | 10,423 | 8,711 |
5431
- | \`copy-button\` | 96,308 | 30,630 | 27,115 | 32,793 | 7,505 | 6,104 |
5432
- | \`data-table\` | 233,423 | 67,797 | 58,011 | 120,610 | 29,575 | 23,959 |
5433
- | \`date-input\` | 164,378 | 48,941 | 42,959 | 59,944 | 13,138 | 11,124 |
5434
- | \`date-picker\` | 71,139 | 22,976 | 20,575 | 28,748 | 7,099 | 5,737 |
5435
- | \`description-list\` | 26,427 | 9,729 | 8,646 | 4,508 | 1,236 | 875 |
5436
- | \`device-screen\` | 90,636 | 26,927 | 23,714 | 48,154 | 11,728 | 9,515 |
5437
- | \`dialog\` | 44,336 | 15,225 | 13,611 | 11,066 | 3,037 | 2,391 |
5438
- | \`divider\` | 25,863 | 9,769 | 8,636 | 3,698 | 1,118 | 787 |
5439
- | \`donut-chart\` | 102,652 | 34,409 | 30,405 | 24,675 | 6,733 | 5,542 |
5440
- | \`drawer\` | 49,667 | 16,868 | 15,034 | 13,613 | 3,723 | 3,093 |
5441
- | \`drilldown\` | 49,229 | 16,546 | 14,803 | 15,373 | 3,998 | 3,181 |
5442
- | \`empty\` | 26,316 | 10,054 | 8,899 | 3,267 | 1,084 | 779 |
5443
- | \`file-input\` | 70,673 | 22,943 | 20,394 | 24,666 | 6,596 | 5,398 |
5444
- | \`filter-input\` | 110,437 | 35,686 | 31,636 | 32,398 | 8,309 | 6,905 |
5445
- | \`flex\` | 26,312 | 9,422 | 8,370 | 4,762 | 1,028 | 841 |
5446
- | \`format-date\` | 31,463 | 11,788 | 10,517 | 4,713 | 1,368 | 964 |
5447
- | \`graph\` | 122,406 | 34,901 | 30,501 | 53,465 | 12,043 | 9,911 |
5448
- | \`grid\` | 27,762 | 10,135 | 8,989 | 5,654 | 1,450 | 1,295 |
5449
- | \`heatmap\` | 110,082 | 36,552 | 32,277 | 27,372 | 7,467 | 6,075 |
5450
- | \`icon\` | 87,791 | 29,830 | 25,635 | 62,714 | 21,387 | 17,157 |
5451
- | \`icon-button\` | 46,117 | 14,588 | 12,987 | 14,983 | 3,150 | 2,490 |
5452
- | \`image\` | 27,760 | 10,304 | 9,126 | 5,217 | 1,619 | 1,296 |
5453
- | \`input\` | 51,329 | 17,268 | 15,268 | 11,244 | 3,366 | 2,502 |
5454
- | \`kbd\` | 30,078 | 11,324 | 10,026 | 5,492 | 1,638 | 1,260 |
5455
- | \`legend\` | 45,189 | 15,798 | 14,059 | 7,875 | 2,164 | 1,600 |
5456
- | \`lightbox\` | 63,432 | 20,710 | 18,408 | 23,035 | 5,990 | 4,698 |
5457
- | \`line-chart\` | 113,713 | 38,272 | 33,843 | 28,161 | 7,534 | 6,305 |
5458
- | \`list\` | 69,295 | 23,264 | 20,724 | 21,583 | 5,914 | 4,779 |
5459
- | \`listbox\` | 83,244 | 27,266 | 24,082 | 20,032 | 5,713 | 4,486 |
5460
- | \`loader\` | 30,222 | 11,212 | 10,060 | 5,653 | 1,689 | 1,299 |
5461
- | \`log\` | 93,680 | 30,208 | 26,776 | 49,604 | 13,933 | 11,951 |
5462
- | \`map\` | 148,315 | 38,736 | 33,422 | 87,896 | 18,604 | 15,161 |
5463
- | \`megamenu\` | 66,134 | 23,302 | 20,652 | 13,674 | 3,606 | 2,697 |
5464
- | \`menu\` | 109,460 | 35,100 | 30,948 | 41,175 | 10,021 | 8,457 |
5465
- | \`meter\` | 39,093 | 13,826 | 12,374 | 11,138 | 2,794 | 2,285 |
5466
- | \`motion-toggle\` | 27,988 | 10,725 | 9,526 | 3,044 | 980 | 706 |
5467
- | \`navigation\` | 37,610 | 13,568 | 12,056 | 7,076 | 1,991 | 1,546 |
5468
- | \`notifications\` | 73,053 | 22,899 | 20,491 | 31,758 | 7,653 | 6,376 |
5469
- | \`number-input\` | 62,635 | 20,551 | 18,320 | 18,546 | 4,831 | 3,759 |
5470
- | \`object-inspector\` | 135,066 | 42,225 | 37,176 | 54,433 | 13,310 | 11,151 |
5471
- | \`option\` | 30,122 | 10,930 | 9,719 | 7,587 | 2,144 | 1,772 |
5472
- | \`orb\` | 36,885 | 14,018 | 12,547 | 10,017 | 3,702 | 3,108 |
5473
- | \`outline\` | 38,845 | 13,846 | 12,310 | 12,105 | 3,430 | 2,826 |
5474
- | \`pagination\` | 155,640 | 47,771 | 41,522 | 62,533 | 15,141 | 12,352 |
5475
- | \`pin-input\` | 52,253 | 17,958 | 16,028 | 10,571 | 3,258 | 2,555 |
5476
- | \`popover\` | 68,059 | 24,108 | 21,312 | 9,595 | 2,651 | 2,054 |
5477
- | \`progress\` | 36,415 | 12,813 | 11,478 | 10,170 | 2,587 | 2,299 |
5478
- | \`qr-code\` | 45,270 | 17,489 | 15,629 | 18,587 | 6,667 | 5,658 |
5479
- | \`quote\` | 23,646 | 9,301 | 8,219 | 1,751 | 684 | 503 |
5480
- | \`radio\` | 51,120 | 16,282 | 14,483 | 11,591 | 2,731 | 2,159 |
5481
- | \`rating\` | 55,552 | 19,007 | 16,967 | 11,974 | 3,664 | 2,871 |
5482
- | \`sandbox\` | 108,243 | 32,977 | 28,852 | 74,723 | 20,394 | 17,045 |
5483
- | \`scatter-chart\` | 108,028 | 36,468 | 32,158 | 29,695 | 8,478 | 7,036 |
5484
- | \`scroll-area\` | 36,301 | 12,382 | 11,003 | 13,508 | 3,557 | 2,877 |
5485
- | \`select\` | 126,579 | 40,859 | 35,825 | 35,265 | 9,014 | 7,221 |
5486
- | \`skeleton\` | 26,848 | 9,945 | 8,854 | 4,755 | 1,385 | 1,130 |
5487
- | \`skip-link\` | 26,118 | 10,112 | 8,946 | 2,779 | 956 | 703 |
5488
- | \`slider\` | 69,630 | 20,731 | 18,573 | 28,574 | 6,238 | 5,022 |
5489
- | \`sparkline\` | 54,716 | 19,330 | 17,221 | 11,424 | 3,445 | 2,866 |
5490
- | \`spatial-bar-chart\` | 114,257 | 39,175 | 34,493 | 28,899 | 8,473 | 7,050 |
5491
- | \`spatial-heatmap\` | 126,853 | 42,150 | 37,109 | 41,460 | 11,643 | 9,731 |
5492
- | \`spatial-ribbon-chart\` | 113,229 | 38,745 | 34,167 | 29,691 | 8,828 | 7,447 |
5493
- | \`spatial-scatter-chart\` | 111,526 | 37,969 | 33,398 | 28,039 | 8,158 | 6,797 |
5494
- | \`spatial-surface-chart\` | 113,903 | 39,171 | 34,512 | 30,366 | 9,233 | 7,930 |
5495
- | \`spatial-treemap\` | 115,605 | 39,964 | 35,194 | 30,369 | 9,264 | 7,724 |
5496
- | \`speed-dial\` | 76,667 | 26,445 | 23,521 | 17,968 | 4,392 | 3,512 |
5497
- | \`splitter\` | 51,146 | 16,691 | 14,932 | 20,540 | 4,915 | 3,964 |
5498
- | \`stat\` | 29,171 | 10,749 | 9,609 | 5,194 | 1,460 | 1,140 |
5499
- | \`steps\` | 69,031 | 21,900 | 19,485 | 27,874 | 6,799 | 5,590 |
5500
- | \`strands\` | 63,680 | 23,695 | 20,878 | 38,176 | 13,673 | 11,927 |
5501
- | \`switch\` | 44,474 | 14,981 | 13,319 | 6,021 | 1,729 | 1,312 |
5502
- | \`table\` | 137,707 | 40,661 | 35,379 | 62,686 | 15,364 | 12,739 |
5503
- | \`tabs\` | 56,056 | 18,047 | 16,055 | 19,435 | 4,747 | 3,826 |
5504
- | \`tag\` | 48,197 | 17,124 | 15,313 | 13,012 | 3,641 | 2,871 |
5505
- | \`terminal\` | 100,782 | 28,310 | 25,028 | 53,163 | 11,066 | 9,081 |
5506
- | \`text\` | 29,286 | 10,209 | 9,017 | 7,183 | 1,496 | 1,254 |
5507
- | \`textarea\` | 48,930 | 16,378 | 14,603 | 9,404 | 2,640 | 2,008 |
5508
- | \`time-input\` | 195,870 | 57,690 | 50,178 | 72,808 | 16,504 | 13,703 |
5509
- | \`time-picker\` | 114,058 | 34,721 | 30,557 | 46,174 | 11,388 | 9,421 |
5510
- | \`timeline\` | 39,321 | 13,741 | 12,312 | 10,975 | 2,718 | 2,237 |
5511
- | \`toast\` | 60,192 | 20,339 | 18,156 | 20,047 | 5,401 | 4,424 |
5512
- | \`toggle\` | 51,106 | 16,786 | 14,916 | 10,853 | 3,067 | 2,428 |
5513
- | \`toolbar\` | 37,051 | 13,294 | 11,859 | 4,030 | 967 | 766 |
5514
- | \`tooltip\` | 62,502 | 22,261 | 19,743 | 11,291 | 3,109 | 2,509 |
5515
- | \`tour\` | 95,381 | 31,303 | 27,676 | 30,157 | 7,586 | 6,172 |
5516
- | \`tree\` | 77,354 | 25,062 | 22,285 | 25,869 | 6,898 | 5,605 |
5517
- | \`trend\` | 32,854 | 12,574 | 11,229 | 5,489 | 1,664 | 1,369 |
5518
- | \`video\` | 164,395 | 48,821 | 42,532 | 87,276 | 20,636 | 17,062 |
5519
- | \`video-playlist\` | 144,967 | 44,808 | 39,404 | 58,785 | 14,039 | 11,744 |
5520
- | \`virtual-list\` | 67,109 | 22,600 | 20,085 | 25,371 | 7,643 | 6,298 |
5406
+ | \`accordion\` | 36,104 | 12,945 | 11,483 | 8,795 | 2,459 | 1,865 |
5407
+ | \`announcement\` | 42,276 | 14,775 | 13,236 | 9,297 | 2,452 | 1,959 |
5408
+ | \`app-header\` | 38,326 | 13,449 | 11,963 | 11,046 | 2,971 | 2,335 |
5409
+ | \`area-chart\` | 107,559 | 36,863 | 32,538 | 22,604 | 6,410 | 5,221 |
5410
+ | \`aura\` | 59,567 | 20,254 | 17,954 | 31,768 | 9,480 | 8,144 |
5411
+ | \`avatar\` | 34,890 | 12,911 | 11,563 | 6,988 | 1,986 | 1,557 |
5412
+ | \`badge\` | 33,626 | 12,190 | 10,865 | 8,459 | 2,153 | 1,733 |
5413
+ | \`bar-chart\` | 122,404 | 40,666 | 35,912 | 36,917 | 9,771 | 8,428 |
5414
+ | \`blockquote\` | 26,905 | 10,186 | 8,995 | 4,613 | 1,415 | 1,093 |
5415
+ | \`breadcrumbs\` | 44,358 | 15,535 | 13,890 | 14,305 | 3,660 | 2,983 |
5416
+ | \`button\` | 42,754 | 14,406 | 12,865 | 11,618 | 2,936 | 2,332 |
5417
+ | \`button-group\` | 31,709 | 11,295 | 10,031 | 8,406 | 2,184 | 1,699 |
5418
+ | \`callout\` | 40,077 | 14,936 | 13,274 | 6,659 | 1,910 | 1,509 |
5419
+ | \`canvas\` | 162,739 | 46,990 | 40,871 | 104,142 | 27,542 | 22,900 |
5420
+ | \`card\` | 28,297 | 10,317 | 9,174 | 5,976 | 1,639 | 1,265 |
5421
+ | \`carousel\` | 55,653 | 17,867 | 16,027 | 25,799 | 6,075 | 4,937 |
5422
+ | \`chat\` | 97,783 | 30,169 | 26,659 | 43,673 | 10,906 | 9,136 |
5423
+ | \`checkbox\` | 47,753 | 15,521 | 13,829 | 9,579 | 2,448 | 1,804 |
5424
+ | \`checkbox-group\` | 55,713 | 17,591 | 15,649 | 15,536 | 3,985 | 3,049 |
5425
+ | \`code\` | 21,726 | 8,561 | 7,606 | 976 | 380 | 302 |
5426
+ | \`code-block\` | 131,305 | 39,639 | 34,947 | 63,796 | 14,820 | 12,449 |
5427
+ | \`color-input\` | 186,240 | 52,090 | 45,581 | 98,237 | 20,681 | 17,169 |
5428
+ | \`color-picker\` | 142,414 | 39,181 | 34,398 | 84,912 | 18,337 | 15,342 |
5429
+ | \`combobox\` | 149,853 | 45,825 | 40,237 | 51,299 | 11,876 | 9,742 |
5430
+ | \`command\` | 113,202 | 34,671 | 30,416 | 41,638 | 10,422 | 8,709 |
5431
+ | \`copy-button\` | 96,308 | 30,630 | 27,109 | 32,793 | 7,505 | 6,099 |
5432
+ | \`data-table\` | 233,423 | 67,795 | 58,013 | 120,610 | 29,575 | 23,961 |
5433
+ | \`date-input\` | 164,378 | 48,943 | 42,949 | 59,944 | 13,138 | 10,875 |
5434
+ | \`date-picker\` | 71,139 | 22,978 | 20,506 | 28,748 | 7,096 | 5,758 |
5435
+ | \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,236 | 1,054 |
5436
+ | \`device-screen\` | 90,636 | 26,928 | 23,793 | 48,154 | 11,727 | 9,486 |
5437
+ | \`dialog\` | 44,336 | 15,226 | 13,573 | 11,066 | 3,036 | 2,374 |
5438
+ | \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,117 | 914 |
5439
+ | \`donut-chart\` | 102,652 | 34,410 | 30,423 | 24,675 | 6,733 | 5,551 |
5440
+ | \`drawer\` | 49,667 | 16,870 | 15,043 | 13,613 | 3,722 | 3,069 |
5441
+ | \`drilldown\` | 49,229 | 16,546 | 14,779 | 15,373 | 3,998 | 3,243 |
5442
+ | \`empty\` | 26,316 | 10,056 | 8,908 | 3,267 | 1,083 | 832 |
5443
+ | \`file-input\` | 70,673 | 22,945 | 20,406 | 24,666 | 6,595 | 5,350 |
5444
+ | \`filter-input\` | 110,437 | 35,687 | 31,613 | 32,398 | 8,308 | 6,796 |
5445
+ | \`flex\` | 26,312 | 9,425 | 8,374 | 4,762 | 1,028 | 779 |
5446
+ | \`format-date\` | 31,463 | 11,789 | 10,568 | 4,713 | 1,367 | 1,078 |
5447
+ | \`graph\` | 122,406 | 34,903 | 30,569 | 53,465 | 12,043 | 9,922 |
5448
+ | \`grid\` | 27,762 | 10,137 | 8,999 | 5,654 | 1,450 | 1,189 |
5449
+ | \`heatmap\` | 110,082 | 36,553 | 32,250 | 27,372 | 7,466 | 6,066 |
5450
+ | \`icon\` | 89,012 | 30,217 | 26,038 | 63,935 | 21,796 | 17,495 |
5451
+ | \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,150 | 2,587 |
5452
+ | \`image\` | 27,760 | 10,305 | 9,131 | 5,217 | 1,619 | 1,303 |
5453
+ | \`input\` | 51,329 | 17,270 | 15,279 | 11,244 | 3,366 | 2,517 |
5454
+ | \`kbd\` | 30,078 | 11,326 | 10,031 | 5,492 | 1,638 | 1,339 |
5455
+ | \`legend\` | 45,189 | 15,799 | 14,055 | 7,875 | 2,164 | 1,749 |
5456
+ | \`lightbox\` | 63,432 | 20,710 | 18,458 | 23,035 | 5,990 | 4,746 |
5457
+ | \`line-chart\` | 113,713 | 38,274 | 33,789 | 28,161 | 7,533 | 6,263 |
5458
+ | \`list\` | 69,295 | 23,265 | 20,732 | 21,583 | 5,913 | 4,816 |
5459
+ | \`listbox\` | 83,244 | 27,268 | 24,074 | 20,032 | 5,713 | 4,427 |
5460
+ | \`loader\` | 30,222 | 11,214 | 10,002 | 5,653 | 1,689 | 1,398 |
5461
+ | \`log\` | 96,367 | 30,951 | 27,473 | 52,078 | 14,632 | 12,451 |
5462
+ | \`map\` | 148,315 | 38,740 | 33,445 | 87,896 | 18,604 | 15,197 |
5463
+ | \`megamenu\` | 66,134 | 23,304 | 20,658 | 13,674 | 3,606 | 2,692 |
5464
+ | \`menu\` | 109,460 | 35,101 | 30,957 | 41,175 | 10,021 | 8,332 |
5465
+ | \`meter\` | 39,093 | 13,828 | 12,382 | 11,138 | 2,794 | 2,315 |
5466
+ | \`motion-toggle\` | 27,988 | 10,727 | 9,515 | 3,044 | 980 | 754 |
5467
+ | \`navigation\` | 37,610 | 13,571 | 12,055 | 7,076 | 1,990 | 1,554 |
5468
+ | \`notifications\` | 73,053 | 22,901 | 20,486 | 31,758 | 7,653 | 6,334 |
5469
+ | \`number-input\` | 62,635 | 20,555 | 18,295 | 18,546 | 4,831 | 3,712 |
5470
+ | \`object-inspector\` | 135,066 | 42,226 | 37,215 | 54,433 | 13,310 | 11,058 |
5471
+ | \`option\` | 30,122 | 10,932 | 9,722 | 7,587 | 2,144 | 1,777 |
5472
+ | \`orb\` | 36,885 | 14,019 | 12,486 | 10,017 | 3,702 | 3,181 |
5473
+ | \`outline\` | 38,845 | 13,848 | 12,315 | 12,105 | 3,430 | 2,698 |
5474
+ | \`pagination\` | 155,640 | 47,772 | 41,513 | 62,533 | 15,142 | 12,355 |
5475
+ | \`pin-input\` | 52,253 | 17,960 | 16,012 | 10,571 | 3,258 | 2,545 |
5476
+ | \`popover\` | 68,059 | 24,109 | 21,315 | 9,595 | 2,651 | 2,053 |
5477
+ | \`progress\` | 36,415 | 12,815 | 11,472 | 10,170 | 2,587 | 2,117 |
5478
+ | \`qr-code\` | 45,270 | 17,490 | 15,562 | 18,587 | 6,667 | 5,758 |
5479
+ | \`quote\` | 23,646 | 9,303 | 8,218 | 1,751 | 683 | 486 |
5480
+ | \`radio\` | 51,120 | 16,284 | 14,479 | 11,591 | 2,731 | 2,129 |
5481
+ | \`rating\` | 55,552 | 19,008 | 16,977 | 11,974 | 3,664 | 2,772 |
5482
+ | \`sandbox\` | 194,969 | 57,081 | 48,854 | 138,931 | 37,542 | 30,816 |
5483
+ | \`scatter-chart\` | 108,028 | 36,469 | 32,101 | 29,695 | 8,478 | 6,996 |
5484
+ | \`scroll-area\` | 36,301 | 12,384 | 11,027 | 13,508 | 3,557 | 2,846 |
5485
+ | \`select\` | 126,579 | 40,861 | 35,774 | 35,265 | 9,013 | 7,140 |
5486
+ | \`skeleton\` | 26,848 | 9,947 | 8,859 | 4,755 | 1,385 | 1,069 |
5487
+ | \`skip-link\` | 26,118 | 10,114 | 8,950 | 2,779 | 956 | 714 |
5488
+ | \`slider\` | 69,630 | 20,733 | 18,545 | 28,574 | 6,237 | 4,984 |
5489
+ | \`sparkline\` | 54,716 | 19,330 | 17,223 | 11,424 | 3,446 | 2,827 |
5490
+ | \`spatial-bar-chart\` | 114,257 | 39,176 | 34,578 | 28,899 | 8,473 | 7,168 |
5491
+ | \`spatial-heatmap\` | 126,853 | 42,151 | 37,031 | 41,460 | 11,643 | 9,686 |
5492
+ | \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,190 | 29,691 | 8,828 | 7,367 |
5493
+ | \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,408 | 28,039 | 8,158 | 6,821 |
5494
+ | \`spatial-surface-chart\` | 113,903 | 39,173 | 34,588 | 30,366 | 9,233 | 7,719 |
5495
+ | \`spatial-treemap\` | 115,605 | 39,965 | 35,141 | 30,369 | 9,264 | 7,703 |
5496
+ | \`speed-dial\` | 76,667 | 26,447 | 23,496 | 17,968 | 4,392 | 3,451 |
5497
+ | \`splitter\` | 51,146 | 16,693 | 14,931 | 20,540 | 4,915 | 4,028 |
5498
+ | \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,267 |
5499
+ | \`steps\` | 69,031 | 21,902 | 19,499 | 27,874 | 6,799 | 5,527 |
5500
+ | \`strands\` | 63,680 | 23,697 | 20,894 | 38,176 | 13,672 | 11,894 |
5501
+ | \`switch\` | 44,474 | 14,984 | 13,337 | 6,021 | 1,729 | 1,446 |
5502
+ | \`table\` | 137,847 | 40,689 | 35,429 | 62,826 | 15,398 | 12,820 |
5503
+ | \`tabs\` | 56,056 | 18,048 | 16,047 | 19,435 | 4,747 | 3,909 |
5504
+ | \`tag\` | 48,197 | 17,125 | 15,309 | 13,012 | 3,641 | 2,811 |
5505
+ | \`terminal\` | 104,821 | 29,347 | 25,811 | 57,202 | 12,089 | 9,902 |
5506
+ | \`text\` | 29,286 | 10,210 | 9,003 | 7,183 | 1,496 | 1,260 |
5507
+ | \`textarea\` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,016 |
5508
+ | \`time-input\` | 195,870 | 57,693 | 50,204 | 72,808 | 16,504 | 13,605 |
5509
+ | \`time-picker\` | 114,058 | 34,724 | 30,501 | 46,174 | 11,387 | 9,415 |
5510
+ | \`timeline\` | 39,321 | 13,742 | 12,319 | 10,975 | 2,718 | 2,333 |
5511
+ | \`toast\` | 60,192 | 20,340 | 18,150 | 20,047 | 5,401 | 4,361 |
5512
+ | \`toggle\` | 51,106 | 16,788 | 14,912 | 10,853 | 3,067 | 2,412 |
5513
+ | \`toolbar\` | 37,051 | 13,296 | 11,861 | 4,030 | 967 | 669 |
5514
+ | \`tooltip\` | 62,502 | 22,262 | 19,731 | 11,291 | 3,109 | 2,418 |
5515
+ | \`tour\` | 95,381 | 31,304 | 27,655 | 30,157 | 7,586 | 6,112 |
5516
+ | \`tree\` | 77,354 | 25,064 | 22,297 | 25,869 | 6,898 | 5,597 |
5517
+ | \`trend\` | 32,854 | 12,576 | 11,227 | 5,489 | 1,664 | 1,283 |
5518
+ | \`video\` | 164,395 | 48,823 | 42,544 | 87,276 | 20,636 | 17,203 |
5519
+ | \`video-playlist\` | 144,967 | 44,810 | 39,375 | 58,785 | 14,038 | 11,709 |
5520
+ | \`virtual-list\` | 67,109 | 22,602 | 20,085 | 25,371 | 7,642 | 6,265 |
5521
5521
 
5522
5522
  ## What an install adds to \`node_modules\`
5523
5523
 
@@ -5530,12 +5530,12 @@ without its whitespace, and the sizes count each one that way.
5530
5530
 
5531
5531
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
5532
5532
  |---|---|---|---|---|
5533
- | \`@fusion.dev/helix-core\` | 2,281,876 | 619 | 825,625 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
5534
- | \`@fusion.dev/helix-headless\` | 24,509,218 | 786 | 2,596,130 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
5535
- | \`@fusion.dev/helix-icons\` | 157,908 | 21 | 51,516 | \`svgo\` |
5536
- | \`@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 |
5537
5537
  | \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
5538
- | \`@fusion.dev/helix\` | 25,127,129 | 1,035 | 572,433 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5538
+ | \`@fusion.dev/helix\` | 25,206,842 | 1,033 | 572,629 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5539
5539
 
5540
5540
  ## Not measured yet
5541
5541
 
@@ -7039,7 +7039,7 @@ Each request has a notification once it is applied: \`helix-edit\` after
7039
7039
  \`helix-panel-resize\` after \`helix-before-panel-resize\`. Listen for these to
7040
7040
  store the arrangement or the source.
7041
7041
 
7042
- 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
7043
7043
  filter above the log. Without them, \`clear()\` empties the log, and \`level\`
7044
7044
  hides the quieter lines.
7045
7045
 
@@ -7132,6 +7132,10 @@ Logs from the example appear in the console panel. Logs from the page around it
7132
7132
  do not. We patch the console inside the frame on purpose, so the panel shows
7133
7133
  what the example logs and nothing else.
7134
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
+
7135
7139
  ## The editor and the highlighter
7136
7140
 
7137
7141
  \`@fusion.dev/helix-sandbox\` is the editor the component pages use, and the
@@ -8688,7 +8692,13 @@ Links a program writes as hyperlinks always work. Pass \`WebLinksAddon\` to
8688
8692
  - Control+Shift+F, or Command+F on a Mac, opens the find bar. Enter moves to
8689
8693
  the next match and Shift+Enter to the previous one. Escape closes the bar and
8690
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.
8691
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.
8692
8702
  - Control+M, or Control+Shift+M on a Mac, switches Tab between typing in the
8693
8703
  terminal and moving focus out of it. The status line says when Tab moves
8694
8704
  focus, and screen readers hear each change. The terminal's input describes