basalt-ui 1.27.0 → 1.28.0

package/dist/theme-lab/index.js

@@ -15,76 +15,16 @@ import {
 import { useState } from "react";
 import { BP } from "../tokens/palette.js";
 import { VX } from "../tokens/index.js";
+import {
+  applyOverrides,
+  AREA_BOTTOM_VAR,
+  AREA_TOP_VAR,
+  COLOR_GROUPS,
+  loadOverrides,
+  readVar,
+  saveOverrides
+} from "./boot.js";
 import { DeriveControls } from "./derive-controls.js";
-const AREA_TOP_VAR = "--vx-area-top";
-const AREA_BOTTOM_VAR = "--vx-area-bottom";
-const COLOR_GROUPS = [
-  {
-    // `excellent` (top-of-scale grade) and `neutral` (mid-scale) keep their own hand-authored BP
-    // families (`p(BP.forest)` / `p(BP.gray, 1, 2)`) — unlike `good`/`warn`/`bad`, which are the
-    // SAME derived hues as `Semantic` and are not independently tunable here.
-    title: "Status (chart-only)",
-    items: [
-      { var: "--vx-status-excellent", label: "Excellent" },
-      { var: "--vx-status-neutral", label: "Neutral" }
-    ]
-  },
-  {
-    // Chart line/dot chrome — hand-authored off the zinc `BP.gray`/`BP.white`/`BP.darkGray`
-    // families, independent of the derive config.
-    title: "Chart chrome",
-    items: [
-      { var: "--vx-line", label: "Line" },
-      { var: "--vx-line2", label: "Line 2" },
-      { var: "--vx-dot-stroke", label: "Dot stroke" }
-    ]
-  },
-  {
-    // The floating-layer surface (menus, popovers, tooltips, modals, drawers) — the one SURFACE
-    // stop the derive engine has no law for, so it stays a hand-picked hex/color-mix().
-    title: "Surface",
-    items: [{ var: "--vx-surface-overlay", label: "Overlay" }]
-  }
-];
-const COLOR_VARS = COLOR_GROUPS.flatMap((g) => g.items.map((i) => i.var));
-const MANAGED_VARS = [...COLOR_VARS, AREA_TOP_VAR, AREA_BOTTOM_VAR];
-const KEY = "basalt-theme-lab";
-function loadOverrides() {
-  try {
-    const raw = localStorage.getItem(KEY);
-    return raw ? JSON.parse(raw) : {};
-  } catch {
-    return {};
-  }
-}
-function saveOverrides(o) {
-  try {
-    localStorage.setItem(KEY, JSON.stringify(o));
-  } catch {
-  }
-}
-function applyOverrides(o) {
-  const el = document.documentElement;
-  for (const v of MANAGED_VARS) el.style.removeProperty(v);
-  for (const [k, val] of Object.entries(o)) {
-    if (val) el.style.setProperty(k, val);
-  }
-}
-function readVar(name) {
-  const raw = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
-  if (raw.startsWith("#")) return raw;
-  if (!raw) return "";
-  const probe = document.createElement("span");
-  probe.style.display = "none";
-  probe.style.color = `var(${name})`;
-  document.body.appendChild(probe);
-  const computed = getComputedStyle(probe).color;
-  probe.remove();
-  const channels = computed.match(/[\d.]+/g);
-  if (!channels || channels.length < 3) return raw;
-  const hex = channels.slice(0, 3).map((c) => Math.round(Number(c)).toString(16).padStart(2, "0")).join("");
-  return `#${hex}`;
-}
 const SWATCHES = [
   BP.blue[2],
   BP.cerulean[2],

package/dist/theme-toggle/index.d.ts

@@ -1,8 +1,9 @@
-export type ThemeToggleProps = {
+import type { BasaltProps } from '../common/props.js';
+export type ThemeToggleProps = BasaltProps & {
     /** Delay (ms) before the direct-select popover opens on hover/focus. Default 150. */
     openDelay?: number;
     /** Delay (ms) before it closes after the pointer/focus leaves. Default 200. */
     closeDelay?: number;
 };
-export declare function ThemeToggle({ openDelay, closeDelay }?: ThemeToggleProps): import("react").JSX.Element;
+export declare function ThemeToggle({ openDelay, closeDelay, className, style, }?: ThemeToggleProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/theme-toggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme-toggle/index.tsx"],"names":[],"mappings":"AA8GA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAOD,wBAAgB,WAAW,CAAC,EAAE,SAAe,EAAE,UAAgB,EAAE,GAAE,gBAAqB,+BA8DvF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme-toggle/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAqFlD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAOD,wBAAgB,WAAW,CAAC,EAC1B,SAAe,EACf,UAAgB,EAChB,SAAS,EACT,KAAK,GACN,GAAE,gBAAqB,+BA+DvB"}

package/dist/theme-toggle/index.js

@@ -84,7 +84,12 @@ function SchemeGlyph({ dark, reduceMotion }) {
 function nextScheme(current) {
   return CYCLE[(CYCLE.indexOf(current) + 1) % CYCLE.length];
 }
-function ThemeToggle({ openDelay = 150, closeDelay = 200 } = {}) {
+function ThemeToggle({
+  openDelay = 150,
+  closeDelay = 200,
+  className,
+  style
+} = {}) {
   const { colorScheme, setColorScheme } = useMantineColorScheme();
   const resolved = useComputedColorScheme("dark");
   const reduceMotion = useReducedMotion();
@@ -114,7 +119,8 @@ function ThemeToggle({ openDelay = 150, closeDelay = 200 } = {}) {
           {
             variant: "subtle",
             color: "gray",
-            style: { borderRadius: "var(--vx-radius-ctrl)" },
+            ...className !== void 0 && { className },
+            style: { borderRadius: "var(--vx-radius-ctrl)", ...style },
             "aria-label": `Theme: ${LABEL[colorScheme]}. Click to cycle, hover to pick directly.`,
             onClick: () => setColorScheme(nextScheme(colorScheme)),
             onMouseEnter: scheduleOpen,

package/dist/tokens/index.d.ts

@@ -127,6 +127,48 @@ export declare const VX: {
         readonly left: number;
     };
     readonly minPxPerTick: 55;
+    /**
+     * Floor on a chart's plot rect height, in px (`ChartFrame`). A legend wrapping to five rows at
+     * phone width used to eat a fixed `height={240}` toward zero and the plot simply stopped
+     * rendering — the plot never shrinks past this, the frame grows instead (or, under `fill`, the
+     * legend rolls up).
+     */
+    readonly minPlotHeight: 120;
+    /**
+     * The measured CONTAINER width, in px, below which a chart resolves to its phone tier
+     * (`resolveChartTier`, `docs/CHARTS-SPEC.md` §8): one step smaller legend and tick fonts,
+     * tightened margin floors, a smaller crosshair dot, a narrower tooltip, and a two-entry legend
+     * rollup.
+     *
+     * Deliberately NOT a media query and NOT a `theme.breakpoints` value. A chart in a two-column
+     * grid cell on a 1440px desktop is as narrow as one on a phone, and only the element's own
+     * measured box knows that — the viewport does not. It also keeps the chart layer Mantine-free:
+     * `theme.breakpoints` lives on the coupled side of the boundary.
+     */
+    readonly phoneChartWidth: 480;
+};
+/**
+ * Layout breakpoints, in px, for the places CSS cannot read a custom property.
+ *
+ * A `@media` query's condition is resolved before custom properties exist, so
+ * `@media (max-width: var(--x))` is invalid CSS — a stylesheet with a responsive rule has no
+ * choice but to write the number. This constant is the other half of that literal: the CSS states
+ * the number and names the token beside it, and a test asserts the two agree
+ * (`content/article-layout.breakpoint.test.ts`, the same "literal must match the token" idiom as
+ * `styles.floor.test.ts`).
+ *
+ * Only breakpoints that are genuinely a CSS-authored `@media` belong here. A component that can
+ * measure its own box uses the measurement instead (`VX.phoneChartWidth`), and Mantine chrome uses
+ * `theme.breakpoints`.
+ */
+export declare const BREAKPOINTS: {
+    /**
+     * `content/article-layout.module.css` — below this the TOC rail is dropped and the article
+     * collapses to a single centred column. Well above the `sm` (48em/768px) shell breakpoint on
+     * purpose: the rail needs the prose measure PLUS its own width plus the column gap, which runs
+     * out long before the shell goes mobile.
+     */
+    readonly article: 1200;
 };
 /** Resolved chart plot-area margins — the return shape of {@link chartMargin}. */
 export type ChartMargin = {

package/dist/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}

package/dist/tokens/index.js

@@ -176,7 +176,35 @@ const VX = {
     bottom: SPACE_STEP.chartMarginBottom,
     left: SPACE_STEP.chartMarginLeft
   },
-  minPxPerTick: 55
+  minPxPerTick: 55,
+  /**
+   * Floor on a chart's plot rect height, in px (`ChartFrame`). A legend wrapping to five rows at
+   * phone width used to eat a fixed `height={240}` toward zero and the plot simply stopped
+   * rendering — the plot never shrinks past this, the frame grows instead (or, under `fill`, the
+   * legend rolls up).
+   */
+  minPlotHeight: 120,
+  /**
+   * The measured CONTAINER width, in px, below which a chart resolves to its phone tier
+   * (`resolveChartTier`, `docs/CHARTS-SPEC.md` §8): one step smaller legend and tick fonts,
+   * tightened margin floors, a smaller crosshair dot, a narrower tooltip, and a two-entry legend
+   * rollup.
+   *
+   * Deliberately NOT a media query and NOT a `theme.breakpoints` value. A chart in a two-column
+   * grid cell on a 1440px desktop is as narrow as one on a phone, and only the element's own
+   * measured box knows that — the viewport does not. It also keeps the chart layer Mantine-free:
+   * `theme.breakpoints` lives on the coupled side of the boundary.
+   */
+  phoneChartWidth: 480
+};
+const BREAKPOINTS = {
+  /**
+   * `content/article-layout.module.css` — below this the TOC rail is dropped and the article
+   * collapses to a single centred column. Well above the `sm` (48em/768px) shell breakpoint on
+   * purpose: the rail needs the prose measure PLUS its own width plus the column gap, which runs
+   * out long before the shell goes mobile.
+   */
+  article: 1200
 };
 function chartMargin(opts) {
   const widenedRight = opts?.rightAxis ? Math.max(VX.margin.right, SPACE_STEP.chartMarginRightAxis) : VX.margin.right;
@@ -368,7 +396,6 @@ function spaceDecls(space) {
     decl("space-settings-row-inset-y", `${space.step.settingsRowInsetY}px`),
     decl("space-settings-row-gap", `${space.step.settingsRowGap}px`),
     decl("space-mermaid-container-inset", `${space.step.mermaidContainerInset}px`),
-    decl("space-sidebar-brand-inset-top", `${space.step.sidebarBrandInsetTop}px`),
     decl("space-sidebar-brand-inset-x", `${space.step.sidebarBrandInsetX}px`),
     decl("space-sidebar-section-gap", `${space.step.sidebarSectionGap}px`),
     decl("space-sidebar-account-inset-top", `${space.step.sidebarAccountInsetTop}px`),
@@ -412,10 +439,11 @@ function spaceDecls(space) {
     // `chartLegendGap`/`chartMarginTop`/`chartMarginRight`/`chartMarginBottom`/`chartMarginLeft`/
     // `chartDotR`/`progressBarSize`/`timelineBullet` are DELIBERATELY absent — see this function's
     // doc for why (JS-number-only consumers, zero `var()` reads). `appShellHeaderHeight`/
-    // `appShellNavbarWidth`/`appShellNavbarRailWidth` join that list —
-    // `shell/index.tsx` reads all three as JS numbers via `useBasaltSpacing()` (Mantine's `AppShell`
-    // `header`/`navbar` props take numbers, not `var()` strings), so a `--vx-space-app-shell-*` decl
-    // here would have had zero consumers, framework-wide, the same dead-weight shape this function's
+    // `appShellNavbarWidth`/`appShellNavbarRailWidth`/`appShellAsideWidth`/`appShellAsideRailWidth`
+    // join that list —
+    // `shell/index.tsx` reads all five as JS numbers via `useBasaltSpacing()` (Mantine's `AppShell`
+    // `header`/`navbar`/`aside` props take numbers, not `var()` strings), so a `--vx-space-app-shell-*`
+    // decl here would have had zero consumers, framework-wide, the same dead-weight shape this function's
     // doc already calls out for the chart/Progress/Timeline group. `sidebarAccountMenuWidth`/
     // `sidebarSettingsMenuWidth` join it too — `app-sidebar-account.tsx`/`app-sidebar.tsx` read both
     // as JS numbers via `useBasaltSpacing()` (Mantine's `<Menu width={…}>` also takes a number).
@@ -593,6 +621,7 @@ ${spaceDecls(space).join("\n")}
 }
 export {
   BP,
+  BREAKPOINTS,
   DEFAULT_DERIVE_CONFIG,
   VX,
   alpha,

package/dist/tokens/palette.d.ts

@@ -450,8 +450,6 @@ declare const SPACE_STEP_BASE: {
     readonly settingsRowGap: 16;
     /** Diagram container's inset (all sides). */
     readonly mermaidContainerInset: 16;
-    /** Brand row's top inset. */
-    readonly sidebarBrandInsetTop: 2;
     /** Brand row's horizontal inset. */
     readonly sidebarBrandInsetX: 7;
     /** Gap between nav sections. */
@@ -504,6 +502,19 @@ declare const SPACE_STEP_BASE: {
     /** AppShell navbar width, collapsed icon rail. Separate from `appShellHeaderHeight` above
      *  despite sharing 48 at level 0 (see that entry's note). */
     readonly appShellNavbarRailWidth: 48;
+    /** AppShell ASIDE width, unfolded — the right-hand panel region a route claims by rendering
+     *  `PageAside` (`docs/ASIDE-SPEC.md` §0). ONE entry for every viewport, same reasoning as
+     *  `appShellNavbarWidth`: below `sm` the aside is permanently collapsed and `PageAside` renders
+     *  its content in the page flow instead, so there is no second value to keep in step.
+     *
+     *  300, wider than the navbar rail column it mirrors, because the panel holds CONTENT (label-
+     *  above inspector rows, a facet list, a panel-width chart) rather than one row of nav labels —
+     *  it is the width the CBBI evidence page arrived at by hand (`docs/ASIDE-SPEC.md` §2, G13). */
+    readonly appShellAsideWidth: 300;
+    /** AppShell aside width, FOLDED — the rail holding the single expand button. Narrower than
+     *  `appShellNavbarRailWidth` (48) on purpose: the navbar rail hosts a full icon nav row and its
+     *  hover targets, this one hosts exactly one `ctl`-tier icon button and nothing else. */
+    readonly appShellAsideRailWidth: 36;
     /** Tab's icon-to-label gap. */
     readonly mobileNavTabGap: 3;
     /** Bar height, EXCLUDING the safe-area inset — Mantine's own `AppShell.footer` rule adds
@@ -518,8 +529,12 @@ declare const SPACE_STEP_BASE: {
     readonly mobileNavTabInsetY: 2;
     /** Active-pill inset around the slot icon, horizontal. */
     readonly mobileNavTabInsetX: 12;
-    /** Menu/sheet row height. Floored at 44px in `deriveSpacing` (Apple HIG 44pt / WCAG 2.5.5 AAA). */
-    readonly mobileNavRowHeight: 44;
+    /** Menu/sheet row height. Floored at 40px in `deriveSpacing` — a deliberate design choice, not
+     *  a WCAG floor: it's the row height shared with the desktop sidebar rows, above the WCAG 2.5.8
+     *  AA minimum (24px) and below the 2.5.5 AAA figure (44px, the size `mobileNavBarHeight`/
+     *  `sheetRowHeight` still hold to) — the shortest box that still reads as ONE row vocabulary with
+     *  the sidebar instead of a bespoke touch size. */
+    readonly mobileNavRowHeight: 40;
     /** More/group `<Menu width={…}>`. JS-consumed, no var — same rationale as
      *  `sidebarSettingsMenuWidth` directly above. */
     readonly mobileNavMenuWidth: 232;
@@ -708,22 +723,26 @@ export declare function scaleSpace(value: number, level: number, multiplier: num
  *    value) below the accessible floor (22px at level -3) while also crowding out its fixed-size icon
  *    and `Kbd` chip.
  *  - `step.stickyHeaderClearance` is not scaled off its own base AT ALL — `SPACE_STEP_BASE` has no
- *    such key any more (see that table's doc). It is computed AFTER the rest of `step`, as
- *    `step.appShellHeaderHeight + anchors.stackMd`. An independent literal can only be tuned against
- *    ONE header height and then drifts from it: the original 84 was tuned against a 48px desktop
- *    header and under-cleared the pre-1.26.0 96px mobile one by 12px at level 0, before density
- *    entered the picture at all. Deriving it removes that whole failure mode — and since 1.26.0 the
- *    AppShell header is ONE 48px row at every viewport (law C14), so the `stickyHeaderClearanceMobile`
- *    half of the old responsive pair is deleted rather than re-derived. The `+ anchors.stackMd`
- *    breathing room (not a bare `+ 0`) keeps a scrolled-to heading off the header's bottom edge, and
- *    tracks density like the header height it is added to, so the margin never freezes at one notch.
- *    Level 0: `48 + 12 = 60` (a deliberate BREAK from the pre-derivation 84 — see
- *    `theme/spacing.test.ts` for why `stickyHeaderClearance` alone is exempt from the byte-identity
- *    gate every other spacing token is held to).
- *    **Consumer coupling (accepted, not hidden):** the value assumes `BasaltShell`'s own AppShell
- *    header height — a `./content` consumer NOT rendering inside `BasaltShell` (e.g. `Prose`/
- *    `ArticleLayout` standalone) gets a clearance number tuned for a header it may not have, and must
- *    override `--vx-space-sticky-header-clearance` itself. Documented on the `./content` surface too
+ *    such key any more (see that table's doc). It is computed AFTER the rest of `step`, and it is
+ *    now exactly `anchors.stackMd` — pure BREATHING ROOM, with no chrome height folded into it.
+ *    It used to be `step.appShellHeaderHeight + anchors.stackMd` (60 at level 0), which was correct
+ *    while the DOCUMENT scrolled under a fixed 48px app header. It no longer does: `BasaltShell`
+ *    makes `AppShell.Main` the scrollport (`shell/app-main.module.css`), and the header sits OUTSIDE
+ *    that box — so a clearance that still counted the header parked every scrolled-to heading and
+ *    every sticky rail 48px too far down, inside the content instead of above it.
+ *    What the two consumers need is the chrome INSIDE the scrollport — but `PageBar` row 2 now
+ *    portals into a shell-owned band outside the scrollport (see `shell/page-bar.tsx`), so there is
+ *    no page-bar term left to add: both `content/prose.module.css`'s `scroll-margin-top` and
+ *    `content/article-layout.module.css`'s `.tocRail` now use `--vx-space-sticky-header-clearance`
+ *    alone. Keeping the token free of any chrome assumption is what makes it honest on a page with
+ *    no page bar, which is most of them.
+ *    The value still tracks density (it IS a density anchor), so the margin never freezes at one
+ *    notch. Level 0: 12 (a second deliberate BREAK from the byte-identity gate — see
+ *    `theme/spacing.test.ts` for why `stickyHeaderClearance` alone is exempt from it).
+ *    **Consumer coupling (removed, not hidden):** the value no longer assumes ANY header height, so
+ *    a `./content` consumer outside `BasaltShell` (e.g. `Prose`/`ArticleLayout` standalone) gets a
+ *    number that is correct for it too. A consumer with its OWN fixed chrome above the scrollport
+ *    still overrides `--vx-space-sticky-header-clearance`. Documented on the `./content` surface too
  *    (`docs/CONTENT-SPEC.md` §5), not only here.
  *
  * `rowLineHeight` is the ONE exception to the multiplier entirely: `1.35 + ROW_LINE_HEIGHT_STEP *
@@ -897,7 +916,6 @@ export declare const SPACE_STEP: {
     readonly settingsRowInsetY: number;
     readonly settingsRowGap: number;
     readonly mermaidContainerInset: number;
-    readonly sidebarBrandInsetTop: number;
     readonly sidebarBrandInsetX: number;
     readonly sidebarSectionGap: number;
     readonly sidebarAccountInsetTop: number;
@@ -915,6 +933,8 @@ export declare const SPACE_STEP: {
     readonly appShellHeaderHeight: number;
     readonly appShellNavbarWidth: number;
     readonly appShellNavbarRailWidth: number;
+    readonly appShellAsideWidth: number;
+    readonly appShellAsideRailWidth: number;
     readonly mobileNavTabGap: number;
     readonly mobileNavBarHeight: number;
     readonly mobileNavIconSize: number;
@@ -994,8 +1014,8 @@ declare function buildPaletteDataUncached(config: DeriveConfig): {
         };
         readonly field: ColorPair;
         readonly divider: {
-            readonly light: "color-mix(in srgb, #e5e5e5 65%, transparent)";
-            readonly dark: "color-mix(in srgb, #ffffff 6%, transparent)";
+            readonly light: string;
+            readonly dark: "rgba(255, 255, 255, 0.08)";
         };
     };
     INK: {
@@ -1207,8 +1227,8 @@ export declare const SURFACE: {
     };
     readonly field: ColorPair;
     readonly divider: {
-        readonly light: "color-mix(in srgb, #e5e5e5 65%, transparent)";
-        readonly dark: "color-mix(in srgb, #ffffff 6%, transparent)";
+        readonly light: string;
+        readonly dark: "rgba(255, 255, 255, 0.08)";
     };
 };
 export {};

package/dist/tokens/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/tokens/palette.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/tokens/palette.ts"],"names":[],"mappings":"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"}

package/dist/tokens/palette.js

@@ -352,8 +352,6 @@ const SPACE_STEP_BASE = {
   /** Diagram container's inset (all sides). */
   mermaidContainerInset: 16,
   // ── shell/app-sidebar.module.css (beyond the shared/reused anchors above) ────────────────────
-  /** Brand row's top inset. */
-  sidebarBrandInsetTop: 2,
   /** Brand row's horizontal inset. */
   sidebarBrandInsetX: 7,
   /** Gap between nav sections. */
@@ -416,6 +414,19 @@ const SPACE_STEP_BASE = {
   /** AppShell navbar width, collapsed icon rail. Separate from `appShellHeaderHeight` above
    *  despite sharing 48 at level 0 (see that entry's note). */
   appShellNavbarRailWidth: 48,
+  /** AppShell ASIDE width, unfolded — the right-hand panel region a route claims by rendering
+   *  `PageAside` (`docs/ASIDE-SPEC.md` §0). ONE entry for every viewport, same reasoning as
+   *  `appShellNavbarWidth`: below `sm` the aside is permanently collapsed and `PageAside` renders
+   *  its content in the page flow instead, so there is no second value to keep in step.
+   *
+   *  300, wider than the navbar rail column it mirrors, because the panel holds CONTENT (label-
+   *  above inspector rows, a facet list, a panel-width chart) rather than one row of nav labels —
+   *  it is the width the CBBI evidence page arrived at by hand (`docs/ASIDE-SPEC.md` §2, G13). */
+  appShellAsideWidth: 300,
+  /** AppShell aside width, FOLDED — the rail holding the single expand button. Narrower than
+   *  `appShellNavbarRailWidth` (48) on purpose: the navbar rail hosts a full icon nav row and its
+   *  hover targets, this one hosts exactly one `ctl`-tier icon button and nothing else. */
+  appShellAsideRailWidth: 36,
   // ── shell/app-mobile-nav.module.css ───────────────────────────────────────────────────────────
   /** Tab's icon-to-label gap. */
   mobileNavTabGap: 3,
@@ -431,8 +442,12 @@ const SPACE_STEP_BASE = {
   mobileNavTabInsetY: 2,
   /** Active-pill inset around the slot icon, horizontal. */
   mobileNavTabInsetX: 12,
-  /** Menu/sheet row height. Floored at 44px in `deriveSpacing` (Apple HIG 44pt / WCAG 2.5.5 AAA). */
-  mobileNavRowHeight: 44,
+  /** Menu/sheet row height. Floored at 40px in `deriveSpacing` — a deliberate design choice, not
+   *  a WCAG floor: it's the row height shared with the desktop sidebar rows, above the WCAG 2.5.8
+   *  AA minimum (24px) and below the 2.5.5 AAA figure (44px, the size `mobileNavBarHeight`/
+   *  `sheetRowHeight` still hold to) — the shortest box that still reads as ONE row vocabulary with
+   *  the sidebar instead of a bespoke touch size. */
+  mobileNavRowHeight: 40,
   /** More/group `<Menu width={…}>`. JS-consumed, no var — same rationale as
    *  `sidebarSettingsMenuWidth` directly above. */
   mobileNavMenuWidth: 232,
@@ -571,15 +586,16 @@ function deriveSpacing(level) {
   anchors.touchControlHeight = Math.max(30, anchors.touchControlHeight);
   const mappedStep = mapSpaceGroup(SPACE_STEP_BASE, level, multiplier);
   mappedStep.sidebarSearchTriggerHeight = Math.max(24, mappedStep.sidebarSearchTriggerHeight);
-  mappedStep.mobileNavBarHeight = Math.max(48, mappedStep.mobileNavBarHeight);
-  mappedStep.mobileNavRowHeight = Math.max(44, mappedStep.mobileNavRowHeight);
+  mappedStep.mobileNavBarHeight = Math.max(49, mappedStep.mobileNavBarHeight);
+  mappedStep.mobileNavRowHeight = Math.max(40, mappedStep.mobileNavRowHeight);
   mappedStep.sheetRowHeight = Math.max(44, mappedStep.sheetRowHeight);
   const step = {
     ...mappedStep,
-    // DERIVED from the header it clears, plus density-tracking breathing room — see this function's
+    // Density-tracking breathing room and NOTHING else — the app header is outside the scrollport
+    // now, so folding its height in here would push every consumer down by it. See this function's
     // doc (third bullet) for the full rationale, and `theme/spacing.test.ts` for why
     // `stickyHeaderClearance` alone is exempt from the level-0 byte-identity gate.
-    stickyHeaderClearance: mappedStep.appShellHeaderHeight + anchors.stackMd
+    stickyHeaderClearance: anchors.stackMd
   };
   return {
     anchors,
@@ -711,12 +727,13 @@ function buildPaletteDataUncached(config) {
     },
     // Input field surface (docs/DESIGN-SPEC.md §5 field idiom) — reads slightly inset ON a panel.
     field: DERIVED.surface.field,
-    // Hand-authored: the generator has no `divider` stop — layout separators (header bottom rule,
-    // sidebar child indent) stay a fixed-opacity color-mix, distinct from the card ring.
-    divider: {
-      light: "color-mix(in srgb, #e5e5e5 65%, transparent)",
-      dark: "color-mix(in srgb, #ffffff 6%, transparent)"
-    }
+    // The SEAM token (docs/DESIGN-SPEC.md §5 "Region seams") — every `AppShell` region edge and
+    // every between-rows rule reads it. A relative alpha over the DERIVED ink, the same law as
+    // `NEUTRAL.grid` above (ink over light, white over dark), so it survives every derive knob and
+    // neutral seed: the old `#e5e5e5` hex flipped polarity at `lightLevel <= -3` and was a grey
+    // line on a slate page. Not the card ring (`hairline`), not the control/overlay line
+    // (`border`). `divider-contrast.test.ts` pins the floor.
+    divider: { light: inkRgba(inkLight, 0.09), dark: "rgba(255, 255, 255, 0.08)" }
   };
   return { ACCENT: ACCENT2, FILL: FILL2, SURFACE: SURFACE2, INK: INK2, NEUTRAL: NEUTRAL2, SEMANTIC: SEMANTIC2, STATUS: STATUS2 };
 }

package/dist/tokens.css

@@ -19,7 +19,7 @@
   --vx-space-stack-md: 12px;
   --vx-space-stack-lg: 16px;
   --vx-space-stack-xl: 24px;
-  --vx-space-sticky-header-clearance: 60px;
+  --vx-space-sticky-header-clearance: 12px;
   --vx-space-nav-icon-gap: 10px;
   --vx-space-sidebar-region-gap: 10px;
   --vx-space-prose-quote-inset-y: 2px;
@@ -83,7 +83,6 @@
   --vx-space-settings-row-inset-y: 10px;
   --vx-space-settings-row-gap: 16px;
   --vx-space-mermaid-container-inset: 16px;
-  --vx-space-sidebar-brand-inset-top: 2px;
   --vx-space-sidebar-brand-inset-x: 7px;
   --vx-space-sidebar-section-gap: 12px;
   --vx-space-sidebar-account-inset-top: 9px;
@@ -100,7 +99,7 @@
   --vx-space-mobile-nav-icon-size: 24px;
   --vx-space-mobile-nav-tab-inset-y: 2px;
   --vx-space-mobile-nav-tab-inset-x: 12px;
-  --vx-space-mobile-nav-row-height: 44px;
+  --vx-space-mobile-nav-row-height: 40px;
   --vx-space-agent-rail-inset-x: 10px;
   --vx-space-agent-part-gap-top: 6px;
   --vx-space-agent-code-inset: 8px;
@@ -217,7 +216,7 @@ html[data-mantine-color-scheme='dark'] {
   --vx-accent-fill: #4374a6;
   --vx-accent-fill-hover: #3c6895;
   --vx-on-accent: #ffffff;
-  --vx-divider: color-mix(in srgb, #ffffff 6%, transparent);
+  --vx-divider: rgba(255, 255, 255, 0.08);
   --vx-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 0 0 1px color-mix(in srgb, #ffffff 4%, transparent);
   --vx-shadow-ctrl: 0 1px 2px rgba(0, 0, 0, 0.35);
   --vx-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px color-mix(in srgb, #ffffff 8%, transparent);
@@ -281,7 +280,7 @@ html[data-mantine-color-scheme='light'] {
   --vx-accent-fill: #4374a6;
   --vx-accent-fill-hover: #3c6895;
   --vx-on-accent: #ffffff;
-  --vx-divider: color-mix(in srgb, #e5e5e5 65%, transparent);
+  --vx-divider: rgba(38, 38, 41, 0.09);
   --vx-shadow-card: 0 1px 2px rgba(28, 25, 23, 0.05), 0 0 0 1px var(--vx-surface-hairline);
   --vx-shadow-ctrl: 0 1px 2px rgba(28, 25, 23, 0.12);
   --vx-shadow-raised: 0 1px 2px rgba(28, 25, 23, 0.1);

package/dist/utils/is-dev.d.ts

@@ -0,0 +1,3 @@
+/** Dev-mode gate. Bundlers constant-fold `process.env.NODE_ENV` so the branch disappears in production builds. */
+export declare function isDev(): boolean;
+//# sourceMappingURL=is-dev.d.ts.map

package/dist/utils/is-dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-dev.d.ts","sourceRoot":"","sources":["../../src/utils/is-dev.ts"],"names":[],"mappings":"AAAA,kHAAkH;AAClH,wBAAgB,KAAK,IAAI,OAAO,CAE/B"}

package/dist/utils/is-dev.js

@@ -0,0 +1,6 @@
+function isDev() {
+  return process.env["NODE_ENV"] !== "production";
+}
+export {
+  isDev
+};

package/dist/widget-header/delta-badge.d.ts

@@ -1,6 +1,12 @@
+export type DeltaPolarity = 'up-good' | 'up-bad' | 'neutral';
 export type DeltaBadgeProps = {
     /** Signed delta driving tone (positive/negative/zero) and, by default, the label magnitude. */
     value: number;
+    /** Which sign reads as the good verdict. `'up-good'` (default) is today's behaviour — positive
+     * success, negative danger. `'up-bad'` inverts it for a metric where a rise is the worse reading.
+     * `'neutral'` renders every sign in the faint tint — a change with no verdict attached. Zero is
+     * always faint regardless. */
+    polarity?: DeltaPolarity;
     /** Formats the value into the label text. Defaults to `${Math.abs(value).toFixed(1)}%`. */
     format?: (value: number) => string;
     /** Render the ▲/▼ direction glyph. Defaults to `true`; a zero value never shows a glyph. */
@@ -9,5 +15,5 @@ export type DeltaBadgeProps = {
      * tone (e.g. `MoM`, `WoW`, `YTD`) — states what the delta is measured against without a hover. */
     period?: string | undefined;
 };
-export declare function DeltaBadge({ value, format, withGlyph, period, }: DeltaBadgeProps): import("react").JSX.Element;
+export declare function DeltaBadge({ value, polarity, format, withGlyph, period, }: DeltaBadgeProps): import("react").JSX.Element;
 //# sourceMappingURL=delta-badge.d.ts.map

package/dist/widget-header/delta-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delta-badge.d.ts","sourceRoot":"","sources":["../../src/widget-header/delta-badge.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,eAAe,GAAG;IAC5B,+FAA+F;IAC/F,KAAK,EAAE,MAAM,CAAA;IACb,2FAA2F;IAC3F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;sGACkG;IAClG,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AAID,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAsB,EACtB,SAAgB,EAChB,MAAM,GACP,EAAE,eAAe,+BAejB"}
+{"version":3,"file":"delta-badge.d.ts","sourceRoot":"","sources":["../../src/widget-header/delta-badge.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B,+FAA+F;IAC/F,KAAK,EAAE,MAAM,CAAA;IACb;;;kCAG8B;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;sGACkG;IAClG,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AAWD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAoB,EACpB,MAAsB,EACtB,SAAgB,EAChB,MAAM,GACP,EAAE,eAAe,+BAejB"}

package/dist/widget-header/delta-badge.js

@@ -2,13 +2,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { alpha, VX } from "../tokens/index.js";
 import classes from "./widget-header.module.css";
 const defaultFormat = (value) => `${Math.abs(value).toFixed(1)}%`;
+function resolveTone(value, polarity) {
+  if (value === 0 || polarity === "neutral") return VX.faint;
+  const rose = value > 0;
+  const good = polarity === "up-good" ? rose : !rose;
+  return good ? VX.status.good : VX.status.bad;
+}
 function DeltaBadge({
   value,
+  polarity = "up-good",
   format = defaultFormat,
   withGlyph = true,
   period
 }) {
-  const tone = value > 0 ? VX.status.good : value < 0 ? VX.status.bad : VX.faint;
+  const tone = resolveTone(value, polarity);
   const glyph = value > 0 ? "\u25B2" : value < 0 ? "\u25BC" : void 0;
   const showGlyph = withGlyph && glyph !== void 0;
   return /* @__PURE__ */ jsxs(

package/dist/widget-header/index.d.ts

@@ -1,3 +1,3 @@
-export { WidgetHeader, type WidgetHeaderProps } from './widget-header.js';
-export { DeltaBadge, type DeltaBadgeProps } from './delta-badge.js';
+export { WidgetHeader, type WidgetHeaderDeltaProps, type WidgetHeaderMetricProps, type WidgetHeaderProps, type WidgetHeaderSlot, type WidgetHeaderTier, type WidgetHeaderTitleProps, } from './widget-header.js';
+export { DeltaBadge, type DeltaBadgeProps, type DeltaPolarity } from './delta-badge.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/widget-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widget-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widget-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA"}