cursedbelt 5.40.0 → 5.45.0

package/dist/react/components/StatStrip.js

@@ -35,7 +35,7 @@ export function StatStrip({ items, orientation = 'horizontal', flat = false, cla
     const fade = useScrollEdgeFade();
     const row = (_jsx("div", { className: cn(horizontal ? 'flex divide-x divide-border' : 'flex flex-col divide-y divide-border', className), children: items.map((item) => {
             const interactive = item.onClick !== undefined;
-            const itemClass = cn('group/stat flex min-w-0 flex-col gap-0.5 text-left', horizontal ? 'min-w-[8.5rem] flex-1 shrink-0 px-3 py-2 first:pl-1 last:pr-1' : 'px-1 py-2.5', interactive &&
+            const itemClass = cn('group/stat flex min-w-0 flex-col gap-0.5 text-left', horizontal ? 'min-w-34 flex-1 shrink-0 px-3 py-2 first:pl-1 last:pr-1' : 'px-1 py-2.5', interactive &&
                 'cursor-pointer rounded-sm transition-colors hover:bg-accent/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring');
             const onKeyDown = interactive
                 ? (e) => {

package/dist/react/components/StatStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatStrip.js","sourceRoot":"","sources":["../../../src/react/components/StatStrip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatStrip.js","sourceRoot":"","sources":["../../../src/react/components/StatStrip.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/StatTile.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Progress {
     value: number;
     max: number;
@@ -11,6 +11,28 @@ interface Progress {
  *  snippets in borders"). `neutral` renders a gray bar (an explicit "inert" reading,
  *  distinct from omitting the prop, which renders no bar at all). */
 export type StatTileTone = 'success' | 'warning' | 'danger' | 'neutral';
+/**
+ * A budget (DAT-9): a quota, a time window or money, drawn as the tile's big value with its
+ * meter DIRECTLY underneath and the window it covers at 12px. The color turns at the
+ * thresholds — warning, then critical — and the readout says in words what the color means
+ * ("60% used"), so the color is never the only signal.
+ */
+export interface StatTileBudget {
+    /** Consumed, in the same unit as `max`. */
+    used: number;
+    max: number;
+    /** The window the budget covers — "Sep 30 21:01 → Oct 1 02:01". */
+    window?: ReactNode;
+    /** Fractions of `max` (0–1) where the color turns. Default 0.85 / 0.95, as `ThresholdMeter`. */
+    thresholds?: {
+        warning: number;
+        critical: number;
+    };
+    /** The words beside the percentage. Default `used`. */
+    verb?: string;
+}
+export type StatValueSize = 'sm' | 'md' | 'lg';
+export declare const StatTileValueSizeProvider: import("react").Provider<StatValueSize | null>;
 export interface StatTileProps {
     label: string;
     value: ReactNode;
@@ -28,7 +50,9 @@ export interface StatTileProps {
      * status-word tiles ("Running" / "Executing" / "Off") must share ONE size — the
      * auto scale would render them at three different sizes purely by string length.
      */
-    valueSize?: 'sm' | 'md' | 'lg';
+    valueSize?: StatValueSize;
+    /** Draw the tile as a budget — see {@link StatTileBudget}. Replaces `progress`. */
+    budget?: StatTileBudget;
     /**
      * Makes the WHOLE tile a click target — {@link StatTileGrid} reads this off its
      * child and turns that cell's card into the pressable surface (hover border
@@ -91,6 +115,9 @@ export interface StatTileProps {
         since?: ReactNode;
     };
 }
+/** The size a value would pick ON ITS OWN — by length, so "Executing" never overflows a
+ *  tile that "42" fits. {@link StatTileGrid} takes the smallest across its tiles. */
+export declare function statValueSize(value: ReactNode): StatValueSize;
 /**
  * A compact dashboard stat: label + big value (auto-sized) + optional sub / spark / progress.
  *
@@ -99,6 +126,6 @@ export interface StatTileProps {
  * `h-full`: a percent height inside an auto-height `flex-wrap` row is circular, and
  * wrapped tiles end up painting over whatever renders below the row.
  */
-export declare function StatTile({ label, value, sub, spark, progress, color, icon, tone, valueSize, onPress, actionHint, help, copyValue, delta, }: StatTileProps): import("react").JSX.Element;
+export declare function StatTile({ label, value, sub, spark, progress, color, icon, tone, valueSize, onPress, actionHint, help, copyValue, delta, budget, }: StatTileProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StatTile.d.ts.map

package/dist/react/components/StatTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;qEAIqE;AACrE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AASxE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;qFACiF;IACjF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,SAAS,CAAC;QACjB;;;;;WAKG;QACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;QAC/B,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;QACpC,4EAA4E;QAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,CAAC;CACH;AAgDD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,GACN,EAAE,aAAa,+BAmHf"}
+{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAUlE,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;qEAIqE;AACrE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AASxE;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gGAAgG;IAChG,UAAU,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAcD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAO/C,eAAO,MAAM,yBAAyB,gDAAyB,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;qFACiF;IACjF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,SAAS,CAAC;QACjB;;;;;WAKG;QACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;QAC/B,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;QACpC,4EAA4E;QAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,CAAC;CACH;AAwCD;qFACqF;AACrF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,aAAa,CAK7D;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,aAAa,+BA+If"}

package/dist/react/components/StatTile.js

@@ -1,17 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Info } from 'lucide-react';
+import { createContext, useContext } from 'react';
 import { cn } from '../lib/cn.js';
 import { CopyButton } from './CopyButton.js';
 import { Sparkline } from './Sparkline.js';
 import { TruncatedText } from './TruncatedText.js';
 import { Tooltip } from './Tooltip.js';
 import { TAP_TARGET_ALWAYS } from '../lib/tapTarget.js';
+import { Progress as ProgressBar } from './Progress.js';
+import { thresholdToneOf } from './ThresholdMeter.js';
 const TONE_BAR = {
     success: 'bg-success',
     warning: 'bg-warning',
     danger: 'bg-destructive',
     neutral: 'bg-border-strong',
 };
+const BUDGET_BAR = {
+    ok: 'bg-accent-solid',
+    warning: 'bg-warning',
+    critical: 'bg-destructive',
+};
+const BUDGET_TEXT = {
+    ok: 'text-muted-foreground',
+    warning: 'text-warning',
+    critical: 'text-destructive',
+};
+/**
+ * The value size a {@link StatTileGrid} imposes on every tile in it (DAT-8: tiles in a row
+ * share ONE value size). `null` outside a grid — a lone tile sizes itself.
+ */
+const GridValueSize = createContext(null);
+export const StatTileValueSizeProvider = GridValueSize.Provider;
 const VALUE_SIZE = { sm: 'text-base', md: 'text-2xl', lg: 'text-3xl' };
 /**
  * Reveal on hover of THIS tile — `group/tile`, which {@link StatTileGrid} puts on
@@ -44,15 +63,15 @@ function defaultCopyText(label, value, sub) {
     const tail = text(sub);
     return tail.length > 0 ? `${head} (${tail})` : head;
 }
-function valueClass(value, valueSize) {
-    if (valueSize)
-        return VALUE_SIZE[valueSize];
+/** The size a value would pick ON ITS OWN — by length, so "Executing" never overflows a
+ *  tile that "42" fits. {@link StatTileGrid} takes the smallest across its tiles. */
+export function statValueSize(value) {
     const s = typeof value === 'string' ? value : typeof value === 'number' ? String(value) : '';
     if (s.length > 12)
-        return 'text-base';
+        return 'sm';
     if (s.length > 7)
-        return 'text-2xl';
-    return 'text-3xl';
+        return 'md';
+    return 'lg';
 }
 /**
  * A compact dashboard stat: label + big value (auto-sized) + optional sub / spark / progress.
@@ -62,13 +81,20 @@ function valueClass(value, valueSize) {
  * `h-full`: a percent height inside an auto-height `flex-wrap` row is circular, and
  * wrapped tiles end up painting over whatever renders below the row.
  */
-export function StatTile({ label, value, sub, spark, progress, color, icon, tone, valueSize, onPress, actionHint, help, copyValue, delta, }) {
+export function StatTile({ label, value, sub, spark, progress, color, icon, tone, valueSize, onPress, actionHint, help, copyValue, delta, budget, }) {
+    const gridSize = useContext(GridValueSize);
+    const size = valueSize ?? gridSize ?? statValueSize(value);
+    const budgetRatio = budget && budget.max > 0 ? Math.min(1, Math.max(0, budget.used / budget.max)) : null;
+    const budgetTone = budgetRatio == null ? null : thresholdToneOf(budgetRatio, budget?.thresholds);
+    // The BAR stops at full; the words do not — 1.11M of a 1M allowance is "111% used", and a
+    // readout clamped to 100% would hide exactly the overrun the tile exists to show.
+    const budgetPercent = budget && budget.max > 0 ? Math.round((budget.used / budget.max) * 100) : 0;
     const pct = progress && progress.max > 0 ? Math.round((progress.value / progress.max) * 100) : null;
     const body = (_jsxs("div", { className: cn('flex min-w-0 flex-col justify-between gap-2', tone && 'flex-1'), children: [_jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsxs("span", { className: 'flex min-w-0 items-center gap-1', children: [_jsx(TruncatedText, { className: 'cb-meta-label min-w-0', children: label }), help ? (_jsxs(_Fragment, { children: [_jsx(Tooltip, { content: help, multiline: true, maxWidth: 300, mobile: 'tap', children: _jsx("span", { "aria-hidden": true, className: 'inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full text-muted-foreground', children: _jsx(Info, { className: 'size-3.5' }) }) }), _jsxs("span", { className: 'sr-only', "data-cb-stat-help": true, children: [`What "${label}" means: `, help] })] })) : null] }), onPress && actionHint ? (_jsx("span", { "aria-hidden": true, className: `text-caption font-medium text-muted-foreground opacity-0 transition-opacity group-hover/tile:opacity-100 group-focus-visible/tile:opacity-100 ${TAP_TARGET_ALWAYS}`, children: actionHint })) : null, copyValue ? (_jsx(CopyButton, { value: copyValue === true
                             ? () => defaultCopyText(label, value, sub)
-                            : copyValue, label: `Copy ${label}`, confirmToast: false, iconSize: 13, stopPropagation: true, className: cn('size-6 shrink-0 p-0', REVEAL_ON_TILE_HOVER) })) : null, icon ? _jsx("span", { className: 'text-muted-foreground', children: icon }) : null] }), _jsx("div", { className: cn(valueClass(value, valueSize), 'min-w-0 break-words font-semibold leading-tight tabular-nums'), style: color ? { color } : undefined, children: value }), delta ? (_jsxs("div", { className: 'flex min-w-0 items-baseline gap-1.5 text-xs', children: [_jsxs("span", { className: cn('shrink-0 tabular-nums font-medium', DELTA_CLASS[delta.direction ?? 'flat']), children: [_jsx("span", { "aria-hidden": true, className: 'mr-0.5 text-[0.6rem]', children: TREND_GLYPH[delta.trend ?? 'flat'] }), delta.value] }), delta.since ? (_jsx("span", { className: 'truncate text-muted-foreground', children: delta.since })) : null] })) : null, sub ? (_jsx(Tooltip, { content: typeof sub === 'string' ? sub : undefined, children: _jsx("div", { className: 'truncate text-xs text-muted-foreground', children: sub }) })) : null, spark ? _jsx(Sparkline, { data: spark }) : null, progress && pct != null ? (_jsxs("div", { children: [_jsx("div", { className: 'h-1.5 w-full overflow-hidden rounded-full bg-muted', children: _jsx("div", { className: cn('h-full rounded-full bg-accent-solid', progress.barClassName), style: { width: `${Math.min(100, pct)}%` } }) }), progress.label ? (_jsx("div", { className: 'mt-1 text-xs text-muted-foreground', children: progress.label })) : null] })) : null] }));
+                            : copyValue, label: `Copy ${label}`, confirmToast: false, iconSize: 13, stopPropagation: true, className: cn('size-6 shrink-0 p-0', REVEAL_ON_TILE_HOVER) })) : null, icon ? _jsx("span", { className: 'text-muted-foreground', children: icon }) : null] }), _jsx("div", { className: cn(VALUE_SIZE[size], 'min-w-0 break-words font-semibold leading-tight tabular-nums', budgetTone && budgetTone !== 'ok' && BUDGET_TEXT[budgetTone]), "data-cb-stat-size": size, style: color ? { color } : undefined, children: value }), delta ? (_jsxs("div", { className: 'flex min-w-0 items-baseline gap-1.5 text-xs', children: [_jsxs("span", { className: cn('shrink-0 tabular-nums font-medium', DELTA_CLASS[delta.direction ?? 'flat']), children: [_jsx("span", { "aria-hidden": true, className: 'mr-0.5 text-[length:var(--text-glyph)]', children: TREND_GLYPH[delta.trend ?? 'flat'] }), delta.value] }), delta.since ? (_jsx("span", { className: 'truncate text-muted-foreground', children: delta.since })) : null] })) : null, sub ? (_jsx(Tooltip, { content: typeof sub === 'string' ? sub : undefined, children: _jsx("div", { className: 'truncate text-xs text-muted-foreground', children: sub }) })) : null, budget && budgetRatio != null && budgetTone ? (_jsxs("div", { className: 'flex min-w-0 flex-col gap-1', "data-cb-stat-budget": budgetTone, children: [_jsx(ProgressBar, { value: budgetRatio * 100, max: 100, size: 'sm', indicatorClassName: BUDGET_BAR[budgetTone], "aria-label": `${label}: ${budgetPercent}% ${budget.verb ?? 'used'}` }), _jsxs("div", { className: 'flex min-w-0 items-baseline justify-between gap-2 text-xs', children: [_jsx("span", { className: cn('shrink-0 tabular-nums font-medium', BUDGET_TEXT[budgetTone]), children: `${budgetPercent}% ${budget.verb ?? 'used'}` }), budget.window ? (_jsx("span", { className: 'min-w-0 truncate text-muted-foreground tabular-nums', children: budget.window })) : null] })] })) : null, spark ? _jsx(Sparkline, { data: spark }) : null, !budget && progress && pct != null ? (_jsxs("div", { children: [_jsx("div", { className: 'h-1.5 w-full overflow-hidden rounded-full bg-muted', children: _jsx("div", { className: cn('h-full rounded-full bg-accent-solid', progress.barClassName), style: { width: `${Math.min(100, pct)}%` } }) }), progress.label ? (_jsx("div", { className: 'mt-1 text-xs text-muted-foreground', children: progress.label })) : null] })) : null] }));
     if (!tone)
         return body;
-    return (_jsxs("div", { className: 'flex min-w-0 gap-2.5', "data-tone": tone, children: [_jsx("span", { "aria-hidden": true, className: cn('w-1 shrink-0 self-stretch rounded-full', TONE_BAR[tone]) }), body] }));
+    return (_jsxs("div", { className: 'flex min-w-0 gap-3', "data-tone": tone, children: [_jsx("span", { "aria-hidden": true, className: cn('w-1 shrink-0 self-stretch rounded-full', TONE_BAR[tone]) }), body] }));
 }
 //# sourceMappingURL=StatTile.js.map

package/dist/react/components/StatTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatTile.js","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatTile.js","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/StatTileGrid.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type StatValueSize } from './StatTile.js';
 export interface StatTileGridProps {
     /** The tiles — normally {@link StatTile}s; each child gets its own cell. */
     children: ReactNode;
@@ -23,8 +24,16 @@ export interface StatTileGridProps {
      * provides a surface (a dashboard widget frame, a padded panel).
      */
     flat?: boolean;
+    /**
+     * The ONE value size every tile in the grid uses (DAT-8). Default: the smallest any tile's
+     * value would pick on its own, so "Executing" and "42" sit at the same size instead of
+     * three sizes by string length. A tile's own `valueSize` still wins for that tile.
+     */
+    valueSize?: StatValueSize;
     className?: string;
 }
+/** The smallest auto size across the grid's tiles — exported for its spec. */
+export declare function gridValueSize(children: ReactNode): StatValueSize;
 /**
  * THE layout for a strip of {@link StatTile}s: a responsive `auto-fill` grid with
  * equal-height cells, each tile on its own flat {@link Surface} card.
@@ -38,5 +47,5 @@ export interface StatTileGridProps {
  * border highlight, focus ring, Enter/Space activation — the whole card is the
  * target. Inner controls (copy buttons, links) must `stopPropagation()` on click.
  */
-export declare function StatTileGrid({ children, minTileWidth, fill, flat, className, }: StatTileGridProps): import("react").JSX.Element;
+export declare function StatTileGrid({ children, minTileWidth, fill, flat, valueSize, className, }: StatTileGridProps): import("react").JSX.Element;
 //# sourceMappingURL=StatTileGrid.d.ts.map

package/dist/react/components/StatTileGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatTileGrid.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatTileGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAwB,EACxB,IAAY,EACZ,IAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,+BAmDnB"}
+{"version":3,"file":"StatTileGrid.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatTileGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,KAAK,aAAa,EAA4C,MAAM,eAAe,CAAC;AAG7F,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,QAAQ,EAAE,SAAS,GAAG,aAAa,CAShE;AAUD;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAwB,EACxB,IAAY,EACZ,IAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,+BAsDnB"}

package/dist/react/components/StatTileGrid.js

@@ -2,7 +2,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, isValidElement } from 'react';
 import { cn } from '../lib/cn.js';
 import { pressWithoutSelection } from '../lib/selection.js';
