@363045841yyt/klinechart-core 0.7.6 → 0.7.7

package/dist/tokens/mergeTheme.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Theme override / merge helper.
+ *
+ *   const myTheme = mergeTheme(lightTheme, {
+ *     name: 'my-light',
+ *     colors: { candleUpBody: '#00C896' },
+ *   })
+ *
+ * Shallow-merges each top-level token family. Within a family, the
+ * override wins for any key it specifies; missing keys fall back to the
+ * base. The override's `name` (if provided) wins.
+ *
+ * Strictly immutable: returns a new theme; the inputs are untouched.
+ */
+import type { Theme, ThemeOverride } from './types';
+export declare function mergeTheme(base: Theme, override: ThemeOverride): Theme;
+//# sourceMappingURL=mergeTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeTheme.d.ts","sourceRoot":"","sources":["../../src/tokens/mergeTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAwBnD,wBAAgB,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,GAAG,KAAK,CAQtE"}

package/dist/tokens/mergeTheme.js

@@ -0,0 +1,43 @@
+/**
+ * Theme override / merge helper.
+ *
+ *   const myTheme = mergeTheme(lightTheme, {
+ *     name: 'my-light',
+ *     colors: { candleUpBody: '#00C896' },
+ *   })
+ *
+ * Shallow-merges each top-level token family. Within a family, the
+ * override wins for any key it specifies; missing keys fall back to the
+ * base. The override's `name` (if provided) wins.
+ *
+ * Strictly immutable: returns a new theme; the inputs are untouched.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isRecord(v) {
+    return v !== null && typeof v === 'object';
+}
+function deepMergeColors(base, override) {
+    const merged = { ...base };
+    if (!override)
+        return merged;
+    for (const [k, v] of Object.entries(override)) {
+        const baseVal = base[k];
+        if (isRecord(v) && isRecord(baseVal)) {
+            merged[k] = { ...baseVal, ...v };
+        }
+        else if (v !== undefined) {
+            merged[k] = v;
+        }
+    }
+    return merged;
+}
+export function mergeTheme(base, override) {
+    return {
+        name: override.name ?? base.name,
+        colors: deepMergeColors(base.colors, override.colors),
+        spacing: { ...base.spacing, ...(override.spacing ?? {}) },
+        typography: { ...base.typography, ...(override.typography ?? {}) },
+        motion: { ...base.motion, ...(override.motion ?? {}) },
+    };
+}
+//# sourceMappingURL=mergeTheme.js.map

package/dist/tokens/mergeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeTheme.js","sourceRoot":"","sources":["../../src/tokens/mergeTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,8DAA8D;AAC9D,SAAS,QAAQ,CAAC,CAAU;IACxB,OAAO,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAA;AAC9C,CAAC;AAED,SAAS,eAAe,CACpB,IAAqB,EACrB,QAA8C;IAE9C,MAAM,MAAM,GAAG,EAAE,GAAG,IAAI,EAAwC,CAAA;IAChE,IAAI,CAAC,QAAQ;QAAE,OAAO,MAAoC,CAAA;IAC1D,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAI,IAA2C,CAAC,CAAC,CAAC,CAAA;QAC/D,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,CAAC,EAAE,CAAA;QACpC,CAAC;aAAM,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;YACzB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC;IACL,CAAC;IACD,OAAO,MAAoC,CAAA;AAC/C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAW,EAAE,QAAuB;IAC3D,OAAO;QACH,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;QAChC,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;QACrD,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE;QACzD,UAAU,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE;QAClE,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;KACzD,CAAA;AACL,CAAC"}

package/dist/tokens/theme-china.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Asia-market (Chinese) colour convention helper.
+ *
+ * Asian markets traditionally use **red for "up"** (bull) and **green
+ * for "down"** (bear) — the reverse of the Western convention.
+ *
+ * {@link withAsiaMarketColors} takes any {@link Theme} and returns a new
+ * Theme with all bull/bear colour pairs swapped, so the caller only needs
+ * a single boolean (`isAsiaMarket`) to switch conventions at runtime.
+ *
+ * {@link resolveThemeColors} is a convenience for renderers that currently
+ * hard-code `theme === 'dark' ? darkTheme.colors : lightTheme.colors`.
+ *
+ * Usage:
+ * ```ts
+ * import { resolveThemeColors } from '../../tokens'
+ *
+ * const colors = resolveThemeColors(context.theme, context.isAsiaMarket)
+ * ```
+ */
+import type { ColorTokens, Theme } from './types';
+import { type ColorPresetSettings } from './colorPresetSettings';
+/**
+ * Swap all bull/bear colour pairs in a Theme so that "up" (bull) uses
+ * the formerly "down" (bear) colour and vice versa.
+ *
+ * @param theme — the base Theme (Western convention)
+ * @returns a **new** Theme object; the original is not mutated.
+ */
+export declare function withAsiaMarketColors(theme: Theme): Theme;
+/**
+ * Resolve a theme name + optional Asia-market flag into concrete
+ * {@link ColorTokens}.
+ *
+ * Renderers replace this pattern:
+ * ```ts
+ * const colors = theme === 'dark' ? darkTheme.colors : lightTheme.colors
+ * ```
+ * with:
+ * ```ts
+ * const colors = resolveThemeColors(theme, isAsiaMarket)
+ * ```
+ */
+export declare function resolveThemeColors(themeName: 'light' | 'dark', isAsiaMarket?: boolean, colorPresetSettings?: ColorPresetSettings): ColorTokens;
+//# sourceMappingURL=theme-china.d.ts.map

