@fusion.dev/helix-docs 0.186.0 → 0.186.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/content/charting.mdx +11 -0
  2. package/content/metrics.mdx +219 -219
  3. package/dist/sources.generated.js +230 -219
  4. package/package.json +9 -9
package/content/charting.mdx CHANGED
@@ -87,6 +87,17 @@ table should not be seen, hide it visually, and the data is still there:
87
87
  >…</table>
88
88
  ```
89
89
 
90
+ A table hidden this way takes no room on the page, however many rows it has.
91
+ Inside an element with a `transform` or a `filter`, a long hidden table still
92
+ lengthens that element's scrolling area. Wrap the table in a hidden `<div>`
93
+ there:
94
+
95
+ ```html
96
+ <div data-hidden-visually>
97
+ <table id="revenue">…</table>
98
+ </div>
99
+ ```
100
+
90
101
  The table's caption becomes the chart's accessible name unless you set `label`.
91
102
  The caption usually has the right words already.
92
103
 
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` | 248,564 | 79,270 | 67,929 |
49
+ | Lit and `@fusion.dev/helix-core` | 248,564 | 79,270 | 67,871 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,12 +57,12 @@ 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` | 247,773 | 79,121 | 67,632 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,337,367 | 373,053 | 279,948 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 247,773 | 79,121 | 67,606 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,337,367 | 373,053 | 279,891 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
64
  | `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
65
- | `@fusion.dev/helix` | 2,015,564 | 520,954 | 371,957 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,015,564 | 520,954 | 371,924 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
67
67
 
68
68
  ## Stylesheets
@@ -75,7 +75,7 @@ shows the whole cost of using the base layer on its own.
75
75
 
76
76
  | File | Raw | Gzip | Brotli | |
77
77
  |---|---|---|---|---|
78
- | `base.css` | 34,301 | 4,796 | 4,165 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
78
+ | `base.css` | 34,352 | 4,806 | 4,174 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
79
79
  | `elements.css` | 19,050 | 2,860 | 2,551 | Hides each element until its definition loads. It is generated from the tags in `@fusion.dev/helix`. |
80
80
  | `helix.css` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
81
81
  | `primitives.css` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because `tokens.css` refers to it. |
@@ -85,7 +85,7 @@ shows the whole cost of using the base layer on its own.
85
85
 
86
86
  **Most of your first component is the shared runtime.** The median styled family is 17,535 bytes gzipped alone, and it adds 3,868 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
87
87
 
88
- Across the 106 styled components, the smallest is `code` at 8,332 bytes gzipped alone, and the largest is `data-table` at 66,817. Every family together is 520,954.
88
+ Across the 106 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,817. Every family together is 520,954.
89
89
 
90
90
  No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 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.
91
91
 
@@ -101,22 +101,22 @@ The table has no whole-library row. That row would compare how many components e
101
101
 
102
102
  | Component | System | Raw | Gzip | Brotli |
103
103
  |---|---|---|---|---|
104
- | `button` | **Helix** | 41,612 | 14,007 | 12,442 |
104
+ | `button` | **Helix** | 41,612 | 14,007 | 12,463 |
105
105
  | | Carbon | 133,058 | 20,959 | 17,685 |
106
106
  | | Material Web | 47,060 | 14,173 | 12,591 |
107
107
  | | Shoelace | 62,628 | 18,287 | 15,805 |
108
108
  | | Spectrum | 98,792 | 22,045 | 18,674 |
109
- | `checkbox` | **Helix** | 46,865 | 15,190 | 13,518 |
109
+ | `checkbox` | **Helix** | 46,865 | 15,190 | 13,511 |
110
110
  | | Carbon | 60,255 | 15,609 | 13,550 |
111
111
  | | Material Web | 43,785 | 13,556 | 12,015 |
112
112
  | | Shoelace | 47,614 | 15,177 | 13,301 |
113
113
  | | Spectrum | 62,492 | 15,437 | 13,481 |
114
- | `dialog` | **Helix** | 43,360 | 14,855 | 13,244 |
114
+ | `dialog` | **Helix** | 43,360 | 14,855 | 13,245 |
115
115
  | | Carbon | 510,866 | 67,390 | 39,189 |
116
116
  | | Material Web | 34,238 | 11,510 | 10,229 |
117
117
  | | Shoelace | 52,754 | 17,698 | 15,554 |
118
118
  | | Spectrum | 155,708 | 31,899 | 26,262 |
119
- | `radio` | **Helix** | 50,349 | 15,977 | 14,206 |
119
+ | `radio` | **Helix** | 50,349 | 15,977 | 14,212 |
120
120
  | | Carbon | 63,055 | 16,887 | 14,605 |
121
121
  | | Material Web | 41,044 | 13,234 | 11,757 |
122
122
  | | Shoelace | 34,865 | 12,027 | 10,559 |
@@ -126,12 +126,12 @@ The table has no whole-library row. That row would compare how many components e
126
126
  | | Material Web | 50,155 | 14,577 | 12,935 |
127
127
  | | Shoelace | 37,833 | 11,814 | 10,568 |
128
128
  | | Spectrum | 62,322 | 15,059 | 13,321 |
129
- | `tabs` | **Helix** | 55,263 | 17,753 | 15,817 |
129
+ | `tabs` | **Helix** | 55,263 | 17,753 | 15,836 |
130
130
  | | Carbon | 578,766 | 73,537 | 43,235 |
131
131
  | | Material Web | 38,883 | 12,820 | 11,368 |
132
132
  | | Shoelace | 54,573 | 17,140 | 15,068 |
133
133
  | | Spectrum | 64,875 | 18,298 | 16,283 |
134
- | `tooltip` | **Helix** | 61,420 | 21,833 | 19,367 |
134
+ | `tooltip` | **Helix** | 61,420 | 21,833 | 19,384 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
137
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -183,105 +183,105 @@ Structure, accessibility, state, and form participation. It has no presentation
183
183
 
184
184
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
185
185
  |---|---|---|---|---|---|---|
