cursedbelt 0.0.0

package/dist/game/react/useGameEngine.js

@@ -0,0 +1,77 @@
+import { useEffect, useRef, useState } from 'react';
+import { DisposeRegistry } from '../core/DisposeRegistry';
+/**
+ * Stable game-engine host hook — the architectural fix for the "game froze, can't
+ * click out" bug.
+ *
+ * The bug: a game's lifecycle `useEffect` listed a context-derived value (typically
+ * `authRequest` / `saveNow` from `AuthContext`) in its dep array. When that value's
+ * identity churned on an unrelated re-render, React tore down and re-ran the effect —
+ * disposing the *live* engine mid-session. A guarded setup (`if (engine) return`) then
+ * refused to recreate it, leaving a dead canvas with no way out.
+ *
+ * The fix, by construction: the `factory` is held in a ref and is **never** an effect
+ * dependency. The engine starts once on mount and is disposed once on true unmount.
+ * AuthContext can re-render as much as it likes — the engine lifecycle is fully
+ * decoupled from React's render cycle. Only the explicit `deps` (true restart triggers
+ * like a room id or game mode) re-create the engine.
+ *
+ * Notes:
+ * - **Canvas sizing / DPR is game-specific** and intentionally NOT handled here. Call
+ *   `resizeCanvasToDisplaySize(canvas)` (from `cursedbelt/game`) in your render loop.
+ * - **Page Visibility**: the hook calls `handle.pause?()` on hide and `handle.resume?()`
+ *   on show. Cancel your rAF in `pause` and restart it in `resume`; pair with
+ *   `createFixedTimestep`'s `maxCatchup` guard so the post-resume delta can't spiral.
+ *
+ * @param factory Stable engine constructor (module-level or `useCallback`).
+ * @param deps    True restart triggers (keep small + stable). Default `[]` = mount-once.
+ */
+export function useGameEngine(factory, deps = []) {
+    const canvasRef = useRef(null);
+    const factoryRef = useRef(factory); // ← intentionally never an effect dependency
+    const handleRef = useRef(null);
+    const [isReady, setIsReady] = useState(false);
+    // Keep the factory ref fresh on every render WITHOUT re-running the engine effect.
+    // (Same pattern as a `useEvent` / event-handler ref.)
+    useEffect(() => {
+        factoryRef.current = factory;
+    });
+    // NOTE (the freeze fix): `factory` is intentionally NOT a dependency of this effect —
+    // it is read through the stable `factoryRef`, so AuthContext churn (or any re-render)
+    // can never tear down and restart the live engine. Only `deps` (true restart triggers
+    // like a room id) re-create it. The exhaustive-deps lint has nothing to flag precisely
+    // because `factory` is never referenced directly here.
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const registry = new DisposeRegistry();
+        let active = true;
+        Promise.resolve(factoryRef.current(canvas, registry)).then((handle) => {
+            if (!active) {
+                // Unmounted before the (possibly async) factory resolved — dispose immediately.
+                handle.dispose();
+                return;
+            }
+            handleRef.current = handle;
+            setIsReady(true);
+            const onVisibility = () => {
+                if (document.hidden)
+                    handle.pause?.();
+                else
+                    handle.resume?.();
+            };
+            document.addEventListener('visibilitychange', onVisibility);
+            registry.add(() => document.removeEventListener('visibilitychange', onVisibility));
+        });
+        return () => {
+            active = false;
+            registry.disposeAll();
+            handleRef.current?.dispose();
+            handleRef.current = null;
+            setIsReady(false);
+        };
+    }, deps);
+    return { canvasRef, handle: handleRef.current, isReady };
+}
+//# sourceMappingURL=useGameEngine.js.map

