@fusion.dev/helix-docs 0.11.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/content/metrics.mdx +190 -190
  2. package/dist/sources.generated.js +190 -190
  3. package/package.json +2 -2
package/content/metrics.mdx CHANGED
@@ -47,7 +47,7 @@ nobody ever downloads this floor on its own.
47
47
 
48
48
  | | Raw | Gzip | Brotli |
49
49
  |---|---|---|---|
50
- | Lit and `@fusion.dev/helix-core` | 137,096 | 45,342 | 38,703 |
50
+ | Lit and `@fusion.dev/helix-core` | 137,739 | 45,615 | 38,958 |
51
51
 
52
52
  ## Whole packages
53
53
 
@@ -58,11 +58,11 @@ repository does that. The per-component tables are what a page pays.
58
58
 
59
59
  | Package | Raw | Gzip | Brotli | |
60
60
  |---|---|---|---|---|
61
- | `@fusion.dev/helix-core` | 136,650 | 44,897 | 38,468 | Element base class, mixins, decorators, floating positioning. |
62
- | `@fusion.dev/helix-headless` | 523,864 | 133,090 | 104,269 | Every headless family, which is what the barrel means. |
61
+ | `@fusion.dev/helix-core` | 137,293 | 45,215 | 38,749 | Element base class, mixins, decorators, floating positioning. |
62
+ | `@fusion.dev/helix-headless` | 524,507 | 133,385 | 104,502 | Every headless family, which is what the barrel means. |
63
63
  | `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
64
64
  | `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
65
- | `@fusion.dev/helix` | 971,686 | 222,123 | 163,000 | Every styled family. |
65
+ | `@fusion.dev/helix` | 972,329 | 222,411 | 163,260 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
67
67
 
68
68
  ## The stylesheets
@@ -83,11 +83,11 @@ is the whole cost of adopting the base layer on its own.
83
83
 
84
84
  ## What the numbers say
85
85
 
86
- **Most of a first component is the runtime under it.** The median styled family is 13,914 bytes gzipped alone and adds 2,450 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
86
+ **Most of a first component is the runtime under it.** The median styled family is 13,914 bytes gzipped alone and adds 2,463 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
87
87
 
88
- Across the tier: the cheapest is `code` at 9,065 gzipped alone, the dearest `data-table` at 51,725, over 94 components. Every family at once is 222,123.
88
+ Across the tier: the cheapest is `code` at 9,065 gzipped alone, the dearest `data-table` at 51,725, over 94 components. Every family at once is 222,411.
89
89
 
90
- **No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 133,090 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 94 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
90
+ **No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 133,385 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 94 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
91
91
 
92
92
  The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 16,187 bytes gzipped alone.
93
93
 
@@ -182,94 +182,94 @@ Structure, accessibility, state and form participation. No presentation, and no
182
182
 
183
183
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
184
184
  |---|---|---|---|---|---|---|