186
- | `accordion` | 31,879 | 11,805 | 10,464 | 5,329 | 1,598 | 1,288 |
187
- | `announcement` | 36,692 | 13,313 | 11,854 | 4,682 | 1,425 | 1,097 |
188
- | `app-header` | 32,289 | 11,898 | 10,609 | 5,871 | 1,795 | 1,324 |
189
- | `area-chart` | 90,301 | 31,724 | 28,047 | 14,058 | 4,345 | 3,420 |
190
- | `avatar` | 30,463 | 11,596 | 10,369 | 3,957 | 1,234 | 1,023 |
191
- | `badge` | 27,088 | 10,568 | 9,406 | 2,942 | 919 | 622 |
192
- | `bar-chart` | 94,416 | 32,821 | 29,071 | 18,026 | 5,441 | 4,348 |
193
- | `blockquote` | 24,107 | 9,420 | 8,336 | 2,402 | 913 | 692 |
194
- | `breadcrumbs` | 36,279 | 13,906 | 12,382 | 7,360 | 2,451 | 1,943 |
195
- | `button` | 35,194 | 12,591 | 11,223 | 4,925 | 1,471 | 991 |
196
- | `button-group` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,059 |
197
- | `callout` | 35,256 | 13,594 | 12,071 | 2,884 | 992 | 707 |
198
- | `canvas` | 108,483 | 34,750 | 30,375 | 68,927 | 20,973 | 17,497 |
199
- | `card` | 23,777 | 9,054 | 8,020 | 2,090 | 655 | 421 |
200
- | `carousel` | 42,748 | 15,234 | 13,595 | 15,006 | 4,215 | 3,227 |
201
- | `chat` | 79,390 | 26,446 | 23,401 | 27,455 | 8,116 | 6,306 |
202
- | `checkbox` | 40,374 | 13,681 | 12,199 | 3,107 | 979 | 599 |
203
- | `checkbox-group` | 47,602 | 15,599 | 13,897 | 8,325 | 2,351 | 1,714 |
204
- | `code` | 20,301 | 8,015 | 7,122 | 138 | 67 | 17 |
205
- | `code-block` | 102,738 | 34,889 | 30,808 | 36,843 | 10,785 | 8,721 |
206
- | `color-input` | 141,792 | 45,087 | 39,361 | 55,136 | 14,334 | 11,701 |
207
- | `color-picker` | 103,415 | 32,966 | 28,895 | 47,256 | 12,743 | 10,327 |
208
- | `combobox` | 132,023 | 41,951 | 36,949 | 35,791 | 9,112 | 7,147 |
209
- | `command` | 99,513 | 31,476 | 27,709 | 30,061 | 8,171 | 6,377 |
210
- | `copy-button` | 80,548 | 27,649 | 24,490 | 18,341 | 4,985 | 3,952 |
211
- | `data-table` | 199,900 | 61,428 | 52,533 | 89,488 | 23,783 | 19,131 |
212
- | `date-input` | 141,223 | 44,512 | 39,128 | 38,229 | 9,447 | 7,477 |
213
- | `date-picker` | 61,360 | 20,936 | 18,727 | 20,347 | 5,579 | 4,376 |
214
- | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 525 | 354 |
215
- | `dialog` | 38,247 | 13,598 | 12,117 | 5,837 | 1,753 | 1,270 |
216
- | `divider` | 22,991 | 8,924 | 7,882 | 1,416 | 502 | 308 |
217
- | `donut-chart` | 89,212 | 31,127 | 27,532 | 14,641 | 4,497 | 3,607 |
218
- | `drawer` | 42,892 | 15,123 | 13,459 | 7,698 | 2,295 | 1,773 |
219
- | `drilldown` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,102 |
220
- | `empty` | 24,194 | 9,250 | 8,201 | 1,951 | 658 | 492 |
221
- | `file-input` | 57,757 | 20,019 | 17,802 | 13,094 | 4,155 | 3,297 |
222
- | `filter-input` | 97,846 | 32,819 | 29,138 | 21,630 | 6,198 | 4,943 |
223
- | `format-date` | 30,158 | 11,290 | 10,090 | 4,434 | 1,263 | 1,011 |
224
- | `graph` | 74,369 | 24,504 | 21,694 | 21,878 | 6,484 | 5,303 |
225
- | `heatmap` | 98,128 | 33,505 | 29,602 | 18,944 | 5,590 | 4,509 |
226
- | `icon` | 82,157 | 28,050 | 23,964 | 58,304 | 19,661 | 15,889 |
227
- | `icon-button` | 35,305 | 12,620 | 11,241 | 5,034 | 1,512 | 1,109 |
228
- | `image` | 25,504 | 9,479 | 8,417 | 3,824 | 1,152 | 828 |
229
- | `input` | 46,361 | 15,974 | 14,090 | 7,352 | 2,452 | 1,740 |
230
- | `isometric-heatmap` | 102,771 | 34,713 | 30,582 | 23,536 | 6,748 | 5,312 |
231
- | `kbd` | 27,511 | 10,570 | 9,367 | 3,516 | 1,152 | 763 |
232
- | `legend` | 35,184 | 12,935 | 11,492 | 2,957 | 1,019 | 665 |
233
- | `lightbox` | 55,724 | 18,818 | 16,720 | 16,730 | 4,692 | 3,478 |
234
- | `line-chart` | 91,335 | 31,880 | 28,254 | 14,762 | 4,418 | 3,490 |
235
- | `list` | 61,803 | 21,292 | 18,957 | 15,242 | 4,449 | 3,418 |
236
- | `listbox` | 76,711 | 25,427 | 22,460 | 15,565 | 4,585 | 3,526 |
237
- | `loader` | 26,379 | 10,041 | 8,907 | 2,775 | 969 | 736 |
238
- | `map` | 78,565 | 24,393 | 21,320 | 37,025 | 10,128 | 7,906 |
239
- | `megamenu` | 60,027 | 21,698 | 19,179 | 8,595 | 2,405 | 1,679 |
240
- | `menu` | 97,473 | 32,550 | 28,755 | 30,180 | 7,996 | 6,403 |
241
- | `meter` | 31,721 | 12,026 | 10,720 | 4,894 | 1,453 | 1,168 |
242
- | `navigation` | 33,088 | 12,436 | 11,040 | 3,366 | 1,183 | 906 |
243
- | `notifications` | 58,346 | 19,881 | 17,753 | 18,207 | 5,055 | 3,960 |
244
- | `number-input` | 56,271 | 18,839 | 16,767 | 13,524 | 3,662 | 2,679 |
245
- | `object-inspector` | 113,929 | 38,372 | 33,685 | 35,492 | 10,303 | 8,256 |
246
- | `option` | 26,477 | 9,763 | 8,661 | 4,525 | 1,231 | 1,010 |
247
- | `outline` | 33,612 | 12,597 | 11,179 | 7,856 | 2,569 | 1,958 |
248
- | `pagination` | 136,258 | 43,650 | 37,920 | 45,377 | 11,934 | 9,424 |
249
- | `pin-input` | 47,068 | 16,413 | 14,656 | 6,736 | 2,253 | 1,742 |
250
- | `popover` | 63,806 | 22,940 | 20,269 | 6,375 | 1,876 | 1,338 |
251
- | `progress` | 28,084 | 10,730 | 9,552 | 2,970 | 933 | 740 |
252
- | `qr-code` | 42,719 | 16,647 | 14,867 | 17,004 | 6,288 | 5,231 |
253
- | `quote` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 318 |
254
- | `radio` | 42,561 | 14,464 | 12,882 | 3,817 | 1,227 | 920 |
255
- | `rating` | 50,257 | 17,289 | 15,436 | 8,029 | 2,456 | 1,783 |
256
- | `scatter-chart` | 91,226 | 31,675 | 28,012 | 16,127 | 4,840 | 3,841 |
257
- | `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,032 |
258
- | `select` | 115,289 | 38,173 | 33,415 | 26,033 | 7,140 | 5,445 |
259
- | `skeleton` | 22,328 | 8,644 | 7,667 | 991 | 367 | 221 |
260
- | `skip-link` | 23,871 | 9,337 | 8,265 | 1,225 | 493 | 347 |
261
- | `slider` | 52,873 | 17,824 | 15,978 | 13,159 | 3,817 | 3,005 |
262
- | `sparkline` | 47,984 | 17,500 | 15,601 | 5,981 | 2,162 | 1,713 |
263
- | `speed-dial` | 68,751 | 24,718 | 21,905 | 10,915 | 2,990 | 2,283 |
264
- | `splitter` | 43,751 | 15,167 | 13,536 | 14,397 | 3,878 | 3,113 |
265
- | `stat` | 25,255 | 9,675 | 8,602 | 2,303 | 781 | 514 |
266
- | `steps` | 53,623 | 18,635 | 16,628 | 13,603 | 3,869 | 3,023 |
267
- | `switch` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 342 |
268
- | `table` | 118,358 | 37,061 | 32,265 | 45,150 | 12,475 | 9,909 |
269
- | `tabs` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,165 |
270
- | `tag` | 42,676 | 15,621 | 13,972 | 8,455 | 2,548 | 1,894 |
271
- | `textarea` | 43,852 | 14,941 | 13,325 | 5,402 | 1,622 | 1,186 |
272
- | `time-input` | 169,269 | 52,676 | 45,799 | 48,511 | 12,418 | 9,843 |
273
- | `time-picker` | 99,603 | 31,518 | 27,730 | 33,933 | 9,190 | 7,195 |
274
- | `timeline` | 31,286 | 11,863 | 10,607 | 4,061 | 1,260 | 884 |
275
- | `toast` | 50,871 | 17,940 | 16,020 | 12,124 | 3,529 | 2,727 |
276
- | `toggle` | 45,577 | 15,270 | 13,580 | 6,007 | 1,799 | 1,302 |
277
- | `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,305 |
278
- | `tooltip` | 58,616 | 21,090 | 18,716 | 8,434 | 2,378 | 1,782 |
279
- | `tour` | 83,670 | 28,721 | 25,340 | 19,815 | 5,458 | 4,223 |
280
- | `tree` | 67,586 | 22,717 | 20,190 | 17,199 | 4,979 | 3,851 |
281
- | `trend` | 29,717 | 11,569 | 10,337 | 3,487 | 1,133 | 732 |
282
- | `video` | 141,208 | 44,138 | 38,533 | 66,217 | 16,841 | 13,728 |
283
- | `video-playlist` | 127,686 | 41,301 | 36,316 | 42,775 | 11,224 | 9,052 |
284
- | `virtual-list` | 63,451 | 21,631 | 19,310 | 23,305 | 7,171 | 5,803 |
186
+ | `accordion` | 31,879 | 11,805 | 10,502 | 5,329 | 1,598 | 1,333 |
187
+ | `announcement` | 36,692 | 13,313 | 11,874 | 4,682 | 1,425 | 1,119 |
188
+ | `app-header` | 32,289 | 11,899 | 10,558 | 5,871 | 1,795 | 1,307 |
189
+ | `area-chart` | 90,301 | 31,725 | 28,102 | 14,058 | 4,345 | 3,533 |
190
+ | `avatar` | 30,463 | 11,596 | 10,391 | 3,957 | 1,234 | 1,079 |
191
+ | `badge` | 27,088 | 10,568 | 9,409 | 2,942 | 919 | 743 |
192
+ | `bar-chart` | 94,416 | 32,821 | 29,078 | 18,026 | 5,441 | 4,452 |
193
+ | `blockquote` | 24,107 | 9,420 | 8,332 | 2,402 | 913 | 777 |
194
+ | `breadcrumbs` | 36,279 | 13,906 | 12,383 | 7,360 | 2,451 | 1,999 |
195
+ | `button` | 35,194 | 12,591 | 11,209 | 4,925 | 1,471 | 1,189 |
196
+ | `button-group` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,200 |
197
+ | `callout` | 35,256 | 13,595 | 12,075 | 2,884 | 992 | 755 |
198
+ | `canvas` | 108,483 | 34,750 | 30,372 | 68,927 | 20,973 | 17,537 |
199
+ | `card` | 23,777 | 9,054 | 8,019 | 2,090 | 655 | 533 |
200
+ | `carousel` | 42,748 | 15,234 | 13,597 | 15,006 | 4,215 | 3,340 |
201
+ | `chat` | 79,390 | 26,446 | 23,395 | 27,455 | 8,116 | 6,412 |
202
+ | `checkbox` | 40,374 | 13,681 | 12,203 | 3,107 | 979 | 623 |
203
+ | `checkbox-group` | 47,602 | 15,599 | 13,900 | 8,325 | 2,351 | 1,714 |
204
+ | `code` | 20,301 | 8,015 | 7,096 | 138 | 67 | 120 |
205
+ | `code-block` | 102,738 | 34,890 | 30,820 | 36,843 | 10,785 | 8,779 |
206
+ | `color-input` | 141,792 | 45,087 | 39,379 | 55,136 | 14,334 | 11,686 |
207
+ | `color-picker` | 103,415 | 32,966 | 28,879 | 47,256 | 12,743 | 10,363 |
208
+ | `combobox` | 132,023 | 41,951 | 36,909 | 35,791 | 9,112 | 7,182 |
209
+ | `command` | 99,513 | 31,476 | 27,730 | 30,061 | 8,171 | 6,354 |
210
+ | `copy-button` | 80,548 | 27,649 | 24,480 | 18,341 | 4,985 | 3,925 |
211
+ | `data-table` | 199,900 | 61,428 | 52,577 | 89,488 | 23,783 | 19,098 |
212
+ | `date-input` | 141,223 | 44,512 | 39,162 | 38,229 | 9,447 | 7,544 |
213
+ | `date-picker` | 61,360 | 20,936 | 18,732 | 20,347 | 5,579 | 4,413 |
214
+ | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 525 | 315 |
215
+ | `dialog` | 38,247 | 13,598 | 12,121 | 5,837 | 1,753 | 1,282 |
216
+ | `divider` | 22,991 | 8,924 | 7,885 | 1,416 | 502 | 332 |
217
+ | `donut-chart` | 89,212 | 31,127 | 27,512 | 14,641 | 4,497 | 3,675 |
218
+ | `drawer` | 42,892 | 15,123 | 13,459 | 7,698 | 2,295 | 1,801 |
219
+ | `drilldown` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,185 |
220
+ | `empty` | 24,194 | 9,250 | 8,197 | 1,951 | 658 | 524 |
221
+ | `file-input` | 57,757 | 20,019 | 17,823 | 13,094 | 4,155 | 3,295 |
222
+ | `filter-input` | 97,846 | 32,819 | 29,091 | 21,630 | 6,198 | 4,871 |
223
+ | `format-date` | 30,158 | 11,290 | 10,099 | 4,434 | 1,263 | 1,016 |
224
+ | `graph` | 74,369 | 24,504 | 21,724 | 21,878 | 6,484 | 5,238 |
225
+ | `heatmap` | 98,128 | 33,505 | 29,619 | 18,944 | 5,590 | 4,517 |
226
+ | `icon` | 82,157 | 28,050 | 23,960 | 58,304 | 19,661 | 16,198 |
227
+ | `icon-button` | 35,305 | 12,620 | 11,241 | 5,034 | 1,512 | 1,210 |
228
+ | `image` | 25,504 | 9,480 | 8,414 | 3,824 | 1,152 | 926 |
229
+ | `input` | 46,361 | 15,974 | 14,092 | 7,352 | 2,452 | 1,720 |
230
+ | `isometric-heatmap` | 102,771 | 34,713 | 30,604 | 23,536 | 6,748 | 5,382 |
231
+ | `kbd` | 27,511 | 10,570 | 9,362 | 3,516 | 1,152 | 782 |
232
+ | `legend` | 35,184 | 12,935 | 11,492 | 2,957 | 1,019 | 866 |
233
+ | `lightbox` | 55,724 | 18,818 | 16,720 | 16,730 | 4,692 | 3,628 |
234
+ | `line-chart` | 91,335 | 31,880 | 28,291 | 14,762 | 4,418 | 3,664 |
235
+ | `list` | 61,803 | 21,292 | 18,960 | 15,242 | 4,449 | 3,487 |
236
+ | `listbox` | 76,711 | 25,427 | 22,454 | 15,565 | 4,585 | 3,539 |
237
+ | `loader` | 26,379 | 10,041 | 8,932 | 2,775 | 969 | 755 |
238
+ | `map` | 78,565 | 24,393 | 21,346 | 37,025 | 10,128 | 7,926 |
239
+ | `megamenu` | 60,027 | 21,698 | 19,218 | 8,595 | 2,405 | 1,797 |
240
+ | `menu` | 97,473 | 32,550 | 28,751 | 30,180 | 7,996 | 6,357 |
241
+ | `meter` | 31,721 | 12,026 | 10,718 | 4,894 | 1,453 | 1,284 |
242
+ | `navigation` | 33,088 | 12,436 | 11,050 | 3,366 | 1,183 | 976 |
243
+ | `notifications` | 58,346 | 19,881 | 17,729 | 18,207 | 5,055 | 4,063 |
244
+ | `number-input` | 56,271 | 18,839 | 16,812 | 13,524 | 3,662 | 2,797 |
245
+ | `object-inspector` | 113,929 | 38,372 | 33,759 | 35,492 | 10,303 | 8,201 |
246
+ | `option` | 26,477 | 9,763 | 8,661 | 4,525 | 1,231 | 1,101 |
247
+ | `outline` | 33,612 | 12,598 | 11,180 | 7,856 | 2,569 | 1,910 |
248
+ | `pagination` | 136,258 | 43,650 | 37,984 | 45,377 | 11,934 | 9,433 |
249
+ | `pin-input` | 47,068 | 16,413 | 14,643 | 6,736 | 2,253 | 1,685 |
250
+ | `popover` | 63,806 | 22,941 | 20,259 | 6,375 | 1,876 | 1,386 |
251
+ | `progress` | 28,084 | 10,730 | 9,550 | 2,970 | 933 | 761 |
252
+ | `qr-code` | 42,719 | 16,647 | 14,848 | 17,004 | 6,288 | 5,409 |
253
+ | `quote` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 361 |
254
+ | `radio` | 42,561 | 14,464 | 12,878 | 3,817 | 1,227 | 840 |
255
+ | `rating` | 50,257 | 17,289 | 15,435 | 8,029 | 2,456 | 1,909 |
256
+ | `scatter-chart` | 91,226 | 31,675 | 28,028 | 16,127 | 4,840 | 3,981 |
257
+ | `scroll-area` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,062 |
258
+ | `select` | 115,289 | 38,173 | 33,419 | 26,033 | 7,140 | 5,464 |
259
+ | `skeleton` | 22,328 | 8,644 | 7,664 | 991 | 367 | 189 |
260
+ | `skip-link` | 23,871 | 9,338 | 8,270 | 1,225 | 493 | 483 |
261
+ | `slider` | 52,873 | 17,824 | 15,978 | 13,159 | 3,817 | 2,962 |
262
+ | `sparkline` | 47,984 | 17,500 | 15,653 | 5,981 | 2,162 | 1,717 |
263
+ | `speed-dial` | 68,751 | 24,718 | 21,887 | 10,915 | 2,990 | 2,427 |
264
+ | `splitter` | 43,751 | 15,167 | 13,557 | 14,397 | 3,878 | 3,122 |
265
+ | `stat` | 25,255 | 9,675 | 8,616 | 2,303 | 781 | 617 |
266
+ | `steps` | 53,623 | 18,636 | 16,626 | 13,603 | 3,869 | 3,176 |
267
+ | `switch` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 378 |
268
+ | `table` | 118,358 | 37,061 | 32,243 | 45,150 | 12,475 | 10,199 |
269
+ | `tabs` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,306 |
270
+ | `tag` | 42,676 | 15,622 | 13,978 | 8,455 | 2,548 | 1,971 |
271
+ | `textarea` | 43,852 | 14,941 | 13,327 | 5,402 | 1,622 | 1,252 |
272
+ | `time-input` | 169,269 | 52,676 | 45,816 | 48,511 | 12,418 | 9,779 |
273
+ | `time-picker` | 99,603 | 31,518 | 27,757 | 33,933 | 9,190 | 7,245 |
274
+ | `timeline` | 31,286 | 11,863 | 10,579 | 4,061 | 1,260 | 1,031 |
275
+ | `toast` | 50,871 | 17,940 | 16,004 | 12,124 | 3,529 | 2,773 |
276
+ | `toggle` | 45,577 | 15,270 | 13,575 | 6,007 | 1,799 | 1,402 |
277
+ | `toolbar` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,386 |
278
+ | `tooltip` | 58,616 | 21,090 | 18,717 | 8,434 | 2,378 | 1,863 |
279
+ | `tour` | 83,670 | 28,721 | 25,358 | 19,815 | 5,458 | 4,399 |
280
+ | `tree` | 67,586 | 22,717 | 20,230 | 17,199 | 4,979 | 4,072 |
281
+ | `trend` | 29,717 | 11,569 | 10,322 | 3,487 | 1,133 | 978 |
282
+ | `video` | 141,208 | 44,138 | 38,547 | 66,217 | 16,841 | 13,726 |
283
+ | `video-playlist` | 127,686 | 41,301 | 36,303 | 42,775 | 11,224 | 9,153 |
284
+ | `virtual-list` | 63,451 | 21,632 | 19,223 | 23,305 | 7,171 | 5,823 |
285
285
 
286
286
  ### Styled tier
287
287
 
@@ -289,112 +289,112 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
289
289
 
290
290
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
291
291
  |---|---|---|---|---|---|---|
