@fusion.dev/helix-docs 0.181.1 → 0.182.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/content/metrics.mdx +217 -217
  2. package/dist/sources.generated.js +217 -217
  3. package/package.json +9 -9
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` | 251,200 | 78,663 | 67,332 |
49
+ | Lit and `@fusion.dev/helix-core` | 251,200 | 78,663 | 67,252 |
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` | 250,409 | 78,475 | 66,973 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,381,361 | 374,857 | 280,562 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 250,409 | 78,476 | 67,020 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,382,111 | 375,009 | 280,738 | 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,101,011 | 521,926 | 370,166 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,111,907 | 526,305 | 373,860 | 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
@@ -85,9 +85,9 @@ 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,487 bytes gzipped alone, and it adds 3,844 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 105 styled components, the smallest is `code` at 8,471 bytes gzipped alone, and the largest is `data-table` at 66,828. Every family together is 521,926.
88
+ Across the 105 styled components, the smallest is `code` at 8,471 bytes gzipped alone, and the largest is `data-table` at 66,828. Every family together is 526,305.
89
89
 
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 374,857 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
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 375,009 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
91
91
 
92
92
  The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 16,626 bytes gzipped alone.
93
93
 
@@ -101,37 +101,37 @@ 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** | 44,264 | 14,640 | 13,053 |
104
+ | `button` | **Helix** | 44,264 | 14,640 | 13,034 |
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** | 48,216 | 15,380 | 13,709 |
109
+ | `checkbox` | **Helix** | 48,216 | 15,380 | 13,704 |
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** | 45,141 | 15,337 | 13,661 |
114
+ | `dialog` | **Helix** | 45,141 | 15,337 | 13,683 |
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** | 52,744 | 16,238 | 14,457 |
119
+ | `radio` | **Helix** | 52,744 | 16,238 | 14,465 |
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 |
123
123
  | | Spectrum | 38,685 | 10,660 | 9,370 |