package/dist/game/react/useGameEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGameEngine.js","sourceRoot":"","sources":["../../../src/game/react/useGameEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AA0C1D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,aAAa,CAC3B,OAA6B,EAC7B,OAAuB,EAAE;IAEzB,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6CAA6C;IACjF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,mFAAmF;IACnF,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,sFAAsF;IACtF,sFAAsF;IACtF,sFAAsF;IACtF,uFAAuF;IACvF,uDAAuD;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,QAAQ,GAAG,IAAI,eAAe,EAAE,CAAC;QACvC,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,gFAAgF;gBAChF,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,MAAM,YAAY,GAAG,GAAG,EAAE;gBACxB,IAAI,QAAQ,CAAC,MAAM;oBAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;;oBACjC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;YACzB,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;YAC5D,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;YACf,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;YAC7B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;AAC3D,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export declare const VERSION = "0.0.0";
+export { contrastText } from './core/color';
+export { type CsvParseOptions, type CsvParseResult, parseCsv, type StreamCsvOptions, streamCsv, type ToCsvOptions, toCsv, } from './core/csv';
+export { applyUiScaleToDocument, clampUiScale, createUiScaleStore, DEFAULT_UI_SCALE, getUiScale, initUiScale, MAX_UI_SCALE, MIN_UI_SCALE, nearestUiScaleLevel, setUiScale, stepUiScale, subscribeUiScale, UI_SCALE_LEVELS, UI_SCALE_STEP, UI_SCALE_STORAGE_KEY, type UiScaleLevel, type UiScaleLevelId, type UiScaleStorage, type UiScaleStore, type UiScaleStoreOptions, uiScaleStore, uiScaleToFontSize, } from './core/uiScale';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,UAAU,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,QAAQ,EACR,KAAK,gBAAgB,EACrB,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,GACN,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,YAAY,EACZ,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+// cursedbelt core (framework-agnostic utilities). The React UI kit lives in
+// `cursedbelt/react`; the isomorphic ctgr codec in `cursedbelt/ctgr`.
+export const VERSION = '0.0.0';
+// Color helpers — framework-agnostic, pure over hex strings. `contrastText` is the
+// canonical readable-foreground picker (WCAG luminance) shared by both apps.
+export { contrastText } from './core/color';
+// CSV core — typed PapaParse wrapper (parse/stream/serialize). No React/DOM dep on
+// the string path, so it's usable server-side and in tests.
+export { parseCsv, streamCsv, toCsv, } from './core/csv';
+// UI-scale model + store (framework-free). `initUiScale()` applies the saved size at
+// app boot; the React control/hook are in `cursedbelt/react`.
+export { applyUiScaleToDocument, clampUiScale, createUiScaleStore, DEFAULT_UI_SCALE, getUiScale, initUiScale, MAX_UI_SCALE, MIN_UI_SCALE, nearestUiScaleLevel, setUiScale, stepUiScale, subscribeUiScale, UI_SCALE_LEVELS, UI_SCALE_STEP, UI_SCALE_STORAGE_KEY, uiScaleStore, uiScaleToFontSize, } from './core/uiScale';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC;AAE/B,mFAAmF;AACnF,6EAA6E;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,mFAAmF;AACnF,4DAA4D;AAC5D,OAAO,EAGL,QAAQ,EAER,SAAS,EAET,KAAK,GACN,MAAM,YAAY,CAAC;AAEpB,qFAAqF;AACrF,8DAA8D;AAC9D,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,oBAAoB,EAMpB,YAAY,EACZ,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist/ops/test-report/types.d.ts

@@ -0,0 +1,81 @@
+export type TestStatus = 'passed' | 'failed' | 'skipped' | 'todo';
+/** What a captured debug artifact is — drives how the viewer renders it. */
+export type TestArtifactKind = 'screenshot' | 'html' | 'log' | 'network' | 'trace' | 'video' | 'json' | 'text';
+/**
+ * One debug artifact attached to a test case — a screenshot, the page HTML, a
+ * console/network log, a Playwright trace, etc. Authored either with `inline`
+ * content (small text) or a `sourcePath` (an existing file to copy); after
+ * `writeReportFiles` persists it, `path` holds the relative location under the
+ * run's `<id>-artifacts/` dir and the UI fetches it via the app's artifact route.
+ */
+export interface TestArtifact {
+    kind: TestArtifactKind;
+    /** Short human label; also the basis for the on-disk filename. */
+    name: string;
+    /** Relative path under the reports dir (e.g. `run-1-artifacts/login.png`) once persisted. */
+    path?: string;
+    /** Inline content for small text artifacts (html/log/json) authored in-memory. */
+    inline?: string;
+    /** Absolute path to an existing file (e.g. a Playwright screenshot) to copy in on write. */
+    sourcePath?: string;
+    /** MIME type, e.g. `image/png`, `text/html`, `text/plain`. */
+    mime?: string;
+    /** Size in bytes once persisted. */
+    bytes?: number;
+}
+export interface TestCaseResult {
+    name: string;
+    /** Suite/describe path, e.g. `sharing > access-control`. */
+    suite?: string;
+    /** Source file the case came from. */
+    file?: string;
+    status: TestStatus;
+    durationMs?: number;
+    error?: {
+        message: string;
+        stack?: string;
+    };
+    /** Arbitrary captured context (request/response, ids, server logs). */
+    context?: Record<string, unknown>;
+    /** Debug artifacts (screenshots, html, console/network logs, trace, …). */
+    artifacts?: TestArtifact[];
+}
+export interface TestRunTotals {
+    total: number;
+    passed: number;
+    failed: number;
+    skipped: number;
+    todo: number;
+}
+export interface TestRunReport {
+    /** Unique id for the run (used as a filename stem + admin key). */
+    id: string;
+    /** A label like `unit`, `functional`, `e2e`. */
+    label: string;
+    startedAt: string;
+    finishedAt?: string;
+    durationMs?: number;
+    totals: TestRunTotals;
+    cases: TestCaseResult[];
+    /** Free-form run metadata: git sha, runtime, ci flag, mode, server logs, etc. */
+    meta?: Record<string, unknown>;
+}
+/** A newest-first list entry — the summary shape the list endpoint returns. */
+export interface TestRunSummary {
+    id: string;
+    label: string;
+    startedAt: string;
+    finishedAt?: string;
+    durationMs?: number;
+    totals: TestRunTotals;
+    mode?: unknown;
+}
+export interface RunReportRecorder {
+    readonly report: TestRunReport;
+    /** Record one case result; totals update automatically. */
+    record(result: TestCaseResult): void;
+    /** Stamp finishedAt/durationMs and return the finished report. */
+    finish(at?: string): TestRunReport;
+}
+export declare const emptyTotals: () => TestRunTotals;
+//# sourceMappingURL=types.d.ts.map

