@fusion.dev/helix-docs 0.211.1 → 0.212.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/building-on-the-headless-tier.mdx +2 -2
- package/content/maps.mdx +2 -1
- package/content/metrics.mdx +246 -244
- package/dist/sources.generated.js +250 -247
- package/package.json +12 -12
|
@@ -429,13 +429,13 @@ names the tag to define.
|
|
|
429
429
|
|
|
430
430
|
[//]: # (renders)
|
|
431
431
|
|
|
432
|
-
**
|
|
432
|
+
**43 of the 108 headless families interpolate another family's tag**, across 26 distinct children.
|
|
433
433
|
|
|
434
434
|
| Family | Renders |
|
|
435
435
|
|---|---|
|
|
436
436
|
| \`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\` |
|
|
437
437
|
| \`breadcrumbs\` | \`breadcrumb\` |
|
|
438
|
-
| \`canvas\`, \`graph\`, \`map\` | \`icon-button\` |
|
|
438
|
+
| \`canvas\`, \`device-screen\`, \`graph\`, \`map\` | \`icon-button\` |
|
|
439
439
|
| \`chat\` | \`chat-message\` |
|
|
440
440
|
| \`checkbox-group\`, \`table\` | \`checkbox\` |
|
|
441
441
|
| \`code-block\`, \`object-inspector\` | \`copy-button\` |
|
|
@@ -4454,7 +4454,8 @@ name, in a \`<span slot="attribution">\` marked \`data-helix-map-credit\`, so th
|
|
|
4454
4454
|
frame shows the credit from the first paint. \`connectMap\` hides that credit
|
|
4455
4455
|
once it writes MapLibre's, which names the same tiles. When a tile cannot be
|
|
4456
4456
|
read, the credit stays and \`markup\` is the credit alone, so write \`markup\`
|
|
4457
|
-
whether or not the picture was drawn.
|
|
4457
|
+
whether or not the picture was drawn. With OpenFreeMap's tiles, the default,
|
|
4458
|
+
the credit also stays when their TileJSON does not answer in time.
|
|
4458
4459
|
|
|
4459
4460
|
A snapshot also holds the two apart: \`picture\`, the map alone, and \`credit\`,
|
|
4460
4461
|
the credit as runs of words and links, each \`{ text }\` or \`{ href, text }\`.
|
|
@@ -5126,7 +5127,7 @@ on its own.
|
|
|
5126
5127
|
|
|
5127
5128
|
| | Raw | Gzip | Brotli |
|
|
5128
5129
|
|---|---|---|---|
|
|
5129
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
5130
|
+
| Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,309 |
|
|
5130
5131
|
|
|
5131
5132
|
## Whole packages
|
|
5132
5133
|
|
|
@@ -5137,12 +5138,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5137
5138
|
|
|
5138
5139
|
| Package | Raw | Gzip | Brotli | |
|
|
5139
5140
|
|---|---|---|---|---|
|
|
5140
|
-
| \`@fusion.dev/helix-core\` |
|
|
5141
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
5142
|
-
| \`@fusion.dev/helix-icons\` |
|
|
5141
|
+
| \`@fusion.dev/helix-core\` | 275,598 | 88,368 | 74,935 | The element base class, mixins, decorators, and floating positioning. |
|
|
5142
|
+
| \`@fusion.dev/helix-headless\` | 1,508,707 | 421,331 | 315,620 | Every headless family. The barrel entry includes all of them. |
|
|
5143
|
+
| \`@fusion.dev/helix-icons\` | 58,418 | 18,558 | 15,789 | The whole glyph set. |
|
|
5143
5144
|
| \`@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. |
|
|
5144
5145
|
| \`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. |
|
|
5145
|
-
| \`@fusion.dev/helix\` | 2,
|
|
5146
|
+
| \`@fusion.dev/helix\` | 2,246,034 | 579,822 | 413,186 | Every styled family. |
|
|
5146
5147
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
5147
5148
|
|
|
5148
5149
|
## Stylesheets
|
|
@@ -5156,20 +5157,20 @@ shows the whole cost of using the base layer on its own.
|
|
|
5156
5157
|
| File | Raw | Gzip | Brotli | |
|
|
5157
5158
|
|---|---|---|---|---|
|
|
5158
5159
|
| \`base.css\` | 33,986 | 4,785 | 4,158 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
|
|
5159
|
-
| \`elements.css\` | 19,
|
|
5160
|
+
| \`elements.css\` | 19,749 | 2,956 | 2,660 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
|
|
5160
5161
|
| \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
|
|
5161
5162
|
| \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
|
|
5162
5163
|
| \`tokens.css\` | 23,030 | 2,795 | 2,319 | The 200 semantic tokens. Every styled component needs them. |
|
|
5163
5164
|
|
|
5164
5165
|
## What the numbers say
|
|
5165
5166
|
|
|
5166
|
-
**Most of your first component is the shared runtime.** The median styled family is
|
|
5167
|
+
**Most of your first component is the shared runtime.** The median styled family is 20,253 bytes gzipped alone, and it adds 4,747 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.
|
|
5167
5168
|
|
|
5168
|
-
Across the
|
|
5169
|
+
Across the 115 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,795. Every family together is 579,822.
|
|
5169
5170
|
|
|
5170
|
-
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
|
|
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 421,331 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 115 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.
|
|
5171
5172
|
|
|
5172
|
-
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,
|
|
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,454 bytes gzipped alone.
|
|
5173
5174
|
|
|
5174
5175
|
## Compared with other systems
|
|
5175
5176
|
|
|
@@ -5181,43 +5182,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5181
5182
|
|
|
5182
5183
|
| Component | System | Raw | Gzip | Brotli |
|
|
5183
5184
|
|---|---|---|---|---|
|
|
5184
|
-
| \`button\` | **Helix** | 42,754 | 14,406 | 12,
|
|
5185
|
+
| \`button\` | **Helix** | 42,754 | 14,406 | 12,866 |
|
|
5185
5186
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5186
5187
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5187
5188
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
5188
5189
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
5189
|
-
| \`checkbox\` | **Helix** | 47,753 | 15,
|
|
5190
|
+
| \`checkbox\` | **Helix** | 47,753 | 15,521 | 13,823 |
|
|
5190
5191
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
5191
5192
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5192
5193
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5193
5194
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5194
|
-
| \`dialog\` | **Helix** | 44,336 | 15,
|
|
5195
|
+
| \`dialog\` | **Helix** | 44,336 | 15,226 | 13,593 |
|
|
5195
5196
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5196
5197
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5197
5198
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5198
5199
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5199
|
-
| \`radio\` | **Helix** | 51,120 | 16,
|
|
5200
|
+
| \`radio\` | **Helix** | 51,120 | 16,284 | 14,536 |
|
|
5200
5201
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5201
5202
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5202
5203
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
5203
5204
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
5204
|
-
| \`switch\` | **Helix** | 44,474 | 14,983 | 13,
|
|
5205
|
+
| \`switch\` | **Helix** | 44,474 | 14,983 | 13,341 |
|
|
5205
5206
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
5206
5207
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5207
5208
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5208
5209
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5209
|
-
| \`tabs\` | **Helix** | 56,056 | 18,
|
|
5210
|
+
| \`tabs\` | **Helix** | 56,056 | 18,048 | 16,038 |
|
|
5210
5211
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5211
5212
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5212
5213
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
5213
5214
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
5214
|
-
| \`tooltip\` | **Helix** | 62,502 | 22,
|
|
5215
|
+
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,747 |
|
|
5215
5216
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
5216
5217
|
| | Material Web | | not shipped | |
|
|
5217
5218
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
5218
5219
|
| | Web Awesome | 70,568 | 24,005 | 21,107 |
|
|
5219
5220
|
|
|
5220
|
-
At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,
|
|
5221
|
+
At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`. The largest gap is radio against Spectrum, at 5,624 bytes gzipped. 8 of 27 peer measurements are smaller than the Helix row.
|
|
5221
5222
|
|
|
5222
5223
|
Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
5223
5224
|
|
|
@@ -5291,113 +5292,114 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5291
5292
|
|
|
5292
5293
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5293
5294
|
|---|---|---|---|---|---|---|
|
|
5294
|
-
| \`accordion\` | 32,671 | 12,
|
|
5295
|
-
| \`announcement\` | 37,661 | 13,
|
|
5296
|
-
| \`app-header\` | 33,168 | 12,240 | 10,
|
|
5297
|
-
| \`area-chart\` | 99,355 | 34,
|
|
5298
|
-
| \`avatar\` | 31,887 | 12,152 | 10,
|
|
5299
|
-
| \`badge\` | 28,118 | 10,
|
|
5300
|
-
| \`bar-chart\` | 107,369 | 37,
|
|
5301
|
-
| \`blockquote\` | 24,679 | 9,637 | 8,
|
|
5302
|
-
| \`breadcrumbs\` | 37,419 | 14,327 | 12,
|
|
5303
|
-
| \`button\` | 36,246 | 12,
|
|
5304
|
-
| \`button-group\` | 28,214 | 10,617 | 9,
|
|
5305
|
-
| \`callout\` | 36,284 | 13,
|
|
5306
|
-
| \`canvas\` | 132,
|
|
5307
|
-
| \`card\` | 24,397 | 9,311 | 8,
|
|
5308
|
-
| \`carousel\` | 45,167 | 16,073 | 14,
|
|
5309
|
-
| \`chat\` | 81,777 | 27,229 | 24,
|
|
5310
|
-
| \`checkbox\` | 41,267 | 14,
|
|
5311
|
-
| \`checkbox-group\` | 48,490 | 15,
|
|
5312
|
-
| \`code\` | 20,869 | 8,
|
|
5313
|
-
| \`code-block\` | 104,
|
|
5314
|
-
| \`color-input\` | 143,769 | 45,
|
|
5315
|
-
| \`color-picker\` | 105,388 | 33,
|
|
5316
|
-
| \`combobox\` | 134,499 | 42,
|
|
5317
|
-
| \`command\` | 101,903 | 32,
|
|
5318
|
-
| \`copy-button\` | 82,250 | 28,
|
|
5319
|
-
| \`data-table\` | 202,758 | 62,394 | 53,
|
|
5320
|
-
| \`date-input\` | 143,074 | 45,179 | 39,
|
|
5321
|
-
| \`date-picker\` | 63,093 | 21,
|
|
5322
|
-
| \`description-list\` | 23,472 | 8,992 |
|
|
5323
|
-
| \`
|
|
5324
|
-
| \`
|
|
5325
|
-
| \`
|
|
5326
|
-
| \`
|
|
5327
|
-
| \`
|
|
5328
|
-
| \`
|
|
5329
|
-
| \`
|
|
5330
|
-
| \`
|
|
5331
|
-
| \`
|
|
5332
|
-
| \`
|
|
5333
|
-
| \`
|
|
5334
|
-
| \`
|
|
5335
|
-
| \`icon
|
|
5336
|
-
| \`
|
|
5337
|
-
| \`
|
|
5338
|
-
| \`
|
|
5339
|
-
| \`
|
|
5340
|
-
| \`
|
|
5341
|
-
| \`
|
|
5342
|
-
| \`
|
|
5343
|
-
| \`
|
|
5344
|
-
| \`
|
|
5345
|
-
| \`
|
|
5346
|
-
| \`
|
|
5347
|
-
| \`
|
|
5348
|
-
| \`
|
|
5349
|
-
| \`
|
|
5350
|
-
| \`
|
|
5351
|
-
| \`
|
|
5352
|
-
| \`
|
|
5353
|
-
| \`
|
|
5354
|
-
| \`
|
|
5355
|
-
| \`
|
|
5356
|
-
| \`
|
|
5357
|
-
| \`
|
|
5358
|
-
| \`
|
|
5359
|
-
| \`
|
|
5360
|
-
| \`
|
|
5361
|
-
| \`
|
|
5362
|
-
| \`
|
|
5363
|
-
| \`
|
|
5364
|
-
| \`
|
|
5365
|
-
| \`
|
|
5366
|
-
| \`
|
|
5367
|
-
| \`
|
|
5368
|
-
| \`
|
|
5369
|
-
| \`
|
|
5370
|
-
| \`
|
|
5371
|
-
| \`
|
|
5372
|
-
| \`
|
|
5373
|
-
| \`spatial-
|
|
5374
|
-
| \`spatial-
|
|
5375
|
-
| \`spatial-
|
|
5376
|
-
| \`spatial-
|
|
5377
|
-
| \`spatial-
|
|
5378
|
-
| \`
|
|
5379
|
-
| \`
|
|
5380
|
-
| \`
|
|
5381
|
-
| \`
|
|
5382
|
-
| \`
|
|
5383
|
-
| \`
|
|
5384
|
-
| \`
|
|
5385
|
-
| \`
|
|
5386
|
-
| \`
|
|
5387
|
-
| \`
|
|
5388
|
-
| \`
|
|
5389
|
-
| \`time-
|
|
5390
|
-
| \`
|
|
5391
|
-
| \`
|
|
5392
|
-
| \`
|
|
5393
|
-
| \`
|
|
5394
|
-
| \`
|
|
5395
|
-
| \`
|
|
5396
|
-
| \`
|
|
5397
|
-
| \`
|
|
5398
|
-
| \`
|
|
5399
|
-
| \`video
|
|
5400
|
-
| \`
|
|
5295
|
+
| \`accordion\` | 32,671 | 12,090 | 10,729 | 5,378 | 1,546 | 1,269 |
|
|
5296
|
+
| \`announcement\` | 37,661 | 13,709 | 12,274 | 4,701 | 1,363 | 1,004 |
|
|
5297
|
+
| \`app-header\` | 33,168 | 12,240 | 10,876 | 5,901 | 1,776 | 1,284 |
|
|
5298
|
+
| \`area-chart\` | 99,355 | 34,968 | 30,830 | 14,419 | 4,442 | 3,663 |
|
|
5299
|
+
| \`avatar\` | 31,887 | 12,152 | 10,893 | 4,000 | 1,242 | 992 |
|
|
5300
|
+
| \`badge\` | 28,118 | 10,944 | 9,778 | 2,963 | 897 | 636 |
|
|
5301
|
+
| \`bar-chart\` | 107,369 | 37,632 | 33,239 | 21,900 | 6,886 | 5,697 |
|
|
5302
|
+
| \`blockquote\` | 24,679 | 9,637 | 8,541 | 2,401 | 873 | 644 |
|
|
5303
|
+
| \`breadcrumbs\` | 37,419 | 14,327 | 12,834 | 7,380 | 2,394 | 1,994 |
|
|
5304
|
+
| \`button\` | 36,246 | 12,976 | 11,575 | 5,128 | 1,503 | 1,157 |
|
|
5305
|
+
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 983 |
|
|
5306
|
+
| \`callout\` | 36,284 | 13,988 | 12,432 | 2,884 | 956 | 655 |
|
|
5307
|
+
| \`canvas\` | 132,515 | 41,864 | 36,402 | 74,272 | 22,526 | 18,581 |
|
|
5308
|
+
| \`card\` | 24,397 | 9,311 | 8,260 | 2,090 | 634 | 398 |
|
|
5309
|
+
| \`carousel\` | 45,167 | 16,073 | 14,353 | 15,328 | 4,263 | 3,353 |
|
|
5310
|
+
| \`chat\` | 81,777 | 27,229 | 24,046 | 27,681 | 8,088 | 6,500 |
|
|
5311
|
+
| \`checkbox\` | 41,267 | 14,018 | 12,514 | 3,107 | 947 | 678 |
|
|
5312
|
+
| \`checkbox-group\` | 48,490 | 15,945 | 14,217 | 8,322 | 2,329 | 1,635 |
|
|
5313
|
+
| \`code\` | 20,869 | 8,248 | 7,311 | 138 | 79 | 100 |
|
|
5314
|
+
| \`code-block\` | 104,805 | 35,637 | 31,426 | 37,315 | 10,669 | 8,842 |
|
|
5315
|
+
| \`color-input\` | 143,769 | 45,822 | 39,908 | 55,776 | 14,285 | 11,710 |
|
|
5316
|
+
| \`color-picker\` | 105,388 | 33,619 | 29,475 | 47,896 | 12,646 | 10,453 |
|
|
5317
|
+
| \`combobox\` | 134,499 | 42,873 | 37,577 | 35,962 | 9,099 | 7,265 |
|
|
5318
|
+
| \`command\` | 101,903 | 32,327 | 28,389 | 30,345 | 8,165 | 6,492 |
|
|
5319
|
+
| \`copy-button\` | 82,250 | 28,297 | 25,049 | 18,753 | 5,094 | 4,054 |
|
|
5320
|
+
| \`data-table\` | 202,758 | 62,394 | 53,274 | 89,962 | 24,139 | 19,216 |
|
|
5321
|
+
| \`date-input\` | 143,074 | 45,179 | 39,727 | 38,660 | 9,421 | 7,669 |
|
|
5322
|
+
| \`date-picker\` | 63,093 | 21,510 | 19,248 | 20,720 | 5,636 | 4,458 |
|
|
5323
|
+
| \`description-list\` | 23,472 | 8,992 | 8,002 | 1,565 | 505 | 321 |
|
|
5324
|
+
| \`device-screen\` | 73,940 | 24,005 | 21,067 | 31,473 | 8,774 | 6,863 |
|
|
5325
|
+
| \`dialog\` | 39,200 | 13,971 | 12,447 | 5,948 | 1,749 | 1,384 |
|
|
5326
|
+
| \`divider\` | 23,564 | 9,143 | 8,085 | 1,415 | 483 | 309 |
|
|
5327
|
+
| \`donut-chart\` | 92,673 | 32,262 | 28,511 | 14,719 | 4,506 | 3,708 |
|
|
5328
|
+
| \`drawer\` | 43,837 | 15,482 | 13,791 | 7,799 | 2,292 | 1,872 |
|
|
5329
|
+
| \`drilldown\` | 43,552 | 15,253 | 13,587 | 9,707 | 2,705 | 2,022 |
|
|
5330
|
+
| \`empty\` | 25,007 | 9,577 | 8,500 | 1,976 | 637 | 380 |
|
|
5331
|
+
| \`file-input\` | 59,143 | 20,556 | 18,267 | 13,148 | 4,131 | 3,242 |
|
|
5332
|
+
| \`filter-input\` | 99,603 | 33,493 | 29,712 | 21,571 | 6,189 | 5,011 |
|
|
5333
|
+
| \`format-date\` | 31,209 | 11,674 | 10,447 | 4,475 | 1,241 | 983 |
|
|
5334
|
+
| \`graph\` | 97,367 | 30,941 | 27,191 | 28,438 | 8,129 | 6,554 |
|
|
5335
|
+
| \`heatmap\` | 101,760 | 34,694 | 30,634 | 19,070 | 5,625 | 4,519 |
|
|
5336
|
+
| \`icon\` | 85,756 | 29,229 | 25,139 | 60,859 | 20,843 | 16,586 |
|
|
5337
|
+
| \`icon-button\` | 36,357 | 13,003 | 11,596 | 5,237 | 1,532 | 1,070 |
|
|
5338
|
+
| \`image\` | 26,373 | 9,843 | 8,746 | 3,846 | 1,154 | 1,012 |
|
|
5339
|
+
| \`input\` | 47,074 | 16,181 | 14,341 | 7,006 | 2,246 | 1,479 |
|
|
5340
|
+
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 831 |
|
|
5341
|
+
| \`legend\` | 39,951 | 14,499 | 12,909 | 2,765 | 903 | 603 |
|
|
5342
|
+
| \`lightbox\` | 57,138 | 19,378 | 17,205 | 16,760 | 4,653 | 3,604 |
|
|
5343
|
+
| \`line-chart\` | 102,350 | 35,821 | 31,641 | 16,812 | 5,059 | 4,218 |
|
|
5344
|
+
| \`list\` | 62,949 | 21,722 | 19,394 | 15,256 | 4,403 | 3,487 |
|
|
5345
|
+
| \`listbox\` | 78,803 | 26,158 | 23,129 | 15,603 | 4,580 | 3,484 |
|
|
5346
|
+
| \`loader\` | 27,341 | 10,451 | 9,312 | 2,786 | 924 | 611 |
|
|
5347
|
+
| \`log\` | 81,645 | 27,874 | 24,689 | 37,579 | 11,517 | 9,786 |
|
|
5348
|
+
| \`map\` | 105,893 | 32,229 | 27,792 | 45,482 | 11,936 | 9,473 |
|
|
5349
|
+
| \`megamenu\` | 61,165 | 22,175 | 19,610 | 8,724 | 2,419 | 1,747 |
|
|
5350
|
+
| \`menu\` | 98,535 | 32,954 | 29,045 | 30,262 | 7,977 | 6,521 |
|
|
5351
|
+
| \`meter\` | 32,921 | 12,482 | 11,178 | 4,982 | 1,468 | 1,193 |
|
|
5352
|
+
| \`motion-toggle\` | 26,353 | 10,249 | 9,112 | 1,426 | 521 | 323 |
|
|
5353
|
+
| \`navigation\` | 33,886 | 12,735 | 11,317 | 3,365 | 1,136 | 870 |
|
|
5354
|
+
| \`notifications\` | 59,565 | 20,339 | 18,126 | 18,276 | 5,065 | 3,992 |
|
|
5355
|
+
| \`number-input\` | 57,654 | 19,365 | 17,270 | 13,581 | 3,621 | 2,672 |
|
|
5356
|
+
| \`object-inspector\` | 116,630 | 39,201 | 34,531 | 36,012 | 10,231 | 8,347 |
|
|
5357
|
+
| \`option\` | 27,049 | 9,970 | 8,855 | 4,523 | 1,207 | 843 |
|
|
5358
|
+
| \`outline\` | 34,611 | 12,986 | 11,537 | 7,888 | 2,538 | 1,910 |
|
|
5359
|
+
| \`pagination\` | 138,763 | 44,503 | 38,642 | 45,676 | 11,739 | 9,510 |
|
|
5360
|
+
| \`pin-input\` | 48,873 | 17,049 | 15,230 | 7,208 | 2,360 | 1,687 |
|
|
5361
|
+
| \`popover\` | 64,907 | 23,347 | 20,603 | 6,461 | 1,864 | 1,352 |
|
|
5362
|
+
| \`progress\` | 29,235 | 11,151 | 9,954 | 3,007 | 932 | 622 |
|
|
5363
|
+
| \`qr-code\` | 43,669 | 17,003 | 15,118 | 17,003 | 6,205 | 5,461 |
|
|
5364
|
+
| \`quote\` | 23,088 | 9,111 | 8,053 | 1,210 | 500 | 251 |
|
|
5365
|
+
| \`radio\` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 | 816 |
|
|
5366
|
+
| \`rating\` | 51,618 | 17,782 | 15,851 | 8,058 | 2,428 | 1,745 |
|
|
5367
|
+
| \`scatter-chart\` | 98,654 | 34,307 | 30,267 | 20,340 | 6,423 | 5,185 |
|
|
5368
|
+
| \`scroll-area\` | 31,294 | 11,433 | 10,151 | 8,518 | 2,598 | 2,001 |
|
|
5369
|
+
| \`select\` | 117,452 | 38,952 | 34,089 | 26,153 | 7,206 | 5,529 |
|
|
5370
|
+
| \`skeleton\` | 22,900 | 8,871 | 7,874 | 991 | 373 | 210 |
|
|
5371
|
+
| \`skip-link\` | 24,547 | 9,607 | 8,524 | 1,224 | 467 | 287 |
|
|
5372
|
+
| \`slider\` | 54,667 | 18,413 | 16,503 | 13,625 | 3,861 | 2,987 |
|
|
5373
|
+
| \`sparkline\` | 49,258 | 17,982 | 16,009 | 5,984 | 2,106 | 1,629 |
|
|
5374
|
+
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,680 | 19,854 | 6,531 | 5,264 |
|
|
5375
|
+
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,099 | 31,741 | 9,469 | 7,887 |
|
|
5376
|
+
| \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,336 | 20,793 | 6,902 | 5,639 |
|
|
5377
|
+
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,781 | 19,087 | 6,291 | 5,129 |
|
|
5378
|
+
| \`spatial-surface-chart\` | 105,468 | 37,269 | 32,859 | 21,949 | 7,403 | 6,106 |
|
|
5379
|
+
| \`spatial-treemap\` | 106,586 | 37,909 | 33,391 | 21,370 | 7,296 | 6,140 |
|
|
5380
|
+
| \`speed-dial\` | 69,618 | 25,072 | 22,211 | 10,935 | 2,965 | 2,309 |
|
|
5381
|
+
| \`splitter\` | 45,096 | 15,644 | 14,000 | 14,504 | 3,868 | 3,154 |
|
|
5382
|
+
| \`stat\` | 26,285 | 10,056 | 8,960 | 2,323 | 769 | 455 |
|
|
5383
|
+
| \`steps\` | 54,951 | 19,121 | 17,019 | 13,805 | 3,913 | 3,115 |
|
|
5384
|
+
| \`switch\` | 40,121 | 13,836 | 12,332 | 1,679 | 602 | 373 |
|
|
5385
|
+
| \`table\` | 120,167 | 37,603 | 32,679 | 45,143 | 12,220 | 10,042 |
|
|
5386
|
+
| \`tabs\` | 47,105 | 16,204 | 14,403 | 10,491 | 2,858 | 2,276 |
|
|
5387
|
+
| \`tag\` | 43,623 | 15,996 | 14,286 | 8,451 | 2,528 | 1,823 |
|
|
5388
|
+
| \`terminal\` | 73,912 | 24,515 | 21,677 | 26,300 | 7,291 | 5,840 |
|
|
5389
|
+
| \`textarea\` | 44,998 | 15,365 | 13,725 | 5,490 | 1,587 | 1,091 |
|
|
5390
|
+
| \`time-input\` | 171,615 | 53,526 | 46,437 | 48,568 | 12,157 | 9,935 |
|
|
5391
|
+
| \`time-picker\` | 101,859 | 32,308 | 28,440 | 33,981 | 9,108 | 7,224 |
|
|
5392
|
+
| \`timeline\` | 32,429 | 12,281 | 11,029 | 4,087 | 1,189 | 928 |
|
|
5393
|
+
| \`toast\` | 52,298 | 18,494 | 16,526 | 12,165 | 3,496 | 2,640 |
|
|
5394
|
+
| \`toggle\` | 46,246 | 15,539 | 13,824 | 6,005 | 1,779 | 1,288 |
|
|
5395
|
+
| \`toolbar\` | 34,370 | 12,799 | 11,427 | 1,366 | 485 | 330 |
|
|
5396
|
+
| \`tooltip\` | 59,698 | 21,528 | 19,151 | 8,505 | 2,373 | 1,761 |
|
|
5397
|
+
| \`tour\` | 85,289 | 29,312 | 25,903 | 20,084 | 5,530 | 4,367 |
|
|
5398
|
+
| \`tree\` | 68,666 | 23,156 | 20,649 | 17,196 | 4,934 | 3,945 |
|
|
5399
|
+
| \`trend\` | 30,937 | 12,024 | 10,722 | 3,592 | 1,141 | 885 |
|
|
5400
|
+
| \`video\` | 143,892 | 45,089 | 39,300 | 66,785 | 16,907 | 13,893 |
|
|
5401
|
+
| \`video-playlist\` | 129,019 | 41,833 | 36,768 | 42,856 | 11,045 | 9,172 |
|
|
5402
|
+
| \`virtual-list\` | 65,115 | 22,097 | 19,698 | 23,394 | 7,160 | 5,828 |
|
|
5401
5403
|
|
|
5402
5404
|
### Styled tier
|
|
5403
5405
|
|
|
@@ -5405,120 +5407,121 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5405
5407
|
|
|
5406
5408
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5407
5409
|
|---|---|---|---|---|---|---|
|
|
5408
|
-
| \`accordion\` | 36,104 | 12,
|
|
5409
|
-
| \`announcement\` | 42,276 | 14,
|
|
5410
|
-
| \`app-header\` | 38,326 | 13,449 |
|
|
5411
|
-
| \`area-chart\` | 107,559 | 36,
|
|
5412
|
-
| \`aura\` | 59,567 | 20,
|
|
5413
|
-
| \`avatar\` | 34,890 | 12,911 | 11,
|
|
5414
|
-
| \`badge\` | 33,626 | 12,190 | 10,
|
|
5415
|
-
| \`bar-chart\` | 122,404 | 40,
|
|
5416
|
-
| \`blockquote\` | 26,905 | 10,186 | 9,
|
|
5417
|
-
| \`breadcrumbs\` | 44,
|
|
5418
|
-
| \`button\` | 42,754 | 14,406 | 12,
|
|
5419
|
-
| \`button-group\` | 31,709 | 11,295 | 10,031 | 8,406 | 2,
|
|
5420
|
-
| \`callout\` | 40,077 | 14,
|
|
5421
|
-
| \`canvas\` | 162,
|
|
5422
|
-
| \`card\` | 28,297 | 10,317 | 9,
|
|
5423
|
-
| \`carousel\` | 55,653 | 17,867 | 16,
|
|
5424
|
-
| \`chat\` | 97,070 | 29,
|
|
5425
|
-
| \`checkbox\` | 47,753 | 15,
|
|
5426
|
-
| \`checkbox-group\` | 55,713 | 17,
|
|
5427
|
-
| \`code\` | 21,726 | 8,560 | 7,579 | 976 |
|
|
5428
|
-
| \`code-block\` | 131,
|
|
5429
|
-
| \`color-input\` | 186,240 | 52,
|
|
5430
|
-
| \`color-picker\` | 142,414 | 39,
|
|
5431
|
-
| \`combobox\` | 149,853 | 45,
|
|
5432
|
-
| \`command\` | 113,202 | 34,
|
|
5433
|
-
| \`copy-button\` | 96,308 | 30,632 | 27,
|
|
5434
|
-
| \`data-table\` | 233,423 | 67,
|
|
5435
|
-
| \`date-input\` | 164,378 | 48,
|
|
5436
|
-
| \`date-picker\` | 71,139 | 22,978 | 20,
|
|
5437
|
-
| \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,
|
|
5438
|
-
| \`
|
|
5439
|
-
| \`
|
|
5440
|
-
| \`
|
|
5441
|
-
| \`
|
|
5442
|
-
| \`
|
|
5443
|
-
| \`
|
|
5444
|
-
| \`
|
|
5445
|
-
| \`
|
|
5446
|
-
| \`
|
|
5447
|
-
| \`
|
|
5448
|
-
| \`
|
|
5449
|
-
| \`
|
|
5450
|
-
| \`
|
|
5451
|
-
| \`
|
|
5452
|
-
| \`icon
|
|
5453
|
-
| \`
|
|
5454
|
-
| \`
|
|
5455
|
-
| \`
|
|
5456
|
-
| \`
|
|
5457
|
-
| \`
|
|
5458
|
-
| \`
|
|
5459
|
-
| \`
|
|
5460
|
-
| \`
|
|
5461
|
-
| \`
|
|
5462
|
-
| \`
|
|
5463
|
-
| \`
|
|
5464
|
-
| \`
|
|
5465
|
-
| \`
|
|
5466
|
-
| \`
|
|
5467
|
-
| \`
|
|
5468
|
-
| \`
|
|
5469
|
-
| \`
|
|
5470
|
-
| \`
|
|
5471
|
-
| \`
|
|
5472
|
-
| \`
|
|
5473
|
-
| \`
|
|
5474
|
-
| \`
|
|
5475
|
-
| \`
|
|
5476
|
-
| \`
|
|
5477
|
-
| \`
|
|
5478
|
-
| \`
|
|
5479
|
-
| \`
|
|
5480
|
-
| \`
|
|
5481
|
-
| \`
|
|
5482
|
-
| \`
|
|
5483
|
-
| \`
|
|
5484
|
-
| \`
|
|
5485
|
-
| \`
|
|
5486
|
-
| \`
|
|
5487
|
-
| \`
|
|
5488
|
-
| \`
|
|
5489
|
-
| \`
|
|
5490
|
-
| \`
|
|
5491
|
-
| \`
|
|
5492
|
-
| \`spatial-
|
|
5493
|
-
| \`spatial-
|
|
5494
|
-
| \`spatial-
|
|
5495
|
-
| \`spatial-
|
|
5496
|
-
| \`spatial-
|
|
5497
|
-
| \`
|
|
5498
|
-
| \`
|
|
5499
|
-
| \`
|
|
5500
|
-
| \`
|
|
5501
|
-
| \`
|
|
5502
|
-
| \`
|
|
5503
|
-
| \`
|
|
5504
|
-
| \`
|
|
5505
|
-
| \`
|
|
5506
|
-
| \`
|
|
5507
|
-
| \`
|
|
5508
|
-
| \`
|
|
5509
|
-
| \`
|
|
5510
|
-
| \`time-
|
|
5511
|
-
| \`
|
|
5512
|
-
| \`
|
|
5513
|
-
| \`
|
|
5514
|
-
| \`
|
|
5515
|
-
| \`
|
|
5516
|
-
| \`
|
|
5517
|
-
| \`
|
|
5518
|
-
| \`
|
|
5519
|
-
| \`
|
|
5520
|
-
| \`video
|
|
5521
|
-
| \`
|
|
5410
|
+
| \`accordion\` | 36,104 | 12,945 | 11,479 | 8,795 | 2,459 | 1,970 |
|
|
5411
|
+
| \`announcement\` | 42,276 | 14,775 | 13,189 | 9,297 | 2,452 | 1,991 |
|
|
5412
|
+
| \`app-header\` | 38,326 | 13,449 | 11,956 | 11,046 | 2,971 | 2,342 |
|
|
5413
|
+
| \`area-chart\` | 107,559 | 36,862 | 32,525 | 22,604 | 6,410 | 5,168 |
|
|
5414
|
+
| \`aura\` | 59,567 | 20,253 | 17,955 | 31,768 | 9,480 | 8,141 |
|
|
5415
|
+
| \`avatar\` | 34,890 | 12,911 | 11,544 | 6,988 | 1,985 | 1,570 |
|
|
5416
|
+
| \`badge\` | 33,626 | 12,190 | 10,862 | 8,459 | 2,153 | 1,718 |
|
|
5417
|
+
| \`bar-chart\` | 122,404 | 40,666 | 35,911 | 36,917 | 9,771 | 8,274 |
|
|
5418
|
+
| \`blockquote\` | 26,905 | 10,186 | 9,025 | 4,613 | 1,414 | 1,295 |
|
|
5419
|
+
| \`breadcrumbs\` | 44,358 | 15,534 | 13,885 | 14,305 | 3,659 | 3,071 |
|
|
5420
|
+
| \`button\` | 42,754 | 14,406 | 12,866 | 11,618 | 2,936 | 2,237 |
|
|
5421
|
+
| \`button-group\` | 31,709 | 11,295 | 10,031 | 8,406 | 2,184 | 1,658 |
|
|
5422
|
+
| \`callout\` | 40,077 | 14,935 | 13,290 | 6,659 | 1,909 | 1,398 |
|
|
5423
|
+
| \`canvas\` | 162,739 | 46,991 | 40,819 | 104,142 | 27,542 | 23,049 |
|
|
5424
|
+
| \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,639 | 1,203 |
|
|
5425
|
+
| \`carousel\` | 55,653 | 17,867 | 16,009 | 25,799 | 6,075 | 4,995 |
|
|
5426
|
+
| \`chat\` | 97,070 | 29,947 | 26,556 | 42,960 | 10,717 | 8,851 |
|
|
5427
|
+
| \`checkbox\` | 47,753 | 15,521 | 13,823 | 9,579 | 2,448 | 1,835 |
|
|
5428
|
+
| \`checkbox-group\` | 55,713 | 17,591 | 15,651 | 15,536 | 3,984 | 3,060 |
|
|
5429
|
+
| \`code\` | 21,726 | 8,560 | 7,579 | 976 | 380 | 289 |
|
|
5430
|
+
| \`code-block\` | 131,305 | 39,640 | 34,931 | 63,796 | 14,820 | 12,365 |
|
|
5431
|
+
| \`color-input\` | 186,240 | 52,090 | 45,500 | 98,237 | 20,681 | 17,219 |
|
|
5432
|
+
| \`color-picker\` | 142,414 | 39,179 | 34,381 | 84,912 | 18,335 | 15,211 |
|
|
5433
|
+
| \`combobox\` | 149,853 | 45,825 | 40,238 | 51,299 | 11,876 | 9,754 |
|
|
5434
|
+
| \`command\` | 113,202 | 34,674 | 30,509 | 41,638 | 10,422 | 8,685 |
|
|
5435
|
+
| \`copy-button\` | 96,308 | 30,632 | 27,163 | 32,793 | 7,505 | 6,048 |
|
|
5436
|
+
| \`data-table\` | 233,423 | 67,795 | 58,084 | 120,610 | 29,575 | 23,872 |
|
|
5437
|
+
| \`date-input\` | 164,378 | 48,943 | 42,956 | 59,944 | 13,137 | 10,872 |
|
|
5438
|
+
| \`date-picker\` | 71,139 | 22,978 | 20,618 | 28,748 | 7,098 | 5,804 |
|
|
5439
|
+
| \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,236 | 1,006 |
|
|
5440
|
+
| \`device-screen\` | 90,636 | 26,927 | 23,771 | 48,154 | 11,727 | 9,555 |
|
|
5441
|
+
| \`dialog\` | 44,336 | 15,226 | 13,593 | 11,066 | 3,036 | 2,499 |
|
|
5442
|
+
| \`divider\` | 25,863 | 9,771 | 8,637 | 3,698 | 1,118 | 813 |
|
|
5443
|
+
| \`donut-chart\` | 102,652 | 34,410 | 30,390 | 24,675 | 6,732 | 5,538 |
|
|
5444
|
+
| \`drawer\` | 49,667 | 16,870 | 15,041 | 13,613 | 3,722 | 3,113 |
|
|
5445
|
+
| \`drilldown\` | 49,229 | 16,548 | 14,759 | 15,373 | 3,998 | 3,167 |
|
|
5446
|
+
| \`empty\` | 26,316 | 10,056 | 8,916 | 3,267 | 1,083 | 821 |
|
|
5447
|
+
| \`file-input\` | 70,673 | 22,944 | 20,392 | 24,666 | 6,595 | 5,393 |
|
|
5448
|
+
| \`filter-input\` | 110,437 | 35,687 | 31,636 | 32,398 | 8,308 | 6,898 |
|
|
5449
|
+
| \`flex\` | 26,312 | 9,424 | 8,374 | 4,762 | 1,028 | 865 |
|
|
5450
|
+
| \`format-date\` | 31,463 | 11,789 | 10,526 | 4,713 | 1,367 | 1,084 |
|
|
5451
|
+
| \`graph\` | 122,406 | 34,902 | 30,540 | 53,465 | 12,042 | 9,901 |
|
|
5452
|
+
| \`grid\` | 27,762 | 10,137 | 8,999 | 5,654 | 1,450 | 1,212 |
|
|
5453
|
+
| \`heatmap\` | 110,082 | 36,553 | 32,301 | 27,372 | 7,466 | 6,107 |
|
|
5454
|
+
| \`icon\` | 87,791 | 29,831 | 25,692 | 62,714 | 21,386 | 17,128 |
|
|
5455
|
+
| \`icon-button\` | 46,117 | 14,590 | 13,016 | 14,983 | 3,150 | 2,506 |
|
|
5456
|
+
| \`image\` | 27,760 | 10,306 | 9,130 | 5,217 | 1,619 | 1,197 |
|
|
5457
|
+
| \`input\` | 51,329 | 17,270 | 15,279 | 11,244 | 3,366 | 2,517 |
|
|
5458
|
+
| \`kbd\` | 30,078 | 11,326 | 10,031 | 5,492 | 1,637 | 1,349 |
|
|
5459
|
+
| \`legend\` | 45,189 | 15,799 | 14,045 | 7,875 | 2,164 | 1,576 |
|
|
5460
|
+
| \`lightbox\` | 63,432 | 20,711 | 18,414 | 23,035 | 5,990 | 4,729 |
|
|
5461
|
+
| \`line-chart\` | 113,713 | 38,273 | 33,805 | 28,161 | 7,533 | 6,342 |
|
|
5462
|
+
| \`list\` | 69,295 | 23,265 | 20,760 | 21,583 | 5,913 | 4,687 |
|
|
5463
|
+
| \`listbox\` | 83,244 | 27,267 | 24,107 | 20,032 | 5,713 | 4,408 |
|
|
5464
|
+
| \`loader\` | 30,222 | 11,214 | 10,001 | 5,653 | 1,688 | 1,394 |
|
|
5465
|
+
| \`log\` | 93,680 | 30,211 | 26,742 | 49,604 | 13,933 | 11,873 |
|
|
5466
|
+
| \`map\` | 148,315 | 38,740 | 33,474 | 87,896 | 18,603 | 15,100 |
|
|
5467
|
+
| \`megamenu\` | 66,134 | 23,304 | 20,655 | 13,674 | 3,606 | 2,695 |
|
|
5468
|
+
| \`menu\` | 109,460 | 35,102 | 30,942 | 41,175 | 10,021 | 8,345 |
|
|
5469
|
+
| \`meter\` | 39,093 | 13,827 | 12,382 | 11,138 | 2,794 | 2,310 |
|
|
5470
|
+
| \`motion-toggle\` | 27,988 | 10,727 | 9,538 | 3,044 | 980 | 666 |
|
|
5471
|
+
| \`navigation\` | 37,610 | 13,569 | 12,056 | 7,076 | 1,990 | 1,541 |
|
|
5472
|
+
| \`notifications\` | 73,053 | 22,900 | 20,467 | 31,758 | 7,652 | 6,392 |
|
|
5473
|
+
| \`number-input\` | 62,635 | 20,553 | 18,314 | 18,546 | 4,830 | 3,822 |
|
|
5474
|
+
| \`object-inspector\` | 135,066 | 42,227 | 37,089 | 54,433 | 13,310 | 11,065 |
|
|
5475
|
+
| \`option\` | 30,122 | 10,932 | 9,746 | 7,587 | 2,143 | 1,690 |
|
|
5476
|
+
| \`orb\` | 36,885 | 14,019 | 12,510 | 10,017 | 3,702 | 3,082 |
|
|
5477
|
+
| \`outline\` | 38,845 | 13,848 | 12,315 | 12,105 | 3,430 | 2,733 |
|
|
5478
|
+
| \`pagination\` | 155,640 | 47,772 | 41,531 | 62,533 | 15,140 | 12,424 |
|
|
5479
|
+
| \`pin-input\` | 52,253 | 17,960 | 16,011 | 10,571 | 3,258 | 2,496 |
|
|
5480
|
+
| \`popover\` | 68,059 | 24,109 | 21,297 | 9,595 | 2,651 | 2,081 |
|
|
5481
|
+
| \`progress\` | 36,415 | 12,814 | 11,448 | 10,170 | 2,587 | 2,079 |
|
|
5482
|
+
| \`qr-code\` | 45,270 | 17,490 | 15,587 | 18,587 | 6,667 | 5,711 |
|
|
5483
|
+
| \`quote\` | 23,646 | 9,303 | 8,220 | 1,751 | 683 | 504 |
|
|
5484
|
+
| \`radio\` | 51,120 | 16,284 | 14,536 | 11,591 | 2,731 | 2,030 |
|
|
5485
|
+
| \`rating\` | 55,552 | 19,008 | 16,955 | 11,974 | 3,663 | 2,757 |
|
|
5486
|
+
| \`sandbox\` | 108,243 | 32,979 | 28,884 | 74,723 | 20,393 | 16,965 |
|
|
5487
|
+
| \`scatter-chart\` | 108,028 | 36,470 | 32,164 | 29,695 | 8,478 | 7,089 |
|
|
5488
|
+
| \`scroll-area\` | 36,301 | 12,384 | 11,008 | 13,508 | 3,556 | 2,837 |
|
|
5489
|
+
| \`select\` | 126,579 | 40,861 | 35,812 | 35,265 | 9,013 | 7,195 |
|
|
5490
|
+
| \`skeleton\` | 26,848 | 9,947 | 8,859 | 4,755 | 1,385 | 1,018 |
|
|
5491
|
+
| \`skip-link\` | 26,118 | 10,114 | 8,949 | 2,779 | 956 | 685 |
|
|
5492
|
+
| \`slider\` | 69,630 | 20,733 | 18,564 | 28,574 | 6,237 | 5,008 |
|
|
5493
|
+
| \`sparkline\` | 54,716 | 19,330 | 17,253 | 11,424 | 3,445 | 2,794 |
|
|
5494
|
+
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,463 | 28,899 | 8,472 | 7,099 |
|
|
5495
|
+
| \`spatial-heatmap\` | 126,853 | 42,151 | 37,104 | 41,460 | 11,643 | 9,736 |
|
|
5496
|
+
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,149 | 29,691 | 8,828 | 7,390 |
|
|
5497
|
+
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,454 | 28,039 | 8,157 | 6,759 |
|
|
5498
|
+
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,511 | 30,366 | 9,233 | 7,726 |
|
|
5499
|
+
| \`spatial-treemap\` | 115,605 | 39,965 | 35,169 | 30,369 | 9,264 | 7,701 |
|
|
5500
|
+
| \`speed-dial\` | 76,667 | 26,447 | 23,475 | 17,968 | 4,391 | 3,635 |
|
|
5501
|
+
| \`splitter\` | 51,146 | 16,692 | 14,930 | 20,540 | 4,915 | 3,922 |
|
|
5502
|
+
| \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,270 |
|
|
5503
|
+
| \`steps\` | 69,031 | 21,902 | 19,489 | 27,874 | 6,798 | 5,479 |
|
|
5504
|
+
| \`strands\` | 63,680 | 23,696 | 20,886 | 38,176 | 13,673 | 11,898 |
|
|
5505
|
+
| \`switch\` | 44,474 | 14,983 | 13,341 | 6,021 | 1,729 | 1,224 |
|
|
5506
|
+
| \`table\` | 137,707 | 40,662 | 35,391 | 62,686 | 15,364 | 12,685 |
|
|
5507
|
+
| \`tabs\` | 56,056 | 18,048 | 16,038 | 19,435 | 4,747 | 3,909 |
|
|
5508
|
+
| \`tag\` | 48,197 | 17,125 | 15,355 | 13,012 | 3,641 | 2,760 |
|
|
5509
|
+
| \`terminal\` | 100,782 | 28,311 | 25,038 | 53,163 | 11,066 | 9,094 |
|
|
5510
|
+
| \`text\` | 29,286 | 10,210 | 9,025 | 7,183 | 1,496 | 1,134 |
|
|
5511
|
+
| \`textarea\` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,047 |
|
|
5512
|
+
| \`time-input\` | 195,870 | 57,691 | 50,101 | 72,808 | 16,504 | 13,479 |
|
|
5513
|
+
| \`time-picker\` | 114,058 | 34,722 | 30,500 | 46,174 | 11,387 | 9,386 |
|
|
5514
|
+
| \`timeline\` | 39,321 | 13,743 | 12,317 | 10,975 | 2,717 | 2,170 |
|
|
5515
|
+
| \`toast\` | 60,192 | 20,339 | 18,205 | 20,047 | 5,400 | 4,420 |
|
|
5516
|
+
| \`toggle\` | 51,106 | 16,788 | 14,955 | 10,853 | 3,067 | 2,369 |
|
|
5517
|
+
| \`toolbar\` | 37,051 | 13,295 | 11,879 | 4,030 | 967 | 757 |
|
|
5518
|
+
| \`tooltip\` | 62,502 | 22,263 | 19,747 | 11,291 | 3,109 | 2,511 |
|
|
5519
|
+
| \`tour\` | 95,381 | 31,305 | 27,665 | 30,157 | 7,586 | 6,130 |
|
|
5520
|
+
| \`tree\` | 77,354 | 25,064 | 22,381 | 25,869 | 6,898 | 5,567 |
|
|
5521
|
+
| \`trend\` | 32,854 | 12,576 | 11,199 | 5,489 | 1,663 | 1,238 |
|
|
5522
|
+
| \`video\` | 164,395 | 48,823 | 42,504 | 87,276 | 20,635 | 17,030 |
|
|
5523
|
+
| \`video-playlist\` | 144,967 | 44,810 | 39,393 | 58,785 | 14,038 | 11,792 |
|
|
5524
|
+
| \`virtual-list\` | 67,109 | 22,602 | 20,085 | 25,371 | 7,642 | 6,314 |
|
|
5522
5525
|
|
|
5523
5526
|
## What an install adds to \`node_modules\`
|
|
5524
5527
|
|
|
@@ -5531,12 +5534,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5531
5534
|
|
|
5532
5535
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
5533
5536
|
|---|---|---|---|---|
|
|
5534
|
-
| \`@fusion.dev/helix-core\` | 2,
|
|
5535
|
-
| \`@fusion.dev/helix-headless\` | 24,
|
|
5536
|
-
| \`@fusion.dev/helix-icons\` |
|
|
5537
|
-
| \`@fusion.dev/helix-styles\` | 122,
|
|
5537
|
+
| \`@fusion.dev/helix-core\` | 2,281,876 | 619 | 825,625 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5538
|
+
| \`@fusion.dev/helix-headless\` | 24,503,860 | 786 | 2,594,639 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5539
|
+
| \`@fusion.dev/helix-icons\` | 157,908 | 21 | 51,516 | \`svgo\` |
|
|
5540
|
+
| \`@fusion.dev/helix-styles\` | 122,454 | 6 | 0 | none |
|
|
5538
5541
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5539
|
-
| \`@fusion.dev/helix\` |
|
|
5542
|
+
| \`@fusion.dev/helix\` | 25,124,813 | 1,035 | 572,433 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
5540
5543
|
|
|
5541
5544
|
## Not measured yet
|
|
5542
5545
|
|