+import { StatTileValueSizeProvider, statValueSize } from './StatTile.js';
 import { Surface } from './Surface.js';
+const SIZE_RANK = { sm: 0, md: 1, lg: 2 };
+/** The smallest auto size across the grid's tiles — exported for its spec. */
+export function gridValueSize(children) {
+    let size = 'lg';
+    Children.forEach(children, (child) => {
+        if (!isValidElement(child))
+            return;
+        if (child.props.valueSize || !('value' in child.props))
+            return;
+        const own = statValueSize(child.props.value);
+        if (SIZE_RANK[own] < SIZE_RANK[size])
+            size = own;
+    });
+    return size;
+}
 /**
  * THE layout for a strip of {@link StatTile}s: a responsive `auto-fill` grid with
  * equal-height cells, each tile on its own flat {@link Surface} card.
@@ -16,42 +32,43 @@ import { Surface } from './Surface.js';
  * border highlight, focus ring, Enter/Space activation — the whole card is the
  * target. Inner controls (copy buttons, links) must `stopPropagation()` on click.
  */
-export function StatTileGrid({ children, minTileWidth = '10.5rem', fill = false, flat = false, className, }) {
+export function StatTileGrid({ children, minTileWidth = '10.5rem', fill = false, flat = false, valueSize, className, }) {
+    const size = valueSize ?? gridValueSize(children);
     // `min(<w>, 100%)` keeps a single narrow container from overflowing horizontally;
     // `auto-fill` (not `auto-fit`) holds cells near minTileWidth instead of ballooning
     // a short strip into comically wide tiles.
     const columns = `repeat(${fill ? 'auto-fit' : 'auto-fill'}, minmax(min(${minTileWidth}, 100%), 1fr))`;
-    return (_jsx("div", { className: cn('grid gap-3', className), style: { gridTemplateColumns: columns }, children: Children.map(children, (child) => {
-            if (child == null || child === false)
-                return null;
-            const onPress = isValidElement(child) ? child.props.onPress : undefined;
-            const pressProps = onPress
-                ? {
-                    role: 'button',
-                    tabIndex: 0,
-                    // 🔴 `pressWithoutSelection`, not a bare `onClick`. A pressable card is
-                    // still text the reader wants to copy (owner report 2026-08-23), and a
-                    // drag that ENDS inside the card fires `click` on it — so the naive
-                    // wiring navigates away the instant you finish highlighting the number.
-                    onClick: pressWithoutSelection(onPress),
-                    onKeyDown: (e) => {
-                        if (e.key === 'Enter' || e.key === ' ') {
-                            e.preventDefault();
-                            onPress();
-                        }
-                    },
-                    'aria-label': isValidElement(child) ? child.props.label : undefined,
-                }
-                : {};
-            // `group/tile` on EVERY cell, not only pressable ones: a tile's own
-            // hover-revealed affordances (the copy button) must appear for the tile
-            // the pointer is actually over, and a non-pressable tile has them too.
-            const interactiveClass = cn('group/tile', onPress &&
-                'cursor-pointer transition-colors hover:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring');
-            // A single-child `grid` cell stretches the tile to the row height without
-            // percent heights, so StatTile's `justify-between` pins sub/progress to the
-            // card bottom across equal-height siblings.
-            return flat ? (_jsx("div", { className: cn('grid min-w-0', interactiveClass), ...pressProps, children: child })) : (_jsx(Surface, { level: 'flat', pad: 'sm', radius: 'lg', className: cn('grid min-w-0', interactiveClass), ...pressProps, children: child }));
-        }) }));
+    return (_jsx(StatTileValueSizeProvider, { value: size, children: _jsx("div", { className: cn('grid gap-3', className), style: { gridTemplateColumns: columns }, children: Children.map(children, (child) => {
+                if (child == null || child === false)
+                    return null;
+                const onPress = isValidElement(child) ? child.props.onPress : undefined;
+                const pressProps = onPress
+                    ? {
+                        role: 'button',
+                        tabIndex: 0,
+                        // 🔴 `pressWithoutSelection`, not a bare `onClick`. A pressable card is
+                        // still text the reader wants to copy (owner report 2026-08-23), and a
+                        // drag that ENDS inside the card fires `click` on it — so the naive
+                        // wiring navigates away the instant you finish highlighting the number.
+                        onClick: pressWithoutSelection(onPress),
+                        onKeyDown: (e) => {
+                            if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                onPress();
+                            }
+                        },
+                        'aria-label': isValidElement(child) ? child.props.label : undefined,
+                    }
+                    : {};
+                // `group/tile` on EVERY cell, not only pressable ones: a tile's own
+                // hover-revealed affordances (the copy button) must appear for the tile
+                // the pointer is actually over, and a non-pressable tile has them too.
+                const interactiveClass = cn('group/tile', onPress &&
+                    'cursor-pointer transition-colors hover:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring');
+                // A single-child `grid` cell stretches the tile to the row height without
+                // percent heights, so StatTile's `justify-between` pins sub/progress to the
+                // card bottom across equal-height siblings.
+                return flat ? (_jsx("div", { className: cn('grid min-w-0', interactiveClass), ...pressProps, children: child })) : (_jsx(Surface, { level: 'flat', pad: 'sm', radius: 'lg', className: cn('grid min-w-0', interactiveClass), ...pressProps, children: child }));
+            }) }) }));
 }
 //# sourceMappingURL=StatTileGrid.js.map

