@fusion.dev/helix-docs 0.177.1 → 0.178.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/graphs.mdx +24 -5
- package/content/metrics.mdx +222 -222
- package/dist/catalog.d.ts +6 -0
- package/dist/catalog.js +21 -0
- package/dist/sources.generated.js +246 -227
- package/package.json +9 -9
|
@@ -2316,8 +2316,26 @@ leaves removing it to your framework.
|
|
|
2316
2316
|
- The list is a listbox, named by \`notes-label\`. Arrow keys, Home, End, Page
|
|
2317
2317
|
Up, and Page Down move through it, typing a letter moves to the next note
|
|
2318
2318
|
whose name starts with it, and Enter or Space selects a note.
|
|
2319
|
-
-
|
|
2320
|
-
|
|
2319
|
+
- The search field is a combobox that controls the list. Down and Up move
|
|
2320
|
+
through the notes while the focus stays in the field, which names the note
|
|
2321
|
+
the keys are on as its \`aria-activedescendant\`. Page Down and Page Up move a
|
|
2322
|
+
page, and Enter selects the note. Typing, Left, Right, Home, and End go back
|
|
2323
|
+
to the text. Escape first lets go of the note, then empties the search. With
|
|
2324
|
+
\`no-panel\`, Escape on an empty search closes the list.
|
|
2325
|
+
- Alt and the arrow keys walk the links from the note the keys are on, in the
|
|
2326
|
+
list or in the search field. Alt+Right follows a link to the first note it
|
|
2327
|
+
links to or from. Alt+Down and Alt+Up move to the next or the previous note
|
|
2328
|
+
linked to the note the step came from, and wrap. Alt+Left goes back along
|
|
2329
|
+
the links walked. Right and Left swap on a right-to-left page. Screen
|
|
2330
|
+
readers hear each note, how it stands to the note it came from, and its
|
|
2331
|
+
place among that note's links, such as "Hiring plan. Linked from Roadmap. 2
|
|
2332
|
+
of 3", from \`walk-label\`. A note with no links says so, from
|
|
2333
|
+
\`link-count-label\`. Enter selects the note the walk reached.
|
|
2334
|
+
- While the list or the search field has the keys, the drawing marks the note
|
|
2335
|
+
they are on as it marks the note under the pointer, with its name boxed and
|
|
2336
|
+
its links lit, and a walk brings each note it reaches into view.
|
|
2337
|
+
\`sigmaDriver\` draws the mark, and a driver of your own reads \`keyed\` from
|
|
2338
|
+
the looks it is given.
|
|
2321
2339
|
- The legend is a toolbar and one tab stop. Arrow keys, Home, and End move
|
|
2322
2340
|
between its groups, typing a letter moves to the next group whose name
|
|
2323
2341
|
starts with it, and Space or Enter shows or hides a group.
|
|
@@ -2337,7 +2355,8 @@ leaves removing it to your framework.
|
|
|
2337
2355
|
When that note is removed, the keys move to the note that took its row.
|
|
2338
2356
|
- Change the words with \`search-label\`, \`count-label\`, \`selected-label\`,
|
|
2339
2357
|
\`selection-label\`,
|
|
2340
|
-
\`links-to-label\`, \`linked-from-label\`, \`linked-both-label\`,
|
|
2358
|
+
\`links-to-label\`, \`linked-from-label\`, \`linked-both-label\`, \`walk-label\`,
|
|
2359
|
+
\`link-count-label\`,
|
|
2341
2360
|
\`moved-up-label\`, \`moved-down-label\`, \`moved-left-label\`,
|
|
2342
2361
|
\`moved-right-label\`, \`zoomed-in-label\`, and \`zoomed-out-label\`, or register
|
|
2343
2362
|
them for a language with \`registerWords\` (see
|
|
@@ -2367,8 +2386,8 @@ The frame sends these events. Their names follow Map's: \`helix-graph-pan\`,
|
|
|
2367
2386
|
To use another renderer, write a driver: an object with four methods.
|
|
2368
2387
|
|
|
2369
2388
|
- \`draw({ nodes, links })\` draws the graph, each note at its \`x\` and \`y\`.
|
|
2370
|
-
- \`look(looks)\` says how each note and link is drawn, from the theme
|
|
2371
|
-
selection.
|
|
2389
|
+
- \`look(looks)\` says how each note and link is drawn, from the theme, the
|
|
2390
|
+
selection, and the note the keys are on, \`looks.keyed\`.
|
|
2372
2391
|
- \`panBy(x, y, animate)\` moves the view by a number of pixels.
|
|
2373
2392
|
- \`zoomBy(direction, animate)\` zooms in for \`1\` and out for \`-1\`.
|
|
2374
2393
|
|
|
@@ -4150,7 +4169,7 @@ on its own.
|
|
|
4150
4169
|
|
|
4151
4170
|
| | Raw | Gzip | Brotli |
|
|
4152
4171
|
|---|---|---|---|
|
|
4153
|
-
| Lit and \`@fusion.dev/helix-core\` | 250,
|
|
4172
|
+
| Lit and \`@fusion.dev/helix-core\` | 250,696 | 78,505 | 67,276 |
|
|
4154
4173
|
|
|
4155
4174
|
## Whole packages
|
|
4156
4175
|
|
|
@@ -4161,12 +4180,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
4161
4180
|
|
|
4162
4181
|
| Package | Raw | Gzip | Brotli | |
|
|
4163
4182
|
|---|---|---|---|---|
|
|
4164
|
-
| \`@fusion.dev/helix-core\` | 249,
|
|
4165
|
-
| \`@fusion.dev/helix-headless\` | 1,
|
|
4183
|
+
| \`@fusion.dev/helix-core\` | 249,905 | 78,283 | 66,807 | The element base class, mixins, decorators, and floating positioning. |
|
|
4184
|
+
| \`@fusion.dev/helix-headless\` | 1,376,029 | 373,245 | 279,443 | Every headless family. The barrel entry includes all of them. |
|
|
4166
4185
|
| \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
|
|
4167
4186
|
| \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
4168
4187
|
| \`fusion_helix_theme_bg.wasm\` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
|
|
4169
|
-
| \`@fusion.dev/helix\` | 2,
|
|
4188
|
+
| \`@fusion.dev/helix\` | 2,091,078 | 519,623 | 368,529 | Every styled family. |
|
|
4170
4189
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
4171
4190
|
|
|
4172
4191
|
## Stylesheets
|
|
@@ -4187,13 +4206,13 @@ shows the whole cost of using the base layer on its own.
|
|
|
4187
4206
|
|
|
4188
4207
|
## What the numbers say
|
|
4189
4208
|
|
|
4190
|
-
**Most of your first component is the shared runtime.** The median styled family is 17,328 bytes gzipped alone, and it adds 3,
|
|
4209
|
+
**Most of your first component is the shared runtime.** The median styled family is 17,328 bytes gzipped alone, and it adds 3,842 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 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.
|
|
4191
4210
|
|
|
4192
|
-
Across the 105 styled components, the smallest is \`code\` at 8,472 bytes gzipped alone, and the largest is \`data-table\` at 81,045. Every family together is
|
|
4211
|
+
Across the 105 styled components, the smallest is \`code\` at 8,472 bytes gzipped alone, and the largest is \`data-table\` at 81,045. Every family together is 519,623.
|
|
4193
4212
|
|
|
4194
|
-
No family imports a barrel. The \`barrels\` rule in \`fusion 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
|
|
4213
|
+
No family imports a barrel. The \`barrels\` rule in \`fusion 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 373,245 bytes gzipped, whatever else the page imports. That is 22 times the median family above. All 105 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.
|
|
4195
4214
|
|
|
4196
|
-
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 16,
|
|
4215
|
+
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 16,589 bytes gzipped alone.
|
|
4197
4216
|
|
|
4198
4217
|
## Compared with other systems
|
|
4199
4218
|
|
|
@@ -4205,43 +4224,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
4205
4224
|
|
|
4206
4225
|
| Component | System | Raw | Gzip | Brotli |
|
|
4207
4226
|
|---|---|---|---|---|
|
|
4208
|
-
| \`button\` | **Helix** | 44,
|
|
4227
|
+
| \`button\` | **Helix** | 44,191 | 14,620 | 13,040 |
|
|
4209
4228
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
4210
4229
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
4211
4230
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
4212
4231
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
4213
|
-
| \`checkbox\` | **Helix** | 47,753 | 15,214 | 13,
|
|
4232
|
+
| \`checkbox\` | **Helix** | 47,753 | 15,214 | 13,576 |
|
|
4214
4233
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
4215
4234
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
4216
4235
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
4217
4236
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
4218
|
-
| \`dialog\` | **Helix** | 45,141 | 15,337 | 13,
|
|
4237
|
+
| \`dialog\` | **Helix** | 45,141 | 15,337 | 13,680 |
|
|
4219
4238
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
4220
4239
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
4221
4240
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
4222
4241
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
4223
|
-
| \`radio\` | **Helix** | 52,281 | 16,
|
|
4242
|
+
| \`radio\` | **Helix** | 52,281 | 16,090 | 14,287 |
|
|
4224
4243
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
4225
4244
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
4226
4245
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
4227
4246
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
4228
|
-
| \`switch\` | **Helix** | 44,466 | 14,679 | 13,
|
|
4247
|
+
| \`switch\` | **Helix** | 44,466 | 14,679 | 13,074 |
|
|
4229
4248
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
4230
4249
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
4231
4250
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
4232
4251
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
4233
|
-
| \`tabs\` | **Helix** | 59,178 | 18,
|
|
4252
|
+
| \`tabs\` | **Helix** | 59,178 | 18,450 | 16,390 |
|
|
4234
4253
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
4235
4254
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
4236
4255
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
4237
4256
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
4238
|
-
| \`tooltip\` | **Helix** | 62,262 | 21,925 | 19,
|
|
4257
|
+
| \`tooltip\` | **Helix** | 62,262 | 21,925 | 19,459 |
|
|
4239
4258
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
4240
4259
|
| | Material Web | | not shipped | |
|
|
4241
4260
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
4242
4261
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
4243
4262
|
|
|
4244
|
-
At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is tabs against Material Web, at 5,
|
|
4263
|
+
At least one system is smaller than Helix on \`button\`, \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is tabs against Material Web, at 5,630 bytes gzipped. 13 of 27 peer measurements are smaller than the Helix row.
|
|
4245
4264
|
|
|
4246
4265
|
Helix's \`radio\` family includes Radio Group, so its row carries an element that some peer rows measure without.
|
|
4247
4266
|
|
|
@@ -4287,104 +4306,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
4287
4306
|
|
|
4288
4307
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4289
4308
|
|---|---|---|---|---|---|---|
|
|
4290
|
-
| \`accordion\` | 32,745 | 11,983 | 10,
|
|
4291
|
-
| \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,
|
|
4292
|
-
| \`app-header\` | 32,800 | 12,032 | 10,
|
|
4293
|
-
| \`area-chart\` | 91,684 | 31,
|
|
4294
|
-
| \`avatar\` | 30,980 | 11,730 | 10,
|
|
4295
|
-
| \`badge\` | 27,270 | 10,
|
|
4296
|
-
| \`bar-chart\` | 94,648 | 32,661 | 28,
|
|
4297
|
-
| \`blockquote\` | 24,289 | 9,538 | 8,
|
|
4298
|
-
| \`breadcrumbs\` | 36,711 | 14,014 | 12,
|
|
4299
|
-
| \`button\` | 37,063 | 13,
|
|
4300
|
-
| \`button-group\` | 27,883 | 10,
|
|
4301
|
-
| \`callout\` | 35,706 | 13,688 | 12,
|
|
4302
|
-
| \`canvas\` | 109,730 | 34,968 | 30,
|
|
4303
|
-
| \`card\` | 23,959 | 9,173 | 8,
|
|
4304
|
-
| \`carousel\` | 42,808 | 15,297 | 13,
|
|
4305
|
-
| \`chat\` | 80,028 | 26,378 | 23,
|
|
4306
|
-
| \`checkbox\` | 40,923 | 13,721 | 12,
|
|
4307
|
-
| \`checkbox-group\` | 48,480 | 15,670 | 13,
|
|
4308
|
-
| \`code\` | 20,483 | 8,
|
|
4309
|
-
| \`code-block\` | 106,060 | 35,464 | 31,
|
|
4310
|
-
| \`color-input\` | 145,
|
|
4311
|
-
| \`color-picker\` | 105,810 | 33,299 | 29,
|
|
4312
|
-
| \`combobox\` | 139,085 | 43,083 | 37,
|
|
4313
|
-
| \`command\` | 105,781 | 32,542 | 28,
|
|
4314
|
-
| \`copy-button\` | 83,729 | 28,282 | 25,
|
|
4315
|
-
| \`data-table\` | 208,630 | 62,394 | 53,
|
|
4316
|
-
| \`date-input\` | 144,
|
|
4317
|
-
| \`date-picker\` | 61,
|
|
4318
|
-
| \`description-list\` | 23,412 | 8,907 | 7,
|
|
4319
|
-
| \`dialog\` | 39,660 | 14,075 | 12,
|
|
4320
|
-
| \`divider\` | 23,173 | 9,
|
|
4321
|
-
| \`donut-chart\` | 90,591 | 31,
|
|
4322
|
-
| \`drawer\` | 44,304 | 15,
|
|
4323
|
-
| \`drilldown\` | 43,328 | 15,038 | 13,
|
|
4324
|
-
| \`empty\` | 24,376 | 9,368 | 8,289 | 2,282 |
|
|
4325
|
-
| \`file-input\` | 59,035 | 20,205 | 17,
|
|
4326
|
-
| \`filter-input\` |
|
|
4327
|
-
| \`format-date\` | 30,340 | 11,
|
|
4328
|
-
| \`graph\` |
|
|
4329
|
-
| \`heatmap\` | 95,882 | 32,715 | 28,
|
|
4330
|
-
| \`icon\` | 31,354 | 11,873 | 10,
|
|
4331
|
-
| \`icon-button\` | 37,502 | 13,
|
|
4332
|
-
| \`image\` | 25,686 | 9,596 | 8,
|
|
4333
|
-
| \`input\` | 47,372 | 16,
|
|
4334
|
-
| \`kbd\` | 27,537 | 10,604 | 9,
|
|
4335
|
-
| \`legend\` | 35,366 | 13,053 | 11,
|
|
4336
|
-
| \`lightbox\` | 56,786 | 18,937 | 16,
|
|
4337
|
-
| \`line-chart\` | 92,719 | 31,985 | 28,
|
|
4338
|
-
| \`list\` | 62,376 | 21,453 | 19,096 | 15,975 | 4,
|
|
4339
|
-
| \`listbox\` | 82,153 | 26,454 | 23,
|
|
4340
|
-
| \`loader\` | 26,561 | 10,165 | 9,
|
|
4341
|
-
| \`map\` | 82,476 | 24,898 | 21,
|
|
4342
|
-
| \`megamenu\` | 60,537 | 21,
|
|
4343
|
-
| \`menu\` | 104,806 | 34,
|
|
4344
|
-
| \`meter\` | 31,965 | 12,146 | 10,
|
|
4345
|
-
| \`navigation\` | 33,270 | 12,546 | 11,
|
|
4346
|
-
| \`notifications\` | 59,536 | 19,809 | 17,
|
|
4347
|
-
| \`number-input\` | 57,280 | 19,065 |
|
|
4348
|
-
| \`object-inspector\` | 116,873 | 38,791 | 34,
|
|
4349
|
-
| \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,
|
|
4350
|
-
| \`outline\` | 33,838 | 12,725 | 11,
|
|
4351
|
-
| \`pagination\` | 139,541 | 43,
|
|
4352
|
-
| \`pin-input\` | 48,078 | 16,622 | 14,
|
|
4353
|
-
| \`popover\` | 64,354 | 23,048 | 20,
|
|
4354
|
-
| \`progress\` | 28,266 | 10,846 | 9,
|
|
4355
|
-
| \`qr-code\` | 42,901 | 16,763 | 14,
|
|
4356
|
-
| \`quote\` | 22,698 | 9,
|
|
4357
|
-
| \`radio\` | 43,779 | 14,560 | 12,
|
|
4358
|
-
| \`rating\` | 51,266 | 17,494 | 15,
|
|
4359
|
-
| \`scatter-chart\` | 92,662 | 31,
|
|
4360
|
-
| \`scroll-area\` | 30,549 | 11,169 | 9,
|
|
4361
|
-
| \`select\` | 122,789 | 39,374 | 34,
|
|
4362
|
-
| \`skeleton\` | 22,510 | 8,
|
|
4363
|
-
| \`skip-link\` | 24,054 | 9,460 | 8,
|
|
4364
|
-
| \`slider\` | 53,882 | 18,
|
|
4365
|
-
| \`sparkline\` | 48,052 | 17,
|
|
4366
|
-
| \`speed-dial\` | 69,853 | 24,833 |
|
|
4367
|
-
| \`splitter\` | 43,932 | 15,
|
|
4368
|
-
| \`stat\` | 25,766 | 9,
|
|
4369
|
-
| \`steps\` | 56,481 | 19,
|
|
4370
|
-
| \`switch\` | 39,781 | 13,542 | 12,
|
|
4371
|
-
| \`table\` | 120,083 | 37,034 | 32,
|
|
4372
|
-
| \`tabs\` | 49,181 | 16,
|
|
4373
|
-
| \`tag\` | 44,369 | 16,108 | 14,
|
|
4374
|
-
| \`textarea\` | 44,863 | 15,168 | 13,
|
|
4375
|
-
| \`time-input\` | 173,
|
|
4376
|
-
| \`time-picker\` | 101,
|
|
4377
|
-
| \`timeline\` | 32,129 | 12,023 | 10,
|
|
4378
|
-
| \`toast\` | 51,650 | 18,074 | 16,
|
|
4379
|
-
| \`toggle\` | 46,864 | 15,384 | 13,
|
|
4380
|
-
| \`toolbar\` | 31,229 | 11,688 | 10,
|
|
4381
|
-
| \`tooltip\` | 59,114 | 21,
|
|
4382
|
-
| \`tour\` | 86,575 | 29,
|
|
4383
|
-
| \`tree\` | 69,125 | 22,
|
|
4384
|
-
| \`trend\` | 29,899 | 11,696 | 10,
|
|
4385
|
-
| \`video\` | 146,051 | 45,106 | 39,
|
|
4386
|
-
| \`video-playlist\` | 133,455 | 42,275 | 37,
|
|
4387
|
-
| \`virtual-list\` | 58,901 | 20,
|
|
4309
|
+
| \`accordion\` | 32,745 | 11,983 | 10,626 | 6,019 | 1,739 | 1,195 |
|
|
4310
|
+
| \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,538 | 1,010 |
|
|
4311
|
+
| \`app-header\` | 32,800 | 12,032 | 10,657 | 6,204 | 1,880 | 1,208 |
|
|
4312
|
+
| \`area-chart\` | 91,684 | 31,814 | 28,085 | 14,689 | 4,494 | 3,367 |
|
|
4313
|
+
| \`avatar\` | 30,980 | 11,730 | 10,496 | 4,627 | 1,372 | 945 |
|
|
4314
|
+
| \`badge\` | 27,270 | 10,681 | 9,487 | 3,276 | 1,020 | 600 |
|
|
4315
|
+
| \`bar-chart\` | 94,648 | 32,661 | 28,850 | 17,507 | 5,261 | 4,093 |
|
|
4316
|
+
| \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,012 | 621 |
|
|
4317
|
+
| \`breadcrumbs\` | 36,711 | 14,014 | 12,516 | 8,000 | 2,552 | 1,921 |
|
|
4318
|
+
| \`button\` | 37,063 | 13,174 | 11,730 | 5,261 | 1,594 | 1,037 |
|
|
4319
|
+
| \`button-group\` | 27,883 | 10,536 | 9,328 | 5,322 | 1,694 | 1,147 |
|
|
4320
|
+
| \`callout\` | 35,706 | 13,688 | 12,139 | 3,217 | 1,096 | 670 |
|
|
4321
|
+
| \`canvas\` | 109,730 | 34,968 | 30,571 | 70,004 | 21,236 | 17,597 |
|
|
4322
|
+
| \`card\` | 23,959 | 9,173 | 8,113 | 2,422 | 763 | 455 |
|
|
4323
|
+
| \`carousel\` | 42,808 | 15,297 | 13,624 | 15,311 | 4,266 | 3,173 |
|
|
4324
|
+
| \`chat\` | 80,028 | 26,378 | 23,289 | 28,460 | 8,254 | 6,363 |
|
|
4325
|
+
| \`checkbox\` | 40,923 | 13,721 | 12,247 | 3,391 | 1,076 | 509 |
|
|
4326
|
+
| \`checkbox-group\` | 48,480 | 15,670 | 13,973 | 8,941 | 2,492 | 1,651 |
|
|
4327
|
+
| \`code\` | 20,483 | 8,145 | 7,222 | 466 | 226 | 11 |
|
|
4328
|
+
| \`code-block\` | 106,060 | 35,464 | 31,325 | 38,313 | 10,902 | 8,633 |
|
|
4329
|
+
| \`color-input\` | 145,194 | 45,505 | 39,722 | 56,872 | 14,628 | 11,713 |
|
|
4330
|
+
| \`color-picker\` | 105,810 | 33,299 | 29,161 | 48,657 | 12,958 | 10,215 |
|
|
4331
|
+
| \`combobox\` | 139,085 | 43,083 | 37,776 | 40,761 | 10,097 | 7,787 |
|
|
4332
|
+
| \`command\` | 105,781 | 32,542 | 28,601 | 35,072 | 9,110 | 7,030 |
|
|
4333
|
+
| \`copy-button\` | 83,729 | 28,282 | 25,071 | 19,667 | 5,178 | 3,868 |
|
|
4334
|
+
| \`data-table\` | 208,630 | 62,394 | 53,300 | 97,585 | 25,244 | 19,995 |
|
|
4335
|
+
| \`date-input\` | 144,385 | 44,686 | 39,236 | 38,640 | 9,532 | 7,290 |
|
|
4336
|
+
| \`date-picker\` | 61,648 | 20,875 | 18,725 | 20,367 | 5,592 | 4,297 |
|
|
4337
|
+
| \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 659 | 307 |
|
|
4338
|
+
| \`dialog\` | 39,660 | 14,075 | 12,485 | 6,219 | 1,891 | 1,230 |
|
|
4339
|
+
| \`divider\` | 23,173 | 9,043 | 8,008 | 1,745 | 627 | 295 |
|
|
4340
|
+
| \`donut-chart\` | 90,591 | 31,235 | 27,669 | 15,268 | 4,653 | 3,755 |
|
|
4341
|
+
| \`drawer\` | 44,304 | 15,609 | 13,853 | 8,080 | 2,454 | 1,773 |
|
|
4342
|
+
| \`drilldown\` | 43,328 | 15,038 | 13,350 | 10,162 | 2,812 | 2,002 |
|
|
4343
|
+
| \`empty\` | 24,376 | 9,368 | 8,289 | 2,282 | 776 | 512 |
|
|
4344
|
+
| \`file-input\` | 59,035 | 20,205 | 17,935 | 13,765 | 4,264 | 3,242 |
|
|
4345
|
+
| \`filter-input\` | 100,762 | 33,074 | 29,302 | 22,905 | 6,384 | 4,897 |
|
|
4346
|
+
| \`format-date\` | 30,340 | 11,407 | 10,197 | 4,769 | 1,383 | 942 |
|
|
4347
|
+
| \`graph\` | 75,328 | 24,695 | 21,790 | 22,262 | 6,625 | 5,172 |
|
|
4348
|
+
| \`heatmap\` | 95,882 | 32,715 | 28,865 | 17,554 | 5,053 | 3,760 |
|
|
4349
|
+
| \`icon\` | 31,354 | 11,873 | 10,459 | 8,833 | 3,002 | 2,204 |
|
|
4350
|
+
| \`icon-button\` | 37,502 | 13,215 | 11,761 | 5,698 | 1,653 | 1,072 |
|
|
4351
|
+
| \`image\` | 25,686 | 9,596 | 8,499 | 4,159 | 1,274 | 799 |
|
|
4352
|
+
| \`input\` | 47,372 | 16,212 | 14,280 | 7,688 | 2,528 | 1,663 |
|
|
4353
|
+
| \`kbd\` | 27,537 | 10,604 | 9,364 | 3,825 | 1,230 | 712 |
|
|
4354
|
+
| \`legend\` | 35,366 | 13,053 | 11,630 | 3,289 | 1,133 | 662 |
|
|
4355
|
+
| \`lightbox\` | 56,786 | 18,937 | 16,827 | 17,408 | 4,837 | 3,446 |
|
|
4356
|
+
| \`line-chart\` | 92,719 | 31,985 | 28,362 | 15,394 | 4,566 | 3,576 |
|
|
4357
|
+
| \`list\` | 62,376 | 21,453 | 19,096 | 15,975 | 4,616 | 3,403 |
|
|
4358
|
+
| \`listbox\` | 82,153 | 26,454 | 23,346 | 19,854 | 5,536 | 4,075 |
|
|
4359
|
+
| \`loader\` | 26,561 | 10,165 | 9,002 | 3,105 | 1,080 | 655 |
|
|
4360
|
+
| \`map\` | 82,476 | 24,898 | 21,645 | 40,792 | 10,608 | 8,044 |
|
|
4361
|
+
| \`megamenu\` | 60,537 | 21,791 | 19,315 | 8,929 | 2,508 | 1,704 |
|
|
4362
|
+
| \`menu\` | 104,806 | 34,689 | 30,679 | 33,419 | 8,654 | 6,786 |
|
|
4363
|
+
| \`meter\` | 31,965 | 12,146 | 10,869 | 5,291 | 1,584 | 1,138 |
|
|
4364
|
+
| \`navigation\` | 33,270 | 12,546 | 11,147 | 3,696 | 1,299 | 893 |
|
|
4365
|
+
| \`notifications\` | 59,536 | 19,809 | 17,675 | 18,781 | 5,000 | 3,729 |
|
|
4366
|
+
| \`number-input\` | 57,280 | 19,065 | 16,981 | 13,860 | 3,727 | 2,681 |
|
|
4367
|
+
| \`object-inspector\` | 116,873 | 38,791 | 34,159 | 37,125 | 10,485 | 8,143 |
|
|
4368
|
+
| \`option\` | 27,320 | 9,919 | 8,780 | 5,521 | 1,376 | 916 |
|
|
4369
|
+
| \`outline\` | 33,838 | 12,725 | 11,296 | 8,200 | 2,689 | 1,838 |
|
|
4370
|
+
| \`pagination\` | 139,541 | 43,724 | 38,003 | 47,844 | 12,108 | 9,353 |
|
|
4371
|
+
| \`pin-input\` | 48,078 | 16,622 | 14,825 | 7,072 | 2,354 | 1,515 |
|
|
4372
|
+
| \`popover\` | 64,354 | 23,048 | 20,403 | 6,748 | 2,016 | 1,338 |
|
|
4373
|
+
| \`progress\` | 28,266 | 10,846 | 9,645 | 3,305 | 1,057 | 671 |
|
|
4374
|
+
| \`qr-code\` | 42,901 | 16,763 | 14,898 | 17,336 | 6,499 | 5,255 |
|
|
4375
|
+
| \`quote\` | 22,698 | 9,004 | 7,944 | 1,539 | 678 | 363 |
|
|
4376
|
+
| \`radio\` | 43,779 | 14,560 | 12,964 | 4,432 | 1,361 | 815 |
|
|
4377
|
+
| \`rating\` | 51,266 | 17,494 | 15,587 | 8,367 | 2,559 | 1,700 |
|
|
4378
|
+
| \`scatter-chart\` | 92,662 | 31,810 | 28,073 | 16,759 | 5,000 | 3,852 |
|
|
4379
|
+
| \`scroll-area\` | 30,549 | 11,169 | 9,877 | 8,810 | 2,693 | 1,983 |
|
|
4380
|
+
| \`select\` | 122,789 | 39,374 | 34,550 | 32,039 | 8,294 | 6,244 |
|
|
4381
|
+
| \`skeleton\` | 22,510 | 8,765 | 7,771 | 1,321 | 527 | 177 |
|
|
4382
|
+
| \`skip-link\` | 24,054 | 9,460 | 8,363 | 1,553 | 612 | 325 |
|
|
4383
|
+
| \`slider\` | 53,882 | 18,033 | 16,099 | 13,495 | 3,926 | 3,001 |
|
|
4384
|
+
| \`sparkline\` | 48,052 | 17,555 | 15,709 | 6,289 | 2,243 | 1,555 |
|
|
4385
|
+
| \`speed-dial\` | 69,853 | 24,833 | 22,022 | 11,841 | 3,124 | 2,276 |
|
|
4386
|
+
| \`splitter\` | 43,932 | 15,278 | 13,669 | 14,732 | 3,956 | 2,993 |
|
|
4387
|
+
| \`stat\` | 25,766 | 9,818 | 8,713 | 2,962 | 906 | 496 |
|
|
4388
|
+
| \`steps\` | 56,481 | 19,311 | 17,146 | 14,610 | 4,070 | 3,039 |
|
|
4389
|
+
| \`switch\` | 39,781 | 13,542 | 12,088 | 1,963 | 728 | 256 |
|
|
4390
|
+
| \`table\` | 120,083 | 37,034 | 32,196 | 46,795 | 12,723 | 10,034 |
|
|
4391
|
+
| \`tabs\` | 49,181 | 16,555 | 14,741 | 11,170 | 2,973 | 2,112 |
|
|
4392
|
+
| \`tag\` | 44,369 | 16,108 | 14,381 | 9,122 | 2,680 | 1,821 |
|
|
4393
|
+
| \`textarea\` | 44,863 | 15,168 | 13,524 | 5,738 | 1,739 | 1,148 |
|
|
4394
|
+
| \`time-input\` | 173,395 | 52,910 | 45,892 | 49,848 | 12,593 | 9,867 |
|
|
4395
|
+
| \`time-picker\` | 101,362 | 31,598 | 27,820 | 34,839 | 9,342 | 7,176 |
|
|
4396
|
+
| \`timeline\` | 32,129 | 12,023 | 10,753 | 5,055 | 1,371 | 875 |
|
|
4397
|
+
| \`toast\` | 51,650 | 18,074 | 16,072 | 12,791 | 3,664 | 2,734 |
|
|
4398
|
+
| \`toggle\` | 46,864 | 15,384 | 13,649 | 6,703 | 1,987 | 1,249 |
|
|
4399
|
+
| \`toolbar\` | 31,229 | 11,688 | 10,402 | 5,487 | 1,776 | 1,174 |
|
|
4400
|
+
| \`tooltip\` | 59,114 | 21,174 | 18,859 | 8,757 | 2,470 | 1,816 |
|
|
4401
|
+
| \`tour\` | 86,575 | 29,347 | 25,944 | 20,858 | 5,699 | 4,295 |
|
|
4402
|
+
| \`tree\` | 69,125 | 22,919 | 20,349 | 17,926 | 5,168 | 3,811 |
|
|
4403
|
+
| \`trend\` | 29,899 | 11,696 | 10,437 | 3,822 | 1,219 | 818 |
|
|
4404
|
+
| \`video\` | 146,051 | 45,106 | 39,344 | 69,860 | 17,607 | 14,174 |
|
|
4405
|
+
| \`video-playlist\` | 133,455 | 42,275 | 37,173 | 47,018 | 11,996 | 9,475 |
|
|
4406
|
+
| \`virtual-list\` | 58,901 | 20,071 | 17,896 | 21,141 | 6,476 | 5,023 |
|
|
4388
4407
|
|
|
4389
4408
|
### Styled tier
|
|
4390
4409
|
|
|
@@ -4392,111 +4411,111 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
4392
4411
|
|
|
4393
4412
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
4394
4413
|
|---|---|---|---|---|---|---|
|
|
4395
|
-
| \`accordion\` | 36,857 | 12,854 | 11,
|
|
4396
|
-
| \`announcement\` | 42,139 | 14,513 | 12,
|
|
4397
|
-
| \`app-header\` | 38,268 | 13,239 | 11,
|
|
4398
|
-
| \`area-chart\` | 100,486 | 33,
|
|
4399
|
-
| \`aura\` | 51,608 | 17,
|
|
4400
|
-
| \`avatar\` | 34,654 | 12,524 | 11,
|
|
4401
|
-
| \`badge\` | 33,033 | 11,900 | 10,
|
|
4402
|
-
| \`bar-chart\` | 108,880 | 35,
|
|
4403
|
-
| \`blockquote\` | 26,860 | 10,107 | 8,
|
|
4404
|
-
| \`breadcrumbs\` | 44,361 | 15,237 | 13,
|
|
4405
|
-
| \`button\` | 44,
|
|
4406
|
-
| \`button-group\` | 31,742 | 11,238 | 9,
|
|
4407
|
-
| \`callout\` | 39,852 | 14,
|
|
4408
|
-
| \`canvas\` | 131,932 | 39,201 | 34,
|
|
4409
|
-
| \`card\` | 28,213 | 10,
|
|
4410
|
-
| \`carousel\` | 53,697 | 17,099 | 15,
|
|
4411
|
-
| \`chat\` | 96,397 | 29,166 | 25,
|
|
4412
|
-
| \`checkbox\` | 47,753 | 15,214 | 13,
|
|
4413
|
-
| \`checkbox-group\` | 56,377 | 17,328 | 15,
|
|
4414
|
-
| \`code\` | 21,671 | 8,472 | 7,
|
|
4415
|
-
| \`code-block\` | 132,441 | 39,428 | 34,
|
|
4416
|
-
| \`color-input\` | 189,
|
|
4417
|
-
| \`color-picker\` | 144,
|
|
4418
|
-
| \`combobox\` | 155,654 | 46,135 | 40,
|
|
4419
|
-
| \`command\` | 123,675 | 35,847 | 31,
|
|
4420
|
-
| \`copy-button\` | 97,193 | 30,
|
|
4421
|
-
| \`data-table\` | 292,786 | 81,045 | 66,
|
|
4422
|
-
| \`date-input\` | 166,
|
|
4423
|
-
| \`date-picker\` | 69,
|
|
4424
|
-
| \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,
|
|
4425
|
-
| \`dialog\` | 45,141 | 15,337 | 13,
|
|
4426
|
-
| \`divider\` | 25,821 | 9,693 | 8,
|
|
4427
|
-
| \`donut-chart\` | 101,279 | 33,
|
|
4428
|
-
| \`drawer\` | 50,503 | 17,015 | 15,155 | 14,261 | 3,
|
|
4429
|
-
| \`drilldown\` | 49,702 | 16,333 | 14,
|
|
4430
|
-
| \`empty\` | 26,021 | 9,
|
|
4431
|
-
| \`file-input\` | 71,299 | 22,646 | 20,
|
|
4432
|
-
| \`filter-input\` |
|
|
4433
|
-
| \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,170 |
|
|
4434
|
-
| \`format-date\` | 30,926 | 11,534 | 10,
|
|
4435
|
-
| \`graph\` |
|
|
4436
|
-
| \`grid\` | 27,233 | 9,
|
|
4437
|
-
| \`heatmap\` | 103,480 | 34,337 | 30,
|
|
4438
|
-
| \`icon\` | 33,537 | 12,400 | 10,
|
|
4439
|
-
| \`icon-button\` | 45,983 | 14,
|
|
4440
|
-
| \`image\` | 27,417 | 10,071 | 8,
|
|
4441
|
-
| \`input\` | 51,986 | 17,
|
|
4442
|
-
| \`kbd\` | 29,864 | 11,
|
|
4443
|
-
| \`legend\` | 40,773 | 14,327 | 12,
|
|
4444
|
-
| \`lightbox\` | 63,778 | 20,
|
|
4445
|
-
| \`line-chart\` | 104,425 | 34,390 | 30,
|
|
4446
|
-
| \`list\` | 69,431 | 22,
|
|
4447
|
-
| \`listbox\` | 86,961 | 27,601 | 24,
|
|
4448
|
-
| \`loader\` | 29,805 | 10,
|
|
4449
|
-
| \`map\` | 119,092 | 30,442 | 26,
|
|
4450
|
-
| \`megamenu\` | 65,860 | 22,964 | 20,
|
|
4451
|
-
| \`menu\` | 117,880 | 37,007 | 32,666 | 46,479 | 10,
|
|
4452
|
-
| \`meter\` | 38,195 | 13,416 |
|
|
4453
|
-
| \`navigation\` | 37,354 | 13,394 | 11,892 | 7,765 | 2,
|
|
4454
|
-
| \`notifications\` | 74,401 | 22,483 | 20,
|
|
4455
|
-
| \`number-input\` | 62,622 | 20,289 | 18,
|
|
4456
|
-
| \`object-inspector\` | 135,077 | 41,784 | 36,
|
|
4457
|
-
| \`option\` | 31,522 | 10,947 | 9,
|
|
4458
|
-
| \`orb\` | 35,455 | 13,578 | 12,
|
|
4459
|
-
| \`outline\` | 38,432 | 13,
|
|
4460
|
-
| \`pagination\` | 159,269 | 47,
|
|
4461
|
-
| \`pin-input\` | 51,770 | 17,535 | 15,
|
|
4462
|
-
| \`popover\` | 67,855 | 23,812 | 21,
|
|
4463
|
-
| \`progress\` | 35,
|
|
4464
|
-
| \`qr-code\` | 44,840 | 17,241 | 15,
|
|
4465
|
-
| \`quote\` | 23,589 | 9,214 | 8,
|
|
4466
|
-
| \`radio\` | 52,281 | 16,
|
|
4467
|
-
| \`rating\` | 55,409 | 18,688 | 16,
|
|
4468
|
-
| \`sandbox\` | 105,225 | 31,045 | 27,
|
|
4469
|
-
| \`scatter-chart\` | 102,251 | 33,921 | 29,
|
|
4470
|
-
| \`scroll-area\` | 35,927 | 12,124 | 10,
|
|
4471
|
-
| \`select\` | 136,817 | 41,997 | 36,
|
|
4472
|
-
| \`skeleton\` | 26,269 | 9,683 | 8,
|
|
4473
|
-
| \`skip-link\` | 25,958 | 9,947 | 8,
|
|
4474
|
-
| \`slider\` | 69,292 | 20,
|
|
4475
|
-
| \`sparkline\` | 53,682 | 18,874 | 16,
|
|
4476
|
-
| \`speed-dial\` | 77,930 | 26,268 | 23,
|
|
4477
|
-
| \`splitter\` | 50,373 | 16,354 | 14,
|
|
4478
|
-
| \`stat\` | 29,307 | 10,526 | 9,355 | 6,495 | 1,
|
|
4479
|
-
| \`steps\` | 71,
|
|
4480
|
-
| \`strands\` | 53,249 | 19,273 | 17,
|
|
4481
|
-
| \`switch\` | 44,466 | 14,679 | 13,
|
|
4482
|
-
| \`table\` | 139,356 | 40,234 | 35,034 | 66,067 | 15,
|
|
4483
|
-
| \`tabs\` | 59,178 | 18,
|
|
4484
|
-
| \`tag\` | 49,634 | 17,254 | 15,
|
|
4485
|
-
| \`text\` | 28,979 | 10,064 | 8,
|
|
4486
|
-
| \`textarea\` | 49,149 | 16,177 | 14,
|
|
4487
|
-
| \`time-input\` | 199,
|
|
4488
|
-
| \`time-picker\` | 114,
|
|
4489
|
-
| \`timeline\` | 40,048 | 13,540 | 12,086 | 12,967 | 2,922 | 2,
|
|
4490
|
-
| \`toast\` | 60,260 | 19,945 | 17,
|
|
4491
|
-
| \`toggle\` | 52,418 | 16,
|
|
4492
|
-
| \`toolbar\` | 34,245 | 12,192 | 10,
|
|
4493
|
-
| \`tooltip\` | 62,262 | 21,925 | 19,
|
|
4494
|
-
| \`tour\` | 97,
|
|
4495
|
-
| \`tree\` | 78,536 | 24,878 | 22,
|
|
4496
|
-
| \`trend\` | 31,751 | 12,161 | 10,
|
|
4497
|
-
| \`video\` | 169,115 | 49,036 | 42,
|
|
4498
|
-
| \`video-playlist\` | 152,569 | 45,478 | 39,
|
|
4499
|
-
| \`virtual-list\` | 61,239 | 20,611 | 18,
|
|
4414
|
+
| \`accordion\` | 36,857 | 12,854 | 11,433 | 10,116 | 2,656 | 1,971 |
|
|
4415
|
+
| \`announcement\` | 42,139 | 14,513 | 12,963 | 9,931 | 2,648 | 2,044 |
|
|
4416
|
+
| \`app-header\` | 38,268 | 13,239 | 11,761 | 11,657 | 3,098 | 2,304 |
|
|
4417
|
+
| \`area-chart\` | 100,486 | 33,714 | 29,779 | 23,472 | 6,440 | 4,968 |
|
|
4418
|
+
| \`aura\` | 51,608 | 17,794 | 15,746 | 27,816 | 8,689 | 7,273 |
|
|
4419
|
+
| \`avatar\` | 34,654 | 12,524 | 11,202 | 8,286 | 2,176 | 1,604 |
|
|
4420
|
+
| \`badge\` | 33,033 | 11,900 | 10,592 | 9,034 | 2,269 | 1,776 |
|
|
4421
|
+
| \`bar-chart\` | 108,880 | 35,489 | 31,359 | 31,716 | 8,141 | 6,384 |
|
|
4422
|
+
| \`blockquote\` | 26,860 | 10,107 | 8,936 | 5,287 | 1,583 | 1,182 |
|
|
4423
|
+
| \`breadcrumbs\` | 44,361 | 15,237 | 13,632 | 15,636 | 3,842 | 3,058 |
|
|
4424
|
+
| \`button\` | 44,191 | 14,620 | 13,040 | 12,370 | 3,080 | 2,270 |
|
|
4425
|
+
| \`button-group\` | 31,742 | 11,238 | 9,978 | 9,166 | 2,386 | 1,735 |
|
|
4426
|
+
| \`callout\` | 39,852 | 14,634 | 13,024 | 7,345 | 2,077 | 1,461 |
|
|
4427
|
+
| \`canvas\` | 131,932 | 39,201 | 34,098 | 91,848 | 25,392 | 21,024 |
|
|
4428
|
+
| \`card\` | 28,213 | 10,189 | 9,050 | 6,662 | 1,801 | 1,284 |
|
|
4429
|
+
| \`carousel\` | 53,697 | 17,099 | 15,318 | 26,186 | 6,137 | 4,791 |
|
|
4430
|
+
| \`chat\` | 96,397 | 29,166 | 25,765 | 44,826 | 11,096 | 8,807 |
|
|
4431
|
+
| \`checkbox\` | 47,753 | 15,214 | 13,576 | 10,203 | 2,608 | 1,959 |
|
|
4432
|
+
| \`checkbox-group\` | 56,377 | 17,328 | 15,475 | 16,834 | 4,196 | 3,122 |
|
|
4433
|
+
| \`code\` | 21,671 | 8,472 | 7,490 | 1,639 | 558 | 277 |
|
|
4434
|
+
| \`code-block\` | 132,441 | 39,428 | 34,787 | 64,676 | 15,008 | 12,161 |
|
|
4435
|
+
| \`color-input\` | 189,839 | 51,917 | 45,345 | 101,507 | 21,080 | 17,362 |
|
|
4436
|
+
| \`color-picker\` | 144,645 | 39,014 | 34,152 | 87,478 | 18,818 | 15,320 |
|
|
4437
|
+
| \`combobox\` | 155,654 | 46,135 | 40,484 | 57,314 | 13,138 | 10,467 |
|
|
4438
|
+
| \`command\` | 123,675 | 35,847 | 31,472 | 52,966 | 12,463 | 9,996 |
|
|
4439
|
+
| \`copy-button\` | 97,193 | 30,562 | 27,048 | 33,111 | 7,471 | 5,783 |
|
|
4440
|
+
| \`data-table\` | 292,786 | 81,045 | 66,132 | 180,517 | 43,533 | 32,615 |
|
|
4441
|
+
| \`date-input\` | 166,656 | 48,524 | 42,702 | 60,892 | 13,395 | 10,758 |
|
|
4442
|
+
| \`date-picker\` | 69,964 | 22,334 | 19,939 | 28,662 | 7,039 | 5,627 |
|
|
4443
|
+
| \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,442 | 1,007 |
|
|
4444
|
+
| \`dialog\` | 45,141 | 15,337 | 13,680 | 11,680 | 3,219 | 2,434 |
|
|
4445
|
+
| \`divider\` | 25,821 | 9,693 | 8,548 | 4,376 | 1,291 | 873 |
|
|
4446
|
+
| \`donut-chart\` | 101,279 | 33,414 | 29,552 | 25,933 | 6,892 | 5,475 |
|
|
4447
|
+
| \`drawer\` | 50,503 | 17,015 | 15,155 | 14,261 | 3,915 | 3,059 |
|
|
4448
|
+
| \`drilldown\` | 49,702 | 16,333 | 14,563 | 16,523 | 4,160 | 3,126 |
|
|
4449
|
+
| \`empty\` | 26,021 | 9,827 | 8,678 | 3,909 | 1,257 | 804 |
|
|
4450
|
+
| \`file-input\` | 71,299 | 22,646 | 20,071 | 26,016 | 6,732 | 5,322 |
|
|
4451
|
+
| \`filter-input\` | 123,302 | 37,205 | 32,940 | 44,819 | 10,399 | 8,256 |
|
|
4452
|
+
| \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,170 | 770 |
|
|
4453
|
+
| \`format-date\` | 30,926 | 11,534 | 10,316 | 5,337 | 1,520 | 1,035 |
|
|
4454
|
+
| \`graph\` | 90,323 | 27,534 | 24,060 | 37,237 | 9,544 | 7,350 |
|
|
4455
|
+
| \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,594 | 1,163 |
|
|
4456
|
+
| \`heatmap\` | 103,480 | 34,337 | 30,315 | 25,132 | 6,692 | 5,187 |
|
|
4457
|
+
| \`icon\` | 33,537 | 12,400 | 10,967 | 11,009 | 3,577 | 2,648 |
|
|
4458
|
+
| \`icon-button\` | 45,983 | 14,602 | 13,002 | 14,163 | 3,111 | 2,205 |
|
|
4459
|
+
| \`image\` | 27,417 | 10,071 | 8,935 | 5,872 | 1,765 | 1,300 |
|
|
4460
|
+
| \`input\` | 51,986 | 17,291 | 15,241 | 12,285 | 3,665 | 2,635 |
|
|
4461
|
+
| \`kbd\` | 29,864 | 11,148 | 9,847 | 6,137 | 1,787 | 1,314 |
|
|
4462
|
+
| \`legend\` | 40,773 | 14,327 | 12,698 | 8,570 | 2,388 | 1,710 |
|
|
4463
|
+
| \`lightbox\` | 63,778 | 20,294 | 18,025 | 24,380 | 6,202 | 4,617 |
|
|
4464
|
+
| \`line-chart\` | 104,425 | 34,390 | 30,429 | 27,084 | 6,993 | 5,500 |
|
|
4465
|
+
| \`list\` | 69,431 | 22,997 | 20,521 | 23,007 | 6,181 | 4,767 |
|
|
4466
|
+
| \`listbox\` | 86,961 | 27,601 | 24,359 | 24,641 | 6,671 | 4,949 |
|
|
4467
|
+
| \`loader\` | 29,805 | 10,955 | 9,723 | 6,332 | 1,863 | 1,356 |
|
|
4468
|
+
| \`map\` | 119,092 | 30,442 | 26,517 | 77,400 | 16,334 | 12,862 |
|
|
4469
|
+
| \`megamenu\` | 65,860 | 22,964 | 20,360 | 14,234 | 3,702 | 2,739 |
|
|
4470
|
+
| \`menu\` | 117,880 | 37,007 | 32,666 | 46,479 | 10,997 | 8,784 |
|
|
4471
|
+
| \`meter\` | 38,195 | 13,416 | 12,014 | 11,502 | 2,892 | 2,247 |
|
|
4472
|
+
| \`navigation\` | 37,354 | 13,394 | 11,892 | 7,765 | 2,176 | 1,613 |
|
|
4473
|
+
| \`notifications\` | 74,401 | 22,483 | 20,009 | 33,636 | 7,655 | 6,096 |
|
|
4474
|
+
| \`number-input\` | 62,622 | 20,289 | 18,088 | 19,186 | 4,960 | 3,708 |
|
|
4475
|
+
| \`object-inspector\` | 135,077 | 41,784 | 36,673 | 55,309 | 13,536 | 10,727 |
|
|
4476
|
+
| \`option\` | 31,522 | 10,947 | 9,689 | 9,715 | 2,424 | 1,703 |
|
|
4477
|
+
| \`orb\` | 35,455 | 13,578 | 12,109 | 10,072 | 3,817 | 2,978 |
|
|
4478
|
+
| \`outline\` | 38,432 | 13,612 | 12,113 | 12,777 | 3,612 | 2,654 |
|
|
4479
|
+
| \`pagination\` | 159,269 | 47,166 | 40,949 | 67,562 | 15,581 | 12,357 |
|
|
4480
|
+
| \`pin-input\` | 51,770 | 17,535 | 15,657 | 10,745 | 3,309 | 2,363 |
|
|
4481
|
+
| \`popover\` | 67,855 | 23,812 | 21,096 | 10,231 | 2,827 | 2,065 |
|
|
4482
|
+
| \`progress\` | 35,829 | 12,487 | 11,126 | 10,851 | 2,736 | 2,169 |
|
|
4483
|
+
| \`qr-code\` | 44,840 | 17,241 | 15,364 | 19,258 | 7,002 | 5,710 |
|
|
4484
|
+
| \`quote\` | 23,589 | 9,214 | 8,124 | 2,413 | 873 | 450 |
|
|
4485
|
+
| \`radio\` | 52,281 | 16,090 | 14,287 | 12,923 | 2,956 | 2,028 |
|
|
4486
|
+
| \`rating\` | 55,409 | 18,688 | 16,671 | 12,491 | 3,780 | 2,713 |
|
|
4487
|
+
| \`sandbox\` | 105,225 | 31,045 | 27,173 | 73,136 | 18,929 | 15,600 |
|
|
4488
|
+
| \`scatter-chart\` | 102,251 | 33,921 | 29,953 | 26,327 | 7,127 | 5,580 |
|
|
4489
|
+
| \`scroll-area\` | 35,927 | 12,124 | 10,777 | 14,171 | 3,716 | 2,793 |
|
|
4490
|
+
| \`select\` | 136,817 | 41,997 | 36,786 | 46,058 | 10,949 | 8,633 |
|
|
4491
|
+
| \`skeleton\` | 26,269 | 9,683 | 8,610 | 5,066 | 1,473 | 1,015 |
|
|
4492
|
+
| \`skip-link\` | 25,958 | 9,947 | 8,782 | 3,441 | 1,118 | 733 |
|
|
4493
|
+
| \`slider\` | 69,292 | 20,366 | 18,255 | 28,886 | 6,334 | 5,011 |
|
|
4494
|
+
| \`sparkline\` | 53,682 | 18,874 | 16,873 | 11,899 | 3,617 | 2,789 |
|
|
4495
|
+
| \`speed-dial\` | 77,930 | 26,268 | 23,326 | 19,904 | 4,577 | 3,456 |
|
|
4496
|
+
| \`splitter\` | 50,373 | 16,354 | 14,620 | 21,153 | 5,064 | 3,977 |
|
|
4497
|
+
| \`stat\` | 29,307 | 10,526 | 9,355 | 6,495 | 1,645 | 1,194 |
|
|
4498
|
+
| \`steps\` | 71,702 | 22,137 | 19,695 | 29,818 | 6,927 | 5,431 |
|
|
4499
|
+
| \`strands\` | 53,249 | 19,273 | 17,106 | 29,252 | 9,984 | 8,449 |
|
|
4500
|
+
| \`switch\` | 44,466 | 14,679 | 13,074 | 6,635 | 1,907 | 1,314 |
|
|
4501
|
+
| \`table\` | 139,356 | 40,234 | 35,034 | 66,067 | 15,977 | 12,782 |
|
|
4502
|
+
| \`tabs\` | 59,178 | 18,450 | 16,390 | 21,157 | 4,928 | 3,733 |
|
|
4503
|
+
| \`tag\` | 49,634 | 17,254 | 15,405 | 14,372 | 3,835 | 2,922 |
|
|
4504
|
+
| \`text\` | 28,979 | 10,064 | 8,869 | 7,770 | 1,644 | 1,080 |
|
|
4505
|
+
| \`textarea\` | 49,149 | 16,177 | 14,419 | 10,007 | 2,804 | 2,079 |
|
|
4506
|
+
| \`time-input\` | 199,534 | 57,208 | 49,627 | 75,977 | 16,949 | 13,624 |
|
|
4507
|
+
| \`time-picker\` | 114,755 | 34,097 | 29,998 | 48,223 | 11,855 | 9,279 |
|
|
4508
|
+
| \`timeline\` | 40,048 | 13,540 | 12,086 | 12,967 | 2,922 | 2,337 |
|
|
4509
|
+
| \`toast\` | 60,260 | 19,945 | 17,787 | 21,387 | 5,634 | 4,331 |
|
|
4510
|
+
| \`toggle\` | 52,418 | 16,650 | 14,834 | 12,243 | 3,308 | 2,449 |
|
|
4511
|
+
| \`toolbar\` | 34,245 | 12,192 | 10,842 | 8,488 | 2,307 | 1,682 |
|
|
4512
|
+
| \`tooltip\` | 62,262 | 21,925 | 19,459 | 11,887 | 3,245 | 2,457 |
|
|
4513
|
+
| \`tour\` | 97,953 | 31,444 | 27,801 | 32,218 | 7,825 | 6,006 |
|
|
4514
|
+
| \`tree\` | 78,536 | 24,878 | 22,141 | 27,321 | 7,182 | 5,605 |
|
|
4515
|
+
| \`trend\` | 31,751 | 12,161 | 10,881 | 5,655 | 1,714 | 1,200 |
|
|
4516
|
+
| \`video\` | 169,115 | 49,036 | 42,778 | 92,906 | 21,399 | 17,609 |
|
|
4517
|
+
| \`video-playlist\` | 152,569 | 45,478 | 39,876 | 66,116 | 15,204 | 12,285 |
|
|
4518
|
+
| \`virtual-list\` | 61,239 | 20,611 | 18,371 | 23,461 | 7,014 | 5,488 |
|
|
4500
4519
|
|
|
4501
4520
|
## What an install adds to \`node_modules\`
|
|
4502
4521
|
|
|
@@ -4508,12 +4527,12 @@ stripped column shows the bytes we removed.
|
|
|
4508
4527
|
|
|
4509
4528
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
4510
4529
|
|---|---|---|---|---|
|
|
4511
|
-
| \`@fusion.dev/helix-core\` | 2,
|
|
4512
|
-
| \`@fusion.dev/helix-headless\` | 21,
|
|
4530
|
+
| \`@fusion.dev/helix-core\` | 2,449,436 | 547 | 710,500 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
4531
|
+
| \`@fusion.dev/helix-headless\` | 21,693,424 | 696 | 2,215,078 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
4513
4532
|
| \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
|
|
4514
4533
|
| \`@fusion.dev/helix-styles\` | 117,028 | 6 | 0 | none |
|
|
4515
4534
|
| \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
|
|
4516
|
-
| \`@fusion.dev/helix\` | 21,
|
|
4535
|
+
| \`@fusion.dev/helix\` | 21,718,594 | 954 | 515,839 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
4517
4536
|
|
|
4518
4537
|
## Not measured yet
|
|
4519
4538
|
|