@chances-ai/design-system 21.0.0 → 24.2.0

package/dist/cn.d.ts

@@ -0,0 +1,11 @@
+/**
+ * (7.3 / task 03 — W1) `cn` — the class-name combinator `[11.3]`. `clsx` for
+ * conditional joining + `tailwind-merge` for last-wins conflict resolution (so a
+ * later `bg-surface-raised` overrides an earlier `bg-surface-base`). Ported from
+ * OpenHands `openhands-ui/shared/utils/cn.ts`. The single styling primitive every
+ * self-built chrome component (tailwind-variants) and every consumer composes
+ * with. Browser-safe; no `node:*`.
+ */
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/cn.js

@@ -0,0 +1,14 @@
+/**
+ * (7.3 / task 03 — W1) `cn` — the class-name combinator `[11.3]`. `clsx` for
+ * conditional joining + `tailwind-merge` for last-wins conflict resolution (so a
+ * later `bg-surface-raised` overrides an earlier `bg-surface-base`). Ported from
+ * OpenHands `openhands-ui/shared/utils/cn.ts`. The single styling primitive every
+ * self-built chrome component (tailwind-variants) and every consumer composes
+ * with. Browser-safe; no `node:*`.
+ */
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=cn.js.map

package/dist/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../src/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/diff/change-bar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * (7.3 / task 03 — W3b) The 5-block change-bar `[11.10]` — the compact
+ * file-list / sidebar density indicator (GitHub-style), distinct from the
+ * full-line + word-level `DiffBlock` (which stays in the client, fed by
+ * ui-core's `parseDiff`). Five fixed cells colored add / delete / neutral in
+ * proportion to the change magnitude.
+ *
+ * `changeBarBlocks` is ported verbatim from opencode
+ * (`packages/ui/src/components/diff-changes.tsx`, MIT) — the allocation rules
+ * (cap small changes to 1–2 cells, drop a cell to neutral for lopsided diffs)
+ * are theirs; it's a pure function, unit-tested in isolation. Colors come from
+ * the seed engine's `diff-change-bar-*` tokens via `--ch-*` vars (set by the
+ * panel's `applyThemeVars`). Browser-safe (react + inline SVG only).
+ */
+export interface ChangeBarBlocks {
+    added: number;
+    deleted: number;
+    neutral: number;
+}
+/** Allocate the 5 cells across add / delete / neutral. Always sums to 5. */
+export declare function changeBarBlocks(additions: number, deletions: number): ChangeBarBlocks;
+export interface ChangeBarProps {
+    additions: number;
+    deletions: number;
+    className?: string;
+}
+/** Render the 5-block bar as inline SVG rects (matches opencode's `bars`
+ *  variant geometry: 18×14, 2px cells on a 4px pitch, 1px radius). */
+export declare function ChangeBar({ additions, deletions, className }: ChangeBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=change-bar.d.ts.map

package/dist/diff/change-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-bar.d.ts","sourceRoot":"","sources":["../../src/diff/change-bar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,eAAe,CAuCrF;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;sEACsE;AACtE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,cAAc,2CAwB5E"}

package/dist/diff/change-bar.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const TOTAL_BLOCKS = 5;
+/** Allocate the 5 cells across add / delete / neutral. Always sums to 5. */
+export function changeBarBlocks(additions, deletions) {
+    const adds = additions ?? 0;
+    const dels = deletions ?? 0;
+    if (adds === 0 && dels === 0)
+        return { added: 0, deleted: 0, neutral: TOTAL_BLOCKS };
+    const total = adds + dels;
+    if (total < 5) {
+        const added = adds > 0 ? 1 : 0;
+        const deleted = dels > 0 ? 1 : 0;
+        return { added, deleted, neutral: TOTAL_BLOCKS - added - deleted };
+    }
+    const ratio = adds > dels ? adds / dels : dels / adds;
+    let blocksForColors = TOTAL_BLOCKS;
+    if (total < 20)
+        blocksForColors = TOTAL_BLOCKS - 1;
+    else if (ratio < 4)
+        blocksForColors = TOTAL_BLOCKS - 1;
+    const addedRaw = (adds / total) * blocksForColors;
+    const deletedRaw = (dels / total) * blocksForColors;
+    let added = adds > 0 ? Math.max(1, Math.round(addedRaw)) : 0;
+    let deleted = dels > 0 ? Math.max(1, Math.round(deletedRaw)) : 0;
+    // Cap cells by the actual magnitude so a few lines never look like a flood.
+    if (adds > 0 && adds <= 5)
+        added = Math.min(added, 1);
+    if (adds > 5 && adds <= 10)
+        added = Math.min(added, 2);
+    if (dels > 0 && dels <= 5)
+        deleted = Math.min(deleted, 1);
+    if (dels > 5 && dels <= 10)
+        deleted = Math.min(deleted, 2);
+    let allocated = added + deleted;
+    if (allocated > blocksForColors) {
+        if (addedRaw > deletedRaw)
+            added = blocksForColors - deleted;
+        else
+            deleted = blocksForColors - added;
+        allocated = added + deleted;
+    }
+    return { added, deleted, neutral: Math.max(0, TOTAL_BLOCKS - allocated) };
+}
+/** Render the 5-block bar as inline SVG rects (matches opencode's `bars`
+ *  variant geometry: 18×14, 2px cells on a 4px pitch, 1px radius). */
+export function ChangeBar({ additions, deletions, className }) {
+    const { added, deleted, neutral } = changeBarBlocks(additions, deletions);
+    const colors = [
+        ...Array(added).fill("var(--ch-diff-change-bar-add)"),
+        ...Array(deleted).fill("var(--ch-diff-change-bar-delete)"),
+        ...Array(neutral).fill("var(--ch-icon-weak)"),
+    ].slice(0, TOTAL_BLOCKS);
+    return (_jsx("svg", { className: className, width: 18, height: 14, viewBox: "0 0 18 14", fill: "none", role: "img", "aria-label": `+${additions} -${deletions}`, xmlns: "http://www.w3.org/2000/svg", children: colors.map((color, i) => (_jsx("rect", { x: i * 4, width: 2, height: 14, rx: 1, fill: color }, i))) }));
+}
+//# sourceMappingURL=change-bar.js.map

package/dist/diff/change-bar.js.map

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

package/dist/diff/monaco-theme.d.ts

@@ -0,0 +1,32 @@
+/**
+ * (7.3 / task 03 — W3b) `seedThemeToMonaco` — derives a Monaco editor theme from
+ * the SAME seed engine that paints the TUI + web chrome `[11.10]`, so inline
+ * Monaco diffs and the transcript share one palette. Monaco's runtime is NOT a
+ * dependency here: we emit a plain object matching `monaco.editor`'s
+ * `IStandaloneThemeData` shape, and task 05 (which mounts Monaco) feeds it to
+ * `monaco.editor.defineTheme`. Pure / browser-safe (ui-core only).
+ *
+ * Monaco quirk encoded below: token `rules[].foreground` is a 6-digit hex with
+ * NO leading `#`, while `colors[...]` values KEEP the `#`. Only `#`-hex token
+ * values are usable (the `default`/`daltonized` themes resolve to hex; the
+ * `ansi` theme is TUI-only and never reaches here).
+ */
+import { type ThemeMode } from "@chances-ai/ui-core";
+export interface MonacoTokenRule {
+    /** Monaco scope, e.g. "keyword", "string", "comment". */
+    token: string;
+    /** 6-digit hex WITHOUT a leading `#`. */
+    foreground?: string;
+    fontStyle?: string;
+}
+export interface MonacoThemeData {
+    base: "vs" | "vs-dark";
+    inherit: boolean;
+    rules: MonacoTokenRule[];
+    colors: Record<string, string>;
+}
+/** Build a Monaco `IStandaloneThemeData`-shaped object from a built-in theme id
+ *  (or `ChancesTheme`) + mode. Tokens that aren't `#`-hex (none, for the web
+ *  themes) are skipped rather than emitted invalid. */
+export declare function seedThemeToMonaco(themeId: string, mode: ThemeMode): MonacoThemeData;
+//# sourceMappingURL=monaco-theme.d.ts.map

package/dist/diff/monaco-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-theme.d.ts","sourceRoot":"","sources":["../../src/diff/monaco-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAA8D,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEjH,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAqCD;;uDAEuD;AACvD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,eAAe,CAmBnF"}

package/dist/diff/monaco-theme.js

@@ -0,0 +1,70 @@
+/**
+ * (7.3 / task 03 — W3b) `seedThemeToMonaco` — derives a Monaco editor theme from
+ * the SAME seed engine that paints the TUI + web chrome `[11.10]`, so inline
+ * Monaco diffs and the transcript share one palette. Monaco's runtime is NOT a
+ * dependency here: we emit a plain object matching `monaco.editor`'s
+ * `IStandaloneThemeData` shape, and task 05 (which mounts Monaco) feeds it to
+ * `monaco.editor.defineTheme`. Pure / browser-safe (ui-core only).
+ *
+ * Monaco quirk encoded below: token `rules[].foreground` is a 6-digit hex with
+ * NO leading `#`, while `colors[...]` values KEEP the `#`. Only `#`-hex token
+ * values are usable (the `default`/`daltonized` themes resolve to hex; the
+ * `ansi` theme is TUI-only and never reaches here).
+ */
+import { resolveThemeTokens } from "@chances-ai/ui-core";
+/** Monaco scope → chances syntax token (+ optional fontStyle). */
+const SYNTAX_RULES = [
+    { scope: "keyword", token: "synKeyword" },
+    { scope: "keyword.operator", token: "synKeyword" },
+    { scope: "string", token: "synString" },
+    { scope: "comment", token: "synComment", fontStyle: "italic" },
+    { scope: "number", token: "synNumber" },
+    { scope: "constant", token: "synLiteral" },
+    { scope: "type", token: "synType" },
+    { scope: "function", token: "synFunction" },
+    { scope: "tag", token: "synTitle" },
+    { scope: "attribute.name", token: "synAttr" },
+];
+/** Monaco `colors[...]` key → chances token (values keep the `#`). */
+const COLOR_RULES = [
+    { key: "editor.background", token: "bgBase" },
+    { key: "editor.foreground", token: "textBase" },
+    { key: "editorLineNumber.foreground", token: "synComment" },
+    { key: "editorLineNumber.activeForeground", token: "textBase" },
+    { key: "editorCursor.foreground", token: "accent" },
+    { key: "editor.selectionBackground", token: "userMessageBg" },
+    { key: "diffEditor.insertedLineBackground", token: "diffAddedBg" },
+    { key: "diffEditor.removedLineBackground", token: "diffRemovedBg" },
+    { key: "diffEditor.insertedTextBackground", token: "diffAddedWordBg" },
+    { key: "diffEditor.removedTextBackground", token: "diffRemovedWordBg" },
+];
+function hex6(v) {
+    return v.startsWith("#") ? v.slice(1) : undefined;
+}
+function hexHash(v) {
+    return v.startsWith("#") ? v : undefined;
+}
+/** Build a Monaco `IStandaloneThemeData`-shaped object from a built-in theme id
+ *  (or `ChancesTheme`) + mode. Tokens that aren't `#`-hex (none, for the web
+ *  themes) are skipped rather than emitted invalid. */
+export function seedThemeToMonaco(themeId, mode) {
+    const tokens = resolveThemeTokens(themeId, mode);
+    const rules = [];
+    // A base rule so untokenized text uses our foreground.
+    const baseFg = hex6(tokens.textBase);
+    if (baseFg)
+        rules.push({ token: "", foreground: baseFg });
+    for (const { scope, token, fontStyle } of SYNTAX_RULES) {
+        const fg = hex6(tokens[token]);
+        if (fg)
+            rules.push(fontStyle ? { token: scope, foreground: fg, fontStyle } : { token: scope, foreground: fg });
+    }
+    const colors = {};
+    for (const { key, token } of COLOR_RULES) {
+        const v = hexHash(tokens[token]);
+        if (v)
+            colors[key] = v;
+    }
+    return { base: mode === "dark" ? "vs-dark" : "vs", inherit: true, rules, colors };
+}
+//# sourceMappingURL=monaco-theme.js.map

package/dist/diff/monaco-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-theme.js","sourceRoot":"","sources":["../../src/diff/monaco-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,kBAAkB,EAA0D,MAAM,qBAAqB,CAAC;AAiBjH,kEAAkE;AAClE,MAAM,YAAY,GAAqE;IACrF,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE;IACzC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE;IAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;IACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE;IAC9D,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;IACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;IAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE;IAC3C,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE;IACnC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;CAC9C,CAAC;AAEF,sEAAsE;AACtE,MAAM,WAAW,GAA+C;IAC9D,EAAE,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC7C,EAAE,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE;IAC/C,EAAE,GAAG,EAAE,6BAA6B,EAAE,KAAK,EAAE,YAAY,EAAE;IAC3D,EAAE,GAAG,EAAE,mCAAmC,EAAE,KAAK,EAAE,UAAU,EAAE;IAC/D,EAAE,GAAG,EAAE,yBAAyB,EAAE,KAAK,EAAE,QAAQ,EAAE;IACnD,EAAE,GAAG,EAAE,4BAA4B,EAAE,KAAK,EAAE,eAAe,EAAE;IAC7D,EAAE,GAAG,EAAE,mCAAmC,EAAE,KAAK,EAAE,aAAa,EAAE;IAClE,EAAE,GAAG,EAAE,kCAAkC,EAAE,KAAK,EAAE,eAAe,EAAE;IACnE,EAAE,GAAG,EAAE,mCAAmC,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtE,EAAE,GAAG,EAAE,kCAAkC,EAAE,KAAK,EAAE,mBAAmB,EAAE;CACxE,CAAC;AAEF,SAAS,IAAI,CAAC,CAAa;IACzB,OAAO,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AACpD,CAAC;AACD,SAAS,OAAO,CAAC,CAAa;IAC5B,OAAO,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3C,CAAC;AAED;;uDAEuD;AACvD,MAAM,UAAU,iBAAiB,CAAC,OAAe,EAAE,IAAe;IAChE,MAAM,MAAM,GAAG,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAsB,EAAE,CAAC;IACpC,uDAAuD;IACvD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,IAAI,MAAM;QAAE,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;IAC1D,KAAK,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,YAAY,EAAE,CAAC;QACvD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/B,IAAI,EAAE;YAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,KAAK,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,WAAW,EAAE,CAAC;QACzC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC;YAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACpF,CAAC"}

package/dist/heroui-theme.d.ts

@@ -0,0 +1,37 @@
+/**
+ * (7.3 / task 03 — W3a) HeroUI v3 theme wiring `[11.2]` (R1 MUST-1; design §3.3).
+ *
+ * HeroUI v3's entire look is driven by a set of named CSS variables (defined in
+ * `@layer base` under `:root,.light` / `.dark`). Its "calculated" variables
+ * (`--surface-hover`, `--*-soft`, `--border-secondary`, …) are ALL derived via
+ * `color-mix(in oklab, var(--<base>) …)` from a handful of BASE variables. So we
+ * only override the bases — to our seed-engine `--ch-*` vars — and HeroUI
+ * re-tints the whole widget set for free. The override lives in
+ * `heroui-theme.css`, UNLAYERED (it therefore beats HeroUI's `@layer base`).
+ *
+ * `HEROUI_BASE_VAR_MAP` is the single source of truth: `heroui-theme.test.ts`
+ * asserts (a) every key is a real var in the installed `@heroui/styles@3.1.0`
+ * `themes/default/variables.css` (so a HeroUI upgrade that renames/removes a var
+ * fails the gate), (b) every value is a real chances token, and (c) the CSS file
+ * has a matching line for each entry. Browser-safe (only ui-core + a string map).
+ */
+import { type ThemeMode } from "@chances-ai/ui-core";
+/** HeroUI base CSS var → the chances token whose `--ch-<kebab>` var supplies its
+ *  value. Calculated HeroUI vars are intentionally absent (color-mix derives
+ *  them from these bases). The CSS class scope is `.chances-theme`. */
+export declare const HEROUI_BASE_VAR_MAP: Record<string, string>;
+/** HeroUI color base vars we deliberately leave at HeroUI's defaults, each with
+ *  its reason. The test asserts every key here still exists in HeroUI's
+ *  `variables.css` (so a stale exclusion gets flagged on upgrade). */
+export declare const HEROUI_BASE_VARS_UNMAPPED: Record<string, string>;
+/** The class a consumer puts on the panel root, e.g.
+ *  `<div className={heroUiThemeClassName(mode)} style={themeVars(id, mode)}>`.
+ *  `chances-theme` pulls in the base-var overrides (heroui-theme.css); the mode
+ *  class (`dark`/`light`) drives HeroUI's own calculated-var block + `color-scheme`. */
+export declare function heroUiThemeClassName(mode: ThemeMode): string;
+/** The set of `--ch-*` var names the override map references — used by the test
+ *  to validate every mapped token exists. */
+export declare const HEROUI_REFERENCED_CH_VARS: ReadonlySet<string>;
+/** Every valid `--ch-*` var name (for the test's token-existence check). */
+export declare const ALL_CH_VARS: ReadonlySet<string>;
+//# sourceMappingURL=heroui-theme.d.ts.map

package/dist/heroui-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroui-theme.d.ts","sourceRoot":"","sources":["../src/heroui-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAExE;;uEAEuE;AACvE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA4BtD,CAAC;AAEF;;sEAEsE;AACtE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW5D,CAAC;AAEF;;;wFAGwF;AACxF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE5D;AAED;6CAC6C;AAC7C,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,MAAM,CAEzD,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,MAAM,CAAsD,CAAC"}

package/dist/heroui-theme.js

@@ -0,0 +1,77 @@
+/**
+ * (7.3 / task 03 — W3a) HeroUI v3 theme wiring `[11.2]` (R1 MUST-1; design §3.3).
+ *
+ * HeroUI v3's entire look is driven by a set of named CSS variables (defined in
+ * `@layer base` under `:root,.light` / `.dark`). Its "calculated" variables
+ * (`--surface-hover`, `--*-soft`, `--border-secondary`, …) are ALL derived via
+ * `color-mix(in oklab, var(--<base>) …)` from a handful of BASE variables. So we
+ * only override the bases — to our seed-engine `--ch-*` vars — and HeroUI
+ * re-tints the whole widget set for free. The override lives in
+ * `heroui-theme.css`, UNLAYERED (it therefore beats HeroUI's `@layer base`).
+ *
+ * `HEROUI_BASE_VAR_MAP` is the single source of truth: `heroui-theme.test.ts`
+ * asserts (a) every key is a real var in the installed `@heroui/styles@3.1.0`
+ * `themes/default/variables.css` (so a HeroUI upgrade that renames/removes a var
+ * fails the gate), (b) every value is a real chances token, and (c) the CSS file
+ * has a matching line for each entry. Browser-safe (only ui-core + a string map).
+ */
+import { ALL_TOKENS, kebab } from "@chances-ai/ui-core";
+/** HeroUI base CSS var → the chances token whose `--ch-<kebab>` var supplies its
+ *  value. Calculated HeroUI vars are intentionally absent (color-mix derives
+ *  them from these bases). The CSS class scope is `.chances-theme`. */
+export const HEROUI_BASE_VAR_MAP = {
+    "--background": "bgBase",
+    "--foreground": "textBase",
+    "--surface": "surfaceBase",
+    "--surface-foreground": "textBase",
+    "--surface-secondary": "surfaceRaised",
+    "--surface-secondary-foreground": "textBase",
+    "--surface-tertiary": "bgWeak",
+    "--surface-tertiary-foreground": "textBase",
+    "--overlay": "surfaceRaised",
+    "--overlay-foreground": "textBase",
+    "--muted": "textWeak",
+    "--default": "bgWeak",
+    "--default-foreground": "textBase",
+    "--accent": "interactive",
+    "--accent-foreground": "textOnInteractive",
+    "--success": "success",
+    "--success-foreground": "textOnSuccess",
+    "--warning": "warning",
+    "--warning-foreground": "textOnWarning",
+    "--danger": "error",
+    "--danger-foreground": "textOnError",
+    "--border": "borderBase",
+    "--separator": "borderWeak",
+    "--field-background": "inputBase",
+    "--field-foreground": "textBase",
+    "--segment": "surfaceRaised",
+    "--segment-foreground": "textBase",
+};
+/** HeroUI color base vars we deliberately leave at HeroUI's defaults, each with
+ *  its reason. The test asserts every key here still exists in HeroUI's
+ *  `variables.css` (so a stale exclusion gets flagged on upgrade). */
+export const HEROUI_BASE_VARS_UNMAPPED = {
+    "--focus": "= var(--accent) in HeroUI's own variables.css → automatically resolves to our overridden --accent at use-time (CSS var refs resolve against the cascade), so no explicit override needed. Same mechanism as the --accent-hover/--accent-soft calculated vars.",
+    "--link": "= --foreground by default, which is already our text color (links are body text → must stay legible on bg; the interactive fill is not).",
+    "--field-placeholder": "= --muted by default; --muted IS mapped, so the placeholder inherits our value.",
+    "--field-border": "transparent by default (HeroUI fields are borderless); chrome borders come from --border.",
+    "--backdrop": "a fixed translucent-black scrim; mode-agnostic, not a themed surface.",
+    "--white": "primitive (constant across light/dark).",
+    "--black": "primitive (constant across light/dark).",
+    "--snow": "primitive (constant across light/dark).",
+    "--eclipse": "primitive (constant across light/dark).",
+};
+/** The class a consumer puts on the panel root, e.g.
+ *  `<div className={heroUiThemeClassName(mode)} style={themeVars(id, mode)}>`.
+ *  `chances-theme` pulls in the base-var overrides (heroui-theme.css); the mode
+ *  class (`dark`/`light`) drives HeroUI's own calculated-var block + `color-scheme`. */
+export function heroUiThemeClassName(mode) {
+    return `chances-theme ${mode}`;
+}
+/** The set of `--ch-*` var names the override map references — used by the test
+ *  to validate every mapped token exists. */
+export const HEROUI_REFERENCED_CH_VARS = new Set(Object.values(HEROUI_BASE_VAR_MAP).map((t) => `--ch-${kebab(t)}`));
+/** Every valid `--ch-*` var name (for the test's token-existence check). */
+export const ALL_CH_VARS = new Set(ALL_TOKENS.map((t) => `--ch-${kebab(t)}`));
+//# sourceMappingURL=heroui-theme.js.map

package/dist/heroui-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroui-theme.js","sourceRoot":"","sources":["../src/heroui-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,EAAkB,MAAM,qBAAqB,CAAC;AAExE;;uEAEuE;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAA2B;IACzD,cAAc,EAAE,QAAQ;IACxB,cAAc,EAAE,UAAU;IAC1B,WAAW,EAAE,aAAa;IAC1B,sBAAsB,EAAE,UAAU;IAClC,qBAAqB,EAAE,eAAe;IACtC,gCAAgC,EAAE,UAAU;IAC5C,oBAAoB,EAAE,QAAQ;IAC9B,+BAA+B,EAAE,UAAU;IAC3C,WAAW,EAAE,eAAe;IAC5B,sBAAsB,EAAE,UAAU;IAClC,SAAS,EAAE,UAAU;IACrB,WAAW,EAAE,QAAQ;IACrB,sBAAsB,EAAE,UAAU;IAClC,UAAU,EAAE,aAAa;IACzB,qBAAqB,EAAE,mBAAmB;IAC1C,WAAW,EAAE,SAAS;IACtB,sBAAsB,EAAE,eAAe;IACvC,WAAW,EAAE,SAAS;IACtB,sBAAsB,EAAE,eAAe;IACvC,UAAU,EAAE,OAAO;IACnB,qBAAqB,EAAE,aAAa;IACpC,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,YAAY;IAC3B,oBAAoB,EAAE,WAAW;IACjC,oBAAoB,EAAE,UAAU;IAChC,WAAW,EAAE,eAAe;IAC5B,sBAAsB,EAAE,UAAU;CACnC,CAAC;AAEF;;sEAEsE;AACtE,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,SAAS,EACP,+PAA+P;IACjQ,QAAQ,EAAE,0IAA0I;IACpJ,qBAAqB,EAAE,iFAAiF;IACxG,gBAAgB,EAAE,2FAA2F;IAC7G,YAAY,EAAE,uEAAuE;IACrF,SAAS,EAAE,yCAAyC;IACpD,SAAS,EAAE,yCAAyC;IACpD,QAAQ,EAAE,yCAAyC;IACnD,WAAW,EAAE,yCAAyC;CACvD,CAAC;AAEF;;;wFAGwF;AACxF,MAAM,UAAU,oBAAoB,CAAC,IAAe;IAClD,OAAO,iBAAiB,IAAI,EAAE,CAAC;AACjC,CAAC;AAED;6CAC6C;AAC7C,MAAM,CAAC,MAAM,yBAAyB,GAAwB,IAAI,GAAG,CACnE,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAClE,CAAC;AAEF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/icon/icon.d.ts

@@ -0,0 +1,41 @@
+/**
+ * (7.3 / task 03 — W2) `Icon` — the typed lucide facade `[11.7]` (general-icon
+ * tier; the high-cardinality domain icons — Monaco file-type tree / provider
+ * logos / git status — go through the build-time SVG spritesheet, scaffolded in
+ * `./sprite.ts`). A CURATED registry (not the full ~1500-icon `icons` map) keeps
+ * the bundle tree-shakeable: only the icons listed below ship. `name` is a typed
+ * union over the registry (OpenHands `keyof typeof icons` discipline). Extend the
+ * registry as chrome needs more glyphs. Browser-safe.
+ */
+import { type LucideProps } from "lucide-react";
+/** The curated icon set (tree-shakeable). Keys are the public `Icon` names. */
+export declare const ICON_REGISTRY: {
+    check: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    x: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "chevron-down": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "chevron-up": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "chevron-left": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "chevron-right": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    circle: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "circle-dot": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "alert-triangle": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    info: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    file: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "file-pen": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    folder: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "folder-open": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "git-branch": import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    terminal: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    search: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    loader: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    plus: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    minus: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    copy: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    settings: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};
+export type IconName = keyof typeof ICON_REGISTRY;
+export interface IconProps extends Omit<LucideProps, "ref"> {
+    name: IconName;
+}
+export declare function Icon({ name, size, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/dist/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAuBL,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAGtB,+EAA+E;AAC/E,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;CAuB4B,CAAC;AAEvD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,aAAa,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;IACzD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAG3D"}

package/dist/icon/icon.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — W2) `Icon` — the typed lucide facade `[11.7]` (general-icon
+ * tier; the high-cardinality domain icons — Monaco file-type tree / provider
+ * logos / git status — go through the build-time SVG spritesheet, scaffolded in
+ * `./sprite.ts`). A CURATED registry (not the full ~1500-icon `icons` map) keeps
+ * the bundle tree-shakeable: only the icons listed below ship. `name` is a typed
+ * union over the registry (OpenHands `keyof typeof icons` discipline). Extend the
+ * registry as chrome needs more glyphs. Browser-safe.
+ */
+import { AlertTriangle, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleDot, Copy, File, FilePen, Folder, FolderOpen, GitBranch, Info, Loader, Minus, Plus, Search, Settings, Terminal, X, } from "lucide-react";
+/** The curated icon set (tree-shakeable). Keys are the public `Icon` names. */
+export const ICON_REGISTRY = {
+    check: Check,
+    x: X,
+    "chevron-down": ChevronDown,
+    "chevron-up": ChevronUp,
+    "chevron-left": ChevronLeft,
+    "chevron-right": ChevronRight,
+    circle: Circle,
+    "circle-dot": CircleDot,
+    "alert-triangle": AlertTriangle,
+    info: Info,
+    file: File,
+    "file-pen": FilePen,
+    folder: Folder,
+    "folder-open": FolderOpen,
+    "git-branch": GitBranch,
+    terminal: Terminal,
+    search: Search,
+    loader: Loader,
+    plus: Plus,
+    minus: Minus,
+    copy: Copy,
+    settings: Settings,
+};
+export function Icon({ name, size = 16, ...rest }) {
+    const Glyph = ICON_REGISTRY[name];
+    return _jsx(Glyph, { size: size, ...rest });
+}
+//# sourceMappingURL=icon.js.map

package/dist/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/icon/icon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,CAAC,GAEF,MAAM,cAAc,CAAC;AAGtB,+EAA+E;AAC/E,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,KAAK;IACZ,CAAC,EAAE,CAAC;IACJ,cAAc,EAAE,WAAW;IAC3B,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,WAAW;IAC3B,eAAe,EAAE,YAAY;IAC7B,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,SAAS;IACvB,gBAAgB,EAAE,aAAa;IAC/B,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,UAAU;IACzB,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,QAAQ;CACkC,CAAC;AAQvD,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,EAAa;IAC1D,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,GAAI,CAAC;AACzC,CAAC"}

package/dist/icon/sprite-sheet.d.ts

@@ -0,0 +1,13 @@
+/**
+ * GENERATED by scripts/gen-sprite.ts — DO NOT EDIT. Run `bun run gen:sprite`.
+ * The build-time SVG spritesheet `[11.7]` (design §3.4). Mount <SpriteSheet/>
+ * once near the app root; reference glyphs by id via <Sprite name=…> (icon/sprite).
+ */
+import type { JSX } from "react";
+export declare const SPRITE_PREFIX = "ch-sprite-";
+/** The domain glyph ids baked into the sheet (sorted). */
+export type SpriteName = "file" | "folder";
+export declare const SPRITE_IDS: readonly SpriteName[];
+/** Hidden <symbol> defs — mount ONCE (e.g. at the panel root). */
+export declare function SpriteSheet(): JSX.Element;
+//# sourceMappingURL=sprite-sheet.d.ts.map

package/dist/icon/sprite-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite-sheet.d.ts","sourceRoot":"","sources":["../../src/icon/sprite-sheet.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,aAAa,eAAe,CAAC;AAE1C,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC3C,eAAO,MAAM,UAAU,EAAE,SAAS,UAAU,EAAuB,CAAC;AAEpE,kEAAkE;AAClE,wBAAgB,WAAW,IAAI,GAAG,CAAC,OAAO,CAOzC"}

package/dist/icon/sprite-sheet.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SPRITE_PREFIX = "ch-sprite-";
+export const SPRITE_IDS = ["file", "folder"];
+/** Hidden <symbol> defs — mount ONCE (e.g. at the panel root). */
+export function SpriteSheet() {
+    return (_jsxs("svg", { width: 0, height: 0, "aria-hidden": "true", focusable: "false", style: { position: "absolute" }, children: [_jsxs("symbol", { id: `${SPRITE_PREFIX}file`, viewBox: "0 0 16 16", children: [_jsx("path", { d: "M4 2h5l3 3v9H4z" }), _jsx("path", { d: "M9 2v3h3" })] }), _jsx("symbol", { id: `${SPRITE_PREFIX}folder`, viewBox: "0 0 16 16", children: _jsx("path", { d: "M2 4h4l1.5 1.5H14v8H2z" }) })] }));
+}
+//# sourceMappingURL=sprite-sheet.js.map

package/dist/icon/sprite-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite-sheet.js","sourceRoot":"","sources":["../../src/icon/sprite-sheet.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC;AAI1C,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEpE,kEAAkE;AAClE,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,eAAK,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,iBAAc,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC5F,kBAAQ,EAAE,EAAE,GAAG,aAAa,MAAM,EAAE,OAAO,EAAC,WAAW,aAAC,eAAM,CAAC,EAAC,iBAAiB,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IAAS,EAChH,iBAAQ,EAAE,EAAE,GAAG,aAAa,QAAQ,EAAE,OAAO,EAAC,WAAW,YAAC,eAAM,CAAC,EAAC,wBAAwB,GAAE,GAAS,IACjG,CACP,CAAC;AACJ,CAAC"}

package/dist/icon/sprite.d.ts

@@ -0,0 +1,42 @@
+/**
+ * (7.3 / task 03 — W2 + followup) Domain-icon tier `[11.7]` (design §3.4). The
+ * build-time SVG spritesheet is now WIRED: `scripts/gen-sprite.ts` reads
+ * `src/icons/*.svg` → `sprite-sheet.tsx` (one hidden `<symbol>` sheet), and
+ * `<Sprite name=…>` references a glyph by id via `<use>`, so high-cardinality
+ * domain glyphs (Monaco file-type tree, provider logos) cost one request +
+ * tree-shake by id, themed by `currentColor`.
+ *
+ * SCAFFOLD scope (docs/7.3 §3.4): the mechanism + example glyphs (file/folder) +
+ * the in-use `GitStatusIcon`. The FULL file-type set lands with **task 05** (the
+ * Monaco file tree that consumes it) — tracked, not a silent truncation.
+ * (Divergence from opencode's vite virtual-module plugin: a committed generated
+ * sheet is build-time-equivalent but safe under `bun test`/`tsc` — see gen-sprite.)
+ */
+import type { LucideProps } from "lucide-react";
+import { type SpriteName } from "./sprite-sheet.js";
+export interface SpriteProps {
+    name: SpriteName;
+    size?: number;
+    className?: string;
+    /** Provide for a meaningful glyph; omit to mark decorative (aria-hidden). */
+    "aria-label"?: string;
+}
+/** Render a domain glyph from the spritesheet by id. Requires <SpriteSheet/> to
+ *  be mounted once in the tree (icon/sprite-sheet). */
+export declare function Sprite({ name, size, className, "aria-label": ariaLabel }: SpriteProps): import("react/jsx-runtime").JSX.Element;
+export { SpriteSheet, SPRITE_IDS, type SpriteName } from "./sprite-sheet.js";
+/** Git working-tree status → a curated chrome glyph + tone token class.
+ *  (5-block change-bar density lives in the diff module; this is the tree/sidebar
+ *  per-file marker.) */
+export declare const GIT_STATUS_ICON: {
+    readonly added: "plus";
+    readonly modified: "file-pen";
+    readonly deleted: "minus";
+    readonly untracked: "circle-dot";
+    readonly renamed: "chevron-right";
+};
+export interface GitStatusIconProps extends Omit<LucideProps, "ref" | "name"> {
+    status: keyof typeof GIT_STATUS_ICON;
+}
+export declare function GitStatusIcon({ status, ...rest }: GitStatusIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sprite.d.ts.map

package/dist/icon/sprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite.d.ts","sourceRoot":"","sources":["../../src/icon/sprite.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;uDACuD;AACvD,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,WAAW,2CAa1F;AAED,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE7E;;wBAEwB;AACxB,eAAO,MAAM,eAAe;;;;;;CAMqE,CAAC;AAElG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3E,MAAM,EAAE,MAAM,OAAO,eAAe,CAAC;CACtC;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAEpE"}

package/dist/icon/sprite.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "./icon.js";
+import { SPRITE_PREFIX } from "./sprite-sheet.js";
+/** Render a domain glyph from the spritesheet by id. Requires <SpriteSheet/> to
+ *  be mounted once in the tree (icon/sprite-sheet). */
+export function Sprite({ name, size = 16, className, "aria-label": ariaLabel }) {
+    return (_jsx("svg", { width: size, height: size, className: className, role: ariaLabel ? "img" : undefined, "aria-label": ariaLabel, "aria-hidden": ariaLabel ? undefined : true, children: _jsx("use", { href: `#${SPRITE_PREFIX}${name}` }) }));
+}
+export { SpriteSheet, SPRITE_IDS } from "./sprite-sheet.js";
+/** Git working-tree status → a curated chrome glyph + tone token class.
+ *  (5-block change-bar density lives in the diff module; this is the tree/sidebar
+ *  per-file marker.) */
+export const GIT_STATUS_ICON = {
+    added: "plus",
+    modified: "file-pen",
+    deleted: "minus",
+    untracked: "circle-dot",
+    renamed: "chevron-right",
+};
+export function GitStatusIcon({ status, ...rest }) {
+    return _jsx(Icon, { name: GIT_STATUS_ICON[status], ...rest });
+}
+//# sourceMappingURL=sprite.js.map

package/dist/icon/sprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite.js","sourceRoot":"","sources":["../../src/icon/sprite.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AAUnE;uDACuD;AACvD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAe;IACzF,OAAO,CACL,cACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACvB,SAAS,iBACR,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAEzC,cAAK,IAAI,EAAE,IAAI,aAAa,GAAG,IAAI,EAAE,GAAI,GACrC,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,UAAU,EAAmB,MAAM,mBAAmB,CAAC;AAE7E;;wBAEwB;AACxB,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,eAAe;CACuE,CAAC;AAMlG,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAsB;IACnE,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,KAAM,IAAI,GAAI,CAAC;AAC3D,CAAC"}

package/dist/index.d.ts

@@ -1,10 +1,28 @@
 /**
- * `@chances-ai/design-system` — the SOLE cross-platform design system (Tamagui,
- * res #1), consumed by `web-ui` (web/Electron) and the future mobile app. Its
- * tokens + themes are derived from `@chances-ai/ui-core` so all surfaces — TUI,
- * web, desktop, mobile — share one palette. v17 M0 ships config + tokens only.
+ * `@chances-ai/design-system` — the browser-safe UI kit (task 03 / docs/7.3).
+ * Self-built chrome (tailwind-variants) + HeroUI v3 widget wrappers + the seed
+ * OKLCH `@theme` bridge, consumed by apps/web + apps/desktop (one UI tree, four
+ * surfaces). Depends on `@chances-ai/ui-core` (the token engine) + HeroUI; NO
+ * `node:*` (cruiser browser-safe rule). `./styles` exports the generated
+ * `tokens.css` (the @theme bindings).
+ *
+ * W1 lands the foundation (cn + @theme bridge + theme-vars); chrome components
+ * (W2), HeroUI widgets (W3a) and the diff/Monaco deriver (W3b) build on it.
  */
-export { config, default, type AppConfig } from "./tamagui.config.js";
-export { tokens } from "./tokens.js";
-export { themes } from "./themes.js";
+export { cn } from "./cn.js";
+export { themeVars, applyThemeVars, type StyleTarget } from "./theme-vars.js";
+export { Surface, surface, type SurfaceProps, type SurfaceVariants } from "./primitives/surface.js";
+export { Stack, Row } from "./primitives/stack.js";
+export { Text, text, type TextProps, type TextVariants } from "./primitives/text.js";
+export { Button, button, type ButtonProps, type ButtonVariants } from "./primitives/button.js";
+export { Card } from "./primitives/card.js";
+export { ScrollArea } from "./primitives/scroll-area.js";
+export { Tabs, type TabItem, type TabsProps } from "./primitives/tabs.js";
+export { StatusBadge, statusBadge, type StatusBadgeProps, type StatusBadgeVariants } from "./primitives/status-badge.js";
+export { Icon, ICON_REGISTRY, type IconName, type IconProps } from "./icon/icon.js";
+export { GitStatusIcon, GIT_STATUS_ICON, type GitStatusIconProps } from "./icon/sprite.js";
+export { Sprite, SpriteSheet, SPRITE_IDS, type SpriteName, type SpriteProps } from "./icon/sprite.js";
+export { HEROUI_BASE_VAR_MAP, HEROUI_BASE_VARS_UNMAPPED, heroUiThemeClassName, } from "./heroui-theme.js";
+export { ChangeBar, changeBarBlocks, type ChangeBarProps, type ChangeBarBlocks } from "./diff/change-bar.js";
+export { seedThemeToMonaco, type MonacoThemeData, type MonacoTokenRule } from "./diff/monaco-theme.js";
 //# sourceMappingURL=index.d.ts.map