package/dist/ops/test-report/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ops/test-report/types.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,4EAA4E;AAC5E,MAAM,MAAM,gBAAgB,GACxB,YAAY,GACZ,MAAM,GACN,KAAK,GACL,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,6FAA6F;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,+EAA+E;AAC/E,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,2DAA2D;IAC3D,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,QAAO,aAM7B,CAAC"}

package/dist/ops/test-report/types.js

@@ -0,0 +1,13 @@
+// The cwip test-run report model — pure types, no `node:*`/`bun:*`. This is the
+// browser-safe `cwip/test-report/types` subpath the UI viewer imports, and the
+// shared shape every runner (a bun:test lifecycle, the Playwright reporter, a
+// functional runner) accumulates into. The fs reader/writer + renderers live in
+// the Node-safe `cwip/test-report` barrel and re-export these.
+export const emptyTotals = () => ({
+    total: 0,
+    passed: 0,
+    failed: 0,
+    skipped: 0,
+    todo: 0,
+});
+//# sourceMappingURL=types.js.map

package/dist/ops/test-report/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ops/test-report/types.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,+EAA+E;AAC/E,8EAA8E;AAC9E,gFAAgF;AAChF,+DAA+D;AA8F/D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAkB,EAAE,CAAC,CAAC;IAC/C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC;CACR,CAAC,CAAC"}

package/dist/react/Toast.d.ts

@@ -0,0 +1,5 @@
+import { Toaster as SonnerToaster, toast } from 'sonner';
+export { toast };
+export type ToasterProps = React.ComponentProps<typeof SonnerToaster>;
+export declare function Toaster(props: ToasterProps): import("react").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/react/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/react/Toast.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAEtE,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAsB1C"}

