@fusion.dev/helix-docs 0.110.5 → 0.110.6
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 +209 -209
- package/dist/sources.generated.js +209 -209
- package/package.json +3 -3
package/content/metrics.mdx
CHANGED
|
@@ -46,7 +46,7 @@ on its own.
|
|
|
46
46
|
|
|
47
47
|
| | Raw | Gzip | Brotli |
|
|
48
48
|
|---|---|---|---|
|
|
49
|
-
| Lit and `@fusion.dev/helix-core` |
|
|
49
|
+
| Lit and `@fusion.dev/helix-core` | 177,180 | 57,022 | 48,432 |
|
|
50
50
|
|
|
51
51
|
## Whole packages
|
|
52
52
|
|
|
@@ -57,11 +57,11 @@ either barrel. The per-component tables show what your page pays.
|
|
|
57
57
|
|
|
58
58
|
| Package | Raw | Gzip | Brotli | |
|
|
59
59
|
|---|---|---|---|---|
|
|
60
|
-
| `@fusion.dev/helix-core` |
|
|
61
|
-
| `@fusion.dev/helix-headless` |
|
|
60
|
+
| `@fusion.dev/helix-core` | 176,734 | 56,607 | 48,133 | The element base class, mixins, decorators, and floating positioning. |
|
|
61
|
+
| `@fusion.dev/helix-headless` | 723,896 | 187,530 | 145,743 | Every headless family. The barrel entry includes all of them. |
|
|
62
62
|
| `@fusion.dev/helix-icons` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
63
63
|
| `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
64
|
-
| `@fusion.dev/helix` | 1,
|
|
64
|
+
| `@fusion.dev/helix` | 1,254,396 | 293,690 | 215,284 | Every styled family. |
|
|
65
65
|
| `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
66
66
|
|
|
67
67
|
## Stylesheets
|
|
@@ -82,11 +82,11 @@ shows the whole cost of using the base layer on its own.
|
|
|
82
82
|
|
|
83
83
|
## What the numbers say
|
|
84
84
|
|
|
85
|
-
**Most of your first component is the shared runtime.** The median styled family is 20,614 bytes gzipped alone, and it adds 2,
|
|
85
|
+
**Most of your first component is the shared runtime.** The median styled family is 20,614 bytes gzipped alone, and it adds 2,228 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
86
86
|
|
|
87
|
-
Across the 103 styled components, the smallest is `code` at 9,782 bytes gzipped alone, and the largest is `data-table` at 63,530. Every family together is 293,
|
|
87
|
+
Across the 103 styled components, the smallest is `code` at 9,782 bytes gzipped alone, and the largest is `data-table` at 63,530. Every family together is 293,690.
|
|
88
88
|
|
|
89
|
-
No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 187,
|
|
89
|
+
No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 187,530 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 103 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
|
|
90
90
|
|
|
91
91
|
The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 21,055 bytes gzipped alone.
|
|
92
92
|
|
|
@@ -180,103 +180,103 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
180
180
|
|
|
181
181
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
182
182
|
|---|---|---|---|---|---|---|
|
|
183
|
-
| `accordion` | 91,094 | 29,961 | 24,447 | 2,875 |
|
|
184
|
-
| `announcement` | 88,510 | 29,143 | 23,730 | 1,386 |
|
|
185
|
-
| `app-header` | 32,096 | 10,066 | 8,865 | 1,248 |
|
|
186
|
-
| `area-chart` | 78,018 | 26,017 | 22,902 | 11,004 | 3,
|
|
187
|
-
| `avatar` | 34,145 | 10,660 | 9,402 | 3,257 |
|
|
188
|
-
| `badge` | 31,632 | 10,004 | 8,783 | 1,163 | 302 |
|
|
189
|
-
| `bar-chart` | 79,669 | 26,387 | 23,299 | 12,644 | 3,
|
|
190
|
-
| `blockquote` | 31,646 | 10,021 | 8,813 | 774 |
|
|
191
|
-
| `breadcrumbs` | 87,550 | 28,471 | 23,352 | 1,965 |
|
|
192
|
-
| `button` | 36,306 | 11,274 | 9,890 | 3,182 |
|
|
193
|
-
| `button-group` | 31,502 | 9,910 | 8,724 | 661 |
|
|
194
|
-
| `callout` | 86,670 | 28,326 | 23,244 | 914 | 249 |
|
|
195
|
-
| `canvas` | 85,
|
|
196
|
-
| `card` | 31,536 | 9,922 | 8,751 | 694 |
|
|
197
|
-
| `carousel` | 96,953 | 31,454 | 25,821 | 10,942 | 2,
|
|
198
|
-
| `chat` | 110,291 | 36,288 | 29,738 | 17,447 | 5,
|
|
199
|
-
| `checkbox` | 40,665 | 12,217 | 10,748 | 2,648 |
|
|
200
|
-
| `checkbox-group` | 43,790 | 12,913 | 11,404 | 5,252 | 1,377 |
|
|
201
|
-
| `code` | 30,121 | 9,492 | 8,354 | 451 |
|
|
202
|
-
| `code-block` | 132,396 | 43,517 | 36,663 | 17,288 | 4,
|
|
203
|
-
| `color-input` | 150,372 | 47,562 | 40,105 | 25,691 | 6,
|
|
204
|
-
| `color-picker` | 116,817 | 36,949 | 30,412 | 19,588 | 4,
|
|
205
|
-
| `combobox` | 145,259 | 46,246 | 38,773 | 21,121 | 5,
|
|
206
|
-
| `command` | 115,209 | 36,227 | 29,623 | 18,040 | 4,
|
|
207
|
-
| `copy-button` | 126,994 | 41,877 | 35,144 | 11,883 | 2,
|
|
208
|
-
| `data-table` | 185,060 | 56,577 | 47,888 | 57,216 | 14,
|
|
209
|
-
| `date-input` | 143,542 | 45,764 | 38,460 | 19,177 | 4,
|
|
210
|
-
| `date-picker` | 98,729 | 32,189 | 26,267 | 9,900 | 2,
|
|
211
|
-
| `description-list` | 31,605 | 9,858 | 8,685 | 1,132 |
|
|
212
|
-
| `dialog` | 35,154 | 10,963 | 9,662 | 2,717 |
|
|
213
|
-
| `divider` | 31,852 | 10,099 | 8,872 | 981 |
|
|
214
|
-
| `donut-chart` | 75,801 | 24,975 | 22,109 | 10,214 | 2,
|
|
215
|
-
| `drawer` | 33,907 | 10,598 | 9,310 | 1,761 |
|
|
216
|
-
| `drilldown` | 95,595 | 31,343 | 25,518 | 5,704 | 1,
|
|
217
|
-
| `empty` | 32,099 | 10,157 | 8,916 | 956 |
|
|
218
|
-
| `file-input` | 99,042 | 32,169 | 26,217 | 6,215 | 1,
|
|
219
|
-
| `filter-input` | 155,836 | 48,962 | 41,306 | 28,023 | 6,
|
|
220
|
-
| `format-date` | 35,115 | 11,078 | 9,788 | 2,867 |
|
|
221
|
-
| `heatmap` | 77,023 | 25,205 | 22,244 | 10,872 | 3,
|
|
222
|
-
| `icon` | 86,237 | 28,154 | 23,061 | 1,018 |
|
|
223
|
-
| `icon-button` | 36,705 | 11,303 | 9,931 | 3,581 |
|
|
224
|
-
| `image` | 33,675 | 10,457 | 9,201 | 3,156 |
|
|
225
|
-
| `input` | 98,130 | 31,654 | 25,857 | 4,745 | 1,
|
|
226
|
-
| `kbd` | 33,456 | 10,687 | 9,426 | 2,976 |
|
|
227
|
-
| `legend` | 35,508 | 11,188 | 9,838 | 1,080 |
|
|
228
|
-
| `lightbox` | 39,890 | 12,222 | 10,744 | 4,807 | 1,
|
|
229
|
-
| `line-chart` | 77,599 | 25,717 | 22,776 | 10,667 | 3,
|
|
230
|
-
| `list` | 32,558 | 10,095 | 8,878 | 1,726 |
|
|
231
|
-
| `listbox` | 106,921 | 34,351 | 27,982 | 11,237 | 3,
|
|
232
|
-
| `loader` | 31,742 | 10,028 | 8,830 | 900 |
|
|
233
|
-
| `map` |
|
|
234
|
-
| `megamenu` | 62,000 | 20,731 | 18,301 | 4,941 | 1,355 |
|
|
235
|
-
| `menu` | 125,722 | 41,801 | 35,026 | 8,855 | 2,
|
|
236
|
-
| `meter` | 34,932 | 10,876 | 9,580 | 4,099 | 1,
|
|
237
|
-
| `navigation` | 33,436 | 10,558 | 9,284 | 1,361 |
|
|
238
|
-
| `notifications` | 102,774 | 32,915 | 26,800 | 11,383 | 2,
|
|
239
|
-
| `number-input` | 101,058 | 32,464 | 26,540 | 7,670 | 2,
|
|
240
|
-
| `object-inspector` | 140,044 | 46,104 | 38,777 | 19,550 | 5,
|
|
241
|
-
| `option` | 33,772 | 10,461 | 9,217 | 2,933 | 670 |
|
|
242
|
-
| `outline` | 36,860 | 11,745 | 10,369 | 4,628 | 1,
|
|
243
|
-
| `pagination` | 149,386 | 46,962 | 39,424 | 27,796 | 6,
|
|
183
|
+
| `accordion` | 91,094 | 29,961 | 24,447 | 2,875 | 747 | 530 |
|
|
184
|
+
| `announcement` | 88,510 | 29,143 | 23,730 | 1,386 | 364 | 278 |
|
|
185
|
+
| `app-header` | 32,096 | 10,066 | 8,865 | 1,248 | 306 | 149 |
|
|
186
|
+
| `area-chart` | 78,018 | 26,017 | 22,902 | 11,004 | 3,379 | 2,691 |
|
|
187
|
+
| `avatar` | 34,145 | 10,660 | 9,402 | 3,257 | 887 | 650 |
|
|
188
|
+
| `badge` | 31,632 | 10,004 | 8,783 | 1,163 | 302 | 195 |
|
|
189
|
+
| `bar-chart` | 79,669 | 26,387 | 23,299 | 12,644 | 3,744 | 3,038 |
|
|
190
|
+
| `blockquote` | 31,646 | 10,021 | 8,813 | 774 | 183 | 72 |
|
|
191
|
+
| `breadcrumbs` | 87,550 | 28,471 | 23,352 | 1,965 | 458 | 421 |
|
|
192
|
+
| `button` | 36,306 | 11,274 | 9,890 | 3,182 | 825 | 538 |
|
|
193
|
+
| `button-group` | 31,502 | 9,910 | 8,724 | 661 | 142 | 33 |
|
|
194
|
+
| `callout` | 86,670 | 28,326 | 23,244 | 914 | 249 | 157 |
|
|
195
|
+
| `canvas` | 85,895 | 25,975 | 22,745 | 47,621 | 14,239 | 12,064 |
|
|
196
|
+
| `card` | 31,536 | 9,922 | 8,751 | 694 | 145 | 11 |
|
|
197
|
+
| `carousel` | 96,953 | 31,454 | 25,821 | 10,942 | 2,801 | 2,241 |
|
|
198
|
+
| `chat` | 110,291 | 36,288 | 29,738 | 17,447 | 5,141 | 4,167 |
|
|
199
|
+
| `checkbox` | 40,665 | 12,217 | 10,748 | 2,648 | 764 | 410 |
|
|
200
|
+
| `checkbox-group` | 43,790 | 12,913 | 11,404 | 5,252 | 1,377 | 880 |
|
|
201
|
+
| `code` | 30,121 | 9,492 | 8,354 | 451 | 81 | -19 |
|
|
202
|
+
| `code-block` | 132,396 | 43,517 | 36,663 | 17,288 | 4,548 | 3,801 |
|
|
203
|
+
| `color-input` | 150,372 | 47,562 | 40,105 | 25,691 | 6,020 | 5,066 |
|
|
204
|
+
| `color-picker` | 116,817 | 36,949 | 30,412 | 19,588 | 4,693 | 3,893 |
|
|
205
|
+
| `combobox` | 145,259 | 46,246 | 38,773 | 21,121 | 5,280 | 4,168 |
|
|
206
|
+
| `command` | 115,209 | 36,227 | 29,623 | 18,040 | 4,644 | 3,786 |
|
|
207
|
+
| `copy-button` | 126,994 | 41,877 | 35,144 | 11,883 | 2,951 | 2,331 |
|
|
208
|
+
| `data-table` | 185,060 | 56,577 | 47,888 | 57,216 | 14,502 | 11,958 |
|
|
209
|
+
| `date-input` | 143,542 | 45,764 | 38,460 | 19,177 | 4,875 | 4,031 |
|
|
210
|
+
| `date-picker` | 98,729 | 32,189 | 26,267 | 9,900 | 2,752 | 2,141 |
|
|
211
|
+
| `description-list` | 31,605 | 9,858 | 8,685 | 1,132 | 196 | 90 |
|
|
212
|
+
| `dialog` | 35,154 | 10,963 | 9,662 | 2,717 | 796 | 542 |
|
|
213
|
+
| `divider` | 31,852 | 10,099 | 8,872 | 981 | 244 | 86 |
|
|
214
|
+
| `donut-chart` | 75,801 | 24,975 | 22,109 | 10,214 | 2,996 | 2,369 |
|
|
215
|
+
| `drawer` | 33,907 | 10,598 | 9,310 | 1,761 | 477 | 273 |
|
|
216
|
+
| `drilldown` | 95,595 | 31,343 | 25,518 | 5,704 | 1,523 | 1,120 |
|
|
217
|
+
| `empty` | 32,099 | 10,157 | 8,916 | 956 | 243 | 91 |
|
|
218
|
+
| `file-input` | 99,042 | 32,169 | 26,217 | 6,215 | 1,802 | 1,356 |
|
|
219
|
+
| `filter-input` | 155,836 | 48,962 | 41,306 | 28,023 | 6,823 | 5,485 |
|
|
220
|
+
| `format-date` | 35,115 | 11,078 | 9,788 | 2,867 | 717 | 487 |
|
|
221
|
+
| `heatmap` | 77,023 | 25,205 | 22,244 | 10,872 | 3,020 | 2,358 |
|
|
222
|
+
| `icon` | 86,237 | 28,154 | 23,061 | 1,018 | 251 | 72 |
|
|
223
|
+
| `icon-button` | 36,705 | 11,303 | 9,931 | 3,581 | 864 | 545 |
|
|
224
|
+
| `image` | 33,675 | 10,457 | 9,201 | 3,156 | 826 | 571 |
|
|
225
|
+
| `input` | 98,130 | 31,654 | 25,857 | 4,745 | 1,315 | 875 |
|
|
226
|
+
| `kbd` | 33,456 | 10,687 | 9,426 | 2,976 | 976 | 628 |
|
|
227
|
+
| `legend` | 35,508 | 11,188 | 9,838 | 1,080 | 280 | 76 |
|
|
228
|
+
| `lightbox` | 39,890 | 12,222 | 10,744 | 4,807 | 1,270 | 951 |
|
|
229
|
+
| `line-chart` | 77,599 | 25,717 | 22,776 | 10,667 | 3,094 | 2,573 |
|
|
230
|
+
| `list` | 32,558 | 10,095 | 8,878 | 1,726 | 361 | 191 |
|
|
231
|
+
| `listbox` | 106,921 | 34,351 | 27,982 | 11,237 | 3,077 | 2,374 |
|
|
232
|
+
| `loader` | 31,742 | 10,028 | 8,830 | 900 | 239 | 101 |
|
|
233
|
+
| `map` | 126,871 | 38,328 | 31,798 | 32,397 | 7,530 | 6,108 |
|
|
234
|
+
| `megamenu` | 62,000 | 20,731 | 18,301 | 4,941 | 1,355 | 900 |
|
|
235
|
+
| `menu` | 125,722 | 41,801 | 35,026 | 8,855 | 2,247 | 1,705 |
|
|
236
|
+
| `meter` | 34,932 | 10,876 | 9,580 | 4,099 | 1,064 | 824 |
|
|
237
|
+
| `navigation` | 33,436 | 10,558 | 9,284 | 1,361 | 341 | 136 |
|
|
238
|
+
| `notifications` | 102,774 | 32,915 | 26,800 | 11,383 | 2,681 | 2,108 |
|
|
239
|
+
| `number-input` | 101,058 | 32,464 | 26,540 | 7,670 | 2,027 | 1,460 |
|
|
240
|
+
| `object-inspector` | 140,044 | 46,104 | 38,777 | 19,550 | 5,216 | 4,290 |
|
|
241
|
+
| `option` | 33,772 | 10,461 | 9,217 | 2,933 | 670 | 400 |
|
|
242
|
+
| `outline` | 36,860 | 11,745 | 10,369 | 4,628 | 1,386 | 991 |
|
|
243
|
+
| `pagination` | 149,386 | 46,962 | 39,424 | 27,796 | 6,552 | 5,311 |
|
|
244
244
|
| `pin-input` | 43,315 | 13,099 | 11,522 | 5,241 | 1,562 | 1,171 |
|
|
245
|
-
| `popover` | 59,206 | 19,968 | 17,647 | 1,899 |
|
|
246
|
-
| `progress` | 32,783 | 10,304 | 9,102 | 1,951 |
|
|
247
|
-
| `qr-code` | 43,432 | 14,343 | 12,661 | 12,983 | 4,
|
|
248
|
-
| `quote` | 31,025 | 9,783 | 8,610 | 552 |
|
|
249
|
-
| `radio` | 42,515 | 12,625 | 11,119 | 2,822 |
|
|
250
|
-
| `rating` | 45,029 | 13,680 | 12,062 | 6,646 | 1,
|
|
251
|
-
| `scatter-chart` | 77,503 | 25,634 | 22,597 | 11,346 | 3,
|
|
252
|
-
| `scroll-area` | 33,268 | 10,471 | 9,200 | 2,743 |
|
|
253
|
-
| `select` | 137,496 | 44,380 | 37,170 | 16,119 | 4,
|
|
254
|
-
| `skeleton` | 30,214 | 9,526 | 8,422 | 544 |
|
|
255
|
-
| `skip-link` | 31,804 | 10,088 | 8,868 | 1,178 |
|
|
256
|
-
| `slider` | 43,854 | 13,114 | 11,555 | 5,627 | 1,
|
|
257
|
-
| `sparkline` | 37,927 | 12,212 | 10,794 | 2,387 |
|
|
258
|
-
| `speed-dial` | 117,231 | 39,380 | 33,083 | 3,743 |
|
|
259
|
-
| `splitter` | 41,307 | 12,532 | 11,098 | 10,282 | 2,
|
|
260
|
-
| `stat` | 31,990 | 9,962 | 8,782 | 1,148 |
|
|
261
|
-
| `steps` | 95,780 | 30,944 | 25,280 | 6,264 | 1,
|
|
262
|
-
| `switch` | 40,014 | 12,131 | 10,692 | 1,595 |
|
|
263
|
-
| `table` | 97,920 | 32,135 | 26,233 | 10,158 | 2,
|
|
264
|
-
| `tabs` | 39,606 | 12,059 | 10,597 | 3,925 |
|
|
265
|
-
| `tag` | 86,950 | 28,406 | 23,212 | 895 |
|
|
266
|
-
| `textarea` | 42,553 | 12,725 | 11,182 | 3,996 | 1,
|
|
267
|
-
| `time-input` | 156,647 | 48,977 | 41,157 | 28,991 | 7,
|
|
268
|
-
| `time-picker` | 115,764 | 36,930 | 30,264 | 19,111 | 5,
|
|
269
|
-
| `timeline` | 87,399 | 28,392 | 23,278 | 1,809 |
|
|
270
|
-
| `toast` | 90,756 | 29,542 | 24,147 | 4,078 |
|
|
271
|
-
| `toggle` | 44,550 | 13,232 | 11,619 | 3,342 |
|
|
272
|
-
| `toolbar` | 33,596 | 10,655 | 9,386 | 2,624 |
|
|
273
|
-
| `tooltip` | 63,344 | 21,055 | 18,665 | 6,369 | 1,
|
|
274
|
-
| `tour` | 69,163 | 22,457 | 19,815 | 11,032 | 2,
|
|
275
|
-
| `tree` | 97,614 | 31,770 | 25,871 | 7,223 | 1,
|
|
276
|
-
| `trend` | 86,277 | 28,181 | 23,125 | 1,056 |
|
|
277
|
-
| `video` | 153,939 | 48,644 | 41,069 | 32,520 | 7,
|
|
278
|
-
| `video-playlist` | 133,212 | 43,431 | 36,399 | 14,940 | 3,
|
|
279
|
-
| `virtual-list` | 37,403 | 11,898 | 10,492 | 2,413 |
|
|
245
|
+
| `popover` | 59,206 | 19,968 | 17,647 | 1,899 | 514 | 258 |
|
|
246
|
+
| `progress` | 32,783 | 10,304 | 9,102 | 1,951 | 486 | 417 |
|
|
247
|
+
| `qr-code` | 43,432 | 14,343 | 12,661 | 12,983 | 4,713 | 4,005 |
|
|
248
|
+
| `quote` | 31,025 | 9,783 | 8,610 | 552 | 123 | -33 |
|
|
249
|
+
| `radio` | 42,515 | 12,625 | 11,119 | 2,822 | 738 | 470 |
|
|
250
|
+
| `rating` | 45,029 | 13,680 | 12,062 | 6,646 | 1,911 | 1,417 |
|
|
251
|
+
| `scatter-chart` | 77,503 | 25,634 | 22,597 | 11,346 | 3,408 | 2,724 |
|
|
252
|
+
| `scroll-area` | 33,268 | 10,471 | 9,200 | 2,743 | 769 | 503 |
|
|
253
|
+
| `select` | 137,496 | 44,380 | 37,170 | 16,119 | 4,114 | 3,174 |
|
|
254
|
+
| `skeleton` | 30,214 | 9,526 | 8,422 | 544 | 115 | 8 |
|
|
255
|
+
| `skip-link` | 31,804 | 10,088 | 8,868 | 1,178 | 351 | 253 |
|
|
256
|
+
| `slider` | 43,854 | 13,114 | 11,555 | 5,627 | 1,528 | 1,165 |
|
|
257
|
+
| `sparkline` | 37,927 | 12,212 | 10,794 | 2,387 | 775 | 541 |
|
|
258
|
+
| `speed-dial` | 117,231 | 39,380 | 33,083 | 3,743 | 959 | 615 |
|
|
259
|
+
| `splitter` | 41,307 | 12,532 | 11,098 | 10,282 | 2,623 | 2,180 |
|
|
260
|
+
| `stat` | 31,990 | 9,962 | 8,782 | 1,148 | 204 | 107 |
|
|
261
|
+
| `steps` | 95,780 | 30,944 | 25,280 | 6,264 | 1,523 | 1,141 |
|
|
262
|
+
| `switch` | 40,014 | 12,131 | 10,692 | 1,595 | 487 | 227 |
|
|
263
|
+
| `table` | 97,920 | 32,135 | 26,233 | 10,158 | 2,846 | 2,304 |
|
|
264
|
+
| `tabs` | 39,606 | 12,059 | 10,597 | 3,925 | 894 | 676 |
|
|
265
|
+
| `tag` | 86,950 | 28,406 | 23,212 | 895 | 195 | 72 |
|
|
266
|
+
| `textarea` | 42,553 | 12,725 | 11,182 | 3,996 | 1,093 | 740 |
|
|
267
|
+
| `time-input` | 156,647 | 48,977 | 41,157 | 28,991 | 7,123 | 5,713 |
|
|
268
|
+
| `time-picker` | 115,764 | 36,930 | 30,264 | 19,111 | 5,149 | 4,146 |
|
|
269
|
+
| `timeline` | 87,399 | 28,392 | 23,278 | 1,809 | 392 | 252 |
|
|
270
|
+
| `toast` | 90,756 | 29,542 | 24,147 | 4,078 | 982 | 746 |
|
|
271
|
+
| `toggle` | 44,550 | 13,232 | 11,619 | 3,342 | 854 | 642 |
|
|
272
|
+
| `toolbar` | 33,596 | 10,655 | 9,386 | 2,624 | 785 | 477 |
|
|
273
|
+
| `tooltip` | 63,344 | 21,055 | 18,665 | 6,369 | 1,771 | 1,287 |
|
|
274
|
+
| `tour` | 69,163 | 22,457 | 19,815 | 11,032 | 2,792 | 2,201 |
|
|
275
|
+
| `tree` | 97,614 | 31,770 | 25,871 | 7,223 | 1,970 | 1,421 |
|
|
276
|
+
| `trend` | 86,277 | 28,181 | 23,125 | 1,056 | 283 | 221 |
|
|
277
|
+
| `video` | 153,939 | 48,644 | 41,069 | 32,520 | 7,710 | 6,464 |
|
|
278
|
+
| `video-playlist` | 133,212 | 43,431 | 36,399 | 14,940 | 3,518 | 2,776 |
|
|
279
|
+
| `virtual-list` | 37,403 | 11,898 | 10,492 | 2,413 | 730 | 489 |
|
|
280
280
|
|
|
281
281
|
### Styled tier
|
|
282
282
|
|
|
@@ -284,109 +284,109 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
|
|
|
284
284
|
|
|
285
285
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
286
286
|
|---|---|---|---|---|---|---|
|
|
287
|
-
| `accordion` | 94,436 | 30,803 | 25,127 | 6,204 | 1,
|
|
288
|
-
| `announcement` | 93,072 | 30,238 | 24,620 | 5,932 | 1,
|
|
289
|
-
| `app-header` | 35,986 | 10,967 | 9,679 | 5,121 | 1,
|
|
290
|
-
| `area-chart` | 85,404 | 27,630 | 24,345 | 18,366 | 5,
|
|
291
|
-
| `aura` | 99,123 | 33,456 | 29,000 | 65,483 | 23,
|
|
292
|
-
| `avatar` | 37,731 | 11,417 | 10,082 | 6,833 | 1,
|
|
293
|
-
| `badge` | 34,736 | 10,707 | 9,390 | 4,250 | 1,
|
|
294
|
-
| `bar-chart` | 92,473 | 28,931 | 25,584 | 25,425 | 6,
|
|
295
|
-
| `blockquote` | 32,802 | 10,316 | 9,102 | 1,914 |
|
|
296
|
-
| `breadcrumbs` | 91,116 | 29,289 | 24,028 | 5,518 | 1,
|
|
297
|
-
| `button` | 42,399 | 12,383 | 10,883 | 9,257 | 1,
|
|
298
|
-
| `button-group` | 33,178 | 10,286 | 9,051 | 2,320 |
|
|
299
|
-
| `callout` | 88,671 | 28,886 | 23,724 | 2,899 |
|
|
300
|
-
| `canvas` |
|
|
301
|
-
| `card` | 34,769 | 10,747 | 9,440 | 3,915 |
|
|
302
|
-
| `carousel` | 107,741 | 33,201 | 27,421 | 21,719 | 4,
|
|
303
|
-
| `chat` | 124,448 | 38,804 | 31,903 | 31,590 | 7,
|
|
304
|
-
| `checkbox` | 47,291 | 13,667 | 12,018 | 9,258 | 2,
|
|
305
|
-
| `checkbox-group` | 46,071 | 13,511 | 11,924 | 7,519 | 1,
|
|
306
|
-
| `code` | 31,198 | 9,782 | 8,614 | 1,511 |
|
|
307
|
-
| `code-block` | 148,846 | 46,406 | 39,012 | 33,717 | 7,
|
|
308
|
-
| `color-input` | 184,053 | 52,711 | 44,636 | 59,352 | 11,
|
|
309
|
-
| `color-picker` | 144,795 | 41,492 | 34,391 | 47,560 | 9,
|
|
310
|
-
| `combobox` | 160,367 | 48,867 | 41,152 | 36,206 | 7,
|
|
311
|
-
| `command` | 125,961 | 38,317 | 31,460 | 28,778 | 6,
|
|
312
|
-
| `copy-button` | 136,998 | 43,682 | 36,710 | 21,871 | 4,
|
|
313
|
-
| `data-table` | 223,346 | 63,530 | 53,471 | 95,235 | 21,
|
|
314
|
-
| `date-input` | 159,553 | 48,720 | 41,099 | 35,177 | 7,
|
|
315
|
-
| `date-picker` | 104,346 | 33,365 | 27,288 | 15,499 | 3,
|
|
316
|
-
| `description-list` | 33,983 | 10,434 | 9,183 | 3,502 |
|
|
317
|
-
| `dialog` | 39,531 | 11,977 | 10,564 | 7,079 | 1,
|
|
318
|
-
| `divider` | 34,008 | 10,622 | 9,326 | 3,120 |
|
|
319
|
-
| `donut-chart` | 84,908 | 26,866 | 23,761 | 19,297 | 4,
|
|
320
|
-
| `drawer` | 38,170 | 11,601 | 10,221 | 6,007 | 1,502 | 1,
|
|
321
|
-
| `drilldown` | 100,292 | 32,433 | 26,411 | 10,393 | 2,
|
|
322
|
-
| `empty` | 33,539 | 10,599 | 9,295 | 2,380 |
|
|
323
|
-
| `file-input` | 110,420 | 34,454 | 28,252 | 17,594 | 4,
|
|
324
|
-
| `filter-input` | 184,147 | 53,490 | 45,111 | 56,328 | 11,
|
|
325
|
-
| `flex` | 32,559 | 10,138 | 8,909 | 2,078 |
|
|
326
|
-
| `format-date` | 35,763 | 11,219 | 9,943 | 3,497 |
|
|
327
|
-
| `grid` | 33,013 | 10,291 | 9,069 | 2,528 |
|
|
328
|
-
| `heatmap` | 83,821 | 26,607 | 23,580 | 17,648 | 4,
|
|
329
|
-
| `icon` | 86,943 | 28,331 | 23,193 | 1,707 |
|
|
330
|
-
| `icon-button` | 42,720 | 12,319 | 10,809 | 9,582 | 1,
|
|
331
|
-
| `image` | 35,377 | 10,931 | 9,621 | 4,840 | 1,
|
|
332
|
-
| `input` | 104,495 | 33,092 | 27,009 | 11,104 | 2,
|
|
333
|
-
| `kbd` | 34,868 | 11,148 | 9,814 | 4,373 | 1,
|
|
334
|
-
| `legend` | 40,324 | 12,300 | 10,784 | 5,790 | 1,
|
|
335
|
-
| `lightbox` | 42,903 | 12,984 | 11,411 | 7,805 | 2,
|
|
336
|
-
| `line-chart` | 87,370 | 27,730 | 24,433 | 20,419 | 5,
|
|
337
|
-
| `list` | 36,624 | 11,044 | 9,710 | 5,782 | 1,
|
|
338
|
-
| `listbox` | 111,438 | 35,400 | 28,883 | 15,743 | 4,
|
|
339
|
-
| `loader` | 34,908 | 10,789 | 9,500 | 4,051 | 1,
|
|
340
|
-
| `map` |
|
|
341
|
-
| `megamenu` | 66,881 | 21,799 | 19,289 | 9,805 | 2,
|
|
342
|
-
| `menu` | 133,249 | 43,442 | 36,482 | 16,362 | 3,
|
|
343
|
-
| `meter` | 40,330 | 12,019 | 10,617 | 9,479 | 2,
|
|
344
|
-
| `navigation` | 34,817 | 10,954 | 9,632 | 2,726 | 762 |
|
|
345
|
-
| `notifications` | 115,885 | 35,344 | 29,035 | 24,486 | 5,
|
|
346
|
-
| `number-input` | 105,938 | 33,653 | 27,525 | 12,539 | 3,
|
|
347
|
-
| `object-inspector` | 153,681 | 48,335 | 40,795 | 33,167 | 7,
|
|
348
|
-
| `option` | 37,026 | 11,371 | 10,028 | 6,176 | 1,
|
|
349
|
-
| `orb` | 41,755 | 13,764 | 12,150 | 8,623 | 3,
|
|
350
|
-
| `outline` | 40,600 | 12,532 | 11,084 | 8,351 | 2,
|
|
351
|
-
| `pagination` | 167,369 | 50,010 | 42,119 | 45,761 | 9,
|
|
352
|
-
| `pin-input` | 46,480 | 13,915 | 12,253 | 8,389 | 2,
|
|
353
|
-
| `popover` | 61,842 | 20,614 | 18,219 | 4,517 | 1,177 |
|
|
354
|
-
| `progress` | 37,812 | 11,474 | 10,153 | 6,962 | 1,
|
|
355
|
-
| `qr-code` | 45,095 | 14,767 | 13,013 | 14,629 | 5,
|
|
356
|
-
| `quote` | 31,680 | 9,948 | 8,744 | 1,191 |
|
|
357
|
-
| `radio` | 50,810 | 14,137 | 12,445 | 11,108 | 2,290 | 1,
|
|
358
|
-
| `rating` | 49,341 | 14,909 | 13,125 | 10,941 | 3,
|
|
359
|
-
| `sandbox` | 67,042 | 17,834 | 15,810 | 35,718 | 7,
|
|
360
|
-
| `scatter-chart` | 85,895 | 27,442 | 24,218 | 19,718 | 5,
|
|
361
|
-
| `scroll-area` | 36,416 | 11,121 | 9,800 | 5,874 | 1,
|
|
362
|
-
| `select` | 150,349 | 46,783 | 39,256 | 28,961 | 6,
|
|
363
|
-
| `skeleton` | 32,732 | 10,282 | 9,043 | 2,242 |
|
|
364
|
-
| `skip-link` | 33,267 | 10,490 | 9,214 | 2,624 |
|
|
365
|
-
| `slider` | 54,934 | 15,105 | 13,356 | 16,690 | 3,
|
|
366
|
-
| `sparkline` | 41,845 | 13,167 | 11,589 | 6,293 | 1,
|
|
367
|
-
| `speed-dial` | 124,863 | 40,921 | 34,349 | 11,356 | 2,
|
|
368
|
-
| `splitter` | 47,379 | 13,536 | 12,018 | 16,336 | 3,
|
|
369
|
-
| `stat` | 34,806 | 10,587 | 9,343 | 3,954 |
|
|
370
|
-
| `steps` | 109,398 | 33,417 | 27,455 | 19,871 | 3,
|
|
371
|
-
| `switch` | 44,380 | 13,204 | 11,592 | 5,946 | 1,
|
|
372
|
-
| `table` | 103,514 | 33,316 | 27,233 | 15,746 | 4,
|
|
373
|
-
| `tabs` | 45,842 | 13,332 | 11,742 | 10,154 | 2,
|
|
374
|
-
| `tag` | 90,153 | 29,299 | 23,951 | 4,083 | 1,
|
|
375
|
-
| `text` | 34,466 | 10,420 | 9,152 | 3,987 |
|
|
376
|
-
| `textarea` | 45,988 | 13,572 | 11,904 | 7,418 | 1,
|
|
377
|
-
| `time-input` | 178,137 | 52,550 | 44,375 | 50,463 | 10,
|
|
378
|
-
| `time-picker` | 127,492 | 39,117 | 32,144 | 30,827 | 7,
|
|
379
|
-
| `timeline` | 90,712 | 29,168 | 23,939 | 5,110 | 1,
|
|
380
|
-
| `toast` | 98,289 | 31,259 | 25,616 | 11,599 | 2,
|
|
381
|
-
| `toggle` | 49,745 | 14,441 | 12,721 | 8,525 | 2,
|
|
382
|
-
| `toolbar` | 34,888 | 10,956 | 9,633 | 3,899 | 1,
|
|
383
|
-
| `tooltip` | 66,422 | 21,810 | 19,328 | 9,429 | 2,
|
|
384
|
-
| `tour` | 78,714 | 24,058 | 21,313 | 20,565 | 4,
|
|
385
|
-
| `tree` | 103,464 | 33,185 | 27,081 | 13,069 | 3,
|
|
386
|
-
| `trend` | 89,496 | 28,957 | 23,734 | 4,271 |
|
|
387
|
-
| `video` | 173,357 | 52,118 | 44,196 | 51,918 | 11,
|
|
388
|
-
| `video-playlist` | 147,329 | 46,008 | 38,609 | 29,038 | 6,073 | 5,
|
|
389
|
-
| `virtual-list` | 38,195 | 12,105 | 10,634 | 3,187 |
|
|
287
|
+
| `accordion` | 94,436 | 30,803 | 25,127 | 6,204 | 1,538 | 1,245 |
|
|
288
|
+
| `announcement` | 93,072 | 30,238 | 24,620 | 5,932 | 1,412 | 1,216 |
|
|
289
|
+
| `app-header` | 35,986 | 10,967 | 9,679 | 5,121 | 1,228 | 1,029 |
|
|
290
|
+
| `area-chart` | 85,404 | 27,630 | 24,345 | 18,366 | 5,017 | 4,216 |
|
|
291
|
+
| `aura` | 99,123 | 33,456 | 29,000 | 65,483 | 23,038 | 19,595 |
|
|
292
|
+
| `avatar` | 37,731 | 11,417 | 10,082 | 6,833 | 1,657 | 1,274 |
|
|
293
|
+
| `badge` | 34,736 | 10,707 | 9,390 | 4,250 | 1,007 | 773 |
|
|
294
|
+
| `bar-chart` | 92,473 | 28,931 | 25,584 | 25,425 | 6,337 | 5,235 |
|
|
295
|
+
| `blockquote` | 32,802 | 10,316 | 9,102 | 1,914 | 475 | 286 |
|
|
296
|
+
| `breadcrumbs` | 91,116 | 29,289 | 24,028 | 5,518 | 1,253 | 976 |
|
|
297
|
+
| `button` | 42,399 | 12,383 | 10,883 | 9,257 | 1,944 | 1,577 |
|
|
298
|
+
| `button-group` | 33,178 | 10,286 | 9,051 | 2,320 | 534 | 361 |
|
|
299
|
+
| `callout` | 88,671 | 28,886 | 23,724 | 2,899 | 777 | 576 |
|
|
300
|
+
| `canvas` | 105,196 | 29,495 | 25,725 | 66,911 | 17,855 | 14,939 |
|
|
301
|
+
| `card` | 34,769 | 10,747 | 9,440 | 3,915 | 988 | 766 |
|
|
302
|
+
| `carousel` | 107,741 | 33,201 | 27,421 | 21,719 | 4,564 | 3,758 |
|
|
303
|
+
| `chat` | 124,448 | 38,804 | 31,903 | 31,590 | 7,666 | 6,460 |
|
|
304
|
+
| `checkbox` | 47,291 | 13,667 | 12,018 | 9,258 | 2,217 | 1,704 |
|
|
305
|
+
| `checkbox-group` | 46,071 | 13,511 | 11,924 | 7,519 | 1,958 | 1,420 |
|
|
306
|
+
| `code` | 31,198 | 9,782 | 8,614 | 1,511 | 384 | 241 |
|
|
307
|
+
| `code-block` | 148,846 | 46,406 | 39,012 | 33,717 | 7,284 | 6,083 |
|
|
308
|
+
| `color-input` | 184,053 | 52,711 | 44,636 | 59,352 | 11,281 | 9,596 |
|
|
309
|
+
| `color-picker` | 144,795 | 41,492 | 34,391 | 47,560 | 9,280 | 7,763 |
|
|
310
|
+
| `combobox` | 160,367 | 48,867 | 41,152 | 36,206 | 7,981 | 6,600 |
|
|
311
|
+
| `command` | 125,961 | 38,317 | 31,460 | 28,778 | 6,782 | 5,562 |
|
|
312
|
+
| `copy-button` | 136,998 | 43,682 | 36,710 | 21,871 | 4,683 | 3,870 |
|
|
313
|
+
| `data-table` | 223,346 | 63,530 | 53,471 | 95,235 | 21,417 | 17,340 |
|
|
314
|
+
| `date-input` | 159,553 | 48,720 | 41,099 | 35,177 | 7,901 | 6,555 |
|
|
315
|
+
| `date-picker` | 104,346 | 33,365 | 27,288 | 15,499 | 3,918 | 3,183 |
|
|
316
|
+
| `description-list` | 33,983 | 10,434 | 9,183 | 3,502 | 796 | 570 |
|
|
317
|
+
| `dialog` | 39,531 | 11,977 | 10,564 | 7,079 | 1,809 | 1,432 |
|
|
318
|
+
| `divider` | 34,008 | 10,622 | 9,326 | 3,120 | 768 | 602 |
|
|
319
|
+
| `donut-chart` | 84,908 | 26,866 | 23,761 | 19,297 | 4,959 | 4,115 |
|
|
320
|
+
| `drawer` | 38,170 | 11,601 | 10,221 | 6,007 | 1,502 | 1,226 |
|
|
321
|
+
| `drilldown` | 100,292 | 32,433 | 26,411 | 10,393 | 2,563 | 2,015 |
|
|
322
|
+
| `empty` | 33,539 | 10,599 | 9,295 | 2,380 | 694 | 571 |
|
|
323
|
+
| `file-input` | 110,420 | 34,454 | 28,252 | 17,594 | 4,036 | 3,419 |
|
|
324
|
+
| `filter-input` | 184,147 | 53,490 | 45,111 | 56,328 | 11,425 | 9,396 |
|
|
325
|
+
| `flex` | 32,559 | 10,138 | 8,909 | 2,078 | 461 | 299 |
|
|
326
|
+
| `format-date` | 35,763 | 11,219 | 9,943 | 3,497 | 889 | 565 |
|
|
327
|
+
| `grid` | 33,013 | 10,291 | 9,069 | 2,528 | 603 | 470 |
|
|
328
|
+
| `heatmap` | 83,821 | 26,607 | 23,580 | 17,648 | 4,481 | 3,588 |
|
|
329
|
+
| `icon` | 86,943 | 28,331 | 23,193 | 1,707 | 430 | 310 |
|
|
330
|
+
| `icon-button` | 42,720 | 12,319 | 10,809 | 9,582 | 1,867 | 1,414 |
|
|
331
|
+
| `image` | 35,377 | 10,931 | 9,621 | 4,840 | 1,308 | 918 |
|
|
332
|
+
| `input` | 104,495 | 33,092 | 27,009 | 11,104 | 2,704 | 2,180 |
|
|
333
|
+
| `kbd` | 34,868 | 11,148 | 9,814 | 4,373 | 1,424 | 1,021 |
|
|
334
|
+
| `legend` | 40,324 | 12,300 | 10,784 | 5,790 | 1,408 | 1,055 |
|
|
335
|
+
| `lightbox` | 42,903 | 12,984 | 11,411 | 7,805 | 2,010 | 1,617 |
|
|
336
|
+
| `line-chart` | 87,370 | 27,730 | 24,433 | 20,419 | 5,166 | 4,288 |
|
|
337
|
+
| `list` | 36,624 | 11,044 | 9,710 | 5,782 | 1,312 | 1,097 |
|
|
338
|
+
| `listbox` | 111,438 | 35,400 | 28,883 | 15,743 | 4,111 | 3,217 |
|
|
339
|
+
| `loader` | 34,908 | 10,789 | 9,500 | 4,051 | 1,005 | 747 |
|
|
340
|
+
| `map` | 160,886 | 43,420 | 36,165 | 66,396 | 12,722 | 10,575 |
|
|
341
|
+
| `megamenu` | 66,881 | 21,799 | 19,289 | 9,805 | 2,424 | 1,820 |
|
|
342
|
+
| `menu` | 133,249 | 43,442 | 36,482 | 16,362 | 3,839 | 3,185 |
|
|
343
|
+
| `meter` | 40,330 | 12,019 | 10,617 | 9,479 | 2,228 | 1,969 |
|
|
344
|
+
| `navigation` | 34,817 | 10,954 | 9,632 | 2,726 | 762 | 512 |
|
|
345
|
+
| `notifications` | 115,885 | 35,344 | 29,035 | 24,486 | 5,100 | 4,248 |
|
|
346
|
+
| `number-input` | 105,938 | 33,653 | 27,525 | 12,539 | 3,185 | 2,582 |
|
|
347
|
+
| `object-inspector` | 153,681 | 48,335 | 40,795 | 33,167 | 7,555 | 6,407 |
|
|
348
|
+
| `option` | 37,026 | 11,371 | 10,028 | 6,176 | 1,569 | 1,199 |
|
|
349
|
+
| `orb` | 41,755 | 13,764 | 12,150 | 8,623 | 3,237 | 2,783 |
|
|
350
|
+
| `outline` | 40,600 | 12,532 | 11,084 | 8,351 | 2,191 | 1,727 |
|
|
351
|
+
| `pagination` | 167,369 | 50,010 | 42,119 | 45,761 | 9,640 | 7,940 |
|
|
352
|
+
| `pin-input` | 46,480 | 13,915 | 12,253 | 8,389 | 2,382 | 1,915 |
|
|
353
|
+
| `popover` | 61,842 | 20,614 | 18,219 | 4,517 | 1,177 | 836 |
|
|
354
|
+
| `progress` | 37,812 | 11,474 | 10,153 | 6,962 | 1,670 | 1,366 |
|
|
355
|
+
| `qr-code` | 45,095 | 14,767 | 13,013 | 14,629 | 5,154 | 4,360 |
|
|
356
|
+
| `quote` | 31,680 | 9,948 | 8,744 | 1,191 | 286 | 39 |
|
|
357
|
+
| `radio` | 50,810 | 14,137 | 12,445 | 11,108 | 2,290 | 1,813 |
|
|
358
|
+
| `rating` | 49,341 | 14,909 | 13,125 | 10,941 | 3,133 | 2,542 |
|
|
359
|
+
| `sandbox` | 67,042 | 17,834 | 15,810 | 35,718 | 7,929 | 6,582 |
|
|
360
|
+
| `scatter-chart` | 85,895 | 27,442 | 24,218 | 19,718 | 5,245 | 4,278 |
|
|
361
|
+
| `scroll-area` | 36,416 | 11,121 | 9,800 | 5,874 | 1,442 | 1,033 |
|
|
362
|
+
| `select` | 150,349 | 46,783 | 39,256 | 28,961 | 6,548 | 5,308 |
|
|
363
|
+
| `skeleton` | 32,732 | 10,282 | 9,043 | 2,242 | 607 | 471 |
|
|
364
|
+
| `skip-link` | 33,267 | 10,490 | 9,214 | 2,624 | 747 | 526 |
|
|
365
|
+
| `slider` | 54,934 | 15,105 | 13,356 | 16,690 | 3,551 | 2,896 |
|
|
366
|
+
| `sparkline` | 41,845 | 13,167 | 11,589 | 6,293 | 1,767 | 1,410 |
|
|
367
|
+
| `speed-dial` | 124,863 | 40,921 | 34,349 | 11,356 | 2,402 | 1,892 |
|
|
368
|
+
| `splitter` | 47,379 | 13,536 | 12,018 | 16,336 | 3,665 | 3,051 |
|
|
369
|
+
| `stat` | 34,806 | 10,587 | 9,343 | 3,954 | 848 | 587 |
|
|
370
|
+
| `steps` | 109,398 | 33,417 | 27,455 | 19,871 | 3,947 | 3,250 |
|
|
371
|
+
| `switch` | 44,380 | 13,204 | 11,592 | 5,946 | 1,584 | 1,154 |
|
|
372
|
+
| `table` | 103,514 | 33,316 | 27,233 | 15,746 | 4,046 | 3,372 |
|
|
373
|
+
| `tabs` | 45,842 | 13,332 | 11,742 | 10,154 | 2,216 | 1,858 |
|
|
374
|
+
| `tag` | 90,153 | 29,299 | 23,951 | 4,083 | 1,022 | 899 |
|
|
375
|
+
| `text` | 34,466 | 10,420 | 9,152 | 3,987 | 836 | 547 |
|
|
376
|
+
| `textarea` | 45,988 | 13,572 | 11,904 | 7,418 | 1,963 | 1,411 |
|
|
377
|
+
| `time-input` | 178,137 | 52,550 | 44,375 | 50,463 | 10,758 | 8,994 |
|
|
378
|
+
| `time-picker` | 127,492 | 39,117 | 32,144 | 30,827 | 7,364 | 6,110 |
|
|
379
|
+
| `timeline` | 90,712 | 29,168 | 23,939 | 5,110 | 1,147 | 906 |
|
|
380
|
+
| `toast` | 98,289 | 31,259 | 25,616 | 11,599 | 2,623 | 2,136 |
|
|
381
|
+
| `toggle` | 49,745 | 14,441 | 12,721 | 8,525 | 2,103 | 1,617 |
|
|
382
|
+
| `toolbar` | 34,888 | 10,956 | 9,633 | 3,899 | 1,088 | 803 |
|
|
383
|
+
| `tooltip` | 66,422 | 21,810 | 19,328 | 9,429 | 2,502 | 1,983 |
|
|
384
|
+
| `tour` | 78,714 | 24,058 | 21,313 | 20,565 | 4,450 | 3,647 |
|
|
385
|
+
| `tree` | 103,464 | 33,185 | 27,081 | 13,069 | 3,363 | 2,705 |
|
|
386
|
+
| `trend` | 89,496 | 28,957 | 23,734 | 4,271 | 993 | 748 |
|
|
387
|
+
| `video` | 173,357 | 52,118 | 44,196 | 51,918 | 11,242 | 9,533 |
|
|
388
|
+
| `video-playlist` | 147,329 | 46,008 | 38,609 | 29,038 | 6,073 | 5,070 |
|
|
389
|
+
| `virtual-list` | 38,195 | 12,105 | 10,634 | 3,187 | 945 | 646 |
|
|
390
390
|
|
|
391
391
|
## What an install adds to `node_modules`
|
|
392
392
|
|
|
@@ -398,12 +398,12 @@ stripped column shows the bytes we removed.
|
|
|
398
398
|
|
|
399
399
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
400
400
|
|---|---|---|---|---|
|
|
401
|
-
| `@fusion.dev/helix-core` | 1,
|
|
402
|
-
| `@fusion.dev/helix-headless` | 13,
|
|
401
|
+
| `@fusion.dev/helix-core` | 1,138,771 | 167 | 253,062 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
402
|
+
| `@fusion.dev/helix-headless` | 13,151,140 | 504 | 1,046,256 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
403
403
|
| `@fusion.dev/helix-icons` | 150,162 | 21 | 50,346 | `svgo` |
|
|
404
404
|
| `@fusion.dev/helix-styles` | 102,108 | 6 | 0 | none |
|
|
405
405
|
| `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
|
|
406
|
-
| `@fusion.dev/helix` | 14,
|
|
406
|
+
| `@fusion.dev/helix` | 14,276,148 | 870 | 370,884 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
407
407
|
|
|
408
408
|
## Not measured yet
|
|
409
409
|
|
|
@@ -2816,7 +2816,7 @@ on its own.
|
|
|
2816
2816
|
|
|
2817
2817
|
| | Raw | Gzip | Brotli |
|
|
2818
2818
|
|---|---|---|---|
|
|
2819
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
2819
|
+
| Lit and \`@fusion.dev/helix-core\` | 177,180 | 57,022 | 48,432 |
|
|
2820
2820
|
|
|
2821
2821
|
## Whole packages
|
|
2822
2822
|
|
|
@@ -2827,11 +2827,11 @@ either barrel. The per-component tables show what your page pays.
|
|
|
2827
2827
|
|
|
2828
2828
|
| Package | Raw | Gzip | Brotli | |
|
|
2829
2829
|
|---|---|---|---|---|
|
|
2830
|
-
| \`@fusion.dev/helix-core\` |
|
|
2831
|
-
| \`@fusion.dev/helix-headless\` |
|
|
2830
|
+
| \`@fusion.dev/helix-core\` | 176,734 | 56,607 | 48,133 | The element base class, mixins, decorators, and floating positioning. |
|
|
2831
|
+
| \`@fusion.dev/helix-headless\` | 723,896 | 187,530 | 145,743 | Every headless family. The barrel entry includes all of them. |
|
|
2832
2832
|
| \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
2833
2833
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
2834
|
-
| \`@fusion.dev/helix\` | 1,
|
|
2834
|
+
| \`@fusion.dev/helix\` | 1,254,396 | 293,690 | 215,284 | Every styled family. |
|
|
2835
2835
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
2836
2836
|
|
|
2837
2837
|
## Stylesheets
|
|
@@ -2852,11 +2852,11 @@ shows the whole cost of using the base layer on its own.
|
|
|
2852
2852
|
|
|
2853
2853
|
## What the numbers say
|
|
2854
2854
|
|
|
2855
|
-
**Most of your first component is the shared runtime.** The median styled family is 20,614 bytes gzipped alone, and it adds 2,
|
|
2855
|
+
**Most of your first component is the shared runtime.** The median styled family is 20,614 bytes gzipped alone, and it adds 2,228 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
2856
2856
|
|
|
2857
|
-
Across the 103 styled components, the smallest is \`code\` at 9,782 bytes gzipped alone, and the largest is \`data-table\` at 63,530. Every family together is 293,
|
|
2857
|
+
Across the 103 styled components, the smallest is \`code\` at 9,782 bytes gzipped alone, and the largest is \`data-table\` at 63,530. Every family together is 293,690.
|
|
2858
2858
|
|
|
2859
|
-
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 187,
|
|
2859
|
+
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 187,530 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 103 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
|
|
2860
2860
|
|
|
2861
2861
|
The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 21,055 bytes gzipped alone.
|
|
2862
2862
|
|
|
@@ -2950,103 +2950,103 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
2950
2950
|
|
|
2951
2951
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2952
2952
|
|---|---|---|---|---|---|---|
|
|
2953
|
-
| \`accordion\` | 91,094 | 29,961 | 24,447 | 2,875 |
|
|
2954
|
-
| \`announcement\` | 88,510 | 29,143 | 23,730 | 1,386 |
|
|
2955
|
-
| \`app-header\` | 32,096 | 10,066 | 8,865 | 1,248 |
|
|
2956
|
-
| \`area-chart\` | 78,018 | 26,017 | 22,902 | 11,004 | 3,
|
|
2957
|
-
| \`avatar\` | 34,145 | 10,660 | 9,402 | 3,257 |
|
|
2958
|
-
| \`badge\` | 31,632 | 10,004 | 8,783 | 1,163 | 302 |
|
|
2959
|
-
| \`bar-chart\` | 79,669 | 26,387 | 23,299 | 12,644 | 3,
|
|
2960
|
-
| \`blockquote\` | 31,646 | 10,021 | 8,813 | 774 |
|
|
2961
|
-
| \`breadcrumbs\` | 87,550 | 28,471 | 23,352 | 1,965 |
|
|
2962
|
-
| \`button\` | 36,306 | 11,274 | 9,890 | 3,182 |
|
|
2963
|
-
| \`button-group\` | 31,502 | 9,910 | 8,724 | 661 |
|
|
2964
|
-
| \`callout\` | 86,670 | 28,326 | 23,244 | 914 | 249 |
|
|
2965
|
-
| \`canvas\` | 85,
|
|
2966
|
-
| \`card\` | 31,536 | 9,922 | 8,751 | 694 |
|
|
2967
|
-
| \`carousel\` | 96,953 | 31,454 | 25,821 | 10,942 | 2,
|
|
2968
|
-
| \`chat\` | 110,291 | 36,288 | 29,738 | 17,447 | 5,
|
|
2969
|
-
| \`checkbox\` | 40,665 | 12,217 | 10,748 | 2,648 |
|
|
2970
|
-
| \`checkbox-group\` | 43,790 | 12,913 | 11,404 | 5,252 | 1,377 |
|
|
2971
|
-
| \`code\` | 30,121 | 9,492 | 8,354 | 451 |
|
|
2972
|
-
| \`code-block\` | 132,396 | 43,517 | 36,663 | 17,288 | 4,
|
|
2973
|
-
| \`color-input\` | 150,372 | 47,562 | 40,105 | 25,691 | 6,
|
|
2974
|
-
| \`color-picker\` | 116,817 | 36,949 | 30,412 | 19,588 | 4,
|
|
2975
|
-
| \`combobox\` | 145,259 | 46,246 | 38,773 | 21,121 | 5,
|
|
2976
|
-
| \`command\` | 115,209 | 36,227 | 29,623 | 18,040 | 4,
|
|
2977
|
-
| \`copy-button\` | 126,994 | 41,877 | 35,144 | 11,883 | 2,
|
|
2978
|
-
| \`data-table\` | 185,060 | 56,577 | 47,888 | 57,216 | 14,
|
|
2979
|
-
| \`date-input\` | 143,542 | 45,764 | 38,460 | 19,177 | 4,
|
|
2980
|
-
| \`date-picker\` | 98,729 | 32,189 | 26,267 | 9,900 | 2,
|
|
2981
|
-
| \`description-list\` | 31,605 | 9,858 | 8,685 | 1,132 |
|
|
2982
|
-
| \`dialog\` | 35,154 | 10,963 | 9,662 | 2,717 |
|
|
2983
|
-
| \`divider\` | 31,852 | 10,099 | 8,872 | 981 |
|
|
2984
|
-
| \`donut-chart\` | 75,801 | 24,975 | 22,109 | 10,214 | 2,
|
|
2985
|
-
| \`drawer\` | 33,907 | 10,598 | 9,310 | 1,761 |
|
|
2986
|
-
| \`drilldown\` | 95,595 | 31,343 | 25,518 | 5,704 | 1,
|
|
2987
|
-
| \`empty\` | 32,099 | 10,157 | 8,916 | 956 |
|
|
2988
|
-
| \`file-input\` | 99,042 | 32,169 | 26,217 | 6,215 | 1,
|
|
2989
|
-
| \`filter-input\` | 155,836 | 48,962 | 41,306 | 28,023 | 6,
|
|
2990
|
-
| \`format-date\` | 35,115 | 11,078 | 9,788 | 2,867 |
|
|
2991
|
-
| \`heatmap\` | 77,023 | 25,205 | 22,244 | 10,872 | 3,
|
|
2992
|
-
| \`icon\` | 86,237 | 28,154 | 23,061 | 1,018 |
|
|
2993
|
-
| \`icon-button\` | 36,705 | 11,303 | 9,931 | 3,581 |
|
|
2994
|
-
| \`image\` | 33,675 | 10,457 | 9,201 | 3,156 |
|
|
2995
|
-
| \`input\` | 98,130 | 31,654 | 25,857 | 4,745 | 1,
|
|
2996
|
-
| \`kbd\` | 33,456 | 10,687 | 9,426 | 2,976 |
|
|
2997
|
-
| \`legend\` | 35,508 | 11,188 | 9,838 | 1,080 |
|
|
2998
|
-
| \`lightbox\` | 39,890 | 12,222 | 10,744 | 4,807 | 1,
|
|
2999
|
-
| \`line-chart\` | 77,599 | 25,717 | 22,776 | 10,667 | 3,
|
|
3000
|
-
| \`list\` | 32,558 | 10,095 | 8,878 | 1,726 |
|
|
3001
|
-
| \`listbox\` | 106,921 | 34,351 | 27,982 | 11,237 | 3,
|
|
3002
|
-
| \`loader\` | 31,742 | 10,028 | 8,830 | 900 |
|
|
3003
|
-
| \`map\` |
|
|
3004
|
-
| \`megamenu\` | 62,000 | 20,731 | 18,301 | 4,941 | 1,355 |
|
|
3005
|
-
| \`menu\` | 125,722 | 41,801 | 35,026 | 8,855 | 2,
|
|
3006
|
-
| \`meter\` | 34,932 | 10,876 | 9,580 | 4,099 | 1,
|
|
3007
|
-
| \`navigation\` | 33,436 | 10,558 | 9,284 | 1,361 |
|
|
3008
|
-
| \`notifications\` | 102,774 | 32,915 | 26,800 | 11,383 | 2,
|
|
3009
|
-
| \`number-input\` | 101,058 | 32,464 | 26,540 | 7,670 | 2,
|
|
3010
|
-
| \`object-inspector\` | 140,044 | 46,104 | 38,777 | 19,550 | 5,
|
|
3011
|
-
| \`option\` | 33,772 | 10,461 | 9,217 | 2,933 | 670 |
|
|
3012
|
-
| \`outline\` | 36,860 | 11,745 | 10,369 | 4,628 | 1,
|
|
3013
|
-
| \`pagination\` | 149,386 | 46,962 | 39,424 | 27,796 | 6,
|
|
2953
|
+
| \`accordion\` | 91,094 | 29,961 | 24,447 | 2,875 | 747 | 530 |
|
|
2954
|
+
| \`announcement\` | 88,510 | 29,143 | 23,730 | 1,386 | 364 | 278 |
|
|
2955
|
+
| \`app-header\` | 32,096 | 10,066 | 8,865 | 1,248 | 306 | 149 |
|
|
2956
|
+
| \`area-chart\` | 78,018 | 26,017 | 22,902 | 11,004 | 3,379 | 2,691 |
|
|
2957
|
+
| \`avatar\` | 34,145 | 10,660 | 9,402 | 3,257 | 887 | 650 |
|
|
2958
|
+
| \`badge\` | 31,632 | 10,004 | 8,783 | 1,163 | 302 | 195 |
|
|
2959
|
+
| \`bar-chart\` | 79,669 | 26,387 | 23,299 | 12,644 | 3,744 | 3,038 |
|
|
2960
|
+
| \`blockquote\` | 31,646 | 10,021 | 8,813 | 774 | 183 | 72 |
|
|
2961
|
+
| \`breadcrumbs\` | 87,550 | 28,471 | 23,352 | 1,965 | 458 | 421 |
|
|
2962
|
+
| \`button\` | 36,306 | 11,274 | 9,890 | 3,182 | 825 | 538 |
|
|
2963
|
+
| \`button-group\` | 31,502 | 9,910 | 8,724 | 661 | 142 | 33 |
|
|
2964
|
+
| \`callout\` | 86,670 | 28,326 | 23,244 | 914 | 249 | 157 |
|
|
2965
|
+
| \`canvas\` | 85,895 | 25,975 | 22,745 | 47,621 | 14,239 | 12,064 |
|
|
2966
|
+
| \`card\` | 31,536 | 9,922 | 8,751 | 694 | 145 | 11 |
|
|
2967
|
+
| \`carousel\` | 96,953 | 31,454 | 25,821 | 10,942 | 2,801 | 2,241 |
|
|
2968
|
+
| \`chat\` | 110,291 | 36,288 | 29,738 | 17,447 | 5,141 | 4,167 |
|
|
2969
|
+
| \`checkbox\` | 40,665 | 12,217 | 10,748 | 2,648 | 764 | 410 |
|
|
2970
|
+
| \`checkbox-group\` | 43,790 | 12,913 | 11,404 | 5,252 | 1,377 | 880 |
|
|
2971
|
+
| \`code\` | 30,121 | 9,492 | 8,354 | 451 | 81 | -19 |
|
|
2972
|
+
| \`code-block\` | 132,396 | 43,517 | 36,663 | 17,288 | 4,548 | 3,801 |
|
|
2973
|
+
| \`color-input\` | 150,372 | 47,562 | 40,105 | 25,691 | 6,020 | 5,066 |
|
|
2974
|
+
| \`color-picker\` | 116,817 | 36,949 | 30,412 | 19,588 | 4,693 | 3,893 |
|
|
2975
|
+
| \`combobox\` | 145,259 | 46,246 | 38,773 | 21,121 | 5,280 | 4,168 |
|
|
2976
|
+
| \`command\` | 115,209 | 36,227 | 29,623 | 18,040 | 4,644 | 3,786 |
|
|
2977
|
+
| \`copy-button\` | 126,994 | 41,877 | 35,144 | 11,883 | 2,951 | 2,331 |
|
|
2978
|
+
| \`data-table\` | 185,060 | 56,577 | 47,888 | 57,216 | 14,502 | 11,958 |
|
|
2979
|
+
| \`date-input\` | 143,542 | 45,764 | 38,460 | 19,177 | 4,875 | 4,031 |
|
|
2980
|
+
| \`date-picker\` | 98,729 | 32,189 | 26,267 | 9,900 | 2,752 | 2,141 |
|
|
2981
|
+
| \`description-list\` | 31,605 | 9,858 | 8,685 | 1,132 | 196 | 90 |
|
|
2982
|
+
| \`dialog\` | 35,154 | 10,963 | 9,662 | 2,717 | 796 | 542 |
|
|
2983
|
+
| \`divider\` | 31,852 | 10,099 | 8,872 | 981 | 244 | 86 |
|
|
2984
|
+
| \`donut-chart\` | 75,801 | 24,975 | 22,109 | 10,214 | 2,996 | 2,369 |
|
|
2985
|
+
| \`drawer\` | 33,907 | 10,598 | 9,310 | 1,761 | 477 | 273 |
|
|
2986
|
+
| \`drilldown\` | 95,595 | 31,343 | 25,518 | 5,704 | 1,523 | 1,120 |
|
|
2987
|
+
| \`empty\` | 32,099 | 10,157 | 8,916 | 956 | 243 | 91 |
|
|
2988
|
+
| \`file-input\` | 99,042 | 32,169 | 26,217 | 6,215 | 1,802 | 1,356 |
|
|
2989
|
+
| \`filter-input\` | 155,836 | 48,962 | 41,306 | 28,023 | 6,823 | 5,485 |
|
|
2990
|
+
| \`format-date\` | 35,115 | 11,078 | 9,788 | 2,867 | 717 | 487 |
|
|
2991
|
+
| \`heatmap\` | 77,023 | 25,205 | 22,244 | 10,872 | 3,020 | 2,358 |
|
|
2992
|
+
| \`icon\` | 86,237 | 28,154 | 23,061 | 1,018 | 251 | 72 |
|
|
2993
|
+
| \`icon-button\` | 36,705 | 11,303 | 9,931 | 3,581 | 864 | 545 |
|
|
2994
|
+
| \`image\` | 33,675 | 10,457 | 9,201 | 3,156 | 826 | 571 |
|
|
2995
|
+
| \`input\` | 98,130 | 31,654 | 25,857 | 4,745 | 1,315 | 875 |
|
|
2996
|
+
| \`kbd\` | 33,456 | 10,687 | 9,426 | 2,976 | 976 | 628 |
|
|
2997
|
+
| \`legend\` | 35,508 | 11,188 | 9,838 | 1,080 | 280 | 76 |
|
|
2998
|
+
| \`lightbox\` | 39,890 | 12,222 | 10,744 | 4,807 | 1,270 | 951 |
|
|
2999
|
+
| \`line-chart\` | 77,599 | 25,717 | 22,776 | 10,667 | 3,094 | 2,573 |
|
|
3000
|
+
| \`list\` | 32,558 | 10,095 | 8,878 | 1,726 | 361 | 191 |
|
|
3001
|
+
| \`listbox\` | 106,921 | 34,351 | 27,982 | 11,237 | 3,077 | 2,374 |
|
|
3002
|
+
| \`loader\` | 31,742 | 10,028 | 8,830 | 900 | 239 | 101 |
|
|
3003
|
+
| \`map\` | 126,871 | 38,328 | 31,798 | 32,397 | 7,530 | 6,108 |
|
|
3004
|
+
| \`megamenu\` | 62,000 | 20,731 | 18,301 | 4,941 | 1,355 | 900 |
|
|
3005
|
+
| \`menu\` | 125,722 | 41,801 | 35,026 | 8,855 | 2,247 | 1,705 |
|
|
3006
|
+
| \`meter\` | 34,932 | 10,876 | 9,580 | 4,099 | 1,064 | 824 |
|
|
3007
|
+
| \`navigation\` | 33,436 | 10,558 | 9,284 | 1,361 | 341 | 136 |
|
|
3008
|
+
| \`notifications\` | 102,774 | 32,915 | 26,800 | 11,383 | 2,681 | 2,108 |
|
|
3009
|
+
| \`number-input\` | 101,058 | 32,464 | 26,540 | 7,670 | 2,027 | 1,460 |
|
|
3010
|
+
| \`object-inspector\` | 140,044 | 46,104 | 38,777 | 19,550 | 5,216 | 4,290 |
|
|
3011
|
+
| \`option\` | 33,772 | 10,461 | 9,217 | 2,933 | 670 | 400 |
|
|
3012
|
+
| \`outline\` | 36,860 | 11,745 | 10,369 | 4,628 | 1,386 | 991 |
|
|
3013
|
+
| \`pagination\` | 149,386 | 46,962 | 39,424 | 27,796 | 6,552 | 5,311 |
|
|
3014
3014
|
| \`pin-input\` | 43,315 | 13,099 | 11,522 | 5,241 | 1,562 | 1,171 |
|
|
3015
|
-
| \`popover\` | 59,206 | 19,968 | 17,647 | 1,899 |
|
|
3016
|
-
| \`progress\` | 32,783 | 10,304 | 9,102 | 1,951 |
|
|
3017
|
-
| \`qr-code\` | 43,432 | 14,343 | 12,661 | 12,983 | 4,
|
|
3018
|
-
| \`quote\` | 31,025 | 9,783 | 8,610 | 552 |
|
|
3019
|
-
| \`radio\` | 42,515 | 12,625 | 11,119 | 2,822 |
|
|
3020
|
-
| \`rating\` | 45,029 | 13,680 | 12,062 | 6,646 | 1,
|
|
3021
|
-
| \`scatter-chart\` | 77,503 | 25,634 | 22,597 | 11,346 | 3,
|
|
3022
|
-
| \`scroll-area\` | 33,268 | 10,471 | 9,200 | 2,743 |
|
|
3023
|
-
| \`select\` | 137,496 | 44,380 | 37,170 | 16,119 | 4,
|
|
3024
|
-
| \`skeleton\` | 30,214 | 9,526 | 8,422 | 544 |
|
|
3025
|
-
| \`skip-link\` | 31,804 | 10,088 | 8,868 | 1,178 |
|
|
3026
|
-
| \`slider\` | 43,854 | 13,114 | 11,555 | 5,627 | 1,
|
|
3027
|
-
| \`sparkline\` | 37,927 | 12,212 | 10,794 | 2,387 |
|
|
3028
|
-
| \`speed-dial\` | 117,231 | 39,380 | 33,083 | 3,743 |
|
|
3029
|
-
| \`splitter\` | 41,307 | 12,532 | 11,098 | 10,282 | 2,
|
|
3030
|
-
| \`stat\` | 31,990 | 9,962 | 8,782 | 1,148 |
|
|
3031
|
-
| \`steps\` | 95,780 | 30,944 | 25,280 | 6,264 | 1,
|
|
3032
|
-
| \`switch\` | 40,014 | 12,131 | 10,692 | 1,595 |
|
|
3033
|
-
| \`table\` | 97,920 | 32,135 | 26,233 | 10,158 | 2,
|
|
3034
|
-
| \`tabs\` | 39,606 | 12,059 | 10,597 | 3,925 |
|
|
3035
|
-
| \`tag\` | 86,950 | 28,406 | 23,212 | 895 |
|
|
3036
|
-
| \`textarea\` | 42,553 | 12,725 | 11,182 | 3,996 | 1,
|
|
3037
|
-
| \`time-input\` | 156,647 | 48,977 | 41,157 | 28,991 | 7,
|
|
3038
|
-
| \`time-picker\` | 115,764 | 36,930 | 30,264 | 19,111 | 5,
|
|
3039
|
-
| \`timeline\` | 87,399 | 28,392 | 23,278 | 1,809 |
|
|
3040
|
-
| \`toast\` | 90,756 | 29,542 | 24,147 | 4,078 |
|
|
3041
|
-
| \`toggle\` | 44,550 | 13,232 | 11,619 | 3,342 |
|
|
3042
|
-
| \`toolbar\` | 33,596 | 10,655 | 9,386 | 2,624 |
|
|
3043
|
-
| \`tooltip\` | 63,344 | 21,055 | 18,665 | 6,369 | 1,
|
|
3044
|
-
| \`tour\` | 69,163 | 22,457 | 19,815 | 11,032 | 2,
|
|
3045
|
-
| \`tree\` | 97,614 | 31,770 | 25,871 | 7,223 | 1,
|
|
3046
|
-
| \`trend\` | 86,277 | 28,181 | 23,125 | 1,056 |
|
|
3047
|
-
| \`video\` | 153,939 | 48,644 | 41,069 | 32,520 | 7,
|
|
3048
|
-
| \`video-playlist\` | 133,212 | 43,431 | 36,399 | 14,940 | 3,
|
|
3049
|
-
| \`virtual-list\` | 37,403 | 11,898 | 10,492 | 2,413 |
|
|
3015
|
+
| \`popover\` | 59,206 | 19,968 | 17,647 | 1,899 | 514 | 258 |
|
|
3016
|
+
| \`progress\` | 32,783 | 10,304 | 9,102 | 1,951 | 486 | 417 |
|
|
3017
|
+
| \`qr-code\` | 43,432 | 14,343 | 12,661 | 12,983 | 4,713 | 4,005 |
|
|
3018
|
+
| \`quote\` | 31,025 | 9,783 | 8,610 | 552 | 123 | -33 |
|
|
3019
|
+
| \`radio\` | 42,515 | 12,625 | 11,119 | 2,822 | 738 | 470 |
|
|
3020
|
+
| \`rating\` | 45,029 | 13,680 | 12,062 | 6,646 | 1,911 | 1,417 |
|
|
3021
|
+
| \`scatter-chart\` | 77,503 | 25,634 | 22,597 | 11,346 | 3,408 | 2,724 |
|
|
3022
|
+
| \`scroll-area\` | 33,268 | 10,471 | 9,200 | 2,743 | 769 | 503 |
|
|
3023
|
+
| \`select\` | 137,496 | 44,380 | 37,170 | 16,119 | 4,114 | 3,174 |
|
|
3024
|
+
| \`skeleton\` | 30,214 | 9,526 | 8,422 | 544 | 115 | 8 |
|
|
3025
|
+
| \`skip-link\` | 31,804 | 10,088 | 8,868 | 1,178 | 351 | 253 |
|
|
3026
|
+
| \`slider\` | 43,854 | 13,114 | 11,555 | 5,627 | 1,528 | 1,165 |
|
|
3027
|
+
| \`sparkline\` | 37,927 | 12,212 | 10,794 | 2,387 | 775 | 541 |
|
|
3028
|
+
| \`speed-dial\` | 117,231 | 39,380 | 33,083 | 3,743 | 959 | 615 |
|
|
3029
|
+
| \`splitter\` | 41,307 | 12,532 | 11,098 | 10,282 | 2,623 | 2,180 |
|
|
3030
|
+
| \`stat\` | 31,990 | 9,962 | 8,782 | 1,148 | 204 | 107 |
|
|
3031
|
+
| \`steps\` | 95,780 | 30,944 | 25,280 | 6,264 | 1,523 | 1,141 |
|
|
3032
|
+
| \`switch\` | 40,014 | 12,131 | 10,692 | 1,595 | 487 | 227 |
|
|
3033
|
+
| \`table\` | 97,920 | 32,135 | 26,233 | 10,158 | 2,846 | 2,304 |
|
|
3034
|
+
| \`tabs\` | 39,606 | 12,059 | 10,597 | 3,925 | 894 | 676 |
|
|
3035
|
+
| \`tag\` | 86,950 | 28,406 | 23,212 | 895 | 195 | 72 |
|
|
3036
|
+
| \`textarea\` | 42,553 | 12,725 | 11,182 | 3,996 | 1,093 | 740 |
|
|
3037
|
+
| \`time-input\` | 156,647 | 48,977 | 41,157 | 28,991 | 7,123 | 5,713 |
|
|
3038
|
+
| \`time-picker\` | 115,764 | 36,930 | 30,264 | 19,111 | 5,149 | 4,146 |
|
|
3039
|
+
| \`timeline\` | 87,399 | 28,392 | 23,278 | 1,809 | 392 | 252 |
|
|
3040
|
+
| \`toast\` | 90,756 | 29,542 | 24,147 | 4,078 | 982 | 746 |
|
|
3041
|
+
| \`toggle\` | 44,550 | 13,232 | 11,619 | 3,342 | 854 | 642 |
|
|
3042
|
+
| \`toolbar\` | 33,596 | 10,655 | 9,386 | 2,624 | 785 | 477 |
|
|
3043
|
+
| \`tooltip\` | 63,344 | 21,055 | 18,665 | 6,369 | 1,771 | 1,287 |
|
|
3044
|
+
| \`tour\` | 69,163 | 22,457 | 19,815 | 11,032 | 2,792 | 2,201 |
|
|
3045
|
+
| \`tree\` | 97,614 | 31,770 | 25,871 | 7,223 | 1,970 | 1,421 |
|
|
3046
|
+
| \`trend\` | 86,277 | 28,181 | 23,125 | 1,056 | 283 | 221 |
|
|
3047
|
+
| \`video\` | 153,939 | 48,644 | 41,069 | 32,520 | 7,710 | 6,464 |
|
|
3048
|
+
| \`video-playlist\` | 133,212 | 43,431 | 36,399 | 14,940 | 3,518 | 2,776 |
|
|
3049
|
+
| \`virtual-list\` | 37,403 | 11,898 | 10,492 | 2,413 | 730 | 489 |
|
|
3050
3050
|
|
|
3051
3051
|
### Styled tier
|
|
3052
3052
|
|
|
@@ -3054,109 +3054,109 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
3054
3054
|
|
|
3055
3055
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3056
3056
|
|---|---|---|---|---|---|---|
|
|
3057
|
-
| \`accordion\` | 94,436 | 30,803 | 25,127 | 6,204 | 1,
|
|
3058
|
-
| \`announcement\` | 93,072 | 30,238 | 24,620 | 5,932 | 1,
|
|
3059
|
-
| \`app-header\` | 35,986 | 10,967 | 9,679 | 5,121 | 1,
|
|
3060
|
-
| \`area-chart\` | 85,404 | 27,630 | 24,345 | 18,366 | 5,
|
|
3061
|
-
| \`aura\` | 99,123 | 33,456 | 29,000 | 65,483 | 23,
|
|
3062
|
-
| \`avatar\` | 37,731 | 11,417 | 10,082 | 6,833 | 1,
|
|
3063
|
-
| \`badge\` | 34,736 | 10,707 | 9,390 | 4,250 | 1,
|
|
3064
|
-
| \`bar-chart\` | 92,473 | 28,931 | 25,584 | 25,425 | 6,
|
|
3065
|
-
| \`blockquote\` | 32,802 | 10,316 | 9,102 | 1,914 |
|
|
3066
|
-
| \`breadcrumbs\` | 91,116 | 29,289 | 24,028 | 5,518 | 1,
|
|
3067
|
-
| \`button\` | 42,399 | 12,383 | 10,883 | 9,257 | 1,
|
|
3068
|
-
| \`button-group\` | 33,178 | 10,286 | 9,051 | 2,320 |
|
|
3069
|
-
| \`callout\` | 88,671 | 28,886 | 23,724 | 2,899 |
|
|
3070
|
-
| \`canvas\` |
|
|
3071
|
-
| \`card\` | 34,769 | 10,747 | 9,440 | 3,915 |
|
|
3072
|
-
| \`carousel\` | 107,741 | 33,201 | 27,421 | 21,719 | 4,
|
|
3073
|
-
| \`chat\` | 124,448 | 38,804 | 31,903 | 31,590 | 7,
|
|
3074
|
-
| \`checkbox\` | 47,291 | 13,667 | 12,018 | 9,258 | 2,
|
|
3075
|
-
| \`checkbox-group\` | 46,071 | 13,511 | 11,924 | 7,519 | 1,
|
|
3076
|
-
| \`code\` | 31,198 | 9,782 | 8,614 | 1,511 |
|
|
3077
|
-
| \`code-block\` | 148,846 | 46,406 | 39,012 | 33,717 | 7,
|
|
3078
|
-
| \`color-input\` | 184,053 | 52,711 | 44,636 | 59,352 | 11,
|
|
3079
|
-
| \`color-picker\` | 144,795 | 41,492 | 34,391 | 47,560 | 9,
|
|
3080
|
-
| \`combobox\` | 160,367 | 48,867 | 41,152 | 36,206 | 7,
|
|
3081
|
-
| \`command\` | 125,961 | 38,317 | 31,460 | 28,778 | 6,
|
|
3082
|
-
| \`copy-button\` | 136,998 | 43,682 | 36,710 | 21,871 | 4,
|
|
3083
|
-
| \`data-table\` | 223,346 | 63,530 | 53,471 | 95,235 | 21,
|
|
3084
|
-
| \`date-input\` | 159,553 | 48,720 | 41,099 | 35,177 | 7,
|
|
3085
|
-
| \`date-picker\` | 104,346 | 33,365 | 27,288 | 15,499 | 3,
|
|
3086
|
-
| \`description-list\` | 33,983 | 10,434 | 9,183 | 3,502 |
|
|
3087
|
-
| \`dialog\` | 39,531 | 11,977 | 10,564 | 7,079 | 1,
|
|
3088
|
-
| \`divider\` | 34,008 | 10,622 | 9,326 | 3,120 |
|
|
3089
|
-
| \`donut-chart\` | 84,908 | 26,866 | 23,761 | 19,297 | 4,
|
|
3090
|
-
| \`drawer\` | 38,170 | 11,601 | 10,221 | 6,007 | 1,502 | 1,
|
|
3091
|
-
| \`drilldown\` | 100,292 | 32,433 | 26,411 | 10,393 | 2,
|
|
3092
|
-
| \`empty\` | 33,539 | 10,599 | 9,295 | 2,380 |
|
|
3093
|
-
| \`file-input\` | 110,420 | 34,454 | 28,252 | 17,594 | 4,
|
|
3094
|
-
| \`filter-input\` | 184,147 | 53,490 | 45,111 | 56,328 | 11,
|
|
3095
|
-
| \`flex\` | 32,559 | 10,138 | 8,909 | 2,078 |
|
|
3096
|
-
| \`format-date\` | 35,763 | 11,219 | 9,943 | 3,497 |
|
|
3097
|
-
| \`grid\` | 33,013 | 10,291 | 9,069 | 2,528 |
|
|
3098
|
-
| \`heatmap\` | 83,821 | 26,607 | 23,580 | 17,648 | 4,
|
|
3099
|
-
| \`icon\` | 86,943 | 28,331 | 23,193 | 1,707 |
|
|
3100
|
-
| \`icon-button\` | 42,720 | 12,319 | 10,809 | 9,582 | 1,
|
|
3101
|
-
| \`image\` | 35,377 | 10,931 | 9,621 | 4,840 | 1,
|
|
3102
|
-
| \`input\` | 104,495 | 33,092 | 27,009 | 11,104 | 2,
|
|
3103
|
-
| \`kbd\` | 34,868 | 11,148 | 9,814 | 4,373 | 1,
|
|
3104
|
-
| \`legend\` | 40,324 | 12,300 | 10,784 | 5,790 | 1,
|
|
3105
|
-
| \`lightbox\` | 42,903 | 12,984 | 11,411 | 7,805 | 2,
|
|
3106
|
-
| \`line-chart\` | 87,370 | 27,730 | 24,433 | 20,419 | 5,
|
|
3107
|
-
| \`list\` | 36,624 | 11,044 | 9,710 | 5,782 | 1,
|
|
3108
|
-
| \`listbox\` | 111,438 | 35,400 | 28,883 | 15,743 | 4,
|
|
3109
|
-
| \`loader\` | 34,908 | 10,789 | 9,500 | 4,051 | 1,
|
|
3110
|
-
| \`map\` |
|
|
3111
|
-
| \`megamenu\` | 66,881 | 21,799 | 19,289 | 9,805 | 2,
|
|
3112
|
-
| \`menu\` | 133,249 | 43,442 | 36,482 | 16,362 | 3,
|
|
3113
|
-
| \`meter\` | 40,330 | 12,019 | 10,617 | 9,479 | 2,
|
|
3114
|
-
| \`navigation\` | 34,817 | 10,954 | 9,632 | 2,726 | 762 |
|
|
3115
|
-
| \`notifications\` | 115,885 | 35,344 | 29,035 | 24,486 | 5,
|
|
3116
|
-
| \`number-input\` | 105,938 | 33,653 | 27,525 | 12,539 | 3,
|
|
3117
|
-
| \`object-inspector\` | 153,681 | 48,335 | 40,795 | 33,167 | 7,
|
|
3118
|
-
| \`option\` | 37,026 | 11,371 | 10,028 | 6,176 | 1,
|
|
3119
|
-
| \`orb\` | 41,755 | 13,764 | 12,150 | 8,623 | 3,
|
|
3120
|
-
| \`outline\` | 40,600 | 12,532 | 11,084 | 8,351 | 2,
|
|
3121
|
-
| \`pagination\` | 167,369 | 50,010 | 42,119 | 45,761 | 9,
|
|
3122
|
-
| \`pin-input\` | 46,480 | 13,915 | 12,253 | 8,389 | 2,
|
|
3123
|
-
| \`popover\` | 61,842 | 20,614 | 18,219 | 4,517 | 1,177 |
|
|
3124
|
-
| \`progress\` | 37,812 | 11,474 | 10,153 | 6,962 | 1,
|
|
3125
|
-
| \`qr-code\` | 45,095 | 14,767 | 13,013 | 14,629 | 5,
|
|
3126
|
-
| \`quote\` | 31,680 | 9,948 | 8,744 | 1,191 |
|
|
3127
|
-
| \`radio\` | 50,810 | 14,137 | 12,445 | 11,108 | 2,290 | 1,
|
|
3128
|
-
| \`rating\` | 49,341 | 14,909 | 13,125 | 10,941 | 3,
|
|
3129
|
-
| \`sandbox\` | 67,042 | 17,834 | 15,810 | 35,718 | 7,
|
|
3130
|
-
| \`scatter-chart\` | 85,895 | 27,442 | 24,218 | 19,718 | 5,
|
|
3131
|
-
| \`scroll-area\` | 36,416 | 11,121 | 9,800 | 5,874 | 1,
|
|
3132
|
-
| \`select\` | 150,349 | 46,783 | 39,256 | 28,961 | 6,
|
|
3133
|
-
| \`skeleton\` | 32,732 | 10,282 | 9,043 | 2,242 |
|
|
3134
|
-
| \`skip-link\` | 33,267 | 10,490 | 9,214 | 2,624 |
|
|
3135
|
-
| \`slider\` | 54,934 | 15,105 | 13,356 | 16,690 | 3,
|
|
3136
|
-
| \`sparkline\` | 41,845 | 13,167 | 11,589 | 6,293 | 1,
|
|
3137
|
-
| \`speed-dial\` | 124,863 | 40,921 | 34,349 | 11,356 | 2,
|
|
3138
|
-
| \`splitter\` | 47,379 | 13,536 | 12,018 | 16,336 | 3,
|
|
3139
|
-
| \`stat\` | 34,806 | 10,587 | 9,343 | 3,954 |
|
|
3140
|
-
| \`steps\` | 109,398 | 33,417 | 27,455 | 19,871 | 3,
|
|
3141
|
-
| \`switch\` | 44,380 | 13,204 | 11,592 | 5,946 | 1,
|
|
3142
|
-
| \`table\` | 103,514 | 33,316 | 27,233 | 15,746 | 4,
|
|
3143
|
-
| \`tabs\` | 45,842 | 13,332 | 11,742 | 10,154 | 2,
|
|
3144
|
-
| \`tag\` | 90,153 | 29,299 | 23,951 | 4,083 | 1,
|
|
3145
|
-
| \`text\` | 34,466 | 10,420 | 9,152 | 3,987 |
|
|
3146
|
-
| \`textarea\` | 45,988 | 13,572 | 11,904 | 7,418 | 1,
|
|
3147
|
-
| \`time-input\` | 178,137 | 52,550 | 44,375 | 50,463 | 10,
|
|
3148
|
-
| \`time-picker\` | 127,492 | 39,117 | 32,144 | 30,827 | 7,
|
|
3149
|
-
| \`timeline\` | 90,712 | 29,168 | 23,939 | 5,110 | 1,
|
|
3150
|
-
| \`toast\` | 98,289 | 31,259 | 25,616 | 11,599 | 2,
|
|
3151
|
-
| \`toggle\` | 49,745 | 14,441 | 12,721 | 8,525 | 2,
|
|
3152
|
-
| \`toolbar\` | 34,888 | 10,956 | 9,633 | 3,899 | 1,
|
|
3153
|
-
| \`tooltip\` | 66,422 | 21,810 | 19,328 | 9,429 | 2,
|
|
3154
|
-
| \`tour\` | 78,714 | 24,058 | 21,313 | 20,565 | 4,
|
|
3155
|
-
| \`tree\` | 103,464 | 33,185 | 27,081 | 13,069 | 3,
|
|
3156
|
-
| \`trend\` | 89,496 | 28,957 | 23,734 | 4,271 |
|
|
3157
|
-
| \`video\` | 173,357 | 52,118 | 44,196 | 51,918 | 11,
|
|
3158
|
-
| \`video-playlist\` | 147,329 | 46,008 | 38,609 | 29,038 | 6,073 | 5,
|
|
3159
|
-
| \`virtual-list\` | 38,195 | 12,105 | 10,634 | 3,187 |
|
|
3057
|
+
| \`accordion\` | 94,436 | 30,803 | 25,127 | 6,204 | 1,538 | 1,245 |
|
|
3058
|
+
| \`announcement\` | 93,072 | 30,238 | 24,620 | 5,932 | 1,412 | 1,216 |
|
|
3059
|
+
| \`app-header\` | 35,986 | 10,967 | 9,679 | 5,121 | 1,228 | 1,029 |
|
|
3060
|
+
| \`area-chart\` | 85,404 | 27,630 | 24,345 | 18,366 | 5,017 | 4,216 |
|
|
3061
|
+
| \`aura\` | 99,123 | 33,456 | 29,000 | 65,483 | 23,038 | 19,595 |
|
|
3062
|
+
| \`avatar\` | 37,731 | 11,417 | 10,082 | 6,833 | 1,657 | 1,274 |
|
|
3063
|
+
| \`badge\` | 34,736 | 10,707 | 9,390 | 4,250 | 1,007 | 773 |
|
|
3064
|
+
| \`bar-chart\` | 92,473 | 28,931 | 25,584 | 25,425 | 6,337 | 5,235 |
|
|
3065
|
+
| \`blockquote\` | 32,802 | 10,316 | 9,102 | 1,914 | 475 | 286 |
|
|
3066
|
+
| \`breadcrumbs\` | 91,116 | 29,289 | 24,028 | 5,518 | 1,253 | 976 |
|
|
3067
|
+
| \`button\` | 42,399 | 12,383 | 10,883 | 9,257 | 1,944 | 1,577 |
|
|
3068
|
+
| \`button-group\` | 33,178 | 10,286 | 9,051 | 2,320 | 534 | 361 |
|
|
3069
|
+
| \`callout\` | 88,671 | 28,886 | 23,724 | 2,899 | 777 | 576 |
|
|
3070
|
+
| \`canvas\` | 105,196 | 29,495 | 25,725 | 66,911 | 17,855 | 14,939 |
|
|
3071
|
+
| \`card\` | 34,769 | 10,747 | 9,440 | 3,915 | 988 | 766 |
|
|
3072
|
+
| \`carousel\` | 107,741 | 33,201 | 27,421 | 21,719 | 4,564 | 3,758 |
|
|
3073
|
+
| \`chat\` | 124,448 | 38,804 | 31,903 | 31,590 | 7,666 | 6,460 |
|
|
3074
|
+
| \`checkbox\` | 47,291 | 13,667 | 12,018 | 9,258 | 2,217 | 1,704 |
|
|
3075
|
+
| \`checkbox-group\` | 46,071 | 13,511 | 11,924 | 7,519 | 1,958 | 1,420 |
|
|
3076
|
+
| \`code\` | 31,198 | 9,782 | 8,614 | 1,511 | 384 | 241 |
|
|
3077
|
+
| \`code-block\` | 148,846 | 46,406 | 39,012 | 33,717 | 7,284 | 6,083 |
|
|
3078
|
+
| \`color-input\` | 184,053 | 52,711 | 44,636 | 59,352 | 11,281 | 9,596 |
|
|
3079
|
+
| \`color-picker\` | 144,795 | 41,492 | 34,391 | 47,560 | 9,280 | 7,763 |
|
|
3080
|
+
| \`combobox\` | 160,367 | 48,867 | 41,152 | 36,206 | 7,981 | 6,600 |
|
|
3081
|
+
| \`command\` | 125,961 | 38,317 | 31,460 | 28,778 | 6,782 | 5,562 |
|
|
3082
|
+
| \`copy-button\` | 136,998 | 43,682 | 36,710 | 21,871 | 4,683 | 3,870 |
|
|
3083
|
+
| \`data-table\` | 223,346 | 63,530 | 53,471 | 95,235 | 21,417 | 17,340 |
|
|
3084
|
+
| \`date-input\` | 159,553 | 48,720 | 41,099 | 35,177 | 7,901 | 6,555 |
|
|
3085
|
+
| \`date-picker\` | 104,346 | 33,365 | 27,288 | 15,499 | 3,918 | 3,183 |
|
|
3086
|
+
| \`description-list\` | 33,983 | 10,434 | 9,183 | 3,502 | 796 | 570 |
|
|
3087
|
+
| \`dialog\` | 39,531 | 11,977 | 10,564 | 7,079 | 1,809 | 1,432 |
|
|
3088
|
+
| \`divider\` | 34,008 | 10,622 | 9,326 | 3,120 | 768 | 602 |
|
|
3089
|
+
| \`donut-chart\` | 84,908 | 26,866 | 23,761 | 19,297 | 4,959 | 4,115 |
|
|
3090
|
+
| \`drawer\` | 38,170 | 11,601 | 10,221 | 6,007 | 1,502 | 1,226 |
|
|
3091
|
+
| \`drilldown\` | 100,292 | 32,433 | 26,411 | 10,393 | 2,563 | 2,015 |
|
|
3092
|
+
| \`empty\` | 33,539 | 10,599 | 9,295 | 2,380 | 694 | 571 |
|
|
3093
|
+
| \`file-input\` | 110,420 | 34,454 | 28,252 | 17,594 | 4,036 | 3,419 |
|
|
3094
|
+
| \`filter-input\` | 184,147 | 53,490 | 45,111 | 56,328 | 11,425 | 9,396 |
|
|
3095
|
+
| \`flex\` | 32,559 | 10,138 | 8,909 | 2,078 | 461 | 299 |
|
|
3096
|
+
| \`format-date\` | 35,763 | 11,219 | 9,943 | 3,497 | 889 | 565 |
|
|
3097
|
+
| \`grid\` | 33,013 | 10,291 | 9,069 | 2,528 | 603 | 470 |
|
|
3098
|
+
| \`heatmap\` | 83,821 | 26,607 | 23,580 | 17,648 | 4,481 | 3,588 |
|
|
3099
|
+
| \`icon\` | 86,943 | 28,331 | 23,193 | 1,707 | 430 | 310 |
|
|
3100
|
+
| \`icon-button\` | 42,720 | 12,319 | 10,809 | 9,582 | 1,867 | 1,414 |
|
|
3101
|
+
| \`image\` | 35,377 | 10,931 | 9,621 | 4,840 | 1,308 | 918 |
|
|
3102
|
+
| \`input\` | 104,495 | 33,092 | 27,009 | 11,104 | 2,704 | 2,180 |
|
|
3103
|
+
| \`kbd\` | 34,868 | 11,148 | 9,814 | 4,373 | 1,424 | 1,021 |
|
|
3104
|
+
| \`legend\` | 40,324 | 12,300 | 10,784 | 5,790 | 1,408 | 1,055 |
|
|
3105
|
+
| \`lightbox\` | 42,903 | 12,984 | 11,411 | 7,805 | 2,010 | 1,617 |
|
|
3106
|
+
| \`line-chart\` | 87,370 | 27,730 | 24,433 | 20,419 | 5,166 | 4,288 |
|
|
3107
|
+
| \`list\` | 36,624 | 11,044 | 9,710 | 5,782 | 1,312 | 1,097 |
|
|
3108
|
+
| \`listbox\` | 111,438 | 35,400 | 28,883 | 15,743 | 4,111 | 3,217 |
|
|
3109
|
+
| \`loader\` | 34,908 | 10,789 | 9,500 | 4,051 | 1,005 | 747 |
|
|
3110
|
+
| \`map\` | 160,886 | 43,420 | 36,165 | 66,396 | 12,722 | 10,575 |
|
|
3111
|
+
| \`megamenu\` | 66,881 | 21,799 | 19,289 | 9,805 | 2,424 | 1,820 |
|
|
3112
|
+
| \`menu\` | 133,249 | 43,442 | 36,482 | 16,362 | 3,839 | 3,185 |
|
|
3113
|
+
| \`meter\` | 40,330 | 12,019 | 10,617 | 9,479 | 2,228 | 1,969 |
|
|
3114
|
+
| \`navigation\` | 34,817 | 10,954 | 9,632 | 2,726 | 762 | 512 |
|
|
3115
|
+
| \`notifications\` | 115,885 | 35,344 | 29,035 | 24,486 | 5,100 | 4,248 |
|
|
3116
|
+
| \`number-input\` | 105,938 | 33,653 | 27,525 | 12,539 | 3,185 | 2,582 |
|
|
3117
|
+
| \`object-inspector\` | 153,681 | 48,335 | 40,795 | 33,167 | 7,555 | 6,407 |
|
|
3118
|
+
| \`option\` | 37,026 | 11,371 | 10,028 | 6,176 | 1,569 | 1,199 |
|
|
3119
|
+
| \`orb\` | 41,755 | 13,764 | 12,150 | 8,623 | 3,237 | 2,783 |
|
|
3120
|
+
| \`outline\` | 40,600 | 12,532 | 11,084 | 8,351 | 2,191 | 1,727 |
|
|
3121
|
+
| \`pagination\` | 167,369 | 50,010 | 42,119 | 45,761 | 9,640 | 7,940 |
|
|
3122
|
+
| \`pin-input\` | 46,480 | 13,915 | 12,253 | 8,389 | 2,382 | 1,915 |
|
|
3123
|
+
| \`popover\` | 61,842 | 20,614 | 18,219 | 4,517 | 1,177 | 836 |
|
|
3124
|
+
| \`progress\` | 37,812 | 11,474 | 10,153 | 6,962 | 1,670 | 1,366 |
|
|
3125
|
+
| \`qr-code\` | 45,095 | 14,767 | 13,013 | 14,629 | 5,154 | 4,360 |
|
|
3126
|
+
| \`quote\` | 31,680 | 9,948 | 8,744 | 1,191 | 286 | 39 |
|
|
3127
|
+
| \`radio\` | 50,810 | 14,137 | 12,445 | 11,108 | 2,290 | 1,813 |
|
|
3128
|
+
| \`rating\` | 49,341 | 14,909 | 13,125 | 10,941 | 3,133 | 2,542 |
|
|
3129
|
+
| \`sandbox\` | 67,042 | 17,834 | 15,810 | 35,718 | 7,929 | 6,582 |
|
|
3130
|
+
| \`scatter-chart\` | 85,895 | 27,442 | 24,218 | 19,718 | 5,245 | 4,278 |
|
|
3131
|
+
| \`scroll-area\` | 36,416 | 11,121 | 9,800 | 5,874 | 1,442 | 1,033 |
|
|
3132
|
+
| \`select\` | 150,349 | 46,783 | 39,256 | 28,961 | 6,548 | 5,308 |
|
|
3133
|
+
| \`skeleton\` | 32,732 | 10,282 | 9,043 | 2,242 | 607 | 471 |
|
|
3134
|
+
| \`skip-link\` | 33,267 | 10,490 | 9,214 | 2,624 | 747 | 526 |
|
|
3135
|
+
| \`slider\` | 54,934 | 15,105 | 13,356 | 16,690 | 3,551 | 2,896 |
|
|
3136
|
+
| \`sparkline\` | 41,845 | 13,167 | 11,589 | 6,293 | 1,767 | 1,410 |
|
|
3137
|
+
| \`speed-dial\` | 124,863 | 40,921 | 34,349 | 11,356 | 2,402 | 1,892 |
|
|
3138
|
+
| \`splitter\` | 47,379 | 13,536 | 12,018 | 16,336 | 3,665 | 3,051 |
|
|
3139
|
+
| \`stat\` | 34,806 | 10,587 | 9,343 | 3,954 | 848 | 587 |
|
|
3140
|
+
| \`steps\` | 109,398 | 33,417 | 27,455 | 19,871 | 3,947 | 3,250 |
|
|
3141
|
+
| \`switch\` | 44,380 | 13,204 | 11,592 | 5,946 | 1,584 | 1,154 |
|
|
3142
|
+
| \`table\` | 103,514 | 33,316 | 27,233 | 15,746 | 4,046 | 3,372 |
|
|
3143
|
+
| \`tabs\` | 45,842 | 13,332 | 11,742 | 10,154 | 2,216 | 1,858 |
|
|
3144
|
+
| \`tag\` | 90,153 | 29,299 | 23,951 | 4,083 | 1,022 | 899 |
|
|
3145
|
+
| \`text\` | 34,466 | 10,420 | 9,152 | 3,987 | 836 | 547 |
|
|
3146
|
+
| \`textarea\` | 45,988 | 13,572 | 11,904 | 7,418 | 1,963 | 1,411 |
|
|
3147
|
+
| \`time-input\` | 178,137 | 52,550 | 44,375 | 50,463 | 10,758 | 8,994 |
|
|
3148
|
+
| \`time-picker\` | 127,492 | 39,117 | 32,144 | 30,827 | 7,364 | 6,110 |
|
|
3149
|
+
| \`timeline\` | 90,712 | 29,168 | 23,939 | 5,110 | 1,147 | 906 |
|
|
3150
|
+
| \`toast\` | 98,289 | 31,259 | 25,616 | 11,599 | 2,623 | 2,136 |
|
|
3151
|
+
| \`toggle\` | 49,745 | 14,441 | 12,721 | 8,525 | 2,103 | 1,617 |
|
|
3152
|
+
| \`toolbar\` | 34,888 | 10,956 | 9,633 | 3,899 | 1,088 | 803 |
|
|
3153
|
+
| \`tooltip\` | 66,422 | 21,810 | 19,328 | 9,429 | 2,502 | 1,983 |
|
|
3154
|
+
| \`tour\` | 78,714 | 24,058 | 21,313 | 20,565 | 4,450 | 3,647 |
|
|
3155
|
+
| \`tree\` | 103,464 | 33,185 | 27,081 | 13,069 | 3,363 | 2,705 |
|
|
3156
|
+
| \`trend\` | 89,496 | 28,957 | 23,734 | 4,271 | 993 | 748 |
|
|
3157
|
+
| \`video\` | 173,357 | 52,118 | 44,196 | 51,918 | 11,242 | 9,533 |
|
|
3158
|
+
| \`video-playlist\` | 147,329 | 46,008 | 38,609 | 29,038 | 6,073 | 5,070 |
|
|
3159
|
+
| \`virtual-list\` | 38,195 | 12,105 | 10,634 | 3,187 | 945 | 646 |
|
|
3160
3160
|
|
|
3161
3161
|
## What an install adds to \`node_modules\`
|
|
3162
3162
|
|
|
@@ -3168,12 +3168,12 @@ stripped column shows the bytes we removed.
|
|
|
3168
3168
|
|
|
3169
3169
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
3170
3170
|
|---|---|---|---|---|
|
|
3171
|
-
| \`@fusion.dev/helix-core\` | 1,
|
|
3172
|
-
| \`@fusion.dev/helix-headless\` | 13,
|
|
3171
|
+
| \`@fusion.dev/helix-core\` | 1,138,771 | 167 | 253,062 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
3172
|
+
| \`@fusion.dev/helix-headless\` | 13,151,140 | 504 | 1,046,256 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
3173
3173
|
| \`@fusion.dev/helix-icons\` | 150,162 | 21 | 50,346 | \`svgo\` |
|
|
3174
3174
|
| \`@fusion.dev/helix-styles\` | 102,108 | 6 | 0 | none |
|
|
3175
3175
|
| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
|
|
3176
|
-
| \`@fusion.dev/helix\` | 14,
|
|
3176
|
+
| \`@fusion.dev/helix\` | 14,276,148 | 870 | 370,884 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
3177
3177
|
|
|
3178
3178
|
## Not measured yet
|
|
3179
3179
|
|
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.110.
|
|
4
|
+
"version": "0.110.6",
|
|
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.110.
|
|
40
|
-
"@fusion.dev/helix-testing": "0.110.
|
|
39
|
+
"@fusion.dev/helix-cem": "0.110.6",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.110.6",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|