@fusion.dev/helix-docs 0.0.8 → 0.0.10

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