@fusion.dev/helix 0.0.0-dev → 0.0.2

package/dist/data-table/root/data-table-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/data-table/root/data-table-root.css by `bun run styles`. Do not edit.
+// Generated from src/data-table/root/data-table-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;
@@ -18,7 +18,8 @@ display: contents;
 }
 
 [part="cell"] {
-border-block-end: var(--helix-border-thin) solid var(--data-table-rule, var(--helix-color-border));
+border-block-end: var(--helix-border-thin) solid
+var(--data-table-rule-color, var(--helix-color-border));
 color: var(--data-table-color, var(--helix-color-foreground));
 font-family: var(--helix-font-sans);
 font-size: var(--data-table-text, var(--helix-text-sm));
@@ -26,8 +27,13 @@ padding-block: var(--data-table-padding-block, var(--helix-space-sm));
 padding-inline: var(--data-table-padding-inline, var(--helix-space-sm));
 }
 
+[part="row"]:last-of-type [part="cell"] {
+border-block-end-color: transparent;
+}
+
 ::slotted(helix-table-column) {
-border-block-end: var(--helix-border-thin) solid var(--data-table-rule, var(--helix-color-border));
+border-block-end: var(--helix-border-thin) solid
+var(--data-table-rule-color, var(--helix-color-border));
 color: var(--data-table-heading-color, var(--helix-color-foreground-subtle));
 font-family: var(--helix-font-sans);
 font-size: var(--data-table-text, var(--helix-text-sm));

package/dist/data-table/root/data-table-root.d.ts

@@ -35,7 +35,10 @@ import '../../table/index.js';
  * @cssproperty --data-table-heading-color - Ink in a heading.
  * @cssproperty --data-table-padding-block - Space above and below a cell's content.
  * @cssproperty --data-table-padding-inline - Space either side of a cell's content.
- * @cssproperty --data-table-rule - The hairline between rows.
+ * @cssproperty --data-table-rule-color - Color of the hairline between rows. A color
+ * and not a border: it lands in the color slot of a shorthand, so a whole border
+ * written into it produces invalid CSS and drops the rule. Drawn on the cells rather
+ * than the row, which is `display: contents` and measures `0px`.
  * @cssproperty --data-table-text - Type size, headings and cells alike.
  */
 export declare class HelixDataTable extends HelixHeadlessDataTable {

package/dist/data-table/root/data-table-root.js

@@ -42,7 +42,10 @@ import '../../table/index.js';
  * @cssproperty --data-table-heading-color - Ink in a heading.
  * @cssproperty --data-table-padding-block - Space above and below a cell's content.
  * @cssproperty --data-table-padding-inline - Space either side of a cell's content.
- * @cssproperty --data-table-rule - The hairline between rows.
+ * @cssproperty --data-table-rule-color - Color of the hairline between rows. A color
+ * and not a border: it lands in the color slot of a shorthand, so a whole border
+ * written into it produces invalid CSS and drops the rule. Drawn on the cells rather
+ * than the row, which is `display: contents` and measures `0px`.
  * @cssproperty --data-table-text - Type size, headings and cells alike.
  */
 let HelixDataTable = class HelixDataTable extends HelixHeadlessDataTable {

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

@@ -1,4 +1,4 @@
-// Generated from src/date-input/root/date-input-root.css by `bun run styles`. Do not edit.
+// Generated from src/date-input/root/date-input-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="field"] {
 align-items: center;

package/dist/date-picker/root/date-picker-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/date-picker/root/date-picker-root.css by `bun run styles`. Do not edit.
+// Generated from src/date-picker/root/date-picker-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-block;
@@ -178,12 +178,6 @@ outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
 outline-offset: var(--helix-size-focus-offset);
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="day"] {
-transition: none;
-}
-}
-
 :host(:dir(rtl)) [part="previous"] svg,
 :host(:dir(rtl)) [part="next"] svg,
 :host(:dir(rtl)) ::slotted([slot="previous-icon"]),

package/dist/date-picker/root/date-picker-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * difference is the space between days, which belongs to the track rather than
  * to a `gap`, so a range can paint across the whole track and stay continuous.
  *
- * Days from the neighbouring months stay in place and stay selectable, marked
+ * Days from the neighboring months stay in place and stay selectable, marked
  * quieter rather than hidden, so the first and last weeks are whole and the
  * grid reads as a continuous run of dates.
  *

package/dist/date-picker/root/date-picker-root.js

@@ -18,7 +18,7 @@ import { styles } from './date-picker-root.css.js';
  * difference is the space between days, which belongs to the track rather than
  * to a `gap`, so a range can paint across the whole track and stay continuous.
  *
- * Days from the neighbouring months stay in place and stay selectable, marked
+ * Days from the neighboring months stay in place and stay selectable, marked
  * quieter rather than hidden, so the first and last weeks are whole and the
  * grid reads as a continuous run of dates.
  *

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

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

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

@@ -32,6 +32,19 @@ import type { CSSResultGroup } from 'lit';
  * @property size - How wide the panel is allowed to be.
  */
 export declare class HelixDialog extends HelixHeadlessDialog {
+    /**
+     * Which way the panel's contents read.
+     *
+     * One property for the whole panel rather than one per region. The regions are
+     * never mixed in practice: a dialog that asks a short question centers its
+     * mark, its title, its sentence and its buttons together, and a dialog holding
+     * a form runs all four from the start. Three properties would be three ways to
+     * write the same two arrangements, and a fourth way to get one of them wrong.
+     *
+     * Unset is `start` and stays unset, so a reflected default cannot appear on a
+     * host whose server output never had it.
+     */
+    align?: 'center' | 'start';
     /**
      * How wide the panel is allowed to be.
      *
@@ -45,33 +58,15 @@ export declare class HelixDialog extends HelixHeadlessDialog {
      * rather than assigned here, for the reason `Drawer.placement` gives: this
      * reflects, and a default would put `size="md"` into markup no consumer wrote.
      *
-     * **This was `appearance`, and it was the wrong word.** That word said how a
-     * thing *reads*, and here it said how wide the panel is, which its own
-     * description admitted in as many words. It turned out to be the first of
-     * many: `appearance` held four axes across 21 components and #158 retired it
-     * entirely, so this rename was that sweep arriving early at one component.
-     *
      * `size` is right despite the rule that controls have no size, because that
      * rule's own test is whether two of them sitting together could legitimately
      * differ, and it is answering "a ragged row is unwritable". Two dialogs never
      * sit together. One is on screen at a time, in the top layer, and it is the
      * region rather than a control in one, which is the same reason `Avatar` and
-     * `Spinner` keep theirs.
+     * `Spinner` keep theirs. Not `appearance`, which says how a thing reads
+     * rather than how wide it is.
      */
     size?: 'sm' | 'md' | 'lg' | 'full';
-    /**
-     * Which way the panel's contents read.
-     *
-     * One property for the whole panel rather than one per region. The regions are
-     * never mixed in practice: a dialog that asks a short question centers its
-     * mark, its title, its sentence and its buttons together, and a dialog holding
-     * a form runs all four from the start. Three properties would be three ways to
-     * write the same two arrangements, and a fourth way to get one of them wrong.
-     *
-     * Unset is `start` and stays unset, so a reflected default cannot appear on a
-     * host whose server output never had it.
-     */
-    align?: 'center' | 'start';
     static styles: CSSResultGroup;
 }
 declare global {

package/dist/dialog/root/dialog-root.js

@@ -44,10 +44,10 @@ let HelixDialog = class HelixDialog extends HelixHeadlessDialog {
 };
 __decorate([
     property({ reflect: true })
-], HelixDialog.prototype, "size", void 0);
+], HelixDialog.prototype, "align", void 0);
 __decorate([
     property({ reflect: true })
-], HelixDialog.prototype, "align", void 0);
+], HelixDialog.prototype, "size", void 0);
 HelixDialog = __decorate([
     customElement('helix-dialog')
 ], HelixDialog);

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