292
- | `accordion` | 35,311 | 12,654 | 11,215 | 8,746 | 2,463 | 1,916 |
293
- | `announcement` | 41,307 | 14,365 | 12,844 | 9,278 | 2,489 | 1,985 |
294
- | `app-header` | 37,449 | 13,103 | 11,662 | 11,016 | 3,009 | 2,360 |
295
- | `area-chart` | 98,393 | 33,578 | 29,651 | 22,131 | 6,256 | 5,128 |
296
- | `aura` | 56,085 | 19,320 | 17,143 | 29,774 | 9,335 | 7,766 |
297
- | `avatar` | 33,464 | 12,350 | 11,080 | 6,945 | 2,007 | 1,587 |
298
- | `badge` | 32,595 | 11,820 | 10,525 | 8,438 | 2,177 | 1,751 |
299
- | `bar-chart` | 108,944 | 35,724 | 31,575 | 32,533 | 8,394 | 6,783 |
300
- | `blockquote` | 26,332 | 9,969 | 8,824 | 4,612 | 1,452 | 1,145 |
301
- | `breadcrumbs` | 43,220 | 15,115 | 13,516 | 14,285 | 3,697 | 3,035 |
302
- | `button` | 41,612 | 14,007 | 12,442 | 11,324 | 2,907 | 2,208 |
303
- | `button-group` | 31,138 | 11,066 | 9,812 | 8,409 | 2,229 | 1,663 |
304
- | `callout` | 39,049 | 14,537 | 12,949 | 6,659 | 1,950 | 1,507 |
305
- | `canvas` | 129,523 | 38,717 | 33,900 | 89,611 | 24,897 | 20,827 |
306
- | `card` | 27,678 | 10,059 | 8,913 | 5,976 | 1,650 | 1,337 |
307
- | `carousel` | 53,234 | 17,022 | 15,256 | 25,477 | 6,037 | 4,854 |
308
- | `chat` | 94,674 | 29,166 | 25,836 | 42,730 | 10,859 | 8,708 |
309
- | `checkbox` | 46,865 | 15,190 | 13,518 | 9,580 | 2,503 | 1,866 |
310
- | `checkbox-group` | 54,826 | 17,244 | 15,360 | 15,542 | 4,028 | 3,141 |
311
- | `code` | 21,154 | 8,332 | 7,402 | 976 | 399 | 250 |
312
- | `code-block` | 127,213 | 38,714 | 34,154 | 61,300 | 14,740 | 12,034 |
313
- | `color-input` | 184,176 | 51,349 | 44,958 | 97,504 | 20,559 | 17,117 |
314
- | `color-picker` | 140,348 | 38,508 | 33,795 | 84,177 | 18,389 | 15,128 |
315
- | `combobox` | 147,503 | 44,927 | 39,580 | 51,254 | 12,085 | 9,637 |
316
- | `command` | 110,791 | 33,835 | 29,839 | 41,332 | 10,522 | 8,410 |
317
- | `copy-button` | 92,577 | 29,825 | 26,382 | 30,355 | 7,219 | 5,764 |
318
- | `data-table` | 230,715 | 66,817 | 57,321 | 120,282 | 29,305 | 23,748 |
319
- | `date-input` | 162,349 | 48,215 | 42,373 | 59,336 | 13,196 | 10,838 |
320
- | `date-picker` | 69,281 | 22,363 | 19,983 | 28,250 | 7,010 | 5,689 |
321
- | `description-list` | 25,855 | 9,517 | 8,468 | 4,508 | 1,284 | 1,011 |
322
- | `dialog` | 43,360 | 14,855 | 13,244 | 10,933 | 3,007 | 2,360 |
323
- | `divider` | 25,291 | 9,547 | 8,433 | 3,699 | 1,140 | 919 |
324
- | `donut-chart` | 99,170 | 33,263 | 29,408 | 24,576 | 6,712 | 5,401 |
325
- | `drawer` | 48,725 | 16,508 | 14,718 | 13,512 | 3,708 | 2,986 |
326
- | `drilldown` | 48,438 | 16,235 | 14,452 | 15,378 | 4,052 | 3,212 |
327
- | `empty` | 25,503 | 9,726 | 8,598 | 3,242 | 1,117 | 869 |
328
- | `file-input` | 69,285 | 22,419 | 19,908 | 24,612 | 6,551 | 5,350 |
329
- | `filter-input` | 108,688 | 34,991 | 30,996 | 32,465 | 8,412 | 6,741 |
330
- | `flex` | 25,740 | 9,194 | 8,150 | 4,763 | 1,047 | 777 |
331
- | `format-date` | 30,414 | 11,403 | 10,189 | 4,672 | 1,402 | 1,018 |
332
- | `graph` | 89,037 | 27,080 | 23,878 | 36,528 | 9,184 | 7,415 |
333
- | `grid` | 27,002 | 9,846 | 8,736 | 5,638 | 1,467 | 1,230 |
334
- | `heatmap` | 105,486 | 35,189 | 31,027 | 26,281 | 7,263 | 5,838 |
335
- | `icon` | 83,995 | 28,567 | 24,459 | 60,129 | 20,177 | 16,416 |
336
- | `icon-button` | 43,040 | 13,981 | 12,448 | 12,753 | 2,882 | 2,273 |
337
- | `image` | 26,892 | 9,946 | 8,814 | 5,194 | 1,620 | 1,342 |
338
- | `input` | 50,619 | 17,063 | 15,054 | 11,597 | 3,559 | 2,693 |
339
- | `isometric-heatmap` | 110,852 | 36,558 | 32,285 | 31,598 | 8,642 | 6,989 |
340
- | `kbd` | 29,504 | 11,109 | 9,837 | 5,494 | 1,685 | 1,228 |
341
- | `legend` | 40,423 | 14,214 | 12,618 | 8,067 | 2,264 | 1,840 |
342
- | `lightbox` | 62,016 | 20,155 | 17,924 | 23,006 | 6,017 | 4,600 |
343
- | `line-chart` | 102,454 | 34,257 | 30,359 | 25,863 | 6,849 | 5,601 |
344
- | `list` | 68,150 | 22,815 | 20,344 | 21,569 | 5,958 | 4,732 |
345
- | `listbox` | 81,154 | 26,541 | 23,468 | 19,994 | 5,703 | 4,450 |
346
- | `loader` | 29,263 | 10,814 | 9,643 | 5,642 | 1,730 | 1,425 |
347
- | `map` | 111,513 | 29,575 | 26,001 | 69,961 | 15,526 | 12,613 |
348
- | `megamenu` | 64,996 | 22,865 | 20,230 | 13,547 | 3,558 | 2,750 |
349
- | `menu` | 108,403 | 34,711 | 30,620 | 41,098 | 10,160 | 8,241 |
350
- | `meter` | 37,896 | 13,377 | 11,935 | 11,050 | 2,820 | 2,364 |
351
- | `navigation` | 36,814 | 13,268 | 11,770 | 7,077 | 2,025 | 1,612 |
352
- | `notifications` | 71,808 | 22,447 | 20,022 | 31,663 | 7,637 | 6,217 |
353
- | `number-input` | 61,253 | 20,024 | 17,816 | 18,491 | 4,850 | 3,746 |
354
- | `object-inspector` | 130,338 | 41,206 | 36,279 | 51,884 | 13,190 | 10,742 |
355
- | `option` | 29,672 | 10,762 | 9,552 | 7,712 | 2,213 | 1,732 |
356
- | `orb` | 35,265 | 13,488 | 12,000 | 9,730 | 3,689 | 3,140 |
357
- | `outline` | 37,846 | 13,458 | 11,934 | 12,073 | 3,491 | 2,777 |
358
- | `pagination` | 153,264 | 46,929 | 40,864 | 62,366 | 15,240 | 12,233 |
359
- | `pin-input` | 50,409 | 17,316 | 15,440 | 10,058 | 3,179 | 2,488 |
360
- | `popover` | 66,958 | 23,702 | 20,990 | 9,509 | 2,658 | 2,018 |
361
- | `progress` | 35,232 | 12,380 | 11,035 | 10,101 | 2,602 | 2,164 |
362
- | `qr-code` | 44,321 | 17,121 | 15,245 | 18,589 | 6,787 | 5,691 |
363
- | `quote` | 23,074 | 9,079 | 8,008 | 1,752 | 733 | 533 |
364
- | `radio` | 50,349 | 15,977 | 14,206 | 11,594 | 2,766 | 2,076 |
365
- | `rating` | 54,190 | 18,519 | 16,487 | 11,946 | 3,671 | 2,832 |
366
- | `sandbox` | 104,428 | 31,484 | 27,571 | 72,147 | 19,289 | 16,088 |
367
- | `scatter-chart` | 100,317 | 33,784 | 29,808 | 25,197 | 6,982 | 5,547 |
368
- | `scroll-area` | 35,437 | 12,025 | 10,665 | 13,489 | 3,582 | 2,874 |
369
- | `select` | 124,418 | 40,070 | 35,148 | 35,147 | 9,067 | 7,030 |
370
- | `skeleton` | 26,090 | 9,664 | 8,592 | 4,738 | 1,432 | 1,138 |
371
- | `skip-link` | 25,441 | 9,851 | 8,691 | 2,780 | 983 | 709 |
372
- | `slider` | 67,842 | 20,140 | 18,007 | 28,108 | 6,184 | 4,910 |
373
- | `sparkline` | 53,442 | 18,851 | 16,826 | 11,421 | 3,519 | 2,779 |
374
- | `speed-dial` | 75,797 | 26,105 | 23,140 | 17,946 | 4,404 | 3,470 |
375
- | `splitter` | 49,804 | 16,210 | 14,531 | 20,431 | 4,937 | 4,013 |
376
- | `stat` | 28,117 | 10,372 | 9,280 | 5,157 | 1,482 | 1,208 |
377
- | `steps` | 67,449 | 21,378 | 19,083 | 27,416 | 6,635 | 5,489 |
378
- | `strands` | 62,138 | 23,148 | 20,361 | 38,015 | 13,797 | 11,909 |
379
- | `switch` | 43,562 | 14,637 | 13,013 | 5,998 | 1,792 | 1,338 |
380
- | `table` | 135,900 | 40,155 | 34,987 | 62,687 | 15,581 | 12,683 |
381
- | `tabs` | 55,263 | 17,753 | 15,817 | 19,437 | 4,783 | 3,789 |
382
- | `tag` | 47,247 | 16,757 | 14,961 | 13,016 | 3,658 | 2,855 |
383
- | `text` | 28,756 | 9,943 | 8,755 | 7,396 | 1,519 | 1,156 |
384
- | `textarea` | 47,785 | 15,949 | 14,229 | 9,318 | 2,677 | 2,070 |
385
- | `time-input` | 193,597 | 56,836 | 49,452 | 72,824 | 16,646 | 13,480 |
386
- | `time-picker` | 111,928 | 33,946 | 29,876 | 46,251 | 11,627 | 9,291 |
387
- | `timeline` | 38,179 | 13,326 | 11,920 | 10,947 | 2,751 | 2,240 |
388
- | `toast` | 58,767 | 19,783 | 17,646 | 20,006 | 5,408 | 4,415 |
389
- | `toggle` | 50,439 | 16,510 | 14,670 | 10,854 | 3,077 | 2,529 |
390
- | `toolbar` | 33,726 | 12,066 | 10,723 | 7,822 | 2,163 | 1,589 |
391
- | `tooltip` | 61,420 | 21,833 | 19,367 | 11,220 | 3,137 | 2,485 |
392
- | `tour` | 93,661 | 30,695 | 27,173 | 29,787 | 7,497 | 6,129 |
393
- | `tree` | 76,275 | 24,651 | 21,984 | 25,874 | 6,942 | 5,589 |
394
- | `trend` | 31,231 | 12,050 | 10,741 | 4,982 | 1,613 | 1,261 |
395
- | `video` | 161,715 | 47,866 | 41,788 | 86,712 | 20,444 | 17,014 |
396
- | `video-playlist` | 143,639 | 44,279 | 38,912 | 58,709 | 14,189 | 11,763 |
397
- | `virtual-list` | 65,445 | 22,136 | 19,678 | 25,282 | 7,676 | 6,273 |
292
+ | `accordion` | 35,311 | 12,654 | 11,240 | 8,746 | 2,463 | 1,948 |
293
+ | `announcement` | 41,307 | 14,365 | 12,832 | 9,278 | 2,489 | 2,024 |
294
+ | `app-header` | 37,449 | 13,103 | 11,682 | 11,016 | 3,009 | 2,469 |
295
+ | `area-chart` | 98,393 | 33,578 | 29,732 | 22,131 | 6,256 | 5,102 |
296
+ | `aura` | 56,085 | 19,320 | 17,131 | 29,774 | 9,335 | 7,842 |
297
+ | `avatar` | 33,464 | 12,351 | 11,026 | 6,945 | 2,007 | 1,688 |
298
+ | `badge` | 32,595 | 11,821 | 10,551 | 8,438 | 2,177 | 1,852 |
299
+ | `bar-chart` | 108,944 | 35,724 | 31,549 | 32,533 | 8,394 | 6,916 |
300
+ | `blockquote` | 26,332 | 9,969 | 8,821 | 4,612 | 1,452 | 1,093 |
301
+ | `breadcrumbs` | 43,220 | 15,115 | 13,527 | 14,285 | 3,697 | 2,939 |
302
+ | `button` | 41,612 | 14,007 | 12,463 | 11,324 | 2,907 | 2,360 |
303
+ | `button-group` | 31,138 | 11,066 | 9,809 | 8,409 | 2,229 | 1,770 |
304
+ | `callout` | 39,049 | 14,537 | 12,921 | 6,659 | 1,950 | 1,613 |
305
+ | `canvas` | 129,523 | 38,717 | 33,827 | 89,611 | 24,897 | 20,993 |
306
+ | `card` | 27,678 | 10,059 | 8,913 | 5,976 | 1,650 | 1,408 |
307
+ | `carousel` | 53,234 | 17,022 | 15,257 | 25,477 | 6,037 | 4,920 |
308
+ | `chat` | 94,674 | 29,166 | 25,830 | 42,730 | 10,859 | 8,815 |
309
+ | `checkbox` | 46,865 | 15,190 | 13,511 | 9,580 | 2,503 | 2,019 |
310
+ | `checkbox-group` | 54,826 | 17,244 | 15,372 | 15,542 | 4,028 | 3,157 |
311
+ | `code` | 21,154 | 8,333 | 7,402 | 976 | 399 | 408 |
312
+ | `code-block` | 127,213 | 38,715 | 34,182 | 61,300 | 14,740 | 12,131 |
313
+ | `color-input` | 184,176 | 51,349 | 44,929 | 97,504 | 20,559 | 17,115 |
314
+ | `color-picker` | 140,348 | 38,508 | 33,859 | 84,177 | 18,389 | 15,176 |
315
+ | `combobox` | 147,503 | 44,927 | 39,520 | 51,254 | 12,085 | 9,797 |
316
+ | `command` | 110,791 | 33,835 | 29,771 | 41,332 | 10,522 | 8,516 |
317
+ | `copy-button` | 92,577 | 29,825 | 26,383 | 30,355 | 7,219 | 5,878 |
318
+ | `data-table` | 230,715 | 66,817 | 57,261 | 120,282 | 29,305 | 23,835 |
319
+ | `date-input` | 162,349 | 48,216 | 42,392 | 59,336 | 13,196 | 10,800 |
320
+ | `date-picker` | 69,281 | 22,363 | 20,013 | 28,250 | 7,010 | 5,726 |
321
+ | `description-list` | 25,855 | 9,517 | 8,469 | 4,508 | 1,284 | 1,109 |
322
+ | `dialog` | 43,360 | 14,855 | 13,245 | 10,933 | 3,007 | 2,524 |
323
+ | `divider` | 25,291 | 9,547 | 8,464 | 3,699 | 1,140 | 979 |
324
+ | `donut-chart` | 99,170 | 33,263 | 29,387 | 24,576 | 6,712 | 5,497 |
325
+ | `drawer` | 48,725 | 16,508 | 14,719 | 13,512 | 3,708 | 3,050 |
326
+ | `drilldown` | 48,438 | 16,235 | 14,490 | 15,378 | 4,052 | 3,224 |
327
+ | `empty` | 25,503 | 9,727 | 8,607 | 3,242 | 1,117 | 942 |
328
+ | `file-input` | 69,285 | 22,419 | 19,935 | 24,612 | 6,551 | 5,415 |
329
+ | `filter-input` | 108,688 | 34,991 | 31,031 | 32,465 | 8,412 | 6,840 |
330
+ | `flex` | 25,740 | 9,194 | 8,157 | 4,763 | 1,047 | 878 |
331
+ | `format-date` | 30,414 | 11,403 | 10,198 | 4,672 | 1,402 | 1,107 |
332
+ | `graph` | 89,037 | 27,081 | 23,844 | 36,528 | 9,184 | 7,506 |
333
+ | `grid` | 27,002 | 9,846 | 8,741 | 5,638 | 1,467 | 1,230 |
334
+ | `heatmap` | 105,486 | 35,189 | 31,061 | 26,281 | 7,263 | 5,865 |
335
+ | `icon` | 83,995 | 28,567 | 24,453 | 60,129 | 20,177 | 16,557 |
336
+ | `icon-button` | 43,040 | 13,981 | 12,453 | 12,753 | 2,882 | 2,317 |
337
+ | `image` | 26,892 | 9,947 | 8,821 | 5,194 | 1,620 | 1,303 |
338
+ | `input` | 50,619 | 17,063 | 15,045 | 11,597 | 3,559 | 2,627 |
339
+ | `isometric-heatmap` | 110,852 | 36,558 | 32,275 | 31,598 | 8,642 | 6,913 |
340
+ | `kbd` | 29,504 | 11,110 | 9,797 | 5,494 | 1,685 | 1,325 |
341
+ | `legend` | 40,423 | 14,214 | 12,625 | 8,067 | 2,264 | 1,810 |
342
+ | `lightbox` | 62,016 | 20,155 | 17,963 | 23,006 | 6,017 | 4,593 |
343
+ | `line-chart` | 102,454 | 34,257 | 30,346 | 25,863 | 6,849 | 5,573 |
344
+ | `list` | 68,150 | 22,816 | 20,329 | 21,569 | 5,958 | 4,723 |
345
+ | `listbox` | 81,154 | 26,542 | 23,438 | 19,994 | 5,703 | 4,506 |
346
+ | `loader` | 29,263 | 10,814 | 9,634 | 5,642 | 1,730 | 1,484 |
347
+ | `map` | 111,513 | 29,575 | 25,965 | 69,961 | 15,526 | 12,613 |
348
+ | `megamenu` | 64,996 | 22,865 | 20,221 | 13,547 | 3,558 | 2,865 |
349
+ | `menu` | 108,403 | 34,711 | 30,637 | 41,098 | 10,160 | 8,348 |
350
+ | `meter` | 37,896 | 13,378 | 11,969 | 11,050 | 2,820 | 2,508 |
351
+ | `navigation` | 36,814 | 13,268 | 11,785 | 7,077 | 2,025 | 1,732 |
352
+ | `notifications` | 71,808 | 22,446 | 20,037 | 31,663 | 7,637 | 6,298 |
353
+ | `number-input` | 61,253 | 20,024 | 17,839 | 18,491 | 4,850 | 3,805 |
354
+ | `object-inspector` | 130,338 | 41,206 | 36,260 | 51,884 | 13,190 | 10,875 |
355
+ | `option` | 29,672 | 10,762 | 9,549 | 7,712 | 2,213 | 1,807 |
356
+ | `orb` | 35,265 | 13,488 | 12,001 | 9,730 | 3,689 | 3,210 |
357
+ | `outline` | 37,846 | 13,459 | 11,935 | 12,073 | 3,491 | 2,776 |
358
+ | `pagination` | 153,264 | 46,929 | 40,875 | 62,366 | 15,240 | 12,294 |
359
+ | `pin-input` | 50,409 | 17,317 | 15,440 | 10,058 | 3,179 | 2,506 |
360
+ | `popover` | 66,958 | 23,702 | 20,976 | 9,509 | 2,658 | 2,152 |
361
+ | `progress` | 35,232 | 12,381 | 11,032 | 10,101 | 2,602 | 2,208 |
362
+ | `qr-code` | 44,321 | 17,121 | 15,244 | 18,589 | 6,787 | 5,692 |
363
+ | `quote` | 23,074 | 9,079 | 8,002 | 1,752 | 733 | 550 |
364
+ | `radio` | 50,349 | 15,977 | 14,212 | 11,594 | 2,766 | 2,188 |
365
+ | `rating` | 54,190 | 18,519 | 16,487 | 11,946 | 3,671 | 2,932 |
366
+ | `sandbox` | 104,428 | 31,484 | 27,587 | 72,147 | 19,289 | 16,253 |
367
+ | `scatter-chart` | 100,317 | 33,784 | 29,846 | 25,197 | 6,982 | 5,634 |
368
+ | `scroll-area` | 35,437 | 12,025 | 10,693 | 13,489 | 3,582 | 2,900 |
369
+ | `select` | 124,418 | 40,070 | 35,154 | 35,147 | 9,067 | 7,122 |
370
+ | `skeleton` | 26,090 | 9,664 | 8,592 | 4,738 | 1,432 | 1,201 |
371
+ | `skip-link` | 25,441 | 9,852 | 8,716 | 2,780 | 983 | 749 |
372
+ | `slider` | 67,842 | 20,140 | 18,033 | 28,108 | 6,184 | 4,977 |
373
+ | `sparkline` | 53,442 | 18,851 | 16,828 | 11,421 | 3,519 | 2,958 |
374
+ | `speed-dial` | 75,797 | 26,105 | 23,156 | 17,946 | 4,404 | 3,565 |
375
+ | `splitter` | 49,804 | 16,210 | 14,530 | 20,431 | 4,937 | 3,943 |
376
+ | `stat` | 28,117 | 10,372 | 9,251 | 5,157 | 1,482 | 1,256 |
377
+ | `steps` | 67,449 | 21,378 | 19,029 | 27,416 | 6,635 | 5,427 |
378
+ | `strands` | 62,138 | 23,148 | 20,404 | 38,015 | 13,797 | 11,914 |
379
+ | `switch` | 43,562 | 14,637 | 13,013 | 5,998 | 1,792 | 1,411 |
380
+ | `table` | 135,900 | 40,155 | 34,939 | 62,687 | 15,581 | 12,729 |
381
+ | `tabs` | 55,263 | 17,753 | 15,836 | 19,437 | 4,783 | 3,907 |
382
+ | `tag` | 47,247 | 16,758 | 14,982 | 13,016 | 3,658 | 2,984 |
383
+ | `text` | 28,756 | 9,943 | 8,757 | 7,396 | 1,519 | 1,309 |
384
+ | `textarea` | 47,785 | 15,949 | 14,227 | 9,318 | 2,677 | 2,198 |
385
+ | `time-input` | 193,597 | 56,836 | 49,498 | 72,824 | 16,646 | 13,607 |
386
+ | `time-picker` | 111,928 | 33,946 | 29,852 | 46,251 | 11,627 | 9,388 |
387
+ | `timeline` | 38,179 | 13,326 | 11,920 | 10,947 | 2,751 | 2,253 |
388
+ | `toast` | 58,767 | 19,783 | 17,643 | 20,006 | 5,408 | 4,355 |
389
+ | `toggle` | 50,439 | 16,510 | 14,669 | 10,854 | 3,077 | 2,499 |
390
+ | `toolbar` | 33,726 | 12,066 | 10,715 | 7,822 | 2,163 | 1,631 |
391
+ | `tooltip` | 61,420 | 21,833 | 19,384 | 11,220 | 3,137 | 2,532 |
392
+ | `tour` | 93,661 | 30,695 | 27,192 | 29,787 | 7,497 | 6,082 |
393
+ | `tree` | 76,275 | 24,651 | 21,953 | 25,874 | 6,942 | 5,599 |
394
+ | `trend` | 31,231 | 12,050 | 10,723 | 4,982 | 1,613 | 1,250 |
395
+ | `video` | 161,715 | 47,866 | 41,751 | 86,712 | 20,444 | 17,161 |
396
+ | `video-playlist` | 143,639 | 44,279 | 38,910 | 58,709 | 14,189 | 11,730 |
397
+ | `virtual-list` | 65,445 | 22,136 | 19,637 | 25,282 | 7,676 | 6,296 |
398
398
 