185
- | `accordion` | 77,373 | 25,790 | 21,229 | 3,227 | 1,198 | 698 |
186
- | `announcement` | 75,404 | 25,148 | 20,701 | 1,374 | 600 | 323 |
187
- | `app-header` | 27,425 | 9,322 | 8,205 | 1,248 | 534 | 252 |
188
- | `avatar` | 28,859 | 9,794 | 8,642 | 2,644 | 1,039 | 604 |
189
- | `badge` | 26,919 | 9,246 | 8,163 | 1,120 | 495 | 244 |
190
- | `bar-chart` | 71,762 | 24,550 | 21,745 | 12,487 | 4,209 | 3,050 |
191
- | `blockquote` | 26,839 | 9,232 | 8,140 | 917 | 443 | 158 |
192
- | `breadcrumbs` | 75,025 | 24,814 | 20,607 | 1,955 | 652 | 310 |
193
- | `button` | 31,312 | 10,445 | 9,216 | 3,167 | 1,099 | 636 |
194
- | `button-group` | 26,832 | 9,170 | 8,068 | 661 | 331 | 86 |
195
- | `callout` | 74,155 | 24,675 | 20,454 | 912 | 455 | 211 |
196
- | `card` | 26,866 | 9,186 | 8,102 | 694 | 348 | 76 |
197
- | `carousel` | 80,904 | 26,737 | 22,141 | 7,686 | 2,418 | 1,589 |
198
- | `chat` | 85,008 | 28,020 | 23,110 | 9,594 | 2,842 | 1,994 |
199
- | `checkbox` | 34,646 | 11,172 | 9,831 | 2,252 | 952 | 464 |
200
- | `checkbox-group` | 37,546 | 11,793 | 10,407 | 4,655 | 1,592 | 847 |
201
- | `code` | 25,451 | 8,754 | 7,715 | 451 | 246 | 45 |
202
- | `code-block` | 113,692 | 37,922 | 32,016 | 12,788 | 3,631 | 2,669 |
203
- | `color-input` | 131,269 | 42,548 | 35,825 | 26,066 | 7,150 | 5,750 |
204
- | `color-picker` | 100,398 | 32,385 | 26,772 | 19,492 | 5,706 | 4,547 |
205
- | `combobox` | 127,355 | 41,056 | 34,608 | 20,353 | 5,500 | 4,176 |
206
- | `command` | 100,696 | 32,041 | 26,374 | 17,343 | 4,915 | 3,760 |
207
- | `copy-button` | 112,372 | 37,654 | 31,723 | 11,469 | 3,384 | 2,465 |
208
- | `data-table` | 149,932 | 47,383 | 39,965 | 39,658 | 10,542 | 8,469 |
209
- | `date-input` | 124,144 | 40,441 | 34,068 | 19,388 | 5,366 | 4,143 |
210
- | `date-picker` | 85,626 | 28,231 | 23,302 | 9,805 | 3,130 | 2,270 |
211
- | `dialog` | 30,484 | 10,235 | 9,019 | 2,717 | 1,106 | 620 |
212
- | `divider` | 27,036 | 9,307 | 8,174 | 1,115 | 516 | 211 |
213
- | `donut-chart` | 67,672 | 23,131 | 20,446 | 9,747 | 3,383 | 2,390 |
214
- | `drawer` | 29,268 | 9,874 | 8,685 | 1,792 | 727 | 402 |
215
- | `drilldown` | 80,657 | 26,804 | 22,019 | 5,059 | 1,739 | 1,156 |
216
- | `empty` | 26,988 | 9,226 | 8,147 | 816 | 404 | 121 |
217
- | `file-input` | 85,388 | 28,229 | 23,148 | 6,217 | 2,166 | 1,521 |
218
- | `format-date` | 30,381 | 10,333 | 9,146 | 2,805 | 913 | 562 |
219
- | `heatmap` | 69,136 | 23,403 | 20,696 | 11,040 | 3,615 | 2,530 |
220
- | `icon` | 73,561 | 24,431 | 20,290 | 850 | 408 | 129 |
221
- | `icon-button` | 31,711 | 10,475 | 9,230 | 3,566 | 1,132 | 675 |
222
- | `image` | 28,816 | 9,691 | 8,518 | 2,969 | 1,007 | 582 |
223
- | `input` | 84,757 | 27,868 | 22,877 | 4,797 | 1,647 | 1,133 |
224
- | `kbd` | 28,706 | 9,926 | 8,748 | 2,897 | 1,304 | 849 |
225
- | `legend` | 29,187 | 10,066 | 8,845 | 1,097 | 523 | 223 |
226
- | `line-chart` | 69,788 | 23,947 | 21,209 | 10,514 | 3,611 | 2,490 |
227
- | `list` | 27,887 | 9,360 | 8,245 | 1,727 | 527 | 335 |
228
- | `listbox` | 92,569 | 30,206 | 24,732 | 10,703 | 3,402 | 2,387 |
229
- | `loader` | 27,072 | 9,293 | 8,182 | 900 | 433 | 225 |
230
- | `megamenu` | 55,893 | 19,552 | 17,265 | 4,934 | 1,727 | 1,071 |
231
- | `menu` | 110,293 | 37,007 | 31,290 | 8,105 | 2,364 | 1,637 |
232
- | `meter` | 29,964 | 10,079 | 8,879 | 3,800 | 1,251 | 956 |
233
- | `navigation` | 28,831 | 9,815 | 8,680 | 1,582 | 624 | 241 |
234
- | `notifications` | 84,980 | 28,095 | 23,139 | 8,640 | 2,547 | 1,764 |
235
- | `number-input` | 86,974 | 28,468 | 23,363 | 7,100 | 2,289 | 1,522 |
236
- | `option` | 28,875 | 9,651 | 8,521 | 2,706 | 870 | 494 |
237
- | `outline` | 31,837 | 10,811 | 9,517 | 4,539 | 1,751 | 1,035 |
238
- | `pagination` | 132,424 | 42,092 | 35,470 | 26,123 | 6,590 | 5,165 |
239
- | `pin-input` | 37,535 | 12,009 | 10,627 | 5,135 | 1,830 | 1,152 |
240
- | `popover` | 53,190 | 18,820 | 16,606 | 1,985 | 785 | 489 |
241
- | `progress` | 28,113 | 9,566 | 8,450 | 1,949 | 707 | 387 |
242
- | `qr-code` | 38,587 | 13,554 | 11,997 | 12,807 | 4,920 | 4,020 |
243
- | `quote` | 26,355 | 9,041 | 7,964 | 552 | 328 | 118 |
244
- | `radio` | 35,977 | 11,448 | 10,088 | 3,138 | 1,115 | 587 |
245
- | `rating` | 38,033 | 12,238 | 10,784 | 5,617 | 1,979 | 1,306 |
246
- | `scroll-area` | 28,465 | 9,748 | 8,556 | 2,612 | 1,051 | 565 |
247
- | `select` | 121,587 | 39,788 | 33,486 | 15,415 | 4,428 | 3,186 |
248
- | `skeleton` | 25,544 | 8,786 | 7,725 | 544 | 294 | 53 |
249
- | `slider` | 37,896 | 12,065 | 10,659 | 5,250 | 1,789 | 1,170 |
250
- | `sparkline` | 31,645 | 11,088 | 9,794 | 2,530 | 1,046 | 639 |
251
- | `speed-dial` | 102,854 | 35,015 | 29,681 | 3,821 | 1,279 | 757 |
252
- | `splitter` | 36,329 | 11,667 | 10,338 | 10,165 | 2,886 | 2,187 |
253
- | `stat` | 27,320 | 9,222 | 8,136 | 1,150 | 386 | 114 |
254
- | `steps` | 82,900 | 27,205 | 22,347 | 6,303 | 1,840 | 1,204 |
255
- | `switch` | 34,314 | 11,106 | 9,826 | 1,798 | 803 | 372 |
256
- | `table` | 31,861 | 10,274 | 9,086 | 4,373 | 1,299 | 844 |
257
- | `tabs` | 33,935 | 11,060 | 9,721 | 4,469 | 1,283 | 780 |
258
- | `tag` | 74,439 | 24,760 | 20,435 | 897 | 429 | 169 |
259
- | `textarea` | 37,001 | 11,743 | 10,362 | 4,115 | 1,390 | 825 |
260
- | `time-input` | 136,227 | 43,569 | 36,701 | 28,669 | 7,661 | 6,075 |
261
- | `time-picker` | 100,590 | 32,627 | 26,839 | 18,180 | 5,505 | 4,133 |
262
- | `timeline` | 74,971 | 24,767 | 20,563 | 1,896 | 608 | 397 |
263
- | `toast` | 78,169 | 25,872 | 21,292 | 4,007 | 1,254 | 740 |
264
- | `toggle` | 38,209 | 12,101 | 10,670 | 3,928 | 1,311 | 794 |
265
- | `toolbar` | 28,734 | 9,827 | 8,655 | 2,932 | 1,223 | 676 |
266
- | `tooltip` | 56,933 | 19,770 | 17,504 | 6,216 | 2,139 | 1,383 |
267
- | `tour` | 61,953 | 20,875 | 18,482 | 10,277 | 2,918 | 2,040 |
268
- | `tree` | 84,423 | 27,823 | 22,815 | 7,054 | 2,328 | 1,535 |
269
- | `trend` | 73,764 | 24,534 | 20,358 | 1,056 | 485 | 244 |
270
- | `video` | 133,542 | 42,701 | 36,225 | 31,103 | 7,700 | 6,348 |
271
- | `video-playlist` | 117,742 | 38,672 | 32,725 | 14,151 | 3,670 | 2,732 |
272
- | `virtual-list` | 31,983 | 10,952 | 9,662 | 2,360 | 1,003 | 561 |
185
+ | `accordion` | 77,373 | 25,790 | 21,229 | 3,227 | 1,222 | 696 |
186
+ | `announcement` | 75,404 | 25,148 | 20,701 | 1,374 | 620 | 254 |
187
+ | `app-header` | 27,425 | 9,322 | 8,205 | 1,248 | 540 | 254 |
188
+ | `avatar` | 28,859 | 9,794 | 8,642 | 2,644 | 1,053 | 641 |
189
+ | `badge` | 26,919 | 9,246 | 8,163 | 1,120 | 492 | 170 |
190
+ | `bar-chart` | 71,762 | 24,550 | 21,745 | 12,487 | 4,219 | 3,093 |
191
+ | `blockquote` | 26,839 | 9,232 | 8,140 | 917 | 431 | 223 |
192
+ | `breadcrumbs` | 75,025 | 24,814 | 20,607 | 1,955 | 686 | 407 |
193
+ | `button` | 31,312 | 10,445 | 9,216 | 3,167 | 1,123 | 667 |
194
+ | `button-group` | 26,832 | 9,170 | 8,068 | 661 | 327 | 103 |
195
+ | `callout` | 74,155 | 24,675 | 20,454 | 912 | 448 | 160 |
196
+ | `card` | 26,866 | 9,186 | 8,102 | 694 | 339 | 122 |
197
+ | `carousel` | 80,904 | 26,737 | 22,141 | 7,686 | 2,430 | 1,612 |
198
+ | `chat` | 85,008 | 28,020 | 23,110 | 9,594 | 2,843 | 2,036 |
199
+ | `checkbox` | 34,646 | 11,172 | 9,831 | 2,252 | 975 | 490 |
200
+ | `checkbox-group` | 37,546 | 11,793 | 10,407 | 4,655 | 1,604 | 919 |
201
+ | `code` | 25,451 | 8,754 | 7,715 | 451 | 242 | 85 |
202
+ | `code-block` | 113,692 | 37,922 | 32,016 | 12,788 | 3,647 | 2,699 |
203
+ | `color-input` | 131,269 | 42,548 | 35,825 | 26,066 | 7,169 | 5,744 |
204
+ | `color-picker` | 100,398 | 32,385 | 26,772 | 19,492 | 5,721 | 4,579 |
205
+ | `combobox` | 127,355 | 41,056 | 34,608 | 20,353 | 5,514 | 4,188 |
206
+ | `command` | 100,696 | 32,041 | 26,374 | 17,343 | 4,924 | 3,672 |
207
+ | `copy-button` | 112,372 | 37,654 | 31,723 | 11,469 | 3,398 | 2,390 |
208
+ | `data-table` | 149,932 | 47,383 | 39,965 | 39,658 | 10,561 | 8,430 |
209
+ | `date-input` | 124,144 | 40,441 | 34,068 | 19,388 | 5,378 | 4,118 |
210
+ | `date-picker` | 85,626 | 28,231 | 23,302 | 9,805 | 3,139 | 2,260 |
211
+ | `dialog` | 30,484 | 10,235 | 9,019 | 2,717 | 1,122 | 623 |
212
+ | `divider` | 27,036 | 9,307 | 8,174 | 1,115 | 519 | 265 |
213
+ | `donut-chart` | 67,672 | 23,131 | 20,446 | 9,747 | 3,385 | 2,385 |
214
+ | `drawer` | 29,268 | 9,874 | 8,685 | 1,792 | 746 | 450 |
215
+ | `drilldown` | 80,657 | 26,804 | 22,019 | 5,059 | 1,755 | 1,095 |
216
+ | `empty` | 26,988 | 9,226 | 8,147 | 816 | 391 | 134 |
217
+ | `file-input` | 85,388 | 28,229 | 23,148 | 6,217 | 2,186 | 1,438 |
218
+ | `format-date` | 30,381 | 10,333 | 9,146 | 2,805 | 942 | 544 |
219
+ | `heatmap` | 69,136 | 23,403 | 20,696 | 11,040 | 3,615 | 2,484 |
220
+ | `icon` | 73,561 | 24,431 | 20,290 | 850 | 399 | 174 |
221
+ | `icon-button` | 31,711 | 10,475 | 9,230 | 3,566 | 1,156 | 667 |
222
+ | `image` | 28,816 | 9,691 | 8,518 | 2,969 | 1,025 | 634 |
223
+ | `input` | 84,757 | 27,868 | 22,877 | 4,797 | 1,664 | 1,012 |
224
+ | `kbd` | 28,706 | 9,926 | 8,748 | 2,897 | 1,319 | 806 |
225
+ | `legend` | 29,187 | 10,066 | 8,845 | 1,097 | 534 | 264 |
226
+ | `line-chart` | 69,788 | 23,947 | 21,209 | 10,514 | 3,617 | 2,536 |
227
+ | `list` | 27,887 | 9,360 | 8,245 | 1,727 | 534 | 303 |
228
+ | `listbox` | 92,569 | 30,206 | 24,732 | 10,703 | 3,411 | 2,337 |
229
+ | `loader` | 27,072 | 9,293 | 8,182 | 900 | 420 | 160 |
230
+ | `megamenu` | 55,893 | 19,552 | 17,265 | 4,934 | 1,737 | 1,057 |
231
+ | `menu` | 110,293 | 37,007 | 31,290 | 8,105 | 2,380 | 1,634 |
232
+ | `meter` | 29,964 | 10,079 | 8,879 | 3,800 | 1,269 | 800 |
233
+ | `navigation` | 28,831 | 9,815 | 8,680 | 1,582 | 650 | 277 |
234
+ | `notifications` | 84,980 | 28,095 | 23,139 | 8,640 | 2,556 | 1,738 |
235
+ | `number-input` | 86,974 | 28,468 | 23,363 | 7,100 | 2,307 | 1,623 |
236
+ | `option` | 28,875 | 9,651 | 8,521 | 2,706 | 893 | 525 |
237
+ | `outline` | 31,837 | 10,811 | 9,517 | 4,539 | 1,761 | 1,046 |
238
+ | `pagination` | 132,424 | 42,092 | 35,470 | 26,123 | 6,608 | 5,120 |
239
+ | `pin-input` | 37,535 | 12,009 | 10,627 | 5,135 | 1,842 | 1,223 |
240
+ | `popover` | 53,190 | 18,820 | 16,606 | 1,985 | 808 | 374 |
241
+ | `progress` | 28,113 | 9,566 | 8,450 | 1,949 | 740 | 428 |
242
+ | `qr-code` | 38,587 | 13,554 | 11,997 | 12,807 | 4,937 | 4,011 |
243
+ | `quote` | 26,355 | 9,041 | 7,964 | 552 | 320 | 80 |
244
+ | `radio` | 35,977 | 11,448 | 10,088 | 3,138 | 1,142 | 654 |
245
+ | `rating` | 38,033 | 12,238 | 10,784 | 5,617 | 1,995 | 1,252 |
246
+ | `scroll-area` | 28,465 | 9,748 | 8,556 | 2,612 | 1,071 | 629 |
247
+ | `select` | 121,587 | 39,788 | 33,486 | 15,415 | 4,441 | 3,179 |
248
+ | `skeleton` | 25,544 | 8,786 | 7,725 | 544 | 289 | 89 |
249
+ | `slider` | 37,896 | 12,065 | 10,659 | 5,250 | 1,808 | 1,185 |
250
+ | `sparkline` | 31,645 | 11,088 | 9,794 | 2,530 | 1,070 | 715 |
251
+ | `speed-dial` | 102,854 | 35,015 | 29,681 | 3,821 | 1,295 | 769 |
252
+ | `splitter` | 36,329 | 11,667 | 10,338 | 10,165 | 2,905 | 2,188 |
253
+ | `stat` | 27,320 | 9,222 | 8,136 | 1,150 | 382 | 109 |
254
+ | `steps` | 82,900 | 27,205 | 22,347 | 6,303 | 1,849 | 1,244 |
255
+ | `switch` | 34,314 | 11,106 | 9,826 | 1,798 | 810 | 360 |
256
+ | `table` | 31,861 | 10,274 | 9,086 | 4,373 | 1,315 | 786 |
257
+ | `tabs` | 33,935 | 11,060 | 9,721 | 4,469 | 1,302 | 786 |
258
+ | `tag` | 74,439 | 24,760 | 20,435 | 897 | 416 | 189 |
259
+ | `textarea` | 37,001 | 11,743 | 10,362 | 4,115 | 1,407 | 822 |
260
+ | `time-input` | 136,227 | 43,569 | 36,701 | 28,669 | 7,669 | 6,098 |
261
+ | `time-picker` | 100,590 | 32,627 | 26,839 | 18,180 | 5,516 | 4,157 |
262
+ | `timeline` | 74,971 | 24,767 | 20,563 | 1,896 | 632 | 311 |
263
+ | `toast` | 78,169 | 25,872 | 21,292 | 4,007 | 1,272 | 779 |
264
+ | `toggle` | 38,209 | 12,101 | 10,670 | 3,928 | 1,331 | 832 |
265
+ | `toolbar` | 28,734 | 9,827 | 8,655 | 2,932 | 1,247 | 713 |
266
+ | `tooltip` | 56,933 | 19,770 | 17,504 | 6,216 | 2,142 | 1,353 |
267
+ | `tour` | 61,953 | 20,875 | 18,482 | 10,277 | 2,925 | 2,075 |
268
+ | `tree` | 84,423 | 27,823 | 22,815 | 7,054 | 2,343 | 1,561 |
269
+ | `trend` | 73,764 | 24,534 | 20,358 | 1,056 | 482 | 224 |
270
+ | `video` | 133,542 | 42,701 | 36,225 | 31,103 | 7,716 | 6,390 |
271
+ | `video-playlist` | 117,742 | 38,672 | 32,725 | 14,151 | 3,686 | 2,822 |
272
+ | `virtual-list` | 31,983 | 10,952 | 9,662 | 2,360 | 1,025 | 539 |
273
273
 
274
274
  ### Styled tier
275
275
 
@@ -277,100 +277,100 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
277
277
 
278
278
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
279
279
  |---|---|---|---|---|---|---|
