@fusion.dev/helix-docs 0.130.0 → 0.131.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.
@@ -1763,6 +1763,33 @@ Set a default for every note with the driver's options, such as
1763
1763
  \`sigmaDriver(sigma, { material: 'glass', shape: 'circle' })\`. cosmos.gl draws a
1764
1764
  note's \`shape\` and not its \`emphasis\` or \`material\`.
1765
1765
 
1766
+ ## Show a legend
1767
+
1768
+ Set \`legend\` to name the groups over the drawing, each in its color. Each name
1769
+ is a button that shows or hides the group's notes, in the drawing and in the
1770
+ list:
1771
+
1772
+ \`\`\`html
1773
+ <helix-graph label="Company notes" legend>
1774
+ <div></div>
1775
+ </helix-graph>
1776
+ \`\`\`
1777
+
1778
+ \`hiddenGroups\` holds the names of the groups turned off. Set it to start with
1779
+ some hidden. A press sends \`helix-graph-filter\` first, with every group that
1780
+ would be hidden. Cancel it to keep the groups as they were, or to keep them in
1781
+ your own state and set \`hiddenGroups\` yourself:
1782
+
1783
+ \`\`\`ts
1784
+ frame.addEventListener('helix-graph-filter', (event) => {
1785
+ event.preventDefault()
1786
+ frame.hiddenGroups = event.detail.hidden
1787
+ })
1788
+ \`\`\`
1789
+
1790
+ The legend is drawn where the notes have two groups or more. On a frame
1791
+ narrower than 40rem it is one row, which scrolls.
1792
+
1766
1793
  ## Select a note
1767
1794
 
1768
1795
  Pressing a note selects it, and pressing where no note is clears the selection.
@@ -3306,7 +3333,7 @@ on its own.
3306
3333
 
3307
3334
  | | Raw | Gzip | Brotli |
3308
3335
  |---|---|---|---|
3309
- | Lit and \`@fusion.dev/helix-core\` | 183,972 | 58,625 | 49,668 |
3336
+ | Lit and \`@fusion.dev/helix-core\` | 184,181 | 58,652 | 49,665 |
3310
3337
 
3311
3338
  ## Whole packages
3312
3339
 
@@ -3317,11 +3344,11 @@ either barrel. The per-component tables show what your page pays.
3317
3344
 
3318
3345
  | Package | Raw | Gzip | Brotli | |
3319
3346
  |---|---|---|---|---|
3320
- | \`@fusion.dev/helix-core\` | 183,526 | 58,197 | 49,382 | The element base class, mixins, decorators, and floating positioning. |
3321
- | \`@fusion.dev/helix-headless\` | 744,183 | 192,766 | 149,315 | Every headless family. The barrel entry includes all of them. |
3347
+ | \`@fusion.dev/helix-core\` | 183,735 | 58,230 | 49,473 | The element base class, mixins, decorators, and floating positioning. |
3348
+ | \`@fusion.dev/helix-headless\` | 745,966 | 193,214 | 149,903 | Every headless family. The barrel entry includes all of them. |
3322
3349
  | \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
3323
3350
  | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
3324
- | \`@fusion.dev/helix\` | 1,284,331 | 300,652 | 220,010 | Every styled family. |
3351
+ | \`@fusion.dev/helix\` | 1,291,029 | 301,797 | 220,733 | Every styled family. |
3325
3352
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
3326
3353
 
3327
3354
  ## Stylesheets
@@ -3342,13 +3369,13 @@ shows the whole cost of using the base layer on its own.
3342
3369
 
3343
3370
  ## What the numbers say
3344
3371
 
3345
- **Most of your first component is the shared runtime.** The median styled family is 21,356 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
3372
+ **Most of your first component is the shared runtime.** The median styled family is 21,372 bytes gzipped alone, and it adds 2,254 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 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.
3346
3373
 
3347
- Across the 104 styled components, the smallest is \`code\` at 9,914 bytes gzipped alone, and the largest is \`data-table\` at 63,785. Every family together is 300,652.
3374
+ Across the 104 styled components, the smallest is \`code\` at 9,928 bytes gzipped alone, and the largest is \`data-table\` at 63,813. Every family together is 301,797.
3348
3375
 
3349
- 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 192,766 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 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.
3376
+ 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 193,214 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 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.
3350
3377
 
3351
- 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 21,912 bytes gzipped alone.
3378
+ 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 21,928 bytes gzipped alone.
3352
3379
 
3353
3380
  ## Compared with other systems
3354
3381
 
@@ -3360,43 +3387,43 @@ The table has no whole-library row. That row would compare how many components e
3360
3387
 
3361
3388
  | Component | System | Raw | Gzip | Brotli |
3362
3389
  |---|---|---|---|---|
3363
- | \`button\` | **Helix** | 43,625 | 12,540 | 11,001 |
3390
+ | \`button\` | **Helix** | 43,806 | 12,554 | 11,023 |
3364
3391
  | | Carbon | 133,058 | 20,959 | 17,685 |
3365
3392
  | | Material Web | 47,060 | 14,173 | 12,591 |
3366
3393
  | | Shoelace | 62,628 | 18,287 | 15,805 |
3367
3394
  | | Spectrum | 98,792 | 22,045 | 18,674 |
3368
- | \`checkbox\` | **Helix** | 48,869 | 13,913 | 12,220 |
3395
+ | \`checkbox\` | **Helix** | 49,050 | 13,927 | 12,237 |
3369
3396
  | | Carbon | 60,255 | 15,609 | 13,550 |
3370
3397
  | | Material Web | 43,785 | 13,556 | 12,015 |
3371
3398
  | | Shoelace | 47,614 | 15,177 | 13,301 |
3372
3399
  | | Spectrum | 62,492 | 15,437 | 13,481 |
3373
- | \`dialog\` | **Helix** | 40,757 | 12,115 | 10,693 |
3400
+ | \`dialog\` | **Helix** | 40,938 | 12,132 | 10,723 |
3374
3401
  | | Carbon | 510,866 | 67,390 | 39,189 |
3375
3402
  | | Material Web | 34,238 | 11,510 | 10,229 |
3376
3403
  | | Shoelace | 52,754 | 17,698 | 15,554 |
3377
3404
  | | Spectrum | 155,708 | 31,899 | 26,262 |
3378
- | \`radio\` | **Helix** | 52,386 | 14,377 | 12,634 |
3405
+ | \`radio\` | **Helix** | 52,567 | 14,389 | 12,655 |
3379
3406
  | | Carbon | 63,055 | 16,887 | 14,605 |
3380
3407
  | | Material Web | 41,044 | 13,234 | 11,757 |
3381
3408
  | | Shoelace | 34,865 | 12,027 | 10,559 |
3382
3409
  | | Spectrum | 38,685 | 10,660 | 9,370 |
3383
- | \`switch\` | **Helix** | 45,958 | 13,443 | 11,806 |
3410
+ | \`switch\` | **Helix** | 46,139 | 13,459 | 11,778 |
3384
3411
  | | Carbon | 69,423 | 17,127 | 14,764 |
3385
3412
  | | Material Web | 50,155 | 14,577 | 12,935 |
3386
3413
  | | Shoelace | 37,833 | 11,814 | 10,568 |
3387
3414
  | | Spectrum | 62,322 | 15,059 | 13,321 |
3388
- | \`tabs\` | **Helix** | 47,068 | 13,471 | 11,852 |
3415
+ | \`tabs\` | **Helix** | 47,249 | 13,492 | 11,867 |
3389
3416
  | | Carbon | 578,766 | 73,537 | 43,235 |
3390
3417
  | | Material Web | 38,883 | 12,820 | 11,368 |
3391
3418
  | | Shoelace | 54,573 | 17,140 | 15,068 |
3392
3419
  | | Spectrum | 64,875 | 18,298 | 16,283 |
3393
- | \`tooltip\` | **Helix** | 67,648 | 21,959 | 19,420 |
3420
+ | \`tooltip\` | **Helix** | 67,829 | 21,974 | 19,470 |
3394
3421
  | | Carbon | 189,382 | 30,354 | 22,273 |
3395
3422
  | | Material Web | | not shipped | |
3396
3423
  | | Shoelace | 57,412 | 20,220 | 17,933 |
3397
3424
  | | Spectrum | 136,599 | 40,552 | 35,286 |
3398
3425
 
3399
- At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,717 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
3426
+ At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,729 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
3400
3427
 
3401
3428
  - **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
3402
3429
  - **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
@@ -3440,104 +3467,104 @@ Structure, accessibility, state, and form participation. It has no presentation
3440
3467
 
3441
3468
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3442
3469
  |---|---|---|---|---|---|---|
3443
- | \`accordion\` | 92,320 | 30,104 | 24,545 | 2,875 | 742 | 638 |
3444
- | \`announcement\` | 89,736 | 29,283 | 23,868 | 1,386 | 357 | 233 |
3445
- | \`app-header\` | 33,322 | 10,209 | 8,981 | 1,248 | 274 | 159 |
3446
- | \`area-chart\` | 79,244 | 26,176 | 23,109 | 11,004 | 3,358 | 2,670 |
3447
- | \`avatar\` | 35,371 | 10,801 | 9,527 | 3,257 | 874 | 643 |
3448
- | \`badge\` | 32,858 | 10,137 | 8,912 | 1,163 | 297 | 219 |
3449
- | \`bar-chart\` | 80,895 | 26,537 | 23,439 | 12,644 | 3,707 | 3,021 |
3450
- | \`blockquote\` | 32,872 | 10,162 | 8,928 | 774 | 177 | 168 |
3451
- | \`breadcrumbs\` | 88,776 | 28,630 | 23,481 | 1,965 | 450 | 338 |
3452
- | \`button\` | 37,532 | 11,421 | 10,035 | 3,182 | 812 | 540 |
3453
- | \`button-group\` | 32,728 | 10,043 | 8,831 | 661 | 137 | 84 |
3454
- | \`callout\` | 87,896 | 28,486 | 23,338 | 914 | 237 | 184 |
3455
- | \`canvas\` | 93,945 | 27,721 | 24,258 | 50,034 | 14,929 | 12,517 |
3456
- | \`card\` | 32,762 | 10,060 | 8,842 | 694 | 150 | 73 |
3457
- | \`carousel\` | 98,179 | 31,605 | 25,934 | 10,942 | 2,756 | 2,316 |
3458
- | \`chat\` | 111,568 | 36,458 | 29,867 | 17,447 | 5,119 | 4,327 |
3459
- | \`checkbox\` | 42,243 | 12,451 | 10,940 | 2,703 | 741 | 528 |
3460
- | \`checkbox-group\` | 45,367 | 13,146 | 11,530 | 5,307 | 1,329 | 982 |
3461
- | \`code\` | 31,347 | 9,626 | 8,466 | 451 | 74 | -4 |
3462
- | \`code-block\` | 133,622 | 43,657 | 36,760 | 17,288 | 4,499 | 3,789 |
3463
- | \`color-input\` | 151,598 | 47,705 | 40,199 | 25,691 | 5,996 | 5,040 |
3464
- | \`color-picker\` | 118,043 | 37,095 | 30,514 | 19,588 | 4,695 | 3,962 |
3465
- | \`combobox\` | 146,510 | 46,395 | 38,931 | 21,146 | 5,232 | 4,231 |
3466
- | \`command\` | 116,460 | 36,380 | 29,745 | 18,065 | 4,593 | 3,705 |
3467
- | \`copy-button\` | 128,220 | 42,023 | 35,279 | 11,883 | 2,930 | 2,408 |
3468
- | \`data-table\` | 186,713 | 56,860 | 48,041 | 57,295 | 14,502 | 12,021 |
3469
- | \`date-input\` | 144,768 | 45,890 | 38,548 | 19,177 | 4,836 | 3,923 |
3470
- | \`date-picker\` | 99,955 | 32,332 | 26,398 | 9,900 | 2,716 | 2,148 |
3471
- | \`description-list\` | 32,831 | 9,998 | 8,769 | 1,132 | 182 | 149 |
3472
- | \`dialog\` | 36,380 | 11,095 | 9,756 | 2,717 | 771 | 576 |
3473
- | \`divider\` | 33,078 | 10,233 | 8,978 | 981 | 237 | 97 |
3474
- | \`donut-chart\` | 77,027 | 25,133 | 22,183 | 10,214 | 2,953 | 2,466 |
3475
- | \`drawer\` | 35,133 | 10,733 | 9,426 | 1,761 | 472 | 404 |
3476
- | \`drilldown\` | 96,821 | 31,476 | 25,613 | 5,704 | 1,488 | 1,167 |
3477
- | \`empty\` | 33,325 | 10,295 | 9,030 | 956 | 240 | 124 |
3478
- | \`file-input\` | 100,268 | 32,315 | 26,350 | 6,215 | 1,790 | 1,471 |
3479
- | \`filter-input\` | 157,062 | 49,093 | 41,414 | 28,023 | 6,778 | 5,534 |
3480
- | \`format-date\` | 36,341 | 11,211 | 9,892 | 2,867 | 692 | 461 |
3481
- | \`graph\` | 112,981 | 36,030 | 29,569 | 9,932 | 2,820 | 2,386 |
3482
- | \`heatmap\` | 78,249 | 25,359 | 22,345 | 10,872 | 2,971 | 2,407 |
3483
- | \`icon\` | 87,463 | 28,303 | 23,183 | 1,018 | 243 | 202 |
3484
- | \`icon-button\` | 37,931 | 11,453 | 10,064 | 3,581 | 852 | 625 |
3485
- | \`image\` | 34,901 | 10,593 | 9,328 | 3,156 | 811 | 721 |
3486
- | \`input\` | 99,356 | 31,796 | 25,949 | 4,745 | 1,302 | 965 |
3487
- | \`kbd\` | 34,682 | 10,828 | 9,526 | 2,976 | 927 | 719 |
3488
- | \`legend\` | 36,734 | 11,333 | 9,974 | 1,080 | 285 | 159 |
3489
- | \`lightbox\` | 41,116 | 12,371 | 10,866 | 4,807 | 1,243 | 908 |
3490
- | \`line-chart\` | 78,825 | 25,867 | 22,831 | 10,667 | 3,066 | 2,515 |
3491
- | \`list\` | 33,784 | 10,241 | 9,005 | 1,726 | 353 | 299 |
3492
- | \`listbox\` | 108,172 | 34,495 | 28,108 | 11,262 | 3,049 | 2,431 |
3493
- | \`loader\` | 32,968 | 10,164 | 8,924 | 900 | 240 | 96 |
3494
- | \`map\` | 133,137 | 39,632 | 32,810 | 33,027 | 7,673 | 6,215 |
3495
- | \`megamenu\` | 63,226 | 20,871 | 18,438 | 4,941 | 1,275 | 1,003 |
3496
- | \`menu\` | 126,948 | 41,932 | 35,135 | 8,855 | 2,191 | 1,685 |
3497
- | \`meter\` | 36,158 | 11,012 | 9,702 | 4,099 | 1,066 | 862 |
3498
- | \`navigation\` | 34,662 | 10,697 | 9,395 | 1,361 | 307 | 163 |
3499
- | \`notifications\` | 104,000 | 33,057 | 26,940 | 11,383 | 2,635 | 2,181 |
3500
- | \`number-input\` | 102,284 | 32,617 | 26,649 | 7,670 | 2,002 | 1,521 |
3501
- | \`object-inspector\` | 141,321 | 46,247 | 38,885 | 19,550 | 5,221 | 4,279 |
3502
- | \`option\` | 35,023 | 10,607 | 9,342 | 2,958 | 653 | 403 |
3503
- | \`outline\` | 38,086 | 11,889 | 10,459 | 4,628 | 1,322 | 975 |
3504
- | \`pagination\` | 150,637 | 47,104 | 39,524 | 27,821 | 6,540 | 5,281 |
3505
- | \`pin-input\` | 44,541 | 13,235 | 11,659 | 5,241 | 1,555 | 1,232 |
3506
- | \`popover\` | 60,432 | 20,114 | 17,726 | 1,899 | 490 | 313 |
3507
- | \`progress\` | 34,009 | 10,438 | 9,187 | 1,951 | 491 | 361 |
3508
- | \`qr-code\` | 44,658 | 14,489 | 12,767 | 12,983 | 4,867 | 4,021 |
3509
- | \`quote\` | 32,251 | 9,916 | 8,695 | 552 | 128 | 52 |
3510
- | \`radio\` | 44,090 | 12,861 | 11,273 | 2,874 | 726 | 509 |
3511
- | \`rating\` | 46,255 | 13,823 | 12,178 | 6,646 | 1,865 | 1,465 |
3512
- | \`scatter-chart\` | 78,729 | 25,800 | 22,693 | 11,346 | 3,365 | 2,688 |
3513
- | \`scroll-area\` | 34,494 | 10,602 | 9,304 | 2,743 | 736 | 503 |
3514
- | \`select\` | 138,747 | 44,523 | 37,301 | 16,144 | 4,086 | 3,384 |
3515
- | \`skeleton\` | 31,440 | 9,658 | 8,486 | 544 | 101 | 50 |
3516
- | \`skip-link\` | 33,030 | 10,223 | 8,986 | 1,178 | 341 | 175 |
3517
- | \`slider\` | 45,080 | 13,265 | 11,697 | 5,627 | 1,514 | 1,112 |
3518
- | \`sparkline\` | 39,153 | 12,367 | 10,898 | 2,387 | 781 | 568 |
3519
- | \`speed-dial\` | 118,457 | 39,524 | 33,181 | 3,743 | 913 | 647 |
3520
- | \`splitter\` | 42,533 | 12,676 | 11,224 | 10,282 | 2,598 | 2,120 |
3521
- | \`stat\` | 33,216 | 10,098 | 8,877 | 1,148 | 195 | 95 |
3522
- | \`steps\` | 97,006 | 31,091 | 25,355 | 6,264 | 1,483 | 1,143 |
3523
- | \`switch\` | 41,592 | 12,370 | 10,837 | 1,650 | 481 | 273 |
3524
- | \`table\` | 99,146 | 32,283 | 26,280 | 10,158 | 2,803 | 2,244 |
3525
- | \`tabs\` | 40,832 | 12,205 | 10,698 | 3,925 | 845 | 587 |
3526
- | \`tag\` | 88,176 | 28,560 | 23,300 | 895 | 185 | 125 |
3527
- | \`textarea\` | 43,779 | 12,879 | 11,289 | 3,996 | 1,079 | 823 |
3528
- | \`time-input\` | 157,898 | 49,104 | 41,306 | 29,016 | 7,059 | 5,800 |
3529
- | \`time-picker\` | 117,015 | 37,083 | 30,307 | 19,136 | 5,114 | 4,173 |
3530
- | \`timeline\` | 88,625 | 28,550 | 23,460 | 1,809 | 391 | 317 |
3531
- | \`toast\` | 91,982 | 29,698 | 24,204 | 4,078 | 950 | 728 |
3532
- | \`toggle\` | 45,776 | 13,386 | 11,799 | 3,342 | 820 | 604 |
3533
- | \`toolbar\` | 34,822 | 10,796 | 9,515 | 2,624 | 719 | 542 |
3534
- | \`tooltip\` | 64,570 | 21,200 | 18,750 | 6,369 | 1,720 | 1,278 |
3535
- | \`tour\` | 70,389 | 22,624 | 19,907 | 11,032 | 2,732 | 2,247 |
3536
- | \`tree\` | 98,840 | 31,909 | 25,969 | 7,223 | 1,881 | 1,592 |
3537
- | \`trend\` | 87,503 | 28,348 | 23,258 | 1,056 | 278 | 245 |
3538
- | \`video\` | 155,165 | 48,771 | 41,158 | 32,520 | 7,643 | 6,468 |
3539
- | \`video-playlist\` | 134,438 | 43,546 | 36,518 | 14,940 | 3,432 | 2,768 |
3540
- | \`virtual-list\` | 38,680 | 12,069 | 10,609 | 2,413 | 714 | 513 |
3470
+ | \`accordion\` | 92,501 | 30,124 | 24,580 | 2,875 | 735 | 651 |
3471
+ | \`announcement\` | 89,917 | 29,305 | 23,824 | 1,386 | 356 | 276 |
3472
+ | \`app-header\` | 33,503 | 10,226 | 8,992 | 1,248 | 263 | 196 |
3473
+ | \`area-chart\` | 79,425 | 26,192 | 23,066 | 11,004 | 3,367 | 2,721 |
3474
+ | \`avatar\` | 35,552 | 10,823 | 9,574 | 3,257 | 879 | 700 |
3475
+ | \`badge\` | 33,039 | 10,154 | 8,911 | 1,163 | 297 | 216 |
3476
+ | \`bar-chart\` | 81,076 | 26,555 | 23,488 | 12,644 | 3,701 | 3,035 |
3477
+ | \`blockquote\` | 33,053 | 10,175 | 8,938 | 774 | 176 | 128 |
3478
+ | \`breadcrumbs\` | 88,957 | 28,651 | 23,520 | 1,965 | 451 | 379 |
3479
+ | \`button\` | 37,713 | 11,437 | 10,046 | 3,182 | 812 | 670 |
3480
+ | \`button-group\` | 32,909 | 10,061 | 8,843 | 661 | 137 | 34 |
3481
+ | \`callout\` | 88,077 | 28,508 | 23,396 | 914 | 233 | 168 |
3482
+ | \`canvas\` | 94,126 | 27,730 | 24,309 | 50,034 | 14,930 | 12,613 |
3483
+ | \`card\` | 32,943 | 10,076 | 8,874 | 694 | 143 | 79 |
3484
+ | \`carousel\` | 98,360 | 31,625 | 25,963 | 10,942 | 2,744 | 2,230 |
3485
+ | \`chat\` | 111,749 | 36,472 | 29,900 | 17,447 | 5,110 | 4,204 |
3486
+ | \`checkbox\` | 42,424 | 12,472 | 10,962 | 2,703 | 748 | 514 |
3487
+ | \`checkbox-group\` | 45,548 | 13,159 | 11,549 | 5,307 | 1,316 | 1,017 |
3488
+ | \`code\` | 31,528 | 9,644 | 8,470 | 451 | 77 | -1 |
3489
+ | \`code-block\` | 133,803 | 43,664 | 36,792 | 17,288 | 4,490 | 3,847 |
3490
+ | \`color-input\` | 151,779 | 47,718 | 40,233 | 25,691 | 5,998 | 4,976 |
3491
+ | \`color-picker\` | 118,224 | 37,113 | 30,494 | 19,588 | 4,689 | 3,874 |
3492
+ | \`combobox\` | 146,691 | 46,408 | 38,900 | 21,146 | 5,230 | 4,258 |
3493
+ | \`command\` | 116,641 | 36,394 | 29,750 | 18,065 | 4,588 | 3,719 |
3494
+ | \`copy-button\` | 128,401 | 42,039 | 35,305 | 11,883 | 2,933 | 2,322 |
3495
+ | \`data-table\` | 186,894 | 56,878 | 48,021 | 57,295 | 14,485 | 11,997 |
3496
+ | \`date-input\` | 144,949 | 45,900 | 38,587 | 19,177 | 4,830 | 4,067 |
3497
+ | \`date-picker\` | 100,136 | 32,351 | 26,467 | 9,900 | 2,714 | 2,336 |
3498
+ | \`description-list\` | 33,012 | 10,012 | 8,793 | 1,132 | 182 | 155 |
3499
+ | \`dialog\` | 36,561 | 11,114 | 9,752 | 2,717 | 765 | 587 |
3500
+ | \`divider\` | 33,259 | 10,251 | 8,997 | 981 | 237 | 144 |
3501
+ | \`donut-chart\` | 77,208 | 25,153 | 22,270 | 10,214 | 2,959 | 2,474 |
3502
+ | \`drawer\` | 35,314 | 10,755 | 9,427 | 1,761 | 466 | 446 |
3503
+ | \`drilldown\` | 97,002 | 31,492 | 25,596 | 5,704 | 1,481 | 1,170 |
3504
+ | \`empty\` | 33,506 | 10,310 | 9,098 | 956 | 233 | 140 |
3505
+ | \`file-input\` | 100,449 | 32,330 | 26,417 | 6,215 | 1,787 | 1,429 |
3506
+ | \`filter-input\` | 157,243 | 49,107 | 41,347 | 28,023 | 6,779 | 5,542 |
3507
+ | \`format-date\` | 36,522 | 11,235 | 9,940 | 2,867 | 684 | 532 |
3508
+ | \`graph\` | 114,708 | 36,466 | 29,953 | 11,479 | 3,233 | 2,708 |
3509
+ | \`heatmap\` | 78,430 | 25,372 | 22,403 | 10,872 | 2,982 | 2,366 |
3510
+ | \`icon\` | 87,644 | 28,324 | 23,220 | 1,018 | 245 | 126 |
3511
+ | \`icon-button\` | 38,112 | 11,466 | 10,070 | 3,581 | 852 | 646 |
3512
+ | \`image\` | 35,082 | 10,613 | 9,334 | 3,156 | 809 | 657 |
3513
+ | \`input\` | 99,537 | 31,813 | 25,941 | 4,745 | 1,288 | 938 |
3514
+ | \`kbd\` | 34,863 | 10,848 | 9,529 | 2,976 | 922 | 855 |
3515
+ | \`legend\` | 36,915 | 11,350 | 9,960 | 1,080 | 272 | 189 |
3516
+ | \`lightbox\` | 41,297 | 12,391 | 10,850 | 4,807 | 1,230 | 1,011 |
3517
+ | \`line-chart\` | 79,006 | 25,890 | 22,857 | 10,667 | 3,075 | 2,501 |
3518
+ | \`list\` | 33,965 | 10,256 | 9,022 | 1,726 | 349 | 265 |
3519
+ | \`listbox\` | 108,353 | 34,516 | 28,179 | 11,262 | 3,044 | 2,405 |
3520
+ | \`loader\` | 33,149 | 10,182 | 8,936 | 900 | 233 | 132 |
3521
+ | \`map\` | 133,318 | 39,647 | 32,893 | 33,027 | 7,682 | 6,249 |
3522
+ | \`megamenu\` | 63,407 | 20,893 | 18,412 | 4,941 | 1,268 | 1,012 |
3523
+ | \`menu\` | 127,129 | 41,951 | 35,088 | 8,855 | 2,191 | 1,752 |
3524
+ | \`meter\` | 36,339 | 11,032 | 9,727 | 4,099 | 1,058 | 850 |
3525
+ | \`navigation\` | 34,843 | 10,709 | 9,395 | 1,361 | 301 | 226 |
3526
+ | \`notifications\` | 104,181 | 33,078 | 26,996 | 11,383 | 2,637 | 2,263 |
3527
+ | \`number-input\` | 102,465 | 32,630 | 26,674 | 7,670 | 2,010 | 1,515 |
3528
+ | \`object-inspector\` | 141,502 | 46,264 | 38,895 | 19,550 | 5,225 | 4,370 |
3529
+ | \`option\` | 35,204 | 10,629 | 9,352 | 2,958 | 646 | 543 |
3530
+ | \`outline\` | 38,267 | 11,902 | 10,469 | 4,628 | 1,320 | 1,075 |
3531
+ | \`pagination\` | 150,818 | 47,121 | 39,598 | 27,821 | 6,525 | 5,229 |
3532
+ | \`pin-input\` | 44,722 | 13,245 | 11,628 | 5,241 | 1,548 | 1,179 |
3533
+ | \`popover\` | 60,613 | 20,139 | 17,762 | 1,899 | 486 | 360 |
3534
+ | \`progress\` | 34,190 | 10,456 | 9,184 | 1,951 | 488 | 352 |
3535
+ | \`qr-code\` | 44,839 | 14,504 | 12,798 | 12,983 | 4,859 | 4,083 |
3536
+ | \`quote\` | 32,432 | 9,937 | 8,724 | 552 | 125 | -55 |
3537
+ | \`radio\` | 44,271 | 12,878 | 11,314 | 2,874 | 720 | 568 |
3538
+ | \`rating\` | 46,436 | 13,840 | 12,202 | 6,646 | 1,862 | 1,447 |
3539
+ | \`scatter-chart\` | 78,910 | 25,815 | 22,718 | 11,346 | 3,364 | 2,755 |
3540
+ | \`scroll-area\` | 34,675 | 10,620 | 9,312 | 2,743 | 736 | 635 |
3541
+ | \`select\` | 138,928 | 44,536 | 37,346 | 16,144 | 4,078 | 3,263 |
3542
+ | \`skeleton\` | 31,621 | 9,676 | 8,488 | 544 | 103 | 52 |
3543
+ | \`skip-link\` | 33,211 | 10,244 | 8,980 | 1,178 | 329 | 235 |
3544
+ | \`slider\` | 45,261 | 13,279 | 11,755 | 5,627 | 1,513 | 1,325 |
3545
+ | \`sparkline\` | 39,334 | 12,383 | 10,923 | 2,387 | 779 | 670 |
3546
+ | \`speed-dial\` | 118,638 | 39,539 | 33,189 | 3,743 | 915 | 719 |
3547
+ | \`splitter\` | 42,714 | 12,692 | 11,214 | 10,282 | 2,596 | 2,223 |
3548
+ | \`stat\` | 33,397 | 10,120 | 8,906 | 1,148 | 193 | 173 |
3549
+ | \`steps\` | 97,187 | 31,106 | 25,374 | 6,264 | 1,479 | 1,106 |
3550
+ | \`switch\` | 41,773 | 12,384 | 10,883 | 1,650 | 497 | 338 |
3551
+ | \`table\` | 99,327 | 32,297 | 26,296 | 10,158 | 2,798 | 2,311 |
3552
+ | \`tabs\` | 41,013 | 12,219 | 10,747 | 3,925 | 834 | 594 |
3553
+ | \`tag\` | 88,357 | 28,573 | 23,333 | 895 | 192 | 113 |
3554
+ | \`textarea\` | 43,960 | 12,892 | 11,311 | 3,996 | 1,070 | 755 |
3555
+ | \`time-input\` | 158,079 | 49,121 | 41,337 | 29,016 | 7,045 | 5,755 |
3556
+ | \`time-picker\` | 117,196 | 37,094 | 30,330 | 19,136 | 5,104 | 4,148 |
3557
+ | \`timeline\` | 88,806 | 28,574 | 23,446 | 1,809 | 380 | 300 |
3558
+ | \`toast\` | 92,163 | 29,709 | 24,315 | 4,078 | 951 | 820 |
3559
+ | \`toggle\` | 45,957 | 13,403 | 11,795 | 3,342 | 816 | 583 |
3560
+ | \`toolbar\` | 35,003 | 10,814 | 9,482 | 2,624 | 717 | 552 |
3561
+ | \`tooltip\` | 64,751 | 21,220 | 18,782 | 6,369 | 1,715 | 1,350 |
3562
+ | \`tour\` | 70,570 | 22,635 | 19,952 | 11,032 | 2,719 | 2,232 |
3563
+ | \`tree\` | 99,021 | 31,924 | 25,969 | 7,223 | 1,882 | 1,539 |
3564
+ | \`trend\` | 87,684 | 28,370 | 23,291 | 1,056 | 289 | 243 |
3565
+ | \`video\` | 155,346 | 48,784 | 41,231 | 32,520 | 7,642 | 6,463 |
3566
+ | \`video-playlist\` | 134,619 | 43,557 | 36,484 | 14,940 | 3,436 | 2,859 |
3567
+ | \`virtual-list\` | 38,861 | 12,087 | 10,662 | 2,413 | 711 | 522 |
3541
3568
 
3542
3569
  ### Styled tier
3543
3570
 
@@ -3545,110 +3572,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
3545
3572
 
3546
3573
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3547
3574
  |---|---|---|---|---|---|---|
3548
- | \`accordion\` | 95,662 | 30,960 | 25,232 | 6,204 | 1,546 | 1,300 |
3549
- | \`announcement\` | 94,298 | 30,394 | 24,787 | 5,932 | 1,409 | 1,172 |
3550
- | \`app-header\` | 37,212 | 11,108 | 9,804 | 5,121 | 1,172 | 935 |
3551
- | \`area-chart\` | 86,630 | 27,780 | 24,508 | 18,366 | 4,984 | 4,085 |
3552
- | \`aura\` | 100,349 | 33,607 | 29,144 | 65,483 | 23,028 | 19,584 |
3553
- | \`avatar\` | 38,957 | 11,565 | 10,219 | 6,833 | 1,646 | 1,309 |
3554
- | \`badge\` | 35,962 | 10,848 | 9,500 | 4,250 | 1,004 | 877 |
3555
- | \`bar-chart\` | 93,699 | 29,090 | 25,706 | 25,425 | 6,302 | 5,236 |
3556
- | \`blockquote\` | 34,028 | 10,452 | 9,175 | 1,914 | 470 | 376 |
3557
- | \`breadcrumbs\` | 92,342 | 29,446 | 24,153 | 5,518 | 1,250 | 1,035 |
3558
- | \`button\` | 43,625 | 12,540 | 11,001 | 9,257 | 1,945 | 1,552 |
3559
- | \`button-group\` | 34,404 | 10,429 | 9,160 | 2,320 | 530 | 393 |
3560
- | \`callout\` | 89,897 | 29,044 | 23,850 | 2,899 | 763 | 638 |
3561
- | \`canvas\` | 114,250 | 31,463 | 27,404 | 70,328 | 18,724 | 15,698 |
3562
- | \`card\` | 36,043 | 10,898 | 9,570 | 3,963 | 985 | 779 |
3563
- | \`carousel\` | 108,967 | 33,342 | 27,506 | 21,719 | 4,521 | 3,771 |
3564
- | \`chat\` | 125,725 | 38,987 | 32,099 | 31,590 | 7,630 | 6,344 |
3565
- | \`checkbox\` | 48,869 | 13,913 | 12,220 | 9,313 | 2,207 | 1,810 |
3566
- | \`checkbox-group\` | 47,648 | 13,738 | 12,043 | 7,574 | 1,920 | 1,506 |
3567
- | \`code\` | 32,424 | 9,914 | 8,735 | 1,511 | 377 | 302 |
3568
- | \`code-block\` | 150,072 | 46,529 | 39,105 | 33,717 | 7,228 | 6,096 |
3569
- | \`color-input\` | 185,279 | 52,850 | 44,776 | 59,352 | 11,293 | 9,572 |
3570
- | \`color-picker\` | 146,021 | 41,643 | 34,498 | 47,560 | 9,287 | 7,925 |
3571
- | \`combobox\` | 161,618 | 49,022 | 41,298 | 36,231 | 7,907 | 6,583 |
3572
- | \`command\` | 127,212 | 38,485 | 31,636 | 28,803 | 6,696 | 5,632 |
3573
- | \`copy-button\` | 138,224 | 43,824 | 36,829 | 21,871 | 4,664 | 3,847 |
3574
- | \`data-table\` | 224,999 | 63,785 | 53,661 | 95,314 | 21,356 | 17,352 |
3575
- | \`date-input\` | 160,779 | 48,867 | 41,264 | 35,177 | 7,838 | 6,622 |
3576
- | \`date-picker\` | 105,572 | 33,511 | 27,376 | 15,499 | 3,873 | 3,160 |
3577
- | \`description-list\` | 35,209 | 10,576 | 9,283 | 3,502 | 778 | 691 |
3578
- | \`dialog\` | 40,757 | 12,115 | 10,693 | 7,079 | 1,794 | 1,540 |
3579
- | \`divider\` | 35,234 | 10,761 | 9,426 | 3,120 | 767 | 548 |
3580
- | \`donut-chart\` | 86,134 | 27,031 | 23,848 | 19,297 | 4,913 | 4,047 |
3581
- | \`drawer\` | 39,396 | 11,745 | 10,321 | 6,007 | 1,496 | 1,208 |
3582
- | \`drilldown\` | 101,518 | 32,568 | 26,478 | 10,393 | 2,522 | 2,011 |
3583
- | \`empty\` | 34,765 | 10,741 | 9,412 | 2,380 | 687 | 571 |
3584
- | \`file-input\` | 111,646 | 34,597 | 28,338 | 17,594 | 4,027 | 3,432 |
3585
- | \`filter-input\` | 185,398 | 53,627 | 45,167 | 56,353 | 11,390 | 9,461 |
3586
- | \`flex\` | 33,785 | 10,276 | 9,018 | 2,078 | 453 | 459 |
3587
- | \`format-date\` | 36,989 | 11,363 | 10,057 | 3,497 | 860 | 605 |
3588
- | \`graph\` | 122,906 | 38,060 | 31,321 | 19,840 | 4,869 | 4,125 |
3589
- | \`grid\` | 34,378 | 10,455 | 9,189 | 2,667 | 624 | 499 |
3590
- | \`heatmap\` | 85,047 | 26,758 | 23,628 | 17,648 | 4,428 | 3,703 |
3591
- | \`icon\` | 88,169 | 28,489 | 23,351 | 1,707 | 425 | 279 |
3592
- | \`icon-button\` | 43,946 | 12,470 | 10,935 | 9,582 | 1,863 | 1,527 |
3593
- | \`image\` | 36,603 | 11,072 | 9,744 | 4,840 | 1,292 | 1,024 |
3594
- | \`input\` | 105,721 | 33,249 | 27,143 | 11,104 | 2,682 | 2,185 |
3595
- | \`kbd\` | 36,094 | 11,290 | 9,930 | 4,373 | 1,366 | 1,126 |
3596
- | \`legend\` | 41,550 | 12,459 | 10,924 | 5,790 | 1,395 | 1,057 |
3597
- | \`lightbox\` | 44,129 | 13,129 | 11,498 | 7,805 | 1,990 | 1,581 |
3598
- | \`line-chart\` | 88,596 | 27,885 | 24,661 | 20,419 | 5,125 | 4,203 |
3599
- | \`list\` | 37,850 | 11,191 | 9,839 | 5,782 | 1,308 | 1,123 |
3600
- | \`listbox\` | 112,689 | 35,554 | 29,011 | 15,768 | 4,082 | 3,241 |
3601
- | \`loader\` | 36,134 | 10,932 | 9,611 | 4,051 | 988 | 818 |
3602
- | \`map\` | 169,380 | 45,150 | 37,620 | 69,255 | 13,216 | 10,988 |
3603
- | \`megamenu\` | 68,107 | 21,944 | 19,465 | 9,805 | 2,348 | 1,910 |
3604
- | \`menu\` | 134,475 | 43,580 | 36,472 | 16,362 | 3,800 | 3,193 |
3605
- | \`meter\` | 41,556 | 12,162 | 10,714 | 9,479 | 2,233 | 1,849 |
3606
- | \`navigation\` | 36,043 | 11,092 | 9,747 | 2,726 | 716 | 557 |
3607
- | \`notifications\` | 117,111 | 35,494 | 29,147 | 24,486 | 5,062 | 4,216 |
3608
- | \`number-input\` | 107,164 | 33,803 | 27,604 | 12,539 | 3,156 | 2,513 |
3609
- | \`object-inspector\` | 154,958 | 48,512 | 41,005 | 33,167 | 7,554 | 6,270 |
3610
- | \`option\` | 38,277 | 11,517 | 10,146 | 6,201 | 1,576 | 1,262 |
3611
- | \`orb\` | 42,981 | 13,915 | 12,267 | 8,623 | 3,226 | 2,764 |
3612
- | \`outline\` | 41,826 | 12,674 | 11,186 | 8,351 | 2,122 | 1,741 |
3613
- | \`pagination\` | 168,620 | 50,145 | 42,237 | 45,786 | 9,629 | 7,866 |
3614
- | \`pin-input\` | 47,706 | 14,054 | 12,317 | 8,389 | 2,388 | 1,893 |
3615
- | \`popover\` | 63,068 | 20,767 | 18,348 | 4,517 | 1,162 | 878 |
3616
- | \`progress\` | 39,038 | 11,616 | 10,242 | 6,962 | 1,669 | 1,479 |
3617
- | \`qr-code\` | 46,321 | 14,913 | 13,142 | 14,629 | 5,298 | 4,484 |
3618
- | \`quote\` | 32,906 | 10,089 | 8,829 | 1,191 | 295 | 139 |
3619
- | \`radio\` | 52,386 | 14,377 | 12,634 | 11,160 | 2,287 | 1,846 |
3620
- | \`rating\` | 50,567 | 15,061 | 13,273 | 10,941 | 3,088 | 2,455 |
3621
- | \`sandbox\` | 68,268 | 17,969 | 15,882 | 35,718 | 7,860 | 6,630 |
3622
- | \`scatter-chart\` | 87,121 | 27,604 | 24,333 | 19,718 | 5,206 | 4,225 |
3623
- | \`scroll-area\` | 37,642 | 11,265 | 9,884 | 5,874 | 1,400 | 1,131 |
3624
- | \`select\` | 151,600 | 46,936 | 39,399 | 28,986 | 6,502 | 5,281 |
3625
- | \`skeleton\` | 33,958 | 10,417 | 9,143 | 2,242 | 592 | 498 |
3626
- | \`skip-link\` | 34,493 | 10,637 | 9,306 | 2,624 | 735 | 579 |
3627
- | \`slider\` | 56,160 | 15,264 | 13,480 | 16,690 | 3,539 | 2,921 |
3628
- | \`sparkline\` | 43,071 | 13,319 | 11,741 | 6,293 | 1,754 | 1,426 |
3629
- | \`speed-dial\` | 126,089 | 41,044 | 34,451 | 11,356 | 2,371 | 1,861 |
3630
- | \`splitter\` | 48,605 | 13,670 | 12,124 | 16,336 | 3,637 | 3,029 |
3631
- | \`stat\` | 36,641 | 10,814 | 9,526 | 4,565 | 917 | 771 |
3632
- | \`steps\` | 110,647 | 33,568 | 27,517 | 19,894 | 3,925 | 3,264 |
3633
- | \`switch\` | 45,958 | 13,443 | 11,806 | 6,001 | 1,581 | 1,217 |
3634
- | \`table\` | 104,740 | 33,466 | 27,286 | 15,746 | 3,983 | 3,341 |
3635
- | \`tabs\` | 47,068 | 13,471 | 11,852 | 10,154 | 2,160 | 1,804 |
3636
- | \`tag\` | 91,379 | 29,452 | 24,044 | 4,083 | 1,021 | 872 |
3637
- | \`text\` | 35,905 | 10,626 | 9,311 | 4,200 | 896 | 611 |
3638
- | \`textarea\` | 47,214 | 13,722 | 12,021 | 7,418 | 1,927 | 1,545 |
3639
- | \`time-input\` | 179,388 | 52,680 | 44,444 | 50,488 | 10,698 | 9,022 |
3640
- | \`time-picker\` | 128,743 | 39,268 | 32,265 | 30,852 | 7,320 | 6,138 |
3641
- | \`timeline\` | 91,938 | 29,325 | 24,151 | 5,110 | 1,136 | 952 |
3642
- | \`toast\` | 99,515 | 31,404 | 25,689 | 11,599 | 2,599 | 2,141 |
3643
- | \`toggle\` | 50,971 | 14,593 | 12,822 | 8,525 | 2,071 | 1,665 |
3644
- | \`toolbar\` | 36,114 | 11,095 | 9,765 | 3,899 | 1,025 | 797 |
3645
- | \`tooltip\` | 67,648 | 21,959 | 19,420 | 9,429 | 2,453 | 1,940 |
3646
- | \`tour\` | 79,940 | 24,211 | 21,389 | 20,565 | 4,385 | 3,644 |
3647
- | \`tree\` | 104,690 | 33,320 | 27,207 | 13,069 | 3,304 | 2,790 |
3648
- | \`trend\` | 90,722 | 29,104 | 23,884 | 4,271 | 989 | 878 |
3649
- | \`video\` | 174,583 | 52,245 | 44,246 | 51,918 | 11,162 | 9,518 |
3650
- | \`video-playlist\` | 148,555 | 46,147 | 38,726 | 29,038 | 5,998 | 5,072 |
3651
- | \`virtual-list\` | 39,472 | 12,286 | 10,806 | 3,187 | 935 | 703 |
3575
+ | \`accordion\` | 95,843 | 30,972 | 25,266 | 6,204 | 1,543 | 1,321 |
3576
+ | \`announcement\` | 94,479 | 30,406 | 24,827 | 5,932 | 1,410 | 1,248 |
3577
+ | \`app-header\` | 37,393 | 11,126 | 9,799 | 5,121 | 1,166 | 934 |
3578
+ | \`area-chart\` | 86,811 | 27,796 | 24,497 | 18,366 | 4,988 | 4,144 |
3579
+ | \`aura\` | 100,530 | 33,627 | 29,130 | 65,483 | 23,032 | 19,723 |
3580
+ | \`avatar\` | 39,138 | 11,584 | 10,220 | 6,833 | 1,646 | 1,298 |
3581
+ | \`badge\` | 36,143 | 10,869 | 9,524 | 4,250 | 1,001 | 733 |
3582
+ | \`bar-chart\` | 93,880 | 29,107 | 25,756 | 25,425 | 6,313 | 5,329 |
3583
+ | \`blockquote\` | 34,209 | 10,468 | 9,196 | 1,914 | 467 | 315 |
3584
+ | \`breadcrumbs\` | 92,523 | 29,466 | 24,178 | 5,518 | 1,244 | 1,129 |
3585
+ | \`button\` | 43,806 | 12,554 | 11,023 | 9,257 | 1,937 | 1,505 |
3586
+ | \`button-group\` | 34,585 | 10,450 | 9,174 | 2,320 | 528 | 375 |
3587
+ | \`callout\` | 90,078 | 29,063 | 23,826 | 2,899 | 756 | 687 |
3588
+ | \`canvas\` | 114,431 | 31,475 | 27,500 | 70,328 | 18,720 | 15,791 |
3589
+ | \`card\` | 36,224 | 10,920 | 9,591 | 3,963 | 975 | 846 |
3590
+ | \`carousel\` | 109,148 | 33,349 | 27,483 | 21,719 | 4,507 | 3,749 |
3591
+ | \`chat\` | 125,906 | 39,002 | 32,127 | 31,590 | 7,633 | 6,410 |
3592
+ | \`checkbox\` | 49,050 | 13,927 | 12,237 | 9,313 | 2,208 | 1,876 |
3593
+ | \`checkbox-group\` | 47,829 | 13,751 | 12,052 | 7,574 | 1,903 | 1,474 |
3594
+ | \`code\` | 32,605 | 9,928 | 8,729 | 1,511 | 377 | 380 |
3595
+ | \`code-block\` | 150,253 | 46,548 | 39,158 | 33,717 | 7,215 | 6,126 |
3596
+ | \`color-input\` | 185,460 | 52,861 | 44,724 | 59,352 | 11,295 | 9,511 |
3597
+ | \`color-picker\` | 146,202 | 41,656 | 34,488 | 47,560 | 9,284 | 7,867 |
3598
+ | \`combobox\` | 161,799 | 49,039 | 41,252 | 36,231 | 7,906 | 6,471 |
3599
+ | \`command\` | 127,393 | 38,493 | 31,618 | 28,803 | 6,694 | 5,583 |
3600
+ | \`copy-button\` | 138,405 | 43,830 | 36,878 | 21,871 | 4,664 | 3,877 |
3601
+ | \`data-table\` | 225,180 | 63,813 | 53,600 | 95,314 | 21,365 | 17,447 |
3602
+ | \`date-input\` | 160,960 | 48,876 | 41,238 | 35,177 | 7,843 | 6,678 |
3603
+ | \`date-picker\` | 105,753 | 33,518 | 27,415 | 15,499 | 3,859 | 3,238 |
3604
+ | \`description-list\` | 35,390 | 10,586 | 9,287 | 3,502 | 768 | 694 |
3605
+ | \`dialog\` | 40,938 | 12,132 | 10,723 | 7,079 | 1,782 | 1,494 |
3606
+ | \`divider\` | 35,415 | 10,782 | 9,444 | 3,120 | 769 | 585 |
3607
+ | \`donut-chart\` | 86,315 | 27,042 | 23,859 | 19,297 | 4,915 | 4,121 |
3608
+ | \`drawer\` | 39,577 | 11,767 | 10,345 | 6,007 | 1,482 | 1,263 |
3609
+ | \`drilldown\` | 101,699 | 32,584 | 26,513 | 10,393 | 2,528 | 2,071 |
3610
+ | \`empty\` | 34,946 | 10,764 | 9,445 | 2,380 | 678 | 489 |
3611
+ | \`file-input\` | 111,827 | 34,613 | 28,369 | 17,594 | 4,020 | 3,366 |
3612
+ | \`filter-input\` | 185,579 | 53,639 | 45,210 | 56,353 | 11,398 | 9,498 |
3613
+ | \`flex\` | 33,966 | 10,295 | 9,062 | 2,078 | 445 | 296 |
3614
+ | \`format-date\` | 37,170 | 11,382 | 10,030 | 3,497 | 860 | 608 |
3615
+ | \`graph\` | 129,548 | 39,000 | 32,083 | 26,302 | 5,795 | 4,960 |
3616
+ | \`grid\` | 34,559 | 10,478 | 9,220 | 2,667 | 630 | 522 |
3617
+ | \`heatmap\` | 85,228 | 26,779 | 23,661 | 17,648 | 4,434 | 3,682 |
3618
+ | \`icon\` | 88,350 | 28,509 | 23,354 | 1,707 | 422 | 288 |
3619
+ | \`icon-button\` | 44,127 | 12,484 | 10,977 | 9,582 | 1,854 | 1,563 |
3620
+ | \`image\` | 36,784 | 11,092 | 9,750 | 4,840 | 1,285 | 1,066 |
3621
+ | \`input\` | 105,902 | 33,263 | 27,153 | 11,104 | 2,685 | 2,139 |
3622
+ | \`kbd\` | 36,275 | 11,305 | 9,919 | 4,373 | 1,361 | 1,190 |
3623
+ | \`legend\` | 41,731 | 12,479 | 10,955 | 5,790 | 1,387 | 1,129 |
3624
+ | \`lightbox\` | 44,310 | 13,142 | 11,532 | 7,805 | 1,983 | 1,745 |
3625
+ | \`line-chart\` | 88,777 | 27,900 | 24,579 | 20,419 | 5,132 | 4,223 |
3626
+ | \`list\` | 38,031 | 11,207 | 9,858 | 5,782 | 1,294 | 1,042 |
3627
+ | \`listbox\` | 112,870 | 35,565 | 29,019 | 15,768 | 4,072 | 3,333 |
3628
+ | \`loader\` | 36,315 | 10,953 | 9,628 | 4,051 | 984 | 832 |
3629
+ | \`map\` | 169,561 | 45,161 | 37,585 | 69,255 | 13,207 | 10,925 |
3630
+ | \`megamenu\` | 68,288 | 21,962 | 19,385 | 9,805 | 2,346 | 1,953 |
3631
+ | \`menu\` | 134,656 | 43,587 | 36,501 | 16,362 | 3,797 | 3,179 |
3632
+ | \`meter\` | 41,737 | 12,178 | 10,745 | 9,479 | 2,229 | 1,935 |
3633
+ | \`navigation\` | 36,224 | 11,110 | 9,735 | 2,726 | 713 | 628 |
3634
+ | \`notifications\` | 117,292 | 35,506 | 29,125 | 24,486 | 5,059 | 4,265 |
3635
+ | \`number-input\` | 107,345 | 33,815 | 27,626 | 12,539 | 3,150 | 2,570 |
3636
+ | \`object-inspector\` | 155,139 | 48,519 | 40,992 | 33,167 | 7,563 | 6,311 |
3637
+ | \`option\` | 38,458 | 11,533 | 10,163 | 6,201 | 1,574 | 1,257 |
3638
+ | \`orb\` | 43,162 | 13,930 | 12,278 | 8,623 | 3,224 | 2,742 |
3639
+ | \`outline\` | 42,007 | 12,688 | 11,173 | 8,351 | 2,127 | 1,739 |
3640
+ | \`pagination\` | 168,801 | 50,172 | 42,283 | 45,786 | 9,632 | 7,910 |
3641
+ | \`pin-input\` | 47,887 | 14,070 | 12,392 | 8,389 | 2,378 | 1,911 |
3642
+ | \`popover\` | 63,249 | 20,782 | 18,412 | 4,517 | 1,152 | 901 |
3643
+ | \`progress\` | 39,219 | 11,635 | 10,236 | 6,962 | 1,660 | 1,423 |
3644
+ | \`qr-code\` | 46,502 | 14,934 | 13,135 | 14,629 | 5,292 | 4,421 |
3645
+ | \`quote\` | 33,087 | 10,103 | 8,861 | 1,191 | 301 | 174 |
3646
+ | \`radio\` | 52,567 | 14,389 | 12,655 | 11,160 | 2,278 | 1,837 |
3647
+ | \`rating\` | 50,748 | 15,074 | 13,288 | 10,941 | 3,097 | 2,603 |
3648
+ | \`sandbox\` | 68,449 | 17,986 | 15,926 | 35,718 | 7,859 | 6,648 |
3649
+ | \`scatter-chart\` | 87,302 | 27,618 | 24,317 | 19,718 | 5,204 | 4,299 |
3650
+ | \`scroll-area\` | 37,823 | 11,283 | 9,885 | 5,874 | 1,399 | 1,169 |
3651
+ | \`select\` | 151,781 | 46,954 | 39,374 | 28,986 | 6,495 | 5,409 |
3652
+ | \`skeleton\` | 34,139 | 10,437 | 9,182 | 2,242 | 602 | 477 |
3653
+ | \`skip-link\` | 34,674 | 10,659 | 9,332 | 2,624 | 740 | 563 |
3654
+ | \`slider\` | 56,341 | 15,274 | 13,484 | 16,690 | 3,537 | 2,999 |
3655
+ | \`sparkline\` | 43,252 | 13,336 | 11,745 | 6,293 | 1,749 | 1,448 |
3656
+ | \`speed-dial\` | 126,270 | 41,059 | 34,489 | 11,356 | 2,382 | 1,920 |
3657
+ | \`splitter\` | 48,786 | 13,681 | 12,145 | 16,336 | 3,627 | 3,136 |
3658
+ | \`stat\` | 36,822 | 10,836 | 9,555 | 4,565 | 915 | 730 |
3659
+ | \`steps\` | 110,828 | 33,587 | 27,521 | 19,894 | 3,918 | 3,257 |
3660
+ | \`switch\` | 46,139 | 13,459 | 11,778 | 6,001 | 1,568 | 1,279 |
3661
+ | \`table\` | 104,921 | 33,482 | 27,341 | 15,746 | 3,981 | 3,421 |
3662
+ | \`tabs\` | 47,249 | 13,492 | 11,867 | 10,154 | 2,155 | 1,927 |
3663
+ | \`tag\` | 91,560 | 29,474 | 24,113 | 4,083 | 1,013 | 827 |
3664
+ | \`text\` | 36,086 | 10,644 | 9,325 | 4,200 | 880 | 692 |
3665
+ | \`textarea\` | 47,395 | 13,733 | 12,034 | 7,418 | 1,928 | 1,528 |
3666
+ | \`time-input\` | 179,569 | 52,698 | 44,403 | 50,488 | 10,697 | 8,990 |
3667
+ | \`time-picker\` | 128,924 | 39,284 | 32,256 | 30,852 | 7,322 | 6,068 |
3668
+ | \`timeline\` | 92,119 | 29,344 | 24,098 | 5,110 | 1,130 | 917 |
3669
+ | \`toast\` | 99,696 | 31,426 | 25,725 | 11,599 | 2,601 | 2,189 |
3670
+ | \`toggle\` | 51,152 | 14,607 | 12,844 | 8,525 | 2,066 | 1,725 |
3671
+ | \`toolbar\` | 36,295 | 11,108 | 9,755 | 3,899 | 1,022 | 824 |
3672
+ | \`tooltip\` | 67,829 | 21,974 | 19,470 | 9,429 | 2,451 | 2,085 |
3673
+ | \`tour\` | 80,121 | 24,220 | 21,448 | 20,565 | 4,378 | 3,738 |
3674
+ | \`tree\` | 104,871 | 33,337 | 27,201 | 13,069 | 3,306 | 2,728 |
3675
+ | \`trend\` | 90,903 | 29,129 | 23,898 | 4,271 | 985 | 862 |
3676
+ | \`video\` | 174,764 | 52,259 | 44,284 | 51,918 | 11,165 | 9,570 |
3677
+ | \`video-playlist\` | 148,736 | 46,165 | 38,681 | 29,038 | 5,998 | 5,022 |
3678
+ | \`virtual-list\` | 39,653 | 12,303 | 10,814 | 3,187 | 927 | 746 |
3652
3679
 
3653
3680
  ## What an install adds to \`node_modules\`
3654
3681
 
@@ -3660,12 +3687,12 @@ stripped column shows the bytes we removed.
3660
3687
 
3661
3688
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
3662
3689
  |---|---|---|---|---|
3663
- | \`@fusion.dev/helix-core\` | 1,190,205 | 171 | 266,642 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
3664
- | \`@fusion.dev/helix-headless\` | 13,487,232 | 510 | 1,074,142 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
3690
+ | \`@fusion.dev/helix-core\` | 1,192,742 | 171 | 267,144 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
3691
+ | \`@fusion.dev/helix-headless\` | 13,506,127 | 510 | 1,077,660 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
3665
3692
  | \`@fusion.dev/helix-icons\` | 150,162 | 21 | 50,346 | \`svgo\` |
3666
3693
  | \`@fusion.dev/helix-styles\` | 102,155 | 6 | 0 | none |
3667
3694
  | \`@fusion.dev/helix-theme\` | 500,416 | 8 | 5,191 | none |
3668
- | \`@fusion.dev/helix\` | 14,601,142 | 876 | 373,588 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
3695
+ | \`@fusion.dev/helix\` | 14,618,004 | 876 | 373,795 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
3669
3696
 
3670
3697
  ## Not measured yet
3671
3698