@fusion.dev/helix 0.0.0-dev → 0.0.2

package/dist/sandbox/root/sandbox-root.js

@@ -10,14 +10,13 @@ import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { styles } from './sandbox-root.css.js';
 /** Where the divider sits, and how tall the panel is, before anyone moves them.
-    Named because the properties default to them and `applyPanel` falls back to
-    them, and two copies of a default drift. */
+    Named because the properties default to them and the getters that reset them
+    fall back to them, and two copies of a default drift. */
 const DEFAULT_SPLIT = 50;
-/* One hundred and sixty, not one hundred and ninety-two. The panel is a console
-   a reader glances at, and at 192 it opened taking forty-two percent of the
-   sandbox: the thing being previewed had less room than the log of it. Its own
-   tab bar is forty-eight of that, so this leaves about five lines, which is what
-   a console is read in. Dragging it taller is one gesture and it is remembered. */
+/* One hundred and sixty, not one hundred and ninety-two. At 192 the panel opened
+   taking forty-two percent of the sandbox: the thing being previewed had less
+   room than the log of it. Its own tab bar is forty-eight of that, so this
+   leaves about five lines, which is what a console is read in. */
 const DEFAULT_PANEL = 160;
 /** The most of the sandbox the panel may take, leaving the panes above it. */
 const PANEL_MAX = 0.8;
@@ -38,12 +37,9 @@ const PANEL_MAX = 0.8;
  * a React component into the preview.
  *
  * **The dividers are two nested `helix-splitter`s, not a grid this element
- * drags itself.** It had its own: a five row grid, a stylesheet written to on
- * every pointer move, three pointer handlers, a keyboard handler reading which
- * axes each divider was allowed to move, and a corner placed by hand into the
- * cell where two tracks met. All of it is the splitter's now, including the
- * corner, which arrives on its own wherever a nested splitter crosses the one it
- * is in.
+ * drags itself.** The pointer handling, the keyboard handling and the corner are
+ * all the splitter's, and the corner arrives on its own wherever a nested
+ * splitter crosses the one it is in.
  *
  * The panes are the inner splitter and the panel is the outer one, which is the
  * order that makes the panel span the full width: the outer divider runs edge to
