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