@@ -1,4 +1,4 @@
-// Generated from src/divider/root/divider-root.css by `bun run styles`. Do not edit.
+// Generated from src/divider/root/divider-root.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/donut-chart/root/donut-chart-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/donut-chart/root/donut-chart-root.css by `bun run styles`. Do not edit.
+// Generated from src/donut-chart/root/donut-chart-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: grid;
@@ -215,21 +215,10 @@ stroke: var(--chart-series);
 stroke-width: var(--donut-chart-stroke);
 }
 
-[part="segment"] {
-transition:
-stroke var(--helix-duration-fast) var(--helix-easing-decelerate),
-stroke-width var(--helix-duration-fast) var(--helix-easing-decelerate);
-}
-
-@media (prefers-reduced-motion: reduce) {
-[part="segment"] {
-transition: none;
-}
-}
-
 [part="segment"] {
 transition:
 r var(--helix-duration-normal) var(--helix-easing-decelerate),
+stroke var(--helix-duration-fast) var(--helix-easing-decelerate),
 stroke-dasharray var(--helix-duration-normal) var(--helix-easing-decelerate),
 stroke-dashoffset var(--helix-duration-normal) var(--helix-easing-decelerate),
 stroke-width var(--helix-duration-fast) var(--helix-easing-decelerate);
@@ -245,13 +234,6 @@ stroke-dasharray: 0 9999;
 transition: r var(--helix-duration-normal) var(--helix-easing-decelerate);
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="segment"],
-[part="track"] {
-transition: none;
-}
-}
-
 [part="segment"] {
 cursor: crosshair;
 }

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