package/dist/react/components/StatTileGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatTileGrid.js","sourceRoot":"","sources":["../../../src/react/components/StatTileGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAsC,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAqCvC;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAY,GAAG,SAAS,EACxB,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,SAAS,GACS;IAClB,kFAAkF;IAClF,mFAAmF;IACnF,2CAA2C;IAC3C,MAAM,OAAO,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,gBAAgB,YAAY,gBAAgB,CAAC;IACtG,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,EAAE,YACjF,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK;gBAAE,OAAO,IAAI,CAAC;YAClD,MAAM,OAAO,GAAG,cAAc,CAAsB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7F,MAAM,UAAU,GAAG,OAAO;gBACxB,CAAC,CAAC;oBACE,IAAI,EAAE,QAAiB;oBACvB,QAAQ,EAAE,CAAC;oBACX,wEAAwE;oBACxE,uEAAuE;oBACvE,oEAAoE;oBACpE,wEAAwE;oBACxE,OAAO,EAAE,qBAAqB,CAAC,OAAO,CAAC;oBACvC,SAAS,EAAE,CAAC,CAAgC,EAAE,EAAE;wBAC9C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BACvC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,OAAO,EAAE,CAAC;wBACZ,CAAC;oBACH,CAAC;oBACD,YAAY,EAAE,cAAc,CAAsB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;iBACzF;gBACH,CAAC,CAAC,EAAE,CAAC;YACP,oEAAoE;YACpE,wEAAwE;YACxE,uEAAuE;YACvE,MAAM,gBAAgB,GAAG,EAAE,CACzB,YAAY,EACZ,OAAO;gBACL,8HAA8H,CACjI,CAAC;YACF,0EAA0E;YAC1E,4EAA4E;YAC5E,4CAA4C;YAC5C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAM,UAAU,YACjE,KAAK,GACF,CACP,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAM,UAAU,YACvG,KAAK,GACE,CACX,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StatTileGrid.js","sourceRoot":"","sources":["../../../src/react/components/StatTileGrid.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/StatusPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusPill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCiB,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAsB3D,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/D;0EACsE;IACtE,MAAM,EAAE,gBAAgB,CAAC;IACzB;gEAC4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;yEACqE;IACrE,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,GAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAiCjB"}
+{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusPill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCiB,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CA+C3D,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/D;0EACsE;IACtE,MAAM,EAAE,gBAAgB,CAAC;IACzB;gEAC4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;yEACqE;IACrE,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,GAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAiCjB"}

package/dist/react/components/StatusPill.js

@@ -62,6 +62,14 @@ export const STATUS_ATTENTION_TONE = {
     dispatched: 'success',
     claimed: 'success',
     active: 'success',
+    // The live states station's and roms' jobs report (forge task 2464, DAT-4): a copy, a
+    // cipher pass and a download are work in flight, the same reading as `running`.
+    downloading: 'success',
+    uploading: 'success',
+    encrypting: 'success',
+    transcoding: 'success',
+    deploying: 'success',
+    building: 'success',
     // Broken — demands the owner
     error: 'error',
     failed: 'error',
@@ -69,12 +77,29 @@ export const STATUS_ATTENTION_TONE = {
     offline: 'error',
     rejected: 'error',
     vanished: 'error',
+    // A job that stopped part-way and a record the reader cannot open are broken too — station's
+    // backup and cipher cards, its data audit (`failing`, `uncovered`, `unscheduled`) and its
+    // reach probe (`not-answering`, `looping`, `no-address`).
+    interrupted: 'error',
+    unreadable: 'error',
+    failing: 'error',
+    uncovered: 'error',
+    unscheduled: 'error',
+    'not-answering': 'error',
+    looping: 'error',
+    'no-address': 'error',
     // Held / degraded — waiting on a person or a recovery
     paused: 'warning',
     degraded: 'warning',
     unhealthy: 'warning',
     parked: 'warning',
     on_hold: 'warning',
+    blocked: 'warning',
+    // Stale and half-watched: it still works, and it has stopped being checked.
+    stale: 'warning',
+    unwatched: 'warning',
+    'watchdog-stale': 'warning',
+    unauditable: 'warning',
 };
 /** Statuses whose dot breathes (a slow pulse): live processes, plus `crashed` —
  *  the one inert state that demands attention rather than calm. */
@@ -96,6 +121,6 @@ export function StatusPill({ status, tone, dot = true, className, children, ...p
                 // GEOMETRY — a warning triangle — alongside the hue, so degraded/broken
                 // reads for color-blind users even when the label is truncated away.
                 ((tone ?? STATUS_PILL_TONE[status]) === 'warning' ||
-                    (tone ?? STATUS_PILL_TONE[status]) === 'error' ? (_jsx("span", { "aria-hidden": true, className: cn('size-0 shrink-0 border-x-4 border-b-[7px] border-x-transparent border-b-current', LIVE_STATUSES.has(status) && 'animate-pulse motion-reduce:animate-none') })) : (_jsx("span", { "aria-hidden": true, className: cn('size-1.5 shrink-0 rounded-full bg-current', LIVE_STATUSES.has(status) && 'animate-pulse motion-reduce:animate-none') }))), children ?? _jsx("span", { className: 'capitalize', children: status })] }));
+                    (tone ?? STATUS_PILL_TONE[status]) === 'error' ? (_jsx("span", { "aria-hidden": true, className: cn('size-0 shrink-0 border-x-4 border-b-[length:var(--status-glyph-h)] border-x-transparent border-b-current', LIVE_STATUSES.has(status) && 'animate-pulse motion-reduce:animate-none') })) : (_jsx("span", { "aria-hidden": true, className: cn('size-1.5 shrink-0 rounded-full bg-current', LIVE_STATUSES.has(status) && 'animate-pulse motion-reduce:animate-none') }))), children ?? _jsx("span", { className: 'capitalize', children: status })] }));
 }
 //# sourceMappingURL=StatusPill.js.map