280
- | `accordion` | 80,416 | 26,550 | 21,816 | 6,258 | 1,950 | 1,290 |
281
- | `announcement` | 79,088 | 26,034 | 21,464 | 5,042 | 1,481 | 990 |
282
- | `app-header` | 30,683 | 10,087 | 8,885 | 4,489 | 1,324 | 901 |
283
- | `aura` | 87,842 | 30,863 | 26,680 | 60,879 | 21,455 | 18,421 |
284
- | `avatar` | 32,433 | 10,538 | 9,281 | 6,205 | 1,789 | 1,305 |
285
- | `badge` | 29,366 | 9,905 | 8,715 | 3,550 | 1,150 | 835 |
286
- | `bar-chart` | 87,351 | 27,296 | 24,053 | 28,056 | 6,997 | 5,438 |
287
- | `blockquote` | 28,015 | 9,529 | 8,383 | 2,077 | 727 | 391 |
288
- | `breadcrumbs` | 78,416 | 25,590 | 21,198 | 5,334 | 1,435 | 997 |
289
- | `button` | 37,347 | 11,529 | 10,175 | 9,184 | 2,203 | 1,636 |
290
- | `button-group` | 28,508 | 9,547 | 8,419 | 2,320 | 713 | 411 |
291
- | `callout` | 76,172 | 25,232 | 20,980 | 2,913 | 999 | 686 |
292
- | `card` | 30,099 | 10,015 | 8,818 | 3,915 | 1,176 | 844 |
293
- | `carousel` | 89,716 | 28,261 | 23,587 | 16,487 | 3,956 | 3,065 |
294
- | `chat` | 96,677 | 30,177 | 24,969 | 21,252 | 4,954 | 3,839 |
295
- | `checkbox` | 40,820 | 12,584 | 11,096 | 8,410 | 2,364 | 1,667 |
296
- | `checkbox-group` | 39,793 | 12,366 | 10,895 | 6,888 | 2,183 | 1,429 |
297
- | `code` | 26,546 | 9,065 | 7,981 | 1,529 | 528 | 264 |
298
- | `code-block` | 126,792 | 40,099 | 33,850 | 25,869 | 5,728 | 4,471 |
299
- | `color-input` | 162,793 | 47,369 | 40,118 | 57,570 | 11,958 | 9,992 |
300
- | `color-picker` | 126,632 | 36,596 | 30,485 | 45,720 | 9,886 | 8,246 |
301
- | `combobox` | 140,973 | 43,542 | 36,718 | 33,950 | 7,936 | 6,297 |
302
- | `command` | 111,005 | 34,045 | 28,055 | 27,637 | 6,894 | 5,413 |
303
- | `copy-button` | 122,914 | 39,510 | 33,293 | 21,993 | 5,137 | 3,964 |
304
- | `data-table` | 178,332 | 51,725 | 43,768 | 68,038 | 14,944 | 12,167 |
305
- | `date-input` | 138,992 | 43,265 | 36,574 | 34,214 | 8,151 | 6,647 |
306
- | `date-picker` | 91,241 | 29,414 | 24,351 | 15,402 | 4,293 | 3,332 |
307
- | `dialog` | 34,819 | 11,243 | 9,909 | 7,037 | 2,127 | 1,642 |
308
- | `divider` | 29,181 | 9,820 | 8,635 | 3,243 | 1,044 | 702 |
309
- | `donut-chart` | 79,399 | 25,131 | 22,173 | 21,457 | 5,449 | 4,053 |
310
- | `drawer` | 33,140 | 10,768 | 9,487 | 5,646 | 1,644 | 1,243 |
311
- | `drilldown` | 85,015 | 27,777 | 22,820 | 9,404 | 2,710 | 1,915 |
312
- | `empty` | 28,295 | 9,601 | 8,463 | 2,107 | 757 | 411 |
313
- | `file-input` | 96,131 | 30,389 | 24,987 | 16,953 | 4,299 | 3,338 |
314
- | `flex` | 27,799 | 9,392 | 8,240 | 1,986 | 620 | 389 |
315
- | `format-date` | 31,029 | 10,471 | 9,280 | 3,435 | 1,084 | 626 |
316
- | `grid` | 28,326 | 9,564 | 8,449 | 2,511 | 813 | 542 |
317
- | `heatmap` | 72,928 | 24,253 | 21,460 | 14,814 | 4,481 | 3,283 |
318
- | `icon` | 74,256 | 24,607 | 20,394 | 1,528 | 555 | 235 |
319
- | `icon-button` | 37,726 | 11,481 | 10,096 | 9,567 | 2,149 | 1,678 |
320
- | `image` | 30,564 | 10,174 | 8,943 | 4,699 | 1,507 | 1,044 |
321
- | `input` | 90,859 | 29,219 | 23,962 | 10,894 | 2,976 | 2,239 |
322
- | `kbd` | 30,118 | 10,380 | 9,130 | 4,294 | 1,763 | 1,166 |
323
- | `legend` | 34,021 | 11,147 | 9,781 | 5,923 | 1,684 | 1,074 |
324
- | `line-chart` | 82,192 | 26,074 | 23,014 | 22,899 | 5,817 | 4,371 |
325
- | `list` | 31,940 | 10,292 | 9,050 | 5,770 | 1,507 | 1,128 |
326
- | `listbox` | 96,684 | 31,172 | 25,595 | 14,805 | 4,359 | 3,125 |
327
- | `loader` | 30,078 | 10,034 | 8,834 | 3,891 | 1,185 | 796 |
328
- | `megamenu` | 60,316 | 20,594 | 18,232 | 9,342 | 2,772 | 2,005 |
329
- | `menu` | 116,491 | 38,409 | 32,510 | 14,285 | 3,694 | 2,748 |
330
- | `meter` | 35,360 | 11,235 | 9,926 | 9,178 | 2,403 | 1,933 |
331
- | `navigation` | 30,214 | 10,212 | 8,987 | 2,949 | 1,049 | 678 |
332
- | `notifications` | 92,539 | 29,630 | 24,493 | 16,186 | 4,067 | 3,165 |
333
- | `number-input` | 91,816 | 29,585 | 24,291 | 11,928 | 3,372 | 2,518 |
334
- | `option` | 32,142 | 10,562 | 9,308 | 5,961 | 1,790 | 1,236 |
335
- | `orb` | 35,668 | 12,611 | 11,162 | 9,444 | 3,829 | 3,024 |
336
- | `outline` | 35,566 | 11,582 | 10,202 | 8,251 | 2,540 | 1,760 |
337
- | `pagination` | 150,008 | 45,108 | 38,107 | 43,689 | 9,548 | 7,716 |
338
- | `pin-input` | 40,676 | 12,803 | 11,279 | 8,259 | 2,639 | 1,829 |
339
- | `popover` | 55,826 | 19,462 | 17,177 | 4,603 | 1,492 | 1,069 |
340
- | `progress` | 33,160 | 10,749 | 9,508 | 6,978 | 1,914 | 1,464 |
341
- | `qr-code` | 40,238 | 13,974 | 12,313 | 14,441 | 5,361 | 4,413 |
342
- | `quote` | 27,030 | 9,207 | 8,088 | 1,211 | 490 | 283 |
343
- | `radio` | 43,515 | 12,846 | 11,330 | 10,668 | 2,557 | 1,928 |
344
- | `rating` | 41,008 | 13,169 | 11,612 | 8,574 | 2,931 | 2,077 |
345
- | `sandbox` | 60,999 | 16,779 | 14,889 | 34,537 | 7,993 | 6,542 |
346
- | `scroll-area` | 31,431 | 10,376 | 9,102 | 5,561 | 1,710 | 1,158 |
347
- | `select` | 133,767 | 42,076 | 35,481 | 27,574 | 6,647 | 5,147 |
348
- | `skeleton` | 28,062 | 9,544 | 8,416 | 2,242 | 810 | 546 |
349
- | `slider` | 47,778 | 13,853 | 12,267 | 15,115 | 3,555 | 2,762 |
350
- | `sparkline` | 35,411 | 12,016 | 10,618 | 6,284 | 1,999 | 1,549 |
351
- | `speed-dial` | 110,306 | 36,505 | 30,879 | 11,251 | 2,711 | 1,908 |
352
- | `splitter` | 42,441 | 12,678 | 11,269 | 16,259 | 3,927 | 3,167 |
353
- | `stat` | 29,954 | 9,789 | 8,646 | 3,774 | 1,005 | 663 |
354
- | `steps` | 96,198 | 29,562 | 24,364 | 19,589 | 4,197 | 3,315 |
355
- | `switch` | 38,602 | 12,159 | 10,741 | 6,071 | 1,874 | 1,314 |
356
- | `table` | 35,190 | 10,865 | 9,580 | 7,692 | 1,916 | 1,280 |
357
- | `tabs` | 40,196 | 12,348 | 10,882 | 10,719 | 2,586 | 1,866 |
358
- | `tag` | 77,632 | 25,630 | 21,117 | 4,075 | 1,256 | 823 |
359
- | `text` | 29,734 | 9,670 | 8,508 | 3,922 | 948 | 597 |
360
- | `textarea` | 40,350 | 12,544 | 11,034 | 7,447 | 2,210 | 1,545 |
361
- | `time-input` | 156,128 | 46,948 | 39,616 | 48,551 | 11,004 | 8,926 |
362
- | `time-picker` | 111,893 | 34,736 | 28,737 | 29,478 | 7,620 | 5,959 |
363
- | `timeline` | 78,237 | 25,530 | 21,180 | 5,151 | 1,364 | 959 |
364
- | `toast` | 85,446 | 27,485 | 22,753 | 11,271 | 2,870 | 2,111 |
365
- | `toggle` | 43,242 | 13,258 | 11,703 | 8,953 | 2,496 | 1,820 |
366
- | `toolbar` | 29,632 | 10,054 | 8,841 | 3,813 | 1,474 | 902 |
367
- | `tooltip` | 60,498 | 20,576 | 18,184 | 9,763 | 2,932 | 2,000 |
368
- | `tour` | 71,770 | 22,532 | 19,965 | 20,075 | 4,577 | 3,584 |
369
- | `tree` | 89,446 | 29,019 | 23,862 | 12,065 | 3,535 | 2,606 |
370
- | `trend` | 76,798 | 25,221 | 20,897 | 4,083 | 1,159 | 824 |
371
- | `video` | 150,914 | 45,853 | 38,970 | 48,454 | 10,806 | 9,092 |
372
- | `video-playlist` | 130,350 | 40,959 | 34,676 | 26,740 | 5,878 | 4,640 |
373
- | `virtual-list` | 32,815 | 11,180 | 9,827 | 3,174 | 1,245 | 761 |
280
+ | `accordion` | 80,416 | 26,550 | 21,816 | 6,258 | 1,965 | 1,360 |
281
+ | `announcement` | 79,088 | 26,034 | 21,464 | 5,042 | 1,499 | 1,129 |
282
+ | `app-header` | 30,683 | 10,087 | 8,885 | 4,489 | 1,328 | 786 |
283
+ | `aura` | 87,842 | 30,863 | 26,680 | 60,879 | 21,462 | 18,489 |
284
+ | `avatar` | 32,433 | 10,538 | 9,281 | 6,205 | 1,801 | 1,260 |
285
+ | `badge` | 29,366 | 9,905 | 8,715 | 3,550 | 1,153 | 802 |
286
+ | `bar-chart` | 87,351 | 27,296 | 24,053 | 28,056 | 7,010 | 5,476 |
287
+ | `blockquote` | 28,015 | 9,529 | 8,383 | 2,077 | 754 | 411 |
288
+ | `breadcrumbs` | 78,416 | 25,590 | 21,198 | 5,334 | 1,453 | 1,046 |
289
+ | `button` | 37,347 | 11,529 | 10,175 | 9,184 | 2,221 | 1,579 |
290
+ | `button-group` | 28,508 | 9,547 | 8,419 | 2,320 | 734 | 416 |
291
+ | `callout` | 76,172 | 25,232 | 20,980 | 2,913 | 1,010 | 725 |
292
+ | `card` | 30,099 | 10,015 | 8,818 | 3,915 | 1,184 | 766 |
293
+ | `carousel` | 89,716 | 28,261 | 23,587 | 16,487 | 3,969 | 3,053 |
294
+ | `chat` | 96,677 | 30,177 | 24,969 | 21,252 | 4,960 | 3,880 |
295
+ | `checkbox` | 40,820 | 12,584 | 11,096 | 8,410 | 2,378 | 1,702 |
296
+ | `checkbox-group` | 39,793 | 12,366 | 10,895 | 6,888 | 2,189 | 1,372 |
297
+ | `code` | 26,546 | 9,065 | 7,981 | 1,529 | 530 | 282 |
298
+ | `code-block` | 126,792 | 40,099 | 33,850 | 25,869 | 5,746 | 4,488 |
299
+ | `color-input` | 162,793 | 47,369 | 40,118 | 57,570 | 11,983 | 10,002 |
300
+ | `color-picker` | 126,632 | 36,596 | 30,485 | 45,720 | 9,905 | 8,155 |
301
+ | `combobox` | 140,973 | 43,542 | 36,718 | 33,950 | 7,940 | 6,283 |
302
+ | `command` | 111,005 | 34,045 | 28,055 | 27,637 | 6,902 | 5,464 |
303
+ | `copy-button` | 122,914 | 39,510 | 33,293 | 21,993 | 5,155 | 3,930 |
304
+ | `data-table` | 178,332 | 51,725 | 43,768 | 68,038 | 14,971 | 12,236 |
305
+ | `date-input` | 138,992 | 43,265 | 36,574 | 34,214 | 8,164 | 6,605 |
306
+ | `date-picker` | 91,241 | 29,414 | 24,351 | 15,402 | 4,305 | 3,362 |
307
+ | `dialog` | 34,819 | 11,243 | 9,909 | 7,037 | 2,142 | 1,535 |
308
+ | `divider` | 29,181 | 9,820 | 8,635 | 3,243 | 1,057 | 647 |
309
+ | `donut-chart` | 79,399 | 25,131 | 22,173 | 21,457 | 5,454 | 4,074 |
310
+ | `drawer` | 33,140 | 10,768 | 9,487 | 5,646 | 1,664 | 1,199 |
311
+ | `drilldown` | 85,015 | 27,777 | 22,820 | 9,404 | 2,716 | 1,852 |
312
+ | `empty` | 28,295 | 9,601 | 8,463 | 2,107 | 779 | 400 |
313
+ | `file-input` | 96,131 | 30,389 | 24,987 | 16,953 | 4,313 | 3,249 |
314
+ | `flex` | 27,799 | 9,392 | 8,240 | 1,986 | 643 | 398 |
315
+ | `format-date` | 31,029 | 10,471 | 9,280 | 3,435 | 1,109 | 665 |
316
+ | `grid` | 28,326 | 9,564 | 8,449 | 2,511 | 841 | 600 |
317
+ | `heatmap` | 72,928 | 24,253 | 21,460 | 14,814 | 4,482 | 3,262 |
318
+ | `icon` | 74,256 | 24,607 | 20,394 | 1,528 | 564 | 207 |
319
+ | `icon-button` | 37,726 | 11,481 | 10,096 | 9,567 | 2,163 | 1,606 |
320
+ | `image` | 30,564 | 10,174 | 8,943 | 4,699 | 1,521 | 964 |
321
+ | `input` | 90,859 | 29,219 | 23,962 | 10,894 | 2,989 | 2,146 |
322
+ | `kbd` | 30,118 | 10,380 | 9,130 | 4,294 | 1,770 | 1,273 |
323
+ | `legend` | 34,021 | 11,147 | 9,781 | 5,923 | 1,712 | 1,123 |
324
+ | `line-chart` | 82,192 | 26,074 | 23,014 | 22,899 | 5,825 | 4,326 |
325
+ | `list` | 31,940 | 10,292 | 9,050 | 5,770 | 1,507 | 1,112 |
326
+ | `listbox` | 96,684 | 31,172 | 25,595 | 14,805 | 4,368 | 3,158 |
327
+ | `loader` | 30,078 | 10,034 | 8,834 | 3,891 | 1,194 | 791 |
328
+ | `megamenu` | 60,316 | 20,594 | 18,232 | 9,342 | 2,788 | 2,030 |
329
+ | `menu` | 116,491 | 38,409 | 32,510 | 14,285 | 3,706 | 2,748 |
330
+ | `meter` | 35,360 | 11,235 | 9,926 | 9,178 | 2,422 | 1,890 |
331
+ | `navigation` | 30,214 | 10,212 | 8,987 | 2,949 | 1,072 | 547 |
332
+ | `notifications` | 92,539 | 29,630 | 24,493 | 16,186 | 4,073 | 3,064 |
333
+ | `number-input` | 91,816 | 29,585 | 24,291 | 11,928 | 3,385 | 2,528 |
334
+ | `option` | 32,142 | 10,562 | 9,308 | 5,961 | 1,804 | 1,303 |
335
+ | `orb` | 35,668 | 12,611 | 11,162 | 9,444 | 3,869 | 3,008 |
336
+ | `outline` | 35,566 | 11,582 | 10,202 | 8,251 | 2,557 | 1,751 |
337
+ | `pagination` | 150,008 | 45,108 | 38,107 | 43,689 | 9,564 | 7,745 |
338
+ | `pin-input` | 40,676 | 12,803 | 11,279 | 8,259 | 2,649 | 1,933 |
339
+ | `popover` | 55,826 | 19,462 | 17,177 | 4,603 | 1,507 | 1,029 |
340
+ | `progress` | 33,160 | 10,749 | 9,508 | 6,978 | 1,936 | 1,432 |
341
+ | `qr-code` | 40,238 | 13,974 | 12,313 | 14,441 | 5,381 | 4,360 |
342
+ | `quote` | 27,030 | 9,207 | 8,088 | 1,211 | 484 | 160 |
343
+ | `radio` | 43,515 | 12,846 | 11,330 | 10,668 | 2,571 | 1,908 |
344
+ | `rating` | 41,008 | 13,169 | 11,612 | 8,574 | 2,942 | 2,055 |
345
+ | `sandbox` | 60,999 | 16,779 | 14,889 | 34,537 | 8,007 | 6,521 |
346
+ | `scroll-area` | 31,431 | 10,376 | 9,102 | 5,561 | 1,725 | 1,136 |
347
+ | `select` | 133,767 | 42,076 | 35,481 | 27,574 | 6,658 | 5,182 |
348
+ | `skeleton` | 28,062 | 9,544 | 8,416 | 2,242 | 828 | 468 |
349
+ | `slider` | 47,778 | 13,853 | 12,267 | 15,115 | 3,580 | 2,748 |
350
+ | `sparkline` | 35,411 | 12,016 | 10,618 | 6,284 | 2,019 | 1,504 |
351
+ | `speed-dial` | 110,306 | 36,505 | 30,879 | 11,251 | 2,715 | 1,925 |
352
+ | `splitter` | 42,441 | 12,678 | 11,269 | 16,259 | 3,941 | 3,124 |
353
+ | `stat` | 29,954 | 9,789 | 8,646 | 3,774 | 1,007 | 620 |
354
+ | `steps` | 96,198 | 29,562 | 24,364 | 19,589 | 4,210 | 3,225 |
355
+ | `switch` | 38,602 | 12,159 | 10,741 | 6,071 | 1,876 | 1,282 |
356
+ | `table` | 35,190 | 10,865 | 9,580 | 7,692 | 1,930 | 1,377 |
357
+ | `tabs` | 40,196 | 12,348 | 10,882 | 10,719 | 2,597 | 1,912 |
358
+ | `tag` | 77,632 | 25,630 | 21,117 | 4,075 | 1,268 | 839 |
359
+ | `text` | 29,734 | 9,670 | 8,508 | 3,922 | 973 | 604 |
360
+ | `textarea` | 40,350 | 12,544 | 11,034 | 7,447 | 2,220 | 1,609 |
361
+ | `time-input` | 156,128 | 46,948 | 39,616 | 48,551 | 11,021 | 9,015 |
362
+ | `time-picker` | 111,893 | 34,736 | 28,737 | 29,478 | 7,634 | 6,134 |
363
+ | `timeline` | 78,237 | 25,530 | 21,180 | 5,151 | 1,374 | 970 |
364
+ | `toast` | 85,446 | 27,485 | 22,753 | 11,271 | 2,869 | 2,173 |
365
+ | `toggle` | 43,242 | 13,258 | 11,703 | 8,953 | 2,504 | 1,906 |
366
+ | `toolbar` | 29,632 | 10,054 | 8,841 | 3,813 | 1,494 | 897 |
367
+ | `tooltip` | 60,498 | 20,576 | 18,184 | 9,763 | 2,940 | 1,978 |
368
+ | `tour` | 71,770 | 22,532 | 19,965 | 20,075 | 4,582 | 3,474 |
369
+ | `tree` | 89,446 | 29,019 | 23,862 | 12,065 | 3,543 | 2,588 |
370
+ | `trend` | 76,798 | 25,221 | 20,897 | 4,083 | 1,168 | 747 |
371
+ | `video` | 150,914 | 45,853 | 38,970 | 48,454 | 10,821 | 9,074 |
372
+ | `video-playlist` | 130,350 | 40,959 | 34,676 | 26,740 | 5,896 | 4,686 |
373
+ | `virtual-list` | 32,815 | 11,180 | 9,827 | 3,174 | 1,267 | 721 |
374
374
 
