@fusion.dev/helix-docs 0.226.0 → 0.228.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/installation.mdx +8 -2
- package/content/metrics.mdx +247 -247
- package/dist/sources.generated.js +255 -249
- package/package.json +12 -12
|
@@ -3512,10 +3512,16 @@ If you do not have a project yet, the scaffolder writes one with Helix
|
|
|
3512
3512
|
installed, the stylesheets imported, and every element registered:
|
|
3513
3513
|
|
|
3514
3514
|
\`\`\`sh
|
|
3515
|
-
npm create @fusion.dev/helix-app@latest
|
|
3515
|
+
npm create @fusion.dev/helix-app@latest
|
|
3516
|
+
\`\`\`
|
|
3517
|
+
|
|
3518
|
+
The command asks for a project name and a template. To skip the questions, name
|
|
3519
|
+
both:
|
|
3520
|
+
|
|
3521
|
+
\`\`\`sh
|
|
3522
|
+
npm create @fusion.dev/helix-app@latest my-app --template react-vite
|
|
3516
3523
|
\`\`\`
|
|
3517
3524
|
|
|
3518
|
-
Leave out \`--template\`, and the command lists the templates and writes nothing.
|
|
3519
3525
|
Each template starts with the same three pages:
|
|
3520
3526
|
|
|
3521
3527
|
- a landing page
|
|
@@ -5236,7 +5242,7 @@ on its own.
|
|
|
5236
5242
|
|
|
5237
5243
|
| | Raw | Gzip | Brotli |
|
|
5238
5244
|
|---|---|---|---|
|
|
5239
|
-
| Lit and \`@fusion.dev/helix-core\` | 295,793 | 95,
|
|
5245
|
+
| Lit and \`@fusion.dev/helix-core\` | 295,793 | 95,871 | 82,141 |
|
|
5240
5246
|
|
|
5241
5247
|
## Whole packages
|
|
5242
5248
|
|
|
@@ -5247,12 +5253,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5247
5253
|
|
|
5248
5254
|
| Package | Raw | Gzip | Brotli | |
|
|
5249
5255
|
|---|---|---|---|---|
|
|
5250
|
-
| \`@fusion.dev/helix-core\` | 295,002 | 95,659 | 81,
|
|
5251
|
-
| \`@fusion.dev/helix-headless\` | 1,699,188 | 468,
|
|
5256
|
+
| \`@fusion.dev/helix-core\` | 295,002 | 95,659 | 81,909 | The element base class, mixins, decorators, and floating positioning. |
|
|
5257
|
+
| \`@fusion.dev/helix-headless\` | 1,699,188 | 468,312 | 352,321 | Every headless family. The barrel entry includes all of them. |
|
|
5252
5258
|
| \`@fusion.dev/helix-icons\` | 77,621 | 24,510 | 20,384 | The whole glyph set. |
|
|
5253
5259
|
| \`@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. |
|
|
5254
5260
|
| \`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. |
|
|
5255
|
-
| \`@fusion.dev/helix\` | 2,503,553 | 640,
|
|
5261
|
+
| \`@fusion.dev/helix\` | 2,503,553 | 640,893 | 458,273 | Every styled family. |
|
|
5256
5262
|
| \`lit\` | 15,396 | 5,990 | 5,419 | Lit itself, listed so you can subtract it from every row above. |
|
|
5257
5263
|
|
|
5258
5264
|
## Stylesheets
|
|
@@ -5273,13 +5279,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
5273
5279
|
|
|
5274
5280
|
## What the numbers say
|
|
5275
5281
|
|
|
5276
|
-
**Most of your first component is the shared runtime.** The median styled family is 22,915 bytes gzipped alone, and it adds 5,
|
|
5282
|
+
**Most of your first component is the shared runtime.** The median styled family is 22,915 bytes gzipped alone, and it adds 5,551 to a page that already has Helix. The shared runtime is 76 percent of the first component, and the component itself is 24 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.
|
|
5277
5283
|
|
|
5278
|
-
Across the 122 styled components, the smallest is \`code\` at 9,897 bytes gzipped alone, and the largest is \`data-table\` at 76,830. Every family together is 640,
|
|
5284
|
+
Across the 122 styled components, the smallest is \`code\` at 9,897 bytes gzipped alone, and the largest is \`data-table\` at 76,830. Every family together is 640,893.
|
|
5279
5285
|
|
|
5280
|
-
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 468,
|
|
5286
|
+
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 468,312 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.
|
|
5281
5287
|
|
|
5282
|
-
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,
|
|
5288
|
+
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,061 bytes gzipped alone.
|
|
5283
5289
|
|
|
5284
5290
|
## Compared with other systems
|
|
5285
5291
|
|
|
@@ -5296,12 +5302,12 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5296
5302
|
| | Material Web | 47,039 | 13,980 | 12,488 |
|
|
5297
5303
|
| | Spectrum | 98,861 | 21,731 | 18,547 |
|
|
5298
5304
|
| | Web Awesome | 136,082 | 34,015 | 28,815 |
|
|
5299
|
-
| \`checkbox\` | **Helix** | 52,190 | 16,
|
|
5305
|
+
| \`checkbox\` | **Helix** | 52,190 | 16,959 | 15,260 |
|
|
5300
5306
|
| | Carbon | 60,226 | 15,349 | 13,476 |
|
|
5301
5307
|
| | Material Web | 43,770 | 13,361 | 11,940 |
|
|
5302
5308
|
| | Spectrum | 60,006 | 14,720 | 12,834 |
|
|
5303
5309
|
| | Web Awesome | 115,313 | 28,720 | 24,391 |
|
|
5304
|
-
| \`dialog\` | **Helix** | 48,868 | 16,
|
|
5310
|
+
| \`dialog\` | **Helix** | 48,868 | 16,563 | 14,889 |
|
|
5305
5311
|
| | Carbon | 510,751 | 66,753 | 39,054 |
|
|
5306
5312
|
| | Material Web | 34,234 | 11,327 | 10,171 |
|
|
5307
5313
|
| | Spectrum | 152,934 | 30,766 | 25,567 |
|
|
@@ -5311,12 +5317,12 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5311
5317
|
| | Material Web | 41,029 | 13,048 | 11,659 |
|
|
5312
5318
|
| | Spectrum | 38,765 | 10,485 | 9,337 |
|
|
5313
5319
|
| | Web Awesome | 112,100 | 27,426 | 23,157 |
|
|
5314
|
-
| \`switch\` | **Helix** | 49,022 | 16,
|
|
5320
|
+
| \`switch\` | **Helix** | 49,022 | 16,459 | 14,793 |
|
|
5315
5321
|
| | Carbon | 69,388 | 16,861 | 14,710 |
|
|
5316
5322
|
| | Material Web | 50,129 | 14,355 | 12,869 |
|
|
5317
5323
|
| | Spectrum | 62,390 | 14,852 | 13,259 |
|
|
5318
5324
|
| | Web Awesome | 45,922 | 15,043 | 13,489 |
|
|
5319
|
-
| \`tabs\` | **Helix** | 61,660 | 19,580 | 17,
|
|
5325
|
+
| \`tabs\` | **Helix** | 61,660 | 19,580 | 17,602 |
|
|
5320
5326
|
| | Carbon | 578,657 | 72,708 | 43,044 |
|
|
5321
5327
|
| | Material Web | 38,875 | 12,619 | 11,290 |
|
|
5322
5328
|
| | Spectrum | 64,371 | 17,857 | 16,004 |
|
|
@@ -5401,120 +5407,120 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5401
5407
|
|
|
5402
5408
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5403
5409
|
|---|---|---|---|---|---|---|
|
|
5404
|
-
| \`accordion\` | 36,788 | 13,361 | 12,020 | 5,369 | 1,
|
|
5405
|
-
| \`announcement\` | 41,504 | 14,
|
|
5406
|
-
| \`app-header\` | 37,460 | 13,
|
|
5407
|
-
| \`area-chart\` | 110,876 | 38,448 | 34,
|
|
5408
|
-
| \`avatar\` | 35,972 | 13,427 | 12,
|
|
5409
|
-
| \`badge\` | 32,204 | 12,
|
|
5410
|
-
| \`bar-chart\` | 118,895 | 41,035 | 36,
|
|
5411
|
-
| \`blockquote\` | 28,797 | 10,
|
|
5412
|
-
| \`breadcrumbs\` | 42,197 | 15,744 | 14,
|
|
5413
|
-
| \`button\` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,
|
|
5414
|
-
| \`button-group\` | 32,666 | 11,956 | 10,770 | 4,897 | 1,
|
|
5415
|
-
| \`callout\` | 40,054 | 15,112 | 13,
|
|
5416
|
-
| \`canvas\` | 179,749 | 56,211 | 49,
|
|
5417
|
-
| \`card\` | 28,502 | 10,629 | 9,573 | 2,074 |
|
|
5418
|
-
| \`carousel\` | 49,408 | 17,
|
|
5419
|
-
| \`chat\` | 141,862 | 46,
|
|
5420
|
-
| \`checkbox\` | 45,709 | 15,
|
|
5421
|
-
| \`checkbox-group\` | 52,892 | 17,350 | 15,566 | 8,351 | 2,
|
|
5422
|
-
| \`code\` | 24,987 | 9,
|
|
5423
|
-
| \`code-block\` | 113,571 | 38,
|
|
5424
|
-
| \`code-editor\` | 101,737 | 31,707 | 28,
|
|
5425
|
-
| \`code-input\` | 65,648 | 22,502 | 20,155 | 10,559 | 3,
|
|
5426
|
-
| \`color-input\` | 149,480 | 47,457 | 41,
|
|
5427
|
-
| \`color-picker\` | 110,841 | 35,126 | 31,
|
|
5428
|
-
| \`combobox\` | 150,510 | 47,620 | 41,
|
|
5429
|
-
| \`command\` | 127,691 | 39,
|
|
5430
|
-
| \`copy-button\` | 88,951 | 30,220 | 26,
|
|
5431
|
-
| \`data-table\` | 221,008 | 67,295 | 58,
|
|
5432
|
-
| \`date-input\` | 147,158 | 45,983 | 40,
|
|
5433
|
-
| \`date-picker\` | 67,350 | 22,765 | 20,
|
|
5434
|
-
| \`description-list\` | 27,583 | 10,
|
|
5435
|
-
| \`device-screen\` | 122,587 | 38,
|
|
5436
|
-
| \`dialog\` | 43,110 | 15,225 | 13,
|
|
5437
|
-
| \`divider\` | 28,042 | 10,
|
|
5438
|
-
| \`donut-chart\` | 104,235 | 35,857 | 32,
|
|
5439
|
-
| \`drawer\` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,
|
|
5440
|
-
| \`drilldown\` | 48,006 | 16,533 | 14,
|
|
5441
|
-
| \`editor\` | 178,365 | 54,257 | 47,
|
|
5442
|
-
| \`empty\` | 29,125 | 10,
|
|
5443
|
-
| \`file-input\` | 63,256 | 21,754 | 19,
|
|
5444
|
-
| \`filter-input\` | 113,026 | 37,877 | 33,
|
|
5445
|
-
| \`find\` | 78,192 | 25,
|
|
5446
|
-
| \`format-date\` | 35,311 | 12,
|
|
5447
|
-
| \`graph\` | 146,422 | 46,082 | 40,
|
|
5448
|
-
| \`heatmap\` | 113,308 | 38,184 | 34,
|
|
5449
|
-
| \`icon\` | 108,395 | 36,072 | 30,
|
|
5450
|
-
| \`icon-button\` | 41,708 | 14,699 | 13,
|
|
5451
|
-
| \`image\` | 30,491 | 11,
|
|
5452
|
-
| \`input\` | 62,209 | 21,
|
|
5453
|
-
| \`kbd\` | 34,229 | 12,
|
|
5454
|
-
| \`legend\` | 44,093 | 15,
|
|
5455
|
-
| \`lightbox\` | 60,994 | 20,490 | 18,
|
|
5456
|
-
| \`line-chart\` | 113,879 | 39,281 | 35,
|
|
5457
|
-
| \`list\` | 67,327 | 23,172 | 20,
|
|
5458
|
-
| \`listbox\` | 94,025 | 31,
|
|
5459
|
-
| \`loader\` | 31,541 | 11,
|
|
5460
|
-
| \`log\` | 89,716 |
|
|
5461
|
-
| \`map\` | 159,903 | 47,424 | 40,
|
|
5462
|
-
| \`markdown\` | 140,272 | 47,
|
|
5463
|
-
| \`megamenu\` | 65,596 | 23,
|
|
5464
|
-
| \`menu\` | 106,453 | 34,786 | 31,
|
|
5465
|
-
| \`meter\` | 38,888 | 14,279 | 12,919 | 6,365 | 1,
|
|
5466
|
-
| \`motion-toggle\` | 30,535 | 11,627 | 10,
|
|
5467
|
-
| \`navigation\` | 37,912 | 13,969 | 12,
|
|
5468
|
-
| \`notifications\` | 64,044 | 21,590 | 19,
|
|
5469
|
-
| \`number-input\` | 61,522 | 20,
|
|
5470
|
-
| \`object-inspector\` | 124,337 | 41,342 | 36,
|
|
5471
|
-
| \`option\` | 31,105 | 11,300 | 10,179 | 4,446 | 1,
|
|
5472
|
-
| \`outline\` | 41,449 | 14,
|
|
5473
|
-
| \`pagination\` | 154,678 | 49,079 | 42,
|
|
5474
|
-
| \`pin-input\` | 52,802 | 18,248 | 16,
|
|
5475
|
-
| \`popover\` | 69,330 | 24,448 | 21,
|
|
5476
|
-
| \`progress\` | 33,407 | 12,448 | 11,245 | 3,075 |
|
|
5477
|
-
| \`qr-code\` | 47,683 | 18,136 | 16,
|
|
5478
|
-
| \`quote\` | 27,206 | 10,
|
|
5410
|
+
| \`accordion\` | 36,788 | 13,361 | 12,020 | 5,369 | 1,510 | 1,265 |
|
|
5411
|
+
| \`announcement\` | 41,504 | 14,909 | 13,466 | 4,788 | 1,396 | 1,097 |
|
|
5412
|
+
| \`app-header\` | 37,460 | 13,636 | 12,256 | 6,103 | 1,831 | 1,497 |
|
|
5413
|
+
| \`area-chart\` | 110,876 | 38,448 | 34,262 | 14,781 | 4,514 | 3,689 |
|
|
5414
|
+
| \`avatar\` | 35,972 | 13,427 | 12,143 | 3,980 | 1,241 | 1,043 |
|
|
5415
|
+
| \`badge\` | 32,204 | 12,204 | 11,028 | 2,941 | 889 | 697 |
|
|
5416
|
+
| \`bar-chart\` | 118,895 | 41,035 | 36,714 | 22,275 | 6,958 | 5,814 |
|
|
5417
|
+
| \`blockquote\` | 28,797 | 10,962 | 9,867 | 2,400 | 870 | 770 |
|
|
5418
|
+
| \`breadcrumbs\` | 42,197 | 15,744 | 14,225 | 7,912 | 2,506 | 2,077 |
|
|
5419
|
+
| \`button\` | 41,599 | 14,659 | 13,253 | 5,695 | 1,678 | 1,253 |
|
|
5420
|
+
| \`button-group\` | 32,666 | 11,956 | 10,770 | 4,897 | 1,457 | 1,191 |
|
|
5421
|
+
| \`callout\` | 40,054 | 15,112 | 13,583 | 2,875 | 992 | 706 |
|
|
5422
|
+
| \`canvas\` | 179,749 | 56,211 | 49,105 | 86,219 | 25,106 | 20,728 |
|
|
5423
|
+
| \`card\` | 28,502 | 10,629 | 9,573 | 2,074 | 613 | 483 |
|
|
5424
|
+
| \`carousel\` | 49,408 | 17,356 | 15,699 | 15,477 | 4,259 | 3,222 |
|
|
5425
|
+
| \`chat\` | 141,862 | 46,118 | 40,857 | 44,186 | 12,189 | 9,796 |
|
|
5426
|
+
| \`checkbox\` | 45,709 | 15,485 | 13,917 | 3,154 | 977 | 713 |
|
|
5427
|
+
| \`checkbox-group\` | 52,892 | 17,350 | 15,566 | 8,351 | 2,350 | 1,757 |
|
|
5428
|
+
| \`code\` | 24,987 | 9,593 | 8,634 | 136 | 57 | 163 |
|
|
5429
|
+
| \`code-block\` | 113,571 | 38,287 | 34,017 | 40,487 | 11,881 | 9,708 |
|
|
5430
|
+
| \`code-editor\` | 101,737 | 31,707 | 28,087 | 37,299 | 9,474 | 7,626 |
|
|
5431
|
+
| \`code-input\` | 65,648 | 22,502 | 20,155 | 10,559 | 3,404 | 2,758 |
|
|
5432
|
+
| \`color-input\` | 149,480 | 47,457 | 41,634 | 56,692 | 14,688 | 11,861 |
|
|
5433
|
+
| \`color-picker\` | 110,841 | 35,126 | 31,102 | 48,828 | 13,100 | 10,490 |
|
|
5434
|
+
| \`combobox\` | 150,510 | 47,620 | 41,959 | 37,524 | 9,378 | 7,540 |
|
|
5435
|
+
| \`command\` | 127,691 | 39,997 | 35,100 | 38,272 | 9,837 | 8,078 |
|
|
5436
|
+
| \`copy-button\` | 88,951 | 30,220 | 26,993 | 19,839 | 5,299 | 4,258 |
|
|
5437
|
+
| \`data-table\` | 221,008 | 67,295 | 58,121 | 93,771 | 24,750 | 19,702 |
|
|
5438
|
+
| \`date-input\` | 147,158 | 45,983 | 40,714 | 38,735 | 9,419 | 7,606 |
|
|
5439
|
+
| \`date-picker\` | 67,350 | 22,765 | 20,574 | 20,821 | 5,643 | 4,592 |
|
|
5440
|
+
| \`description-list\` | 27,583 | 10,321 | 9,292 | 1,554 | 488 | 367 |
|
|
5441
|
+
| \`device-screen\` | 122,587 | 38,604 | 34,226 | 46,259 | 11,428 | 9,154 |
|
|
5442
|
+
| \`dialog\` | 43,110 | 15,225 | 13,684 | 6,075 | 1,792 | 1,259 |
|
|
5443
|
+
| \`divider\` | 28,042 | 10,561 | 9,492 | 1,410 | 478 | 353 |
|
|
5444
|
+
| \`donut-chart\` | 104,235 | 35,857 | 32,070 | 15,091 | 4,568 | 3,752 |
|
|
5445
|
+
| \`drawer\` | 47,598 | 16,648 | 14,963 | 7,778 | 2,238 | 1,748 |
|
|
5446
|
+
| \`drilldown\` | 48,006 | 16,533 | 14,854 | 10,059 | 2,735 | 2,185 |
|
|
5447
|
+
| \`editor\` | 178,365 | 54,257 | 47,099 | 83,366 | 20,563 | 16,630 |
|
|
5448
|
+
| \`empty\` | 29,125 | 10,883 | 9,801 | 1,974 | 632 | 492 |
|
|
5449
|
+
| \`file-input\` | 63,256 | 21,754 | 19,563 | 13,323 | 4,169 | 3,313 |
|
|
5450
|
+
| \`filter-input\` | 113,026 | 37,877 | 33,707 | 21,663 | 6,136 | 4,916 |
|
|
5451
|
+
| \`find\` | 78,192 | 25,913 | 23,107 | 21,809 | 5,714 | 4,547 |
|
|
5452
|
+
| \`format-date\` | 35,311 | 12,970 | 11,693 | 4,462 | 1,239 | 1,033 |
|
|
5453
|
+
| \`graph\` | 146,422 | 46,082 | 40,313 | 40,018 | 10,987 | 8,926 |
|
|
5454
|
+
| \`heatmap\` | 113,308 | 38,184 | 34,056 | 19,434 | 5,634 | 4,545 |
|
|
5455
|
+
| \`icon\` | 108,395 | 36,072 | 30,939 | 78,520 | 25,859 | 20,971 |
|
|
5456
|
+
| \`icon-button\` | 41,708 | 14,699 | 13,261 | 5,802 | 1,678 | 1,237 |
|
|
5457
|
+
| \`image\` | 30,491 | 11,154 | 10,066 | 3,842 | 1,115 | 913 |
|
|
5458
|
+
| \`input\` | 62,209 | 21,266 | 18,981 | 7,350 | 2,355 | 1,625 |
|
|
5459
|
+
| \`kbd\` | 34,229 | 12,746 | 11,457 | 3,926 | 1,249 | 979 |
|
|
5460
|
+
| \`legend\` | 44,093 | 15,636 | 14,129 | 2,764 | 882 | 746 |
|
|
5461
|
+
| \`lightbox\` | 60,994 | 20,490 | 18,398 | 16,839 | 4,620 | 3,526 |
|
|
5462
|
+
| \`line-chart\` | 113,879 | 39,281 | 35,057 | 17,183 | 5,120 | 4,272 |
|
|
5463
|
+
| \`list\` | 67,327 | 23,172 | 20,690 | 15,570 | 4,400 | 3,410 |
|
|
5464
|
+
| \`listbox\` | 94,025 | 31,048 | 27,464 | 16,516 | 4,668 | 3,722 |
|
|
5465
|
+
| \`loader\` | 31,541 | 11,772 | 10,633 | 2,875 | 940 | 784 |
|
|
5466
|
+
| \`log\` | 89,716 | 30,000 | 26,884 | 40,360 | 12,455 | 10,412 |
|
|
5467
|
+
| \`map\` | 159,903 | 47,424 | 40,966 | 63,298 | 15,416 | 11,951 |
|
|
5468
|
+
| \`markdown\` | 140,272 | 47,303 | 41,845 | 62,608 | 19,542 | 16,187 |
|
|
5469
|
+
| \`megamenu\` | 65,596 | 23,362 | 20,889 | 8,742 | 2,372 | 1,771 |
|
|
5470
|
+
| \`menu\` | 106,453 | 34,786 | 31,001 | 32,752 | 8,412 | 6,797 |
|
|
5471
|
+
| \`meter\` | 38,888 | 14,279 | 12,919 | 6,365 | 1,817 | 1,416 |
|
|
5472
|
+
| \`motion-toggle\` | 30,535 | 11,627 | 10,452 | 1,539 | 546 | 455 |
|
|
5473
|
+
| \`navigation\` | 37,912 | 13,969 | 12,527 | 3,497 | 1,155 | 959 |
|
|
5474
|
+
| \`notifications\` | 64,044 | 21,590 | 19,437 | 18,695 | 5,072 | 4,152 |
|
|
5475
|
+
| \`number-input\` | 61,522 | 20,548 | 18,506 | 13,492 | 3,632 | 2,785 |
|
|
5476
|
+
| \`object-inspector\` | 124,337 | 41,342 | 36,612 | 37,188 | 10,577 | 8,585 |
|
|
5477
|
+
| \`option\` | 31,105 | 11,300 | 10,179 | 4,446 | 1,157 | 911 |
|
|
5478
|
+
| \`outline\` | 41,449 | 14,806 | 13,355 | 10,620 | 3,117 | 2,568 |
|
|
5479
|
+
| \`pagination\` | 154,678 | 49,079 | 42,963 | 47,274 | 12,177 | 9,670 |
|
|
5480
|
+
| \`pin-input\` | 52,802 | 18,248 | 16,422 | 7,187 | 2,356 | 1,766 |
|
|
5481
|
+
| \`popover\` | 69,330 | 24,448 | 21,914 | 6,480 | 1,830 | 1,450 |
|
|
5482
|
+
| \`progress\` | 33,407 | 12,448 | 11,245 | 3,075 | 944 | 821 |
|
|
5483
|
+
| \`qr-code\` | 47,683 | 18,136 | 16,367 | 16,927 | 6,238 | 5,275 |
|
|
5484
|
+
| \`quote\` | 27,206 | 10,427 | 9,378 | 1,205 | 496 | 477 |
|
|
5479
5485
|
| \`radio\` | 47,265 | 16,015 | 14,390 | 3,799 | 1,216 | 829 |
|
|
5480
|
-
| \`rating\` | 56,091 | 19,
|
|
5481
|
-
| \`scatter-chart\` | 110,294 | 37,894 | 33,
|
|
5482
|
-
| \`scroll-area\` | 35,923 | 12,
|
|
5483
|
-
| \`select\` | 132,912 | 43,
|
|
5484
|
-
| \`shortcut-overlay\` | 54,311 | 19,
|
|
5485
|
-
| \`skeleton\` | 26,984 | 10,208 | 9,193 | 954 |
|
|
5486
|
-
| \`skip-link\` | 28,768 | 10,
|
|
5487
|
-
| \`slider\` | 59,094 | 19,
|
|
5488
|
-
| \`sparkline\` | 53,331 | 19,123 | 17,
|
|
5489
|
-
| \`spatial-bar-chart\` | 125,627 | 43,813 | 39,
|
|
5490
|
-
| \`spatial-heatmap\` | 128,676 | 43,337 | 38,
|
|
5491
|
-
| \`spatial-ribbon-chart\` | 116,031 | 40,304 | 35,
|
|
5492
|
-
| \`spatial-scatter-chart\` | 114,102 | 39,466 | 35,
|
|
5493
|
-
| \`spatial-surface-chart\` | 117,034 | 40,689 | 36,
|
|
5494
|
-
| \`spatial-treemap\` | 118,137 | 41,301 | 36,
|
|
5495
|
-
| \`speed-dial\` | 74,018 | 26,161 | 23,
|
|
5496
|
-
| \`splitter\` | 49,870 | 17,059 | 15,
|
|
5497
|
-
| \`stat\` | 30,366 | 11,365 | 10,
|
|
5498
|
-
| \`steps\` | 60,474 | 20,856 | 18,
|
|
5499
|
-
| \`switch\` | 44,568 | 15,309 | 13,740 | 1,733 | 653 |
|
|
5500
|
-
| \`table\` | 125,700 | 38,956 | 34,
|
|
5501
|
-
| \`tabs\` | 51,456 | 17,513 | 15,
|
|
5502
|
-
| \`tag\` | 47,412 | 17,
|
|
5503
|
-
| \`terminal\` | 141,582 | 44,
|
|
5504
|
-
| \`textarea\` | 59,949 | 20,470 | 18,
|
|
5505
|
-
| \`time-input\` | 187,028 | 58,028 | 50,
|
|
5506
|
-
| \`time-picker\` | 117,065 | 37,039 | 32,
|
|
5507
|
-
| \`timeline\` | 36,581 | 13,678 | 12,
|
|
5508
|
-
| \`toast\` | 74,603 | 25,
|
|
5509
|
-
| \`toggle\` | 51,029 | 16,915 | 15,
|
|
5510
|
-
| \`toolbar\` | 37,383 | 13,551 | 12,
|
|
5511
|
-
| \`tooltip\` | 65,000 | 22,983 | 20,
|
|
5512
|
-
| \`tour\` | 90,755 | 30,
|
|
5513
|
-
| \`tree\` | 72,738 | 24,341 | 21,
|
|
5514
|
-
| \`trend\` | 35,034 | 13,356 | 12,
|
|
5515
|
-
| \`video\` | 152,045 | 46,721 | 41,
|
|
5516
|
-
| \`video-playlist\` | 137,298 | 43,792 | 38,
|
|
5517
|
-
| \`virtual-list\` | 72,396 | 23,976 | 21,
|
|
5486
|
+
| \`rating\` | 56,091 | 19,233 | 17,281 | 8,272 | 2,510 | 1,825 |
|
|
5487
|
+
| \`scatter-chart\` | 110,294 | 37,894 | 33,793 | 20,721 | 6,412 | 5,282 |
|
|
5488
|
+
| \`scroll-area\` | 35,923 | 12,852 | 11,564 | 9,027 | 2,676 | 2,037 |
|
|
5489
|
+
| \`select\` | 132,912 | 43,502 | 38,267 | 27,302 | 7,299 | 5,670 |
|
|
5490
|
+
| \`shortcut-overlay\` | 54,311 | 19,107 | 17,108 | 11,631 | 3,434 | 2,654 |
|
|
5491
|
+
| \`skeleton\` | 26,984 | 10,208 | 9,193 | 954 | 353 | 239 |
|
|
5492
|
+
| \`skip-link\` | 28,768 | 10,918 | 9,827 | 1,334 | 494 | 367 |
|
|
5493
|
+
| \`slider\` | 59,094 | 19,779 | 17,850 | 13,667 | 3,858 | 3,132 |
|
|
5494
|
+
| \`sparkline\` | 53,331 | 19,123 | 17,288 | 5,968 | 2,067 | 1,611 |
|
|
5495
|
+
| \`spatial-bar-chart\` | 125,627 | 43,813 | 39,001 | 28,914 | 9,746 | 8,162 |
|
|
5496
|
+
| \`spatial-heatmap\` | 128,676 | 43,337 | 38,535 | 32,104 | 9,606 | 7,846 |
|
|
5497
|
+
| \`spatial-ribbon-chart\` | 116,031 | 40,304 | 35,854 | 21,327 | 7,073 | 5,819 |
|
|
5498
|
+
| \`spatial-scatter-chart\` | 114,102 | 39,466 | 35,190 | 19,459 | 6,297 | 5,187 |
|
|
5499
|
+
| \`spatial-surface-chart\` | 117,034 | 40,689 | 36,267 | 22,328 | 7,462 | 6,308 |
|
|
5500
|
+
| \`spatial-treemap\` | 118,137 | 41,301 | 36,790 | 21,742 | 7,349 | 6,060 |
|
|
5501
|
+
| \`speed-dial\` | 74,018 | 26,161 | 23,416 | 11,107 | 2,926 | 2,265 |
|
|
5502
|
+
| \`splitter\` | 49,870 | 17,059 | 15,406 | 15,021 | 3,923 | 3,106 |
|
|
5503
|
+
| \`stat\` | 30,366 | 11,365 | 10,271 | 2,291 | 745 | 621 |
|
|
5504
|
+
| \`steps\` | 60,474 | 20,856 | 18,684 | 14,540 | 4,050 | 3,125 |
|
|
5505
|
+
| \`switch\` | 44,568 | 15,309 | 13,740 | 1,733 | 653 | 541 |
|
|
5506
|
+
| \`table\` | 125,700 | 38,956 | 34,225 | 45,249 | 12,360 | 9,938 |
|
|
5507
|
+
| \`tabs\` | 51,456 | 17,513 | 15,739 | 10,607 | 2,836 | 2,276 |
|
|
5508
|
+
| \`tag\` | 47,412 | 17,108 | 15,426 | 8,490 | 2,490 | 1,960 |
|
|
5509
|
+
| \`terminal\` | 141,582 | 44,588 | 39,299 | 54,204 | 13,433 | 10,923 |
|
|
5510
|
+
| \`textarea\` | 59,949 | 20,470 | 18,390 | 5,642 | 1,666 | 1,281 |
|
|
5511
|
+
| \`time-input\` | 187,028 | 58,028 | 50,447 | 50,345 | 12,610 | 10,069 |
|
|
5512
|
+
| \`time-picker\` | 117,065 | 37,039 | 32,646 | 35,289 | 9,370 | 7,464 |
|
|
5513
|
+
| \`timeline\` | 36,581 | 13,678 | 12,364 | 4,128 | 1,206 | 978 |
|
|
5514
|
+
| \`toast\` | 74,603 | 25,176 | 22,468 | 20,050 | 5,568 | 4,470 |
|
|
5515
|
+
| \`toggle\` | 51,029 | 16,915 | 15,259 | 6,038 | 1,790 | 1,372 |
|
|
5516
|
+
| \`toolbar\` | 37,383 | 13,551 | 12,196 | 1,406 | 490 | 291 |
|
|
5517
|
+
| \`tooltip\` | 65,000 | 22,983 | 20,656 | 8,862 | 2,438 | 1,941 |
|
|
5518
|
+
| \`tour\` | 90,755 | 30,739 | 27,453 | 21,104 | 5,648 | 4,443 |
|
|
5519
|
+
| \`tree\` | 72,738 | 24,341 | 21,756 | 17,539 | 4,881 | 4,057 |
|
|
5520
|
+
| \`trend\` | 35,034 | 13,356 | 12,049 | 3,577 | 1,126 | 910 |
|
|
5521
|
+
| \`video\` | 152,045 | 46,721 | 41,217 | 69,404 | 17,301 | 14,047 |
|
|
5522
|
+
| \`video-playlist\` | 137,298 | 43,792 | 38,712 | 45,878 | 11,720 | 9,523 |
|
|
5523
|
+
| \`virtual-list\` | 72,396 | 23,976 | 21,620 | 25,472 | 7,513 | 6,165 |
|
|
5518
5524
|
|
|
5519
5525
|
### Styled tier
|
|
5520
5526
|
|
|
@@ -5522,128 +5528,128 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5522
5528
|
|
|
5523
5529
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5524
5530
|
|---|---|---|---|---|---|---|
|
|
5525
|
-
| \`accordion\` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,
|
|
5526
|
-
| \`announcement\` | 46,117 | 15,939 | 14,385 | 9,382 | 2,454 |
|
|
5527
|
-
| \`app-header\` | 42,621 | 14,828 | 13,
|
|
5528
|
-
| \`area-chart\` | 120,454 | 40,557 | 36,
|
|
5529
|
-
| \`aura\` | 64,184 | 21,751 | 19,
|
|
5530
|
-
| \`avatar\` | 38,970 | 14,169 | 12,846 | 6,964 | 1,
|
|
5531
|
-
| \`badge\` | 37,710 | 13,
|
|
5532
|
-
| \`bar-chart\` | 135,311 | 44,252 | 39,
|
|
5533
|
-
| \`blockquote\` | 31,018 | 11,
|
|
5534
|
-
| \`breadcrumbs\` | 49,213 | 16,960 | 15,
|
|
5535
|
-
| \`button\` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,
|
|
5536
|
-
| \`button-group\` | 36,163 | 12,635 | 11,
|
|
5537
|
-
| \`callout\` | 43,845 | 16,045 | 14,
|
|
5538
|
-
| \`canvas\` | 214,020 | 61,
|
|
5539
|
-
| \`card\` | 32,401 | 11,628 | 10,485 | 5,958 | 1,
|
|
5540
|
-
| \`carousel\` | 59,895 | 19,118 | 17,
|
|
5541
|
-
| \`chat\` | 179,720 | 54,377 |
|
|
5542
|
-
| \`checkbox\` | 52,190 | 16,
|
|
5543
|
-
| \`checkbox-group\` | 60,104 | 18,
|
|
5544
|
-
| \`code\` | 25,842 | 9,897 | 8,
|
|
5545
|
-
| \`code-block\` | 141,674 | 42,399 | 37,645 | 68,566 | 16,
|
|
5546
|
-
| \`code-editor\` | 132,746 | 35,888 | 31,
|
|
5547
|
-
| \`code-input\` | 80,798 | 26,901 | 24,
|
|
5548
|
-
| \`color-input\` | 193,253 | 53,854 | 47,
|
|
5549
|
-
| \`color-picker\` | 149,088 | 40,760 | 36,
|
|
5550
|
-
| \`combobox\` | 177,485 | 54,
|
|
5551
|
-
| \`command\` | 154,679 | 46,715 | 40,
|
|
5552
|
-
| \`copy-button\` | 104,615 | 32,690 | 29,
|
|
5553
|
-
| \`data-table\` | 266,891 | 76,830 | 66,
|
|
5554
|
-
| \`date-input\` | 168,543 | 49,732 | 44,
|
|
5555
|
-
| \`date-picker\` | 75,396 | 24,195 | 21,
|
|
5556
|
-
| \`description-list\` | 30,533 | 11,064 | 9,963 | 4,493 | 1,256 |
|
|
5557
|
-
| \`device-screen\` | 143,681 | 42,
|
|
5558
|
-
| \`dialog\` | 48,868 | 16,
|
|
5559
|
-
| \`divider\` | 30,340 | 11,
|
|
5560
|
-
| \`donut-chart\` | 115,589 | 38,201 | 34,
|
|
5561
|
-
| \`drawer\` | 53,528 | 18,048 | 16,
|
|
5562
|
-
| \`drilldown\` | 53,685 | 17,818 | 16,
|
|
5563
|
-
| \`editor\` | 222,769 | 60,471 | 52,
|
|
5564
|
-
| \`empty\` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 |
|
|
5565
|
-
| \`file-input\` | 74,781 | 24,151 | 21,
|
|
5566
|
-
| \`filter-input\` | 134,913 | 43,377 | 38,
|
|
5567
|
-
| \`find\` | 102,866 | 29,
|
|
5568
|
-
| \`flex\` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 |
|
|
5569
|
-
| \`format-date\` | 35,565 | 13,094 | 11,803 | 4,698 | 1,
|
|
5570
|
-
| \`graph\` | 175,865 | 50,
|
|
5571
|
-
| \`grid\` | 31,880 | 11,
|
|
5572
|
-
| \`heatmap\` | 123,013 | 40,318 | 35,
|
|
5573
|
-
| \`icon\` | 110,428 | 36,672 | 31,
|
|
5574
|
-
| \`icon-button\` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,
|
|
5575
|
-
| \`image\` | 31,876 | 11,613 | 10,463 | 5,207 | 1,
|
|
5576
|
-
| \`input\` | 77,465 | 25,
|
|
5577
|
-
| \`kbd\` | 36,435 | 13,329 | 11,949 | 6,116 | 1,
|
|
5578
|
-
| \`legend\` | 49,334 | 16,920 | 15,249 | 7,866 | 2,
|
|
5579
|
-
| \`lightbox\` | 67,279 | 21,825 | 19,
|
|
5580
|
-
| \`line-chart\` | 126,626 | 41,929 | 37,
|
|
5581
|
-
| \`list\` | 73,668 | 24,659 | 22,019 | 21,897 | 5,912 | 4,
|
|
5582
|
-
| \`listbox\` | 110,173 | 35,677 | 31,
|
|
5583
|
-
| \`loader\` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,
|
|
5584
|
-
| \`log\` | 106,381 | 33,038 | 29,
|
|
5585
|
-
| \`map\` | 206,709 | 54,
|
|
5586
|
-
| \`markdown\` | 172,399 | 52,
|
|
5587
|
-
| \`megamenu\` | 70,645 | 24,510 | 21,956 | 13,773 | 3,
|
|
5588
|
-
| \`menu\` | 118,673 | 37,197 | 33,
|
|
5589
|
-
| \`meter\` | 47,432 | 16,
|
|
5590
|
-
| \`motion-toggle\` | 32,169 | 12,107 | 10,
|
|
5591
|
-
| \`navigation\` | 41,636 | 14,818 | 13,
|
|
5592
|
-
| \`notifications\` | 77,524 | 24,119 | 21,
|
|
5593
|
-
| \`number-input\` | 66,501 | 21,
|
|
5594
|
-
| \`object-inspector\` | 144,379 | 44,497 | 39,
|
|
5595
|
-
| \`option\` | 34,170 | 12,241 | 11,045 | 7,503 | 2,125 | 1,
|
|
5596
|
-
| \`orb\` | 40,942 | 15,257 | 13,793 | 9,996 | 3,
|
|
5597
|
-
| \`outline\` | 47,889 | 16,157 | 14,
|
|
5598
|
-
| \`pagination\` | 183,162 | 55,752 | 48,
|
|
5599
|
-
| \`pin-input\` | 56,180 | 19,
|
|
5600
|
-
| \`popover\` | 73,236 | 25,
|
|
5601
|
-
| \`progress\` | 40,587 | 14,
|
|
5602
|
-
| \`qr-code\` | 49,283 | 18,619 | 16,826 | 18,509 | 6,
|
|
5603
|
-
| \`quote\` | 27,762 | 10,613 | 9,
|
|
5604
|
-
| \`radio\` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 | 2,
|
|
5605
|
-
| \`rating\` | 60,021 | 20,445 | 18,366 | 12,186 | 3,
|
|
5606
|
-
| \`sandbox\` | 212,690 | 61,609 | 53,
|
|
5607
|
-
| \`scatter-chart\` | 121,046 | 40,258 | 35,
|
|
5608
|
-
| \`scroll-area\` | 43,866 | 14,
|
|
5609
|
-
| \`select\` | 153,820 | 48,899 |
|
|
5610
|
-
| \`shortcut-overlay\` | 62,103 | 20,797 | 18,
|
|
5611
|
-
| \`skeleton\` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,
|
|
5612
|
-
| \`skip-link\` | 30,338 | 11,428 | 10,
|
|
5613
|
-
| \`slider\` | 74,143 | 22,101 | 19,
|
|
5614
|
-
| \`sparkline\` | 58,788 | 20,432 | 18,
|
|
5615
|
-
| \`spatial-bar-chart\` | 137,900 | 46,373 | 41,
|
|
5616
|
-
| \`spatial-heatmap\` | 139,798 | 45,725 | 40,
|
|
5617
|
-
| \`spatial-ribbon-chart\` | 126,327 | 42,547 | 37,
|
|
5618
|
-
| \`spatial-scatter-chart\` | 124,456 | 41,661 | 37,
|
|
5619
|
-
| \`spatial-surface-chart\` | 126,850 | 42,829 | 38,
|
|
5620
|
-
| \`spatial-treemap\` | 128,537 | 43,581 | 38,
|
|
5621
|
-
| \`speed-dial\` | 81,060 | 27,547 | 24,
|
|
5622
|
-
| \`splitter\` | 56,008 | 18,
|
|
5623
|
-
| \`stat\` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,
|
|
5624
|
-
| \`steps\` | 75,697 | 23,728 | 21,
|
|
5625
|
-
| \`strands\` | 68,950 | 25,205 | 22,
|
|
5626
|
-
| \`switch\` | 49,022 | 16,
|
|
5627
|
-
| \`table\` | 143,467 | 41,990 |
|
|
5628
|
-
| \`tabs\` | 61,660 | 19,580 | 17,
|
|
5629
|
-
| \`tag\` | 51,985 | 18,223 | 16,
|
|
5630
|
-
| \`terminal\` | 175,850 | 49,
|
|
5631
|
-
| \`text\` | 33,404 | 11,
|
|
5632
|
-
| \`textarea\` | 75,690 | 24,957 | 22,
|
|
5633
|
-
| \`time-input\` | 222,800 | 65,638 | 57,
|
|
5634
|
-
| \`time-picker\` | 140,696 | 42,
|
|
5635
|
-
| \`timeline\` | 43,470 | 15,146 | 13,631 | 11,014 | 2,
|
|
5636
|
-
| \`toast\` | 89,991 | 28,136 | 25,
|
|
5637
|
-
| \`toggle\` | 55,883 | 18,168 | 16,
|
|
5638
|
-
| \`toolbar\` | 40,062 | 14,020 | 12,
|
|
5639
|
-
| \`tooltip\` | 67,881 | 23,741 | 21,350 | 11,725 | 3,
|
|
5640
|
-
| \`tour\` | 101,987 | 32,857 | 29,
|
|
5641
|
-
| \`tree\` | 81,748 | 26,
|
|
5642
|
-
| \`trend\` | 36,950 | 13,914 | 12,
|
|
5643
|
-
| \`video\` | 173,841 | 50,678 | 44,
|
|
5644
|
-
| \`video-playlist\` | 154,530 | 47,
|
|
5645
|
-
| \`virtual-list\` | 74,388 | 24,
|
|
5646
|
-
| \`voice-level\` | 38,396 | 14,077 | 12,
|
|
5531
|
+
| \`accordion\` | 40,217 | 14,216 | 12,771 | 8,788 | 2,386 | 1,982 |
|
|
5532
|
+
| \`announcement\` | 46,117 | 15,939 | 14,385 | 9,382 | 2,454 | 2,035 |
|
|
5533
|
+
| \`app-header\` | 42,621 | 14,828 | 13,353 | 11,246 | 3,025 | 2,448 |
|
|
5534
|
+
| \`area-chart\` | 120,454 | 40,557 | 36,159 | 24,355 | 6,665 | 5,562 |
|
|
5535
|
+
| \`aura\` | 64,184 | 21,751 | 19,403 | 32,004 | 9,687 | 8,158 |
|
|
5536
|
+
| \`avatar\` | 38,970 | 14,169 | 12,846 | 6,964 | 1,980 | 1,632 |
|
|
5537
|
+
| \`badge\` | 37,710 | 13,445 | 12,155 | 8,435 | 2,132 | 1,717 |
|
|
5538
|
+
| \`bar-chart\` | 135,311 | 44,252 | 39,456 | 38,673 | 10,242 | 8,689 |
|
|
5539
|
+
| \`blockquote\` | 31,018 | 11,504 | 10,350 | 4,608 | 1,410 | 1,181 |
|
|
5540
|
+
| \`breadcrumbs\` | 49,213 | 16,960 | 15,275 | 14,918 | 3,777 | 3,063 |
|
|
5541
|
+
| \`button\` | 49,256 | 16,177 | 14,575 | 13,332 | 3,195 | 2,560 |
|
|
5542
|
+
| \`button-group\` | 36,163 | 12,635 | 11,405 | 8,378 | 2,145 | 1,788 |
|
|
5543
|
+
| \`callout\` | 43,845 | 16,045 | 14,436 | 6,648 | 1,921 | 1,581 |
|
|
5544
|
+
| \`canvas\` | 214,020 | 61,607 | 53,833 | 120,476 | 30,721 | 25,593 |
|
|
5545
|
+
| \`card\` | 32,401 | 11,628 | 10,485 | 5,958 | 1,609 | 1,328 |
|
|
5546
|
+
| \`carousel\` | 59,895 | 19,118 | 17,306 | 25,946 | 6,076 | 4,862 |
|
|
5547
|
+
| \`chat\` | 179,720 | 54,377 | 48,088 | 79,359 | 19,646 | 16,306 |
|
|
5548
|
+
| \`checkbox\` | 52,190 | 16,959 | 15,260 | 9,617 | 2,490 | 1,969 |
|
|
5549
|
+
| \`checkbox-group\` | 60,104 | 18,966 | 16,997 | 15,554 | 3,970 | 3,162 |
|
|
5550
|
+
| \`code\` | 25,842 | 9,897 | 8,921 | 972 | 368 | 384 |
|
|
5551
|
+
| \`code-block\` | 141,674 | 42,399 | 37,645 | 68,566 | 16,129 | 13,346 |
|
|
5552
|
+
| \`code-editor\` | 132,746 | 35,888 | 31,839 | 68,302 | 13,907 | 11,267 |
|
|
5553
|
+
| \`code-input\` | 80,798 | 26,901 | 24,127 | 22,581 | 6,880 | 5,780 |
|
|
5554
|
+
| \`color-input\` | 193,253 | 53,854 | 47,240 | 100,452 | 21,025 | 17,524 |
|
|
5555
|
+
| \`color-picker\` | 149,088 | 40,760 | 36,145 | 87,075 | 18,841 | 15,512 |
|
|
5556
|
+
| \`combobox\` | 177,485 | 54,011 | 47,628 | 61,349 | 14,872 | 12,105 |
|
|
5557
|
+
| \`command\` | 154,679 | 46,715 | 40,946 | 61,962 | 15,657 | 12,922 |
|
|
5558
|
+
| \`copy-button\` | 104,615 | 32,690 | 29,168 | 35,479 | 7,882 | 6,415 |
|
|
5559
|
+
| \`data-table\` | 266,891 | 76,830 | 66,096 | 136,619 | 33,429 | 27,030 |
|
|
5560
|
+
| \`date-input\` | 168,543 | 49,732 | 44,195 | 60,091 | 13,241 | 10,959 |
|
|
5561
|
+
| \`date-picker\` | 75,396 | 24,195 | 21,825 | 28,847 | 7,090 | 5,747 |
|
|
5562
|
+
| \`description-list\` | 30,533 | 11,064 | 9,963 | 4,493 | 1,256 | 1,024 |
|
|
5563
|
+
| \`device-screen\` | 143,681 | 42,192 | 37,340 | 67,336 | 15,071 | 12,118 |
|
|
5564
|
+
| \`dialog\` | 48,868 | 16,563 | 14,889 | 11,811 | 3,141 | 2,536 |
|
|
5565
|
+
| \`divider\` | 30,340 | 11,173 | 10,051 | 3,691 | 1,115 | 898 |
|
|
5566
|
+
| \`donut-chart\` | 115,589 | 38,201 | 34,135 | 26,438 | 7,005 | 5,752 |
|
|
5567
|
+
| \`drawer\` | 53,528 | 18,048 | 16,256 | 13,686 | 3,699 | 2,999 |
|
|
5568
|
+
| \`drilldown\` | 53,685 | 17,818 | 16,003 | 15,727 | 4,026 | 3,258 |
|
|
5569
|
+
| \`editor\` | 222,769 | 60,471 | 52,624 | 127,752 | 26,927 | 22,016 |
|
|
5570
|
+
| \`empty\` | 30,432 | 11,353 | 10,212 | 3,263 | 1,091 | 835 |
|
|
5571
|
+
| \`file-input\` | 74,781 | 24,151 | 21,721 | 24,828 | 6,562 | 5,359 |
|
|
5572
|
+
| \`filter-input\` | 134,913 | 43,377 | 38,555 | 40,410 | 10,819 | 8,984 |
|
|
5573
|
+
| \`find\` | 102,866 | 29,323 | 26,079 | 46,485 | 9,269 | 7,467 |
|
|
5574
|
+
| \`flex\` | 30,430 | 10,756 | 9,677 | 4,761 | 1,034 | 878 |
|
|
5575
|
+
| \`format-date\` | 35,565 | 13,094 | 11,803 | 4,698 | 1,347 | 1,082 |
|
|
5576
|
+
| \`graph\` | 175,865 | 50,598 | 44,194 | 69,440 | 15,620 | 12,582 |
|
|
5577
|
+
| \`grid\` | 31,880 | 11,440 | 10,346 | 5,650 | 1,435 | 1,427 |
|
|
5578
|
+
| \`heatmap\` | 123,013 | 40,318 | 35,973 | 29,119 | 7,761 | 6,498 |
|
|
5579
|
+
| \`icon\` | 110,428 | 36,672 | 31,561 | 80,371 | 26,385 | 21,500 |
|
|
5580
|
+
| \`icon-button\` | 53,001 | 16,399 | 14,761 | 17,079 | 3,442 | 2,724 |
|
|
5581
|
+
| \`image\` | 31,876 | 11,613 | 10,463 | 5,207 | 1,568 | 1,303 |
|
|
5582
|
+
| \`input\` | 77,465 | 25,725 | 22,931 | 19,462 | 5,845 | 4,640 |
|
|
5583
|
+
| \`kbd\` | 36,435 | 13,329 | 11,949 | 6,116 | 1,824 | 1,475 |
|
|
5584
|
+
| \`legend\` | 49,334 | 16,920 | 15,249 | 7,866 | 2,168 | 1,737 |
|
|
5585
|
+
| \`lightbox\` | 67,279 | 21,825 | 19,638 | 23,114 | 5,887 | 4,689 |
|
|
5586
|
+
| \`line-chart\` | 126,626 | 41,929 | 37,454 | 29,914 | 7,842 | 6,534 |
|
|
5587
|
+
| \`list\` | 73,668 | 24,659 | 22,019 | 21,897 | 5,912 | 4,842 |
|
|
5588
|
+
| \`listbox\` | 110,173 | 35,677 | 31,569 | 29,372 | 8,309 | 6,792 |
|
|
5589
|
+
| \`loader\` | 34,424 | 12,530 | 11,320 | 5,740 | 1,717 | 1,342 |
|
|
5590
|
+
| \`log\` | 106,381 | 33,038 | 29,647 | 57,028 | 15,635 | 13,300 |
|
|
5591
|
+
| \`map\` | 206,709 | 54,490 | 47,065 | 110,092 | 22,336 | 18,158 |
|
|
5592
|
+
| \`markdown\` | 172,399 | 52,067 | 46,060 | 94,719 | 24,396 | 20,373 |
|
|
5593
|
+
| \`megamenu\` | 70,645 | 24,510 | 21,956 | 13,773 | 3,534 | 2,787 |
|
|
5594
|
+
| \`menu\` | 118,673 | 37,197 | 33,119 | 44,956 | 10,909 | 9,025 |
|
|
5595
|
+
| \`meter\` | 47,432 | 16,010 | 14,478 | 14,899 | 3,609 | 3,035 |
|
|
5596
|
+
| \`motion-toggle\` | 32,169 | 12,107 | 10,860 | 3,155 | 1,034 | 748 |
|
|
5597
|
+
| \`navigation\` | 41,636 | 14,818 | 13,264 | 7,206 | 1,990 | 1,602 |
|
|
5598
|
+
| \`notifications\` | 77,524 | 24,119 | 21,691 | 32,161 | 7,640 | 6,362 |
|
|
5599
|
+
| \`number-input\` | 66,501 | 21,752 | 19,533 | 18,455 | 4,805 | 3,816 |
|
|
5600
|
+
| \`object-inspector\` | 144,379 | 44,497 | 39,330 | 57,202 | 13,806 | 11,255 |
|
|
5601
|
+
| \`option\` | 34,170 | 12,241 | 11,045 | 7,503 | 2,125 | 1,746 |
|
|
5602
|
+
| \`orb\` | 40,942 | 15,257 | 13,793 | 9,996 | 3,687 | 3,081 |
|
|
5603
|
+
| \`outline\` | 47,889 | 16,157 | 14,577 | 17,042 | 4,459 | 3,621 |
|
|
5604
|
+
| \`pagination\` | 183,162 | 55,752 | 48,795 | 72,624 | 18,051 | 14,609 |
|
|
5605
|
+
| \`pin-input\` | 56,180 | 19,131 | 17,218 | 10,546 | 3,243 | 2,566 |
|
|
5606
|
+
| \`popover\` | 73,236 | 25,368 | 22,713 | 10,368 | 2,741 | 2,102 |
|
|
5607
|
+
| \`progress\` | 40,587 | 14,104 | 12,743 | 10,242 | 2,577 | 2,232 |
|
|
5608
|
+
| \`qr-code\` | 49,283 | 18,619 | 16,826 | 18,509 | 6,706 | 5,734 |
|
|
5609
|
+
| \`quote\` | 27,762 | 10,613 | 9,550 | 1,744 | 693 | 590 |
|
|
5610
|
+
| \`radio\` | 55,036 | 17,528 | 15,711 | 11,564 | 2,751 | 2,333 |
|
|
5611
|
+
| \`rating\` | 60,021 | 20,445 | 18,366 | 12,186 | 3,720 | 2,881 |
|
|
5612
|
+
| \`sandbox\` | 212,690 | 61,609 | 53,099 | 149,207 | 39,582 | 32,233 |
|
|
5613
|
+
| \`scatter-chart\` | 121,046 | 40,258 | 35,877 | 31,457 | 8,877 | 7,374 |
|
|
5614
|
+
| \`scroll-area\` | 43,866 | 14,232 | 12,824 | 16,953 | 4,138 | 3,264 |
|
|
5615
|
+
| \`select\` | 153,820 | 48,899 | 43,005 | 44,913 | 11,782 | 9,610 |
|
|
5616
|
+
| \`shortcut-overlay\` | 62,103 | 20,797 | 18,702 | 19,408 | 5,155 | 4,207 |
|
|
5617
|
+
| \`skeleton\` | 30,931 | 11,286 | 10,172 | 4,716 | 1,376 | 1,114 |
|
|
5618
|
+
| \`skip-link\` | 30,338 | 11,428 | 10,251 | 2,887 | 996 | 793 |
|
|
5619
|
+
| \`slider\` | 74,143 | 22,101 | 19,934 | 28,691 | 6,248 | 5,079 |
|
|
5620
|
+
| \`sparkline\` | 58,788 | 20,432 | 18,422 | 11,406 | 3,399 | 2,823 |
|
|
5621
|
+
| \`spatial-bar-chart\` | 137,900 | 46,373 | 41,218 | 41,162 | 12,320 | 10,394 |
|
|
5622
|
+
| \`spatial-heatmap\` | 139,798 | 45,725 | 40,704 | 43,210 | 12,062 | 10,039 |
|
|
5623
|
+
| \`spatial-ribbon-chart\` | 126,327 | 42,547 | 37,903 | 31,604 | 9,347 | 7,822 |
|
|
5624
|
+
| \`spatial-scatter-chart\` | 124,456 | 41,661 | 37,125 | 29,790 | 8,490 | 7,114 |
|
|
5625
|
+
| \`spatial-surface-chart\` | 126,850 | 42,829 | 38,219 | 32,127 | 9,622 | 8,089 |
|
|
5626
|
+
| \`spatial-treemap\` | 128,537 | 43,581 | 38,773 | 32,121 | 9,647 | 8,060 |
|
|
5627
|
+
| \`speed-dial\` | 81,060 | 27,547 | 24,708 | 18,133 | 4,356 | 3,587 |
|
|
5628
|
+
| \`splitter\` | 56,008 | 18,111 | 16,397 | 21,147 | 4,992 | 4,042 |
|
|
5629
|
+
| \`stat\` | 33,246 | 12,062 | 10,901 | 5,160 | 1,480 | 1,111 |
|
|
5630
|
+
| \`steps\` | 75,697 | 23,728 | 21,233 | 29,752 | 6,985 | 5,724 |
|
|
5631
|
+
| \`strands\` | 68,950 | 25,205 | 22,465 | 39,058 | 13,871 | 12,078 |
|
|
5632
|
+
| \`switch\` | 49,022 | 16,459 | 14,793 | 6,169 | 1,788 | 1,371 |
|
|
5633
|
+
| \`table\` | 143,467 | 41,990 | 37,002 | 63,012 | 15,518 | 12,699 |
|
|
5634
|
+
| \`tabs\` | 61,660 | 19,580 | 17,602 | 20,808 | 4,929 | 4,088 |
|
|
5635
|
+
| \`tag\` | 51,985 | 18,223 | 16,439 | 13,051 | 3,578 | 2,872 |
|
|
5636
|
+
| \`terminal\` | 175,850 | 49,375 | 43,505 | 88,452 | 18,375 | 14,922 |
|
|
5637
|
+
| \`text\` | 33,404 | 11,509 | 10,312 | 7,178 | 1,459 | 1,127 |
|
|
5638
|
+
| \`textarea\` | 75,690 | 24,957 | 22,417 | 18,254 | 5,257 | 4,406 |
|
|
5639
|
+
| \`time-input\` | 222,800 | 65,638 | 57,084 | 83,073 | 19,367 | 15,913 |
|
|
5640
|
+
| \`time-picker\` | 140,696 | 42,810 | 37,716 | 55,889 | 14,299 | 11,692 |
|
|
5641
|
+
| \`timeline\` | 43,470 | 15,146 | 13,631 | 11,014 | 2,672 | 2,164 |
|
|
5642
|
+
| \`toast\` | 89,991 | 28,136 | 25,086 | 35,434 | 8,548 | 7,097 |
|
|
5643
|
+
| \`toggle\` | 55,883 | 18,168 | 16,375 | 10,882 | 3,031 | 2,417 |
|
|
5644
|
+
| \`toolbar\` | 40,062 | 14,020 | 12,628 | 4,068 | 1,005 | 794 |
|
|
5645
|
+
| \`tooltip\` | 67,881 | 23,741 | 21,350 | 11,725 | 3,189 | 2,659 |
|
|
5646
|
+
| \`tour\` | 101,987 | 32,857 | 29,368 | 32,330 | 7,798 | 6,281 |
|
|
5647
|
+
| \`tree\` | 81,748 | 26,348 | 23,498 | 26,526 | 6,927 | 5,760 |
|
|
5648
|
+
| \`trend\` | 36,950 | 13,914 | 12,546 | 5,472 | 1,648 | 1,365 |
|
|
5649
|
+
| \`video\` | 173,841 | 50,678 | 44,735 | 91,177 | 21,114 | 17,660 |
|
|
5650
|
+
| \`video-playlist\` | 154,530 | 47,006 | 41,604 | 63,105 | 14,987 | 12,445 |
|
|
5651
|
+
| \`virtual-list\` | 74,388 | 24,484 | 22,116 | 27,449 | 8,044 | 6,748 |
|
|
5652
|
+
| \`voice-level\` | 38,396 | 14,077 | 12,735 | 7,526 | 2,476 | 2,134 |
|
|
5647
5653
|
|
|
5648
5654
|
## What an install adds to \`node_modules\`
|
|
5649
5655
|
|