package/dist/react/components/StatusPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPill.js","sourceRoot":"","sources":["../../../src/react/components/StatusPill.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatusPill.js","sourceRoot":"","sources":["../../../src/react/components/StatusPill.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/Surface.d.ts

@@ -25,7 +25,7 @@ export interface SurfaceProps extends HTMLAttributes<HTMLDivElement> {
     pad?: keyof typeof PAD;
     /** Corner radius on the token scale (larger surface → larger radius). */
     radius?: keyof typeof RADIUS;
-    /** Enable the hover-lift on a `raised` surface (clickable cards). No-op on flat/overlay. */
+    /** Enable hover feedback on a `raised` or `glass` surface (clickable cards). No-op on flat/overlay. */
     interactive?: boolean;
     /** Render as the child element (Radix Slot) — e.g. `<Surface asChild><Link …/></Surface>`. */
     asChild?: boolean;

package/dist/react/components/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjD,QAAA,MAAM,SAAS;;;;;CA0BL,CAAC;AAOX,QAAA,MAAM,GAAG;;;;;CAAwF,CAAC;AAClG,QAAA,MAAM,MAAM;;;;CAAoE,CAAC;AAEjF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;oCAEgC;IAChC,KAAK,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC/B,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;0EACsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAc,EACd,GAAU,EACV,MAAa,EACb,WAAW,EACX,OAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BASd"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjD,QAAA,MAAM,SAAS;;;;;CA0BL,CAAC;AAOX,QAAA,MAAM,GAAG;;;;;CAAwF,CAAC;AAClG,QAAA,MAAM,MAAM;;;;CAAoE,CAAC;AAEjF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;oCAEgC;IAChC,KAAK,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC/B,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7B,uGAAuG;IACvG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;0EACsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAc,EACd,GAAU,EACV,MAAa,EACb,WAAW,EACX,OAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAed"}