package/dist/tokens/theme-china.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-china.d.ts","sourceRoot":"","sources":["../../src/tokens/theme-china.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3F;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CA2ExD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAC9B,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,YAAY,CAAC,EAAE,OAAO,EACtB,mBAAmB,CAAC,EAAE,mBAAmB,GAC1C,WAAW,CAIb"}

package/dist/tokens/theme-china.js

@@ -0,0 +1,116 @@
+/**
+ * Asia-market (Chinese) colour convention helper.
+ *
+ * Asian markets traditionally use **red for "up"** (bull) and **green
+ * for "down"** (bear) — the reverse of the Western convention.
+ *
+ * {@link withAsiaMarketColors} takes any {@link Theme} and returns a new
+ * Theme with all bull/bear colour pairs swapped, so the caller only needs
+ * a single boolean (`isAsiaMarket`) to switch conventions at runtime.
+ *
+ * {@link resolveThemeColors} is a convenience for renderers that currently
+ * hard-code `theme === 'dark' ? darkTheme.colors : lightTheme.colors`.
+ *
+ * Usage:
+ * ```ts
+ * import { resolveThemeColors } from '../../tokens'
+ *
+ * const colors = resolveThemeColors(context.theme, context.isAsiaMarket)
+ * ```
+ */
+import { lightTheme } from './theme-light';
+import { darkTheme } from './theme-dark';
+import { applyColorPresetOverrides } from './colorPresetSettings';
+/**
+ * Swap all bull/bear colour pairs in a Theme so that "up" (bull) uses
+ * the formerly "down" (bear) colour and vice versa.
+ *
+ * @param theme — the base Theme (Western convention)
+ * @returns a **new** Theme object; the original is not mutated.
+ */
+export function withAsiaMarketColors(theme) {
+    return {
+        ...theme,
+        colors: {
+            ...theme.colors,
+            // ── Candle / OHLC ──
+            candleUpBody: theme.colors.candleDownBody,
+            candleDownBody: theme.colors.candleUpBody,
+            candleUpBorder: theme.colors.candleDownBorder,
+            candleDownBorder: theme.colors.candleUpBorder,
+            candleUpWick: theme.colors.candleDownWick,
+            candleDownWick: theme.colors.candleUpWick,
+            // ── Volume bars ──
+            volumeUp: theme.colors.volumeDown,
+            volumeDown: theme.colors.volumeUp,
+            // ── Footprint (ask = buy = bull, bid = sell = bear) ──
+            footprintAsk: theme.colors.footprintBid,
+            footprintBid: theme.colors.footprintAsk,
+            // ── Nested: price accents ──
+            price: {
+                ...theme.colors.price,
+                upLight: theme.colors.price.downLight,
+                downLight: theme.colors.price.upLight,
+                upTick: theme.colors.price.downTick,
+                downTick: theme.colors.price.upTick,
+            },
+            // ── Nested: MACD histogram bars ──
+            macd: {
+                ...theme.colors.macd,
+                barUp: theme.colors.macd.barDown,
+                barDown: theme.colors.macd.barUp,
+                barUpLight: theme.colors.macd.barDownLight,
+                barDownLight: theme.colors.macd.barUpLight,
+            },
+            // ── Nested: SMC structure (HH/HL = bull, LH/LL = bear) ──
+            structure: {
+                ...theme.colors.structure,
+                hh: theme.colors.structure.ll,
+                ll: theme.colors.structure.hh,
+                hl: theme.colors.structure.lh,
+                lh: theme.colors.structure.hl,
+            },
+            // ── Nested: Zones / FVG / Order Block ──
+            zones: {
+                ...theme.colors.zones,
+                fvgBullFill: theme.colors.zones.fvgBearFill,
+                fvgBearFill: theme.colors.zones.fvgBullFill,
+                fvgBullBorder: theme.colors.zones.fvgBearBorder,
+                fvgBearBorder: theme.colors.zones.fvgBullBorder,
+                obBullFill: theme.colors.zones.obBearFill,
+                obBearFill: theme.colors.zones.obBullFill,
+            },
+            // ── Nested: CCI overbought (bull) / oversold (bear) ──
+            cci: {
+                ...theme.colors.cci,
+                overbought: theme.colors.cci.oversold,
+                oversold: theme.colors.cci.overbought,
+            },
+            // ── Nested: WMSR overbought / oversold ──
+            wmsr: {
+                ...theme.colors.wmsr,
+                overbought: theme.colors.wmsr.oversold,
+                oversold: theme.colors.wmsr.overbought,
+            },
+        },
+    };
+}
+/**
+ * Resolve a theme name + optional Asia-market flag into concrete
+ * {@link ColorTokens}.
+ *
+ * Renderers replace this pattern:
+ * ```ts
+ * const colors = theme === 'dark' ? darkTheme.colors : lightTheme.colors
+ * ```
+ * with:
+ * ```ts
+ * const colors = resolveThemeColors(theme, isAsiaMarket)
+ * ```
+ */
+export function resolveThemeColors(themeName, isAsiaMarket, colorPresetSettings) {
+    const base = themeName === 'dark' ? darkTheme : lightTheme;
+    const active = isAsiaMarket ? withAsiaMarketColors(base) : base;
+    return applyColorPresetOverrides(active.colors, themeName, colorPresetSettings);
+}
+//# sourceMappingURL=theme-china.js.map

