@fusion.dev/helix-docs 0.177.2 → 0.178.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.
@@ -2316,8 +2316,26 @@ leaves removing it to your framework.
2316
2316
  - The list is a listbox, named by \`notes-label\`. Arrow keys, Home, End, Page
2317
2317
  Up, and Page Down move through it, typing a letter moves to the next note
2318
2318
  whose name starts with it, and Enter or Space selects a note.
2319
- - In the search field, Down moves into the list, and Escape empties the search.
2320
- With \`no-panel\`, Escape on an empty search closes the list.
2319
+ - The search field is a combobox that controls the list. Down and Up move
2320
+ through the notes while the focus stays in the field, which names the note
2321
+ the keys are on as its \`aria-activedescendant\`. Page Down and Page Up move a
2322
+ page, and Enter selects the note. Typing, Left, Right, Home, and End go back
2323
+ to the text. Escape first lets go of the note, then empties the search. With
2324
+ \`no-panel\`, Escape on an empty search closes the list.
2325
+ - Alt and the arrow keys walk the links from the note the keys are on, in the
2326
+ list or in the search field. Alt+Right follows a link to the first note it
2327
+ links to or from. Alt+Down and Alt+Up move to the next or the previous note
2328
+ linked to the note the step came from, and wrap. Alt+Left goes back along
2329
+ the links walked. Right and Left swap on a right-to-left page. Screen
2330
+ readers hear each note, how it stands to the note it came from, and its
2331
+ place among that note's links, such as "Hiring plan. Linked from Roadmap. 2
2332
+ of 3", from \`walk-label\`. A note with no links says so, from
2333
+ \`link-count-label\`. Enter selects the note the walk reached.
2334
+ - While the list or the search field has the keys, the drawing marks the note
2335
+ they are on as it marks the note under the pointer, with its name boxed and
2336
+ its links lit, and a walk brings each note it reaches into view.
2337
+ \`sigmaDriver\` draws the mark, and a driver of your own reads \`keyed\` from
2338
+ the looks it is given.
2321
2339
  - The legend is a toolbar and one tab stop. Arrow keys, Home, and End move
2322
2340
  between its groups, typing a letter moves to the next group whose name
2323
2341
  starts with it, and Space or Enter shows or hides a group.
@@ -2337,7 +2355,8 @@ leaves removing it to your framework.
2337
2355
  When that note is removed, the keys move to the note that took its row.
2338
2356
  - Change the words with \`search-label\`, \`count-label\`, \`selected-label\`,
2339
2357
  \`selection-label\`,
2340
- \`links-to-label\`, \`linked-from-label\`, \`linked-both-label\`,
2358
+ \`links-to-label\`, \`linked-from-label\`, \`linked-both-label\`, \`walk-label\`,
2359
+ \`link-count-label\`,
2341
2360
  \`moved-up-label\`, \`moved-down-label\`, \`moved-left-label\`,
2342
2361
  \`moved-right-label\`, \`zoomed-in-label\`, and \`zoomed-out-label\`, or register
2343
2362
  them for a language with \`registerWords\` (see
@@ -2367,8 +2386,8 @@ The frame sends these events. Their names follow Map's: \`helix-graph-pan\`,
2367
2386
  To use another renderer, write a driver: an object with four methods.
2368
2387
 
2369
2388
  - \`draw({ nodes, links })\` draws the graph, each note at its \`x\` and \`y\`.
2370
- - \`look(looks)\` says how each note and link is drawn, from the theme and the
2371
- selection.
2389
+ - \`look(looks)\` says how each note and link is drawn, from the theme, the
2390
+ selection, and the note the keys are on, \`looks.keyed\`.
2372
2391
  - \`panBy(x, y, animate)\` moves the view by a number of pixels.
2373
2392
  - \`zoomBy(direction, animate)\` zooms in for \`1\` and out for \`-1\`.
2374
2393
 
@@ -4150,7 +4169,7 @@ on its own.
4150
4169
 
4151
4170
  | | Raw | Gzip | Brotli |
4152
4171
  |---|---|---|---|
4153
- | Lit and \`@fusion.dev/helix-core\` | 250,696 | 78,506 | 67,269 |
4172
+ | Lit and \`@fusion.dev/helix-core\` | 250,696 | 78,505 | 67,276 |
4154
4173
 
4155
4174
  ## Whole packages
4156
4175
 
@@ -4161,12 +4180,12 @@ either barrel. The per-component tables show what your page pays.
4161
4180
 
4162
4181
  | Package | Raw | Gzip | Brotli | |
4163
4182
  |---|---|---|---|---|
4164
- | \`@fusion.dev/helix-core\` | 249,905 | 78,284 | 66,822 | The element base class, mixins, decorators, and floating positioning. |
4165
- | \`@fusion.dev/helix-headless\` | 1,369,326 | 371,388 | 278,014 | Every headless family. The barrel entry includes all of them. |
4183
+ | \`@fusion.dev/helix-core\` | 249,905 | 78,283 | 66,807 | The element base class, mixins, decorators, and floating positioning. |
4184
+ | \`@fusion.dev/helix-headless\` | 1,376,029 | 373,245 | 279,443 | Every headless family. The barrel entry includes all of them. |
4166
4185
  | \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
4167
4186
  | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
4168
4187
  | \`fusion_helix_theme_bg.wasm\` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
4169
- | \`@fusion.dev/helix\` | 2,084,289 | 517,607 | 366,905 | Every styled family. |
4188
+ | \`@fusion.dev/helix\` | 2,091,078 | 519,623 | 368,529 | Every styled family. |
4170
4189
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
4171
4190
 
4172
4191
  ## Stylesheets
@@ -4189,11 +4208,11 @@ shows the whole cost of using the base layer on its own.
4189
4208
 
4190
4209
  **Most of your first component is the shared runtime.** The median styled family is 17,328 bytes gzipped alone, and it adds 3,842 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 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.
4191
4210
 
4192
- Across the 105 styled components, the smallest is \`code\` at 8,472 bytes gzipped alone, and the largest is \`data-table\` at 81,045. Every family together is 517,607.
4211
+ Across the 105 styled components, the smallest is \`code\` at 8,472 bytes gzipped alone, and the largest is \`data-table\` at 81,045. Every family together is 519,623.
4193
4212
 
4194
- No family imports a barrel. The \`barrels\` rule in \`fusion 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 371,388 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 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.
4213
+ No family imports a barrel. The \`barrels\` rule in \`fusion 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 373,245 bytes gzipped, whatever else the page imports. That is 22 times the median family above. All 105 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.
4195
4214
 
4196
- 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 16,590 bytes gzipped alone.
4215
+ 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 16,589 bytes gzipped alone.
4197
4216
 
4198
4217
  ## Compared with other systems
4199
4218
 
@@ -4205,7 +4224,7 @@ The table has no whole-library row. That row would compare how many components e
4205
4224
 
4206
4225
  | Component | System | Raw | Gzip | Brotli |
4207
4226
  |---|---|---|---|---|
4208
- | \`button\` | **Helix** | 44,191 | 14,619 | 13,044 |
4227
+ | \`button\` | **Helix** | 44,191 | 14,620 | 13,040 |
4209
4228
  | | Carbon | 133,058 | 20,959 | 17,685 |
4210
4229
  | | Material Web | 47,060 | 14,173 | 12,591 |
4211
4230
  | | Shoelace | 62,628 | 18,287 | 15,805 |
@@ -4215,12 +4234,12 @@ The table has no whole-library row. That row would compare how many components e
4215
4234
  | | Material Web | 43,785 | 13,556 | 12,015 |
4216
4235
  | | Shoelace | 47,614 | 15,177 | 13,301 |
4217
4236
  | | Spectrum | 62,492 | 15,437 | 13,481 |
4218
- | \`dialog\` | **Helix** | 45,141 | 15,338 | 13,683 |
4237
+ | \`dialog\` | **Helix** | 45,141 | 15,337 | 13,680 |
4219
4238
  | | Carbon | 510,866 | 67,390 | 39,189 |
4220
4239
  | | Material Web | 34,238 | 11,510 | 10,229 |
4221
4240
  | | Shoelace | 52,754 | 17,698 | 15,554 |
4222
4241
  | | Spectrum | 155,708 | 31,899 | 26,262 |
4223
- | \`radio\` | **Helix** | 52,281 | 16,091 | 14,322 |
4242
+ | \`radio\` | **Helix** | 52,281 | 16,090 | 14,287 |
4224
4243
  | | Carbon | 63,055 | 16,887 | 14,605 |
4225
4244
  | | Material Web | 41,044 | 13,234 | 11,757 |
4226
4245
  | | Shoelace | 34,865 | 12,027 | 10,559 |
@@ -4230,18 +4249,18 @@ The table has no whole-library row. That row would compare how many components e
4230
4249
  | | Material Web | 50,155 | 14,577 | 12,935 |
4231
4250
  | | Shoelace | 37,833 | 11,814 | 10,568 |
4232
4251
  | | Spectrum | 62,322 | 15,059 | 13,321 |
4233
- | \`tabs\` | **Helix** | 59,178 | 18,452 | 16,409 |
4252
+ | \`tabs\` | **Helix** | 59,178 | 18,450 | 16,390 |
4234
4253
  | | Carbon | 578,766 | 73,537 | 43,235 |
4235
4254
  | | Material Web | 38,883 | 12,820 | 11,368 |
4236
4255
  | | Shoelace | 54,573 | 17,140 | 15,068 |
4237
4256
  | | Spectrum | 64,875 | 18,298 | 16,283 |
4238
- | \`tooltip\` | **Helix** | 62,262 | 21,926 | 19,451 |
4257
+ | \`tooltip\` | **Helix** | 62,262 | 21,925 | 19,459 |
4239
4258
  | | Carbon | 189,382 | 30,354 | 22,273 |
4240
4259
  | | Material Web | | not shipped | |
4241
4260
  | | Shoelace | 57,412 | 20,220 | 17,933 |
4242
4261
  | | Spectrum | 136,599 | 40,552 | 35,286 |
4243
4262
 
4244
- At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is tabs against Material Web, at 5,632 bytes gzipped. 13 of 27 peer measurements are smaller than the Helix row.
4263
+ At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is tabs against Material Web, at 5,630 bytes gzipped. 13 of 27 peer measurements are smaller than the Helix row.
4245
4264
 
4246
4265
  Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
4247
4266
 
@@ -4287,104 +4306,104 @@ Structure, accessibility, state, and form participation. It has no presentation
4287
4306
 
4288
4307
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4289
4308
  |---|---|---|---|---|---|---|
4290
- | \`accordion\` | 32,745 | 11,983 | 10,621 | 6,019 | 1,739 | 1,182 |
4291
- | \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,538 | 1,026 |
4292
- | \`app-header\` | 32,800 | 12,032 | 10,689 | 6,204 | 1,880 | 1,265 |
4293
- | \`area-chart\` | 91,684 | 31,815 | 28,124 | 14,689 | 4,494 | 3,458 |
4294
- | \`avatar\` | 30,980 | 11,731 | 10,500 | 4,627 | 1,372 | 940 |
4295
- | \`badge\` | 27,270 | 10,682 | 9,486 | 3,276 | 1,021 | 668 |
4296
- | \`bar-chart\` | 94,648 | 32,662 | 28,886 | 17,507 | 5,260 | 4,203 |
4297
- | \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,012 | 606 |
4298
- | \`breadcrumbs\` | 36,711 | 14,014 | 12,447 | 8,000 | 2,552 | 1,848 |
4299
- | \`button\` | 37,063 | 13,174 | 11,721 | 5,261 | 1,594 | 1,103 |
4300
- | \`button-group\` | 27,883 | 10,538 | 9,337 | 5,322 | 1,694 | 1,063 |
4301
- | \`callout\` | 35,706 | 13,688 | 12,140 | 3,217 | 1,096 | 666 |
4302
- | \`canvas\` | 109,730 | 34,968 | 30,559 | 70,004 | 21,235 | 17,605 |
4303
- | \`card\` | 23,959 | 9,173 | 8,133 | 2,422 | 763 | 377 |
4304
- | \`carousel\` | 42,808 | 15,297 | 13,625 | 15,311 | 4,266 | 3,188 |
4305
- | \`chat\` | 80,028 | 26,378 | 23,305 | 28,460 | 8,254 | 6,277 |
4306
- | \`checkbox\` | 40,923 | 13,721 | 12,240 | 3,391 | 1,076 | 466 |
4307
- | \`checkbox-group\` | 48,480 | 15,670 | 13,973 | 8,941 | 2,492 | 1,670 |
4308
- | \`code\` | 20,483 | 8,146 | 7,222 | 466 | 226 | 1 |
4309
- | \`code-block\` | 106,060 | 35,464 | 31,288 | 38,313 | 10,902 | 8,705 |
4310
- | \`color-input\` | 145,194 | 45,505 | 39,712 | 56,872 | 14,626 | 11,701 |
4311
- | \`color-picker\` | 105,810 | 33,299 | 29,145 | 48,657 | 12,957 | 10,309 |
4312
- | \`combobox\` | 139,085 | 43,083 | 37,871 | 40,761 | 10,096 | 7,867 |
4313
- | \`command\` | 105,781 | 32,542 | 28,522 | 35,072 | 9,108 | 7,208 |
4314
- | \`copy-button\` | 83,729 | 28,282 | 25,105 | 19,667 | 5,178 | 3,856 |
4315
- | \`data-table\` | 208,630 | 62,394 | 53,271 | 97,585 | 25,240 | 19,974 |
4316
- | \`date-input\` | 144,385 | 44,686 | 39,220 | 38,640 | 9,531 | 7,427 |
4317
- | \`date-picker\` | 61,648 | 20,875 | 18,732 | 20,367 | 5,592 | 4,289 |
4318
- | \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 659 | 349 |
4319
- | \`dialog\` | 39,660 | 14,075 | 12,532 | 6,219 | 1,891 | 1,281 |
4320
- | \`divider\` | 23,173 | 9,044 | 7,976 | 1,745 | 627 | 285 |
4321
- | \`donut-chart\` | 90,591 | 31,237 | 27,691 | 15,268 | 4,653 | 3,654 |
4322
- | \`drawer\` | 44,304 | 15,612 | 13,847 | 8,080 | 2,454 | 1,755 |
4323
- | \`drilldown\` | 43,328 | 15,038 | 13,360 | 10,162 | 2,812 | 1,922 |
4324
- | \`empty\` | 24,376 | 9,368 | 8,288 | 2,282 | 776 | 437 |
4325
- | \`file-input\` | 59,035 | 20,205 | 17,964 | 13,765 | 4,264 | 3,248 |
4326
- | \`filter-input\` | 96,697 | 32,005 | 28,343 | 19,508 | 5,470 | 4,100 |
4327
- | \`format-date\` | 30,340 | 11,408 | 10,201 | 4,769 | 1,383 | 862 |
4328
- | \`graph\` | 72,038 | 23,774 | 21,069 | 18,971 | 5,734 | 4,452 |
4329
- | \`heatmap\` | 95,882 | 32,715 | 28,916 | 17,554 | 5,053 | 3,721 |
4330
- | \`icon\` | 31,354 | 11,873 | 10,459 | 8,833 | 3,002 | 2,230 |
4331
- | \`icon-button\` | 37,502 | 13,216 | 11,767 | 5,698 | 1,653 | 1,124 |
4332
- | \`image\` | 25,686 | 9,596 | 8,498 | 4,159 | 1,274 | 770 |
4333
- | \`input\` | 47,372 | 16,210 | 14,277 | 7,688 | 2,528 | 1,679 |
4334
- | \`kbd\` | 27,537 | 10,604 | 9,364 | 3,825 | 1,230 | 753 |
4335
- | \`legend\` | 35,366 | 13,053 | 11,625 | 3,289 | 1,133 | 751 |
4336
- | \`lightbox\` | 56,786 | 18,937 | 16,839 | 17,408 | 4,837 | 3,495 |
4337
- | \`line-chart\` | 92,719 | 31,985 | 28,426 | 15,394 | 4,566 | 3,511 |
4338
- | \`list\` | 62,376 | 21,454 | 19,114 | 15,975 | 4,616 | 3,437 |
4339
- | \`listbox\` | 82,153 | 26,455 | 23,424 | 19,854 | 5,536 | 3,997 |
4340
- | \`loader\` | 26,561 | 10,165 | 9,042 | 3,105 | 1,080 | 715 |
4341
- | \`map\` | 82,476 | 24,898 | 21,691 | 40,792 | 10,608 | 8,181 |
4342
- | \`megamenu\` | 60,537 | 21,792 | 19,329 | 8,929 | 2,508 | 1,735 |
4343
- | \`menu\` | 104,806 | 34,691 | 30,635 | 33,419 | 8,653 | 6,747 |
4344
- | \`meter\` | 31,965 | 12,146 | 10,818 | 5,291 | 1,584 | 1,186 |
4345
- | \`navigation\` | 33,270 | 12,546 | 11,142 | 3,696 | 1,299 | 856 |
4346
- | \`notifications\` | 59,536 | 19,809 | 17,667 | 18,781 | 5,000 | 3,648 |
4347
- | \`number-input\` | 57,280 | 19,065 | 16,982 | 13,860 | 3,727 | 2,706 |
4348
- | \`object-inspector\` | 116,873 | 38,791 | 34,185 | 37,125 | 10,485 | 8,164 |
4349
- | \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,376 | 845 |
4350
- | \`outline\` | 33,838 | 12,725 | 11,296 | 8,200 | 2,689 | 1,938 |
4351
- | \`pagination\` | 139,541 | 43,724 | 37,986 | 47,844 | 12,107 | 9,421 |
4352
- | \`pin-input\` | 48,078 | 16,623 | 14,819 | 7,072 | 2,354 | 1,607 |
4353
- | \`popover\` | 64,354 | 23,048 | 20,412 | 6,748 | 2,016 | 1,372 |
4354
- | \`progress\` | 28,266 | 10,846 | 9,643 | 3,305 | 1,057 | 629 |
4355
- | \`qr-code\` | 42,901 | 16,763 | 14,941 | 17,336 | 6,498 | 5,175 |
4356
- | \`quote\` | 22,698 | 9,005 | 7,941 | 1,539 | 677 | 329 |
4357
- | \`radio\` | 43,779 | 14,560 | 12,926 | 4,432 | 1,361 | 853 |
4358
- | \`rating\` | 51,266 | 17,494 | 15,586 | 8,367 | 2,559 | 1,851 |
4359
- | \`scatter-chart\` | 92,662 | 31,811 | 28,143 | 16,759 | 5,000 | 3,872 |
4360
- | \`scroll-area\` | 30,549 | 11,169 | 9,877 | 8,810 | 2,693 | 1,969 |
4361
- | \`select\` | 122,789 | 39,374 | 34,526 | 32,039 | 8,293 | 6,256 |
4362
- | \`skeleton\` | 22,510 | 8,766 | 7,772 | 1,321 | 526 | 200 |
4363
- | \`skip-link\` | 24,054 | 9,460 | 8,368 | 1,553 | 612 | 314 |
4364
- | \`slider\` | 53,882 | 18,035 | 16,102 | 13,495 | 3,926 | 2,920 |
4365
- | \`sparkline\` | 48,052 | 17,559 | 15,713 | 6,289 | 2,243 | 1,608 |
4366
- | \`speed-dial\` | 69,853 | 24,834 | 22,009 | 11,841 | 3,124 | 2,323 |
4367
- | \`splitter\` | 43,932 | 15,279 | 13,663 | 14,732 | 3,956 | 3,020 |
4368
- | \`stat\` | 25,766 | 9,817 | 8,717 | 2,962 | 906 | 519 |
4369
- | \`steps\` | 56,481 | 19,310 | 17,177 | 14,610 | 4,070 | 2,911 |
4370
- | \`switch\` | 39,781 | 13,542 | 12,062 | 1,963 | 728 | 284 |
4371
- | \`table\` | 120,083 | 37,034 | 32,186 | 46,795 | 12,723 | 9,981 |
4372
- | \`tabs\` | 49,181 | 16,557 | 14,716 | 11,170 | 2,973 | 2,120 |
4373
- | \`tag\` | 44,369 | 16,108 | 14,377 | 9,122 | 2,680 | 1,817 |
4374
- | \`textarea\` | 44,863 | 15,168 | 13,536 | 5,738 | 1,739 | 1,124 |
4375
- | \`time-input\` | 173,395 | 52,910 | 45,902 | 49,848 | 12,592 | 9,755 |
4376
- | \`time-picker\` | 101,362 | 31,599 | 27,790 | 34,839 | 9,341 | 7,129 |
4377
- | \`timeline\` | 32,129 | 12,023 | 10,751 | 5,055 | 1,371 | 898 |
4378
- | \`toast\` | 51,650 | 18,074 | 16,070 | 12,791 | 3,664 | 2,614 |
4379
- | \`toggle\` | 46,864 | 15,384 | 13,649 | 6,703 | 1,987 | 1,285 |
4380
- | \`toolbar\` | 31,229 | 11,688 | 10,400 | 5,487 | 1,776 | 1,178 |
4381
- | \`tooltip\` | 59,114 | 21,175 | 18,840 | 8,757 | 2,470 | 1,829 |
4382
- | \`tour\` | 86,575 | 29,348 | 25,916 | 20,858 | 5,699 | 4,188 |
4383
- | \`tree\` | 69,125 | 22,920 | 20,349 | 17,926 | 5,168 | 3,855 |
4384
- | \`trend\` | 29,899 | 11,696 | 10,442 | 3,822 | 1,220 | 852 |
4385
- | \`video\` | 146,051 | 45,106 | 39,345 | 69,860 | 17,603 | 14,050 |
4386
- | \`video-playlist\` | 133,455 | 42,276 | 37,200 | 47,018 | 11,995 | 9,597 |
4387
- | \`virtual-list\` | 58,901 | 20,073 | 17,910 | 21,141 | 6,476 | 5,021 |
4309
+ | \`accordion\` | 32,745 | 11,983 | 10,626 | 6,019 | 1,739 | 1,195 |
4310
+ | \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,538 | 1,010 |
4311
+ | \`app-header\` | 32,800 | 12,032 | 10,657 | 6,204 | 1,880 | 1,208 |
4312
+ | \`area-chart\` | 91,684 | 31,814 | 28,085 | 14,689 | 4,494 | 3,367 |
4313
+ | \`avatar\` | 30,980 | 11,730 | 10,496 | 4,627 | 1,372 | 945 |
4314
+ | \`badge\` | 27,270 | 10,681 | 9,487 | 3,276 | 1,020 | 600 |
4315
+ | \`bar-chart\` | 94,648 | 32,661 | 28,850 | 17,507 | 5,261 | 4,093 |
4316
+ | \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,012 | 621 |
4317
+ | \`breadcrumbs\` | 36,711 | 14,014 | 12,516 | 8,000 | 2,552 | 1,921 |
4318
+ | \`button\` | 37,063 | 13,174 | 11,730 | 5,261 | 1,594 | 1,037 |
4319
+ | \`button-group\` | 27,883 | 10,536 | 9,328 | 5,322 | 1,694 | 1,147 |
4320
+ | \`callout\` | 35,706 | 13,688 | 12,139 | 3,217 | 1,096 | 670 |
4321
+ | \`canvas\` | 109,730 | 34,968 | 30,571 | 70,004 | 21,236 | 17,597 |
4322
+ | \`card\` | 23,959 | 9,173 | 8,113 | 2,422 | 763 | 455 |
4323
+ | \`carousel\` | 42,808 | 15,297 | 13,624 | 15,311 | 4,266 | 3,173 |
4324
+ | \`chat\` | 80,028 | 26,378 | 23,289 | 28,460 | 8,254 | 6,363 |
4325
+ | \`checkbox\` | 40,923 | 13,721 | 12,247 | 3,391 | 1,076 | 509 |
4326
+ | \`checkbox-group\` | 48,480 | 15,670 | 13,973 | 8,941 | 2,492 | 1,651 |
4327
+ | \`code\` | 20,483 | 8,145 | 7,222 | 466 | 226 | 11 |
4328
+ | \`code-block\` | 106,060 | 35,464 | 31,325 | 38,313 | 10,902 | 8,633 |
4329
+ | \`color-input\` | 145,194 | 45,505 | 39,722 | 56,872 | 14,628 | 11,713 |
4330
+ | \`color-picker\` | 105,810 | 33,299 | 29,161 | 48,657 | 12,958 | 10,215 |
4331
+ | \`combobox\` | 139,085 | 43,083 | 37,776 | 40,761 | 10,097 | 7,787 |
4332
+ | \`command\` | 105,781 | 32,542 | 28,601 | 35,072 | 9,110 | 7,030 |
4333
+ | \`copy-button\` | 83,729 | 28,282 | 25,071 | 19,667 | 5,178 | 3,868 |
4334
+ | \`data-table\` | 208,630 | 62,394 | 53,300 | 97,585 | 25,244 | 19,995 |
4335
+ | \`date-input\` | 144,385 | 44,686 | 39,236 | 38,640 | 9,532 | 7,290 |
4336
+ | \`date-picker\` | 61,648 | 20,875 | 18,725 | 20,367 | 5,592 | 4,297 |
4337
+ | \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 659 | 307 |
4338
+ | \`dialog\` | 39,660 | 14,075 | 12,485 | 6,219 | 1,891 | 1,230 |
4339
+ | \`divider\` | 23,173 | 9,043 | 8,008 | 1,745 | 627 | 295 |
4340
+ | \`donut-chart\` | 90,591 | 31,235 | 27,669 | 15,268 | 4,653 | 3,755 |
4341
+ | \`drawer\` | 44,304 | 15,609 | 13,853 | 8,080 | 2,454 | 1,773 |
4342
+ | \`drilldown\` | 43,328 | 15,038 | 13,350 | 10,162 | 2,812 | 2,002 |
4343
+ | \`empty\` | 24,376 | 9,368 | 8,289 | 2,282 | 776 | 512 |
4344
+ | \`file-input\` | 59,035 | 20,205 | 17,935 | 13,765 | 4,264 | 3,242 |
4345
+ | \`filter-input\` | 100,762 | 33,074 | 29,302 | 22,905 | 6,384 | 4,897 |
4346
+ | \`format-date\` | 30,340 | 11,407 | 10,197 | 4,769 | 1,383 | 942 |
4347
+ | \`graph\` | 75,328 | 24,695 | 21,790 | 22,262 | 6,625 | 5,172 |
4348
+ | \`heatmap\` | 95,882 | 32,715 | 28,865 | 17,554 | 5,053 | 3,760 |
4349
+ | \`icon\` | 31,354 | 11,873 | 10,459 | 8,833 | 3,002 | 2,204 |
4350
+ | \`icon-button\` | 37,502 | 13,215 | 11,761 | 5,698 | 1,653 | 1,072 |
4351
+ | \`image\` | 25,686 | 9,596 | 8,499 | 4,159 | 1,274 | 799 |
4352
+ | \`input\` | 47,372 | 16,212 | 14,280 | 7,688 | 2,528 | 1,663 |
4353
+ | \`kbd\` | 27,537 | 10,604 | 9,364 | 3,825 | 1,230 | 712 |
4354
+ | \`legend\` | 35,366 | 13,053 | 11,630 | 3,289 | 1,133 | 662 |
4355
+ | \`lightbox\` | 56,786 | 18,937 | 16,827 | 17,408 | 4,837 | 3,446 |
4356
+ | \`line-chart\` | 92,719 | 31,985 | 28,362 | 15,394 | 4,566 | 3,576 |
4357
+ | \`list\` | 62,376 | 21,453 | 19,096 | 15,975 | 4,616 | 3,403 |
4358
+ | \`listbox\` | 82,153 | 26,454 | 23,346 | 19,854 | 5,536 | 4,075 |
4359
+ | \`loader\` | 26,561 | 10,165 | 9,002 | 3,105 | 1,080 | 655 |
4360
+ | \`map\` | 82,476 | 24,898 | 21,645 | 40,792 | 10,608 | 8,044 |
4361
+ | \`megamenu\` | 60,537 | 21,791 | 19,315 | 8,929 | 2,508 | 1,704 |
4362
+ | \`menu\` | 104,806 | 34,689 | 30,679 | 33,419 | 8,654 | 6,786 |
4363
+ | \`meter\` | 31,965 | 12,146 | 10,869 | 5,291 | 1,584 | 1,138 |
4364
+ | \`navigation\` | 33,270 | 12,546 | 11,147 | 3,696 | 1,299 | 893 |
4365
+ | \`notifications\` | 59,536 | 19,809 | 17,675 | 18,781 | 5,000 | 3,729 |
4366
+ | \`number-input\` | 57,280 | 19,065 | 16,981 | 13,860 | 3,727 | 2,681 |
4367
+ | \`object-inspector\` | 116,873 | 38,791 | 34,159 | 37,125 | 10,485 | 8,143 |
4368
+ | \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,376 | 916 |
4369
+ | \`outline\` | 33,838 | 12,725 | 11,296 | 8,200 | 2,689 | 1,838 |
4370
+ | \`pagination\` | 139,541 | 43,724 | 38,003 | 47,844 | 12,108 | 9,353 |
4371
+ | \`pin-input\` | 48,078 | 16,622 | 14,825 | 7,072 | 2,354 | 1,515 |
4372
+ | \`popover\` | 64,354 | 23,048 | 20,403 | 6,748 | 2,016 | 1,338 |
4373
+ | \`progress\` | 28,266 | 10,846 | 9,645 | 3,305 | 1,057 | 671 |
4374
+ | \`qr-code\` | 42,901 | 16,763 | 14,898 | 17,336 | 6,499 | 5,255 |
4375
+ | \`quote\` | 22,698 | 9,004 | 7,944 | 1,539 | 678 | 363 |
4376
+ | \`radio\` | 43,779 | 14,560 | 12,964 | 4,432 | 1,361 | 815 |
4377
+ | \`rating\` | 51,266 | 17,494 | 15,587 | 8,367 | 2,559 | 1,700 |
4378
+ | \`scatter-chart\` | 92,662 | 31,810 | 28,073 | 16,759 | 5,000 | 3,852 |
4379
+ | \`scroll-area\` | 30,549 | 11,169 | 9,877 | 8,810 | 2,693 | 1,983 |
4380
+ | \`select\` | 122,789 | 39,374 | 34,550 | 32,039 | 8,294 | 6,244 |
4381
+ | \`skeleton\` | 22,510 | 8,765 | 7,771 | 1,321 | 527 | 177 |
4382
+ | \`skip-link\` | 24,054 | 9,460 | 8,363 | 1,553 | 612 | 325 |
4383
+ | \`slider\` | 53,882 | 18,033 | 16,099 | 13,495 | 3,926 | 3,001 |
4384
+ | \`sparkline\` | 48,052 | 17,555 | 15,709 | 6,289 | 2,243 | 1,555 |
4385
+ | \`speed-dial\` | 69,853 | 24,833 | 22,022 | 11,841 | 3,124 | 2,276 |
4386
+ | \`splitter\` | 43,932 | 15,278 | 13,669 | 14,732 | 3,956 | 2,993 |
4387
+ | \`stat\` | 25,766 | 9,818 | 8,713 | 2,962 | 906 | 496 |
4388
+ | \`steps\` | 56,481 | 19,311 | 17,146 | 14,610 | 4,070 | 3,039 |
4389
+ | \`switch\` | 39,781 | 13,542 | 12,088 | 1,963 | 728 | 256 |
4390
+ | \`table\` | 120,083 | 37,034 | 32,196 | 46,795 | 12,723 | 10,034 |
4391
+ | \`tabs\` | 49,181 | 16,555 | 14,741 | 11,170 | 2,973 | 2,112 |
4392
+ | \`tag\` | 44,369 | 16,108 | 14,381 | 9,122 | 2,680 | 1,821 |
4393
+ | \`textarea\` | 44,863 | 15,168 | 13,524 | 5,738 | 1,739 | 1,148 |
4394
+ | \`time-input\` | 173,395 | 52,910 | 45,892 | 49,848 | 12,593 | 9,867 |
4395
+ | \`time-picker\` | 101,362 | 31,598 | 27,820 | 34,839 | 9,342 | 7,176 |
4396
+ | \`timeline\` | 32,129 | 12,023 | 10,753 | 5,055 | 1,371 | 875 |
4397
+ | \`toast\` | 51,650 | 18,074 | 16,072 | 12,791 | 3,664 | 2,734 |
4398
+ | \`toggle\` | 46,864 | 15,384 | 13,649 | 6,703 | 1,987 | 1,249 |
4399
+ | \`toolbar\` | 31,229 | 11,688 | 10,402 | 5,487 | 1,776 | 1,174 |
4400
+ | \`tooltip\` | 59,114 | 21,174 | 18,859 | 8,757 | 2,470 | 1,816 |
4401
+ | \`tour\` | 86,575 | 29,347 | 25,944 | 20,858 | 5,699 | 4,295 |
4402
+ | \`tree\` | 69,125 | 22,919 | 20,349 | 17,926 | 5,168 | 3,811 |
4403
+ | \`trend\` | 29,899 | 11,696 | 10,437 | 3,822 | 1,219 | 818 |
4404
+ | \`video\` | 146,051 | 45,106 | 39,344 | 69,860 | 17,607 | 14,174 |
4405
+ | \`video-playlist\` | 133,455 | 42,275 | 37,173 | 47,018 | 11,996 | 9,475 |
4406
+ | \`virtual-list\` | 58,901 | 20,071 | 17,896 | 21,141 | 6,476 | 5,023 |
4388
4407
 
4389
4408
  ### Styled tier
4390
4409
 
@@ -4392,111 +4411,111 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
4392
4411
 
4393
4412
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4394
4413
  |---|---|---|---|---|---|---|
4395
- | \`accordion\` | 36,857 | 12,854 | 11,436 | 10,116 | 2,656 | 1,928 |
4396
- | \`announcement\` | 42,139 | 14,513 | 12,955 | 9,931 | 2,648 | 2,044 |
4397
- | \`app-header\` | 38,268 | 13,239 | 11,762 | 11,657 | 3,098 | 2,359 |
4398
- | \`area-chart\` | 100,486 | 33,716 | 29,851 | 23,472 | 6,439 | 5,041 |
4399
- | \`aura\` | 51,608 | 17,795 | 15,745 | 27,816 | 8,689 | 7,313 |
4400
- | \`avatar\` | 34,654 | 12,524 | 11,164 | 8,286 | 2,176 | 1,632 |
4401
- | \`badge\` | 33,033 | 11,900 | 10,592 | 9,034 | 2,269 | 1,801 |
4402
- | \`bar-chart\` | 108,880 | 35,491 | 31,339 | 31,716 | 8,140 | 6,434 |
4403
- | \`blockquote\` | 26,860 | 10,107 | 8,916 | 5,287 | 1,583 | 1,137 |
4404
- | \`breadcrumbs\` | 44,361 | 15,238 | 13,633 | 15,636 | 3,842 | 3,023 |
4405
- | \`button\` | 44,191 | 14,619 | 13,044 | 12,370 | 3,080 | 2,230 |
4406
- | \`button-group\` | 31,742 | 11,238 | 9,969 | 9,166 | 2,386 | 1,847 |
4407
- | \`callout\` | 39,852 | 14,635 | 13,025 | 7,345 | 2,077 | 1,456 |
4408
- | \`canvas\` | 131,932 | 39,201 | 34,044 | 91,848 | 25,391 | 21,012 |
4409
- | \`card\` | 28,213 | 10,190 | 9,038 | 6,662 | 1,801 | 1,342 |
4410
- | \`carousel\` | 53,697 | 17,099 | 15,279 | 26,186 | 6,137 | 4,829 |
4411
- | \`chat\` | 96,397 | 29,166 | 25,724 | 44,826 | 11,096 | 8,729 |
4412
- | \`checkbox\` | 47,753 | 15,214 | 13,576 | 10,203 | 2,608 | 1,887 |
4413
- | \`checkbox-group\` | 56,377 | 17,328 | 15,488 | 16,834 | 4,195 | 3,118 |
4414
- | \`code\` | 21,671 | 8,472 | 7,491 | 1,639 | 558 | 305 |
4415
- | \`code-block\` | 132,441 | 39,428 | 34,771 | 64,676 | 15,007 | 12,137 |
4416
- | \`color-input\` | 189,839 | 51,917 | 45,402 | 101,507 | 21,079 | 17,237 |
4417
- | \`color-picker\` | 144,645 | 39,015 | 34,144 | 87,478 | 18,817 | 15,384 |
4418
- | \`combobox\` | 155,654 | 46,135 | 40,482 | 57,314 | 13,137 | 10,478 |
4419
- | \`command\` | 123,675 | 35,847 | 31,410 | 52,966 | 12,462 | 10,010 |
4420
- | \`copy-button\` | 97,193 | 30,563 | 27,027 | 33,111 | 7,471 | 5,787 |
4421
- | \`data-table\` | 292,786 | 81,045 | 66,144 | 180,517 | 43,533 | 32,445 |
4422
- | \`date-input\` | 166,656 | 48,524 | 42,620 | 60,892 | 13,394 | 10,845 |
4423
- | \`date-picker\` | 69,964 | 22,335 | 19,989 | 28,662 | 7,039 | 5,574 |
4424
- | \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,442 | 1,049 |
4425
- | \`dialog\` | 45,141 | 15,338 | 13,683 | 11,680 | 3,219 | 2,410 |
4426
- | \`divider\` | 25,821 | 9,693 | 8,550 | 4,376 | 1,291 | 824 |
4427
- | \`donut-chart\` | 101,279 | 33,415 | 29,594 | 25,933 | 6,892 | 5,414 |
4428
- | \`drawer\` | 50,503 | 17,015 | 15,155 | 14,261 | 3,915 | 3,038 |
4429
- | \`drilldown\` | 49,702 | 16,333 | 14,546 | 16,523 | 4,160 | 3,081 |
4430
- | \`empty\` | 26,021 | 9,826 | 8,681 | 3,909 | 1,257 | 856 |
4431
- | \`file-input\` | 71,299 | 22,647 | 20,058 | 26,016 | 6,732 | 5,389 |
4432
- | \`filter-input\` | 119,237 | 36,118 | 31,948 | 41,422 | 9,481 | 7,476 |
4433
- | \`flex\` | 25,978 | 9,321 | 8,257 | 5,154 | 1,170 | 831 |
4434
- | \`format-date\` | 30,926 | 11,535 | 10,293 | 5,337 | 1,520 | 1,045 |
4435
- | \`graph\` | 86,947 | 26,407 | 23,345 | 33,861 | 8,437 | 6,565 |
4436
- | \`grid\` | 27,233 | 9,980 | 8,827 | 6,021 | 1,594 | 1,179 |
4437
- | \`heatmap\` | 103,480 | 34,337 | 30,302 | 25,132 | 6,692 | 5,125 |
4438
- | \`icon\` | 33,537 | 12,400 | 10,967 | 11,009 | 3,577 | 2,602 |
4439
- | \`icon-button\` | 45,983 | 14,603 | 13,002 | 14,163 | 3,111 | 2,243 |
4440
- | \`image\` | 27,417 | 10,071 | 8,937 | 5,872 | 1,765 | 1,264 |
4441
- | \`input\` | 51,986 | 17,289 | 15,245 | 12,285 | 3,665 | 2,589 |
4442
- | \`kbd\` | 29,864 | 11,147 | 9,842 | 6,137 | 1,786 | 1,258 |
4443
- | \`legend\` | 40,773 | 14,327 | 12,698 | 8,570 | 2,388 | 1,669 |
4444
- | \`lightbox\` | 63,778 | 20,296 | 17,985 | 24,380 | 6,202 | 4,715 |
4445
- | \`line-chart\` | 104,425 | 34,390 | 30,445 | 27,084 | 6,993 | 5,578 |
4446
- | \`list\` | 69,431 | 22,996 | 20,463 | 23,007 | 6,181 | 4,725 |
4447
- | \`listbox\` | 86,961 | 27,601 | 24,312 | 24,641 | 6,671 | 5,079 |
4448
- | \`loader\` | 29,805 | 10,954 | 9,723 | 6,332 | 1,863 | 1,401 |
4449
- | \`map\` | 119,092 | 30,442 | 26,525 | 77,400 | 16,333 | 12,908 |
4450
- | \`megamenu\` | 65,860 | 22,964 | 20,379 | 14,234 | 3,702 | 2,792 |
4451
- | \`menu\` | 117,880 | 37,007 | 32,684 | 46,479 | 10,996 | 8,838 |
4452
- | \`meter\` | 38,195 | 13,416 | 12,014 | 11,502 | 2,892 | 2,259 |
4453
- | \`navigation\` | 37,354 | 13,394 | 11,897 | 7,765 | 2,176 | 1,604 |
4454
- | \`notifications\` | 74,401 | 22,483 | 20,039 | 33,636 | 7,655 | 6,203 |
4455
- | \`number-input\` | 62,622 | 20,289 | 18,083 | 19,186 | 4,959 | 3,830 |
4456
- | \`object-inspector\` | 135,077 | 41,785 | 36,752 | 55,309 | 13,535 | 10,744 |
4457
- | \`option\` | 31,522 | 10,947 | 9,689 | 9,715 | 2,424 | 1,793 |
4458
- | \`orb\` | 35,455 | 13,578 | 12,090 | 10,072 | 3,817 | 3,034 |
4459
- | \`outline\` | 38,432 | 13,612 | 12,116 | 12,777 | 3,612 | 2,569 |
4460
- | \`pagination\` | 159,269 | 47,167 | 40,980 | 67,562 | 15,577 | 12,291 |
4461
- | \`pin-input\` | 51,770 | 17,535 | 15,700 | 10,745 | 3,309 | 2,479 |
4462
- | \`popover\` | 67,855 | 23,812 | 21,094 | 10,231 | 2,827 | 2,050 |
4463
- | \`progress\` | 35,829 | 12,488 | 11,140 | 10,851 | 2,736 | 2,065 |
4464
- | \`qr-code\` | 44,840 | 17,241 | 15,365 | 19,258 | 7,001 | 5,622 |
4465
- | \`quote\` | 23,589 | 9,214 | 8,143 | 2,413 | 872 | 582 |
4466
- | \`radio\` | 52,281 | 16,091 | 14,322 | 12,923 | 2,956 | 2,123 |
4467
- | \`rating\` | 55,409 | 18,688 | 16,671 | 12,491 | 3,780 | 2,820 |
4468
- | \`sandbox\` | 105,225 | 31,046 | 27,124 | 73,136 | 18,929 | 15,505 |
4469
- | \`scatter-chart\` | 102,251 | 33,922 | 30,000 | 26,327 | 7,127 | 5,650 |
4470
- | \`scroll-area\` | 35,927 | 12,124 | 10,777 | 14,171 | 3,716 | 2,766 |
4471
- | \`select\` | 136,817 | 41,997 | 36,802 | 46,058 | 10,948 | 8,511 |
4472
- | \`skeleton\` | 26,269 | 9,683 | 8,611 | 5,066 | 1,473 | 986 |
4473
- | \`skip-link\` | 25,958 | 9,947 | 8,782 | 3,441 | 1,118 | 777 |
4474
- | \`slider\` | 69,292 | 20,367 | 18,253 | 28,886 | 6,334 | 4,932 |
4475
- | \`sparkline\` | 53,682 | 18,874 | 16,828 | 11,899 | 3,617 | 2,896 |
4476
- | \`speed-dial\` | 77,930 | 26,268 | 23,355 | 19,904 | 4,577 | 3,532 |
4477
- | \`splitter\` | 50,373 | 16,354 | 14,620 | 21,153 | 5,064 | 3,970 |
4478
- | \`stat\` | 29,307 | 10,526 | 9,397 | 6,495 | 1,645 | 1,165 |
4479
- | \`steps\` | 71,702 | 22,136 | 19,702 | 29,818 | 6,927 | 5,421 |
4480
- | \`strands\` | 53,249 | 19,273 | 17,106 | 29,252 | 9,983 | 8,450 |
4481
- | \`switch\` | 44,466 | 14,679 | 13,074 | 6,635 | 1,907 | 1,315 |
4482
- | \`table\` | 139,356 | 40,234 | 34,998 | 66,067 | 15,976 | 12,766 |
4483
- | \`tabs\` | 59,178 | 18,452 | 16,409 | 21,157 | 4,927 | 3,778 |
4484
- | \`tag\` | 49,634 | 17,254 | 15,365 | 14,372 | 3,835 | 2,893 |
4485
- | \`text\` | 28,979 | 10,064 | 8,869 | 7,770 | 1,644 | 1,105 |
4486
- | \`textarea\` | 49,149 | 16,178 | 14,407 | 10,007 | 2,804 | 2,115 |
4487
- | \`time-input\` | 199,534 | 57,208 | 49,751 | 75,977 | 16,947 | 13,615 |
4488
- | \`time-picker\` | 114,755 | 34,097 | 29,985 | 48,223 | 11,855 | 9,315 |
4489
- | \`timeline\` | 40,048 | 13,540 | 12,098 | 12,967 | 2,922 | 2,249 |
4490
- | \`toast\` | 60,260 | 19,945 | 17,733 | 21,387 | 5,634 | 4,309 |
4491
- | \`toggle\` | 52,418 | 16,652 | 14,780 | 12,243 | 3,308 | 2,434 |
4492
- | \`toolbar\` | 34,245 | 12,192 | 10,845 | 8,488 | 2,307 | 1,657 |
4493
- | \`tooltip\` | 62,262 | 21,926 | 19,451 | 11,887 | 3,245 | 2,421 |
4494
- | \`tour\` | 97,953 | 31,445 | 27,757 | 32,218 | 7,825 | 6,104 |
4495
- | \`tree\` | 78,536 | 24,878 | 22,135 | 27,321 | 7,181 | 5,642 |
4496
- | \`trend\` | 31,751 | 12,161 | 10,882 | 5,655 | 1,714 | 1,224 |
4497
- | \`video\` | 169,115 | 49,036 | 42,851 | 92,906 | 21,398 | 17,548 |
4498
- | \`video-playlist\` | 152,569 | 45,478 | 39,916 | 66,116 | 15,203 | 12,315 |
4499
- | \`virtual-list\` | 61,239 | 20,611 | 18,370 | 23,461 | 7,013 | 5,578 |
4414
+ | \`accordion\` | 36,857 | 12,854 | 11,433 | 10,116 | 2,656 | 1,971 |
4415
+ | \`announcement\` | 42,139 | 14,513 | 12,963 | 9,931 | 2,648 | 2,044 |
4416
+ | \`app-header\` | 38,268 | 13,239 | 11,761 | 11,657 | 3,098 | 2,304 |
4417
+ | \`area-chart\` | 100,486 | 33,714 | 29,779 | 23,472 | 6,440 | 4,968 |
4418
+ | \`aura\` | 51,608 | 17,794 | 15,746 | 27,816 | 8,689 | 7,273 |
4419
+ | \`avatar\` | 34,654 | 12,524 | 11,202 | 8,286 | 2,176 | 1,604 |
4420
+ | \`badge\` | 33,033 | 11,900 | 10,592 | 9,034 | 2,269 | 1,776 |
4421
+ | \`bar-chart\` | 108,880 | 35,489 | 31,359 | 31,716 | 8,141 | 6,384 |
4422
+ | \`blockquote\` | 26,860 | 10,107 | 8,936 | 5,287 | 1,583 | 1,182 |
4423
+ | \`breadcrumbs\` | 44,361 | 15,237 | 13,632 | 15,636 | 3,842 | 3,058 |
4424
+ | \`button\` | 44,191 | 14,620 | 13,040 | 12,370 | 3,080 | 2,270 |
4425
+ | \`button-group\` | 31,742 | 11,238 | 9,978 | 9,166 | 2,386 | 1,735 |
4426
+ | \`callout\` | 39,852 | 14,634 | 13,024 | 7,345 | 2,077 | 1,461 |
4427
+ | \`canvas\` | 131,932 | 39,201 | 34,098 | 91,848 | 25,392 | 21,024 |
4428
+ | \`card\` | 28,213 | 10,189 | 9,050 | 6,662 | 1,801 | 1,284 |
4429
+ | \`carousel\` | 53,697 | 17,099 | 15,318 | 26,186 | 6,137 | 4,791 |
4430
+ | \`chat\` | 96,397 | 29,166 | 25,765 | 44,826 | 11,096 | 8,807 |
4431
+ | \`checkbox\` | 47,753 | 15,214 | 13,576 | 10,203 | 2,608 | 1,959 |
4432
+ | \`checkbox-group\` | 56,377 | 17,328 | 15,475 | 16,834 | 4,196 | 3,122 |
4433
+ | \`code\` | 21,671 | 8,472 | 7,490 | 1,639 | 558 | 277 |
4434
+ | \`code-block\` | 132,441 | 39,428 | 34,787 | 64,676 | 15,008 | 12,161 |
4435
+ | \`color-input\` | 189,839 | 51,917 | 45,345 | 101,507 | 21,080 | 17,362 |
4436
+ | \`color-picker\` | 144,645 | 39,014 | 34,152 | 87,478 | 18,818 | 15,320 |
4437
+ | \`combobox\` | 155,654 | 46,135 | 40,484 | 57,314 | 13,138 | 10,467 |
4438
+ | \`command\` | 123,675 | 35,847 | 31,472 | 52,966 | 12,463 | 9,996 |
4439
+ | \`copy-button\` | 97,193 | 30,562 | 27,048 | 33,111 | 7,471 | 5,783 |
4440
+ | \`data-table\` | 292,786 | 81,045 | 66,132 | 180,517 | 43,533 | 32,615 |
4441
+ | \`date-input\` | 166,656 | 48,524 | 42,702 | 60,892 | 13,395 | 10,758 |
4442
+ | \`date-picker\` | 69,964 | 22,334 | 19,939 | 28,662 | 7,039 | 5,627 |
4443
+ | \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,442 | 1,007 |
4444
+ | \`dialog\` | 45,141 | 15,337 | 13,680 | 11,680 | 3,219 | 2,434 |
4445
+ | \`divider\` | 25,821 | 9,693 | 8,548 | 4,376 | 1,291 | 873 |
4446
+ | \`donut-chart\` | 101,279 | 33,414 | 29,552 | 25,933 | 6,892 | 5,475 |
4447
+ | \`drawer\` | 50,503 | 17,015 | 15,155 | 14,261 | 3,915 | 3,059 |
4448
+ | \`drilldown\` | 49,702 | 16,333 | 14,563 | 16,523 | 4,160 | 3,126 |
4449
+ | \`empty\` | 26,021 | 9,827 | 8,678 | 3,909 | 1,257 | 804 |
4450
+ | \`file-input\` | 71,299 | 22,646 | 20,071 | 26,016 | 6,732 | 5,322 |
4451
+ | \`filter-input\` | 123,302 | 37,205 | 32,940 | 44,819 | 10,399 | 8,256 |
4452
+ | \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,170 | 770 |
4453
+ | \`format-date\` | 30,926 | 11,534 | 10,316 | 5,337 | 1,520 | 1,035 |
4454
+ | \`graph\` | 90,323 | 27,534 | 24,060 | 37,237 | 9,544 | 7,350 |
4455
+ | \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,594 | 1,163 |
4456
+ | \`heatmap\` | 103,480 | 34,337 | 30,315 | 25,132 | 6,692 | 5,187 |
4457
+ | \`icon\` | 33,537 | 12,400 | 10,967 | 11,009 | 3,577 | 2,648 |
4458
+ | \`icon-button\` | 45,983 | 14,602 | 13,002 | 14,163 | 3,111 | 2,205 |
4459
+ | \`image\` | 27,417 | 10,071 | 8,935 | 5,872 | 1,765 | 1,300 |
4460
+ | \`input\` | 51,986 | 17,291 | 15,241 | 12,285 | 3,665 | 2,635 |
4461
+ | \`kbd\` | 29,864 | 11,148 | 9,847 | 6,137 | 1,787 | 1,314 |
4462
+ | \`legend\` | 40,773 | 14,327 | 12,698 | 8,570 | 2,388 | 1,710 |
4463
+ | \`lightbox\` | 63,778 | 20,294 | 18,025 | 24,380 | 6,202 | 4,617 |
4464
+ | \`line-chart\` | 104,425 | 34,390 | 30,429 | 27,084 | 6,993 | 5,500 |
4465
+ | \`list\` | 69,431 | 22,997 | 20,521 | 23,007 | 6,181 | 4,767 |
4466
+ | \`listbox\` | 86,961 | 27,601 | 24,359 | 24,641 | 6,671 | 4,949 |
4467
+ | \`loader\` | 29,805 | 10,955 | 9,723 | 6,332 | 1,863 | 1,356 |
4468
+ | \`map\` | 119,092 | 30,442 | 26,517 | 77,400 | 16,334 | 12,862 |
4469
+ | \`megamenu\` | 65,860 | 22,964 | 20,360 | 14,234 | 3,702 | 2,739 |
4470
+ | \`menu\` | 117,880 | 37,007 | 32,666 | 46,479 | 10,997 | 8,784 |
4471
+ | \`meter\` | 38,195 | 13,416 | 12,014 | 11,502 | 2,892 | 2,247 |
4472
+ | \`navigation\` | 37,354 | 13,394 | 11,892 | 7,765 | 2,176 | 1,613 |
4473
+ | \`notifications\` | 74,401 | 22,483 | 20,009 | 33,636 | 7,655 | 6,096 |
4474
+ | \`number-input\` | 62,622 | 20,289 | 18,088 | 19,186 | 4,960 | 3,708 |
4475
+ | \`object-inspector\` | 135,077 | 41,784 | 36,673 | 55,309 | 13,536 | 10,727 |
4476
+ | \`option\` | 31,522 | 10,947 | 9,689 | 9,715 | 2,424 | 1,703 |
4477
+ | \`orb\` | 35,455 | 13,578 | 12,109 | 10,072 | 3,817 | 2,978 |
4478
+ | \`outline\` | 38,432 | 13,612 | 12,113 | 12,777 | 3,612 | 2,654 |
4479
+ | \`pagination\` | 159,269 | 47,166 | 40,949 | 67,562 | 15,581 | 12,357 |
4480
+ | \`pin-input\` | 51,770 | 17,535 | 15,657 | 10,745 | 3,309 | 2,363 |
4481
+ | \`popover\` | 67,855 | 23,812 | 21,096 | 10,231 | 2,827 | 2,065 |
4482
+ | \`progress\` | 35,829 | 12,487 | 11,126 | 10,851 | 2,736 | 2,169 |
4483
+ | \`qr-code\` | 44,840 | 17,241 | 15,364 | 19,258 | 7,002 | 5,710 |
4484
+ | \`quote\` | 23,589 | 9,214 | 8,124 | 2,413 | 873 | 450 |
4485
+ | \`radio\` | 52,281 | 16,090 | 14,287 | 12,923 | 2,956 | 2,028 |
4486
+ | \`rating\` | 55,409 | 18,688 | 16,671 | 12,491 | 3,780 | 2,713 |
4487
+ | \`sandbox\` | 105,225 | 31,045 | 27,173 | 73,136 | 18,929 | 15,600 |
4488
+ | \`scatter-chart\` | 102,251 | 33,921 | 29,953 | 26,327 | 7,127 | 5,580 |
4489
+ | \`scroll-area\` | 35,927 | 12,124 | 10,777 | 14,171 | 3,716 | 2,793 |
4490
+ | \`select\` | 136,817 | 41,997 | 36,786 | 46,058 | 10,949 | 8,633 |
4491
+ | \`skeleton\` | 26,269 | 9,683 | 8,610 | 5,066 | 1,473 | 1,015 |
4492
+ | \`skip-link\` | 25,958 | 9,947 | 8,782 | 3,441 | 1,118 | 733 |
4493
+ | \`slider\` | 69,292 | 20,366 | 18,255 | 28,886 | 6,334 | 5,011 |
4494
+ | \`sparkline\` | 53,682 | 18,874 | 16,873 | 11,899 | 3,617 | 2,789 |
4495
+ | \`speed-dial\` | 77,930 | 26,268 | 23,326 | 19,904 | 4,577 | 3,456 |
4496
+ | \`splitter\` | 50,373 | 16,354 | 14,620 | 21,153 | 5,064 | 3,977 |
4497
+ | \`stat\` | 29,307 | 10,526 | 9,355 | 6,495 | 1,645 | 1,194 |
4498
+ | \`steps\` | 71,702 | 22,137 | 19,695 | 29,818 | 6,927 | 5,431 |
4499
+ | \`strands\` | 53,249 | 19,273 | 17,106 | 29,252 | 9,984 | 8,449 |
4500
+ | \`switch\` | 44,466 | 14,679 | 13,074 | 6,635 | 1,907 | 1,314 |
4501
+ | \`table\` | 139,356 | 40,234 | 35,034 | 66,067 | 15,977 | 12,782 |
4502
+ | \`tabs\` | 59,178 | 18,450 | 16,390 | 21,157 | 4,928 | 3,733 |
4503
+ | \`tag\` | 49,634 | 17,254 | 15,405 | 14,372 | 3,835 | 2,922 |
4504
+ | \`text\` | 28,979 | 10,064 | 8,869 | 7,770 | 1,644 | 1,080 |
4505
+ | \`textarea\` | 49,149 | 16,177 | 14,419 | 10,007 | 2,804 | 2,079 |
4506
+ | \`time-input\` | 199,534 | 57,208 | 49,627 | 75,977 | 16,949 | 13,624 |
4507
+ | \`time-picker\` | 114,755 | 34,097 | 29,998 | 48,223 | 11,855 | 9,279 |
4508
+ | \`timeline\` | 40,048 | 13,540 | 12,086 | 12,967 | 2,922 | 2,337 |
4509
+ | \`toast\` | 60,260 | 19,945 | 17,787 | 21,387 | 5,634 | 4,331 |
4510
+ | \`toggle\` | 52,418 | 16,650 | 14,834 | 12,243 | 3,308 | 2,449 |
4511
+ | \`toolbar\` | 34,245 | 12,192 | 10,842 | 8,488 | 2,307 | 1,682 |
4512
+ | \`tooltip\` | 62,262 | 21,925 | 19,459 | 11,887 | 3,245 | 2,457 |
4513
+ | \`tour\` | 97,953 | 31,444 | 27,801 | 32,218 | 7,825 | 6,006 |
4514
+ | \`tree\` | 78,536 | 24,878 | 22,141 | 27,321 | 7,182 | 5,605 |
4515
+ | \`trend\` | 31,751 | 12,161 | 10,881 | 5,655 | 1,714 | 1,200 |
4516
+ | \`video\` | 169,115 | 49,036 | 42,778 | 92,906 | 21,399 | 17,609 |
4517
+ | \`video-playlist\` | 152,569 | 45,478 | 39,876 | 66,116 | 15,204 | 12,285 |
4518
+ | \`virtual-list\` | 61,239 | 20,611 | 18,371 | 23,461 | 7,014 | 5,488 |
4500
4519
 
4501
4520
  ## What an install adds to \`node_modules\`
4502
4521
 
@@ -4509,11 +4528,11 @@ stripped column shows the bytes we removed.
4509
4528
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
4510
4529
  |---|---|---|---|---|
4511
4530
  | \`@fusion.dev/helix-core\` | 2,449,436 | 547 | 710,500 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
4512
- | \`@fusion.dev/helix-headless\` | 21,632,347 | 696 | 2,198,891 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
4531
+ | \`@fusion.dev/helix-headless\` | 21,693,424 | 696 | 2,215,078 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
4513
4532
  | \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
4514
4533
  | \`@fusion.dev/helix-styles\` | 117,028 | 6 | 0 | none |
4515
4534
  | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
4516
- | \`@fusion.dev/helix\` | 21,687,400 | 954 | 515,838 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
4535
+ | \`@fusion.dev/helix\` | 21,718,594 | 954 | 515,839 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
4517
4536
 
4518
4537
  ## Not measured yet
4519
4538