@fusion.dev/helix-docs 0.215.1 → 0.215.3
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/iconography.mdx +1 -1
- package/content/metrics.mdx +244 -244
- package/dist/sources.generated.js +245 -245
- package/package.json +12 -12
|
@@ -3299,7 +3299,7 @@ Phosphor's weights are outlined, filled paths. \`caret-down\` is \`a12,12\` at b
|
|
|
3299
3299
|
and \`a8,8\` at regular, so CSS cannot turn one weight into another, and every
|
|
3300
3300
|
weight offered adds bytes. Bundlers tree-shake a subpath at each import site. A
|
|
3301
3301
|
\`weight\` attribute would put every weight into the index that \`name\` reads, and
|
|
3302
|
-
raise your bundle from
|
|
3302
|
+
raise your bundle from 17 kB to about 90.
|
|
3303
3303
|
|
|
3304
3304
|
Only the default weight has that index, so \`name\` always draws bold. To use the
|
|
3305
3305
|
set in another weight, import the glyphs and pass them to \`icon\`.
|
|
@@ -5123,7 +5123,7 @@ on its own.
|
|
|
5123
5123
|
|
|
5124
5124
|
| | Raw | Gzip | Brotli |
|
|
5125
5125
|
|---|---|---|---|
|
|
5126
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
5126
|
+
| Lit and \`@fusion.dev/helix-core\` | 277,212 | 88,766 | 75,480 |
|
|
5127
5127
|
|
|
5128
5128
|
## Whole packages
|
|
5129
5129
|
|
|
@@ -5134,12 +5134,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5134
5134
|
|
|
5135
5135
|
| Package | Raw | Gzip | Brotli | |
|
|
5136
5136
|
|---|---|---|---|---|
|
|
5137
|
-
| \`@fusion.dev/helix-core\` |
|
|
5138
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
5137
|
+
| \`@fusion.dev/helix-core\` | 276,421 | 88,612 | 75,118 | The element base class, mixins, decorators, and floating positioning. |
|
|
5138
|
+
| \`@fusion.dev/helix-headless\` | 1,516,542 | 423,469 | 317,241 | Every headless family. The barrel entry includes all of them. |
|
|
5139
5139
|
| \`@fusion.dev/helix-icons\` | 59,688 | 18,986 | 16,177 | The whole glyph set. |
|
|
5140
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. |
|
|
5141
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. |
|
|
5142
|
-
| \`@fusion.dev/helix\` | 2,
|
|
5142
|
+
| \`@fusion.dev/helix\` | 2,255,389 | 582,800 | 414,976 | Every styled family. |
|
|
5143
5143
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
5144
5144
|
|
|
5145
5145
|
## Stylesheets
|
|
@@ -5153,20 +5153,20 @@ shows the whole cost of using the base layer on its own.
|
|
|
5153
5153
|
| File | Raw | Gzip | Brotli | |
|
|
5154
5154
|
|---|---|---|---|---|
|
|
5155
5155
|
| \`base.css\` | 33,986 | 4,785 | 4,158 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
|
|
5156
|
-
| \`elements.css\` |
|
|
5156
|
+
| \`elements.css\` | 22,019 | 3,198 | 2,844 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
|
|
5157
5157
|
| \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
|
|
5158
5158
|
| \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
|
|
5159
|
-
| \`tokens.css\` | 23,
|
|
5159
|
+
| \`tokens.css\` | 23,114 | 2,829 | 2,383 | The 200 semantic tokens. Every styled component needs them. |
|
|
5160
5160
|
|
|
5161
5161
|
## What the numbers say
|
|
5162
5162
|
|
|
5163
|
-
**Most of your first component is the shared runtime.** The median styled family is 20,254 bytes gzipped alone, and it adds 4,
|
|
5163
|
+
**Most of your first component is the shared runtime.** The median styled family is 20,254 bytes gzipped alone, and it adds 4,759 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.
|
|
5164
5164
|
|
|
5165
|
-
Across the 115 styled components, the smallest is \`code\` at 8,561 bytes gzipped alone, and the largest is \`data-table\` at
|
|
5165
|
+
Across the 115 styled components, the smallest is \`code\` at 8,561 bytes gzipped alone, and the largest is \`data-table\` at 68,042. Every family together is 582,800.
|
|
5166
5166
|
|
|
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 423,
|
|
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 423,469 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.
|
|
5168
5168
|
|
|
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,
|
|
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,454 bytes gzipped alone.
|
|
5170
5170
|
|
|
5171
5171
|
## Compared with other systems
|
|
5172
5172
|
|
|
@@ -5178,37 +5178,37 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5178
5178
|
|
|
5179
5179
|
| Component | System | Raw | Gzip | Brotli |
|
|
5180
5180
|
|---|---|---|---|---|
|
|
5181
|
-
| \`button\` | **Helix** | 42,754 | 14,406 | 12,
|
|
5181
|
+
| \`button\` | **Helix** | 42,754 | 14,406 | 12,865 |
|
|
5182
5182
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5183
5183
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5184
5184
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
5185
5185
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
5186
|
-
| \`checkbox\` | **Helix** | 47,753 | 15,
|
|
5186
|
+
| \`checkbox\` | **Helix** | 47,753 | 15,522 | 13,820 |
|
|
5187
5187
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
5188
5188
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5189
5189
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5190
5190
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5191
|
-
| \`dialog\` | **Helix** | 44,336 | 15,
|
|
5191
|
+
| \`dialog\` | **Helix** | 44,336 | 15,228 | 13,591 |
|
|
5192
5192
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5193
5193
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5194
5194
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5195
5195
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5196
|
-
| \`radio\` | **Helix** | 51,120 | 16,284 | 14,
|
|
5196
|
+
| \`radio\` | **Helix** | 51,120 | 16,284 | 14,482 |
|
|
5197
5197
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5198
5198
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5199
5199
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
5200
5200
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
5201
|
-
| \`switch\` | **Helix** | 44,474 | 14,
|
|
5201
|
+
| \`switch\` | **Helix** | 44,474 | 14,984 | 13,342 |
|
|
5202
5202
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
5203
5203
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5204
5204
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5205
5205
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5206
|
-
| \`tabs\` | **Helix** | 56,056 | 18,
|
|
5206
|
+
| \`tabs\` | **Helix** | 56,056 | 18,049 | 16,043 |
|
|
5207
5207
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5208
5208
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5209
5209
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
5210
5210
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
5211
|
-
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,
|
|
5211
|
+
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,779 |
|
|
5212
5212
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
5213
5213
|
| | Material Web | | not shipped | |
|
|
5214
5214
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -5288,114 +5288,114 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5288
5288
|
|
|
5289
5289
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5290
5290
|
|---|---|---|---|---|---|---|
|
|
5291
|
-
| \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,
|
|
5292
|
-
| \`announcement\` | 37,661 | 13,710 | 12,
|
|
5293
|
-
| \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,
|
|
5294
|
-
| \`area-chart\` | 99,355 | 34,968 | 30,
|
|
5295
|
-
| \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 |
|
|
5296
|
-
| \`badge\` | 28,118 | 10,944 | 9,
|
|
5297
|
-
| \`bar-chart\` | 107,369 | 37,632 | 33,
|
|
5298
|
-
| \`blockquote\` | 24,679 | 9,638 | 8,
|
|
5299
|
-
| \`breadcrumbs\` | 37,419 | 14,
|
|
5300
|
-
| \`button\` | 36,246 | 12,977 | 11,
|
|
5301
|
-
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,
|
|
5302
|
-
| \`callout\` | 36,284 | 13,989 | 12,
|
|
5303
|
-
| \`canvas\` | 132,515 | 41,864 | 36,
|
|
5304
|
-
| \`card\` | 24,397 | 9,
|
|
5305
|
-
| \`carousel\` | 45,167 | 16,
|
|
5306
|
-
| \`chat\` |
|
|
5307
|
-
| \`checkbox\` | 41,267 | 14,019 | 12,516 | 3,107 |
|
|
5308
|
-
| \`checkbox-group\` | 48,490 | 15,947 | 14,219 | 8,322 | 2,
|
|
5309
|
-
| \`code\` | 20,869 | 8,248 | 7,313 | 138 |
|
|
5310
|
-
| \`code-block\` | 104,805 | 35,636 | 31,
|
|
5311
|
-
| \`color-input\` | 143,769 | 45,
|
|
5312
|
-
| \`color-picker\` | 105,388 | 33,621 | 29,
|
|
5313
|
-
| \`combobox\` |
|
|
5314
|
-
| \`command\` |
|
|
5315
|
-
| \`copy-button\` | 82,250 | 28,297 | 25,
|
|
5316
|
-
| \`data-table\` |
|
|
5317
|
-
| \`date-input\` | 143,074 | 45,
|
|
5318
|
-
| \`date-picker\` | 63,093 | 21,511 | 19,
|
|
5319
|
-
| \`description-list\` | 23,472 | 8,993 | 7,
|
|
5320
|
-
| \`device-screen\` | 73,940 | 24,
|
|
5321
|
-
| \`dialog\` | 39,200 | 13,
|
|
5322
|
-
| \`divider\` | 23,564 | 9,144 | 8,085 | 1,415 |
|
|
5323
|
-
| \`donut-chart\` | 92,673 | 32,
|
|
5324
|
-
| \`drawer\` | 43,837 | 15,484 | 13,
|
|
5325
|
-
| \`drilldown\` | 43,552 | 15,
|
|
5326
|
-
| \`empty\` | 25,007 | 9,578 | 8,
|
|
5327
|
-
| \`file-input\` | 59,143 | 20,557 | 18,
|
|
5328
|
-
| \`filter-input\` | 99,603 | 33,493 | 29,
|
|
5329
|
-
| \`format-date\` | 31,209 | 11,
|
|
5330
|
-
| \`graph\` |
|
|
5331
|
-
| \`heatmap\` | 101,760 | 34,
|
|
5332
|
-
| \`icon\` | 86,977 | 29,610 | 25,
|
|
5333
|
-
| \`icon-button\` | 36,357 | 13,003 | 11,
|
|
5334
|
-
| \`image\` | 26,373 | 9,844 | 8,
|
|
5335
|
-
| \`input\` | 47,074 | 16,181 | 14,
|
|
5336
|
-
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,
|
|
5337
|
-
| \`legend\` | 39,951 | 14,
|
|
5338
|
-
| \`lightbox\` | 57,138 | 19,382 | 17,
|
|
5339
|
-
| \`line-chart\` | 102,350 | 35,821 | 31,
|
|
5340
|
-
| \`list\` | 62,949 | 21,
|
|
5341
|
-
| \`listbox\` |
|
|
5342
|
-
| \`loader\` | 27,341 | 10,452 | 9,
|
|
5343
|
-
| \`log\` |
|
|
5344
|
-
| \`map\` |
|
|
5345
|
-
| \`megamenu\` | 61,165 | 22,175 | 19,
|
|
5346
|
-
| \`menu\` | 98,535 | 32,954 | 29,
|
|
5347
|
-
| \`meter\` | 32,921 | 12,
|
|
5348
|
-
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 |
|
|
5349
|
-
| \`navigation\` | 33,886 | 12,
|
|
5350
|
-
| \`notifications\` | 59,565 | 20,340 | 18,
|
|
5351
|
-
| \`number-input\` | 57,654 | 19,365 | 17,
|
|
5352
|
-
| \`object-inspector\` |
|
|
5353
|
-
| \`option\` | 27,049 | 9,971 | 8,855 | 4,523 | 1,
|
|
5354
|
-
| \`outline\` | 34,611 | 12,986 | 11,
|
|
5355
|
-
| \`pagination\` |
|
|
5356
|
-
| \`pin-input\` | 48,873 | 17,049 | 15,
|
|
5357
|
-
| \`popover\` | 64,907 | 23,347 | 20,
|
|
5358
|
-
| \`progress\` | 29,235 | 11,
|
|
5359
|
-
| \`qr-code\` | 43,669 | 17,
|
|
5360
|
-
| \`quote\` | 23,088 | 9,
|
|
5361
|
-
| \`radio\` | 43,333 | 14,
|
|
5362
|
-
| \`rating\` | 51,618 | 17,783 | 15,
|
|
5363
|
-
| \`scatter-chart\` | 98,654 | 34,307 | 30,
|
|
5364
|
-
| \`scroll-area\` | 31,294 | 11,434 | 10,
|
|
5365
|
-
| \`select\` |
|
|
5366
|
-
| \`skeleton\` | 22,900 | 8,
|
|
5367
|
-
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 |
|
|
5368
|
-
| \`slider\` | 54,667 | 18,
|
|
5369
|
-
| \`sparkline\` | 49,258 | 17,983 | 16,
|
|
5370
|
-
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,
|
|
5371
|
-
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,
|
|
5372
|
-
| \`spatial-ribbon-chart\` | 104,313 | 36,
|
|
5373
|
-
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,
|
|
5374
|
-
| \`spatial-surface-chart\` | 105,468 | 37,
|
|
5375
|
-
| \`spatial-treemap\` | 106,586 | 37,909 | 33,
|
|
5376
|
-
| \`speed-dial\` | 69,618 | 25,072 | 22,
|
|
5377
|
-
| \`splitter\` | 45,096 | 15,644 | 13,
|
|
5378
|
-
| \`stat\` | 26,285 | 10,
|
|
5379
|
-
| \`steps\` | 54,951 | 19,120 | 17,
|
|
5380
|
-
| \`switch\` | 40,121 | 13,837 | 12,
|
|
5381
|
-
| \`table\` | 120,
|
|
5382
|
-
| \`tabs\` | 47,105 | 16,
|
|
5383
|
-
| \`tag\` | 43,623 | 15,997 | 14,
|
|
5384
|
-
| \`terminal\` | 77,803 | 25,510 | 22,
|
|
5385
|
-
| \`textarea\` | 44,998 | 15,
|
|
5386
|
-
| \`time-input\` |
|
|
5387
|
-
| \`time-picker\` |
|
|
5388
|
-
| \`timeline\` | 32,429 | 12,
|
|
5389
|
-
| \`toast\` | 52,298 | 18,492 | 16,508 | 12,165 | 3,
|
|
5390
|
-
| \`toggle\` | 46,246 | 15,540 | 13,
|
|
5391
|
-
| \`toolbar\` | 34,370 | 12,
|
|
5392
|
-
| \`tooltip\` | 59,698 | 21,
|
|
5393
|
-
| \`tour\` | 85,289 | 29,
|
|
5394
|
-
| \`tree\` | 68,666 | 23,155 | 20,
|
|
5395
|
-
| \`trend\` | 30,937 | 12,025 | 10,
|
|
5396
|
-
| \`video\` | 143,892 | 45,089 | 39,
|
|
5397
|
-
| \`video-playlist\` | 129,019 | 41,
|
|
5398
|
-
| \`virtual-list\` | 65,
|
|
5291
|
+
| \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,562 | 1,195 |
|
|
5292
|
+
| \`announcement\` | 37,661 | 13,710 | 12,240 | 4,701 | 1,370 | 1,024 |
|
|
5293
|
+
| \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,785 | 1,313 |
|
|
5294
|
+
| \`area-chart\` | 99,355 | 34,968 | 30,834 | 14,417 | 4,443 | 3,632 |
|
|
5295
|
+
| \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 943 |
|
|
5296
|
+
| \`badge\` | 28,118 | 10,944 | 9,780 | 2,961 | 893 | 720 |
|
|
5297
|
+
| \`bar-chart\` | 107,369 | 37,632 | 33,294 | 21,900 | 6,868 | 5,856 |
|
|
5298
|
+
| \`blockquote\` | 24,679 | 9,638 | 8,538 | 2,401 | 886 | 758 |
|
|
5299
|
+
| \`breadcrumbs\` | 37,419 | 14,328 | 12,857 | 7,380 | 2,407 | 1,954 |
|
|
5300
|
+
| \`button\` | 36,246 | 12,977 | 11,569 | 5,128 | 1,499 | 1,086 |
|
|
5301
|
+
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,921 | 1,484 | 1,097 |
|
|
5302
|
+
| \`callout\` | 36,284 | 13,989 | 12,434 | 2,884 | 956 | 621 |
|
|
5303
|
+
| \`canvas\` | 132,515 | 41,864 | 36,414 | 74,272 | 22,545 | 18,690 |
|
|
5304
|
+
| \`card\` | 24,397 | 9,312 | 8,254 | 2,090 | 644 | 468 |
|
|
5305
|
+
| \`carousel\` | 45,167 | 16,074 | 14,349 | 15,328 | 4,258 | 3,440 |
|
|
5306
|
+
| \`chat\` | 83,313 | 27,723 | 24,437 | 28,394 | 8,256 | 6,629 |
|
|
5307
|
+
| \`checkbox\` | 41,267 | 14,019 | 12,516 | 3,107 | 956 | 686 |
|
|
5308
|
+
| \`checkbox-group\` | 48,490 | 15,947 | 14,219 | 8,322 | 2,335 | 1,610 |
|
|
5309
|
+
| \`code\` | 20,869 | 8,248 | 7,313 | 138 | 84 | 49 |
|
|
5310
|
+
| \`code-block\` | 104,805 | 35,636 | 31,420 | 37,315 | 10,654 | 8,788 |
|
|
5311
|
+
| \`color-input\` | 143,769 | 45,822 | 40,052 | 55,776 | 14,298 | 11,802 |
|
|
5312
|
+
| \`color-picker\` | 105,388 | 33,621 | 29,510 | 47,896 | 12,667 | 10,497 |
|
|
5313
|
+
| \`combobox\` | 135,322 | 43,127 | 37,889 | 35,962 | 9,090 | 7,214 |
|
|
5314
|
+
| \`command\` | 102,726 | 32,609 | 28,680 | 30,345 | 8,148 | 6,615 |
|
|
5315
|
+
| \`copy-button\` | 82,250 | 28,297 | 25,044 | 18,753 | 5,092 | 3,999 |
|
|
5316
|
+
| \`data-table\` | 203,581 | 62,637 | 53,530 | 89,962 | 24,138 | 19,218 |
|
|
5317
|
+
| \`date-input\` | 143,074 | 45,180 | 39,679 | 38,660 | 9,413 | 7,667 |
|
|
5318
|
+
| \`date-picker\` | 63,093 | 21,511 | 19,251 | 20,720 | 5,635 | 4,472 |
|
|
5319
|
+
| \`description-list\` | 23,472 | 8,993 | 7,992 | 1,565 | 505 | 338 |
|
|
5320
|
+
| \`device-screen\` | 73,940 | 24,006 | 21,105 | 31,473 | 8,751 | 6,999 |
|
|
5321
|
+
| \`dialog\` | 39,200 | 13,972 | 12,448 | 5,948 | 1,759 | 1,250 |
|
|
5322
|
+
| \`divider\` | 23,564 | 9,144 | 8,085 | 1,415 | 494 | 372 |
|
|
5323
|
+
| \`donut-chart\` | 92,673 | 32,263 | 28,568 | 14,717 | 4,501 | 3,632 |
|
|
5324
|
+
| \`drawer\` | 43,837 | 15,484 | 13,807 | 7,799 | 2,296 | 1,867 |
|
|
5325
|
+
| \`drilldown\` | 43,552 | 15,254 | 13,585 | 9,705 | 2,707 | 1,994 |
|
|
5326
|
+
| \`empty\` | 25,007 | 9,578 | 8,498 | 1,976 | 642 | 474 |
|
|
5327
|
+
| \`file-input\` | 59,143 | 20,557 | 18,271 | 13,148 | 4,128 | 3,358 |
|
|
5328
|
+
| \`filter-input\` | 99,603 | 33,493 | 29,698 | 21,571 | 6,183 | 4,975 |
|
|
5329
|
+
| \`format-date\` | 31,209 | 11,675 | 10,448 | 4,475 | 1,251 | 937 |
|
|
5330
|
+
| \`graph\` | 98,190 | 31,204 | 27,387 | 28,438 | 8,118 | 6,632 |
|
|
5331
|
+
| \`heatmap\` | 101,760 | 34,695 | 30,636 | 19,070 | 5,629 | 4,504 |
|
|
5332
|
+
| \`icon\` | 86,977 | 29,610 | 25,408 | 62,080 | 21,256 | 16,944 |
|
|
5333
|
+
| \`icon-button\` | 36,357 | 13,003 | 11,598 | 5,237 | 1,532 | 1,186 |
|
|
5334
|
+
| \`image\` | 26,373 | 9,844 | 8,745 | 3,846 | 1,159 | 885 |
|
|
5335
|
+
| \`input\` | 47,074 | 16,181 | 14,349 | 7,006 | 2,268 | 1,524 |
|
|
5336
|
+
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,089 | 808 |
|
|
5337
|
+
| \`legend\` | 39,951 | 14,500 | 12,936 | 2,765 | 913 | 644 |
|
|
5338
|
+
| \`lightbox\` | 57,138 | 19,382 | 17,249 | 16,760 | 4,662 | 3,573 |
|
|
5339
|
+
| \`line-chart\` | 102,350 | 35,821 | 31,657 | 16,812 | 5,055 | 4,281 |
|
|
5340
|
+
| \`list\` | 62,949 | 21,724 | 19,373 | 15,256 | 4,418 | 3,462 |
|
|
5341
|
+
| \`listbox\` | 79,626 | 26,413 | 23,317 | 15,603 | 4,588 | 3,575 |
|
|
5342
|
+
| \`loader\` | 27,341 | 10,452 | 9,310 | 2,786 | 928 | 711 |
|
|
5343
|
+
| \`log\` | 84,672 | 28,871 | 25,512 | 39,568 | 12,156 | 10,332 |
|
|
5344
|
+
| \`map\` | 106,241 | 32,298 | 27,836 | 45,830 | 12,023 | 9,558 |
|
|
5345
|
+
| \`megamenu\` | 61,165 | 22,175 | 19,641 | 8,724 | 2,425 | 1,788 |
|
|
5346
|
+
| \`menu\` | 98,535 | 32,954 | 29,067 | 30,262 | 7,961 | 6,465 |
|
|
5347
|
+
| \`meter\` | 32,921 | 12,483 | 11,192 | 4,982 | 1,460 | 1,183 |
|
|
5348
|
+
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 510 | 384 |
|
|
5349
|
+
| \`navigation\` | 33,886 | 12,736 | 11,324 | 3,365 | 1,164 | 941 |
|
|
5350
|
+
| \`notifications\` | 59,565 | 20,340 | 18,153 | 18,276 | 5,073 | 4,079 |
|
|
5351
|
+
| \`number-input\` | 57,654 | 19,365 | 17,241 | 13,581 | 3,625 | 2,744 |
|
|
5352
|
+
| \`object-inspector\` | 117,453 | 39,468 | 34,727 | 36,012 | 10,215 | 8,435 |
|
|
5353
|
+
| \`option\` | 27,049 | 9,971 | 8,855 | 4,523 | 1,214 | 968 |
|
|
5354
|
+
| \`outline\` | 34,611 | 12,986 | 11,546 | 7,888 | 2,542 | 1,850 |
|
|
5355
|
+
| \`pagination\` | 139,586 | 44,769 | 38,872 | 45,676 | 11,760 | 9,551 |
|
|
5356
|
+
| \`pin-input\` | 48,873 | 17,049 | 15,226 | 7,208 | 2,376 | 1,765 |
|
|
5357
|
+
| \`popover\` | 64,907 | 23,347 | 20,632 | 6,461 | 1,851 | 1,308 |
|
|
5358
|
+
| \`progress\` | 29,235 | 11,152 | 9,978 | 3,007 | 925 | 629 |
|
|
5359
|
+
| \`qr-code\` | 43,669 | 17,004 | 15,111 | 17,003 | 6,197 | 5,226 |
|
|
5360
|
+
| \`quote\` | 23,088 | 9,113 | 8,055 | 1,210 | 502 | 370 |
|
|
5361
|
+
| \`radio\` | 43,333 | 14,777 | 13,156 | 3,815 | 1,189 | 858 |
|
|
5362
|
+
| \`rating\` | 51,618 | 17,783 | 15,862 | 8,058 | 2,438 | 1,801 |
|
|
5363
|
+
| \`scatter-chart\` | 98,654 | 34,307 | 30,271 | 20,340 | 6,410 | 5,214 |
|
|
5364
|
+
| \`scroll-area\` | 31,294 | 11,434 | 10,152 | 8,518 | 2,614 | 2,003 |
|
|
5365
|
+
| \`select\` | 118,275 | 39,198 | 34,324 | 26,153 | 7,196 | 5,564 |
|
|
5366
|
+
| \`skeleton\` | 22,900 | 8,872 | 7,874 | 991 | 385 | 229 |
|
|
5367
|
+
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 474 | 343 |
|
|
5368
|
+
| \`slider\` | 54,667 | 18,415 | 16,538 | 13,625 | 3,879 | 3,087 |
|
|
5369
|
+
| \`sparkline\` | 49,258 | 17,983 | 16,056 | 5,982 | 2,106 | 1,688 |
|
|
5370
|
+
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,690 | 19,854 | 6,526 | 5,270 |
|
|
5371
|
+
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,160 | 31,741 | 9,455 | 7,896 |
|
|
5372
|
+
| \`spatial-ribbon-chart\` | 104,313 | 36,731 | 32,404 | 20,793 | 6,880 | 5,608 |
|
|
5373
|
+
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,729 | 19,087 | 6,276 | 5,145 |
|
|
5374
|
+
| \`spatial-surface-chart\` | 105,468 | 37,270 | 32,881 | 21,949 | 7,389 | 6,211 |
|
|
5375
|
+
| \`spatial-treemap\` | 106,586 | 37,909 | 33,355 | 21,370 | 7,272 | 6,000 |
|
|
5376
|
+
| \`speed-dial\` | 69,618 | 25,072 | 22,163 | 10,935 | 2,978 | 2,414 |
|
|
5377
|
+
| \`splitter\` | 45,096 | 15,644 | 13,997 | 14,504 | 3,864 | 3,045 |
|
|
5378
|
+
| \`stat\` | 26,285 | 10,057 | 8,960 | 2,323 | 768 | 541 |
|
|
5379
|
+
| \`steps\` | 54,951 | 19,120 | 17,043 | 13,805 | 3,914 | 3,157 |
|
|
5380
|
+
| \`switch\` | 40,121 | 13,837 | 12,335 | 1,679 | 615 | 336 |
|
|
5381
|
+
| \`table\` | 120,990 | 37,868 | 32,905 | 45,143 | 12,243 | 9,923 |
|
|
5382
|
+
| \`tabs\` | 47,105 | 16,205 | 14,404 | 10,491 | 2,863 | 2,129 |
|
|
5383
|
+
| \`tag\` | 43,623 | 15,997 | 14,299 | 8,451 | 2,532 | 1,957 |
|
|
5384
|
+
| \`terminal\` | 77,803 | 25,510 | 22,489 | 30,191 | 8,188 | 6,604 |
|
|
5385
|
+
| \`textarea\` | 44,998 | 15,367 | 13,748 | 5,490 | 1,596 | 1,197 |
|
|
5386
|
+
| \`time-input\` | 172,438 | 53,799 | 46,666 | 48,568 | 12,180 | 9,926 |
|
|
5387
|
+
| \`time-picker\` | 102,682 | 32,564 | 28,655 | 33,981 | 9,093 | 7,356 |
|
|
5388
|
+
| \`timeline\` | 32,429 | 12,282 | 11,014 | 4,087 | 1,192 | 919 |
|
|
5389
|
+
| \`toast\` | 52,298 | 18,492 | 16,508 | 12,165 | 3,515 | 2,810 |
|
|
5390
|
+
| \`toggle\` | 46,246 | 15,540 | 13,827 | 6,005 | 1,790 | 1,267 |
|
|
5391
|
+
| \`toolbar\` | 34,370 | 12,800 | 11,424 | 1,366 | 482 | 264 |
|
|
5392
|
+
| \`tooltip\` | 59,698 | 21,529 | 19,111 | 8,505 | 2,384 | 1,810 |
|
|
5393
|
+
| \`tour\` | 85,289 | 29,313 | 25,898 | 20,084 | 5,533 | 4,343 |
|
|
5394
|
+
| \`tree\` | 68,666 | 23,155 | 20,607 | 17,196 | 4,929 | 3,908 |
|
|
5395
|
+
| \`trend\` | 30,937 | 12,025 | 10,750 | 3,592 | 1,134 | 951 |
|
|
5396
|
+
| \`video\` | 143,892 | 45,089 | 39,344 | 66,785 | 16,896 | 13,954 |
|
|
5397
|
+
| \`video-playlist\` | 129,019 | 41,832 | 36,723 | 42,856 | 11,030 | 9,198 |
|
|
5398
|
+
| \`virtual-list\` | 65,938 | 22,353 | 19,877 | 23,394 | 7,155 | 5,825 |
|
|
5399
5399
|
|
|
5400
5400
|
### Styled tier
|
|
5401
5401
|
|
|
@@ -5403,121 +5403,121 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5403
5403
|
|
|
5404
5404
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5405
5405
|
|---|---|---|---|---|---|---|
|
|
5406
|
-
| \`accordion\` | 36,104 | 12,
|
|
5407
|
-
| \`announcement\` | 42,276 | 14,
|
|
5408
|
-
| \`app-header\` | 38,326 | 13,450 |
|
|
5409
|
-
| \`area-chart\` | 107,559 | 36,
|
|
5410
|
-
| \`aura\` | 59,567 | 20,254 | 17,
|
|
5411
|
-
| \`avatar\` | 34,890 | 12,911 | 11,
|
|
5412
|
-
| \`badge\` | 33,626 | 12,190 | 10,865 | 8,459 | 2,
|
|
5413
|
-
| \`bar-chart\` | 122,404 | 40,666 | 35,
|
|
5414
|
-
| \`blockquote\` | 26,905 | 10,186 | 9,
|
|
5415
|
-
| \`breadcrumbs\` | 44,358 | 15,535 | 13,
|
|
5416
|
-
| \`button\` | 42,754 | 14,406 | 12,
|
|
5417
|
-
| \`button-group\` | 31,709 | 11,295 | 10,
|
|
5418
|
-
| \`callout\` | 40,077 | 14,936 | 13,
|
|
5419
|
-
| \`canvas\` | 162,739 | 46,
|
|
5420
|
-
| \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,
|
|
5421
|
-
| \`carousel\` | 55,653 | 17,867 | 16,
|
|
5422
|
-
| \`chat\` |
|
|
5423
|
-
| \`checkbox\` | 47,753 | 15,
|
|
5424
|
-
| \`checkbox-group\` | 55,713 | 17,591 | 15,
|
|
5425
|
-
| \`code\` | 21,726 | 8,561 | 7,
|
|
5426
|
-
| \`code-block\` | 131,305 | 39,
|
|
5427
|
-
| \`color-input\` | 186,240 | 52,
|
|
5428
|
-
| \`color-picker\` | 142,414 | 39,181 | 34,
|
|
5429
|
-
| \`combobox\` |
|
|
5430
|
-
| \`command\` |
|
|
5431
|
-
| \`copy-button\` | 96,308 | 30,629 | 27,
|
|
5432
|
-
| \`data-table\` |
|
|
5433
|
-
| \`date-input\` | 164,378 | 48,
|
|
5434
|
-
| \`date-picker\` | 71,139 | 22,
|
|
5435
|
-
| \`description-list\` | 26,427 | 9,731 | 8,
|
|
5436
|
-
| \`device-screen\` | 90,636 | 26,928 | 23,
|
|
5437
|
-
| \`dialog\` | 44,336 | 15,
|
|
5438
|
-
| \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,
|
|
5439
|
-
| \`donut-chart\` | 102,652 | 34,
|
|
5440
|
-
| \`drawer\` | 49,667 | 16,
|
|
5441
|
-
| \`drilldown\` | 49,229 | 16,
|
|
5442
|
-
| \`empty\` | 26,316 | 10,056 | 8,
|
|
5443
|
-
| \`file-input\` | 70,673 | 22,945 | 20,
|
|
5444
|
-
| \`filter-input\` | 110,437 | 35,
|
|
5445
|
-
| \`flex\` | 26,312 | 9,425 | 8,
|
|
5446
|
-
| \`format-date\` | 31,463 | 11,790 | 10,526 | 4,713 | 1,
|
|
5447
|
-
| \`graph\` |
|
|
5448
|
-
| \`grid\` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,
|
|
5449
|
-
| \`heatmap\` | 110,082 | 36,553 | 32,
|
|
5450
|
-
| \`icon\` | 89,012 | 30,216 |
|
|
5451
|
-
| \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,
|
|
5452
|
-
| \`image\` | 27,760 | 10,306 | 9,
|
|
5453
|
-
| \`input\` | 51,329 | 17,
|
|
5454
|
-
| \`kbd\` | 30,078 | 11,326 | 10,
|
|
5455
|
-
| \`legend\` | 45,189 | 15,
|
|
5456
|
-
| \`lightbox\` | 63,432 | 20,
|
|
5457
|
-
| \`line-chart\` | 113,713 | 38,
|
|
5458
|
-
| \`list\` | 69,295 | 23,
|
|
5459
|
-
| \`listbox\` |
|
|
5460
|
-
| \`loader\` | 30,222 | 11,214 | 10,
|
|
5461
|
-
| \`log\` |
|
|
5462
|
-
| \`map\` | 148,
|
|
5463
|
-
| \`megamenu\` | 66,134 | 23,304 | 20,
|
|
5464
|
-
| \`menu\` | 109,460 | 35,102 |
|
|
5465
|
-
| \`meter\` | 39,093 | 13,828 | 12,
|
|
5466
|
-
| \`motion-toggle\` | 27,988 | 10,
|
|
5467
|
-
| \`navigation\` | 37,610 | 13,
|
|
5468
|
-
| \`notifications\` | 73,053 | 22,901 | 20,
|
|
5469
|
-
| \`number-input\` | 62,635 | 20,555 | 18,
|
|
5470
|
-
| \`object-inspector\` | 135,
|
|
5471
|
-
| \`option\` | 30,122 | 10,932 | 9,
|
|
5472
|
-
| \`orb\` | 36,885 | 14,019 | 12,
|
|
5473
|
-
| \`outline\` | 38,845 | 13,
|
|
5474
|
-
| \`pagination\` |
|
|
5475
|
-
| \`pin-input\` | 52,253 | 17,
|
|
5476
|
-
| \`popover\` | 68,059 | 24,109 | 21,
|
|
5477
|
-
| \`progress\` | 36,415 | 12,815 | 11,
|
|
5478
|
-
| \`qr-code\` | 45,270 | 17,490 | 15,
|
|
5479
|
-
| \`quote\` | 23,646 | 9,
|
|
5480
|
-
| \`radio\` | 51,120 | 16,284 | 14,
|
|
5481
|
-
| \`rating\` | 55,552 | 19,008 | 16,
|
|
5482
|
-
| \`sandbox\` |
|
|
5483
|
-
| \`scatter-chart\` | 108,028 | 36,
|
|
5484
|
-
| \`scroll-area\` | 36,301 | 12,384 | 11,
|
|
5485
|
-
| \`select\` |
|
|
5486
|
-
| \`skeleton\` | 26,848 | 9,947 | 8,
|
|
5487
|
-
| \`skip-link\` | 26,118 | 10,115 | 8,950 | 2,779 |
|
|
5488
|
-
| \`slider\` | 69,630 | 20,733 | 18,
|
|
5489
|
-
| \`sparkline\` | 54,716 | 19,
|
|
5490
|
-
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,
|
|
5491
|
-
| \`spatial-heatmap\` | 126,853 | 42,
|
|
5492
|
-
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,
|
|
5493
|
-
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,
|
|
5494
|
-
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,
|
|
5495
|
-
| \`spatial-treemap\` | 115,605 | 39,
|
|
5496
|
-
| \`speed-dial\` | 76,667 | 26,447 | 23,
|
|
5497
|
-
| \`splitter\` | 51,146 | 16,693 | 14,
|
|
5498
|
-
| \`stat\` | 29,171 | 10,751 | 9,
|
|
5499
|
-
| \`steps\` | 69,031 | 21,
|
|
5500
|
-
| \`strands\` | 63,680 | 23,697 | 20,
|
|
5501
|
-
| \`switch\` | 44,474 | 14,
|
|
5502
|
-
| \`table\` |
|
|
5503
|
-
| \`tabs\` | 56,056 | 18,
|
|
5504
|
-
| \`tag\` | 48,197 | 17,126 | 15,
|
|
5505
|
-
| \`terminal\` | 104,821 | 29,348 | 25,
|
|
5506
|
-
| \`text\` | 29,286 | 10,211 | 9,003 | 7,183 | 1,
|
|
5507
|
-
| \`textarea\` | 48,930 | 16,
|
|
5508
|
-
| \`time-input\` |
|
|
5509
|
-
| \`time-picker\` | 114,
|
|
5510
|
-
| \`timeline\` | 39,321 | 13,742 | 12,
|
|
5511
|
-
| \`toast\` | 60,192 | 20,340 | 18,
|
|
5512
|
-
| \`toggle\` | 51,106 | 16,
|
|
5513
|
-
| \`toolbar\` | 37,051 | 13,296 | 11,
|
|
5514
|
-
| \`tooltip\` | 62,502 | 22,263 | 19,
|
|
5515
|
-
| \`tour\` | 95,381 | 31,305 | 27,
|
|
5516
|
-
| \`tree\` | 77,354 | 25,063 | 22,
|
|
5517
|
-
| \`trend\` | 32,854 | 12,
|
|
5518
|
-
| \`video\` | 164,395 | 48,823 | 42,
|
|
5519
|
-
| \`video-playlist\` | 144,967 | 44,810 | 39,
|
|
5520
|
-
| \`virtual-list\` | 67,
|
|
5406
|
+
| \`accordion\` | 36,104 | 12,946 | 11,483 | 8,795 | 2,456 | 1,962 |
|
|
5407
|
+
| \`announcement\` | 42,276 | 14,776 | 13,190 | 9,297 | 2,456 | 1,925 |
|
|
5408
|
+
| \`app-header\` | 38,326 | 13,450 | 11,979 | 11,046 | 2,981 | 2,362 |
|
|
5409
|
+
| \`area-chart\` | 107,559 | 36,863 | 32,494 | 22,604 | 6,389 | 5,248 |
|
|
5410
|
+
| \`aura\` | 59,567 | 20,254 | 17,927 | 31,766 | 9,465 | 8,226 |
|
|
5411
|
+
| \`avatar\` | 34,890 | 12,911 | 11,565 | 6,988 | 1,968 | 1,606 |
|
|
5412
|
+
| \`badge\` | 33,626 | 12,190 | 10,865 | 8,459 | 2,170 | 1,748 |
|
|
5413
|
+
| \`bar-chart\` | 122,404 | 40,666 | 35,930 | 36,917 | 9,760 | 8,382 |
|
|
5414
|
+
| \`blockquote\` | 26,905 | 10,186 | 9,029 | 4,611 | 1,415 | 1,162 |
|
|
5415
|
+
| \`breadcrumbs\` | 44,358 | 15,535 | 13,915 | 14,305 | 3,661 | 3,011 |
|
|
5416
|
+
| \`button\` | 42,754 | 14,406 | 12,865 | 11,618 | 2,947 | 2,380 |
|
|
5417
|
+
| \`button-group\` | 31,709 | 11,295 | 10,041 | 8,406 | 2,187 | 1,679 |
|
|
5418
|
+
| \`callout\` | 40,077 | 14,936 | 13,280 | 6,659 | 1,903 | 1,541 |
|
|
5419
|
+
| \`canvas\` | 162,739 | 46,991 | 40,900 | 104,142 | 27,552 | 22,926 |
|
|
5420
|
+
| \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,633 | 1,348 |
|
|
5421
|
+
| \`carousel\` | 55,653 | 17,867 | 16,010 | 25,799 | 6,078 | 4,956 |
|
|
5422
|
+
| \`chat\` | 98,606 | 30,451 | 26,888 | 43,673 | 10,894 | 9,162 |
|
|
5423
|
+
| \`checkbox\` | 47,753 | 15,522 | 13,820 | 9,579 | 2,458 | 2,061 |
|
|
5424
|
+
| \`checkbox-group\` | 55,713 | 17,591 | 15,650 | 15,536 | 3,989 | 3,066 |
|
|
5425
|
+
| \`code\` | 21,726 | 8,561 | 7,606 | 976 | 379 | 237 |
|
|
5426
|
+
| \`code-block\` | 131,305 | 39,639 | 34,951 | 63,796 | 14,801 | 12,413 |
|
|
5427
|
+
| \`color-input\` | 186,240 | 52,091 | 45,504 | 98,237 | 20,688 | 17,276 |
|
|
5428
|
+
| \`color-picker\` | 142,414 | 39,181 | 34,368 | 84,912 | 18,348 | 15,316 |
|
|
5429
|
+
| \`combobox\` | 150,676 | 46,073 | 40,446 | 51,299 | 11,878 | 9,847 |
|
|
5430
|
+
| \`command\` | 114,025 | 34,958 | 30,710 | 41,638 | 10,419 | 8,535 |
|
|
5431
|
+
| \`copy-button\` | 96,308 | 30,629 | 27,095 | 32,793 | 7,492 | 6,185 |
|
|
5432
|
+
| \`data-table\` | 234,246 | 68,042 | 58,306 | 120,610 | 29,568 | 23,950 |
|
|
5433
|
+
| \`date-input\` | 164,378 | 48,944 | 43,079 | 59,944 | 13,149 | 11,011 |
|
|
5434
|
+
| \`date-picker\` | 71,139 | 22,979 | 20,576 | 28,748 | 7,093 | 5,770 |
|
|
5435
|
+
| \`description-list\` | 26,427 | 9,731 | 8,676 | 4,508 | 1,245 | 1,019 |
|
|
5436
|
+
| \`device-screen\` | 90,636 | 26,928 | 23,745 | 48,154 | 11,741 | 9,537 |
|
|
5437
|
+
| \`dialog\` | 44,336 | 15,228 | 13,591 | 11,066 | 3,038 | 2,504 |
|
|
5438
|
+
| \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,124 | 901 |
|
|
5439
|
+
| \`donut-chart\` | 102,652 | 34,411 | 30,414 | 24,675 | 6,707 | 5,614 |
|
|
5440
|
+
| \`drawer\` | 49,667 | 16,868 | 15,047 | 13,613 | 3,715 | 3,011 |
|
|
5441
|
+
| \`drilldown\` | 49,229 | 16,549 | 14,754 | 15,373 | 4,004 | 3,259 |
|
|
5442
|
+
| \`empty\` | 26,316 | 10,056 | 8,905 | 3,267 | 1,082 | 940 |
|
|
5443
|
+
| \`file-input\` | 70,673 | 22,945 | 20,374 | 24,666 | 6,583 | 5,328 |
|
|
5444
|
+
| \`filter-input\` | 110,437 | 35,688 | 31,632 | 32,398 | 8,308 | 6,828 |
|
|
5445
|
+
| \`flex\` | 26,312 | 9,425 | 8,374 | 4,762 | 1,048 | 835 |
|
|
5446
|
+
| \`format-date\` | 31,463 | 11,790 | 10,526 | 4,713 | 1,375 | 1,080 |
|
|
5447
|
+
| \`graph\` | 123,229 | 35,163 | 30,791 | 53,465 | 12,048 | 9,902 |
|
|
5448
|
+
| \`grid\` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,299 |
|
|
5449
|
+
| \`heatmap\` | 110,082 | 36,553 | 32,230 | 27,372 | 7,457 | 6,138 |
|
|
5450
|
+
| \`icon\` | 89,012 | 30,216 | 25,970 | 63,933 | 21,796 | 17,408 |
|
|
5451
|
+
| \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,157 | 2,541 |
|
|
5452
|
+
| \`image\` | 27,760 | 10,306 | 9,130 | 5,215 | 1,612 | 1,165 |
|
|
5453
|
+
| \`input\` | 51,329 | 17,271 | 15,279 | 11,244 | 3,386 | 2,667 |
|
|
5454
|
+
| \`kbd\` | 30,078 | 11,326 | 10,044 | 5,492 | 1,645 | 1,336 |
|
|
5455
|
+
| \`legend\` | 45,189 | 15,800 | 14,049 | 7,875 | 2,174 | 1,723 |
|
|
5456
|
+
| \`lightbox\` | 63,432 | 20,711 | 18,451 | 23,035 | 5,995 | 4,779 |
|
|
5457
|
+
| \`line-chart\` | 113,713 | 38,274 | 33,796 | 28,161 | 7,518 | 6,325 |
|
|
5458
|
+
| \`list\` | 69,295 | 23,266 | 20,728 | 21,583 | 5,925 | 4,780 |
|
|
5459
|
+
| \`listbox\` | 84,067 | 27,533 | 24,302 | 20,032 | 5,723 | 4,377 |
|
|
5460
|
+
| \`loader\` | 30,222 | 11,214 | 10,001 | 5,653 | 1,692 | 1,446 |
|
|
5461
|
+
| \`log\` | 97,190 | 31,211 | 27,676 | 52,078 | 14,639 | 12,605 |
|
|
5462
|
+
| \`map\` | 148,663 | 38,807 | 33,478 | 88,244 | 18,675 | 15,253 |
|
|
5463
|
+
| \`megamenu\` | 66,134 | 23,304 | 20,659 | 13,674 | 3,609 | 2,761 |
|
|
5464
|
+
| \`menu\` | 109,460 | 35,102 | 30,963 | 41,175 | 10,013 | 8,490 |
|
|
5465
|
+
| \`meter\` | 39,093 | 13,828 | 12,396 | 11,138 | 2,811 | 2,371 |
|
|
5466
|
+
| \`motion-toggle\` | 27,988 | 10,728 | 9,570 | 3,044 | 986 | 691 |
|
|
5467
|
+
| \`navigation\` | 37,610 | 13,572 | 12,052 | 7,076 | 1,994 | 1,639 |
|
|
5468
|
+
| \`notifications\` | 73,053 | 22,901 | 20,428 | 31,758 | 7,638 | 6,500 |
|
|
5469
|
+
| \`number-input\` | 62,635 | 20,555 | 18,315 | 18,546 | 4,836 | 3,875 |
|
|
5470
|
+
| \`object-inspector\` | 135,889 | 42,495 | 37,372 | 54,433 | 13,314 | 11,141 |
|
|
5471
|
+
| \`option\` | 30,122 | 10,932 | 9,733 | 7,587 | 2,161 | 1,667 |
|
|
5472
|
+
| \`orb\` | 36,885 | 14,019 | 12,534 | 10,017 | 3,710 | 3,124 |
|
|
5473
|
+
| \`outline\` | 38,845 | 13,848 | 12,318 | 12,105 | 3,441 | 2,757 |
|
|
5474
|
+
| \`pagination\` | 156,463 | 48,039 | 41,781 | 62,533 | 15,144 | 12,481 |
|
|
5475
|
+
| \`pin-input\` | 52,253 | 17,961 | 16,014 | 10,569 | 3,270 | 2,478 |
|
|
5476
|
+
| \`popover\` | 68,059 | 24,109 | 21,375 | 9,595 | 2,659 | 2,056 |
|
|
5477
|
+
| \`progress\` | 36,415 | 12,815 | 11,448 | 10,170 | 2,595 | 2,198 |
|
|
5478
|
+
| \`qr-code\` | 45,270 | 17,490 | 15,609 | 18,587 | 6,645 | 5,711 |
|
|
5479
|
+
| \`quote\` | 23,646 | 9,304 | 8,219 | 1,751 | 695 | 566 |
|
|
5480
|
+
| \`radio\` | 51,120 | 16,284 | 14,482 | 11,591 | 2,729 | 2,135 |
|
|
5481
|
+
| \`rating\` | 55,552 | 19,008 | 16,939 | 11,974 | 3,676 | 2,838 |
|
|
5482
|
+
| \`sandbox\` | 195,792 | 57,341 | 49,175 | 138,931 | 37,550 | 30,797 |
|
|
5483
|
+
| \`scatter-chart\` | 108,028 | 36,469 | 32,146 | 29,695 | 8,474 | 7,032 |
|
|
5484
|
+
| \`scroll-area\` | 36,301 | 12,384 | 11,037 | 13,508 | 3,556 | 2,789 |
|
|
5485
|
+
| \`select\` | 127,402 | 41,111 | 35,956 | 35,265 | 9,013 | 7,179 |
|
|
5486
|
+
| \`skeleton\` | 26,848 | 9,947 | 8,858 | 4,755 | 1,388 | 1,055 |
|
|
5487
|
+
| \`skip-link\` | 26,118 | 10,115 | 8,950 | 2,779 | 962 | 782 |
|
|
5488
|
+
| \`slider\` | 69,630 | 20,733 | 18,542 | 28,574 | 6,244 | 5,064 |
|
|
5489
|
+
| \`sparkline\` | 54,716 | 19,331 | 17,252 | 11,422 | 3,448 | 2,862 |
|
|
5490
|
+
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,494 | 28,901 | 8,472 | 7,040 |
|
|
5491
|
+
| \`spatial-heatmap\` | 126,853 | 42,152 | 37,041 | 41,460 | 11,657 | 9,747 |
|
|
5492
|
+
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,107 | 29,691 | 8,828 | 7,379 |
|
|
5493
|
+
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,442 | 28,039 | 8,144 | 6,763 |
|
|
5494
|
+
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,522 | 30,366 | 9,229 | 7,710 |
|
|
5495
|
+
| \`spatial-treemap\` | 115,605 | 39,966 | 35,166 | 30,369 | 9,258 | 7,865 |
|
|
5496
|
+
| \`speed-dial\` | 76,667 | 26,447 | 23,501 | 17,968 | 4,395 | 3,640 |
|
|
5497
|
+
| \`splitter\` | 51,146 | 16,693 | 14,936 | 20,540 | 4,914 | 4,051 |
|
|
5498
|
+
| \`stat\` | 29,171 | 10,751 | 9,585 | 5,194 | 1,469 | 1,215 |
|
|
5499
|
+
| \`steps\` | 69,031 | 21,902 | 19,484 | 27,874 | 6,792 | 5,583 |
|
|
5500
|
+
| \`strands\` | 63,680 | 23,697 | 20,906 | 38,176 | 13,662 | 11,974 |
|
|
5501
|
+
| \`switch\` | 44,474 | 14,984 | 13,342 | 6,021 | 1,732 | 1,309 |
|
|
5502
|
+
| \`table\` | 138,775 | 40,983 | 35,669 | 62,931 | 15,440 | 12,792 |
|
|
5503
|
+
| \`tabs\` | 56,056 | 18,049 | 16,043 | 19,435 | 4,759 | 3,787 |
|
|
5504
|
+
| \`tag\` | 48,197 | 17,126 | 15,318 | 13,012 | 3,654 | 3,000 |
|
|
5505
|
+
| \`terminal\` | 104,821 | 29,348 | 25,855 | 57,202 | 12,094 | 9,923 |
|
|
5506
|
+
| \`text\` | 29,286 | 10,211 | 9,003 | 7,183 | 1,498 | 1,245 |
|
|
5507
|
+
| \`textarea\` | 48,930 | 16,380 | 14,613 | 9,404 | 2,641 | 2,101 |
|
|
5508
|
+
| \`time-input\` | 196,693 | 57,968 | 50,426 | 72,808 | 16,487 | 13,633 |
|
|
5509
|
+
| \`time-picker\` | 114,881 | 34,974 | 30,729 | 46,174 | 11,378 | 9,437 |
|
|
5510
|
+
| \`timeline\` | 39,321 | 13,742 | 12,313 | 10,975 | 2,724 | 2,243 |
|
|
5511
|
+
| \`toast\` | 60,192 | 20,340 | 18,204 | 20,047 | 5,409 | 4,369 |
|
|
5512
|
+
| \`toggle\` | 51,106 | 16,789 | 14,915 | 10,853 | 3,073 | 2,333 |
|
|
5513
|
+
| \`toolbar\` | 37,051 | 13,296 | 11,863 | 4,030 | 978 | 719 |
|
|
5514
|
+
| \`tooltip\` | 62,502 | 22,263 | 19,779 | 11,291 | 3,116 | 2,549 |
|
|
5515
|
+
| \`tour\` | 95,381 | 31,305 | 27,731 | 30,157 | 7,571 | 6,130 |
|
|
5516
|
+
| \`tree\` | 77,354 | 25,063 | 22,318 | 25,869 | 6,886 | 5,698 |
|
|
5517
|
+
| \`trend\` | 32,854 | 12,577 | 11,235 | 5,489 | 1,665 | 1,394 |
|
|
5518
|
+
| \`video\` | 164,395 | 48,823 | 42,599 | 87,276 | 20,630 | 17,227 |
|
|
5519
|
+
| \`video-playlist\` | 144,967 | 44,810 | 39,338 | 58,785 | 14,032 | 11,724 |
|
|
5520
|
+
| \`virtual-list\` | 67,932 | 22,858 | 20,346 | 25,371 | 7,619 | 6,267 |
|
|
5521
5521
|
|
|
5522
5522
|
## What an install adds to \`node_modules\`
|
|
5523
5523
|
|
|
@@ -5530,12 +5530,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5530
5530
|
|
|
5531
5531
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
5532
5532
|
|---|---|---|---|---|
|
|
5533
|
-
| \`@fusion.dev/helix-core\` | 2,
|
|
5534
|
-
| \`@fusion.dev/helix-headless\` | 24,
|
|
5533
|
+
| \`@fusion.dev/helix-core\` | 2,285,769 | 619 | 827,801 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5534
|
+
| \`@fusion.dev/helix-headless\` | 24,575,092 | 786 | 2,604,298 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5535
5535
|
| \`@fusion.dev/helix-icons\` | 160,828 | 21 | 52,435 | \`svgo\` |
|
|
5536
|
-
| \`@fusion.dev/helix-styles\` |
|
|
5536
|
+
| \`@fusion.dev/helix-styles\` | 124,808 | 6 | 0 | none |
|
|
5537
5537
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5538
|
-
| \`@fusion.dev/helix\` | 25,
|
|
5538
|
+
| \`@fusion.dev/helix\` | 25,207,674 | 1,033 | 572,629 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
5539
5539
|
|
|
5540
5540
|
## Not measured yet
|
|
5541
5541
|
|