@@ -93,6 +89,30 @@ const PANEL_MAX = 0.8;
 let HelixSandbox = class HelixSandbox extends HelixElement {
     constructor() {
         super(...arguments);
+        /**
+         * Accessible name for the divider that moves both at once.
+         */
+        this.cornerLabel = 'Resize panes and panel';
+        /**
+         * What a reset makes the panel, in pixels.
+         *
+         * The pair to `panel-size`.
+         */
+        this.defaultPanelSize = DEFAULT_PANEL;
+        /**
+         * Where a reset puts the divider, where nothing declared it.
+         *
+         * Separate from `split` for the reason `Splitter` keeps `default-position`
+         * separate from `position`. Resetting to whatever `split` held on the first
+         * render is the declared arrangement only where nobody owns the property: the
+         * workbench does, and restores it from the address bar and from storage, so the
+         * first value it holds is the reader's last session and a reset puts the
+         * sandbox back to the size it already was.
+         *
+         * Declared rather than captured, so it is a number a consumer states and can
+         * change, and it needs no first frame to be read on.
+         */
+        this.defaultSplit = DEFAULT_SPLIT;
         /**
          * Which pane comes first, before the divider.
          *
@@ -111,36 +131,6 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
          * the same thing in both directions: thirty percent to whatever comes first.
          */
         this.lead = 'source';
-        /**
-         * Percentage of the sandbox given to the source pane.
-         */
-        this.split = DEFAULT_SPLIT;
-        /**
-         * Where a reset puts the divider, where nothing declared it.
-         *
-         * Separate from `split` for the reason `Splitter` keeps `default-position`
-         * separate from `position`, and the bug is worth recording because this
-         * element had it after that one was fixed. A double click reset to whatever
-         * `split` held on the first render, which is the declared arrangement only
-         * when nobody owns the property. The workbench owns it, restores it from the
-         * address bar and from storage, so the first value it ever held was the
-         * reader's last session: double clicking reset the sandbox to the size it
-         * already was, which is to say it did nothing at all.
-         *
-         * Declared rather than captured, so it is a number a consumer states and can
-         * change, and it needs no first frame to be read on.
-         */
-        this.defaultSplit = DEFAULT_SPLIT;
-        /**
-         * Height of the panel, in pixels.
-         */
-        this.panelSize = DEFAULT_PANEL;
-        /**
-         * What a reset makes the panel, in pixels.
-         *
-         * The pair to `panel-size`.
-         */
-        this.defaultPanelSize = DEFAULT_PANEL;
         /**
          * What the panel's height becomes when it is closed.
          *
@@ -154,13 +144,17 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
          */
         this.panelLabel = 'Resize panel';
         /**
-         * Accessible name for the divider that moves both at once.
+         * Height of the panel, in pixels.
          */
-        this.cornerLabel = 'Resize panes and panel';
+        this.panelSize = DEFAULT_PANEL;
         /**
          * Accessible name for the divider.
          */
         this.separatorLabel = 'Resize source pane';
+        /**
+         * Percentage of the sandbox given to the source pane.
+         */
+        this.split = DEFAULT_SPLIT;
         /**
          * Whether anything is in the panel region.
          *
@@ -178,16 +172,14 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
          * panel asked for at 192px quietly keeps whatever share of the old height that
          * was.
          *
-         * **Measured at render rather than cached from the observer**, which is the
-         * second design here. The first held the number the observer last reported and
-         * was correct only while the observer was firing, and a `ResizeObserver`
-         * callback is delivered from the rendering lifecycle: a background tab runs
-         * none, so the value went stale with nothing to say so. Reading the box at
-         * render leaves one source of truth, and the observer's only job is to say
-         * that a render is due.
+         * **Measured at render rather than cached from the observer.** A
+         * `ResizeObserver` callback is delivered from the rendering lifecycle and a
+         * background tab runs none, so a cached number goes stale with nothing to say
+         * so. Reading the box at render leaves one source of truth, and the observer's
+         * only job is to say that a render is due.
          *
-         * Cheap, because renders are rare. A drag no longer goes through this element
-         * at all: the splitter follows the pointer itself and announces once, when it
+         * Cheap, because renders are rare: a drag does not go through this element at
+         * all, the splitter following the pointer itself and announcing once, when it
          * settles.
          */
         this.bodyHeight = 0;
@@ -219,15 +211,10 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
                than `event.target`, which is retargeted to the outermost host once the
                event has crossed a shadow boundary.
         
-               Named, not guessed. The rule was that `css` is the stylesheet and
-               anything else is markup, which was true while there were two panes and
-               wrong the moment there was a third: a pane showing the example as JSX
-               announced itself the same way, and the preview rendered the text of a
-               React component as though it were markup.
-        
-               The name used to arrive in the detail, where it was one of four different
-               things that field carried. It is on the pane, which is where a name
-               belongs. */
+               Named, not guessed. Treating anything that is not `css` as markup holds
+               only while there are two panes: a pane showing the example as JSX
+               announces itself the same way, and the preview renders the text of a React
+               component as though it were markup. */
             const pane = event.composedPath()[0];
             if (pane?.name !== 'css' && pane?.name !== 'html') {
                 return;
@@ -285,7 +272,8 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
          * `target` against `currentTarget`, because a source pane's own change bubbles
          * up through these same elements on its way to the host. Only a splitter
          * speaking for itself is one of ours, and only those are stopped: the sandbox
-         * announces `arrangement` and a consumer never sees the two inside it.
+         * announces `helix-before-split` and `helix-before-panel-resize` in their
+         * place, and a consumer never sees the two splitters inside it.
          */
         this.handlePanesChange = (event) => {
             if (event.target !== event.currentTarget) {
@@ -361,12 +349,11 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
     /**
      * Whether a change came from inside this sandbox's source region.
      *
-     * Structural rather than a type check. It was `instanceof
-     * HelixSandboxSource`, which was right until there was a second kind of
-     * pane: the editor is `@fusion.dev/helix-sandbox/editor`, on its own path because it
-     * carries CodeMirror, and naming its class here would pull that back into
-     * this module for every consumer. Where the event came from is a question
-     * about the tree, and the tree can answer it.
+     * Structural rather than a type check. There is more than one kind of pane and
+     * the editor is `@fusion.dev/helix-sandbox/editor`, on its own path because it
+     * carries CodeMirror, so naming its class here would pull that back into this
+     * module for every consumer. Where the event came from is a question about the
+     * tree, and the tree can answer it.
      */
     fromSource(target) {
         if (!(target instanceof Node)) {
@@ -418,11 +405,9 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
      * wrote to storage on its own would be deciding for all of them under a key
      * it chose.
      *
-     * **A verb each, where this was one `helix-before-resize` carrying which of the
-     * two had moved.** Both dividers are this element's, so `composedPath()[0]` is
-     * the same host for either and the name is the only thing that can separate
-     * them. It was the last caller of a field every request in the library carried
-     * for it. See 306.
+     * **A verb each, rather than one `helix-before-resize` naming which of the two
+     * moved.** Both dividers are this element's, so `composedPath()[0]` is the same
+     * host for either and the event name is the only thing that can separate them.
      */
     splitSettled() {
         this.dispatchEvent(new HelixBeforeSplitEvent({ value: String(this.split) }));
@@ -439,9 +424,8 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
         /* And the body is watched again, because `disconnectedCallback` stopped
            watching it. The observer itself survives, being a field rather than
            something `firstUpdated` built, but a disconnected one reports nothing
-           until something calls `observe` again, and only `firstUpdated` did. So a
-           sandbox moved in the DOM came back with its panel sizes frozen.
-           `check:observers` holds this. */
+           until something calls `observe` again. Left to `firstUpdated` alone, a
+           sandbox moved in the DOM comes back with its panel sizes frozen. */
         if (this.hasUpdated) {
             this.watchBody();
         }
@@ -531,23 +515,20 @@ let HelixSandbox = class HelixSandbox extends HelixElement {
     static { this.styles = styles; }
 };
 __decorate([
-    property({ reflect: true })
-], HelixSandbox.prototype, "orientation", void 0);
-__decorate([
-    property()
-], HelixSandbox.prototype, "lead", void 0);
+    property({ attribute: 'corner-label' })
+], HelixSandbox.prototype, "cornerLabel", void 0);
 __decorate([
-    property({ attribute: 'split', type: Number })
-], HelixSandbox.prototype, "split", void 0);
+    property({ attribute: 'default-panel-size', type: Number })
+], HelixSandbox.prototype, "defaultPanelSize", void 0);
 __decorate([
     property({ attribute: 'default-split', type: Number })
 ], HelixSandbox.prototype, "defaultSplit", void 0);
 __decorate([
-    property({ attribute: 'panel-size', type: Number })
-], HelixSandbox.prototype, "panelSize", void 0);
+    property()
+], HelixSandbox.prototype, "lead", void 0);
 __decorate([
-    property({ attribute: 'default-panel-size', type: Number })
-], HelixSandbox.prototype, "defaultPanelSize", void 0);
+    property({ reflect: true })
+], HelixSandbox.prototype, "orientation", void 0);
 __decorate([
     property({ attribute: 'panel-collapsed-size', type: Number })
 ], HelixSandbox.prototype, "panelCollapsedSize", void 0);
