@fusion.dev/helix-docs 0.137.0 → 0.138.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.
@@ -46,7 +46,7 @@ on its own.
46
46
 
47
47
  | | Raw | Gzip | Brotli |
48
48
  |---|---|---|---|
49
- | Lit and `@fusion.dev/helix-core` | 184,594 | 58,832 | 49,782 |
49
+ | Lit and `@fusion.dev/helix-core` | 184,594 | 58,832 | 49,730 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,11 +57,11 @@ either barrel. The per-component tables show what your page pays.
57
57
 
58
58
  | Package | Raw | Gzip | Brotli | |
59
59
  |---|---|---|---|---|
60
- | `@fusion.dev/helix-core` | 184,148 | 58,436 | 49,546 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 746,773 | 193,550 | 149,962 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
- | `@fusion.dev/helix` | 1,292,635 | 302,260 | 221,024 | Every styled family. |
64
+ | `@fusion.dev/helix` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
65
65
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
66
66
 
67
67
  ## Stylesheets
@@ -84,11 +84,11 @@ shows the whole cost of using the base layer on its own.
84
84
 
85
85
  **Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
86
86
 
87
- Across the 104 styled components, the smallest is `code` at 10,065 bytes gzipped alone, and the largest is `data-table` at 63,952. Every family together is 302,260.
87
+ Across the 104 styled components, the smallest is `code` at 10,065 bytes gzipped alone, and the largest is `data-table` at 63,951. Every family together is 302,260.
88
88
 
