@fusion.dev/helix 0.0.0-dev → 0.0.2

package/dist/heatmap/root/heatmap-root.d.ts

@@ -1,7 +1,7 @@
 import { HelixHeadlessHeatmap } from '@fusion.dev/helix-headless/heatmap';
 import type { CSSResultGroup } from 'lit';
 /**
- * @summary A strip of cells coloured by how each one went: uptime, contributions, activity.
+ * @summary A strip of cells colored by how each one went: uptime, contributions, activity.
  *
  * @description
  * One grid, filled down the column and then across, which is what a calendar
@@ -63,18 +63,17 @@ export declare class HelixHeatmap extends HelixHeadlessHeatmap {
     /**
      * The first guess at what this sheet draws, before it has been measured.
      *
-     * **Not a contract any more, and it was a bad one.** `fits()` works against a
-     * measured width and a cell size it has to be told, and being told by hand
-     * meant these sat at the base tier's 8 and 2 against a sheet drawing 12 and 4:
-     * the arithmetic believed a cell cost 10 pixels where it cost 16, so a ninety
-     * day strip drew 940 pixels of cells into a 592 pixel box at 640 and 540 into
-     * 342 at 390, overflowing the document both times while `visible` reported 59
-     * and 34. The number a summary is told to trust was the number that was wrong.
+     * **Not a contract.** `fits()` reads the strip back rather than being told a
+     * cell size by hand, so nothing has to be kept in step and
+     * `--heatmap-cell-inline-size` on its own is enough. Told by hand, these sat
+     * at the base tier's 8 and 2 against a sheet drawing 12 and 4, and the
+     * arithmetic believed a cell cost 10 pixels where it cost 16: a ninety day
+     * strip drew 940 pixels of cells into a 592 pixel box while `visible`
+     * reported 59.
      *
-     * The strip is read back now, so nothing has to be kept in step and
-     * `--heatmap-cell-inline-size` on its own is enough. These two remain because a
-     * measurement arrives one frame after the first paint, and a first paint from
-     * numbers that match the sheet is one that does not move.
+     * These two remain because a measurement arrives one frame after the first
+     * paint, and a first paint from numbers that match the sheet is one that does
+     * not move.
      */
     gap: number;
     /** The drawn cell width, for the reason `gap` is the drawn gap. `0.75rem` at the root font size. */

package/dist/heatmap/root/heatmap-root.js

@@ -8,7 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessHeatmap } from '@fusion.dev/helix-headless/heatmap';
 import { styles } from './heatmap-root.css.js';
 /**
- * @summary A strip of cells coloured by how each one went: uptime, contributions, activity.
+ * @summary A strip of cells colored by how each one went: uptime, contributions, activity.
  *
  * @description
  * One grid, filled down the column and then across, which is what a calendar
@@ -70,18 +70,17 @@ let HelixHeatmap = class HelixHeatmap extends HelixHeadlessHeatmap {
         /**
          * The first guess at what this sheet draws, before it has been measured.
          *
-         * **Not a contract any more, and it was a bad one.** `fits()` works against a
-         * measured width and a cell size it has to be told, and being told by hand
-         * meant these sat at the base tier's 8 and 2 against a sheet drawing 12 and 4:
-         * the arithmetic believed a cell cost 10 pixels where it cost 16, so a ninety
-         * day strip drew 940 pixels of cells into a 592 pixel box at 640 and 540 into
-         * 342 at 390, overflowing the document both times while `visible` reported 59
-         * and 34. The number a summary is told to trust was the number that was wrong.
+         * **Not a contract.** `fits()` reads the strip back rather than being told a
+         * cell size by hand, so nothing has to be kept in step and
+         * `--heatmap-cell-inline-size` on its own is enough. Told by hand, these sat
+         * at the base tier's 8 and 2 against a sheet drawing 12 and 4, and the
+         * arithmetic believed a cell cost 10 pixels where it cost 16: a ninety day
+         * strip drew 940 pixels of cells into a 592 pixel box while `visible`
+         * reported 59.
          *
-         * The strip is read back now, so nothing has to be kept in step and
-         * `--heatmap-cell-inline-size` on its own is enough. These two remain because a
-         * measurement arrives one frame after the first paint, and a first paint from
-         * numbers that match the sheet is one that does not move.
+         * These two remain because a measurement arrives one frame after the first
+         * paint, and a first paint from numbers that match the sheet is one that does
+         * not move.
          */
         this.gap = 4;
         /** The drawn cell width, for the reason `gap` is the drawn gap. `0.75rem` at the root font size. */