package/dist/react/components/Surface.js

@@ -1,24 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cn } from '../lib/cn.js';
-// Elevation is meaning (flat | raised | overlay), not decoration. Light mode reads
-// depth through the shadow; dark mode reads it through a lighter background +
-// stronger border (shadows are near-invisible on near-black) — both via tokens from
-// task 02, so the same class is correct in every theme with no `dark:` color literals.
+import { CardFrameContext, useCardNestingWarning } from './cardFrame.js';
+// Elevation is meaning (flat | raised | overlay), not decoration. FND-11 (task 2461):
+// an IN-FLOW card is anchored by its 1px border and carries no drop shadow — shadows
+// belong to floating layers only, so `overlay` is the one level with one. Dark mode
+// still reads `raised` through a lighter background; all via tokens, so the same
+// class is correct in every theme with no `dark:` color literals.
 const ELEVATION = {
     flat: 'bg-surface border border-border shadow-none',
-    raised: cn('bg-card border border-border shadow-raised dark:bg-card-raised', 
-    // `interactive` opts a raised surface into the hover-lift (clickable cards):
-    // stronger shadow + border and a 2px rise, transitioned at the motion token.
-    'data-[interactive=true]:transition-all data-[interactive=true]:duration-[var(--duration-base)]', 'data-[interactive=true]:ease-[var(--ease-out)]', 'data-[interactive=true]:hover:shadow-overlay data-[interactive=true]:hover:border-border-strong', 'data-[interactive=true]:hover:-translate-y-0.5'),
+    raised: cn('bg-card border border-border shadow-none dark:bg-card-raised', 
+    // `interactive` opts a raised surface into hover feedback (clickable cards): the
+    // edge strengthens, transitioned at the motion token. No lift and no shadow — an
+    // in-flow card does not float (FND-11).
+    'data-[interactive=true]:transition-colors data-[interactive=true]:duration-[var(--duration-base)]', 'data-[interactive=true]:ease-[var(--ease-out)]', 'data-[interactive=true]:hover:border-border-strong'),
     overlay: 'bg-popover border border-border shadow-overlay dark:bg-card-overlay',
     // `glass` is elevation with the ambient field showing THROUGH it — the panel
     // treatment the aurora theme is built around. Its fill, edge, blur and shadow all
     // come from the `--glass-*` tokens (theme.css), so it is a legitimate choice under
     // ANY theme: in the default light theme those resolve to a near-opaque white frost
     // (glass over white is white), which is why this is safe to reach for without
-    // asking whether the app opted into a theme. The hover-lift is shared with
-    // `raised`, minus the border swap — a glass edge that thickens on hover reads as a
+    // asking whether the app opted into a theme. Its hover feedback is a lift, not
+    // `raised`'s border swap — a glass edge that thickens on hover reads as a
     // rendering artifact rather than as feedback.
     glass: cn('cb-glass', 'data-[interactive=true]:transition-all data-[interactive=true]:duration-[var(--duration-base)]', 'data-[interactive=true]:ease-[var(--ease-out)]', 'data-[interactive=true]:hover:-translate-y-0.5'),
 };
