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