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