package/dist/tokens/theme-china.js.map

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

package/dist/tokens/theme-dark.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Dark theme — paired with {@link lightTheme}.
+ *
+ * Color choices:
+ *
+ *   - Background = #0E1116 (deep but not pure black — pure black creates
+ *     halation around bright lines on OLED).
+ *   - Bull = brighter green (#22D69B) — needed on dark background for
+ *     7.5:1 contrast (passes WCAG AAA for non-text).
+ *   - Bear = brighter red (#FF6464) — 6.2:1 contrast.
+ *   - Grid is barely visible (1.2:1 over background) so it never competes
+ *     with the data.
+ *   - Indicator palette is the same Okabe-Ito set but with the few hues
+ *     that need a brightness bump on dark background pre-tuned.
+ *
+ * Same shape as light — only values change. The parity test in
+ * `__tests__/themes.test.ts` enforces this.
+ */
+import type { Theme } from './types';
+export declare const darkTheme: Theme;
+//# sourceMappingURL=theme-dark.d.ts.map

package/dist/tokens/theme-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-dark.d.ts","sourceRoot":"","sources":["../../src/tokens/theme-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,SAAS,EAAE,KA8NvB,CAAA"}

package/dist/tokens/theme-dark.js

@@ -0,0 +1,228 @@
+/**
+ * Dark theme — paired with {@link lightTheme}.
+ *
+ * Color choices:
+ *
+ *   - Background = #0E1116 (deep but not pure black — pure black creates
+ *     halation around bright lines on OLED).
+ *   - Bull = brighter green (#22D69B) — needed on dark background for
+ *     7.5:1 contrast (passes WCAG AAA for non-text).
+ *   - Bear = brighter red (#FF6464) — 6.2:1 contrast.
+ *   - Grid is barely visible (1.2:1 over background) so it never competes
+ *     with the data.
+ *   - Indicator palette is the same Okabe-Ito set but with the few hues
+ *     that need a brightness bump on dark background pre-tuned.
+ *
+ * Same shape as light — only values change. The parity test in
+ * `__tests__/themes.test.ts` enforces this.
+ */
+export const darkTheme = {
+    name: 'dark',
+    colors: {
+        background: '#111827',
+        foreground: '#E8EAED',
+        chartBackground: '#111827',
+        candleUpBody: '#22D69B',
+        candleUpBorder: '#22D69B',
+        candleUpWick: '#22D69B',
+        candleDownBody: '#FF6464',
+        candleDownBorder: '#FF6464',
+        candleDownWick: '#FF6464',
+        candleDojiBorder: '#8A8F98',
+        volumeUp: '#22D69B66',
+        volumeDown: '#FF646466',
+        axisText: '#9AA0A6',
+        axisLine: '#2A2F36',
+        axisTick: '#2A2F36',
+        gridMajor: '#1B1F26',
+        gridMinor: '#161A20',
+        crosshairLine: '#5F6368',
+        crosshairLabelBg: '#E8EAED',
+        crosshairLabelText: '#0E1116',
+        selectionFill: '#4A9EFF33',
+        selectionStroke: '#4A9EFF',
+        tooltipBg: '#1B1F26EE',
+        tooltipText: '#E8EAED',
+        tooltipBorder: '#2A2F36',
+        heatmapColdest: '#0E1116',
+        heatmapHottest: '#80B7FF',
+        volumeProfileFill: '#6B727A66',
+        volumeProfilePoc: '#FFA94D',
+        volumeProfileValueArea: '#4A9EFF33',
+        footprintAsk: '#22D69B80',
+        footprintBid: '#FF646480',
+        footprintImbalance: '#FFA94D',
+        alertActive: '#4A9EFF',
+        alertTriggered: '#FFA94D',
+        alertMuted: '#6B727A',
+        avwapLine: '#A78BFA',
+        avwapBand: '#A78BFA33',
+        mtfOverlay: '#38BDF8',
+        palette: {
+            // Same hue ordering as light theme; values tuned for dark BG.
+            i1: '#4A9EFF', // blue (brightened)
+            i2: '#FFB95A', // amber
+            i3: '#22D69B', // teal-green
+            i4: '#E879BA', // pink
+            i5: '#FF8848', // burnt orange
+            i6: '#7DD3FC', // sky
+            i7: '#FCE96A', // yellow
+            i8: '#A78BFA', // purple
+            i9: '#60A5FA', // blue
+            i10: '#9AA0A6', // neutral gray
+            indicatorAtr: '#F59E0B',
+        },
+        // ── Legacy indicator colours (from engine/theme/colors) ──
+        text: {
+            primary: 'hsl(210, 10%, 85%)',
+            secondary: 'hsl(210, 8%, 75%)',
+            tertiary: 'hsl(210, 6%, 60%)',
+            weak: 'hsl(210, 5%, 45%)',
+            white: 'rgba(255, 255, 255, 0.95)',
+        },
+        price: {
+            upLight: 'rgba(255, 80, 100, 0.85)',
+            upTick: 'hsl(0, 70%, 60%)',
+            downLight: 'rgba(60, 200, 160, 0.85)',
+            downTick: 'hsl(150, 50%, 65%)',
+            lastPrice: 'rgba(230, 100, 115, 0.95)',
+        },
+        tagBg: {
+            white: 'rgb(40, 40, 55)',
+            lightGray: 'rgba(50, 50, 65, 0.92)',
+            pureWhite: '#282837',
+            transparent: 'transparent',
+            active: '#1890ff',
+            activeHover: '#40a9ff',
+            hover: '#3a3a4a',
+        },
+        border: {
+            dark: 'rgba(255, 255, 255, 0.15)',
+            medium: 'rgba(255, 255, 255, 0.12)',
+            light: 'rgba(255, 255, 255, 0.08)',
+            separator: 'rgba(255, 255, 255, 0.10)',
+            button: '#505060',
+            chart: '#3A4048',
+        },
+        ma: {
+            ma5: 'rgba(255, 200, 50, 1)',
+            ma10: 'rgba(200, 150, 30, 1)',
+            ma20: 'rgba(90, 140, 255, 1)',
+            ma30: 'rgba(90, 190, 95, 1)',
+            ma60: 'rgba(170, 60, 195, 1)',
+        },
+        boll: {
+            upper: 'rgba(200, 60, 60, 1)',
+            middle: 'rgba(90, 140, 255, 1)',
+            lower: 'rgba(50, 170, 60, 1)',
+            bandFill: 'rgba(120, 170, 255, 0.15)',
+        },
+        macd: {
+            dif: 'rgba(90, 140, 255, 1)',
+            dea: 'rgba(255, 170, 50, 1)',
+            barUp: '#ff6b6b',
+            barUpLight: '#ffb3b3',
+            barDown: '#4ecdc4',
+            barDownLight: '#a8e6e1',
+        },
+        rsi: {
+            rsi1: 'rgba(90, 140, 255, 1)',
+            rsi2: 'rgba(255, 170, 50, 1)',
+            rsi3: 'rgba(180, 70, 205, 1)',
+        },
+        cci: {
+            cci: 'rgba(90, 140, 255, 1)',
+            overbought: 'rgba(255, 80, 100, 0.6)',
+            oversold: 'rgba(60, 200, 160, 0.6)',
+        },
+        kdj: {
+            k: 'rgba(90, 140, 255, 1)',
+            d: 'rgba(255, 170, 50, 1)',
+            j: 'rgba(180, 70, 205, 1)',
+        },
+        mom: {
+            mom: 'rgba(90, 140, 255, 1)',
+            zero: 'rgba(255, 255, 255, 0.2)',
+        },
+        wmsr: {
+            wmsr: 'rgba(90, 140, 255, 1)',
+            overbought: 'rgba(255, 80, 100, 0.6)',
+            oversold: 'rgba(60, 200, 160, 0.6)',
+        },
+        kst: {
+            kst: 'rgba(90, 140, 255, 1)',
+            signal: 'rgba(255, 170, 50, 1)',
+        },
+        expma: {
+            fast: 'rgba(255, 170, 50, 1)',
+            slow: 'rgba(90, 140, 255, 1)',
+        },
+        ene: {
+            upper: 'rgba(255, 80, 100, 1)',
+            middle: 'rgba(90, 140, 255, 1)',
+            lower: 'rgba(60, 200, 160, 1)',
+            bandFill: 'rgba(90, 140, 255, 0.12)',
+        },
+        label: {
+            bg: 'rgba(30, 30, 40, 0.9)',
+            text: '#ffffff',
+        },
+        lastPriceLabel: {
+            bg: 'rgba(60, 50, 55, 0.98)',
+        },
+        volumePrice: {
+            riseWith: '#FF6666',
+            riseWithout: '#66FF99',
+            fallWith: '#FF6666',
+            fallWithout: '#66FF99',
+        },
+        structure: {
+            hh: '#4ade80',
+            hl: '#22c55e',
+            lh: '#f87171',
+            ll: '#ef4444',
+            choch: '#a78bfa',
+            bos: '#fbbf24',
+        },
+        zones: {
+            fvgBullFill: 'rgba(74, 222, 128, 0.20)',
+            fvgBearFill: 'rgba(248, 113, 113, 0.20)',
+            fvgBullBorder: 'rgba(74, 222, 128, 0.8)',
+            fvgBearBorder: 'rgba(248, 113, 113, 0.8)',
+            obBullFill: 'rgba(74, 222, 128, 0.35)',
+            obBearFill: 'rgba(248, 113, 113, 0.35)',
+        },
+        wmsrGrid: 'rgba(255, 255, 255, 0.1)',
+    },
+    spacing: {
+        none: '0',
+        xxs: '2px',
+        xs: '4px',
+        sm: '8px',
+        md: '12px',
+        lg: '16px',
+        xl: '24px',
+        xxl: '32px',
+        xxxl: '64px',
+    },
+    typography: {
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        fontFamilyMono: "ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace",
+        fontSizeSm: '10px',
+        fontSizeMd: '12px',
+        fontSizeLg: '14px',
+        fontWeightRegular: 400,
+        fontWeightMedium: 500,
+        fontWeightBold: 700,
+        lineHeightTight: 1.2,
+        lineHeightStandard: 1.4,
+    },
+    motion: {
+        durationInstant: '0ms',
+        durationFast: '120ms',
+        durationModerate: '200ms',
+        easingStandard: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        easingDecelerate: 'cubic-bezier(0, 0, 0.2, 1)',
+    },
+};
+//# sourceMappingURL=theme-dark.js.map

package/dist/tokens/theme-dark.js.map

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

package/dist/tokens/theme-light.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Light theme — concrete token values.
+ *
+ * Color choices:
+ *
+ *   - Bull (up) = a dark saturated green (#0F8B5C). Picked to clear the
+ *     WCAG AA non-text threshold (≥ 3:1) against #FAFAFA. The lighter
+ *     industry-standard greens like #26A69A fail that bar by ~25 %.
+ *   - Bear (down) = a dark saturated red (#C2363B). Same rationale —
+ *     the common #EE4D4D fails AA at ~2.6:1.
+ *   - Background = #FAFAFA (slightly off-white, kinder to eyes than pure
+ *     #FFFFFF for long sessions).
+ *   - Grid major / minor split: major lines for round-number price tiers,
+ *     minor for between-tier rhythm. Both very low contrast (1.3:1, 1.1:1)
+ *     so they don't dominate.
+ *
+ * Indicator palette: ten qualitatively distinct hues using the Okabe-Ito
+ * colorblind-safe set (extended to ten by adding three desaturated mids).
+ * Each WCAG AA against the background (>= 3:1 for non-text).
+ */
+import type { Theme } from './types';
+export declare const lightTheme: Theme;
+//# sourceMappingURL=theme-light.d.ts.map

package/dist/tokens/theme-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-light.d.ts","sourceRoot":"","sources":["../../src/tokens/theme-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,UAAU,EAAE,KAkOxB,CAAA"}