399
399
  ## What an install adds to `node_modules`
400
400
 
@@ -409,9 +409,9 @@ stripped column shows the bytes we removed.
409
409
  | `@fusion.dev/helix-core` | 2,561,244 | 559 | 727,996 | `@floating-ui/dom`, `@fusion.dev/helix-icons`, `tslib` |
410
410
  | `@fusion.dev/helix-headless` | 22,147,132 | 714 | 2,256,499 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `tslib`, `uqr` |
411
411
  | `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
412
- | `@fusion.dev/helix-styles` | 121,038 | 6 | 0 | none |
412
+ | `@fusion.dev/helix-styles` | 121,089 | 6 | 0 | none |
413
413
  | `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
414
- | `@fusion.dev/helix` | 22,136,756 | 966 | 539,157 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
414
+ | `@fusion.dev/helix` | 22,136,770 | 966 | 539,177 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles`, `tslib` |
415
415
 
416
416
  ## Not measured yet
417
417
 
package/dist/sources.generated.js CHANGED
@@ -761,6 +761,17 @@ table should not be seen, hide it visually, and the data is still there:
761
761
  >…</table>
762
762
  \`\`\`
763
763
 
764
+ A table hidden this way takes no room on the page, however many rows it has.
765
+ Inside an element with a \`transform\` or a \`filter\`, a long hidden table still
766
+ lengthens that element's scrolling area. Wrap the table in a hidden \`<div>\`
767
+ there:
768
+
769
+ \`\`\`html
770
+ <div data-hidden-visually>
771
+ <table id="revenue">…</table>
772
+ </div>
773
+ \`\`\`
774
+
764
775
  The table's caption becomes the chart's accessible name unless you set \`label\`.
765
776
  The caption usually has the right words already.
766
777
 
@@ -4232,7 +4243,7 @@ on its own.
4232
4243
 
4233
4244
  | | Raw | Gzip | Brotli |
4234
4245
  |---|---|---|---|
4235
- | Lit and \`@fusion.dev/helix-core\` | 248,564 | 79,270 | 67,929 |
4246
+ | Lit and \`@fusion.dev/helix-core\` | 248,564 | 79,270 | 67,871 |
4236
4247
 
4237
4248
  ## Whole packages
4238
4249
 
@@ -4243,12 +4254,12 @@ either barrel. The per-component tables show what your page pays.
4243
4254
 
4244
4255
  | Package | Raw | Gzip | Brotli | |
4245
4256
  |---|---|---|---|---|
4246
- | \`@fusion.dev/helix-core\` | 247,773 | 79,121 | 67,632 | The element base class, mixins, decorators, and floating positioning. |
4247
- | \`@fusion.dev/helix-headless\` | 1,337,367 | 373,053 | 279,948 | Every headless family. The barrel entry includes all of them. |
4257
+ | \`@fusion.dev/helix-core\` | 247,773 | 79,121 | 67,606 | The element base class, mixins, decorators, and floating positioning. |
4258
+ | \`@fusion.dev/helix-headless\` | 1,337,367 | 373,053 | 279,891 | Every headless family. The barrel entry includes all of them. |
4248
4259
  | \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
4249
4260
  | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
4250
4261
  | \`fusion_helix_theme_bg.wasm\` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
4251
- | \`@fusion.dev/helix\` | 2,015,564 | 520,954 | 371,957 | Every styled family. |
4262
+ | \`@fusion.dev/helix\` | 2,015,564 | 520,954 | 371,924 | Every styled family. |
4252
4263
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
4253
4264
 
4254
4265
  ## Stylesheets
@@ -4261,7 +4272,7 @@ shows the whole cost of using the base layer on its own.
4261
4272
 
4262
4273
  | File | Raw | Gzip | Brotli | |
4263
4274
  |---|---|---|---|---|
4264
- | \`base.css\` | 34,301 | 4,796 | 4,165 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
4275
+ | \`base.css\` | 34,352 | 4,806 | 4,174 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
4265
4276
  | \`elements.css\` | 19,050 | 2,860 | 2,551 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
4266
4277
  | \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
4267
4278
  | \`primitives.css\` | 7,511 | 1,401 | 1,221 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
@@ -4271,7 +4282,7 @@ shows the whole cost of using the base layer on its own.
4271
4282
 
4272
4283
  **Most of your first component is the shared runtime.** The median styled family is 17,535 bytes gzipped alone, and it adds 3,868 to a page that already has Helix. The shared runtime is 78 percent of the first component, and the component itself is 22 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
4273
4284
 
4274
- Across the 106 styled components, the smallest is \`code\` at 8,332 bytes gzipped alone, and the largest is \`data-table\` at 66,817. Every family together is 520,954.
4285
+ Across the 106 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,817. Every family together is 520,954.
4275
4286
 
4276
4287
  No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 373,053 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 106 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.
4277
4288
 
@@ -4287,22 +4298,22 @@ The table has no whole-library row. That row would compare how many components e
4287
4298
 
4288
4299
  | Component | System | Raw | Gzip | Brotli |
4289
4300
  |---|---|---|---|---|
4290
- | \`button\` | **Helix** | 41,612 | 14,007 | 12,442 |
4301
+ | \`button\` | **Helix** | 41,612 | 14,007 | 12,463 |
4291
4302
  | | Carbon | 133,058 | 20,959 | 17,685 |
4292
4303
  | | Material Web | 47,060 | 14,173 | 12,591 |
4293
4304
  | | Shoelace | 62,628 | 18,287 | 15,805 |
4294
4305
  | | Spectrum | 98,792 | 22,045 | 18,674 |
4295
- | \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,518 |
4306
+ | \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,511 |
4296
4307
  | | Carbon | 60,255 | 15,609 | 13,550 |
4297
4308
  | | Material Web | 43,785 | 13,556 | 12,015 |
4298
4309
  | | Shoelace | 47,614 | 15,177 | 13,301 |
4299
4310
  | | Spectrum | 62,492 | 15,437 | 13,481 |
4300
- | \`dialog\` | **Helix** | 43,360 | 14,855 | 13,244 |
4311
+ | \`dialog\` | **Helix** | 43,360 | 14,855 | 13,245 |
4301
4312
  | | Carbon | 510,866 | 67,390 | 39,189 |
4302
4313
  | | Material Web | 34,238 | 11,510 | 10,229 |
4303
4314
  | | Shoelace | 52,754 | 17,698 | 15,554 |
4304
4315
  | | Spectrum | 155,708 | 31,899 | 26,262 |
4305
- | \`radio\` | **Helix** | 50,349 | 15,977 | 14,206 |
4316
+ | \`radio\` | **Helix** | 50,349 | 15,977 | 14,212 |
4306
4317
  | | Carbon | 63,055 | 16,887 | 14,605 |
4307
4318
  | | Material Web | 41,044 | 13,234 | 11,757 |
4308
4319
  | | Shoelace | 34,865 | 12,027 | 10,559 |
@@ -4312,12 +4323,12 @@ The table has no whole-library row. That row would compare how many components e
4312
4323
  | | Material Web | 50,155 | 14,577 | 12,935 |
4313
4324
  | | Shoelace | 37,833 | 11,814 | 10,568 |
4314
4325
  | | Spectrum | 62,322 | 15,059 | 13,321 |
4315
- | \`tabs\` | **Helix** | 55,263 | 17,753 | 15,817 |
4326
+ | \`tabs\` | **Helix** | 55,263 | 17,753 | 15,836 |
4316
4327
  | | Carbon | 578,766 | 73,537 | 43,235 |
4317
4328
  | | Material Web | 38,883 | 12,820 | 11,368 |
4318
4329
  | | Shoelace | 54,573 | 17,140 | 15,068 |
4319
4330
  | | Spectrum | 64,875 | 18,298 | 16,283 |
4320
- | \`tooltip\` | **Helix** | 61,420 | 21,833 | 19,367 |
4331
+ | \`tooltip\` | **Helix** | 61,420 | 21,833 | 19,384 |
4321
4332
  | | Carbon | 189,382 | 30,354 | 22,273 |
4322
4333
  | | Material Web | | not shipped | |
4323
4334
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -4369,105 +4380,105 @@ Structure, accessibility, state, and form participation. It has no presentation
4369
4380
 
4370
4381
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4371
4382
  |---|---|---|---|---|---|---|
4372
- | \`accordion\` | 31,879 | 11,805 | 10,464 | 5,329 | 1,598 | 1,288 |
4373
- | \`announcement\` | 36,692 | 13,313 | 11,854 | 4,682 | 1,425 | 1,097 |
4374
- | \`app-header\` | 32,289 | 11,898 | 10,609 | 5,871 | 1,795 | 1,324 |
4375
- | \`area-chart\` | 90,301 | 31,724 | 28,047 | 14,058 | 4,345 | 3,420 |
4376
- | \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,234 | 1,023 |
4377
- | \`badge\` | 27,088 | 10,568 | 9,406 | 2,942 | 919 | 622 |
4378
- | \`bar-chart\` | 94,416 | 32,821 | 29,071 | 18,026 | 5,441 | 4,348 |
4379
- | \`blockquote\` | 24,107 | 9,420 | 8,336 | 2,402 | 913 | 692 |
4380
- | \`breadcrumbs\` | 36,279 | 13,906 | 12,382 | 7,360 | 2,451 | 1,943 |
4381
- | \`button\` | 35,194 | 12,591 | 11,223 | 4,925 | 1,471 | 991 |
4382
- | \`button-group\` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,059 |
4383
- | \`callout\` | 35,256 | 13,594 | 12,071 | 2,884 | 992 | 707 |
4384
- | \`canvas\` | 108,483 | 34,750 | 30,375 | 68,927 | 20,973 | 17,497 |
4385
- | \`card\` | 23,777 | 9,054 | 8,020 | 2,090 | 655 | 421 |
4386
- | \`carousel\` | 42,748 | 15,234 | 13,595 | 15,006 | 4,215 | 3,227 |
4387
- | \`chat\` | 79,390 | 26,446 | 23,401 | 27,455 | 8,116 | 6,306 |
4388
- | \`checkbox\` | 40,374 | 13,681 | 12,199 | 3,107 | 979 | 599 |
4389
- | \`checkbox-group\` | 47,602 | 15,599 | 13,897 | 8,325 | 2,351 | 1,714 |
4390
- | \`code\` | 20,301 | 8,015 | 7,122 | 138 | 67 | 17 |
4391
- | \`code-block\` | 102,738 | 34,889 | 30,808 | 36,843 | 10,785 | 8,721 |
4392
- | \`color-input\` | 141,792 | 45,087 | 39,361 | 55,136 | 14,334 | 11,701 |
4393
- | \`color-picker\` | 103,415 | 32,966 | 28,895 | 47,256 | 12,743 | 10,327 |
4394
- | \`combobox\` | 132,023 | 41,951 | 36,949 | 35,791 | 9,112 | 7,147 |
4395
- | \`command\` | 99,513 | 31,476 | 27,709 | 30,061 | 8,171 | 6,377 |
4396
- | \`copy-button\` | 80,548 | 27,649 | 24,490 | 18,341 | 4,985 | 3,952 |
4397
- | \`data-table\` | 199,900 | 61,428 | 52,533 | 89,488 | 23,783 | 19,131 |
4398
- | \`date-input\` | 141,223 | 44,512 | 39,128 | 38,229 | 9,447 | 7,477 |
4399
- | \`date-picker\` | 61,360 | 20,936 | 18,727 | 20,347 | 5,579 | 4,376 |
4400
- | \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 525 | 354 |
4401
- | \`dialog\` | 38,247 | 13,598 | 12,117 | 5,837 | 1,753 | 1,270 |
4402
- | \`divider\` | 22,991 | 8,924 | 7,882 | 1,416 | 502 | 308 |
4403
- | \`donut-chart\` | 89,212 | 31,127 | 27,532 | 14,641 | 4,497 | 3,607 |
4404
- | \`drawer\` | 42,892 | 15,123 | 13,459 | 7,698 | 2,295 | 1,773 |
4405
- | \`drilldown\` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,102 |
4406
- | \`empty\` | 24,194 | 9,250 | 8,201 | 1,951 | 658 | 492 |
4407
- | \`file-input\` | 57,757 | 20,019 | 17,802 | 13,094 | 4,155 | 3,297 |
4408
- | \`filter-input\` | 97,846 | 32,819 | 29,138 | 21,630 | 6,198 | 4,943 |
4409
- | \`format-date\` | 30,158 | 11,290 | 10,090 | 4,434 | 1,263 | 1,011 |
4410
- | \`graph\` | 74,369 | 24,504 | 21,694 | 21,878 | 6,484 | 5,303 |
4411
- | \`heatmap\` | 98,128 | 33,505 | 29,602 | 18,944 | 5,590 | 4,509 |
4412
- | \`icon\` | 82,157 | 28,050 | 23,964 | 58,304 | 19,661 | 15,889 |
4413
- | \`icon-button\` | 35,305 | 12,620 | 11,241 | 5,034 | 1,512 | 1,109 |
4414
- | \`image\` | 25,504 | 9,479 | 8,417 | 3,824 | 1,152 | 828 |
4415
- | \`input\` | 46,361 | 15,974 | 14,090 | 7,352 | 2,452 | 1,740 |
4416
- | \`isometric-heatmap\` | 102,771 | 34,713 | 30,582 | 23,536 | 6,748 | 5,312 |
4417
- | \`kbd\` | 27,511 | 10,570 | 9,367 | 3,516 | 1,152 | 763 |
4418
- | \`legend\` | 35,184 | 12,935 | 11,492 | 2,957 | 1,019 | 665 |
4419
- | \`lightbox\` | 55,724 | 18,818 | 16,720 | 16,730 | 4,692 | 3,478 |
4420
- | \`line-chart\` | 91,335 | 31,880 | 28,254 | 14,762 | 4,418 | 3,490 |
4421
- | \`list\` | 61,803 | 21,292 | 18,957 | 15,242 | 4,449 | 3,418 |
4422
- | \`listbox\` | 76,711 | 25,427 | 22,460 | 15,565 | 4,585 | 3,526 |
4423
- | \`loader\` | 26,379 | 10,041 | 8,907 | 2,775 | 969 | 736 |
4424
- | \`map\` | 78,565 | 24,393 | 21,320 | 37,025 | 10,128 | 7,906 |
4425
- | \`megamenu\` | 60,027 | 21,698 | 19,179 | 8,595 | 2,405 | 1,679 |
4426
- | \`menu\` | 97,473 | 32,550 | 28,755 | 30,180 | 7,996 | 6,403 |
4427
- | \`meter\` | 31,721 | 12,026 | 10,720 | 4,894 | 1,453 | 1,168 |
4428
- | \`navigation\` | 33,088 | 12,436 | 11,040 | 3,366 | 1,183 | 906 |
4429
- | \`notifications\` | 58,346 | 19,881 | 17,753 | 18,207 | 5,055 | 3,960 |
4430
- | \`number-input\` | 56,271 | 18,839 | 16,767 | 13,524 | 3,662 | 2,679 |
4431
- | \`object-inspector\` | 113,929 | 38,372 | 33,685 | 35,492 | 10,303 | 8,256 |
4432
- | \`option\` | 26,477 | 9,763 | 8,661 | 4,525 | 1,231 | 1,010 |
4433
- | \`outline\` | 33,612 | 12,597 | 11,179 | 7,856 | 2,569 | 1,958 |
4434
- | \`pagination\` | 136,258 | 43,650 | 37,920 | 45,377 | 11,934 | 9,424 |
4435
- | \`pin-input\` | 47,068 | 16,413 | 14,656 | 6,736 | 2,253 | 1,742 |
4436
- | \`popover\` | 63,806 | 22,940 | 20,269 | 6,375 | 1,876 | 1,338 |
4437
- | \`progress\` | 28,084 | 10,730 | 9,552 | 2,970 | 933 | 740 |
4438
- | \`qr-code\` | 42,719 | 16,647 | 14,867 | 17,004 | 6,288 | 5,231 |
4439
- | \`quote\` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 318 |
4440
- | \`radio\` | 42,561 | 14,464 | 12,882 | 3,817 | 1,227 | 920 |
4441
- | \`rating\` | 50,257 | 17,289 | 15,436 | 8,029 | 2,456 | 1,783 |
4442
- | \`scatter-chart\` | 91,226 | 31,675 | 28,012 | 16,127 | 4,840 | 3,841 |
4443
- | \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,032 |
4444
- | \`select\` | 115,289 | 38,173 | 33,415 | 26,033 | 7,140 | 5,445 |
4445
- | \`skeleton\` | 22,328 | 8,644 | 7,667 | 991 | 367 | 221 |
4446
- | \`skip-link\` | 23,871 | 9,337 | 8,265 | 1,225 | 493 | 347 |
4447
- | \`slider\` | 52,873 | 17,824 | 15,978 | 13,159 | 3,817 | 3,005 |
4448
- | \`sparkline\` | 47,984 | 17,500 | 15,601 | 5,981 | 2,162 | 1,713 |
4449
- | \`speed-dial\` | 68,751 | 24,718 | 21,905 | 10,915 | 2,990 | 2,283 |
4450
- | \`splitter\` | 43,751 | 15,167 | 13,536 | 14,397 | 3,878 | 3,113 |
4451
- | \`stat\` | 25,255 | 9,675 | 8,602 | 2,303 | 781 | 514 |
4452
- | \`steps\` | 53,623 | 18,635 | 16,628 | 13,603 | 3,869 | 3,023 |
4453
- | \`switch\` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 342 |
4454
- | \`table\` | 118,358 | 37,061 | 32,265 | 45,150 | 12,475 | 9,909 |
4455
- | \`tabs\` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,165 |
4456
- | \`tag\` | 42,676 | 15,621 | 13,972 | 8,455 | 2,548 | 1,894 |
4457
- | \`textarea\` | 43,852 | 14,941 | 13,325 | 5,402 | 1,622 | 1,186 |
4458
- | \`time-input\` | 169,269 | 52,676 | 45,799 | 48,511 | 12,418 | 9,843 |
4459
- | \`time-picker\` | 99,603 | 31,518 | 27,730 | 33,933 | 9,190 | 7,195 |
4460
- | \`timeline\` | 31,286 | 11,863 | 10,607 | 4,061 | 1,260 | 884 |
4461
- | \`toast\` | 50,871 | 17,940 | 16,020 | 12,124 | 3,529 | 2,727 |
4462
- | \`toggle\` | 45,577 | 15,270 | 13,580 | 6,007 | 1,799 | 1,302 |
4463
- | \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,305 |
4464
- | \`tooltip\` | 58,616 | 21,090 | 18,716 | 8,434 | 2,378 | 1,782 |
4465
- | \`tour\` | 83,670 | 28,721 | 25,340 | 19,815 | 5,458 | 4,223 |
4466
- | \`tree\` | 67,586 | 22,717 | 20,190 | 17,199 | 4,979 | 3,851 |
4467
- | \`trend\` | 29,717 | 11,569 | 10,337 | 3,487 | 1,133 | 732 |
4468
- | \`video\` | 141,208 | 44,138 | 38,533 | 66,217 | 16,841 | 13,728 |
4469
- | \`video-playlist\` | 127,686 | 41,301 | 36,316 | 42,775 | 11,224 | 9,052 |
4470
- | \`virtual-list\` | 63,451 | 21,631 | 19,310 | 23,305 | 7,171 | 5,803 |
4383
+ | \`accordion\` | 31,879 | 11,805 | 10,502 | 5,329 | 1,598 | 1,333 |
4384
+ | \`announcement\` | 36,692 | 13,313 | 11,874 | 4,682 | 1,425 | 1,119 |
4385
+ | \`app-header\` | 32,289 | 11,899 | 10,558 | 5,871 | 1,795 | 1,307 |
4386
+ | \`area-chart\` | 90,301 | 31,725 | 28,102 | 14,058 | 4,345 | 3,533 |
4387
+ | \`avatar\` | 30,463 | 11,596 | 10,391 | 3,957 | 1,234 | 1,079 |
4388
+ | \`badge\` | 27,088 | 10,568 | 9,409 | 2,942 | 919 | 743 |
4389
+ | \`bar-chart\` | 94,416 | 32,821 | 29,078 | 18,026 | 5,441 | 4,452 |
4390
+ | \`blockquote\` | 24,107 | 9,420 | 8,332 | 2,402 | 913 | 777 |
4391
+ | \`breadcrumbs\` | 36,279 | 13,906 | 12,383 | 7,360 | 2,451 | 1,999 |
4392
+ | \`button\` | 35,194 | 12,591 | 11,209 | 4,925 | 1,471 | 1,189 |
4393
+ | \`button-group\` | 27,640 | 10,382 | 9,203 | 4,928 | 1,516 | 1,200 |
4394
+ | \`callout\` | 35,256 | 13,595 | 12,075 | 2,884 | 992 | 755 |
4395
+ | \`canvas\` | 108,483 | 34,750 | 30,372 | 68,927 | 20,973 | 17,537 |
4396
+ | \`card\` | 23,777 | 9,054 | 8,019 | 2,090 | 655 | 533 |
4397
+ | \`carousel\` | 42,748 | 15,234 | 13,597 | 15,006 | 4,215 | 3,340 |
4398
+ | \`chat\` | 79,390 | 26,446 | 23,395 | 27,455 | 8,116 | 6,412 |
4399
+ | \`checkbox\` | 40,374 | 13,681 | 12,203 | 3,107 | 979 | 623 |
4400
+ | \`checkbox-group\` | 47,602 | 15,599 | 13,900 | 8,325 | 2,351 | 1,714 |
4401
+ | \`code\` | 20,301 | 8,015 | 7,096 | 138 | 67 | 120 |
4402
+ | \`code-block\` | 102,738 | 34,890 | 30,820 | 36,843 | 10,785 | 8,779 |
4403
+ | \`color-input\` | 141,792 | 45,087 | 39,379 | 55,136 | 14,334 | 11,686 |
4404
+ | \`color-picker\` | 103,415 | 32,966 | 28,879 | 47,256 | 12,743 | 10,363 |
4405
+ | \`combobox\` | 132,023 | 41,951 | 36,909 | 35,791 | 9,112 | 7,182 |
4406
+ | \`command\` | 99,513 | 31,476 | 27,730 | 30,061 | 8,171 | 6,354 |
4407
+ | \`copy-button\` | 80,548 | 27,649 | 24,480 | 18,341 | 4,985 | 3,925 |
4408
+ | \`data-table\` | 199,900 | 61,428 | 52,577 | 89,488 | 23,783 | 19,098 |
4409
+ | \`date-input\` | 141,223 | 44,512 | 39,162 | 38,229 | 9,447 | 7,544 |
4410
+ | \`date-picker\` | 61,360 | 20,936 | 18,732 | 20,347 | 5,579 | 4,413 |
4411
+ | \`description-list\` | 22,900 | 8,765 | 7,766 | 1,565 | 525 | 315 |
4412
+ | \`dialog\` | 38,247 | 13,598 | 12,121 | 5,837 | 1,753 | 1,282 |
4413
+ | \`divider\` | 22,991 | 8,924 | 7,885 | 1,416 | 502 | 332 |
4414
+ | \`donut-chart\` | 89,212 | 31,127 | 27,512 | 14,641 | 4,497 | 3,675 |
4415
+ | \`drawer\` | 42,892 | 15,123 | 13,459 | 7,698 | 2,295 | 1,801 |
4416
+ | \`drilldown\` | 42,756 | 14,941 | 13,297 | 9,710 | 2,724 | 2,185 |
4417
+ | \`empty\` | 24,194 | 9,250 | 8,197 | 1,951 | 658 | 524 |
4418
+ | \`file-input\` | 57,757 | 20,019 | 17,823 | 13,094 | 4,155 | 3,295 |
4419
+ | \`filter-input\` | 97,846 | 32,819 | 29,091 | 21,630 | 6,198 | 4,871 |
4420
+ | \`format-date\` | 30,158 | 11,290 | 10,099 | 4,434 | 1,263 | 1,016 |
4421
+ | \`graph\` | 74,369 | 24,504 | 21,724 | 21,878 | 6,484 | 5,238 |
4422
+ | \`heatmap\` | 98,128 | 33,505 | 29,619 | 18,944 | 5,590 | 4,517 |
4423
+ | \`icon\` | 82,157 | 28,050 | 23,960 | 58,304 | 19,661 | 16,198 |
4424
+ | \`icon-button\` | 35,305 | 12,620 | 11,241 | 5,034 | 1,512 | 1,210 |
4425
+ | \`image\` | 25,504 | 9,480 | 8,414 | 3,824 | 1,152 | 926 |
4426
+ | \`input\` | 46,361 | 15,974 | 14,092 | 7,352 | 2,452 | 1,720 |
4427
+ | \`isometric-heatmap\` | 102,771 | 34,713 | 30,604 | 23,536 | 6,748 | 5,382 |
4428
+ | \`kbd\` | 27,511 | 10,570 | 9,362 | 3,516 | 1,152 | 782 |
4429
+ | \`legend\` | 35,184 | 12,935 | 11,492 | 2,957 | 1,019 | 866 |
4430
+ | \`lightbox\` | 55,724 | 18,818 | 16,720 | 16,730 | 4,692 | 3,628 |
4431
+ | \`line-chart\` | 91,335 | 31,880 | 28,291 | 14,762 | 4,418 | 3,664 |
4432
+ | \`list\` | 61,803 | 21,292 | 18,960 | 15,242 | 4,449 | 3,487 |
4433
+ | \`listbox\` | 76,711 | 25,427 | 22,454 | 15,565 | 4,585 | 3,539 |
4434
+ | \`loader\` | 26,379 | 10,041 | 8,932 | 2,775 | 969 | 755 |
4435
+ | \`map\` | 78,565 | 24,393 | 21,346 | 37,025 | 10,128 | 7,926 |
4436
+ | \`megamenu\` | 60,027 | 21,698 | 19,218 | 8,595 | 2,405 | 1,797 |
4437
+ | \`menu\` | 97,473 | 32,550 | 28,751 | 30,180 | 7,996 | 6,357 |
4438
+ | \`meter\` | 31,721 | 12,026 | 10,718 | 4,894 | 1,453 | 1,284 |
4439
+ | \`navigation\` | 33,088 | 12,436 | 11,050 | 3,366 | 1,183 | 976 |
4440
+ | \`notifications\` | 58,346 | 19,881 | 17,729 | 18,207 | 5,055 | 4,063 |
4441
+ | \`number-input\` | 56,271 | 18,839 | 16,812 | 13,524 | 3,662 | 2,797 |
4442
+ | \`object-inspector\` | 113,929 | 38,372 | 33,759 | 35,492 | 10,303 | 8,201 |
4443
+ | \`option\` | 26,477 | 9,763 | 8,661 | 4,525 | 1,231 | 1,101 |
4444
+ | \`outline\` | 33,612 | 12,598 | 11,180 | 7,856 | 2,569 | 1,910 |
4445
+ | \`pagination\` | 136,258 | 43,650 | 37,984 | 45,377 | 11,934 | 9,433 |
4446
+ | \`pin-input\` | 47,068 | 16,413 | 14,643 | 6,736 | 2,253 | 1,685 |
4447
+ | \`popover\` | 63,806 | 22,941 | 20,259 | 6,375 | 1,876 | 1,386 |
4448
+ | \`progress\` | 28,084 | 10,730 | 9,550 | 2,970 | 933 | 761 |
4449
+ | \`qr-code\` | 42,719 | 16,647 | 14,848 | 17,004 | 6,288 | 5,409 |
4450
+ | \`quote\` | 22,516 | 8,885 | 7,828 | 1,211 | 523 | 361 |
4451
+ | \`radio\` | 42,561 | 14,464 | 12,878 | 3,817 | 1,227 | 840 |
4452
+ | \`rating\` | 50,257 | 17,289 | 15,435 | 8,029 | 2,456 | 1,909 |
4453
+ | \`scatter-chart\` | 91,226 | 31,675 | 28,028 | 16,127 | 4,840 | 3,981 |
4454
+ | \`scroll-area\` | 30,430 | 11,079 | 9,814 | 8,499 | 2,602 | 2,062 |
4455
+ | \`select\` | 115,289 | 38,173 | 33,419 | 26,033 | 7,140 | 5,464 |
4456
+ | \`skeleton\` | 22,328 | 8,644 | 7,664 | 991 | 367 | 189 |
4457
+ | \`skip-link\` | 23,871 | 9,338 | 8,270 | 1,225 | 493 | 483 |
4458
+ | \`slider\` | 52,873 | 17,824 | 15,978 | 13,159 | 3,817 | 2,962 |
4459
+ | \`sparkline\` | 47,984 | 17,500 | 15,653 | 5,981 | 2,162 | 1,717 |
4460
+ | \`speed-dial\` | 68,751 | 24,718 | 21,887 | 10,915 | 2,990 | 2,427 |
4461
+ | \`splitter\` | 43,751 | 15,167 | 13,557 | 14,397 | 3,878 | 3,122 |
4462
+ | \`stat\` | 25,255 | 9,675 | 8,616 | 2,303 | 781 | 617 |
4463
+ | \`steps\` | 53,623 | 18,636 | 16,626 | 13,603 | 3,869 | 3,176 |
4464
+ | \`switch\` | 39,233 | 13,495 | 12,048 | 1,679 | 625 | 378 |
4465
+ | \`table\` | 118,358 | 37,061 | 32,243 | 45,150 | 12,475 | 10,199 |
4466
+ | \`tabs\` | 46,310 | 15,908 | 14,148 | 10,491 | 2,916 | 2,306 |
4467
+ | \`tag\` | 42,676 | 15,622 | 13,978 | 8,455 | 2,548 | 1,971 |
4468
+ | \`textarea\` | 43,852 | 14,941 | 13,327 | 5,402 | 1,622 | 1,252 |
4469
+ | \`time-input\` | 169,269 | 52,676 | 45,816 | 48,511 | 12,418 | 9,779 |
4470
+ | \`time-picker\` | 99,603 | 31,518 | 27,757 | 33,933 | 9,190 | 7,245 |
4471
+ | \`timeline\` | 31,286 | 11,863 | 10,579 | 4,061 | 1,260 | 1,031 |
4472
+ | \`toast\` | 50,871 | 17,940 | 16,004 | 12,124 | 3,529 | 2,773 |
4473
+ | \`toggle\` | 45,577 | 15,270 | 13,575 | 6,007 | 1,799 | 1,402 |
4474
+ | \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,158 | 1,694 | 1,386 |
4475
+ | \`tooltip\` | 58,616 | 21,090 | 18,717 | 8,434 | 2,378 | 1,863 |
4476
+ | \`tour\` | 83,670 | 28,721 | 25,358 | 19,815 | 5,458 | 4,399 |
4477
+ | \`tree\` | 67,586 | 22,717 | 20,230 | 17,199 | 4,979 | 4,072 |
4478
+ | \`trend\` | 29,717 | 11,569 | 10,322 | 3,487 | 1,133 | 978 |
4479
+ | \`video\` | 141,208 | 44,138 | 38,547 | 66,217 | 16,841 | 13,726 |
4480
+ | \`video-playlist\` | 127,686 | 41,301 | 36,303 | 42,775 | 11,224 | 9,153 |
4481
+ | \`virtual-list\` | 63,451 | 21,632 | 19,223 | 23,305 | 7,171 | 5,823 |
4471
4482
 
4472
4483
  ### Styled tier
4473
4484
 
@@ -4475,112 +4486,112 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
4475
4486
 
4476
4487
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4477
4488
  |---|---|---|---|---|---|---|
4478
- | \`accordion\` | 35,311 | 12,654 | 11,215 | 8,746 | 2,463 | 1,916 |
4479
- | \`announcement\` | 41,307 | 14,365 | 12,844 | 9,278 | 2,489 | 1,985 |
4480
- | \`app-header\` | 37,449 | 13,103 | 11,662 | 11,016 | 3,009 | 2,360 |
4481
- | \`area-chart\` | 98,393 | 33,578 | 29,651 | 22,131 | 6,256 | 5,128 |
4482
- | \`aura\` | 56,085 | 19,320 | 17,143 | 29,774 | 9,335 | 7,766 |
4483
- | \`avatar\` | 33,464 | 12,350 | 11,080 | 6,945 | 2,007 | 1,587 |
4484
- | \`badge\` | 32,595 | 11,820 | 10,525 | 8,438 | 2,177 | 1,751 |
4485
- | \`bar-chart\` | 108,944 | 35,724 | 31,575 | 32,533 | 8,394 | 6,783 |
4486
- | \`blockquote\` | 26,332 | 9,969 | 8,824 | 4,612 | 1,452 | 1,145 |
4487
- | \`breadcrumbs\` | 43,220 | 15,115 | 13,516 | 14,285 | 3,697 | 3,035 |
4488
- | \`button\` | 41,612 | 14,007 | 12,442 | 11,324 | 2,907 | 2,208 |
4489
- | \`button-group\` | 31,138 | 11,066 | 9,812 | 8,409 | 2,229 | 1,663 |
4490
- | \`callout\` | 39,049 | 14,537 | 12,949 | 6,659 | 1,950 | 1,507 |
4491
- | \`canvas\` | 129,523 | 38,717 | 33,900 | 89,611 | 24,897 | 20,827 |
4492
- | \`card\` | 27,678 | 10,059 | 8,913 | 5,976 | 1,650 | 1,337 |
4493
- | \`carousel\` | 53,234 | 17,022 | 15,256 | 25,477 | 6,037 | 4,854 |
4494
- | \`chat\` | 94,674 | 29,166 | 25,836 | 42,730 | 10,859 | 8,708 |
4495
- | \`checkbox\` | 46,865 | 15,190 | 13,518 | 9,580 | 2,503 | 1,866 |
4496
- | \`checkbox-group\` | 54,826 | 17,244 | 15,360 | 15,542 | 4,028 | 3,141 |
4497
- | \`code\` | 21,154 | 8,332 | 7,402 | 976 | 399 | 250 |
4498
- | \`code-block\` | 127,213 | 38,714 | 34,154 | 61,300 | 14,740 | 12,034 |
4499
- | \`color-input\` | 184,176 | 51,349 | 44,958 | 97,504 | 20,559 | 17,117 |
4500
- | \`color-picker\` | 140,348 | 38,508 | 33,795 | 84,177 | 18,389 | 15,128 |
4501
- | \`combobox\` | 147,503 | 44,927 | 39,580 | 51,254 | 12,085 | 9,637 |
4502
- | \`command\` | 110,791 | 33,835 | 29,839 | 41,332 | 10,522 | 8,410 |
4503
- | \`copy-button\` | 92,577 | 29,825 | 26,382 | 30,355 | 7,219 | 5,764 |
4504
- | \`data-table\` | 230,715 | 66,817 | 57,321 | 120,282 | 29,305 | 23,748 |
4505
- | \`date-input\` | 162,349 | 48,215 | 42,373 | 59,336 | 13,196 | 10,838 |
4506
- | \`date-picker\` | 69,281 | 22,363 | 19,983 | 28,250 | 7,010 | 5,689 |
4507
- | \`description-list\` | 25,855 | 9,517 | 8,468 | 4,508 | 1,284 | 1,011 |
4508
- | \`dialog\` | 43,360 | 14,855 | 13,244 | 10,933 | 3,007 | 2,360 |
4509
- | \`divider\` | 25,291 | 9,547 | 8,433 | 3,699 | 1,140 | 919 |
4510
- | \`donut-chart\` | 99,170 | 33,263 | 29,408 | 24,576 | 6,712 | 5,401 |
4511
- | \`drawer\` | 48,725 | 16,508 | 14,718 | 13,512 | 3,708 | 2,986 |
4512
- | \`drilldown\` | 48,438 | 16,235 | 14,452 | 15,378 | 4,052 | 3,212 |
4513
- | \`empty\` | 25,503 | 9,726 | 8,598 | 3,242 | 1,117 | 869 |
4514
- | \`file-input\` | 69,285 | 22,419 | 19,908 | 24,612 | 6,551 | 5,350 |
4515
- | \`filter-input\` | 108,688 | 34,991 | 30,996 | 32,465 | 8,412 | 6,741 |
4516
- | \`flex\` | 25,740 | 9,194 | 8,150 | 4,763 | 1,047 | 777 |
4517
- | \`format-date\` | 30,414 | 11,403 | 10,189 | 4,672 | 1,402 | 1,018 |
4518
- | \`graph\` | 89,037 | 27,080 | 23,878 | 36,528 | 9,184 | 7,415 |
4519
- | \`grid\` | 27,002 | 9,846 | 8,736 | 5,638 | 1,467 | 1,230 |
4520
- | \`heatmap\` | 105,486 | 35,189 | 31,027 | 26,281 | 7,263 | 5,838 |
4521
- | \`icon\` | 83,995 | 28,567 | 24,459 | 60,129 | 20,177 | 16,416 |
4522
- | \`icon-button\` | 43,040 | 13,981 | 12,448 | 12,753 | 2,882 | 2,273 |
4523
- | \`image\` | 26,892 | 9,946 | 8,814 | 5,194 | 1,620 | 1,342 |
4524
- | \`input\` | 50,619 | 17,063 | 15,054 | 11,597 | 3,559 | 2,693 |
4525
- | \`isometric-heatmap\` | 110,852 | 36,558 | 32,285 | 31,598 | 8,642 | 6,989 |
4526
- | \`kbd\` | 29,504 | 11,109 | 9,837 | 5,494 | 1,685 | 1,228 |
4527
- | \`legend\` | 40,423 | 14,214 | 12,618 | 8,067 | 2,264 | 1,840 |
4528
- | \`lightbox\` | 62,016 | 20,155 | 17,924 | 23,006 | 6,017 | 4,600 |
4529
- | \`line-chart\` | 102,454 | 34,257 | 30,359 | 25,863 | 6,849 | 5,601 |
4530
- | \`list\` | 68,150 | 22,815 | 20,344 | 21,569 | 5,958 | 4,732 |
4531
- | \`listbox\` | 81,154 | 26,541 | 23,468 | 19,994 | 5,703 | 4,450 |
4532
- | \`loader\` | 29,263 | 10,814 | 9,643 | 5,642 | 1,730 | 1,425 |
4533
- | \`map\` | 111,513 | 29,575 | 26,001 | 69,961 | 15,526 | 12,613 |
4534
- | \`megamenu\` | 64,996 | 22,865 | 20,230 | 13,547 | 3,558 | 2,750 |
4535
- | \`menu\` | 108,403 | 34,711 | 30,620 | 41,098 | 10,160 | 8,241 |
4536
- | \`meter\` | 37,896 | 13,377 | 11,935 | 11,050 | 2,820 | 2,364 |
4537
- | \`navigation\` | 36,814 | 13,268 | 11,770 | 7,077 | 2,025 | 1,612 |
4538
- | \`notifications\` | 71,808 | 22,447 | 20,022 | 31,663 | 7,637 | 6,217 |
4539
- | \`number-input\` | 61,253 | 20,024 | 17,816 | 18,491 | 4,850 | 3,746 |
4540
- | \`object-inspector\` | 130,338 | 41,206 | 36,279 | 51,884 | 13,190 | 10,742 |
4541
- | \`option\` | 29,672 | 10,762 | 9,552 | 7,712 | 2,213 | 1,732 |
4542
- | \`orb\` | 35,265 | 13,488 | 12,000 | 9,730 | 3,689 | 3,140 |
4543
- | \`outline\` | 37,846 | 13,458 | 11,934 | 12,073 | 3,491 | 2,777 |
4544
- | \`pagination\` | 153,264 | 46,929 | 40,864 | 62,366 | 15,240 | 12,233 |
4545
- | \`pin-input\` | 50,409 | 17,316 | 15,440 | 10,058 | 3,179 | 2,488 |
4546
- | \`popover\` | 66,958 | 23,702 | 20,990 | 9,509 | 2,658 | 2,018 |
4547
- | \`progress\` | 35,232 | 12,380 | 11,035 | 10,101 | 2,602 | 2,164 |
4548
- | \`qr-code\` | 44,321 | 17,121 | 15,245 | 18,589 | 6,787 | 5,691 |
4549
- | \`quote\` | 23,074 | 9,079 | 8,008 | 1,752 | 733 | 533 |
4550
- | \`radio\` | 50,349 | 15,977 | 14,206 | 11,594 | 2,766 | 2,076 |
4551
- | \`rating\` | 54,190 | 18,519 | 16,487 | 11,946 | 3,671 | 2,832 |
4552
- | \`sandbox\` | 104,428 | 31,484 | 27,571 | 72,147 | 19,289 | 16,088 |
4553
- | \`scatter-chart\` | 100,317 | 33,784 | 29,808 | 25,197 | 6,982 | 5,547 |
4554
- | \`scroll-area\` | 35,437 | 12,025 | 10,665 | 13,489 | 3,582 | 2,874 |
4555
- | \`select\` | 124,418 | 40,070 | 35,148 | 35,147 | 9,067 | 7,030 |
4556
- | \`skeleton\` | 26,090 | 9,664 | 8,592 | 4,738 | 1,432 | 1,138 |
4557
- | \`skip-link\` | 25,441 | 9,851 | 8,691 | 2,780 | 983 | 709 |
4558
- | \`slider\` | 67,842 | 20,140 | 18,007 | 28,108 | 6,184 | 4,910 |
4559
- | \`sparkline\` | 53,442 | 18,851 | 16,826 | 11,421 | 3,519 | 2,779 |
4560
- | \`speed-dial\` | 75,797 | 26,105 | 23,140 | 17,946 | 4,404 | 3,470 |
4561
- | \`splitter\` | 49,804 | 16,210 | 14,531 | 20,431 | 4,937 | 4,013 |
4562
- | \`stat\` | 28,117 | 10,372 | 9,280 | 5,157 | 1,482 | 1,208 |
4563
- | \`steps\` | 67,449 | 21,378 | 19,083 | 27,416 | 6,635 | 5,489 |
4564
- | \`strands\` | 62,138 | 23,148 | 20,361 | 38,015 | 13,797 | 11,909 |
4565
- | \`switch\` | 43,562 | 14,637 | 13,013 | 5,998 | 1,792 | 1,338 |
4566
- | \`table\` | 135,900 | 40,155 | 34,987 | 62,687 | 15,581 | 12,683 |
4567
- | \`tabs\` | 55,263 | 17,753 | 15,817 | 19,437 | 4,783 | 3,789 |
4568
- | \`tag\` | 47,247 | 16,757 | 14,961 | 13,016 | 3,658 | 2,855 |
4569
- | \`text\` | 28,756 | 9,943 | 8,755 | 7,396 | 1,519 | 1,156 |
4570
- | \`textarea\` | 47,785 | 15,949 | 14,229 | 9,318 | 2,677 | 2,070 |
4571
- | \`time-input\` | 193,597 | 56,836 | 49,452 | 72,824 | 16,646 | 13,480 |
4572
- | \`time-picker\` | 111,928 | 33,946 | 29,876 | 46,251 | 11,627 | 9,291 |
4573
- | \`timeline\` | 38,179 | 13,326 | 11,920 | 10,947 | 2,751 | 2,240 |
4574
- | \`toast\` | 58,767 | 19,783 | 17,646 | 20,006 | 5,408 | 4,415 |
4575
- | \`toggle\` | 50,439 | 16,510 | 14,670 | 10,854 | 3,077 | 2,529 |
4576
- | \`toolbar\` | 33,726 | 12,066 | 10,723 | 7,822 | 2,163 | 1,589 |
4577
- | \`tooltip\` | 61,420 | 21,833 | 19,367 | 11,220 | 3,137 | 2,485 |
4578
- | \`tour\` | 93,661 | 30,695 | 27,173 | 29,787 | 7,497 | 6,129 |
4579
- | \`tree\` | 76,275 | 24,651 | 21,984 | 25,874 | 6,942 | 5,589 |
4580
- | \`trend\` | 31,231 | 12,050 | 10,741 | 4,982 | 1,613 | 1,261 |
4581
- | \`video\` | 161,715 | 47,866 | 41,788 | 86,712 | 20,444 | 17,014 |
4582
- | \`video-playlist\` | 143,639 | 44,279 | 38,912 | 58,709 | 14,189 | 11,763 |
4583
- | \`virtual-list\` | 65,445 | 22,136 | 19,678 | 25,282 | 7,676 | 6,273 |
4489
+ | \`accordion\` | 35,311 | 12,654 | 11,240 | 8,746 | 2,463 | 1,948 |
4490
+ | \`announcement\` | 41,307 | 14,365 | 12,832 | 9,278 | 2,489 | 2,024 |
4491
+ | \`app-header\` | 37,449 | 13,103 | 11,682 | 11,016 | 3,009 | 2,469 |
4492
+ | \`area-chart\` | 98,393 | 33,578 | 29,732 | 22,131 | 6,256 | 5,102 |
4493
+ | \`aura\` | 56,085 | 19,320 | 17,131 | 29,774 | 9,335 | 7,842 |
4494
+ | \`avatar\` | 33,464 | 12,351 | 11,026 | 6,945 | 2,007 | 1,688 |
4495
+ | \`badge\` | 32,595 | 11,821 | 10,551 | 8,438 | 2,177 | 1,852 |
4496
+ | \`bar-chart\` | 108,944 | 35,724 | 31,549 | 32,533 | 8,394 | 6,916 |
4497
+ | \`blockquote\` | 26,332 | 9,969 | 8,821 | 4,612 | 1,452 | 1,093 |
4498
+ | \`breadcrumbs\` | 43,220 | 15,115 | 13,527 | 14,285 | 3,697 | 2,939 |
4499
+ | \`button\` | 41,612 | 14,007 | 12,463 | 11,324 | 2,907 | 2,360 |
4500
+ | \`button-group\` | 31,138 | 11,066 | 9,809 | 8,409 | 2,229 | 1,770 |
4501
+ | \`callout\` | 39,049 | 14,537 | 12,921 | 6,659 | 1,950 | 1,613 |
4502
+ | \`canvas\` | 129,523 | 38,717 | 33,827 | 89,611 | 24,897 | 20,993 |
4503
+ | \`card\` | 27,678 | 10,059 | 8,913 | 5,976 | 1,650 | 1,408 |
4504
+ | \`carousel\` | 53,234 | 17,022 | 15,257 | 25,477 | 6,037 | 4,920 |
4505
+ | \`chat\` | 94,674 | 29,166 | 25,830 | 42,730 | 10,859 | 8,815 |
4506
+ | \`checkbox\` | 46,865 | 15,190 | 13,511 | 9,580 | 2,503 | 2,019 |
4507
+ | \`checkbox-group\` | 54,826 | 17,244 | 15,372 | 15,542 | 4,028 | 3,157 |
4508
+ | \`code\` | 21,154 | 8,333 | 7,402 | 976 | 399 | 408 |
4509
+ | \`code-block\` | 127,213 | 38,715 | 34,182 | 61,300 | 14,740 | 12,131 |
4510
+ | \`color-input\` | 184,176 | 51,349 | 44,929 | 97,504 | 20,559 | 17,115 |
4511
+ | \`color-picker\` | 140,348 | 38,508 | 33,859 | 84,177 | 18,389 | 15,176 |
4512
+ | \`combobox\` | 147,503 | 44,927 | 39,520 | 51,254 | 12,085 | 9,797 |
4513
+ | \`command\` | 110,791 | 33,835 | 29,771 | 41,332 | 10,522 | 8,516 |
4514
+ | \`copy-button\` | 92,577 | 29,825 | 26,383 | 30,355 | 7,219 | 5,878 |
4515
+ | \`data-table\` | 230,715 | 66,817 | 57,261 | 120,282 | 29,305 | 23,835 |
4516
+ | \`date-input\` | 162,349 | 48,216 | 42,392 | 59,336 | 13,196 | 10,800 |
4517
+ | \`date-picker\` | 69,281 | 22,363 | 20,013 | 28,250 | 7,010 | 5,726 |
4518
+ | \`description-list\` | 25,855 | 9,517 | 8,469 | 4,508 | 1,284 | 1,109 |
4519
+ | \`dialog\` | 43,360 | 14,855 | 13,245 | 10,933 | 3,007 | 2,524 |
4520
+ | \`divider\` | 25,291 | 9,547 | 8,464 | 3,699 | 1,140 | 979 |
4521
+ | \`donut-chart\` | 99,170 | 33,263 | 29,387 | 24,576 | 6,712 | 5,497 |
4522
+ | \`drawer\` | 48,725 | 16,508 | 14,719 | 13,512 | 3,708 | 3,050 |
4523
+ | \`drilldown\` | 48,438 | 16,235 | 14,490 | 15,378 | 4,052 | 3,224 |
4524
+ | \`empty\` | 25,503 | 9,727 | 8,607 | 3,242 | 1,117 | 942 |
4525
+ | \`file-input\` | 69,285 | 22,419 | 19,935 | 24,612 | 6,551 | 5,415 |
4526
+ | \`filter-input\` | 108,688 | 34,991 | 31,031 | 32,465 | 8,412 | 6,840 |
4527
+ | \`flex\` | 25,740 | 9,194 | 8,157 | 4,763 | 1,047 | 878 |
4528
+ | \`format-date\` | 30,414 | 11,403 | 10,198 | 4,672 | 1,402 | 1,107 |
4529
+ | \`graph\` | 89,037 | 27,081 | 23,844 | 36,528 | 9,184 | 7,506 |
4530
+ | \`grid\` | 27,002 | 9,846 | 8,741 | 5,638 | 1,467 | 1,230 |
4531
+ | \`heatmap\` | 105,486 | 35,189 | 31,061 | 26,281 | 7,263 | 5,865 |
4532
+ | \`icon\` | 83,995 | 28,567 | 24,453 | 60,129 | 20,177 | 16,557 |
4533
+ | \`icon-button\` | 43,040 | 13,981 | 12,453 | 12,753 | 2,882 | 2,317 |
4534
+ | \`image\` | 26,892 | 9,947 | 8,821 | 5,194 | 1,620 | 1,303 |
4535
+ | \`input\` | 50,619 | 17,063 | 15,045 | 11,597 | 3,559 | 2,627 |
4536
+ | \`isometric-heatmap\` | 110,852 | 36,558 | 32,275 | 31,598 | 8,642 | 6,913 |
4537
+ | \`kbd\` | 29,504 | 11,110 | 9,797 | 5,494 | 1,685 | 1,325 |
4538
+ | \`legend\` | 40,423 | 14,214 | 12,625 | 8,067 | 2,264 | 1,810 |
4539
+ | \`lightbox\` | 62,016 | 20,155 | 17,963 | 23,006 | 6,017 | 4,593 |
4540
+ | \`line-chart\` | 102,454 | 34,257 | 30,346 | 25,863 | 6,849 | 5,573 |
4541
+ | \`list\` | 68,150 | 22,816 | 20,329 | 21,569 | 5,958 | 4,723 |
4542
+ | \`listbox\` | 81,154 | 26,542 | 23,438 | 19,994 | 5,703 | 4,506 |
4543
+ | \`loader\` | 29,263 | 10,814 | 9,634 | 5,642 | 1,730 | 1,484 |
4544
+ | \`map\` | 111,513 | 29,575 | 25,965 | 69,961 | 15,526 | 12,613 |
4545
+ | \`megamenu\` | 64,996 | 22,865 | 20,221 | 13,547 | 3,558 | 2,865 |
4546
+ | \`menu\` | 108,403 | 34,711 | 30,637 | 41,098 | 10,160 | 8,348 |
4547
+ | \`meter\` | 37,896 | 13,378 | 11,969 | 11,050 | 2,820 | 2,508 |
4548
+ | \`navigation\` | 36,814 | 13,268 | 11,785 | 7,077 | 2,025 | 1,732 |
4549
+ | \`notifications\` | 71,808 | 22,446 | 20,037 | 31,663 | 7,637 | 6,298 |
4550
+ | \`number-input\` | 61,253 | 20,024 | 17,839 | 18,491 | 4,850 | 3,805 |
4551
+ | \`object-inspector\` | 130,338 | 41,206 | 36,260 | 51,884 | 13,190 | 10,875 |
4552
+ | \`option\` | 29,672 | 10,762 | 9,549 | 7,712 | 2,213 | 1,807 |
4553
+ | \`orb\` | 35,265 | 13,488 | 12,001 | 9,730 | 3,689 | 3,210 |
4554
+ | \`outline\` | 37,846 | 13,459 | 11,935 | 12,073 | 3,491 | 2,776 |
4555
+ | \`pagination\` | 153,264 | 46,929 | 40,875 | 62,366 | 15,240 | 12,294 |
4556
+ | \`pin-input\` | 50,409 | 17,317 | 15,440 | 10,058 | 3,179 | 2,506 |
4557
+ | \`popover\` | 66,958 | 23,702 | 20,976 | 9,509 | 2,658 | 2,152 |
4558
+ | \`progress\` | 35,232 | 12,381 | 11,032 | 10,101 | 2,602 | 2,208 |
4559
+ | \`qr-code\` | 44,321 | 17,121 | 15,244 | 18,589 | 6,787 | 5,692 |
4560
+ | \`quote\` | 23,074 | 9,079 | 8,002 | 1,752 | 733 | 550 |
4561
+ | \`radio\` | 50,349 | 15,977 | 14,212 | 11,594 | 2,766 | 2,188 |
4562
+ | \`rating\` | 54,190 | 18,519 | 16,487 | 11,946 | 3,671 | 2,932 |
4563
+ | \`sandbox\` | 104,428 | 31,484 | 27,587 | 72,147 | 19,289 | 16,253 |
4564
+ | \`scatter-chart\` | 100,317 | 33,784 | 29,846 | 25,197 | 6,982 | 5,634 |
4565
+ | \`scroll-area\` | 35,437 | 12,025 | 10,693 | 13,489 | 3,582 | 2,900 |
4566
+ | \`select\` | 124,418 | 40,070 | 35,154 | 35,147 | 9,067 | 7,122 |
4567
+ | \`skeleton\` | 26,090 | 9,664 | 8,592 | 4,738 | 1,432 | 1,201 |
4568
+ | \`skip-link\` | 25,441 | 9,852 | 8,716 | 2,780 | 983 | 749 |
4569
+ | \`slider\` | 67,842 | 20,140 | 18,033 | 28,108 | 6,184 | 4,977 |
4570
+ | \`sparkline\` | 53,442 | 18,851 | 16,828 | 11,421 | 3,519 | 2,958 |
4571
+ | \`speed-dial\` | 75,797 | 26,105 | 23,156 | 17,946 | 4,404 | 3,565 |
4572
+ | \`splitter\` | 49,804 | 16,210 | 14,530 | 20,431 | 4,937 | 3,943 |
4573
+ | \`stat\` | 28,117 | 10,372 | 9,251 | 5,157 | 1,482 | 1,256 |
4574
+ | \`steps\` | 67,449 | 21,378 | 19,029 | 27,416 | 6,635 | 5,427 |
4575
+ | \`strands\` | 62,138 | 23,148 | 20,404 | 38,015 | 13,797 | 11,914 |
4576
+ | \`switch\` | 43,562 | 14,637 | 13,013 | 5,998 | 1,792 | 1,411 |
4577
+ | \`table\` | 135,900 | 40,155 | 34,939 | 62,687 | 15,581 | 12,729 |
4578
+ | \`tabs\` | 55,263 | 17,753 | 15,836 | 19,437 | 4,783 | 3,907 |
4579
+ | \`tag\` | 47,247 | 16,758 | 14,982 | 13,016 | 3,658 | 2,984 |
4580
+ | \`text\` | 28,756 | 9,943 | 8,757 | 7,396 | 1,519 | 1,309 |
4581
+ | \`textarea\` | 47,785 | 15,949 | 14,227 | 9,318 | 2,677 | 2,198 |
4582
+ | \`time-input\` | 193,597 | 56,836 | 49,498 | 72,824 | 16,646 | 13,607 |
4583
+ | \`time-picker\` | 111,928 | 33,946 | 29,852 | 46,251 | 11,627 | 9,388 |
4584
+ | \`timeline\` | 38,179 | 13,326 | 11,920 | 10,947 | 2,751 | 2,253 |
4585
+ | \`toast\` | 58,767 | 19,783 | 17,643 | 20,006 | 5,408 | 4,355 |
4586
+ | \`toggle\` | 50,439 | 16,510 | 14,669 | 10,854 | 3,077 | 2,499 |
4587
+ | \`toolbar\` | 33,726 | 12,066 | 10,715 | 7,822 | 2,163 | 1,631 |
4588
+ | \`tooltip\` | 61,420 | 21,833 | 19,384 | 11,220 | 3,137 | 2,532 |
4589
+ | \`tour\` | 93,661 | 30,695 | 27,192 | 29,787 | 7,497 | 6,082 |
4590
+ | \`tree\` | 76,275 | 24,651 | 21,953 | 25,874 | 6,942 | 5,599 |
4591
+ | \`trend\` | 31,231 | 12,050 | 10,723 | 4,982 | 1,613 | 1,250 |
4592
+ | \`video\` | 161,715 | 47,866 | 41,751 | 86,712 | 20,444 | 17,161 |
4593
+ | \`video-playlist\` | 143,639 | 44,279 | 38,910 | 58,709 | 14,189 | 11,730 |
4594
+ | \`virtual-list\` | 65,445 | 22,136 | 19,637 | 25,282 | 7,676 | 6,296 |
4584
4595
 
4585
4596
  ## What an install adds to \`node_modules\`
4586
4597
 
@@ -4595,9 +4606,9 @@ stripped column shows the bytes we removed.
4595
4606
  | \`@fusion.dev/helix-core\` | 2,561,244 | 559 | 727,996 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\`, \`tslib\` |
4596
4607
  | \`@fusion.dev/helix-headless\` | 22,147,132 | 714 | 2,256,499 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`tslib\`, \`uqr\` |
4597
4608
  | \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
4598
- | \`@fusion.dev/helix-styles\` | 121,038 | 6 | 0 | none |
4609
+ | \`@fusion.dev/helix-styles\` | 121,089 | 6 | 0 | none |
4599
4610
  | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
4600
- | \`@fusion.dev/helix\` | 22,136,756 | 966 | 539,157 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
4611
+ | \`@fusion.dev/helix\` | 22,136,770 | 966 | 539,177 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\`, \`tslib\` |
4601
4612
 
4602
4613
  ## Not measured yet
4603
4614
 
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.186.0",
4
+ "version": "0.186.1",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -36,14 +36,14 @@
36
36
  },
37
37
  "bugs": "https://github.com/project-fusion/fusion/issues",
38
38
  "devDependencies": {
39
- "@fusion.dev/helix": "0.186.0",
40
- "@fusion.dev/helix-cem": "0.186.0",
41
- "@fusion.dev/helix-headless": "0.186.0",
42
- "@fusion.dev/helix-icons": "0.186.0",
43
- "@fusion.dev/helix-map": "0.186.0",
44
- "@fusion.dev/helix-styles": "0.186.0",
45
- "@fusion.dev/helix-testing": "0.186.0",
46
- "@fusion.dev/helix-theme": "0.186.0",
39
+ "@fusion.dev/helix": "0.186.1",
40
+ "@fusion.dev/helix-cem": "0.186.1",
41
+ "@fusion.dev/helix-headless": "0.186.1",
42
+ "@fusion.dev/helix-icons": "0.186.1",
43
+ "@fusion.dev/helix-map": "0.186.1",
44
+ "@fusion.dev/helix-styles": "0.186.1",
45
+ "@fusion.dev/helix-testing": "0.186.1",
46
+ "@fusion.dev/helix-theme": "0.186.1",
47
47
  "@fusion.dev/scripts": "0.0.0-dev",
48
48
  "lit": "^3.2.1",
49
49
  "playwright": "^1.63.0"