@@ -36,6 +39,12 @@ const RADIUS = { md: 'rounded-md', lg: 'rounded-lg', xl: 'rounded-xl' };
  */
 export function Surface({ level = 'flat', pad = 'md', radius = 'lg', interactive, asChild = false, className, ...rest }) {
     const Comp = asChild ? Slot : 'div';
-    return (_jsx(Comp, { "data-interactive": interactive || undefined, className: cn(ELEVATION[level], PAD[pad], RADIUS[radius], className), ...rest }));
+    // A sheet floats above the page and starts a fresh stack of levels (it provides
+    // `false`); every other Surface is an in-flow box, and a box inside it is the
+    // fourth level (LAY-5).
+    const isCard = level !== 'overlay';
+    useCardNestingWarning(isCard, 'Surface');
+    const el = (_jsx(Comp, { "data-interactive": interactive || undefined, className: cn(ELEVATION[level], PAD[pad], RADIUS[radius], className), ...rest }));
+    return _jsx(CardFrameContext.Provider, { value: isCard, children: el });
 }
 //# sourceMappingURL=Surface.js.map

package/dist/react/components/Surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,mFAAmF;AACnF,8EAA8E;AAC9E,oFAAoF;AACpF,uFAAuF;AACvF,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,6CAA6C;IACnD,MAAM,EAAE,EAAE,CACR,gEAAgE;IAChE,6EAA6E;IAC7E,6EAA6E;IAC7E,gGAAgG,EAChG,gDAAgD,EAChD,iGAAiG,EACjG,gDAAgD,CACjD;IACD,OAAO,EAAE,qEAAqE;IAC9E,6EAA6E;IAC7E,kFAAkF;IAClF,mFAAmF;IACnF,mFAAmF;IACnF,8EAA8E;IAC9E,2EAA2E;IAC3E,mFAAmF;IACnF,8CAA8C;IAC9C,KAAK,EAAE,EAAE,CACP,UAAU,EACV,gGAAgG,EAChG,gDAAgD,EAChD,gDAAgD,CACjD;CACO,CAAC;AAEX,gFAAgF;AAChF,iFAAiF;AACjF,oFAAoF;AACpF,4EAA4E;AAC5E,6EAA6E;AAC7E,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,6BAA6B,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AAClG,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AAoBjF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,MAAM,EACd,GAAG,GAAG,IAAI,EACV,MAAM,GAAG,IAAI,EACb,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,wBACe,WAAW,IAAI,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,KAChE,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,sFAAsF;AACtF,qFAAqF;AACrF,oFAAoF;AACpF,iFAAiF;AACjF,kEAAkE;AAClE,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,6CAA6C;IACnD,MAAM,EAAE,EAAE,CACR,8DAA8D;IAC9D,iFAAiF;IACjF,iFAAiF;IACjF,wCAAwC;IACxC,mGAAmG,EACnG,gDAAgD,EAChD,oDAAoD,CACrD;IACD,OAAO,EAAE,qEAAqE;IAC9E,6EAA6E;IAC7E,kFAAkF;IAClF,mFAAmF;IACnF,mFAAmF;IACnF,8EAA8E;IAC9E,+EAA+E;IAC/E,0EAA0E;IAC1E,8CAA8C;IAC9C,KAAK,EAAE,EAAE,CACP,UAAU,EACV,gGAAgG,EAChG,gDAAgD,EAChD,gDAAgD,CACjD;CACO,CAAC;AAEX,gFAAgF;AAChF,iFAAiF;AACjF,oFAAoF;AACpF,4EAA4E;AAC5E,6EAA6E;AAC7E,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,6BAA6B,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AAClG,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AAoBjF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,MAAM,EACd,GAAG,GAAG,IAAI,EACV,MAAM,GAAG,IAAI,EACb,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,gFAAgF;IAChF,8EAA8E;IAC9E,wBAAwB;IACxB,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,CAAC;IACnC,qBAAqB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACzC,MAAM,EAAE,GAAG,CACT,KAAC,IAAI,wBACe,WAAW,IAAI,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,KAChE,IAAI,GACR,CACH,CAAC;IACF,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,EAAE,GAA6B,CAAC;AACpF,CAAC"}

