@fusion.dev/helix-docs 0.209.0 → 0.210.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.
@@ -806,6 +806,7 @@ The board is one tab stop. A card holds it, and Tab leaves the board.
806
806
  | Plus, minus | The board, a card, or a connection | Zoom in or out |
807
807
  | Escape | A card or a connection | Stop connecting, or go out to the board |
808
808
  | Arrow keys | The board, after Escape | Pan the board |
809
+ | Arrow keys | A pan or zoom button | Move between the buttons by where they sit. The buttons are one tab stop |
809
810
 
810
811
  Every drag also works with clicks. Click a selected card's move handle, a
811
812
  corner, a card's connection point, or the end of a selected connection to pick
@@ -3079,7 +3080,8 @@ leaves removing it to your framework.
3079
3080
 
3080
3081
  - The frame is one tab stop. Arrow keys move the drawing, and the plus and
3081
3082
  minus keys zoom it. Set \`controls="pan zoom fullscreen"\` to add buttons that
3082
- move it.
3083
+ move it. The buttons are a toolbar and one tab stop, and arrow keys move
3084
+ between them by where they sit.
3083
3085
  - The list is a listbox, named by \`notes-label\`. Arrow keys, Home, End, Page
3084
3086
  Up, and Page Down move through it, typing a letter moves to the next note
3085
3087
  whose name starts with it, and Enter or Space selects a note.
@@ -4883,6 +4885,9 @@ compass sets \`--map-needle-turn\` to the angle that points north, so an icon in
4883
4885
  \`rotate\` is in \`controls\`, and Shift with Up or Down tilts it while \`tilt\` is.
4884
4886
  Keys with Control, Command, or Alt are left to the browser, so page zoom and
4885
4887
  Back still work with focus on the map.
4888
+ - The buttons in \`controls\` are a toolbar and one tab stop. Arrow keys move
4889
+ between them by where they sit, Shift with an arrow still turns or tilts the
4890
+ map, and Enter or Space presses a button.
4886
4891
  - The markers are one tab stop. Arrow keys move between them in the order you
4887
4892
  wrote them. The map pans to show a marker that is off screen. If your page
4888
4893
  removes the marker that has focus, focus moves to the next marker, or to the
@@ -5122,7 +5127,7 @@ on its own.
5122
5127
 
5123
5128
  | | Raw | Gzip | Brotli |
5124
5129
  |---|---|---|---|
5125
- | Lit and \`@fusion.dev/helix-core\` | 266,106 | 85,971 | 73,239 |
5130
+ | Lit and \`@fusion.dev/helix-core\` | 272,124 | 87,824 | 74,750 |
5126
5131
 
5127
5132
  ## Whole packages
5128
5133
 
@@ -5133,12 +5138,12 @@ either barrel. The per-component tables show what your page pays.
5133
5138
 
5134
5139
  | Package | Raw | Gzip | Brotli | |
5135
5140
  |---|---|---|---|---|
5136
- | \`@fusion.dev/helix-core\` | 265,315 | 85,814 | 72,940 | The element base class, mixins, decorators, and floating positioning. |
5137
- | \`@fusion.dev/helix-headless\` | 1,477,055 | 413,517 | 310,509 | Every headless family. The barrel entry includes all of them. |
5141
+ | \`@fusion.dev/helix-core\` | 271,333 | 87,670 | 74,384 | The element base class, mixins, decorators, and floating positioning. |
5142
+ | \`@fusion.dev/helix-headless\` | 1,478,744 | 414,210 | 310,932 | Every headless family. The barrel entry includes all of them. |
5138
5143
  | \`@fusion.dev/helix-icons\` | 56,982 | 18,222 | 15,516 | The whole glyph set. |
5139
5144
  | \`@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. |
5140
5145
  | \`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. |
5141
- | \`@fusion.dev/helix\` | 2,206,311 | 570,788 | 406,879 | Every styled family. |
5146
+ | \`@fusion.dev/helix\` | 2,208,000 | 571,244 | 407,379 | Every styled family. |
5142
5147
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
5143
5148
 
5144
5149
  ## Stylesheets
@@ -5159,13 +5164,13 @@ shows the whole cost of using the base layer on its own.
5159
5164
 
5160
5165
  ## What the numbers say
5161
5166
 
5162
- **Most of your first component is the shared runtime.** The median styled family is 19,793 bytes gzipped alone, and it adds 4,537 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.
5167
+ **Most of your first component is the shared runtime.** The median styled family is 19,792 bytes gzipped alone, and it adds 4,543 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
5168
 
5164
- Across the 114 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,608. Every family together is 570,788.
5169
+ Across the 114 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,607. Every family together is 571,244.
5165
5170
 
5166
- 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 413,517 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 114 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.
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 414,210 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 114 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
5172
 
5168
- 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,410 bytes gzipped alone.
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,409 bytes gzipped alone.
5169
5174
 
5170
5175
  ## Compared with other systems
5171
5176
 
@@ -5177,22 +5182,22 @@ The table has no whole-library row. That row would compare how many components e
5177
5182
 
5178
5183
  | Component | System | Raw | Gzip | Brotli |
5179
5184
  |---|---|---|---|---|
5180
- | \`button\` | **Helix** | 42,729 | 14,402 | 12,850 |
5185
+ | \`button\` | **Helix** | 42,729 | 14,401 | 12,850 |
5181
5186
  | | Carbon | 133,058 | 20,959 | 17,685 |
5182
5187
  | | Material Web | 47,060 | 14,173 | 12,591 |
5183
5188
  | | Spectrum | 98,792 | 22,045 | 18,674 |
5184
5189
  | | Web Awesome | 136,044 | 33,730 | 28,760 |
5185
- | \`checkbox\` | **Helix** | 47,728 | 15,519 | 13,814 |
5190
+ | \`checkbox\` | **Helix** | 47,728 | 15,518 | 13,821 |
5186
5191
  | | Carbon | 60,255 | 15,609 | 13,550 |
5187
5192
  | | Material Web | 43,785 | 13,556 | 12,015 |
5188
5193
  | | Spectrum | 62,492 | 15,437 | 13,481 |
5189
5194
  | | Web Awesome | 115,251 | 28,728 | 24,420 |
5190
- | \`dialog\` | **Helix** | 44,311 | 15,228 | 13,600 |
5195
+ | \`dialog\` | **Helix** | 44,311 | 15,228 | 13,599 |
5191
5196
  | | Carbon | 510,866 | 67,390 | 39,189 |
5192
5197
  | | Material Web | 34,238 | 11,510 | 10,229 |
5193
5198
  | | Spectrum | 155,708 | 31,899 | 26,262 |
5194
5199
  | | Web Awesome | 148,657 | 36,692 | 31,388 |
5195
- | \`radio\` | **Helix** | 51,120 | 16,284 | 14,491 |
5200
+ | \`radio\` | **Helix** | 51,120 | 16,283 | 14,517 |
5196
5201
  | | Carbon | 63,055 | 16,887 | 14,605 |
5197
5202
  | | Material Web | 41,044 | 13,234 | 11,757 |
5198
5203
  | | Spectrum | 38,685 | 10,660 | 9,370 |
@@ -5202,18 +5207,18 @@ The table has no whole-library row. That row would compare how many components e
5202
5207
  | | Material Web | 50,155 | 14,577 | 12,935 |
5203
5208
  | | Spectrum | 62,322 | 15,059 | 13,321 |
5204
5209
  | | Web Awesome | 45,876 | 15,003 | 13,475 |
5205
- | \`tabs\` | **Helix** | 56,031 | 18,046 | 16,086 |
5210
+ | \`tabs\` | **Helix** | 56,031 | 18,046 | 16,057 |
5206
5211
  | | Carbon | 578,766 | 73,537 | 43,235 |
5207
5212
  | | Material Web | 38,883 | 12,820 | 11,368 |
5208
5213
  | | Spectrum | 64,875 | 18,298 | 16,283 |
5209
5214
  | | Web Awesome | 153,439 | 37,030 | 31,737 |
5210
- | \`tooltip\` | **Helix** | 62,502 | 22,264 | 19,787 |
5215
+ | \`tooltip\` | **Helix** | 62,502 | 22,264 | 19,815 |
5211
5216
  | | Carbon | 189,382 | 30,354 | 22,273 |
5212
5217
  | | Material Web | | not shipped | |
5213
5218
  | | Spectrum | 136,599 | 40,552 | 35,286 |
5214
5219
  | | Web Awesome | 70,568 | 24,005 | 21,107 |
5215
5220
 
5216
- 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.
5221
+ At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,623 bytes gzipped. 8 of 27 peer measurements are smaller than the Helix row.
5217
5222
 
5218
5223
  Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
5219
5224
 
@@ -5287,113 +5292,113 @@ Structure, accessibility, state, and form participation. It has no presentation
5287
5292
 
5288
5293
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5289
5294
  |---|---|---|---|---|---|---|
5290
- | \`accordion\` | 32,671 | 12,094 | 10,733 | 5,377 | 1,558 | 1,223 |
5291
- | \`announcement\` | 37,661 | 13,708 | 12,261 | 4,700 | 1,372 | 1,069 |
5292
- | \`app-header\` | 33,168 | 12,241 | 10,876 | 5,900 | 1,744 | 1,346 |
5293
- | \`area-chart\` | 99,355 | 34,965 | 30,812 | 14,415 | 4,382 | 3,616 |
5294
- | \`avatar\` | 31,887 | 12,152 | 10,894 | 3,999 | 1,220 | 994 |
5295
- | \`badge\` | 28,118 | 10,943 | 9,778 | 2,960 | 875 | 742 |
5296
- | \`bar-chart\` | 107,369 | 37,640 | 33,226 | 21,901 | 6,885 | 5,792 |
5297
- | \`blockquote\` | 24,679 | 9,637 | 8,534 | 2,400 | 853 | 791 |
5298
- | \`breadcrumbs\` | 37,419 | 14,327 | 12,786 | 7,381 | 2,378 | 1,839 |
5299
- | \`button\` | 36,221 | 12,970 | 11,572 | 5,127 | 1,507 | 1,119 |
5300
- | \`button-group\` | 28,214 | 10,616 | 9,417 | 4,923 | 1,479 | 1,048 |
5301
- | \`callout\` | 36,284 | 13,987 | 12,429 | 2,884 | 966 | 667 |
5302
- | \`canvas\` | 109,988 | 35,325 | 30,896 | 68,989 | 21,021 | 17,663 |
5303
- | \`card\` | 24,397 | 9,311 | 8,258 | 2,090 | 609 | 414 |
5304
- | \`carousel\` | 45,167 | 16,073 | 14,357 | 15,330 | 4,224 | 3,429 |
5305
- | \`chat\` | 81,069 | 27,038 | 23,898 | 27,682 | 8,068 | 6,441 |
5306
- | \`checkbox\` | 41,242 | 14,017 | 12,499 | 3,107 | 939 | 733 |
5307
- | \`checkbox-group\` | 48,465 | 15,945 | 14,237 | 8,321 | 2,325 | 1,771 |
5308
- | \`code\` | 20,869 | 8,248 | 7,310 | 138 | 55 | 91 |
5309
- | \`code-block\` | 104,774 | 35,632 | 31,408 | 37,349 | 10,762 | 8,854 |
5310
- | \`color-input\` | 143,744 | 45,822 | 39,965 | 55,780 | 14,213 | 11,830 |
5311
- | \`color-picker\` | 105,363 | 33,633 | 29,451 | 47,900 | 12,658 | 10,525 |
5312
- | \`combobox\` | 133,766 | 42,658 | 37,464 | 35,968 | 9,150 | 7,270 |
5313
- | \`command\` | 101,170 | 32,144 | 28,259 | 30,351 | 8,155 | 6,543 |
5314
- | \`copy-button\` | 82,225 | 28,296 | 25,012 | 18,756 | 5,036 | 3,976 |
5315
- | \`data-table\` | 202,025 | 62,203 | 53,212 | 89,966 | 24,051 | 19,229 |
5316
- | \`date-input\` | 143,049 | 45,174 | 39,695 | 38,666 | 9,514 | 7,669 |
5317
- | \`date-picker\` | 63,093 | 21,513 | 19,286 | 20,720 | 5,624 | 4,549 |
5318
- | \`description-list\` | 23,472 | 8,992 | 7,982 | 1,565 | 491 | 312 |
5319
- | \`dialog\` | 39,175 | 13,971 | 12,445 | 5,948 | 1,750 | 1,361 |
5320
- | \`divider\` | 23,564 | 9,143 | 8,084 | 1,414 | 468 | 290 |
5321
- | \`donut-chart\` | 92,673 | 32,265 | 28,574 | 14,717 | 4,458 | 3,659 |
5322
- | \`drawer\` | 43,812 | 15,483 | 13,811 | 7,798 | 2,288 | 1,812 |
5323
- | \`drilldown\` | 43,527 | 15,251 | 13,602 | 9,709 | 2,688 | 2,127 |
5324
- | \`empty\` | 25,007 | 9,577 | 8,495 | 1,976 | 615 | 514 |
5325
- | \`file-input\` | 59,118 | 20,551 | 18,298 | 13,152 | 4,110 | 3,332 |
5326
- | \`filter-input\` | 99,578 | 33,492 | 29,737 | 21,569 | 6,139 | 4,864 |
5327
- | \`format-date\` | 31,209 | 11,674 | 10,454 | 4,474 | 1,258 | 922 |
5328
- | \`graph\` | 76,986 | 25,233 | 22,351 | 23,180 | 6,735 | 5,588 |
5329
- | \`heatmap\` | 101,735 | 34,690 | 30,621 | 19,071 | 5,563 | 4,485 |
5330
- | \`icon\` | 84,375 | 28,941 | 24,780 | 59,477 | 20,470 | 16,556 |
5331
- | \`icon-button\` | 36,332 | 12,999 | 11,592 | 5,236 | 1,537 | 1,070 |
5332
- | \`image\` | 26,373 | 9,843 | 8,744 | 3,845 | 1,133 | 966 |
5333
- | \`input\` | 47,049 | 16,179 | 14,344 | 7,005 | 2,218 | 1,560 |
5334
- | \`kbd\` | 28,084 | 10,787 | 9,545 | 3,518 | 1,086 | 792 |
5335
- | \`legend\` | 36,396 | 13,369 | 11,915 | 2,955 | 963 | 707 |
5336
- | \`lightbox\` | 57,138 | 19,379 | 17,221 | 16,762 | 4,594 | 3,574 |
5337
- | \`line-chart\` | 102,350 | 35,825 | 31,641 | 16,812 | 5,020 | 4,178 |
5338
- | \`list\` | 62,949 | 21,721 | 19,340 | 15,258 | 4,364 | 3,453 |
5339
- | \`listbox\` | 78,070 | 25,949 | 22,952 | 15,605 | 4,558 | 3,702 |
5340
- | \`loader\` | 27,341 | 10,451 | 9,310 | 2,785 | 909 | 838 |
5341
- | \`log\` | 80,937 | 27,698 | 24,547 | 37,582 | 11,600 | 9,885 |
5342
- | \`map\` | 81,046 | 25,210 | 22,087 | 37,496 | 10,221 | 8,232 |
5343
- | \`megamenu\` | 61,165 | 22,171 | 19,600 | 8,723 | 2,415 | 1,696 |
5344
- | \`menu\` | 98,510 | 32,958 | 29,064 | 30,262 | 7,978 | 6,564 |
5345
- | \`meter\` | 32,921 | 12,485 | 11,169 | 4,980 | 1,426 | 1,185 |
5346
- | \`motion-toggle\` | 26,353 | 10,249 | 9,108 | 1,426 | 485 | 409 |
5347
- | \`navigation\` | 33,861 | 12,731 | 11,315 | 3,364 | 1,123 | 853 |
5348
- | \`notifications\` | 59,565 | 20,344 | 18,123 | 18,280 | 5,014 | 4,131 |
5349
- | \`number-input\` | 57,629 | 19,359 | 17,254 | 13,579 | 3,610 | 2,851 |
5350
- | \`object-inspector\` | 115,897 | 39,007 | 34,366 | 36,018 | 10,378 | 8,431 |
5351
- | \`option\` | 27,049 | 9,971 | 8,857 | 4,522 | 1,163 | 868 |
5352
- | \`outline\` | 34,611 | 12,984 | 11,534 | 7,888 | 2,551 | 1,880 |
5353
- | \`pagination\` | 138,030 | 44,309 | 38,510 | 45,681 | 11,877 | 9,516 |
5354
- | \`pin-input\` | 48,848 | 17,045 | 15,224 | 7,207 | 2,358 | 1,761 |
5355
- | \`popover\` | 64,882 | 23,348 | 20,630 | 6,460 | 1,849 | 1,384 |
5356
- | \`progress\` | 29,235 | 11,152 | 9,980 | 3,006 | 911 | 699 |
5357
- | \`qr-code\` | 43,669 | 17,005 | 15,118 | 17,002 | 6,262 | 5,336 |
5358
- | \`quote\` | 23,088 | 9,111 | 8,039 | 1,209 | 469 | 437 |
5359
- | \`radio\` | 43,333 | 14,778 | 13,155 | 3,815 | 1,194 | 928 |
5360
- | \`rating\` | 51,593 | 17,779 | 15,843 | 8,057 | 2,431 | 1,811 |
5361
- | \`scatter-chart\` | 98,654 | 34,306 | 30,268 | 20,338 | 6,357 | 5,276 |
5362
- | \`scroll-area\` | 31,294 | 11,433 | 10,149 | 8,518 | 2,565 | 2,112 |
5363
- | \`select\` | 116,719 | 38,719 | 33,938 | 26,155 | 7,152 | 5,621 |
5364
- | \`skeleton\` | 22,900 | 8,871 | 7,874 | 991 | 357 | 251 |
5365
- | \`skip-link\` | 24,547 | 9,607 | 8,535 | 1,223 | 436 | 351 |
5366
- | \`slider\` | 54,642 | 18,410 | 16,473 | 13,623 | 3,834 | 2,938 |
5367
- | \`sparkline\` | 49,258 | 17,983 | 16,021 | 5,980 | 2,056 | 1,731 |
5368
- | \`spatial-bar-chart\` | 105,167 | 37,124 | 32,657 | 19,854 | 6,506 | 5,327 |
5369
- | \`spatial-heatmap\` | 117,089 | 39,972 | 35,195 | 31,738 | 9,608 | 7,970 |
5370
- | \`spatial-ribbon-chart\` | 104,288 | 36,725 | 32,402 | 20,791 | 6,921 | 5,748 |
5371
- | \`spatial-scatter-chart\` | 102,521 | 35,980 | 31,675 | 19,085 | 6,254 | 5,104 |
5372
- | \`spatial-surface-chart\` | 105,443 | 37,265 | 32,832 | 21,949 | 7,454 | 6,208 |
5373
- | \`spatial-treemap\` | 106,561 | 37,909 | 33,341 | 21,370 | 7,339 | 5,940 |
5374
- | \`speed-dial\` | 69,618 | 25,072 | 22,188 | 10,934 | 2,947 | 2,313 |
5375
- | \`splitter\` | 45,071 | 15,639 | 13,967 | 14,506 | 3,849 | 3,069 |
5376
- | \`stat\` | 26,285 | 10,056 | 8,955 | 2,322 | 726 | 548 |
5377
- | \`steps\` | 54,926 | 19,119 | 17,023 | 13,804 | 3,872 | 3,213 |
5378
- | \`switch\` | 40,096 | 13,831 | 12,333 | 1,679 | 580 | 328 |
5379
- | \`table\` | 119,434 | 37,421 | 32,590 | 45,149 | 12,294 | 10,099 |
5380
- | \`tabs\` | 47,080 | 16,201 | 14,426 | 10,491 | 2,844 | 2,157 |
5381
- | \`tag\` | 43,623 | 15,997 | 14,325 | 8,450 | 2,504 | 2,018 |
5382
- | \`terminal\` | 71,467 | 23,680 | 20,852 | 30,239 | 8,332 | 6,765 |
5383
- | \`textarea\` | 44,973 | 15,362 | 13,739 | 5,489 | 1,612 | 1,177 |
5384
- | \`time-input\` | 170,882 | 53,314 | 46,296 | 48,574 | 12,288 | 9,892 |
5385
- | \`time-picker\` | 101,126 | 32,100 | 28,228 | 33,987 | 9,180 | 7,342 |
5386
- | \`timeline\` | 32,429 | 12,281 | 11,016 | 4,086 | 1,172 | 885 |
5387
- | \`toast\` | 52,298 | 18,495 | 16,474 | 12,164 | 3,488 | 2,803 |
5388
- | \`toggle\` | 46,246 | 15,538 | 13,827 | 6,005 | 1,792 | 1,366 |
5389
- | \`toolbar\` | 31,928 | 11,893 | 10,591 | 5,267 | 1,646 | 1,305 |
5390
- | \`tooltip\` | 59,698 | 21,530 | 19,094 | 8,504 | 2,362 | 1,899 |
5391
- | \`tour\` | 85,264 | 29,312 | 25,904 | 20,091 | 5,495 | 4,376 |
5392
- | \`tree\` | 68,641 | 23,148 | 20,593 | 17,198 | 4,875 | 3,942 |
5393
- | \`trend\` | 30,937 | 12,024 | 10,725 | 3,590 | 1,081 | 913 |
5394
- | \`video\` | 143,863 | 45,086 | 39,243 | 66,787 | 16,872 | 13,886 |
5395
- | \`video-playlist\` | 128,994 | 41,833 | 36,721 | 42,860 | 11,159 | 9,199 |
5396
- | \`virtual-list\` | 64,382 | 21,914 | 19,520 | 23,393 | 7,150 | 5,810 |
5295
+ | \`accordion\` | 32,671 | 12,094 | 10,735 | 5,378 | 1,529 | 1,131 |
5296
+ | \`announcement\` | 37,661 | 13,707 | 12,239 | 4,701 | 1,370 | 1,025 |
5297
+ | \`app-header\` | 33,168 | 12,240 | 10,876 | 5,901 | 1,738 | 1,302 |
5298
+ | \`area-chart\` | 99,355 | 34,965 | 30,843 | 14,419 | 4,407 | 3,485 |
5299
+ | \`avatar\` | 31,887 | 12,152 | 10,893 | 4,000 | 1,210 | 907 |
5300
+ | \`badge\` | 28,118 | 10,943 | 9,778 | 2,961 | 863 | 583 |
5301
+ | \`bar-chart\` | 107,369 | 37,640 | 33,276 | 21,900 | 6,919 | 5,782 |
5302
+ | \`blockquote\` | 24,679 | 9,637 | 8,534 | 2,401 | 855 | 582 |
5303
+ | \`breadcrumbs\` | 37,419 | 14,327 | 12,788 | 7,382 | 2,390 | 1,919 |
5304
+ | \`button\` | 36,221 | 12,969 | 11,568 | 5,128 | 1,500 | 1,138 |
5305
+ | \`button-group\` | 28,214 | 10,616 | 9,417 | 4,921 | 1,479 | 1,032 |
5306
+ | \`callout\` | 36,284 | 13,987 | 12,428 | 2,884 | 935 | 620 |
5307
+ | \`canvas\` | 116,881 | 37,636 | 32,848 | 68,987 | 21,053 | 17,481 |
5308
+ | \`card\` | 24,397 | 9,311 | 8,257 | 2,090 | 595 | 406 |
5309
+ | \`carousel\` | 45,167 | 16,073 | 14,342 | 15,328 | 4,237 | 3,358 |
5310
+ | \`chat\` | 81,069 | 27,037 | 23,873 | 27,683 | 8,099 | 6,434 |
5311
+ | \`checkbox\` | 41,242 | 14,016 | 12,498 | 3,107 | 926 | 725 |
5312
+ | \`checkbox-group\` | 48,465 | 15,944 | 14,235 | 8,322 | 2,341 | 1,776 |
5313
+ | \`code\` | 20,869 | 8,247 | 7,309 | 138 | 52 | -30 |
5314
+ | \`code-block\` | 104,774 | 35,631 | 31,417 | 37,347 | 10,692 | 8,924 |
5315
+ | \`color-input\` | 143,744 | 45,822 | 39,991 | 55,778 | 14,318 | 11,805 |
5316
+ | \`color-picker\` | 105,363 | 33,633 | 29,452 | 47,898 | 12,634 | 10,411 |
5317
+ | \`combobox\` | 133,766 | 42,657 | 37,513 | 35,966 | 9,125 | 7,190 |
5318
+ | \`command\` | 101,170 | 32,144 | 28,271 | 30,349 | 8,191 | 6,634 |
5319
+ | \`copy-button\` | 82,225 | 28,295 | 25,084 | 18,757 | 5,061 | 4,114 |
5320
+ | \`data-table\` | 202,025 | 62,203 | 53,145 | 89,964 | 24,071 | 19,302 |
5321
+ | \`date-input\` | 143,049 | 45,173 | 39,648 | 38,664 | 9,426 | 7,590 |
5322
+ | \`date-picker\` | 63,093 | 21,512 | 19,243 | 20,720 | 5,612 | 4,512 |
5323
+ | \`description-list\` | 23,472 | 8,992 | 7,982 | 1,565 | 477 | 336 |
5324
+ | \`dialog\` | 39,175 | 13,971 | 12,449 | 5,948 | 1,758 | 1,349 |
5325
+ | \`divider\` | 23,564 | 9,143 | 8,083 | 1,415 | 472 | 281 |
5326
+ | \`donut-chart\` | 92,673 | 32,264 | 28,524 | 14,719 | 4,470 | 3,604 |
5327
+ | \`drawer\` | 43,812 | 15,482 | 13,794 | 7,799 | 2,285 | 1,747 |
5328
+ | \`drilldown\` | 43,527 | 15,250 | 13,592 | 9,707 | 2,700 | 2,115 |
5329
+ | \`empty\` | 25,007 | 9,577 | 8,495 | 1,976 | 595 | 443 |
5330
+ | \`file-input\` | 59,118 | 20,551 | 18,289 | 13,152 | 4,120 | 3,251 |
5331
+ | \`filter-input\` | 99,578 | 33,491 | 29,727 | 21,571 | 6,167 | 4,908 |
5332
+ | \`format-date\` | 31,209 | 11,674 | 10,454 | 4,475 | 1,250 | 975 |
5333
+ | \`graph\` | 80,826 | 26,446 | 23,401 | 22,944 | 6,679 | 5,419 |
5334
+ | \`heatmap\` | 101,735 | 34,690 | 30,643 | 19,070 | 5,601 | 4,500 |
5335
+ | \`icon\` | 84,375 | 28,942 | 24,812 | 59,478 | 20,544 | 16,372 |
5336
+ | \`icon-button\` | 36,332 | 12,998 | 11,586 | 5,237 | 1,534 | 1,172 |
5337
+ | \`image\` | 26,373 | 9,843 | 8,743 | 3,846 | 1,132 | 845 |
5338
+ | \`input\` | 47,049 | 16,178 | 14,343 | 7,006 | 2,220 | 1,494 |
5339
+ | \`kbd\` | 28,084 | 10,786 | 9,543 | 3,516 | 1,084 | 695 |
5340
+ | \`legend\` | 39,951 | 14,498 | 12,941 | 2,765 | 879 | 676 |
5341
+ | \`lightbox\` | 57,138 | 19,379 | 17,227 | 16,760 | 4,606 | 3,501 |
5342
+ | \`line-chart\` | 102,350 | 35,824 | 31,648 | 16,812 | 5,035 | 4,213 |
5343
+ | \`list\` | 62,949 | 21,720 | 19,365 | 15,256 | 4,375 | 3,434 |
5344
+ | \`listbox\` | 78,070 | 25,949 | 22,983 | 15,603 | 4,545 | 3,450 |
5345
+ | \`loader\` | 27,341 | 10,450 | 9,309 | 2,786 | 900 | 638 |
5346
+ | \`log\` | 80,937 | 27,697 | 24,614 | 37,582 | 11,477 | 9,828 |
5347
+ | \`map\` | 87,568 | 27,296 | 23,896 | 37,497 | 10,138 | 8,124 |
5348
+ | \`megamenu\` | 61,165 | 22,170 | 19,604 | 8,724 | 2,430 | 1,782 |
5349
+ | \`menu\` | 98,510 | 32,958 | 29,062 | 30,262 | 8,005 | 6,518 |
5350
+ | \`meter\` | 32,921 | 12,484 | 11,169 | 4,982 | 1,447 | 1,225 |
5351
+ | \`motion-toggle\` | 26,353 | 10,249 | 9,108 | 1,426 | 480 | 223 |
5352
+ | \`navigation\` | 33,861 | 12,731 | 11,314 | 3,365 | 1,113 | 842 |
5353
+ | \`notifications\` | 59,565 | 20,343 | 18,136 | 18,281 | 5,014 | 4,085 |
5354
+ | \`number-input\` | 57,629 | 19,358 | 17,243 | 13,581 | 3,616 | 2,916 |
5355
+ | \`object-inspector\` | 115,897 | 39,007 | 34,322 | 36,016 | 10,271 | 8,342 |
5356
+ | \`option\` | 27,049 | 9,970 | 8,856 | 4,523 | 1,163 | 917 |
5357
+ | \`outline\` | 34,611 | 12,984 | 11,533 | 7,888 | 2,547 | 2,031 |
5358
+ | \`pagination\` | 138,030 | 44,309 | 38,499 | 45,679 | 11,783 | 9,558 |
5359
+ | \`pin-input\` | 48,848 | 17,045 | 15,223 | 7,208 | 2,350 | 1,700 |
5360
+ | \`popover\` | 64,882 | 23,347 | 20,625 | 6,461 | 1,844 | 1,370 |
5361
+ | \`progress\` | 29,235 | 11,152 | 9,980 | 3,007 | 911 | 797 |
5362
+ | \`qr-code\` | 43,669 | 17,003 | 15,110 | 17,003 | 6,259 | 5,294 |
5363
+ | \`quote\` | 23,088 | 9,111 | 8,047 | 1,210 | 472 | 286 |
5364
+ | \`radio\` | 43,333 | 14,777 | 13,182 | 3,815 | 1,181 | 823 |
5365
+ | \`rating\` | 51,593 | 17,779 | 15,843 | 8,058 | 2,433 | 1,758 |
5366
+ | \`scatter-chart\` | 98,654 | 34,305 | 30,248 | 20,340 | 6,363 | 5,126 |
5367
+ | \`scroll-area\` | 31,294 | 11,432 | 10,150 | 8,518 | 2,568 | 1,953 |
5368
+ | \`select\` | 116,719 | 38,718 | 33,938 | 26,153 | 7,156 | 5,491 |
5369
+ | \`skeleton\` | 22,900 | 8,871 | 7,873 | 991 | 351 | 199 |
5370
+ | \`skip-link\` | 24,547 | 9,607 | 8,523 | 1,224 | 434 | 230 |
5371
+ | \`slider\` | 54,642 | 18,409 | 16,468 | 13,625 | 3,834 | 2,997 |
5372
+ | \`sparkline\` | 49,258 | 17,982 | 16,053 | 5,984 | 2,084 | 1,649 |
5373
+ | \`spatial-bar-chart\` | 105,167 | 37,124 | 32,670 | 19,854 | 6,504 | 5,241 |
5374
+ | \`spatial-heatmap\` | 117,089 | 39,971 | 35,128 | 31,741 | 9,529 | 7,796 |
5375
+ | \`spatial-ribbon-chart\` | 104,288 | 36,724 | 32,350 | 20,793 | 6,946 | 5,745 |
5376
+ | \`spatial-scatter-chart\` | 102,521 | 35,979 | 31,684 | 19,087 | 6,257 | 5,166 |
5377
+ | \`spatial-surface-chart\` | 105,443 | 37,265 | 32,849 | 21,949 | 7,431 | 6,112 |
5378
+ | \`spatial-treemap\` | 106,561 | 37,909 | 33,331 | 21,370 | 7,341 | 5,940 |
5379
+ | \`speed-dial\` | 69,618 | 25,071 | 22,199 | 10,935 | 2,929 | 2,358 |
5380
+ | \`splitter\` | 45,071 | 15,638 | 13,975 | 14,504 | 3,856 | 3,119 |
5381
+ | \`stat\` | 26,285 | 10,055 | 8,954 | 2,323 | 726 | 564 |
5382
+ | \`steps\` | 54,926 | 19,118 | 17,041 | 13,805 | 3,855 | 3,067 |
5383
+ | \`switch\` | 40,096 | 13,831 | 12,327 | 1,679 | 583 | 381 |
5384
+ | \`table\` | 119,434 | 37,420 | 32,549 | 45,147 | 12,187 | 10,003 |
5385
+ | \`tabs\` | 47,080 | 16,201 | 14,418 | 10,491 | 2,854 | 2,171 |
5386
+ | \`tag\` | 43,623 | 15,997 | 14,326 | 8,451 | 2,496 | 1,821 |
5387
+ | \`terminal\` | 73,881 | 24,510 | 21,682 | 26,338 | 7,296 | 5,898 |
5388
+ | \`textarea\` | 44,973 | 15,362 | 13,730 | 5,490 | 1,604 | 1,165 |
5389
+ | \`time-input\` | 170,882 | 53,314 | 46,321 | 48,572 | 12,208 | 9,873 |
5390
+ | \`time-picker\` | 101,126 | 32,099 | 28,228 | 33,985 | 9,124 | 7,186 |
5391
+ | \`timeline\` | 32,429 | 12,280 | 11,015 | 4,087 | 1,187 | 908 |
5392
+ | \`toast\` | 52,298 | 18,495 | 16,465 | 12,165 | 3,483 | 2,679 |
5393
+ | \`toggle\` | 46,246 | 15,538 | 13,858 | 6,005 | 1,788 | 1,350 |
5394
+ | \`toolbar\` | 34,345 | 12,794 | 11,419 | 1,366 | 456 | 331 |
5395
+ | \`tooltip\` | 59,698 | 21,530 | 19,116 | 8,505 | 2,343 | 1,854 |
5396
+ | \`tour\` | 85,264 | 29,311 | 25,920 | 20,089 | 5,511 | 4,398 |
5397
+ | \`tree\` | 68,641 | 23,148 | 20,588 | 17,196 | 4,917 | 3,909 |
5398
+ | \`trend\` | 30,937 | 12,024 | 10,755 | 3,592 | 1,088 | 885 |
5399
+ | \`video\` | 143,863 | 45,086 | 39,311 | 66,785 | 16,938 | 13,922 |
5400
+ | \`video-playlist\` | 128,994 | 41,833 | 36,743 | 42,860 | 11,076 | 9,240 |
5401
+ | \`virtual-list\` | 64,382 | 21,914 | 19,517 | 23,394 | 7,180 | 5,801 |
5397
5402
 
5398
5403
  ### Styled tier
5399
5404
 
@@ -5401,120 +5406,120 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
5401
5406
 
5402
5407
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
5403
5408
  |---|---|---|---|---|---|---|
5404
- | \`accordion\` | 36,104 | 12,946 | 11,493 | 8,794 | 2,416 | 1,908 |
5405
- | \`announcement\` | 42,276 | 14,774 | 13,229 | 9,296 | 2,445 | 1,966 |
5406
- | \`app-header\` | 38,326 | 13,449 | 11,970 | 11,045 | 2,958 | 2,506 |
5407
- | \`area-chart\` | 107,559 | 36,864 | 32,535 | 22,602 | 6,329 | 5,149 |
5408
- | \`aura\` | 59,567 | 20,253 | 17,948 | 31,765 | 9,603 | 8,230 |
5409
- | \`avatar\` | 34,890 | 12,911 | 11,528 | 6,987 | 1,972 | 1,598 |
5410
- | \`badge\` | 33,626 | 12,189 | 10,864 | 8,456 | 2,141 | 1,689 |
5411
- | \`bar-chart\` | 122,404 | 40,670 | 35,879 | 36,918 | 9,900 | 8,408 |
5412
- | \`blockquote\` | 26,905 | 10,186 | 9,009 | 4,610 | 1,396 | 1,193 |
5413
- | \`breadcrumbs\` | 44,356 | 15,533 | 13,888 | 14,306 | 3,624 | 3,082 |
5414
- | \`button\` | 42,729 | 14,402 | 12,850 | 11,617 | 2,951 | 2,411 |
5415
- | \`button-group\` | 31,709 | 11,294 | 10,051 | 8,406 | 2,192 | 1,752 |
5416
- | \`callout\` | 40,077 | 14,934 | 13,281 | 6,659 | 1,921 | 1,490 |
5417
- | \`canvas\` | 131,027 | 39,298 | 34,339 | 89,671 | 24,909 | 21,002 |
5418
- | \`card\` | 28,297 | 10,317 | 9,174 | 5,976 | 1,616 | 1,282 |
5419
- | \`carousel\` | 55,653 | 17,867 | 16,026 | 25,801 | 6,075 | 4,977 |
5420
- | \`chat\` | 96,362 | 29,761 | 26,363 | 42,968 | 10,824 | 8,851 |
5421
- | \`checkbox\` | 47,728 | 15,519 | 13,814 | 9,579 | 2,460 | 1,917 |
5422
- | \`checkbox-group\` | 55,688 | 17,587 | 15,677 | 15,535 | 3,997 | 3,145 |
5423
- | \`code\` | 21,726 | 8,560 | 7,581 | 976 | 365 | 354 |
5424
- | \`code-block\` | 129,247 | 39,452 | 34,803 | 61,803 | 14,544 | 12,361 |
5425
- | \`color-input\` | 186,215 | 52,093 | 45,474 | 98,238 | 20,714 | 17,319 |
5426
- | \`color-picker\` | 142,389 | 39,198 | 34,433 | 84,910 | 18,385 | 15,358 |
5427
- | \`combobox\` | 149,120 | 45,609 | 40,052 | 51,305 | 12,010 | 9,886 |
5428
- | \`command\` | 112,469 | 34,492 | 30,359 | 41,644 | 10,562 | 8,671 |
5429
- | \`copy-button\` | 94,256 | 30,463 | 26,990 | 30,769 | 7,264 | 5,884 |
5430
- | \`data-table\` | 232,690 | 67,608 | 57,838 | 120,614 | 29,536 | 23,990 |
5431
- | \`date-input\` | 164,353 | 48,938 | 43,022 | 59,950 | 13,113 | 10,999 |
5432
- | \`date-picker\` | 71,139 | 22,979 | 20,560 | 28,748 | 7,071 | 5,748 |
5433
- | \`description-list\` | 26,427 | 9,731 | 8,674 | 4,508 | 1,259 | 1,074 |
5434
- | \`dialog\` | 44,311 | 15,228 | 13,600 | 11,064 | 3,036 | 2,546 |
5435
- | \`divider\` | 25,863 | 9,771 | 8,637 | 3,697 | 1,110 | 959 |
5436
- | \`donut-chart\` | 102,652 | 34,415 | 30,413 | 24,673 | 6,674 | 5,474 |
5437
- | \`drawer\` | 49,642 | 16,868 | 15,045 | 13,612 | 3,679 | 3,024 |
5438
- | \`drilldown\` | 49,204 | 16,543 | 14,750 | 15,375 | 3,987 | 3,148 |
5439
- | \`empty\` | 26,316 | 10,056 | 8,904 | 3,267 | 1,084 | 853 |
5440
- | \`file-input\` | 70,648 | 22,940 | 20,402 | 24,668 | 6,517 | 5,314 |
5441
- | \`filter-input\` | 110,412 | 35,682 | 31,633 | 32,396 | 8,349 | 6,810 |
5442
- | \`flex\` | 26,312 | 9,424 | 8,375 | 4,761 | 1,007 | 816 |
5443
- | \`format-date\` | 31,463 | 11,789 | 10,568 | 4,712 | 1,358 | 1,044 |
5444
- | \`graph\` | 92,818 | 27,924 | 24,582 | 38,992 | 9,536 | 7,818 |
5445
- | \`grid\` | 27,762 | 10,136 | 8,993 | 5,653 | 1,442 | 1,279 |
5446
- | \`heatmap\` | 110,057 | 36,551 | 32,235 | 27,373 | 7,433 | 6,141 |
5447
- | \`icon\` | 86,410 | 29,544 | 25,346 | 61,332 | 21,022 | 17,047 |
5448
- | \`icon-button\` | 44,066 | 14,348 | 12,789 | 12,955 | 2,901 | 2,279 |
5449
- | \`image\` | 27,760 | 10,306 | 9,128 | 5,214 | 1,587 | 1,229 |
5450
- | \`input\` | 51,304 | 17,264 | 15,257 | 11,243 | 3,332 | 2,503 |
5451
- | \`kbd\` | 30,078 | 11,327 | 10,002 | 5,494 | 1,642 | 1,395 |
5452
- | \`legend\` | 41,634 | 14,661 | 13,022 | 8,065 | 2,234 | 1,742 |
5453
- | \`lightbox\` | 63,432 | 20,711 | 18,435 | 23,037 | 5,928 | 4,781 |
5454
- | \`line-chart\` | 113,713 | 38,275 | 33,788 | 28,159 | 7,544 | 6,213 |
5455
- | \`list\` | 69,295 | 23,264 | 20,709 | 21,585 | 5,865 | 4,846 |
5456
- | \`listbox\` | 82,511 | 27,060 | 23,925 | 20,034 | 5,672 | 4,460 |
5457
- | \`loader\` | 30,222 | 11,214 | 10,000 | 5,652 | 1,689 | 1,391 |
5458
- | \`log\` | 92,972 | 30,033 | 26,625 | 49,605 | 13,886 | 11,925 |
5459
- | \`map\` | 114,692 | 30,616 | 26,911 | 71,126 | 15,681 | 12,962 |
5460
- | \`megamenu\` | 66,134 | 23,306 | 20,647 | 13,673 | 3,602 | 2,759 |
5461
- | \`menu\` | 109,435 | 35,105 | 30,951 | 41,177 | 10,159 | 8,404 |
5462
- | \`meter\` | 39,093 | 13,832 | 12,348 | 11,136 | 2,809 | 2,384 |
5463
- | \`motion-toggle\` | 27,988 | 10,726 | 9,544 | 3,044 | 959 | 707 |
5464
- | \`navigation\` | 37,585 | 13,566 | 12,044 | 7,075 | 1,981 | 1,573 |
5465
- | \`notifications\` | 73,053 | 22,904 | 20,449 | 31,757 | 7,612 | 6,265 |
5466
- | \`number-input\` | 62,610 | 20,545 | 18,301 | 18,544 | 4,821 | 3,758 |
5467
- | \`object-inspector\` | 132,306 | 41,847 | 36,846 | 52,407 | 13,098 | 10,906 |
5468
- | \`option\` | 30,122 | 10,929 | 9,712 | 7,585 | 2,133 | 1,790 |
5469
- | \`orb\` | 36,885 | 14,019 | 12,487 | 10,016 | 3,707 | 3,177 |
5470
- | \`outline\` | 38,845 | 13,846 | 12,301 | 12,105 | 3,440 | 2,893 |
5471
- | \`pagination\` | 154,907 | 47,575 | 41,364 | 62,541 | 15,085 | 12,496 |
5472
- | \`pin-input\` | 52,228 | 17,953 | 16,004 | 10,570 | 3,276 | 2,567 |
5473
- | \`popover\` | 68,034 | 24,115 | 21,386 | 9,594 | 2,630 | 2,102 |
5474
- | \`progress\` | 36,415 | 12,815 | 11,483 | 10,169 | 2,593 | 2,218 |
5475
- | \`qr-code\` | 45,270 | 17,490 | 15,584 | 18,586 | 6,747 | 5,751 |
5476
- | \`quote\` | 23,646 | 9,303 | 8,221 | 1,750 | 667 | 512 |
5477
- | \`radio\` | 51,120 | 16,284 | 14,491 | 11,591 | 2,733 | 2,180 |
5478
- | \`rating\` | 55,527 | 19,005 | 16,927 | 11,973 | 3,663 | 2,900 |
5479
- | \`sandbox\` | 108,218 | 32,975 | 28,892 | 74,725 | 20,337 | 17,089 |
5480
- | \`scatter-chart\` | 108,028 | 36,474 | 32,155 | 29,693 | 8,555 | 6,997 |
5481
- | \`scroll-area\` | 36,301 | 12,383 | 11,026 | 13,508 | 3,526 | 2,845 |
5482
- | \`select\` | 125,846 | 40,635 | 35,644 | 35,267 | 9,098 | 7,292 |
5483
- | \`skeleton\` | 26,848 | 9,947 | 8,858 | 4,755 | 1,362 | 1,107 |
5484
- | \`skip-link\` | 26,118 | 10,114 | 8,973 | 2,778 | 933 | 742 |
5485
- | \`slider\` | 69,605 | 20,727 | 18,561 | 28,572 | 6,231 | 5,058 |
5486
- | \`sparkline\` | 54,716 | 19,332 | 17,251 | 11,420 | 3,429 | 2,883 |
5487
- | \`spatial-bar-chart\` | 114,232 | 39,177 | 34,554 | 28,899 | 8,569 | 7,152 |
5488
- | \`spatial-heatmap\` | 126,828 | 42,151 | 37,057 | 41,457 | 11,708 | 9,722 |
5489
- | \`spatial-ribbon-chart\` | 113,204 | 38,746 | 34,111 | 29,690 | 8,962 | 7,482 |
5490
- | \`spatial-scatter-chart\` | 111,501 | 37,966 | 33,427 | 28,039 | 8,229 | 6,793 |
5491
- | \`spatial-surface-chart\` | 113,878 | 39,176 | 34,564 | 30,366 | 9,355 | 7,849 |
5492
- | \`spatial-treemap\` | 115,580 | 39,960 | 35,142 | 30,367 | 9,371 | 7,882 |
5493
- | \`speed-dial\` | 76,667 | 26,447 | 23,479 | 17,966 | 4,352 | 3,553 |
5494
- | \`splitter\` | 51,121 | 16,689 | 14,958 | 20,542 | 4,919 | 4,024 |
5495
- | \`stat\` | 29,171 | 10,751 | 9,607 | 5,193 | 1,464 | 1,161 |
5496
- | \`steps\` | 69,006 | 21,902 | 19,511 | 27,872 | 6,706 | 5,584 |
5497
- | \`strands\` | 63,680 | 23,700 | 20,906 | 38,177 | 13,675 | 11,897 |
5498
- | \`switch\` | 44,449 | 14,979 | 13,332 | 6,021 | 1,764 | 1,274 |
5499
- | \`table\` | 136,974 | 40,482 | 35,192 | 62,692 | 15,341 | 12,836 |
5500
- | \`tabs\` | 56,031 | 18,046 | 16,086 | 19,434 | 4,722 | 3,889 |
5501
- | \`tag\` | 48,197 | 17,125 | 15,310 | 13,011 | 3,602 | 2,851 |
5502
- | \`terminal\` | 96,310 | 27,266 | 24,053 | 55,074 | 12,010 | 9,924 |
5503
- | \`text\` | 29,286 | 10,212 | 9,014 | 7,182 | 1,462 | 1,170 |
5504
- | \`textarea\` | 48,905 | 16,375 | 14,608 | 9,403 | 2,632 | 2,089 |
5505
- | \`time-input\` | 195,137 | 57,469 | 50,040 | 72,814 | 16,486 | 13,672 |
5506
- | \`time-picker\` | 113,325 | 34,509 | 30,370 | 46,180 | 11,545 | 9,441 |
5507
- | \`timeline\` | 39,321 | 13,742 | 12,310 | 10,973 | 2,660 | 2,171 |
5508
- | \`toast\` | 60,192 | 20,340 | 18,154 | 20,046 | 5,371 | 4,349 |
5509
- | \`toggle\` | 51,106 | 16,788 | 14,913 | 10,851 | 3,062 | 2,407 |
5510
- | \`toolbar\` | 34,607 | 12,386 | 11,016 | 7,931 | 2,138 | 1,722 |
5511
- | \`tooltip\` | 62,502 | 22,264 | 19,787 | 11,290 | 3,098 | 2,516 |
5512
- | \`tour\` | 95,356 | 31,302 | 27,727 | 30,161 | 7,570 | 6,170 |
5513
- | \`tree\` | 77,329 | 25,057 | 22,299 | 25,871 | 6,844 | 5,730 |
5514
- | \`trend\` | 32,854 | 12,576 | 11,211 | 5,487 | 1,631 | 1,299 |
5515
- | \`video\` | 164,366 | 48,824 | 42,602 | 87,272 | 20,643 | 17,204 |
5516
- | \`video-playlist\` | 144,942 | 44,815 | 39,295 | 58,789 | 13,995 | 11,786 |
5517
- | \`virtual-list\` | 66,376 | 22,417 | 20,005 | 25,370 | 7,654 | 6,326 |
5409
+ | \`accordion\` | 36,104 | 12,946 | 11,493 | 8,795 | 2,438 | 2,015 |
5410
+ | \`announcement\` | 42,276 | 14,773 | 13,228 | 9,297 | 2,441 | 1,945 |
5411
+ | \`app-header\` | 38,326 | 13,449 | 11,965 | 11,046 | 2,961 | 2,410 |
5412
+ | \`area-chart\` | 107,559 | 36,864 | 32,534 | 22,604 | 6,351 | 5,183 |
5413
+ | \`aura\` | 59,567 | 20,253 | 17,973 | 31,768 | 9,529 | 8,133 |
5414
+ | \`avatar\` | 34,890 | 12,911 | 11,562 | 6,988 | 1,971 | 1,653 |
5415
+ | \`badge\` | 33,626 | 12,189 | 10,864 | 8,459 | 2,129 | 1,684 |
5416
+ | \`bar-chart\` | 122,404 | 40,669 | 35,860 | 36,917 | 9,799 | 8,287 |
5417
+ | \`blockquote\` | 26,905 | 10,185 | 9,024 | 4,611 | 1,382 | 1,074 |
5418
+ | \`breadcrumbs\` | 44,356 | 15,532 | 13,886 | 14,307 | 3,641 | 2,960 |
5419
+ | \`button\` | 42,729 | 14,401 | 12,850 | 11,618 | 2,964 | 2,327 |
5420
+ | \`button-group\` | 31,709 | 11,294 | 10,026 | 8,406 | 2,181 | 1,681 |
5421
+ | \`callout\` | 40,077 | 14,933 | 13,281 | 6,659 | 1,911 | 1,457 |
5422
+ | \`canvas\` | 137,925 | 41,609 | 36,407 | 89,669 | 24,934 | 20,870 |
5423
+ | \`card\` | 28,297 | 10,317 | 9,156 | 5,976 | 1,615 | 1,373 |
5424
+ | \`carousel\` | 55,653 | 17,867 | 15,977 | 25,799 | 6,101 | 4,896 |
5425
+ | \`chat\` | 96,362 | 29,760 | 26,321 | 42,966 | 10,732 | 8,887 |
5426
+ | \`checkbox\` | 47,728 | 15,518 | 13,821 | 9,579 | 2,443 | 1,968 |
5427
+ | \`checkbox-group\` | 55,688 | 17,586 | 15,667 | 15,536 | 3,987 | 3,044 |
5428
+ | \`code\` | 21,726 | 8,560 | 7,605 | 976 | 358 | 282 |
5429
+ | \`code-block\` | 129,247 | 39,451 | 34,768 | 61,801 | 14,607 | 12,215 |
5430
+ | \`color-input\` | 186,215 | 52,096 | 45,578 | 98,239 | 20,718 | 17,290 |
5431
+ | \`color-picker\` | 142,389 | 39,198 | 34,385 | 84,914 | 18,382 | 15,428 |
5432
+ | \`combobox\` | 149,120 | 45,609 | 40,082 | 51,303 | 11,936 | 9,826 |
5433
+ | \`command\` | 112,469 | 34,492 | 30,378 | 41,642 | 10,461 | 8,644 |
5434
+ | \`copy-button\` | 94,256 | 30,462 | 26,999 | 30,770 | 7,297 | 5,952 |
5435
+ | \`data-table\` | 232,690 | 67,607 | 57,861 | 120,612 | 29,559 | 23,913 |
5436
+ | \`date-input\` | 164,353 | 48,937 | 43,030 | 59,948 | 13,105 | 10,860 |
5437
+ | \`date-picker\` | 71,139 | 22,978 | 20,578 | 28,748 | 7,098 | 5,699 |
5438
+ | \`description-list\` | 26,427 | 9,730 | 8,674 | 4,508 | 1,225 | 891 |
5439
+ | \`dialog\` | 44,311 | 15,228 | 13,599 | 11,066 | 3,031 | 2,424 |
5440
+ | \`divider\` | 25,863 | 9,771 | 8,637 | 3,698 | 1,104 | 824 |
5441
+ | \`donut-chart\` | 102,652 | 34,414 | 30,451 | 24,675 | 6,693 | 5,539 |
5442
+ | \`drawer\` | 49,642 | 16,867 | 15,046 | 13,613 | 3,701 | 3,068 |
5443
+ | \`drilldown\` | 49,204 | 16,542 | 14,780 | 15,373 | 3,987 | 3,249 |
5444
+ | \`empty\` | 26,316 | 10,055 | 8,905 | 3,267 | 1,056 | 776 |
5445
+ | \`file-input\` | 70,648 | 22,939 | 20,406 | 24,670 | 6,538 | 5,430 |
5446
+ | \`filter-input\` | 110,412 | 35,681 | 31,658 | 32,398 | 8,359 | 6,821 |
5447
+ | \`flex\` | 26,312 | 9,424 | 8,372 | 4,762 | 1,026 | 818 |
5448
+ | \`format-date\` | 31,463 | 11,789 | 10,532 | 4,713 | 1,381 | 1,078 |
5449
+ | \`graph\` | 96,656 | 29,106 | 25,728 | 38,756 | 9,375 | 7,813 |
5450
+ | \`grid\` | 27,762 | 10,136 | 8,994 | 5,654 | 1,436 | 1,267 |
5451
+ | \`heatmap\` | 110,057 | 36,550 | 32,248 | 27,372 | 7,501 | 6,025 |
5452
+ | \`icon\` | 86,410 | 29,545 | 25,462 | 61,333 | 21,068 | 16,867 |
5453
+ | \`icon-button\` | 44,066 | 14,347 | 12,788 | 12,956 | 2,923 | 2,256 |
5454
+ | \`image\` | 27,760 | 10,305 | 9,128 | 5,217 | 1,605 | 1,245 |
5455
+ | \`input\` | 51,304 | 17,264 | 15,256 | 11,244 | 3,336 | 2,493 |
5456
+ | \`kbd\` | 30,078 | 11,327 | 10,001 | 5,492 | 1,634 | 1,308 |
5457
+ | \`legend\` | 45,189 | 15,799 | 14,053 | 7,875 | 2,176 | 1,706 |
5458
+ | \`lightbox\` | 63,432 | 20,710 | 18,430 | 23,035 | 5,943 | 4,668 |
5459
+ | \`line-chart\` | 113,713 | 38,274 | 33,766 | 28,161 | 7,544 | 6,242 |
5460
+ | \`list\` | 69,295 | 23,264 | 20,679 | 21,583 | 5,912 | 4,722 |
5461
+ | \`listbox\` | 82,511 | 27,060 | 23,919 | 20,032 | 5,677 | 4,351 |
5462
+ | \`loader\` | 30,222 | 11,213 | 9,999 | 5,653 | 1,662 | 1,289 |
5463
+ | \`log\` | 92,972 | 30,032 | 26,592 | 49,607 | 13,927 | 11,909 |
5464
+ | \`map\` | 121,211 | 32,727 | 28,658 | 71,127 | 15,725 | 12,890 |
5465
+ | \`megamenu\` | 66,134 | 23,305 | 20,632 | 13,674 | 3,617 | 2,824 |
5466
+ | \`menu\` | 109,435 | 35,104 | 30,964 | 41,175 | 10,054 | 8,346 |
5467
+ | \`meter\` | 39,093 | 13,831 | 12,343 | 11,138 | 2,813 | 2,414 |
5468
+ | \`motion-toggle\` | 27,988 | 10,725 | 9,532 | 3,044 | 963 | 776 |
5469
+ | \`navigation\` | 37,585 | 13,566 | 12,089 | 7,076 | 1,965 | 1,545 |
5470
+ | \`notifications\` | 73,053 | 22,903 | 20,461 | 31,758 | 7,678 | 6,404 |
5471
+ | \`number-input\` | 62,610 | 20,544 | 18,287 | 18,546 | 4,822 | 3,813 |
5472
+ | \`object-inspector\` | 132,306 | 41,847 | 36,835 | 52,410 | 13,107 | 10,910 |
5473
+ | \`option\` | 30,122 | 10,928 | 9,722 | 7,587 | 2,121 | 1,648 |
5474
+ | \`orb\` | 36,885 | 14,019 | 12,530 | 10,017 | 3,705 | 3,048 |
5475
+ | \`outline\` | 38,845 | 13,846 | 12,302 | 12,105 | 3,422 | 2,749 |
5476
+ | \`pagination\` | 154,907 | 47,575 | 41,395 | 62,539 | 15,123 | 12,355 |
5477
+ | \`pin-input\` | 52,228 | 17,953 | 16,007 | 10,571 | 3,277 | 2,491 |
5478
+ | \`popover\` | 68,034 | 24,114 | 21,294 | 9,595 | 2,626 | 2,076 |
5479
+ | \`progress\` | 36,415 | 12,815 | 11,450 | 10,170 | 2,587 | 2,253 |
5480
+ | \`qr-code\` | 45,270 | 17,490 | 15,561 | 18,587 | 6,717 | 5,690 |
5481
+ | \`quote\` | 23,646 | 9,303 | 8,218 | 1,751 | 657 | 490 |
5482
+ | \`radio\` | 51,120 | 16,283 | 14,517 | 11,591 | 2,753 | 2,149 |
5483
+ | \`rating\` | 55,527 | 19,004 | 16,932 | 11,974 | 3,649 | 2,789 |
5484
+ | \`sandbox\` | 108,218 | 32,974 | 28,902 | 74,723 | 20,381 | 17,121 |
5485
+ | \`scatter-chart\` | 108,028 | 36,473 | 32,151 | 29,695 | 8,491 | 7,008 |
5486
+ | \`scroll-area\` | 36,301 | 12,383 | 11,024 | 13,508 | 3,566 | 2,871 |
5487
+ | \`select\` | 125,846 | 40,635 | 35,649 | 35,265 | 9,068 | 7,299 |
5488
+ | \`skeleton\` | 26,848 | 9,946 | 8,858 | 4,755 | 1,357 | 1,110 |
5489
+ | \`skip-link\` | 26,118 | 10,114 | 8,948 | 2,779 | 938 | 633 |
5490
+ | \`slider\` | 69,605 | 20,727 | 18,562 | 28,574 | 6,243 | 5,084 |
5491
+ | \`sparkline\` | 54,716 | 19,331 | 17,260 | 11,424 | 3,460 | 2,851 |
5492
+ | \`spatial-bar-chart\` | 114,232 | 39,176 | 34,472 | 28,901 | 8,489 | 7,087 |
5493
+ | \`spatial-heatmap\` | 126,828 | 42,151 | 37,089 | 41,460 | 11,579 | 9,728 |
5494
+ | \`spatial-ribbon-chart\` | 113,204 | 38,745 | 34,084 | 29,691 | 8,873 | 7,332 |
5495
+ | \`spatial-scatter-chart\` | 111,501 | 37,966 | 33,439 | 28,039 | 8,193 | 6,844 |
5496
+ | \`spatial-surface-chart\` | 113,878 | 39,175 | 34,587 | 30,366 | 9,282 | 7,818 |
5497
+ | \`spatial-treemap\` | 115,580 | 39,959 | 35,165 | 30,369 | 9,300 | 7,809 |
5498
+ | \`speed-dial\` | 76,667 | 26,447 | 23,471 | 17,968 | 4,356 | 3,535 |
5499
+ | \`splitter\` | 51,121 | 16,688 | 14,961 | 20,540 | 4,922 | 3,984 |
5500
+ | \`stat\` | 29,171 | 10,750 | 9,582 | 5,194 | 1,435 | 1,160 |
5501
+ | \`steps\` | 69,006 | 21,901 | 19,517 | 27,874 | 6,754 | 5,588 |
5502
+ | \`strands\` | 63,680 | 23,699 | 20,875 | 38,176 | 13,677 | 11,865 |
5503
+ | \`switch\` | 44,449 | 14,979 | 13,332 | 6,021 | 1,742 | 1,343 |
5504
+ | \`table\` | 136,974 | 40,481 | 35,251 | 62,690 | 15,343 | 12,807 |
5505
+ | \`tabs\` | 56,031 | 18,046 | 16,057 | 19,435 | 4,729 | 3,839 |
5506
+ | \`tag\` | 48,197 | 17,125 | 15,318 | 13,012 | 3,616 | 2,722 |
5507
+ | \`terminal\` | 98,724 | 28,103 | 24,913 | 51,173 | 10,887 | 8,968 |
5508
+ | \`text\` | 29,286 | 10,212 | 9,013 | 7,183 | 1,452 | 1,231 |
5509
+ | \`textarea\` | 48,905 | 16,375 | 14,607 | 9,404 | 2,650 | 2,094 |
5510
+ | \`time-input\` | 195,137 | 57,469 | 50,006 | 72,812 | 16,513 | 13,536 |
5511
+ | \`time-picker\` | 113,325 | 34,508 | 30,350 | 46,178 | 11,438 | 9,383 |
5512
+ | \`timeline\` | 39,321 | 13,742 | 12,306 | 10,975 | 2,680 | 2,186 |
5513
+ | \`toast\` | 60,192 | 20,339 | 18,186 | 20,047 | 5,371 | 4,334 |
5514
+ | \`toggle\` | 51,106 | 16,787 | 14,917 | 10,853 | 3,046 | 2,468 |
5515
+ | \`toolbar\` | 37,026 | 13,290 | 11,886 | 4,030 | 972 | 735 |
5516
+ | \`tooltip\` | 62,502 | 22,264 | 19,815 | 11,291 | 3,099 | 2,519 |
5517
+ | \`tour\` | 95,356 | 31,302 | 27,676 | 30,159 | 7,622 | 6,095 |
5518
+ | \`tree\` | 77,329 | 25,056 | 22,278 | 25,869 | 6,869 | 5,623 |
5519
+ | \`trend\` | 32,854 | 12,576 | 11,197 | 5,489 | 1,642 | 1,273 |
5520
+ | \`video\` | 164,366 | 48,823 | 42,543 | 87,276 | 20,680 | 17,274 |
5521
+ | \`video-playlist\` | 144,942 | 44,815 | 39,345 | 58,787 | 14,057 | 11,751 |
5522
+ | \`virtual-list\` | 66,376 | 22,416 | 19,953 | 25,371 | 7,675 | 6,253 |
5518
5523
 
5519
5524
  ## What an install adds to \`node_modules\`
5520
5525
 
@@ -5527,12 +5532,12 @@ without its whitespace, and the sizes count each one that way.
5527
5532
 
5528
5533
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
5529
5534
  |---|---|---|---|---|
5530
- | \`@fusion.dev/helix-core\` | 2,209,739 | 599 | 796,698 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
5531
- | \`@fusion.dev/helix-headless\` | 24,213,495 | 778 | 2,564,547 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
5535
+ | \`@fusion.dev/helix-core\` | 2,242,970 | 601 | 813,398 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
5536
+ | \`@fusion.dev/helix-headless\` | 24,200,613 | 778 | 2,554,230 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
5532
5537
  | \`@fusion.dev/helix-icons\` | 154,507 | 21 | 50,303 | \`svgo\` |
5533
5538
  | \`@fusion.dev/helix-styles\` | 122,391 | 6 | 0 | none |
5534
5539
  | \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
5535
- | \`@fusion.dev/helix\` | 24,834,707 | 1,029 | 569,278 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5540
+ | \`@fusion.dev/helix\` | 24,830,508 | 1,029 | 569,278 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
5536
5541
 
5537
5542
  ## Not measured yet
5538
5543