@fusion.dev/helix-docs 0.47.1 → 0.48.0

package/content/metrics.mdx

@@ -59,10 +59,10 @@ repository does that. The per-component tables are what a page pays.
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
 | `@fusion.dev/helix-core` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
-| `@fusion.dev/helix-headless` | 602,629 | 156,161 | 121,473 | Every headless family, which is what the barrel means. |
+| `@fusion.dev/helix-headless` | 604,145 | 156,551 | 121,573 | Every headless family, which is what the barrel means. |
 | `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
 | `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
-| `@fusion.dev/helix` | 1,078,907 | 253,018 | 185,627 | Every styled family. |
+| `@fusion.dev/helix` | 1,080,613 | 253,479 | 185,920 | Every styled family. |
 | `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
 
 ## The stylesheets
@@ -85,9 +85,9 @@ is the whole cost of adopting the base layer on its own.
 
 **Most of a first component is the runtime under it.** The median styled family is 18,773 bytes gzipped alone and adds 2,232 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 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.
 
-Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,038, over 100 components. Every family at once is 253,018.
+Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,038, over 100 components. Every family at once is 253,479.
 
-**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 156,161 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
+**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 156,551 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
 
 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 20,532 bytes gzipped alone.
 
@@ -201,8 +201,8 @@ Structure, accessibility, state and form participation. No presentation, and no
 | `checkbox-group` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
 | `code` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
 | `code-block` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
-| `color-input` | 134,384 | 43,638 | 36,655 | 25,117 | 6,509 | 5,513 |
-| `color-picker` | 101,909 | 32,945 | 27,234 | 19,491 | 5,247 | 4,573 |
+| `color-input` | 135,099 | 43,787 | 36,805 | 25,832 | 6,656 | 5,587 |
+| `color-picker` | 102,624 | 33,113 | 27,352 | 20,206 | 5,417 | 4,670 |
 | `combobox` | 132,271 | 42,733 | 35,933 | 20,354 | 5,070 | 4,132 |
 | `command` | 102,714 | 32,673 | 26,784 | 17,727 | 4,555 | 3,687 |
 | `copy-button` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
@@ -246,7 +246,7 @@ Structure, accessibility, state and form participation. No presentation, and no
 | `qr-code` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
 | `quote` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
 | `radio` | 37,689 | 11,931 | 10,493 | 3,188 | 843 | 588 |
-| `rating` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,289 |
+| `rating` | 40,588 | 12,985 | 11,487 | 6,527 | 1,917 | 1,495 |
 | `scatter-chart` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
 | `scroll-area` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
 | `select` | 124,657 | 40,903 | 34,302 | 15,466 | 3,953 | 3,094 |
@@ -263,8 +263,8 @@ Structure, accessibility, state and form participation. No presentation, and no
 | `tabs` | 35,366 | 11,471 | 10,105 | 4,179 | 932 | 765 |
 | `tag` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
 | `textarea` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
-| `time-input` | 142,645 | 45,442 | 38,118 | 28,117 | 7,013 | 5,847 |
-| `time-picker` | 103,020 | 33,318 | 27,355 | 18,974 | 5,165 | 4,245 |
+| `time-input` | 142,721 | 45,464 | 38,189 | 28,193 | 7,034 | 5,838 |
+| `time-picker` | 103,096 | 33,337 | 27,370 | 19,050 | 5,186 | 4,235 |
 | `timeline` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
 | `toast` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
 | `toggle` | 39,761 | 12,532 | 11,047 | 3,715 | 967 | 703 |
@@ -303,8 +303,8 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
 | `checkbox-group` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
 | `code` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
 | `code-block` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
-| `color-input` | 167,798 | 48,761 | 41,224 | 58,514 | 11,684 | 10,070 |
-| `color-picker` | 129,619 | 37,377 | 31,101 | 47,195 | 9,764 | 8,457 |
+| `color-input` | 168,602 | 48,943 | 41,391 | 59,318 | 11,853 | 10,171 |
+| `color-picker` | 130,423 | 37,563 | 31,217 | 47,999 | 9,955 | 8,478 |
 | `combobox` | 147,074 | 45,390 | 38,194 | 35,138 | 7,732 | 6,535 |
 | `command` | 113,177 | 34,703 | 28,568 | 28,176 | 6,604 | 5,583 |
 | `copy-button` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
@@ -351,7 +351,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
 | `qr-code` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
 | `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
 | `radio` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
-| `rating` | 42,824 | 13,689 | 12,046 | 8,745 | 2,557 | 2,134 |
+| `rating` | 44,827 | 14,184 | 12,491 | 10,749 | 3,100 | 2,561 |
 | `sandbox` | 62,985 | 17,303 | 15,338 | 34,890 | 7,689 | 6,601 |
 | `scatter-chart` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
 | `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
@@ -370,8 +370,8 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
 | `tag` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
 | `text` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
 | `textarea` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
-| `time-input` | 163,884 | 48,943 | 41,231 | 49,341 | 10,560 | 8,986 |
-| `time-picker` | 114,496 | 35,448 | 29,328 | 30,445 | 7,350 | 6,212 |
+| `time-input` | 163,960 | 48,965 | 41,256 | 49,417 | 10,580 | 8,898 |
+| `time-picker` | 114,572 | 35,469 | 29,273 | 30,521 | 7,371 | 6,237 |
 | `timeline` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
 | `toast` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
 | `toggle` | 44,748 | 13,689 | 12,098 | 8,694 | 2,129 | 1,712 |
@@ -395,11 +395,11 @@ column is what was removed rather than part of what remains.
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
 | `@fusion.dev/helix-core` | 847,310 | 123 | 186,573 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
-| `@fusion.dev/helix-headless` | 11,217,398 | 472 | 857,136 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
+| `@fusion.dev/helix-headless` | 11,268,802 | 472 | 859,864 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
 | `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
 | `@fusion.dev/helix-styles` | 101,139 | 6 | 0 | none |
 | `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
-| `@fusion.dev/helix` | 12,248,608 | 798 | 338,163 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
+| `@fusion.dev/helix` | 12,288,780 | 798 | 338,315 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
 
 ## Not measured yet
 

package/dist/sources.generated.js

@@ -2023,10 +2023,10 @@ repository does that. The per-component tables are what a page pays.
 | Package | Raw | Gzip | Brotli | |
 |---|---|---|---|---|
 | \`@fusion.dev/helix-core\` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
-| \`@fusion.dev/helix-headless\` | 602,629 | 156,161 | 121,473 | Every headless family, which is what the barrel means. |
+| \`@fusion.dev/helix-headless\` | 604,145 | 156,551 | 121,573 | Every headless family, which is what the barrel means. |
 | \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
 | \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
-| \`@fusion.dev/helix\` | 1,078,907 | 253,018 | 185,627 | Every styled family. |
+| \`@fusion.dev/helix\` | 1,080,613 | 253,479 | 185,920 | Every styled family. |
 | \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
 
 ## The stylesheets
@@ -2049,9 +2049,9 @@ is the whole cost of adopting the base layer on its own.
 
 **Most of a first component is the runtime under it.** The median styled family is 18,773 bytes gzipped alone and adds 2,232 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 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.
 
-Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,038, over 100 components. Every family at once is 253,018.
+Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,038, over 100 components. Every family at once is 253,479.
 
-**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 156,161 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
+**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 156,551 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
 
 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 20,532 bytes gzipped alone.
 
@@ -2165,8 +2165,8 @@ Structure, accessibility, state and form participation. No presentation, and no
 | \`checkbox-group\` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
 | \`code\` | 26,939 | 9,155 | 8,083 | 451 | 84 | 89 |
 | \`code-block\` | 121,199 | 40,426 | 34,077 | 17,262 | 4,554 | 3,910 |
-| \`color-input\` | 134,384 | 43,638 | 36,655 | 25,117 | 6,509 | 5,513 |
-| \`color-picker\` | 101,909 | 32,945 | 27,234 | 19,491 | 5,247 | 4,573 |
+| \`color-input\` | 135,099 | 43,787 | 36,805 | 25,832 | 6,656 | 5,587 |
+| \`color-picker\` | 102,624 | 33,113 | 27,352 | 20,206 | 5,417 | 4,670 |
 | \`combobox\` | 132,271 | 42,733 | 35,933 | 20,354 | 5,070 | 4,132 |
 | \`command\` | 102,714 | 32,673 | 26,784 | 17,727 | 4,555 | 3,687 |
 | \`copy-button\` | 115,795 | 38,793 | 32,636 | 11,861 | 2,986 | 2,471 |
@@ -2210,7 +2210,7 @@ Structure, accessibility, state and form participation. No presentation, and no
 | \`qr-code\` | 40,248 | 13,998 | 12,337 | 12,981 | 4,656 | 4,031 |
 | \`quote\` | 27,843 | 9,447 | 8,286 | 552 | 134 | 57 |
 | \`radio\` | 37,689 | 11,931 | 10,493 | 3,188 | 843 | 588 |
-| \`rating\` | 39,867 | 12,764 | 11,258 | 5,806 | 1,667 | 1,289 |
+| \`rating\` | 40,588 | 12,985 | 11,487 | 6,527 | 1,917 | 1,495 |
 | \`scatter-chart\` | 74,272 | 25,238 | 22,250 | 11,456 | 3,464 | 2,825 |
 | \`scroll-area\` | 30,086 | 10,129 | 8,898 | 2,743 | 794 | 561 |
 | \`select\` | 124,657 | 40,903 | 34,302 | 15,466 | 3,953 | 3,094 |
@@ -2227,8 +2227,8 @@ Structure, accessibility, state and form participation. No presentation, and no
 | \`tabs\` | 35,366 | 11,471 | 10,105 | 4,179 | 932 | 765 |
 | \`tag\` | 75,927 | 25,307 | 20,762 | 897 | 189 | 135 |
 | \`textarea\` | 38,413 | 12,129 | 10,701 | 4,018 | 1,105 | 818 |
-| \`time-input\` | 142,645 | 45,442 | 38,118 | 28,117 | 7,013 | 5,847 |
-| \`time-picker\` | 103,020 | 33,318 | 27,355 | 18,974 | 5,165 | 4,245 |
+| \`time-input\` | 142,721 | 45,464 | 38,189 | 28,193 | 7,034 | 5,838 |
+| \`time-picker\` | 103,096 | 33,337 | 27,370 | 19,050 | 5,186 | 4,235 |
 | \`timeline\` | 76,459 | 25,298 | 20,882 | 1,894 | 404 | 311 |
 | \`toast\` | 79,658 | 26,392 | 21,676 | 4,005 | 949 | 739 |
 | \`toggle\` | 39,761 | 12,532 | 11,047 | 3,715 | 967 | 703 |
@@ -2267,8 +2267,8 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
 | \`checkbox-group\` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
 | \`code\` | 28,016 | 9,451 | 8,325 | 1,511 | 376 | 322 |
 | \`code-block\` | 137,648 | 43,288 | 36,515 | 33,691 | 7,272 | 6,215 |
-| \`color-input\` | 167,798 | 48,761 | 41,224 | 58,514 | 11,684 | 10,070 |
-| \`color-picker\` | 129,619 | 37,377 | 31,101 | 47,195 | 9,764 | 8,457 |
+| \`color-input\` | 168,602 | 48,943 | 41,391 | 59,318 | 11,853 | 10,171 |
+| \`color-picker\` | 130,423 | 37,563 | 31,217 | 47,999 | 9,955 | 8,478 |
 | \`combobox\` | 147,074 | 45,390 | 38,194 | 35,138 | 7,732 | 6,535 |
 | \`command\` | 113,177 | 34,703 | 28,568 | 28,176 | 6,604 | 5,583 |
 | \`copy-button\` | 125,799 | 40,567 | 34,118 | 21,847 | 4,700 | 3,965 |
@@ -2315,7 +2315,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
 | \`qr-code\` | 41,911 | 14,428 | 12,719 | 14,626 | 5,111 | 4,441 |
 | \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
 | \`radio\` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
-| \`rating\` | 42,824 | 13,689 | 12,046 | 8,745 | 2,557 | 2,134 |
+| \`rating\` | 44,827 | 14,184 | 12,491 | 10,749 | 3,100 | 2,561 |
 | \`sandbox\` | 62,985 | 17,303 | 15,338 | 34,890 | 7,689 | 6,601 |
 | \`scatter-chart\` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
 | \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
@@ -2334,8 +2334,8 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
 | \`tag\` | 79,131 | 26,169 | 21,479 | 4,086 | 1,024 | 999 |
 | \`text\` | 31,284 | 10,085 | 8,852 | 3,987 | 789 | 625 |
 | \`textarea\` | 41,750 | 12,939 | 11,399 | 7,341 | 1,934 | 1,473 |
-| \`time-input\` | 163,884 | 48,943 | 41,231 | 49,341 | 10,560 | 8,986 |
-| \`time-picker\` | 114,496 | 35,448 | 29,328 | 30,445 | 7,350 | 6,212 |
+| \`time-input\` | 163,960 | 48,965 | 41,256 | 49,417 | 10,580 | 8,898 |
+| \`time-picker\` | 114,572 | 35,469 | 29,273 | 30,521 | 7,371 | 6,237 |
 | \`timeline\` | 79,737 | 26,050 | 21,519 | 5,160 | 1,145 | 1,025 |
 | \`toast\` | 87,191 | 28,068 | 23,098 | 11,526 | 2,596 | 2,192 |
 | \`toggle\` | 44,748 | 13,689 | 12,098 | 8,694 | 2,129 | 1,712 |
@@ -2359,11 +2359,11 @@ column is what was removed rather than part of what remains.
 | Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
 |---|---|---|---|---|
 | \`@fusion.dev/helix-core\` | 847,310 | 123 | 186,573 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
-| \`@fusion.dev/helix-headless\` | 11,217,398 | 472 | 857,136 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
+| \`@fusion.dev/helix-headless\` | 11,268,802 | 472 | 859,864 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
 | \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
 | \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
 | \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
-| \`@fusion.dev/helix\` | 12,248,608 | 798 | 338,163 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
+| \`@fusion.dev/helix\` | 12,288,780 | 798 | 338,315 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
 
 ## Not measured yet
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-docs",
   "description": "Versioned documentation content and registry for Helix.",
-  "version": "0.47.1",
+  "version": "0.48.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -36,8 +36,8 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.47.1",
-    "@fusion.dev/helix-testing": "0.47.1",
+    "@fusion.dev/helix-cem": "0.48.0",
+    "@fusion.dev/helix-testing": "0.48.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "lit": "^3.2.1",
     "playwright": "^1.62.1"