package/dist/react/Toast.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Toast — the single notification primitive, built on **sonner**.
+ *
+ * `toast` is sonner's imperative API: any module can `import { toast } from
+ * 'cursedbelt/react'` and call `toast('Saved')` / `toast.success(…)` /
+ * `toast.error(…)` / `toast.promise(fn, {…})` with no store, context, or dispatch.
+ * `<Toaster />` is mounted once at the app root and renders the live stack.
+ *
+ * Fully token-driven: the toast surface is a `popover` elevation with a tonal
+ * border + tonal icon per status, so it re-themes with the app's accent and
+ * light/dark exactly like every other primitive (no sonner `richColors` — that
+ * would inject sonner's own hardcoded palette instead of our tokens).
+ */
+import { Toaster as SonnerToaster, toast } from 'sonner';
+export { toast };
+export function Toaster(props) {
+    return (_jsx(SonnerToaster, { position: 'bottom-right', closeButton: true, toastOptions: {
+            classNames: {
+                toast: 'rounded-lg border border-border bg-popover text-foreground shadow-overlay',
+                title: 'text-sm font-medium',
+                description: 'text-xs text-muted-foreground',
+                actionButton: 'bg-accent-solid text-white text-xs px-2 py-1 rounded-sm',
+                cancelButton: 'bg-muted text-foreground text-xs px-2 py-1 rounded-sm',
+                closeButton: 'border-border bg-popover text-muted-foreground hover:text-foreground',
+                error: 'border-destructive/50 [&_[data-icon]]:text-destructive',
+                success: 'border-success/50 [&_[data-icon]]:text-success',
+                warning: 'border-warning/50 [&_[data-icon]]:text-warning',
+                info: 'border-accent/50 [&_[data-icon]]:text-accent',
+            },
+        }, ...props }));
+}
+//# sourceMappingURL=Toast.js.map

package/dist/react/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/react/Toast.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,CAAC;AAIjB,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,OAAO,CACL,KAAC,aAAa,IACZ,QAAQ,EAAC,cAAc,EACvB,WAAW,QACX,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,2EAA2E;gBAClF,KAAK,EAAE,qBAAqB;gBAC5B,WAAW,EAAE,+BAA+B;gBAC5C,YAAY,EAAE,yDAAyD;gBACvE,YAAY,EAAE,uDAAuD;gBACrE,WAAW,EAAE,sEAAsE;gBACnF,KAAK,EAAE,wDAAwD;gBAC/D,OAAO,EAAE,gDAAgD;gBACzD,OAAO,EAAE,gDAAgD;gBACzD,IAAI,EAAE,8CAA8C;aACrD;SACF,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/react/charts/AreaChart.d.ts

@@ -0,0 +1,27 @@
+import { type ChartDatum, type ChartSeries } from './shared';
+export type AreaChartProps = {
+    data: ChartDatum[];
+    /** Key for the x-axis category/value in each datum. */
+    xKey: string;
+    series: ChartSeries[];
+    /** Human label for the chart's `role="img"` wrapper (SVG a11y). */
+    ariaLabel: string;
+    height?: number;
+    /** Smooth (monotone) vs straight segments. Default true. */
+    smooth?: boolean;
+    /** Show the legend. Default: true when more than one series. */
+    legend?: boolean;
+    /** Show the cartesian grid. Default true. */
+    grid?: boolean;
+    /** Stack the series into cumulative areas. */
+    stacked?: boolean;
+    /** Reserved width for the y-axis labels. */
+    yWidth?: number;
+    xTickFormatter?: (value: string | number) => string;
+    valueFormatter?: (value: number) => string;
+    /** Format the tooltip header. */
+    labelFormatter?: (label: string | number) => string;
+};
+/** Multi-series area chart with token-colored gradient fills (per-instance ids). */
+export declare function AreaChart({ data, xKey, series, ariaLabel, height, smooth, legend, grid, stacked, yWidth, xTickFormatter, valueFormatter, labelFormatter, }: AreaChartProps): import("react").JSX.Element;
+//# sourceMappingURL=AreaChart.d.ts.map

package/dist/react/charts/AreaChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/react/charts/AreaChart.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,WAAW,EAA8B,MAAM,UAAU,CAAC;AAEpG,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iCAAiC;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACrD,CAAC;AAEF,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAa,EACb,MAAM,EACN,IAAW,EACX,OAAe,EACf,MAAW,EACX,cAAc,EACd,cAAc,EACd,cAAc,GACf,EAAE,cAAc,+BAmEhB"}

package/dist/react/charts/AreaChart.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Area, CartesianGrid, Legend, AreaChart as RAreaChart, Tooltip, XAxis, YAxis, } from 'recharts';
+import { ChartFrame } from './ChartFrame';
+import { legendContent } from './ChartLegend';
+import { tooltipContent } from './ChartTooltip';
+import { axisProps, seriesColor, useGradientId } from './shared';
+/** Multi-series area chart with token-colored gradient fills (per-instance ids). */
+export function AreaChart({ data, xKey, series, ariaLabel, height, smooth = true, legend, grid = true, stacked = false, yWidth = 44, xTickFormatter, valueFormatter, labelFormatter, }) {
+    const gradId = useGradientId();
+    const showLegend = legend ?? series.length > 1;
+    return (_jsx(ChartFrame, { ariaLabel: ariaLabel, height: height, children: (t) => (_jsxs(RAreaChart, { data: data, margin: { top: 8, right: 12, bottom: 0, left: 0 }, children: [_jsx("defs", { children: series.map((s, i) => {
+                        const c = seriesColor(t, s, i);
+                        return (_jsxs("linearGradient", { id: `${gradId}-${s.dataKey}`, x1: '0', y1: '0', x2: '0', y2: '1', children: [_jsx("stop", { offset: '0%', stopColor: c, stopOpacity: 0.2 }), _jsx("stop", { offset: '100%', stopColor: c, stopOpacity: 0.02 })] }, s.dataKey));
+                    }) }), grid && (_jsx(CartesianGrid, { strokeDasharray: '3 3', stroke: t.foregroundMuted, strokeOpacity: 0.3, vertical: false })), _jsx(XAxis, { dataKey: xKey, ...axisProps(t), tickFormatter: xTickFormatter, interval: 'preserveStartEnd', minTickGap: 24 }), _jsx(YAxis, { ...axisProps(t), tickFormatter: valueFormatter, width: yWidth, axisLine: false }), _jsx(Tooltip, { content: tooltipContent(t, labelFormatter, valueFormatter), cursor: { stroke: t.foregroundMuted, strokeWidth: 1, strokeOpacity: 0.5 }, isAnimationActive: false }), showLegend && _jsx(Legend, { content: legendContent(t) }), series.map((s, i) => {
+                    const c = seriesColor(t, s, i);
+                    return (_jsx(Area, { type: smooth ? 'monotone' : 'linear', dataKey: s.dataKey, name: s.name ?? s.dataKey, stackId: stacked ? (s.stackId ?? 'stack') : s.stackId, stroke: c, strokeWidth: 2, fill: `url(#${gradId}-${s.dataKey})`, isAnimationActive: false }, s.dataKey));
+                })] })) }));
+}
+//# sourceMappingURL=AreaChart.js.map