@@ -555,11 +536,14 @@ __decorate([
     property({ attribute: 'panel-label' })
 ], HelixSandbox.prototype, "panelLabel", void 0);
 __decorate([
-    property({ attribute: 'corner-label' })
-], HelixSandbox.prototype, "cornerLabel", void 0);
+    property({ attribute: 'panel-size', type: Number })
+], HelixSandbox.prototype, "panelSize", void 0);
 __decorate([
     property({ attribute: 'separator-label' })
 ], HelixSandbox.prototype, "separatorLabel", void 0);
+__decorate([
+    property({ attribute: 'split', type: Number })
+], HelixSandbox.prototype, "split", void 0);
 __decorate([
     state()
 ], HelixSandbox.prototype, "hasPanel", void 0);

package/dist/sandbox/source/sandbox-source.css.js

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

package/dist/sandbox/source/sandbox-source.d.ts

@@ -28,9 +28,9 @@ import type { CSSResultGroup, TemplateResult } from 'lit';
  */
 export declare class HelixSandboxSource extends HelixElement {
     /**
-     * The source being edited.
+     * Accessible name for the editable region.
      */
-    value: string;
+    fieldLabel: string;
     /**
      * Which source this pane holds, echoed in every `helix-before-edit`.
      *
@@ -40,32 +40,27 @@ export declare class HelixSandboxSource extends HelixElement {
      * Not reflected: nothing selects on it, so it keeps a real default instead.
      */
     name: string;
-    /**
-     * Accessible name for the editable region.
-     */
-    fieldLabel: string;
     /**
      * Whether Tab indents rather than moving focus.
      */
     tabIndents: boolean;
+    /**
+     * The source being edited.
+     */
+    value: string;
     /** Set by Escape, so the next Tab leaves the field. */
     private escaped;
     /**
      * Reports where the cursor is, for a status bar to read.
      *
-     * **The shipped shell could not fill its own readout before this.**
-     * `SandboxRoot` binds a `helix-caret` listener and writes `line` and `column`
-     * onto every slotted status bar, and `SandboxStatusBar` renders a `caret` part
-     * as soon as it has both, and both of those ship from `@fusion.dev/helix`. The one
-     * pane that reported a position was `SandboxEditor`, which is in
-     * `@fusion.dev/helix-sandbox` and is `private` while Helix is pre-release. So a
-     * consumer taking the published shell and this pane got a status bar that
-     * could never show a position, and the only fix available to them was a
-     * package they cannot install.
-     *
-     * That is the gap rather than a dead event: the editor has dispatched this
-     * since it was written, and `check:events` has always seen it. What was
-     * missing was the half of the pair that ships.
+     * **This pane has to send it, not only `SandboxEditor`.** `SandboxRoot` binds
+     * a `helix-caret` listener and writes `line` and `column` onto every slotted
+     * status bar, and `SandboxStatusBar` renders a `caret` part as soon as it has
+     * both; all of that ships from `@fusion.dev/helix`, while the editor is in
+     * `@fusion.dev/helix-sandbox` and is `private` while Helix is pre-release. A
+     * consumer taking the published shell and this pane would otherwise get a
+     * status bar that can never show a position, fixable only with a package they
+     * cannot install.
      *
      * The textarea is the only thing that knows, so this is where it belongs.
      * One-based on both axes, which is what an editor shows and what the detail's
@@ -75,12 +70,11 @@ export declare class HelixSandboxSource extends HelixElement {
     /**
      * Announces the edit, then applies it if nobody refused.
      *
-     * **This was the other way round, so `helix-before-edit` was a `before` event
-     * that had already happened.** The value was assigned and the request
-     * dispatched after it, which means `preventDefault()` was accepted and
-     * ignored: a consumer refusing an edit kept the old value in their handler and
-     * the pane held the new one. Every other `before` event in this library is
-     * announced first and applied only if the request stands, and this is that.
+     * **Never the other way round.** Assigning the value and dispatching the
+     * request after it accepts `preventDefault()` and ignores it: a consumer
+     * refusing an edit keeps the old value in their handler while the pane holds
+     * the new one, and `helix-before-edit` becomes a `before` event that has
+     * already happened.
      *
      * `restoreValue` because the textarea has already taken the character
      * whichever way it goes, so a refusal has to put the text back, and it does so
@@ -88,10 +82,8 @@ export declare class HelixSandboxSource extends HelixElement {
      * same helper for the same reason. */
     private readonly handleInput;
     /**
-     * The one place an edit is taken, so a refusal cannot be forgotten at one of them.
-     *
-     * Two paths reach it, a keystroke and the tab that indents, and the second had
-     * the same fault as the first with its own copy of the code.
+     * The one place an edit is taken, so a refusal cannot be forgotten at one of
+     * them. Two paths reach it, a keystroke and the tab that indents.
      */
     private edit;
     private readonly handleKeydown;

package/dist/sandbox/source/sandbox-source.js

@@ -38,9 +38,9 @@ let HelixSandboxSource = class HelixSandboxSource extends HelixElement {
     constructor() {
         super(...arguments);
         /**
-         * The source being edited.
+         * Accessible name for the editable region.
          */
-        this.value = '';
+        this.fieldLabel = 'Example source';
         /**
          * Which source this pane holds, echoed in every `helix-before-edit`.
          *
@@ -50,32 +50,27 @@ let HelixSandboxSource = class HelixSandboxSource extends HelixElement {
          * Not reflected: nothing selects on it, so it keeps a real default instead.
          */
         this.name = 'html';
-        /**
-         * Accessible name for the editable region.
-         */
-        this.fieldLabel = 'Example source';
         /**
          * Whether Tab indents rather than moving focus.
          */
         this.tabIndents = true;
+        /**
+         * The source being edited.
+         */
+        this.value = '';
         /** Set by Escape, so the next Tab leaves the field. */
         this.escaped = false;
         /**
          * Reports where the cursor is, for a status bar to read.
          *
-         * **The shipped shell could not fill its own readout before this.**
-         * `SandboxRoot` binds a `helix-caret` listener and writes `line` and `column`
-         * onto every slotted status bar, and `SandboxStatusBar` renders a `caret` part
-         * as soon as it has both, and both of those ship from `@fusion.dev/helix`. The one
-         * pane that reported a position was `SandboxEditor`, which is in
-         * `@fusion.dev/helix-sandbox` and is `private` while Helix is pre-release. So a
-         * consumer taking the published shell and this pane got a status bar that
-         * could never show a position, and the only fix available to them was a
-         * package they cannot install.
-         *
-         * That is the gap rather than a dead event: the editor has dispatched this
-         * since it was written, and `check:events` has always seen it. What was
-         * missing was the half of the pair that ships.
+         * **This pane has to send it, not only `SandboxEditor`.** `SandboxRoot` binds
+         * a `helix-caret` listener and writes `line` and `column` onto every slotted
+         * status bar, and `SandboxStatusBar` renders a `caret` part as soon as it has
+         * both; all of that ships from `@fusion.dev/helix`, while the editor is in
+         * `@fusion.dev/helix-sandbox` and is `private` while Helix is pre-release. A
+         * consumer taking the published shell and this pane would otherwise get a
+         * status bar that can never show a position, fixable only with a package they
+         * cannot install.
          *
          * The textarea is the only thing that knows, so this is where it belongs.
          * One-based on both axes, which is what an editor shows and what the detail's
@@ -93,12 +88,11 @@ let HelixSandboxSource = class HelixSandboxSource extends HelixElement {
         /**
          * Announces the edit, then applies it if nobody refused.
          *
-         * **This was the other way round, so `helix-before-edit` was a `before` event
-         * that had already happened.** The value was assigned and the request
-         * dispatched after it, which means `preventDefault()` was accepted and
-         * ignored: a consumer refusing an edit kept the old value in their handler and
-         * the pane held the new one. Every other `before` event in this library is
-         * announced first and applied only if the request stands, and this is that.
+         * **Never the other way round.** Assigning the value and dispatching the
+         * request after it accepts `preventDefault()` and ignores it: a consumer
+         * refusing an edit keeps the old value in their handler while the pane holds
+         * the new one, and `helix-before-edit` becomes a `before` event that has
+         * already happened.
          *
          * `restoreValue` because the textarea has already taken the character
          * whichever way it goes, so a refusal has to put the text back, and it does so
@@ -128,10 +122,8 @@ let HelixSandboxSource = class HelixSandboxSource extends HelixElement {
         };
     }
     /**
-     * The one place an edit is taken, so a refusal cannot be forgotten at one of them.
-     *
-     * Two paths reach it, a keystroke and the tab that indents, and the second had
-     * the same fault as the first with its own copy of the code.
+     * The one place an edit is taken, so a refusal cannot be forgotten at one of
+     * them. Two paths reach it, a keystroke and the tab that indents.
      */
     edit(field, next) {
         const request = new HelixBeforeEditEvent({ value: next });
@@ -156,17 +148,17 @@ let HelixSandboxSource = class HelixSandboxSource extends HelixElement {
     static { this.styles = styles; }
 };
 __decorate([
-    property()
-], HelixSandboxSource.prototype, "value", void 0);
+    property({ attribute: 'field-label' })
+], HelixSandboxSource.prototype, "fieldLabel", void 0);
 __decorate([
     property()
 ], HelixSandboxSource.prototype, "name", void 0);
-__decorate([
-    property({ attribute: 'field-label' })
-], HelixSandboxSource.prototype, "fieldLabel", void 0);
 __decorate([
     property({ attribute: 'tab-indents', converter: onUnlessFalse })
 ], HelixSandboxSource.prototype, "tabIndents", void 0);
+__decorate([
+    property()
+], HelixSandboxSource.prototype, "value", void 0);
 HelixSandboxSource = __decorate([
     customElement('helix-sandbox-source')
 ], HelixSandboxSource);

package/dist/sandbox/status-bar/sandbox-status-bar.css.js

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

package/dist/sandbox/terminal/sandbox-terminal.css.js

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

package/dist/sandbox/toolbar/sandbox-toolbar.css.js

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

package/dist/scroll-area/root/scroll-area-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/scroll-area/root/scroll-area-root.css by `bun run styles`. Do not edit.
+// Generated from src/scroll-area/root/scroll-area-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;
@@ -54,8 +54,8 @@ inset-block-end: 0;
 inset-inline: 0;
 }
 
-:host([data-more~="block-start"])::before,
-:host([data-more~="block-end"])::after {
+:host(:state(more-block-start))::before,
+:host(:state(more-block-end))::after {
 opacity: 1;
 }
 
@@ -95,8 +95,8 @@ inline-size: var(--scroll-area-fade-inline-end, var(--scroll-area-fade, var(--he
 inset-inline-end: 0;
 }
 
-:host([data-more~="inline-start"]) [part="edges"]::before,
-:host([data-more~="inline-end"]) [part="edges"]::after {
+:host(:state(more-inline-start)) [part="edges"]::before,
+:host(:state(more-inline-end)) [part="edges"]::after {
 opacity: 1;
 }
 

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

@@ -1,4 +1,4 @@
-// Generated from src/select/root/select-root.css by `bun run styles`. Do not edit.
+// Generated from src/select/root/select-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;
@@ -82,7 +82,7 @@ white-space: nowrap;
 
 background-color: var(--helix-color-surface-overlay);
 
-border-radius: var(--helix-radii-md);
+border-radius: var(--helix-radii-sm);
 box-shadow: var(--select-shadow, var(--helix-shadow-floating));
 
 inline-size: var(--floating-anchor-inline-size, 100%);
@@ -151,13 +151,6 @@ transition: scale var(--helix-duration-fast) var(--helix-easing-standard);
 scale: 1 -1;
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="indicator"],
-::slotted([slot="indicator"]) {
-transition: none;
-}
-}
-
 [part="surface"][hidden],
 [part="surface"]:not(:popover-open) {
 display: none;
@@ -176,12 +169,6 @@ padding: var(--helix-space-none);
 outline: none;
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="trigger"] {
-transition: none;
-}
-}
-
 [part="indicator"] {
 block-size: var(--helix-size-icon-tight);
 color: var(--helix-color-foreground-muted);

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

@@ -50,10 +50,10 @@ export declare class HelixSelect extends HelixHeadlessSelect {
      *
      * **`emphasis` and not `separation`, which the registry decides rather than
      * taste.** Emphasis is asked of controls, how loud this one is; separation is
-     * asked of containers, where the surface ends. A trigger is a control, and
-     * `check:axes` refuses a family that declares both. Two of the four values are
-     * taken: `solid` and `subtle` are a button's way of being the one thing to
-     * press, which is not a thing an answer should ever be.
+     * asked of containers, where the surface ends. A trigger is a control, and a
+     * family may not declare both. Two of the four values are refused: `solid` and
+     * `subtle` are a button's way of being the one thing to press, which is not a
+     * thing an answer should ever be.
      *
      * **The other three fields want this too and do not have it yet.** `Input`,
      * `Textarea` and `Combobox` wear the same frame from the same shared

package/dist/select/root/select-root.js

@@ -12,13 +12,11 @@ import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.c
 import { styles } from './select-root.css.js';
 /* Side-effect imports, because this renders `<helix-listbox>` in its own shadow
    root and a custom element registers on import. Without them a consumer who
-   imported `@fusion.dev/helix/select` and nothing else got a select whose panel
-   never upgraded: an unknown element with unstyled options inside it, and no
-   error anywhere, because an unknown element is legal HTML.
- 
-   The same rule the React wrappers follow, for the same reason. It surfaced
-   first as a spec that passed in the suite and failed alone, which is what a
-   missing registration looks like when some other file happens to supply it. */
+   imports `@fusion.dev/helix/select` and nothing else gets a select whose panel
+   never upgrades: an unknown element with unstyled options inside it, and no
+   error anywhere, because an unknown element is legal HTML. The suite hides it
+   too, some other file happening to supply the registration, so it shows as a
+   spec that passes together and fails alone. */
 import '../../listbox/index.js';
 import '../../option/index.js';
 /**

package/dist/shared/chart/series.css.js

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

package/dist/shared/chart/terminus.css.js

@@ -1,4 +1,4 @@
-// Generated from src/shared/chart/terminus.css by `bun run styles`. Do not edit.
+// Generated from src/shared/chart/terminus.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="terminus"] {
 background-color: currentColor;

package/dist/shared/field/field-inline.css.js

@@ -1,4 +1,4 @@
-// Generated from src/shared/field/field-inline.css by `bun run styles`. Do not edit.
+// Generated from src/shared/field/field-inline.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="hint"],
 [part="feedback"] {

package/dist/shared/field/field-stacked.css.js

@@ -1,4 +1,4 @@
-// Generated from src/shared/field/field-stacked.css by `bun run styles`. Do not edit.
+// Generated from src/shared/field/field-stacked.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="label"] {
 display: block;