package/dist/icon/glyph.css.js

@@ -1,4 +1,4 @@
-// Generated from src/icon/glyph.css by `bun run styles`. Do not edit.
+// Generated from src/icon/glyph.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[data-glyph] {
 block-size: var(--icon-size, var(--helix-size-icon));

package/dist/icon/root/icon-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/icon/root/icon-root.css by `bun run styles`. Do not edit.
+// Generated from src/icon/root/icon-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 block-size: var(--icon-size, var(--helix-size-icon));

package/dist/icon-button/root/icon-button-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/icon-button/root/icon-button-root.css by `bun run styles`. Do not edit.
+// Generated from src/icon-button/root/icon-button-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;
@@ -152,12 +152,6 @@ cursor: not-allowed;
 opacity: 0.5;
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="button"] {
-transition: none;
-}
-}
-
 @media print {
 :host {
 display: none;

package/dist/icon-button/root/icon-button-root.d.ts

@@ -6,7 +6,7 @@ declare const HelixIconButton_base: (new (...args: any[]) => import("../../mixin
  *
  * @description
  * Top-level rather than `Button.Icon`, because a namespace means composition:
- * `Card.Header` is part of a card, and an icon-only button is not part of a
+ * `Tabs.Tab` is part of a tab set, and an icon-only button is not part of a
  * button. It is a button with different content and a different shape, which
  * makes it its own component.
  *
@@ -29,6 +29,15 @@ declare const HelixIconButton_base: (new (...args: any[]) => import("../../mixin
  * @cssproperty --icon-button-size - Edge length of the control.
  */
 export declare class HelixIconButton extends HelixIconButton_base {
+    /**
+     * Whether it is raised off the page it sits on.
+     *
+     * Separate from `shape`, because they are separate facts: a docked control is
+     * raised whatever its outline, and a circle inside a toolbar is not raised at
+     * all. Shadow rather than a border, since what is under a floating control is
+     * the page and a line drawn on the page is not the same as being above it.
+     */
+    raised: boolean;
     /**
      * The outline it is cut to, which is an axis of its own and not a value on one.
      *
@@ -46,15 +55,6 @@ export declare class HelixIconButton extends HelixIconButton_base {
      * `data-dock` in the base layer.
      */
     shape?: 'circle';
-    /**
-     * Whether it is raised off the page it sits on.
-     *
-     * Separate from `shape`, because they are separate facts: a docked control is
-     * raised whatever its outline, and a circle inside a toolbar is not raised at
-     * all. Shadow rather than a border, since what is under a floating control is
-     * the page and a line drawn on the page is not the same as being above it.
-     */
-    raised: boolean;
     static styles: CSSResultGroup;
 }
 declare global {

package/dist/icon-button/root/icon-button-root.js

@@ -14,7 +14,7 @@ import { styles } from './icon-button-root.css.js';
  *
  * @description
  * Top-level rather than `Button.Icon`, because a namespace means composition:
- * `Card.Header` is part of a card, and an icon-only button is not part of a
+ * `Tabs.Tab` is part of a tab set, and an icon-only button is not part of a
  * button. It is a button with different content and a different shape, which
  * makes it its own component.
  *
@@ -51,12 +51,12 @@ let HelixIconButton = class HelixIconButton extends MixinControlSurface(HelixHea
     }
     static { this.styles = styles; }
 };
-__decorate([
-    property({ reflect: true })
-], HelixIconButton.prototype, "shape", void 0);
 __decorate([
     property({ reflect: true, type: Boolean })
 ], HelixIconButton.prototype, "raised", void 0);
+__decorate([
+    property({ reflect: true })
+], HelixIconButton.prototype, "shape", void 0);
 HelixIconButton = __decorate([
     customElement('helix-icon-button')
 ], HelixIconButton);

package/dist/image/root/image-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/image/root/image-root.css by `bun run styles`. Do not edit.
+// Generated from src/image/root/image-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 aspect-ratio: var(--image-aspect, auto);
@@ -60,12 +60,6 @@ transition: opacity var(--helix-duration-normal) var(--helix-easing-standard);
 opacity: 1;
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="image"] {
-transition: none;
-}
-}
-
 @media print {
 :host {
 box-shadow: none;

package/dist/input/root/input-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/input/root/input-root.css by `bun run styles`. Do not edit.
+// Generated from src/input/root/input-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;
@@ -107,14 +107,6 @@ outline-offset: var(--helix-size-focus-offset);
 color: var(--helix-color-foreground);
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="field"],
-[part="clear"],
-[part="reveal"] {
-transition: none;
-}
-}
-
 @media print {
 :host {
 box-shadow: none;

package/dist/kbd/root/kbd-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/kbd/root/kbd-root.css by `bun run styles`. Do not edit.
+// Generated from src/kbd/root/kbd-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;

package/dist/legend/root/legend-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/legend/root/legend-root.css by `bun run styles`. Do not edit.
+// Generated from src/legend/root/legend-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/legend/root/legend-root.d.ts

@@ -8,10 +8,10 @@ import type { CSSResultGroup, PropertyValues } from 'lit';
  * and there is no arrangement of eight names that fits every width. Set
  * `--legend-direction` to `column` where it sits beside one instead.
  *
- * The eight series colours are mapped here rather than in the tier below, which
- * carries the index and holds no tokens. Written as eight rules for the reason
- * `Avatar.Group` writes twelve: an index in markup cannot select a token, and a
- * custom property set inline would be the headless tier naming a color.
+ * The eight series colors are mapped here rather than in the tier below, which
+ * carries the index and holds no tokens. Eight rules, because an index in
+ * markup cannot select a token and a custom property set inline would be the
+ * headless tier naming a color.
  *
  * @since 0.1.0
  * @status experimental
@@ -28,25 +28,6 @@ import type { CSSResultGroup, PropertyValues } from 'lit';
  */
 export declare class HelixLegend extends HelixHeadlessLegend {
     static styles: CSSResultGroup;
-    /**
-     * Where the legend sits and which way its entries run.
-     *
-     * Absent is a wrapping row, which is what sits under a chart. `start` and
-     * `end` stack the entries in a column, for a legend beside one.
-     *
-     * **This says which way the entries run and not where the element is**, which
-     * is the honest limit of a component that is a sibling of the chart rather
-     * than part of it. A legend cannot place itself relative to something it is
-     * not inside, so the consumer still puts it above, below or beside; this
-     * makes it lay out correctly once it is there, which was the part that
-     * previously took a custom property nobody would guess at.
-     *
-     * The alternative was a `legend` slot on every chart, so a chart could place
-     * its own. That is worse: it makes the legend's position a fact about the
-     * chart, so two charts sharing one legend becomes impossible, and it puts a
-     * list inside a drawing that is `aria-hidden`.
-     */
-    placement?: 'end' | 'start';
     /**
      * How much ink the swatches claim.
      *
@@ -58,16 +39,20 @@ export declare class HelixLegend extends HelixHeadlessLegend {
      * toward the page, `subtle` is that edge over a wash, and absent is the filled
      * patch, per the rule that a reflected property takes no default.
      *
-     * **The legend declares it rather than reading it off the chart, and that is a
-     * decision rather than a shortcut.** A legend has no reference to a chart: it
-     * points at a *table* through `for`, which is what lets two charts share one,
-     * and the chart points at the same table independently. Giving it a chart to
-     * read would make a list of names depend on a drawing it is deliberately not
-     * part of, and would still not answer the per-series case, where `outlined` is
-     * a set of names rather than one value. Two attributes carrying the same word
-     * is the honest cost of the legend being a sibling.
+     * **The legend declares it rather than reading it off the chart.** A legend
+     * has no reference to a chart: it points at a *table* through `for`, which is
+     * what lets two charts share one, and the chart points at the same table
+     * independently. Giving it a chart to read would make a list of names depend
+     * on a drawing it is deliberately not part of, and would still not answer the
+     * per-series case, where `outlined` is a set of names rather than one value.
      */
     emphasis?: 'outlined' | 'solid' | 'subtle';
+    /**
+     * Which entries are glass rather than solid, by name.
+     *
+     * Matched as `outlined` is.
+     */
+    glass?: string;
     /**
      * What the swatches are made of.
      *
@@ -86,7 +71,7 @@ export declare class HelixLegend extends HelixHeadlessLegend {
      *
      * **`transparent` is where this one stops.** A mark with no ink is not a
      * material choice, it is an absent series, and a chart says that by not
-     * having the datum rather than by painting it invisibly. See 270.
+     * having the datum rather than by painting it invisibly.
      */
     material?: 'frosted' | 'glass';
     /**
@@ -99,17 +84,29 @@ export declare class HelixLegend extends HelixHeadlessLegend {
      */
     outlined?: string;
     /**
-     * Which entries are drawn as a wash of their color, by name.
+     * Where the legend sits and which way its entries run.
      *
-     * Matched as `outlined` is.
+     * Absent is a wrapping row, which is what sits under a chart. `start` and
+     * `end` stack the entries in a column, for a legend beside one.
+     *
+     * **This says which way the entries run and not where the element is**, which
+     * is the honest limit of a component that is a sibling of the chart rather
+     * than part of it. A legend cannot place itself relative to something it is
+     * not inside, so the consumer still puts it above, below or beside and this
+     * makes it lay out correctly once it is there.
+     *
+     * A `legend` slot on every chart is the obvious alternative and is worse: it
+     * makes the legend's position a fact about the chart, so two charts sharing
+     * one legend becomes impossible, and it puts a list inside a drawing that is
+     * `aria-hidden`.
      */
-    subtle?: string;
+    placement?: 'end' | 'start';
     /**
-     * Which entries are glass rather than solid, by name.
+     * Which entries are drawn as a wash of their color, by name.
      *
      * Matched as `outlined` is.
      */
-    glass?: string;
+    subtle?: string;
     /**
      * Marks each entry with the treatment its name was given.
      *

package/dist/legend/root/legend-root.js

@@ -17,10 +17,10 @@ import { styles } from './legend-root.css.js';
  * and there is no arrangement of eight names that fits every width. Set
  * `--legend-direction` to `column` where it sits beside one instead.
  *
- * The eight series colours are mapped here rather than in the tier below, which
- * carries the index and holds no tokens. Written as eight rules for the reason
- * `Avatar.Group` writes twelve: an index in markup cannot select a token, and a
- * custom property set inline would be the headless tier naming a color.
+ * The eight series colors are mapped here rather than in the tier below, which
+ * carries the index and holds no tokens. Eight rules, because an index in
+ * markup cannot select a token and a custom property set inline would be the
+ * headless tier naming a color.
  *
  * @since 0.1.0
  * @status experimental
@@ -75,12 +75,12 @@ let HelixLegend = class HelixLegend extends HelixHeadlessLegend {
         }
     }
 };
-__decorate([
-    property({ reflect: true })
-], HelixLegend.prototype, "placement", void 0);
 __decorate([
     property({ reflect: true })
 ], HelixLegend.prototype, "emphasis", void 0);
+__decorate([
+    property()
+], HelixLegend.prototype, "glass", void 0);
 __decorate([
     property({ reflect: true })
 ], HelixLegend.prototype, "material", void 0);
@@ -88,11 +88,11 @@ __decorate([
     property()
 ], HelixLegend.prototype, "outlined", void 0);
 __decorate([
-    property()
-], HelixLegend.prototype, "subtle", void 0);
+    property({ reflect: true })
+], HelixLegend.prototype, "placement", void 0);
 __decorate([
     property()
-], HelixLegend.prototype, "glass", void 0);
+], HelixLegend.prototype, "subtle", void 0);
 HelixLegend = __decorate([
     customElement('helix-legend')
 ], HelixLegend);

package/dist/line-chart/root/line-chart-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/line-chart/root/line-chart-root.css by `bun run styles`. Do not edit.
+// Generated from src/line-chart/root/line-chart-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: grid;
@@ -240,13 +240,6 @@ opacity: 0;
 }
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="line"],
-[part="area"] {
-transition: none;
-}
-}
-
 [part="plot"] {
 cursor: crosshair;
 }

package/dist/line-chart/root/line-chart-root.d.ts

@@ -62,14 +62,11 @@ export declare class HelixLineChart extends HelixHeadlessLineChart {
      * carries the reading, which is the trade `BarChart` makes on a column. `solid`
      * takes the wash to full strength and the fill carries it instead.
      *
-     * **This refused `outlined` until 25 Aug 2026, and `area` was the reason
-     * given**: on a column `outlined` is the edge without the loud fill, the line
-     * chart's version of that is the line without its wash, and `area` already says
-     * exactly that. `area` is unchanged and still says it. What the argument
-     * conflated is existence with weight: `area` decides whether a wash is drawn,
-     * which is structural and belongs to the tier below, and emphasis decides which
-     * of the two marks is carrying the reading. Both ends need a wash present and
-     * neither can summon one.
+     * **`outlined` is not `area` said twice**, which is the confusion to hold off:
+     * `area` decides whether a wash is drawn at all, which is structural and
+     * belongs to the tier below, and emphasis decides which of the two marks is
+     * carrying the reading. Both ends of emphasis need a wash present and neither
+     * can summon one.
      *
      * `ghost` would be a chart with no lines.
      */
@@ -94,7 +91,7 @@ export declare class HelixLineChart extends HelixHeadlessLineChart {
      *
      * **`transparent` is where this one stops.** A mark with no ink is not a
      * material choice, it is an absent series, and a chart says that by not
-     * having the datum rather than by painting it invisibly. See 270.
+     * having the datum rather than by painting it invisibly.
      */
     material?: 'frosted' | 'glass';
     static styles: CSSResultGroup;

package/dist/list/item/list-item.css.js

@@ -1,4 +1,4 @@
-// Generated from src/list/item/list-item.css by `bun run styles`. Do not edit.
+// Generated from src/list/item/list-item.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/list/root/list-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/list/root/list-root.css by `bun run styles`. Do not edit.
+// Generated from src/list/root/list-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/list/root/list-root.d.ts

@@ -28,18 +28,15 @@ export declare class HelixList extends HelixHeadlessList {
     /**
      * Where the marker sits.
      *
-     * On the styled tier because it is decoration, which is the other half of the
-     * argument `kind` makes on the headless one: *that* a list is numbered is a
-     * fact about the content, and *where the numbers are drawn* is not. A railed
-     * ordered list and a plain one say the same thing about their rows.
+     * On the styled tier because it is decoration: *that* a list is numbered is a
+     * fact about the content, which `kind` carries on the headless tier, and
+     * *where the numbers are drawn* is not.
      *
      * - unset draws the platform's marker beside the row, which is what a list of
      *   short rows wants.
      * - `rail` draws the ordinal in a track of its own at the start edge of the
      *   block, so the numbers read as a column and every row's text begins at one
-     *   measure. This is how a numbered argument is set: a claim per item, prose
-     *   under it, and the numbering carried down the left rather than tucked
-     *   against the words.
+     *   measure, which is how a numbered argument is set.
      *
      * A rail replaces the marker rather than joining it, so it applies to
      * `unordered` too, where it numbers what a bullet did not.

package/dist/listbox/root/listbox-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/listbox/root/listbox-root.css by `bun run styles`. Do not edit.
+// Generated from src/listbox/root/listbox-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;
@@ -10,8 +10,8 @@ gap: var(--helix-space-2xs);
 
 --option-radius: var(--helix-radii-none);
 
-background-color: var(--helix-color-surface);
-border: var(--helix-border-thin) solid var(--helix-color-border);
+background-color: var(--listbox-background-color, var(--helix-color-surface));
+border: var(--listbox-border, var(--helix-border-thin) solid var(--helix-color-border));
 border-radius: var(--helix-radii-sm);
 display: flex;
 flex-direction: column;

package/dist/listbox/root/listbox-root.d.ts

@@ -18,6 +18,8 @@ import type { CSSResultGroup } from 'lit';
  * @aliases Options, Select list
  * @documentation https://helix.fusion.dev/components/listbox
  *
+ * @cssproperty --listbox-background-color - The panel's fill. `transparent` where the list is already inside one.
+ * @cssproperty --listbox-border - The panel's border, as a shorthand. `none` where the list is already inside one.
  * @cssproperty --listbox-max-block-size - How tall it gets before it scrolls.
  */
 export declare class HelixListbox extends HelixHeadlessListbox {

package/dist/listbox/root/listbox-root.js

@@ -27,6 +27,8 @@ import { styles } from './listbox-root.css.js';
  * @aliases Options, Select list
  * @documentation https://helix.fusion.dev/components/listbox
  *
+ * @cssproperty --listbox-background-color - The panel's fill. `transparent` where the list is already inside one.
+ * @cssproperty --listbox-border - The panel's border, as a shorthand. `none` where the list is already inside one.
  * @cssproperty --listbox-max-block-size - How tall it gets before it scrolls.
  */
 let HelixListbox = class HelixListbox extends HelixHeadlessListbox {

package/dist/loader/root/loader-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/loader/root/loader-root.css by `bun run styles`. Do not edit.
+// Generated from src/loader/root/loader-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 color: inherit;

package/dist/loader/root/loader-root.d.ts

@@ -20,26 +20,22 @@ import type { CSSResultGroup } from 'lit';
  * @cssproperty --loader-track-color - Color of the circle behind it.
  */
 export declare class HelixLoader extends HelixHeadlessLoader {
+    /**
+     * Diameter relative to the surrounding text.
+     */
+    size?: 'sm' | 'md' | 'lg';
     /**
      * How the waiting is drawn.
      *
-     * Unset is the turning arc, which is what most waits want and what this
-     * component was called for years.
+     * Unset is the turning arc, which is what most waits want.
      *
      * `pulse` takes the arc away and lets the middle carry the motion on its own:
      * the ring stays as the quiet outline and swells, and whatever is slotted
      * swells with it, in step. It is the shape for a wait that has a mark to
      * show, a splash or a first paint behind a wordmark, where a rotating rim
      * around a logo reads as chrome bolted to the brand.
-     *
-     * That the component can now be drawn without anything spinning is why it is
-     * no longer called Spinner: the old name described one appearance of two.
      */
     variant?: 'pulse';
-    /**
-     * Diameter relative to the surrounding text.
-     */
-    size?: 'sm' | 'md' | 'lg';
     static styles: CSSResultGroup;
 }
 declare global {

package/dist/loader/root/loader-root.js

@@ -32,10 +32,10 @@ let HelixLoader = class HelixLoader extends HelixHeadlessLoader {
 };
 __decorate([
     property({ reflect: true })
-], HelixLoader.prototype, "variant", void 0);
+], HelixLoader.prototype, "size", void 0);
 __decorate([
     property({ reflect: true })
-], HelixLoader.prototype, "size", void 0);
+], HelixLoader.prototype, "variant", void 0);
 HelixLoader = __decorate([
     customElement('helix-loader')
 ], HelixLoader);

package/dist/megamenu/root/megamenu-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/megamenu/root/megamenu-root.css by `bun run styles`. Do not edit.
+// Generated from src/megamenu/root/megamenu-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;
@@ -45,7 +45,8 @@ background-color: var(--megamenu-background-color, var(--helix-color-background)
 
 border: var(--megamenu-border-width, var(--helix-border-thin)) solid
 light-dark(transparent, var(--helix-color-border));
-border-radius: var(--helix-radii-md);
+
+border-radius: var(--helix-radii-sm);
 box-shadow: var(--megamenu-shadow, var(--helix-shadow-floating));
 box-sizing: border-box;
 

package/dist/menu/item/menu-item.css.js

@@ -1,4 +1,4 @@
-// Generated from src/menu/item/menu-item.css by `bun run styles`. Do not edit.
+// Generated from src/menu/item/menu-item.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;
@@ -76,12 +76,6 @@ slot[name="submenu"] {
 display: contents;
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="item"] {
-transition: none;
-}
-}
-
 :host(:dir(rtl)) [part="mark"][data-submenu] {
 scale: -1 1;
 }`);

package/dist/menu/root/menu-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/menu/root/menu-root.css by `bun run styles`. Do not edit.
+// Generated from src/menu/root/menu-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {