@fusion.dev/helix-docs 0.214.0 → 0.215.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/graphs.mdx +2 -2
- package/content/metrics.mdx +235 -235
- package/dist/sources.generated.js +237 -237
- package/package.json +13 -13
package/content/graphs.mdx
CHANGED
|
@@ -33,7 +33,7 @@ Give the frame its notes and links, make the renderer, and connect the two:
|
|
|
33
33
|
```js
|
|
34
34
|
import '@fusion.dev/helix/graph'
|
|
35
35
|
import { connectGraph } from '@fusion.dev/helix-graph'
|
|
36
|
-
import { sigmaDriver } from '@fusion.dev/helix-graph/sigma'
|
|
36
|
+
import { sigmaDriver, sigmaOptions } from '@fusion.dev/helix-graph/sigma'
|
|
37
37
|
import Graph from 'graphology'
|
|
38
38
|
import forceAtlas2 from 'graphology-layout-forceatlas2'
|
|
39
39
|
import FA2Layout from 'graphology-layout-forceatlas2/worker'
|
|
@@ -46,7 +46,7 @@ frame.nodes = [
|
|
|
46
46
|
]
|
|
47
47
|
frame.links = [{ source: 'pricing', target: 'roadmap' }]
|
|
48
48
|
|
|
49
|
-
const sigma = new Sigma(new Graph(), frame.querySelector('div'))
|
|
49
|
+
const sigma = new Sigma(new Graph(), frame.querySelector('div'), sigmaOptions())
|
|
50
50
|
const connection = connectGraph(
|
|
51
51
|
frame,
|
|
52
52
|
sigmaDriver(sigma, {
|
package/content/metrics.mdx
CHANGED
|
@@ -48,7 +48,7 @@ on its own.
|
|
|
48
48
|
|
|
49
49
|
| | Raw | Gzip | Brotli |
|
|
50
50
|
|---|---|---|---|
|
|
51
|
-
| Lit and `@fusion.dev/helix-core` | 276,389 | 88,533 | 75,
|
|
51
|
+
| Lit and `@fusion.dev/helix-core` | 276,389 | 88,533 | 75,227 |
|
|
52
52
|
|
|
53
53
|
## Whole packages
|
|
54
54
|
|
|
@@ -59,12 +59,12 @@ either barrel. The per-component tables show what your page pays.
|
|
|
59
59
|
|
|
60
60
|
| Package | Raw | Gzip | Brotli | |
|
|
61
61
|
|---|---|---|---|---|
|
|
62
|
-
| `@fusion.dev/helix-core` | 275,598 | 88,
|
|
63
|
-
| `@fusion.dev/helix-headless` | 1,515,371 | 423,163 |
|
|
62
|
+
| `@fusion.dev/helix-core` | 275,598 | 88,368 | 74,817 | The element base class, mixins, decorators, and floating positioning. |
|
|
63
|
+
| `@fusion.dev/helix-headless` | 1,515,371 | 423,163 | 317,084 | Every headless family. The barrel entry includes all of them. |
|
|
64
64
|
| `@fusion.dev/helix-icons` | 59,688 | 18,986 | 16,177 | The whole glyph set. |
|
|
65
65
|
| `@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. |
|
|
66
66
|
| `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. |
|
|
67
|
-
| `@fusion.dev/helix` | 2,254,113 | 582,427 | 414,
|
|
67
|
+
| `@fusion.dev/helix` | 2,254,113 | 582,427 | 414,940 | Every styled family. |
|
|
68
68
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
69
69
|
|
|
70
70
|
## Stylesheets
|
|
@@ -103,17 +103,17 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
103
103
|
|
|
104
104
|
| Component | System | Raw | Gzip | Brotli |
|
|
105
105
|
|---|---|---|---|---|
|
|
106
|
-
| `button` | **Helix** | 42,754 | 14,406 | 12,
|
|
106
|
+
| `button` | **Helix** | 42,754 | 14,406 | 12,866 |
|
|
107
107
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
108
108
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
109
109
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
110
110
|
| | Web Awesome | 136,044 | 33,730 | 28,760 |
|
|
111
|
-
| `checkbox` | **Helix** | 47,753 | 15,521 | 13,
|
|
111
|
+
| `checkbox` | **Helix** | 47,753 | 15,521 | 13,840 |
|
|
112
112
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
113
113
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
114
114
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
115
115
|
| | Web Awesome | 115,251 | 28,728 | 24,420 |
|
|
116
|
-
| `dialog` | **Helix** | 44,336 | 15,
|
|
116
|
+
| `dialog` | **Helix** | 44,336 | 15,227 | 13,590 |
|
|
117
117
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
118
118
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
119
119
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
@@ -123,17 +123,17 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
123
123
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
124
124
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
125
125
|
| | Web Awesome | 112,026 | 27,416 | 23,128 |
|
|
126
|
-
| `switch` | **Helix** | 44,474 | 14,
|
|
126
|
+
| `switch` | **Helix** | 44,474 | 14,983 | 13,348 |
|
|
127
127
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
128
128
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
129
129
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
130
130
|
| | Web Awesome | 45,876 | 15,003 | 13,475 |
|
|
131
|
-
| `tabs` | **Helix** | 56,056 | 18,048 | 16,
|
|
131
|
+
| `tabs` | **Helix** | 56,056 | 18,048 | 16,041 |
|
|
132
132
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
133
133
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
134
134
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
135
135
|
| | Web Awesome | 153,439 | 37,030 | 31,737 |
|
|
136
|
-
| `tooltip` | **Helix** | 62,502 | 22,
|
|
136
|
+
| `tooltip` | **Helix** | 62,502 | 22,263 | 19,768 |
|
|
137
137
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
138
138
|
| | Material Web | | not shipped | |
|
|
139
139
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
@@ -213,114 +213,114 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
213
213
|
|
|
214
214
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
215
215
|
|---|---|---|---|---|---|---|
|
|
216
|
-
| `accordion` | 32,671 | 12,091 | 10,729 | 5,378 | 1,
|
|
217
|
-
| `announcement` | 37,661 | 13,
|
|
218
|
-
| `app-header` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,
|
|
219
|
-
| `area-chart` | 99,355 | 34,
|
|
220
|
-
| `avatar` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 |
|
|
221
|
-
| `badge` | 28,118 | 10,944 | 9,778 | 2,963 | 897 |
|
|
222
|
-
| `bar-chart` | 107,369 | 37,632 | 33,
|
|
223
|
-
| `blockquote` | 24,679 | 9,
|
|
224
|
-
| `breadcrumbs` | 37,419 | 14,327 | 12,
|
|
225
|
-
| `button` | 36,246 | 12,977 | 11,
|
|
226
|
-
| `button-group` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 |
|
|
227
|
-
| `callout` | 36,284 | 13,989 | 12,
|
|
228
|
-
| `canvas` | 132,515 | 41,864 | 36,
|
|
229
|
-
| `card` | 24,397 | 9,311 | 8,
|
|
230
|
-
| `carousel` | 45,167 | 16,
|
|
231
|
-
| `chat` | 82,490 | 27,445 | 24,
|
|
232
|
-
| `checkbox` | 41,267 | 14,019 | 12,
|
|
233
|
-
| `checkbox-group` | 48,490 | 15,947 | 14,
|
|
234
|
-
| `code` | 20,869 | 8,248 | 7,313 | 138 | 79 |
|
|
235
|
-
| `code-block` | 104,805 | 35,
|
|
236
|
-
| `color-input` | 143,769 | 45,821 | 39,
|
|
237
|
-
| `color-picker` | 105,388 | 33,621 | 29,
|
|
238
|
-
| `combobox` | 134,499 | 42,
|
|
239
|
-
| `command` | 101,903 | 32,
|
|
240
|
-
| `copy-button` | 82,250 | 28,
|
|
241
|
-
| `data-table` | 202,758 | 62,394 | 53,
|
|
242
|
-
| `date-input` | 143,074 | 45,179 | 39,
|
|
243
|
-
| `date-picker` | 63,093 | 21,511 | 19,
|
|
244
|
-
| `description-list` | 23,472 | 8,
|
|
245
|
-
| `device-screen` | 73,940 | 24,005 | 21,
|
|
246
|
-
| `dialog` | 39,200 | 13,971 | 12,
|
|
247
|
-
| `divider` | 23,564 | 9,
|
|
248
|
-
| `donut-chart` | 92,673 | 32,262 | 28,
|
|
249
|
-
| `drawer` | 43,837 | 15,
|
|
250
|
-
| `drilldown` | 43,552 | 15,253 | 13,
|
|
251
|
-
| `empty` | 25,007 | 9,578 | 8,
|
|
252
|
-
| `file-input` | 59,143 | 20,
|
|
253
|
-
| `filter-input` | 99,603 | 33,493 | 29,
|
|
254
|
-
| `format-date` | 31,209 | 11,674 | 10,
|
|
255
|
-
| `graph` | 97,367 | 30,
|
|
256
|
-
| `heatmap` | 101,760 | 34,694 | 30,
|
|
257
|
-
| `icon` | 86,977 | 29,
|
|
258
|
-
| `icon-button` | 36,357 | 13,003 | 11,
|
|
259
|
-
| `image` | 26,373 | 9,
|
|
260
|
-
| `input` | 47,074 | 16,181 | 14,
|
|
261
|
-
| `kbd` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 |
|
|
262
|
-
| `legend` | 39,951 | 14,499 | 12,
|
|
263
|
-
| `lightbox` | 57,138 | 19,382 | 17,
|
|
264
|
-
| `line-chart` | 102,350 | 35,
|
|
265
|
-
| `list` | 62,949 | 21,723 | 19,
|
|
266
|
-
| `listbox` | 78,803 | 26,158 | 23,
|
|
267
|
-
| `loader` | 27,341 | 10,
|
|
268
|
-
| `log` | 83,849 | 28,610 | 25,
|
|
269
|
-
| `map` | 105,893 | 32,229 | 27,
|
|
270
|
-
| `megamenu` | 61,165 | 22,
|
|
271
|
-
| `menu` | 98,535 | 32,954 | 29,
|
|
272
|
-
| `meter` | 32,921 | 12,482 | 11,
|
|
273
|
-
| `motion-toggle` | 26,353 | 10,249 | 9,104 | 1,426 | 521 |
|
|
274
|
-
| `navigation` | 33,886 | 12,735 | 11,
|
|
275
|
-
| `notifications` | 59,565 | 20,340 | 18,
|
|
276
|
-
| `number-input` | 57,654 | 19,365 | 17,
|
|
277
|
-
| `object-inspector` | 116,630 | 39,201 | 34,
|
|
278
|
-
| `option` | 27,049 | 9,
|
|
279
|
-
| `outline` | 34,611 | 12,986 | 11,
|
|
280
|
-
| `pagination` | 138,763 | 44,502 | 38,
|
|
281
|
-
| `pin-input` | 48,873 | 17,049 | 15,
|
|
282
|
-
| `popover` | 64,907 | 23,
|
|
283
|
-
| `progress` | 29,235 | 11,151 | 9,
|
|
284
|
-
| `qr-code` | 43,669 | 17,003 | 15,
|
|
285
|
-
| `quote` | 23,088 | 9,112 | 8,
|
|
286
|
-
| `radio` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 |
|
|
287
|
-
| `rating` | 51,618 | 17,783 | 15,
|
|
288
|
-
| `scatter-chart` | 98,654 | 34,
|
|
289
|
-
| `scroll-area` | 31,294 | 11,
|
|
290
|
-
| `select` | 117,452 | 38,
|
|
291
|
-
| `skeleton` | 22,900 | 8,871 | 7,
|
|
292
|
-
| `skip-link` | 24,547 | 9,608 | 8,525 | 1,224 | 467 |
|
|
293
|
-
| `slider` | 54,667 | 18,
|
|
294
|
-
| `sparkline` | 49,258 | 17,
|
|
295
|
-
| `spatial-bar-chart` | 105,190 | 37,126 | 32,
|
|
296
|
-
| `spatial-heatmap` | 117,114 | 39,971 | 35,
|
|
297
|
-
| `spatial-ribbon-chart` | 104,313 | 36,
|
|
298
|
-
| `spatial-scatter-chart` | 102,546 | 35,987 | 31,
|
|
299
|
-
| `spatial-surface-chart` | 105,468 | 37,
|
|
300
|
-
| `spatial-treemap` | 106,586 | 37,909 | 33,
|
|
301
|
-
| `speed-dial` | 69,618 | 25,072 | 22,
|
|
302
|
-
| `splitter` | 45,096 | 15,644 | 13,
|
|
303
|
-
| `stat` | 26,285 | 10,056 | 8,959 | 2,323 | 769 |
|
|
304
|
-
| `steps` | 54,951 | 19,
|
|
305
|
-
| `switch` | 40,121 | 13,837 | 12,
|
|
306
|
-
| `table` | 120,167 | 37,603 | 32,
|
|
307
|
-
| `tabs` | 47,105 | 16,204 | 14,
|
|
308
|
-
| `tag` | 43,623 | 15,997 | 14,
|
|
309
|
-
| `terminal` | 77,803 | 25,510 | 22,
|
|
310
|
-
| `textarea` | 44,998 | 15,366 | 13,
|
|
311
|
-
| `time-input` | 171,615 | 53,
|
|
312
|
-
| `time-picker` | 101,859 | 32,308 | 28,
|
|
313
|
-
| `timeline` | 32,429 | 12,281 | 11,013 | 4,087 | 1,
|
|
314
|
-
| `toast` | 52,298 | 18,492 | 16,
|
|
315
|
-
| `toggle` | 46,246 | 15,540 | 13,824 | 6,005 | 1,
|
|
316
|
-
| `toolbar` | 34,370 | 12,799 | 11,
|
|
317
|
-
| `tooltip` | 59,698 | 21,528 | 19,
|
|
318
|
-
| `tour` | 85,289 | 29,312 | 25,
|
|
319
|
-
| `tree` | 68,666 | 23,
|
|
320
|
-
| `trend` | 30,937 | 12,025 | 10,
|
|
321
|
-
| `video` | 143,892 | 45,089 | 39,
|
|
322
|
-
| `video-playlist` | 129,019 | 41,
|
|
323
|
-
| `virtual-list` | 65,115 | 22,097 | 19,
|
|
216
|
+
| `accordion` | 32,671 | 12,091 | 10,729 | 5,378 | 1,545 | 1,188 |
|
|
217
|
+
| `announcement` | 37,661 | 13,710 | 12,274 | 4,701 | 1,363 | 995 |
|
|
218
|
+
| `app-header` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,483 |
|
|
219
|
+
| `area-chart` | 99,355 | 34,968 | 30,850 | 14,419 | 4,441 | 3,781 |
|
|
220
|
+
| `avatar` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 1,012 |
|
|
221
|
+
| `badge` | 28,118 | 10,944 | 9,778 | 2,963 | 897 | 775 |
|
|
222
|
+
| `bar-chart` | 107,369 | 37,632 | 33,252 | 21,900 | 6,885 | 5,801 |
|
|
223
|
+
| `blockquote` | 24,679 | 9,638 | 8,539 | 2,401 | 873 | 831 |
|
|
224
|
+
| `breadcrumbs` | 37,419 | 14,327 | 12,833 | 7,380 | 2,394 | 2,019 |
|
|
225
|
+
| `button` | 36,246 | 12,977 | 11,570 | 5,128 | 1,503 | 1,305 |
|
|
226
|
+
| `button-group` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 1,084 |
|
|
227
|
+
| `callout` | 36,284 | 13,989 | 12,441 | 2,884 | 956 | 694 |
|
|
228
|
+
| `canvas` | 132,515 | 41,864 | 36,384 | 74,272 | 22,526 | 18,805 |
|
|
229
|
+
| `card` | 24,397 | 9,311 | 8,260 | 2,090 | 633 | 463 |
|
|
230
|
+
| `carousel` | 45,167 | 16,073 | 14,353 | 15,328 | 4,263 | 3,379 |
|
|
231
|
+
| `chat` | 82,490 | 27,445 | 24,242 | 28,394 | 8,267 | 6,697 |
|
|
232
|
+
| `checkbox` | 41,267 | 14,019 | 12,516 | 3,107 | 947 | 727 |
|
|
233
|
+
| `checkbox-group` | 48,490 | 15,947 | 14,219 | 8,322 | 2,329 | 1,738 |
|
|
234
|
+
| `code` | 20,869 | 8,248 | 7,313 | 138 | 79 | 107 |
|
|
235
|
+
| `code-block` | 104,805 | 35,636 | 31,455 | 37,315 | 10,669 | 8,921 |
|
|
236
|
+
| `color-input` | 143,769 | 45,821 | 39,991 | 55,776 | 14,285 | 11,775 |
|
|
237
|
+
| `color-picker` | 105,388 | 33,621 | 29,456 | 47,896 | 12,646 | 10,548 |
|
|
238
|
+
| `combobox` | 134,499 | 42,873 | 37,637 | 35,962 | 9,099 | 7,349 |
|
|
239
|
+
| `command` | 101,903 | 32,326 | 28,439 | 30,345 | 8,165 | 6,576 |
|
|
240
|
+
| `copy-button` | 82,250 | 28,297 | 25,073 | 18,753 | 5,094 | 4,112 |
|
|
241
|
+
| `data-table` | 202,758 | 62,394 | 53,346 | 89,962 | 24,139 | 19,187 |
|
|
242
|
+
| `date-input` | 143,074 | 45,179 | 39,655 | 38,660 | 9,421 | 7,668 |
|
|
243
|
+
| `date-picker` | 63,093 | 21,511 | 19,296 | 20,720 | 5,636 | 4,661 |
|
|
244
|
+
| `description-list` | 23,472 | 8,993 | 7,984 | 1,565 | 505 | 433 |
|
|
245
|
+
| `device-screen` | 73,940 | 24,005 | 21,129 | 31,473 | 8,773 | 6,905 |
|
|
246
|
+
| `dialog` | 39,200 | 13,971 | 12,478 | 5,948 | 1,749 | 1,447 |
|
|
247
|
+
| `divider` | 23,564 | 9,144 | 8,085 | 1,415 | 484 | 343 |
|
|
248
|
+
| `donut-chart` | 92,673 | 32,262 | 28,629 | 14,719 | 4,506 | 3,670 |
|
|
249
|
+
| `drawer` | 43,837 | 15,484 | 13,809 | 7,799 | 2,292 | 1,900 |
|
|
250
|
+
| `drilldown` | 43,552 | 15,253 | 13,602 | 9,707 | 2,705 | 2,053 |
|
|
251
|
+
| `empty` | 25,007 | 9,578 | 8,501 | 1,976 | 637 | 560 |
|
|
252
|
+
| `file-input` | 59,143 | 20,557 | 18,272 | 13,148 | 4,131 | 3,447 |
|
|
253
|
+
| `filter-input` | 99,603 | 33,493 | 29,716 | 21,571 | 6,189 | 5,011 |
|
|
254
|
+
| `format-date` | 31,209 | 11,674 | 10,412 | 4,475 | 1,241 | 1,156 |
|
|
255
|
+
| `graph` | 97,367 | 30,939 | 27,184 | 28,438 | 8,129 | 6,687 |
|
|
256
|
+
| `heatmap` | 101,760 | 34,694 | 30,636 | 19,070 | 5,625 | 4,468 |
|
|
257
|
+
| `icon` | 86,977 | 29,610 | 25,402 | 62,080 | 21,243 | 17,064 |
|
|
258
|
+
| `icon-button` | 36,357 | 13,003 | 11,588 | 5,237 | 1,531 | 1,209 |
|
|
259
|
+
| `image` | 26,373 | 9,844 | 8,746 | 3,846 | 1,154 | 952 |
|
|
260
|
+
| `input` | 47,074 | 16,181 | 14,346 | 7,006 | 2,246 | 1,644 |
|
|
261
|
+
| `kbd` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 929 |
|
|
262
|
+
| `legend` | 39,951 | 14,499 | 12,909 | 2,765 | 903 | 715 |
|
|
263
|
+
| `lightbox` | 57,138 | 19,382 | 17,217 | 16,760 | 4,653 | 3,647 |
|
|
264
|
+
| `line-chart` | 102,350 | 35,821 | 31,706 | 16,812 | 5,059 | 4,233 |
|
|
265
|
+
| `list` | 62,949 | 21,723 | 19,374 | 15,256 | 4,402 | 3,483 |
|
|
266
|
+
| `listbox` | 78,803 | 26,158 | 23,145 | 15,603 | 4,580 | 3,492 |
|
|
267
|
+
| `loader` | 27,341 | 10,452 | 9,312 | 2,786 | 924 | 718 |
|
|
268
|
+
| `log` | 83,849 | 28,610 | 25,316 | 39,568 | 12,138 | 10,398 |
|
|
269
|
+
| `map` | 105,893 | 32,229 | 27,765 | 45,482 | 11,936 | 9,555 |
|
|
270
|
+
| `megamenu` | 61,165 | 22,175 | 19,594 | 8,724 | 2,419 | 1,780 |
|
|
271
|
+
| `menu` | 98,535 | 32,954 | 29,059 | 30,262 | 7,977 | 6,498 |
|
|
272
|
+
| `meter` | 32,921 | 12,482 | 11,192 | 4,982 | 1,468 | 1,287 |
|
|
273
|
+
| `motion-toggle` | 26,353 | 10,249 | 9,104 | 1,426 | 521 | 365 |
|
|
274
|
+
| `navigation` | 33,886 | 12,735 | 11,320 | 3,365 | 1,136 | 982 |
|
|
275
|
+
| `notifications` | 59,565 | 20,340 | 18,147 | 18,276 | 5,065 | 4,112 |
|
|
276
|
+
| `number-input` | 57,654 | 19,365 | 17,240 | 13,581 | 3,621 | 2,821 |
|
|
277
|
+
| `object-inspector` | 116,630 | 39,201 | 34,522 | 36,012 | 10,231 | 8,396 |
|
|
278
|
+
| `option` | 27,049 | 9,971 | 8,855 | 4,523 | 1,206 | 983 |
|
|
279
|
+
| `outline` | 34,611 | 12,986 | 11,540 | 7,888 | 2,537 | 1,989 |
|
|
280
|
+
| `pagination` | 138,763 | 44,502 | 38,702 | 45,676 | 11,739 | 9,472 |
|
|
281
|
+
| `pin-input` | 48,873 | 17,049 | 15,231 | 7,208 | 2,360 | 1,763 |
|
|
282
|
+
| `popover` | 64,907 | 23,347 | 20,614 | 6,461 | 1,862 | 1,474 |
|
|
283
|
+
| `progress` | 29,235 | 11,151 | 9,982 | 3,007 | 932 | 820 |
|
|
284
|
+
| `qr-code` | 43,669 | 17,003 | 15,178 | 17,003 | 6,205 | 5,372 |
|
|
285
|
+
| `quote` | 23,088 | 9,112 | 8,055 | 1,210 | 500 | 334 |
|
|
286
|
+
| `radio` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 | 844 |
|
|
287
|
+
| `rating` | 51,618 | 17,783 | 15,851 | 8,058 | 2,428 | 1,732 |
|
|
288
|
+
| `scatter-chart` | 98,654 | 34,307 | 30,280 | 20,340 | 6,423 | 5,245 |
|
|
289
|
+
| `scroll-area` | 31,294 | 11,434 | 10,150 | 8,518 | 2,598 | 2,078 |
|
|
290
|
+
| `select` | 117,452 | 38,950 | 34,069 | 26,153 | 7,206 | 5,655 |
|
|
291
|
+
| `skeleton` | 22,900 | 8,871 | 7,874 | 991 | 373 | 267 |
|
|
292
|
+
| `skip-link` | 24,547 | 9,608 | 8,525 | 1,224 | 467 | 351 |
|
|
293
|
+
| `slider` | 54,667 | 18,414 | 16,483 | 13,625 | 3,861 | 3,137 |
|
|
294
|
+
| `sparkline` | 49,258 | 17,983 | 16,013 | 5,984 | 2,105 | 1,761 |
|
|
295
|
+
| `spatial-bar-chart` | 105,190 | 37,126 | 32,689 | 19,854 | 6,531 | 5,311 |
|
|
296
|
+
| `spatial-heatmap` | 117,114 | 39,971 | 35,181 | 31,741 | 9,469 | 7,928 |
|
|
297
|
+
| `spatial-ribbon-chart` | 104,313 | 36,730 | 32,389 | 20,793 | 6,901 | 5,798 |
|
|
298
|
+
| `spatial-scatter-chart` | 102,546 | 35,987 | 31,691 | 19,087 | 6,290 | 5,154 |
|
|
299
|
+
| `spatial-surface-chart` | 105,468 | 37,269 | 32,829 | 21,949 | 7,401 | 6,097 |
|
|
300
|
+
| `spatial-treemap` | 106,586 | 37,909 | 33,353 | 21,370 | 7,295 | 6,029 |
|
|
301
|
+
| `speed-dial` | 69,618 | 25,072 | 22,201 | 10,935 | 2,965 | 2,364 |
|
|
302
|
+
| `splitter` | 45,096 | 15,644 | 13,970 | 14,504 | 3,868 | 3,100 |
|
|
303
|
+
| `stat` | 26,285 | 10,056 | 8,959 | 2,323 | 769 | 624 |
|
|
304
|
+
| `steps` | 54,951 | 19,120 | 17,045 | 13,805 | 3,912 | 3,241 |
|
|
305
|
+
| `switch` | 40,121 | 13,837 | 12,332 | 1,679 | 602 | 352 |
|
|
306
|
+
| `table` | 120,167 | 37,603 | 32,707 | 45,143 | 12,220 | 9,961 |
|
|
307
|
+
| `tabs` | 47,105 | 16,204 | 14,443 | 10,491 | 2,858 | 2,326 |
|
|
308
|
+
| `tag` | 43,623 | 15,997 | 14,291 | 8,451 | 2,528 | 1,843 |
|
|
309
|
+
| `terminal` | 77,803 | 25,510 | 22,457 | 30,191 | 8,204 | 6,667 |
|
|
310
|
+
| `textarea` | 44,998 | 15,366 | 13,745 | 5,490 | 1,587 | 1,263 |
|
|
311
|
+
| `time-input` | 171,615 | 53,526 | 46,464 | 48,568 | 12,157 | 10,009 |
|
|
312
|
+
| `time-picker` | 101,859 | 32,308 | 28,443 | 33,981 | 9,108 | 7,256 |
|
|
313
|
+
| `timeline` | 32,429 | 12,281 | 11,013 | 4,087 | 1,189 | 1,032 |
|
|
314
|
+
| `toast` | 52,298 | 18,492 | 16,508 | 12,165 | 3,495 | 2,766 |
|
|
315
|
+
| `toggle` | 46,246 | 15,540 | 13,824 | 6,005 | 1,778 | 1,353 |
|
|
316
|
+
| `toolbar` | 34,370 | 12,799 | 11,423 | 1,366 | 485 | 395 |
|
|
317
|
+
| `tooltip` | 59,698 | 21,528 | 19,098 | 8,505 | 2,373 | 1,855 |
|
|
318
|
+
| `tour` | 85,289 | 29,312 | 25,904 | 20,084 | 5,530 | 4,377 |
|
|
319
|
+
| `tree` | 68,666 | 23,155 | 20,584 | 17,196 | 4,934 | 3,961 |
|
|
320
|
+
| `trend` | 30,937 | 12,025 | 10,718 | 3,592 | 1,141 | 1,000 |
|
|
321
|
+
| `video` | 143,892 | 45,089 | 39,356 | 66,785 | 16,907 | 13,968 |
|
|
322
|
+
| `video-playlist` | 129,019 | 41,831 | 36,803 | 42,856 | 11,045 | 9,243 |
|
|
323
|
+
| `virtual-list` | 65,115 | 22,097 | 19,639 | 23,394 | 7,160 | 5,959 |
|
|
324
324
|
|
|
325
325
|
### Styled tier
|
|
326
326
|
|
|
@@ -328,121 +328,121 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
328
328
|
|
|
329
329
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
330
330
|
|---|---|---|---|---|---|---|
|
|
331
|
-
| `accordion` | 36,104 | 12,945 | 11,483 | 8,795 | 2,459 |
|
|
332
|
-
| `announcement` | 42,276 | 14,775 | 13,
|
|
333
|
-
| `app-header` | 38,326 | 13,
|
|
334
|
-
| `area-chart` | 107,559 | 36,
|
|
335
|
-
| `aura` | 59,567 | 20,254 | 17,
|
|
336
|
-
| `avatar` | 34,890 | 12,911 | 11,
|
|
337
|
-
| `badge` | 33,626 | 12,190 | 10,865 | 8,459 | 2,
|
|
338
|
-
| `bar-chart` | 122,404 | 40,666 | 35,
|
|
339
|
-
| `blockquote` | 26,905 | 10,186 |
|
|
340
|
-
| `breadcrumbs` | 44,358 | 15,535 | 13,
|
|
341
|
-
| `button` | 42,754 | 14,406 | 12,
|
|
342
|
-
| `button-group` | 31,709 | 11,295 | 10,
|
|
343
|
-
| `callout` | 40,077 | 14,936 | 13,
|
|
344
|
-
| `canvas` | 162,739 | 46,990 | 40,
|
|
345
|
-
| `card` | 28,297 | 10,317 | 9,
|
|
346
|
-
| `carousel` | 55,653 | 17,867 | 16,
|
|
347
|
-
| `chat` | 97,783 | 30,169 | 26,659 | 43,673 | 10,906 | 9,
|
|
348
|
-
| `checkbox` | 47,753 | 15,521 | 13,
|
|
349
|
-
| `checkbox-group` | 55,713 | 17,591 | 15,
|
|
350
|
-
| `code` | 21,726 | 8,561 | 7,
|
|
351
|
-
| `code-block` | 131,305 | 39,
|
|
352
|
-
| `color-input` | 186,240 | 52,090 | 45,
|
|
353
|
-
| `color-picker` | 142,414 | 39,181 | 34,
|
|
354
|
-
| `combobox` | 149,853 | 45,
|
|
355
|
-
| `command` | 113,202 | 34,
|
|
356
|
-
| `copy-button` | 96,308 | 30,
|
|
357
|
-
| `data-table` | 233,423 | 67,795 |
|
|
358
|
-
| `date-input` | 164,378 | 48,943 | 42,
|
|
359
|
-
| `date-picker` | 71,139 | 22,978 | 20,
|
|
360
|
-
| `description-list` | 26,427 | 9,731 | 8,675 | 4,508 | 1,
|
|
361
|
-
| `device-screen` | 90,636 | 26,928 | 23,
|
|
362
|
-
| `dialog` | 44,336 | 15,
|
|
363
|
-
| `divider` | 25,863 | 9,772 | 8,639 | 3,698 | 1,
|
|
364
|
-
| `donut-chart` | 102,652 | 34,410 | 30,
|
|
365
|
-
| `drawer` | 49,667 | 16,
|
|
366
|
-
| `drilldown` | 49,229 | 16,
|
|
367
|
-
| `empty` | 26,316 | 10,056 | 8,
|
|
368
|
-
| `file-input` | 70,673 | 22,945 | 20,
|
|
369
|
-
| `filter-input` | 110,437 | 35,687 | 31,
|
|
370
|
-
| `flex` | 26,312 | 9,425 | 8,
|
|
371
|
-
| `format-date` | 31,463 | 11,
|
|
372
|
-
| `graph` | 122,406 | 34,
|
|
373
|
-
| `grid` | 27,762 | 10,
|
|
374
|
-
| `heatmap` | 110,082 | 36,553 | 32,
|
|
375
|
-
| `icon` | 89,012 | 30,
|
|
376
|
-
| `icon-button` | 46,117 | 14,590 | 13,017 | 14,983 | 3,150 | 2,
|
|
377
|
-
| `image` | 27,760 | 10,
|
|
378
|
-
| `input` | 51,329 | 17,270 | 15,
|
|
379
|
-
| `kbd` | 30,078 | 11,326 | 10,
|
|
380
|
-
| `legend` | 45,189 | 15,799 | 14,
|
|
381
|
-
| `lightbox` | 63,432 | 20,710 | 18,
|
|
382
|
-
| `line-chart` | 113,713 | 38,
|
|
383
|
-
| `list` | 69,295 | 23,265 | 20,
|
|
384
|
-
| `listbox` | 83,244 | 27,
|
|
385
|
-
| `loader` | 30,222 | 11,214 | 10,
|
|
386
|
-
| `log` | 96,367 | 30,951 | 27,
|
|
387
|
-
| `map` | 148,315 | 38,740 | 33,
|
|
388
|
-
| `megamenu` | 66,134 | 23,304 | 20,
|
|
389
|
-
| `menu` | 109,460 | 35,
|
|
390
|
-
| `meter` | 39,093 | 13,828 | 12,
|
|
391
|
-
| `motion-toggle` | 27,988 | 10,727 | 9,
|
|
392
|
-
| `navigation` | 37,610 | 13,571 | 12,
|
|
393
|
-
| `notifications` | 73,053 | 22,901 | 20,
|
|
394
|
-
| `number-input` | 62,635 | 20,555 | 18,
|
|
395
|
-
| `object-inspector` | 135,066 | 42,226 | 37,
|
|
396
|
-
| `option` | 30,122 | 10,932 | 9,
|
|
397
|
-
| `orb` | 36,885 | 14,019 | 12,
|
|
398
|
-
| `outline` | 38,845 | 13,
|
|
399
|
-
| `pagination` | 155,640 | 47,
|
|
400
|
-
| `pin-input` | 52,253 | 17,960 | 16,
|
|
401
|
-
| `popover` | 68,059 | 24,109 | 21,
|
|
402
|
-
| `progress` | 36,415 | 12,815 | 11,
|
|
403
|
-
| `qr-code` | 45,270 | 17,490 | 15,
|
|
404
|
-
| `quote` | 23,646 | 9,303 | 8,
|
|
405
|
-
| `radio` | 51,120 | 16,284 | 14,479 | 11,591 | 2,731 | 2,
|
|
406
|
-
| `rating` | 55,552 | 19,008 | 16,
|
|
407
|
-
| `sandbox` | 194,969 | 57,081 | 48,
|
|
408
|
-
| `scatter-chart` | 108,028 | 36,
|
|
409
|
-
| `scroll-area` | 36,301 | 12,384 | 11,
|
|
410
|
-
| `select` | 126,579 | 40,
|
|
411
|
-
| `skeleton` | 26,848 | 9,947 | 8,859 | 4,755 | 1,
|
|
412
|
-
| `skip-link` | 26,118 | 10,
|
|
413
|
-
| `slider` | 69,630 | 20,733 | 18,
|
|
414
|
-
| `sparkline` | 54,716 | 19,330 | 17,
|
|
415
|
-
| `spatial-bar-chart` | 114,257 | 39,176 | 34,
|
|
416
|
-
| `spatial-heatmap` | 126,853 | 42,151 | 37,
|
|
417
|
-
| `spatial-ribbon-chart` | 113,229 | 38,746 | 34,
|
|
418
|
-
| `spatial-scatter-chart` | 111,526 | 37,970 | 33,
|
|
419
|
-
| `spatial-surface-chart` | 113,903 | 39,173 | 34,
|
|
420
|
-
| `spatial-treemap` | 115,605 | 39,965 | 35,
|
|
421
|
-
| `speed-dial` | 76,667 | 26,447 | 23,
|
|
422
|
-
| `splitter` | 51,146 | 16,693 | 14,
|
|
423
|
-
| `stat` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,
|
|
424
|
-
| `steps` | 69,031 | 21,
|
|
425
|
-
| `strands` | 63,680 | 23,697 | 20,
|
|
426
|
-
| `switch` | 44,474 | 14,
|
|
427
|
-
| `table` | 137,847 | 40,689 | 35,
|
|
428
|
-
| `tabs` | 56,056 | 18,048 | 16,
|
|
429
|
-
| `tag` | 48,197 | 17,
|
|
430
|
-
| `terminal` | 104,821 | 29,
|
|
431
|
-
| `text` | 29,286 | 10,
|
|
432
|
-
| `textarea` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,
|
|
433
|
-
| `time-input` | 195,870 | 57,
|
|
434
|
-
| `time-picker` | 114,058 | 34,
|
|
435
|
-
| `timeline` | 39,321 | 13,742 | 12,
|
|
436
|
-
| `toast` | 60,192 | 20,340 | 18,
|
|
437
|
-
| `toggle` | 51,106 | 16,788 | 14,
|
|
438
|
-
| `toolbar` | 37,051 | 13,296 | 11,861 | 4,030 |
|
|
439
|
-
| `tooltip` | 62,502 | 22,
|
|
440
|
-
| `tour` | 95,381 | 31,
|
|
441
|
-
| `tree` | 77,354 | 25,
|
|
442
|
-
| `trend` | 32,854 | 12,576 | 11,
|
|
443
|
-
| `video` | 164,395 | 48,823 | 42,
|
|
444
|
-
| `video-playlist` | 144,967 | 44,810 | 39,
|
|
445
|
-
| `virtual-list` | 67,109 | 22,602 | 20,
|
|
331
|
+
| `accordion` | 36,104 | 12,945 | 11,483 | 8,795 | 2,459 | 2,086 |
|
|
332
|
+
| `announcement` | 42,276 | 14,775 | 13,189 | 9,297 | 2,452 | 2,092 |
|
|
333
|
+
| `app-header` | 38,326 | 13,450 | 12,003 | 11,046 | 2,970 | 2,550 |
|
|
334
|
+
| `area-chart` | 107,559 | 36,862 | 32,500 | 22,604 | 6,410 | 5,323 |
|
|
335
|
+
| `aura` | 59,567 | 20,254 | 17,942 | 31,768 | 9,480 | 8,293 |
|
|
336
|
+
| `avatar` | 34,890 | 12,911 | 11,564 | 6,988 | 1,985 | 1,629 |
|
|
337
|
+
| `badge` | 33,626 | 12,190 | 10,865 | 8,459 | 2,152 | 1,821 |
|
|
338
|
+
| `bar-chart` | 122,404 | 40,666 | 35,941 | 36,917 | 9,771 | 8,316 |
|
|
339
|
+
| `blockquote` | 26,905 | 10,186 | 9,005 | 4,613 | 1,414 | 1,221 |
|
|
340
|
+
| `breadcrumbs` | 44,358 | 15,535 | 13,857 | 14,305 | 3,659 | 3,005 |
|
|
341
|
+
| `button` | 42,754 | 14,406 | 12,866 | 11,618 | 2,936 | 2,382 |
|
|
342
|
+
| `button-group` | 31,709 | 11,295 | 10,032 | 8,406 | 2,184 | 1,776 |
|
|
343
|
+
| `callout` | 40,077 | 14,936 | 13,293 | 6,659 | 1,909 | 1,575 |
|
|
344
|
+
| `canvas` | 162,739 | 46,990 | 40,855 | 104,142 | 27,542 | 22,979 |
|
|
345
|
+
| `card` | 28,297 | 10,317 | 9,158 | 5,976 | 1,639 | 1,355 |
|
|
346
|
+
| `carousel` | 55,653 | 17,867 | 16,026 | 25,799 | 6,075 | 4,995 |
|
|
347
|
+
| `chat` | 97,783 | 30,169 | 26,659 | 43,673 | 10,906 | 9,177 |
|
|
348
|
+
| `checkbox` | 47,753 | 15,521 | 13,840 | 9,579 | 2,448 | 2,025 |
|
|
349
|
+
| `checkbox-group` | 55,713 | 17,591 | 15,668 | 15,536 | 3,984 | 3,188 |
|
|
350
|
+
| `code` | 21,726 | 8,561 | 7,580 | 976 | 380 | 370 |
|
|
351
|
+
| `code-block` | 131,305 | 39,638 | 34,894 | 63,796 | 14,820 | 12,548 |
|
|
352
|
+
| `color-input` | 186,240 | 52,090 | 45,560 | 98,237 | 20,681 | 17,315 |
|
|
353
|
+
| `color-picker` | 142,414 | 39,181 | 34,378 | 84,912 | 18,337 | 15,281 |
|
|
354
|
+
| `combobox` | 149,853 | 45,826 | 40,290 | 51,299 | 11,876 | 9,862 |
|
|
355
|
+
| `command` | 113,202 | 34,670 | 30,507 | 41,638 | 10,422 | 8,664 |
|
|
356
|
+
| `copy-button` | 96,308 | 30,629 | 27,127 | 32,793 | 7,505 | 6,103 |
|
|
357
|
+
| `data-table` | 233,423 | 67,795 | 57,996 | 120,610 | 29,574 | 23,975 |
|
|
358
|
+
| `date-input` | 164,378 | 48,943 | 42,982 | 59,944 | 13,137 | 11,029 |
|
|
359
|
+
| `date-picker` | 71,139 | 22,978 | 20,570 | 28,748 | 7,096 | 5,803 |
|
|
360
|
+
| `description-list` | 26,427 | 9,731 | 8,675 | 4,508 | 1,235 | 1,037 |
|
|
361
|
+
| `device-screen` | 90,636 | 26,928 | 23,750 | 48,154 | 11,727 | 9,578 |
|
|
362
|
+
| `dialog` | 44,336 | 15,227 | 13,590 | 11,066 | 3,036 | 2,672 |
|
|
363
|
+
| `divider` | 25,863 | 9,772 | 8,639 | 3,698 | 1,118 | 938 |
|
|
364
|
+
| `donut-chart` | 102,652 | 34,410 | 30,408 | 24,675 | 6,732 | 5,620 |
|
|
365
|
+
| `drawer` | 49,667 | 16,867 | 15,054 | 13,613 | 3,722 | 3,103 |
|
|
366
|
+
| `drilldown` | 49,229 | 16,548 | 14,770 | 15,373 | 3,998 | 3,316 |
|
|
367
|
+
| `empty` | 26,316 | 10,056 | 8,917 | 3,267 | 1,083 | 860 |
|
|
368
|
+
| `file-input` | 70,673 | 22,945 | 20,371 | 24,666 | 6,595 | 5,499 |
|
|
369
|
+
| `filter-input` | 110,437 | 35,687 | 31,655 | 32,398 | 8,308 | 6,990 |
|
|
370
|
+
| `flex` | 26,312 | 9,425 | 8,373 | 4,762 | 1,028 | 955 |
|
|
371
|
+
| `format-date` | 31,463 | 11,790 | 10,526 | 4,713 | 1,367 | 1,116 |
|
|
372
|
+
| `graph` | 122,406 | 34,902 | 30,463 | 53,465 | 12,042 | 10,006 |
|
|
373
|
+
| `grid` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,189 |
|
|
374
|
+
| `heatmap` | 110,082 | 36,553 | 32,273 | 27,372 | 7,466 | 6,067 |
|
|
375
|
+
| `icon` | 89,012 | 30,216 | 26,065 | 63,935 | 21,795 | 17,565 |
|
|
376
|
+
| `icon-button` | 46,117 | 14,590 | 13,017 | 14,983 | 3,150 | 2,567 |
|
|
377
|
+
| `image` | 27,760 | 10,306 | 9,131 | 5,217 | 1,619 | 1,342 |
|
|
378
|
+
| `input` | 51,329 | 17,270 | 15,277 | 11,244 | 3,365 | 2,656 |
|
|
379
|
+
| `kbd` | 30,078 | 11,326 | 10,034 | 5,492 | 1,637 | 1,318 |
|
|
380
|
+
| `legend` | 45,189 | 15,799 | 14,048 | 7,875 | 2,163 | 1,659 |
|
|
381
|
+
| `lightbox` | 63,432 | 20,710 | 18,429 | 23,035 | 5,989 | 4,830 |
|
|
382
|
+
| `line-chart` | 113,713 | 38,273 | 33,827 | 28,161 | 7,533 | 6,421 |
|
|
383
|
+
| `list` | 69,295 | 23,265 | 20,729 | 21,583 | 5,913 | 4,800 |
|
|
384
|
+
| `listbox` | 83,244 | 27,267 | 24,053 | 20,032 | 5,713 | 4,602 |
|
|
385
|
+
| `loader` | 30,222 | 11,214 | 10,043 | 5,653 | 1,688 | 1,482 |
|
|
386
|
+
| `log` | 96,367 | 30,951 | 27,460 | 52,078 | 14,632 | 12,525 |
|
|
387
|
+
| `map` | 148,315 | 38,740 | 33,394 | 87,896 | 18,603 | 15,236 |
|
|
388
|
+
| `megamenu` | 66,134 | 23,304 | 20,633 | 13,674 | 3,606 | 2,777 |
|
|
389
|
+
| `menu` | 109,460 | 35,102 | 31,003 | 41,175 | 10,021 | 8,555 |
|
|
390
|
+
| `meter` | 39,093 | 13,828 | 12,391 | 11,138 | 2,794 | 2,386 |
|
|
391
|
+
| `motion-toggle` | 27,988 | 10,727 | 9,563 | 3,044 | 979 | 727 |
|
|
392
|
+
| `navigation` | 37,610 | 13,571 | 12,052 | 7,076 | 1,990 | 1,619 |
|
|
393
|
+
| `notifications` | 73,053 | 22,901 | 20,406 | 31,758 | 7,652 | 6,439 |
|
|
394
|
+
| `number-input` | 62,635 | 20,555 | 18,278 | 18,546 | 4,830 | 3,815 |
|
|
395
|
+
| `object-inspector` | 135,066 | 42,226 | 37,127 | 54,433 | 13,310 | 11,087 |
|
|
396
|
+
| `option` | 30,122 | 10,932 | 9,739 | 7,587 | 2,143 | 1,827 |
|
|
397
|
+
| `orb` | 36,885 | 14,019 | 12,535 | 10,017 | 3,701 | 3,281 |
|
|
398
|
+
| `outline` | 38,845 | 13,847 | 12,318 | 12,105 | 3,429 | 2,742 |
|
|
399
|
+
| `pagination` | 155,640 | 47,773 | 41,501 | 62,533 | 15,140 | 12,450 |
|
|
400
|
+
| `pin-input` | 52,253 | 17,960 | 16,017 | 10,571 | 3,257 | 2,632 |
|
|
401
|
+
| `popover` | 68,059 | 24,109 | 21,341 | 9,595 | 2,650 | 2,102 |
|
|
402
|
+
| `progress` | 36,415 | 12,815 | 11,447 | 10,170 | 2,587 | 2,360 |
|
|
403
|
+
| `qr-code` | 45,270 | 17,490 | 15,586 | 18,587 | 6,667 | 5,726 |
|
|
404
|
+
| `quote` | 23,646 | 9,303 | 8,219 | 1,751 | 683 | 502 |
|
|
405
|
+
| `radio` | 51,120 | 16,284 | 14,479 | 11,591 | 2,731 | 2,157 |
|
|
406
|
+
| `rating` | 55,552 | 19,008 | 16,959 | 11,974 | 3,663 | 2,799 |
|
|
407
|
+
| `sandbox` | 194,969 | 57,081 | 48,992 | 138,931 | 37,543 | 30,935 |
|
|
408
|
+
| `scatter-chart` | 108,028 | 36,468 | 32,176 | 29,695 | 8,477 | 7,032 |
|
|
409
|
+
| `scroll-area` | 36,301 | 12,384 | 11,007 | 13,508 | 3,556 | 2,843 |
|
|
410
|
+
| `select` | 126,579 | 40,859 | 35,785 | 35,265 | 9,013 | 7,394 |
|
|
411
|
+
| `skeleton` | 26,848 | 9,947 | 8,859 | 4,755 | 1,384 | 1,254 |
|
|
412
|
+
| `skip-link` | 26,118 | 10,115 | 8,950 | 2,779 | 956 | 724 |
|
|
413
|
+
| `slider` | 69,630 | 20,733 | 18,541 | 28,574 | 6,237 | 5,051 |
|
|
414
|
+
| `sparkline` | 54,716 | 19,330 | 17,254 | 11,424 | 3,445 | 2,887 |
|
|
415
|
+
| `spatial-bar-chart` | 114,257 | 39,176 | 34,493 | 28,899 | 8,472 | 7,225 |
|
|
416
|
+
| `spatial-heatmap` | 126,853 | 42,151 | 37,057 | 41,460 | 11,643 | 9,880 |
|
|
417
|
+
| `spatial-ribbon-chart` | 113,229 | 38,746 | 34,173 | 29,691 | 8,828 | 7,614 |
|
|
418
|
+
| `spatial-scatter-chart` | 111,526 | 37,970 | 33,424 | 28,039 | 8,157 | 6,884 |
|
|
419
|
+
| `spatial-surface-chart` | 113,903 | 39,173 | 34,509 | 30,366 | 9,233 | 7,966 |
|
|
420
|
+
| `spatial-treemap` | 115,605 | 39,965 | 35,193 | 30,369 | 9,263 | 7,726 |
|
|
421
|
+
| `speed-dial` | 76,667 | 26,447 | 23,451 | 17,968 | 4,391 | 3,600 |
|
|
422
|
+
| `splitter` | 51,146 | 16,693 | 14,930 | 20,540 | 4,914 | 4,032 |
|
|
423
|
+
| `stat` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,178 |
|
|
424
|
+
| `steps` | 69,031 | 21,901 | 19,512 | 27,874 | 6,798 | 5,600 |
|
|
425
|
+
| `strands` | 63,680 | 23,697 | 20,893 | 38,176 | 13,672 | 11,959 |
|
|
426
|
+
| `switch` | 44,474 | 14,983 | 13,348 | 6,021 | 1,728 | 1,487 |
|
|
427
|
+
| `table` | 137,847 | 40,689 | 35,442 | 62,826 | 15,397 | 12,760 |
|
|
428
|
+
| `tabs` | 56,056 | 18,048 | 16,041 | 19,435 | 4,747 | 4,023 |
|
|
429
|
+
| `tag` | 48,197 | 17,126 | 15,334 | 13,012 | 3,640 | 2,890 |
|
|
430
|
+
| `terminal` | 104,821 | 29,348 | 25,843 | 57,202 | 12,088 | 10,003 |
|
|
431
|
+
| `text` | 29,286 | 10,211 | 9,003 | 7,183 | 1,496 | 1,159 |
|
|
432
|
+
| `textarea` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,173 |
|
|
433
|
+
| `time-input` | 195,870 | 57,694 | 50,144 | 72,808 | 16,503 | 13,657 |
|
|
434
|
+
| `time-picker` | 114,058 | 34,723 | 30,528 | 46,174 | 11,387 | 9,486 |
|
|
435
|
+
| `timeline` | 39,321 | 13,742 | 12,296 | 10,975 | 2,717 | 2,312 |
|
|
436
|
+
| `toast` | 60,192 | 20,340 | 18,203 | 20,047 | 5,400 | 4,467 |
|
|
437
|
+
| `toggle` | 51,106 | 16,788 | 14,978 | 10,853 | 3,066 | 2,492 |
|
|
438
|
+
| `toolbar` | 37,051 | 13,296 | 11,861 | 4,030 | 966 | 787 |
|
|
439
|
+
| `tooltip` | 62,502 | 22,263 | 19,768 | 11,291 | 3,108 | 2,496 |
|
|
440
|
+
| `tour` | 95,381 | 31,305 | 27,705 | 30,157 | 7,585 | 6,142 |
|
|
441
|
+
| `tree` | 77,354 | 25,063 | 22,304 | 25,869 | 6,898 | 5,627 |
|
|
442
|
+
| `trend` | 32,854 | 12,576 | 11,224 | 5,489 | 1,663 | 1,469 |
|
|
443
|
+
| `video` | 164,395 | 48,823 | 42,619 | 87,276 | 20,635 | 17,234 |
|
|
444
|
+
| `video-playlist` | 144,967 | 44,810 | 39,343 | 58,785 | 14,038 | 11,835 |
|
|
445
|
+
| `virtual-list` | 67,109 | 22,602 | 20,115 | 25,371 | 7,642 | 6,348 |
|
|
446
446
|
|
|
447
447
|
## What an install adds to `node_modules`
|
|
448
448
|
|
|
@@ -456,11 +456,11 @@ without its whitespace, and the sizes count each one that way.
|
|
|
456
456
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
457
457
|
|---|---|---|---|---|
|
|
458
458
|
| `@fusion.dev/helix-core` | 2,281,874 | 619 | 825,625 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
|
|
459
|
-
| `@fusion.dev/helix-headless` | 24,573,
|
|
459
|
+
| `@fusion.dev/helix-headless` | 24,573,515 | 786 | 2,603,737 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
|
|
460
460
|
| `@fusion.dev/helix-icons` | 160,828 | 21 | 52,435 | `svgo` |
|
|
461
461
|
| `@fusion.dev/helix-styles` | 122,452 | 6 | 0 | none |
|
|
462
462
|
| `@fusion.dev/helix-theme` | 453,157 | 8 | 6,257 | none |
|
|
463
|
-
| `@fusion.dev/helix` | 25,206,
|
|
463
|
+
| `@fusion.dev/helix` | 25,206,841 | 1,033 | 572,629 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
|
|
464
464
|
|
|
465
465
|
## Not measured yet
|
|
466
466
|
|
|
@@ -2608,7 +2608,7 @@ Give the frame its notes and links, make the renderer, and connect the two:
|
|
|
2608
2608
|
\`\`\`js
|
|
2609
2609
|
import '@fusion.dev/helix/graph'
|
|
2610
2610
|
import { connectGraph } from '@fusion.dev/helix-graph'
|
|
2611
|
-
import { sigmaDriver } from '@fusion.dev/helix-graph/sigma'
|
|
2611
|
+
import { sigmaDriver, sigmaOptions } from '@fusion.dev/helix-graph/sigma'
|
|
2612
2612
|
import Graph from 'graphology'
|
|
2613
2613
|
import forceAtlas2 from 'graphology-layout-forceatlas2'
|
|
2614
2614
|
import FA2Layout from 'graphology-layout-forceatlas2/worker'
|
|
@@ -2621,7 +2621,7 @@ frame.nodes = [
|
|
|
2621
2621
|
]
|
|
2622
2622
|
frame.links = [{ source: 'pricing', target: 'roadmap' }]
|
|
2623
2623
|
|
|
2624
|
-
const sigma = new Sigma(new Graph(), frame.querySelector('div'))
|
|
2624
|
+
const sigma = new Sigma(new Graph(), frame.querySelector('div'), sigmaOptions())
|
|
2625
2625
|
const connection = connectGraph(
|
|
2626
2626
|
frame,
|
|
2627
2627
|
sigmaDriver(sigma, {
|
|
@@ -5123,7 +5123,7 @@ on its own.
|
|
|
5123
5123
|
|
|
5124
5124
|
| | Raw | Gzip | Brotli |
|
|
5125
5125
|
|---|---|---|---|
|
|
5126
|
-
| Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,
|
|
5126
|
+
| Lit and \`@fusion.dev/helix-core\` | 276,389 | 88,533 | 75,227 |
|
|
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\` | 275,598 | 88,
|
|
5138
|
-
| \`@fusion.dev/helix-headless\` | 1,515,371 | 423,163 |
|
|
5137
|
+
| \`@fusion.dev/helix-core\` | 275,598 | 88,368 | 74,817 | The element base class, mixins, decorators, and floating positioning. |
|
|
5138
|
+
| \`@fusion.dev/helix-headless\` | 1,515,371 | 423,163 | 317,084 | 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,254,113 | 582,427 | 414,
|
|
5142
|
+
| \`@fusion.dev/helix\` | 2,254,113 | 582,427 | 414,940 | 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
|
|
@@ -5178,17 +5178,17 @@ 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,866 |
|
|
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,521 | 13,
|
|
5186
|
+
| \`checkbox\` | **Helix** | 47,753 | 15,521 | 13,840 |
|
|
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,227 | 13,590 |
|
|
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 |
|
|
@@ -5198,17 +5198,17 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
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,983 | 13,348 |
|
|
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,048 | 16,
|
|
5206
|
+
| \`tabs\` | **Helix** | 56,056 | 18,048 | 16,041 |
|
|
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,
|
|
5211
|
+
| \`tooltip\` | **Helix** | 62,502 | 22,263 | 19,768 |
|
|
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,
|
|
5293
|
-
| \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,
|
|
5294
|
-
| \`area-chart\` | 99,355 | 34,
|
|
5295
|
-
| \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 |
|
|
5296
|
-
| \`badge\` | 28,118 | 10,944 | 9,778 | 2,963 | 897 |
|
|
5297
|
-
| \`bar-chart\` | 107,369 | 37,632 | 33,
|
|
5298
|
-
| \`blockquote\` | 24,679 | 9,
|
|
5299
|
-
| \`breadcrumbs\` | 37,419 | 14,327 | 12,
|
|
5300
|
-
| \`button\` | 36,246 | 12,977 | 11,
|
|
5301
|
-
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 |
|
|
5302
|
-
| \`callout\` | 36,284 | 13,989 | 12,
|
|
5303
|
-
| \`canvas\` | 132,515 | 41,864 | 36,
|
|
5304
|
-
| \`card\` | 24,397 | 9,311 | 8,
|
|
5305
|
-
| \`carousel\` | 45,167 | 16,
|
|
5306
|
-
| \`chat\` | 82,490 | 27,445 | 24,
|
|
5307
|
-
| \`checkbox\` | 41,267 | 14,019 | 12,
|
|
5308
|
-
| \`checkbox-group\` | 48,490 | 15,947 | 14,
|
|
5309
|
-
| \`code\` | 20,869 | 8,248 | 7,313 | 138 | 79 |
|
|
5310
|
-
| \`code-block\` | 104,805 | 35,
|
|
5311
|
-
| \`color-input\` | 143,769 | 45,821 | 39,
|
|
5312
|
-
| \`color-picker\` | 105,388 | 33,621 | 29,
|
|
5313
|
-
| \`combobox\` | 134,499 | 42,
|
|
5314
|
-
| \`command\` | 101,903 | 32,
|
|
5315
|
-
| \`copy-button\` | 82,250 | 28,
|
|
5316
|
-
| \`data-table\` | 202,758 | 62,394 | 53,
|
|
5317
|
-
| \`date-input\` | 143,074 | 45,179 | 39,
|
|
5318
|
-
| \`date-picker\` | 63,093 | 21,511 | 19,
|
|
5319
|
-
| \`description-list\` | 23,472 | 8,
|
|
5320
|
-
| \`device-screen\` | 73,940 | 24,005 | 21,
|
|
5321
|
-
| \`dialog\` | 39,200 | 13,971 | 12,
|
|
5322
|
-
| \`divider\` | 23,564 | 9,
|
|
5323
|
-
| \`donut-chart\` | 92,673 | 32,262 | 28,
|
|
5324
|
-
| \`drawer\` | 43,837 | 15,
|
|
5325
|
-
| \`drilldown\` | 43,552 | 15,253 | 13,
|
|
5326
|
-
| \`empty\` | 25,007 | 9,578 | 8,
|
|
5327
|
-
| \`file-input\` | 59,143 | 20,
|
|
5328
|
-
| \`filter-input\` | 99,603 | 33,493 | 29,
|
|
5329
|
-
| \`format-date\` | 31,209 | 11,674 | 10,
|
|
5330
|
-
| \`graph\` | 97,367 | 30,
|
|
5331
|
-
| \`heatmap\` | 101,760 | 34,694 | 30,
|
|
5332
|
-
| \`icon\` | 86,977 | 29,
|
|
5333
|
-
| \`icon-button\` | 36,357 | 13,003 | 11,
|
|
5334
|
-
| \`image\` | 26,373 | 9,
|
|
5335
|
-
| \`input\` | 47,074 | 16,181 | 14,
|
|
5336
|
-
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 |
|
|
5337
|
-
| \`legend\` | 39,951 | 14,499 | 12,
|
|
5338
|
-
| \`lightbox\` | 57,138 | 19,382 | 17,
|
|
5339
|
-
| \`line-chart\` | 102,350 | 35,
|
|
5340
|
-
| \`list\` | 62,949 | 21,723 | 19,
|
|
5341
|
-
| \`listbox\` | 78,803 | 26,158 | 23,
|
|
5342
|
-
| \`loader\` | 27,341 | 10,
|
|
5343
|
-
| \`log\` | 83,849 | 28,610 | 25,
|
|
5344
|
-
| \`map\` | 105,893 | 32,229 | 27,
|
|
5345
|
-
| \`megamenu\` | 61,165 | 22,
|
|
5346
|
-
| \`menu\` | 98,535 | 32,954 | 29,
|
|
5347
|
-
| \`meter\` | 32,921 | 12,482 | 11,
|
|
5348
|
-
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 521 |
|
|
5349
|
-
| \`navigation\` | 33,886 | 12,735 | 11,
|
|
5350
|
-
| \`notifications\` | 59,565 | 20,340 | 18,
|
|
5351
|
-
| \`number-input\` | 57,654 | 19,365 | 17,
|
|
5352
|
-
| \`object-inspector\` | 116,630 | 39,201 | 34,
|
|
5353
|
-
| \`option\` | 27,049 | 9,
|
|
5354
|
-
| \`outline\` | 34,611 | 12,986 | 11,
|
|
5355
|
-
| \`pagination\` | 138,763 | 44,502 | 38,
|
|
5356
|
-
| \`pin-input\` | 48,873 | 17,049 | 15,
|
|
5357
|
-
| \`popover\` | 64,907 | 23,
|
|
5358
|
-
| \`progress\` | 29,235 | 11,151 | 9,
|
|
5359
|
-
| \`qr-code\` | 43,669 | 17,003 | 15,
|
|
5360
|
-
| \`quote\` | 23,088 | 9,112 | 8,
|
|
5361
|
-
| \`radio\` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 |
|
|
5362
|
-
| \`rating\` | 51,618 | 17,783 | 15,
|
|
5363
|
-
| \`scatter-chart\` | 98,654 | 34,
|
|
5364
|
-
| \`scroll-area\` | 31,294 | 11,
|
|
5365
|
-
| \`select\` | 117,452 | 38,
|
|
5366
|
-
| \`skeleton\` | 22,900 | 8,871 | 7,
|
|
5367
|
-
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 467 |
|
|
5368
|
-
| \`slider\` | 54,667 | 18,
|
|
5369
|
-
| \`sparkline\` | 49,258 | 17,
|
|
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,056 | 8,959 | 2,323 | 769 |
|
|
5379
|
-
| \`steps\` | 54,951 | 19,
|
|
5380
|
-
| \`switch\` | 40,121 | 13,837 | 12,
|
|
5381
|
-
| \`table\` | 120,167 | 37,603 | 32,
|
|
5382
|
-
| \`tabs\` | 47,105 | 16,204 | 14,
|
|
5383
|
-
| \`tag\` | 43,623 | 15,997 | 14,
|
|
5384
|
-
| \`terminal\` | 77,803 | 25,510 | 22,
|
|
5385
|
-
| \`textarea\` | 44,998 | 15,366 | 13,
|
|
5386
|
-
| \`time-input\` | 171,615 | 53,
|
|
5387
|
-
| \`time-picker\` | 101,859 | 32,308 | 28,
|
|
5388
|
-
| \`timeline\` | 32,429 | 12,281 | 11,013 | 4,087 | 1,
|
|
5389
|
-
| \`toast\` | 52,298 | 18,492 | 16,
|
|
5390
|
-
| \`toggle\` | 46,246 | 15,540 | 13,824 | 6,005 | 1,
|
|
5391
|
-
| \`toolbar\` | 34,370 | 12,799 | 11,
|
|
5392
|
-
| \`tooltip\` | 59,698 | 21,528 | 19,
|
|
5393
|
-
| \`tour\` | 85,289 | 29,312 | 25,
|
|
5394
|
-
| \`tree\` | 68,666 | 23,
|
|
5395
|
-
| \`trend\` | 30,937 | 12,025 | 10,
|
|
5396
|
-
| \`video\` | 143,892 | 45,089 | 39,
|
|
5397
|
-
| \`video-playlist\` | 129,019 | 41,
|
|
5398
|
-
| \`virtual-list\` | 65,115 | 22,097 | 19,
|
|
5291
|
+
| \`accordion\` | 32,671 | 12,091 | 10,729 | 5,378 | 1,545 | 1,188 |
|
|
5292
|
+
| \`announcement\` | 37,661 | 13,710 | 12,274 | 4,701 | 1,363 | 995 |
|
|
5293
|
+
| \`app-header\` | 33,168 | 12,240 | 10,875 | 5,901 | 1,776 | 1,483 |
|
|
5294
|
+
| \`area-chart\` | 99,355 | 34,968 | 30,850 | 14,419 | 4,441 | 3,781 |
|
|
5295
|
+
| \`avatar\` | 31,887 | 12,153 | 10,895 | 4,000 | 1,242 | 1,012 |
|
|
5296
|
+
| \`badge\` | 28,118 | 10,944 | 9,778 | 2,963 | 897 | 775 |
|
|
5297
|
+
| \`bar-chart\` | 107,369 | 37,632 | 33,252 | 21,900 | 6,885 | 5,801 |
|
|
5298
|
+
| \`blockquote\` | 24,679 | 9,638 | 8,539 | 2,401 | 873 | 831 |
|
|
5299
|
+
| \`breadcrumbs\` | 37,419 | 14,327 | 12,833 | 7,380 | 2,394 | 2,019 |
|
|
5300
|
+
| \`button\` | 36,246 | 12,977 | 11,570 | 5,128 | 1,503 | 1,305 |
|
|
5301
|
+
| \`button-group\` | 28,214 | 10,617 | 9,418 | 4,923 | 1,489 | 1,084 |
|
|
5302
|
+
| \`callout\` | 36,284 | 13,989 | 12,441 | 2,884 | 956 | 694 |
|
|
5303
|
+
| \`canvas\` | 132,515 | 41,864 | 36,384 | 74,272 | 22,526 | 18,805 |
|
|
5304
|
+
| \`card\` | 24,397 | 9,311 | 8,260 | 2,090 | 633 | 463 |
|
|
5305
|
+
| \`carousel\` | 45,167 | 16,073 | 14,353 | 15,328 | 4,263 | 3,379 |
|
|
5306
|
+
| \`chat\` | 82,490 | 27,445 | 24,242 | 28,394 | 8,267 | 6,697 |
|
|
5307
|
+
| \`checkbox\` | 41,267 | 14,019 | 12,516 | 3,107 | 947 | 727 |
|
|
5308
|
+
| \`checkbox-group\` | 48,490 | 15,947 | 14,219 | 8,322 | 2,329 | 1,738 |
|
|
5309
|
+
| \`code\` | 20,869 | 8,248 | 7,313 | 138 | 79 | 107 |
|
|
5310
|
+
| \`code-block\` | 104,805 | 35,636 | 31,455 | 37,315 | 10,669 | 8,921 |
|
|
5311
|
+
| \`color-input\` | 143,769 | 45,821 | 39,991 | 55,776 | 14,285 | 11,775 |
|
|
5312
|
+
| \`color-picker\` | 105,388 | 33,621 | 29,456 | 47,896 | 12,646 | 10,548 |
|
|
5313
|
+
| \`combobox\` | 134,499 | 42,873 | 37,637 | 35,962 | 9,099 | 7,349 |
|
|
5314
|
+
| \`command\` | 101,903 | 32,326 | 28,439 | 30,345 | 8,165 | 6,576 |
|
|
5315
|
+
| \`copy-button\` | 82,250 | 28,297 | 25,073 | 18,753 | 5,094 | 4,112 |
|
|
5316
|
+
| \`data-table\` | 202,758 | 62,394 | 53,346 | 89,962 | 24,139 | 19,187 |
|
|
5317
|
+
| \`date-input\` | 143,074 | 45,179 | 39,655 | 38,660 | 9,421 | 7,668 |
|
|
5318
|
+
| \`date-picker\` | 63,093 | 21,511 | 19,296 | 20,720 | 5,636 | 4,661 |
|
|
5319
|
+
| \`description-list\` | 23,472 | 8,993 | 7,984 | 1,565 | 505 | 433 |
|
|
5320
|
+
| \`device-screen\` | 73,940 | 24,005 | 21,129 | 31,473 | 8,773 | 6,905 |
|
|
5321
|
+
| \`dialog\` | 39,200 | 13,971 | 12,478 | 5,948 | 1,749 | 1,447 |
|
|
5322
|
+
| \`divider\` | 23,564 | 9,144 | 8,085 | 1,415 | 484 | 343 |
|
|
5323
|
+
| \`donut-chart\` | 92,673 | 32,262 | 28,629 | 14,719 | 4,506 | 3,670 |
|
|
5324
|
+
| \`drawer\` | 43,837 | 15,484 | 13,809 | 7,799 | 2,292 | 1,900 |
|
|
5325
|
+
| \`drilldown\` | 43,552 | 15,253 | 13,602 | 9,707 | 2,705 | 2,053 |
|
|
5326
|
+
| \`empty\` | 25,007 | 9,578 | 8,501 | 1,976 | 637 | 560 |
|
|
5327
|
+
| \`file-input\` | 59,143 | 20,557 | 18,272 | 13,148 | 4,131 | 3,447 |
|
|
5328
|
+
| \`filter-input\` | 99,603 | 33,493 | 29,716 | 21,571 | 6,189 | 5,011 |
|
|
5329
|
+
| \`format-date\` | 31,209 | 11,674 | 10,412 | 4,475 | 1,241 | 1,156 |
|
|
5330
|
+
| \`graph\` | 97,367 | 30,939 | 27,184 | 28,438 | 8,129 | 6,687 |
|
|
5331
|
+
| \`heatmap\` | 101,760 | 34,694 | 30,636 | 19,070 | 5,625 | 4,468 |
|
|
5332
|
+
| \`icon\` | 86,977 | 29,610 | 25,402 | 62,080 | 21,243 | 17,064 |
|
|
5333
|
+
| \`icon-button\` | 36,357 | 13,003 | 11,588 | 5,237 | 1,531 | 1,209 |
|
|
5334
|
+
| \`image\` | 26,373 | 9,844 | 8,746 | 3,846 | 1,154 | 952 |
|
|
5335
|
+
| \`input\` | 47,074 | 16,181 | 14,346 | 7,006 | 2,246 | 1,644 |
|
|
5336
|
+
| \`kbd\` | 28,084 | 10,790 | 9,566 | 3,514 | 1,091 | 929 |
|
|
5337
|
+
| \`legend\` | 39,951 | 14,499 | 12,909 | 2,765 | 903 | 715 |
|
|
5338
|
+
| \`lightbox\` | 57,138 | 19,382 | 17,217 | 16,760 | 4,653 | 3,647 |
|
|
5339
|
+
| \`line-chart\` | 102,350 | 35,821 | 31,706 | 16,812 | 5,059 | 4,233 |
|
|
5340
|
+
| \`list\` | 62,949 | 21,723 | 19,374 | 15,256 | 4,402 | 3,483 |
|
|
5341
|
+
| \`listbox\` | 78,803 | 26,158 | 23,145 | 15,603 | 4,580 | 3,492 |
|
|
5342
|
+
| \`loader\` | 27,341 | 10,452 | 9,312 | 2,786 | 924 | 718 |
|
|
5343
|
+
| \`log\` | 83,849 | 28,610 | 25,316 | 39,568 | 12,138 | 10,398 |
|
|
5344
|
+
| \`map\` | 105,893 | 32,229 | 27,765 | 45,482 | 11,936 | 9,555 |
|
|
5345
|
+
| \`megamenu\` | 61,165 | 22,175 | 19,594 | 8,724 | 2,419 | 1,780 |
|
|
5346
|
+
| \`menu\` | 98,535 | 32,954 | 29,059 | 30,262 | 7,977 | 6,498 |
|
|
5347
|
+
| \`meter\` | 32,921 | 12,482 | 11,192 | 4,982 | 1,468 | 1,287 |
|
|
5348
|
+
| \`motion-toggle\` | 26,353 | 10,249 | 9,104 | 1,426 | 521 | 365 |
|
|
5349
|
+
| \`navigation\` | 33,886 | 12,735 | 11,320 | 3,365 | 1,136 | 982 |
|
|
5350
|
+
| \`notifications\` | 59,565 | 20,340 | 18,147 | 18,276 | 5,065 | 4,112 |
|
|
5351
|
+
| \`number-input\` | 57,654 | 19,365 | 17,240 | 13,581 | 3,621 | 2,821 |
|
|
5352
|
+
| \`object-inspector\` | 116,630 | 39,201 | 34,522 | 36,012 | 10,231 | 8,396 |
|
|
5353
|
+
| \`option\` | 27,049 | 9,971 | 8,855 | 4,523 | 1,206 | 983 |
|
|
5354
|
+
| \`outline\` | 34,611 | 12,986 | 11,540 | 7,888 | 2,537 | 1,989 |
|
|
5355
|
+
| \`pagination\` | 138,763 | 44,502 | 38,702 | 45,676 | 11,739 | 9,472 |
|
|
5356
|
+
| \`pin-input\` | 48,873 | 17,049 | 15,231 | 7,208 | 2,360 | 1,763 |
|
|
5357
|
+
| \`popover\` | 64,907 | 23,347 | 20,614 | 6,461 | 1,862 | 1,474 |
|
|
5358
|
+
| \`progress\` | 29,235 | 11,151 | 9,982 | 3,007 | 932 | 820 |
|
|
5359
|
+
| \`qr-code\` | 43,669 | 17,003 | 15,178 | 17,003 | 6,205 | 5,372 |
|
|
5360
|
+
| \`quote\` | 23,088 | 9,112 | 8,055 | 1,210 | 500 | 334 |
|
|
5361
|
+
| \`radio\` | 43,333 | 14,776 | 13,156 | 3,815 | 1,193 | 844 |
|
|
5362
|
+
| \`rating\` | 51,618 | 17,783 | 15,851 | 8,058 | 2,428 | 1,732 |
|
|
5363
|
+
| \`scatter-chart\` | 98,654 | 34,307 | 30,280 | 20,340 | 6,423 | 5,245 |
|
|
5364
|
+
| \`scroll-area\` | 31,294 | 11,434 | 10,150 | 8,518 | 2,598 | 2,078 |
|
|
5365
|
+
| \`select\` | 117,452 | 38,950 | 34,069 | 26,153 | 7,206 | 5,655 |
|
|
5366
|
+
| \`skeleton\` | 22,900 | 8,871 | 7,874 | 991 | 373 | 267 |
|
|
5367
|
+
| \`skip-link\` | 24,547 | 9,608 | 8,525 | 1,224 | 467 | 351 |
|
|
5368
|
+
| \`slider\` | 54,667 | 18,414 | 16,483 | 13,625 | 3,861 | 3,137 |
|
|
5369
|
+
| \`sparkline\` | 49,258 | 17,983 | 16,013 | 5,984 | 2,105 | 1,761 |
|
|
5370
|
+
| \`spatial-bar-chart\` | 105,190 | 37,126 | 32,689 | 19,854 | 6,531 | 5,311 |
|
|
5371
|
+
| \`spatial-heatmap\` | 117,114 | 39,971 | 35,181 | 31,741 | 9,469 | 7,928 |
|
|
5372
|
+
| \`spatial-ribbon-chart\` | 104,313 | 36,730 | 32,389 | 20,793 | 6,901 | 5,798 |
|
|
5373
|
+
| \`spatial-scatter-chart\` | 102,546 | 35,987 | 31,691 | 19,087 | 6,290 | 5,154 |
|
|
5374
|
+
| \`spatial-surface-chart\` | 105,468 | 37,269 | 32,829 | 21,949 | 7,401 | 6,097 |
|
|
5375
|
+
| \`spatial-treemap\` | 106,586 | 37,909 | 33,353 | 21,370 | 7,295 | 6,029 |
|
|
5376
|
+
| \`speed-dial\` | 69,618 | 25,072 | 22,201 | 10,935 | 2,965 | 2,364 |
|
|
5377
|
+
| \`splitter\` | 45,096 | 15,644 | 13,970 | 14,504 | 3,868 | 3,100 |
|
|
5378
|
+
| \`stat\` | 26,285 | 10,056 | 8,959 | 2,323 | 769 | 624 |
|
|
5379
|
+
| \`steps\` | 54,951 | 19,120 | 17,045 | 13,805 | 3,912 | 3,241 |
|
|
5380
|
+
| \`switch\` | 40,121 | 13,837 | 12,332 | 1,679 | 602 | 352 |
|
|
5381
|
+
| \`table\` | 120,167 | 37,603 | 32,707 | 45,143 | 12,220 | 9,961 |
|
|
5382
|
+
| \`tabs\` | 47,105 | 16,204 | 14,443 | 10,491 | 2,858 | 2,326 |
|
|
5383
|
+
| \`tag\` | 43,623 | 15,997 | 14,291 | 8,451 | 2,528 | 1,843 |
|
|
5384
|
+
| \`terminal\` | 77,803 | 25,510 | 22,457 | 30,191 | 8,204 | 6,667 |
|
|
5385
|
+
| \`textarea\` | 44,998 | 15,366 | 13,745 | 5,490 | 1,587 | 1,263 |
|
|
5386
|
+
| \`time-input\` | 171,615 | 53,526 | 46,464 | 48,568 | 12,157 | 10,009 |
|
|
5387
|
+
| \`time-picker\` | 101,859 | 32,308 | 28,443 | 33,981 | 9,108 | 7,256 |
|
|
5388
|
+
| \`timeline\` | 32,429 | 12,281 | 11,013 | 4,087 | 1,189 | 1,032 |
|
|
5389
|
+
| \`toast\` | 52,298 | 18,492 | 16,508 | 12,165 | 3,495 | 2,766 |
|
|
5390
|
+
| \`toggle\` | 46,246 | 15,540 | 13,824 | 6,005 | 1,778 | 1,353 |
|
|
5391
|
+
| \`toolbar\` | 34,370 | 12,799 | 11,423 | 1,366 | 485 | 395 |
|
|
5392
|
+
| \`tooltip\` | 59,698 | 21,528 | 19,098 | 8,505 | 2,373 | 1,855 |
|
|
5393
|
+
| \`tour\` | 85,289 | 29,312 | 25,904 | 20,084 | 5,530 | 4,377 |
|
|
5394
|
+
| \`tree\` | 68,666 | 23,155 | 20,584 | 17,196 | 4,934 | 3,961 |
|
|
5395
|
+
| \`trend\` | 30,937 | 12,025 | 10,718 | 3,592 | 1,141 | 1,000 |
|
|
5396
|
+
| \`video\` | 143,892 | 45,089 | 39,356 | 66,785 | 16,907 | 13,968 |
|
|
5397
|
+
| \`video-playlist\` | 129,019 | 41,831 | 36,803 | 42,856 | 11,045 | 9,243 |
|
|
5398
|
+
| \`virtual-list\` | 65,115 | 22,097 | 19,639 | 23,394 | 7,160 | 5,959 |
|
|
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,945 | 11,483 | 8,795 | 2,459 |
|
|
5407
|
-
| \`announcement\` | 42,276 | 14,775 | 13,
|
|
5408
|
-
| \`app-header\` | 38,326 | 13,
|
|
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 |
|
|
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,990 | 40,
|
|
5420
|
-
| \`card\` | 28,297 | 10,317 | 9,
|
|
5421
|
-
| \`carousel\` | 55,653 | 17,867 | 16,
|
|
5422
|
-
| \`chat\` | 97,783 | 30,169 | 26,659 | 43,673 | 10,906 | 9,
|
|
5423
|
-
| \`checkbox\` | 47,753 | 15,521 | 13,
|
|
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,090 | 45,
|
|
5428
|
-
| \`color-picker\` | 142,414 | 39,181 | 34,
|
|
5429
|
-
| \`combobox\` | 149,853 | 45,
|
|
5430
|
-
| \`command\` | 113,202 | 34,
|
|
5431
|
-
| \`copy-button\` | 96,308 | 30,
|
|
5432
|
-
| \`data-table\` | 233,423 | 67,795 |
|
|
5433
|
-
| \`date-input\` | 164,378 | 48,943 | 42,
|
|
5434
|
-
| \`date-picker\` | 71,139 | 22,978 | 20,
|
|
5435
|
-
| \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,
|
|
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,410 | 30,
|
|
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,687 | 31,
|
|
5445
|
-
| \`flex\` | 26,312 | 9,425 | 8,
|
|
5446
|
-
| \`format-date\` | 31,463 | 11,
|
|
5447
|
-
| \`graph\` | 122,406 | 34,
|
|
5448
|
-
| \`grid\` | 27,762 | 10,
|
|
5449
|
-
| \`heatmap\` | 110,082 | 36,553 | 32,
|
|
5450
|
-
| \`icon\` | 89,012 | 30,
|
|
5451
|
-
| \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,150 | 2,
|
|
5452
|
-
| \`image\` | 27,760 | 10,
|
|
5453
|
-
| \`input\` | 51,329 | 17,270 | 15,
|
|
5454
|
-
| \`kbd\` | 30,078 | 11,326 | 10,
|
|
5455
|
-
| \`legend\` | 45,189 | 15,799 | 14,
|
|
5456
|
-
| \`lightbox\` | 63,432 | 20,710 | 18,
|
|
5457
|
-
| \`line-chart\` | 113,713 | 38,
|
|
5458
|
-
| \`list\` | 69,295 | 23,265 | 20,
|
|
5459
|
-
| \`listbox\` | 83,244 | 27,
|
|
5460
|
-
| \`loader\` | 30,222 | 11,214 | 10,
|
|
5461
|
-
| \`log\` | 96,367 | 30,951 | 27,
|
|
5462
|
-
| \`map\` | 148,315 | 38,740 | 33,
|
|
5463
|
-
| \`megamenu\` | 66,134 | 23,304 | 20,
|
|
5464
|
-
| \`menu\` | 109,460 | 35,
|
|
5465
|
-
| \`meter\` | 39,093 | 13,828 | 12,
|
|
5466
|
-
| \`motion-toggle\` | 27,988 | 10,727 | 9,
|
|
5467
|
-
| \`navigation\` | 37,610 | 13,571 | 12,
|
|
5468
|
-
| \`notifications\` | 73,053 | 22,901 | 20,
|
|
5469
|
-
| \`number-input\` | 62,635 | 20,555 | 18,
|
|
5470
|
-
| \`object-inspector\` | 135,066 | 42,226 | 37,
|
|
5471
|
-
| \`option\` | 30,122 | 10,932 | 9,
|
|
5472
|
-
| \`orb\` | 36,885 | 14,019 | 12,
|
|
5473
|
-
| \`outline\` | 38,845 | 13,
|
|
5474
|
-
| \`pagination\` | 155,640 | 47,
|
|
5475
|
-
| \`pin-input\` | 52,253 | 17,960 | 16,
|
|
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,303 | 8,
|
|
5480
|
-
| \`radio\` | 51,120 | 16,284 | 14,479 | 11,591 | 2,731 | 2,
|
|
5481
|
-
| \`rating\` | 55,552 | 19,008 | 16,
|
|
5482
|
-
| \`sandbox\` | 194,969 | 57,081 | 48,
|
|
5483
|
-
| \`scatter-chart\` | 108,028 | 36,
|
|
5484
|
-
| \`scroll-area\` | 36,301 | 12,384 | 11,
|
|
5485
|
-
| \`select\` | 126,579 | 40,
|
|
5486
|
-
| \`skeleton\` | 26,848 | 9,947 | 8,859 | 4,755 | 1,
|
|
5487
|
-
| \`skip-link\` | 26,118 | 10,
|
|
5488
|
-
| \`slider\` | 69,630 | 20,733 | 18,
|
|
5489
|
-
| \`sparkline\` | 54,716 | 19,330 | 17,
|
|
5490
|
-
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,
|
|
5491
|
-
| \`spatial-heatmap\` | 126,853 | 42,151 | 37,
|
|
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,965 | 35,
|
|
5496
|
-
| \`speed-dial\` | 76,667 | 26,447 | 23,
|
|
5497
|
-
| \`splitter\` | 51,146 | 16,693 | 14,
|
|
5498
|
-
| \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,
|
|
5499
|
-
| \`steps\` | 69,031 | 21,
|
|
5500
|
-
| \`strands\` | 63,680 | 23,697 | 20,
|
|
5501
|
-
| \`switch\` | 44,474 | 14,
|
|
5502
|
-
| \`table\` | 137,847 | 40,689 | 35,
|
|
5503
|
-
| \`tabs\` | 56,056 | 18,048 | 16,
|
|
5504
|
-
| \`tag\` | 48,197 | 17,
|
|
5505
|
-
| \`terminal\` | 104,821 | 29,
|
|
5506
|
-
| \`text\` | 29,286 | 10,
|
|
5507
|
-
| \`textarea\` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,
|
|
5508
|
-
| \`time-input\` | 195,870 | 57,
|
|
5509
|
-
| \`time-picker\` | 114,058 | 34,
|
|
5510
|
-
| \`timeline\` | 39,321 | 13,742 | 12,
|
|
5511
|
-
| \`toast\` | 60,192 | 20,340 | 18,
|
|
5512
|
-
| \`toggle\` | 51,106 | 16,788 | 14,
|
|
5513
|
-
| \`toolbar\` | 37,051 | 13,296 | 11,861 | 4,030 |
|
|
5514
|
-
| \`tooltip\` | 62,502 | 22,
|
|
5515
|
-
| \`tour\` | 95,381 | 31,
|
|
5516
|
-
| \`tree\` | 77,354 | 25,
|
|
5517
|
-
| \`trend\` | 32,854 | 12,576 | 11,
|
|
5518
|
-
| \`video\` | 164,395 | 48,823 | 42,
|
|
5519
|
-
| \`video-playlist\` | 144,967 | 44,810 | 39,
|
|
5520
|
-
| \`virtual-list\` | 67,109 | 22,602 | 20,
|
|
5406
|
+
| \`accordion\` | 36,104 | 12,945 | 11,483 | 8,795 | 2,459 | 2,086 |
|
|
5407
|
+
| \`announcement\` | 42,276 | 14,775 | 13,189 | 9,297 | 2,452 | 2,092 |
|
|
5408
|
+
| \`app-header\` | 38,326 | 13,450 | 12,003 | 11,046 | 2,970 | 2,550 |
|
|
5409
|
+
| \`area-chart\` | 107,559 | 36,862 | 32,500 | 22,604 | 6,410 | 5,323 |
|
|
5410
|
+
| \`aura\` | 59,567 | 20,254 | 17,942 | 31,768 | 9,480 | 8,293 |
|
|
5411
|
+
| \`avatar\` | 34,890 | 12,911 | 11,564 | 6,988 | 1,985 | 1,629 |
|
|
5412
|
+
| \`badge\` | 33,626 | 12,190 | 10,865 | 8,459 | 2,152 | 1,821 |
|
|
5413
|
+
| \`bar-chart\` | 122,404 | 40,666 | 35,941 | 36,917 | 9,771 | 8,316 |
|
|
5414
|
+
| \`blockquote\` | 26,905 | 10,186 | 9,005 | 4,613 | 1,414 | 1,221 |
|
|
5415
|
+
| \`breadcrumbs\` | 44,358 | 15,535 | 13,857 | 14,305 | 3,659 | 3,005 |
|
|
5416
|
+
| \`button\` | 42,754 | 14,406 | 12,866 | 11,618 | 2,936 | 2,382 |
|
|
5417
|
+
| \`button-group\` | 31,709 | 11,295 | 10,032 | 8,406 | 2,184 | 1,776 |
|
|
5418
|
+
| \`callout\` | 40,077 | 14,936 | 13,293 | 6,659 | 1,909 | 1,575 |
|
|
5419
|
+
| \`canvas\` | 162,739 | 46,990 | 40,855 | 104,142 | 27,542 | 22,979 |
|
|
5420
|
+
| \`card\` | 28,297 | 10,317 | 9,158 | 5,976 | 1,639 | 1,355 |
|
|
5421
|
+
| \`carousel\` | 55,653 | 17,867 | 16,026 | 25,799 | 6,075 | 4,995 |
|
|
5422
|
+
| \`chat\` | 97,783 | 30,169 | 26,659 | 43,673 | 10,906 | 9,177 |
|
|
5423
|
+
| \`checkbox\` | 47,753 | 15,521 | 13,840 | 9,579 | 2,448 | 2,025 |
|
|
5424
|
+
| \`checkbox-group\` | 55,713 | 17,591 | 15,668 | 15,536 | 3,984 | 3,188 |
|
|
5425
|
+
| \`code\` | 21,726 | 8,561 | 7,580 | 976 | 380 | 370 |
|
|
5426
|
+
| \`code-block\` | 131,305 | 39,638 | 34,894 | 63,796 | 14,820 | 12,548 |
|
|
5427
|
+
| \`color-input\` | 186,240 | 52,090 | 45,560 | 98,237 | 20,681 | 17,315 |
|
|
5428
|
+
| \`color-picker\` | 142,414 | 39,181 | 34,378 | 84,912 | 18,337 | 15,281 |
|
|
5429
|
+
| \`combobox\` | 149,853 | 45,826 | 40,290 | 51,299 | 11,876 | 9,862 |
|
|
5430
|
+
| \`command\` | 113,202 | 34,670 | 30,507 | 41,638 | 10,422 | 8,664 |
|
|
5431
|
+
| \`copy-button\` | 96,308 | 30,629 | 27,127 | 32,793 | 7,505 | 6,103 |
|
|
5432
|
+
| \`data-table\` | 233,423 | 67,795 | 57,996 | 120,610 | 29,574 | 23,975 |
|
|
5433
|
+
| \`date-input\` | 164,378 | 48,943 | 42,982 | 59,944 | 13,137 | 11,029 |
|
|
5434
|
+
| \`date-picker\` | 71,139 | 22,978 | 20,570 | 28,748 | 7,096 | 5,803 |
|
|
5435
|
+
| \`description-list\` | 26,427 | 9,731 | 8,675 | 4,508 | 1,235 | 1,037 |
|
|
5436
|
+
| \`device-screen\` | 90,636 | 26,928 | 23,750 | 48,154 | 11,727 | 9,578 |
|
|
5437
|
+
| \`dialog\` | 44,336 | 15,227 | 13,590 | 11,066 | 3,036 | 2,672 |
|
|
5438
|
+
| \`divider\` | 25,863 | 9,772 | 8,639 | 3,698 | 1,118 | 938 |
|
|
5439
|
+
| \`donut-chart\` | 102,652 | 34,410 | 30,408 | 24,675 | 6,732 | 5,620 |
|
|
5440
|
+
| \`drawer\` | 49,667 | 16,867 | 15,054 | 13,613 | 3,722 | 3,103 |
|
|
5441
|
+
| \`drilldown\` | 49,229 | 16,548 | 14,770 | 15,373 | 3,998 | 3,316 |
|
|
5442
|
+
| \`empty\` | 26,316 | 10,056 | 8,917 | 3,267 | 1,083 | 860 |
|
|
5443
|
+
| \`file-input\` | 70,673 | 22,945 | 20,371 | 24,666 | 6,595 | 5,499 |
|
|
5444
|
+
| \`filter-input\` | 110,437 | 35,687 | 31,655 | 32,398 | 8,308 | 6,990 |
|
|
5445
|
+
| \`flex\` | 26,312 | 9,425 | 8,373 | 4,762 | 1,028 | 955 |
|
|
5446
|
+
| \`format-date\` | 31,463 | 11,790 | 10,526 | 4,713 | 1,367 | 1,116 |
|
|
5447
|
+
| \`graph\` | 122,406 | 34,902 | 30,463 | 53,465 | 12,042 | 10,006 |
|
|
5448
|
+
| \`grid\` | 27,762 | 10,138 | 8,999 | 5,654 | 1,449 | 1,189 |
|
|
5449
|
+
| \`heatmap\` | 110,082 | 36,553 | 32,273 | 27,372 | 7,466 | 6,067 |
|
|
5450
|
+
| \`icon\` | 89,012 | 30,216 | 26,065 | 63,935 | 21,795 | 17,565 |
|
|
5451
|
+
| \`icon-button\` | 46,117 | 14,590 | 13,017 | 14,983 | 3,150 | 2,567 |
|
|
5452
|
+
| \`image\` | 27,760 | 10,306 | 9,131 | 5,217 | 1,619 | 1,342 |
|
|
5453
|
+
| \`input\` | 51,329 | 17,270 | 15,277 | 11,244 | 3,365 | 2,656 |
|
|
5454
|
+
| \`kbd\` | 30,078 | 11,326 | 10,034 | 5,492 | 1,637 | 1,318 |
|
|
5455
|
+
| \`legend\` | 45,189 | 15,799 | 14,048 | 7,875 | 2,163 | 1,659 |
|
|
5456
|
+
| \`lightbox\` | 63,432 | 20,710 | 18,429 | 23,035 | 5,989 | 4,830 |
|
|
5457
|
+
| \`line-chart\` | 113,713 | 38,273 | 33,827 | 28,161 | 7,533 | 6,421 |
|
|
5458
|
+
| \`list\` | 69,295 | 23,265 | 20,729 | 21,583 | 5,913 | 4,800 |
|
|
5459
|
+
| \`listbox\` | 83,244 | 27,267 | 24,053 | 20,032 | 5,713 | 4,602 |
|
|
5460
|
+
| \`loader\` | 30,222 | 11,214 | 10,043 | 5,653 | 1,688 | 1,482 |
|
|
5461
|
+
| \`log\` | 96,367 | 30,951 | 27,460 | 52,078 | 14,632 | 12,525 |
|
|
5462
|
+
| \`map\` | 148,315 | 38,740 | 33,394 | 87,896 | 18,603 | 15,236 |
|
|
5463
|
+
| \`megamenu\` | 66,134 | 23,304 | 20,633 | 13,674 | 3,606 | 2,777 |
|
|
5464
|
+
| \`menu\` | 109,460 | 35,102 | 31,003 | 41,175 | 10,021 | 8,555 |
|
|
5465
|
+
| \`meter\` | 39,093 | 13,828 | 12,391 | 11,138 | 2,794 | 2,386 |
|
|
5466
|
+
| \`motion-toggle\` | 27,988 | 10,727 | 9,563 | 3,044 | 979 | 727 |
|
|
5467
|
+
| \`navigation\` | 37,610 | 13,571 | 12,052 | 7,076 | 1,990 | 1,619 |
|
|
5468
|
+
| \`notifications\` | 73,053 | 22,901 | 20,406 | 31,758 | 7,652 | 6,439 |
|
|
5469
|
+
| \`number-input\` | 62,635 | 20,555 | 18,278 | 18,546 | 4,830 | 3,815 |
|
|
5470
|
+
| \`object-inspector\` | 135,066 | 42,226 | 37,127 | 54,433 | 13,310 | 11,087 |
|
|
5471
|
+
| \`option\` | 30,122 | 10,932 | 9,739 | 7,587 | 2,143 | 1,827 |
|
|
5472
|
+
| \`orb\` | 36,885 | 14,019 | 12,535 | 10,017 | 3,701 | 3,281 |
|
|
5473
|
+
| \`outline\` | 38,845 | 13,847 | 12,318 | 12,105 | 3,429 | 2,742 |
|
|
5474
|
+
| \`pagination\` | 155,640 | 47,773 | 41,501 | 62,533 | 15,140 | 12,450 |
|
|
5475
|
+
| \`pin-input\` | 52,253 | 17,960 | 16,017 | 10,571 | 3,257 | 2,632 |
|
|
5476
|
+
| \`popover\` | 68,059 | 24,109 | 21,341 | 9,595 | 2,650 | 2,102 |
|
|
5477
|
+
| \`progress\` | 36,415 | 12,815 | 11,447 | 10,170 | 2,587 | 2,360 |
|
|
5478
|
+
| \`qr-code\` | 45,270 | 17,490 | 15,586 | 18,587 | 6,667 | 5,726 |
|
|
5479
|
+
| \`quote\` | 23,646 | 9,303 | 8,219 | 1,751 | 683 | 502 |
|
|
5480
|
+
| \`radio\` | 51,120 | 16,284 | 14,479 | 11,591 | 2,731 | 2,157 |
|
|
5481
|
+
| \`rating\` | 55,552 | 19,008 | 16,959 | 11,974 | 3,663 | 2,799 |
|
|
5482
|
+
| \`sandbox\` | 194,969 | 57,081 | 48,992 | 138,931 | 37,543 | 30,935 |
|
|
5483
|
+
| \`scatter-chart\` | 108,028 | 36,468 | 32,176 | 29,695 | 8,477 | 7,032 |
|
|
5484
|
+
| \`scroll-area\` | 36,301 | 12,384 | 11,007 | 13,508 | 3,556 | 2,843 |
|
|
5485
|
+
| \`select\` | 126,579 | 40,859 | 35,785 | 35,265 | 9,013 | 7,394 |
|
|
5486
|
+
| \`skeleton\` | 26,848 | 9,947 | 8,859 | 4,755 | 1,384 | 1,254 |
|
|
5487
|
+
| \`skip-link\` | 26,118 | 10,115 | 8,950 | 2,779 | 956 | 724 |
|
|
5488
|
+
| \`slider\` | 69,630 | 20,733 | 18,541 | 28,574 | 6,237 | 5,051 |
|
|
5489
|
+
| \`sparkline\` | 54,716 | 19,330 | 17,254 | 11,424 | 3,445 | 2,887 |
|
|
5490
|
+
| \`spatial-bar-chart\` | 114,257 | 39,176 | 34,493 | 28,899 | 8,472 | 7,225 |
|
|
5491
|
+
| \`spatial-heatmap\` | 126,853 | 42,151 | 37,057 | 41,460 | 11,643 | 9,880 |
|
|
5492
|
+
| \`spatial-ribbon-chart\` | 113,229 | 38,746 | 34,173 | 29,691 | 8,828 | 7,614 |
|
|
5493
|
+
| \`spatial-scatter-chart\` | 111,526 | 37,970 | 33,424 | 28,039 | 8,157 | 6,884 |
|
|
5494
|
+
| \`spatial-surface-chart\` | 113,903 | 39,173 | 34,509 | 30,366 | 9,233 | 7,966 |
|
|
5495
|
+
| \`spatial-treemap\` | 115,605 | 39,965 | 35,193 | 30,369 | 9,263 | 7,726 |
|
|
5496
|
+
| \`speed-dial\` | 76,667 | 26,447 | 23,451 | 17,968 | 4,391 | 3,600 |
|
|
5497
|
+
| \`splitter\` | 51,146 | 16,693 | 14,930 | 20,540 | 4,914 | 4,032 |
|
|
5498
|
+
| \`stat\` | 29,171 | 10,751 | 9,607 | 5,194 | 1,459 | 1,178 |
|
|
5499
|
+
| \`steps\` | 69,031 | 21,901 | 19,512 | 27,874 | 6,798 | 5,600 |
|
|
5500
|
+
| \`strands\` | 63,680 | 23,697 | 20,893 | 38,176 | 13,672 | 11,959 |
|
|
5501
|
+
| \`switch\` | 44,474 | 14,983 | 13,348 | 6,021 | 1,728 | 1,487 |
|
|
5502
|
+
| \`table\` | 137,847 | 40,689 | 35,442 | 62,826 | 15,397 | 12,760 |
|
|
5503
|
+
| \`tabs\` | 56,056 | 18,048 | 16,041 | 19,435 | 4,747 | 4,023 |
|
|
5504
|
+
| \`tag\` | 48,197 | 17,126 | 15,334 | 13,012 | 3,640 | 2,890 |
|
|
5505
|
+
| \`terminal\` | 104,821 | 29,348 | 25,843 | 57,202 | 12,088 | 10,003 |
|
|
5506
|
+
| \`text\` | 29,286 | 10,211 | 9,003 | 7,183 | 1,496 | 1,159 |
|
|
5507
|
+
| \`textarea\` | 48,930 | 16,379 | 14,612 | 9,404 | 2,640 | 2,173 |
|
|
5508
|
+
| \`time-input\` | 195,870 | 57,694 | 50,144 | 72,808 | 16,503 | 13,657 |
|
|
5509
|
+
| \`time-picker\` | 114,058 | 34,723 | 30,528 | 46,174 | 11,387 | 9,486 |
|
|
5510
|
+
| \`timeline\` | 39,321 | 13,742 | 12,296 | 10,975 | 2,717 | 2,312 |
|
|
5511
|
+
| \`toast\` | 60,192 | 20,340 | 18,203 | 20,047 | 5,400 | 4,467 |
|
|
5512
|
+
| \`toggle\` | 51,106 | 16,788 | 14,978 | 10,853 | 3,066 | 2,492 |
|
|
5513
|
+
| \`toolbar\` | 37,051 | 13,296 | 11,861 | 4,030 | 966 | 787 |
|
|
5514
|
+
| \`tooltip\` | 62,502 | 22,263 | 19,768 | 11,291 | 3,108 | 2,496 |
|
|
5515
|
+
| \`tour\` | 95,381 | 31,305 | 27,705 | 30,157 | 7,585 | 6,142 |
|
|
5516
|
+
| \`tree\` | 77,354 | 25,063 | 22,304 | 25,869 | 6,898 | 5,627 |
|
|
5517
|
+
| \`trend\` | 32,854 | 12,576 | 11,224 | 5,489 | 1,663 | 1,469 |
|
|
5518
|
+
| \`video\` | 164,395 | 48,823 | 42,619 | 87,276 | 20,635 | 17,234 |
|
|
5519
|
+
| \`video-playlist\` | 144,967 | 44,810 | 39,343 | 58,785 | 14,038 | 11,835 |
|
|
5520
|
+
| \`virtual-list\` | 67,109 | 22,602 | 20,115 | 25,371 | 7,642 | 6,348 |
|
|
5521
5521
|
|
|
5522
5522
|
## What an install adds to \`node_modules\`
|
|
5523
5523
|
|
|
@@ -5531,11 +5531,11 @@ without its whitespace, and the sizes count each one that way.
|
|
|
5531
5531
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
5532
5532
|
|---|---|---|---|---|
|
|
5533
5533
|
| \`@fusion.dev/helix-core\` | 2,281,874 | 619 | 825,625 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
|
|
5534
|
-
| \`@fusion.dev/helix-headless\` | 24,573,
|
|
5534
|
+
| \`@fusion.dev/helix-headless\` | 24,573,515 | 786 | 2,603,737 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
|
|
5535
5535
|
| \`@fusion.dev/helix-icons\` | 160,828 | 21 | 52,435 | \`svgo\` |
|
|
5536
5536
|
| \`@fusion.dev/helix-styles\` | 122,452 | 6 | 0 | none |
|
|
5537
5537
|
| \`@fusion.dev/helix-theme\` | 453,157 | 8 | 6,257 | none |
|
|
5538
|
-
| \`@fusion.dev/helix\` | 25,206,
|
|
5538
|
+
| \`@fusion.dev/helix\` | 25,206,841 | 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
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fusion.dev/helix-docs",
|
|
3
3
|
"description": "Versioned documentation content and registry for Helix.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.215.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -37,20 +37,20 @@
|
|
|
37
37
|
},
|
|
38
38
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@fusion.dev/helix": "0.
|
|
41
|
-
"@fusion.dev/helix-cem": "0.
|
|
42
|
-
"@fusion.dev/helix-graph": "0.
|
|
43
|
-
"@fusion.dev/helix-headless": "0.
|
|
44
|
-
"@fusion.dev/helix-icons": "0.
|
|
45
|
-
"@fusion.dev/helix-map": "0.
|
|
46
|
-
"@fusion.dev/helix-plot": "0.
|
|
47
|
-
"@fusion.dev/helix-styles": "0.
|
|
48
|
-
"@fusion.dev/helix-terminal": "0.
|
|
49
|
-
"@fusion.dev/helix-testing": "0.
|
|
50
|
-
"@fusion.dev/helix-theme": "0.
|
|
40
|
+
"@fusion.dev/helix": "0.215.1",
|
|
41
|
+
"@fusion.dev/helix-cem": "0.215.1",
|
|
42
|
+
"@fusion.dev/helix-graph": "0.215.1",
|
|
43
|
+
"@fusion.dev/helix-headless": "0.215.1",
|
|
44
|
+
"@fusion.dev/helix-icons": "0.215.1",
|
|
45
|
+
"@fusion.dev/helix-map": "0.215.1",
|
|
46
|
+
"@fusion.dev/helix-plot": "0.215.1",
|
|
47
|
+
"@fusion.dev/helix-styles": "0.215.1",
|
|
48
|
+
"@fusion.dev/helix-terminal": "0.215.1",
|
|
49
|
+
"@fusion.dev/helix-testing": "0.215.1",
|
|
50
|
+
"@fusion.dev/helix-theme": "0.215.1",
|
|
51
51
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
52
52
|
"lit": "^3.2.1",
|
|
53
|
-
"playwright": "^1.
|
|
53
|
+
"playwright": "^1.64.0"
|
|
54
54
|
},
|
|
55
55
|
"homepage": "https://fusion.dev",
|
|
56
56
|
"keywords": [
|