124
- | `switch` | **Helix** | 44,929 | 14,842 | 13,231 |
124
+ | `switch` | **Helix** | 44,929 | 14,842 | 13,232 |
125
125
  | | Carbon | 69,423 | 17,127 | 14,764 |
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** | 59,455 | 18,525 | 16,475 |
129
+ | `tabs` | **Helix** | 59,455 | 18,525 | 16,446 |
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** | 62,274 | 21,930 | 19,489 |
134
+ | `tooltip` | **Helix** | 62,274 | 21,930 | 19,480 |
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,104 +183,104 @@ 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` | 32,745 | 11,983 | 10,615 | 6,019 | 1,738 | 1,289 |
187
- | `announcement` | 37,203 | 13,437 | 11,960 | 5,014 | 1,530 | 1,017 |
188
- | `app-header` | 32,800 | 12,031 | 10,687 | 6,204 | 1,901 | 1,370 |
189
- | `area-chart` | 91,729 | 31,832 | 28,174 | 14,701 | 4,492 | 3,472 |
190
- | `avatar` | 30,980 | 11,730 | 10,513 | 4,627 | 1,379 | 990 |
191
- | `badge` | 27,270 | 10,680 | 9,487 | 3,276 | 1,019 | 746 |
192
- | `bar-chart` | 94,962 | 32,766 | 28,989 | 17,788 | 5,376 | 4,238 |
193
- | `blockquote` | 24,289 | 9,538 | 8,445 | 2,731 | 1,008 | 687 |
194
- | `breadcrumbs` | 36,711 | 14,014 | 12,446 | 8,000 | 2,546 | 1,962 |
195
- | `button` | 37,136 | 13,192 | 11,780 | 5,334 | 1,617 | 1,171 |
186
+ | `accordion` | 32,745 | 11,983 | 10,625 | 6,019 | 1,739 | 1,367 |
187
+ | `announcement` | 37,203 | 13,437 | 11,960 | 5,014 | 1,530 | 1,103 |
188
+ | `app-header` | 32,800 | 12,032 | 10,689 | 6,204 | 1,902 | 1,430 |
189
+ | `area-chart` | 91,729 | 31,832 | 28,125 | 14,701 | 4,492 | 3,520 |
190
+ | `avatar` | 30,980 | 11,730 | 10,493 | 4,627 | 1,380 | 981 |
191
+ | `badge` | 27,270 | 10,680 | 9,487 | 3,276 | 1,019 | 809 |
192
+ | `bar-chart` | 95,706 | 32,924 | 29,129 | 18,532 | 5,521 | 4,425 |
193
+ | `blockquote` | 24,289 | 9,538 | 8,445 | 2,731 | 1,008 | 860 |
194
+ | `breadcrumbs` | 36,711 | 14,014 | 12,482 | 8,000 | 2,546 | 2,024 |
195
+ | `button` | 37,136 | 13,192 | 11,780 | 5,334 | 1,617 | 1,221 |
196
196
  | `button-group` | 27,883 | 10,536 | 9,328 | 5,322 | 1,695 | 1,156 |
197
- | `callout` | 35,706 | 13,688 | 12,144 | 3,217 | 1,100 | 763 |
198
- | `canvas` | 109,730 | 34,967 | 30,480 | 70,004 | 21,226 | 17,676 |
199
- | `card` | 23,959 | 9,172 | 8,113 | 2,422 | 772 | 426 |
200
- | `carousel` | 42,808 | 15,297 | 13,616 | 15,311 | 4,285 | 3,223 |
201
- | `chat` | 80,007 | 26,365 | 23,311 | 28,439 | 8,251 | 6,353 |
202
- | `checkbox` | 41,386 | 13,885 | 12,378 | 3,437 | 1,087 | 683 |
203
- | `checkbox-group` | 48,943 | 15,831 | 14,113 | 8,987 | 2,503 | 1,750 |
204
- | `code` | 20,483 | 8,144 | 7,222 | 466 | 228 | 153 |
205
- | `code-block` | 106,145 | 35,487 | 31,389 | 38,398 | 10,926 | 8,614 |
206
- | `color-input` | 145,267 | 45,522 | 39,743 | 56,945 | 14,637 | 11,783 |
207
- | `color-picker` | 105,883 | 33,316 | 29,126 | 48,730 | 12,959 | 10,392 |
208
- | `combobox` | 134,488 | 42,074 | 36,996 | 36,771 | 9,294 | 7,120 |
209
- | `command` | 101,351 | 31,577 | 27,756 | 31,089 | 8,345 | 6,415 |
210
- | `copy-button` | 83,814 | 28,307 | 25,060 | 19,752 | 5,200 | 3,891 |
211
- | `data-table` | 203,391 | 61,139 | 52,333 | 92,115 | 23,734 | 19,024 |
212
- | `date-input` | 144,953 | 44,782 | 39,279 | 39,208 | 9,635 | 7,614 |
213
- | `date-picker` | 61,933 | 20,945 | 18,735 | 20,652 | 5,666 | 4,422 |
214
- | `description-list` | 23,412 | 8,907 | 7,880 | 2,225 | 647 | 362 |
215
- | `dialog` | 39,660 | 14,075 | 12,485 | 6,219 | 1,888 | 1,326 |
216
- | `divider` | 23,173 | 9,044 | 8,008 | 1,745 | 646 | 411 |
217
- | `donut-chart` | 90,636 | 31,253 | 27,623 | 15,280 | 4,659 | 3,643 |
218
- | `drawer` | 44,304 | 15,611 | 13,877 | 8,080 | 2,451 | 1,774 |
219
- | `drilldown` | 43,559 | 15,108 | 13,411 | 10,393 | 2,880 | 2,188 |
220
- | `empty` | 24,376 | 9,367 | 8,289 | 2,282 | 766 | 507 |
221
- | `file-input` | 59,035 | 20,204 | 17,914 | 13,765 | 4,286 | 3,200 |
222
- | `filter-input` | 100,832 | 33,095 | 29,351 | 22,961 | 6,402 | 4,893 |
223
- | `format-date` | 30,340 | 11,407 | 10,185 | 4,769 | 1,391 | 990 |
224
- | `graph` | 75,328 | 24,695 | 21,849 | 22,262 | 6,643 | 5,412 |
225
- | `heatmap` | 99,483 | 33,626 | 29,693 | 19,465 | 5,701 | 4,379 |
226
- | `icon` | 31,354 | 11,873 | 10,469 | 8,833 | 3,001 | 2,215 |
227
- | `icon-button` | 37,575 | 13,234 | 11,793 | 5,771 | 1,661 | 1,106 |
228
- | `image` | 25,686 | 9,596 | 8,499 | 4,159 | 1,283 | 922 |
229
- | `input` | 47,372 | 16,211 | 14,306 | 7,688 | 2,512 | 1,804 |
230
- | `kbd` | 27,537 | 10,603 | 9,364 | 3,825 | 1,239 | 800 |
231
- | `legend` | 35,366 | 13,053 | 11,582 | 3,289 | 1,124 | 753 |
232
- | `lightbox` | 56,786 | 18,937 | 16,785 | 17,408 | 4,841 | 3,572 |
233
- | `line-chart` | 92,764 | 32,003 | 28,353 | 15,406 | 4,561 | 3,685 |
234
- | `list` | 62,376 | 21,453 | 19,105 | 15,975 | 4,620 | 3,425 |
235
- | `listbox` | 77,569 | 25,458 | 22,490 | 15,873 | 4,651 | 3,459 |
236
- | `loader` | 26,561 | 10,165 | 9,041 | 3,105 | 1,082 | 713 |
237
- | `map` | 82,476 | 24,897 | 21,659 | 40,792 | 10,592 | 8,254 |
238
- | `megamenu` | 60,537 | 21,791 | 19,326 | 8,929 | 2,512 | 1,705 |
239
- | `menu` | 104,877 | 34,704 | 30,664 | 33,490 | 8,672 | 6,811 |
240
- | `meter` | 31,903 | 12,134 | 10,825 | 5,229 | 1,590 | 1,224 |
241
- | `navigation` | 33,270 | 12,546 | 11,143 | 3,696 | 1,307 | 869 |
242
- | `notifications` | 60,510 | 20,098 | 17,937 | 19,549 | 5,251 | 3,946 |
243
- | `number-input` | 57,280 | 19,065 | 17,006 | 13,860 | 3,734 | 2,712 |
244
- | `object-inspector` | 116,958 | 38,813 | 34,200 | 37,210 | 10,522 | 8,205 |
245
- | `option` | 27,316 | 9,917 | 8,780 | 5,517 | 1,388 | 911 |
246
- | `outline` | 33,838 | 12,725 | 11,285 | 8,200 | 2,702 | 1,990 |
247
- | `pagination` | 139,709 | 43,810 | 38,068 | 47,998 | 12,198 | 9,495 |
248
- | `pin-input` | 48,078 | 16,622 | 14,822 | 7,072 | 2,359 | 1,716 |
249
- | `popover` | 64,354 | 23,047 | 20,428 | 6,748 | 2,011 | 1,398 |
250
- | `progress` | 28,266 | 10,845 | 9,647 | 3,305 | 1,061 | 729 |
251
- | `qr-code` | 42,901 | 16,763 | 14,954 | 17,336 | 6,494 | 5,298 |
252
- | `quote` | 22,698 | 9,004 | 7,944 | 1,539 | 675 | 390 |
253
- | `radio` | 44,242 | 14,704 | 13,065 | 4,478 | 1,369 | 810 |
254
- | `rating` | 51,266 | 17,494 | 15,586 | 8,367 | 2,571 | 1,799 |
255
- | `scatter-chart` | 92,732 | 31,837 | 28,146 | 16,796 | 5,019 | 3,892 |
256
- | `scroll-area` | 30,549 | 11,169 | 9,877 | 8,810 | 2,693 | 2,041 |
257
- | `select` | 116,816 | 38,230 | 33,472 | 26,678 | 7,247 | 5,393 |
258
- | `skeleton` | 22,510 | 8,765 | 7,771 | 1,321 | 532 | 279 |
259
- | `skip-link` | 24,054 | 9,460 | 8,368 | 1,553 | 610 | 355 |
260
- | `slider` | 53,882 | 18,034 | 16,167 | 13,495 | 3,937 | 3,021 |
261
- | `sparkline` | 48,085 | 17,568 | 15,688 | 6,289 | 2,257 | 1,677 |
262
- | `speed-dial` | 69,924 | 24,854 | 22,023 | 11,912 | 3,134 | 2,344 |
263
- | `splitter` | 43,932 | 15,280 | 13,634 | 14,732 | 3,968 | 3,071 |
264
- | `stat` | 25,766 | 9,817 | 8,713 | 2,962 | 924 | 562 |
265
- | `steps` | 56,554 | 19,331 | 17,174 | 14,683 | 4,068 | 3,067 |
266
- | `switch` | 40,244 | 13,706 | 12,201 | 2,009 | 762 | 427 |
267
- | `table` | 120,550 | 37,167 | 32,322 | 46,845 | 12,739 | 10,108 |
268
- | `tabs` | 49,458 | 16,630 | 14,752 | 11,447 | 3,071 | 2,233 |
269
- | `tag` | 44,369 | 16,108 | 14,429 | 9,122 | 2,693 | 1,981 |
270
- | `textarea` | 44,863 | 15,168 | 13,520 | 5,738 | 1,728 | 1,253 |
271
- | `time-input` | 173,573 | 52,931 | 45,959 | 50,012 | 12,710 | 9,822 |
272
- | `time-picker` | 101,540 | 31,687 | 27,890 | 35,003 | 9,405 | 7,304 |
273
- | `timeline` | 32,129 | 12,022 | 10,745 | 5,055 | 1,364 | 979 |
274
- | `toast` | 51,650 | 18,074 | 16,070 | 12,791 | 3,662 | 2,721 |
275
- | `toggle` | 47,327 | 15,527 | 13,835 | 6,749 | 1,998 | 1,386 |
276
- | `toolbar` | 31,229 | 11,687 | 10,400 | 5,487 | 1,794 | 1,232 |
277
- | `tooltip` | 59,126 | 21,181 | 18,823 | 8,769 | 2,475 | 1,807 |
278
- | `tour` | 86,648 | 29,366 | 25,945 | 20,931 | 5,714 | 4,373 |
279
- | `tree` | 69,125 | 22,920 | 20,344 | 17,926 | 5,187 | 4,037 |
280
- | `trend` | 29,899 | 11,696 | 10,440 | 3,822 | 1,231 | 803 |
281
- | `video` | 146,122 | 45,121 | 39,338 | 69,931 | 17,634 | 14,119 |
282
- | `video-playlist` | 133,526 | 42,293 | 37,179 | 47,089 | 12,009 | 9,630 |
283
- | `virtual-list` | 58,901 | 20,071 | 17,928 | 21,141 | 6,493 | 5,072 |
197
+ | `callout` | 35,706 | 13,688 | 12,139 | 3,217 | 1,100 | 814 |
198
+ | `canvas` | 109,730 | 34,967 | 30,561 | 70,004 | 21,226 | 17,673 |
199
+ | `card` | 23,959 | 9,173 | 8,133 | 2,422 | 773 | 528 |
200
+ | `carousel` | 42,808 | 15,297 | 13,621 | 15,311 | 4,286 | 3,346 |
201
+ | `chat` | 80,007 | 26,365 | 23,309 | 28,439 | 8,251 | 6,459 |
202
+ | `checkbox` | 41,386 | 13,886 | 12,382 | 3,437 | 1,088 | 739 |
203
+ | `checkbox-group` | 48,943 | 15,831 | 14,115 | 8,987 | 2,504 | 1,922 |
204
+ | `code` | 20,483 | 8,144 | 7,222 | 466 | 229 | 146 |
205
+ | `code-block` | 106,145 | 35,487 | 31,400 | 38,398 | 10,926 | 8,792 |
206
+ | `color-input` | 145,267 | 45,522 | 39,667 | 56,945 | 14,638 | 11,736 |
207
+ | `color-picker` | 105,883 | 33,316 | 29,097 | 48,730 | 12,959 | 10,451 |
208
+ | `combobox` | 134,488 | 42,075 | 37,009 | 36,771 | 9,294 | 7,259 |
209
+ | `command` | 101,351 | 31,577 | 27,759 | 31,089 | 8,345 | 6,493 |
210
+ | `copy-button` | 83,814 | 28,307 | 25,049 | 19,752 | 5,201 | 3,959 |
211
+ | `data-table` | 203,391 | 61,139 | 52,376 | 92,115 | 23,735 | 19,121 |
212
+ | `date-input` | 144,953 | 44,783 | 39,296 | 39,208 | 9,635 | 7,642 |
213
+ | `date-picker` | 61,933 | 20,945 | 18,731 | 20,652 | 5,666 | 4,576 |
214
+ | `description-list` | 23,412 | 8,907 | 7,880 | 2,225 | 648 | 410 |
215
+ | `dialog` | 39,660 | 14,075 | 12,485 | 6,219 | 1,889 | 1,578 |
216
+ | `divider` | 23,173 | 9,044 | 7,995 | 1,745 | 646 | 393 |
217
+ | `donut-chart` | 90,636 | 31,253 | 27,683 | 15,280 | 4,659 | 3,764 |
218
+ | `drawer` | 44,304 | 15,612 | 13,852 | 8,080 | 2,451 | 1,912 |
219
+ | `drilldown` | 43,559 | 15,108 | 13,413 | 10,393 | 2,880 | 2,181 |
220
+ | `empty` | 24,376 | 9,367 | 8,289 | 2,282 | 767 | 565 |
221
+ | `file-input` | 59,035 | 20,204 | 17,942 | 13,765 | 4,286 | 3,308 |
222
+ | `filter-input` | 100,832 | 33,095 | 29,301 | 22,961 | 6,402 | 5,067 |
223
+ | `format-date` | 30,340 | 11,407 | 10,219 | 4,769 | 1,391 | 1,106 |
224
+ | `graph` | 75,328 | 24,695 | 21,862 | 22,262 | 6,644 | 5,309 |
225
+ | `heatmap` | 99,483 | 33,626 | 29,697 | 19,465 | 5,701 | 4,446 |
226
+ | `icon` | 31,354 | 11,873 | 10,459 | 8,833 | 3,001 | 2,359 |
227
+ | `icon-button` | 37,575 | 13,234 | 11,793 | 5,771 | 1,662 | 1,248 |
228
+ | `image` | 25,686 | 9,596 | 8,498 | 4,159 | 1,284 | 956 |
229
+ | `input` | 47,372 | 16,212 | 14,283 | 7,688 | 2,513 | 1,820 |
230
+ | `kbd` | 27,537 | 10,603 | 9,364 | 3,825 | 1,240 | 844 |
231
+ | `legend` | 35,366 | 13,053 | 11,630 | 3,289 | 1,124 | 858 |
232
+ | `lightbox` | 56,786 | 18,937 | 16,832 | 17,408 | 4,841 | 3,663 |
233
+ | `line-chart` | 92,764 | 32,003 | 28,386 | 15,406 | 4,561 | 3,709 |
234
+ | `list` | 62,376 | 21,453 | 19,146 | 15,975 | 4,620 | 3,658 |
235
+ | `listbox` | 77,569 | 25,458 | 22,494 | 15,873 | 4,652 | 3,557 |
236
+ | `loader` | 26,561 | 10,165 | 9,002 | 3,105 | 1,083 | 826 |
237
+ | `map` | 82,476 | 24,897 | 21,631 | 40,792 | 10,592 | 8,262 |
238
+ | `megamenu` | 60,537 | 21,791 | 19,316 | 8,929 | 2,512 | 1,836 |
239
+ | `menu` | 104,877 | 34,704 | 30,715 | 33,490 | 8,672 | 6,890 |
240
+ | `meter` | 31,903 | 12,134 | 10,856 | 5,229 | 1,590 | 1,302 |
241
+ | `navigation` | 33,270 | 12,546 | 11,146 | 3,696 | 1,308 | 1,081 |
242
+ | `notifications` | 60,510 | 20,098 | 17,929 | 19,549 | 5,251 | 4,135 |
243
+ | `number-input` | 57,280 | 19,065 | 16,998 | 13,860 | 3,734 | 2,930 |
244
+ | `object-inspector` | 116,958 | 38,814 | 34,173 | 37,210 | 10,523 | 8,349 |
245
+ | `option` | 27,316 | 9,917 | 8,780 | 5,517 | 1,388 | 1,022 |
246
+ | `outline` | 33,838 | 12,725 | 11,296 | 8,200 | 2,702 | 2,109 |
247
+ | `pagination` | 139,709 | 43,810 | 38,053 | 47,998 | 12,198 | 9,520 |
248
+ | `pin-input` | 48,078 | 16,622 | 14,822 | 7,072 | 2,360 | 1,792 |
249
+ | `popover` | 64,354 | 23,047 | 20,406 | 6,748 | 2,012 | 1,447 |
250
+ | `progress` | 28,266 | 10,845 | 9,645 | 3,305 | 1,061 | 802 |
251
+ | `qr-code` | 42,901 | 16,763 | 14,938 | 17,336 | 6,494 | 5,395 |
252
+ | `quote` | 22,698 | 9,004 | 7,944 | 1,539 | 675 | 492 |
253
+ | `radio` | 44,242 | 14,704 | 13,079 | 4,478 | 1,369 | 935 |
254
+ | `rating` | 51,266 | 17,494 | 15,585 | 8,367 | 2,571 | 1,869 |
255
+ | `scatter-chart` | 92,732 | 31,837 | 28,154 | 16,796 | 5,019 | 3,957 |
256
+ | `scroll-area` | 30,549 | 11,169 | 9,924 | 8,810 | 2,693 | 2,083 |
257
+ | `select` | 116,816 | 38,230 | 33,478 | 26,678 | 7,248 | 5,573 |
258
+ | `skeleton` | 22,510 | 8,765 | 7,771 | 1,321 | 533 | 346 |
259
+ | `skip-link` | 24,054 | 9,460 | 8,363 | 1,553 | 610 | 551 |
260
+ | `slider` | 53,882 | 18,034 | 16,100 | 13,495 | 3,937 | 2,995 |
261
+ | `sparkline` | 48,085 | 17,568 | 15,729 | 6,289 | 2,257 | 1,768 |
262
+ | `speed-dial` | 69,924 | 24,854 | 22,014 | 11,912 | 3,134 | 2,417 |
263
+ | `splitter` | 43,932 | 15,280 | 13,634 | 14,732 | 3,968 | 3,166 |
264
+ | `stat` | 25,766 | 9,817 | 8,717 | 2,962 | 924 | 549 |
265
+ | `steps` | 56,554 | 19,331 | 17,218 | 14,683 | 4,069 | 3,282 |
266
+ | `switch` | 40,244 | 13,706 | 12,205 | 2,009 | 762 | 485 |
267
+ | `table` | 120,550 | 37,167 | 32,338 | 46,845 | 12,740 | 10,201 |
268
+ | `tabs` | 49,458 | 16,630 | 14,753 | 11,447 | 3,071 | 2,286 |
269
+ | `tag` | 44,369 | 16,108 | 14,342 | 9,122 | 2,693 | 2,030 |
270
+ | `textarea` | 44,863 | 15,168 | 13,496 | 5,738 | 1,728 | 1,322 |
271
+ | `time-input` | 173,573 | 52,931 | 45,956 | 50,012 | 12,710 | 9,996 |
272
+ | `time-picker` | 101,540 | 31,687 | 27,891 | 35,003 | 9,405 | 7,355 |
273
+ | `timeline` | 32,129 | 12,022 | 10,748 | 5,055 | 1,364 | 999 |
274
+ | `toast` | 51,650 | 18,074 | 16,072 | 12,791 | 3,662 | 2,785 |
275
+ | `toggle` | 47,327 | 15,527 | 13,832 | 6,749 | 1,998 | 1,488 |
276
+ | `toolbar` | 31,229 | 11,688 | 10,404 | 5,487 | 1,795 | 1,272 |
277
+ | `tooltip` | 59,126 | 21,181 | 18,844 | 8,769 | 2,476 | 1,954 |
278
+ | `tour` | 86,648 | 29,366 | 25,951 | 20,931 | 5,714 | 4,313 |
279
+ | `tree` | 69,125 | 22,920 | 20,414 | 17,926 | 5,187 | 4,081 |
280
+ | `trend` | 29,899 | 11,696 | 10,402 | 3,822 | 1,232 | 973 |
281
+ | `video` | 146,122 | 45,121 | 39,388 | 69,931 | 17,634 | 14,280 |
282
+ | `video-playlist` | 133,526 | 42,293 | 37,169 | 47,089 | 12,009 | 9,728 |
283
+ | `virtual-list` | 58,901 | 20,071 | 17,899 | 21,141 | 6,494 | 5,184 |
284
284
 
285
285
  ### Styled tier
286
286
 
@@ -288,111 +288,111 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
288
288
 
289
289
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
290
290
  |---|---|---|---|---|---|---|
291
- | `accordion` | 36,857 | 12,853 | 11,437 | 10,116 | 2,656 | 2,054 |
292
- | `announcement` | 42,139 | 14,513 | 12,927 | 9,931 | 2,653 | 1,984 |
293
- | `app-header` | 38,268 | 13,238 | 11,757 | 11,657 | 3,115 | 2,444 |
294
- | `area-chart` | 100,531 | 33,733 | 29,871 | 23,484 | 6,446 | 5,096 |
295
- | `aura` | 56,284 | 19,458 | 17,285 | 30,126 | 9,415 | 7,785 |
296
- | `avatar` | 34,654 | 12,524 | 11,166 | 8,286 | 2,178 | 1,707 |
297
- | `badge` | 33,164 | 11,947 | 10,633 | 9,165 | 2,307 | 1,823 |
298
- | `bar-chart` | 109,617 | 35,650 | 31,470 | 32,420 | 8,288 | 6,607 |
299
- | `blockquote` | 26,860 | 10,106 | 8,917 | 5,287 | 1,583 | 1,207 |
300
- | `breadcrumbs` | 44,361 | 15,237 | 13,648 | 15,636 | 3,843 | 2,989 |
301
- | `button` | 44,264 | 14,640 | 13,053 | 12,443 | 3,104 | 2,313 |
302
- | `button-group` | 31,742 | 11,238 | 9,989 | 9,166 | 2,385 | 1,749 |
303
- | `callout` | 39,852 | 14,634 | 13,016 | 7,345 | 2,082 | 1,526 |
304
- | `canvas` | 131,932 | 39,201 | 34,124 | 91,848 | 25,380 | 21,069 |
305
- | `card` | 28,213 | 10,189 | 9,040 | 6,662 | 1,788 | 1,367 |
306
- | `carousel` | 53,697 | 17,099 | 15,344 | 26,186 | 6,155 | 4,846 |
307
- | `chat` | 96,376 | 29,161 | 25,769 | 44,805 | 11,092 | 8,779 |
308
- | `checkbox` | 48,216 | 15,380 | 13,709 | 10,249 | 2,623 | 1,902 |
309
- | `checkbox-group` | 56,840 | 17,487 | 15,593 | 16,880 | 4,224 | 3,155 |
310
- | `code` | 21,671 | 8,471 | 7,493 | 1,639 | 546 | 399 |
311
- | `code-block` | 132,526 | 39,454 | 34,823 | 64,761 | 15,042 | 12,199 |
312
- | `color-input` | 189,912 | 51,935 | 45,343 | 101,580 | 21,098 | 17,373 |
313
- | `color-picker` | 144,718 | 39,035 | 34,182 | 87,551 | 18,826 | 15,469 |
314
- | `combobox` | 151,055 | 45,125 | 39,682 | 53,322 | 12,340 | 9,810 |
315
- | `command` | 113,698 | 33,982 | 29,840 | 43,426 | 10,772 | 8,583 |
316
- | `copy-button` | 97,278 | 30,588 | 27,062 | 33,196 | 7,506 | 5,854 |
317
- | `data-table` | 237,283 | 66,828 | 57,189 | 125,996 | 29,546 | 23,730 |
318
- | `date-input` | 167,224 | 48,636 | 42,751 | 61,460 | 13,492 | 10,918 |
319
- | `date-picker` | 70,249 | 22,400 | 20,062 | 28,947 | 7,107 | 5,670 |
320
- | `description-list` | 27,039 | 9,669 | 8,577 | 5,841 | 1,446 | 1,051 |
321
- | `dialog` | 45,141 | 15,337 | 13,661 | 11,680 | 3,219 | 2,443 |
322
- | `divider` | 25,821 | 9,692 | 8,548 | 4,376 | 1,292 | 880 |
323
- | `donut-chart` | 101,324 | 33,431 | 29,631 | 25,945 | 6,900 | 5,510 |
324
- | `drawer` | 50,503 | 17,016 | 15,159 | 14,261 | 3,921 | 3,064 |
325
- | `drilldown` | 49,933 | 16,402 | 14,615 | 16,754 | 4,230 | 3,292 |
326
- | `empty` | 26,021 | 9,826 | 8,678 | 3,909 | 1,260 | 942 |
327
- | `file-input` | 71,299 | 22,646 | 20,066 | 26,016 | 6,744 | 5,419 |
328
- | `filter-input` | 113,046 | 35,352 | 31,352 | 35,169 | 8,652 | 6,819 |
329
- | `flex` | 25,978 | 9,320 | 8,255 | 5,154 | 1,182 | 874 |
330
- | `format-date` | 30,926 | 11,534 | 10,322 | 5,337 | 1,532 | 1,173 |
331
- | `graph` | 90,459 | 27,537 | 24,127 | 37,373 | 9,560 | 7,465 |
332
- | `grid` | 27,233 | 9,978 | 8,825 | 6,021 | 1,600 | 1,255 |
333
- | `heatmap` | 107,484 | 35,332 | 31,168 | 27,446 | 7,413 | 5,845 |
334
- | `icon` | 33,537 | 12,400 | 10,965 | 11,009 | 3,569 | 2,760 |
335
- | `icon-button` | 46,056 | 14,623 | 13,081 | 14,236 | 3,127 | 2,359 |
336
- | `image` | 27,417 | 10,071 | 8,935 | 5,872 | 1,776 | 1,261 |
337
- | `input` | 51,986 | 17,291 | 15,239 | 12,285 | 3,651 | 2,692 |
338
- | `kbd` | 29,864 | 11,147 | 9,843 | 6,137 | 1,782 | 1,200 |
339
- | `legend` | 40,961 | 14,379 | 12,737 | 8,758 | 2,428 | 1,832 |
340
- | `lightbox` | 63,778 | 20,293 | 18,095 | 24,380 | 6,205 | 4,610 |
341
- | `line-chart` | 104,627 | 34,442 | 30,514 | 27,253 | 7,053 | 5,763 |
342
- | `list` | 69,431 | 22,996 | 20,521 | 23,007 | 6,188 | 4,839 |
343
- | `listbox` | 82,373 | 26,601 | 23,513 | 20,660 | 5,795 | 4,467 |
344
- | `loader` | 29,805 | 10,952 | 9,718 | 6,332 | 1,875 | 1,404 |
345
- | `map` | 119,276 | 30,460 | 26,527 | 77,584 | 16,356 | 13,050 |
346
- | `megamenu` | 65,860 | 22,963 | 20,392 | 14,234 | 3,718 | 2,851 |
347
- | `menu` | 117,951 | 37,022 | 32,665 | 46,550 | 11,020 | 8,858 |
348
- | `meter` | 38,446 | 13,480 | 12,016 | 11,753 | 2,968 | 2,357 |
349
- | `navigation` | 37,354 | 13,394 | 11,896 | 7,765 | 2,194 | 1,624 |
350
- | `notifications` | 75,372 | 22,762 | 20,296 | 34,404 | 7,909 | 6,335 |
351
- | `number-input` | 62,622 | 20,288 | 18,051 | 19,186 | 4,964 | 3,770 |
352
- | `object-inspector` | 135,162 | 41,806 | 36,728 | 55,394 | 13,549 | 10,808 |
353
- | `option` | 31,518 | 10,945 | 9,675 | 9,711 | 2,414 | 1,901 |
354
- | `orb` | 35,455 | 13,577 | 12,106 | 10,072 | 3,811 | 3,107 |
355
- | `outline` | 38,432 | 13,612 | 12,125 | 12,777 | 3,613 | 2,758 |
356
- | `pagination` | 159,437 | 47,226 | 41,001 | 67,716 | 15,655 | 12,449 |
357
- | `pin-input` | 51,770 | 17,535 | 15,625 | 10,745 | 3,299 | 2,464 |
358
- | `popover` | 67,855 | 23,811 | 21,096 | 10,231 | 2,838 | 2,102 |
359
- | `progress` | 35,829 | 12,486 | 11,142 | 10,851 | 2,751 | 2,257 |
360
- | `qr-code` | 44,840 | 17,241 | 15,366 | 19,258 | 7,008 | 5,675 |
361
- | `quote` | 23,589 | 9,213 | 8,148 | 2,413 | 867 | 567 |
362
- | `radio` | 52,744 | 16,238 | 14,457 | 12,969 | 2,967 | 2,311 |
363
- | `rating` | 55,566 | 18,732 | 16,733 | 12,648 | 3,844 | 2,899 |
364
- | `sandbox` | 105,225 | 31,044 | 27,190 | 73,136 | 18,919 | 15,490 |
365
- | `scatter-chart` | 102,537 | 34,000 | 29,980 | 26,580 | 7,205 | 5,708 |
366
- | `scroll-area` | 35,927 | 12,124 | 10,777 | 14,171 | 3,725 | 2,906 |
367
- | `select` | 126,662 | 40,154 | 35,223 | 36,507 | 9,221 | 7,322 |
368
- | `skeleton` | 26,633 | 9,794 | 8,712 | 5,430 | 1,582 | 1,239 |
369
- | `skip-link` | 25,958 | 9,947 | 8,782 | 3,441 | 1,117 | 841 |
370
- | `slider` | 69,292 | 20,367 | 18,253 | 28,886 | 6,327 | 5,035 |
371
- | `sparkline` | 53,915 | 18,917 | 16,945 | 12,099 | 3,650 | 2,859 |
372
- | `speed-dial` | 78,001 | 26,286 | 23,313 | 19,975 | 4,614 | 3,671 |
373
- | `splitter` | 50,373 | 16,351 | 14,613 | 21,153 | 5,070 | 4,013 |
374
- | `stat` | 29,307 | 10,525 | 9,396 | 6,495 | 1,651 | 1,274 |
375
- | `steps` | 71,775 | 22,157 | 19,721 | 29,891 | 6,942 | 5,585 |
376
- | `strands` | 53,249 | 19,273 | 17,135 | 29,252 | 9,983 | 8,498 |
377
- | `switch` | 44,929 | 14,842 | 13,231 | 6,681 | 1,918 | 1,421 |
378
- | `table` | 139,823 | 40,365 | 35,131 | 66,117 | 15,995 | 12,927 |
379
- | `tabs` | 59,455 | 18,525 | 16,475 | 21,434 | 5,022 | 3,973 |
380
- | `tag` | 49,634 | 17,253 | 15,452 | 14,372 | 3,837 | 3,003 |
381
- | `text` | 28,979 | 10,064 | 8,879 | 7,770 | 1,667 | 1,234 |
382
- | `textarea` | 49,149 | 16,177 | 14,438 | 10,007 | 2,811 | 2,038 |
383
- | `time-input` | 199,712 | 57,232 | 49,756 | 76,141 | 17,075 | 13,776 |
384
- | `time-picker` | 114,933 | 34,164 | 29,993 | 48,387 | 11,899 | 9,499 |
385
- | `timeline` | 40,048 | 13,539 | 12,115 | 12,967 | 2,934 | 2,364 |
386
- | `toast` | 60,260 | 19,945 | 17,731 | 21,387 | 5,635 | 4,383 |
387
- | `toggle` | 52,881 | 16,794 | 14,913 | 12,289 | 3,316 | 2,450 |
388
- | `toolbar` | 34,245 | 12,192 | 10,844 | 8,488 | 2,307 | 1,739 |
389
- | `tooltip` | 62,274 | 21,930 | 19,489 | 11,899 | 3,277 | 2,532 |
390
- | `tour` | 98,026 | 31,465 | 27,800 | 32,291 | 7,827 | 6,080 |
391
- | `tree` | 78,536 | 24,877 | 22,171 | 27,321 | 7,176 | 5,760 |
392
- | `trend` | 31,751 | 12,161 | 10,880 | 5,655 | 1,718 | 1,275 |
393
- | `video` | 169,186 | 49,050 | 42,801 | 92,977 | 21,418 | 17,699 |
394
- | `video-playlist` | 152,640 | 45,495 | 39,924 | 66,187 | 15,220 | 12,519 |
395
- | `virtual-list` | 61,239 | 20,609 | 18,370 | 23,461 | 7,019 | 5,554 |
291
+ | `accordion` | 36,857 | 12,854 | 11,433 | 10,116 | 2,656 | 2,101 |
292
+ | `announcement` | 42,139 | 14,513 | 12,974 | 9,931 | 2,653 | 2,102 |
293
+ | `app-header` | 38,268 | 13,238 | 11,762 | 11,657 | 3,116 | 2,506 |
294
+ | `area-chart` | 100,531 | 33,733 | 29,864 | 23,484 | 6,446 | 5,193 |
295
+ | `aura` | 56,284 | 19,458 | 17,291 | 30,126 | 9,415 | 7,905 |
296
+ | `avatar` | 34,654 | 12,524 | 11,203 | 8,286 | 2,178 | 1,813 |
297
+ | `badge` | 33,164 | 11,947 | 10,634 | 9,165 | 2,308 | 1,933 |
298
+ | `bar-chart` | 110,801 | 35,887 | 31,746 | 33,605 | 8,551 | 6,924 |
299
+ | `blockquote` | 26,860 | 10,107 | 8,940 | 5,287 | 1,584 | 1,273 |
300
+ | `breadcrumbs` | 44,361 | 15,237 | 13,616 | 15,636 | 3,843 | 3,148 |
301
+ | `button` | 44,264 | 14,640 | 13,034 | 12,443 | 3,104 | 2,422 |
302
+ | `button-group` | 31,742 | 11,238 | 9,978 | 9,166 | 2,386 | 1,863 |
303
+ | `callout` | 39,852 | 14,634 | 13,018 | 7,345 | 2,082 | 1,628 |
304
+ | `canvas` | 131,932 | 39,201 | 34,069 | 91,848 | 25,380 | 21,167 |
305
+ | `card` | 28,213 | 10,189 | 9,048 | 6,662 | 1,789 | 1,423 |
306
+ | `carousel` | 53,697 | 17,099 | 15,346 | 26,186 | 6,156 | 5,002 |
307
+ | `chat` | 96,376 | 29,162 | 25,779 | 44,805 | 11,092 | 8,865 |
308
+ | `checkbox` | 48,216 | 15,380 | 13,704 | 10,249 | 2,623 | 2,114 |
309
+ | `checkbox-group` | 56,840 | 17,487 | 15,577 | 16,880 | 4,224 | 3,277 |
310
+ | `code` | 21,671 | 8,471 | 7,490 | 1,639 | 546 | 437 |
311
+ | `code-block` | 132,526 | 39,454 | 34,766 | 64,761 | 15,042 | 12,381 |
312
+ | `color-input` | 189,912 | 51,935 | 45,293 | 101,580 | 21,099 | 17,465 |
313
+ | `color-picker` | 144,718 | 39,035 | 34,184 | 87,551 | 18,826 | 15,477 |
314
+ | `combobox` | 151,055 | 45,125 | 39,712 | 53,322 | 12,340 | 9,965 |
315
+ | `command` | 113,698 | 33,982 | 29,817 | 43,426 | 10,773 | 8,734 |
316
+ | `copy-button` | 97,278 | 30,588 | 27,036 | 33,196 | 7,506 | 5,976 |
317
+ | `data-table` | 237,283 | 66,828 | 57,131 | 125,996 | 29,546 | 23,781 |
318
+ | `date-input` | 167,224 | 48,636 | 42,819 | 61,460 | 13,493 | 10,974 |
319
+ | `date-picker` | 70,249 | 22,400 | 20,026 | 28,947 | 7,107 | 5,845 |
320
+ | `description-list` | 27,039 | 9,669 | 8,577 | 5,841 | 1,446 | 1,237 |
321
+ | `dialog` | 45,141 | 15,337 | 13,683 | 11,680 | 3,219 | 2,560 |
322
+ | `divider` | 25,821 | 9,692 | 8,548 | 4,376 | 1,292 | 1,043 |
323
+ | `donut-chart` | 101,324 | 33,431 | 29,577 | 25,945 | 6,900 | 5,566 |
324
+ | `drawer` | 50,503 | 17,016 | 15,159 | 14,261 | 3,922 | 3,092 |
325
+ | `drilldown` | 49,933 | 16,402 | 14,586 | 16,754 | 4,230 | 3,323 |
326
+ | `empty` | 26,021 | 9,826 | 8,677 | 3,909 | 1,260 | 1,017 |
327
+ | `file-input` | 71,299 | 22,646 | 20,083 | 26,016 | 6,744 | 5,438 |
328
+ | `filter-input` | 113,046 | 35,352 | 31,294 | 35,169 | 8,652 | 6,953 |
329
+ | `flex` | 25,978 | 9,321 | 8,258 | 5,154 | 1,182 | 950 |
330
+ | `format-date` | 30,926 | 11,534 | 10,316 | 5,337 | 1,532 | 1,207 |
331
+ | `graph` | 90,459 | 27,537 | 24,100 | 37,373 | 9,560 | 7,601 |
332
+ | `grid` | 27,233 | 9,978 | 8,825 | 6,021 | 1,600 | 1,310 |
333
+ | `heatmap` | 107,484 | 35,332 | 31,210 | 27,446 | 7,413 | 5,815 |
334
+ | `icon` | 33,537 | 12,400 | 10,969 | 11,009 | 3,569 | 2,764 |
335
+ | `icon-button` | 46,056 | 14,623 | 13,008 | 14,236 | 3,127 | 2,460 |
336
+ | `image` | 27,417 | 10,071 | 8,941 | 5,872 | 1,776 | 1,466 |
337
+ | `input` | 51,986 | 17,291 | 15,220 | 12,285 | 3,651 | 2,755 |
338
+ | `kbd` | 29,864 | 11,147 | 9,844 | 6,137 | 1,782 | 1,372 |
339
+ | `legend` | 40,961 | 14,380 | 12,705 | 8,758 | 2,428 | 1,901 |
340
+ | `lightbox` | 63,778 | 20,294 | 18,037 | 24,380 | 6,205 | 4,811 |
341
+ | `line-chart` | 104,627 | 34,443 | 30,443 | 27,253 | 7,053 | 5,750 |
342
+ | `list` | 69,431 | 22,996 | 20,512 | 23,007 | 6,188 | 4,903 |
343
+ | `listbox` | 82,373 | 26,601 | 23,495 | 20,660 | 5,795 | 4,472 |
344
+ | `loader` | 29,805 | 10,952 | 9,717 | 6,332 | 1,875 | 1,483 |
345
+ | `map` | 119,276 | 30,460 | 26,540 | 77,584 | 16,356 | 13,038 |
346
+ | `megamenu` | 65,860 | 22,963 | 20,346 | 14,234 | 3,718 | 2,933 |
347
+ | `menu` | 117,951 | 37,022 | 32,607 | 46,550 | 11,020 | 8,967 |
348
+ | `meter` | 38,446 | 13,480 | 12,016 | 11,753 | 2,968 | 2,603 |
349
+ | `navigation` | 37,354 | 13,394 | 11,897 | 7,765 | 2,194 | 1,764 |
350
+ | `notifications` | 75,372 | 22,763 | 20,349 | 34,404 | 7,909 | 6,460 |
351
+ | `number-input` | 62,622 | 20,289 | 18,040 | 19,186 | 4,964 | 3,859 |
352
+ | `object-inspector` | 135,162 | 41,806 | 36,782 | 55,394 | 13,549 | 10,806 |
353
+ | `option` | 31,518 | 10,945 | 9,675 | 9,711 | 2,415 | 1,892 |
354
+ | `orb` | 35,455 | 13,577 | 12,106 | 10,072 | 3,811 | 3,186 |
355
+ | `outline` | 38,432 | 13,612 | 12,114 | 12,777 | 3,613 | 2,916 |
356
+ | `pagination` | 159,437 | 47,226 | 40,971 | 67,716 | 15,655 | 12,544 |
357
+ | `pin-input` | 51,770 | 17,535 | 15,689 | 10,745 | 3,299 | 2,590 |
358
+ | `popover` | 67,855 | 23,811 | 21,143 | 10,231 | 2,838 | 2,179 |
359
+ | `progress` | 35,829 | 12,486 | 11,178 | 10,851 | 2,751 | 2,293 |
360
+ | `qr-code` | 44,840 | 17,242 | 15,361 | 19,258 | 7,008 | 5,798 |
361
+ | `quote` | 23,589 | 9,213 | 8,124 | 2,413 | 867 | 675 |
362
+ | `radio` | 52,744 | 16,238 | 14,465 | 12,969 | 2,967 | 2,291 |
363
+ | `rating` | 55,566 | 18,732 | 16,687 | 12,648 | 3,844 | 3,097 |
364
+ | `sandbox` | 105,225 | 31,045 | 27,128 | 73,136 | 18,920 | 15,686 |
365
+ | `scatter-chart` | 102,537 | 34,000 | 29,980 | 26,580 | 7,205 | 5,853 |
366
+ | `scroll-area` | 35,927 | 12,124 | 10,757 | 14,171 | 3,725 | 2,955 |
367
+ | `select` | 126,662 | 40,154 | 35,211 | 36,507 | 9,221 | 7,264 |
368
+ | `skeleton` | 26,633 | 9,794 | 8,712 | 5,430 | 1,583 | 1,264 |
369
+ | `skip-link` | 25,958 | 9,947 | 8,782 | 3,441 | 1,117 | 806 |
370
+ | `slider` | 69,292 | 20,367 | 18,224 | 28,886 | 6,327 | 5,170 |
371
+ | `sparkline` | 53,915 | 18,918 | 16,931 | 12,099 | 3,650 | 2,939 |
372
+ | `speed-dial` | 78,001 | 26,286 | 23,343 | 19,975 | 4,615 | 3,598 |
373
+ | `splitter` | 50,373 | 16,351 | 14,664 | 21,153 | 5,071 | 4,108 |
374
+ | `stat` | 29,307 | 10,525 | 9,397 | 6,495 | 1,651 | 1,325 |
375
+ | `steps` | 71,775 | 22,157 | 19,661 | 29,891 | 6,942 | 5,667 |
376
+ | `strands` | 62,759 | 23,353 | 20,586 | 38,795 | 14,001 | 12,040 |
377
+ | `switch` | 44,929 | 14,842 | 13,232 | 6,681 | 1,919 | 1,514 |
378
+ | `table` | 139,823 | 40,365 | 35,125 | 66,117 | 15,995 | 12,987 |
379
+ | `tabs` | 59,455 | 18,525 | 16,446 | 21,434 | 5,022 | 4,066 |
380
+ | `tag` | 49,634 | 17,254 | 15,406 | 14,372 | 3,837 | 2,974 |
381
+ | `text` | 28,979 | 10,064 | 8,865 | 7,770 | 1,667 | 1,319 |
382
+ | `textarea` | 49,149 | 16,177 | 14,436 | 10,007 | 2,811 | 2,162 |
383
+ | `time-input` | 199,712 | 57,233 | 49,790 | 76,141 | 17,075 | 13,866 |
384
+ | `time-picker` | 114,933 | 34,164 | 30,080 | 48,387 | 11,899 | 9,555 |
385
+ | `timeline` | 40,048 | 13,539 | 12,094 | 12,967 | 2,934 | 2,373 |
386
+ | `toast` | 60,260 | 19,945 | 17,772 | 21,387 | 5,635 | 4,540 |
387
+ | `toggle` | 52,881 | 16,794 | 14,921 | 12,289 | 3,316 | 2,590 |
388
+ | `toolbar` | 34,245 | 12,192 | 10,843 | 8,488 | 2,307 | 1,815 |
389
+ | `tooltip` | 62,274 | 21,930 | 19,480 | 11,899 | 3,277 | 2,482 |
390
+ | `tour` | 98,026 | 31,465 | 27,834 | 32,291 | 7,827 | 6,241 |
391
+ | `tree` | 78,536 | 24,877 | 22,140 | 27,321 | 7,176 | 5,709 |
392
+ | `trend` | 31,751 | 12,161 | 10,883 | 5,655 | 1,718 | 1,388 |
393
+ | `video` | 169,186 | 49,050 | 42,745 | 92,977 | 21,418 | 17,817 |
394
+ | `video-playlist` | 152,640 | 45,496 | 39,930 | 66,187 | 15,220 | 12,365 |
395
+ | `virtual-list` | 61,239 | 20,609 | 18,392 | 23,461 | 7,019 | 5,655 |
396
396
 
397
397
  ## What an install adds to `node_modules`
398
398
 
@@ -405,11 +405,11 @@ stripped column shows the bytes we removed.
405
405
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
406
406
  |---|---|---|---|---|
407
407
  | `@fusion.dev/helix-core` | 2,461,604 | 551 | 713,856 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
408
- | `@fusion.dev/helix-headless` | 21,782,467 | 702 | 2,227,667 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
408
+ | `@fusion.dev/helix-headless` | 21,790,471 | 702 | 2,228,530 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
409
409
  | `@fusion.dev/helix-icons` | 150,509 | 21 | 48,154 | `svgo` |
410
410
  | `@fusion.dev/helix-styles` | 117,028 | 6 | 0 | none |
411
411
  | `@fusion.dev/helix-theme` | 529,299 | 8 | 5,393 | none |
412
- | `@fusion.dev/helix` | 21,782,374 | 954 | 516,803 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
412
+ | `@fusion.dev/helix` | 21,829,120 | 954 | 533,754 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
413
413
 
414
414
  ## Not measured yet
415
415
 
package/dist/sources.generated.js CHANGED
@@ -4176,7 +4176,7 @@ on its own.
4176
4176
 
4177
4177
  | | Raw | Gzip | Brotli |
4178
4178
  |---|---|---|---|
4179
- | Lit and \`@fusion.dev/helix-core\` | 251,200 | 78,663 | 67,332 |
4179
+ | Lit and \`@fusion.dev/helix-core\` | 251,200 | 78,663 | 67,252 |
4180
4180
 
4181
4181
  ## Whole packages
4182
4182
 
@@ -4187,12 +4187,12 @@ either barrel. The per-component tables show what your page pays.
4187
4187
 
4188
4188
  | Package | Raw | Gzip | Brotli | |
4189
4189
  |---|---|---|---|---|
4190
- | \`@fusion.dev/helix-core\` | 250,409 | 78,475 | 66,973 | The element base class, mixins, decorators, and floating positioning. |
4191
- | \`@fusion.dev/helix-headless\` | 1,381,361 | 374,857 | 280,562 | Every headless family. The barrel entry includes all of them. |
4190
+ | \`@fusion.dev/helix-core\` | 250,409 | 78,476 | 67,020 | The element base class, mixins, decorators, and floating positioning. |
4191
+ | \`@fusion.dev/helix-headless\` | 1,382,111 | 375,009 | 280,738 | Every headless family. The barrel entry includes all of them. |
4192
4192
  | \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
4193
4193
  | \`@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. |
4194
4194
  | \`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. |
4195
- | \`@fusion.dev/helix\` | 2,101,011 | 521,926 | 370,166 | Every styled family. |
4195
+ | \`@fusion.dev/helix\` | 2,111,907 | 526,305 | 373,860 | Every styled family. |
4196
4196
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
4197
4197
 
4198
4198
  ## Stylesheets
@@ -4215,9 +4215,9 @@ shows the whole cost of using the base layer on its own.
4215
4215
 
4216
4216
  **Most of your first component is the shared runtime.** The median styled family is 17,487 bytes gzipped alone, and it adds 3,844 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.
4217
4217
 
4218
- Across the 105 styled components, the smallest is \`code\` at 8,471 bytes gzipped alone, and the largest is \`data-table\` at 66,828. Every family together is 521,926.
4218
+ Across the 105 styled components, the smallest is \`code\` at 8,471 bytes gzipped alone, and the largest is \`data-table\` at 66,828. Every family together is 526,305.
4219
4219
 
4220
- 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 374,857 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
4220
+ 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 375,009 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 105 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
4221
4221
 
4222
4222
  The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 16,626 bytes gzipped alone.
4223
4223
 
@@ -4231,37 +4231,37 @@ The table has no whole-library row. That row would compare how many components e
4231
4231
 
4232
4232
  | Component | System | Raw | Gzip | Brotli |
4233
4233
  |---|---|---|---|---|
4234
- | \`button\` | **Helix** | 44,264 | 14,640 | 13,053 |
4234
+ | \`button\` | **Helix** | 44,264 | 14,640 | 13,034 |
4235
4235
  | | Carbon | 133,058 | 20,959 | 17,685 |
4236
4236
  | | Material Web | 47,060 | 14,173 | 12,591 |
4237
4237
  | | Shoelace | 62,628 | 18,287 | 15,805 |
4238
4238
  | | Spectrum | 98,792 | 22,045 | 18,674 |
4239
- | \`checkbox\` | **Helix** | 48,216 | 15,380 | 13,709 |
4239
+ | \`checkbox\` | **Helix** | 48,216 | 15,380 | 13,704 |
4240
4240
  | | Carbon | 60,255 | 15,609 | 13,550 |
4241
4241
  | | Material Web | 43,785 | 13,556 | 12,015 |
4242
4242
  | | Shoelace | 47,614 | 15,177 | 13,301 |
4243
4243
  | | Spectrum | 62,492 | 15,437 | 13,481 |
4244
- | \`dialog\` | **Helix** | 45,141 | 15,337 | 13,661 |
4244
+ | \`dialog\` | **Helix** | 45,141 | 15,337 | 13,683 |
4245
4245
  | | Carbon | 510,866 | 67,390 | 39,189 |
4246
4246
  | | Material Web | 34,238 | 11,510 | 10,229 |
4247
4247
  | | Shoelace | 52,754 | 17,698 | 15,554 |
4248
4248
  | | Spectrum | 155,708 | 31,899 | 26,262 |
4249
- | \`radio\` | **Helix** | 52,744 | 16,238 | 14,457 |
4249
+ | \`radio\` | **Helix** | 52,744 | 16,238 | 14,465 |
4250
4250
  | | Carbon | 63,055 | 16,887 | 14,605 |
4251
4251
  | | Material Web | 41,044 | 13,234 | 11,757 |
4252
4252
  | | Shoelace | 34,865 | 12,027 | 10,559 |
4253
4253
  | | Spectrum | 38,685 | 10,660 | 9,370 |
4254
- | \`switch\` | **Helix** | 44,929 | 14,842 | 13,231 |
4254
+ | \`switch\` | **Helix** | 44,929 | 14,842 | 13,232 |
4255
4255
  | | Carbon | 69,423 | 17,127 | 14,764 |
4256
4256
  | | Material Web | 50,155 | 14,577 | 12,935 |
4257
4257
  | | Shoelace | 37,833 | 11,814 | 10,568 |
4258
4258
  | | Spectrum | 62,322 | 15,059 | 13,321 |
4259
- | \`tabs\` | **Helix** | 59,455 | 18,525 | 16,475 |
4259
+ | \`tabs\` | **Helix** | 59,455 | 18,525 | 16,446 |
4260
4260
  | | Carbon | 578,766 | 73,537 | 43,235 |
4261
4261
  | | Material Web | 38,883 | 12,820 | 11,368 |
4262
4262
  | | Shoelace | 54,573 | 17,140 | 15,068 |
4263
4263
  | | Spectrum | 64,875 | 18,298 | 16,283 |
4264
- | \`tooltip\` | **Helix** | 62,274 | 21,930 | 19,489 |
4264
+ | \`tooltip\` | **Helix** | 62,274 | 21,930 | 19,480 |
4265
4265
  | | Carbon | 189,382 | 30,354 | 22,273 |
4266
4266
  | | Material Web | | not shipped | |
4267
4267
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -4313,104 +4313,104 @@ Structure, accessibility, state, and form participation. It has no presentation
4313
4313
 
4314
4314
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4315
4315
  |---|---|---|---|---|---|---|
4316
- | \`accordion\` | 32,745 | 11,983 | 10,615 | 6,019 | 1,738 | 1,289 |
4317
- | \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,530 | 1,017 |
4318
- | \`app-header\` | 32,800 | 12,031 | 10,687 | 6,204 | 1,901 | 1,370 |
4319
- | \`area-chart\` | 91,729 | 31,832 | 28,174 | 14,701 | 4,492 | 3,472 |
4320
- | \`avatar\` | 30,980 | 11,730 | 10,513 | 4,627 | 1,379 | 990 |
4321
- | \`badge\` | 27,270 | 10,680 | 9,487 | 3,276 | 1,019 | 746 |
4322
- | \`bar-chart\` | 94,962 | 32,766 | 28,989 | 17,788 | 5,376 | 4,238 |
4323
- | \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,008 | 687 |
4324
- | \`breadcrumbs\` | 36,711 | 14,014 | 12,446 | 8,000 | 2,546 | 1,962 |
4325
- | \`button\` | 37,136 | 13,192 | 11,780 | 5,334 | 1,617 | 1,171 |
4316
+ | \`accordion\` | 32,745 | 11,983 | 10,625 | 6,019 | 1,739 | 1,367 |
4317
+ | \`announcement\` | 37,203 | 13,437 | 11,960 | 5,014 | 1,530 | 1,103 |
4318
+ | \`app-header\` | 32,800 | 12,032 | 10,689 | 6,204 | 1,902 | 1,430 |
4319
+ | \`area-chart\` | 91,729 | 31,832 | 28,125 | 14,701 | 4,492 | 3,520 |
4320
+ | \`avatar\` | 30,980 | 11,730 | 10,493 | 4,627 | 1,380 | 981 |
4321
+ | \`badge\` | 27,270 | 10,680 | 9,487 | 3,276 | 1,019 | 809 |
4322
+ | \`bar-chart\` | 95,706 | 32,924 | 29,129 | 18,532 | 5,521 | 4,425 |
4323
+ | \`blockquote\` | 24,289 | 9,538 | 8,445 | 2,731 | 1,008 | 860 |
4324
+ | \`breadcrumbs\` | 36,711 | 14,014 | 12,482 | 8,000 | 2,546 | 2,024 |
4325
+ | \`button\` | 37,136 | 13,192 | 11,780 | 5,334 | 1,617 | 1,221 |
4326
4326
  | \`button-group\` | 27,883 | 10,536 | 9,328 | 5,322 | 1,695 | 1,156 |
4327
- | \`callout\` | 35,706 | 13,688 | 12,144 | 3,217 | 1,100 | 763 |
4328
- | \`canvas\` | 109,730 | 34,967 | 30,480 | 70,004 | 21,226 | 17,676 |
4329
- | \`card\` | 23,959 | 9,172 | 8,113 | 2,422 | 772 | 426 |
4330
- | \`carousel\` | 42,808 | 15,297 | 13,616 | 15,311 | 4,285 | 3,223 |
4331
- | \`chat\` | 80,007 | 26,365 | 23,311 | 28,439 | 8,251 | 6,353 |
4332
- | \`checkbox\` | 41,386 | 13,885 | 12,378 | 3,437 | 1,087 | 683 |
4333
- | \`checkbox-group\` | 48,943 | 15,831 | 14,113 | 8,987 | 2,503 | 1,750 |
4334
- | \`code\` | 20,483 | 8,144 | 7,222 | 466 | 228 | 153 |
4335
- | \`code-block\` | 106,145 | 35,487 | 31,389 | 38,398 | 10,926 | 8,614 |
4336
- | \`color-input\` | 145,267 | 45,522 | 39,743 | 56,945 | 14,637 | 11,783 |
4337
- | \`color-picker\` | 105,883 | 33,316 | 29,126 | 48,730 | 12,959 | 10,392 |
4338
- | \`combobox\` | 134,488 | 42,074 | 36,996 | 36,771 | 9,294 | 7,120 |
4339
- | \`command\` | 101,351 | 31,577 | 27,756 | 31,089 | 8,345 | 6,415 |
4340
- | \`copy-button\` | 83,814 | 28,307 | 25,060 | 19,752 | 5,200 | 3,891 |
4341
- | \`data-table\` | 203,391 | 61,139 | 52,333 | 92,115 | 23,734 | 19,024 |
4342
- | \`date-input\` | 144,953 | 44,782 | 39,279 | 39,208 | 9,635 | 7,614 |
4343
- | \`date-picker\` | 61,933 | 20,945 | 18,735 | 20,652 | 5,666 | 4,422 |
4344
- | \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 647 | 362 |
4345
- | \`dialog\` | 39,660 | 14,075 | 12,485 | 6,219 | 1,888 | 1,326 |
4346
- | \`divider\` | 23,173 | 9,044 | 8,008 | 1,745 | 646 | 411 |
4347
- | \`donut-chart\` | 90,636 | 31,253 | 27,623 | 15,280 | 4,659 | 3,643 |
4348
- | \`drawer\` | 44,304 | 15,611 | 13,877 | 8,080 | 2,451 | 1,774 |
4349
- | \`drilldown\` | 43,559 | 15,108 | 13,411 | 10,393 | 2,880 | 2,188 |
4350
- | \`empty\` | 24,376 | 9,367 | 8,289 | 2,282 | 766 | 507 |
4351
- | \`file-input\` | 59,035 | 20,204 | 17,914 | 13,765 | 4,286 | 3,200 |
4352
- | \`filter-input\` | 100,832 | 33,095 | 29,351 | 22,961 | 6,402 | 4,893 |
4353
- | \`format-date\` | 30,340 | 11,407 | 10,185 | 4,769 | 1,391 | 990 |
4354
- | \`graph\` | 75,328 | 24,695 | 21,849 | 22,262 | 6,643 | 5,412 |
4355
- | \`heatmap\` | 99,483 | 33,626 | 29,693 | 19,465 | 5,701 | 4,379 |
4356
- | \`icon\` | 31,354 | 11,873 | 10,469 | 8,833 | 3,001 | 2,215 |
4357
- | \`icon-button\` | 37,575 | 13,234 | 11,793 | 5,771 | 1,661 | 1,106 |
4358
- | \`image\` | 25,686 | 9,596 | 8,499 | 4,159 | 1,283 | 922 |
4359
- | \`input\` | 47,372 | 16,211 | 14,306 | 7,688 | 2,512 | 1,804 |
4360
- | \`kbd\` | 27,537 | 10,603 | 9,364 | 3,825 | 1,239 | 800 |
4361
- | \`legend\` | 35,366 | 13,053 | 11,582 | 3,289 | 1,124 | 753 |
4362
- | \`lightbox\` | 56,786 | 18,937 | 16,785 | 17,408 | 4,841 | 3,572 |
4363
- | \`line-chart\` | 92,764 | 32,003 | 28,353 | 15,406 | 4,561 | 3,685 |
4364
- | \`list\` | 62,376 | 21,453 | 19,105 | 15,975 | 4,620 | 3,425 |
4365
- | \`listbox\` | 77,569 | 25,458 | 22,490 | 15,873 | 4,651 | 3,459 |
4366
- | \`loader\` | 26,561 | 10,165 | 9,041 | 3,105 | 1,082 | 713 |
4367
- | \`map\` | 82,476 | 24,897 | 21,659 | 40,792 | 10,592 | 8,254 |
4368
- | \`megamenu\` | 60,537 | 21,791 | 19,326 | 8,929 | 2,512 | 1,705 |
4369
- | \`menu\` | 104,877 | 34,704 | 30,664 | 33,490 | 8,672 | 6,811 |
4370
- | \`meter\` | 31,903 | 12,134 | 10,825 | 5,229 | 1,590 | 1,224 |
4371
- | \`navigation\` | 33,270 | 12,546 | 11,143 | 3,696 | 1,307 | 869 |
4372
- | \`notifications\` | 60,510 | 20,098 | 17,937 | 19,549 | 5,251 | 3,946 |
4373
- | \`number-input\` | 57,280 | 19,065 | 17,006 | 13,860 | 3,734 | 2,712 |
4374
- | \`object-inspector\` | 116,958 | 38,813 | 34,200 | 37,210 | 10,522 | 8,205 |
4375
- | \`option\` | 27,316 | 9,917 | 8,780 | 5,517 | 1,388 | 911 |
4376
- | \`outline\` | 33,838 | 12,725 | 11,285 | 8,200 | 2,702 | 1,990 |
4377
- | \`pagination\` | 139,709 | 43,810 | 38,068 | 47,998 | 12,198 | 9,495 |
4378
- | \`pin-input\` | 48,078 | 16,622 | 14,822 | 7,072 | 2,359 | 1,716 |
4379
- | \`popover\` | 64,354 | 23,047 | 20,428 | 6,748 | 2,011 | 1,398 |
4380
- | \`progress\` | 28,266 | 10,845 | 9,647 | 3,305 | 1,061 | 729 |
4381
- | \`qr-code\` | 42,901 | 16,763 | 14,954 | 17,336 | 6,494 | 5,298 |
4382
- | \`quote\` | 22,698 | 9,004 | 7,944 | 1,539 | 675 | 390 |
4383
- | \`radio\` | 44,242 | 14,704 | 13,065 | 4,478 | 1,369 | 810 |
4384
- | \`rating\` | 51,266 | 17,494 | 15,586 | 8,367 | 2,571 | 1,799 |
4385
- | \`scatter-chart\` | 92,732 | 31,837 | 28,146 | 16,796 | 5,019 | 3,892 |
4386
- | \`scroll-area\` | 30,549 | 11,169 | 9,877 | 8,810 | 2,693 | 2,041 |
4387
- | \`select\` | 116,816 | 38,230 | 33,472 | 26,678 | 7,247 | 5,393 |
4388
- | \`skeleton\` | 22,510 | 8,765 | 7,771 | 1,321 | 532 | 279 |
4389
- | \`skip-link\` | 24,054 | 9,460 | 8,368 | 1,553 | 610 | 355 |
4390
- | \`slider\` | 53,882 | 18,034 | 16,167 | 13,495 | 3,937 | 3,021 |
4391
- | \`sparkline\` | 48,085 | 17,568 | 15,688 | 6,289 | 2,257 | 1,677 |
4392
- | \`speed-dial\` | 69,924 | 24,854 | 22,023 | 11,912 | 3,134 | 2,344 |
4393
- | \`splitter\` | 43,932 | 15,280 | 13,634 | 14,732 | 3,968 | 3,071 |
4394
- | \`stat\` | 25,766 | 9,817 | 8,713 | 2,962 | 924 | 562 |
4395
- | \`steps\` | 56,554 | 19,331 | 17,174 | 14,683 | 4,068 | 3,067 |
4396
- | \`switch\` | 40,244 | 13,706 | 12,201 | 2,009 | 762 | 427 |
4397
- | \`table\` | 120,550 | 37,167 | 32,322 | 46,845 | 12,739 | 10,108 |
4398
- | \`tabs\` | 49,458 | 16,630 | 14,752 | 11,447 | 3,071 | 2,233 |
4399
- | \`tag\` | 44,369 | 16,108 | 14,429 | 9,122 | 2,693 | 1,981 |
4400
- | \`textarea\` | 44,863 | 15,168 | 13,520 | 5,738 | 1,728 | 1,253 |
4401
- | \`time-input\` | 173,573 | 52,931 | 45,959 | 50,012 | 12,710 | 9,822 |
4402
- | \`time-picker\` | 101,540 | 31,687 | 27,890 | 35,003 | 9,405 | 7,304 |
4403
- | \`timeline\` | 32,129 | 12,022 | 10,745 | 5,055 | 1,364 | 979 |
4404
- | \`toast\` | 51,650 | 18,074 | 16,070 | 12,791 | 3,662 | 2,721 |
4405
- | \`toggle\` | 47,327 | 15,527 | 13,835 | 6,749 | 1,998 | 1,386 |
4406
- | \`toolbar\` | 31,229 | 11,687 | 10,400 | 5,487 | 1,794 | 1,232 |
4407
- | \`tooltip\` | 59,126 | 21,181 | 18,823 | 8,769 | 2,475 | 1,807 |
4408
- | \`tour\` | 86,648 | 29,366 | 25,945 | 20,931 | 5,714 | 4,373 |
4409
- | \`tree\` | 69,125 | 22,920 | 20,344 | 17,926 | 5,187 | 4,037 |
4410
- | \`trend\` | 29,899 | 11,696 | 10,440 | 3,822 | 1,231 | 803 |
4411
- | \`video\` | 146,122 | 45,121 | 39,338 | 69,931 | 17,634 | 14,119 |
4412
- | \`video-playlist\` | 133,526 | 42,293 | 37,179 | 47,089 | 12,009 | 9,630 |
4413
- | \`virtual-list\` | 58,901 | 20,071 | 17,928 | 21,141 | 6,493 | 5,072 |
4327
+ | \`callout\` | 35,706 | 13,688 | 12,139 | 3,217 | 1,100 | 814 |
4328
+ | \`canvas\` | 109,730 | 34,967 | 30,561 | 70,004 | 21,226 | 17,673 |
4329
+ | \`card\` | 23,959 | 9,173 | 8,133 | 2,422 | 773 | 528 |
4330
+ | \`carousel\` | 42,808 | 15,297 | 13,621 | 15,311 | 4,286 | 3,346 |
4331
+ | \`chat\` | 80,007 | 26,365 | 23,309 | 28,439 | 8,251 | 6,459 |
4332
+ | \`checkbox\` | 41,386 | 13,886 | 12,382 | 3,437 | 1,088 | 739 |
4333
+ | \`checkbox-group\` | 48,943 | 15,831 | 14,115 | 8,987 | 2,504 | 1,922 |
4334
+ | \`code\` | 20,483 | 8,144 | 7,222 | 466 | 229 | 146 |
4335
+ | \`code-block\` | 106,145 | 35,487 | 31,400 | 38,398 | 10,926 | 8,792 |
4336
+ | \`color-input\` | 145,267 | 45,522 | 39,667 | 56,945 | 14,638 | 11,736 |
4337
+ | \`color-picker\` | 105,883 | 33,316 | 29,097 | 48,730 | 12,959 | 10,451 |
4338
+ | \`combobox\` | 134,488 | 42,075 | 37,009 | 36,771 | 9,294 | 7,259 |
4339
+ | \`command\` | 101,351 | 31,577 | 27,759 | 31,089 | 8,345 | 6,493 |
4340
+ | \`copy-button\` | 83,814 | 28,307 | 25,049 | 19,752 | 5,201 | 3,959 |
4341
+ | \`data-table\` | 203,391 | 61,139 | 52,376 | 92,115 | 23,735 | 19,121 |
4342
+ | \`date-input\` | 144,953 | 44,783 | 39,296 | 39,208 | 9,635 | 7,642 |
4343
+ | \`date-picker\` | 61,933 | 20,945 | 18,731 | 20,652 | 5,666 | 4,576 |
4344
+ | \`description-list\` | 23,412 | 8,907 | 7,880 | 2,225 | 648 | 410 |
4345
+ | \`dialog\` | 39,660 | 14,075 | 12,485 | 6,219 | 1,889 | 1,578 |
4346
+ | \`divider\` | 23,173 | 9,044 | 7,995 | 1,745 | 646 | 393 |
4347
+ | \`donut-chart\` | 90,636 | 31,253 | 27,683 | 15,280 | 4,659 | 3,764 |
4348
+ | \`drawer\` | 44,304 | 15,612 | 13,852 | 8,080 | 2,451 | 1,912 |
4349
+ | \`drilldown\` | 43,559 | 15,108 | 13,413 | 10,393 | 2,880 | 2,181 |
4350
+ | \`empty\` | 24,376 | 9,367 | 8,289 | 2,282 | 767 | 565 |
4351
+ | \`file-input\` | 59,035 | 20,204 | 17,942 | 13,765 | 4,286 | 3,308 |
4352
+ | \`filter-input\` | 100,832 | 33,095 | 29,301 | 22,961 | 6,402 | 5,067 |
4353
+ | \`format-date\` | 30,340 | 11,407 | 10,219 | 4,769 | 1,391 | 1,106 |
4354
+ | \`graph\` | 75,328 | 24,695 | 21,862 | 22,262 | 6,644 | 5,309 |
4355
+ | \`heatmap\` | 99,483 | 33,626 | 29,697 | 19,465 | 5,701 | 4,446 |
4356
+ | \`icon\` | 31,354 | 11,873 | 10,459 | 8,833 | 3,001 | 2,359 |
4357
+ | \`icon-button\` | 37,575 | 13,234 | 11,793 | 5,771 | 1,662 | 1,248 |
4358
+ | \`image\` | 25,686 | 9,596 | 8,498 | 4,159 | 1,284 | 956 |
4359
+ | \`input\` | 47,372 | 16,212 | 14,283 | 7,688 | 2,513 | 1,820 |
4360
+ | \`kbd\` | 27,537 | 10,603 | 9,364 | 3,825 | 1,240 | 844 |
4361
+ | \`legend\` | 35,366 | 13,053 | 11,630 | 3,289 | 1,124 | 858 |
4362
+ | \`lightbox\` | 56,786 | 18,937 | 16,832 | 17,408 | 4,841 | 3,663 |
4363
+ | \`line-chart\` | 92,764 | 32,003 | 28,386 | 15,406 | 4,561 | 3,709 |
4364
+ | \`list\` | 62,376 | 21,453 | 19,146 | 15,975 | 4,620 | 3,658 |
4365
+ | \`listbox\` | 77,569 | 25,458 | 22,494 | 15,873 | 4,652 | 3,557 |
4366
+ | \`loader\` | 26,561 | 10,165 | 9,002 | 3,105 | 1,083 | 826 |
4367
+ | \`map\` | 82,476 | 24,897 | 21,631 | 40,792 | 10,592 | 8,262 |
4368
+ | \`megamenu\` | 60,537 | 21,791 | 19,316 | 8,929 | 2,512 | 1,836 |
4369
+ | \`menu\` | 104,877 | 34,704 | 30,715 | 33,490 | 8,672 | 6,890 |
4370
+ | \`meter\` | 31,903 | 12,134 | 10,856 | 5,229 | 1,590 | 1,302 |
4371
+ | \`navigation\` | 33,270 | 12,546 | 11,146 | 3,696 | 1,308 | 1,081 |
4372
+ | \`notifications\` | 60,510 | 20,098 | 17,929 | 19,549 | 5,251 | 4,135 |
4373
+ | \`number-input\` | 57,280 | 19,065 | 16,998 | 13,860 | 3,734 | 2,930 |
4374
+ | \`object-inspector\` | 116,958 | 38,814 | 34,173 | 37,210 | 10,523 | 8,349 |
4375
+ | \`option\` | 27,316 | 9,917 | 8,780 | 5,517 | 1,388 | 1,022 |
4376
+ | \`outline\` | 33,838 | 12,725 | 11,296 | 8,200 | 2,702 | 2,109 |
4377
+ | \`pagination\` | 139,709 | 43,810 | 38,053 | 47,998 | 12,198 | 9,520 |
4378
+ | \`pin-input\` | 48,078 | 16,622 | 14,822 | 7,072 | 2,360 | 1,792 |
4379
+ | \`popover\` | 64,354 | 23,047 | 20,406 | 6,748 | 2,012 | 1,447 |
4380
+ | \`progress\` | 28,266 | 10,845 | 9,645 | 3,305 | 1,061 | 802 |
4381
+ | \`qr-code\` | 42,901 | 16,763 | 14,938 | 17,336 | 6,494 | 5,395 |
4382
+ | \`quote\` | 22,698 | 9,004 | 7,944 | 1,539 | 675 | 492 |
4383
+ | \`radio\` | 44,242 | 14,704 | 13,079 | 4,478 | 1,369 | 935 |
4384
+ | \`rating\` | 51,266 | 17,494 | 15,585 | 8,367 | 2,571 | 1,869 |
4385
+ | \`scatter-chart\` | 92,732 | 31,837 | 28,154 | 16,796 | 5,019 | 3,957 |
4386
+ | \`scroll-area\` | 30,549 | 11,169 | 9,924 | 8,810 | 2,693 | 2,083 |
4387
+ | \`select\` | 116,816 | 38,230 | 33,478 | 26,678 | 7,248 | 5,573 |
4388
+ | \`skeleton\` | 22,510 | 8,765 | 7,771 | 1,321 | 533 | 346 |
4389
+ | \`skip-link\` | 24,054 | 9,460 | 8,363 | 1,553 | 610 | 551 |
4390
+ | \`slider\` | 53,882 | 18,034 | 16,100 | 13,495 | 3,937 | 2,995 |
4391
+ | \`sparkline\` | 48,085 | 17,568 | 15,729 | 6,289 | 2,257 | 1,768 |
4392
+ | \`speed-dial\` | 69,924 | 24,854 | 22,014 | 11,912 | 3,134 | 2,417 |
4393
+ | \`splitter\` | 43,932 | 15,280 | 13,634 | 14,732 | 3,968 | 3,166 |
4394
+ | \`stat\` | 25,766 | 9,817 | 8,717 | 2,962 | 924 | 549 |
4395
+ | \`steps\` | 56,554 | 19,331 | 17,218 | 14,683 | 4,069 | 3,282 |
4396
+ | \`switch\` | 40,244 | 13,706 | 12,205 | 2,009 | 762 | 485 |
4397
+ | \`table\` | 120,550 | 37,167 | 32,338 | 46,845 | 12,740 | 10,201 |
4398
+ | \`tabs\` | 49,458 | 16,630 | 14,753 | 11,447 | 3,071 | 2,286 |
4399
+ | \`tag\` | 44,369 | 16,108 | 14,342 | 9,122 | 2,693 | 2,030 |
4400
+ | \`textarea\` | 44,863 | 15,168 | 13,496 | 5,738 | 1,728 | 1,322 |
4401
+ | \`time-input\` | 173,573 | 52,931 | 45,956 | 50,012 | 12,710 | 9,996 |
4402
+ | \`time-picker\` | 101,540 | 31,687 | 27,891 | 35,003 | 9,405 | 7,355 |
4403
+ | \`timeline\` | 32,129 | 12,022 | 10,748 | 5,055 | 1,364 | 999 |
4404
+ | \`toast\` | 51,650 | 18,074 | 16,072 | 12,791 | 3,662 | 2,785 |
4405
+ | \`toggle\` | 47,327 | 15,527 | 13,832 | 6,749 | 1,998 | 1,488 |
4406
+ | \`toolbar\` | 31,229 | 11,688 | 10,404 | 5,487 | 1,795 | 1,272 |
4407
+ | \`tooltip\` | 59,126 | 21,181 | 18,844 | 8,769 | 2,476 | 1,954 |
4408
+ | \`tour\` | 86,648 | 29,366 | 25,951 | 20,931 | 5,714 | 4,313 |
4409
+ | \`tree\` | 69,125 | 22,920 | 20,414 | 17,926 | 5,187 | 4,081 |
4410
+ | \`trend\` | 29,899 | 11,696 | 10,402 | 3,822 | 1,232 | 973 |
4411
+ | \`video\` | 146,122 | 45,121 | 39,388 | 69,931 | 17,634 | 14,280 |
4412
+ | \`video-playlist\` | 133,526 | 42,293 | 37,169 | 47,089 | 12,009 | 9,728 |
4413
+ | \`virtual-list\` | 58,901 | 20,071 | 17,899 | 21,141 | 6,494 | 5,184 |
4414
4414
 
4415
4415
  ### Styled tier
4416
4416
 
@@ -4418,111 +4418,111 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
4418
4418
 
4419
4419
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4420
4420
  |---|---|---|---|---|---|---|
4421
- | \`accordion\` | 36,857 | 12,853 | 11,437 | 10,116 | 2,656 | 2,054 |
4422
- | \`announcement\` | 42,139 | 14,513 | 12,927 | 9,931 | 2,653 | 1,984 |
4423
- | \`app-header\` | 38,268 | 13,238 | 11,757 | 11,657 | 3,115 | 2,444 |
4424
- | \`area-chart\` | 100,531 | 33,733 | 29,871 | 23,484 | 6,446 | 5,096 |
4425
- | \`aura\` | 56,284 | 19,458 | 17,285 | 30,126 | 9,415 | 7,785 |
4426
- | \`avatar\` | 34,654 | 12,524 | 11,166 | 8,286 | 2,178 | 1,707 |
4427
- | \`badge\` | 33,164 | 11,947 | 10,633 | 9,165 | 2,307 | 1,823 |
4428
- | \`bar-chart\` | 109,617 | 35,650 | 31,470 | 32,420 | 8,288 | 6,607 |
4429
- | \`blockquote\` | 26,860 | 10,106 | 8,917 | 5,287 | 1,583 | 1,207 |
4430
- | \`breadcrumbs\` | 44,361 | 15,237 | 13,648 | 15,636 | 3,843 | 2,989 |
4431
- | \`button\` | 44,264 | 14,640 | 13,053 | 12,443 | 3,104 | 2,313 |
4432
- | \`button-group\` | 31,742 | 11,238 | 9,989 | 9,166 | 2,385 | 1,749 |
4433
- | \`callout\` | 39,852 | 14,634 | 13,016 | 7,345 | 2,082 | 1,526 |
4434
- | \`canvas\` | 131,932 | 39,201 | 34,124 | 91,848 | 25,380 | 21,069 |
4435
- | \`card\` | 28,213 | 10,189 | 9,040 | 6,662 | 1,788 | 1,367 |
4436
- | \`carousel\` | 53,697 | 17,099 | 15,344 | 26,186 | 6,155 | 4,846 |
4437
- | \`chat\` | 96,376 | 29,161 | 25,769 | 44,805 | 11,092 | 8,779 |
4438
- | \`checkbox\` | 48,216 | 15,380 | 13,709 | 10,249 | 2,623 | 1,902 |
4439
- | \`checkbox-group\` | 56,840 | 17,487 | 15,593 | 16,880 | 4,224 | 3,155 |
4440
- | \`code\` | 21,671 | 8,471 | 7,493 | 1,639 | 546 | 399 |
4441
- | \`code-block\` | 132,526 | 39,454 | 34,823 | 64,761 | 15,042 | 12,199 |
4442
- | \`color-input\` | 189,912 | 51,935 | 45,343 | 101,580 | 21,098 | 17,373 |
4443
- | \`color-picker\` | 144,718 | 39,035 | 34,182 | 87,551 | 18,826 | 15,469 |
4444
- | \`combobox\` | 151,055 | 45,125 | 39,682 | 53,322 | 12,340 | 9,810 |
4445
- | \`command\` | 113,698 | 33,982 | 29,840 | 43,426 | 10,772 | 8,583 |
4446
- | \`copy-button\` | 97,278 | 30,588 | 27,062 | 33,196 | 7,506 | 5,854 |
4447
- | \`data-table\` | 237,283 | 66,828 | 57,189 | 125,996 | 29,546 | 23,730 |
4448
- | \`date-input\` | 167,224 | 48,636 | 42,751 | 61,460 | 13,492 | 10,918 |
4449
- | \`date-picker\` | 70,249 | 22,400 | 20,062 | 28,947 | 7,107 | 5,670 |
4450
- | \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,446 | 1,051 |
4451
- | \`dialog\` | 45,141 | 15,337 | 13,661 | 11,680 | 3,219 | 2,443 |
4452
- | \`divider\` | 25,821 | 9,692 | 8,548 | 4,376 | 1,292 | 880 |
4453
- | \`donut-chart\` | 101,324 | 33,431 | 29,631 | 25,945 | 6,900 | 5,510 |
4454
- | \`drawer\` | 50,503 | 17,016 | 15,159 | 14,261 | 3,921 | 3,064 |
4455
- | \`drilldown\` | 49,933 | 16,402 | 14,615 | 16,754 | 4,230 | 3,292 |
4456
- | \`empty\` | 26,021 | 9,826 | 8,678 | 3,909 | 1,260 | 942 |
4457
- | \`file-input\` | 71,299 | 22,646 | 20,066 | 26,016 | 6,744 | 5,419 |
4458
- | \`filter-input\` | 113,046 | 35,352 | 31,352 | 35,169 | 8,652 | 6,819 |
4459
- | \`flex\` | 25,978 | 9,320 | 8,255 | 5,154 | 1,182 | 874 |
4460
- | \`format-date\` | 30,926 | 11,534 | 10,322 | 5,337 | 1,532 | 1,173 |
4461
- | \`graph\` | 90,459 | 27,537 | 24,127 | 37,373 | 9,560 | 7,465 |
4462
- | \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,600 | 1,255 |
4463
- | \`heatmap\` | 107,484 | 35,332 | 31,168 | 27,446 | 7,413 | 5,845 |
4464
- | \`icon\` | 33,537 | 12,400 | 10,965 | 11,009 | 3,569 | 2,760 |
4465
- | \`icon-button\` | 46,056 | 14,623 | 13,081 | 14,236 | 3,127 | 2,359 |
4466
- | \`image\` | 27,417 | 10,071 | 8,935 | 5,872 | 1,776 | 1,261 |
4467
- | \`input\` | 51,986 | 17,291 | 15,239 | 12,285 | 3,651 | 2,692 |
4468
- | \`kbd\` | 29,864 | 11,147 | 9,843 | 6,137 | 1,782 | 1,200 |
4469
- | \`legend\` | 40,961 | 14,379 | 12,737 | 8,758 | 2,428 | 1,832 |
4470
- | \`lightbox\` | 63,778 | 20,293 | 18,095 | 24,380 | 6,205 | 4,610 |
4471
- | \`line-chart\` | 104,627 | 34,442 | 30,514 | 27,253 | 7,053 | 5,763 |
4472
- | \`list\` | 69,431 | 22,996 | 20,521 | 23,007 | 6,188 | 4,839 |
4473
- | \`listbox\` | 82,373 | 26,601 | 23,513 | 20,660 | 5,795 | 4,467 |
4474
- | \`loader\` | 29,805 | 10,952 | 9,718 | 6,332 | 1,875 | 1,404 |
4475
- | \`map\` | 119,276 | 30,460 | 26,527 | 77,584 | 16,356 | 13,050 |
4476
- | \`megamenu\` | 65,860 | 22,963 | 20,392 | 14,234 | 3,718 | 2,851 |
4477
- | \`menu\` | 117,951 | 37,022 | 32,665 | 46,550 | 11,020 | 8,858 |
4478
- | \`meter\` | 38,446 | 13,480 | 12,016 | 11,753 | 2,968 | 2,357 |
4479
- | \`navigation\` | 37,354 | 13,394 | 11,896 | 7,765 | 2,194 | 1,624 |
4480
- | \`notifications\` | 75,372 | 22,762 | 20,296 | 34,404 | 7,909 | 6,335 |
4481
- | \`number-input\` | 62,622 | 20,288 | 18,051 | 19,186 | 4,964 | 3,770 |
4482
- | \`object-inspector\` | 135,162 | 41,806 | 36,728 | 55,394 | 13,549 | 10,808 |
4483
- | \`option\` | 31,518 | 10,945 | 9,675 | 9,711 | 2,414 | 1,901 |
4484
- | \`orb\` | 35,455 | 13,577 | 12,106 | 10,072 | 3,811 | 3,107 |
4485
- | \`outline\` | 38,432 | 13,612 | 12,125 | 12,777 | 3,613 | 2,758 |
4486
- | \`pagination\` | 159,437 | 47,226 | 41,001 | 67,716 | 15,655 | 12,449 |
4487
- | \`pin-input\` | 51,770 | 17,535 | 15,625 | 10,745 | 3,299 | 2,464 |
4488
- | \`popover\` | 67,855 | 23,811 | 21,096 | 10,231 | 2,838 | 2,102 |
4489
- | \`progress\` | 35,829 | 12,486 | 11,142 | 10,851 | 2,751 | 2,257 |
4490
- | \`qr-code\` | 44,840 | 17,241 | 15,366 | 19,258 | 7,008 | 5,675 |
4491
- | \`quote\` | 23,589 | 9,213 | 8,148 | 2,413 | 867 | 567 |
4492
- | \`radio\` | 52,744 | 16,238 | 14,457 | 12,969 | 2,967 | 2,311 |
4493
- | \`rating\` | 55,566 | 18,732 | 16,733 | 12,648 | 3,844 | 2,899 |
4494
- | \`sandbox\` | 105,225 | 31,044 | 27,190 | 73,136 | 18,919 | 15,490 |
4495
- | \`scatter-chart\` | 102,537 | 34,000 | 29,980 | 26,580 | 7,205 | 5,708 |
4496
- | \`scroll-area\` | 35,927 | 12,124 | 10,777 | 14,171 | 3,725 | 2,906 |
4497
- | \`select\` | 126,662 | 40,154 | 35,223 | 36,507 | 9,221 | 7,322 |
4498
- | \`skeleton\` | 26,633 | 9,794 | 8,712 | 5,430 | 1,582 | 1,239 |
4499
- | \`skip-link\` | 25,958 | 9,947 | 8,782 | 3,441 | 1,117 | 841 |
4500
- | \`slider\` | 69,292 | 20,367 | 18,253 | 28,886 | 6,327 | 5,035 |
4501
- | \`sparkline\` | 53,915 | 18,917 | 16,945 | 12,099 | 3,650 | 2,859 |
4502
- | \`speed-dial\` | 78,001 | 26,286 | 23,313 | 19,975 | 4,614 | 3,671 |
4503
- | \`splitter\` | 50,373 | 16,351 | 14,613 | 21,153 | 5,070 | 4,013 |
4504
- | \`stat\` | 29,307 | 10,525 | 9,396 | 6,495 | 1,651 | 1,274 |
4505
- | \`steps\` | 71,775 | 22,157 | 19,721 | 29,891 | 6,942 | 5,585 |
4506
- | \`strands\` | 53,249 | 19,273 | 17,135 | 29,252 | 9,983 | 8,498 |
4507
- | \`switch\` | 44,929 | 14,842 | 13,231 | 6,681 | 1,918 | 1,421 |
4508
- | \`table\` | 139,823 | 40,365 | 35,131 | 66,117 | 15,995 | 12,927 |
4509
- | \`tabs\` | 59,455 | 18,525 | 16,475 | 21,434 | 5,022 | 3,973 |
4510
- | \`tag\` | 49,634 | 17,253 | 15,452 | 14,372 | 3,837 | 3,003 |
4511
- | \`text\` | 28,979 | 10,064 | 8,879 | 7,770 | 1,667 | 1,234 |
4512
- | \`textarea\` | 49,149 | 16,177 | 14,438 | 10,007 | 2,811 | 2,038 |
4513
- | \`time-input\` | 199,712 | 57,232 | 49,756 | 76,141 | 17,075 | 13,776 |
4514
- | \`time-picker\` | 114,933 | 34,164 | 29,993 | 48,387 | 11,899 | 9,499 |
4515
- | \`timeline\` | 40,048 | 13,539 | 12,115 | 12,967 | 2,934 | 2,364 |
4516
- | \`toast\` | 60,260 | 19,945 | 17,731 | 21,387 | 5,635 | 4,383 |
4517
- | \`toggle\` | 52,881 | 16,794 | 14,913 | 12,289 | 3,316 | 2,450 |
4518
- | \`toolbar\` | 34,245 | 12,192 | 10,844 | 8,488 | 2,307 | 1,739 |
4519
- | \`tooltip\` | 62,274 | 21,930 | 19,489 | 11,899 | 3,277 | 2,532 |
4520
- | \`tour\` | 98,026 | 31,465 | 27,800 | 32,291 | 7,827 | 6,080 |
4521
- | \`tree\` | 78,536 | 24,877 | 22,171 | 27,321 | 7,176 | 5,760 |
4522
- | \`trend\` | 31,751 | 12,161 | 10,880 | 5,655 | 1,718 | 1,275 |
4523
- | \`video\` | 169,186 | 49,050 | 42,801 | 92,977 | 21,418 | 17,699 |
4524
- | \`video-playlist\` | 152,640 | 45,495 | 39,924 | 66,187 | 15,220 | 12,519 |
4525
- | \`virtual-list\` | 61,239 | 20,609 | 18,370 | 23,461 | 7,019 | 5,554 |
4421
+ | \`accordion\` | 36,857 | 12,854 | 11,433 | 10,116 | 2,656 | 2,101 |
4422
+ | \`announcement\` | 42,139 | 14,513 | 12,974 | 9,931 | 2,653 | 2,102 |
4423
+ | \`app-header\` | 38,268 | 13,238 | 11,762 | 11,657 | 3,116 | 2,506 |
4424
+ | \`area-chart\` | 100,531 | 33,733 | 29,864 | 23,484 | 6,446 | 5,193 |
4425
+ | \`aura\` | 56,284 | 19,458 | 17,291 | 30,126 | 9,415 | 7,905 |
4426
+ | \`avatar\` | 34,654 | 12,524 | 11,203 | 8,286 | 2,178 | 1,813 |
4427
+ | \`badge\` | 33,164 | 11,947 | 10,634 | 9,165 | 2,308 | 1,933 |
4428
+ | \`bar-chart\` | 110,801 | 35,887 | 31,746 | 33,605 | 8,551 | 6,924 |
4429
+ | \`blockquote\` | 26,860 | 10,107 | 8,940 | 5,287 | 1,584 | 1,273 |
4430
+ | \`breadcrumbs\` | 44,361 | 15,237 | 13,616 | 15,636 | 3,843 | 3,148 |
4431
+ | \`button\` | 44,264 | 14,640 | 13,034 | 12,443 | 3,104 | 2,422 |
4432
+ | \`button-group\` | 31,742 | 11,238 | 9,978 | 9,166 | 2,386 | 1,863 |
4433
+ | \`callout\` | 39,852 | 14,634 | 13,018 | 7,345 | 2,082 | 1,628 |
4434
+ | \`canvas\` | 131,932 | 39,201 | 34,069 | 91,848 | 25,380 | 21,167 |
4435
+ | \`card\` | 28,213 | 10,189 | 9,048 | 6,662 | 1,789 | 1,423 |
4436
+ | \`carousel\` | 53,697 | 17,099 | 15,346 | 26,186 | 6,156 | 5,002 |
4437
+ | \`chat\` | 96,376 | 29,162 | 25,779 | 44,805 | 11,092 | 8,865 |
4438
+ | \`checkbox\` | 48,216 | 15,380 | 13,704 | 10,249 | 2,623 | 2,114 |
4439
+ | \`checkbox-group\` | 56,840 | 17,487 | 15,577 | 16,880 | 4,224 | 3,277 |
4440
+ | \`code\` | 21,671 | 8,471 | 7,490 | 1,639 | 546 | 437 |
4441
+ | \`code-block\` | 132,526 | 39,454 | 34,766 | 64,761 | 15,042 | 12,381 |
4442
+ | \`color-input\` | 189,912 | 51,935 | 45,293 | 101,580 | 21,099 | 17,465 |
4443
+ | \`color-picker\` | 144,718 | 39,035 | 34,184 | 87,551 | 18,826 | 15,477 |
4444
+ | \`combobox\` | 151,055 | 45,125 | 39,712 | 53,322 | 12,340 | 9,965 |
4445
+ | \`command\` | 113,698 | 33,982 | 29,817 | 43,426 | 10,773 | 8,734 |
4446
+ | \`copy-button\` | 97,278 | 30,588 | 27,036 | 33,196 | 7,506 | 5,976 |
4447
+ | \`data-table\` | 237,283 | 66,828 | 57,131 | 125,996 | 29,546 | 23,781 |
4448
+ | \`date-input\` | 167,224 | 48,636 | 42,819 | 61,460 | 13,493 | 10,974 |
4449
+ | \`date-picker\` | 70,249 | 22,400 | 20,026 | 28,947 | 7,107 | 5,845 |
4450
+ | \`description-list\` | 27,039 | 9,669 | 8,577 | 5,841 | 1,446 | 1,237 |
4451
+ | \`dialog\` | 45,141 | 15,337 | 13,683 | 11,680 | 3,219 | 2,560 |
4452
+ | \`divider\` | 25,821 | 9,692 | 8,548 | 4,376 | 1,292 | 1,043 |
4453
+ | \`donut-chart\` | 101,324 | 33,431 | 29,577 | 25,945 | 6,900 | 5,566 |
4454
+ | \`drawer\` | 50,503 | 17,016 | 15,159 | 14,261 | 3,922 | 3,092 |
4455
+ | \`drilldown\` | 49,933 | 16,402 | 14,586 | 16,754 | 4,230 | 3,323 |
4456
+ | \`empty\` | 26,021 | 9,826 | 8,677 | 3,909 | 1,260 | 1,017 |
4457
+ | \`file-input\` | 71,299 | 22,646 | 20,083 | 26,016 | 6,744 | 5,438 |
4458
+ | \`filter-input\` | 113,046 | 35,352 | 31,294 | 35,169 | 8,652 | 6,953 |
4459
+ | \`flex\` | 25,978 | 9,321 | 8,258 | 5,154 | 1,182 | 950 |
4460
+ | \`format-date\` | 30,926 | 11,534 | 10,316 | 5,337 | 1,532 | 1,207 |
4461
+ | \`graph\` | 90,459 | 27,537 | 24,100 | 37,373 | 9,560 | 7,601 |
4462
+ | \`grid\` | 27,233 | 9,978 | 8,825 | 6,021 | 1,600 | 1,310 |
4463
+ | \`heatmap\` | 107,484 | 35,332 | 31,210 | 27,446 | 7,413 | 5,815 |
4464
+ | \`icon\` | 33,537 | 12,400 | 10,969 | 11,009 | 3,569 | 2,764 |
4465
+ | \`icon-button\` | 46,056 | 14,623 | 13,008 | 14,236 | 3,127 | 2,460 |
4466
+ | \`image\` | 27,417 | 10,071 | 8,941 | 5,872 | 1,776 | 1,466 |
4467
+ | \`input\` | 51,986 | 17,291 | 15,220 | 12,285 | 3,651 | 2,755 |
4468
+ | \`kbd\` | 29,864 | 11,147 | 9,844 | 6,137 | 1,782 | 1,372 |
4469
+ | \`legend\` | 40,961 | 14,380 | 12,705 | 8,758 | 2,428 | 1,901 |
4470
+ | \`lightbox\` | 63,778 | 20,294 | 18,037 | 24,380 | 6,205 | 4,811 |
4471
+ | \`line-chart\` | 104,627 | 34,443 | 30,443 | 27,253 | 7,053 | 5,750 |
4472
+ | \`list\` | 69,431 | 22,996 | 20,512 | 23,007 | 6,188 | 4,903 |
4473
+ | \`listbox\` | 82,373 | 26,601 | 23,495 | 20,660 | 5,795 | 4,472 |
4474
+ | \`loader\` | 29,805 | 10,952 | 9,717 | 6,332 | 1,875 | 1,483 |
4475
+ | \`map\` | 119,276 | 30,460 | 26,540 | 77,584 | 16,356 | 13,038 |
4476
+ | \`megamenu\` | 65,860 | 22,963 | 20,346 | 14,234 | 3,718 | 2,933 |
4477
+ | \`menu\` | 117,951 | 37,022 | 32,607 | 46,550 | 11,020 | 8,967 |
4478
+ | \`meter\` | 38,446 | 13,480 | 12,016 | 11,753 | 2,968 | 2,603 |
4479
+ | \`navigation\` | 37,354 | 13,394 | 11,897 | 7,765 | 2,194 | 1,764 |
4480
+ | \`notifications\` | 75,372 | 22,763 | 20,349 | 34,404 | 7,909 | 6,460 |
4481
+ | \`number-input\` | 62,622 | 20,289 | 18,040 | 19,186 | 4,964 | 3,859 |
4482
+ | \`object-inspector\` | 135,162 | 41,806 | 36,782 | 55,394 | 13,549 | 10,806 |
4483
+ | \`option\` | 31,518 | 10,945 | 9,675 | 9,711 | 2,415 | 1,892 |
4484
+ | \`orb\` | 35,455 | 13,577 | 12,106 | 10,072 | 3,811 | 3,186 |
4485
+ | \`outline\` | 38,432 | 13,612 | 12,114 | 12,777 | 3,613 | 2,916 |
4486
+ | \`pagination\` | 159,437 | 47,226 | 40,971 | 67,716 | 15,655 | 12,544 |
4487
+ | \`pin-input\` | 51,770 | 17,535 | 15,689 | 10,745 | 3,299 | 2,590 |
4488
+ | \`popover\` | 67,855 | 23,811 | 21,143 | 10,231 | 2,838 | 2,179 |
4489
+ | \`progress\` | 35,829 | 12,486 | 11,178 | 10,851 | 2,751 | 2,293 |
4490
+ | \`qr-code\` | 44,840 | 17,242 | 15,361 | 19,258 | 7,008 | 5,798 |
4491
+ | \`quote\` | 23,589 | 9,213 | 8,124 | 2,413 | 867 | 675 |
4492
+ | \`radio\` | 52,744 | 16,238 | 14,465 | 12,969 | 2,967 | 2,291 |
4493
+ | \`rating\` | 55,566 | 18,732 | 16,687 | 12,648 | 3,844 | 3,097 |
4494
+ | \`sandbox\` | 105,225 | 31,045 | 27,128 | 73,136 | 18,920 | 15,686 |
4495
+ | \`scatter-chart\` | 102,537 | 34,000 | 29,980 | 26,580 | 7,205 | 5,853 |
4496
+ | \`scroll-area\` | 35,927 | 12,124 | 10,757 | 14,171 | 3,725 | 2,955 |
4497
+ | \`select\` | 126,662 | 40,154 | 35,211 | 36,507 | 9,221 | 7,264 |
4498
+ | \`skeleton\` | 26,633 | 9,794 | 8,712 | 5,430 | 1,583 | 1,264 |
4499
+ | \`skip-link\` | 25,958 | 9,947 | 8,782 | 3,441 | 1,117 | 806 |
4500
+ | \`slider\` | 69,292 | 20,367 | 18,224 | 28,886 | 6,327 | 5,170 |
4501
+ | \`sparkline\` | 53,915 | 18,918 | 16,931 | 12,099 | 3,650 | 2,939 |
4502
+ | \`speed-dial\` | 78,001 | 26,286 | 23,343 | 19,975 | 4,615 | 3,598 |
4503
+ | \`splitter\` | 50,373 | 16,351 | 14,664 | 21,153 | 5,071 | 4,108 |
4504
+ | \`stat\` | 29,307 | 10,525 | 9,397 | 6,495 | 1,651 | 1,325 |
4505
+ | \`steps\` | 71,775 | 22,157 | 19,661 | 29,891 | 6,942 | 5,667 |
4506
+ | \`strands\` | 62,759 | 23,353 | 20,586 | 38,795 | 14,001 | 12,040 |
4507
+ | \`switch\` | 44,929 | 14,842 | 13,232 | 6,681 | 1,919 | 1,514 |
4508
+ | \`table\` | 139,823 | 40,365 | 35,125 | 66,117 | 15,995 | 12,987 |
4509
+ | \`tabs\` | 59,455 | 18,525 | 16,446 | 21,434 | 5,022 | 4,066 |
4510
+ | \`tag\` | 49,634 | 17,254 | 15,406 | 14,372 | 3,837 | 2,974 |
4511
+ | \`text\` | 28,979 | 10,064 | 8,865 | 7,770 | 1,667 | 1,319 |
4512
+ | \`textarea\` | 49,149 | 16,177 | 14,436 | 10,007 | 2,811 | 2,162 |
4513
+ | \`time-input\` | 199,712 | 57,233 | 49,790 | 76,141 | 17,075 | 13,866 |
4514
+ | \`time-picker\` | 114,933 | 34,164 | 30,080 | 48,387 | 11,899 | 9,555 |
4515
+ | \`timeline\` | 40,048 | 13,539 | 12,094 | 12,967 | 2,934 | 2,373 |
4516
+ | \`toast\` | 60,260 | 19,945 | 17,772 | 21,387 | 5,635 | 4,540 |
4517
+ | \`toggle\` | 52,881 | 16,794 | 14,921 | 12,289 | 3,316 | 2,590 |
4518
+ | \`toolbar\` | 34,245 | 12,192 | 10,843 | 8,488 | 2,307 | 1,815 |
4519
+ | \`tooltip\` | 62,274 | 21,930 | 19,480 | 11,899 | 3,277 | 2,482 |
4520
+ | \`tour\` | 98,026 | 31,465 | 27,834 | 32,291 | 7,827 | 6,241 |
4521
+ | \`tree\` | 78,536 | 24,877 | 22,140 | 27,321 | 7,176 | 5,709 |
4522
+ | \`trend\` | 31,751 | 12,161 | 10,883 | 5,655 | 1,718 | 1,388 |
4523
+ | \`video\` | 169,186 | 49,050 | 42,745 | 92,977 | 21,418 | 17,817 |
4524
+ | \`video-playlist\` | 152,640 | 45,496 | 39,930 | 66,187 | 15,220 | 12,365 |
4525
+ | \`virtual-list\` | 61,239 | 20,609 | 18,392 | 23,461 | 7,019 | 5,655 |
4526
4526
 
4527
4527
  ## What an install adds to \`node_modules\`
4528
4528
 
@@ -4535,11 +4535,11 @@ stripped column shows the bytes we removed.
4535
4535
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
4536
4536
  |---|---|---|---|---|
4537
4537
  | \`@fusion.dev/helix-core\` | 2,461,604 | 551 | 713,856 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
4538
- | \`@fusion.dev/helix-headless\` | 21,782,467 | 702 | 2,227,667 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
4538
+ | \`@fusion.dev/helix-headless\` | 21,790,471 | 702 | 2,228,530 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
4539
4539
  | \`@fusion.dev/helix-icons\` | 150,509 | 21 | 48,154 | \`svgo\` |
4540
4540
  | \`@fusion.dev/helix-styles\` | 117,028 | 6 | 0 | none |
4541
4541
  | \`@fusion.dev/helix-theme\` | 529,299 | 8 | 5,393 | none |
4542
- | \`@fusion.dev/helix\` | 21,782,374 | 954 | 516,803 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
4542
+ | \`@fusion.dev/helix\` | 21,829,120 | 954 | 533,754 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
4543
4543
 
4544
4544
  ## Not measured yet
4545
4545
 
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.181.1",
4
+ "version": "0.182.0",
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.181.1",
40
- "@fusion.dev/helix-cem": "0.181.1",
41
- "@fusion.dev/helix-headless": "0.181.1",
42
- "@fusion.dev/helix-icons": "0.181.1",
43
- "@fusion.dev/helix-map": "0.181.1",
44
- "@fusion.dev/helix-styles": "0.181.1",
45
- "@fusion.dev/helix-testing": "0.181.1",
46
- "@fusion.dev/helix-theme": "0.181.1",
39
+ "@fusion.dev/helix": "0.182.0",
40
+ "@fusion.dev/helix-cem": "0.182.0",
41
+ "@fusion.dev/helix-headless": "0.182.0",
42
+ "@fusion.dev/helix-icons": "0.182.0",
43
+ "@fusion.dev/helix-map": "0.182.0",
44
+ "@fusion.dev/helix-styles": "0.182.0",
45
+ "@fusion.dev/helix-testing": "0.182.0",
46
+ "@fusion.dev/helix-theme": "0.182.0",
47
47
  "@fusion.dev/scripts": "0.0.0-dev",
48
48
  "lit": "^3.2.1",
49
49
  "playwright": "^1.63.0"