@fusion.dev/helix-docs 0.211.1 → 0.212.1

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