@fusion.dev/helix-docs 0.196.0 → 0.197.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 (3) hide show
  1. package/content/metrics.mdx +222 -222
  2. package/dist/sources.generated.js +222 -222
  3. package/package.json +11 -11
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` | 253,599 | 81,597 | 69,720 |
49
+ | Lit and `@fusion.dev/helix-core` | 253,599 | 81,597 | 69,751 |
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` | 252,808 | 81,455 | 69,458 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,366,720 | 383,153 | 287,396 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 252,808 | 81,455 | 69,436 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,366,720 | 383,154 | 287,457 | 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,050,629 | 531,895 | 379,443 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,050,629 | 531,895 | 379,374 | 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
@@ -83,11 +83,11 @@ shows the whole cost of using the base layer on its own.
83
83
 
84
84
  ## What the numbers say
85
85
 
86
- **Most of your first component is the shared runtime.** The median styled family is 18,134 bytes gzipped alone, and it adds 4,014 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.
86
+ **Most of your first component is the shared runtime.** The median styled family is 18,136 bytes gzipped alone, and it adds 4,014 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
88
  Across the 108 styled components, the smallest is `code` at 8,333 bytes gzipped alone, and the largest is `data-table` at 66,818. Every family together is 531,895.
89
89
 
90
- No family imports a barrel. The `barrels` rule in `fusion x 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 383,153 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 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 x 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 383,154 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 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 17,291 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** | 41,612 | 14,008 | 12,455 |
104
+ | `button` | **Helix** | 41,612 | 14,007 | 12,420 |
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,541 |
109
+ | `checkbox` | **Helix** | 46,865 | 15,190 | 13,513 |
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,407 | 14,900 | 13,271 |
114
+ | `dialog` | **Helix** | 43,407 | 14,900 | 13,270 |
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,975 | 14,204 |
119
+ | `radio` | **Helix** | 50,349 | 15,975 | 14,240 |
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** | 43,562 | 14,637 | 13,009 |
124
+ | `switch` | **Helix** | 43,562 | 14,637 | 13,037 |
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** | 55,263 | 17,752 | 15,848 |
129
+ | `tabs` | **Helix** | 55,263 | 17,752 | 15,775 |
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,834 | 19,393 |
134
+ | `tooltip` | **Helix** | 61,420 | 21,835 | 19,353 |
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,107 +183,107 @@ 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,804 | 10,470 | 5,330 | 1,572 | 1,249 |
187
- | `announcement` | 36,692 | 13,312 | 11,862 | 4,681 | 1,394 | 1,093 |
188
- | `app-header` | 32,289 | 11,898 | 10,588 | 5,870 | 1,775 | 1,313 |
189
- | `area-chart` | 90,301 | 31,727 | 28,072 | 14,060 | 4,347 | 3,454 |
190
- | `avatar` | 30,463 | 11,596 | 10,369 | 3,957 | 1,200 | 976 |
191
- | `badge` | 27,088 | 10,568 | 9,409 | 2,944 | 911 | 740 |
192
- | `bar-chart` | 94,416 | 32,821 | 29,048 | 18,023 | 5,407 | 4,438 |
193
- | `blockquote` | 24,107 | 9,421 | 8,336 | 2,401 | 903 | 797 |
194
- | `breadcrumbs` | 36,279 | 13,907 | 12,385 | 7,361 | 2,402 | 1,965 |
195
- | `button` | 35,194 | 12,591 | 11,200 | 4,926 | 1,455 | 1,092 |
196
- | `button-group` | 27,640 | 10,382 | 9,203 | 4,929 | 1,517 | 1,201 |
197
- | `callout` | 35,256 | 13,593 | 12,073 | 2,884 | 985 | 806 |
198
- | `canvas` | 108,483 | 34,751 | 30,389 | 68,925 | 20,947 | 17,504 |
199
- | `card` | 23,824 | 9,093 | 8,080 | 2,090 | 640 | 429 |
200
- | `carousel` | 42,748 | 15,233 | 13,610 | 15,006 | 4,160 | 3,254 |
201
- | `chat` | 79,390 | 26,446 | 23,403 | 27,457 | 8,045 | 6,399 |
202
- | `checkbox` | 40,374 | 13,681 | 12,224 | 3,107 | 948 | 679 |
203
- | `checkbox-group` | 47,602 | 15,599 | 13,905 | 8,324 | 2,378 | 1,729 |
204
- | `code` | 20,301 | 8,016 | 7,129 | 138 | 79 | 134 |
205
- | `code-block` | 102,738 | 34,889 | 30,818 | 36,847 | 10,721 | 8,707 |
206
- | `color-input` | 141,792 | 45,091 | 39,385 | 55,137 | 14,277 | 11,609 |
207
- | `color-picker` | 103,415 | 32,966 | 28,916 | 47,255 | 12,677 | 10,248 |
208
- | `combobox` | 132,023 | 41,951 | 36,925 | 35,792 | 9,090 | 7,047 |
209
- | `command` | 99,560 | 31,521 | 27,757 | 30,062 | 8,097 | 6,439 |
210
- | `copy-button` | 80,548 | 27,649 | 24,493 | 18,340 | 4,951 | 3,974 |
211
- | `data-table` | 199,900 | 61,426 | 52,548 | 89,489 | 23,842 | 19,047 |
212
- | `date-input` | 141,223 | 44,512 | 39,156 | 38,231 | 9,442 | 7,497 |
213
- | `date-picker` | 61,360 | 20,935 | 18,772 | 20,346 | 5,589 | 4,468 |
214
- | `description-list` | 22,900 | 8,765 | 7,765 | 1,565 | 517 | 372 |
215
- | `dialog` | 38,294 | 13,635 | 12,133 | 5,837 | 1,716 | 1,343 |
216
- | `divider` | 22,991 | 8,924 | 7,882 | 1,415 | 522 | 406 |
217
- | `donut-chart` | 89,212 | 31,129 | 27,561 | 14,642 | 4,496 | 3,603 |
218
- | `drawer` | 42,939 | 15,158 | 13,506 | 7,699 | 2,306 | 1,784 |
219
- | `drilldown` | 42,756 | 14,941 | 13,295 | 9,709 | 2,719 | 2,100 |
220
- | `empty` | 24,241 | 9,287 | 8,243 | 1,951 | 635 | 545 |
221
- | `file-input` | 57,757 | 20,019 | 17,838 | 13,094 | 4,117 | 3,236 |
222
- | `filter-input` | 97,846 | 32,819 | 29,116 | 21,631 | 6,175 | 4,862 |
223
- | `format-date` | 30,158 | 11,290 | 10,085 | 4,435 | 1,268 | 1,055 |
224
- | `graph` | 74,369 | 24,503 | 21,668 | 21,879 | 6,449 | 5,188 |
225
- | `heatmap` | 98,128 | 33,502 | 29,614 | 18,942 | 5,585 | 4,376 |
226
- | `icon` | 82,157 | 28,049 | 23,964 | 58,303 | 19,562 | 16,116 |
227
- | `icon-button` | 35,305 | 12,619 | 11,226 | 5,035 | 1,481 | 1,125 |
228
- | `image` | 25,504 | 9,479 | 8,404 | 3,823 | 1,158 | 1,035 |
229
- | `input` | 46,361 | 15,972 | 14,088 | 7,351 | 2,397 | 1,860 |
230
- | `kbd` | 27,511 | 10,569 | 9,336 | 3,518 | 1,126 | 922 |
231
- | `legend` | 35,184 | 12,935 | 11,492 | 2,956 | 1,006 | 912 |
232
- | `lightbox` | 55,724 | 18,818 | 16,720 | 16,731 | 4,655 | 3,606 |
233
- | `line-chart` | 91,335 | 31,880 | 28,266 | 14,763 | 4,402 | 3,528 |
234
- | `list` | 61,803 | 21,292 | 19,004 | 15,242 | 4,415 | 3,498 |
235
- | `listbox` | 76,711 | 25,427 | 22,459 | 15,565 | 4,602 | 3,491 |
236
- | `loader` | 26,379 | 10,041 | 8,940 | 2,774 | 951 | 667 |
237
- | `map` | 78,565 | 24,394 | 21,323 | 37,032 | 10,098 | 7,980 |
238
- | `megamenu` | 60,027 | 21,698 | 19,201 | 8,595 | 2,375 | 1,768 |
239
- | `menu` | 97,473 | 32,553 | 28,753 | 30,182 | 7,943 | 6,424 |
240
- | `meter` | 31,721 | 12,025 | 10,728 | 4,893 | 1,450 | 1,349 |
241
- | `navigation` | 33,088 | 12,436 | 11,040 | 3,365 | 1,146 | 889 |
242
- | `notifications` | 58,346 | 19,881 | 17,733 | 18,209 | 5,058 | 3,998 |
243
- | `number-input` | 56,271 | 18,841 | 16,797 | 13,525 | 3,612 | 2,704 |
244
- | `object-inspector` | 113,929 | 38,373 | 33,750 | 35,495 | 10,278 | 8,291 |
245
- | `option` | 26,477 | 9,763 | 8,666 | 4,524 | 1,210 | 860 |
246
- | `outline` | 33,612 | 12,597 | 11,181 | 7,858 | 2,573 | 2,017 |
247
- | `pagination` | 136,258 | 43,650 | 37,946 | 45,382 | 11,880 | 9,485 |
248
- | `pin-input` | 47,068 | 16,412 | 14,641 | 6,737 | 2,231 | 1,699 |
249
- | `popover` | 63,853 | 22,981 | 20,302 | 6,374 | 1,849 | 1,360 |
250
- | `progress` | 28,084 | 10,728 | 9,551 | 2,969 | 921 | 771 |
251
- | `qr-code` | 42,719 | 16,647 | 14,833 | 17,005 | 6,286 | 5,336 |
252
- | `quote` | 22,516 | 8,884 | 7,828 | 1,210 | 523 | 395 |
253
- | `radio` | 42,561 | 14,464 | 12,889 | 3,817 | 1,196 | 795 |
254
- | `rating` | 50,257 | 17,291 | 15,437 | 8,028 | 2,436 | 1,860 |
255
- | `scatter-chart` | 91,226 | 31,675 | 27,947 | 16,128 | 4,818 | 3,873 |
256
- | `scroll-area` | 30,430 | 11,078 | 9,814 | 8,499 | 2,584 | 2,082 |
257
- | `select` | 115,289 | 38,175 | 33,460 | 26,034 | 7,129 | 5,454 |
258
- | `skeleton` | 22,328 | 8,643 | 7,666 | 991 | 403 | 210 |
259
- | `skip-link` | 23,871 | 9,337 | 8,265 | 1,224 | 496 | 373 |
260
- | `slider` | 52,873 | 17,827 | 15,916 | 13,158 | 3,777 | 3,035 |
261
- | `sparkline` | 47,984 | 17,500 | 15,650 | 5,982 | 2,127 | 1,695 |
262
- | `spatial-heatmap` | 113,453 | 38,788 | 34,042 | 31,595 | 9,606 | 7,882 |
263
- | `spatial-scatter-chart` | 98,077 | 34,517 | 30,445 | 18,240 | 5,991 | 4,772 |
264
- | `spatial-surface-chart` | 99,770 | 35,240 | 31,083 | 19,869 | 6,683 | 5,380 |
265
- | `speed-dial` | 68,751 | 24,718 | 21,871 | 10,914 | 2,935 | 2,288 |
266
- | `splitter` | 43,751 | 15,169 | 13,535 | 14,395 | 3,866 | 3,149 |
267
- | `stat` | 25,255 | 9,675 | 8,602 | 2,302 | 760 | 622 |
268
- | `steps` | 53,623 | 18,636 | 16,600 | 13,604 | 3,825 | 3,049 |
269
- | `switch` | 39,233 | 13,496 | 12,037 | 1,679 | 629 | 411 |
270
- | `table` | 118,358 | 37,062 | 32,221 | 45,150 | 12,431 | 10,045 |
271
- | `tabs` | 46,310 | 15,908 | 14,142 | 10,493 | 2,872 | 2,326 |
272
- | `tag` | 42,676 | 15,621 | 13,972 | 8,456 | 2,533 | 1,923 |
273
- | `textarea` | 43,852 | 14,941 | 13,326 | 5,403 | 1,609 | 1,211 |
274
- | `time-input` | 169,269 | 52,676 | 45,793 | 48,513 | 12,431 | 9,898 |
275
- | `time-picker` | 99,603 | 31,518 | 27,761 | 33,934 | 9,194 | 7,300 |
276
- | `timeline` | 31,286 | 11,863 | 10,611 | 4,062 | 1,201 | 906 |
277
- | `toast` | 50,871 | 17,940 | 16,003 | 12,125 | 3,530 | 2,733 |
278
- | `toggle` | 45,577 | 15,271 | 13,604 | 6,009 | 1,805 | 1,346 |
279
- | `toolbar` | 31,047 | 11,572 | 10,294 | 5,159 | 1,672 | 1,280 |
280
- | `tooltip` | 58,616 | 21,090 | 18,697 | 8,435 | 2,352 | 1,866 |
281
- | `tour` | 83,717 | 28,762 | 25,387 | 19,810 | 5,445 | 4,298 |
282
- | `tree` | 67,586 | 22,717 | 20,257 | 17,200 | 4,960 | 3,968 |
283
- | `trend` | 29,717 | 11,568 | 10,337 | 3,488 | 1,120 | 885 |
284
- | `video` | 141,208 | 44,138 | 38,526 | 66,219 | 16,730 | 13,756 |
285
- | `video-playlist` | 127,686 | 41,301 | 36,334 | 42,779 | 11,205 | 9,146 |
286
- | `virtual-list` | 63,451 | 21,631 | 19,226 | 23,304 | 7,149 | 5,777 |
186
+ | `accordion` | 31,879 | 11,804 | 10,465 | 5,330 | 1,572 | 1,197 |
187
+ | `announcement` | 36,692 | 13,312 | 11,853 | 4,681 | 1,394 | 1,147 |
188
+ | `app-header` | 32,289 | 11,899 | 10,589 | 5,870 | 1,775 | 1,326 |
189
+ | `area-chart` | 90,301 | 31,728 | 28,088 | 14,060 | 4,347 | 3,430 |
190
+ | `avatar` | 30,463 | 11,596 | 10,391 | 3,957 | 1,200 | 976 |
191
+ | `badge` | 27,088 | 10,569 | 9,410 | 2,944 | 911 | 671 |
192
+ | `bar-chart` | 94,416 | 32,822 | 29,050 | 18,023 | 5,407 | 4,330 |
193
+ | `blockquote` | 24,107 | 9,421 | 8,348 | 2,401 | 903 | 781 |
194
+ | `breadcrumbs` | 36,279 | 13,907 | 12,381 | 7,361 | 2,402 | 1,876 |
195
+ | `button` | 35,194 | 12,592 | 11,203 | 4,926 | 1,455 | 1,093 |
196
+ | `button-group` | 27,640 | 10,382 | 9,203 | 4,929 | 1,517 | 1,112 |
197
+ | `callout` | 35,256 | 13,594 | 12,072 | 2,884 | 985 | 610 |
198
+ | `canvas` | 108,483 | 34,751 | 30,384 | 68,925 | 20,947 | 17,470 |
199
+ | `card` | 23,824 | 9,093 | 8,074 | 2,090 | 641 | 520 |
200
+ | `carousel` | 42,748 | 15,233 | 13,607 | 15,006 | 4,160 | 3,207 |
201
+ | `chat` | 79,390 | 26,446 | 23,394 | 27,457 | 8,045 | 6,323 |
202
+ | `checkbox` | 40,374 | 13,681 | 12,198 | 3,107 | 948 | 675 |
203
+ | `checkbox-group` | 47,602 | 15,600 | 13,899 | 8,324 | 2,378 | 1,753 |
204
+ | `code` | 20,301 | 8,015 | 7,096 | 138 | 79 | 75 |
205
+ | `code-block` | 102,738 | 34,889 | 30,811 | 36,847 | 10,721 | 8,675 |
206
+ | `color-input` | 141,792 | 45,090 | 39,452 | 55,137 | 14,277 | 11,650 |
207
+ | `color-picker` | 103,415 | 32,966 | 28,900 | 47,255 | 12,677 | 10,277 |
208
+ | `combobox` | 132,023 | 41,951 | 36,900 | 35,792 | 9,090 | 7,227 |
209
+ | `command` | 99,560 | 31,522 | 27,755 | 30,062 | 8,097 | 6,535 |
210
+ | `copy-button` | 80,548 | 27,649 | 24,480 | 18,340 | 4,951 | 3,981 |
211
+ | `data-table` | 199,900 | 61,426 | 52,575 | 89,489 | 23,843 | 19,088 |
212
+ | `date-input` | 141,223 | 44,511 | 39,095 | 38,231 | 9,442 | 7,518 |
213
+ | `date-picker` | 61,360 | 20,935 | 18,799 | 20,346 | 5,588 | 4,498 |
214
+ | `description-list` | 22,900 | 8,766 | 7,766 | 1,565 | 517 | 247 |
215
+ | `dialog` | 38,294 | 13,635 | 12,156 | 5,837 | 1,717 | 1,337 |
216
+ | `divider` | 22,991 | 8,924 | 7,885 | 1,415 | 522 | 287 |
217
+ | `donut-chart` | 89,212 | 31,130 | 27,525 | 14,642 | 4,496 | 3,641 |
218
+ | `drawer` | 42,939 | 15,158 | 13,502 | 7,699 | 2,306 | 1,748 |
219
+ | `drilldown` | 42,756 | 14,941 | 13,295 | 9,709 | 2,719 | 2,132 |
220
+ | `empty` | 24,241 | 9,289 | 8,241 | 1,951 | 635 | 544 |
221
+ | `file-input` | 57,757 | 20,019 | 17,795 | 13,094 | 4,117 | 3,219 |
222
+ | `filter-input` | 97,846 | 32,819 | 29,100 | 21,631 | 6,175 | 4,890 |
223
+ | `format-date` | 30,158 | 11,291 | 10,063 | 4,435 | 1,268 | 1,051 |
224
+ | `graph` | 74,369 | 24,504 | 21,608 | 21,879 | 6,449 | 5,163 |
225
+ | `heatmap` | 98,128 | 33,500 | 29,584 | 18,942 | 5,585 | 4,428 |
226
+ | `icon` | 82,157 | 28,051 | 24,046 | 58,303 | 19,562 | 16,124 |
227
+ | `icon-button` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 | 1,144 |
228
+ | `image` | 25,504 | 9,480 | 8,414 | 3,823 | 1,158 | 897 |
229
+ | `input` | 46,361 | 15,974 | 14,087 | 7,351 | 2,398 | 1,803 |
230
+ | `kbd` | 27,511 | 10,570 | 9,336 | 3,518 | 1,126 | 793 |
231
+ | `legend` | 35,184 | 12,935 | 11,491 | 2,956 | 1,006 | 803 |
232
+ | `lightbox` | 55,724 | 18,816 | 16,708 | 16,731 | 4,655 | 3,455 |
233
+ | `line-chart` | 91,335 | 31,881 | 28,284 | 14,763 | 4,403 | 3,561 |
234
+ | `list` | 61,803 | 21,294 | 18,956 | 15,242 | 4,415 | 3,351 |
235
+ | `listbox` | 76,711 | 25,427 | 22,459 | 15,565 | 4,602 | 3,406 |
236
+ | `loader` | 26,379 | 10,041 | 8,930 | 2,774 | 951 | 644 |
237
+ | `map` | 78,565 | 24,394 | 21,325 | 37,032 | 10,097 | 7,990 |
238
+ | `megamenu` | 60,027 | 21,698 | 19,189 | 8,595 | 2,376 | 1,731 |
239
+ | `menu` | 97,473 | 32,553 | 28,729 | 30,182 | 7,943 | 6,323 |
240
+ | `meter` | 31,721 | 12,025 | 10,717 | 4,893 | 1,450 | 1,247 |
241
+ | `navigation` | 33,088 | 12,437 | 11,049 | 3,365 | 1,147 | 909 |
242
+ | `notifications` | 58,346 | 19,881 | 17,748 | 18,209 | 5,058 | 4,014 |
243
+ | `number-input` | 56,271 | 18,842 | 16,791 | 13,525 | 3,613 | 2,774 |
244
+ | `object-inspector` | 113,929 | 38,373 | 33,769 | 35,495 | 10,278 | 8,300 |
245
+ | `option` | 26,477 | 9,764 | 8,660 | 4,524 | 1,211 | 922 |
246
+ | `outline` | 33,612 | 12,598 | 11,175 | 7,858 | 2,573 | 1,890 |
247
+ | `pagination` | 136,258 | 43,650 | 37,986 | 45,382 | 11,881 | 9,409 |
248
+ | `pin-input` | 47,068 | 16,413 | 14,641 | 6,737 | 2,231 | 1,614 |
249
+ | `popover` | 63,853 | 22,982 | 20,302 | 6,374 | 1,849 | 1,339 |
250
+ | `progress` | 28,084 | 10,729 | 9,548 | 2,969 | 921 | 706 |
251
+ | `qr-code` | 42,719 | 16,647 | 14,847 | 17,005 | 6,286 | 5,333 |
252
+ | `quote` | 22,516 | 8,885 | 7,828 | 1,210 | 523 | 386 |
253
+ | `radio` | 42,561 | 14,465 | 12,878 | 3,817 | 1,196 | 803 |
254
+ | `rating` | 50,257 | 17,291 | 15,429 | 8,028 | 2,436 | 1,801 |
255
+ | `scatter-chart` | 91,226 | 31,676 | 27,998 | 16,128 | 4,818 | 3,895 |
256
+ | `scroll-area` | 30,430 | 11,079 | 9,815 | 8,499 | 2,584 | 1,964 |
257
+ | `select` | 115,289 | 38,175 | 33,452 | 26,034 | 7,128 | 5,365 |
258
+ | `skeleton` | 22,328 | 8,644 | 7,664 | 991 | 403 | 195 |
259
+ | `skip-link` | 23,871 | 9,338 | 8,270 | 1,224 | 496 | 337 |
260
+ | `slider` | 52,873 | 17,828 | 15,914 | 13,158 | 3,777 | 2,913 |
261
+ | `sparkline` | 47,984 | 17,500 | 15,600 | 5,982 | 2,127 | 1,679 |
262
+ | `spatial-heatmap` | 113,453 | 38,788 | 34,096 | 31,595 | 9,606 | 7,732 |
263
+ | `spatial-scatter-chart` | 98,077 | 34,517 | 30,442 | 18,240 | 5,991 | 4,734 |
264
+ | `spatial-surface-chart` | 99,770 | 35,240 | 31,029 | 19,869 | 6,683 | 5,426 |
265
+ | `speed-dial` | 68,751 | 24,718 | 21,932 | 10,914 | 2,935 | 2,379 |
266
+ | `splitter` | 43,751 | 15,170 | 13,535 | 14,395 | 3,866 | 3,064 |
267
+ | `stat` | 25,255 | 9,675 | 8,622 | 2,302 | 760 | 554 |
268
+ | `steps` | 53,623 | 18,636 | 16,592 | 13,604 | 3,825 | 3,032 |
269
+ | `switch` | 39,233 | 13,497 | 12,037 | 1,679 | 629 | 388 |
270
+ | `table` | 118,358 | 37,062 | 32,255 | 45,150 | 12,431 | 9,970 |
271
+ | `tabs` | 46,310 | 15,910 | 14,139 | 10,493 | 2,872 | 2,242 |
272
+ | `tag` | 42,676 | 15,621 | 13,979 | 8,456 | 2,533 | 1,849 |
273
+ | `textarea` | 43,852 | 14,941 | 13,324 | 5,403 | 1,609 | 1,139 |
274
+ | `time-input` | 169,269 | 52,675 | 45,786 | 48,513 | 12,431 | 9,842 |
275
+ | `time-picker` | 99,603 | 31,517 | 27,733 | 33,934 | 9,194 | 7,190 |
276
+ | `timeline` | 31,286 | 11,863 | 10,579 | 4,062 | 1,201 | 940 |
277
+ | `toast` | 50,871 | 17,940 | 15,974 | 12,125 | 3,530 | 2,682 |
278
+ | `toggle` | 45,577 | 15,272 | 13,608 | 6,009 | 1,805 | 1,364 |
279
+ | `toolbar` | 31,047 | 11,573 | 10,294 | 5,159 | 1,672 | 1,336 |
280
+ | `tooltip` | 58,616 | 21,092 | 18,711 | 8,435 | 2,352 | 1,749 |
281
+ | `tour` | 83,717 | 28,763 | 25,387 | 19,810 | 5,444 | 4,223 |
282
+ | `tree` | 67,586 | 22,717 | 20,236 | 17,200 | 4,960 | 3,876 |
283
+ | `trend` | 29,717 | 11,568 | 10,323 | 3,488 | 1,120 | 851 |
284
+ | `video` | 141,208 | 44,138 | 38,492 | 66,219 | 16,730 | 13,693 |
285
+ | `video-playlist` | 127,686 | 41,301 | 36,323 | 42,779 | 11,205 | 9,197 |
286
+ | `virtual-list` | 63,451 | 21,632 | 19,297 | 23,304 | 7,149 | 5,852 |
287
287
 
288
288
  ### Styled tier
289
289
 
@@ -291,114 +291,114 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
291
291
 
292
292
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
293
293
  |---|---|---|---|---|---|---|
294
- | `accordion` | 35,311 | 12,653 | 11,212 | 8,747 | 2,421 | 2,026 |
295
- | `announcement` | 41,307 | 14,365 | 12,835 | 9,277 | 2,478 | 1,913 |
296
- | `app-header` | 37,449 | 13,103 | 11,680 | 11,015 | 2,976 | 2,327 |
297
- | `area-chart` | 98,393 | 33,576 | 29,669 | 22,133 | 6,229 | 4,945 |
298
- | `aura` | 56,085 | 19,320 | 17,114 | 29,775 | 9,287 | 7,862 |
299
- | `avatar` | 33,464 | 12,351 | 11,051 | 6,945 | 1,968 | 1,644 |
300
- | `badge` | 32,595 | 11,821 | 10,551 | 8,440 | 2,168 | 1,814 |
301
- | `bar-chart` | 108,944 | 35,726 | 31,541 | 32,532 | 8,362 | 6,821 |
302
- | `blockquote` | 26,332 | 9,968 | 8,824 | 4,613 | 1,445 | 1,162 |
303
- | `breadcrumbs` | 43,220 | 15,115 | 13,501 | 14,286 | 3,647 | 3,118 |
304
- | `button` | 41,612 | 14,008 | 12,455 | 11,325 | 2,890 | 2,349 |
305
- | `button-group` | 31,138 | 11,066 | 9,804 | 8,410 | 2,209 | 1,831 |
306
- | `callout` | 39,049 | 14,537 | 12,921 | 6,659 | 1,927 | 1,556 |
307
- | `canvas` | 129,523 | 38,715 | 33,822 | 89,609 | 24,828 | 20,944 |
308
- | `card` | 27,725 | 10,099 | 8,963 | 5,976 | 1,632 | 1,261 |
309
- | `carousel` | 53,234 | 17,022 | 15,226 | 25,477 | 5,978 | 4,934 |
310
- | `chat` | 94,674 | 29,166 | 25,825 | 42,734 | 10,809 | 8,804 |
311
- | `checkbox` | 46,865 | 15,190 | 13,541 | 9,580 | 2,490 | 2,015 |
312
- | `checkbox-group` | 54,826 | 17,244 | 15,360 | 15,537 | 4,010 | 3,123 |
313
- | `code` | 21,154 | 8,333 | 7,394 | 976 | 401 | 406 |
314
- | `code-block` | 127,213 | 38,715 | 34,208 | 61,302 | 14,710 | 12,077 |
315
- | `color-input` | 184,176 | 51,349 | 44,885 | 97,507 | 20,443 | 17,133 |
316
- | `color-picker` | 140,348 | 38,509 | 33,802 | 84,179 | 18,166 | 15,164 |
317
- | `combobox` | 147,503 | 44,927 | 39,557 | 51,256 | 12,039 | 9,752 |
318
- | `command` | 110,838 | 33,879 | 29,816 | 41,333 | 10,476 | 8,498 |
319
- | `copy-button` | 92,577 | 29,826 | 26,430 | 30,353 | 7,185 | 5,894 |
320
- | `data-table` | 230,715 | 66,818 | 57,239 | 120,291 | 29,344 | 23,806 |
321
- | `date-input` | 162,349 | 48,216 | 42,425 | 59,342 | 13,178 | 10,948 |
322
- | `date-picker` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,709 |
323
- | `description-list` | 25,855 | 9,517 | 8,467 | 4,508 | 1,254 | 971 |
324
- | `dialog` | 43,407 | 14,900 | 13,271 | 10,933 | 2,993 | 2,476 |
325
- | `divider` | 25,291 | 9,547 | 8,433 | 3,698 | 1,154 | 913 |
326
- | `donut-chart` | 99,170 | 33,263 | 29,365 | 24,577 | 6,675 | 5,522 |
327
- | `drawer` | 48,772 | 16,542 | 14,744 | 13,513 | 3,692 | 3,020 |
328
- | `drilldown` | 48,438 | 16,240 | 14,452 | 15,379 | 4,017 | 3,145 |
329
- | `empty` | 25,550 | 9,762 | 8,654 | 3,242 | 1,092 | 983 |
330
- | `file-input` | 69,285 | 22,420 | 19,924 | 24,613 | 6,514 | 5,313 |
331
- | `filter-input` | 108,688 | 34,991 | 31,084 | 32,466 | 8,398 | 6,815 |
332
- | `flex` | 25,740 | 9,194 | 8,150 | 4,762 | 1,034 | 845 |
333
- | `format-date` | 30,414 | 11,403 | 10,189 | 4,673 | 1,393 | 1,173 |
334
- | `graph` | 89,037 | 27,080 | 23,928 | 36,529 | 9,140 | 7,515 |
335
- | `grid` | 27,002 | 9,846 | 8,726 | 5,639 | 1,457 | 1,267 |
336
- | `heatmap` | 105,486 | 35,190 | 31,040 | 26,279 | 7,237 | 5,870 |
337
- | `icon` | 83,995 | 28,566 | 24,460 | 60,128 | 20,114 | 16,437 |
338
- | `icon-button` | 43,040 | 13,981 | 12,450 | 12,754 | 2,864 | 2,235 |
339
- | `image` | 26,892 | 9,946 | 8,813 | 5,193 | 1,610 | 1,364 |
340
- | `input` | 50,619 | 17,063 | 15,061 | 11,594 | 3,496 | 2,602 |
341
- | `kbd` | 29,504 | 11,109 | 9,826 | 5,496 | 1,659 | 1,328 |
342
- | `legend` | 40,423 | 14,214 | 12,618 | 8,066 | 2,281 | 1,875 |
343
- | `lightbox` | 62,016 | 20,155 | 17,959 | 23,007 | 5,965 | 4,667 |
344
- | `line-chart` | 102,454 | 34,257 | 30,346 | 25,865 | 6,819 | 5,644 |
345
- | `list` | 68,150 | 22,814 | 20,379 | 21,569 | 5,914 | 4,750 |
346
- | `listbox` | 81,154 | 26,542 | 23,469 | 19,994 | 5,688 | 4,291 |
347
- | `loader` | 29,263 | 10,815 | 9,648 | 5,641 | 1,699 | 1,539 |
348
- | `map` | 111,513 | 29,575 | 25,972 | 69,971 | 15,441 | 12,743 |
349
- | `megamenu` | 64,996 | 22,865 | 20,247 | 13,546 | 3,540 | 2,883 |
350
- | `menu` | 108,403 | 34,710 | 30,603 | 41,096 | 10,137 | 8,275 |
351
- | `meter` | 37,896 | 13,377 | 11,956 | 11,049 | 2,799 | 2,365 |
352
- | `navigation` | 36,814 | 13,268 | 11,772 | 7,076 | 2,010 | 1,625 |
353
- | `notifications` | 71,839 | 22,457 | 20,071 | 31,694 | 7,653 | 6,242 |
354
- | `number-input` | 61,253 | 20,026 | 17,844 | 18,492 | 4,793 | 3,862 |
355
- | `object-inspector` | 130,338 | 41,205 | 36,251 | 51,889 | 13,159 | 10,641 |
356
- | `option` | 29,672 | 10,762 | 9,548 | 7,712 | 2,201 | 1,774 |
357
- | `orb` | 35,265 | 13,488 | 12,000 | 9,730 | 3,660 | 3,109 |
358
- | `outline` | 37,846 | 13,457 | 11,935 | 12,075 | 3,444 | 2,724 |
359
- | `pagination` | 153,264 | 46,929 | 40,888 | 62,371 | 15,207 | 12,306 |
360
- | `pin-input` | 50,409 | 17,316 | 15,431 | 10,059 | 3,133 | 2,498 |
361
- | `popover` | 67,005 | 23,749 | 20,997 | 9,508 | 2,639 | 2,123 |
362
- | `progress` | 35,232 | 12,380 | 11,066 | 10,100 | 2,593 | 2,192 |
363
- | `qr-code` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,788 |
364
- | `quote` | 23,074 | 9,079 | 8,008 | 1,751 | 718 | 575 |
365
- | `radio` | 50,349 | 15,975 | 14,204 | 11,592 | 2,733 | 2,222 |
366
- | `rating` | 54,190 | 18,516 | 16,487 | 11,945 | 3,653 | 2,863 |
367
- | `sandbox` | 104,428 | 31,486 | 27,614 | 72,146 | 19,183 | 16,122 |
368
- | `scatter-chart` | 100,317 | 33,784 | 29,875 | 25,198 | 6,980 | 5,616 |
369
- | `scroll-area` | 35,437 | 12,025 | 10,713 | 13,489 | 3,555 | 2,777 |
370
- | `select` | 124,418 | 40,070 | 35,145 | 35,148 | 9,050 | 7,093 |
371
- | `skeleton` | 26,090 | 9,664 | 8,583 | 4,738 | 1,396 | 1,128 |
372
- | `skip-link` | 25,441 | 9,851 | 8,691 | 2,779 | 967 | 728 |
373
- | `slider` | 67,842 | 20,140 | 18,018 | 28,109 | 6,167 | 4,906 |
374
- | `sparkline` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,780 |
375
- | `spatial-heatmap` | 122,253 | 40,833 | 35,862 | 40,379 | 11,663 | 9,575 |
376
- | `spatial-scatter-chart` | 105,573 | 36,234 | 31,878 | 25,715 | 7,727 | 6,195 |
377
- | `spatial-surface-chart` | 106,704 | 36,932 | 32,554 | 26,782 | 8,346 | 6,804 |
378
- | `speed-dial` | 75,797 | 26,105 | 23,216 | 17,946 | 4,387 | 3,414 |
379
- | `splitter` | 49,804 | 16,208 | 14,481 | 20,431 | 4,916 | 3,951 |
380
- | `stat` | 28,117 | 10,371 | 9,280 | 5,156 | 1,471 | 1,146 |
381
- | `steps` | 67,449 | 21,378 | 19,083 | 27,419 | 6,623 | 5,371 |
382
- | `strands` | 62,138 | 23,151 | 20,401 | 38,013 | 13,697 | 11,884 |
383
- | `switch` | 43,562 | 14,637 | 13,009 | 5,998 | 1,759 | 1,379 |
384
- | `table` | 135,900 | 40,155 | 34,968 | 62,694 | 15,563 | 12,650 |
385
- | `tabs` | 55,263 | 17,752 | 15,848 | 19,437 | 4,743 | 3,772 |
386
- | `tag` | 47,247 | 16,757 | 14,961 | 13,015 | 3,632 | 2,916 |
387
- | `text` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,190 |
388
- | `textarea` | 47,785 | 15,949 | 14,234 | 9,319 | 2,648 | 2,113 |
389
- | `time-input` | 193,597 | 56,836 | 49,491 | 72,826 | 16,608 | 13,597 |
390
- | `time-picker` | 111,928 | 33,946 | 29,862 | 46,255 | 11,612 | 9,381 |
391
- | `timeline` | 38,179 | 13,327 | 11,920 | 10,948 | 2,703 | 2,251 |
392
- | `toast` | 58,767 | 19,783 | 17,700 | 20,007 | 5,392 | 4,319 |
393
- | `toggle` | 50,439 | 16,510 | 14,664 | 10,856 | 3,074 | 2,546 |
394
- | `toolbar` | 33,726 | 12,065 | 10,723 | 7,823 | 2,165 | 1,714 |
395
- | `tooltip` | 61,420 | 21,834 | 19,393 | 11,221 | 3,098 | 2,559 |
396
- | `tour` | 93,708 | 30,741 | 27,233 | 29,782 | 7,473 | 6,038 |
397
- | `tree` | 76,275 | 24,651 | 21,966 | 25,874 | 6,890 | 5,627 |
398
- | `trend` | 31,231 | 12,049 | 10,723 | 4,983 | 1,581 | 1,231 |
399
- | `video` | 161,715 | 47,867 | 41,758 | 86,708 | 20,440 | 17,124 |
400
- | `video-playlist` | 143,639 | 44,279 | 38,981 | 58,711 | 14,179 | 11,683 |
401
- | `virtual-list` | 65,445 | 22,138 | 19,717 | 25,281 | 7,663 | 6,183 |
294
+ | `accordion` | 35,311 | 12,653 | 11,224 | 8,747 | 2,421 | 2,007 |
295
+ | `announcement` | 41,307 | 14,365 | 12,805 | 9,277 | 2,479 | 1,861 |
296
+ | `app-header` | 37,449 | 13,103 | 11,679 | 11,015 | 2,976 | 2,337 |
297
+ | `area-chart` | 98,393 | 33,576 | 29,620 | 22,133 | 6,229 | 5,008 |
298
+ | `aura` | 56,085 | 19,320 | 17,092 | 29,775 | 9,288 | 7,812 |
299
+ | `avatar` | 33,464 | 12,351 | 11,020 | 6,945 | 1,969 | 1,672 |
300
+ | `badge` | 32,595 | 11,821 | 10,524 | 8,440 | 2,168 | 1,689 |
301
+ | `bar-chart` | 108,944 | 35,726 | 31,592 | 32,532 | 8,362 | 6,789 |
302
+ | `blockquote` | 26,332 | 9,968 | 8,821 | 4,613 | 1,446 | 1,198 |
303
+ | `breadcrumbs` | 43,220 | 15,115 | 13,509 | 14,286 | 3,647 | 2,855 |
304
+ | `button` | 41,612 | 14,007 | 12,420 | 11,325 | 2,890 | 2,334 |
305
+ | `button-group` | 31,138 | 11,067 | 9,809 | 8,410 | 2,209 | 1,871 |
306
+ | `callout` | 39,049 | 14,537 | 12,947 | 6,659 | 1,927 | 1,486 |
307
+ | `canvas` | 129,523 | 38,715 | 33,869 | 89,609 | 24,827 | 20,867 |
308
+ | `card` | 27,725 | 10,100 | 8,938 | 5,976 | 1,632 | 1,317 |
309
+ | `carousel` | 53,234 | 17,022 | 15,275 | 25,477 | 5,978 | 4,715 |
310
+ | `chat` | 94,674 | 29,166 | 25,831 | 42,734 | 10,810 | 8,783 |
311
+ | `checkbox` | 46,865 | 15,190 | 13,513 | 9,580 | 2,490 | 1,934 |
312
+ | `checkbox-group` | 54,826 | 17,244 | 15,353 | 15,537 | 4,010 | 3,065 |
313
+ | `code` | 21,154 | 8,333 | 7,402 | 976 | 401 | 283 |
314
+ | `code-block` | 127,213 | 38,714 | 34,147 | 61,302 | 14,710 | 11,988 |
315
+ | `color-input` | 184,176 | 51,349 | 44,933 | 97,507 | 20,443 | 17,070 |
316
+ | `color-picker` | 140,348 | 38,509 | 33,795 | 84,179 | 18,166 | 15,059 |
317
+ | `combobox` | 147,503 | 44,927 | 39,515 | 51,256 | 12,039 | 9,707 |
318
+ | `command` | 110,838 | 33,879 | 29,797 | 41,333 | 10,476 | 8,386 |
319
+ | `copy-button` | 92,577 | 29,826 | 26,427 | 30,353 | 7,185 | 5,711 |
320
+ | `data-table` | 230,715 | 66,818 | 57,182 | 120,291 | 29,345 | 23,760 |
321
+ | `date-input` | 162,349 | 48,216 | 42,453 | 59,342 | 13,178 | 10,758 |
322
+ | `date-picker` | 69,281 | 22,362 | 20,008 | 28,249 | 7,035 | 5,610 |
323
+ | `description-list` | 25,855 | 9,517 | 8,438 | 4,508 | 1,254 | 986 |
324
+ | `dialog` | 43,407 | 14,900 | 13,270 | 10,933 | 2,993 | 2,386 |
325
+ | `divider` | 25,291 | 9,546 | 8,434 | 3,698 | 1,154 | 944 |
326
+ | `donut-chart` | 99,170 | 33,263 | 29,403 | 24,577 | 6,675 | 5,367 |
327
+ | `drawer` | 48,772 | 16,544 | 14,790 | 13,513 | 3,692 | 3,010 |
328
+ | `drilldown` | 48,438 | 16,240 | 14,452 | 15,379 | 4,017 | 3,102 |
329
+ | `empty` | 25,550 | 9,762 | 8,622 | 3,242 | 1,093 | 858 |
330
+ | `file-input` | 69,285 | 22,420 | 19,933 | 24,613 | 6,514 | 5,287 |
331
+ | `filter-input` | 108,688 | 34,991 | 31,031 | 32,466 | 8,398 | 6,763 |
332
+ | `flex` | 25,740 | 9,194 | 8,157 | 4,762 | 1,034 | 856 |
333
+ | `format-date` | 30,414 | 11,404 | 10,154 | 4,673 | 1,393 | 1,165 |
334
+ | `graph` | 89,037 | 27,080 | 23,851 | 36,529 | 9,140 | 7,425 |
335
+ | `grid` | 27,002 | 9,846 | 8,731 | 5,639 | 1,457 | 1,305 |
336
+ | `heatmap` | 105,486 | 35,190 | 31,074 | 26,279 | 7,237 | 5,761 |
337
+ | `icon` | 83,995 | 28,568 | 24,468 | 60,128 | 20,114 | 16,463 |
338
+ | `icon-button` | 43,040 | 13,981 | 12,451 | 12,754 | 2,864 | 2,134 |
339
+ | `image` | 26,892 | 9,947 | 8,815 | 5,193 | 1,610 | 1,288 |
340
+ | `input` | 50,619 | 17,064 | 15,038 | 11,594 | 3,496 | 2,596 |
341
+ | `kbd` | 29,504 | 11,110 | 9,793 | 5,496 | 1,659 | 1,310 |
342
+ | `legend` | 40,423 | 14,214 | 12,618 | 8,066 | 2,281 | 1,853 |
343
+ | `lightbox` | 62,016 | 20,155 | 17,966 | 23,007 | 5,965 | 4,585 |
344
+ | `line-chart` | 102,454 | 34,257 | 30,335 | 25,865 | 6,819 | 5,536 |
345
+ | `list` | 68,150 | 22,815 | 20,382 | 21,569 | 5,914 | 4,722 |
346
+ | `listbox` | 81,154 | 26,542 | 23,477 | 19,994 | 5,688 | 4,255 |
347
+ | `loader` | 29,263 | 10,815 | 9,649 | 5,641 | 1,700 | 1,374 |
348
+ | `map` | 111,513 | 29,575 | 25,993 | 69,971 | 15,441 | 12,567 |
349
+ | `megamenu` | 64,996 | 22,865 | 20,257 | 13,546 | 3,540 | 2,705 |
350
+ | `menu` | 108,403 | 34,710 | 30,619 | 41,096 | 10,137 | 8,250 |
351
+ | `meter` | 37,896 | 13,377 | 11,963 | 11,049 | 2,800 | 2,347 |
352
+ | `navigation` | 36,814 | 13,268 | 11,783 | 7,076 | 2,010 | 1,605 |
353
+ | `notifications` | 71,839 | 22,457 | 20,077 | 31,694 | 7,653 | 6,240 |
354
+ | `number-input` | 61,253 | 20,026 | 17,847 | 18,492 | 4,793 | 3,753 |
355
+ | `object-inspector` | 130,338 | 41,205 | 36,228 | 51,889 | 13,159 | 10,692 |
356
+ | `option` | 29,672 | 10,762 | 9,563 | 7,712 | 2,201 | 1,852 |
357
+ | `orb` | 35,265 | 13,488 | 12,001 | 9,730 | 3,660 | 3,105 |
358
+ | `outline` | 37,846 | 13,457 | 11,977 | 12,075 | 3,444 | 2,671 |
359
+ | `pagination` | 153,264 | 46,929 | 40,881 | 62,371 | 15,207 | 12,359 |
360
+ | `pin-input` | 50,409 | 17,316 | 15,431 | 10,059 | 3,133 | 2,414 |
361
+ | `popover` | 67,005 | 23,749 | 20,989 | 9,508 | 2,639 | 2,100 |
362
+ | `progress` | 35,232 | 12,381 | 11,027 | 10,100 | 2,593 | 2,128 |
363
+ | `qr-code` | 44,321 | 17,121 | 15,276 | 18,589 | 6,786 | 5,649 |
364
+ | `quote` | 23,074 | 9,079 | 8,002 | 1,751 | 719 | 599 |
365
+ | `radio` | 50,349 | 15,975 | 14,240 | 11,592 | 2,734 | 2,200 |
366
+ | `rating` | 54,190 | 18,519 | 16,486 | 11,945 | 3,653 | 2,865 |
367
+ | `sandbox` | 104,428 | 31,486 | 27,585 | 72,146 | 19,183 | 16,091 |
368
+ | `scatter-chart` | 100,317 | 33,785 | 29,822 | 25,198 | 6,980 | 5,697 |
369
+ | `scroll-area` | 35,437 | 12,025 | 10,692 | 13,489 | 3,555 | 2,880 |
370
+ | `select` | 124,418 | 40,070 | 35,150 | 35,148 | 9,050 | 7,146 |
371
+ | `skeleton` | 26,090 | 9,664 | 8,592 | 4,738 | 1,396 | 1,142 |
372
+ | `skip-link` | 25,441 | 9,852 | 8,716 | 2,779 | 968 | 804 |
373
+ | `slider` | 67,842 | 20,140 | 18,052 | 28,109 | 6,167 | 4,960 |
374
+ | `sparkline` | 53,442 | 18,851 | 16,821 | 11,422 | 3,470 | 2,787 |
375
+ | `spatial-heatmap` | 122,253 | 40,833 | 35,887 | 40,379 | 11,663 | 9,517 |
376
+ | `spatial-scatter-chart` | 105,573 | 36,234 | 31,883 | 25,715 | 7,727 | 6,246 |
377
+ | `spatial-surface-chart` | 106,704 | 36,932 | 32,538 | 26,782 | 8,346 | 6,825 |
378
+ | `speed-dial` | 75,797 | 26,105 | 23,191 | 17,946 | 4,387 | 3,512 |
379
+ | `splitter` | 49,804 | 16,208 | 14,471 | 20,431 | 4,916 | 4,002 |
380
+ | `stat` | 28,117 | 10,372 | 9,242 | 5,156 | 1,472 | 1,293 |
381
+ | `steps` | 67,449 | 21,377 | 19,027 | 27,419 | 6,623 | 5,412 |
382
+ | `strands` | 62,138 | 23,151 | 20,401 | 38,013 | 13,698 | 11,878 |
383
+ | `switch` | 43,562 | 14,637 | 13,037 | 5,998 | 1,760 | 1,332 |
384
+ | `table` | 135,900 | 40,156 | 34,958 | 62,694 | 15,563 | 12,683 |
385
+ | `tabs` | 55,263 | 17,752 | 15,775 | 19,437 | 4,743 | 3,733 |
386
+ | `tag` | 47,247 | 16,758 | 14,978 | 13,015 | 3,632 | 2,879 |
387
+ | `text` | 28,756 | 9,943 | 8,757 | 7,397 | 1,530 | 1,201 |
388
+ | `textarea` | 47,785 | 15,949 | 14,227 | 9,319 | 2,648 | 2,073 |
389
+ | `time-input` | 193,597 | 56,836 | 49,459 | 72,826 | 16,608 | 13,614 |
390
+ | `time-picker` | 111,928 | 33,947 | 29,884 | 46,255 | 11,612 | 9,336 |
391
+ | `timeline` | 38,179 | 13,327 | 11,920 | 10,948 | 2,704 | 2,350 |
392
+ | `toast` | 58,767 | 19,784 | 17,646 | 20,007 | 5,392 | 4,330 |
393
+ | `toggle` | 50,439 | 16,510 | 14,676 | 10,856 | 3,075 | 2,522 |
394
+ | `toolbar` | 33,726 | 12,066 | 10,716 | 7,823 | 2,165 | 1,755 |
395
+ | `tooltip` | 61,420 | 21,835 | 19,353 | 11,221 | 3,098 | 2,539 |
396
+ | `tour` | 93,708 | 30,742 | 27,176 | 29,782 | 7,473 | 6,068 |
397
+ | `tree` | 76,275 | 24,650 | 21,968 | 25,874 | 6,890 | 5,614 |
398
+ | `trend` | 31,231 | 12,049 | 10,722 | 4,983 | 1,581 | 1,277 |
399
+ | `video` | 161,715 | 47,867 | 41,848 | 86,708 | 20,441 | 17,023 |
400
+ | `video-playlist` | 143,639 | 44,279 | 38,922 | 58,711 | 14,179 | 11,771 |
401
+ | `virtual-list` | 65,445 | 22,138 | 19,680 | 25,281 | 7,664 | 6,344 |
402
402
 
403
403
  ## What an install adds to `node_modules`
404
404
 
package/dist/sources.generated.js CHANGED
@@ -4406,7 +4406,7 @@ on its own.
4406
4406
 
4407
4407
  | | Raw | Gzip | Brotli |
4408
4408
  |---|---|---|---|
4409
- | Lit and \`@fusion.dev/helix-core\` | 253,599 | 81,597 | 69,720 |
4409
+ | Lit and \`@fusion.dev/helix-core\` | 253,599 | 81,597 | 69,751 |
4410
4410
 
4411
4411
  ## Whole packages
4412
4412
 
@@ -4417,12 +4417,12 @@ either barrel. The per-component tables show what your page pays.
4417
4417
 
4418
4418
  | Package | Raw | Gzip | Brotli | |
4419
4419
  |---|---|---|---|---|
4420
- | \`@fusion.dev/helix-core\` | 252,808 | 81,455 | 69,458 | The element base class, mixins, decorators, and floating positioning. |
4421
- | \`@fusion.dev/helix-headless\` | 1,366,720 | 383,153 | 287,396 | Every headless family. The barrel entry includes all of them. |
4420
+ | \`@fusion.dev/helix-core\` | 252,808 | 81,455 | 69,436 | The element base class, mixins, decorators, and floating positioning. |
4421
+ | \`@fusion.dev/helix-headless\` | 1,366,720 | 383,154 | 287,457 | Every headless family. The barrel entry includes all of them. |
4422
4422
  | \`@fusion.dev/helix-icons\` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
4423
4423
  | \`@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. |
4424
4424
  | \`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. |
4425
- | \`@fusion.dev/helix\` | 2,050,629 | 531,895 | 379,443 | Every styled family. |
4425
+ | \`@fusion.dev/helix\` | 2,050,629 | 531,895 | 379,374 | Every styled family. |
4426
4426
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
4427
4427
 
4428
4428
  ## Stylesheets
@@ -4443,11 +4443,11 @@ shows the whole cost of using the base layer on its own.
4443
4443
 
4444
4444
  ## What the numbers say
4445
4445
 
4446
- **Most of your first component is the shared runtime.** The median styled family is 18,134 bytes gzipped alone, and it adds 4,014 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.
4446
+ **Most of your first component is the shared runtime.** The median styled family is 18,136 bytes gzipped alone, and it adds 4,014 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.
4447
4447
 
4448
4448
  Across the 108 styled components, the smallest is \`code\` at 8,333 bytes gzipped alone, and the largest is \`data-table\` at 66,818. Every family together is 531,895.
4449
4449
 
4450
- No family imports a barrel. The \`barrels\` rule in \`fusion x 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 383,153 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 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.
4450
+ No family imports a barrel. The \`barrels\` rule in \`fusion x 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 383,154 bytes gzipped, whatever else the page imports. That is 21 times the median family above. All 108 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.
4451
4451
 
4452
4452
  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 17,291 bytes gzipped alone.
4453
4453
 
@@ -4461,37 +4461,37 @@ The table has no whole-library row. That row would compare how many components e
4461
4461
 
4462
4462
  | Component | System | Raw | Gzip | Brotli |
4463
4463
  |---|---|---|---|---|
4464
- | \`button\` | **Helix** | 41,612 | 14,008 | 12,455 |
4464
+ | \`button\` | **Helix** | 41,612 | 14,007 | 12,420 |
4465
4465
  | | Carbon | 133,058 | 20,959 | 17,685 |
4466
4466
  | | Material Web | 47,060 | 14,173 | 12,591 |
4467
4467
  | | Shoelace | 62,628 | 18,287 | 15,805 |
4468
4468
  | | Spectrum | 98,792 | 22,045 | 18,674 |
4469
- | \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,541 |
4469
+ | \`checkbox\` | **Helix** | 46,865 | 15,190 | 13,513 |
4470
4470
  | | Carbon | 60,255 | 15,609 | 13,550 |
4471
4471
  | | Material Web | 43,785 | 13,556 | 12,015 |
4472
4472
  | | Shoelace | 47,614 | 15,177 | 13,301 |
4473
4473
  | | Spectrum | 62,492 | 15,437 | 13,481 |
4474
- | \`dialog\` | **Helix** | 43,407 | 14,900 | 13,271 |
4474
+ | \`dialog\` | **Helix** | 43,407 | 14,900 | 13,270 |
4475
4475
  | | Carbon | 510,866 | 67,390 | 39,189 |
4476
4476
  | | Material Web | 34,238 | 11,510 | 10,229 |
4477
4477
  | | Shoelace | 52,754 | 17,698 | 15,554 |
4478
4478
  | | Spectrum | 155,708 | 31,899 | 26,262 |
4479
- | \`radio\` | **Helix** | 50,349 | 15,975 | 14,204 |
4479
+ | \`radio\` | **Helix** | 50,349 | 15,975 | 14,240 |
4480
4480
  | | Carbon | 63,055 | 16,887 | 14,605 |
4481
4481
  | | Material Web | 41,044 | 13,234 | 11,757 |
4482
4482
  | | Shoelace | 34,865 | 12,027 | 10,559 |
4483
4483
  | | Spectrum | 38,685 | 10,660 | 9,370 |
4484
- | \`switch\` | **Helix** | 43,562 | 14,637 | 13,009 |
4484
+ | \`switch\` | **Helix** | 43,562 | 14,637 | 13,037 |
4485
4485
  | | Carbon | 69,423 | 17,127 | 14,764 |
4486
4486
  | | Material Web | 50,155 | 14,577 | 12,935 |
4487
4487
  | | Shoelace | 37,833 | 11,814 | 10,568 |
4488
4488
  | | Spectrum | 62,322 | 15,059 | 13,321 |
4489
- | \`tabs\` | **Helix** | 55,263 | 17,752 | 15,848 |
4489
+ | \`tabs\` | **Helix** | 55,263 | 17,752 | 15,775 |
4490
4490
  | | Carbon | 578,766 | 73,537 | 43,235 |
4491
4491
  | | Material Web | 38,883 | 12,820 | 11,368 |
4492
4492
  | | Shoelace | 54,573 | 17,140 | 15,068 |
4493
4493
  | | Spectrum | 64,875 | 18,298 | 16,283 |
4494
- | \`tooltip\` | **Helix** | 61,420 | 21,834 | 19,393 |
4494
+ | \`tooltip\` | **Helix** | 61,420 | 21,835 | 19,353 |
4495
4495
  | | Carbon | 189,382 | 30,354 | 22,273 |
4496
4496
  | | Material Web | | not shipped | |
4497
4497
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -4543,107 +4543,107 @@ Structure, accessibility, state, and form participation. It has no presentation
4543
4543
 
4544
4544
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4545
4545
  |---|---|---|---|---|---|---|
4546
- | \`accordion\` | 31,879 | 11,804 | 10,470 | 5,330 | 1,572 | 1,249 |
4547
- | \`announcement\` | 36,692 | 13,312 | 11,862 | 4,681 | 1,394 | 1,093 |
4548
- | \`app-header\` | 32,289 | 11,898 | 10,588 | 5,870 | 1,775 | 1,313 |
4549
- | \`area-chart\` | 90,301 | 31,727 | 28,072 | 14,060 | 4,347 | 3,454 |
4550
- | \`avatar\` | 30,463 | 11,596 | 10,369 | 3,957 | 1,200 | 976 |
4551
- | \`badge\` | 27,088 | 10,568 | 9,409 | 2,944 | 911 | 740 |
4552
- | \`bar-chart\` | 94,416 | 32,821 | 29,048 | 18,023 | 5,407 | 4,438 |
4553
- | \`blockquote\` | 24,107 | 9,421 | 8,336 | 2,401 | 903 | 797 |
4554
- | \`breadcrumbs\` | 36,279 | 13,907 | 12,385 | 7,361 | 2,402 | 1,965 |
4555
- | \`button\` | 35,194 | 12,591 | 11,200 | 4,926 | 1,455 | 1,092 |
4556
- | \`button-group\` | 27,640 | 10,382 | 9,203 | 4,929 | 1,517 | 1,201 |
4557
- | \`callout\` | 35,256 | 13,593 | 12,073 | 2,884 | 985 | 806 |
4558
- | \`canvas\` | 108,483 | 34,751 | 30,389 | 68,925 | 20,947 | 17,504 |
4559
- | \`card\` | 23,824 | 9,093 | 8,080 | 2,090 | 640 | 429 |
4560
- | \`carousel\` | 42,748 | 15,233 | 13,610 | 15,006 | 4,160 | 3,254 |
4561
- | \`chat\` | 79,390 | 26,446 | 23,403 | 27,457 | 8,045 | 6,399 |
4562
- | \`checkbox\` | 40,374 | 13,681 | 12,224 | 3,107 | 948 | 679 |
4563
- | \`checkbox-group\` | 47,602 | 15,599 | 13,905 | 8,324 | 2,378 | 1,729 |
4564
- | \`code\` | 20,301 | 8,016 | 7,129 | 138 | 79 | 134 |
4565
- | \`code-block\` | 102,738 | 34,889 | 30,818 | 36,847 | 10,721 | 8,707 |
4566
- | \`color-input\` | 141,792 | 45,091 | 39,385 | 55,137 | 14,277 | 11,609 |
4567
- | \`color-picker\` | 103,415 | 32,966 | 28,916 | 47,255 | 12,677 | 10,248 |
4568
- | \`combobox\` | 132,023 | 41,951 | 36,925 | 35,792 | 9,090 | 7,047 |
4569
- | \`command\` | 99,560 | 31,521 | 27,757 | 30,062 | 8,097 | 6,439 |
4570
- | \`copy-button\` | 80,548 | 27,649 | 24,493 | 18,340 | 4,951 | 3,974 |
4571
- | \`data-table\` | 199,900 | 61,426 | 52,548 | 89,489 | 23,842 | 19,047 |
4572
- | \`date-input\` | 141,223 | 44,512 | 39,156 | 38,231 | 9,442 | 7,497 |
4573
- | \`date-picker\` | 61,360 | 20,935 | 18,772 | 20,346 | 5,589 | 4,468 |
4574
- | \`description-list\` | 22,900 | 8,765 | 7,765 | 1,565 | 517 | 372 |
4575
- | \`dialog\` | 38,294 | 13,635 | 12,133 | 5,837 | 1,716 | 1,343 |
4576
- | \`divider\` | 22,991 | 8,924 | 7,882 | 1,415 | 522 | 406 |
4577
- | \`donut-chart\` | 89,212 | 31,129 | 27,561 | 14,642 | 4,496 | 3,603 |
4578
- | \`drawer\` | 42,939 | 15,158 | 13,506 | 7,699 | 2,306 | 1,784 |
4579
- | \`drilldown\` | 42,756 | 14,941 | 13,295 | 9,709 | 2,719 | 2,100 |
4580
- | \`empty\` | 24,241 | 9,287 | 8,243 | 1,951 | 635 | 545 |
4581
- | \`file-input\` | 57,757 | 20,019 | 17,838 | 13,094 | 4,117 | 3,236 |
4582
- | \`filter-input\` | 97,846 | 32,819 | 29,116 | 21,631 | 6,175 | 4,862 |
4583
- | \`format-date\` | 30,158 | 11,290 | 10,085 | 4,435 | 1,268 | 1,055 |
4584
- | \`graph\` | 74,369 | 24,503 | 21,668 | 21,879 | 6,449 | 5,188 |
4585
- | \`heatmap\` | 98,128 | 33,502 | 29,614 | 18,942 | 5,585 | 4,376 |
4586
- | \`icon\` | 82,157 | 28,049 | 23,964 | 58,303 | 19,562 | 16,116 |
4587
- | \`icon-button\` | 35,305 | 12,619 | 11,226 | 5,035 | 1,481 | 1,125 |
4588
- | \`image\` | 25,504 | 9,479 | 8,404 | 3,823 | 1,158 | 1,035 |
4589
- | \`input\` | 46,361 | 15,972 | 14,088 | 7,351 | 2,397 | 1,860 |
4590
- | \`kbd\` | 27,511 | 10,569 | 9,336 | 3,518 | 1,126 | 922 |
4591
- | \`legend\` | 35,184 | 12,935 | 11,492 | 2,956 | 1,006 | 912 |
4592
- | \`lightbox\` | 55,724 | 18,818 | 16,720 | 16,731 | 4,655 | 3,606 |
4593
- | \`line-chart\` | 91,335 | 31,880 | 28,266 | 14,763 | 4,402 | 3,528 |
4594
- | \`list\` | 61,803 | 21,292 | 19,004 | 15,242 | 4,415 | 3,498 |
4595
- | \`listbox\` | 76,711 | 25,427 | 22,459 | 15,565 | 4,602 | 3,491 |
4596
- | \`loader\` | 26,379 | 10,041 | 8,940 | 2,774 | 951 | 667 |
4597
- | \`map\` | 78,565 | 24,394 | 21,323 | 37,032 | 10,098 | 7,980 |
4598
- | \`megamenu\` | 60,027 | 21,698 | 19,201 | 8,595 | 2,375 | 1,768 |
4599
- | \`menu\` | 97,473 | 32,553 | 28,753 | 30,182 | 7,943 | 6,424 |
4600
- | \`meter\` | 31,721 | 12,025 | 10,728 | 4,893 | 1,450 | 1,349 |
4601
- | \`navigation\` | 33,088 | 12,436 | 11,040 | 3,365 | 1,146 | 889 |
4602
- | \`notifications\` | 58,346 | 19,881 | 17,733 | 18,209 | 5,058 | 3,998 |
4603
- | \`number-input\` | 56,271 | 18,841 | 16,797 | 13,525 | 3,612 | 2,704 |
4604
- | \`object-inspector\` | 113,929 | 38,373 | 33,750 | 35,495 | 10,278 | 8,291 |
4605
- | \`option\` | 26,477 | 9,763 | 8,666 | 4,524 | 1,210 | 860 |
4606
- | \`outline\` | 33,612 | 12,597 | 11,181 | 7,858 | 2,573 | 2,017 |
4607
- | \`pagination\` | 136,258 | 43,650 | 37,946 | 45,382 | 11,880 | 9,485 |
4608
- | \`pin-input\` | 47,068 | 16,412 | 14,641 | 6,737 | 2,231 | 1,699 |
4609
- | \`popover\` | 63,853 | 22,981 | 20,302 | 6,374 | 1,849 | 1,360 |
4610
- | \`progress\` | 28,084 | 10,728 | 9,551 | 2,969 | 921 | 771 |
4611
- | \`qr-code\` | 42,719 | 16,647 | 14,833 | 17,005 | 6,286 | 5,336 |
4612
- | \`quote\` | 22,516 | 8,884 | 7,828 | 1,210 | 523 | 395 |
4613
- | \`radio\` | 42,561 | 14,464 | 12,889 | 3,817 | 1,196 | 795 |
4614
- | \`rating\` | 50,257 | 17,291 | 15,437 | 8,028 | 2,436 | 1,860 |
4615
- | \`scatter-chart\` | 91,226 | 31,675 | 27,947 | 16,128 | 4,818 | 3,873 |
4616
- | \`scroll-area\` | 30,430 | 11,078 | 9,814 | 8,499 | 2,584 | 2,082 |
4617
- | \`select\` | 115,289 | 38,175 | 33,460 | 26,034 | 7,129 | 5,454 |
4618
- | \`skeleton\` | 22,328 | 8,643 | 7,666 | 991 | 403 | 210 |
4619
- | \`skip-link\` | 23,871 | 9,337 | 8,265 | 1,224 | 496 | 373 |
4620
- | \`slider\` | 52,873 | 17,827 | 15,916 | 13,158 | 3,777 | 3,035 |
4621
- | \`sparkline\` | 47,984 | 17,500 | 15,650 | 5,982 | 2,127 | 1,695 |
4622
- | \`spatial-heatmap\` | 113,453 | 38,788 | 34,042 | 31,595 | 9,606 | 7,882 |
4623
- | \`spatial-scatter-chart\` | 98,077 | 34,517 | 30,445 | 18,240 | 5,991 | 4,772 |
4624
- | \`spatial-surface-chart\` | 99,770 | 35,240 | 31,083 | 19,869 | 6,683 | 5,380 |
4625
- | \`speed-dial\` | 68,751 | 24,718 | 21,871 | 10,914 | 2,935 | 2,288 |
4626
- | \`splitter\` | 43,751 | 15,169 | 13,535 | 14,395 | 3,866 | 3,149 |
4627
- | \`stat\` | 25,255 | 9,675 | 8,602 | 2,302 | 760 | 622 |
4628
- | \`steps\` | 53,623 | 18,636 | 16,600 | 13,604 | 3,825 | 3,049 |
4629
- | \`switch\` | 39,233 | 13,496 | 12,037 | 1,679 | 629 | 411 |
4630
- | \`table\` | 118,358 | 37,062 | 32,221 | 45,150 | 12,431 | 10,045 |
4631
- | \`tabs\` | 46,310 | 15,908 | 14,142 | 10,493 | 2,872 | 2,326 |
4632
- | \`tag\` | 42,676 | 15,621 | 13,972 | 8,456 | 2,533 | 1,923 |
4633
- | \`textarea\` | 43,852 | 14,941 | 13,326 | 5,403 | 1,609 | 1,211 |
4634
- | \`time-input\` | 169,269 | 52,676 | 45,793 | 48,513 | 12,431 | 9,898 |
4635
- | \`time-picker\` | 99,603 | 31,518 | 27,761 | 33,934 | 9,194 | 7,300 |
4636
- | \`timeline\` | 31,286 | 11,863 | 10,611 | 4,062 | 1,201 | 906 |
4637
- | \`toast\` | 50,871 | 17,940 | 16,003 | 12,125 | 3,530 | 2,733 |
4638
- | \`toggle\` | 45,577 | 15,271 | 13,604 | 6,009 | 1,805 | 1,346 |
4639
- | \`toolbar\` | 31,047 | 11,572 | 10,294 | 5,159 | 1,672 | 1,280 |
4640
- | \`tooltip\` | 58,616 | 21,090 | 18,697 | 8,435 | 2,352 | 1,866 |
4641
- | \`tour\` | 83,717 | 28,762 | 25,387 | 19,810 | 5,445 | 4,298 |
4642
- | \`tree\` | 67,586 | 22,717 | 20,257 | 17,200 | 4,960 | 3,968 |
4643
- | \`trend\` | 29,717 | 11,568 | 10,337 | 3,488 | 1,120 | 885 |
4644
- | \`video\` | 141,208 | 44,138 | 38,526 | 66,219 | 16,730 | 13,756 |
4645
- | \`video-playlist\` | 127,686 | 41,301 | 36,334 | 42,779 | 11,205 | 9,146 |
4646
- | \`virtual-list\` | 63,451 | 21,631 | 19,226 | 23,304 | 7,149 | 5,777 |
4546
+ | \`accordion\` | 31,879 | 11,804 | 10,465 | 5,330 | 1,572 | 1,197 |
4547
+ | \`announcement\` | 36,692 | 13,312 | 11,853 | 4,681 | 1,394 | 1,147 |
4548
+ | \`app-header\` | 32,289 | 11,899 | 10,589 | 5,870 | 1,775 | 1,326 |
4549
+ | \`area-chart\` | 90,301 | 31,728 | 28,088 | 14,060 | 4,347 | 3,430 |
4550
+ | \`avatar\` | 30,463 | 11,596 | 10,391 | 3,957 | 1,200 | 976 |
4551
+ | \`badge\` | 27,088 | 10,569 | 9,410 | 2,944 | 911 | 671 |
4552
+ | \`bar-chart\` | 94,416 | 32,822 | 29,050 | 18,023 | 5,407 | 4,330 |
4553
+ | \`blockquote\` | 24,107 | 9,421 | 8,348 | 2,401 | 903 | 781 |
4554
+ | \`breadcrumbs\` | 36,279 | 13,907 | 12,381 | 7,361 | 2,402 | 1,876 |
4555
+ | \`button\` | 35,194 | 12,592 | 11,203 | 4,926 | 1,455 | 1,093 |
4556
+ | \`button-group\` | 27,640 | 10,382 | 9,203 | 4,929 | 1,517 | 1,112 |
4557
+ | \`callout\` | 35,256 | 13,594 | 12,072 | 2,884 | 985 | 610 |
4558
+ | \`canvas\` | 108,483 | 34,751 | 30,384 | 68,925 | 20,947 | 17,470 |
4559
+ | \`card\` | 23,824 | 9,093 | 8,074 | 2,090 | 641 | 520 |
4560
+ | \`carousel\` | 42,748 | 15,233 | 13,607 | 15,006 | 4,160 | 3,207 |
4561
+ | \`chat\` | 79,390 | 26,446 | 23,394 | 27,457 | 8,045 | 6,323 |
4562
+ | \`checkbox\` | 40,374 | 13,681 | 12,198 | 3,107 | 948 | 675 |
4563
+ | \`checkbox-group\` | 47,602 | 15,600 | 13,899 | 8,324 | 2,378 | 1,753 |
4564
+ | \`code\` | 20,301 | 8,015 | 7,096 | 138 | 79 | 75 |
4565
+ | \`code-block\` | 102,738 | 34,889 | 30,811 | 36,847 | 10,721 | 8,675 |
4566
+ | \`color-input\` | 141,792 | 45,090 | 39,452 | 55,137 | 14,277 | 11,650 |
4567
+ | \`color-picker\` | 103,415 | 32,966 | 28,900 | 47,255 | 12,677 | 10,277 |
4568
+ | \`combobox\` | 132,023 | 41,951 | 36,900 | 35,792 | 9,090 | 7,227 |
4569
+ | \`command\` | 99,560 | 31,522 | 27,755 | 30,062 | 8,097 | 6,535 |
4570
+ | \`copy-button\` | 80,548 | 27,649 | 24,480 | 18,340 | 4,951 | 3,981 |
4571
+ | \`data-table\` | 199,900 | 61,426 | 52,575 | 89,489 | 23,843 | 19,088 |
4572
+ | \`date-input\` | 141,223 | 44,511 | 39,095 | 38,231 | 9,442 | 7,518 |
4573
+ | \`date-picker\` | 61,360 | 20,935 | 18,799 | 20,346 | 5,588 | 4,498 |
4574
+ | \`description-list\` | 22,900 | 8,766 | 7,766 | 1,565 | 517 | 247 |
4575
+ | \`dialog\` | 38,294 | 13,635 | 12,156 | 5,837 | 1,717 | 1,337 |
4576
+ | \`divider\` | 22,991 | 8,924 | 7,885 | 1,415 | 522 | 287 |
4577
+ | \`donut-chart\` | 89,212 | 31,130 | 27,525 | 14,642 | 4,496 | 3,641 |
4578
+ | \`drawer\` | 42,939 | 15,158 | 13,502 | 7,699 | 2,306 | 1,748 |
4579
+ | \`drilldown\` | 42,756 | 14,941 | 13,295 | 9,709 | 2,719 | 2,132 |
4580
+ | \`empty\` | 24,241 | 9,289 | 8,241 | 1,951 | 635 | 544 |
4581
+ | \`file-input\` | 57,757 | 20,019 | 17,795 | 13,094 | 4,117 | 3,219 |
4582
+ | \`filter-input\` | 97,846 | 32,819 | 29,100 | 21,631 | 6,175 | 4,890 |
4583
+ | \`format-date\` | 30,158 | 11,291 | 10,063 | 4,435 | 1,268 | 1,051 |
4584
+ | \`graph\` | 74,369 | 24,504 | 21,608 | 21,879 | 6,449 | 5,163 |
4585
+ | \`heatmap\` | 98,128 | 33,500 | 29,584 | 18,942 | 5,585 | 4,428 |
4586
+ | \`icon\` | 82,157 | 28,051 | 24,046 | 58,303 | 19,562 | 16,124 |
4587
+ | \`icon-button\` | 35,305 | 12,619 | 11,227 | 5,035 | 1,481 | 1,144 |
4588
+ | \`image\` | 25,504 | 9,480 | 8,414 | 3,823 | 1,158 | 897 |
4589
+ | \`input\` | 46,361 | 15,974 | 14,087 | 7,351 | 2,398 | 1,803 |
4590
+ | \`kbd\` | 27,511 | 10,570 | 9,336 | 3,518 | 1,126 | 793 |
4591
+ | \`legend\` | 35,184 | 12,935 | 11,491 | 2,956 | 1,006 | 803 |
4592
+ | \`lightbox\` | 55,724 | 18,816 | 16,708 | 16,731 | 4,655 | 3,455 |
4593
+ | \`line-chart\` | 91,335 | 31,881 | 28,284 | 14,763 | 4,403 | 3,561 |
4594
+ | \`list\` | 61,803 | 21,294 | 18,956 | 15,242 | 4,415 | 3,351 |
4595
+ | \`listbox\` | 76,711 | 25,427 | 22,459 | 15,565 | 4,602 | 3,406 |
4596
+ | \`loader\` | 26,379 | 10,041 | 8,930 | 2,774 | 951 | 644 |
4597
+ | \`map\` | 78,565 | 24,394 | 21,325 | 37,032 | 10,097 | 7,990 |
4598
+ | \`megamenu\` | 60,027 | 21,698 | 19,189 | 8,595 | 2,376 | 1,731 |
4599
+ | \`menu\` | 97,473 | 32,553 | 28,729 | 30,182 | 7,943 | 6,323 |
4600
+ | \`meter\` | 31,721 | 12,025 | 10,717 | 4,893 | 1,450 | 1,247 |
4601
+ | \`navigation\` | 33,088 | 12,437 | 11,049 | 3,365 | 1,147 | 909 |
4602
+ | \`notifications\` | 58,346 | 19,881 | 17,748 | 18,209 | 5,058 | 4,014 |
4603
+ | \`number-input\` | 56,271 | 18,842 | 16,791 | 13,525 | 3,613 | 2,774 |
4604
+ | \`object-inspector\` | 113,929 | 38,373 | 33,769 | 35,495 | 10,278 | 8,300 |
4605
+ | \`option\` | 26,477 | 9,764 | 8,660 | 4,524 | 1,211 | 922 |
4606
+ | \`outline\` | 33,612 | 12,598 | 11,175 | 7,858 | 2,573 | 1,890 |
4607
+ | \`pagination\` | 136,258 | 43,650 | 37,986 | 45,382 | 11,881 | 9,409 |
4608
+ | \`pin-input\` | 47,068 | 16,413 | 14,641 | 6,737 | 2,231 | 1,614 |
4609
+ | \`popover\` | 63,853 | 22,982 | 20,302 | 6,374 | 1,849 | 1,339 |
4610
+ | \`progress\` | 28,084 | 10,729 | 9,548 | 2,969 | 921 | 706 |
4611
+ | \`qr-code\` | 42,719 | 16,647 | 14,847 | 17,005 | 6,286 | 5,333 |
4612
+ | \`quote\` | 22,516 | 8,885 | 7,828 | 1,210 | 523 | 386 |
4613
+ | \`radio\` | 42,561 | 14,465 | 12,878 | 3,817 | 1,196 | 803 |
4614
+ | \`rating\` | 50,257 | 17,291 | 15,429 | 8,028 | 2,436 | 1,801 |
4615
+ | \`scatter-chart\` | 91,226 | 31,676 | 27,998 | 16,128 | 4,818 | 3,895 |
4616
+ | \`scroll-area\` | 30,430 | 11,079 | 9,815 | 8,499 | 2,584 | 1,964 |
4617
+ | \`select\` | 115,289 | 38,175 | 33,452 | 26,034 | 7,128 | 5,365 |
4618
+ | \`skeleton\` | 22,328 | 8,644 | 7,664 | 991 | 403 | 195 |
4619
+ | \`skip-link\` | 23,871 | 9,338 | 8,270 | 1,224 | 496 | 337 |
4620
+ | \`slider\` | 52,873 | 17,828 | 15,914 | 13,158 | 3,777 | 2,913 |
4621
+ | \`sparkline\` | 47,984 | 17,500 | 15,600 | 5,982 | 2,127 | 1,679 |
4622
+ | \`spatial-heatmap\` | 113,453 | 38,788 | 34,096 | 31,595 | 9,606 | 7,732 |
4623
+ | \`spatial-scatter-chart\` | 98,077 | 34,517 | 30,442 | 18,240 | 5,991 | 4,734 |
4624
+ | \`spatial-surface-chart\` | 99,770 | 35,240 | 31,029 | 19,869 | 6,683 | 5,426 |
4625
+ | \`speed-dial\` | 68,751 | 24,718 | 21,932 | 10,914 | 2,935 | 2,379 |
4626
+ | \`splitter\` | 43,751 | 15,170 | 13,535 | 14,395 | 3,866 | 3,064 |
4627
+ | \`stat\` | 25,255 | 9,675 | 8,622 | 2,302 | 760 | 554 |
4628
+ | \`steps\` | 53,623 | 18,636 | 16,592 | 13,604 | 3,825 | 3,032 |
4629
+ | \`switch\` | 39,233 | 13,497 | 12,037 | 1,679 | 629 | 388 |
4630
+ | \`table\` | 118,358 | 37,062 | 32,255 | 45,150 | 12,431 | 9,970 |
4631
+ | \`tabs\` | 46,310 | 15,910 | 14,139 | 10,493 | 2,872 | 2,242 |
4632
+ | \`tag\` | 42,676 | 15,621 | 13,979 | 8,456 | 2,533 | 1,849 |
4633
+ | \`textarea\` | 43,852 | 14,941 | 13,324 | 5,403 | 1,609 | 1,139 |
4634
+ | \`time-input\` | 169,269 | 52,675 | 45,786 | 48,513 | 12,431 | 9,842 |
4635
+ | \`time-picker\` | 99,603 | 31,517 | 27,733 | 33,934 | 9,194 | 7,190 |
4636
+ | \`timeline\` | 31,286 | 11,863 | 10,579 | 4,062 | 1,201 | 940 |
4637
+ | \`toast\` | 50,871 | 17,940 | 15,974 | 12,125 | 3,530 | 2,682 |
4638
+ | \`toggle\` | 45,577 | 15,272 | 13,608 | 6,009 | 1,805 | 1,364 |
4639
+ | \`toolbar\` | 31,047 | 11,573 | 10,294 | 5,159 | 1,672 | 1,336 |
4640
+ | \`tooltip\` | 58,616 | 21,092 | 18,711 | 8,435 | 2,352 | 1,749 |
4641
+ | \`tour\` | 83,717 | 28,763 | 25,387 | 19,810 | 5,444 | 4,223 |
4642
+ | \`tree\` | 67,586 | 22,717 | 20,236 | 17,200 | 4,960 | 3,876 |
4643
+ | \`trend\` | 29,717 | 11,568 | 10,323 | 3,488 | 1,120 | 851 |
4644
+ | \`video\` | 141,208 | 44,138 | 38,492 | 66,219 | 16,730 | 13,693 |
4645
+ | \`video-playlist\` | 127,686 | 41,301 | 36,323 | 42,779 | 11,205 | 9,197 |
4646
+ | \`virtual-list\` | 63,451 | 21,632 | 19,297 | 23,304 | 7,149 | 5,852 |
4647
4647
 
4648
4648
  ### Styled tier
4649
4649
 
@@ -4651,114 +4651,114 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
4651
4651
 
4652
4652
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
4653
4653
  |---|---|---|---|---|---|---|
4654
- | \`accordion\` | 35,311 | 12,653 | 11,212 | 8,747 | 2,421 | 2,026 |
4655
- | \`announcement\` | 41,307 | 14,365 | 12,835 | 9,277 | 2,478 | 1,913 |
4656
- | \`app-header\` | 37,449 | 13,103 | 11,680 | 11,015 | 2,976 | 2,327 |
4657
- | \`area-chart\` | 98,393 | 33,576 | 29,669 | 22,133 | 6,229 | 4,945 |
4658
- | \`aura\` | 56,085 | 19,320 | 17,114 | 29,775 | 9,287 | 7,862 |
4659
- | \`avatar\` | 33,464 | 12,351 | 11,051 | 6,945 | 1,968 | 1,644 |
4660
- | \`badge\` | 32,595 | 11,821 | 10,551 | 8,440 | 2,168 | 1,814 |
4661
- | \`bar-chart\` | 108,944 | 35,726 | 31,541 | 32,532 | 8,362 | 6,821 |
4662
- | \`blockquote\` | 26,332 | 9,968 | 8,824 | 4,613 | 1,445 | 1,162 |
4663
- | \`breadcrumbs\` | 43,220 | 15,115 | 13,501 | 14,286 | 3,647 | 3,118 |
4664
- | \`button\` | 41,612 | 14,008 | 12,455 | 11,325 | 2,890 | 2,349 |
4665
- | \`button-group\` | 31,138 | 11,066 | 9,804 | 8,410 | 2,209 | 1,831 |
4666
- | \`callout\` | 39,049 | 14,537 | 12,921 | 6,659 | 1,927 | 1,556 |
4667
- | \`canvas\` | 129,523 | 38,715 | 33,822 | 89,609 | 24,828 | 20,944 |
4668
- | \`card\` | 27,725 | 10,099 | 8,963 | 5,976 | 1,632 | 1,261 |
4669
- | \`carousel\` | 53,234 | 17,022 | 15,226 | 25,477 | 5,978 | 4,934 |
4670
- | \`chat\` | 94,674 | 29,166 | 25,825 | 42,734 | 10,809 | 8,804 |
4671
- | \`checkbox\` | 46,865 | 15,190 | 13,541 | 9,580 | 2,490 | 2,015 |
4672
- | \`checkbox-group\` | 54,826 | 17,244 | 15,360 | 15,537 | 4,010 | 3,123 |
4673
- | \`code\` | 21,154 | 8,333 | 7,394 | 976 | 401 | 406 |
4674
- | \`code-block\` | 127,213 | 38,715 | 34,208 | 61,302 | 14,710 | 12,077 |
4675
- | \`color-input\` | 184,176 | 51,349 | 44,885 | 97,507 | 20,443 | 17,133 |
4676
- | \`color-picker\` | 140,348 | 38,509 | 33,802 | 84,179 | 18,166 | 15,164 |
4677
- | \`combobox\` | 147,503 | 44,927 | 39,557 | 51,256 | 12,039 | 9,752 |
4678
- | \`command\` | 110,838 | 33,879 | 29,816 | 41,333 | 10,476 | 8,498 |
4679
- | \`copy-button\` | 92,577 | 29,826 | 26,430 | 30,353 | 7,185 | 5,894 |
4680
- | \`data-table\` | 230,715 | 66,818 | 57,239 | 120,291 | 29,344 | 23,806 |
4681
- | \`date-input\` | 162,349 | 48,216 | 42,425 | 59,342 | 13,178 | 10,948 |
4682
- | \`date-picker\` | 69,281 | 22,362 | 20,076 | 28,249 | 7,035 | 5,709 |
4683
- | \`description-list\` | 25,855 | 9,517 | 8,467 | 4,508 | 1,254 | 971 |
4684
- | \`dialog\` | 43,407 | 14,900 | 13,271 | 10,933 | 2,993 | 2,476 |
4685
- | \`divider\` | 25,291 | 9,547 | 8,433 | 3,698 | 1,154 | 913 |
4686
- | \`donut-chart\` | 99,170 | 33,263 | 29,365 | 24,577 | 6,675 | 5,522 |
4687
- | \`drawer\` | 48,772 | 16,542 | 14,744 | 13,513 | 3,692 | 3,020 |
4688
- | \`drilldown\` | 48,438 | 16,240 | 14,452 | 15,379 | 4,017 | 3,145 |
4689
- | \`empty\` | 25,550 | 9,762 | 8,654 | 3,242 | 1,092 | 983 |
4690
- | \`file-input\` | 69,285 | 22,420 | 19,924 | 24,613 | 6,514 | 5,313 |
4691
- | \`filter-input\` | 108,688 | 34,991 | 31,084 | 32,466 | 8,398 | 6,815 |
4692
- | \`flex\` | 25,740 | 9,194 | 8,150 | 4,762 | 1,034 | 845 |
4693
- | \`format-date\` | 30,414 | 11,403 | 10,189 | 4,673 | 1,393 | 1,173 |
4694
- | \`graph\` | 89,037 | 27,080 | 23,928 | 36,529 | 9,140 | 7,515 |
4695
- | \`grid\` | 27,002 | 9,846 | 8,726 | 5,639 | 1,457 | 1,267 |
4696
- | \`heatmap\` | 105,486 | 35,190 | 31,040 | 26,279 | 7,237 | 5,870 |
4697
- | \`icon\` | 83,995 | 28,566 | 24,460 | 60,128 | 20,114 | 16,437 |
4698
- | \`icon-button\` | 43,040 | 13,981 | 12,450 | 12,754 | 2,864 | 2,235 |
4699
- | \`image\` | 26,892 | 9,946 | 8,813 | 5,193 | 1,610 | 1,364 |
4700
- | \`input\` | 50,619 | 17,063 | 15,061 | 11,594 | 3,496 | 2,602 |
4701
- | \`kbd\` | 29,504 | 11,109 | 9,826 | 5,496 | 1,659 | 1,328 |
4702
- | \`legend\` | 40,423 | 14,214 | 12,618 | 8,066 | 2,281 | 1,875 |
4703
- | \`lightbox\` | 62,016 | 20,155 | 17,959 | 23,007 | 5,965 | 4,667 |
4704
- | \`line-chart\` | 102,454 | 34,257 | 30,346 | 25,865 | 6,819 | 5,644 |
4705
- | \`list\` | 68,150 | 22,814 | 20,379 | 21,569 | 5,914 | 4,750 |
4706
- | \`listbox\` | 81,154 | 26,542 | 23,469 | 19,994 | 5,688 | 4,291 |
4707
- | \`loader\` | 29,263 | 10,815 | 9,648 | 5,641 | 1,699 | 1,539 |
4708
- | \`map\` | 111,513 | 29,575 | 25,972 | 69,971 | 15,441 | 12,743 |
4709
- | \`megamenu\` | 64,996 | 22,865 | 20,247 | 13,546 | 3,540 | 2,883 |
4710
- | \`menu\` | 108,403 | 34,710 | 30,603 | 41,096 | 10,137 | 8,275 |
4711
- | \`meter\` | 37,896 | 13,377 | 11,956 | 11,049 | 2,799 | 2,365 |
4712
- | \`navigation\` | 36,814 | 13,268 | 11,772 | 7,076 | 2,010 | 1,625 |
4713
- | \`notifications\` | 71,839 | 22,457 | 20,071 | 31,694 | 7,653 | 6,242 |
4714
- | \`number-input\` | 61,253 | 20,026 | 17,844 | 18,492 | 4,793 | 3,862 |
4715
- | \`object-inspector\` | 130,338 | 41,205 | 36,251 | 51,889 | 13,159 | 10,641 |
4716
- | \`option\` | 29,672 | 10,762 | 9,548 | 7,712 | 2,201 | 1,774 |
4717
- | \`orb\` | 35,265 | 13,488 | 12,000 | 9,730 | 3,660 | 3,109 |
4718
- | \`outline\` | 37,846 | 13,457 | 11,935 | 12,075 | 3,444 | 2,724 |
4719
- | \`pagination\` | 153,264 | 46,929 | 40,888 | 62,371 | 15,207 | 12,306 |
4720
- | \`pin-input\` | 50,409 | 17,316 | 15,431 | 10,059 | 3,133 | 2,498 |
4721
- | \`popover\` | 67,005 | 23,749 | 20,997 | 9,508 | 2,639 | 2,123 |
4722
- | \`progress\` | 35,232 | 12,380 | 11,066 | 10,100 | 2,593 | 2,192 |
4723
- | \`qr-code\` | 44,321 | 17,121 | 15,278 | 18,589 | 6,787 | 5,788 |
4724
- | \`quote\` | 23,074 | 9,079 | 8,008 | 1,751 | 718 | 575 |
4725
- | \`radio\` | 50,349 | 15,975 | 14,204 | 11,592 | 2,733 | 2,222 |
4726
- | \`rating\` | 54,190 | 18,516 | 16,487 | 11,945 | 3,653 | 2,863 |
4727
- | \`sandbox\` | 104,428 | 31,486 | 27,614 | 72,146 | 19,183 | 16,122 |
4728
- | \`scatter-chart\` | 100,317 | 33,784 | 29,875 | 25,198 | 6,980 | 5,616 |
4729
- | \`scroll-area\` | 35,437 | 12,025 | 10,713 | 13,489 | 3,555 | 2,777 |
4730
- | \`select\` | 124,418 | 40,070 | 35,145 | 35,148 | 9,050 | 7,093 |
4731
- | \`skeleton\` | 26,090 | 9,664 | 8,583 | 4,738 | 1,396 | 1,128 |
4732
- | \`skip-link\` | 25,441 | 9,851 | 8,691 | 2,779 | 967 | 728 |
4733
- | \`slider\` | 67,842 | 20,140 | 18,018 | 28,109 | 6,167 | 4,906 |
4734
- | \`sparkline\` | 53,442 | 18,851 | 16,823 | 11,422 | 3,470 | 2,780 |
4735
- | \`spatial-heatmap\` | 122,253 | 40,833 | 35,862 | 40,379 | 11,663 | 9,575 |
4736
- | \`spatial-scatter-chart\` | 105,573 | 36,234 | 31,878 | 25,715 | 7,727 | 6,195 |
4737
- | \`spatial-surface-chart\` | 106,704 | 36,932 | 32,554 | 26,782 | 8,346 | 6,804 |
4738
- | \`speed-dial\` | 75,797 | 26,105 | 23,216 | 17,946 | 4,387 | 3,414 |
4739
- | \`splitter\` | 49,804 | 16,208 | 14,481 | 20,431 | 4,916 | 3,951 |
4740
- | \`stat\` | 28,117 | 10,371 | 9,280 | 5,156 | 1,471 | 1,146 |
4741
- | \`steps\` | 67,449 | 21,378 | 19,083 | 27,419 | 6,623 | 5,371 |
4742
- | \`strands\` | 62,138 | 23,151 | 20,401 | 38,013 | 13,697 | 11,884 |
4743
- | \`switch\` | 43,562 | 14,637 | 13,009 | 5,998 | 1,759 | 1,379 |
4744
- | \`table\` | 135,900 | 40,155 | 34,968 | 62,694 | 15,563 | 12,650 |
4745
- | \`tabs\` | 55,263 | 17,752 | 15,848 | 19,437 | 4,743 | 3,772 |
4746
- | \`tag\` | 47,247 | 16,757 | 14,961 | 13,015 | 3,632 | 2,916 |
4747
- | \`text\` | 28,756 | 9,943 | 8,755 | 7,397 | 1,530 | 1,190 |
4748
- | \`textarea\` | 47,785 | 15,949 | 14,234 | 9,319 | 2,648 | 2,113 |
4749
- | \`time-input\` | 193,597 | 56,836 | 49,491 | 72,826 | 16,608 | 13,597 |
4750
- | \`time-picker\` | 111,928 | 33,946 | 29,862 | 46,255 | 11,612 | 9,381 |
4751
- | \`timeline\` | 38,179 | 13,327 | 11,920 | 10,948 | 2,703 | 2,251 |
4752
- | \`toast\` | 58,767 | 19,783 | 17,700 | 20,007 | 5,392 | 4,319 |
4753
- | \`toggle\` | 50,439 | 16,510 | 14,664 | 10,856 | 3,074 | 2,546 |
4754
- | \`toolbar\` | 33,726 | 12,065 | 10,723 | 7,823 | 2,165 | 1,714 |
4755
- | \`tooltip\` | 61,420 | 21,834 | 19,393 | 11,221 | 3,098 | 2,559 |
4756
- | \`tour\` | 93,708 | 30,741 | 27,233 | 29,782 | 7,473 | 6,038 |
4757
- | \`tree\` | 76,275 | 24,651 | 21,966 | 25,874 | 6,890 | 5,627 |
4758
- | \`trend\` | 31,231 | 12,049 | 10,723 | 4,983 | 1,581 | 1,231 |
4759
- | \`video\` | 161,715 | 47,867 | 41,758 | 86,708 | 20,440 | 17,124 |
4760
- | \`video-playlist\` | 143,639 | 44,279 | 38,981 | 58,711 | 14,179 | 11,683 |
4761
- | \`virtual-list\` | 65,445 | 22,138 | 19,717 | 25,281 | 7,663 | 6,183 |
4654
+ | \`accordion\` | 35,311 | 12,653 | 11,224 | 8,747 | 2,421 | 2,007 |
4655
+ | \`announcement\` | 41,307 | 14,365 | 12,805 | 9,277 | 2,479 | 1,861 |
4656
+ | \`app-header\` | 37,449 | 13,103 | 11,679 | 11,015 | 2,976 | 2,337 |
4657
+ | \`area-chart\` | 98,393 | 33,576 | 29,620 | 22,133 | 6,229 | 5,008 |
4658
+ | \`aura\` | 56,085 | 19,320 | 17,092 | 29,775 | 9,288 | 7,812 |
4659
+ | \`avatar\` | 33,464 | 12,351 | 11,020 | 6,945 | 1,969 | 1,672 |
4660
+ | \`badge\` | 32,595 | 11,821 | 10,524 | 8,440 | 2,168 | 1,689 |
4661
+ | \`bar-chart\` | 108,944 | 35,726 | 31,592 | 32,532 | 8,362 | 6,789 |
4662
+ | \`blockquote\` | 26,332 | 9,968 | 8,821 | 4,613 | 1,446 | 1,198 |
4663
+ | \`breadcrumbs\` | 43,220 | 15,115 | 13,509 | 14,286 | 3,647 | 2,855 |
4664
+ | \`button\` | 41,612 | 14,007 | 12,420 | 11,325 | 2,890 | 2,334 |
4665
+ | \`button-group\` | 31,138 | 11,067 | 9,809 | 8,410 | 2,209 | 1,871 |
4666
+ | \`callout\` | 39,049 | 14,537 | 12,947 | 6,659 | 1,927 | 1,486 |
4667
+ | \`canvas\` | 129,523 | 38,715 | 33,869 | 89,609 | 24,827 | 20,867 |
4668
+ | \`card\` | 27,725 | 10,100 | 8,938 | 5,976 | 1,632 | 1,317 |
4669
+ | \`carousel\` | 53,234 | 17,022 | 15,275 | 25,477 | 5,978 | 4,715 |
4670
+ | \`chat\` | 94,674 | 29,166 | 25,831 | 42,734 | 10,810 | 8,783 |
4671
+ | \`checkbox\` | 46,865 | 15,190 | 13,513 | 9,580 | 2,490 | 1,934 |
4672
+ | \`checkbox-group\` | 54,826 | 17,244 | 15,353 | 15,537 | 4,010 | 3,065 |
4673
+ | \`code\` | 21,154 | 8,333 | 7,402 | 976 | 401 | 283 |
4674
+ | \`code-block\` | 127,213 | 38,714 | 34,147 | 61,302 | 14,710 | 11,988 |
4675
+ | \`color-input\` | 184,176 | 51,349 | 44,933 | 97,507 | 20,443 | 17,070 |
4676
+ | \`color-picker\` | 140,348 | 38,509 | 33,795 | 84,179 | 18,166 | 15,059 |
4677
+ | \`combobox\` | 147,503 | 44,927 | 39,515 | 51,256 | 12,039 | 9,707 |
4678
+ | \`command\` | 110,838 | 33,879 | 29,797 | 41,333 | 10,476 | 8,386 |
4679
+ | \`copy-button\` | 92,577 | 29,826 | 26,427 | 30,353 | 7,185 | 5,711 |
4680
+ | \`data-table\` | 230,715 | 66,818 | 57,182 | 120,291 | 29,345 | 23,760 |
4681
+ | \`date-input\` | 162,349 | 48,216 | 42,453 | 59,342 | 13,178 | 10,758 |
4682
+ | \`date-picker\` | 69,281 | 22,362 | 20,008 | 28,249 | 7,035 | 5,610 |
4683
+ | \`description-list\` | 25,855 | 9,517 | 8,438 | 4,508 | 1,254 | 986 |
4684
+ | \`dialog\` | 43,407 | 14,900 | 13,270 | 10,933 | 2,993 | 2,386 |
4685
+ | \`divider\` | 25,291 | 9,546 | 8,434 | 3,698 | 1,154 | 944 |
4686
+ | \`donut-chart\` | 99,170 | 33,263 | 29,403 | 24,577 | 6,675 | 5,367 |
4687
+ | \`drawer\` | 48,772 | 16,544 | 14,790 | 13,513 | 3,692 | 3,010 |
4688
+ | \`drilldown\` | 48,438 | 16,240 | 14,452 | 15,379 | 4,017 | 3,102 |
4689
+ | \`empty\` | 25,550 | 9,762 | 8,622 | 3,242 | 1,093 | 858 |
4690
+ | \`file-input\` | 69,285 | 22,420 | 19,933 | 24,613 | 6,514 | 5,287 |
4691
+ | \`filter-input\` | 108,688 | 34,991 | 31,031 | 32,466 | 8,398 | 6,763 |
4692
+ | \`flex\` | 25,740 | 9,194 | 8,157 | 4,762 | 1,034 | 856 |
4693
+ | \`format-date\` | 30,414 | 11,404 | 10,154 | 4,673 | 1,393 | 1,165 |
4694
+ | \`graph\` | 89,037 | 27,080 | 23,851 | 36,529 | 9,140 | 7,425 |
4695
+ | \`grid\` | 27,002 | 9,846 | 8,731 | 5,639 | 1,457 | 1,305 |
4696
+ | \`heatmap\` | 105,486 | 35,190 | 31,074 | 26,279 | 7,237 | 5,761 |
4697
+ | \`icon\` | 83,995 | 28,568 | 24,468 | 60,128 | 20,114 | 16,463 |
4698
+ | \`icon-button\` | 43,040 | 13,981 | 12,451 | 12,754 | 2,864 | 2,134 |
4699
+ | \`image\` | 26,892 | 9,947 | 8,815 | 5,193 | 1,610 | 1,288 |
4700
+ | \`input\` | 50,619 | 17,064 | 15,038 | 11,594 | 3,496 | 2,596 |
4701
+ | \`kbd\` | 29,504 | 11,110 | 9,793 | 5,496 | 1,659 | 1,310 |
4702
+ | \`legend\` | 40,423 | 14,214 | 12,618 | 8,066 | 2,281 | 1,853 |
4703
+ | \`lightbox\` | 62,016 | 20,155 | 17,966 | 23,007 | 5,965 | 4,585 |
4704
+ | \`line-chart\` | 102,454 | 34,257 | 30,335 | 25,865 | 6,819 | 5,536 |
4705
+ | \`list\` | 68,150 | 22,815 | 20,382 | 21,569 | 5,914 | 4,722 |
4706
+ | \`listbox\` | 81,154 | 26,542 | 23,477 | 19,994 | 5,688 | 4,255 |
4707
+ | \`loader\` | 29,263 | 10,815 | 9,649 | 5,641 | 1,700 | 1,374 |
4708
+ | \`map\` | 111,513 | 29,575 | 25,993 | 69,971 | 15,441 | 12,567 |
4709
+ | \`megamenu\` | 64,996 | 22,865 | 20,257 | 13,546 | 3,540 | 2,705 |
4710
+ | \`menu\` | 108,403 | 34,710 | 30,619 | 41,096 | 10,137 | 8,250 |
4711
+ | \`meter\` | 37,896 | 13,377 | 11,963 | 11,049 | 2,800 | 2,347 |
4712
+ | \`navigation\` | 36,814 | 13,268 | 11,783 | 7,076 | 2,010 | 1,605 |
4713
+ | \`notifications\` | 71,839 | 22,457 | 20,077 | 31,694 | 7,653 | 6,240 |
4714
+ | \`number-input\` | 61,253 | 20,026 | 17,847 | 18,492 | 4,793 | 3,753 |
4715
+ | \`object-inspector\` | 130,338 | 41,205 | 36,228 | 51,889 | 13,159 | 10,692 |
4716
+ | \`option\` | 29,672 | 10,762 | 9,563 | 7,712 | 2,201 | 1,852 |
4717
+ | \`orb\` | 35,265 | 13,488 | 12,001 | 9,730 | 3,660 | 3,105 |
4718
+ | \`outline\` | 37,846 | 13,457 | 11,977 | 12,075 | 3,444 | 2,671 |
4719
+ | \`pagination\` | 153,264 | 46,929 | 40,881 | 62,371 | 15,207 | 12,359 |
4720
+ | \`pin-input\` | 50,409 | 17,316 | 15,431 | 10,059 | 3,133 | 2,414 |
4721
+ | \`popover\` | 67,005 | 23,749 | 20,989 | 9,508 | 2,639 | 2,100 |
4722
+ | \`progress\` | 35,232 | 12,381 | 11,027 | 10,100 | 2,593 | 2,128 |
4723
+ | \`qr-code\` | 44,321 | 17,121 | 15,276 | 18,589 | 6,786 | 5,649 |
4724
+ | \`quote\` | 23,074 | 9,079 | 8,002 | 1,751 | 719 | 599 |
4725
+ | \`radio\` | 50,349 | 15,975 | 14,240 | 11,592 | 2,734 | 2,200 |
4726
+ | \`rating\` | 54,190 | 18,519 | 16,486 | 11,945 | 3,653 | 2,865 |
4727
+ | \`sandbox\` | 104,428 | 31,486 | 27,585 | 72,146 | 19,183 | 16,091 |
4728
+ | \`scatter-chart\` | 100,317 | 33,785 | 29,822 | 25,198 | 6,980 | 5,697 |
4729
+ | \`scroll-area\` | 35,437 | 12,025 | 10,692 | 13,489 | 3,555 | 2,880 |
4730
+ | \`select\` | 124,418 | 40,070 | 35,150 | 35,148 | 9,050 | 7,146 |
4731
+ | \`skeleton\` | 26,090 | 9,664 | 8,592 | 4,738 | 1,396 | 1,142 |
4732
+ | \`skip-link\` | 25,441 | 9,852 | 8,716 | 2,779 | 968 | 804 |
4733
+ | \`slider\` | 67,842 | 20,140 | 18,052 | 28,109 | 6,167 | 4,960 |
4734
+ | \`sparkline\` | 53,442 | 18,851 | 16,821 | 11,422 | 3,470 | 2,787 |
4735
+ | \`spatial-heatmap\` | 122,253 | 40,833 | 35,887 | 40,379 | 11,663 | 9,517 |
4736
+ | \`spatial-scatter-chart\` | 105,573 | 36,234 | 31,883 | 25,715 | 7,727 | 6,246 |
4737
+ | \`spatial-surface-chart\` | 106,704 | 36,932 | 32,538 | 26,782 | 8,346 | 6,825 |
4738
+ | \`speed-dial\` | 75,797 | 26,105 | 23,191 | 17,946 | 4,387 | 3,512 |
4739
+ | \`splitter\` | 49,804 | 16,208 | 14,471 | 20,431 | 4,916 | 4,002 |
4740
+ | \`stat\` | 28,117 | 10,372 | 9,242 | 5,156 | 1,472 | 1,293 |
4741
+ | \`steps\` | 67,449 | 21,377 | 19,027 | 27,419 | 6,623 | 5,412 |
4742
+ | \`strands\` | 62,138 | 23,151 | 20,401 | 38,013 | 13,698 | 11,878 |
4743
+ | \`switch\` | 43,562 | 14,637 | 13,037 | 5,998 | 1,760 | 1,332 |
4744
+ | \`table\` | 135,900 | 40,156 | 34,958 | 62,694 | 15,563 | 12,683 |
4745
+ | \`tabs\` | 55,263 | 17,752 | 15,775 | 19,437 | 4,743 | 3,733 |
4746
+ | \`tag\` | 47,247 | 16,758 | 14,978 | 13,015 | 3,632 | 2,879 |
4747
+ | \`text\` | 28,756 | 9,943 | 8,757 | 7,397 | 1,530 | 1,201 |
4748
+ | \`textarea\` | 47,785 | 15,949 | 14,227 | 9,319 | 2,648 | 2,073 |
4749
+ | \`time-input\` | 193,597 | 56,836 | 49,459 | 72,826 | 16,608 | 13,614 |
4750
+ | \`time-picker\` | 111,928 | 33,947 | 29,884 | 46,255 | 11,612 | 9,336 |
4751
+ | \`timeline\` | 38,179 | 13,327 | 11,920 | 10,948 | 2,704 | 2,350 |
4752
+ | \`toast\` | 58,767 | 19,784 | 17,646 | 20,007 | 5,392 | 4,330 |
4753
+ | \`toggle\` | 50,439 | 16,510 | 14,676 | 10,856 | 3,075 | 2,522 |
4754
+ | \`toolbar\` | 33,726 | 12,066 | 10,716 | 7,823 | 2,165 | 1,755 |
4755
+ | \`tooltip\` | 61,420 | 21,835 | 19,353 | 11,221 | 3,098 | 2,539 |
4756
+ | \`tour\` | 93,708 | 30,742 | 27,176 | 29,782 | 7,473 | 6,068 |
4757
+ | \`tree\` | 76,275 | 24,650 | 21,968 | 25,874 | 6,890 | 5,614 |
4758
+ | \`trend\` | 31,231 | 12,049 | 10,722 | 4,983 | 1,581 | 1,277 |
4759
+ | \`video\` | 161,715 | 47,867 | 41,848 | 86,708 | 20,441 | 17,023 |
4760
+ | \`video-playlist\` | 143,639 | 44,279 | 38,922 | 58,711 | 14,179 | 11,771 |
4761
+ | \`virtual-list\` | 65,445 | 22,138 | 19,680 | 25,281 | 7,664 | 6,344 |
4762
4762
 
4763
4763
  ## What an install adds to \`node_modules\`
4764
4764
 
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.196.0",
4
+ "version": "0.197.1",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -36,16 +36,16 @@
36
36
  },
37
37
  "bugs": "https://github.com/project-fusion/fusion/issues",
38
38
  "devDependencies": {
39
- "@fusion.dev/helix": "0.196.0",
40
- "@fusion.dev/helix-cem": "0.196.0",
41
- "@fusion.dev/helix-graph": "0.196.0",
42
- "@fusion.dev/helix-headless": "0.196.0",
43
- "@fusion.dev/helix-icons": "0.196.0",
44
- "@fusion.dev/helix-map": "0.196.0",
45
- "@fusion.dev/helix-plot": "0.196.0",
46
- "@fusion.dev/helix-styles": "0.196.0",
47
- "@fusion.dev/helix-testing": "0.196.0",
48
- "@fusion.dev/helix-theme": "0.196.0",
39
+ "@fusion.dev/helix": "0.197.1",
40
+ "@fusion.dev/helix-cem": "0.197.1",
41
+ "@fusion.dev/helix-graph": "0.197.1",
42
+ "@fusion.dev/helix-headless": "0.197.1",
43
+ "@fusion.dev/helix-icons": "0.197.1",
44
+ "@fusion.dev/helix-map": "0.197.1",
45
+ "@fusion.dev/helix-plot": "0.197.1",
46
+ "@fusion.dev/helix-styles": "0.197.1",
47
+ "@fusion.dev/helix-testing": "0.197.1",
48
+ "@fusion.dev/helix-theme": "0.197.1",
49
49
  "@fusion.dev/scripts": "0.0.0-dev",
50
50
  "lit": "^3.2.1",
51
51
  "playwright": "^1.63.0"