package/dist/react/charts/AreaChart.js.map

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

package/dist/react/charts/BarChart.d.ts

@@ -0,0 +1,27 @@
+import { type ChartDatum, type ChartSeries } from './shared';
+export type BarChartProps = {
+    data: ChartDatum[];
+    /** Key for the category axis in each datum. */
+    xKey: string;
+    series: ChartSeries[];
+    /** Human label for the chart's `role="img"` wrapper (SVG a11y). */
+    ariaLabel: string;
+    height?: number;
+    /** 'vertical' = columns (default). 'horizontal' = bars grow rightward. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Stack the series instead of grouping them side by side. */
+    stacked?: boolean;
+    /** Show the legend. Default: true when more than one series. */
+    legend?: boolean;
+    /** Show the cartesian grid. Default true. */
+    grid?: boolean;
+    /** Reserved width for the value/category axis labels. */
+    yWidth?: number;
+    categoryTickFormatter?: (value: string | number) => string;
+    valueFormatter?: (value: number) => string;
+    /** Format the tooltip header. */
+    labelFormatter?: (label: string | number) => string;
+};
+/** Vertical/horizontal, grouped/stacked bar chart with rounded corners. */
+export declare function BarChart({ data, xKey, series, ariaLabel, height, orientation, stacked, legend, grid, yWidth, categoryTickFormatter, valueFormatter, labelFormatter, }: BarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/react/charts/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/react/charts/BarChart.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,WAAW,EAAe,MAAM,UAAU,CAAC;AAIrF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iCAAiC;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACrD,CAAC;AAEF,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAwB,EACxB,OAAe,EACf,MAAM,EACN,IAAW,EACX,MAAW,EACX,qBAAqB,EACrB,cAAc,EACd,cAAc,GACf,EAAE,aAAa,+BA8Ef"}

package/dist/react/charts/BarChart.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, CartesianGrid, Legend, BarChart as RBarChart, Tooltip, XAxis, YAxis } from 'recharts';
+import { ChartFrame } from './ChartFrame';
+import { legendContent } from './ChartLegend';
+import { tooltipContent } from './ChartTooltip';
+import { axisProps, seriesColor } from './shared';
+/** Vertical/horizontal, grouped/stacked bar chart with rounded corners. */
+export function BarChart({ data, xKey, series, ariaLabel, height, orientation = 'vertical', stacked = false, legend, grid = true, yWidth = 44, categoryTickFormatter, valueFormatter, labelFormatter, }) {
+    const horizontal = orientation === 'horizontal';
+    const showLegend = legend ?? series.length > 1;
+    // Round only the outer end of each bar; for a stack, only the last (outer) series.
+    const cornersFor = (i) => {
+        const outer = !stacked || i === series.length - 1;
+        if (!outer)
+            return [0, 0, 0, 0];
+        return horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0];
+    };
+    return (_jsx(ChartFrame, { ariaLabel: ariaLabel, height: height, children: (t) => (_jsxs(RBarChart, { data: data, layout: horizontal ? 'vertical' : 'horizontal', margin: { top: 8, right: 12, bottom: 0, left: 0 }, children: [grid && (_jsx(CartesianGrid, { strokeDasharray: '3 3', stroke: t.foregroundMuted, strokeOpacity: 0.3, horizontal: !horizontal, vertical: horizontal })), horizontal ? (_jsxs(_Fragment, { children: [_jsx(XAxis, { type: 'number', ...axisProps(t), tickFormatter: valueFormatter }), _jsx(YAxis, { type: 'category', dataKey: xKey, ...axisProps(t), tickFormatter: categoryTickFormatter, width: yWidth, axisLine: false })] })) : (_jsxs(_Fragment, { children: [_jsx(XAxis, { type: 'category', dataKey: xKey, ...axisProps(t), tickFormatter: categoryTickFormatter, interval: 'preserveStartEnd', minTickGap: 8 }), _jsx(YAxis, { type: 'number', ...axisProps(t), tickFormatter: valueFormatter, width: yWidth, axisLine: false })] })), _jsx(Tooltip, { content: tooltipContent(t, labelFormatter, valueFormatter), cursor: { fill: t.foregroundMuted, fillOpacity: 0.08 }, isAnimationActive: false }), showLegend && _jsx(Legend, { content: legendContent(t) }), series.map((s, i) => (_jsx(Bar, { dataKey: s.dataKey, name: s.name ?? s.dataKey, stackId: stacked ? (s.stackId ?? 'stack') : s.stackId, fill: seriesColor(t, s, i), radius: cornersFor(i), isAnimationActive: false }, s.dataKey)))] })) }));
+}
+//# sourceMappingURL=BarChart.js.map

