@fusion.dev/helix-docs 0.209.0 → 0.210.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/canvases.mdx +1 -0
- package/content/graphs.mdx +2 -1
- package/content/maps.mdx +3 -0
- package/content/metrics.mdx +239 -239
- package/dist/sources.generated.js +245 -240
- package/package.json +12 -12
|
@@ -806,6 +806,7 @@ The board is one tab stop. A card holds it, and Tab leaves the board.
|
|
|
806
806
|
| Plus, minus | The board, a card, or a connection | Zoom in or out |
|
|
807
807
|
| Escape | A card or a connection | Stop connecting, or go out to the board |
|
|
808
808
|
| Arrow keys | The board, after Escape | Pan the board |
|
|
809
|
+
| Arrow keys | A pan or zoom button | Move between the buttons by where they sit. The buttons are one tab stop |
|
|
809
810
|
|
|
810
811
|
Every drag also works with clicks. Click a selected card's move handle, a
|
|
811
812
|
corner, a card's connection point, or the end of a selected connection to pick
|
|
@@ -3079,7 +3080,8 @@ leaves removing it to your framework.
|
|
|
3079
3080
|
|
|
3080
3081
|
- The frame is one tab stop. Arrow keys move the drawing, and the plus and
|
|
3081
3082
|
minus keys zoom it. Set \`controls="pan zoom fullscreen"\` to add buttons that
|
|
3082
|
-
move it.
|
|
3083
|
+
move it. The buttons are a toolbar and one tab stop, and arrow keys move
|
|
3084
|
+
between them by where they sit.
|
|
3083
3085
|
- The list is a listbox, named by \`notes-label\`. Arrow keys, Home, End, Page
|
|
3084
3086
|
Up, and Page Down move through it, typing a letter moves to the next note
|
|
3085
3087
|
whose name starts with it, and Enter or Space selects a note.
|
|
@@ -4883,6 +4885,9 @@ compass sets \`--map-needle-turn\` to the angle that points north, so an icon in
|
|
|
4883
4885
|
\`rotate\` is in \`controls\`, and Shift with Up or Down tilts it while \`tilt\` is.
|
|
4884
4886
|
Keys with Control, Command, or Alt are left to the browser, so page zoom and
|
|
4885
4887
|
Back still work with focus on the map.
|
|
4888
|
+
- The buttons in \`controls\` are a toolbar and one tab stop. Arrow keys move
|
|
4889
|
+
between them by where they sit, Shift with an arrow still turns or tilts the
|
|
4890
|
+
map, and Enter or Space presses a button.
|
|
4886
4891
|
- The markers are one tab stop. Arrow keys move between them in the order you
|
|
4887
4892
|
wrote them. The map pans to show a marker that is off screen. If your page
|
|
4888
4893
|
removes the marker that has focus, focus moves to the next marker, or to the
|
|
@@ -5122,7 +5127,7 @@ on its own.
|
|
|
5122
5127
|
|
|
5123
5128
|
| | Raw | Gzip | Brotli |
|
|
5124
5129
|
|---|---|---|---|
|
|
5125
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
5130
|
+
| Lit and \`@fusion.dev/helix-core\` | 272,124 | 87,824 | 74,750 |
|
|
5126
5131
|
|
|
5127
5132
|
## Whole packages
|
|
5128
5133
|
|
|
@@ -5133,12 +5138,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
5133
5138
|
|
|
5134
5139
|
| Package | Raw | Gzip | Brotli | |
|
|
5135
5140
|
|---|---|---|---|---|
|
|
5136
|
-
| \`@fusion.dev/helix-core\` |
|
|
5137
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
5141
|
+
| \`@fusion.dev/helix-core\` | 271,333 | 87,670 | 74,384 | The element base class, mixins, decorators, and floating positioning. |
|
|
5142
|
+
| \`@fusion.dev/helix-headless\` | 1,478,744 | 414,210 | 310,932 | Every headless family. The barrel entry includes all of them. |
|
|
5138
5143
|
| \`@fusion.dev/helix-icons\` | 56,982 | 18,222 | 15,516 | The whole glyph set. |
|
|
5139
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. |
|
|
5140
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. |
|
|
5141
|
-
| \`@fusion.dev/helix\` | 2,
|
|
5146
|
+
| \`@fusion.dev/helix\` | 2,208,000 | 571,244 | 407,379 | Every styled family. |
|
|
5142
5147
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
5143
5148
|
|
|
5144
5149
|
## Stylesheets
|
|
@@ -5159,13 +5164,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
5159
5164
|
|
|
5160
5165
|
## What the numbers say
|
|
5161
5166
|
|
|
5162
|
-
**Most of your first component is the shared runtime.** The median styled family is 19,
|
|
5167
|
+
**Most of your first component is the shared runtime.** The median styled family is 19,792 bytes gzipped alone, and it adds 4,543 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.
|
|
5163
5168
|
|
|
5164
|
-
Across the 114 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,
|
|
5169
|
+
Across the 114 styled components, the smallest is \`code\` at 8,560 bytes gzipped alone, and the largest is \`data-table\` at 67,607. Every family together is 571,244.
|
|
5165
5170
|
|
|
5166
|
-
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 414,210 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 114 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.
|
|
5167
5172
|
|
|
5168
|
-
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,409 bytes gzipped alone.
|
|
5169
5174
|
|
|
5170
5175
|
## Compared with other systems
|
|
5171
5176
|
|
|
@@ -5177,22 +5182,22 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5177
5182
|
|
|
5178
5183
|
| Component | System | Raw | Gzip | Brotli |
|
|
5179
5184
|
|---|---|---|---|---|
|
|
5180
|
-
| \`button\` | **Helix** | 42,729 | 14,
|
|
5185
|
+
| \`button\` | **Helix** | 42,729 | 14,401 | 12,850 |
|
|
5181
5186
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
5182
5187
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
5183
5188
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
5184
5189
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
5185
|
-
| \`checkbox\` | **Helix** | 47,728 | 15,
|
|
5190
|
+
| \`checkbox\` | **Helix** | 47,728 | 15,518 | 13,821 |
|
|
5186
5191
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
5187
5192
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
5188
5193
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
5189
5194
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
5190
|
-
| \`dialog\` | **Helix** | 44,311 | 15,228 | 13,
|
|
5195
|
+
| \`dialog\` | **Helix** | 44,311 | 15,228 | 13,599 |
|
|
5191
5196
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
5192
5197
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
5193
5198
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
5194
5199
|
| | Web Awesome | 148,657 | 36,692 | 31,388 |
|
|
5195
|
-
| \`radio\` | **Helix** | 51,120 | 16,
|
|
5200
|
+
| \`radio\` | **Helix** | 51,120 | 16,283 | 14,517 |
|
|
5196
5201
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
5197
5202
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
5198
5203
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
@@ -5202,18 +5207,18 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
5202
5207
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
5203
5208
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
5204
5209
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
5205
|
-
| \`tabs\` | **Helix** | 56,031 | 18,046 | 16,
|
|
5210
|
+
| \`tabs\` | **Helix** | 56,031 | 18,046 | 16,057 |
|
|
5206
5211
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
5207
5212
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
5208
5213
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
5209
5214
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
5210
|
-
| \`tooltip\` | **Helix** | 62,502 | 22,264 | 19,
|
|
5215
|
+
| \`tooltip\` | **Helix** | 62,502 | 22,264 | 19,815 |
|
|
5211
5216
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
5212
5217
|
| | Material Web | | not shipped | |
|
|
5213
5218
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
5214
5219
|
| | Web Awesome | 70,568 | 24,005 | 21,107 |
|
|
5215
5220
|
|
|
5216
|
-
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,623 bytes gzipped. 8 of 27 peer measurements are smaller than the Helix row.
|
|
5217
5222
|
|
|
5218
5223
|
Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
5219
5224
|
|
|
@@ -5287,113 +5292,113 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
5287
5292
|
|
|
5288
5293
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5289
5294
|
|---|---|---|---|---|---|---|
|
|
5290
|
-
| \`accordion\` | 32,671 | 12,094 | 10,
|
|
5291
|
-
| \`announcement\` | 37,661 | 13,
|
|
5292
|
-
| \`app-header\` | 33,168 | 12,
|
|
5293
|
-
| \`area-chart\` | 99,355 | 34,965 | 30,
|
|
5294
|
-
| \`avatar\` | 31,887 | 12,152 | 10,
|
|
5295
|
-
| \`badge\` | 28,118 | 10,943 | 9,778 | 2,
|
|
5296
|
-
| \`bar-chart\` | 107,369 | 37,640 | 33,
|
|
5297
|
-
| \`blockquote\` | 24,679 | 9,637 | 8,534 | 2,
|
|
5298
|
-
| \`breadcrumbs\` | 37,419 | 14,327 | 12,
|
|
5299
|
-
| \`button\` | 36,221 | 12,
|
|
5300
|
-
| \`button-group\` | 28,214 | 10,616 | 9,417 | 4,
|
|
5301
|
-
| \`callout\` | 36,284 | 13,987 | 12,
|
|
5302
|
-
| \`canvas\` |
|
|
5303
|
-
| \`card\` | 24,397 | 9,311 | 8,
|
|
5304
|
-
| \`carousel\` | 45,167 | 16,073 | 14,
|
|
5305
|
-
| \`chat\` | 81,069 | 27,
|
|
5306
|
-
| \`checkbox\` | 41,242 | 14,
|
|
5307
|
-
| \`checkbox-group\` | 48,465 | 15,
|
|
5308
|
-
| \`code\` | 20,869 | 8,
|
|
5309
|
-
| \`code-block\` | 104,774 | 35,
|
|
5310
|
-
| \`color-input\` | 143,744 | 45,822 | 39,
|
|
5311
|
-
| \`color-picker\` | 105,363 | 33,633 | 29,
|
|
5312
|
-
| \`combobox\` | 133,766 | 42,
|
|
5313
|
-
| \`command\` | 101,170 | 32,144 | 28,
|
|
5314
|
-
| \`copy-button\` | 82,225 | 28,
|
|
5315
|
-
| \`data-table\` | 202,025 | 62,203 | 53,
|
|
5316
|
-
| \`date-input\` | 143,049 | 45,
|
|
5317
|
-
| \`date-picker\` | 63,093 | 21,
|
|
5318
|
-
| \`description-list\` | 23,472 | 8,992 | 7,982 | 1,565 |
|
|
5319
|
-
| \`dialog\` | 39,175 | 13,971 | 12,
|
|
5320
|
-
| \`divider\` | 23,564 | 9,143 | 8,
|
|
5321
|
-
| \`donut-chart\` | 92,673 | 32,
|
|
5322
|
-
| \`drawer\` | 43,812 | 15,
|
|
5323
|
-
| \`drilldown\` | 43,527 | 15,
|
|
5324
|
-
| \`empty\` | 25,007 | 9,577 | 8,495 | 1,976 |
|
|
5325
|
-
| \`file-input\` | 59,118 | 20,551 | 18,
|
|
5326
|
-
| \`filter-input\` | 99,578 | 33,
|
|
5327
|
-
| \`format-date\` | 31,209 | 11,674 | 10,454 | 4,
|
|
5328
|
-
| \`graph\` |
|
|
5329
|
-
| \`heatmap\` | 101,735 | 34,690 | 30,
|
|
5330
|
-
| \`icon\` | 84,375 | 28,
|
|
5331
|
-
| \`icon-button\` | 36,332 | 12,
|
|
5332
|
-
| \`image\` | 26,373 | 9,843 | 8,
|
|
5333
|
-
| \`input\` | 47,049 | 16,
|
|
5334
|
-
| \`kbd\` | 28,084 | 10,
|
|
5335
|
-
| \`legend\` |
|
|
5336
|
-
| \`lightbox\` | 57,138 | 19,379 | 17,
|
|
5337
|
-
| \`line-chart\` | 102,350 | 35,
|
|
5338
|
-
| \`list\` | 62,949 | 21,
|
|
5339
|
-
| \`listbox\` | 78,070 | 25,949 | 22,
|
|
5340
|
-
| \`loader\` | 27,341 | 10,
|
|
5341
|
-
| \`log\` | 80,937 | 27,
|
|
5342
|
-
| \`map\` |
|
|
5343
|
-
| \`megamenu\` | 61,165 | 22,
|
|
5344
|
-
| \`menu\` | 98,510 | 32,958 | 29,
|
|
5345
|
-
| \`meter\` | 32,921 | 12,
|
|
5346
|
-
| \`motion-toggle\` | 26,353 | 10,249 | 9,108 | 1,426 |
|
|
5347
|
-
| \`navigation\` | 33,861 | 12,731 | 11,
|
|
5348
|
-
| \`notifications\` | 59,565 | 20,
|
|
5349
|
-
| \`number-input\` | 57,629 | 19,
|
|
5350
|
-
| \`object-inspector\` | 115,897 | 39,007 | 34,
|
|
5351
|
-
| \`option\` | 27,049 | 9,
|
|
5352
|
-
| \`outline\` | 34,611 | 12,984 | 11,
|
|
5353
|
-
| \`pagination\` | 138,030 | 44,309 | 38,
|
|
5354
|
-
| \`pin-input\` | 48,848 | 17,045 | 15,
|
|
5355
|
-
| \`popover\` | 64,882 | 23,
|
|
5356
|
-
| \`progress\` | 29,235 | 11,152 | 9,980 | 3,
|
|
5357
|
-
| \`qr-code\` | 43,669 | 17,
|
|
5358
|
-
| \`quote\` | 23,088 | 9,111 | 8,
|
|
5359
|
-
| \`radio\` | 43,333 | 14,
|
|
5360
|
-
| \`rating\` | 51,593 | 17,779 | 15,843 | 8,
|
|
5361
|
-
| \`scatter-chart\` | 98,654 | 34,
|
|
5362
|
-
| \`scroll-area\` | 31,294 | 11,
|
|
5363
|
-
| \`select\` | 116,719 | 38,
|
|
5364
|
-
| \`skeleton\` | 22,900 | 8,871 | 7,
|
|
5365
|
-
| \`skip-link\` | 24,547 | 9,607 | 8,
|
|
5366
|
-
| \`slider\` | 54,642 | 18,
|
|
5367
|
-
| \`sparkline\` | 49,258 | 17,
|
|
5368
|
-
| \`spatial-bar-chart\` | 105,167 | 37,124 | 32,
|
|
5369
|
-
| \`spatial-heatmap\` | 117,089 | 39,
|
|
5370
|
-
| \`spatial-ribbon-chart\` | 104,288 | 36,
|
|
5371
|
-
| \`spatial-scatter-chart\` | 102,521 | 35,
|
|
5372
|
-
| \`spatial-surface-chart\` | 105,443 | 37,265 | 32,
|
|
5373
|
-
| \`spatial-treemap\` | 106,561 | 37,909 | 33,
|
|
5374
|
-
| \`speed-dial\` | 69,618 | 25,
|
|
5375
|
-
| \`splitter\` | 45,071 | 15,
|
|
5376
|
-
| \`stat\` | 26,285 | 10,
|
|
5377
|
-
| \`steps\` | 54,926 | 19,
|
|
5378
|
-
| \`switch\` | 40,096 | 13,831 | 12,
|
|
5379
|
-
| \`table\` | 119,434 | 37,
|
|
5380
|
-
| \`tabs\` | 47,080 | 16,201 | 14,
|
|
5381
|
-
| \`tag\` | 43,623 | 15,997 | 14,
|
|
5382
|
-
| \`terminal\` |
|
|
5383
|
-
| \`textarea\` | 44,973 | 15,362 | 13,
|
|
5384
|
-
| \`time-input\` | 170,882 | 53,314 | 46,
|
|
5385
|
-
| \`time-picker\` | 101,126 | 32,
|
|
5386
|
-
| \`timeline\` | 32,429 | 12,
|
|
5387
|
-
| \`toast\` | 52,298 | 18,495 | 16,
|
|
5388
|
-
| \`toggle\` | 46,246 | 15,538 | 13,
|
|
5389
|
-
| \`toolbar\` |
|
|
5390
|
-
| \`tooltip\` | 59,698 | 21,530 | 19,
|
|
5391
|
-
| \`tour\` | 85,264 | 29,
|
|
5392
|
-
| \`tree\` | 68,641 | 23,148 | 20,
|
|
5393
|
-
| \`trend\` | 30,937 | 12,024 | 10,
|
|
5394
|
-
| \`video\` | 143,863 | 45,086 | 39,
|
|
5395
|
-
| \`video-playlist\` | 128,994 | 41,833 | 36,
|
|
5396
|
-
| \`virtual-list\` | 64,382 | 21,914 | 19,
|
|
5295
|
+
| \`accordion\` | 32,671 | 12,094 | 10,735 | 5,378 | 1,529 | 1,131 |
|
|
5296
|
+
| \`announcement\` | 37,661 | 13,707 | 12,239 | 4,701 | 1,370 | 1,025 |
|
|
5297
|
+
| \`app-header\` | 33,168 | 12,240 | 10,876 | 5,901 | 1,738 | 1,302 |
|
|
5298
|
+
| \`area-chart\` | 99,355 | 34,965 | 30,843 | 14,419 | 4,407 | 3,485 |
|
|
5299
|
+
| \`avatar\` | 31,887 | 12,152 | 10,893 | 4,000 | 1,210 | 907 |
|
|
5300
|
+
| \`badge\` | 28,118 | 10,943 | 9,778 | 2,961 | 863 | 583 |
|
|
5301
|
+
| \`bar-chart\` | 107,369 | 37,640 | 33,276 | 21,900 | 6,919 | 5,782 |
|
|
5302
|
+
| \`blockquote\` | 24,679 | 9,637 | 8,534 | 2,401 | 855 | 582 |
|
|
5303
|
+
| \`breadcrumbs\` | 37,419 | 14,327 | 12,788 | 7,382 | 2,390 | 1,919 |
|
|
5304
|
+
| \`button\` | 36,221 | 12,969 | 11,568 | 5,128 | 1,500 | 1,138 |
|
|
5305
|
+
| \`button-group\` | 28,214 | 10,616 | 9,417 | 4,921 | 1,479 | 1,032 |
|
|
5306
|
+
| \`callout\` | 36,284 | 13,987 | 12,428 | 2,884 | 935 | 620 |
|
|
5307
|
+
| \`canvas\` | 116,881 | 37,636 | 32,848 | 68,987 | 21,053 | 17,481 |
|
|
5308
|
+
| \`card\` | 24,397 | 9,311 | 8,257 | 2,090 | 595 | 406 |
|
|
5309
|
+
| \`carousel\` | 45,167 | 16,073 | 14,342 | 15,328 | 4,237 | 3,358 |
|
|
5310
|
+
| \`chat\` | 81,069 | 27,037 | 23,873 | 27,683 | 8,099 | 6,434 |
|
|
5311
|
+
| \`checkbox\` | 41,242 | 14,016 | 12,498 | 3,107 | 926 | 725 |
|
|
5312
|
+
| \`checkbox-group\` | 48,465 | 15,944 | 14,235 | 8,322 | 2,341 | 1,776 |
|
|
5313
|
+
| \`code\` | 20,869 | 8,247 | 7,309 | 138 | 52 | -30 |
|
|
5314
|
+
| \`code-block\` | 104,774 | 35,631 | 31,417 | 37,347 | 10,692 | 8,924 |
|
|
5315
|
+
| \`color-input\` | 143,744 | 45,822 | 39,991 | 55,778 | 14,318 | 11,805 |
|
|
5316
|
+
| \`color-picker\` | 105,363 | 33,633 | 29,452 | 47,898 | 12,634 | 10,411 |
|
|
5317
|
+
| \`combobox\` | 133,766 | 42,657 | 37,513 | 35,966 | 9,125 | 7,190 |
|
|
5318
|
+
| \`command\` | 101,170 | 32,144 | 28,271 | 30,349 | 8,191 | 6,634 |
|
|
5319
|
+
| \`copy-button\` | 82,225 | 28,295 | 25,084 | 18,757 | 5,061 | 4,114 |
|
|
5320
|
+
| \`data-table\` | 202,025 | 62,203 | 53,145 | 89,964 | 24,071 | 19,302 |
|
|
5321
|
+
| \`date-input\` | 143,049 | 45,173 | 39,648 | 38,664 | 9,426 | 7,590 |
|
|
5322
|
+
| \`date-picker\` | 63,093 | 21,512 | 19,243 | 20,720 | 5,612 | 4,512 |
|
|
5323
|
+
| \`description-list\` | 23,472 | 8,992 | 7,982 | 1,565 | 477 | 336 |
|
|
5324
|
+
| \`dialog\` | 39,175 | 13,971 | 12,449 | 5,948 | 1,758 | 1,349 |
|
|
5325
|
+
| \`divider\` | 23,564 | 9,143 | 8,083 | 1,415 | 472 | 281 |
|
|
5326
|
+
| \`donut-chart\` | 92,673 | 32,264 | 28,524 | 14,719 | 4,470 | 3,604 |
|
|
5327
|
+
| \`drawer\` | 43,812 | 15,482 | 13,794 | 7,799 | 2,285 | 1,747 |
|
|
5328
|
+
| \`drilldown\` | 43,527 | 15,250 | 13,592 | 9,707 | 2,700 | 2,115 |
|
|
5329
|
+
| \`empty\` | 25,007 | 9,577 | 8,495 | 1,976 | 595 | 443 |
|
|
5330
|
+
| \`file-input\` | 59,118 | 20,551 | 18,289 | 13,152 | 4,120 | 3,251 |
|
|
5331
|
+
| \`filter-input\` | 99,578 | 33,491 | 29,727 | 21,571 | 6,167 | 4,908 |
|
|
5332
|
+
| \`format-date\` | 31,209 | 11,674 | 10,454 | 4,475 | 1,250 | 975 |
|
|
5333
|
+
| \`graph\` | 80,826 | 26,446 | 23,401 | 22,944 | 6,679 | 5,419 |
|
|
5334
|
+
| \`heatmap\` | 101,735 | 34,690 | 30,643 | 19,070 | 5,601 | 4,500 |
|
|
5335
|
+
| \`icon\` | 84,375 | 28,942 | 24,812 | 59,478 | 20,544 | 16,372 |
|
|
5336
|
+
| \`icon-button\` | 36,332 | 12,998 | 11,586 | 5,237 | 1,534 | 1,172 |
|
|
5337
|
+
| \`image\` | 26,373 | 9,843 | 8,743 | 3,846 | 1,132 | 845 |
|
|
5338
|
+
| \`input\` | 47,049 | 16,178 | 14,343 | 7,006 | 2,220 | 1,494 |
|
|
5339
|
+
| \`kbd\` | 28,084 | 10,786 | 9,543 | 3,516 | 1,084 | 695 |
|
|
5340
|
+
| \`legend\` | 39,951 | 14,498 | 12,941 | 2,765 | 879 | 676 |
|
|
5341
|
+
| \`lightbox\` | 57,138 | 19,379 | 17,227 | 16,760 | 4,606 | 3,501 |
|
|
5342
|
+
| \`line-chart\` | 102,350 | 35,824 | 31,648 | 16,812 | 5,035 | 4,213 |
|
|
5343
|
+
| \`list\` | 62,949 | 21,720 | 19,365 | 15,256 | 4,375 | 3,434 |
|
|
5344
|
+
| \`listbox\` | 78,070 | 25,949 | 22,983 | 15,603 | 4,545 | 3,450 |
|
|
5345
|
+
| \`loader\` | 27,341 | 10,450 | 9,309 | 2,786 | 900 | 638 |
|
|
5346
|
+
| \`log\` | 80,937 | 27,697 | 24,614 | 37,582 | 11,477 | 9,828 |
|
|
5347
|
+
| \`map\` | 87,568 | 27,296 | 23,896 | 37,497 | 10,138 | 8,124 |
|
|
5348
|
+
| \`megamenu\` | 61,165 | 22,170 | 19,604 | 8,724 | 2,430 | 1,782 |
|
|
5349
|
+
| \`menu\` | 98,510 | 32,958 | 29,062 | 30,262 | 8,005 | 6,518 |
|
|
5350
|
+
| \`meter\` | 32,921 | 12,484 | 11,169 | 4,982 | 1,447 | 1,225 |
|
|
5351
|
+
| \`motion-toggle\` | 26,353 | 10,249 | 9,108 | 1,426 | 480 | 223 |
|
|
5352
|
+
| \`navigation\` | 33,861 | 12,731 | 11,314 | 3,365 | 1,113 | 842 |
|
|
5353
|
+
| \`notifications\` | 59,565 | 20,343 | 18,136 | 18,281 | 5,014 | 4,085 |
|
|
5354
|
+
| \`number-input\` | 57,629 | 19,358 | 17,243 | 13,581 | 3,616 | 2,916 |
|
|
5355
|
+
| \`object-inspector\` | 115,897 | 39,007 | 34,322 | 36,016 | 10,271 | 8,342 |
|
|
5356
|
+
| \`option\` | 27,049 | 9,970 | 8,856 | 4,523 | 1,163 | 917 |
|
|
5357
|
+
| \`outline\` | 34,611 | 12,984 | 11,533 | 7,888 | 2,547 | 2,031 |
|
|
5358
|
+
| \`pagination\` | 138,030 | 44,309 | 38,499 | 45,679 | 11,783 | 9,558 |
|
|
5359
|
+
| \`pin-input\` | 48,848 | 17,045 | 15,223 | 7,208 | 2,350 | 1,700 |
|
|
5360
|
+
| \`popover\` | 64,882 | 23,347 | 20,625 | 6,461 | 1,844 | 1,370 |
|
|
5361
|
+
| \`progress\` | 29,235 | 11,152 | 9,980 | 3,007 | 911 | 797 |
|
|
5362
|
+
| \`qr-code\` | 43,669 | 17,003 | 15,110 | 17,003 | 6,259 | 5,294 |
|
|
5363
|
+
| \`quote\` | 23,088 | 9,111 | 8,047 | 1,210 | 472 | 286 |
|
|
5364
|
+
| \`radio\` | 43,333 | 14,777 | 13,182 | 3,815 | 1,181 | 823 |
|
|
5365
|
+
| \`rating\` | 51,593 | 17,779 | 15,843 | 8,058 | 2,433 | 1,758 |
|
|
5366
|
+
| \`scatter-chart\` | 98,654 | 34,305 | 30,248 | 20,340 | 6,363 | 5,126 |
|
|
5367
|
+
| \`scroll-area\` | 31,294 | 11,432 | 10,150 | 8,518 | 2,568 | 1,953 |
|
|
5368
|
+
| \`select\` | 116,719 | 38,718 | 33,938 | 26,153 | 7,156 | 5,491 |
|
|
5369
|
+
| \`skeleton\` | 22,900 | 8,871 | 7,873 | 991 | 351 | 199 |
|
|
5370
|
+
| \`skip-link\` | 24,547 | 9,607 | 8,523 | 1,224 | 434 | 230 |
|
|
5371
|
+
| \`slider\` | 54,642 | 18,409 | 16,468 | 13,625 | 3,834 | 2,997 |
|
|
5372
|
+
| \`sparkline\` | 49,258 | 17,982 | 16,053 | 5,984 | 2,084 | 1,649 |
|
|
5373
|
+
| \`spatial-bar-chart\` | 105,167 | 37,124 | 32,670 | 19,854 | 6,504 | 5,241 |
|
|
5374
|
+
| \`spatial-heatmap\` | 117,089 | 39,971 | 35,128 | 31,741 | 9,529 | 7,796 |
|
|
5375
|
+
| \`spatial-ribbon-chart\` | 104,288 | 36,724 | 32,350 | 20,793 | 6,946 | 5,745 |
|
|
5376
|
+
| \`spatial-scatter-chart\` | 102,521 | 35,979 | 31,684 | 19,087 | 6,257 | 5,166 |
|
|
5377
|
+
| \`spatial-surface-chart\` | 105,443 | 37,265 | 32,849 | 21,949 | 7,431 | 6,112 |
|
|
5378
|
+
| \`spatial-treemap\` | 106,561 | 37,909 | 33,331 | 21,370 | 7,341 | 5,940 |
|
|
5379
|
+
| \`speed-dial\` | 69,618 | 25,071 | 22,199 | 10,935 | 2,929 | 2,358 |
|
|
5380
|
+
| \`splitter\` | 45,071 | 15,638 | 13,975 | 14,504 | 3,856 | 3,119 |
|
|
5381
|
+
| \`stat\` | 26,285 | 10,055 | 8,954 | 2,323 | 726 | 564 |
|
|
5382
|
+
| \`steps\` | 54,926 | 19,118 | 17,041 | 13,805 | 3,855 | 3,067 |
|
|
5383
|
+
| \`switch\` | 40,096 | 13,831 | 12,327 | 1,679 | 583 | 381 |
|
|
5384
|
+
| \`table\` | 119,434 | 37,420 | 32,549 | 45,147 | 12,187 | 10,003 |
|
|
5385
|
+
| \`tabs\` | 47,080 | 16,201 | 14,418 | 10,491 | 2,854 | 2,171 |
|
|
5386
|
+
| \`tag\` | 43,623 | 15,997 | 14,326 | 8,451 | 2,496 | 1,821 |
|
|
5387
|
+
| \`terminal\` | 73,881 | 24,510 | 21,682 | 26,338 | 7,296 | 5,898 |
|
|
5388
|
+
| \`textarea\` | 44,973 | 15,362 | 13,730 | 5,490 | 1,604 | 1,165 |
|
|
5389
|
+
| \`time-input\` | 170,882 | 53,314 | 46,321 | 48,572 | 12,208 | 9,873 |
|
|
5390
|
+
| \`time-picker\` | 101,126 | 32,099 | 28,228 | 33,985 | 9,124 | 7,186 |
|
|
5391
|
+
| \`timeline\` | 32,429 | 12,280 | 11,015 | 4,087 | 1,187 | 908 |
|
|
5392
|
+
| \`toast\` | 52,298 | 18,495 | 16,465 | 12,165 | 3,483 | 2,679 |
|
|
5393
|
+
| \`toggle\` | 46,246 | 15,538 | 13,858 | 6,005 | 1,788 | 1,350 |
|
|
5394
|
+
| \`toolbar\` | 34,345 | 12,794 | 11,419 | 1,366 | 456 | 331 |
|
|
5395
|
+
| \`tooltip\` | 59,698 | 21,530 | 19,116 | 8,505 | 2,343 | 1,854 |
|
|
5396
|
+
| \`tour\` | 85,264 | 29,311 | 25,920 | 20,089 | 5,511 | 4,398 |
|
|
5397
|
+
| \`tree\` | 68,641 | 23,148 | 20,588 | 17,196 | 4,917 | 3,909 |
|
|
5398
|
+
| \`trend\` | 30,937 | 12,024 | 10,755 | 3,592 | 1,088 | 885 |
|
|
5399
|
+
| \`video\` | 143,863 | 45,086 | 39,311 | 66,785 | 16,938 | 13,922 |
|
|
5400
|
+
| \`video-playlist\` | 128,994 | 41,833 | 36,743 | 42,860 | 11,076 | 9,240 |
|
|
5401
|
+
| \`virtual-list\` | 64,382 | 21,914 | 19,517 | 23,394 | 7,180 | 5,801 |
|
|
5397
5402
|
|
|
5398
5403
|
### Styled tier
|
|
5399
5404
|
|
|
@@ -5401,120 +5406,120 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
5401
5406
|
|
|
5402
5407
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
5403
5408
|
|---|---|---|---|---|---|---|
|
|
5404
|
-
| \`accordion\` | 36,104 | 12,946 | 11,493 | 8,
|
|
5405
|
-
| \`announcement\` | 42,276 | 14,
|
|
5406
|
-
| \`app-header\` | 38,326 | 13,449 | 11,
|
|
5407
|
-
| \`area-chart\` | 107,559 | 36,864 | 32,
|
|
5408
|
-
| \`aura\` | 59,567 | 20,253 | 17,
|
|
5409
|
-
| \`avatar\` | 34,890 | 12,911 | 11,
|
|
5410
|
-
| \`badge\` | 33,626 | 12,189 | 10,864 | 8,
|
|
5411
|
-
| \`bar-chart\` | 122,404 | 40,
|
|
5412
|
-
| \`blockquote\` | 26,905 | 10,
|
|
5413
|
-
| \`breadcrumbs\` | 44,356 | 15,
|
|
5414
|
-
| \`button\` | 42,729 | 14,
|
|
5415
|
-
| \`button-group\` | 31,709 | 11,294 | 10,
|
|
5416
|
-
| \`callout\` | 40,077 | 14,
|
|
5417
|
-
| \`canvas\` |
|
|
5418
|
-
| \`card\` | 28,297 | 10,317 | 9,
|
|
5419
|
-
| \`carousel\` | 55,653 | 17,867 |
|
|
5420
|
-
| \`chat\` | 96,362 | 29,
|
|
5421
|
-
| \`checkbox\` | 47,728 | 15,
|
|
5422
|
-
| \`checkbox-group\` | 55,688 | 17,
|
|
5423
|
-
| \`code\` | 21,726 | 8,560 | 7,
|
|
5424
|
-
| \`code-block\` | 129,247 | 39,
|
|
5425
|
-
| \`color-input\` | 186,215 | 52,
|
|
5426
|
-
| \`color-picker\` | 142,389 | 39,198 | 34,
|
|
5427
|
-
| \`combobox\` | 149,120 | 45,609 | 40,
|
|
5428
|
-
| \`command\` | 112,469 | 34,492 | 30,
|
|
5429
|
-
| \`copy-button\` | 94,256 | 30,
|
|
5430
|
-
| \`data-table\` | 232,690 | 67,
|
|
5431
|
-
| \`date-input\` | 164,353 | 48,
|
|
5432
|
-
| \`date-picker\` | 71,139 | 22,
|
|
5433
|
-
| \`description-list\` | 26,427 | 9,
|
|
5434
|
-
| \`dialog\` | 44,311 | 15,228 | 13,
|
|
5435
|
-
| \`divider\` | 25,863 | 9,771 | 8,637 | 3,
|
|
5436
|
-
| \`donut-chart\` | 102,652 | 34,
|
|
5437
|
-
| \`drawer\` | 49,642 | 16,
|
|
5438
|
-
| \`drilldown\` | 49,204 | 16,
|
|
5439
|
-
| \`empty\` | 26,316 | 10,
|
|
5440
|
-
| \`file-input\` | 70,648 | 22,
|
|
5441
|
-
| \`filter-input\` | 110,412 | 35,
|
|
5442
|
-
| \`flex\` | 26,312 | 9,424 | 8,
|
|
5443
|
-
| \`format-date\` | 31,463 | 11,789 | 10,
|
|
5444
|
-
| \`graph\` |
|
|
5445
|
-
| \`grid\` | 27,762 | 10,136 | 8,
|
|
5446
|
-
| \`heatmap\` | 110,057 | 36,
|
|
5447
|
-
| \`icon\` | 86,410 | 29,
|
|
5448
|
-
| \`icon-button\` | 44,066 | 14,
|
|
5449
|
-
| \`image\` | 27,760 | 10,
|
|
5450
|
-
| \`input\` | 51,304 | 17,264 | 15,
|
|
5451
|
-
| \`kbd\` | 30,078 | 11,327 | 10,
|
|
5452
|
-
| \`legend\` |
|
|
5453
|
-
| \`lightbox\` | 63,432 | 20,
|
|
5454
|
-
| \`line-chart\` | 113,713 | 38,
|
|
5455
|
-
| \`list\` | 69,295 | 23,264 | 20,
|
|
5456
|
-
| \`listbox\` | 82,511 | 27,060 | 23,
|
|
5457
|
-
| \`loader\` | 30,222 | 11,
|
|
5458
|
-
| \`log\` | 92,972 | 30,
|
|
5459
|
-
| \`map\` |
|
|
5460
|
-
| \`megamenu\` | 66,134 | 23,
|
|
5461
|
-
| \`menu\` | 109,435 | 35,
|
|
5462
|
-
| \`meter\` | 39,093 | 13,
|
|
5463
|
-
| \`motion-toggle\` | 27,988 | 10,
|
|
5464
|
-
| \`navigation\` | 37,585 | 13,566 | 12,
|
|
5465
|
-
| \`notifications\` | 73,053 | 22,
|
|
5466
|
-
| \`number-input\` | 62,610 | 20,
|
|
5467
|
-
| \`object-inspector\` | 132,306 | 41,847 | 36,
|
|
5468
|
-
| \`option\` | 30,122 | 10,
|
|
5469
|
-
| \`orb\` | 36,885 | 14,019 | 12,
|
|
5470
|
-
| \`outline\` | 38,845 | 13,846 | 12,
|
|
5471
|
-
| \`pagination\` | 154,907 | 47,575 | 41,
|
|
5472
|
-
| \`pin-input\` | 52,228 | 17,953 | 16,
|
|
5473
|
-
| \`popover\` | 68,034 | 24,
|
|
5474
|
-
| \`progress\` | 36,415 | 12,815 | 11,
|
|
5475
|
-
| \`qr-code\` | 45,270 | 17,490 | 15,
|
|
5476
|
-
| \`quote\` | 23,646 | 9,303 | 8,
|
|
5477
|
-
| \`radio\` | 51,120 | 16,
|
|
5478
|
-
| \`rating\` | 55,527 | 19,
|
|
5479
|
-
| \`sandbox\` | 108,218 | 32,
|
|
5480
|
-
| \`scatter-chart\` | 108,028 | 36,
|
|
5481
|
-
| \`scroll-area\` | 36,301 | 12,383 | 11,
|
|
5482
|
-
| \`select\` | 125,846 | 40,635 | 35,
|
|
5483
|
-
| \`skeleton\` | 26,848 | 9,
|
|
5484
|
-
| \`skip-link\` | 26,118 | 10,114 | 8,
|
|
5485
|
-
| \`slider\` | 69,605 | 20,727 | 18,
|
|
5486
|
-
| \`sparkline\` | 54,716 | 19,
|
|
5487
|
-
| \`spatial-bar-chart\` | 114,232 | 39,
|
|
5488
|
-
| \`spatial-heatmap\` | 126,828 | 42,151 | 37,
|
|
5489
|
-
| \`spatial-ribbon-chart\` | 113,204 | 38,
|
|
5490
|
-
| \`spatial-scatter-chart\` | 111,501 | 37,966 | 33,
|
|
5491
|
-
| \`spatial-surface-chart\` | 113,878 | 39,
|
|
5492
|
-
| \`spatial-treemap\` | 115,580 | 39,
|
|
5493
|
-
| \`speed-dial\` | 76,667 | 26,447 | 23,
|
|
5494
|
-
| \`splitter\` | 51,121 | 16,
|
|
5495
|
-
| \`stat\` | 29,171 | 10,
|
|
5496
|
-
| \`steps\` | 69,006 | 21,
|
|
5497
|
-
| \`strands\` | 63,680 | 23,
|
|
5498
|
-
| \`switch\` | 44,449 | 14,979 | 13,332 | 6,021 | 1,
|
|
5499
|
-
| \`table\` | 136,974 | 40,
|
|
5500
|
-
| \`tabs\` | 56,031 | 18,046 | 16,
|
|
5501
|
-
| \`tag\` | 48,197 | 17,125 | 15,
|
|
5502
|
-
| \`terminal\` |
|
|
5503
|
-
| \`text\` | 29,286 | 10,212 | 9,
|
|
5504
|
-
| \`textarea\` | 48,905 | 16,375 | 14,
|
|
5505
|
-
| \`time-input\` | 195,137 | 57,469 | 50,
|
|
5506
|
-
| \`time-picker\` | 113,325 | 34,
|
|
5507
|
-
| \`timeline\` | 39,321 | 13,742 | 12,
|
|
5508
|
-
| \`toast\` | 60,192 | 20,
|
|
5509
|
-
| \`toggle\` | 51,106 | 16,
|
|
5510
|
-
| \`toolbar\` |
|
|
5511
|
-
| \`tooltip\` | 62,502 | 22,264 | 19,
|
|
5512
|
-
| \`tour\` | 95,356 | 31,302 | 27,
|
|
5513
|
-
| \`tree\` | 77,329 | 25,
|
|
5514
|
-
| \`trend\` | 32,854 | 12,576 | 11,
|
|
5515
|
-
| \`video\` | 164,366 | 48,
|
|
5516
|
-
| \`video-playlist\` | 144,942 | 44,815 | 39,
|
|
5517
|
-
| \`virtual-list\` | 66,376 | 22,
|
|
5409
|
+
| \`accordion\` | 36,104 | 12,946 | 11,493 | 8,795 | 2,438 | 2,015 |
|
|
5410
|
+
| \`announcement\` | 42,276 | 14,773 | 13,228 | 9,297 | 2,441 | 1,945 |
|
|
5411
|
+
| \`app-header\` | 38,326 | 13,449 | 11,965 | 11,046 | 2,961 | 2,410 |
|
|
5412
|
+
| \`area-chart\` | 107,559 | 36,864 | 32,534 | 22,604 | 6,351 | 5,183 |
|
|
5413
|
+
| \`aura\` | 59,567 | 20,253 | 17,973 | 31,768 | 9,529 | 8,133 |
|
|
5414
|
+
| \`avatar\` | 34,890 | 12,911 | 11,562 | 6,988 | 1,971 | 1,653 |
|
|
5415
|
+
| \`badge\` | 33,626 | 12,189 | 10,864 | 8,459 | 2,129 | 1,684 |
|
|
5416
|
+
| \`bar-chart\` | 122,404 | 40,669 | 35,860 | 36,917 | 9,799 | 8,287 |
|
|
5417
|
+
| \`blockquote\` | 26,905 | 10,185 | 9,024 | 4,611 | 1,382 | 1,074 |
|
|
5418
|
+
| \`breadcrumbs\` | 44,356 | 15,532 | 13,886 | 14,307 | 3,641 | 2,960 |
|
|
5419
|
+
| \`button\` | 42,729 | 14,401 | 12,850 | 11,618 | 2,964 | 2,327 |
|
|
5420
|
+
| \`button-group\` | 31,709 | 11,294 | 10,026 | 8,406 | 2,181 | 1,681 |
|
|
5421
|
+
| \`callout\` | 40,077 | 14,933 | 13,281 | 6,659 | 1,911 | 1,457 |
|
|
5422
|
+
| \`canvas\` | 137,925 | 41,609 | 36,407 | 89,669 | 24,934 | 20,870 |
|
|
5423
|
+
| \`card\` | 28,297 | 10,317 | 9,156 | 5,976 | 1,615 | 1,373 |
|
|
5424
|
+
| \`carousel\` | 55,653 | 17,867 | 15,977 | 25,799 | 6,101 | 4,896 |
|
|
5425
|
+
| \`chat\` | 96,362 | 29,760 | 26,321 | 42,966 | 10,732 | 8,887 |
|
|
5426
|
+
| \`checkbox\` | 47,728 | 15,518 | 13,821 | 9,579 | 2,443 | 1,968 |
|
|
5427
|
+
| \`checkbox-group\` | 55,688 | 17,586 | 15,667 | 15,536 | 3,987 | 3,044 |
|
|
5428
|
+
| \`code\` | 21,726 | 8,560 | 7,605 | 976 | 358 | 282 |
|
|
5429
|
+
| \`code-block\` | 129,247 | 39,451 | 34,768 | 61,801 | 14,607 | 12,215 |
|
|
5430
|
+
| \`color-input\` | 186,215 | 52,096 | 45,578 | 98,239 | 20,718 | 17,290 |
|
|
5431
|
+
| \`color-picker\` | 142,389 | 39,198 | 34,385 | 84,914 | 18,382 | 15,428 |
|
|
5432
|
+
| \`combobox\` | 149,120 | 45,609 | 40,082 | 51,303 | 11,936 | 9,826 |
|
|
5433
|
+
| \`command\` | 112,469 | 34,492 | 30,378 | 41,642 | 10,461 | 8,644 |
|
|
5434
|
+
| \`copy-button\` | 94,256 | 30,462 | 26,999 | 30,770 | 7,297 | 5,952 |
|
|
5435
|
+
| \`data-table\` | 232,690 | 67,607 | 57,861 | 120,612 | 29,559 | 23,913 |
|
|
5436
|
+
| \`date-input\` | 164,353 | 48,937 | 43,030 | 59,948 | 13,105 | 10,860 |
|
|
5437
|
+
| \`date-picker\` | 71,139 | 22,978 | 20,578 | 28,748 | 7,098 | 5,699 |
|
|
5438
|
+
| \`description-list\` | 26,427 | 9,730 | 8,674 | 4,508 | 1,225 | 891 |
|
|
5439
|
+
| \`dialog\` | 44,311 | 15,228 | 13,599 | 11,066 | 3,031 | 2,424 |
|
|
5440
|
+
| \`divider\` | 25,863 | 9,771 | 8,637 | 3,698 | 1,104 | 824 |
|
|
5441
|
+
| \`donut-chart\` | 102,652 | 34,414 | 30,451 | 24,675 | 6,693 | 5,539 |
|
|
5442
|
+
| \`drawer\` | 49,642 | 16,867 | 15,046 | 13,613 | 3,701 | 3,068 |
|
|
5443
|
+
| \`drilldown\` | 49,204 | 16,542 | 14,780 | 15,373 | 3,987 | 3,249 |
|
|
5444
|
+
| \`empty\` | 26,316 | 10,055 | 8,905 | 3,267 | 1,056 | 776 |
|
|
5445
|
+
| \`file-input\` | 70,648 | 22,939 | 20,406 | 24,670 | 6,538 | 5,430 |
|
|
5446
|
+
| \`filter-input\` | 110,412 | 35,681 | 31,658 | 32,398 | 8,359 | 6,821 |
|
|
5447
|
+
| \`flex\` | 26,312 | 9,424 | 8,372 | 4,762 | 1,026 | 818 |
|
|
5448
|
+
| \`format-date\` | 31,463 | 11,789 | 10,532 | 4,713 | 1,381 | 1,078 |
|
|
5449
|
+
| \`graph\` | 96,656 | 29,106 | 25,728 | 38,756 | 9,375 | 7,813 |
|
|
5450
|
+
| \`grid\` | 27,762 | 10,136 | 8,994 | 5,654 | 1,436 | 1,267 |
|
|
5451
|
+
| \`heatmap\` | 110,057 | 36,550 | 32,248 | 27,372 | 7,501 | 6,025 |
|
|
5452
|
+
| \`icon\` | 86,410 | 29,545 | 25,462 | 61,333 | 21,068 | 16,867 |
|
|
5453
|
+
| \`icon-button\` | 44,066 | 14,347 | 12,788 | 12,956 | 2,923 | 2,256 |
|
|
5454
|
+
| \`image\` | 27,760 | 10,305 | 9,128 | 5,217 | 1,605 | 1,245 |
|
|
5455
|
+
| \`input\` | 51,304 | 17,264 | 15,256 | 11,244 | 3,336 | 2,493 |
|
|
5456
|
+
| \`kbd\` | 30,078 | 11,327 | 10,001 | 5,492 | 1,634 | 1,308 |
|
|
5457
|
+
| \`legend\` | 45,189 | 15,799 | 14,053 | 7,875 | 2,176 | 1,706 |
|
|
5458
|
+
| \`lightbox\` | 63,432 | 20,710 | 18,430 | 23,035 | 5,943 | 4,668 |
|
|
5459
|
+
| \`line-chart\` | 113,713 | 38,274 | 33,766 | 28,161 | 7,544 | 6,242 |
|
|
5460
|
+
| \`list\` | 69,295 | 23,264 | 20,679 | 21,583 | 5,912 | 4,722 |
|
|
5461
|
+
| \`listbox\` | 82,511 | 27,060 | 23,919 | 20,032 | 5,677 | 4,351 |
|
|
5462
|
+
| \`loader\` | 30,222 | 11,213 | 9,999 | 5,653 | 1,662 | 1,289 |
|
|
5463
|
+
| \`log\` | 92,972 | 30,032 | 26,592 | 49,607 | 13,927 | 11,909 |
|
|
5464
|
+
| \`map\` | 121,211 | 32,727 | 28,658 | 71,127 | 15,725 | 12,890 |
|
|
5465
|
+
| \`megamenu\` | 66,134 | 23,305 | 20,632 | 13,674 | 3,617 | 2,824 |
|
|
5466
|
+
| \`menu\` | 109,435 | 35,104 | 30,964 | 41,175 | 10,054 | 8,346 |
|
|
5467
|
+
| \`meter\` | 39,093 | 13,831 | 12,343 | 11,138 | 2,813 | 2,414 |
|
|
5468
|
+
| \`motion-toggle\` | 27,988 | 10,725 | 9,532 | 3,044 | 963 | 776 |
|
|
5469
|
+
| \`navigation\` | 37,585 | 13,566 | 12,089 | 7,076 | 1,965 | 1,545 |
|
|
5470
|
+
| \`notifications\` | 73,053 | 22,903 | 20,461 | 31,758 | 7,678 | 6,404 |
|
|
5471
|
+
| \`number-input\` | 62,610 | 20,544 | 18,287 | 18,546 | 4,822 | 3,813 |
|
|
5472
|
+
| \`object-inspector\` | 132,306 | 41,847 | 36,835 | 52,410 | 13,107 | 10,910 |
|
|
5473
|
+
| \`option\` | 30,122 | 10,928 | 9,722 | 7,587 | 2,121 | 1,648 |
|
|
5474
|
+
| \`orb\` | 36,885 | 14,019 | 12,530 | 10,017 | 3,705 | 3,048 |
|
|
5475
|
+
| \`outline\` | 38,845 | 13,846 | 12,302 | 12,105 | 3,422 | 2,749 |
|
|
5476
|
+
| \`pagination\` | 154,907 | 47,575 | 41,395 | 62,539 | 15,123 | 12,355 |
|
|
5477
|
+
| \`pin-input\` | 52,228 | 17,953 | 16,007 | 10,571 | 3,277 | 2,491 |
|
|
5478
|
+
| \`popover\` | 68,034 | 24,114 | 21,294 | 9,595 | 2,626 | 2,076 |
|
|
5479
|
+
| \`progress\` | 36,415 | 12,815 | 11,450 | 10,170 | 2,587 | 2,253 |
|
|
5480
|
+
| \`qr-code\` | 45,270 | 17,490 | 15,561 | 18,587 | 6,717 | 5,690 |
|
|
5481
|
+
| \`quote\` | 23,646 | 9,303 | 8,218 | 1,751 | 657 | 490 |
|
|
5482
|
+
| \`radio\` | 51,120 | 16,283 | 14,517 | 11,591 | 2,753 | 2,149 |
|
|
5483
|
+
| \`rating\` | 55,527 | 19,004 | 16,932 | 11,974 | 3,649 | 2,789 |
|
|
5484
|
+
| \`sandbox\` | 108,218 | 32,974 | 28,902 | 74,723 | 20,381 | 17,121 |
|
|
5485
|
+
| \`scatter-chart\` | 108,028 | 36,473 | 32,151 | 29,695 | 8,491 | 7,008 |
|
|
5486
|
+
| \`scroll-area\` | 36,301 | 12,383 | 11,024 | 13,508 | 3,566 | 2,871 |
|
|
5487
|
+
| \`select\` | 125,846 | 40,635 | 35,649 | 35,265 | 9,068 | 7,299 |
|
|
5488
|
+
| \`skeleton\` | 26,848 | 9,946 | 8,858 | 4,755 | 1,357 | 1,110 |
|
|
5489
|
+
| \`skip-link\` | 26,118 | 10,114 | 8,948 | 2,779 | 938 | 633 |
|
|
5490
|
+
| \`slider\` | 69,605 | 20,727 | 18,562 | 28,574 | 6,243 | 5,084 |
|
|
5491
|
+
| \`sparkline\` | 54,716 | 19,331 | 17,260 | 11,424 | 3,460 | 2,851 |
|
|
5492
|
+
| \`spatial-bar-chart\` | 114,232 | 39,176 | 34,472 | 28,901 | 8,489 | 7,087 |
|
|
5493
|
+
| \`spatial-heatmap\` | 126,828 | 42,151 | 37,089 | 41,460 | 11,579 | 9,728 |
|
|
5494
|
+
| \`spatial-ribbon-chart\` | 113,204 | 38,745 | 34,084 | 29,691 | 8,873 | 7,332 |
|
|
5495
|
+
| \`spatial-scatter-chart\` | 111,501 | 37,966 | 33,439 | 28,039 | 8,193 | 6,844 |
|
|
5496
|
+
| \`spatial-surface-chart\` | 113,878 | 39,175 | 34,587 | 30,366 | 9,282 | 7,818 |
|
|
5497
|
+
| \`spatial-treemap\` | 115,580 | 39,959 | 35,165 | 30,369 | 9,300 | 7,809 |
|
|
5498
|
+
| \`speed-dial\` | 76,667 | 26,447 | 23,471 | 17,968 | 4,356 | 3,535 |
|
|
5499
|
+
| \`splitter\` | 51,121 | 16,688 | 14,961 | 20,540 | 4,922 | 3,984 |
|
|
5500
|
+
| \`stat\` | 29,171 | 10,750 | 9,582 | 5,194 | 1,435 | 1,160 |
|
|
5501
|
+
| \`steps\` | 69,006 | 21,901 | 19,517 | 27,874 | 6,754 | 5,588 |
|
|
5502
|
+
| \`strands\` | 63,680 | 23,699 | 20,875 | 38,176 | 13,677 | 11,865 |
|
|
5503
|
+
| \`switch\` | 44,449 | 14,979 | 13,332 | 6,021 | 1,742 | 1,343 |
|
|
5504
|
+
| \`table\` | 136,974 | 40,481 | 35,251 | 62,690 | 15,343 | 12,807 |
|
|
5505
|
+
| \`tabs\` | 56,031 | 18,046 | 16,057 | 19,435 | 4,729 | 3,839 |
|
|
5506
|
+
| \`tag\` | 48,197 | 17,125 | 15,318 | 13,012 | 3,616 | 2,722 |
|
|
5507
|
+
| \`terminal\` | 98,724 | 28,103 | 24,913 | 51,173 | 10,887 | 8,968 |
|
|
5508
|
+
| \`text\` | 29,286 | 10,212 | 9,013 | 7,183 | 1,452 | 1,231 |
|
|
5509
|
+
| \`textarea\` | 48,905 | 16,375 | 14,607 | 9,404 | 2,650 | 2,094 |
|
|
5510
|
+
| \`time-input\` | 195,137 | 57,469 | 50,006 | 72,812 | 16,513 | 13,536 |
|
|
5511
|
+
| \`time-picker\` | 113,325 | 34,508 | 30,350 | 46,178 | 11,438 | 9,383 |
|
|
5512
|
+
| \`timeline\` | 39,321 | 13,742 | 12,306 | 10,975 | 2,680 | 2,186 |
|
|
5513
|
+
| \`toast\` | 60,192 | 20,339 | 18,186 | 20,047 | 5,371 | 4,334 |
|
|
5514
|
+
| \`toggle\` | 51,106 | 16,787 | 14,917 | 10,853 | 3,046 | 2,468 |
|
|
5515
|
+
| \`toolbar\` | 37,026 | 13,290 | 11,886 | 4,030 | 972 | 735 |
|
|
5516
|
+
| \`tooltip\` | 62,502 | 22,264 | 19,815 | 11,291 | 3,099 | 2,519 |
|
|
5517
|
+
| \`tour\` | 95,356 | 31,302 | 27,676 | 30,159 | 7,622 | 6,095 |
|
|
5518
|
+
| \`tree\` | 77,329 | 25,056 | 22,278 | 25,869 | 6,869 | 5,623 |
|
|
5519
|
+
| \`trend\` | 32,854 | 12,576 | 11,197 | 5,489 | 1,642 | 1,273 |
|
|
5520
|
+
| \`video\` | 164,366 | 48,823 | 42,543 | 87,276 | 20,680 | 17,274 |
|
|
5521
|
+
| \`video-playlist\` | 144,942 | 44,815 | 39,345 | 58,787 | 14,057 | 11,751 |
|
|
5522
|
+
| \`virtual-list\` | 66,376 | 22,416 | 19,953 | 25,371 | 7,675 | 6,253 |
|
|
5518
5523
|
|
|
5519
5524
|
## What an install adds to \`node_modules\`
|
|
5520
5525
|
|
|
@@ -5527,12 +5532,12 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5527
5532
|
|
|
5528
5533
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
5529
5534
|
|---|---|---|---|---|
|
|
5530
|
-
| \`@fusion.dev/helix-core\` | 2,
|
|
5531
|
-
| \`@fusion.dev/helix-headless\` | 24,
|
|
5535
|
+
| \`@fusion.dev/helix-core\` | 2,242,970 | 601 | 813,398 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5536
|
+
| \`@fusion.dev/helix-headless\` | 24,200,613 | 778 | 2,554,230 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5532
5537
|
| \`@fusion.dev/helix-icons\` | 154,507 | 21 | 50,303 | \`svgo\` |
|
|
5533
5538
|
| \`@fusion.dev/helix-styles\` | 122,391 | 6 | 0 | none |
|
|
5534
5539
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5535
|
-
| \`@fusion.dev/helix\` | 24,
|
|
5540
|
+
| \`@fusion.dev/helix\` | 24,830,508 | 1,029 | 569,278 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
|
|
5536
5541
|
|
|
5537
5542
|
## Not measured yet
|
|
5538
5543
|
|