375
375
  ## What lands in `node_modules`
376
376
 
@@ -382,7 +382,7 @@ column is what was removed rather than part of what remains.
382
382
 
383
383
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
384
384
  |---|---|---|---|---|
385
- | `@fusion.dev/helix-core` | 679,080 | 115 | 161,519 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
385
+ | `@fusion.dev/helix-core` | 686,144 | 117 | 164,035 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
386
386
  | `@fusion.dev/helix-headless` | 8,399,077 | 422 | 704,048 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
387
387
  | `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
388
388
  | `@fusion.dev/helix-styles` | 90,313 | 6 | 0 | none |
package/dist/sources.generated.js CHANGED
@@ -1901,7 +1901,7 @@ nobody ever downloads this floor on its own.
1901
1901
 
1902
1902
  | | Raw | Gzip | Brotli |
1903
1903
  |---|---|---|---|
1904
- | Lit and \`@fusion.dev/helix-core\` | 137,096 | 45,342 | 38,703 |
1904
+ | Lit and \`@fusion.dev/helix-core\` | 137,739 | 45,615 | 38,958 |
1905
1905
 
1906
1906
  ## Whole packages
1907
1907
 
@@ -1912,11 +1912,11 @@ repository does that. The per-component tables are what a page pays.
1912
1912
 
1913
1913
  | Package | Raw | Gzip | Brotli | |
1914
1914
  |---|---|---|---|---|
1915
- | \`@fusion.dev/helix-core\` | 136,650 | 44,897 | 38,468 | Element base class, mixins, decorators, floating positioning. |
1916
- | \`@fusion.dev/helix-headless\` | 523,864 | 133,090 | 104,269 | Every headless family, which is what the barrel means. |
1915
+ | \`@fusion.dev/helix-core\` | 137,293 | 45,215 | 38,749 | Element base class, mixins, decorators, floating positioning. |
1916
+ | \`@fusion.dev/helix-headless\` | 524,507 | 133,385 | 104,502 | Every headless family, which is what the barrel means. |
1917
1917
  | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
1918
1918
  | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
1919
- | \`@fusion.dev/helix\` | 971,686 | 222,123 | 163,000 | Every styled family. |
1919
+ | \`@fusion.dev/helix\` | 972,329 | 222,411 | 163,260 | Every styled family. |
1920
1920
  | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
1921
1921
 
1922
1922
  ## The stylesheets
@@ -1937,11 +1937,11 @@ is the whole cost of adopting the base layer on its own.
1937
1937
 
1938
1938
  ## What the numbers say
1939
1939
 
1940
- **Most of a first component is the runtime under it.** The median styled family is 13,914 bytes gzipped alone and adds 2,450 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
1940
+ **Most of a first component is the runtime under it.** The median styled family is 13,914 bytes gzipped alone and adds 2,463 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
1941
1941
 
1942
- Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,725, over 94 components. Every family at once is 222,123.
1942
+ Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,725, over 94 components. Every family at once is 222,411.
1943
1943
 
1944
- **No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 133,090 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 94 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
1944
+ **No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 133,385 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 94 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
1945
1945
 
1946
1946
  The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 16,187 bytes gzipped alone.
1947
1947
 
@@ -2036,94 +2036,94 @@ Structure, accessibility, state and form participation. No presentation, and no
2036
2036
 
2037
2037
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2038
2038
  |---|---|---|---|---|---|---|
2039
- | \`accordion\` | 77,373 | 25,790 | 21,229 | 3,227 | 1,198 | 698 |
2040
- | \`announcement\` | 75,404 | 25,148 | 20,701 | 1,374 | 600 | 323 |
2041
- | \`app-header\` | 27,425 | 9,322 | 8,205 | 1,248 | 534 | 252 |
2042
- | \`avatar\` | 28,859 | 9,794 | 8,642 | 2,644 | 1,039 | 604 |
2043
- | \`badge\` | 26,919 | 9,246 | 8,163 | 1,120 | 495 | 244 |
2044
- | \`bar-chart\` | 71,762 | 24,550 | 21,745 | 12,487 | 4,209 | 3,050 |
2045
- | \`blockquote\` | 26,839 | 9,232 | 8,140 | 917 | 443 | 158 |
2046
- | \`breadcrumbs\` | 75,025 | 24,814 | 20,607 | 1,955 | 652 | 310 |
2047
- | \`button\` | 31,312 | 10,445 | 9,216 | 3,167 | 1,099 | 636 |
2048
- | \`button-group\` | 26,832 | 9,170 | 8,068 | 661 | 331 | 86 |
2049
- | \`callout\` | 74,155 | 24,675 | 20,454 | 912 | 455 | 211 |
2050
- | \`card\` | 26,866 | 9,186 | 8,102 | 694 | 348 | 76 |
2051
- | \`carousel\` | 80,904 | 26,737 | 22,141 | 7,686 | 2,418 | 1,589 |
2052
- | \`chat\` | 85,008 | 28,020 | 23,110 | 9,594 | 2,842 | 1,994 |
2053
- | \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,252 | 952 | 464 |
2054
- | \`checkbox-group\` | 37,546 | 11,793 | 10,407 | 4,655 | 1,592 | 847 |
2055
- | \`code\` | 25,451 | 8,754 | 7,715 | 451 | 246 | 45 |
2056
- | \`code-block\` | 113,692 | 37,922 | 32,016 | 12,788 | 3,631 | 2,669 |
2057
- | \`color-input\` | 131,269 | 42,548 | 35,825 | 26,066 | 7,150 | 5,750 |
2058
- | \`color-picker\` | 100,398 | 32,385 | 26,772 | 19,492 | 5,706 | 4,547 |
2059
- | \`combobox\` | 127,355 | 41,056 | 34,608 | 20,353 | 5,500 | 4,176 |
2060
- | \`command\` | 100,696 | 32,041 | 26,374 | 17,343 | 4,915 | 3,760 |
2061
- | \`copy-button\` | 112,372 | 37,654 | 31,723 | 11,469 | 3,384 | 2,465 |
2062
- | \`data-table\` | 149,932 | 47,383 | 39,965 | 39,658 | 10,542 | 8,469 |
2063
- | \`date-input\` | 124,144 | 40,441 | 34,068 | 19,388 | 5,366 | 4,143 |
2064
- | \`date-picker\` | 85,626 | 28,231 | 23,302 | 9,805 | 3,130 | 2,270 |
2065
- | \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 1,106 | 620 |
2066
- | \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 | 516 | 211 |
2067
- | \`donut-chart\` | 67,672 | 23,131 | 20,446 | 9,747 | 3,383 | 2,390 |
2068
- | \`drawer\` | 29,268 | 9,874 | 8,685 | 1,792 | 727 | 402 |
2069
- | \`drilldown\` | 80,657 | 26,804 | 22,019 | 5,059 | 1,739 | 1,156 |
2070
- | \`empty\` | 26,988 | 9,226 | 8,147 | 816 | 404 | 121 |
2071
- | \`file-input\` | 85,388 | 28,229 | 23,148 | 6,217 | 2,166 | 1,521 |
2072
- | \`format-date\` | 30,381 | 10,333 | 9,146 | 2,805 | 913 | 562 |
2073
- | \`heatmap\` | 69,136 | 23,403 | 20,696 | 11,040 | 3,615 | 2,530 |
2074
- | \`icon\` | 73,561 | 24,431 | 20,290 | 850 | 408 | 129 |
2075
- | \`icon-button\` | 31,711 | 10,475 | 9,230 | 3,566 | 1,132 | 675 |
2076
- | \`image\` | 28,816 | 9,691 | 8,518 | 2,969 | 1,007 | 582 |
2077
- | \`input\` | 84,757 | 27,868 | 22,877 | 4,797 | 1,647 | 1,133 |
2078
- | \`kbd\` | 28,706 | 9,926 | 8,748 | 2,897 | 1,304 | 849 |
2079
- | \`legend\` | 29,187 | 10,066 | 8,845 | 1,097 | 523 | 223 |
2080
- | \`line-chart\` | 69,788 | 23,947 | 21,209 | 10,514 | 3,611 | 2,490 |
2081
- | \`list\` | 27,887 | 9,360 | 8,245 | 1,727 | 527 | 335 |
2082
- | \`listbox\` | 92,569 | 30,206 | 24,732 | 10,703 | 3,402 | 2,387 |
2083
- | \`loader\` | 27,072 | 9,293 | 8,182 | 900 | 433 | 225 |
2084
- | \`megamenu\` | 55,893 | 19,552 | 17,265 | 4,934 | 1,727 | 1,071 |
2085
- | \`menu\` | 110,293 | 37,007 | 31,290 | 8,105 | 2,364 | 1,637 |
2086
- | \`meter\` | 29,964 | 10,079 | 8,879 | 3,800 | 1,251 | 956 |
2087
- | \`navigation\` | 28,831 | 9,815 | 8,680 | 1,582 | 624 | 241 |
2088
- | \`notifications\` | 84,980 | 28,095 | 23,139 | 8,640 | 2,547 | 1,764 |
2089
- | \`number-input\` | 86,974 | 28,468 | 23,363 | 7,100 | 2,289 | 1,522 |
2090
- | \`option\` | 28,875 | 9,651 | 8,521 | 2,706 | 870 | 494 |
2091
- | \`outline\` | 31,837 | 10,811 | 9,517 | 4,539 | 1,751 | 1,035 |
2092
- | \`pagination\` | 132,424 | 42,092 | 35,470 | 26,123 | 6,590 | 5,165 |
2093
- | \`pin-input\` | 37,535 | 12,009 | 10,627 | 5,135 | 1,830 | 1,152 |
2094
- | \`popover\` | 53,190 | 18,820 | 16,606 | 1,985 | 785 | 489 |
2095
- | \`progress\` | 28,113 | 9,566 | 8,450 | 1,949 | 707 | 387 |
2096
- | \`qr-code\` | 38,587 | 13,554 | 11,997 | 12,807 | 4,920 | 4,020 |
2097
- | \`quote\` | 26,355 | 9,041 | 7,964 | 552 | 328 | 118 |
2098
- | \`radio\` | 35,977 | 11,448 | 10,088 | 3,138 | 1,115 | 587 |
2099
- | \`rating\` | 38,033 | 12,238 | 10,784 | 5,617 | 1,979 | 1,306 |
2100
- | \`scroll-area\` | 28,465 | 9,748 | 8,556 | 2,612 | 1,051 | 565 |
2101
- | \`select\` | 121,587 | 39,788 | 33,486 | 15,415 | 4,428 | 3,186 |
2102
- | \`skeleton\` | 25,544 | 8,786 | 7,725 | 544 | 294 | 53 |
2103
- | \`slider\` | 37,896 | 12,065 | 10,659 | 5,250 | 1,789 | 1,170 |
2104
- | \`sparkline\` | 31,645 | 11,088 | 9,794 | 2,530 | 1,046 | 639 |
2105
- | \`speed-dial\` | 102,854 | 35,015 | 29,681 | 3,821 | 1,279 | 757 |
2106
- | \`splitter\` | 36,329 | 11,667 | 10,338 | 10,165 | 2,886 | 2,187 |
2107
- | \`stat\` | 27,320 | 9,222 | 8,136 | 1,150 | 386 | 114 |
2108
- | \`steps\` | 82,900 | 27,205 | 22,347 | 6,303 | 1,840 | 1,204 |
2109
- | \`switch\` | 34,314 | 11,106 | 9,826 | 1,798 | 803 | 372 |
2110
- | \`table\` | 31,861 | 10,274 | 9,086 | 4,373 | 1,299 | 844 |
2111
- | \`tabs\` | 33,935 | 11,060 | 9,721 | 4,469 | 1,283 | 780 |
2112
- | \`tag\` | 74,439 | 24,760 | 20,435 | 897 | 429 | 169 |
2113
- | \`textarea\` | 37,001 | 11,743 | 10,362 | 4,115 | 1,390 | 825 |
2114
- | \`time-input\` | 136,227 | 43,569 | 36,701 | 28,669 | 7,661 | 6,075 |
2115
- | \`time-picker\` | 100,590 | 32,627 | 26,839 | 18,180 | 5,505 | 4,133 |
2116
- | \`timeline\` | 74,971 | 24,767 | 20,563 | 1,896 | 608 | 397 |
2117
- | \`toast\` | 78,169 | 25,872 | 21,292 | 4,007 | 1,254 | 740 |
2118
- | \`toggle\` | 38,209 | 12,101 | 10,670 | 3,928 | 1,311 | 794 |
2119
- | \`toolbar\` | 28,734 | 9,827 | 8,655 | 2,932 | 1,223 | 676 |
2120
- | \`tooltip\` | 56,933 | 19,770 | 17,504 | 6,216 | 2,139 | 1,383 |
2121
- | \`tour\` | 61,953 | 20,875 | 18,482 | 10,277 | 2,918 | 2,040 |
2122
- | \`tree\` | 84,423 | 27,823 | 22,815 | 7,054 | 2,328 | 1,535 |
2123
- | \`trend\` | 73,764 | 24,534 | 20,358 | 1,056 | 485 | 244 |
2124
- | \`video\` | 133,542 | 42,701 | 36,225 | 31,103 | 7,700 | 6,348 |
2125
- | \`video-playlist\` | 117,742 | 38,672 | 32,725 | 14,151 | 3,670 | 2,732 |
2126
- | \`virtual-list\` | 31,983 | 10,952 | 9,662 | 2,360 | 1,003 | 561 |
2039
+ | \`accordion\` | 77,373 | 25,790 | 21,229 | 3,227 | 1,222 | 696 |
2040
+ | \`announcement\` | 75,404 | 25,148 | 20,701 | 1,374 | 620 | 254 |
2041
+ | \`app-header\` | 27,425 | 9,322 | 8,205 | 1,248 | 540 | 254 |
2042
+ | \`avatar\` | 28,859 | 9,794 | 8,642 | 2,644 | 1,053 | 641 |
2043
+ | \`badge\` | 26,919 | 9,246 | 8,163 | 1,120 | 492 | 170 |
2044
+ | \`bar-chart\` | 71,762 | 24,550 | 21,745 | 12,487 | 4,219 | 3,093 |
2045
+ | \`blockquote\` | 26,839 | 9,232 | 8,140 | 917 | 431 | 223 |
2046
+ | \`breadcrumbs\` | 75,025 | 24,814 | 20,607 | 1,955 | 686 | 407 |
2047
+ | \`button\` | 31,312 | 10,445 | 9,216 | 3,167 | 1,123 | 667 |
2048
+ | \`button-group\` | 26,832 | 9,170 | 8,068 | 661 | 327 | 103 |
2049
+ | \`callout\` | 74,155 | 24,675 | 20,454 | 912 | 448 | 160 |
2050
+ | \`card\` | 26,866 | 9,186 | 8,102 | 694 | 339 | 122 |
2051
+ | \`carousel\` | 80,904 | 26,737 | 22,141 | 7,686 | 2,430 | 1,612 |
2052
+ | \`chat\` | 85,008 | 28,020 | 23,110 | 9,594 | 2,843 | 2,036 |
2053
+ | \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,252 | 975 | 490 |
2054
+ | \`checkbox-group\` | 37,546 | 11,793 | 10,407 | 4,655 | 1,604 | 919 |
2055
+ | \`code\` | 25,451 | 8,754 | 7,715 | 451 | 242 | 85 |
2056
+ | \`code-block\` | 113,692 | 37,922 | 32,016 | 12,788 | 3,647 | 2,699 |
2057
+ | \`color-input\` | 131,269 | 42,548 | 35,825 | 26,066 | 7,169 | 5,744 |
2058
+ | \`color-picker\` | 100,398 | 32,385 | 26,772 | 19,492 | 5,721 | 4,579 |
2059
+ | \`combobox\` | 127,355 | 41,056 | 34,608 | 20,353 | 5,514 | 4,188 |
2060
+ | \`command\` | 100,696 | 32,041 | 26,374 | 17,343 | 4,924 | 3,672 |
2061
+ | \`copy-button\` | 112,372 | 37,654 | 31,723 | 11,469 | 3,398 | 2,390 |
2062
+ | \`data-table\` | 149,932 | 47,383 | 39,965 | 39,658 | 10,561 | 8,430 |
2063
+ | \`date-input\` | 124,144 | 40,441 | 34,068 | 19,388 | 5,378 | 4,118 |
2064
+ | \`date-picker\` | 85,626 | 28,231 | 23,302 | 9,805 | 3,139 | 2,260 |
2065
+ | \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 1,122 | 623 |
2066
+ | \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 | 519 | 265 |
2067
+ | \`donut-chart\` | 67,672 | 23,131 | 20,446 | 9,747 | 3,385 | 2,385 |
2068
+ | \`drawer\` | 29,268 | 9,874 | 8,685 | 1,792 | 746 | 450 |
2069
+ | \`drilldown\` | 80,657 | 26,804 | 22,019 | 5,059 | 1,755 | 1,095 |
2070
+ | \`empty\` | 26,988 | 9,226 | 8,147 | 816 | 391 | 134 |
2071
+ | \`file-input\` | 85,388 | 28,229 | 23,148 | 6,217 | 2,186 | 1,438 |
2072
+ | \`format-date\` | 30,381 | 10,333 | 9,146 | 2,805 | 942 | 544 |
2073
+ | \`heatmap\` | 69,136 | 23,403 | 20,696 | 11,040 | 3,615 | 2,484 |
2074
+ | \`icon\` | 73,561 | 24,431 | 20,290 | 850 | 399 | 174 |
2075
+ | \`icon-button\` | 31,711 | 10,475 | 9,230 | 3,566 | 1,156 | 667 |
2076
+ | \`image\` | 28,816 | 9,691 | 8,518 | 2,969 | 1,025 | 634 |
2077
+ | \`input\` | 84,757 | 27,868 | 22,877 | 4,797 | 1,664 | 1,012 |
2078
+ | \`kbd\` | 28,706 | 9,926 | 8,748 | 2,897 | 1,319 | 806 |
2079
+ | \`legend\` | 29,187 | 10,066 | 8,845 | 1,097 | 534 | 264 |
2080
+ | \`line-chart\` | 69,788 | 23,947 | 21,209 | 10,514 | 3,617 | 2,536 |
2081
+ | \`list\` | 27,887 | 9,360 | 8,245 | 1,727 | 534 | 303 |
2082
+ | \`listbox\` | 92,569 | 30,206 | 24,732 | 10,703 | 3,411 | 2,337 |
2083
+ | \`loader\` | 27,072 | 9,293 | 8,182 | 900 | 420 | 160 |
2084
+ | \`megamenu\` | 55,893 | 19,552 | 17,265 | 4,934 | 1,737 | 1,057 |
2085
+ | \`menu\` | 110,293 | 37,007 | 31,290 | 8,105 | 2,380 | 1,634 |
2086
+ | \`meter\` | 29,964 | 10,079 | 8,879 | 3,800 | 1,269 | 800 |
2087
+ | \`navigation\` | 28,831 | 9,815 | 8,680 | 1,582 | 650 | 277 |
2088
+ | \`notifications\` | 84,980 | 28,095 | 23,139 | 8,640 | 2,556 | 1,738 |
2089
+ | \`number-input\` | 86,974 | 28,468 | 23,363 | 7,100 | 2,307 | 1,623 |
2090
+ | \`option\` | 28,875 | 9,651 | 8,521 | 2,706 | 893 | 525 |
2091
+ | \`outline\` | 31,837 | 10,811 | 9,517 | 4,539 | 1,761 | 1,046 |
2092
+ | \`pagination\` | 132,424 | 42,092 | 35,470 | 26,123 | 6,608 | 5,120 |
2093
+ | \`pin-input\` | 37,535 | 12,009 | 10,627 | 5,135 | 1,842 | 1,223 |
2094
+ | \`popover\` | 53,190 | 18,820 | 16,606 | 1,985 | 808 | 374 |
2095
+ | \`progress\` | 28,113 | 9,566 | 8,450 | 1,949 | 740 | 428 |
2096
+ | \`qr-code\` | 38,587 | 13,554 | 11,997 | 12,807 | 4,937 | 4,011 |
2097
+ | \`quote\` | 26,355 | 9,041 | 7,964 | 552 | 320 | 80 |
2098
+ | \`radio\` | 35,977 | 11,448 | 10,088 | 3,138 | 1,142 | 654 |
2099
+ | \`rating\` | 38,033 | 12,238 | 10,784 | 5,617 | 1,995 | 1,252 |
2100
+ | \`scroll-area\` | 28,465 | 9,748 | 8,556 | 2,612 | 1,071 | 629 |
2101
+ | \`select\` | 121,587 | 39,788 | 33,486 | 15,415 | 4,441 | 3,179 |
2102
+ | \`skeleton\` | 25,544 | 8,786 | 7,725 | 544 | 289 | 89 |
2103
+ | \`slider\` | 37,896 | 12,065 | 10,659 | 5,250 | 1,808 | 1,185 |
2104
+ | \`sparkline\` | 31,645 | 11,088 | 9,794 | 2,530 | 1,070 | 715 |
2105
+ | \`speed-dial\` | 102,854 | 35,015 | 29,681 | 3,821 | 1,295 | 769 |
2106
+ | \`splitter\` | 36,329 | 11,667 | 10,338 | 10,165 | 2,905 | 2,188 |
2107
+ | \`stat\` | 27,320 | 9,222 | 8,136 | 1,150 | 382 | 109 |
2108
+ | \`steps\` | 82,900 | 27,205 | 22,347 | 6,303 | 1,849 | 1,244 |
2109
+ | \`switch\` | 34,314 | 11,106 | 9,826 | 1,798 | 810 | 360 |
2110
+ | \`table\` | 31,861 | 10,274 | 9,086 | 4,373 | 1,315 | 786 |
2111
+ | \`tabs\` | 33,935 | 11,060 | 9,721 | 4,469 | 1,302 | 786 |
2112
+ | \`tag\` | 74,439 | 24,760 | 20,435 | 897 | 416 | 189 |
2113
+ | \`textarea\` | 37,001 | 11,743 | 10,362 | 4,115 | 1,407 | 822 |
2114
+ | \`time-input\` | 136,227 | 43,569 | 36,701 | 28,669 | 7,669 | 6,098 |
2115
+ | \`time-picker\` | 100,590 | 32,627 | 26,839 | 18,180 | 5,516 | 4,157 |
2116
+ | \`timeline\` | 74,971 | 24,767 | 20,563 | 1,896 | 632 | 311 |
2117
+ | \`toast\` | 78,169 | 25,872 | 21,292 | 4,007 | 1,272 | 779 |
2118
+ | \`toggle\` | 38,209 | 12,101 | 10,670 | 3,928 | 1,331 | 832 |
2119
+ | \`toolbar\` | 28,734 | 9,827 | 8,655 | 2,932 | 1,247 | 713 |
2120
+ | \`tooltip\` | 56,933 | 19,770 | 17,504 | 6,216 | 2,142 | 1,353 |
2121
+ | \`tour\` | 61,953 | 20,875 | 18,482 | 10,277 | 2,925 | 2,075 |
2122
+ | \`tree\` | 84,423 | 27,823 | 22,815 | 7,054 | 2,343 | 1,561 |
2123
+ | \`trend\` | 73,764 | 24,534 | 20,358 | 1,056 | 482 | 224 |
2124
+ | \`video\` | 133,542 | 42,701 | 36,225 | 31,103 | 7,716 | 6,390 |
2125
+ | \`video-playlist\` | 117,742 | 38,672 | 32,725 | 14,151 | 3,686 | 2,822 |
2126
+ | \`virtual-list\` | 31,983 | 10,952 | 9,662 | 2,360 | 1,025 | 539 |
2127
2127
 
2128
2128
  ### Styled tier
2129
2129
 
@@ -2131,100 +2131,100 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
2131
2131
 
2132
2132
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
2133
2133
  |---|---|---|---|---|---|---|
2134
- | \`accordion\` | 80,416 | 26,550 | 21,816 | 6,258 | 1,950 | 1,290 |
2135
- | \`announcement\` | 79,088 | 26,034 | 21,464 | 5,042 | 1,481 | 990 |
2136
- | \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,324 | 901 |
2137
- | \`aura\` | 87,842 | 30,863 | 26,680 | 60,879 | 21,455 | 18,421 |
2138
- | \`avatar\` | 32,433 | 10,538 | 9,281 | 6,205 | 1,789 | 1,305 |
2139
- | \`badge\` | 29,366 | 9,905 | 8,715 | 3,550 | 1,150 | 835 |
2140
- | \`bar-chart\` | 87,351 | 27,296 | 24,053 | 28,056 | 6,997 | 5,438 |
2141
- | \`blockquote\` | 28,015 | 9,529 | 8,383 | 2,077 | 727 | 391 |
2142
- | \`breadcrumbs\` | 78,416 | 25,590 | 21,198 | 5,334 | 1,435 | 997 |
2143
- | \`button\` | 37,347 | 11,529 | 10,175 | 9,184 | 2,203 | 1,636 |
2144
- | \`button-group\` | 28,508 | 9,547 | 8,419 | 2,320 | 713 | 411 |
2145
- | \`callout\` | 76,172 | 25,232 | 20,980 | 2,913 | 999 | 686 |
2146
- | \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 1,176 | 844 |
2147
- | \`carousel\` | 89,716 | 28,261 | 23,587 | 16,487 | 3,956 | 3,065 |
2148
- | \`chat\` | 96,677 | 30,177 | 24,969 | 21,252 | 4,954 | 3,839 |
2149
- | \`checkbox\` | 40,820 | 12,584 | 11,096 | 8,410 | 2,364 | 1,667 |
2150
- | \`checkbox-group\` | 39,793 | 12,366 | 10,895 | 6,888 | 2,183 | 1,429 |
2151
- | \`code\` | 26,546 | 9,065 | 7,981 | 1,529 | 528 | 264 |
2152
- | \`code-block\` | 126,792 | 40,099 | 33,850 | 25,869 | 5,728 | 4,471 |
2153
- | \`color-input\` | 162,793 | 47,369 | 40,118 | 57,570 | 11,958 | 9,992 |
2154
- | \`color-picker\` | 126,632 | 36,596 | 30,485 | 45,720 | 9,886 | 8,246 |
2155
- | \`combobox\` | 140,973 | 43,542 | 36,718 | 33,950 | 7,936 | 6,297 |
2156
- | \`command\` | 111,005 | 34,045 | 28,055 | 27,637 | 6,894 | 5,413 |
2157
- | \`copy-button\` | 122,914 | 39,510 | 33,293 | 21,993 | 5,137 | 3,964 |
2158
- | \`data-table\` | 178,332 | 51,725 | 43,768 | 68,038 | 14,944 | 12,167 |
2159
- | \`date-input\` | 138,992 | 43,265 | 36,574 | 34,214 | 8,151 | 6,647 |
2160
- | \`date-picker\` | 91,241 | 29,414 | 24,351 | 15,402 | 4,293 | 3,332 |
2161
- | \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 2,127 | 1,642 |
2162
- | \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 1,044 | 702 |
2163
- | \`donut-chart\` | 79,399 | 25,131 | 22,173 | 21,457 | 5,449 | 4,053 |
2164
- | \`drawer\` | 33,140 | 10,768 | 9,487 | 5,646 | 1,644 | 1,243 |
2165
- | \`drilldown\` | 85,015 | 27,777 | 22,820 | 9,404 | 2,710 | 1,915 |
2166
- | \`empty\` | 28,295 | 9,601 | 8,463 | 2,107 | 757 | 411 |
2167
- | \`file-input\` | 96,131 | 30,389 | 24,987 | 16,953 | 4,299 | 3,338 |
2168
- | \`flex\` | 27,799 | 9,392 | 8,240 | 1,986 | 620 | 389 |
2169
- | \`format-date\` | 31,029 | 10,471 | 9,280 | 3,435 | 1,084 | 626 |
2170
- | \`grid\` | 28,326 | 9,564 | 8,449 | 2,511 | 813 | 542 |
2171
- | \`heatmap\` | 72,928 | 24,253 | 21,460 | 14,814 | 4,481 | 3,283 |
2172
- | \`icon\` | 74,256 | 24,607 | 20,394 | 1,528 | 555 | 235 |
2173
- | \`icon-button\` | 37,726 | 11,481 | 10,096 | 9,567 | 2,149 | 1,678 |
2174
- | \`image\` | 30,564 | 10,174 | 8,943 | 4,699 | 1,507 | 1,044 |
2175
- | \`input\` | 90,859 | 29,219 | 23,962 | 10,894 | 2,976 | 2,239 |
2176
- | \`kbd\` | 30,118 | 10,380 | 9,130 | 4,294 | 1,763 | 1,166 |
2177
- | \`legend\` | 34,021 | 11,147 | 9,781 | 5,923 | 1,684 | 1,074 |
2178
- | \`line-chart\` | 82,192 | 26,074 | 23,014 | 22,899 | 5,817 | 4,371 |
2179
- | \`list\` | 31,940 | 10,292 | 9,050 | 5,770 | 1,507 | 1,128 |
2180
- | \`listbox\` | 96,684 | 31,172 | 25,595 | 14,805 | 4,359 | 3,125 |
2181
- | \`loader\` | 30,078 | 10,034 | 8,834 | 3,891 | 1,185 | 796 |
2182
- | \`megamenu\` | 60,316 | 20,594 | 18,232 | 9,342 | 2,772 | 2,005 |
2183
- | \`menu\` | 116,491 | 38,409 | 32,510 | 14,285 | 3,694 | 2,748 |
2184
- | \`meter\` | 35,360 | 11,235 | 9,926 | 9,178 | 2,403 | 1,933 |
2185
- | \`navigation\` | 30,214 | 10,212 | 8,987 | 2,949 | 1,049 | 678 |
2186
- | \`notifications\` | 92,539 | 29,630 | 24,493 | 16,186 | 4,067 | 3,165 |
2187
- | \`number-input\` | 91,816 | 29,585 | 24,291 | 11,928 | 3,372 | 2,518 |
2188
- | \`option\` | 32,142 | 10,562 | 9,308 | 5,961 | 1,790 | 1,236 |
2189
- | \`orb\` | 35,668 | 12,611 | 11,162 | 9,444 | 3,829 | 3,024 |
2190
- | \`outline\` | 35,566 | 11,582 | 10,202 | 8,251 | 2,540 | 1,760 |
2191
- | \`pagination\` | 150,008 | 45,108 | 38,107 | 43,689 | 9,548 | 7,716 |
2192
- | \`pin-input\` | 40,676 | 12,803 | 11,279 | 8,259 | 2,639 | 1,829 |
2193
- | \`popover\` | 55,826 | 19,462 | 17,177 | 4,603 | 1,492 | 1,069 |
2194
- | \`progress\` | 33,160 | 10,749 | 9,508 | 6,978 | 1,914 | 1,464 |
2195
- | \`qr-code\` | 40,238 | 13,974 | 12,313 | 14,441 | 5,361 | 4,413 |
2196
- | \`quote\` | 27,030 | 9,207 | 8,088 | 1,211 | 490 | 283 |
2197
- | \`radio\` | 43,515 | 12,846 | 11,330 | 10,668 | 2,557 | 1,928 |
2198
- | \`rating\` | 41,008 | 13,169 | 11,612 | 8,574 | 2,931 | 2,077 |
2199
- | \`sandbox\` | 60,999 | 16,779 | 14,889 | 34,537 | 7,993 | 6,542 |
2200
- | \`scroll-area\` | 31,431 | 10,376 | 9,102 | 5,561 | 1,710 | 1,158 |
2201
- | \`select\` | 133,767 | 42,076 | 35,481 | 27,574 | 6,647 | 5,147 |
2202
- | \`skeleton\` | 28,062 | 9,544 | 8,416 | 2,242 | 810 | 546 |
2203
- | \`slider\` | 47,778 | 13,853 | 12,267 | 15,115 | 3,555 | 2,762 |
2204
- | \`sparkline\` | 35,411 | 12,016 | 10,618 | 6,284 | 1,999 | 1,549 |
2205
- | \`speed-dial\` | 110,306 | 36,505 | 30,879 | 11,251 | 2,711 | 1,908 |
2206
- | \`splitter\` | 42,441 | 12,678 | 11,269 | 16,259 | 3,927 | 3,167 |
2207
- | \`stat\` | 29,954 | 9,789 | 8,646 | 3,774 | 1,005 | 663 |
2208
- | \`steps\` | 96,198 | 29,562 | 24,364 | 19,589 | 4,197 | 3,315 |
2209
- | \`switch\` | 38,602 | 12,159 | 10,741 | 6,071 | 1,874 | 1,314 |
2210
- | \`table\` | 35,190 | 10,865 | 9,580 | 7,692 | 1,916 | 1,280 |
2211
- | \`tabs\` | 40,196 | 12,348 | 10,882 | 10,719 | 2,586 | 1,866 |
2212
- | \`tag\` | 77,632 | 25,630 | 21,117 | 4,075 | 1,256 | 823 |
2213
- | \`text\` | 29,734 | 9,670 | 8,508 | 3,922 | 948 | 597 |
2214
- | \`textarea\` | 40,350 | 12,544 | 11,034 | 7,447 | 2,210 | 1,545 |
2215
- | \`time-input\` | 156,128 | 46,948 | 39,616 | 48,551 | 11,004 | 8,926 |
2216
- | \`time-picker\` | 111,893 | 34,736 | 28,737 | 29,478 | 7,620 | 5,959 |
2217
- | \`timeline\` | 78,237 | 25,530 | 21,180 | 5,151 | 1,364 | 959 |
2218
- | \`toast\` | 85,446 | 27,485 | 22,753 | 11,271 | 2,870 | 2,111 |
2219
- | \`toggle\` | 43,242 | 13,258 | 11,703 | 8,953 | 2,496 | 1,820 |
2220
- | \`toolbar\` | 29,632 | 10,054 | 8,841 | 3,813 | 1,474 | 902 |
2221
- | \`tooltip\` | 60,498 | 20,576 | 18,184 | 9,763 | 2,932 | 2,000 |
2222
- | \`tour\` | 71,770 | 22,532 | 19,965 | 20,075 | 4,577 | 3,584 |
2223
- | \`tree\` | 89,446 | 29,019 | 23,862 | 12,065 | 3,535 | 2,606 |
2224
- | \`trend\` | 76,798 | 25,221 | 20,897 | 4,083 | 1,159 | 824 |
2225
- | \`video\` | 150,914 | 45,853 | 38,970 | 48,454 | 10,806 | 9,092 |
2226
- | \`video-playlist\` | 130,350 | 40,959 | 34,676 | 26,740 | 5,878 | 4,640 |
2227
- | \`virtual-list\` | 32,815 | 11,180 | 9,827 | 3,174 | 1,245 | 761 |
2134
+ | \`accordion\` | 80,416 | 26,550 | 21,816 | 6,258 | 1,965 | 1,360 |
2135
+ | \`announcement\` | 79,088 | 26,034 | 21,464 | 5,042 | 1,499 | 1,129 |
2136
+ | \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,328 | 786 |
2137
+ | \`aura\` | 87,842 | 30,863 | 26,680 | 60,879 | 21,462 | 18,489 |
2138
+ | \`avatar\` | 32,433 | 10,538 | 9,281 | 6,205 | 1,801 | 1,260 |
2139
+ | \`badge\` | 29,366 | 9,905 | 8,715 | 3,550 | 1,153 | 802 |
2140
+ | \`bar-chart\` | 87,351 | 27,296 | 24,053 | 28,056 | 7,010 | 5,476 |
2141
+ | \`blockquote\` | 28,015 | 9,529 | 8,383 | 2,077 | 754 | 411 |
2142
+ | \`breadcrumbs\` | 78,416 | 25,590 | 21,198 | 5,334 | 1,453 | 1,046 |
2143
+ | \`button\` | 37,347 | 11,529 | 10,175 | 9,184 | 2,221 | 1,579 |
2144
+ | \`button-group\` | 28,508 | 9,547 | 8,419 | 2,320 | 734 | 416 |
2145
+ | \`callout\` | 76,172 | 25,232 | 20,980 | 2,913 | 1,010 | 725 |
2146
+ | \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 1,184 | 766 |
2147
+ | \`carousel\` | 89,716 | 28,261 | 23,587 | 16,487 | 3,969 | 3,053 |
2148
+ | \`chat\` | 96,677 | 30,177 | 24,969 | 21,252 | 4,960 | 3,880 |
2149
+ | \`checkbox\` | 40,820 | 12,584 | 11,096 | 8,410 | 2,378 | 1,702 |
2150
+ | \`checkbox-group\` | 39,793 | 12,366 | 10,895 | 6,888 | 2,189 | 1,372 |
2151
+ | \`code\` | 26,546 | 9,065 | 7,981 | 1,529 | 530 | 282 |
2152
+ | \`code-block\` | 126,792 | 40,099 | 33,850 | 25,869 | 5,746 | 4,488 |
2153
+ | \`color-input\` | 162,793 | 47,369 | 40,118 | 57,570 | 11,983 | 10,002 |
2154
+ | \`color-picker\` | 126,632 | 36,596 | 30,485 | 45,720 | 9,905 | 8,155 |
2155
+ | \`combobox\` | 140,973 | 43,542 | 36,718 | 33,950 | 7,940 | 6,283 |
2156
+ | \`command\` | 111,005 | 34,045 | 28,055 | 27,637 | 6,902 | 5,464 |
2157
+ | \`copy-button\` | 122,914 | 39,510 | 33,293 | 21,993 | 5,155 | 3,930 |
2158
+ | \`data-table\` | 178,332 | 51,725 | 43,768 | 68,038 | 14,971 | 12,236 |
2159
+ | \`date-input\` | 138,992 | 43,265 | 36,574 | 34,214 | 8,164 | 6,605 |
2160
+ | \`date-picker\` | 91,241 | 29,414 | 24,351 | 15,402 | 4,305 | 3,362 |
2161
+ | \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 2,142 | 1,535 |
2162
+ | \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 1,057 | 647 |
2163
+ | \`donut-chart\` | 79,399 | 25,131 | 22,173 | 21,457 | 5,454 | 4,074 |
2164
+ | \`drawer\` | 33,140 | 10,768 | 9,487 | 5,646 | 1,664 | 1,199 |
2165
+ | \`drilldown\` | 85,015 | 27,777 | 22,820 | 9,404 | 2,716 | 1,852 |
2166
+ | \`empty\` | 28,295 | 9,601 | 8,463 | 2,107 | 779 | 400 |
2167
+ | \`file-input\` | 96,131 | 30,389 | 24,987 | 16,953 | 4,313 | 3,249 |
2168
+ | \`flex\` | 27,799 | 9,392 | 8,240 | 1,986 | 643 | 398 |
2169
+ | \`format-date\` | 31,029 | 10,471 | 9,280 | 3,435 | 1,109 | 665 |
2170
+ | \`grid\` | 28,326 | 9,564 | 8,449 | 2,511 | 841 | 600 |
2171
+ | \`heatmap\` | 72,928 | 24,253 | 21,460 | 14,814 | 4,482 | 3,262 |
2172
+ | \`icon\` | 74,256 | 24,607 | 20,394 | 1,528 | 564 | 207 |
2173
+ | \`icon-button\` | 37,726 | 11,481 | 10,096 | 9,567 | 2,163 | 1,606 |
2174
+ | \`image\` | 30,564 | 10,174 | 8,943 | 4,699 | 1,521 | 964 |
2175
+ | \`input\` | 90,859 | 29,219 | 23,962 | 10,894 | 2,989 | 2,146 |
2176
+ | \`kbd\` | 30,118 | 10,380 | 9,130 | 4,294 | 1,770 | 1,273 |
2177
+ | \`legend\` | 34,021 | 11,147 | 9,781 | 5,923 | 1,712 | 1,123 |
2178
+ | \`line-chart\` | 82,192 | 26,074 | 23,014 | 22,899 | 5,825 | 4,326 |
2179
+ | \`list\` | 31,940 | 10,292 | 9,050 | 5,770 | 1,507 | 1,112 |
2180
+ | \`listbox\` | 96,684 | 31,172 | 25,595 | 14,805 | 4,368 | 3,158 |
2181
+ | \`loader\` | 30,078 | 10,034 | 8,834 | 3,891 | 1,194 | 791 |
2182
+ | \`megamenu\` | 60,316 | 20,594 | 18,232 | 9,342 | 2,788 | 2,030 |
2183
+ | \`menu\` | 116,491 | 38,409 | 32,510 | 14,285 | 3,706 | 2,748 |
2184
+ | \`meter\` | 35,360 | 11,235 | 9,926 | 9,178 | 2,422 | 1,890 |
2185
+ | \`navigation\` | 30,214 | 10,212 | 8,987 | 2,949 | 1,072 | 547 |
2186
+ | \`notifications\` | 92,539 | 29,630 | 24,493 | 16,186 | 4,073 | 3,064 |
2187
+ | \`number-input\` | 91,816 | 29,585 | 24,291 | 11,928 | 3,385 | 2,528 |
2188
+ | \`option\` | 32,142 | 10,562 | 9,308 | 5,961 | 1,804 | 1,303 |
2189
+ | \`orb\` | 35,668 | 12,611 | 11,162 | 9,444 | 3,869 | 3,008 |
2190
+ | \`outline\` | 35,566 | 11,582 | 10,202 | 8,251 | 2,557 | 1,751 |
2191
+ | \`pagination\` | 150,008 | 45,108 | 38,107 | 43,689 | 9,564 | 7,745 |
2192
+ | \`pin-input\` | 40,676 | 12,803 | 11,279 | 8,259 | 2,649 | 1,933 |
2193
+ | \`popover\` | 55,826 | 19,462 | 17,177 | 4,603 | 1,507 | 1,029 |
2194
+ | \`progress\` | 33,160 | 10,749 | 9,508 | 6,978 | 1,936 | 1,432 |
2195
+ | \`qr-code\` | 40,238 | 13,974 | 12,313 | 14,441 | 5,381 | 4,360 |
2196
+ | \`quote\` | 27,030 | 9,207 | 8,088 | 1,211 | 484 | 160 |
2197
+ | \`radio\` | 43,515 | 12,846 | 11,330 | 10,668 | 2,571 | 1,908 |
2198
+ | \`rating\` | 41,008 | 13,169 | 11,612 | 8,574 | 2,942 | 2,055 |
2199
+ | \`sandbox\` | 60,999 | 16,779 | 14,889 | 34,537 | 8,007 | 6,521 |
2200
+ | \`scroll-area\` | 31,431 | 10,376 | 9,102 | 5,561 | 1,725 | 1,136 |
2201
+ | \`select\` | 133,767 | 42,076 | 35,481 | 27,574 | 6,658 | 5,182 |
2202
+ | \`skeleton\` | 28,062 | 9,544 | 8,416 | 2,242 | 828 | 468 |
2203
+ | \`slider\` | 47,778 | 13,853 | 12,267 | 15,115 | 3,580 | 2,748 |
2204
+ | \`sparkline\` | 35,411 | 12,016 | 10,618 | 6,284 | 2,019 | 1,504 |
2205
+ | \`speed-dial\` | 110,306 | 36,505 | 30,879 | 11,251 | 2,715 | 1,925 |
2206
+ | \`splitter\` | 42,441 | 12,678 | 11,269 | 16,259 | 3,941 | 3,124 |
2207
+ | \`stat\` | 29,954 | 9,789 | 8,646 | 3,774 | 1,007 | 620 |
2208
+ | \`steps\` | 96,198 | 29,562 | 24,364 | 19,589 | 4,210 | 3,225 |
2209
+ | \`switch\` | 38,602 | 12,159 | 10,741 | 6,071 | 1,876 | 1,282 |
2210
+ | \`table\` | 35,190 | 10,865 | 9,580 | 7,692 | 1,930 | 1,377 |
2211
+ | \`tabs\` | 40,196 | 12,348 | 10,882 | 10,719 | 2,597 | 1,912 |
2212
+ | \`tag\` | 77,632 | 25,630 | 21,117 | 4,075 | 1,268 | 839 |
2213
+ | \`text\` | 29,734 | 9,670 | 8,508 | 3,922 | 973 | 604 |
2214
+ | \`textarea\` | 40,350 | 12,544 | 11,034 | 7,447 | 2,220 | 1,609 |
2215
+ | \`time-input\` | 156,128 | 46,948 | 39,616 | 48,551 | 11,021 | 9,015 |
2216
+ | \`time-picker\` | 111,893 | 34,736 | 28,737 | 29,478 | 7,634 | 6,134 |
2217
+ | \`timeline\` | 78,237 | 25,530 | 21,180 | 5,151 | 1,374 | 970 |
2218
+ | \`toast\` | 85,446 | 27,485 | 22,753 | 11,271 | 2,869 | 2,173 |
2219
+ | \`toggle\` | 43,242 | 13,258 | 11,703 | 8,953 | 2,504 | 1,906 |
2220
+ | \`toolbar\` | 29,632 | 10,054 | 8,841 | 3,813 | 1,494 | 897 |
2221
+ | \`tooltip\` | 60,498 | 20,576 | 18,184 | 9,763 | 2,940 | 1,978 |
2222
+ | \`tour\` | 71,770 | 22,532 | 19,965 | 20,075 | 4,582 | 3,474 |
2223
+ | \`tree\` | 89,446 | 29,019 | 23,862 | 12,065 | 3,543 | 2,588 |
2224
+ | \`trend\` | 76,798 | 25,221 | 20,897 | 4,083 | 1,168 | 747 |
2225
+ | \`video\` | 150,914 | 45,853 | 38,970 | 48,454 | 10,821 | 9,074 |
2226
+ | \`video-playlist\` | 130,350 | 40,959 | 34,676 | 26,740 | 5,896 | 4,686 |
2227
+ | \`virtual-list\` | 32,815 | 11,180 | 9,827 | 3,174 | 1,267 | 721 |
2228
2228
 
2229
2229
  ## What lands in \`node_modules\`
2230
2230
 
@@ -2236,7 +2236,7 @@ column is what was removed rather than part of what remains.
2236
2236
 
2237
2237
  | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
2238
2238
  |---|---|---|---|---|
2239
- | \`@fusion.dev/helix-core\` | 679,080 | 115 | 161,519 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2239
+ | \`@fusion.dev/helix-core\` | 686,144 | 117 | 164,035 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
2240
2240
  | \`@fusion.dev/helix-headless\` | 8,399,077 | 422 | 704,048 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
2241
2241
  | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
2242
2242
  | \`@fusion.dev/helix-styles\` | 90,313 | 6 | 0 | none |
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.11.0",
4
+ "version": "0.12.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "bugs": "https://github.com/project-fusion/fusion/issues",
37
37
  "devDependencies": {
38
- "@fusion.dev/helix-cem": "0.11.0",
38
+ "@fusion.dev/helix-cem": "0.12.0",
39
39
  "@fusion.dev/scripts": "0.0.0-dev"
40
40
  },
41
41
  "homepage": "https://fusion.dev",