package/dist/react/charts/BarChart.js.map

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

package/dist/react/charts/CategoryBars.d.ts

@@ -0,0 +1,17 @@
+export type BarDatum = {
+    label: string;
+    value: number;
+    color?: string;
+};
+type Props = {
+    data: BarDatum[];
+    height?: number;
+    diverging?: boolean;
+    colorByIndex?: boolean;
+    valueFormatter?: (n: number) => string;
+    emptyHint?: string;
+    yAxisWidth?: number;
+};
+export declare const CategoryBars: ({ data, height, diverging, colorByIndex, valueFormatter, emptyHint, yAxisWidth, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CategoryBars.d.ts.map

package/dist/react/charts/CategoryBars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryBars.d.ts","sourceRoot":"","sources":["../../../src/react/charts/CategoryBars.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAKF,eAAO,MAAM,YAAY,GAAI,mFAQ1B,KAAK,gCA0DP,CAAC"}

package/dist/react/charts/CategoryBars.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, Cell, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { ChartTooltip } from './ChartTooltip';
+import { useChartTheme } from './chartTheme';
+import { formatNumber } from './format';
+// A categorical bar chart that handles signed values: a zero baseline is drawn and
+// negative bars hang below it. Used for percent-change momentum and monthly net
+// cash flow (green up / red down).
+export const CategoryBars = ({ data, height = 220, diverging = false, colorByIndex = false, valueFormatter = formatNumber, emptyHint = 'No data', yAxisWidth = 48, }) => {
+    const theme = useChartTheme();
+    if (!data.length) {
+        return (_jsx("div", { className: 'flex items-center justify-center text-sm text-gray-400', style: { height }, children: emptyHint }));
+    }
+    const hasNegative = data.some((d) => d.value < 0);
+    const up = theme.status['2xx'];
+    const down = theme.status['5xx'];
+    const colorFor = (d, i) => {
+        if (d.color)
+            return d.color;
+        if (diverging)
+            return d.value < 0 ? down : up;
+        if (colorByIndex)
+            return theme.palette[i % theme.palette.length];
+        return theme.accent;
+    };
+    return (_jsx(ResponsiveContainer, { width: '100%', height: height, children: _jsxs(BarChart, { data: data, margin: { top: 8, right: 8, bottom: 0, left: 0 }, children: [_jsx(CartesianGrid, { strokeDasharray: '3 3', stroke: theme.grid, vertical: false }), _jsx(XAxis, { dataKey: 'label', stroke: theme.axis, tick: { fill: theme.axis, fontSize: 11 }, tickLine: false, axisLine: { stroke: theme.grid }, interval: 0, angle: data.length > 6 ? -25 : 0, textAnchor: data.length > 6 ? 'end' : 'middle', height: data.length > 6 ? 48 : 24 }), _jsx(YAxis, { tickFormatter: (v) => valueFormatter(v), stroke: theme.axis, tick: { fill: theme.axis, fontSize: 11 }, tickLine: false, axisLine: false, width: yAxisWidth }), hasNegative && _jsx(ReferenceLine, { y: 0, stroke: theme.axis }), _jsx(Tooltip, { isAnimationActive: false, cursor: { fill: theme.grid, opacity: 0.4 }, content: (p) => (_jsx(ChartTooltip, { ...p, theme: theme, valueFormatter: (v) => valueFormatter(v) })) }), _jsx(Bar, { dataKey: 'value', name: 'Value', radius: [4, 4, 0, 0], isAnimationActive: false, children: data.map((d, i) => (_jsx(Cell, { fill: colorFor(d, i) }, d.label))) })] }) }));
+};
+//# sourceMappingURL=CategoryBars.js.map

package/dist/react/charts/CategoryBars.js.map

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

package/dist/react/charts/CategoryDonut.d.ts

@@ -0,0 +1,16 @@
+export type DonutSlice = {
+    name: string;
+    value: number;
+    color?: string;
+};
+type Props = {
+    data: DonutSlice[];
+    height?: number;
+    centerValue?: string;
+    centerLabel?: string;
+    valueFormatter?: (n: number) => string;
+    emptyHint?: string;
+};
+export declare const CategoryDonut: ({ data, height, centerValue, centerLabel, valueFormatter, emptyHint, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CategoryDonut.d.ts.map

package/dist/react/charts/CategoryDonut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryDonut.d.ts","sourceRoot":"","sources":["../../../src/react/charts/CategoryDonut.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,wEAO3B,KAAK,gCAiDP,CAAC"}

package/dist/react/charts/CategoryDonut.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cell, Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';
+import { ChartTooltip } from './ChartTooltip';
+import { useChartTheme } from './chartTheme';
+import { formatNumber } from './format';
+// A generic donut for category breakdowns (spending by kind, balances by bucket).
+// Slices fall back to the theme palette; the hole shows a total or a caller value.
+export const CategoryDonut = ({ data, height = 220, centerValue, centerLabel, valueFormatter = formatNumber, emptyHint = 'No data', }) => {
+    const theme = useChartTheme();
+    const slices = data.filter((d) => Math.abs(d.value) > 0);
+    const total = slices.reduce((sum, d) => sum + d.value, 0);
+    if (slices.length === 0) {
+        return (_jsx("div", { className: 'flex items-center justify-center text-sm text-gray-400', style: { height }, children: emptyHint }));
+    }
+    return (_jsxs("div", { className: 'relative', style: { height }, children: [_jsx(ResponsiveContainer, { width: '100%', height: '100%', children: _jsxs(PieChart, { children: [_jsx(Pie, { data: slices, dataKey: 'value', nameKey: 'name', innerRadius: '62%', outerRadius: '90%', paddingAngle: 2, stroke: 'none', isAnimationActive: false, children: slices.map((d, i) => (_jsx(Cell, { fill: d.color ?? theme.palette[i % theme.palette.length] }, d.name))) }), _jsx(Tooltip, { isAnimationActive: false, content: (p) => (_jsx(ChartTooltip, { ...p, theme: theme, valueFormatter: (v) => valueFormatter(v) })) })] }) }), _jsxs("div", { className: 'pointer-events-none absolute inset-0 flex flex-col items-center justify-center', children: [_jsx("span", { className: 'text-2xl font-semibold tabular-nums text-gray-900 dark:text-gray-100', children: centerValue ?? valueFormatter(total) }), centerLabel && (_jsx("span", { className: 'text-xs text-gray-500 dark:text-gray-400', children: centerLabel }))] })] }));
+};
+//# sourceMappingURL=CategoryDonut.js.map

package/dist/react/charts/CategoryDonut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryDonut.js","sourceRoot":"","sources":["../../../src/react/charts/CategoryDonut.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAexC,kFAAkF;AAClF,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,MAAM,GAAG,GAAG,EACZ,WAAW,EACX,WAAW,EACX,cAAc,GAAG,YAAY,EAC7B,SAAS,GAAG,SAAS,GACf,EAAE,EAAE;IACV,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE1D,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YACtF,SAAS,GACN,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aACzC,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC7C,MAAC,QAAQ,eACP,KAAC,GAAG,IACF,IAAI,EAAE,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,MAAM,EACd,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAE,CAAC,EACf,MAAM,EAAC,MAAM,EACb,iBAAiB,EAAE,KAAK,YAEvB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,IAAI,IAAc,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAhE,CAAC,CAAC,IAAI,CAA8D,CAChF,CAAC,GACE,EACN,KAAC,OAAO,IACN,iBAAiB,EAAE,KAAK,EACxB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CACnB,KAAC,YAAY,OAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,GAAI,CAChF,GACD,IACO,GACS,EACtB,eAAK,SAAS,EAAC,gFAAgF,aAC7F,eAAM,SAAS,EAAC,sEAAsE,YACnF,WAAW,IAAI,cAAc,CAAC,KAAK,CAAC,GAChC,EACN,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAQ,CAChF,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/charts/ChartFrame.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement } from 'react';
+import { type ChartTokens } from './tokens';
+export type ChartFrameProps = {
+    /** Human label for the chart's `role="img"` wrapper (SVG a11y). */
+    ariaLabel: string;
+    /** Pixel height of the responsive container. Width is always 100%. */
+    height?: number;
+    className?: string;
+    /** Render the recharts chart from the live tokens. */
+    children: (tokens: ChartTokens) => ReactElement;
+};
+/**
+ * The shared chart wrapper. Its `role="img"` element is the cascade anchor
+ * useChartTokens reads from (so a `.dark`/accent ancestor themes the chart), and it
+ * hosts a recharts <ResponsiveContainer> that owns sizing — every chart is 100% wide
+ * and never overflows its column. All wrappers below build on it.
+ */
+export declare function ChartFrame({ ariaLabel, height, className, children }: ChartFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=ChartFrame.d.ts.map

package/dist/react/charts/ChartFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../src/react/charts/ChartFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,UAAU,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,YAAY,CAAC;CACjD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAU3F"}

package/dist/react/charts/ChartFrame.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { ResponsiveContainer } from 'recharts';
+import { cn } from '../lib/cn';
+import { useChartTokens } from './tokens';
+/**
+ * The shared chart wrapper. Its `role="img"` element is the cascade anchor
+ * useChartTokens reads from (so a `.dark`/accent ancestor themes the chart), and it
+ * hosts a recharts <ResponsiveContainer> that owns sizing — every chart is 100% wide
+ * and never overflows its column. All wrappers below build on it.
+ */
+export function ChartFrame({ ariaLabel, height = 240, className, children }) {
+    const ref = useRef(null);
+    const tokens = useChartTokens(ref);
+    return (_jsx("div", { ref: ref, role: 'img', "aria-label": ariaLabel, className: cn('w-full', className), children: _jsx(ResponsiveContainer, { width: '100%', height: height, children: children(tokens) }) }));
+}
+//# sourceMappingURL=ChartFrame.js.map

package/dist/react/charts/ChartFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.js","sourceRoot":"","sources":["../../../src/react/charts/ChartFrame.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAoB,cAAc,EAAE,MAAM,UAAU,CAAC;AAY5D;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAmB;IAC1F,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACnC,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,KAAK,gBAAa,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YACjF,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,YAC7C,QAAQ,CAAC,MAAM,CAAC,GACG,GAClB,CACP,CAAC;AACJ,CAAC"}

package/dist/react/charts/ChartLegend.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { type ChartTokens } from './tokens';
+type LegendItem = {
+    value?: ReactNode;
+    color?: string;
+    dataKey?: string | number;
+};
+export type ChartLegendProps = {
+    payload?: ReadonlyArray<LegendItem>;
+    tokens?: ChartTokens;
+};
+/** A themed recharts legend: horizontal color chips that wrap on narrow widths. */
+export declare function ChartLegend({ payload, tokens }: ChartLegendProps): import("react").JSX.Element | null;
+/** Build a `<Legend content={…}>` renderer bound to the chart's live tokens. */
+export declare const legendContent: (tokens: ChartTokens) => (p: {
+    payload?: unknown;
+}) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ChartLegend.d.ts.map

package/dist/react/charts/ChartLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/react/charts/ChartLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,UAAU,CAAC;AAE7D,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,MAAwB,EAAE,EAAE,gBAAgB,sCAkBlF;AAED,gFAAgF;AAChF,eAAO,MAAM,aAAa,GAAI,QAAQ,WAAW,MAAM,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gCAE9E,CAAC"}

package/dist/react/charts/ChartLegend.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FALLBACK_TOKENS } from './tokens';
+/** A themed recharts legend: horizontal color chips that wrap on narrow widths. */
+export function ChartLegend({ payload, tokens = FALLBACK_TOKENS }) {
+    if (!payload?.length)
+        return null;
+    return (_jsx("ul", { className: 'm-0 flex list-none flex-wrap items-center justify-center gap-x-4 gap-y-1 p-0 pt-2 text-xs', style: { color: tokens.foreground }, children: payload.map((entry, i) => (_jsxs("li", { className: 'flex items-center gap-1.5', children: [_jsx("span", { className: 'inline-block h-2.5 w-2.5 shrink-0 rounded-[3px]', style: { backgroundColor: entry.color } }), _jsx("span", { children: entry.value })] }, String(entry.dataKey ?? i)))) }));
+}
+/** Build a `<Legend content={…}>` renderer bound to the chart's live tokens. */
+export const legendContent = (tokens) => (p) => (_jsx(ChartLegend, { payload: p.payload, tokens: tokens }));
+//# sourceMappingURL=ChartLegend.js.map

package/dist/react/charts/ChartLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.js","sourceRoot":"","sources":["../../../src/react/charts/ChartLegend.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,eAAe,EAAE,MAAM,UAAU,CAAC;AAS7D,mFAAmF;AACnF,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,eAAe,EAAoB;IACjF,IAAI,CAAC,OAAO,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,CACL,aACE,SAAS,EAAC,2FAA2F,EACrG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,YAElC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,cAAqC,SAAS,EAAC,2BAA2B,aACxE,eACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GACvC,EACF,yBAAO,KAAK,CAAC,KAAK,GAAQ,KALnB,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,CAM9B,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,CAAC,CAAwB,EAAE,EAAE,CAAC,CAClF,KAAC,WAAW,IAAC,OAAO,EAAE,CAAC,CAAC,OAAsC,EAAE,MAAM,EAAE,MAAM,GAAI,CACnF,CAAC"}