@fusion.dev/helix-docs 0.103.2 → 0.103.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/content/metrics.mdx +208 -208
- package/dist/sources.generated.js +208 -208
- package/package.json +3 -3
package/content/metrics.mdx
CHANGED
|
@@ -47,7 +47,7 @@ nobody ever downloads this floor on its own.
|
|
|
47
47
|
|
|
48
48
|
| | Raw | Gzip | Brotli |
|
|
49
49
|
|---|---|---|---|
|
|
50
|
-
| Lit and `@fusion.dev/helix-core` |
|
|
50
|
+
| Lit and `@fusion.dev/helix-core` | 160,707 | 52,703 | 44,650 |
|
|
51
51
|
|
|
52
52
|
## Whole packages
|
|
53
53
|
|
|
@@ -58,11 +58,11 @@ repository does that. The per-component tables are what a page pays.
|
|
|
58
58
|
|
|
59
59
|
| Package | Raw | Gzip | Brotli | |
|
|
60
60
|
|---|---|---|---|---|
|
|
61
|
-
| `@fusion.dev/helix-core` |
|
|
62
|
-
| `@fusion.dev/helix-headless` |
|
|
61
|
+
| `@fusion.dev/helix-core` | 160,260 | 52,321 | 44,402 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 615,167 | 159,054 | 123,774 | Every headless family, which is what the barrel means. |
|
|
63
63
|
| `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
64
64
|
| `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
65
|
-
| `@fusion.dev/helix` | 1,098,
|
|
65
|
+
| `@fusion.dev/helix` | 1,098,954 | 256,645 | 188,442 | Every styled family. |
|
|
66
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
67
67
|
|
|
68
68
|
## The stylesheets
|
|
@@ -83,11 +83,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
83
83
|
|
|
84
84
|
## What the numbers say
|
|
85
85
|
|
|
86
|
-
**Most of a first component is the runtime under it.** The median styled family is 15,993 bytes gzipped alone and adds 2,
|
|
86
|
+
**Most of a first component is the runtime under it.** The median styled family is 15,993 bytes gzipped alone and adds 2,179 to a page that already has Helix on it, so 86 percent of the first one is shared and 14 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
87
87
|
|
|
88
|
-
Across the tier: the cheapest is `code` at 9,497 gzipped alone, the dearest `data-table` at 59,317, over 102 components. Every family at once is 256,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,497 gzipped alone, the dearest `data-table` at 59,317, over 102 components. Every family at once is 256,645.
|
|
89
89
|
|
|
90
|
-
**No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs
|
|
90
|
+
**No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 159,054 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 102 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
|
|
91
91
|
|
|
92
92
|
The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 20,026 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -182,102 +182,102 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
182
182
|
|
|
183
183
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
184
184
|
|---|---|---|---|---|---|---|
|
|
185
|
-
| `accordion` | 80,084 | 26,757 | 21,876 | 2,875 |
|
|
186
|
-
| `announcement` | 77,373 | 25,841 | 21,168 | 1,231 |
|
|
187
|
-
| `app-header` | 29,258 | 9,774 | 8,612 | 1,248 |
|
|
188
|
-
| `area-chart` | 75,103 | 25,679 | 22,714 | 10,926 | 3,
|
|
189
|
-
| `avatar` | 31,307 | 10,370 | 9,172 | 3,257 |
|
|
190
|
-
| `badge` | 28,793 | 9,703 | 8,548 | 1,162 |
|
|
191
|
-
| `bar-chart` | 76,754 | 26,042 | 23,054 | 12,
|
|
192
|
-
| `blockquote` | 28,808 | 9,733 | 8,556 | 774 |
|
|
193
|
-
| `breadcrumbs` | 76,869 | 25,406 | 20,937 | 1,965 |
|
|
194
|
-
| `button` | 33,345 | 10,931 | 9,645 | 3,095 |
|
|
195
|
-
| `button-group` | 28,664 | 9,618 | 8,465 | 661 |
|
|
196
|
-
| `callout` | 75,989 | 25,266 | 20,871 | 914 |
|
|
197
|
-
| `card` | 28,698 | 9,632 | 8,480 | 694 |
|
|
198
|
-
| `carousel` | 85,236 | 28,104 | 23,168 | 9,
|
|
199
|
-
| `chat` | 99,276 | 33,049 | 27,207 | 17,331 | 5,
|
|
200
|
-
| `checkbox` | 36,788 | 11,693 | 10,320 | 2,309 |
|
|
201
|
-
| `checkbox-group` | 39,810 | 12,368 | 10,872 | 4,
|
|
202
|
-
| `code` | 27,283 | 9,203 | 8,103 | 451 |
|
|
203
|
-
| `code-block` | 121,515 | 40,468 | 34,129 | 17,122 | 4,
|
|
204
|
-
| `color-input` | 135,648 | 43,876 | 37,013 | 23,
|
|
205
|
-
| `color-picker` | 103,165 | 33,201 | 27,386 | 17,
|
|
206
|
-
| `combobox` | 132,771 | 42,823 | 35,920 | 20,
|
|
207
|
-
| `command` | 103,163 | 32,749 | 26,839 | 17,
|
|
208
|
-
| `copy-button` | 116,113 | 38,844 | 32,660 | 11,718 | 2,
|
|
209
|
-
| `data-table` | 170,848 | 52,840 | 44,617 | 54,
|
|
210
|
-
| `date-input` | 130,586 | 42,300 | 35,570 | 18,287 | 4,
|
|
211
|
-
| `date-picker` | 87,715 | 28,988 | 23,820 | 9,
|
|
212
|
-
| `description-list` | 28,767 | 9,570 | 8,423 | 1,132 |
|
|
213
|
-
| `dialog` | 32,316 | 10,661 | 9,390 | 2,717 |
|
|
214
|
-
| `divider` | 29,014 | 9,808 | 8,621 | 981 |
|
|
215
|
-
| `donut-chart` | 72,886 | 24,651 | 21,814 | 10,
|
|
216
|
-
| `drawer` | 31,069 | 10,294 | 9,080 | 1,761 |
|
|
217
|
-
| `drilldown` | 84,359 | 28,055 | 22,916 | 5,
|
|
218
|
-
| `empty` | 28,820 | 9,673 | 8,552 | 816 |
|
|
219
|
-
| `file-input` | 87,479 | 28,848 | 23,598 | 6,
|
|
220
|
-
| `filter-input` | 143,776 | 45,769 | 38,476 | 27,
|
|
221
|
-
| `format-date` | 32,277 | 10,786 | 9,534 | 2,867 |
|
|
222
|
-
| `heatmap` | 74,108 | 24,877 | 22,004 | 10,
|
|
223
|
-
| `icon` | 75,556 | 25,091 | 20,691 | 1,018 |
|
|
224
|
-
| `icon-button` | 33,744 | 10,965 | 9,643 | 3,494 |
|
|
225
|
-
| `image` | 30,837 | 10,169 | 8,951 | 3,156 |
|
|
226
|
-
| `input` | 86,701 | 28,411 | 23,289 | 4,742 | 1,
|
|
227
|
-
| `kbd` | 30,618 | 10,393 | 9,153 | 2,976 |
|
|
228
|
-
| `legend` | 32,670 | 10,897 | 9,618 | 1,080 |
|
|
229
|
-
| `lightbox` | 36,565 | 11,686 | 10,289 | 4,740 | 1,
|
|
230
|
-
| `line-chart` | 74,684 | 25,371 | 22,483 | 10,
|
|
231
|
-
| `list` | 29,720 | 9,805 | 8,638 | 1,726 |
|
|
232
|
-
| `listbox` | 94,914 | 30,905 | 25,235 | 10,
|
|
233
|
-
| `loader` | 28,904 | 9,738 | 8,589 | 900 |
|
|
234
|
-
| `map` |
|
|
235
|
-
| `megamenu` | 59,112 | 20,409 | 18,083 | 4,941 | 1,
|
|
236
|
-
| `menu` | 114,483 | 38,633 | 32,346 | 8,816 | 2,
|
|
237
|
-
| `meter` | 32,094 | 10,588 | 9,348 | 4,099 | 1,
|
|
238
|
-
| `navigation` | 30,598 | 10,270 | 9,070 | 1,361 |
|
|
239
|
-
| `notifications` | 91,907 | 29,750 | 24,439 | 11,
|
|
240
|
-
| `number-input` | 89,062 | 29,050 | 23,768 | 7,190 | 1,
|
|
241
|
-
| `object-inspector` | 128,849 | 42,977 | 36,178 | 19,
|
|
242
|
-
| `option` | 30,934 | 10,164 | 8,995 | 2,933 | 649 |
|
|
243
|
-
| `outline` | 34,033 | 11,442 | 10,102 | 4,590 | 1,
|
|
244
|
-
| `pagination` | 136,988 | 43,549 | 36,535 | 27,
|
|
245
|
-
| `pin-input` | 39,438 | 12,529 | 11,056 | 5,038 | 1,
|
|
246
|
-
| `popover` | 56,318 | 19,643 | 17,360 | 1,899 |
|
|
247
|
-
| `progress` | 29,945 | 10,009 | 8,812 | 1,951 |
|
|
248
|
-
| `qr-code` | 40,594 | 14,052 | 12,388 | 12,983 | 4,
|
|
249
|
-
| `quote` | 28,187 | 9,490 | 8,353 | 552 |
|
|
250
|
-
| `radio` | 38,618 | 12,022 | 10,602 | 2,822 |
|
|
251
|
-
| `rating` | 41,013 | 13,049 | 11,520 | 6,527 | 1,
|
|
252
|
-
| `scatter-chart` | 74,588 | 25,297 | 22,320 | 11,272 | 3,
|
|
253
|
-
| `scroll-area` | 30,430 | 10,175 | 8,932 | 2,743 |
|
|
254
|
-
| `select` | 125,156 | 41,008 | 34,352 | 15,
|
|
255
|
-
| `skeleton` | 27,376 | 9,237 | 8,150 | 544 |
|
|
256
|
-
| `skip-link` | 28,966 | 9,789 | 8,634 | 1,178 |
|
|
257
|
-
| `slider` | 39,829 | 12,539 | 11,068 | 5,185 | 1,
|
|
258
|
-
| `sparkline` | 35,089 | 11,914 | 10,498 | 2,387 |
|
|
259
|
-
| `speed-dial` | 106,171 | 36,290 | 30,494 | 3,745 |
|
|
260
|
-
| `splitter` | 38,264 | 12,193 | 10,812 | 10,080 | 2,
|
|
261
|
-
| `stat` | 29,152 | 9,668 | 8,517 | 1,148 |
|
|
262
|
-
| `steps` | 84,976 | 27,832 | 22,908 | 6,177 | 1,
|
|
263
|
-
| `switch` | 36,405 | 11,657 | 10,283 | 1,524 |
|
|
264
|
-
| `table` | 85,918 | 28,471 | 23,352 | 9,
|
|
265
|
-
| `tabs` | 36,439 | 11,626 | 10,250 | 3,925 |
|
|
266
|
-
| `tag` | 76,269 | 25,360 | 20,789 | 895 |
|
|
267
|
-
| `textarea` | 38,967 | 12,241 | 10,758 | 3,996 | 1,
|
|
268
|
-
| `time-input` | 143,232 | 45,560 | 38,306 | 27,
|
|
269
|
-
| `time-picker` | 103,515 | 33,391 | 27,452 | 18,
|
|
270
|
-
| `timeline` | 76,718 | 25,323 | 20,894 | 1,809 |
|
|
271
|
-
| `toast` | 80,002 | 26,449 | 21,713 | 4,005 |
|
|
272
|
-
| `toggle` | 40,653 | 12,622 | 11,151 | 3,342 |
|
|
273
|
-
| `toolbar` | 30,754 | 10,341 | 9,126 | 2,933 |
|
|
274
|
-
| `tooltip` | 60,429 | 20,743 | 18,406 | 6,292 | 1,
|
|
275
|
-
| `tour` | 66,181 | 22,102 | 19,591 | 10,
|
|
276
|
-
| `tree` | 86,761 | 28,609 | 23,385 | 7,191 | 1,
|
|
277
|
-
| `trend` | 75,596 | 25,121 | 20,725 | 1,056 |
|
|
278
|
-
| `video` | 140,194 | 45,095 | 38,039 | 30,
|
|
279
|
-
| `video-playlist` | 121,966 | 40,223 | 33,766 | 14,
|
|
280
|
-
| `virtual-list` | 34,565 | 11,605 | 10,245 | 2,413 |
|
|
185
|
+
| `accordion` | 80,084 | 26,757 | 21,876 | 2,875 | 733 | 648 |
|
|
186
|
+
| `announcement` | 77,373 | 25,841 | 21,168 | 1,231 | 308 | 220 |
|
|
187
|
+
| `app-header` | 29,258 | 9,774 | 8,612 | 1,248 | 295 | 202 |
|
|
188
|
+
| `area-chart` | 75,103 | 25,679 | 22,714 | 10,926 | 3,351 | 2,814 |
|
|
189
|
+
| `avatar` | 31,307 | 10,370 | 9,172 | 3,257 | 883 | 709 |
|
|
190
|
+
| `badge` | 28,793 | 9,703 | 8,548 | 1,162 | 303 | 209 |
|
|
191
|
+
| `bar-chart` | 76,754 | 26,042 | 23,054 | 12,569 | 3,724 | 3,079 |
|
|
192
|
+
| `blockquote` | 28,808 | 9,733 | 8,556 | 774 | 171 | 166 |
|
|
193
|
+
| `breadcrumbs` | 76,869 | 25,406 | 20,937 | 1,965 | 434 | 336 |
|
|
194
|
+
| `button` | 33,345 | 10,931 | 9,645 | 3,095 | 788 | 636 |
|
|
195
|
+
| `button-group` | 28,664 | 9,618 | 8,465 | 661 | 139 | 61 |
|
|
196
|
+
| `callout` | 75,989 | 25,266 | 20,871 | 914 | 233 | 108 |
|
|
197
|
+
| `card` | 28,698 | 9,632 | 8,480 | 694 | 136 | 62 |
|
|
198
|
+
| `carousel` | 85,236 | 28,104 | 23,168 | 9,998 | 2,597 | 2,169 |
|
|
199
|
+
| `chat` | 99,276 | 33,049 | 27,207 | 17,331 | 5,034 | 4,097 |
|
|
200
|
+
| `checkbox` | 36,788 | 11,693 | 10,320 | 2,309 | 663 | 508 |
|
|
201
|
+
| `checkbox-group` | 39,810 | 12,368 | 10,872 | 4,810 | 1,251 | 997 |
|
|
202
|
+
| `code` | 27,283 | 9,203 | 8,103 | 451 | 71 | 86 |
|
|
203
|
+
| `code-block` | 121,515 | 40,468 | 34,129 | 17,122 | 4,495 | 3,769 |
|
|
204
|
+
| `color-input` | 135,648 | 43,876 | 37,013 | 23,086 | 5,501 | 4,525 |
|
|
205
|
+
| `color-picker` | 103,165 | 33,201 | 27,386 | 17,450 | 4,257 | 3,604 |
|
|
206
|
+
| `combobox` | 132,771 | 42,823 | 35,920 | 20,386 | 5,075 | 4,175 |
|
|
207
|
+
| `command` | 103,163 | 32,749 | 26,839 | 17,707 | 4,507 | 3,678 |
|
|
208
|
+
| `copy-button` | 116,113 | 38,844 | 32,660 | 11,718 | 2,927 | 2,390 |
|
|
209
|
+
| `data-table` | 170,848 | 52,840 | 44,617 | 54,814 | 13,959 | 11,627 |
|
|
210
|
+
| `date-input` | 130,586 | 42,300 | 35,570 | 18,287 | 4,675 | 3,815 |
|
|
211
|
+
| `date-picker` | 87,715 | 28,988 | 23,820 | 9,781 | 2,702 | 2,204 |
|
|
212
|
+
| `description-list` | 28,767 | 9,570 | 8,423 | 1,132 | 186 | 91 |
|
|
213
|
+
| `dialog` | 32,316 | 10,661 | 9,390 | 2,717 | 792 | 679 |
|
|
214
|
+
| `divider` | 29,014 | 9,808 | 8,621 | 981 | 236 | 183 |
|
|
215
|
+
| `donut-chart` | 72,886 | 24,651 | 21,814 | 10,139 | 2,979 | 2,462 |
|
|
216
|
+
| `drawer` | 31,069 | 10,294 | 9,080 | 1,761 | 463 | 406 |
|
|
217
|
+
| `drilldown` | 84,359 | 28,055 | 22,916 | 5,618 | 1,481 | 1,270 |
|
|
218
|
+
| `empty` | 28,820 | 9,673 | 8,552 | 816 | 182 | 206 |
|
|
219
|
+
| `file-input` | 87,479 | 28,848 | 23,598 | 6,123 | 1,753 | 1,444 |
|
|
220
|
+
| `filter-input` | 143,776 | 45,769 | 38,476 | 27,855 | 6,744 | 5,559 |
|
|
221
|
+
| `format-date` | 32,277 | 10,786 | 9,534 | 2,867 | 715 | 656 |
|
|
222
|
+
| `heatmap` | 74,108 | 24,877 | 22,004 | 10,797 | 3,002 | 2,456 |
|
|
223
|
+
| `icon` | 75,556 | 25,091 | 20,691 | 1,018 | 227 | 165 |
|
|
224
|
+
| `icon-button` | 33,744 | 10,965 | 9,643 | 3,494 | 825 | 702 |
|
|
225
|
+
| `image` | 30,837 | 10,169 | 8,951 | 3,156 | 834 | 658 |
|
|
226
|
+
| `input` | 86,701 | 28,411 | 23,289 | 4,742 | 1,312 | 1,009 |
|
|
227
|
+
| `kbd` | 30,618 | 10,393 | 9,153 | 2,976 | 998 | 787 |
|
|
228
|
+
| `legend` | 32,670 | 10,897 | 9,618 | 1,080 | 276 | 187 |
|
|
229
|
+
| `lightbox` | 36,565 | 11,686 | 10,289 | 4,740 | 1,191 | 974 |
|
|
230
|
+
| `line-chart` | 74,684 | 25,371 | 22,483 | 10,589 | 3,082 | 2,540 |
|
|
231
|
+
| `list` | 29,720 | 9,805 | 8,638 | 1,726 | 331 | 296 |
|
|
232
|
+
| `listbox` | 94,914 | 30,905 | 25,235 | 10,943 | 2,965 | 2,392 |
|
|
233
|
+
| `loader` | 28,904 | 9,738 | 8,589 | 900 | 231 | 151 |
|
|
234
|
+
| `map` | 34,360 | 11,103 | 9,782 | 1,364 | 320 | 281 |
|
|
235
|
+
| `megamenu` | 59,112 | 20,409 | 18,083 | 4,941 | 1,328 | 1,040 |
|
|
236
|
+
| `menu` | 114,483 | 38,633 | 32,346 | 8,816 | 2,206 | 1,787 |
|
|
237
|
+
| `meter` | 32,094 | 10,588 | 9,348 | 4,099 | 1,028 | 910 |
|
|
238
|
+
| `navigation` | 30,598 | 10,270 | 9,070 | 1,361 | 353 | 195 |
|
|
239
|
+
| `notifications` | 91,907 | 29,750 | 24,439 | 11,339 | 2,628 | 2,161 |
|
|
240
|
+
| `number-input` | 89,062 | 29,050 | 23,768 | 7,190 | 1,924 | 1,491 |
|
|
241
|
+
| `object-inspector` | 128,849 | 42,977 | 36,178 | 19,160 | 5,141 | 4,286 |
|
|
242
|
+
| `option` | 30,934 | 10,164 | 8,995 | 2,933 | 649 | 460 |
|
|
243
|
+
| `outline` | 34,033 | 11,442 | 10,102 | 4,590 | 1,355 | 1,034 |
|
|
244
|
+
| `pagination` | 136,988 | 43,549 | 36,535 | 27,204 | 6,336 | 5,271 |
|
|
245
|
+
| `pin-input` | 39,438 | 12,529 | 11,056 | 5,038 | 1,491 | 1,127 |
|
|
246
|
+
| `popover` | 56,318 | 19,643 | 17,360 | 1,899 | 496 | 437 |
|
|
247
|
+
| `progress` | 29,945 | 10,009 | 8,812 | 1,951 | 474 | 346 |
|
|
248
|
+
| `qr-code` | 40,594 | 14,052 | 12,388 | 12,983 | 4,641 | 4,078 |
|
|
249
|
+
| `quote` | 28,187 | 9,490 | 8,353 | 552 | 124 | 78 |
|
|
250
|
+
| `radio` | 38,618 | 12,022 | 10,602 | 2,822 | 725 | 582 |
|
|
251
|
+
| `rating` | 41,013 | 13,049 | 11,520 | 6,527 | 1,873 | 1,515 |
|
|
252
|
+
| `scatter-chart` | 74,588 | 25,297 | 22,320 | 11,272 | 3,384 | 2,734 |
|
|
253
|
+
| `scroll-area` | 30,430 | 10,175 | 8,932 | 2,743 | 778 | 559 |
|
|
254
|
+
| `select` | 125,156 | 41,008 | 34,352 | 15,496 | 3,936 | 3,093 |
|
|
255
|
+
| `skeleton` | 27,376 | 9,237 | 8,150 | 544 | 104 | 76 |
|
|
256
|
+
| `skip-link` | 28,966 | 9,789 | 8,634 | 1,178 | 354 | 267 |
|
|
257
|
+
| `slider` | 39,829 | 12,539 | 11,068 | 5,185 | 1,405 | 1,168 |
|
|
258
|
+
| `sparkline` | 35,089 | 11,914 | 10,498 | 2,387 | 781 | 652 |
|
|
259
|
+
| `speed-dial` | 106,171 | 36,290 | 30,494 | 3,745 | 940 | 622 |
|
|
260
|
+
| `splitter` | 38,264 | 12,193 | 10,812 | 10,080 | 2,566 | 2,113 |
|
|
261
|
+
| `stat` | 29,152 | 9,668 | 8,517 | 1,148 | 181 | 97 |
|
|
262
|
+
| `steps` | 84,976 | 27,832 | 22,908 | 6,177 | 1,482 | 1,147 |
|
|
263
|
+
| `switch` | 36,405 | 11,657 | 10,283 | 1,524 | 468 | 297 |
|
|
264
|
+
| `table` | 85,918 | 28,471 | 23,352 | 9,069 | 2,462 | 2,019 |
|
|
265
|
+
| `tabs` | 36,439 | 11,626 | 10,250 | 3,925 | 897 | 702 |
|
|
266
|
+
| `tag` | 76,269 | 25,360 | 20,789 | 895 | 188 | 167 |
|
|
267
|
+
| `textarea` | 38,967 | 12,241 | 10,758 | 3,996 | 1,099 | 877 |
|
|
268
|
+
| `time-input` | 143,232 | 45,560 | 38,306 | 27,787 | 6,817 | 5,673 |
|
|
269
|
+
| `time-picker` | 103,515 | 33,391 | 27,452 | 18,575 | 4,964 | 4,131 |
|
|
270
|
+
| `timeline` | 76,718 | 25,323 | 20,894 | 1,809 | 367 | 253 |
|
|
271
|
+
| `toast` | 80,002 | 26,449 | 21,713 | 4,005 | 956 | 729 |
|
|
272
|
+
| `toggle` | 40,653 | 12,622 | 11,151 | 3,342 | 845 | 575 |
|
|
273
|
+
| `toolbar` | 30,754 | 10,341 | 9,126 | 2,933 | 893 | 660 |
|
|
274
|
+
| `tooltip` | 60,429 | 20,743 | 18,406 | 6,292 | 1,740 | 1,299 |
|
|
275
|
+
| `tour` | 66,181 | 22,102 | 19,591 | 10,922 | 2,739 | 2,243 |
|
|
276
|
+
| `tree` | 86,761 | 28,609 | 23,385 | 7,191 | 1,942 | 1,466 |
|
|
277
|
+
| `trend` | 75,596 | 25,121 | 20,725 | 1,056 | 277 | 353 |
|
|
278
|
+
| `video` | 140,194 | 45,095 | 38,039 | 30,448 | 7,273 | 6,177 |
|
|
279
|
+
| `video-playlist` | 121,966 | 40,223 | 33,766 | 14,894 | 3,473 | 2,812 |
|
|
280
|
+
| `virtual-list` | 34,565 | 11,605 | 10,245 | 2,413 | 724 | 516 |
|
|
281
281
|
|
|
282
282
|
### Styled tier
|
|
283
283
|
|
|
@@ -285,108 +285,108 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
285
285
|
|
|
286
286
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
287
287
|
|---|---|---|---|---|---|---|
|
|
288
|
-
| `accordion` | 83,426 | 27,578 | 22,594 | 6,204 | 1,
|
|
289
|
-
| `announcement` | 81,782 | 26,848 | 22,035 | 5,624 | 1,
|
|
290
|
-
| `app-header` | 33,148 | 10,671 | 9,412 | 5,121 | 1,
|
|
291
|
-
| `area-chart` | 82,489 | 27,276 | 24,119 | 18,
|
|
292
|
-
| `aura` | 96,285 | 33,171 | 28,804 | 65,483 | 22,
|
|
293
|
-
| `avatar` | 34,893 | 11,129 | 9,814 | 6,833 | 1,
|
|
294
|
-
| `badge` | 31,897 | 10,407 | 9,171 | 4,249 |
|
|
295
|
-
| `bar-chart` | 89,558 | 28,592 | 25,233 | 25,
|
|
296
|
-
| `blockquote` | 29,964 | 10,016 | 8,816 | 1,914 |
|
|
297
|
-
| `breadcrumbs` | 80,435 | 26,206 | 21,649 | 5,518 | 1,
|
|
298
|
-
| `button` | 39,438 | 12,051 | 10,634 | 9,170 | 1,
|
|
299
|
-
| `button-group` | 30,340 | 9,994 | 8,798 | 2,320 |
|
|
300
|
-
| `callout` | 77,990 | 25,808 | 21,319 | 2,899 |
|
|
301
|
-
| `card` | 31,931 | 10,454 | 9,206 | 3,915 |
|
|
302
|
-
| `carousel` | 96,024 | 29,841 | 24,765 | 20,
|
|
303
|
-
| `chat` | 113,393 | 35,545 | 29,330 | 31,
|
|
304
|
-
| `checkbox` | 43,297 | 13,113 | 11,529 | 8,802 | 2,
|
|
305
|
-
| `checkbox-group` | 41,993 | 12,935 | 11,379 | 6,
|
|
306
|
-
| `code` | 28,360 | 9,497 | 8,363 | 1,511 |
|
|
307
|
-
| `code-block` | 137,965 | 43,349 | 36,513 | 33,551 | 7,
|
|
308
|
-
| `color-input` | 169,230 | 49,050 | 41,622 | 56,
|
|
309
|
-
| `color-picker` | 131,044 | 37,689 | 31,385 | 45,
|
|
310
|
-
| `combobox` | 147,573 | 45,494 | 38,215 | 35,
|
|
311
|
-
| `command` | 113,668 | 34,791 | 28,715 | 28,
|
|
312
|
-
| `copy-button` | 126,117 | 40,615 | 34,181 | 21,
|
|
313
|
-
| `data-table` | 208,161 | 59,317 | 49,932 | 91,
|
|
314
|
-
| `date-input` | 146,503 | 45,330 | 38,228 | 34,
|
|
315
|
-
| `date-picker` | 93,332 | 30,145 | 24,806 | 15,
|
|
316
|
-
| `description-list` | 31,145 | 10,140 | 8,950 | 3,502 |
|
|
317
|
-
| `dialog` | 36,693 | 11,680 | 10,323 | 7,079 | 1,
|
|
318
|
-
| `divider` | 31,170 | 10,325 | 9,071 | 3,120 |
|
|
319
|
-
| `donut-chart` | 81,993 | 26,537 | 23,505 | 19,
|
|
320
|
-
| `drawer` | 35,332 | 11,307 | 9,962 | 6,007 | 1,
|
|
321
|
-
| `drilldown` | 88,906 | 29,059 | 23,793 | 10,153 | 2,
|
|
322
|
-
| `empty` | 30,107 | 10,038 | 8,837 | 2,087 |
|
|
323
|
-
| `file-input` | 98,759 | 31,070 | 25,526 | 17,403 | 3,952 | 3,
|
|
324
|
-
| `filter-input` | 171,839 | 50,208 | 42,211 | 55,
|
|
325
|
-
| `flex` | 29,721 | 9,846 | 8,664 | 2,078 |
|
|
326
|
-
| `format-date` | 32,925 | 10,925 | 9,704 | 3,497 |
|
|
327
|
-
| `grid` | 30,175 | 9,999 | 8,829 | 2,528 |
|
|
328
|
-
| `heatmap` | 80,906 | 26,283 | 23,234 | 17,
|
|
329
|
-
| `icon` | 76,262 | 25,261 | 20,828 | 1,707 |
|
|
330
|
-
| `icon-button` | 39,759 | 11,971 | 10,544 | 9,495 | 1,
|
|
331
|
-
| `image` | 32,539 | 10,643 | 9,379 | 4,840 | 1,
|
|
332
|
-
| `input` | 92,968 | 29,781 | 24,395 | 11,
|
|
333
|
-
| `kbd` | 32,030 | 10,846 | 9,554 | 4,373 | 1,
|
|
334
|
-
| `legend` | 37,486 | 12,013 | 10,544 | 5,790 | 1,
|
|
335
|
-
| `lightbox` | 39,512 | 12,405 | 10,915 | 7,670 |
|
|
336
|
-
| `line-chart` | 84,455 | 27,380 | 24,241 | 20,
|
|
337
|
-
| `list` | 33,786 | 10,751 | 9,455 | 5,782 | 1,
|
|
338
|
-
| `listbox` | 99,183 | 31,900 | 26,099 | 15,
|
|
339
|
-
| `loader` | 32,070 | 10,501 | 9,266 | 4,051 |
|
|
340
|
-
| `map` |
|
|
341
|
-
| `megamenu` | 63,993 | 21,478 | 19,055 | 9,805 | 2,
|
|
342
|
-
| `menu` | 121,860 | 40,208 | 33,685 | 16,
|
|
343
|
-
| `meter` | 37,492 | 11,733 | 10,369 | 9,479 | 2,
|
|
344
|
-
| `navigation` | 31,979 | 10,656 | 9,388 | 2,726 |
|
|
345
|
-
| `notifications` | 104,868 | 32,102 | 26,524 | 24,
|
|
346
|
-
| `number-input` | 93,844 | 30,178 | 24,728 | 11,960 | 3,
|
|
347
|
-
| `object-inspector` | 142,486 | 45,323 | 38,224 | 32,
|
|
348
|
-
| `option` | 34,188 | 11,072 | 9,771 | 6,175 | 1,
|
|
349
|
-
| `orb` | 38,917 | 13,474 | 11,922 | 8,623 | 3,
|
|
350
|
-
| `outline` | 37,773 | 12,227 | 10,812 | 8,313 | 2,
|
|
351
|
-
| `pagination` | 154,854 | 46,635 | 39,213 | 45,
|
|
352
|
-
| `pin-input` | 42,505 | 13,319 | 11,748 | 8,088 | 2,
|
|
353
|
-
| `popover` | 58,954 | 20,289 | 17,966 | 4,517 | 1,
|
|
354
|
-
| `progress` | 34,974 | 11,178 | 9,889 | 6,962 | 1,
|
|
355
|
-
| `qr-code` | 42,257 | 14,479 | 12,770 | 14,628 | 5,
|
|
356
|
-
| `quote` | 28,842 | 9,652 | 8,492 | 1,191 |
|
|
357
|
-
| `radio` | 46,815 | 13,506 | 11,906 | 11,010 | 2,
|
|
358
|
-
| `rating` | 45,227 | 14,251 | 12,590 | 10,724 | 3,
|
|
359
|
-
| `sandbox` | 63,869 | 17,473 | 15,498 | 35,
|
|
360
|
-
| `scatter-chart` | 82,980 | 27,096 | 23,943 | 19,
|
|
361
|
-
| `scroll-area` | 33,578 | 10,831 | 9,507 | 5,874 | 1,
|
|
362
|
-
| `select` | 137,761 | 43,384 | 36,434 | 28,
|
|
363
|
-
| `skeleton` | 29,894 | 9,984 | 8,796 | 2,242 |
|
|
364
|
-
| `skip-link` | 30,429 | 10,196 | 8,943 | 2,624 |
|
|
365
|
-
| `slider` | 50,811 | 14,512 | 12,873 | 16,150 | 3,
|
|
366
|
-
| `sparkline` | 39,007 | 12,855 | 11,365 | 6,293 | 1,
|
|
367
|
-
| `speed-dial` | 113,803 | 37,795 | 31,754 | 11,355 | 2,
|
|
368
|
-
| `splitter` | 44,336 | 13,196 | 11,744 | 16,134 | 3,
|
|
369
|
-
| `stat` | 31,968 | 10,297 | 9,087 | 3,954 |
|
|
370
|
-
| `steps` | 98,594 | 30,263 | 24,961 | 19,783 | 3,
|
|
371
|
-
| `switch` | 40,673 | 12,699 | 11,200 | 5,777 | 1,
|
|
372
|
-
| `table` | 91,296 | 29,576 | 24,358 | 14,441 | 3,
|
|
373
|
-
| `tabs` | 42,675 | 12,898 | 11,372 | 10,153 | 2,
|
|
374
|
-
| `tag` | 79,472 | 26,221 | 21,498 | 4,083 | 1,
|
|
375
|
-
| `text` | 31,628 | 10,126 | 8,903 | 3,987 |
|
|
376
|
-
| `textarea` | 42,304 | 13,055 | 11,492 | 7,
|
|
377
|
-
| `time-input` | 164,474 | 49,051 | 41,332 | 49,
|
|
378
|
-
| `time-picker` | 114,996 | 35,520 | 29,315 | 30,
|
|
379
|
-
| `timeline` | 80,031 | 26,090 | 21,560 | 5,110 | 1,
|
|
380
|
-
| `toast` | 87,535 | 28,118 | 23,141 | 11,526 | 2,
|
|
381
|
-
| `toggle` | 45,750 | 13,805 | 12,215 | 8,427 | 2,
|
|
382
|
-
| `toolbar` | 32,046 | 10,642 | 9,361 | 4,208 | 1,
|
|
383
|
-
| `tooltip` | 63,507 | 21,496 | 19,065 | 9,352 | 2,
|
|
384
|
-
| `tour` | 75,732 | 23,712 | 20,993 | 20,
|
|
385
|
-
| `tree` | 92,461 | 29,960 | 24,570 | 12,881 | 3,
|
|
386
|
-
| `trend` | 78,815 | 25,856 | 21,290 | 4,271 |
|
|
387
|
-
| `video` | 159,459 | 48,531 | 41,081 | 49,
|
|
388
|
-
| `video-playlist` | 135,933 | 42,755 | 35,927 | 28,840 |
|
|
389
|
-
| `virtual-list` | 35,357 | 11,812 | 10,436 | 3,187 |
|
|
288
|
+
| `accordion` | 83,426 | 27,578 | 22,594 | 6,204 | 1,537 | 1,308 |
|
|
289
|
+
| `announcement` | 81,782 | 26,848 | 22,035 | 5,624 | 1,294 | 1,146 |
|
|
290
|
+
| `app-header` | 33,148 | 10,671 | 9,412 | 5,121 | 1,199 | 1,030 |
|
|
291
|
+
| `area-chart` | 82,489 | 27,276 | 24,119 | 18,291 | 4,963 | 4,089 |
|
|
292
|
+
| `aura` | 96,285 | 33,171 | 28,804 | 65,483 | 22,881 | 19,748 |
|
|
293
|
+
| `avatar` | 34,893 | 11,129 | 9,814 | 6,833 | 1,638 | 1,320 |
|
|
294
|
+
| `badge` | 31,897 | 10,407 | 9,171 | 4,249 | 994 | 794 |
|
|
295
|
+
| `bar-chart` | 89,558 | 28,592 | 25,233 | 25,350 | 6,302 | 5,258 |
|
|
296
|
+
| `blockquote` | 29,964 | 10,016 | 8,816 | 1,914 | 464 | 415 |
|
|
297
|
+
| `breadcrumbs` | 80,435 | 26,206 | 21,649 | 5,518 | 1,227 | 1,047 |
|
|
298
|
+
| `button` | 39,438 | 12,051 | 10,634 | 9,170 | 1,910 | 1,587 |
|
|
299
|
+
| `button-group` | 30,340 | 9,994 | 8,798 | 2,320 | 517 | 439 |
|
|
300
|
+
| `callout` | 77,990 | 25,808 | 21,319 | 2,899 | 754 | 732 |
|
|
301
|
+
| `card` | 31,931 | 10,454 | 9,206 | 3,915 | 961 | 830 |
|
|
302
|
+
| `carousel` | 96,024 | 29,841 | 24,765 | 20,775 | 4,364 | 3,657 |
|
|
303
|
+
| `chat` | 113,393 | 35,545 | 29,330 | 31,434 | 7,561 | 6,268 |
|
|
304
|
+
| `checkbox` | 43,297 | 13,113 | 11,529 | 8,802 | 2,090 | 1,697 |
|
|
305
|
+
| `checkbox-group` | 41,993 | 12,935 | 11,379 | 6,979 | 1,809 | 1,417 |
|
|
306
|
+
| `code` | 28,360 | 9,497 | 8,363 | 1,511 | 371 | 281 |
|
|
307
|
+
| `code-block` | 137,965 | 43,349 | 36,513 | 33,551 | 7,205 | 6,078 |
|
|
308
|
+
| `color-input` | 169,230 | 49,050 | 41,622 | 56,651 | 10,744 | 9,240 |
|
|
309
|
+
| `color-picker` | 131,044 | 37,689 | 31,385 | 45,324 | 8,831 | 7,485 |
|
|
310
|
+
| `combobox` | 147,573 | 45,494 | 38,215 | 35,170 | 7,726 | 6,321 |
|
|
311
|
+
| `command` | 113,668 | 34,791 | 28,715 | 28,200 | 6,564 | 5,490 |
|
|
312
|
+
| `copy-button` | 126,117 | 40,615 | 34,181 | 21,707 | 4,644 | 3,934 |
|
|
313
|
+
| `data-table` | 208,161 | 59,317 | 49,932 | 91,861 | 20,399 | 16,768 |
|
|
314
|
+
| `date-input` | 146,503 | 45,330 | 38,228 | 34,188 | 7,659 | 6,524 |
|
|
315
|
+
| `date-picker` | 93,332 | 30,145 | 24,806 | 15,380 | 3,865 | 3,241 |
|
|
316
|
+
| `description-list` | 31,145 | 10,140 | 8,950 | 3,502 | 758 | 632 |
|
|
317
|
+
| `dialog` | 36,693 | 11,680 | 10,323 | 7,079 | 1,807 | 1,559 |
|
|
318
|
+
| `divider` | 31,170 | 10,325 | 9,071 | 3,120 | 742 | 603 |
|
|
319
|
+
| `donut-chart` | 81,993 | 26,537 | 23,505 | 19,222 | 4,897 | 4,082 |
|
|
320
|
+
| `drawer` | 35,332 | 11,307 | 9,962 | 6,007 | 1,470 | 1,242 |
|
|
321
|
+
| `drilldown` | 88,906 | 29,059 | 23,793 | 10,153 | 2,458 | 1,959 |
|
|
322
|
+
| `empty` | 30,107 | 10,038 | 8,837 | 2,087 | 537 | 441 |
|
|
323
|
+
| `file-input` | 98,759 | 31,070 | 25,526 | 17,403 | 3,952 | 3,311 |
|
|
324
|
+
| `filter-input` | 171,839 | 50,208 | 42,211 | 55,913 | 11,355 | 9,438 |
|
|
325
|
+
| `flex` | 29,721 | 9,846 | 8,664 | 2,078 | 462 | 445 |
|
|
326
|
+
| `format-date` | 32,925 | 10,925 | 9,704 | 3,497 | 861 | 683 |
|
|
327
|
+
| `grid` | 30,175 | 9,999 | 8,829 | 2,528 | 590 | 542 |
|
|
328
|
+
| `heatmap` | 80,906 | 26,283 | 23,234 | 17,573 | 4,447 | 3,690 |
|
|
329
|
+
| `icon` | 76,262 | 25,261 | 20,828 | 1,707 | 402 | 325 |
|
|
330
|
+
| `icon-button` | 39,759 | 11,971 | 10,544 | 9,495 | 1,860 | 1,608 |
|
|
331
|
+
| `image` | 32,539 | 10,643 | 9,379 | 4,840 | 1,306 | 1,007 |
|
|
332
|
+
| `input` | 92,968 | 29,781 | 24,395 | 11,005 | 2,649 | 2,154 |
|
|
333
|
+
| `kbd` | 32,030 | 10,846 | 9,554 | 4,373 | 1,461 | 1,182 |
|
|
334
|
+
| `legend` | 37,486 | 12,013 | 10,544 | 5,790 | 1,390 | 1,150 |
|
|
335
|
+
| `lightbox` | 39,512 | 12,405 | 10,915 | 7,670 | 1,934 | 1,618 |
|
|
336
|
+
| `line-chart` | 84,455 | 27,380 | 24,241 | 20,341 | 5,122 | 4,251 |
|
|
337
|
+
| `list` | 33,786 | 10,751 | 9,455 | 5,782 | 1,288 | 1,218 |
|
|
338
|
+
| `listbox` | 99,183 | 31,900 | 26,099 | 15,202 | 3,944 | 3,197 |
|
|
339
|
+
| `loader` | 32,070 | 10,501 | 9,266 | 4,051 | 987 | 829 |
|
|
340
|
+
| `map` | 38,205 | 11,974 | 10,577 | 5,192 | 1,219 | 1,071 |
|
|
341
|
+
| `megamenu` | 63,993 | 21,478 | 19,055 | 9,805 | 2,414 | 1,904 |
|
|
342
|
+
| `menu` | 121,860 | 40,208 | 33,685 | 16,175 | 3,752 | 3,109 |
|
|
343
|
+
| `meter` | 37,492 | 11,733 | 10,369 | 9,479 | 2,201 | 1,955 |
|
|
344
|
+
| `navigation` | 31,979 | 10,656 | 9,388 | 2,726 | 750 | 588 |
|
|
345
|
+
| `notifications` | 104,868 | 32,102 | 26,524 | 24,290 | 4,980 | 4,253 |
|
|
346
|
+
| `number-input` | 93,844 | 30,178 | 24,728 | 11,960 | 3,029 | 2,487 |
|
|
347
|
+
| `object-inspector` | 142,486 | 45,323 | 38,224 | 32,777 | 7,461 | 6,166 |
|
|
348
|
+
| `option` | 34,188 | 11,072 | 9,771 | 6,175 | 1,559 | 1,304 |
|
|
349
|
+
| `orb` | 38,917 | 13,474 | 11,922 | 8,623 | 3,188 | 2,785 |
|
|
350
|
+
| `outline` | 37,773 | 12,227 | 10,812 | 8,313 | 2,157 | 1,756 |
|
|
351
|
+
| `pagination` | 154,854 | 46,635 | 39,213 | 45,052 | 9,406 | 7,854 |
|
|
352
|
+
| `pin-input` | 42,505 | 13,319 | 11,748 | 8,088 | 2,293 | 1,807 |
|
|
353
|
+
| `popover` | 58,954 | 20,289 | 17,966 | 4,517 | 1,159 | 937 |
|
|
354
|
+
| `progress` | 34,974 | 11,178 | 9,889 | 6,962 | 1,642 | 1,430 |
|
|
355
|
+
| `qr-code` | 42,257 | 14,479 | 12,770 | 14,628 | 5,078 | 4,423 |
|
|
356
|
+
| `quote` | 28,842 | 9,652 | 8,492 | 1,191 | 280 | 146 |
|
|
357
|
+
| `radio` | 46,815 | 13,506 | 11,906 | 11,010 | 2,252 | 1,867 |
|
|
358
|
+
| `rating` | 45,227 | 14,251 | 12,590 | 10,724 | 3,063 | 2,615 |
|
|
359
|
+
| `sandbox` | 63,869 | 17,473 | 15,498 | 35,386 | 7,786 | 6,652 |
|
|
360
|
+
| `scatter-chart` | 82,980 | 27,096 | 23,943 | 19,644 | 5,214 | 4,359 |
|
|
361
|
+
| `scroll-area` | 33,578 | 10,831 | 9,507 | 5,874 | 1,421 | 1,169 |
|
|
362
|
+
| `select` | 137,761 | 43,384 | 36,434 | 28,088 | 6,306 | 5,089 |
|
|
363
|
+
| `skeleton` | 29,894 | 9,984 | 8,796 | 2,242 | 594 | 524 |
|
|
364
|
+
| `skip-link` | 30,429 | 10,196 | 8,943 | 2,624 | 744 | 648 |
|
|
365
|
+
| `slider` | 50,811 | 14,512 | 12,873 | 16,150 | 3,417 | 2,907 |
|
|
366
|
+
| `sparkline` | 39,007 | 12,855 | 11,365 | 6,293 | 1,750 | 1,480 |
|
|
367
|
+
| `speed-dial` | 113,803 | 37,795 | 31,754 | 11,355 | 2,381 | 1,983 |
|
|
368
|
+
| `splitter` | 44,336 | 13,196 | 11,744 | 16,134 | 3,602 | 3,087 |
|
|
369
|
+
| `stat` | 31,968 | 10,297 | 9,087 | 3,954 | 816 | 682 |
|
|
370
|
+
| `steps` | 98,594 | 30,263 | 24,961 | 19,783 | 3,906 | 3,232 |
|
|
371
|
+
| `switch` | 40,673 | 12,699 | 11,200 | 5,777 | 1,522 | 1,190 |
|
|
372
|
+
| `table` | 91,296 | 29,576 | 24,358 | 14,441 | 3,555 | 3,000 |
|
|
373
|
+
| `tabs` | 42,675 | 12,898 | 11,372 | 10,153 | 2,212 | 1,767 |
|
|
374
|
+
| `tag` | 79,472 | 26,221 | 21,498 | 4,083 | 1,013 | 821 |
|
|
375
|
+
| `text` | 31,628 | 10,126 | 8,903 | 3,987 | 803 | 592 |
|
|
376
|
+
| `textarea` | 42,304 | 13,055 | 11,492 | 7,320 | 1,940 | 1,527 |
|
|
377
|
+
| `time-input` | 164,474 | 49,051 | 41,332 | 49,009 | 10,419 | 8,728 |
|
|
378
|
+
| `time-picker` | 114,996 | 35,520 | 29,315 | 30,047 | 7,146 | 5,994 |
|
|
379
|
+
| `timeline` | 80,031 | 26,090 | 21,560 | 5,110 | 1,117 | 978 |
|
|
380
|
+
| `toast` | 87,535 | 28,118 | 23,141 | 11,526 | 2,581 | 2,185 |
|
|
381
|
+
| `toggle` | 45,750 | 13,805 | 12,215 | 8,427 | 2,052 | 1,662 |
|
|
382
|
+
| `toolbar` | 32,046 | 10,642 | 9,361 | 4,208 | 1,194 | 950 |
|
|
383
|
+
| `tooltip` | 63,507 | 21,496 | 19,065 | 9,352 | 2,487 | 2,001 |
|
|
384
|
+
| `tour` | 75,732 | 23,712 | 20,993 | 20,455 | 4,373 | 3,718 |
|
|
385
|
+
| `tree` | 92,461 | 29,960 | 24,570 | 12,881 | 3,291 | 2,798 |
|
|
386
|
+
| `trend` | 78,815 | 25,856 | 21,290 | 4,271 | 976 | 897 |
|
|
387
|
+
| `video` | 159,459 | 48,531 | 41,081 | 49,694 | 10,758 | 9,206 |
|
|
388
|
+
| `video-playlist` | 135,933 | 42,755 | 35,927 | 28,840 | 5,971 | 5,004 |
|
|
389
|
+
| `virtual-list` | 35,357 | 11,812 | 10,436 | 3,187 | 935 | 738 |
|
|
390
390
|
|
|
391
391
|
## What lands in `node_modules`
|
|
392
392
|
|
|
@@ -398,12 +398,12 @@ column is what was removed rather than part of what remains.
|
|
|
398
398
|
|
|
399
399
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
400
400
|
|---|---|---|---|---|
|
|
401
|
-
| `@fusion.dev/helix-core` |
|
|
402
|
-
| `@fusion.dev/helix-headless` | 11,
|
|
401
|
+
| `@fusion.dev/helix-core` | 1,030,399 | 155 | 230,652 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
402
|
+
| `@fusion.dev/helix-headless` | 11,607,976 | 474 | 849,498 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
403
403
|
| `@fusion.dev/helix-icons` | 131,512 | 21 | 44,809 | `svgo` |
|
|
404
404
|
| `@fusion.dev/helix-styles` | 101,298 | 6 | 0 | none |
|
|
405
405
|
| `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
|
|
406
|
-
| `@fusion.dev/helix` | 12,737,
|
|
406
|
+
| `@fusion.dev/helix` | 12,737,271 | 812 | 338,875 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
407
407
|
|
|
408
408
|
## Not measured yet
|
|
409
409
|
|
|
@@ -2113,7 +2113,7 @@ nobody ever downloads this floor on its own.
|
|
|
2113
2113
|
|
|
2114
2114
|
| | Raw | Gzip | Brotli |
|
|
2115
2115
|
|---|---|---|---|
|
|
2116
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
2116
|
+
| Lit and \`@fusion.dev/helix-core\` | 160,707 | 52,703 | 44,650 |
|
|
2117
2117
|
|
|
2118
2118
|
## Whole packages
|
|
2119
2119
|
|
|
@@ -2124,11 +2124,11 @@ repository does that. The per-component tables are what a page pays.
|
|
|
2124
2124
|
|
|
2125
2125
|
| Package | Raw | Gzip | Brotli | |
|
|
2126
2126
|
|---|---|---|---|---|
|
|
2127
|
-
| \`@fusion.dev/helix-core\` |
|
|
2128
|
-
| \`@fusion.dev/helix-headless\` |
|
|
2127
|
+
| \`@fusion.dev/helix-core\` | 160,260 | 52,321 | 44,402 | Element base class, mixins, decorators, floating positioning. |
|
|
2128
|
+
| \`@fusion.dev/helix-headless\` | 615,167 | 159,054 | 123,774 | Every headless family, which is what the barrel means. |
|
|
2129
2129
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
2130
2130
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
2131
|
-
| \`@fusion.dev/helix\` | 1,098,
|
|
2131
|
+
| \`@fusion.dev/helix\` | 1,098,954 | 256,645 | 188,442 | Every styled family. |
|
|
2132
2132
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
2133
2133
|
|
|
2134
2134
|
## The stylesheets
|
|
@@ -2149,11 +2149,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
2149
2149
|
|
|
2150
2150
|
## What the numbers say
|
|
2151
2151
|
|
|
2152
|
-
**Most of a first component is the runtime under it.** The median styled family is 15,993 bytes gzipped alone and adds 2,
|
|
2152
|
+
**Most of a first component is the runtime under it.** The median styled family is 15,993 bytes gzipped alone and adds 2,179 to a page that already has Helix on it, so 86 percent of the first one is shared and 14 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
2153
2153
|
|
|
2154
|
-
Across the tier: the cheapest is \`code\` at 9,497 gzipped alone, the dearest \`data-table\` at 59,317, over 102 components. Every family at once is 256,
|
|
2154
|
+
Across the tier: the cheapest is \`code\` at 9,497 gzipped alone, the dearest \`data-table\` at 59,317, over 102 components. Every family at once is 256,645.
|
|
2155
2155
|
|
|
2156
|
-
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs
|
|
2156
|
+
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 159,054 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 102 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
2157
2157
|
|
|
2158
2158
|
The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,026 bytes gzipped alone.
|
|
2159
2159
|
|
|
@@ -2248,102 +2248,102 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2248
2248
|
|
|
2249
2249
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2250
2250
|
|---|---|---|---|---|---|---|
|
|
2251
|
-
| \`accordion\` | 80,084 | 26,757 | 21,876 | 2,875 |
|
|
2252
|
-
| \`announcement\` | 77,373 | 25,841 | 21,168 | 1,231 |
|
|
2253
|
-
| \`app-header\` | 29,258 | 9,774 | 8,612 | 1,248 |
|
|
2254
|
-
| \`area-chart\` | 75,103 | 25,679 | 22,714 | 10,926 | 3,
|
|
2255
|
-
| \`avatar\` | 31,307 | 10,370 | 9,172 | 3,257 |
|
|
2256
|
-
| \`badge\` | 28,793 | 9,703 | 8,548 | 1,162 |
|
|
2257
|
-
| \`bar-chart\` | 76,754 | 26,042 | 23,054 | 12,
|
|
2258
|
-
| \`blockquote\` | 28,808 | 9,733 | 8,556 | 774 |
|
|
2259
|
-
| \`breadcrumbs\` | 76,869 | 25,406 | 20,937 | 1,965 |
|
|
2260
|
-
| \`button\` | 33,345 | 10,931 | 9,645 | 3,095 |
|
|
2261
|
-
| \`button-group\` | 28,664 | 9,618 | 8,465 | 661 |
|
|
2262
|
-
| \`callout\` | 75,989 | 25,266 | 20,871 | 914 |
|
|
2263
|
-
| \`card\` | 28,698 | 9,632 | 8,480 | 694 |
|
|
2264
|
-
| \`carousel\` | 85,236 | 28,104 | 23,168 | 9,
|
|
2265
|
-
| \`chat\` | 99,276 | 33,049 | 27,207 | 17,331 | 5,
|
|
2266
|
-
| \`checkbox\` | 36,788 | 11,693 | 10,320 | 2,309 |
|
|
2267
|
-
| \`checkbox-group\` | 39,810 | 12,368 | 10,872 | 4,
|
|
2268
|
-
| \`code\` | 27,283 | 9,203 | 8,103 | 451 |
|
|
2269
|
-
| \`code-block\` | 121,515 | 40,468 | 34,129 | 17,122 | 4,
|
|
2270
|
-
| \`color-input\` | 135,648 | 43,876 | 37,013 | 23,
|
|
2271
|
-
| \`color-picker\` | 103,165 | 33,201 | 27,386 | 17,
|
|
2272
|
-
| \`combobox\` | 132,771 | 42,823 | 35,920 | 20,
|
|
2273
|
-
| \`command\` | 103,163 | 32,749 | 26,839 | 17,
|
|
2274
|
-
| \`copy-button\` | 116,113 | 38,844 | 32,660 | 11,718 | 2,
|
|
2275
|
-
| \`data-table\` | 170,848 | 52,840 | 44,617 | 54,
|
|
2276
|
-
| \`date-input\` | 130,586 | 42,300 | 35,570 | 18,287 | 4,
|
|
2277
|
-
| \`date-picker\` | 87,715 | 28,988 | 23,820 | 9,
|
|
2278
|
-
| \`description-list\` | 28,767 | 9,570 | 8,423 | 1,132 |
|
|
2279
|
-
| \`dialog\` | 32,316 | 10,661 | 9,390 | 2,717 |
|
|
2280
|
-
| \`divider\` | 29,014 | 9,808 | 8,621 | 981 |
|
|
2281
|
-
| \`donut-chart\` | 72,886 | 24,651 | 21,814 | 10,
|
|
2282
|
-
| \`drawer\` | 31,069 | 10,294 | 9,080 | 1,761 |
|
|
2283
|
-
| \`drilldown\` | 84,359 | 28,055 | 22,916 | 5,
|
|
2284
|
-
| \`empty\` | 28,820 | 9,673 | 8,552 | 816 |
|
|
2285
|
-
| \`file-input\` | 87,479 | 28,848 | 23,598 | 6,
|
|
2286
|
-
| \`filter-input\` | 143,776 | 45,769 | 38,476 | 27,
|
|
2287
|
-
| \`format-date\` | 32,277 | 10,786 | 9,534 | 2,867 |
|
|
2288
|
-
| \`heatmap\` | 74,108 | 24,877 | 22,004 | 10,
|
|
2289
|
-
| \`icon\` | 75,556 | 25,091 | 20,691 | 1,018 |
|
|
2290
|
-
| \`icon-button\` | 33,744 | 10,965 | 9,643 | 3,494 |
|
|
2291
|
-
| \`image\` | 30,837 | 10,169 | 8,951 | 3,156 |
|
|
2292
|
-
| \`input\` | 86,701 | 28,411 | 23,289 | 4,742 | 1,
|
|
2293
|
-
| \`kbd\` | 30,618 | 10,393 | 9,153 | 2,976 |
|
|
2294
|
-
| \`legend\` | 32,670 | 10,897 | 9,618 | 1,080 |
|
|
2295
|
-
| \`lightbox\` | 36,565 | 11,686 | 10,289 | 4,740 | 1,
|
|
2296
|
-
| \`line-chart\` | 74,684 | 25,371 | 22,483 | 10,
|
|
2297
|
-
| \`list\` | 29,720 | 9,805 | 8,638 | 1,726 |
|
|
2298
|
-
| \`listbox\` | 94,914 | 30,905 | 25,235 | 10,
|
|
2299
|
-
| \`loader\` | 28,904 | 9,738 | 8,589 | 900 |
|
|
2300
|
-
| \`map\` |
|
|
2301
|
-
| \`megamenu\` | 59,112 | 20,409 | 18,083 | 4,941 | 1,
|
|
2302
|
-
| \`menu\` | 114,483 | 38,633 | 32,346 | 8,816 | 2,
|
|
2303
|
-
| \`meter\` | 32,094 | 10,588 | 9,348 | 4,099 | 1,
|
|
2304
|
-
| \`navigation\` | 30,598 | 10,270 | 9,070 | 1,361 |
|
|
2305
|
-
| \`notifications\` | 91,907 | 29,750 | 24,439 | 11,
|
|
2306
|
-
| \`number-input\` | 89,062 | 29,050 | 23,768 | 7,190 | 1,
|
|
2307
|
-
| \`object-inspector\` | 128,849 | 42,977 | 36,178 | 19,
|
|
2308
|
-
| \`option\` | 30,934 | 10,164 | 8,995 | 2,933 | 649 |
|
|
2309
|
-
| \`outline\` | 34,033 | 11,442 | 10,102 | 4,590 | 1,
|
|
2310
|
-
| \`pagination\` | 136,988 | 43,549 | 36,535 | 27,
|
|
2311
|
-
| \`pin-input\` | 39,438 | 12,529 | 11,056 | 5,038 | 1,
|
|
2312
|
-
| \`popover\` | 56,318 | 19,643 | 17,360 | 1,899 |
|
|
2313
|
-
| \`progress\` | 29,945 | 10,009 | 8,812 | 1,951 |
|
|
2314
|
-
| \`qr-code\` | 40,594 | 14,052 | 12,388 | 12,983 | 4,
|
|
2315
|
-
| \`quote\` | 28,187 | 9,490 | 8,353 | 552 |
|
|
2316
|
-
| \`radio\` | 38,618 | 12,022 | 10,602 | 2,822 |
|
|
2317
|
-
| \`rating\` | 41,013 | 13,049 | 11,520 | 6,527 | 1,
|
|
2318
|
-
| \`scatter-chart\` | 74,588 | 25,297 | 22,320 | 11,272 | 3,
|
|
2319
|
-
| \`scroll-area\` | 30,430 | 10,175 | 8,932 | 2,743 |
|
|
2320
|
-
| \`select\` | 125,156 | 41,008 | 34,352 | 15,
|
|
2321
|
-
| \`skeleton\` | 27,376 | 9,237 | 8,150 | 544 |
|
|
2322
|
-
| \`skip-link\` | 28,966 | 9,789 | 8,634 | 1,178 |
|
|
2323
|
-
| \`slider\` | 39,829 | 12,539 | 11,068 | 5,185 | 1,
|
|
2324
|
-
| \`sparkline\` | 35,089 | 11,914 | 10,498 | 2,387 |
|
|
2325
|
-
| \`speed-dial\` | 106,171 | 36,290 | 30,494 | 3,745 |
|
|
2326
|
-
| \`splitter\` | 38,264 | 12,193 | 10,812 | 10,080 | 2,
|
|
2327
|
-
| \`stat\` | 29,152 | 9,668 | 8,517 | 1,148 |
|
|
2328
|
-
| \`steps\` | 84,976 | 27,832 | 22,908 | 6,177 | 1,
|
|
2329
|
-
| \`switch\` | 36,405 | 11,657 | 10,283 | 1,524 |
|
|
2330
|
-
| \`table\` | 85,918 | 28,471 | 23,352 | 9,
|
|
2331
|
-
| \`tabs\` | 36,439 | 11,626 | 10,250 | 3,925 |
|
|
2332
|
-
| \`tag\` | 76,269 | 25,360 | 20,789 | 895 |
|
|
2333
|
-
| \`textarea\` | 38,967 | 12,241 | 10,758 | 3,996 | 1,
|
|
2334
|
-
| \`time-input\` | 143,232 | 45,560 | 38,306 | 27,
|
|
2335
|
-
| \`time-picker\` | 103,515 | 33,391 | 27,452 | 18,
|
|
2336
|
-
| \`timeline\` | 76,718 | 25,323 | 20,894 | 1,809 |
|
|
2337
|
-
| \`toast\` | 80,002 | 26,449 | 21,713 | 4,005 |
|
|
2338
|
-
| \`toggle\` | 40,653 | 12,622 | 11,151 | 3,342 |
|
|
2339
|
-
| \`toolbar\` | 30,754 | 10,341 | 9,126 | 2,933 |
|
|
2340
|
-
| \`tooltip\` | 60,429 | 20,743 | 18,406 | 6,292 | 1,
|
|
2341
|
-
| \`tour\` | 66,181 | 22,102 | 19,591 | 10,
|
|
2342
|
-
| \`tree\` | 86,761 | 28,609 | 23,385 | 7,191 | 1,
|
|
2343
|
-
| \`trend\` | 75,596 | 25,121 | 20,725 | 1,056 |
|
|
2344
|
-
| \`video\` | 140,194 | 45,095 | 38,039 | 30,
|
|
2345
|
-
| \`video-playlist\` | 121,966 | 40,223 | 33,766 | 14,
|
|
2346
|
-
| \`virtual-list\` | 34,565 | 11,605 | 10,245 | 2,413 |
|
|
2251
|
+
| \`accordion\` | 80,084 | 26,757 | 21,876 | 2,875 | 733 | 648 |
|
|
2252
|
+
| \`announcement\` | 77,373 | 25,841 | 21,168 | 1,231 | 308 | 220 |
|
|
2253
|
+
| \`app-header\` | 29,258 | 9,774 | 8,612 | 1,248 | 295 | 202 |
|
|
2254
|
+
| \`area-chart\` | 75,103 | 25,679 | 22,714 | 10,926 | 3,351 | 2,814 |
|
|
2255
|
+
| \`avatar\` | 31,307 | 10,370 | 9,172 | 3,257 | 883 | 709 |
|
|
2256
|
+
| \`badge\` | 28,793 | 9,703 | 8,548 | 1,162 | 303 | 209 |
|
|
2257
|
+
| \`bar-chart\` | 76,754 | 26,042 | 23,054 | 12,569 | 3,724 | 3,079 |
|
|
2258
|
+
| \`blockquote\` | 28,808 | 9,733 | 8,556 | 774 | 171 | 166 |
|
|
2259
|
+
| \`breadcrumbs\` | 76,869 | 25,406 | 20,937 | 1,965 | 434 | 336 |
|
|
2260
|
+
| \`button\` | 33,345 | 10,931 | 9,645 | 3,095 | 788 | 636 |
|
|
2261
|
+
| \`button-group\` | 28,664 | 9,618 | 8,465 | 661 | 139 | 61 |
|
|
2262
|
+
| \`callout\` | 75,989 | 25,266 | 20,871 | 914 | 233 | 108 |
|
|
2263
|
+
| \`card\` | 28,698 | 9,632 | 8,480 | 694 | 136 | 62 |
|
|
2264
|
+
| \`carousel\` | 85,236 | 28,104 | 23,168 | 9,998 | 2,597 | 2,169 |
|
|
2265
|
+
| \`chat\` | 99,276 | 33,049 | 27,207 | 17,331 | 5,034 | 4,097 |
|
|
2266
|
+
| \`checkbox\` | 36,788 | 11,693 | 10,320 | 2,309 | 663 | 508 |
|
|
2267
|
+
| \`checkbox-group\` | 39,810 | 12,368 | 10,872 | 4,810 | 1,251 | 997 |
|
|
2268
|
+
| \`code\` | 27,283 | 9,203 | 8,103 | 451 | 71 | 86 |
|
|
2269
|
+
| \`code-block\` | 121,515 | 40,468 | 34,129 | 17,122 | 4,495 | 3,769 |
|
|
2270
|
+
| \`color-input\` | 135,648 | 43,876 | 37,013 | 23,086 | 5,501 | 4,525 |
|
|
2271
|
+
| \`color-picker\` | 103,165 | 33,201 | 27,386 | 17,450 | 4,257 | 3,604 |
|
|
2272
|
+
| \`combobox\` | 132,771 | 42,823 | 35,920 | 20,386 | 5,075 | 4,175 |
|
|
2273
|
+
| \`command\` | 103,163 | 32,749 | 26,839 | 17,707 | 4,507 | 3,678 |
|
|
2274
|
+
| \`copy-button\` | 116,113 | 38,844 | 32,660 | 11,718 | 2,927 | 2,390 |
|
|
2275
|
+
| \`data-table\` | 170,848 | 52,840 | 44,617 | 54,814 | 13,959 | 11,627 |
|
|
2276
|
+
| \`date-input\` | 130,586 | 42,300 | 35,570 | 18,287 | 4,675 | 3,815 |
|
|
2277
|
+
| \`date-picker\` | 87,715 | 28,988 | 23,820 | 9,781 | 2,702 | 2,204 |
|
|
2278
|
+
| \`description-list\` | 28,767 | 9,570 | 8,423 | 1,132 | 186 | 91 |
|
|
2279
|
+
| \`dialog\` | 32,316 | 10,661 | 9,390 | 2,717 | 792 | 679 |
|
|
2280
|
+
| \`divider\` | 29,014 | 9,808 | 8,621 | 981 | 236 | 183 |
|
|
2281
|
+
| \`donut-chart\` | 72,886 | 24,651 | 21,814 | 10,139 | 2,979 | 2,462 |
|
|
2282
|
+
| \`drawer\` | 31,069 | 10,294 | 9,080 | 1,761 | 463 | 406 |
|
|
2283
|
+
| \`drilldown\` | 84,359 | 28,055 | 22,916 | 5,618 | 1,481 | 1,270 |
|
|
2284
|
+
| \`empty\` | 28,820 | 9,673 | 8,552 | 816 | 182 | 206 |
|
|
2285
|
+
| \`file-input\` | 87,479 | 28,848 | 23,598 | 6,123 | 1,753 | 1,444 |
|
|
2286
|
+
| \`filter-input\` | 143,776 | 45,769 | 38,476 | 27,855 | 6,744 | 5,559 |
|
|
2287
|
+
| \`format-date\` | 32,277 | 10,786 | 9,534 | 2,867 | 715 | 656 |
|
|
2288
|
+
| \`heatmap\` | 74,108 | 24,877 | 22,004 | 10,797 | 3,002 | 2,456 |
|
|
2289
|
+
| \`icon\` | 75,556 | 25,091 | 20,691 | 1,018 | 227 | 165 |
|
|
2290
|
+
| \`icon-button\` | 33,744 | 10,965 | 9,643 | 3,494 | 825 | 702 |
|
|
2291
|
+
| \`image\` | 30,837 | 10,169 | 8,951 | 3,156 | 834 | 658 |
|
|
2292
|
+
| \`input\` | 86,701 | 28,411 | 23,289 | 4,742 | 1,312 | 1,009 |
|
|
2293
|
+
| \`kbd\` | 30,618 | 10,393 | 9,153 | 2,976 | 998 | 787 |
|
|
2294
|
+
| \`legend\` | 32,670 | 10,897 | 9,618 | 1,080 | 276 | 187 |
|
|
2295
|
+
| \`lightbox\` | 36,565 | 11,686 | 10,289 | 4,740 | 1,191 | 974 |
|
|
2296
|
+
| \`line-chart\` | 74,684 | 25,371 | 22,483 | 10,589 | 3,082 | 2,540 |
|
|
2297
|
+
| \`list\` | 29,720 | 9,805 | 8,638 | 1,726 | 331 | 296 |
|
|
2298
|
+
| \`listbox\` | 94,914 | 30,905 | 25,235 | 10,943 | 2,965 | 2,392 |
|
|
2299
|
+
| \`loader\` | 28,904 | 9,738 | 8,589 | 900 | 231 | 151 |
|
|
2300
|
+
| \`map\` | 34,360 | 11,103 | 9,782 | 1,364 | 320 | 281 |
|
|
2301
|
+
| \`megamenu\` | 59,112 | 20,409 | 18,083 | 4,941 | 1,328 | 1,040 |
|
|
2302
|
+
| \`menu\` | 114,483 | 38,633 | 32,346 | 8,816 | 2,206 | 1,787 |
|
|
2303
|
+
| \`meter\` | 32,094 | 10,588 | 9,348 | 4,099 | 1,028 | 910 |
|
|
2304
|
+
| \`navigation\` | 30,598 | 10,270 | 9,070 | 1,361 | 353 | 195 |
|
|
2305
|
+
| \`notifications\` | 91,907 | 29,750 | 24,439 | 11,339 | 2,628 | 2,161 |
|
|
2306
|
+
| \`number-input\` | 89,062 | 29,050 | 23,768 | 7,190 | 1,924 | 1,491 |
|
|
2307
|
+
| \`object-inspector\` | 128,849 | 42,977 | 36,178 | 19,160 | 5,141 | 4,286 |
|
|
2308
|
+
| \`option\` | 30,934 | 10,164 | 8,995 | 2,933 | 649 | 460 |
|
|
2309
|
+
| \`outline\` | 34,033 | 11,442 | 10,102 | 4,590 | 1,355 | 1,034 |
|
|
2310
|
+
| \`pagination\` | 136,988 | 43,549 | 36,535 | 27,204 | 6,336 | 5,271 |
|
|
2311
|
+
| \`pin-input\` | 39,438 | 12,529 | 11,056 | 5,038 | 1,491 | 1,127 |
|
|
2312
|
+
| \`popover\` | 56,318 | 19,643 | 17,360 | 1,899 | 496 | 437 |
|
|
2313
|
+
| \`progress\` | 29,945 | 10,009 | 8,812 | 1,951 | 474 | 346 |
|
|
2314
|
+
| \`qr-code\` | 40,594 | 14,052 | 12,388 | 12,983 | 4,641 | 4,078 |
|
|
2315
|
+
| \`quote\` | 28,187 | 9,490 | 8,353 | 552 | 124 | 78 |
|
|
2316
|
+
| \`radio\` | 38,618 | 12,022 | 10,602 | 2,822 | 725 | 582 |
|
|
2317
|
+
| \`rating\` | 41,013 | 13,049 | 11,520 | 6,527 | 1,873 | 1,515 |
|
|
2318
|
+
| \`scatter-chart\` | 74,588 | 25,297 | 22,320 | 11,272 | 3,384 | 2,734 |
|
|
2319
|
+
| \`scroll-area\` | 30,430 | 10,175 | 8,932 | 2,743 | 778 | 559 |
|
|
2320
|
+
| \`select\` | 125,156 | 41,008 | 34,352 | 15,496 | 3,936 | 3,093 |
|
|
2321
|
+
| \`skeleton\` | 27,376 | 9,237 | 8,150 | 544 | 104 | 76 |
|
|
2322
|
+
| \`skip-link\` | 28,966 | 9,789 | 8,634 | 1,178 | 354 | 267 |
|
|
2323
|
+
| \`slider\` | 39,829 | 12,539 | 11,068 | 5,185 | 1,405 | 1,168 |
|
|
2324
|
+
| \`sparkline\` | 35,089 | 11,914 | 10,498 | 2,387 | 781 | 652 |
|
|
2325
|
+
| \`speed-dial\` | 106,171 | 36,290 | 30,494 | 3,745 | 940 | 622 |
|
|
2326
|
+
| \`splitter\` | 38,264 | 12,193 | 10,812 | 10,080 | 2,566 | 2,113 |
|
|
2327
|
+
| \`stat\` | 29,152 | 9,668 | 8,517 | 1,148 | 181 | 97 |
|
|
2328
|
+
| \`steps\` | 84,976 | 27,832 | 22,908 | 6,177 | 1,482 | 1,147 |
|
|
2329
|
+
| \`switch\` | 36,405 | 11,657 | 10,283 | 1,524 | 468 | 297 |
|
|
2330
|
+
| \`table\` | 85,918 | 28,471 | 23,352 | 9,069 | 2,462 | 2,019 |
|
|
2331
|
+
| \`tabs\` | 36,439 | 11,626 | 10,250 | 3,925 | 897 | 702 |
|
|
2332
|
+
| \`tag\` | 76,269 | 25,360 | 20,789 | 895 | 188 | 167 |
|
|
2333
|
+
| \`textarea\` | 38,967 | 12,241 | 10,758 | 3,996 | 1,099 | 877 |
|
|
2334
|
+
| \`time-input\` | 143,232 | 45,560 | 38,306 | 27,787 | 6,817 | 5,673 |
|
|
2335
|
+
| \`time-picker\` | 103,515 | 33,391 | 27,452 | 18,575 | 4,964 | 4,131 |
|
|
2336
|
+
| \`timeline\` | 76,718 | 25,323 | 20,894 | 1,809 | 367 | 253 |
|
|
2337
|
+
| \`toast\` | 80,002 | 26,449 | 21,713 | 4,005 | 956 | 729 |
|
|
2338
|
+
| \`toggle\` | 40,653 | 12,622 | 11,151 | 3,342 | 845 | 575 |
|
|
2339
|
+
| \`toolbar\` | 30,754 | 10,341 | 9,126 | 2,933 | 893 | 660 |
|
|
2340
|
+
| \`tooltip\` | 60,429 | 20,743 | 18,406 | 6,292 | 1,740 | 1,299 |
|
|
2341
|
+
| \`tour\` | 66,181 | 22,102 | 19,591 | 10,922 | 2,739 | 2,243 |
|
|
2342
|
+
| \`tree\` | 86,761 | 28,609 | 23,385 | 7,191 | 1,942 | 1,466 |
|
|
2343
|
+
| \`trend\` | 75,596 | 25,121 | 20,725 | 1,056 | 277 | 353 |
|
|
2344
|
+
| \`video\` | 140,194 | 45,095 | 38,039 | 30,448 | 7,273 | 6,177 |
|
|
2345
|
+
| \`video-playlist\` | 121,966 | 40,223 | 33,766 | 14,894 | 3,473 | 2,812 |
|
|
2346
|
+
| \`virtual-list\` | 34,565 | 11,605 | 10,245 | 2,413 | 724 | 516 |
|
|
2347
2347
|
|
|
2348
2348
|
### Styled tier
|
|
2349
2349
|
|
|
@@ -2351,108 +2351,108 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2351
2351
|
|
|
2352
2352
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2353
2353
|
|---|---|---|---|---|---|---|
|
|
2354
|
-
| \`accordion\` | 83,426 | 27,578 | 22,594 | 6,204 | 1,
|
|
2355
|
-
| \`announcement\` | 81,782 | 26,848 | 22,035 | 5,624 | 1,
|
|
2356
|
-
| \`app-header\` | 33,148 | 10,671 | 9,412 | 5,121 | 1,
|
|
2357
|
-
| \`area-chart\` | 82,489 | 27,276 | 24,119 | 18,
|
|
2358
|
-
| \`aura\` | 96,285 | 33,171 | 28,804 | 65,483 | 22,
|
|
2359
|
-
| \`avatar\` | 34,893 | 11,129 | 9,814 | 6,833 | 1,
|
|
2360
|
-
| \`badge\` | 31,897 | 10,407 | 9,171 | 4,249 |
|
|
2361
|
-
| \`bar-chart\` | 89,558 | 28,592 | 25,233 | 25,
|
|
2362
|
-
| \`blockquote\` | 29,964 | 10,016 | 8,816 | 1,914 |
|
|
2363
|
-
| \`breadcrumbs\` | 80,435 | 26,206 | 21,649 | 5,518 | 1,
|
|
2364
|
-
| \`button\` | 39,438 | 12,051 | 10,634 | 9,170 | 1,
|
|
2365
|
-
| \`button-group\` | 30,340 | 9,994 | 8,798 | 2,320 |
|
|
2366
|
-
| \`callout\` | 77,990 | 25,808 | 21,319 | 2,899 |
|
|
2367
|
-
| \`card\` | 31,931 | 10,454 | 9,206 | 3,915 |
|
|
2368
|
-
| \`carousel\` | 96,024 | 29,841 | 24,765 | 20,
|
|
2369
|
-
| \`chat\` | 113,393 | 35,545 | 29,330 | 31,
|
|
2370
|
-
| \`checkbox\` | 43,297 | 13,113 | 11,529 | 8,802 | 2,
|
|
2371
|
-
| \`checkbox-group\` | 41,993 | 12,935 | 11,379 | 6,
|
|
2372
|
-
| \`code\` | 28,360 | 9,497 | 8,363 | 1,511 |
|
|
2373
|
-
| \`code-block\` | 137,965 | 43,349 | 36,513 | 33,551 | 7,
|
|
2374
|
-
| \`color-input\` | 169,230 | 49,050 | 41,622 | 56,
|
|
2375
|
-
| \`color-picker\` | 131,044 | 37,689 | 31,385 | 45,
|
|
2376
|
-
| \`combobox\` | 147,573 | 45,494 | 38,215 | 35,
|
|
2377
|
-
| \`command\` | 113,668 | 34,791 | 28,715 | 28,
|
|
2378
|
-
| \`copy-button\` | 126,117 | 40,615 | 34,181 | 21,
|
|
2379
|
-
| \`data-table\` | 208,161 | 59,317 | 49,932 | 91,
|
|
2380
|
-
| \`date-input\` | 146,503 | 45,330 | 38,228 | 34,
|
|
2381
|
-
| \`date-picker\` | 93,332 | 30,145 | 24,806 | 15,
|
|
2382
|
-
| \`description-list\` | 31,145 | 10,140 | 8,950 | 3,502 |
|
|
2383
|
-
| \`dialog\` | 36,693 | 11,680 | 10,323 | 7,079 | 1,
|
|
2384
|
-
| \`divider\` | 31,170 | 10,325 | 9,071 | 3,120 |
|
|
2385
|
-
| \`donut-chart\` | 81,993 | 26,537 | 23,505 | 19,
|
|
2386
|
-
| \`drawer\` | 35,332 | 11,307 | 9,962 | 6,007 | 1,
|
|
2387
|
-
| \`drilldown\` | 88,906 | 29,059 | 23,793 | 10,153 | 2,
|
|
2388
|
-
| \`empty\` | 30,107 | 10,038 | 8,837 | 2,087 |
|
|
2389
|
-
| \`file-input\` | 98,759 | 31,070 | 25,526 | 17,403 | 3,952 | 3,
|
|
2390
|
-
| \`filter-input\` | 171,839 | 50,208 | 42,211 | 55,
|
|
2391
|
-
| \`flex\` | 29,721 | 9,846 | 8,664 | 2,078 |
|
|
2392
|
-
| \`format-date\` | 32,925 | 10,925 | 9,704 | 3,497 |
|
|
2393
|
-
| \`grid\` | 30,175 | 9,999 | 8,829 | 2,528 |
|
|
2394
|
-
| \`heatmap\` | 80,906 | 26,283 | 23,234 | 17,
|
|
2395
|
-
| \`icon\` | 76,262 | 25,261 | 20,828 | 1,707 |
|
|
2396
|
-
| \`icon-button\` | 39,759 | 11,971 | 10,544 | 9,495 | 1,
|
|
2397
|
-
| \`image\` | 32,539 | 10,643 | 9,379 | 4,840 | 1,
|
|
2398
|
-
| \`input\` | 92,968 | 29,781 | 24,395 | 11,
|
|
2399
|
-
| \`kbd\` | 32,030 | 10,846 | 9,554 | 4,373 | 1,
|
|
2400
|
-
| \`legend\` | 37,486 | 12,013 | 10,544 | 5,790 | 1,
|
|
2401
|
-
| \`lightbox\` | 39,512 | 12,405 | 10,915 | 7,670 |
|
|
2402
|
-
| \`line-chart\` | 84,455 | 27,380 | 24,241 | 20,
|
|
2403
|
-
| \`list\` | 33,786 | 10,751 | 9,455 | 5,782 | 1,
|
|
2404
|
-
| \`listbox\` | 99,183 | 31,900 | 26,099 | 15,
|
|
2405
|
-
| \`loader\` | 32,070 | 10,501 | 9,266 | 4,051 |
|
|
2406
|
-
| \`map\` |
|
|
2407
|
-
| \`megamenu\` | 63,993 | 21,478 | 19,055 | 9,805 | 2,
|
|
2408
|
-
| \`menu\` | 121,860 | 40,208 | 33,685 | 16,
|
|
2409
|
-
| \`meter\` | 37,492 | 11,733 | 10,369 | 9,479 | 2,
|
|
2410
|
-
| \`navigation\` | 31,979 | 10,656 | 9,388 | 2,726 |
|
|
2411
|
-
| \`notifications\` | 104,868 | 32,102 | 26,524 | 24,
|
|
2412
|
-
| \`number-input\` | 93,844 | 30,178 | 24,728 | 11,960 | 3,
|
|
2413
|
-
| \`object-inspector\` | 142,486 | 45,323 | 38,224 | 32,
|
|
2414
|
-
| \`option\` | 34,188 | 11,072 | 9,771 | 6,175 | 1,
|
|
2415
|
-
| \`orb\` | 38,917 | 13,474 | 11,922 | 8,623 | 3,
|
|
2416
|
-
| \`outline\` | 37,773 | 12,227 | 10,812 | 8,313 | 2,
|
|
2417
|
-
| \`pagination\` | 154,854 | 46,635 | 39,213 | 45,
|
|
2418
|
-
| \`pin-input\` | 42,505 | 13,319 | 11,748 | 8,088 | 2,
|
|
2419
|
-
| \`popover\` | 58,954 | 20,289 | 17,966 | 4,517 | 1,
|
|
2420
|
-
| \`progress\` | 34,974 | 11,178 | 9,889 | 6,962 | 1,
|
|
2421
|
-
| \`qr-code\` | 42,257 | 14,479 | 12,770 | 14,628 | 5,
|
|
2422
|
-
| \`quote\` | 28,842 | 9,652 | 8,492 | 1,191 |
|
|
2423
|
-
| \`radio\` | 46,815 | 13,506 | 11,906 | 11,010 | 2,
|
|
2424
|
-
| \`rating\` | 45,227 | 14,251 | 12,590 | 10,724 | 3,
|
|
2425
|
-
| \`sandbox\` | 63,869 | 17,473 | 15,498 | 35,
|
|
2426
|
-
| \`scatter-chart\` | 82,980 | 27,096 | 23,943 | 19,
|
|
2427
|
-
| \`scroll-area\` | 33,578 | 10,831 | 9,507 | 5,874 | 1,
|
|
2428
|
-
| \`select\` | 137,761 | 43,384 | 36,434 | 28,
|
|
2429
|
-
| \`skeleton\` | 29,894 | 9,984 | 8,796 | 2,242 |
|
|
2430
|
-
| \`skip-link\` | 30,429 | 10,196 | 8,943 | 2,624 |
|
|
2431
|
-
| \`slider\` | 50,811 | 14,512 | 12,873 | 16,150 | 3,
|
|
2432
|
-
| \`sparkline\` | 39,007 | 12,855 | 11,365 | 6,293 | 1,
|
|
2433
|
-
| \`speed-dial\` | 113,803 | 37,795 | 31,754 | 11,355 | 2,
|
|
2434
|
-
| \`splitter\` | 44,336 | 13,196 | 11,744 | 16,134 | 3,
|
|
2435
|
-
| \`stat\` | 31,968 | 10,297 | 9,087 | 3,954 |
|
|
2436
|
-
| \`steps\` | 98,594 | 30,263 | 24,961 | 19,783 | 3,
|
|
2437
|
-
| \`switch\` | 40,673 | 12,699 | 11,200 | 5,777 | 1,
|
|
2438
|
-
| \`table\` | 91,296 | 29,576 | 24,358 | 14,441 | 3,
|
|
2439
|
-
| \`tabs\` | 42,675 | 12,898 | 11,372 | 10,153 | 2,
|
|
2440
|
-
| \`tag\` | 79,472 | 26,221 | 21,498 | 4,083 | 1,
|
|
2441
|
-
| \`text\` | 31,628 | 10,126 | 8,903 | 3,987 |
|
|
2442
|
-
| \`textarea\` | 42,304 | 13,055 | 11,492 | 7,
|
|
2443
|
-
| \`time-input\` | 164,474 | 49,051 | 41,332 | 49,
|
|
2444
|
-
| \`time-picker\` | 114,996 | 35,520 | 29,315 | 30,
|
|
2445
|
-
| \`timeline\` | 80,031 | 26,090 | 21,560 | 5,110 | 1,
|
|
2446
|
-
| \`toast\` | 87,535 | 28,118 | 23,141 | 11,526 | 2,
|
|
2447
|
-
| \`toggle\` | 45,750 | 13,805 | 12,215 | 8,427 | 2,
|
|
2448
|
-
| \`toolbar\` | 32,046 | 10,642 | 9,361 | 4,208 | 1,
|
|
2449
|
-
| \`tooltip\` | 63,507 | 21,496 | 19,065 | 9,352 | 2,
|
|
2450
|
-
| \`tour\` | 75,732 | 23,712 | 20,993 | 20,
|
|
2451
|
-
| \`tree\` | 92,461 | 29,960 | 24,570 | 12,881 | 3,
|
|
2452
|
-
| \`trend\` | 78,815 | 25,856 | 21,290 | 4,271 |
|
|
2453
|
-
| \`video\` | 159,459 | 48,531 | 41,081 | 49,
|
|
2454
|
-
| \`video-playlist\` | 135,933 | 42,755 | 35,927 | 28,840 |
|
|
2455
|
-
| \`virtual-list\` | 35,357 | 11,812 | 10,436 | 3,187 |
|
|
2354
|
+
| \`accordion\` | 83,426 | 27,578 | 22,594 | 6,204 | 1,537 | 1,308 |
|
|
2355
|
+
| \`announcement\` | 81,782 | 26,848 | 22,035 | 5,624 | 1,294 | 1,146 |
|
|
2356
|
+
| \`app-header\` | 33,148 | 10,671 | 9,412 | 5,121 | 1,199 | 1,030 |
|
|
2357
|
+
| \`area-chart\` | 82,489 | 27,276 | 24,119 | 18,291 | 4,963 | 4,089 |
|
|
2358
|
+
| \`aura\` | 96,285 | 33,171 | 28,804 | 65,483 | 22,881 | 19,748 |
|
|
2359
|
+
| \`avatar\` | 34,893 | 11,129 | 9,814 | 6,833 | 1,638 | 1,320 |
|
|
2360
|
+
| \`badge\` | 31,897 | 10,407 | 9,171 | 4,249 | 994 | 794 |
|
|
2361
|
+
| \`bar-chart\` | 89,558 | 28,592 | 25,233 | 25,350 | 6,302 | 5,258 |
|
|
2362
|
+
| \`blockquote\` | 29,964 | 10,016 | 8,816 | 1,914 | 464 | 415 |
|
|
2363
|
+
| \`breadcrumbs\` | 80,435 | 26,206 | 21,649 | 5,518 | 1,227 | 1,047 |
|
|
2364
|
+
| \`button\` | 39,438 | 12,051 | 10,634 | 9,170 | 1,910 | 1,587 |
|
|
2365
|
+
| \`button-group\` | 30,340 | 9,994 | 8,798 | 2,320 | 517 | 439 |
|
|
2366
|
+
| \`callout\` | 77,990 | 25,808 | 21,319 | 2,899 | 754 | 732 |
|
|
2367
|
+
| \`card\` | 31,931 | 10,454 | 9,206 | 3,915 | 961 | 830 |
|
|
2368
|
+
| \`carousel\` | 96,024 | 29,841 | 24,765 | 20,775 | 4,364 | 3,657 |
|
|
2369
|
+
| \`chat\` | 113,393 | 35,545 | 29,330 | 31,434 | 7,561 | 6,268 |
|
|
2370
|
+
| \`checkbox\` | 43,297 | 13,113 | 11,529 | 8,802 | 2,090 | 1,697 |
|
|
2371
|
+
| \`checkbox-group\` | 41,993 | 12,935 | 11,379 | 6,979 | 1,809 | 1,417 |
|
|
2372
|
+
| \`code\` | 28,360 | 9,497 | 8,363 | 1,511 | 371 | 281 |
|
|
2373
|
+
| \`code-block\` | 137,965 | 43,349 | 36,513 | 33,551 | 7,205 | 6,078 |
|
|
2374
|
+
| \`color-input\` | 169,230 | 49,050 | 41,622 | 56,651 | 10,744 | 9,240 |
|
|
2375
|
+
| \`color-picker\` | 131,044 | 37,689 | 31,385 | 45,324 | 8,831 | 7,485 |
|
|
2376
|
+
| \`combobox\` | 147,573 | 45,494 | 38,215 | 35,170 | 7,726 | 6,321 |
|
|
2377
|
+
| \`command\` | 113,668 | 34,791 | 28,715 | 28,200 | 6,564 | 5,490 |
|
|
2378
|
+
| \`copy-button\` | 126,117 | 40,615 | 34,181 | 21,707 | 4,644 | 3,934 |
|
|
2379
|
+
| \`data-table\` | 208,161 | 59,317 | 49,932 | 91,861 | 20,399 | 16,768 |
|
|
2380
|
+
| \`date-input\` | 146,503 | 45,330 | 38,228 | 34,188 | 7,659 | 6,524 |
|
|
2381
|
+
| \`date-picker\` | 93,332 | 30,145 | 24,806 | 15,380 | 3,865 | 3,241 |
|
|
2382
|
+
| \`description-list\` | 31,145 | 10,140 | 8,950 | 3,502 | 758 | 632 |
|
|
2383
|
+
| \`dialog\` | 36,693 | 11,680 | 10,323 | 7,079 | 1,807 | 1,559 |
|
|
2384
|
+
| \`divider\` | 31,170 | 10,325 | 9,071 | 3,120 | 742 | 603 |
|
|
2385
|
+
| \`donut-chart\` | 81,993 | 26,537 | 23,505 | 19,222 | 4,897 | 4,082 |
|
|
2386
|
+
| \`drawer\` | 35,332 | 11,307 | 9,962 | 6,007 | 1,470 | 1,242 |
|
|
2387
|
+
| \`drilldown\` | 88,906 | 29,059 | 23,793 | 10,153 | 2,458 | 1,959 |
|
|
2388
|
+
| \`empty\` | 30,107 | 10,038 | 8,837 | 2,087 | 537 | 441 |
|
|
2389
|
+
| \`file-input\` | 98,759 | 31,070 | 25,526 | 17,403 | 3,952 | 3,311 |
|
|
2390
|
+
| \`filter-input\` | 171,839 | 50,208 | 42,211 | 55,913 | 11,355 | 9,438 |
|
|
2391
|
+
| \`flex\` | 29,721 | 9,846 | 8,664 | 2,078 | 462 | 445 |
|
|
2392
|
+
| \`format-date\` | 32,925 | 10,925 | 9,704 | 3,497 | 861 | 683 |
|
|
2393
|
+
| \`grid\` | 30,175 | 9,999 | 8,829 | 2,528 | 590 | 542 |
|
|
2394
|
+
| \`heatmap\` | 80,906 | 26,283 | 23,234 | 17,573 | 4,447 | 3,690 |
|
|
2395
|
+
| \`icon\` | 76,262 | 25,261 | 20,828 | 1,707 | 402 | 325 |
|
|
2396
|
+
| \`icon-button\` | 39,759 | 11,971 | 10,544 | 9,495 | 1,860 | 1,608 |
|
|
2397
|
+
| \`image\` | 32,539 | 10,643 | 9,379 | 4,840 | 1,306 | 1,007 |
|
|
2398
|
+
| \`input\` | 92,968 | 29,781 | 24,395 | 11,005 | 2,649 | 2,154 |
|
|
2399
|
+
| \`kbd\` | 32,030 | 10,846 | 9,554 | 4,373 | 1,461 | 1,182 |
|
|
2400
|
+
| \`legend\` | 37,486 | 12,013 | 10,544 | 5,790 | 1,390 | 1,150 |
|
|
2401
|
+
| \`lightbox\` | 39,512 | 12,405 | 10,915 | 7,670 | 1,934 | 1,618 |
|
|
2402
|
+
| \`line-chart\` | 84,455 | 27,380 | 24,241 | 20,341 | 5,122 | 4,251 |
|
|
2403
|
+
| \`list\` | 33,786 | 10,751 | 9,455 | 5,782 | 1,288 | 1,218 |
|
|
2404
|
+
| \`listbox\` | 99,183 | 31,900 | 26,099 | 15,202 | 3,944 | 3,197 |
|
|
2405
|
+
| \`loader\` | 32,070 | 10,501 | 9,266 | 4,051 | 987 | 829 |
|
|
2406
|
+
| \`map\` | 38,205 | 11,974 | 10,577 | 5,192 | 1,219 | 1,071 |
|
|
2407
|
+
| \`megamenu\` | 63,993 | 21,478 | 19,055 | 9,805 | 2,414 | 1,904 |
|
|
2408
|
+
| \`menu\` | 121,860 | 40,208 | 33,685 | 16,175 | 3,752 | 3,109 |
|
|
2409
|
+
| \`meter\` | 37,492 | 11,733 | 10,369 | 9,479 | 2,201 | 1,955 |
|
|
2410
|
+
| \`navigation\` | 31,979 | 10,656 | 9,388 | 2,726 | 750 | 588 |
|
|
2411
|
+
| \`notifications\` | 104,868 | 32,102 | 26,524 | 24,290 | 4,980 | 4,253 |
|
|
2412
|
+
| \`number-input\` | 93,844 | 30,178 | 24,728 | 11,960 | 3,029 | 2,487 |
|
|
2413
|
+
| \`object-inspector\` | 142,486 | 45,323 | 38,224 | 32,777 | 7,461 | 6,166 |
|
|
2414
|
+
| \`option\` | 34,188 | 11,072 | 9,771 | 6,175 | 1,559 | 1,304 |
|
|
2415
|
+
| \`orb\` | 38,917 | 13,474 | 11,922 | 8,623 | 3,188 | 2,785 |
|
|
2416
|
+
| \`outline\` | 37,773 | 12,227 | 10,812 | 8,313 | 2,157 | 1,756 |
|
|
2417
|
+
| \`pagination\` | 154,854 | 46,635 | 39,213 | 45,052 | 9,406 | 7,854 |
|
|
2418
|
+
| \`pin-input\` | 42,505 | 13,319 | 11,748 | 8,088 | 2,293 | 1,807 |
|
|
2419
|
+
| \`popover\` | 58,954 | 20,289 | 17,966 | 4,517 | 1,159 | 937 |
|
|
2420
|
+
| \`progress\` | 34,974 | 11,178 | 9,889 | 6,962 | 1,642 | 1,430 |
|
|
2421
|
+
| \`qr-code\` | 42,257 | 14,479 | 12,770 | 14,628 | 5,078 | 4,423 |
|
|
2422
|
+
| \`quote\` | 28,842 | 9,652 | 8,492 | 1,191 | 280 | 146 |
|
|
2423
|
+
| \`radio\` | 46,815 | 13,506 | 11,906 | 11,010 | 2,252 | 1,867 |
|
|
2424
|
+
| \`rating\` | 45,227 | 14,251 | 12,590 | 10,724 | 3,063 | 2,615 |
|
|
2425
|
+
| \`sandbox\` | 63,869 | 17,473 | 15,498 | 35,386 | 7,786 | 6,652 |
|
|
2426
|
+
| \`scatter-chart\` | 82,980 | 27,096 | 23,943 | 19,644 | 5,214 | 4,359 |
|
|
2427
|
+
| \`scroll-area\` | 33,578 | 10,831 | 9,507 | 5,874 | 1,421 | 1,169 |
|
|
2428
|
+
| \`select\` | 137,761 | 43,384 | 36,434 | 28,088 | 6,306 | 5,089 |
|
|
2429
|
+
| \`skeleton\` | 29,894 | 9,984 | 8,796 | 2,242 | 594 | 524 |
|
|
2430
|
+
| \`skip-link\` | 30,429 | 10,196 | 8,943 | 2,624 | 744 | 648 |
|
|
2431
|
+
| \`slider\` | 50,811 | 14,512 | 12,873 | 16,150 | 3,417 | 2,907 |
|
|
2432
|
+
| \`sparkline\` | 39,007 | 12,855 | 11,365 | 6,293 | 1,750 | 1,480 |
|
|
2433
|
+
| \`speed-dial\` | 113,803 | 37,795 | 31,754 | 11,355 | 2,381 | 1,983 |
|
|
2434
|
+
| \`splitter\` | 44,336 | 13,196 | 11,744 | 16,134 | 3,602 | 3,087 |
|
|
2435
|
+
| \`stat\` | 31,968 | 10,297 | 9,087 | 3,954 | 816 | 682 |
|
|
2436
|
+
| \`steps\` | 98,594 | 30,263 | 24,961 | 19,783 | 3,906 | 3,232 |
|
|
2437
|
+
| \`switch\` | 40,673 | 12,699 | 11,200 | 5,777 | 1,522 | 1,190 |
|
|
2438
|
+
| \`table\` | 91,296 | 29,576 | 24,358 | 14,441 | 3,555 | 3,000 |
|
|
2439
|
+
| \`tabs\` | 42,675 | 12,898 | 11,372 | 10,153 | 2,212 | 1,767 |
|
|
2440
|
+
| \`tag\` | 79,472 | 26,221 | 21,498 | 4,083 | 1,013 | 821 |
|
|
2441
|
+
| \`text\` | 31,628 | 10,126 | 8,903 | 3,987 | 803 | 592 |
|
|
2442
|
+
| \`textarea\` | 42,304 | 13,055 | 11,492 | 7,320 | 1,940 | 1,527 |
|
|
2443
|
+
| \`time-input\` | 164,474 | 49,051 | 41,332 | 49,009 | 10,419 | 8,728 |
|
|
2444
|
+
| \`time-picker\` | 114,996 | 35,520 | 29,315 | 30,047 | 7,146 | 5,994 |
|
|
2445
|
+
| \`timeline\` | 80,031 | 26,090 | 21,560 | 5,110 | 1,117 | 978 |
|
|
2446
|
+
| \`toast\` | 87,535 | 28,118 | 23,141 | 11,526 | 2,581 | 2,185 |
|
|
2447
|
+
| \`toggle\` | 45,750 | 13,805 | 12,215 | 8,427 | 2,052 | 1,662 |
|
|
2448
|
+
| \`toolbar\` | 32,046 | 10,642 | 9,361 | 4,208 | 1,194 | 950 |
|
|
2449
|
+
| \`tooltip\` | 63,507 | 21,496 | 19,065 | 9,352 | 2,487 | 2,001 |
|
|
2450
|
+
| \`tour\` | 75,732 | 23,712 | 20,993 | 20,455 | 4,373 | 3,718 |
|
|
2451
|
+
| \`tree\` | 92,461 | 29,960 | 24,570 | 12,881 | 3,291 | 2,798 |
|
|
2452
|
+
| \`trend\` | 78,815 | 25,856 | 21,290 | 4,271 | 976 | 897 |
|
|
2453
|
+
| \`video\` | 159,459 | 48,531 | 41,081 | 49,694 | 10,758 | 9,206 |
|
|
2454
|
+
| \`video-playlist\` | 135,933 | 42,755 | 35,927 | 28,840 | 5,971 | 5,004 |
|
|
2455
|
+
| \`virtual-list\` | 35,357 | 11,812 | 10,436 | 3,187 | 935 | 738 |
|
|
2456
2456
|
|
|
2457
2457
|
## What lands in \`node_modules\`
|
|
2458
2458
|
|
|
@@ -2464,12 +2464,12 @@ column is what was removed rather than part of what remains.
|
|
|
2464
2464
|
|
|
2465
2465
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2466
2466
|
|---|---|---|---|---|
|
|
2467
|
-
| \`@fusion.dev/helix-core\` |
|
|
2468
|
-
| \`@fusion.dev/helix-headless\` | 11,
|
|
2467
|
+
| \`@fusion.dev/helix-core\` | 1,030,399 | 155 | 230,652 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2468
|
+
| \`@fusion.dev/helix-headless\` | 11,607,976 | 474 | 849,498 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2469
2469
|
| \`@fusion.dev/helix-icons\` | 131,512 | 21 | 44,809 | \`svgo\` |
|
|
2470
2470
|
| \`@fusion.dev/helix-styles\` | 101,298 | 6 | 0 | none |
|
|
2471
2471
|
| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
|
|
2472
|
-
| \`@fusion.dev/helix\` | 12,737,
|
|
2472
|
+
| \`@fusion.dev/helix\` | 12,737,271 | 812 | 338,875 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2473
2473
|
|
|
2474
2474
|
## Not measured yet
|
|
2475
2475
|
|
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.103.
|
|
4
|
+
"version": "0.103.3",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix-cem": "0.103.
|
|
40
|
-
"@fusion.dev/helix-testing": "0.103.
|
|
39
|
+
"@fusion.dev/helix-cem": "0.103.3",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.103.3",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|