@fusion.dev/helix-docs 0.222.0 → 0.223.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/metrics.mdx +254 -254
- package/dist/sources.generated.js +254 -254
- package/package.json +12 -12
|
@@ -5134,7 +5134,7 @@ on its own.
|
|
|
5134
5134
|
|
|
5135
5135
|
| | Raw | Gzip | Brotli |
|
|
5136
5136
|
|---|---|---|---|
|
|
5137
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
5137
|
+
| Lit and \`@fusion.dev/helix-core\` | 308,011 | 97,129 | 83,060 |
|
|
5138
5138
|
|
|
5139
5139
|
## Whole packages
|
|
5140
5140
|
|
|
@@ -5145,12 +5145,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5145
5145
|
|
|
5146
5146
|
| Package | Raw | Gzip | Brotli | |
|
|
5147
5147
|
|---|---|---|---|---|
|
|
5148
|
-
| \`@fusion.dev/helix-core\` |
|
|
5149
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
5148
|
+
| \`@fusion.dev/helix-core\` | 307,220 | 96,945 | 82,678 | The element base class, mixins, decorators, and floating positioning. |
|
|
5149
|
+
| \`@fusion.dev/helix-headless\` | 1,674,494 | 460,588 | 347,732 | Every headless family. The barrel entry includes all of them. |
|
|
5150
5150
|
| \`@fusion.dev/helix-icons\` | 68,014 | 21,684 | 18,012 | The whole glyph set. |
|
|
5151
5151
|
| \`@fusion.dev/helix-theme\` | 4,022 | 1,720 | 1,541 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
5152
5152
|
| \`fusion_helix_theme_bg.wasm\` | 412,026 | 152,285 | 123,363 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
5153
|
-
| \`@fusion.dev/helix\` | 2,
|
|
5153
|
+
| \`@fusion.dev/helix\` | 2,467,504 | 631,089 | 452,523 | Every styled family. |
|
|
5154
5154
|
| \`lit\` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
5155
5155
|
|
|
5156
5156
|
## Stylesheets
|
|
@@ -5171,13 +5171,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
5171
5171
|
|
|
5172
5172
|
## What the numbers say
|
|
5173
5173
|
|
|
5174
|
-
**Most of your first component is the shared runtime.** The median styled family is
|
|
5174
|
+
**Most of your first component is the shared runtime.** The median styled family is 22,580 bytes gzipped alone, and it adds 5,547 to a page that already has Helix. The shared runtime is 75 percent of the first component, and the component itself is 25 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.
|
|
5175
5175
|
|
|
5176
|
-
Across the 122 styled components, the smallest is \`code\` at 9,733 bytes gzipped alone, and the largest is \`data-table\` at
|
|
5176
|
+
Across the 122 styled components, the smallest is \`code\` at 9,733 bytes gzipped alone, and the largest is \`data-table\` at 75,362. Every family together is 631,089.
|
|
5177
5177
|
|
|
5178
|
-
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 460,
|
|
5178
|
+
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 460,588 bytes gzipped, whatever else the page imports. That is 20 times the median family above. All 122 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.
|
|
5179
5179
|
|
|
5180
|
-
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 20,
|
|
5180
|
+
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 20,770 bytes gzipped alone.
|
|
5181
5181
|
|
|
5182
5182
|
## Compared with other systems
|
|
5183
5183
|
|
|
@@ -5189,37 +5189,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5189
5189
|
|
|
5190
5190
|
| Component | System | Raw | Gzip | Brotli |
|
|
5191
5191
|
|---|---|---|---|---|
|
|
5192
|
-
| \`button\` | **Helix** | 47,115 | 15,724 | 14,
|
|
5192
|
+
| \`button\` | **Helix** | 47,115 | 15,724 | 14,141 |
|
|
5193
5193
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5194
5194
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5195
5195
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
5196
5196
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
5197
|
-
| \`checkbox\` | **Helix** | 51,825 | 16,807 | 15,
|
|
5197
|
+
| \`checkbox\` | **Helix** | 51,825 | 16,807 | 15,118 |
|
|
5198
5198
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
5199
5199
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5200
5200
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5201
5201
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5202
|
-
| \`dialog\` | **Helix** | 48,335 | 16,
|
|
5202
|
+
| \`dialog\` | **Helix** | 48,335 | 16,369 | 14,717 |
|
|
5203
5203
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5204
5204
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5205
5205
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5206
5206
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5207
|
-
| \`radio\` | **Helix** | 54,658 | 17,359 | 15,
|
|
5207
|
+
| \`radio\` | **Helix** | 54,658 | 17,359 | 15,577 |
|
|
5208
5208
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5209
5209
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5210
5210
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
5211
5211
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
5212
|
-
| \`switch\` | **Helix** | 48,654 | 16,303 | 14,
|
|
5212
|
+
| \`switch\` | **Helix** | 48,654 | 16,303 | 14,596 |
|
|
5213
5213
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
5214
5214
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5215
5215
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5216
5216
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5217
|
-
| \`tabs\` | **Helix** | 61,069 | 19,
|
|
5217
|
+
| \`tabs\` | **Helix** | 61,069 | 19,404 | 17,442 |
|
|
5218
5218
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5219
5219
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5220
5220
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
5221
5221
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
5222
|
-
| \`tooltip\` | **Helix** | 67,354 | 23,
|
|
5222
|
+
| \`tooltip\` | **Helix** | 67,354 | 23,589 | 21,181 |
|
|
5223
5223
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
5224
5224
|
| | Material Web | | not shipped | |
|
|
5225
5225
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -5299,120 +5299,120 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5299
5299
|
|
|
5300
5300
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5301
5301
|
|---|---|---|---|---|---|---|
|
|
5302
|
-
| \`accordion\` | 36,249 | 13,190 | 11,
|
|
5303
|
-
| \`announcement\` | 40,862 | 14,703 | 13,
|
|
5304
|
-
| \`app-header\` | 36,395 | 13,257 | 11,
|
|
5305
|
-
| \`area-chart\` | 110,349 | 38,275 | 34,
|
|
5306
|
-
| \`avatar\` | 35,444 | 13,264 | 11,991 | 3,992 | 1,195 |
|
|
5307
|
-
| \`badge\` | 31,681 | 12,042 | 10,884 | 2,953 |
|
|
5308
|
-
| \`bar-chart\` | 118,370 | 40,
|
|
5309
|
-
| \`blockquote\` | 28,258 | 10,
|
|
5310
|
-
| \`breadcrumbs\` | 41,360 | 15,512 | 14,
|
|
5311
|
-
| \`button\` | 40,609 | 14,319 | 12,
|
|
5312
|
-
| \`button-group\` | 32,150 | 11,807 | 10,
|
|
5313
|
-
| \`callout\` | 39,513 | 14,942 | 13,
|
|
5314
|
-
| \`canvas\` | 178,196 | 55,660 | 48,
|
|
5315
|
-
| \`card\` | 27,975 | 10,
|
|
5316
|
-
| \`carousel\` | 48,676 | 17,
|
|
5317
|
-
| \`chat\` | 140,
|
|
5318
|
-
| \`checkbox\` | 45,348 | 15,333 | 13,
|
|
5319
|
-
| \`checkbox-group\` | 52,546 | 17,
|
|
5320
|
-
| \`code\` | 24,448 | 9,430 | 8,
|
|
5321
|
-
| \`code-block\` | 112,454 | 37,
|
|
5322
|
-
| \`code-editor\` | 100,650 | 31,304 | 27,
|
|
5323
|
-
| \`code-input\` |
|
|
5324
|
-
| \`color-input\` | 148,596 | 46,980 | 41,
|
|
5325
|
-
| \`color-picker\` | 109,920 | 34,751 | 30,
|
|
5326
|
-
| \`combobox\` |
|
|
5327
|
-
| \`command\` |
|
|
5328
|
-
| \`copy-button\` | 87,833 | 29,786 | 26,
|
|
5329
|
-
| \`data-table\` | 217,
|
|
5330
|
-
| \`date-input\` | 146,579 | 45,805 | 40,
|
|
5331
|
-
| \`date-picker\` | 66,650 | 22,
|
|
5332
|
-
| \`description-list\` | 27,049 | 10,
|
|
5333
|
-
| \`device-screen\` | 121,255 | 38,
|
|
5334
|
-
| \`dialog\` | 42,577 | 15,038 | 13,
|
|
5335
|
-
| \`divider\` | 27,503 | 10,399 | 9,342 | 1,
|
|
5336
|
-
| \`donut-chart\` | 103,708 | 35,681 | 31,
|
|
5337
|
-
| \`drawer\` | 47,059 | 16,454 | 14,
|
|
5338
|
-
| \`drilldown\` | 46,798 | 16,
|
|
5339
|
-
| \`editor\` | 176,430 | 53,602 | 46,
|
|
5340
|
-
| \`empty\` | 28,586 | 10,724 | 9,
|
|
5341
|
-
| \`file-input\` | 62,360 | 21,394 | 19,
|
|
5342
|
-
| \`filter-input\` | 111,
|
|
5343
|
-
| \`find\` | 77,004 | 25,
|
|
5344
|
-
| \`format-date\` | 34,772 | 12,811 | 11,
|
|
5345
|
-
| \`graph\` | 144,814 | 45,608 | 39,
|
|
5346
|
-
| \`heatmap\` | 112,781 | 38,
|
|
5347
|
-
| \`icon\` | 98,587 | 33,273 | 28,
|
|
5348
|
-
| \`icon-button\` | 40,715 | 14,342 | 12,
|
|
5349
|
-
| \`image\` | 29,952 | 10,991 | 9,
|
|
5350
|
-
| \`input\` | 61,
|
|
5351
|
-
| \`kbd\` | 32,753 | 12,222 | 10,
|
|
5352
|
-
| \`legend\` | 43,554 | 15,
|
|
5353
|
-
| \`lightbox\` | 60,461 | 20,320 | 18,
|
|
5354
|
-
| \`line-chart\` | 113,352 | 39,144 |
|
|
5355
|
-
| \`list\` | 66,141 | 22,766 | 20,
|
|
5356
|
-
| \`listbox\` |
|
|
5357
|
-
| \`loader\` | 30,911 | 11,578 | 10,458 | 2,
|
|
5358
|
-
| \`log\` | 89,075 | 29,814 | 26,
|
|
5359
|
-
| \`map\` | 157,108 | 46,680 | 40,
|
|
5360
|
-
| \`markdown\` | 139,161 | 46,
|
|
5361
|
-
| \`megamenu\` | 64,709 | 23,080 | 20,
|
|
5362
|
-
| \`menu\` | 104,714 | 34,179 | 30,
|
|
5363
|
-
| \`meter\` | 37,733 | 13,
|
|
5364
|
-
| \`motion-toggle\` | 29,880 | 11,
|
|
5365
|
-
| \`navigation\` | 37,237 | 13,780 | 12,
|
|
5366
|
-
| \`notifications\` | 62,751 | 21,147 | 19,
|
|
5367
|
-
| \`number-input\` | 61,189 | 20,
|
|
5368
|
-
| \`object-inspector\` | 123,135 | 40,897 | 36,
|
|
5369
|
-
| \`option\` | 30,624 | 11,141 | 10,039 | 4,511 | 1,
|
|
5370
|
-
| \`outline\` | 38,181 | 14,038 | 12,639 | 7,884 | 2,
|
|
5371
|
-
| \`pagination\` | 153,
|
|
5372
|
-
| \`pin-input\` | 52,429 | 18,113 | 16,
|
|
5373
|
-
| \`popover\` | 68,441 | 24,182 | 21,
|
|
5374
|
-
| \`progress\` | 32,788 | 12,280 | 11,
|
|
5375
|
-
| \`qr-code\` | 47,144 | 17,973 | 16,
|
|
5376
|
-
| \`quote\` | 26,667 | 10,268 | 9,
|
|
5377
|
-
| \`radio\` | 46,884 | 15,862 | 14,
|
|
5378
|
-
| \`rating\` | 55,176 | 18,
|
|
5379
|
-
| \`scatter-chart\` | 109,769 | 37,707 | 33,
|
|
5380
|
-
| \`scroll-area\` | 35,384 | 12,683 | 11,
|
|
5381
|
-
| \`select\` |
|
|
5382
|
-
| \`shortcut-overlay\` | 53,089 | 18,
|
|
5383
|
-
| \`skeleton\` | 26,479 | 10,047 | 9,
|
|
5384
|
-
| \`skip-link\` | 28,115 | 10,723 | 9,
|
|
5385
|
-
| \`slider\` | 58,728 | 19,
|
|
5386
|
-
| \`sparkline\` | 52,792 | 18,953 | 17,101 | 5,
|
|
5387
|
-
| \`spatial-bar-chart\` | 125,100 | 43,
|
|
5388
|
-
| \`spatial-heatmap\` | 128,149 | 43,195 | 38,
|
|
5389
|
-
| \`spatial-ribbon-chart\` | 115,504 | 40,147 | 35,
|
|
5390
|
-
| \`spatial-scatter-chart\` | 113,575 | 39,322 |
|
|
5391
|
-
| \`spatial-surface-chart\` | 116,507 | 40,
|
|
5392
|
-
| \`spatial-treemap\` | 117,610 | 41,
|
|
5393
|
-
| \`speed-dial\` | 73,135 | 25,919 | 23,
|
|
5394
|
-
| \`splitter\` | 48,652 | 16,694 | 15,027 | 14,489 | 3,
|
|
5395
|
-
| \`stat\` | 29,848 | 11,203 | 10,
|
|
5396
|
-
| \`steps\` | 59,294 | 20,417 | 18,
|
|
5397
|
-
| \`switch\` | 44,200 | 15,153 | 13,
|
|
5398
|
-
| \`table\` | 124,760 | 38,525 | 33,
|
|
5399
|
-
| \`tabs\` | 50,864 | 17,330 | 15,
|
|
5400
|
-
| \`tag\` | 46,829 | 16,
|
|
5401
|
-
| \`terminal\` | 140,189 | 44,102 | 38,
|
|
5402
|
-
| \`textarea\` |
|
|
5403
|
-
| \`time-input\` |
|
|
5404
|
-
| \`time-picker\` |
|
|
5405
|
-
| \`timeline\` | 35,983 | 13,
|
|
5406
|
-
| \`toast\` | 73,507 | 24,
|
|
5407
|
-
| \`toggle\` | 50,672 | 16,771 | 15,
|
|
5408
|
-
| \`toolbar\` | 38,352 | 13,948 | 12,
|
|
5409
|
-
| \`tooltip\` | 64,471 | 22,829 | 20,
|
|
5410
|
-
| \`tour\` | 89,668 | 30,392 | 27,
|
|
5411
|
-
| \`tree\` | 72,238 | 24,175 | 21,
|
|
5412
|
-
| \`trend\` | 34,495 | 13,196 | 11,
|
|
5413
|
-
| \`video\` | 149,977 | 46,137 | 40,
|
|
5414
|
-
| \`video-playlist\` | 135,166 | 43,160 | 38,
|
|
5415
|
-
| \`virtual-list\` | 71,136 | 23,
|
|
5302
|
+
| \`accordion\` | 36,249 | 13,190 | 11,858 | 5,367 | 1,517 | 1,186 |
|
|
5303
|
+
| \`announcement\` | 40,862 | 14,703 | 13,249 | 4,686 | 1,360 | 966 |
|
|
5304
|
+
| \`app-header\` | 36,395 | 13,257 | 11,923 | 5,886 | 1,708 | 1,204 |
|
|
5305
|
+
| \`area-chart\` | 110,349 | 38,275 | 34,140 | 14,791 | 4,535 | 3,609 |
|
|
5306
|
+
| \`avatar\` | 35,444 | 13,264 | 11,991 | 3,992 | 1,195 | 856 |
|
|
5307
|
+
| \`badge\` | 31,681 | 12,042 | 10,884 | 2,953 | 855 | 563 |
|
|
5308
|
+
| \`bar-chart\` | 118,370 | 40,886 | 36,427 | 22,289 | 6,943 | 5,752 |
|
|
5309
|
+
| \`blockquote\` | 28,258 | 10,799 | 9,725 | 2,398 | 861 | 617 |
|
|
5310
|
+
| \`breadcrumbs\` | 41,360 | 15,512 | 14,042 | 7,768 | 2,452 | 2,013 |
|
|
5311
|
+
| \`button\` | 40,609 | 14,319 | 12,901 | 5,479 | 1,574 | 1,178 |
|
|
5312
|
+
| \`button-group\` | 32,150 | 11,807 | 10,624 | 4,918 | 1,416 | 1,000 |
|
|
5313
|
+
| \`callout\` | 39,513 | 14,942 | 13,482 | 2,880 | 948 | 728 |
|
|
5314
|
+
| \`canvas\` | 178,196 | 55,660 | 48,627 | 83,464 | 24,641 | 20,489 |
|
|
5315
|
+
| \`card\` | 27,975 | 10,466 | 9,427 | 2,088 | 630 | 458 |
|
|
5316
|
+
| \`carousel\` | 48,676 | 17,119 | 15,487 | 15,306 | 4,194 | 3,157 |
|
|
5317
|
+
| \`chat\` | 140,595 | 45,630 | 40,328 | 43,277 | 11,988 | 9,650 |
|
|
5318
|
+
| \`checkbox\` | 45,348 | 15,333 | 13,780 | 3,173 | 954 | 674 |
|
|
5319
|
+
| \`checkbox-group\` | 52,546 | 17,193 | 15,431 | 8,385 | 2,315 | 1,626 |
|
|
5320
|
+
| \`code\` | 24,448 | 9,430 | 8,484 | 136 | 47 | -41 |
|
|
5321
|
+
| \`code-block\` | 112,454 | 37,835 | 33,648 | 40,141 | 11,795 | 9,541 |
|
|
5322
|
+
| \`code-editor\` | 100,650 | 31,304 | 27,726 | 36,904 | 9,394 | 7,604 |
|
|
5323
|
+
| \`code-input\` | 65,283 | 22,349 | 20,000 | 10,584 | 3,398 | 2,672 |
|
|
5324
|
+
| \`color-input\` | 148,596 | 46,980 | 41,258 | 56,194 | 14,497 | 11,620 |
|
|
5325
|
+
| \`color-picker\` | 109,920 | 34,751 | 30,792 | 48,312 | 12,871 | 10,520 |
|
|
5326
|
+
| \`combobox\` | 149,112 | 47,094 | 41,525 | 36,985 | 9,238 | 7,326 |
|
|
5327
|
+
| \`command\` | 126,133 | 39,601 | 34,814 | 37,885 | 9,795 | 7,851 |
|
|
5328
|
+
| \`copy-button\` | 87,833 | 29,786 | 26,650 | 19,498 | 5,178 | 4,141 |
|
|
5329
|
+
| \`data-table\` | 217,811 | 66,306 | 57,350 | 91,273 | 24,076 | 19,188 |
|
|
5330
|
+
| \`date-input\` | 146,579 | 45,805 | 40,537 | 38,637 | 9,400 | 7,552 |
|
|
5331
|
+
| \`date-picker\` | 66,650 | 22,606 | 20,369 | 20,710 | 5,618 | 4,373 |
|
|
5332
|
+
| \`description-list\` | 27,049 | 10,166 | 9,142 | 1,561 | 507 | 291 |
|
|
5333
|
+
| \`device-screen\` | 121,255 | 38,176 | 33,747 | 44,469 | 11,092 | 8,796 |
|
|
5334
|
+
| \`dialog\` | 42,577 | 15,038 | 13,519 | 6,080 | 1,750 | 1,285 |
|
|
5335
|
+
| \`divider\` | 27,503 | 10,399 | 9,342 | 1,412 | 467 | 383 |
|
|
5336
|
+
| \`donut-chart\` | 103,708 | 35,681 | 31,870 | 15,108 | 4,617 | 3,807 |
|
|
5337
|
+
| \`drawer\` | 47,059 | 16,454 | 14,760 | 7,774 | 2,264 | 1,792 |
|
|
5338
|
+
| \`drilldown\` | 46,798 | 16,231 | 14,590 | 9,706 | 2,650 | 1,949 |
|
|
5339
|
+
| \`editor\` | 176,430 | 53,602 | 46,681 | 82,539 | 20,308 | 16,598 |
|
|
5340
|
+
| \`empty\` | 28,586 | 10,724 | 9,663 | 1,974 | 628 | 476 |
|
|
5341
|
+
| \`file-input\` | 62,360 | 21,394 | 19,233 | 13,122 | 4,083 | 3,124 |
|
|
5342
|
+
| \`filter-input\` | 111,932 | 37,408 | 33,302 | 21,269 | 6,054 | 4,776 |
|
|
5343
|
+
| \`find\` | 77,004 | 25,519 | 22,795 | 21,396 | 5,586 | 4,425 |
|
|
5344
|
+
| \`format-date\` | 34,772 | 12,811 | 11,580 | 4,460 | 1,224 | 1,012 |
|
|
5345
|
+
| \`graph\` | 144,814 | 45,608 | 39,842 | 38,115 | 10,626 | 8,537 |
|
|
5346
|
+
| \`heatmap\` | 112,781 | 38,051 | 33,906 | 19,451 | 5,668 | 4,494 |
|
|
5347
|
+
| \`icon\` | 98,587 | 33,273 | 28,565 | 69,259 | 23,112 | 18,677 |
|
|
5348
|
+
| \`icon-button\` | 40,715 | 14,342 | 12,923 | 5,586 | 1,591 | 1,250 |
|
|
5349
|
+
| \`image\` | 29,952 | 10,991 | 9,921 | 3,838 | 1,116 | 795 |
|
|
5350
|
+
| \`input\` | 61,842 | 21,122 | 18,800 | 7,367 | 2,294 | 1,534 |
|
|
5351
|
+
| \`kbd\` | 32,753 | 12,222 | 10,974 | 3,622 | 1,106 | 781 |
|
|
5352
|
+
| \`legend\` | 43,554 | 15,484 | 13,987 | 2,760 | 861 | 542 |
|
|
5353
|
+
| \`lightbox\` | 60,461 | 20,320 | 18,226 | 16,845 | 4,583 | 3,475 |
|
|
5354
|
+
| \`line-chart\` | 113,352 | 39,144 | 35,014 | 17,196 | 5,121 | 4,262 |
|
|
5355
|
+
| \`list\` | 66,141 | 22,766 | 20,321 | 15,226 | 4,309 | 3,336 |
|
|
5356
|
+
| \`listbox\` | 93,333 | 30,800 | 27,317 | 16,371 | 4,669 | 3,601 |
|
|
5357
|
+
| \`loader\` | 30,911 | 11,578 | 10,458 | 2,781 | 876 | 627 |
|
|
5358
|
+
| \`log\` | 89,075 | 29,814 | 26,713 | 40,277 | 12,439 | 10,367 |
|
|
5359
|
+
| \`map\` | 157,108 | 46,680 | 40,347 | 60,222 | 14,879 | 11,472 |
|
|
5360
|
+
| \`markdown\` | 139,161 | 46,879 | 41,638 | 62,289 | 19,398 | 16,086 |
|
|
5361
|
+
| \`megamenu\` | 64,709 | 23,080 | 20,624 | 8,719 | 2,339 | 1,633 |
|
|
5362
|
+
| \`menu\` | 104,714 | 34,179 | 30,513 | 32,349 | 8,315 | 6,774 |
|
|
5363
|
+
| \`meter\` | 37,733 | 13,876 | 12,562 | 6,077 | 1,709 | 1,376 |
|
|
5364
|
+
| \`motion-toggle\` | 29,880 | 11,436 | 10,324 | 1,424 | 500 | 267 |
|
|
5365
|
+
| \`navigation\` | 37,237 | 13,780 | 12,351 | 3,362 | 1,112 | 787 |
|
|
5366
|
+
| \`notifications\` | 62,751 | 21,147 | 19,057 | 18,254 | 5,020 | 3,961 |
|
|
5367
|
+
| \`number-input\` | 61,189 | 20,411 | 18,318 | 13,544 | 3,615 | 2,757 |
|
|
5368
|
+
| \`object-inspector\` | 123,135 | 40,897 | 36,209 | 36,768 | 10,465 | 8,463 |
|
|
5369
|
+
| \`option\` | 30,624 | 11,141 | 10,039 | 4,511 | 1,143 | 769 |
|
|
5370
|
+
| \`outline\` | 38,181 | 14,038 | 12,639 | 7,884 | 2,472 | 1,697 |
|
|
5371
|
+
| \`pagination\` | 153,802 | 48,807 | 42,702 | 46,956 | 12,155 | 9,586 |
|
|
5372
|
+
| \`pin-input\` | 52,429 | 18,113 | 16,268 | 7,197 | 2,363 | 1,768 |
|
|
5373
|
+
| \`popover\` | 68,441 | 24,182 | 21,669 | 6,457 | 1,808 | 1,336 |
|
|
5374
|
+
| \`progress\` | 32,788 | 12,280 | 11,085 | 2,998 | 922 | 652 |
|
|
5375
|
+
| \`qr-code\` | 47,144 | 17,973 | 16,199 | 16,929 | 6,240 | 5,174 |
|
|
5376
|
+
| \`quote\` | 26,667 | 10,268 | 9,211 | 1,207 | 472 | 353 |
|
|
5377
|
+
| \`radio\` | 46,884 | 15,862 | 14,231 | 3,811 | 1,165 | 693 |
|
|
5378
|
+
| \`rating\` | 55,176 | 18,863 | 16,971 | 8,050 | 2,411 | 1,808 |
|
|
5379
|
+
| \`scatter-chart\` | 109,769 | 37,707 | 33,686 | 20,731 | 6,438 | 5,201 |
|
|
5380
|
+
| \`scroll-area\` | 35,384 | 12,683 | 11,405 | 9,025 | 2,658 | 2,046 |
|
|
5381
|
+
| \`select\` | 132,234 | 43,267 | 38,099 | 27,170 | 7,320 | 5,570 |
|
|
5382
|
+
| \`shortcut-overlay\` | 53,089 | 18,747 | 16,808 | 11,419 | 3,404 | 2,638 |
|
|
5383
|
+
| \`skeleton\` | 26,479 | 10,047 | 9,058 | 989 | 368 | 234 |
|
|
5384
|
+
| \`skip-link\` | 28,115 | 10,723 | 9,669 | 1,219 | 434 | 293 |
|
|
5385
|
+
| \`slider\` | 58,728 | 19,641 | 17,706 | 13,680 | 3,843 | 2,925 |
|
|
5386
|
+
| \`sparkline\` | 52,792 | 18,953 | 17,101 | 5,964 | 2,072 | 1,638 |
|
|
5387
|
+
| \`spatial-bar-chart\` | 125,100 | 43,684 | 38,883 | 28,919 | 9,721 | 8,115 |
|
|
5388
|
+
| \`spatial-heatmap\` | 128,149 | 43,195 | 38,392 | 32,120 | 9,614 | 7,857 |
|
|
5389
|
+
| \`spatial-ribbon-chart\` | 115,504 | 40,147 | 35,763 | 21,336 | 7,097 | 5,765 |
|
|
5390
|
+
| \`spatial-scatter-chart\` | 113,575 | 39,322 | 35,012 | 19,470 | 6,321 | 5,162 |
|
|
5391
|
+
| \`spatial-surface-chart\` | 116,507 | 40,561 | 36,186 | 22,339 | 7,463 | 6,157 |
|
|
5392
|
+
| \`spatial-treemap\` | 117,610 | 41,156 | 36,639 | 21,752 | 7,405 | 5,970 |
|
|
5393
|
+
| \`speed-dial\` | 73,135 | 25,919 | 23,209 | 10,922 | 2,915 | 2,155 |
|
|
5394
|
+
| \`splitter\` | 48,652 | 16,694 | 15,027 | 14,489 | 3,772 | 2,997 |
|
|
5395
|
+
| \`stat\` | 29,848 | 11,203 | 10,119 | 2,314 | 748 | 456 |
|
|
5396
|
+
| \`steps\` | 59,294 | 20,417 | 18,317 | 14,144 | 3,931 | 3,098 |
|
|
5397
|
+
| \`switch\` | 44,200 | 15,153 | 13,591 | 1,745 | 621 | 397 |
|
|
5398
|
+
| \`table\` | 124,760 | 38,525 | 33,937 | 45,135 | 12,310 | 9,861 |
|
|
5399
|
+
| \`tabs\` | 50,864 | 17,330 | 15,583 | 10,563 | 2,812 | 2,035 |
|
|
5400
|
+
| \`tag\` | 46,829 | 16,925 | 15,276 | 8,441 | 2,466 | 1,812 |
|
|
5401
|
+
| \`terminal\` | 140,189 | 44,102 | 38,864 | 52,671 | 13,171 | 10,606 |
|
|
5402
|
+
| \`textarea\` | 59,582 | 20,301 | 18,193 | 5,667 | 1,672 | 1,157 |
|
|
5403
|
+
| \`time-input\` | 186,373 | 57,771 | 50,239 | 50,184 | 12,580 | 10,010 |
|
|
5404
|
+
| \`time-picker\` | 116,346 | 36,806 | 32,451 | 35,105 | 9,344 | 7,410 |
|
|
5405
|
+
| \`timeline\` | 35,983 | 13,503 | 12,201 | 4,076 | 1,179 | 807 |
|
|
5406
|
+
| \`toast\` | 73,507 | 24,693 | 22,101 | 19,746 | 5,516 | 4,455 |
|
|
5407
|
+
| \`toggle\` | 50,672 | 16,771 | 15,126 | 6,071 | 1,769 | 1,242 |
|
|
5408
|
+
| \`toolbar\` | 38,352 | 13,948 | 12,582 | 1,364 | 482 | 288 |
|
|
5409
|
+
| \`tooltip\` | 64,471 | 22,829 | 20,540 | 8,878 | 2,456 | 1,903 |
|
|
5410
|
+
| \`tour\` | 89,668 | 30,392 | 27,092 | 20,487 | 5,525 | 4,319 |
|
|
5411
|
+
| \`tree\` | 72,238 | 24,175 | 21,587 | 17,554 | 4,879 | 3,871 |
|
|
5412
|
+
| \`trend\` | 34,495 | 13,196 | 11,902 | 3,581 | 1,104 | 817 |
|
|
5413
|
+
| \`video\` | 149,977 | 46,137 | 40,667 | 68,341 | 16,997 | 13,849 |
|
|
5414
|
+
| \`video-playlist\` | 135,166 | 43,160 | 38,181 | 44,922 | 11,507 | 9,445 |
|
|
5415
|
+
| \`virtual-list\` | 71,136 | 23,618 | 21,269 | 25,061 | 7,392 | 6,104 |
|
|
5416
5416
|
|
|
5417
5417
|
### Styled tier
|
|
5418
5418
|
|
|
@@ -5420,128 +5420,128 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5420
5420
|
|
|
5421
5421
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5422
5422
|
|---|---|---|---|---|---|---|
|
|
5423
|
-
| \`accordion\` | 39,678 | 14,
|
|
5424
|
-
| \`announcement\` | 45,475 | 15,743 | 14,
|
|
5425
|
-
| \`app-header\` | 41,555 | 14,431 | 12,
|
|
5426
|
-
| \`area-chart\` | 119,927 | 40,401 |
|
|
5427
|
-
| \`aura\` | 63,103 | 21,347 | 19,
|
|
5428
|
-
| \`avatar\` | 38,443 | 14,011 | 12,676 | 6,972 | 1,
|
|
5429
|
-
| \`badge\` | 37,184 | 13,274 | 11,
|
|
5430
|
-
| \`bar-chart\` | 134,784 | 44,109 | 39,
|
|
5431
|
-
| \`blockquote\` | 30,479 | 11,
|
|
5432
|
-
| \`breadcrumbs\` | 48,377 | 16,720 | 15,
|
|
5433
|
-
| \`button\` | 47,115 | 15,724 | 14,
|
|
5434
|
-
| \`button-group\` | 35,644 | 12,
|
|
5435
|
-
| \`callout\` | 43,304 | 15,
|
|
5436
|
-
| \`canvas\` | 210,936 | 60,
|
|
5437
|
-
| \`card\` | 31,874 | 11,466 | 10,
|
|
5438
|
-
| \`carousel\` | 59,164 | 18,
|
|
5439
|
-
| \`chat\` |
|
|
5440
|
-
| \`checkbox\` | 51,825 | 16,807 | 15,
|
|
5441
|
-
| \`checkbox-group\` | 59,758 | 18,815 | 16,
|
|
5442
|
-
| \`code\` | 25,303 | 9,733 | 8,
|
|
5443
|
-
| \`code-block\` | 139,027 | 41,788 | 37,
|
|
5444
|
-
| \`code-editor\` | 128,975 | 35,292 | 31,
|
|
5445
|
-
| \`code-input\` |
|
|
5446
|
-
| \`color-input\` | 191,137 | 53,288 | 46,
|
|
5447
|
-
| \`color-picker\` | 146,933 | 40,
|
|
5448
|
-
| \`combobox\` |
|
|
5449
|
-
| \`command\` |
|
|
5450
|
-
| \`copy-button\` | 101,964 | 32,118 | 28,
|
|
5451
|
-
| \`data-table\` |
|
|
5452
|
-
| \`date-input\` | 167,958 | 49,546 | 43,
|
|
5453
|
-
| \`date-picker\` | 74,694 | 24,028 | 21,
|
|
5454
|
-
| \`description-list\` | 30,000 | 10,907 | 9,
|
|
5455
|
-
| \`device-screen\` | 140,815 | 41,
|
|
5456
|
-
| \`dialog\` | 48,335 | 16,
|
|
5457
|
-
| \`divider\` | 29,801 | 11,
|
|
5458
|
-
| \`donut-chart\` | 115,062 | 38,018 |
|
|
5459
|
-
| \`drawer\` | 52,989 | 17,874 | 16,052 | 13,
|
|
5460
|
-
| \`drilldown\` | 52,472 | 17,497 | 15,
|
|
5461
|
-
| \`editor\` | 218,148 | 59,
|
|
5462
|
-
| \`empty\` | 29,893 | 11,
|
|
5463
|
-
| \`file-input\` | 73,885 | 23,775 | 21,
|
|
5464
|
-
| \`filter-input\` |
|
|
5465
|
-
| \`find\` | 98,997 | 28,
|
|
5466
|
-
| \`flex\` | 29,891 | 10,601 | 9,
|
|
5467
|
-
| \`format-date\` | 35,026 | 12,935 | 11,
|
|
5468
|
-
| \`graph\` | 172,724 | 49,905 | 43,
|
|
5469
|
-
| \`grid\` | 31,341 | 11,
|
|
5470
|
-
| \`heatmap\` | 122,486 | 40,
|
|
5471
|
-
| \`icon\` | 100,618 | 33,877 | 29,
|
|
5472
|
-
| \`icon-button\` | 50,475 | 15,918 | 14,
|
|
5473
|
-
| \`image\` | 31,337 | 11,457 | 10,312 | 5,
|
|
5474
|
-
| \`input\` |
|
|
5475
|
-
| \`kbd\` | 34,961 | 12,826 | 11,501 | 5,812 | 1,
|
|
5476
|
-
| \`legend\` | 48,795 | 16,773 | 15,
|
|
5477
|
-
| \`lightbox\` | 66,746 | 21,652 | 19,450 | 23,116 | 5,
|
|
5478
|
-
| \`line-chart\` | 126,099 | 41,803 | 37,
|
|
5479
|
-
| \`list\` | 72,482 | 24,246 | 21,
|
|
5480
|
-
| \`listbox\` |
|
|
5481
|
-
| \`loader\` | 33,789 | 12,336 | 11,
|
|
5482
|
-
| \`log\` | 105,740 | 32,
|
|
5483
|
-
| \`map\` | 202,379 | 53,634 | 46,
|
|
5484
|
-
| \`markdown\` | 169,758 | 51,
|
|
5485
|
-
| \`megamenu\` | 69,758 | 24,236 | 21,
|
|
5486
|
-
| \`menu\` | 116,934 | 36,590 | 32,
|
|
5487
|
-
| \`meter\` | 46,277 | 15,618 | 14,
|
|
5488
|
-
| \`motion-toggle\` | 31,514 | 11,912 | 10,
|
|
5489
|
-
| \`navigation\` | 40,961 | 14,
|
|
5490
|
-
| \`notifications\` | 76,232 | 23,678 | 21,
|
|
5491
|
-
| \`number-input\` | 66,171 | 21,601 | 19,
|
|
5492
|
-
| \`object-inspector\` | 141,639 | 43,
|
|
5493
|
-
| \`option\` | 33,689 | 12,080 | 10,
|
|
5494
|
-
| \`orb\` | 40,417 | 15,
|
|
5495
|
-
| \`outline\` | 42,409 | 14,904 | 13,
|
|
5496
|
-
| \`pagination\` |
|
|
5497
|
-
| \`pin-input\` | 55,807 | 19,003 | 17,070 | 10,
|
|
5498
|
-
| \`popover\` | 72,347 | 25,104 | 22,
|
|
5499
|
-
| \`progress\` | 39,966 | 13,
|
|
5500
|
-
| \`qr-code\` | 48,744 | 18,
|
|
5501
|
-
| \`quote\` | 27,223 | 10,456 | 9,389 | 1,
|
|
5502
|
-
| \`radio\` | 54,658 | 17,359 | 15,
|
|
5503
|
-
| \`rating\` | 59,104 | 20,073 | 18,
|
|
5504
|
-
| \`sandbox\` | 209,
|
|
5505
|
-
| \`scatter-chart\` | 120,519 | 40,
|
|
5506
|
-
| \`scroll-area\` | 43,327 | 14,070 | 12,
|
|
5507
|
-
| \`select\` |
|
|
5508
|
-
| \`shortcut-overlay\` | 60,880 | 20,448 | 18,
|
|
5509
|
-
| \`skeleton\` | 30,425 | 11,121 | 10,
|
|
5510
|
-
| \`skip-link\` | 29,685 | 11,238 | 10,
|
|
5511
|
-
| \`slider\` | 73,692 | 21,950 | 19,
|
|
5512
|
-
| \`sparkline\` | 58,249 | 20,284 | 18,323 | 11,
|
|
5513
|
-
| \`spatial-bar-chart\` | 137,375 | 46,202 |
|
|
5514
|
-
| \`spatial-heatmap\` | 139,271 | 45,587 | 40,
|
|
5515
|
-
| \`spatial-ribbon-chart\` | 125,800 | 42,368 | 37,
|
|
5516
|
-
| \`spatial-scatter-chart\` | 123,929 | 41,483 | 36,
|
|
5517
|
-
| \`spatial-surface-chart\` | 126,323 | 42,659 | 38,
|
|
5518
|
-
| \`spatial-treemap\` | 128,010 | 43,404 | 38,
|
|
5519
|
-
| \`speed-dial\` | 80,178 | 27,325 | 24,
|
|
5520
|
-
| \`splitter\` | 54,702 | 17,726 | 16,
|
|
5521
|
-
| \`stat\` | 32,726 | 11,
|
|
5522
|
-
| \`steps\` | 73,366 | 23,209 | 20,
|
|
5523
|
-
| \`strands\` | 67,865 | 24,
|
|
5524
|
-
| \`switch\` | 48,654 | 16,303 | 14,
|
|
5525
|
-
| \`table\` | 142,528 | 41,639 | 36,
|
|
5526
|
-
| \`tabs\` | 61,069 | 19,
|
|
5527
|
-
| \`tag\` | 51,398 | 18,022 | 16,
|
|
5528
|
-
| \`terminal\` | 171,770 | 48,
|
|
5529
|
-
| \`text\` | 32,865 | 11,351 | 10,
|
|
5530
|
-
| \`textarea\` |
|
|
5531
|
-
| \`time-input\` |
|
|
5532
|
-
| \`time-picker\` |
|
|
5533
|
-
| \`timeline\` | 42,871 | 14,
|
|
5534
|
-
| \`toast\` | 87,746 | 27,513 | 24,
|
|
5535
|
-
| \`toggle\` | 55,526 | 18,
|
|
5536
|
-
| \`toolbar\` | 41,030 | 14,434 |
|
|
5537
|
-
| \`tooltip\` | 67,354 | 23,
|
|
5538
|
-
| \`tour\` | 99,755 | 32,
|
|
5539
|
-
| \`tree\` | 81,248 | 26,172 | 23,
|
|
5540
|
-
| \`trend\` | 36,411 | 13,
|
|
5541
|
-
| \`video\` | 171,773 | 50,073 | 44,
|
|
5542
|
-
| \`video-playlist\` | 152,398 | 46,356 |
|
|
5543
|
-
| \`virtual-list\` | 73,128 | 24,
|
|
5544
|
-
| \`voice-level\` | 37,864 | 13,
|
|
5423
|
+
| \`accordion\` | 39,678 | 14,026 | 12,613 | 8,780 | 2,376 | 2,037 |
|
|
5424
|
+
| \`announcement\` | 45,475 | 15,743 | 14,214 | 9,282 | 2,440 | 1,910 |
|
|
5425
|
+
| \`app-header\` | 41,555 | 14,431 | 12,987 | 11,031 | 2,940 | 2,325 |
|
|
5426
|
+
| \`area-chart\` | 119,927 | 40,401 | 36,044 | 24,362 | 6,676 | 5,565 |
|
|
5427
|
+
| \`aura\` | 63,103 | 21,347 | 19,098 | 31,766 | 9,602 | 7,944 |
|
|
5428
|
+
| \`avatar\` | 38,443 | 14,011 | 12,676 | 6,972 | 1,963 | 1,531 |
|
|
5429
|
+
| \`badge\` | 37,184 | 13,274 | 11,984 | 8,449 | 2,108 | 1,757 |
|
|
5430
|
+
| \`bar-chart\` | 134,784 | 44,109 | 39,285 | 38,681 | 10,256 | 8,487 |
|
|
5431
|
+
| \`blockquote\` | 30,479 | 11,331 | 10,208 | 4,606 | 1,400 | 1,169 |
|
|
5432
|
+
| \`breadcrumbs\` | 48,377 | 16,720 | 15,114 | 14,770 | 3,725 | 3,093 |
|
|
5433
|
+
| \`button\` | 47,115 | 15,724 | 14,141 | 11,967 | 3,024 | 2,346 |
|
|
5434
|
+
| \`button-group\` | 35,644 | 12,486 | 11,233 | 8,401 | 2,139 | 1,606 |
|
|
5435
|
+
| \`callout\` | 43,304 | 15,881 | 14,320 | 6,655 | 1,905 | 1,413 |
|
|
5436
|
+
| \`canvas\` | 210,936 | 60,969 | 53,269 | 116,183 | 30,097 | 25,167 |
|
|
5437
|
+
| \`card\` | 31,874 | 11,466 | 10,314 | 5,972 | 1,592 | 1,329 |
|
|
5438
|
+
| \`carousel\` | 59,164 | 18,892 | 17,095 | 25,777 | 6,040 | 4,870 |
|
|
5439
|
+
| \`chat\` | 178,459 | 53,930 | 47,650 | 78,459 | 19,359 | 15,986 |
|
|
5440
|
+
| \`checkbox\` | 51,825 | 16,807 | 15,118 | 9,638 | 2,472 | 1,982 |
|
|
5441
|
+
| \`checkbox-group\` | 59,758 | 18,815 | 16,833 | 15,584 | 3,976 | 3,135 |
|
|
5442
|
+
| \`code\` | 25,303 | 9,733 | 8,755 | 972 | 359 | 274 |
|
|
5443
|
+
| \`code-block\` | 139,027 | 41,788 | 37,181 | 66,699 | 15,892 | 12,996 |
|
|
5444
|
+
| \`code-editor\` | 128,975 | 35,292 | 31,301 | 65,232 | 13,575 | 11,129 |
|
|
5445
|
+
| \`code-input\` | 80,437 | 26,742 | 23,932 | 22,608 | 6,924 | 5,628 |
|
|
5446
|
+
| \`color-input\` | 191,137 | 53,288 | 46,757 | 98,726 | 20,690 | 17,190 |
|
|
5447
|
+
| \`color-picker\` | 146,933 | 40,248 | 35,692 | 85,332 | 18,429 | 15,185 |
|
|
5448
|
+
| \`combobox\` | 176,094 | 53,486 | 47,179 | 60,821 | 14,743 | 12,011 |
|
|
5449
|
+
| \`command\` | 153,126 | 46,327 | 40,626 | 61,590 | 15,563 | 12,811 |
|
|
5450
|
+
| \`copy-button\` | 101,964 | 32,118 | 28,706 | 33,613 | 7,620 | 6,212 |
|
|
5451
|
+
| \`data-table\` | 259,981 | 75,362 | 64,937 | 130,393 | 32,297 | 26,011 |
|
|
5452
|
+
| \`date-input\` | 167,958 | 49,546 | 43,964 | 60,003 | 13,201 | 10,838 |
|
|
5453
|
+
| \`date-picker\` | 74,694 | 24,028 | 21,621 | 28,738 | 7,061 | 5,694 |
|
|
5454
|
+
| \`description-list\` | 30,000 | 10,907 | 9,804 | 4,500 | 1,218 | 814 |
|
|
5455
|
+
| \`device-screen\` | 140,815 | 41,618 | 36,835 | 64,014 | 14,630 | 11,741 |
|
|
5456
|
+
| \`dialog\` | 48,335 | 16,369 | 14,717 | 11,824 | 3,146 | 2,430 |
|
|
5457
|
+
| \`divider\` | 29,801 | 11,012 | 9,904 | 3,693 | 1,121 | 778 |
|
|
5458
|
+
| \`donut-chart\` | 115,062 | 38,018 | 34,022 | 26,449 | 7,032 | 5,769 |
|
|
5459
|
+
| \`drawer\` | 52,989 | 17,874 | 16,052 | 13,688 | 3,665 | 3,007 |
|
|
5460
|
+
| \`drilldown\` | 52,472 | 17,497 | 15,760 | 15,370 | 3,969 | 3,095 |
|
|
5461
|
+
| \`editor\` | 218,148 | 59,655 | 51,982 | 124,249 | 26,533 | 21,869 |
|
|
5462
|
+
| \`empty\` | 29,893 | 11,194 | 10,054 | 3,263 | 1,075 | 742 |
|
|
5463
|
+
| \`file-input\` | 73,885 | 23,775 | 21,396 | 24,632 | 6,450 | 5,361 |
|
|
5464
|
+
| \`filter-input\` | 133,823 | 42,981 | 38,227 | 40,024 | 10,699 | 8,833 |
|
|
5465
|
+
| \`find\` | 98,997 | 28,719 | 25,599 | 43,394 | 8,952 | 7,156 |
|
|
5466
|
+
| \`flex\` | 29,891 | 10,601 | 9,557 | 4,759 | 995 | 761 |
|
|
5467
|
+
| \`format-date\` | 35,026 | 12,935 | 11,667 | 4,696 | 1,344 | 1,363 |
|
|
5468
|
+
| \`graph\` | 172,724 | 49,905 | 43,573 | 66,004 | 15,117 | 12,195 |
|
|
5469
|
+
| \`grid\` | 31,341 | 11,281 | 10,180 | 5,652 | 1,448 | 1,248 |
|
|
5470
|
+
| \`heatmap\` | 122,486 | 40,168 | 35,761 | 29,126 | 7,733 | 6,286 |
|
|
5471
|
+
| \`icon\` | 100,618 | 33,877 | 29,111 | 71,110 | 23,642 | 19,046 |
|
|
5472
|
+
| \`icon-button\` | 50,475 | 15,918 | 14,307 | 15,330 | 3,209 | 2,575 |
|
|
5473
|
+
| \`image\` | 31,337 | 11,457 | 10,312 | 5,199 | 1,527 | 1,202 |
|
|
5474
|
+
| \`input\` | 77,104 | 25,555 | 22,763 | 19,492 | 5,862 | 4,593 |
|
|
5475
|
+
| \`kbd\` | 34,961 | 12,826 | 11,501 | 5,812 | 1,726 | 1,290 |
|
|
5476
|
+
| \`legend\` | 48,795 | 16,773 | 15,104 | 7,864 | 2,128 | 1,587 |
|
|
5477
|
+
| \`lightbox\` | 66,746 | 21,652 | 19,450 | 23,116 | 5,919 | 4,677 |
|
|
5478
|
+
| \`line-chart\` | 126,099 | 41,803 | 37,288 | 29,925 | 7,870 | 6,481 |
|
|
5479
|
+
| \`list\` | 72,482 | 24,246 | 21,714 | 21,551 | 5,853 | 4,700 |
|
|
5480
|
+
| \`listbox\` | 109,491 | 35,457 | 31,341 | 29,227 | 8,324 | 6,761 |
|
|
5481
|
+
| \`loader\` | 33,789 | 12,336 | 11,181 | 5,648 | 1,654 | 1,328 |
|
|
5482
|
+
| \`log\` | 105,740 | 32,837 | 29,498 | 56,941 | 15,608 | 13,105 |
|
|
5483
|
+
| \`map\` | 202,379 | 53,634 | 46,513 | 105,489 | 21,756 | 17,582 |
|
|
5484
|
+
| \`markdown\` | 169,758 | 51,532 | 45,667 | 92,864 | 24,163 | 20,182 |
|
|
5485
|
+
| \`megamenu\` | 69,758 | 24,236 | 21,681 | 13,752 | 3,527 | 2,837 |
|
|
5486
|
+
| \`menu\` | 116,934 | 36,590 | 32,617 | 44,558 | 10,740 | 8,812 |
|
|
5487
|
+
| \`meter\` | 46,277 | 15,618 | 14,133 | 14,605 | 3,482 | 2,901 |
|
|
5488
|
+
| \`motion-toggle\` | 31,514 | 11,912 | 10,676 | 3,040 | 963 | 680 |
|
|
5489
|
+
| \`navigation\` | 40,961 | 14,625 | 13,102 | 7,071 | 1,943 | 1,402 |
|
|
5490
|
+
| \`notifications\` | 76,232 | 23,678 | 21,405 | 31,722 | 7,598 | 6,204 |
|
|
5491
|
+
| \`number-input\` | 66,171 | 21,601 | 19,407 | 18,507 | 4,804 | 3,700 |
|
|
5492
|
+
| \`object-inspector\` | 141,639 | 43,908 | 38,934 | 55,250 | 13,574 | 10,993 |
|
|
5493
|
+
| \`option\` | 33,689 | 12,080 | 10,905 | 7,569 | 2,121 | 1,660 |
|
|
5494
|
+
| \`orb\` | 40,417 | 15,079 | 13,628 | 10,006 | 3,685 | 3,128 |
|
|
5495
|
+
| \`outline\` | 42,409 | 14,904 | 13,440 | 12,101 | 3,384 | 2,716 |
|
|
5496
|
+
| \`pagination\` | 182,295 | 55,484 | 48,571 | 72,319 | 17,892 | 14,557 |
|
|
5497
|
+
| \`pin-input\` | 55,807 | 19,003 | 17,070 | 10,558 | 3,275 | 2,479 |
|
|
5498
|
+
| \`popover\` | 72,347 | 25,104 | 22,477 | 10,347 | 2,744 | 2,191 |
|
|
5499
|
+
| \`progress\` | 39,966 | 13,911 | 12,608 | 10,155 | 2,550 | 2,207 |
|
|
5500
|
+
| \`qr-code\` | 48,744 | 18,461 | 16,720 | 18,511 | 6,731 | 5,714 |
|
|
5501
|
+
| \`quote\` | 27,223 | 10,456 | 9,389 | 1,746 | 669 | 460 |
|
|
5502
|
+
| \`radio\` | 54,658 | 17,359 | 15,577 | 11,578 | 2,706 | 2,124 |
|
|
5503
|
+
| \`rating\` | 59,104 | 20,073 | 18,040 | 11,964 | 3,649 | 2,843 |
|
|
5504
|
+
| \`sandbox\` | 209,571 | 60,920 | 52,511 | 145,326 | 38,977 | 31,754 |
|
|
5505
|
+
| \`scatter-chart\` | 120,519 | 40,082 | 35,752 | 31,470 | 8,851 | 7,301 |
|
|
5506
|
+
| \`scroll-area\` | 43,327 | 14,070 | 12,662 | 16,953 | 4,081 | 3,315 |
|
|
5507
|
+
| \`select\` | 153,149 | 48,687 | 42,791 | 44,784 | 11,782 | 9,535 |
|
|
5508
|
+
| \`shortcut-overlay\` | 60,880 | 20,448 | 18,408 | 19,196 | 5,144 | 4,223 |
|
|
5509
|
+
| \`skeleton\` | 30,425 | 11,121 | 10,027 | 4,751 | 1,342 | 1,115 |
|
|
5510
|
+
| \`skip-link\` | 29,685 | 11,238 | 10,067 | 2,774 | 947 | 705 |
|
|
5511
|
+
| \`slider\` | 73,692 | 21,950 | 19,776 | 28,627 | 6,230 | 5,062 |
|
|
5512
|
+
| \`sparkline\` | 58,249 | 20,284 | 18,323 | 11,404 | 3,433 | 2,752 |
|
|
5513
|
+
| \`spatial-bar-chart\` | 137,375 | 46,202 | 40,962 | 41,171 | 12,315 | 10,284 |
|
|
5514
|
+
| \`spatial-heatmap\` | 139,271 | 45,587 | 40,536 | 43,224 | 12,014 | 9,963 |
|
|
5515
|
+
| \`spatial-ribbon-chart\` | 125,800 | 42,368 | 37,750 | 31,619 | 9,365 | 7,725 |
|
|
5516
|
+
| \`spatial-scatter-chart\` | 123,929 | 41,483 | 36,959 | 29,802 | 8,519 | 6,992 |
|
|
5517
|
+
| \`spatial-surface-chart\` | 126,323 | 42,659 | 38,063 | 32,138 | 9,619 | 8,006 |
|
|
5518
|
+
| \`spatial-treemap\` | 128,010 | 43,404 | 38,659 | 32,130 | 9,690 | 7,943 |
|
|
5519
|
+
| \`speed-dial\` | 80,178 | 27,325 | 24,457 | 17,946 | 4,319 | 3,492 |
|
|
5520
|
+
| \`splitter\` | 54,702 | 17,726 | 16,030 | 20,521 | 4,808 | 4,062 |
|
|
5521
|
+
| \`stat\` | 32,726 | 11,914 | 10,760 | 5,183 | 1,468 | 1,077 |
|
|
5522
|
+
| \`steps\` | 73,366 | 23,209 | 20,805 | 28,202 | 6,758 | 5,505 |
|
|
5523
|
+
| \`strands\` | 67,865 | 24,813 | 22,108 | 38,808 | 13,774 | 11,860 |
|
|
5524
|
+
| \`switch\` | 48,654 | 16,303 | 14,596 | 6,183 | 1,809 | 1,377 |
|
|
5525
|
+
| \`table\` | 142,528 | 41,639 | 36,642 | 62,907 | 15,457 | 12,706 |
|
|
5526
|
+
| \`tabs\` | 61,069 | 19,404 | 17,442 | 20,758 | 4,901 | 4,117 |
|
|
5527
|
+
| \`tag\` | 51,398 | 18,022 | 16,245 | 13,000 | 3,587 | 2,817 |
|
|
5528
|
+
| \`terminal\` | 171,770 | 48,670 | 42,921 | 84,241 | 17,829 | 14,578 |
|
|
5529
|
+
| \`text\` | 32,865 | 11,351 | 10,175 | 7,176 | 1,452 | 985 |
|
|
5530
|
+
| \`textarea\` | 75,307 | 24,786 | 22,291 | 18,259 | 5,241 | 4,336 |
|
|
5531
|
+
| \`time-input\` | 222,150 | 65,393 | 56,878 | 82,919 | 19,246 | 15,822 |
|
|
5532
|
+
| \`time-picker\` | 139,978 | 42,612 | 37,476 | 55,712 | 14,290 | 11,565 |
|
|
5533
|
+
| \`timeline\` | 42,871 | 14,945 | 13,474 | 10,948 | 2,677 | 2,170 |
|
|
5534
|
+
| \`toast\` | 87,746 | 27,513 | 24,671 | 33,969 | 8,403 | 6,939 |
|
|
5535
|
+
| \`toggle\` | 55,526 | 18,006 | 16,209 | 10,915 | 3,030 | 2,296 |
|
|
5536
|
+
| \`toolbar\` | 41,030 | 14,434 | 13,023 | 4,026 | 967 | 647 |
|
|
5537
|
+
| \`tooltip\` | 67,354 | 23,589 | 21,181 | 11,743 | 3,219 | 2,622 |
|
|
5538
|
+
| \`tour\` | 99,755 | 32,398 | 28,884 | 30,558 | 7,571 | 6,163 |
|
|
5539
|
+
| \`tree\` | 81,248 | 26,172 | 23,429 | 26,549 | 6,905 | 5,641 |
|
|
5540
|
+
| \`trend\` | 36,411 | 13,732 | 12,419 | 5,476 | 1,647 | 1,269 |
|
|
5541
|
+
| \`video\` | 171,773 | 50,073 | 44,128 | 90,123 | 20,796 | 17,457 |
|
|
5542
|
+
| \`video-playlist\` | 152,398 | 46,356 | 41,061 | 62,152 | 14,701 | 12,213 |
|
|
5543
|
+
| \`virtual-list\` | 73,128 | 24,127 | 21,693 | 27,036 | 7,888 | 6,609 |
|
|
5544
|
+
| \`voice-level\` | 37,864 | 13,918 | 12,547 | 7,531 | 2,494 | 2,082 |
|
|
5545
5545
|
|
|
5546
5546
|
## What an install adds to \`node_modules\`
|
|
5547
5547
|
|
|
@@ -5554,12 +5554,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5554
5554
|
|
|
5555
5555
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
5556
5556
|
|---|---|---|---|---|
|
|
5557
|
-
| \`@fusion.dev/helix-core\` | 2,
|
|
5558
|
-
| \`@fusion.dev/helix-headless\` | 26,
|
|
5557
|
+
| \`@fusion.dev/helix-core\` | 2,430,061 | 641 | 902,790 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5558
|
+
| \`@fusion.dev/helix-headless\` | 26,646,684 | 826 | 2,833,950 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5559
5559
|
| \`@fusion.dev/helix-icons\` | 179,625 | 21 | 57,665 | \`svgo\` |
|
|
5560
5560
|
| \`@fusion.dev/helix-styles\` | 130,263 | 6 | 0 | none |
|
|
5561
5561
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5562
|
-
| \`@fusion.dev/helix\` | 27,
|
|
5562
|
+
| \`@fusion.dev/helix\` | 27,238,055 | 1,089 | 623,571 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
5563
5563
|
|
|
5564
5564
|
## Not measured yet
|
|
5565
5565
|
|