package/dist/react/components/SwatchPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchPicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,+EAA+E;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,YAAY,EAAE,SAAmB,EACjC,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA+BtB"}
+{"version":3,"file":"SwatchPicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,+EAA+E;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,YAAY,EAAE,SAAmB,EACjC,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAkCtB"}

package/dist/react/components/SwatchPicker.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as RadioGroup from '@radix-ui/react-radio-group';
 import { Check } from 'lucide-react';
 import { cn } from '../lib/cn.js';
+import { TAP_TARGET_SQUARE } from '../lib/tapTarget.js';
 const SIZE = { sm: 'size-6', md: 'size-7', lg: 'size-9' };
 /**
  * A discrete color-swatch radio group — pick ONE color from a fixed palette
@@ -14,6 +15,9 @@ const SIZE = { sm: 'size-6', md: 'size-7', lg: 'size-9' };
  * composes this with a native color input.
  */
 export function SwatchPicker({ options, value, onChange, size = 'md', 'aria-label': ariaLabel = 'Color', className, }) {
-    return (_jsx(RadioGroup.Root, { "aria-label": ariaLabel, value: value ?? '', onValueChange: (v) => onChange(v), className: cn('flex flex-wrap items-center gap-1.5', className), children: options.map((opt) => (_jsx(RadioGroup.Item, { value: opt.value, disabled: opt.disabled, "aria-label": opt.label ?? opt.value, title: opt.label ?? opt.value, style: { backgroundColor: opt.color }, className: cn('inline-flex items-center justify-center rounded-full border border-border/40 transition-transform', SIZE[size], 'hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'data-[state=checked]:ring-2 data-[state=checked]:ring-foreground data-[state=checked]:ring-offset-1', 'disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100'), children: _jsx(RadioGroup.Indicator, { asChild: true, children: _jsx(Check, { className: 'size-3.5 text-white mix-blend-difference', "aria-hidden": true }) }) }, opt.value))) }));
+    return (_jsx(RadioGroup.Root, { "aria-label": ariaLabel, value: value ?? '', onValueChange: (v) => onChange(v), className: cn('flex flex-wrap items-center gap-1.5', className), children: options.map((opt) => (_jsx(RadioGroup.Item, { value: opt.value, disabled: opt.disabled, "aria-label": opt.label ?? opt.value, title: opt.label ?? opt.value, style: { backgroundColor: opt.color }, className: cn('inline-flex items-center justify-center rounded-full border border-border/40 transition-transform', SIZE[size], 
+            // A finger needs 44px (DESIGN.md §5): the swatch itself grows on a coarse pointer, since
+            // the colour IS the button. A 28px one failed e2e/touch-targets (forge task 2514).
+            TAP_TARGET_SQUARE, 'hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'data-[state=checked]:ring-2 data-[state=checked]:ring-foreground data-[state=checked]:ring-offset-1', 'disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100'), children: _jsx(RadioGroup.Indicator, { asChild: true, children: _jsx(Check, { className: 'size-3.5 text-white mix-blend-difference', "aria-hidden": true }) }) }, opt.value))) }));
 }
 //# sourceMappingURL=SwatchPicker.js.map

package/dist/react/components/SwatchPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchPicker.js","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAuBlC,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAW,CAAC;AAEnE;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAA4B,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,SAAS,GACY;IACrB,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,kBACF,SAAS,EACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,EACtC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAE9D,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,CAAC,IAAI,IAEd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,gBACV,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAClC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAC7B,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,EACrC,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,IAAI,CAAC,IAAI,CAAC,EACV,qHAAqH,EACrH,qGAAqG,EACrG,0EAA0E,CAC3E,YAED,KAAC,UAAU,CAAC,SAAS,IAAC,OAAO,kBAC3B,KAAC,KAAK,IAAC,SAAS,EAAC,0CAA0C,wBAAe,GACrD,IAhBlB,GAAG,CAAC,KAAK,CAiBE,CACnB,CAAC,GACc,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SwatchPicker.js","sourceRoot":"","sources":["../../../src/react/components/SwatchPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAuBxD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAW,CAAC;AAEnE;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAA4B,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,SAAS,GACY;IACrB,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,kBACF,SAAS,EACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,EACtC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAE9D,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,CAAC,IAAI,IAEd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,gBACV,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAClC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAC7B,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,EACrC,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,IAAI,CAAC,IAAI,CAAC;YACV,yFAAyF;YACzF,mFAAmF;YACnF,iBAAiB,EACjB,qHAAqH,EACrH,qGAAqG,EACrG,0EAA0E,CAC3E,YAED,KAAC,UAAU,CAAC,SAAS,IAAC,OAAO,kBAC3B,KAAC,KAAK,IAAC,SAAS,EAAC,0CAA0C,wBAAe,GACrD,IAnBlB,GAAG,CAAC,KAAK,CAoBE,CACnB,CAAC,GACc,CACnB,CAAC;AACJ,CAAC"}

package/dist/react/components/Switch.js

@@ -21,7 +21,7 @@ export function Switch({ className, label, labelClassName, showState, id: idProp
         // never changes, so the previous hit-slop technique read as still-40×24 and
         // kept failing orch-host's task-sources mobile scan (owner teardown,
         // 2026-07-17 — the "cc"/"co"/etc. processing toggles all measured 40×24).
-        'pointer-coarse:h-11 pointer-coarse:w-[4.5rem]', className), ...props, children: _jsx(RadixSwitch.Thumb, { className: cn('pointer-events-none block size-5 rounded-full bg-white shadow transition-transform', 'data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0', 'pointer-coarse:size-9 pointer-coarse:data-[state=checked]:translate-x-8') }) }));
+        'pointer-coarse:h-11 pointer-coarse:w-18', className), ...props, children: _jsx(RadixSwitch.Thumb, { className: cn('pointer-events-none block size-5 rounded-full bg-white shadow transition-transform', 'data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0', 'pointer-coarse:size-9 pointer-coarse:data-[state=checked]:translate-x-8') }) }));
     if (label == null && showState !== true)
         return root;
     return (_jsxs("label", { htmlFor: id, "data-cb-tap-target": '', className: cn('flex w-full cursor-pointer items-center justify-between gap-3 py-1.5', props.disabled && 'cursor-not-allowed', TAP_TARGET), children: [label == null ? null : (_jsx("span", { className: cn('min-w-0 text-sm text-foreground', labelClassName), children: label })), _jsxs("span", { className: 'flex shrink-0 items-center gap-2', children: [showState ? (_jsx("span", { className: 'w-7 text-xs text-muted-foreground', children: props.checked ? 'On' : 'Off' })) : null, root] })] }));