89
89
  No family imports a barrel. The `barrels` rule in `fusion workspace` enforces that. `@fusion.dev/helix-headless` marks every module in `dist` as having side effects, which is true of a file that calls `customElements.define`. A bundler can remove none of it. One `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets `sideEffects`, whatever its name.
90
90
 
91
- 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 22,092 bytes gzipped alone.
91
+ The headless tier never had the problem, so it serves as the control. `@fusion.dev/helix-core` is `sideEffects: false`, and the median headless family is 22,091 bytes gzipped alone.
92
92
 
93
93
  ## Compared with other systems
94
94
 
@@ -100,7 +100,7 @@ The table has no whole-library row. That row would compare how many components e
100
100
 
101
101
  | Component | System | Raw | Gzip | Brotli |
102
102
  |---|---|---|---|---|
103
- | `button` | **Helix** | 44,308 | 12,756 | 11,188 |
103
+ | `button` | **Helix** | 44,308 | 12,756 | 11,189 |
104
104
  | | Carbon | 133,058 | 20,959 | 17,685 |
105
105
  | | Material Web | 47,060 | 14,173 | 12,591 |
106
106
  | | Shoelace | 62,628 | 18,287 | 15,805 |
@@ -120,7 +120,7 @@ The table has no whole-library row. That row would compare how many components e
120
120
  | | Material Web | 41,044 | 13,234 | 11,757 |
121
121
  | | Shoelace | 34,865 | 12,027 | 10,559 |
122
122
  | | Spectrum | 38,685 | 10,660 | 9,370 |
123
- | `switch` | **Helix** | 46,465 | 13,591 | 11,908 |
123
+ | `switch` | **Helix** | 46,465 | 13,591 | 11,909 |
124
124
  | | Carbon | 69,423 | 17,127 | 14,764 |
125
125
  | | Material Web | 50,155 | 14,577 | 12,935 |
126
126
  | | Shoelace | 37,833 | 11,814 | 10,568 |
@@ -130,7 +130,7 @@ The table has no whole-library row. That row would compare how many components e
130
130
  | | Material Web | 38,883 | 12,820 | 11,368 |
131
131
  | | Shoelace | 54,573 | 17,140 | 15,068 |
132
132
  | | Spectrum | 64,875 | 18,298 | 16,283 |
133
- | `tooltip` | **Helix** | 68,155 | 22,123 | 19,573 |
133
+ | `tooltip` | **Helix** | 68,155 | 22,123 | 19,579 |
134
134
  | | Carbon | 189,382 | 30,354 | 22,273 |
135
135
  | | Material Web | | not shipped | |
136
136
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -180,104 +180,104 @@ Structure, accessibility, state, and form participation. It has no presentation
180
180
 
181
181
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
182
182
  |---|---|---|---|---|---|---|
183
- | `accordion` | 92,827 | 30,256 | 24,686 | 2,875 | 742 | 597 |
184
- | `announcement` | 90,243 | 29,436 | 23,954 | 1,386 | 356 | 330 |
185
- | `app-header` | 33,829 | 10,362 | 9,114 | 1,248 | 268 | 248 |
186
- | `area-chart` | 79,751 | 26,338 | 23,219 | 11,004 | 3,363 | 2,847 |
187
- | `avatar` | 35,878 | 10,957 | 9,677 | 3,257 | 874 | 729 |
188
- | `badge` | 33,365 | 10,291 | 9,042 | 1,163 | 302 | 270 |
189
- | `bar-chart` | 81,402 | 26,696 | 23,571 | 12,644 | 3,716 | 3,080 |
190
- | `blockquote` | 33,379 | 10,313 | 9,064 | 774 | 176 | 245 |
191
- | `breadcrumbs` | 89,283 | 28,787 | 23,647 | 1,965 | 457 | 355 |
192
- | `button` | 38,051 | 11,575 | 10,161 | 3,194 | 825 | 685 |
193
- | `button-group` | 33,235 | 10,200 | 8,970 | 661 | 144 | 87 |
194
- | `callout` | 88,403 | 28,642 | 23,544 | 914 | 245 | 217 |
195
- | `canvas` | 94,452 | 27,876 | 24,486 | 50,034 | 14,949 | 12,627 |
196
- | `card` | 33,269 | 10,213 | 9,005 | 694 | 142 | 112 |
197
- | `carousel` | 98,686 | 31,764 | 26,055 | 10,942 | 2,764 | 2,368 |
198
- | `chat` | 112,075 | 36,619 | 30,027 | 17,447 | 5,109 | 4,266 |
199
- | `checkbox` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 525 |
200
- | `checkbox-group` | 45,874 | 13,297 | 11,703 | 5,307 | 1,310 | 959 |
201
- | `code` | 31,854 | 9,775 | 8,599 | 451 | 80 | 90 |
202
- | `code-block` | 134,158 | 43,803 | 36,953 | 17,317 | 4,518 | 3,825 |
203
- | `color-input` | 152,233 | 47,867 | 40,395 | 25,819 | 6,038 | 5,075 |
204
- | `color-picker` | 118,604 | 37,262 | 30,606 | 19,642 | 4,719 | 3,980 |
205
- | `combobox` | 147,048 | 46,540 | 39,078 | 21,177 | 5,232 | 4,250 |
206
- | `command` | 116,967 | 36,537 | 29,922 | 18,065 | 4,599 | 3,759 |
207
- | `copy-button` | 128,739 | 42,172 | 35,448 | 11,895 | 2,945 | 2,417 |
208
- | `data-table` | 187,220 | 57,028 | 48,094 | 57,295 | 14,506 | 12,014 |
209
- | `date-input` | 145,307 | 46,030 | 38,680 | 19,209 | 4,851 | 3,974 |
210
- | `date-picker` | 100,462 | 32,494 | 26,555 | 9,900 | 2,712 | 2,124 |
211
- | `description-list` | 33,338 | 10,152 | 8,909 | 1,132 | 182 | 133 |
212
- | `dialog` | 36,887 | 11,247 | 9,902 | 2,717 | 764 | 612 |
213
- | `divider` | 33,585 | 10,392 | 9,113 | 981 | 245 | 109 |
214
- | `donut-chart` | 77,534 | 25,301 | 22,298 | 10,214 | 2,960 | 2,552 |
215
- | `drawer` | 35,640 | 10,891 | 9,555 | 1,761 | 474 | 418 |
216
- | `drilldown` | 97,328 | 31,629 | 25,721 | 5,704 | 1,476 | 1,149 |
217
- | `empty` | 33,832 | 10,448 | 9,177 | 956 | 245 | 168 |
218
- | `file-input` | 100,826 | 32,471 | 26,542 | 6,266 | 1,798 | 1,563 |
219
- | `filter-input` | 157,569 | 49,232 | 41,455 | 28,023 | 6,788 | 5,611 |
220
- | `format-date` | 36,848 | 11,368 | 10,043 | 2,867 | 693 | 564 |
221
- | `graph` | 115,034 | 36,598 | 30,119 | 11,479 | 3,244 | 2,761 |
222
- | `heatmap` | 78,756 | 25,520 | 22,478 | 10,872 | 2,988 | 2,517 |
223
- | `icon` | 87,970 | 28,456 | 23,321 | 1,018 | 246 | 200 |
224
- | `icon-button` | 38,450 | 11,607 | 10,171 | 3,593 | 861 | 685 |
225
- | `image` | 35,408 | 10,746 | 9,475 | 3,156 | 810 | 665 |
226
- | `input` | 99,863 | 31,949 | 26,097 | 4,745 | 1,287 | 1,077 |
227
- | `kbd` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 734 |
228
- | `legend` | 37,241 | 11,484 | 10,074 | 1,080 | 280 | 299 |
229
- | `lightbox` | 41,623 | 12,532 | 10,963 | 4,807 | 1,231 | 1,035 |
230
- | `line-chart` | 79,332 | 26,035 | 22,964 | 10,667 | 3,089 | 2,583 |
231
- | `list` | 34,291 | 10,393 | 9,134 | 1,726 | 343 | 340 |
232
- | `listbox` | 108,679 | 34,651 | 28,237 | 11,262 | 3,061 | 2,473 |
233
- | `loader` | 33,475 | 10,318 | 9,082 | 900 | 234 | 207 |
234
- | `map` | 133,644 | 39,796 | 32,965 | 33,027 | 7,701 | 6,186 |
235
- | `megamenu` | 63,733 | 21,037 | 18,563 | 4,941 | 1,277 | 977 |
236
- | `menu` | 127,455 | 42,082 | 35,205 | 8,855 | 2,194 | 1,807 |
237
- | `meter` | 36,665 | 11,170 | 9,811 | 4,099 | 1,058 | 881 |
238
- | `navigation` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 297 |
239
- | `notifications` | 104,507 | 33,224 | 27,152 | 11,383 | 2,644 | 2,245 |
240
- | `number-input` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,609 |
241
- | `object-inspector` | 141,857 | 46,379 | 39,117 | 19,579 | 5,240 | 4,415 |
242
- | `option` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 460 |
243
- | `outline` | 38,593 | 12,039 | 10,604 | 4,628 | 1,328 | 1,073 |
244
- | `pagination` | 151,144 | 47,240 | 39,698 | 27,821 | 6,533 | 5,385 |
245
- | `pin-input` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,178 |
246
- | `popover` | 60,939 | 20,282 | 17,900 | 1,899 | 485 | 396 |
247
- | `progress` | 34,516 | 10,591 | 9,328 | 1,951 | 492 | 444 |
248
- | `qr-code` | 45,165 | 14,631 | 12,873 | 12,983 | 4,872 | 4,083 |
249
- | `quote` | 32,758 | 10,070 | 8,858 | 552 | 136 | 66 |
250
- | `radio` | 44,597 | 13,017 | 11,447 | 2,874 | 725 | 560 |
251
- | `rating` | 46,762 | 13,975 | 12,320 | 6,646 | 1,867 | 1,494 |
252
- | `scatter-chart` | 79,236 | 25,961 | 22,855 | 11,346 | 3,372 | 2,896 |
253
- | `scroll-area` | 35,001 | 10,752 | 9,436 | 2,743 | 741 | 648 |
254
- | `select` | 139,254 | 44,660 | 37,486 | 16,144 | 4,090 | 3,319 |
255
- | `skeleton` | 31,947 | 9,808 | 8,630 | 544 | 109 | 95 |
256
- | `skip-link` | 33,537 | 10,382 | 9,102 | 1,178 | 343 | 313 |
257
- | `slider` | 45,587 | 13,413 | 11,826 | 5,627 | 1,508 | 1,245 |
258
- | `sparkline` | 39,660 | 12,526 | 10,988 | 2,387 | 796 | 738 |
259
- | `speed-dial` | 118,964 | 39,680 | 33,390 | 3,743 | 908 | 729 |
260
- | `splitter` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,237 |
261
- | `stat` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 141 |
262
- | `steps` | 97,543 | 31,258 | 25,526 | 6,294 | 1,504 | 1,241 |
263
- | `switch` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 450 |
264
- | `table` | 99,653 | 32,434 | 26,435 | 10,158 | 2,817 | 2,325 |
265
- | `tabs` | 41,339 | 12,359 | 10,845 | 3,925 | 839 | 716 |
266
- | `tag` | 88,696 | 28,713 | 23,450 | 908 | 204 | 183 |
267
- | `textarea` | 44,286 | 13,033 | 11,415 | 3,996 | 1,068 | 790 |
268
- | `time-input` | 158,437 | 49,250 | 41,465 | 29,048 | 7,071 | 5,765 |
269
- | `time-picker` | 117,522 | 37,238 | 30,491 | 19,136 | 5,105 | 4,215 |
270
- | `timeline` | 89,132 | 28,709 | 23,571 | 1,809 | 379 | 355 |
271
- | `toast` | 92,489 | 29,841 | 24,402 | 4,078 | 945 | 778 |
272
- | `toggle` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 630 |
273
- | `toolbar` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 590 |
274
- | `tooltip` | 65,077 | 21,364 | 18,933 | 6,369 | 1,716 | 1,354 |
275
- | `tour` | 70,959 | 22,819 | 20,079 | 11,095 | 2,777 | 2,294 |
276
- | `tree` | 99,347 | 32,060 | 26,076 | 7,223 | 1,889 | 1,519 |
277
- | `trend` | 88,010 | 28,501 | 23,381 | 1,056 | 281 | 229 |
278
- | `video` | 155,672 | 48,888 | 41,315 | 32,520 | 7,630 | 6,469 |
279
- | `video-playlist` | 134,945 | 43,684 | 36,667 | 14,940 | 3,432 | 2,790 |
280
- | `virtual-list` | 39,187 | 12,225 | 10,774 | 2,413 | 722 | 570 |
183
+ | `accordion` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
184
+ | `announcement` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
185
+ | `app-header` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
186
+ | `area-chart` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
187
+ | `avatar` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
188
+ | `badge` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
189
+ | `bar-chart` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
190
+ | `blockquote` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
191
+ | `breadcrumbs` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
192
+ | `button` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
193
+ | `button-group` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
194
+ | `callout` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
195
+ | `canvas` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
196
+ | `card` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
197
+ | `carousel` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
198
+ | `chat` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
199
+ | `checkbox` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
200
+ | `checkbox-group` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
201
+ | `code` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
202
+ | `code-block` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
203
+ | `color-input` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
204
+ | `color-picker` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
205
+ | `combobox` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
206
+ | `command` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
207
+ | `copy-button` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
208
+ | `data-table` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
209
+ | `date-input` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
210
+ | `date-picker` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
211
+ | `description-list` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
212
+ | `dialog` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
213
+ | `divider` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
214
+ | `donut-chart` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
215
+ | `drawer` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
216
+ | `drilldown` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
217
+ | `empty` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
218
+ | `file-input` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
219
+ | `filter-input` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
220
+ | `format-date` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
221
+ | `graph` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
222
+ | `heatmap` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
223
+ | `icon` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
224
+ | `icon-button` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
225
+ | `image` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
226
+ | `input` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
227
+ | `kbd` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
228
+ | `legend` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
229
+ | `lightbox` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
230
+ | `line-chart` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
231
+ | `list` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
232
+ | `listbox` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
233
+ | `loader` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
234
+ | `map` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
235
+ | `megamenu` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
236
+ | `menu` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
237
+ | `meter` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
238
+ | `navigation` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
239
+ | `notifications` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
240
+ | `number-input` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
241
+ | `object-inspector` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
242
+ | `option` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
243
+ | `outline` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
244
+ | `pagination` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
245
+ | `pin-input` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
246
+ | `popover` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
247
+ | `progress` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
248
+ | `qr-code` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
249
+ | `quote` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
250
+ | `radio` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
251
+ | `rating` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
252
+ | `scatter-chart` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
253
+ | `scroll-area` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
254
+ | `select` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
255
+ | `skeleton` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
256
+ | `skip-link` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
257
+ | `slider` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
258
+ | `sparkline` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
259
+ | `speed-dial` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
260
+ | `splitter` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
261
+ | `stat` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
262
+ | `steps` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
263
+ | `switch` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
264
+ | `table` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
265
+ | `tabs` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
266
+ | `tag` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
267
+ | `textarea` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
268
+ | `time-input` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
269
+ | `time-picker` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
270
+ | `timeline` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
271
+ | `toast` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
272
+ | `toggle` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
273
+ | `toolbar` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
274
+ | `tooltip` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
275
+ | `tour` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
276
+ | `tree` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
277
+ | `trend` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
278
+ | `video` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
279
+ | `video-playlist` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
280
+ | `virtual-list` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
281
281
 
282
282
  ### Styled tier
283
283
 
@@ -285,110 +285,110 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
285
285
 
286
286
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
287
287
  |---|---|---|---|---|---|---|
288
- | `accordion` | 96,169 | 31,112 | 25,389 | 6,204 | 1,553 | 1,322 |
289
- | `announcement` | 95,006 | 30,542 | 24,924 | 6,133 | 1,430 | 1,277 |
290
- | `app-header` | 37,719 | 11,259 | 9,912 | 5,121 | 1,164 | 997 |
291
- | `area-chart` | 87,137 | 27,937 | 24,660 | 18,366 | 4,990 | 4,077 |
292
- | `aura` | 100,856 | 33,761 | 29,287 | 65,483 | 23,051 | 19,647 |
293
- | `avatar` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,349 |
294
- | `badge` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 834 |
295
- | `bar-chart` | 94,206 | 29,255 | 25,819 | 25,425 | 6,303 | 5,233 |
296
- | `blockquote` | 34,535 | 10,603 | 9,302 | 1,914 | 464 | 439 |
297
- | `breadcrumbs` | 92,849 | 29,607 | 24,296 | 5,518 | 1,252 | 1,146 |
298
- | `button` | 44,308 | 12,756 | 11,188 | 9,433 | 2,003 | 1,708 |
299
- | `button-group` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 452 |
300
- | `callout` | 90,404 | 29,199 | 23,996 | 2,899 | 749 | 608 |
301
- | `canvas` | 114,757 | 31,621 | 27,621 | 70,328 | 18,749 | 15,757 |
302
- | `card` | 36,550 | 11,054 | 9,733 | 3,963 | 970 | 811 |
303
- | `carousel` | 109,474 | 33,491 | 27,597 | 21,719 | 4,511 | 3,853 |
304
- | `chat` | 126,232 | 39,140 | 32,285 | 31,590 | 7,649 | 6,498 |
305
- | `checkbox` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,843 |
306
- | `checkbox-group` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,475 |
307
- | `code` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 284 |
308
- | `code-block` | 150,608 | 46,678 | 39,308 | 33,746 | 7,253 | 6,276 |
309
- | `color-input` | 186,078 | 53,056 | 44,925 | 59,644 | 11,418 | 9,669 |
310
- | `color-picker` | 146,746 | 41,869 | 34,659 | 47,778 | 9,365 | 7,903 |
311
- | `combobox` | 162,304 | 49,196 | 41,426 | 36,410 | 7,981 | 6,642 |
312
- | `command` | 127,719 | 38,629 | 31,709 | 28,803 | 6,710 | 5,611 |
313
- | `copy-button` | 138,743 | 43,974 | 36,964 | 21,883 | 4,666 | 3,944 |
314
- | `data-table` | 225,506 | 63,952 | 53,740 | 95,314 | 21,373 | 17,406 |
315
- | `date-input` | 161,466 | 49,043 | 41,446 | 35,357 | 7,897 | 6,754 |
316
- | `date-picker` | 106,079 | 33,658 | 27,543 | 15,499 | 3,887 | 3,195 |
317
- | `description-list` | 35,716 | 10,725 | 9,418 | 3,502 | 783 | 648 |
318
- | `dialog` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,420 |
319
- | `divider` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 633 |
320
- | `donut-chart` | 86,641 | 27,204 | 24,033 | 19,297 | 4,909 | 4,043 |
321
- | `drawer` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,290 |
322
- | `drilldown` | 102,025 | 32,725 | 26,698 | 10,393 | 2,528 | 2,109 |
323
- | `empty` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 559 |
324
- | `file-input` | 112,352 | 34,805 | 28,538 | 17,793 | 4,078 | 3,451 |
325
- | `filter-input` | 185,905 | 53,759 | 45,364 | 56,353 | 11,433 | 9,562 |
326
- | `flex` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 386 |
327
- | `format-date` | 37,496 | 11,516 | 10,173 | 3,497 | 863 | 745 |
328
- | `graph` | 129,874 | 39,137 | 32,217 | 26,302 | 5,800 | 4,881 |
329
- | `grid` | 34,885 | 10,614 | 9,338 | 2,667 | 622 | 554 |
330
- | `heatmap` | 85,554 | 26,925 | 23,770 | 17,648 | 4,425 | 3,692 |
331
- | `icon` | 88,676 | 28,645 | 23,443 | 1,707 | 413 | 336 |
332
- | `icon-button` | 44,465 | 12,620 | 11,110 | 9,594 | 1,876 | 1,616 |
333
- | `image` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,103 |
334
- | `input` | 106,228 | 33,397 | 27,298 | 11,104 | 2,681 | 2,218 |
335
- | `kbd` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,161 |
336
- | `legend` | 42,057 | 12,614 | 11,066 | 5,790 | 1,397 | 1,103 |
337
- | `lightbox` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,687 |
338
- | `line-chart` | 89,103 | 28,039 | 24,826 | 20,419 | 5,132 | 4,170 |
339
- | `list` | 38,374 | 11,349 | 9,966 | 5,799 | 1,325 | 1,096 |
340
- | `listbox` | 113,196 | 35,698 | 29,152 | 15,768 | 4,070 | 3,308 |
341
- | `loader` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 854 |
342
- | `map` | 169,887 | 45,308 | 37,746 | 69,255 | 13,186 | 11,059 |
343
- | `megamenu` | 68,614 | 22,111 | 19,536 | 9,805 | 2,358 | 2,089 |
344
- | `menu` | 134,982 | 43,726 | 36,606 | 16,362 | 3,799 | 3,244 |
345
- | `meter` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,896 |
346
- | `navigation` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 628 |
347
- | `notifications` | 117,618 | 35,651 | 29,240 | 24,486 | 5,055 | 4,274 |
348
- | `number-input` | 107,671 | 33,948 | 27,761 | 12,539 | 3,159 | 2,553 |
349
- | `object-inspector` | 155,494 | 48,635 | 41,150 | 33,196 | 7,567 | 6,296 |
350
- | `option` | 38,784 | 11,667 | 10,282 | 6,201 | 1,578 | 1,235 |
351
- | `orb` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,864 |
352
- | `outline` | 42,333 | 12,826 | 11,326 | 8,351 | 2,121 | 1,756 |
353
- | `pagination` | 169,127 | 50,277 | 42,335 | 45,786 | 9,643 | 7,992 |
354
- | `pin-input` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,902 |
355
- | `popover` | 63,575 | 20,926 | 18,488 | 4,517 | 1,164 | 932 |
356
- | `progress` | 39,545 | 11,765 | 10,387 | 6,962 | 1,655 | 1,440 |
357
- | `qr-code` | 46,828 | 15,067 | 13,239 | 14,629 | 5,286 | 4,472 |
358
- | `quote` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 173 |
359
- | `radio` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,919 |
360
- | `rating` | 51,074 | 15,215 | 13,374 | 10,941 | 3,103 | 2,612 |
361
- | `sandbox` | 68,775 | 18,117 | 16,049 | 35,718 | 7,856 | 6,770 |
362
- | `scatter-chart` | 87,628 | 27,767 | 24,496 | 19,718 | 5,201 | 4,281 |
363
- | `scroll-area` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,132 |
364
- | `select` | 152,107 | 47,079 | 39,563 | 28,986 | 6,500 | 5,456 |
365
- | `skeleton` | 34,465 | 10,570 | 9,291 | 2,242 | 592 | 603 |
366
- | `skip-link` | 35,000 | 10,795 | 9,451 | 2,624 | 730 | 606 |
367
- | `slider` | 56,667 | 15,407 | 13,639 | 16,690 | 3,552 | 3,022 |
368
- | `sparkline` | 43,578 | 13,471 | 11,903 | 6,293 | 1,760 | 1,613 |
369
- | `speed-dial` | 126,596 | 41,203 | 34,598 | 11,356 | 2,384 | 2,001 |
370
- | `splitter` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,049 |
371
- | `stat` | 37,148 | 10,968 | 9,633 | 4,565 | 923 | 828 |
372
- | `steps` | 111,348 | 33,803 | 27,737 | 20,088 | 3,986 | 3,347 |
373
- | `switch` | 46,465 | 13,591 | 11,908 | 6,001 | 1,581 | 1,290 |
374
- | `table` | 105,247 | 33,620 | 27,474 | 15,746 | 3,988 | 3,382 |
375
- | `tabs` | 47,575 | 13,636 | 11,976 | 10,154 | 2,151 | 1,842 |
376
- | `tag` | 92,047 | 29,659 | 24,196 | 4,244 | 1,064 | 1,011 |
377
- | `text` | 36,412 | 10,780 | 9,437 | 4,200 | 891 | 820 |
378
- | `textarea` | 47,721 | 13,873 | 12,168 | 7,418 | 1,939 | 1,576 |
379
- | `time-input` | 180,075 | 52,849 | 44,602 | 50,668 | 10,776 | 9,052 |
380
- | `time-picker` | 129,250 | 39,417 | 32,406 | 30,852 | 7,330 | 6,087 |
381
- | `timeline` | 92,445 | 29,492 | 24,250 | 5,110 | 1,139 | 1,022 |
382
- | `toast` | 100,022 | 31,558 | 25,870 | 11,599 | 2,611 | 2,168 |
383
- | `toggle` | 51,478 | 14,748 | 12,995 | 8,525 | 2,074 | 1,691 |
384
- | `toolbar` | 36,621 | 11,250 | 9,881 | 3,899 | 1,016 | 842 |
385
- | `tooltip` | 68,155 | 22,123 | 19,573 | 9,429 | 2,462 | 2,017 |
386
- | `tour` | 80,674 | 24,450 | 21,560 | 20,792 | 4,481 | 3,794 |
387
- | `tree` | 105,197 | 33,481 | 27,345 | 13,069 | 3,316 | 2,806 |
388
- | `trend` | 91,229 | 29,262 | 24,021 | 4,271 | 992 | 827 |
389
- | `video` | 175,090 | 52,363 | 44,373 | 51,918 | 11,197 | 9,510 |
390
- | `video-playlist` | 149,062 | 46,287 | 38,836 | 29,038 | 6,004 | 5,079 |
391
- | `virtual-list` | 39,979 | 12,443 | 10,968 | 3,187 | 930 | 763 |
288
+ | `accordion` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
289
+ | `announcement` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
290
+ | `app-header` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
291
+ | `area-chart` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
292
+ | `aura` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
293
+ | `avatar` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
294
+ | `badge` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
295
+ | `bar-chart` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
296
+ | `blockquote` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
297
+ | `breadcrumbs` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
298
+ | `button` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
299
+ | `button-group` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
300
+ | `callout` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
301
+ | `canvas` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
302
+ | `card` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
303
+ | `carousel` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
304
+ | `chat` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
305
+ | `checkbox` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
306
+ | `checkbox-group` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
307
+ | `code` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
308
+ | `code-block` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
309
+ | `color-input` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
310
+ | `color-picker` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
311
+ | `combobox` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
312
+ | `command` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
313
+ | `copy-button` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
314
+ | `data-table` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
315
+ | `date-input` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
316
+ | `date-picker` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
317
+ | `description-list` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
318
+ | `dialog` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
319
+ | `divider` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
320
+ | `donut-chart` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
321
+ | `drawer` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
322
+ | `drilldown` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
323
+ | `empty` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
324
+ | `file-input` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
325
+ | `filter-input` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
326
+ | `flex` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
327
+ | `format-date` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
328
+ | `graph` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
329
+ | `grid` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
330
+ | `heatmap` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
331
+ | `icon` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
332
+ | `icon-button` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
333
+ | `image` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
334
+ | `input` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
335
+ | `kbd` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
336
+ | `legend` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
337
+ | `lightbox` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
338
+ | `line-chart` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
339
+ | `list` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
340
+ | `listbox` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
341
+ | `loader` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
342
+ | `map` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
343
+ | `megamenu` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
344
+ | `menu` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
345
+ | `meter` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
346
+ | `navigation` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
347
+ | `notifications` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
348
+ | `number-input` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
349
+ | `object-inspector` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
350
+ | `option` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
351
+ | `orb` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
352
+ | `outline` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
353
+ | `pagination` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
354
+ | `pin-input` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
355
+ | `popover` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
356
+ | `progress` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
357
+ | `qr-code` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
358
+ | `quote` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
359
+ | `radio` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
360
+ | `rating` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
361
+ | `sandbox` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
362
+ | `scatter-chart` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
363
+ | `scroll-area` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
364
+ | `select` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
365
+ | `skeleton` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
366
+ | `skip-link` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
367
+ | `slider` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
368
+ | `sparkline` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
369
+ | `speed-dial` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
370
+ | `splitter` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
371
+ | `stat` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
372
+ | `steps` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
373
+ | `switch` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
374
+ | `table` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
375
+ | `tabs` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
376
+ | `tag` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
377
+ | `text` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
378
+ | `textarea` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
379
+ | `time-input` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
380
+ | `time-picker` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
381
+ | `timeline` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
382
+ | `toast` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
383
+ | `toggle` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
384
+ | `toolbar` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
385
+ | `tooltip` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
386
+ | `tour` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
387
+ | `tree` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
388
+ | `trend` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
389
+ | `video` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
390
+ | `video-playlist` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
391
+ | `virtual-list` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
392
392
 
393
393
  ## What an install adds to `node_modules`
394
394
 
@@ -3391,7 +3391,7 @@ on its own.
3391
3391
 
3392
3392
  | | Raw | Gzip | Brotli |
3393
3393
  |---|---|---|---|
3394
- | Lit and \`@fusion.dev/helix-core\` | 184,594 | 58,832 | 49,782 |
3394
+ | Lit and \`@fusion.dev/helix-core\` | 184,594 | 58,832 | 49,730 |
3395
3395
 
3396
3396
  ## Whole packages
3397
3397
 
@@ -3402,11 +3402,11 @@ either barrel. The per-component tables show what your page pays.
3402
3402
 
3403
3403
  | Package | Raw | Gzip | Brotli | |
3404
3404
  |---|---|---|---|---|
3405
- | \`@fusion.dev/helix-core\` | 184,148 | 58,436 | 49,546 | The element base class, mixins, decorators, and floating positioning. |
3406
- | \`@fusion.dev/helix-headless\` | 746,773 | 193,550 | 149,962 | Every headless family. The barrel entry includes all of them. |
3405
+ | \`@fusion.dev/helix-core\` | 184,148 | 58,437 | 49,555 | The element base class, mixins, decorators, and floating positioning. |
3406
+ | \`@fusion.dev/helix-headless\` | 746,773 | 193,550 | 150,089 | Every headless family. The barrel entry includes all of them. |
3407
3407
  | \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
3408
3408
  | \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
3409
- | \`@fusion.dev/helix\` | 1,292,635 | 302,260 | 221,024 | Every styled family. |
3409
+ | \`@fusion.dev/helix\` | 1,292,635 | 302,260 | 221,047 | Every styled family. |
3410
3410
  | \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
3411
3411
 
3412
3412
  ## Stylesheets
@@ -3429,11 +3429,11 @@ shows the whole cost of using the base layer on its own.
3429
3429
 
3430
3430
  **Most of your first component is the shared runtime.** The median styled family is 21,519 bytes gzipped alone, and it adds 2,260 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
3431
3431
 
3432
- Across the 104 styled components, the smallest is \`code\` at 10,065 bytes gzipped alone, and the largest is \`data-table\` at 63,952. Every family together is 302,260.
3432
+ Across the 104 styled components, the smallest is \`code\` at 10,065 bytes gzipped alone, and the largest is \`data-table\` at 63,951. Every family together is 302,260.
3433
3433
 
3434
3434
  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 193,550 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 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.
3435
3435
 
3436
- 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 22,092 bytes gzipped alone.
3436
+ 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 22,091 bytes gzipped alone.
3437
3437
 
3438
3438
  ## Compared with other systems
3439
3439
 
@@ -3445,7 +3445,7 @@ The table has no whole-library row. That row would compare how many components e
3445
3445
 
3446
3446
  | Component | System | Raw | Gzip | Brotli |
3447
3447
  |---|---|---|---|---|
3448
- | \`button\` | **Helix** | 44,308 | 12,756 | 11,188 |
3448
+ | \`button\` | **Helix** | 44,308 | 12,756 | 11,189 |
3449
3449
  | | Carbon | 133,058 | 20,959 | 17,685 |
3450
3450
  | | Material Web | 47,060 | 14,173 | 12,591 |
3451
3451
  | | Shoelace | 62,628 | 18,287 | 15,805 |
@@ -3465,7 +3465,7 @@ The table has no whole-library row. That row would compare how many components e
3465
3465
  | | Material Web | 41,044 | 13,234 | 11,757 |
3466
3466
  | | Shoelace | 34,865 | 12,027 | 10,559 |
3467
3467
  | | Spectrum | 38,685 | 10,660 | 9,370 |
3468
- | \`switch\` | **Helix** | 46,465 | 13,591 | 11,908 |
3468
+ | \`switch\` | **Helix** | 46,465 | 13,591 | 11,909 |
3469
3469
  | | Carbon | 69,423 | 17,127 | 14,764 |
3470
3470
  | | Material Web | 50,155 | 14,577 | 12,935 |
3471
3471
  | | Shoelace | 37,833 | 11,814 | 10,568 |
@@ -3475,7 +3475,7 @@ The table has no whole-library row. That row would compare how many components e
3475
3475
  | | Material Web | 38,883 | 12,820 | 11,368 |
3476
3476
  | | Shoelace | 54,573 | 17,140 | 15,068 |
3477
3477
  | | Spectrum | 64,875 | 18,298 | 16,283 |
3478
- | \`tooltip\` | **Helix** | 68,155 | 22,123 | 19,573 |
3478
+ | \`tooltip\` | **Helix** | 68,155 | 22,123 | 19,579 |
3479
3479
  | | Carbon | 189,382 | 30,354 | 22,273 |
3480
3480
  | | Material Web | | not shipped | |
3481
3481
  | | Shoelace | 57,412 | 20,220 | 17,933 |
@@ -3525,104 +3525,104 @@ Structure, accessibility, state, and form participation. It has no presentation
3525
3525
 
3526
3526
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3527
3527
  |---|---|---|---|---|---|---|
3528
- | \`accordion\` | 92,827 | 30,256 | 24,686 | 2,875 | 742 | 597 |
3529
- | \`announcement\` | 90,243 | 29,436 | 23,954 | 1,386 | 356 | 330 |
3530
- | \`app-header\` | 33,829 | 10,362 | 9,114 | 1,248 | 268 | 248 |
3531
- | \`area-chart\` | 79,751 | 26,338 | 23,219 | 11,004 | 3,363 | 2,847 |
3532
- | \`avatar\` | 35,878 | 10,957 | 9,677 | 3,257 | 874 | 729 |
3533
- | \`badge\` | 33,365 | 10,291 | 9,042 | 1,163 | 302 | 270 |
3534
- | \`bar-chart\` | 81,402 | 26,696 | 23,571 | 12,644 | 3,716 | 3,080 |
3535
- | \`blockquote\` | 33,379 | 10,313 | 9,064 | 774 | 176 | 245 |
3536
- | \`breadcrumbs\` | 89,283 | 28,787 | 23,647 | 1,965 | 457 | 355 |
3537
- | \`button\` | 38,051 | 11,575 | 10,161 | 3,194 | 825 | 685 |
3538
- | \`button-group\` | 33,235 | 10,200 | 8,970 | 661 | 144 | 87 |
3539
- | \`callout\` | 88,403 | 28,642 | 23,544 | 914 | 245 | 217 |
3540
- | \`canvas\` | 94,452 | 27,876 | 24,486 | 50,034 | 14,949 | 12,627 |
3541
- | \`card\` | 33,269 | 10,213 | 9,005 | 694 | 142 | 112 |
3542
- | \`carousel\` | 98,686 | 31,764 | 26,055 | 10,942 | 2,764 | 2,368 |
3543
- | \`chat\` | 112,075 | 36,619 | 30,027 | 17,447 | 5,109 | 4,266 |
3544
- | \`checkbox\` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 525 |
3545
- | \`checkbox-group\` | 45,874 | 13,297 | 11,703 | 5,307 | 1,310 | 959 |
3546
- | \`code\` | 31,854 | 9,775 | 8,599 | 451 | 80 | 90 |
3547
- | \`code-block\` | 134,158 | 43,803 | 36,953 | 17,317 | 4,518 | 3,825 |
3548
- | \`color-input\` | 152,233 | 47,867 | 40,395 | 25,819 | 6,038 | 5,075 |
3549
- | \`color-picker\` | 118,604 | 37,262 | 30,606 | 19,642 | 4,719 | 3,980 |
3550
- | \`combobox\` | 147,048 | 46,540 | 39,078 | 21,177 | 5,232 | 4,250 |
3551
- | \`command\` | 116,967 | 36,537 | 29,922 | 18,065 | 4,599 | 3,759 |
3552
- | \`copy-button\` | 128,739 | 42,172 | 35,448 | 11,895 | 2,945 | 2,417 |
3553
- | \`data-table\` | 187,220 | 57,028 | 48,094 | 57,295 | 14,506 | 12,014 |
3554
- | \`date-input\` | 145,307 | 46,030 | 38,680 | 19,209 | 4,851 | 3,974 |
3555
- | \`date-picker\` | 100,462 | 32,494 | 26,555 | 9,900 | 2,712 | 2,124 |
3556
- | \`description-list\` | 33,338 | 10,152 | 8,909 | 1,132 | 182 | 133 |
3557
- | \`dialog\` | 36,887 | 11,247 | 9,902 | 2,717 | 764 | 612 |
3558
- | \`divider\` | 33,585 | 10,392 | 9,113 | 981 | 245 | 109 |
3559
- | \`donut-chart\` | 77,534 | 25,301 | 22,298 | 10,214 | 2,960 | 2,552 |
3560
- | \`drawer\` | 35,640 | 10,891 | 9,555 | 1,761 | 474 | 418 |
3561
- | \`drilldown\` | 97,328 | 31,629 | 25,721 | 5,704 | 1,476 | 1,149 |
3562
- | \`empty\` | 33,832 | 10,448 | 9,177 | 956 | 245 | 168 |
3563
- | \`file-input\` | 100,826 | 32,471 | 26,542 | 6,266 | 1,798 | 1,563 |
3564
- | \`filter-input\` | 157,569 | 49,232 | 41,455 | 28,023 | 6,788 | 5,611 |
3565
- | \`format-date\` | 36,848 | 11,368 | 10,043 | 2,867 | 693 | 564 |
3566
- | \`graph\` | 115,034 | 36,598 | 30,119 | 11,479 | 3,244 | 2,761 |
3567
- | \`heatmap\` | 78,756 | 25,520 | 22,478 | 10,872 | 2,988 | 2,517 |
3568
- | \`icon\` | 87,970 | 28,456 | 23,321 | 1,018 | 246 | 200 |
3569
- | \`icon-button\` | 38,450 | 11,607 | 10,171 | 3,593 | 861 | 685 |
3570
- | \`image\` | 35,408 | 10,746 | 9,475 | 3,156 | 810 | 665 |
3571
- | \`input\` | 99,863 | 31,949 | 26,097 | 4,745 | 1,287 | 1,077 |
3572
- | \`kbd\` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 734 |
3573
- | \`legend\` | 37,241 | 11,484 | 10,074 | 1,080 | 280 | 299 |
3574
- | \`lightbox\` | 41,623 | 12,532 | 10,963 | 4,807 | 1,231 | 1,035 |
3575
- | \`line-chart\` | 79,332 | 26,035 | 22,964 | 10,667 | 3,089 | 2,583 |
3576
- | \`list\` | 34,291 | 10,393 | 9,134 | 1,726 | 343 | 340 |
3577
- | \`listbox\` | 108,679 | 34,651 | 28,237 | 11,262 | 3,061 | 2,473 |
3578
- | \`loader\` | 33,475 | 10,318 | 9,082 | 900 | 234 | 207 |
3579
- | \`map\` | 133,644 | 39,796 | 32,965 | 33,027 | 7,701 | 6,186 |
3580
- | \`megamenu\` | 63,733 | 21,037 | 18,563 | 4,941 | 1,277 | 977 |
3581
- | \`menu\` | 127,455 | 42,082 | 35,205 | 8,855 | 2,194 | 1,807 |
3582
- | \`meter\` | 36,665 | 11,170 | 9,811 | 4,099 | 1,058 | 881 |
3583
- | \`navigation\` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 297 |
3584
- | \`notifications\` | 104,507 | 33,224 | 27,152 | 11,383 | 2,644 | 2,245 |
3585
- | \`number-input\` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,609 |
3586
- | \`object-inspector\` | 141,857 | 46,379 | 39,117 | 19,579 | 5,240 | 4,415 |
3587
- | \`option\` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 460 |
3588
- | \`outline\` | 38,593 | 12,039 | 10,604 | 4,628 | 1,328 | 1,073 |
3589
- | \`pagination\` | 151,144 | 47,240 | 39,698 | 27,821 | 6,533 | 5,385 |
3590
- | \`pin-input\` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,178 |
3591
- | \`popover\` | 60,939 | 20,282 | 17,900 | 1,899 | 485 | 396 |
3592
- | \`progress\` | 34,516 | 10,591 | 9,328 | 1,951 | 492 | 444 |
3593
- | \`qr-code\` | 45,165 | 14,631 | 12,873 | 12,983 | 4,872 | 4,083 |
3594
- | \`quote\` | 32,758 | 10,070 | 8,858 | 552 | 136 | 66 |
3595
- | \`radio\` | 44,597 | 13,017 | 11,447 | 2,874 | 725 | 560 |
3596
- | \`rating\` | 46,762 | 13,975 | 12,320 | 6,646 | 1,867 | 1,494 |
3597
- | \`scatter-chart\` | 79,236 | 25,961 | 22,855 | 11,346 | 3,372 | 2,896 |
3598
- | \`scroll-area\` | 35,001 | 10,752 | 9,436 | 2,743 | 741 | 648 |
3599
- | \`select\` | 139,254 | 44,660 | 37,486 | 16,144 | 4,090 | 3,319 |
3600
- | \`skeleton\` | 31,947 | 9,808 | 8,630 | 544 | 109 | 95 |
3601
- | \`skip-link\` | 33,537 | 10,382 | 9,102 | 1,178 | 343 | 313 |
3602
- | \`slider\` | 45,587 | 13,413 | 11,826 | 5,627 | 1,508 | 1,245 |
3603
- | \`sparkline\` | 39,660 | 12,526 | 10,988 | 2,387 | 796 | 738 |
3604
- | \`speed-dial\` | 118,964 | 39,680 | 33,390 | 3,743 | 908 | 729 |
3605
- | \`splitter\` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,237 |
3606
- | \`stat\` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 141 |
3607
- | \`steps\` | 97,543 | 31,258 | 25,526 | 6,294 | 1,504 | 1,241 |
3608
- | \`switch\` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 450 |
3609
- | \`table\` | 99,653 | 32,434 | 26,435 | 10,158 | 2,817 | 2,325 |
3610
- | \`tabs\` | 41,339 | 12,359 | 10,845 | 3,925 | 839 | 716 |
3611
- | \`tag\` | 88,696 | 28,713 | 23,450 | 908 | 204 | 183 |
3612
- | \`textarea\` | 44,286 | 13,033 | 11,415 | 3,996 | 1,068 | 790 |
3613
- | \`time-input\` | 158,437 | 49,250 | 41,465 | 29,048 | 7,071 | 5,765 |
3614
- | \`time-picker\` | 117,522 | 37,238 | 30,491 | 19,136 | 5,105 | 4,215 |
3615
- | \`timeline\` | 89,132 | 28,709 | 23,571 | 1,809 | 379 | 355 |
3616
- | \`toast\` | 92,489 | 29,841 | 24,402 | 4,078 | 945 | 778 |
3617
- | \`toggle\` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 630 |
3618
- | \`toolbar\` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 590 |
3619
- | \`tooltip\` | 65,077 | 21,364 | 18,933 | 6,369 | 1,716 | 1,354 |
3620
- | \`tour\` | 70,959 | 22,819 | 20,079 | 11,095 | 2,777 | 2,294 |
3621
- | \`tree\` | 99,347 | 32,060 | 26,076 | 7,223 | 1,889 | 1,519 |
3622
- | \`trend\` | 88,010 | 28,501 | 23,381 | 1,056 | 281 | 229 |
3623
- | \`video\` | 155,672 | 48,888 | 41,315 | 32,520 | 7,630 | 6,469 |
3624
- | \`video-playlist\` | 134,945 | 43,684 | 36,667 | 14,940 | 3,432 | 2,790 |
3625
- | \`virtual-list\` | 39,187 | 12,225 | 10,774 | 2,413 | 722 | 570 |
3528
+ | \`accordion\` | 92,827 | 30,256 | 24,643 | 2,875 | 743 | 744 |
3529
+ | \`announcement\` | 90,243 | 29,436 | 23,976 | 1,386 | 356 | 285 |
3530
+ | \`app-header\` | 33,829 | 10,362 | 9,114 | 1,248 | 267 | 274 |
3531
+ | \`area-chart\` | 79,751 | 26,337 | 23,258 | 11,004 | 3,363 | 2,817 |
3532
+ | \`avatar\` | 35,878 | 10,957 | 9,678 | 3,257 | 874 | 743 |
3533
+ | \`badge\` | 33,365 | 10,291 | 9,045 | 1,163 | 302 | 269 |
3534
+ | \`bar-chart\` | 81,402 | 26,696 | 23,529 | 12,644 | 3,716 | 3,160 |
3535
+ | \`blockquote\` | 33,379 | 10,313 | 9,064 | 774 | 177 | 232 |
3536
+ | \`breadcrumbs\` | 89,283 | 28,788 | 23,606 | 1,965 | 457 | 430 |
3537
+ | \`button\` | 38,051 | 11,575 | 10,152 | 3,194 | 825 | 706 |
3538
+ | \`button-group\` | 33,235 | 10,200 | 8,970 | 661 | 144 | 94 |
3539
+ | \`callout\` | 88,403 | 28,643 | 23,509 | 914 | 246 | 217 |
3540
+ | \`canvas\` | 94,452 | 27,876 | 24,462 | 50,034 | 14,946 | 12,617 |
3541
+ | \`card\` | 33,269 | 10,213 | 9,005 | 694 | 142 | 123 |
3542
+ | \`carousel\` | 98,686 | 31,765 | 26,041 | 10,942 | 2,764 | 2,365 |
3543
+ | \`chat\` | 112,075 | 36,619 | 29,994 | 17,447 | 5,109 | 4,325 |
3544
+ | \`checkbox\` | 42,750 | 12,605 | 11,046 | 2,703 | 745 | 590 |
3545
+ | \`checkbox-group\` | 45,874 | 13,297 | 11,702 | 5,307 | 1,310 | 923 |
3546
+ | \`code\` | 31,854 | 9,775 | 8,598 | 451 | 81 | 124 |
3547
+ | \`code-block\` | 134,158 | 43,803 | 36,933 | 17,317 | 4,517 | 3,873 |
3548
+ | \`color-input\` | 152,233 | 47,869 | 40,306 | 25,819 | 6,038 | 5,140 |
3549
+ | \`color-picker\` | 118,604 | 37,262 | 30,588 | 19,642 | 4,718 | 3,933 |
3550
+ | \`combobox\` | 147,048 | 46,541 | 39,037 | 21,177 | 5,231 | 4,302 |
3551
+ | \`command\` | 116,967 | 36,537 | 29,873 | 18,065 | 4,599 | 3,816 |
3552
+ | \`copy-button\` | 128,739 | 42,172 | 35,453 | 11,895 | 2,945 | 2,490 |
3553
+ | \`data-table\` | 187,220 | 57,028 | 48,192 | 57,295 | 14,506 | 12,098 |
3554
+ | \`date-input\` | 145,307 | 46,031 | 38,753 | 19,209 | 4,850 | 4,032 |
3555
+ | \`date-picker\` | 100,462 | 32,494 | 26,604 | 9,900 | 2,711 | 2,252 |
3556
+ | \`description-list\` | 33,338 | 10,152 | 8,909 | 1,132 | 183 | 169 |
3557
+ | \`dialog\` | 36,887 | 11,247 | 9,909 | 2,717 | 763 | 636 |
3558
+ | \`divider\` | 33,585 | 10,392 | 9,125 | 981 | 244 | 204 |
3559
+ | \`donut-chart\` | 77,534 | 25,301 | 22,386 | 10,214 | 2,960 | 2,564 |
3560
+ | \`drawer\` | 35,640 | 10,891 | 9,553 | 1,761 | 475 | 380 |
3561
+ | \`drilldown\` | 97,328 | 31,629 | 25,751 | 5,704 | 1,476 | 1,218 |
3562
+ | \`empty\` | 33,832 | 10,448 | 9,176 | 956 | 244 | 289 |
3563
+ | \`file-input\` | 100,826 | 32,471 | 26,529 | 6,266 | 1,798 | 1,444 |
3564
+ | \`filter-input\` | 157,569 | 49,233 | 41,520 | 28,023 | 6,787 | 5,669 |
3565
+ | \`format-date\` | 36,848 | 11,368 | 10,008 | 2,867 | 693 | 611 |
3566
+ | \`graph\` | 115,034 | 36,598 | 30,101 | 11,479 | 3,244 | 2,789 |
3567
+ | \`heatmap\` | 78,756 | 25,520 | 22,498 | 10,872 | 2,988 | 2,462 |
3568
+ | \`icon\` | 87,970 | 28,457 | 23,351 | 1,018 | 246 | 298 |
3569
+ | \`icon-button\` | 38,450 | 11,607 | 10,173 | 3,593 | 861 | 736 |
3570
+ | \`image\` | 35,408 | 10,746 | 9,486 | 3,156 | 810 | 705 |
3571
+ | \`input\` | 99,863 | 31,949 | 26,122 | 4,745 | 1,287 | 1,125 |
3572
+ | \`kbd\` | 35,189 | 10,987 | 9,655 | 2,976 | 924 | 891 |
3573
+ | \`legend\` | 37,241 | 11,484 | 10,073 | 1,080 | 281 | 301 |
3574
+ | \`lightbox\` | 41,623 | 12,532 | 10,962 | 4,807 | 1,231 | 1,053 |
3575
+ | \`line-chart\` | 79,332 | 26,035 | 23,012 | 10,667 | 3,089 | 2,613 |
3576
+ | \`list\` | 34,291 | 10,393 | 9,135 | 1,726 | 343 | 328 |
3577
+ | \`listbox\` | 108,679 | 34,651 | 28,235 | 11,262 | 3,061 | 2,552 |
3578
+ | \`loader\` | 33,475 | 10,318 | 9,082 | 900 | 234 | 243 |
3579
+ | \`map\` | 133,644 | 39,796 | 32,977 | 33,027 | 7,701 | 6,343 |
3580
+ | \`megamenu\` | 63,733 | 21,037 | 18,564 | 4,941 | 1,276 | 1,098 |
3581
+ | \`menu\` | 127,455 | 42,082 | 35,221 | 8,855 | 2,194 | 1,778 |
3582
+ | \`meter\` | 36,665 | 11,170 | 9,813 | 4,099 | 1,058 | 969 |
3583
+ | \`navigation\` | 35,224 | 10,865 | 9,544 | 1,417 | 328 | 289 |
3584
+ | \`notifications\` | 104,507 | 33,224 | 27,087 | 11,383 | 2,644 | 2,238 |
3585
+ | \`number-input\` | 102,791 | 32,764 | 26,764 | 7,670 | 2,020 | 1,586 |
3586
+ | \`object-inspector\` | 141,857 | 46,379 | 38,989 | 19,579 | 5,239 | 4,402 |
3587
+ | \`option\` | 35,530 | 10,760 | 9,513 | 2,958 | 643 | 515 |
3588
+ | \`outline\` | 38,593 | 12,038 | 10,604 | 4,628 | 1,329 | 1,144 |
3589
+ | \`pagination\` | 151,144 | 47,243 | 39,641 | 27,821 | 6,532 | 5,385 |
3590
+ | \`pin-input\` | 45,048 | 13,385 | 11,771 | 5,241 | 1,555 | 1,230 |
3591
+ | \`popover\` | 60,939 | 20,282 | 17,879 | 1,899 | 485 | 479 |
3592
+ | \`progress\` | 34,516 | 10,591 | 9,329 | 1,951 | 491 | 467 |
3593
+ | \`qr-code\` | 45,165 | 14,631 | 12,894 | 12,983 | 4,872 | 4,126 |
3594
+ | \`quote\` | 32,758 | 10,070 | 8,858 | 552 | 136 | 311 |
3595
+ | \`radio\` | 44,597 | 13,017 | 11,447 | 2,874 | 726 | 624 |
3596
+ | \`rating\` | 46,762 | 13,975 | 12,320 | 6,646 | 1,866 | 1,570 |
3597
+ | \`scatter-chart\` | 79,236 | 25,961 | 22,818 | 11,346 | 3,371 | 2,864 |
3598
+ | \`scroll-area\` | 35,001 | 10,752 | 9,435 | 2,743 | 741 | 635 |
3599
+ | \`select\` | 139,254 | 44,661 | 37,413 | 16,144 | 4,090 | 3,270 |
3600
+ | \`skeleton\` | 31,947 | 9,808 | 8,619 | 544 | 108 | 155 |
3601
+ | \`skip-link\` | 33,537 | 10,382 | 9,101 | 1,178 | 343 | 303 |
3602
+ | \`slider\` | 45,587 | 13,413 | 11,825 | 5,627 | 1,508 | 1,253 |
3603
+ | \`sparkline\` | 39,660 | 12,526 | 10,989 | 2,387 | 796 | 751 |
3604
+ | \`speed-dial\` | 118,964 | 39,681 | 33,292 | 3,743 | 908 | 854 |
3605
+ | \`splitter\` | 43,040 | 12,826 | 11,364 | 10,282 | 2,596 | 2,242 |
3606
+ | \`stat\` | 33,723 | 10,254 | 9,029 | 1,148 | 183 | 132 |
3607
+ | \`steps\` | 97,543 | 31,258 | 25,514 | 6,294 | 1,504 | 1,223 |
3608
+ | \`switch\` | 42,099 | 12,523 | 10,997 | 1,650 | 487 | 405 |
3609
+ | \`table\` | 99,653 | 32,435 | 26,427 | 10,158 | 2,816 | 2,408 |
3610
+ | \`tabs\` | 41,339 | 12,359 | 10,844 | 3,925 | 839 | 730 |
3611
+ | \`tag\` | 88,696 | 28,713 | 23,445 | 908 | 203 | 173 |
3612
+ | \`textarea\` | 44,286 | 13,033 | 11,415 | 3,996 | 1,069 | 790 |
3613
+ | \`time-input\` | 158,437 | 49,251 | 41,415 | 29,048 | 7,071 | 5,865 |
3614
+ | \`time-picker\` | 117,522 | 37,238 | 30,517 | 19,136 | 5,105 | 4,142 |
3615
+ | \`timeline\` | 89,132 | 28,710 | 23,553 | 1,809 | 378 | 392 |
3616
+ | \`toast\` | 92,489 | 29,842 | 24,419 | 4,078 | 944 | 865 |
3617
+ | \`toggle\` | 46,283 | 13,544 | 11,933 | 3,342 | 817 | 645 |
3618
+ | \`toolbar\` | 35,329 | 10,951 | 9,634 | 2,624 | 719 | 579 |
3619
+ | \`tooltip\` | 65,077 | 21,364 | 18,930 | 6,369 | 1,717 | 1,415 |
3620
+ | \`tour\` | 70,959 | 22,818 | 20,079 | 11,095 | 2,777 | 2,336 |
3621
+ | \`tree\` | 99,347 | 32,060 | 26,105 | 7,223 | 1,888 | 1,595 |
3622
+ | \`trend\` | 88,010 | 28,502 | 23,399 | 1,056 | 281 | 358 |
3623
+ | \`video\` | 155,672 | 48,888 | 41,386 | 32,520 | 7,630 | 6,514 |
3624
+ | \`video-playlist\` | 134,945 | 43,685 | 36,631 | 14,940 | 3,432 | 2,811 |
3625
+ | \`virtual-list\` | 39,187 | 12,225 | 10,773 | 2,413 | 722 | 701 |
3626
3626
 
3627
3627
  ### Styled tier
3628
3628
 
@@ -3630,110 +3630,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
3630
3630
 
3631
3631
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
3632
3632
  |---|---|---|---|---|---|---|
3633
- | \`accordion\` | 96,169 | 31,112 | 25,389 | 6,204 | 1,553 | 1,322 |
3634
- | \`announcement\` | 95,006 | 30,542 | 24,924 | 6,133 | 1,430 | 1,277 |
3635
- | \`app-header\` | 37,719 | 11,259 | 9,912 | 5,121 | 1,164 | 997 |
3636
- | \`area-chart\` | 87,137 | 27,937 | 24,660 | 18,366 | 4,990 | 4,077 |
3637
- | \`aura\` | 100,856 | 33,761 | 29,287 | 65,483 | 23,051 | 19,647 |
3638
- | \`avatar\` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,349 |
3639
- | \`badge\` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 834 |
3640
- | \`bar-chart\` | 94,206 | 29,255 | 25,819 | 25,425 | 6,303 | 5,233 |
3641
- | \`blockquote\` | 34,535 | 10,603 | 9,302 | 1,914 | 464 | 439 |
3642
- | \`breadcrumbs\` | 92,849 | 29,607 | 24,296 | 5,518 | 1,252 | 1,146 |
3643
- | \`button\` | 44,308 | 12,756 | 11,188 | 9,433 | 2,003 | 1,708 |
3644
- | \`button-group\` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 452 |
3645
- | \`callout\` | 90,404 | 29,199 | 23,996 | 2,899 | 749 | 608 |
3646
- | \`canvas\` | 114,757 | 31,621 | 27,621 | 70,328 | 18,749 | 15,757 |
3647
- | \`card\` | 36,550 | 11,054 | 9,733 | 3,963 | 970 | 811 |
3648
- | \`carousel\` | 109,474 | 33,491 | 27,597 | 21,719 | 4,511 | 3,853 |
3649
- | \`chat\` | 126,232 | 39,140 | 32,285 | 31,590 | 7,649 | 6,498 |
3650
- | \`checkbox\` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,843 |
3651
- | \`checkbox-group\` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,475 |
3652
- | \`code\` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 284 |
3653
- | \`code-block\` | 150,608 | 46,678 | 39,308 | 33,746 | 7,253 | 6,276 |
3654
- | \`color-input\` | 186,078 | 53,056 | 44,925 | 59,644 | 11,418 | 9,669 |
3655
- | \`color-picker\` | 146,746 | 41,869 | 34,659 | 47,778 | 9,365 | 7,903 |
3656
- | \`combobox\` | 162,304 | 49,196 | 41,426 | 36,410 | 7,981 | 6,642 |
3657
- | \`command\` | 127,719 | 38,629 | 31,709 | 28,803 | 6,710 | 5,611 |
3658
- | \`copy-button\` | 138,743 | 43,974 | 36,964 | 21,883 | 4,666 | 3,944 |
3659
- | \`data-table\` | 225,506 | 63,952 | 53,740 | 95,314 | 21,373 | 17,406 |
3660
- | \`date-input\` | 161,466 | 49,043 | 41,446 | 35,357 | 7,897 | 6,754 |
3661
- | \`date-picker\` | 106,079 | 33,658 | 27,543 | 15,499 | 3,887 | 3,195 |
3662
- | \`description-list\` | 35,716 | 10,725 | 9,418 | 3,502 | 783 | 648 |
3663
- | \`dialog\` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,420 |
3664
- | \`divider\` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 633 |
3665
- | \`donut-chart\` | 86,641 | 27,204 | 24,033 | 19,297 | 4,909 | 4,043 |
3666
- | \`drawer\` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,290 |
3667
- | \`drilldown\` | 102,025 | 32,725 | 26,698 | 10,393 | 2,528 | 2,109 |
3668
- | \`empty\` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 559 |
3669
- | \`file-input\` | 112,352 | 34,805 | 28,538 | 17,793 | 4,078 | 3,451 |
3670
- | \`filter-input\` | 185,905 | 53,759 | 45,364 | 56,353 | 11,433 | 9,562 |
3671
- | \`flex\` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 386 |
3672
- | \`format-date\` | 37,496 | 11,516 | 10,173 | 3,497 | 863 | 745 |
3673
- | \`graph\` | 129,874 | 39,137 | 32,217 | 26,302 | 5,800 | 4,881 |
3674
- | \`grid\` | 34,885 | 10,614 | 9,338 | 2,667 | 622 | 554 |
3675
- | \`heatmap\` | 85,554 | 26,925 | 23,770 | 17,648 | 4,425 | 3,692 |
3676
- | \`icon\` | 88,676 | 28,645 | 23,443 | 1,707 | 413 | 336 |
3677
- | \`icon-button\` | 44,465 | 12,620 | 11,110 | 9,594 | 1,876 | 1,616 |
3678
- | \`image\` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,103 |
3679
- | \`input\` | 106,228 | 33,397 | 27,298 | 11,104 | 2,681 | 2,218 |
3680
- | \`kbd\` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,161 |
3681
- | \`legend\` | 42,057 | 12,614 | 11,066 | 5,790 | 1,397 | 1,103 |
3682
- | \`lightbox\` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,687 |
3683
- | \`line-chart\` | 89,103 | 28,039 | 24,826 | 20,419 | 5,132 | 4,170 |
3684
- | \`list\` | 38,374 | 11,349 | 9,966 | 5,799 | 1,325 | 1,096 |
3685
- | \`listbox\` | 113,196 | 35,698 | 29,152 | 15,768 | 4,070 | 3,308 |
3686
- | \`loader\` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 854 |
3687
- | \`map\` | 169,887 | 45,308 | 37,746 | 69,255 | 13,186 | 11,059 |
3688
- | \`megamenu\` | 68,614 | 22,111 | 19,536 | 9,805 | 2,358 | 2,089 |
3689
- | \`menu\` | 134,982 | 43,726 | 36,606 | 16,362 | 3,799 | 3,244 |
3690
- | \`meter\` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,896 |
3691
- | \`navigation\` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 628 |
3692
- | \`notifications\` | 117,618 | 35,651 | 29,240 | 24,486 | 5,055 | 4,274 |
3693
- | \`number-input\` | 107,671 | 33,948 | 27,761 | 12,539 | 3,159 | 2,553 |
3694
- | \`object-inspector\` | 155,494 | 48,635 | 41,150 | 33,196 | 7,567 | 6,296 |
3695
- | \`option\` | 38,784 | 11,667 | 10,282 | 6,201 | 1,578 | 1,235 |
3696
- | \`orb\` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,864 |
3697
- | \`outline\` | 42,333 | 12,826 | 11,326 | 8,351 | 2,121 | 1,756 |
3698
- | \`pagination\` | 169,127 | 50,277 | 42,335 | 45,786 | 9,643 | 7,992 |
3699
- | \`pin-input\` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,902 |
3700
- | \`popover\` | 63,575 | 20,926 | 18,488 | 4,517 | 1,164 | 932 |
3701
- | \`progress\` | 39,545 | 11,765 | 10,387 | 6,962 | 1,655 | 1,440 |
3702
- | \`qr-code\` | 46,828 | 15,067 | 13,239 | 14,629 | 5,286 | 4,472 |
3703
- | \`quote\` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 173 |
3704
- | \`radio\` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,919 |
3705
- | \`rating\` | 51,074 | 15,215 | 13,374 | 10,941 | 3,103 | 2,612 |
3706
- | \`sandbox\` | 68,775 | 18,117 | 16,049 | 35,718 | 7,856 | 6,770 |
3707
- | \`scatter-chart\` | 87,628 | 27,767 | 24,496 | 19,718 | 5,201 | 4,281 |
3708
- | \`scroll-area\` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,132 |
3709
- | \`select\` | 152,107 | 47,079 | 39,563 | 28,986 | 6,500 | 5,456 |
3710
- | \`skeleton\` | 34,465 | 10,570 | 9,291 | 2,242 | 592 | 603 |
3711
- | \`skip-link\` | 35,000 | 10,795 | 9,451 | 2,624 | 730 | 606 |
3712
- | \`slider\` | 56,667 | 15,407 | 13,639 | 16,690 | 3,552 | 3,022 |
3713
- | \`sparkline\` | 43,578 | 13,471 | 11,903 | 6,293 | 1,760 | 1,613 |
3714
- | \`speed-dial\` | 126,596 | 41,203 | 34,598 | 11,356 | 2,384 | 2,001 |
3715
- | \`splitter\` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,049 |
3716
- | \`stat\` | 37,148 | 10,968 | 9,633 | 4,565 | 923 | 828 |
3717
- | \`steps\` | 111,348 | 33,803 | 27,737 | 20,088 | 3,986 | 3,347 |
3718
- | \`switch\` | 46,465 | 13,591 | 11,908 | 6,001 | 1,581 | 1,290 |
3719
- | \`table\` | 105,247 | 33,620 | 27,474 | 15,746 | 3,988 | 3,382 |
3720
- | \`tabs\` | 47,575 | 13,636 | 11,976 | 10,154 | 2,151 | 1,842 |
3721
- | \`tag\` | 92,047 | 29,659 | 24,196 | 4,244 | 1,064 | 1,011 |
3722
- | \`text\` | 36,412 | 10,780 | 9,437 | 4,200 | 891 | 820 |
3723
- | \`textarea\` | 47,721 | 13,873 | 12,168 | 7,418 | 1,939 | 1,576 |
3724
- | \`time-input\` | 180,075 | 52,849 | 44,602 | 50,668 | 10,776 | 9,052 |
3725
- | \`time-picker\` | 129,250 | 39,417 | 32,406 | 30,852 | 7,330 | 6,087 |
3726
- | \`timeline\` | 92,445 | 29,492 | 24,250 | 5,110 | 1,139 | 1,022 |
3727
- | \`toast\` | 100,022 | 31,558 | 25,870 | 11,599 | 2,611 | 2,168 |
3728
- | \`toggle\` | 51,478 | 14,748 | 12,995 | 8,525 | 2,074 | 1,691 |
3729
- | \`toolbar\` | 36,621 | 11,250 | 9,881 | 3,899 | 1,016 | 842 |
3730
- | \`tooltip\` | 68,155 | 22,123 | 19,573 | 9,429 | 2,462 | 2,017 |
3731
- | \`tour\` | 80,674 | 24,450 | 21,560 | 20,792 | 4,481 | 3,794 |
3732
- | \`tree\` | 105,197 | 33,481 | 27,345 | 13,069 | 3,316 | 2,806 |
3733
- | \`trend\` | 91,229 | 29,262 | 24,021 | 4,271 | 992 | 827 |
3734
- | \`video\` | 175,090 | 52,363 | 44,373 | 51,918 | 11,197 | 9,510 |
3735
- | \`video-playlist\` | 149,062 | 46,287 | 38,836 | 29,038 | 6,004 | 5,079 |
3736
- | \`virtual-list\` | 39,979 | 12,443 | 10,968 | 3,187 | 930 | 763 |
3633
+ | \`accordion\` | 96,169 | 31,112 | 25,384 | 6,204 | 1,553 | 1,375 |
3634
+ | \`announcement\` | 95,006 | 30,542 | 24,915 | 6,133 | 1,430 | 1,446 |
3635
+ | \`app-header\` | 37,719 | 11,259 | 9,916 | 5,121 | 1,164 | 1,077 |
3636
+ | \`area-chart\` | 87,137 | 27,937 | 24,644 | 18,366 | 4,990 | 4,152 |
3637
+ | \`aura\` | 100,856 | 33,761 | 29,304 | 65,483 | 23,051 | 19,815 |
3638
+ | \`avatar\` | 39,464 | 11,719 | 10,322 | 6,833 | 1,658 | 1,448 |
3639
+ | \`badge\` | 36,469 | 11,001 | 9,654 | 4,250 | 994 | 930 |
3640
+ | \`bar-chart\` | 94,206 | 29,255 | 25,818 | 25,425 | 6,302 | 5,433 |
3641
+ | \`blockquote\` | 34,535 | 10,603 | 9,306 | 1,914 | 464 | 574 |
3642
+ | \`breadcrumbs\` | 92,849 | 29,608 | 24,320 | 5,518 | 1,253 | 1,115 |
3643
+ | \`button\` | 44,308 | 12,756 | 11,189 | 9,433 | 2,003 | 1,651 |
3644
+ | \`button-group\` | 34,911 | 10,578 | 9,299 | 2,320 | 520 | 426 |
3645
+ | \`callout\` | 90,404 | 29,199 | 23,977 | 2,899 | 749 | 701 |
3646
+ | \`canvas\` | 114,757 | 31,620 | 27,554 | 70,328 | 18,749 | 15,818 |
3647
+ | \`card\` | 36,550 | 11,054 | 9,727 | 3,963 | 971 | 963 |
3648
+ | \`carousel\` | 109,474 | 33,492 | 27,641 | 21,719 | 4,512 | 3,881 |
3649
+ | \`chat\` | 126,232 | 39,140 | 32,235 | 31,590 | 7,648 | 6,652 |
3650
+ | \`checkbox\` | 49,376 | 14,061 | 12,354 | 9,313 | 2,220 | 1,861 |
3651
+ | \`checkbox-group\` | 48,155 | 13,888 | 12,202 | 7,574 | 1,913 | 1,540 |
3652
+ | \`code\` | 32,931 | 10,065 | 8,848 | 1,511 | 376 | 414 |
3653
+ | \`code-block\` | 150,608 | 46,679 | 39,276 | 33,746 | 7,253 | 6,242 |
3654
+ | \`color-input\` | 186,078 | 53,057 | 44,919 | 59,644 | 11,417 | 9,766 |
3655
+ | \`color-picker\` | 146,746 | 41,869 | 34,664 | 47,778 | 9,364 | 7,915 |
3656
+ | \`combobox\` | 162,304 | 49,198 | 41,423 | 36,410 | 7,980 | 6,646 |
3657
+ | \`command\` | 127,719 | 38,629 | 31,712 | 28,803 | 6,709 | 5,666 |
3658
+ | \`copy-button\` | 138,743 | 43,974 | 36,943 | 21,883 | 4,666 | 3,999 |
3659
+ | \`data-table\` | 225,506 | 63,951 | 53,718 | 95,314 | 21,373 | 17,484 |
3660
+ | \`date-input\` | 161,466 | 49,043 | 41,367 | 35,357 | 7,897 | 6,690 |
3661
+ | \`date-picker\` | 106,079 | 33,658 | 27,523 | 15,499 | 3,887 | 3,235 |
3662
+ | \`description-list\` | 35,716 | 10,725 | 9,418 | 3,502 | 782 | 723 |
3663
+ | \`dialog\` | 41,264 | 12,268 | 10,791 | 7,079 | 1,780 | 1,536 |
3664
+ | \`divider\` | 35,741 | 10,914 | 9,568 | 3,120 | 760 | 778 |
3665
+ | \`donut-chart\` | 86,641 | 27,204 | 24,072 | 19,297 | 4,909 | 4,153 |
3666
+ | \`drawer\` | 39,903 | 11,900 | 10,464 | 6,007 | 1,496 | 1,345 |
3667
+ | \`drilldown\` | 102,025 | 32,725 | 26,635 | 10,393 | 2,528 | 2,227 |
3668
+ | \`empty\` | 35,272 | 10,890 | 9,524 | 2,380 | 686 | 646 |
3669
+ | \`file-input\` | 112,352 | 34,805 | 28,494 | 17,793 | 4,078 | 3,520 |
3670
+ | \`filter-input\` | 185,905 | 53,760 | 45,392 | 56,353 | 11,433 | 9,598 |
3671
+ | \`flex\` | 34,292 | 10,429 | 9,144 | 2,078 | 451 | 465 |
3672
+ | \`format-date\` | 37,496 | 11,515 | 10,165 | 3,497 | 863 | 744 |
3673
+ | \`graph\` | 129,874 | 39,138 | 32,190 | 26,302 | 5,800 | 4,995 |
3674
+ | \`grid\` | 34,885 | 10,614 | 9,337 | 2,667 | 621 | 580 |
3675
+ | \`heatmap\` | 85,554 | 26,925 | 23,745 | 17,648 | 4,425 | 3,799 |
3676
+ | \`icon\` | 88,676 | 28,646 | 23,488 | 1,707 | 412 | 342 |
3677
+ | \`icon-button\` | 44,465 | 12,620 | 11,068 | 9,594 | 1,875 | 1,571 |
3678
+ | \`image\` | 37,110 | 11,221 | 9,873 | 4,840 | 1,291 | 1,128 |
3679
+ | \`input\` | 106,228 | 33,397 | 27,275 | 11,104 | 2,681 | 2,260 |
3680
+ | \`kbd\` | 36,601 | 11,437 | 10,066 | 4,373 | 1,361 | 1,181 |
3681
+ | \`legend\` | 42,057 | 12,614 | 11,017 | 5,790 | 1,397 | 1,168 |
3682
+ | \`lightbox\` | 44,636 | 13,285 | 11,636 | 7,805 | 1,999 | 1,751 |
3683
+ | \`line-chart\` | 89,103 | 28,039 | 24,744 | 20,419 | 5,132 | 4,323 |
3684
+ | \`list\` | 38,374 | 11,349 | 9,966 | 5,799 | 1,323 | 1,218 |
3685
+ | \`listbox\` | 113,196 | 35,699 | 29,139 | 15,768 | 4,069 | 3,337 |
3686
+ | \`loader\` | 36,641 | 11,084 | 9,761 | 4,051 | 982 | 994 |
3687
+ | \`map\` | 169,887 | 45,309 | 37,697 | 69,255 | 13,186 | 11,074 |
3688
+ | \`megamenu\` | 68,614 | 22,111 | 19,545 | 9,805 | 2,357 | 2,059 |
3689
+ | \`menu\` | 134,982 | 43,726 | 36,650 | 16,362 | 3,798 | 3,243 |
3690
+ | \`meter\` | 42,063 | 12,314 | 10,872 | 9,479 | 2,227 | 1,952 |
3691
+ | \`navigation\` | 36,875 | 11,333 | 9,952 | 3,051 | 792 | 771 |
3692
+ | \`notifications\` | 117,618 | 35,651 | 29,252 | 24,486 | 5,055 | 4,417 |
3693
+ | \`number-input\` | 107,671 | 33,948 | 27,757 | 12,539 | 3,159 | 2,587 |
3694
+ | \`object-inspector\` | 155,494 | 48,637 | 41,131 | 33,196 | 7,567 | 6,438 |
3695
+ | \`option\` | 38,784 | 11,667 | 10,282 | 6,201 | 1,577 | 1,279 |
3696
+ | \`orb\` | 43,488 | 14,066 | 12,440 | 8,623 | 3,225 | 2,892 |
3697
+ | \`outline\` | 42,333 | 12,827 | 11,319 | 8,351 | 2,121 | 1,786 |
3698
+ | \`pagination\` | 169,127 | 50,277 | 42,319 | 45,786 | 9,643 | 7,970 |
3699
+ | \`pin-input\` | 48,213 | 14,204 | 12,464 | 8,389 | 2,390 | 1,981 |
3700
+ | \`popover\` | 63,575 | 20,926 | 18,525 | 4,517 | 1,166 | 964 |
3701
+ | \`progress\` | 39,545 | 11,764 | 10,387 | 6,962 | 1,656 | 1,499 |
3702
+ | \`qr-code\` | 46,828 | 15,067 | 13,237 | 14,629 | 5,286 | 4,583 |
3703
+ | \`quote\` | 33,413 | 10,237 | 8,992 | 1,191 | 279 | 258 |
3704
+ | \`radio\` | 52,893 | 14,529 | 12,791 | 11,160 | 2,292 | 1,932 |
3705
+ | \`rating\` | 51,074 | 15,213 | 13,376 | 10,941 | 3,103 | 2,605 |
3706
+ | \`sandbox\` | 68,775 | 18,118 | 16,003 | 35,718 | 7,856 | 6,777 |
3707
+ | \`scatter-chart\` | 87,628 | 27,767 | 24,446 | 19,718 | 5,200 | 4,333 |
3708
+ | \`scroll-area\` | 38,149 | 11,413 | 10,019 | 5,874 | 1,395 | 1,169 |
3709
+ | \`select\` | 152,107 | 47,079 | 39,514 | 28,986 | 6,500 | 5,393 |
3710
+ | \`skeleton\` | 34,465 | 10,569 | 9,289 | 2,242 | 592 | 608 |
3711
+ | \`skip-link\` | 35,000 | 10,795 | 9,456 | 2,624 | 730 | 603 |
3712
+ | \`slider\` | 56,667 | 15,407 | 13,633 | 16,690 | 3,551 | 3,015 |
3713
+ | \`sparkline\` | 43,578 | 13,471 | 11,862 | 6,293 | 1,759 | 1,506 |
3714
+ | \`speed-dial\` | 126,596 | 41,204 | 34,609 | 11,356 | 2,384 | 1,971 |
3715
+ | \`splitter\` | 49,112 | 13,831 | 12,269 | 16,336 | 3,640 | 3,145 |
3716
+ | \`stat\` | 37,148 | 10,968 | 9,634 | 4,565 | 922 | 955 |
3717
+ | \`steps\` | 111,348 | 33,803 | 27,727 | 20,088 | 3,986 | 3,477 |
3718
+ | \`switch\` | 46,465 | 13,591 | 11,909 | 6,001 | 1,580 | 1,363 |
3719
+ | \`table\` | 105,247 | 33,621 | 27,449 | 15,746 | 3,987 | 3,393 |
3720
+ | \`tabs\` | 47,575 | 13,636 | 11,976 | 10,154 | 2,152 | 1,867 |
3721
+ | \`tag\` | 92,047 | 29,659 | 24,238 | 4,244 | 1,064 | 955 |
3722
+ | \`text\` | 36,412 | 10,780 | 9,437 | 4,200 | 890 | 820 |
3723
+ | \`textarea\` | 47,721 | 13,873 | 12,158 | 7,418 | 1,939 | 1,626 |
3724
+ | \`time-input\` | 180,075 | 52,850 | 44,559 | 50,668 | 10,775 | 9,164 |
3725
+ | \`time-picker\` | 129,250 | 39,417 | 32,414 | 30,852 | 7,330 | 6,196 |
3726
+ | \`timeline\` | 92,445 | 29,492 | 24,239 | 5,110 | 1,140 | 1,015 |
3727
+ | \`toast\` | 100,022 | 31,559 | 25,826 | 11,599 | 2,611 | 2,300 |
3728
+ | \`toggle\` | 51,478 | 14,748 | 12,992 | 8,525 | 2,073 | 1,792 |
3729
+ | \`toolbar\` | 36,621 | 11,249 | 9,881 | 3,899 | 1,016 | 890 |
3730
+ | \`tooltip\` | 68,155 | 22,123 | 19,579 | 9,429 | 2,461 | 2,059 |
3731
+ | \`tour\` | 80,674 | 24,450 | 21,580 | 20,792 | 4,481 | 3,812 |
3732
+ | \`tree\` | 105,197 | 33,481 | 27,310 | 13,069 | 3,316 | 2,919 |
3733
+ | \`trend\` | 91,229 | 29,263 | 24,012 | 4,271 | 992 | 951 |
3734
+ | \`video\` | 175,090 | 52,363 | 44,406 | 51,918 | 11,197 | 9,573 |
3735
+ | \`video-playlist\` | 149,062 | 46,286 | 38,802 | 29,038 | 6,003 | 5,111 |
3736
+ | \`virtual-list\` | 39,979 | 12,443 | 10,967 | 3,187 | 930 | 793 |
3737
3737
 
3738
3738
  ## What an install adds to \`node_modules\`
3739
3739
 
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.137.0",
4
+ "version": "0.138.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.137.0",
40
- "@fusion.dev/helix-cem": "0.137.0",
41
- "@fusion.dev/helix-headless": "0.137.0",
42
- "@fusion.dev/helix-icons": "0.137.0",
43
- "@fusion.dev/helix-map": "0.137.0",
44
- "@fusion.dev/helix-styles": "0.137.0",
45
- "@fusion.dev/helix-testing": "0.137.0",
46
- "@fusion.dev/helix-theme": "0.137.0",
39
+ "@fusion.dev/helix": "0.138.0",
40
+ "@fusion.dev/helix-cem": "0.138.0",
41
+ "@fusion.dev/helix-headless": "0.138.0",
42
+ "@fusion.dev/helix-icons": "0.138.0",
43
+ "@fusion.dev/helix-map": "0.138.0",
44
+ "@fusion.dev/helix-styles": "0.138.0",
45
+ "@fusion.dev/helix-testing": "0.138.0",
46
+ "@fusion.dev/helix-theme": "0.138.0",
47
47
  "@fusion.dev/scripts": "0.0.0-dev",
48
48
  "lit": "^3.2.1",
49
49
  "playwright": "^1.62.1"