@@ -15,13 +15,12 @@ import '../../tooltip/index.js';
  * A track is drawn under the slices, so a ring whose values do not fill it
  * still reads as a ring with a gap rather than as a broken arc.
  *
- * **How thick the ring is drawn is `hole`, not a CSS hook.** It was
- * `--donut-chart-thickness`, and the stroke's width and the ring's radius have
- * to agree: the outer edge is `r + width / 2`, so setting one in CSS and
- * deriving the other in markup gives a drawing that is wrong in both. Measured
- * with the hook still in place, every ring came out twelve units thick whatever
- * its `hole`, so a pie was a small ring with a hole in it and `large` was drawn
- * larger than the default.
+ * **How thick the ring is drawn is `hole`, not a CSS hook.** The stroke's width
+ * and the ring's radius have to agree: the outer edge is `r + width / 2`, so
+ * setting one in CSS and deriving the other in markup gives a drawing that is
+ * wrong in both. Measured with such a hook in place, every ring came out twelve
+ * units thick whatever its `hole`, so a pie was a small ring with a hole in it
+ * and `large` was drawn larger than the default.
  *
  * @since 0.1.0
  * @status experimental
@@ -63,17 +62,13 @@ export declare class HelixDonutChart extends HelixHeadlessDonutChart {
      * page, leaving a boundary in the series' own color, which is the same trade
      * `BarChart` makes on a column.
      *
-     * **This took three values on 25 Aug 2026, and the note it replaces argued it
-     * could not.** That note was right about the mark: a slice is a stroke on a
-     * ring, the edge *is* the mark, and there is nothing within it to fade. It
-     * concluded that `outlined` would mean drawing slices as filled paths instead
-     * of arcs, and called that changing what a donut is to satisfy a word.
-     *
-     * What it did not weigh is that the two can both be there. The arc still draws
-     * the slice and still carries the animation, and a closed path traces the same
-     * wedge beside it for anything that needs a boundary. Nothing about the donut
-     * changed; something was added next to it. See `renderEdge` on the tier below
-     * for why the dash could not simply be replaced.
+     * **A slice is a stroke on a ring, so `outlined` is a second mark rather than
+     * a change to the first.** The edge *is* the mark and there is nothing within
+     * it to fade, so the arc keeps drawing the slice and carrying the animation
+     * and a closed path traces the same wedge beside it. Redrawing slices as
+     * filled paths instead of arcs would be changing what a donut is to satisfy a
+     * word. See `renderEdge` on the tier below for why the dash could not simply
+     * be replaced.
      *
      * The value that stays refused is `ghost`, which on a ring is a chart with no
      * slices.
@@ -99,7 +94,7 @@ export declare class HelixDonutChart extends HelixHeadlessDonutChart {
      *
      * **`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/donut-chart/root/donut-chart-root.js

@@ -24,13 +24,12 @@ import '../../tooltip/index.js';
  * A track is drawn under the slices, so a ring whose values do not fill it
  * still reads as a ring with a gap rather than as a broken arc.
  *
- * **How thick the ring is drawn is `hole`, not a CSS hook.** It was
- * `--donut-chart-thickness`, and the stroke's width and the ring's radius have
- * to agree: the outer edge is `r + width / 2`, so setting one in CSS and
- * deriving the other in markup gives a drawing that is wrong in both. Measured
- * with the hook still in place, every ring came out twelve units thick whatever
- * its `hole`, so a pie was a small ring with a hole in it and `large` was drawn
- * larger than the default.
+ * **How thick the ring is drawn is `hole`, not a CSS hook.** The stroke's width
+ * and the ring's radius have to agree: the outer edge is `r + width / 2`, so
+ * setting one in CSS and deriving the other in markup gives a drawing that is
+ * wrong in both. Measured with such a hook in place, every ring came out twelve
+ * units thick whatever its `hole`, so a pie was a small ring with a hole in it
+ * and `large` was drawn larger than the default.
  *
  * @since 0.1.0
  * @status experimental

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

@@ -1,4 +1,4 @@
-// Generated from src/drawer/root/drawer-root.css by `bun run styles`. Do not edit.
+// Generated from src/drawer/root/drawer-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 
@@ -134,16 +134,6 @@ overflow-y: auto;
 padding-inline: var(--helix-size-focus-reach);
 }
 
-@media (prefers-reduced-motion: reduce) {
-[part="panel"] {
-transition: none;
-}
-
-[part="panel"]::backdrop {
-transition: none;
-}
-}
-
 @media print {
 :host {
 display: none;

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

@@ -47,16 +47,12 @@ export declare class HelixDrawer extends HelixHeadlessDrawer {
      * translucent ground with no filter is a tint, so a consumer says what it
      * wants rather than assembling it out of two hooks.
      *
-     * A drawer is the case where the pair earns the most, because there is already
-     * something behind it worth seeing: the page it covers, under its own scrim.
-     *
      * Absent is opaque, per the rule that a reflected property takes no default,
      * so the stylesheet only describes the departure.
      *
-     * **`transparent` is where this one stops, and that is the statement 270
-     * asks for rather than an omission.** A panel that floats over arbitrary page
-     * content is only readable because it has a ground; dropping it does not make
-     * a lighter drawer, it makes an unreadable one. `frosted` and `glass` are the
+     * **No `transparent`, deliberately.** A panel floating over arbitrary page
+     * content is only readable because it has a ground; dropping it makes an
+     * unreadable drawer rather than a lighter one. `frosted` and `glass` are the
      * two honest points here.
      */
     material?: 'frosted' | 'glass';

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

@@ -1,4 +1,4 @@
-// Generated from src/drilldown/item/drilldown-item.css by `bun run styles`. Do not edit.
+// Generated from src/drilldown/item/drilldown-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/drilldown/root/drilldown-root.css.js

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

package/dist/element-events.generated.js

@@ -1,4 +1,4 @@
-/* Generated by `bun run element-events` from this package's manifest. Do not edit.
+/* Generated by `bun run gen:element-events` from this package's manifest. Do not edit.
  *
  * Which events each tag dispatches, registered so the React prop audit can tell
  * a handler on the wrong element from one on the right one. See

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

@@ -1,4 +1,4 @@
-// Generated from src/empty/root/empty-root.css by `bun run styles`. Do not edit.
+// Generated from src/empty/root/empty-root.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/file-input/root/file-input-root.css.js

@@ -1,4 +1,4 @@
-// Generated from src/file-input/root/file-input-root.css by `bun run styles`. Do not edit.
+// Generated from src/file-input/root/file-input-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="field"] {
 align-items: center;

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

@@ -8,8 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFileInput } from '@fusion.dev/helix-headless/file-input';
 /* Side-effect import, because the tier below renders `<helix-icon>` for each
    file's remove control and a custom element registers on import. Inherited from
-   the base along with the template, which is why it is restated here.
-   `check:composed` enforces it. */
+   the base along with the template, which is why it is restated here. */
 import '../../icon/index.js';
 import '../../tag/index.js';
 import { styles as glyphStyles } from '../../icon/glyph.css.js';

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

@@ -1,4 +1,4 @@
-// Generated from src/flex/root/flex-root.css by `bun run styles`. Do not edit.
+// Generated from src/flex/root/flex-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/flex/root/flex-root.d.ts

@@ -27,6 +27,10 @@ import type { CSSResultGroup, TemplateResult } from 'lit';
  * @slot - The items to lay out.
  */
 export declare class HelixFlex extends HelixElement {
+    /**
+     * Alignment across the direction.
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
     /**
      * Whether items run across or down.
      */
@@ -36,9 +40,9 @@ export declare class HelixFlex extends HelixElement {
      */
     gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
     /**
-     * Alignment across the direction.
+     * Flows with surrounding text instead of taking the full width.
      */
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    inline: boolean;
     /**
      * Distribution along the direction.
      */
@@ -47,10 +51,6 @@ export declare class HelixFlex extends HelixElement {
      * Whether items wrap onto more lines.
      */
     wrap: boolean;
-    /**
-     * Flows with surrounding text instead of taking the full width.
-     */
-    inline: boolean;
     protected render(): TemplateResult;
     static styles: CSSResultGroup;
 }

package/dist/flex/root/flex-root.js

@@ -37,20 +37,23 @@ import { styles } from './flex-root.css.js';
 let HelixFlex = class HelixFlex extends HelixElement {
     constructor() {
         super(...arguments);
-        /**
-         * Whether items wrap onto more lines.
-         */
-        this.wrap = false;
         /**
          * Flows with surrounding text instead of taking the full width.
          */
         this.inline = false;
+        /**
+         * Whether items wrap onto more lines.
+         */
+        this.wrap = false;
     }
     render() {
         return html `<slot></slot>`;
     }
     static { this.styles = styles; }
 };
+__decorate([
+    property({ reflect: true })
+], HelixFlex.prototype, "align", void 0);
 __decorate([
     property({ reflect: true })
 ], HelixFlex.prototype, "direction", void 0);
@@ -58,17 +61,14 @@ __decorate([
     property({ reflect: true })
 ], HelixFlex.prototype, "gap", void 0);
 __decorate([
-    property({ reflect: true })
-], HelixFlex.prototype, "align", void 0);
+    property({ reflect: true, type: Boolean })
+], HelixFlex.prototype, "inline", void 0);
 __decorate([
     property({ reflect: true })
 ], HelixFlex.prototype, "justify", void 0);
 __decorate([
     property({ reflect: true, type: Boolean })
 ], HelixFlex.prototype, "wrap", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean })
-], HelixFlex.prototype, "inline", void 0);
 HelixFlex = __decorate([
     customElement('helix-flex')
 ], HelixFlex);

package/dist/format-date/root/format-date-root.css.js

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

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

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

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

@@ -22,10 +22,18 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
  * @cssproperty --grid-columns - An explicit track list, which wins over `min` and `columns`. For a layout of unequal tracks, which neither attribute can say.
  */
 export declare class HelixGrid extends HelixElement {
+    /**
+     * Alignment of each cell within its row.
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch';
     /**
      * Fixed number of equal columns.
      */
     columns?: number;
+    /**
+     * Space between cells, named on the space scale.
+     */
+    gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
     /**
      * Minimum column width, filling as many as fit.
      *
@@ -33,14 +41,6 @@ export declare class HelixGrid extends HelixElement {
      * is two intentions in one element.
      */
     min: string;
-    /**
-     * Space between cells, named on the space scale.
-     */
-    gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-    /**
-     * Alignment of each cell within its row.
-     */
-    align?: 'start' | 'center' | 'end' | 'stretch';
     /**
      * Writes the track list into the shadow root's own stylesheet.
      *

package/dist/grid/root/grid-root.js

@@ -91,10 +91,9 @@ let HelixGrid = class HelixGrid extends HelixElement {
                 ? `:host { --_grid-template: repeat(auto-fit, minmax(min(${min}, 100%), 1fr)); }`
                 : '';
     }
-    /* `updated` alone, where there was a `firstUpdated` beside it doing the same
-       thing. Lit puts every initial property into the first `changed`, so a grid
-       with a `min` ran `applyTemplate` twice on every mount, and one without it
-       ran it once to write the empty string an empty `<style>` already held. */
+    /* `updated` alone, and never a `firstUpdated` beside it. Lit puts every
+       initial property into the first `changed`, so the pair runs
+       `applyTemplate` twice on every mount of a grid with a `min`. */
     updated(changed) {
         super.updated(changed);
         if (changed.has('min')) {
@@ -107,18 +106,18 @@ let HelixGrid = class HelixGrid extends HelixElement {
     }
     static { this.styles = styles; }
 };
+__decorate([
+    property({ reflect: true })
+], HelixGrid.prototype, "align", void 0);
 __decorate([
     property({ reflect: true, type: Number })
 ], HelixGrid.prototype, "columns", void 0);
-__decorate([
-    property()
-], HelixGrid.prototype, "min", void 0);
 __decorate([
     property({ reflect: true })
 ], HelixGrid.prototype, "gap", void 0);
 __decorate([
-    property({ reflect: true })
-], HelixGrid.prototype, "align", void 0);
+    property()
+], HelixGrid.prototype, "min", void 0);
 HelixGrid = __decorate([
     customElement('helix-grid')
 ], HelixGrid);

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

@@ -1,4 +1,4 @@
-// Generated from src/heatmap/root/heatmap-root.css by `bun run styles`. Do not edit.
+// Generated from src/heatmap/root/heatmap-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 
@@ -44,7 +44,7 @@ display: grid;
 gap: var(--heatmap-gap, var(--helix-space-2xs));
 grid-auto-columns: var(--_heatmap-cell-width);
 grid-auto-flow: column;
-grid-template-rows: repeat(var(--_heatmap-rows, 1), var(--_heatmap-cell-height));
+grid-template-rows: repeat(var(--heatmap-rows, 1), var(--_heatmap-cell-height));
 justify-content: start;
 
 position: relative;