@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.
- package/content/graphs.mdx +27 -0
- package/content/metrics.mdx +221 -221
- package/dist/sources.generated.js +248 -221
- package/package.json +9 -9
|
@@ -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\` |
|
|
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,
|
|
3321
|
-
| \`@fusion.dev/helix-headless\` |
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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** |
|
|
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,
|
|
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,
|
|
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** |
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
3444
|
-
| \`announcement\` | 89,
|
|
3445
|
-
| \`app-header\` | 33,
|
|
3446
|
-
| \`area-chart\` | 79,
|
|
3447
|
-
| \`avatar\` | 35,
|
|
3448
|
-
| \`badge\` |
|
|
3449
|
-
| \`bar-chart\` |
|
|
3450
|
-
| \`blockquote\` |
|
|
3451
|
-
| \`breadcrumbs\` | 88,
|
|
3452
|
-
| \`button\` | 37,
|
|
3453
|
-
| \`button-group\` | 32,
|
|
3454
|
-
| \`callout\` |
|
|
3455
|
-
| \`canvas\` |
|
|
3456
|
-
| \`card\` | 32,
|
|
3457
|
-
| \`carousel\` | 98,
|
|
3458
|
-
| \`chat\` | 111,
|
|
3459
|
-
| \`checkbox\` | 42,
|
|
3460
|
-
| \`checkbox-group\` | 45,
|
|
3461
|
-
| \`code\` | 31,
|
|
3462
|
-
| \`code-block\` | 133,
|
|
3463
|
-
| \`color-input\` | 151,
|
|
3464
|
-
| \`color-picker\` | 118,
|
|
3465
|
-
| \`combobox\` | 146,
|
|
3466
|
-
| \`command\` | 116,
|
|
3467
|
-
| \`copy-button\` | 128,
|
|
3468
|
-
| \`data-table\` | 186,
|
|
3469
|
-
| \`date-input\` | 144,
|
|
3470
|
-
| \`date-picker\` |
|
|
3471
|
-
| \`description-list\` |
|
|
3472
|
-
| \`dialog\` | 36,
|
|
3473
|
-
| \`divider\` | 33,
|
|
3474
|
-
| \`donut-chart\` | 77,
|
|
3475
|
-
| \`drawer\` | 35,
|
|
3476
|
-
| \`drilldown\` |
|
|
3477
|
-
| \`empty\` | 33,
|
|
3478
|
-
| \`file-input\` | 100,
|
|
3479
|
-
| \`filter-input\` | 157,
|
|
3480
|
-
| \`format-date\` | 36,
|
|
3481
|
-
| \`graph\` |
|
|
3482
|
-
| \`heatmap\` | 78,
|
|
3483
|
-
| \`icon\` | 87,
|
|
3484
|
-
| \`icon-button\` |
|
|
3485
|
-
| \`image\` |
|
|
3486
|
-
| \`input\` | 99,
|
|
3487
|
-
| \`kbd\` | 34,
|
|
3488
|
-
| \`legend\` | 36,
|
|
3489
|
-
| \`lightbox\` | 41,
|
|
3490
|
-
| \`line-chart\` |
|
|
3491
|
-
| \`list\` | 33,
|
|
3492
|
-
| \`listbox\` | 108,
|
|
3493
|
-
| \`loader\` |
|
|
3494
|
-
| \`map\` | 133,
|
|
3495
|
-
| \`megamenu\` | 63,
|
|
3496
|
-
| \`menu\` |
|
|
3497
|
-
| \`meter\` | 36,
|
|
3498
|
-
| \`navigation\` | 34,
|
|
3499
|
-
| \`notifications\` | 104,
|
|
3500
|
-
| \`number-input\` | 102,
|
|
3501
|
-
| \`object-inspector\` | 141,
|
|
3502
|
-
| \`option\` | 35,
|
|
3503
|
-
| \`outline\` | 38,
|
|
3504
|
-
| \`pagination\` | 150,
|
|
3505
|
-
| \`pin-input\` | 44,
|
|
3506
|
-
| \`popover\` | 60,
|
|
3507
|
-
| \`progress\` | 34,
|
|
3508
|
-
| \`qr-code\` | 44,
|
|
3509
|
-
| \`quote\` | 32,
|
|
3510
|
-
| \`radio\` | 44,
|
|
3511
|
-
| \`rating\` | 46,
|
|
3512
|
-
| \`scatter-chart\` | 78,
|
|
3513
|
-
| \`scroll-area\` | 34,
|
|
3514
|
-
| \`select\` | 138,
|
|
3515
|
-
| \`skeleton\` | 31,
|
|
3516
|
-
| \`skip-link\` | 33,
|
|
3517
|
-
| \`slider\` | 45,
|
|
3518
|
-
| \`sparkline\` | 39,
|
|
3519
|
-
| \`speed-dial\` | 118,
|
|
3520
|
-
| \`splitter\` | 42,
|
|
3521
|
-
| \`stat\` | 33,
|
|
3522
|
-
| \`steps\` | 97,
|
|
3523
|
-
| \`switch\` | 41,
|
|
3524
|
-
| \`table\` | 99,
|
|
3525
|
-
| \`tabs\` |
|
|
3526
|
-
| \`tag\` | 88,
|
|
3527
|
-
| \`textarea\` | 43,
|
|
3528
|
-
| \`time-input\` |
|
|
3529
|
-
| \`time-picker\` | 117,
|
|
3530
|
-
| \`timeline\` | 88,
|
|
3531
|
-
| \`toast\` |
|
|
3532
|
-
| \`toggle\` | 45,
|
|
3533
|
-
| \`toolbar\` |
|
|
3534
|
-
| \`tooltip\` | 64,
|
|
3535
|
-
| \`tour\` | 70,
|
|
3536
|
-
| \`tree\` |
|
|
3537
|
-
| \`trend\` | 87,
|
|
3538
|
-
| \`video\` | 155,
|
|
3539
|
-
| \`video-playlist\` | 134,
|
|
3540
|
-
| \`virtual-list\` | 38,
|
|
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,
|
|
3549
|
-
| \`announcement\` | 94,
|
|
3550
|
-
| \`app-header\` | 37,
|
|
3551
|
-
| \`area-chart\` | 86,
|
|
3552
|
-
| \`aura\` | 100,
|
|
3553
|
-
| \`avatar\` |
|
|
3554
|
-
| \`badge\` |
|
|
3555
|
-
| \`bar-chart\` | 93,
|
|
3556
|
-
| \`blockquote\` | 34,
|
|
3557
|
-
| \`breadcrumbs\` | 92,
|
|
3558
|
-
| \`button\` | 43,
|
|
3559
|
-
| \`button-group\` | 34,
|
|
3560
|
-
| \`callout\` |
|
|
3561
|
-
| \`canvas\` | 114,
|
|
3562
|
-
| \`card\` | 36,
|
|
3563
|
-
| \`carousel\` |
|
|
3564
|
-
| \`chat\` | 125,
|
|
3565
|
-
| \`checkbox\` |
|
|
3566
|
-
| \`checkbox-group\` | 47,
|
|
3567
|
-
| \`code\` | 32,
|
|
3568
|
-
| \`code-block\` | 150,
|
|
3569
|
-
| \`color-input\` | 185,
|
|
3570
|
-
| \`color-picker\` | 146,
|
|
3571
|
-
| \`combobox\` | 161,
|
|
3572
|
-
| \`command\` | 127,
|
|
3573
|
-
| \`copy-button\` | 138,
|
|
3574
|
-
| \`data-table\` |
|
|
3575
|
-
| \`date-input\` | 160,
|
|
3576
|
-
| \`date-picker\` | 105,
|
|
3577
|
-
| \`description-list\` | 35,
|
|
3578
|
-
| \`dialog\` | 40,
|
|
3579
|
-
| \`divider\` | 35,
|
|
3580
|
-
| \`donut-chart\` | 86,
|
|
3581
|
-
| \`drawer\` | 39,
|
|
3582
|
-
| \`drilldown\` | 101,
|
|
3583
|
-
| \`empty\` | 34,
|
|
3584
|
-
| \`file-input\` | 111,
|
|
3585
|
-
| \`filter-input\` | 185,
|
|
3586
|
-
| \`flex\` | 33,
|
|
3587
|
-
| \`format-date\` |
|
|
3588
|
-
| \`graph\` |
|
|
3589
|
-
| \`grid\` | 34,
|
|
3590
|
-
| \`heatmap\` | 85,
|
|
3591
|
-
| \`icon\` | 88,
|
|
3592
|
-
| \`icon-button\` |
|
|
3593
|
-
| \`image\` | 36,
|
|
3594
|
-
| \`input\` | 105,
|
|
3595
|
-
| \`kbd\` | 36,
|
|
3596
|
-
| \`legend\` | 41,
|
|
3597
|
-
| \`lightbox\` | 44,
|
|
3598
|
-
| \`line-chart\` | 88,
|
|
3599
|
-
| \`list\` |
|
|
3600
|
-
| \`listbox\` | 112,
|
|
3601
|
-
| \`loader\` | 36,
|
|
3602
|
-
| \`map\` | 169,
|
|
3603
|
-
| \`megamenu\` | 68,
|
|
3604
|
-
| \`menu\` | 134,
|
|
3605
|
-
| \`meter\` | 41,
|
|
3606
|
-
| \`navigation\` | 36,
|
|
3607
|
-
| \`notifications\` | 117,
|
|
3608
|
-
| \`number-input\` | 107,
|
|
3609
|
-
| \`object-inspector\` |
|
|
3610
|
-
| \`option\` | 38,
|
|
3611
|
-
| \`orb\` |
|
|
3612
|
-
| \`outline\` |
|
|
3613
|
-
| \`pagination\` | 168,
|
|
3614
|
-
| \`pin-input\` | 47,
|
|
3615
|
-
| \`popover\` | 63,
|
|
3616
|
-
| \`progress\` | 39,
|
|
3617
|
-
| \`qr-code\` | 46,
|
|
3618
|
-
| \`quote\` |
|
|
3619
|
-
| \`radio\` | 52,
|
|
3620
|
-
| \`rating\` | 50,
|
|
3621
|
-
| \`sandbox\` | 68,
|
|
3622
|
-
| \`scatter-chart\` | 87,
|
|
3623
|
-
| \`scroll-area\` | 37,
|
|
3624
|
-
| \`select\` | 151,
|
|
3625
|
-
| \`skeleton\` |
|
|
3626
|
-
| \`skip-link\` | 34,
|
|
3627
|
-
| \`slider\` | 56,
|
|
3628
|
-
| \`sparkline\` | 43,
|
|
3629
|
-
| \`speed-dial\` | 126,
|
|
3630
|
-
| \`splitter\` | 48,
|
|
3631
|
-
| \`stat\` | 36,
|
|
3632
|
-
| \`steps\` | 110,
|
|
3633
|
-
| \`switch\` |
|
|
3634
|
-
| \`table\` | 104,
|
|
3635
|
-
| \`tabs\` | 47,
|
|
3636
|
-
| \`tag\` | 91,
|
|
3637
|
-
| \`text\` |
|
|
3638
|
-
| \`textarea\` | 47,
|
|
3639
|
-
| \`time-input\` | 179,
|
|
3640
|
-
| \`time-picker\` | 128,
|
|
3641
|
-
| \`timeline\` |
|
|
3642
|
-
| \`toast\` | 99,
|
|
3643
|
-
| \`toggle\` |
|
|
3644
|
-
| \`toolbar\` | 36,
|
|
3645
|
-
| \`tooltip\` | 67,
|
|
3646
|
-
| \`tour\` |
|
|
3647
|
-
| \`tree\` | 104,
|
|
3648
|
-
| \`trend\` | 90,
|
|
3649
|
-
| \`video\` | 174,
|
|
3650
|
-
| \`video-playlist\` | 148,
|
|
3651
|
-
| \`virtual-list\` | 39,
|
|
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,
|
|
3664
|
-
| \`@fusion.dev/helix-headless\` | 13,
|
|
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,
|
|
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
|
|