@outsidedata/dolex 0.1.0

package/dist/src/theme/colors.d.ts

@@ -0,0 +1,128 @@
+/**
+ * Dolex Design System — Color Tokens
+ *
+ * A cohesive color system for data visualization, designed for accessibility
+ * (WCAG AA against dark backgrounds) and colorblind distinguishability.
+ *
+ * Palette design principles:
+ * - Categorical: 12 perceptually distinct hues, tested for deuteranopia,
+ *   protanopia, and tritanopia. Minimum 4.5:1 contrast against #0f1117.
+ * - Sequential: single-hue ramp from desaturated light to saturated dark,
+ *   linear in perceived lightness.
+ * - Diverging: two opposing hues through a neutral midpoint.
+ */
+export declare const categorical: readonly ["#6280c1", "#c99a3e", "#48a882", "#c46258", "#5ea4c8", "#9e74bf", "#c88450", "#3ea898", "#b85e78", "#85a63e", "#807cba", "#b09838"];
+export type CategoricalPalette = typeof categorical;
+export declare const sequential: {
+    /** Blue ramp — default for most continuous data */
+    readonly blue: readonly ["#e8f0fe", "#c5d9fc", "#9cbcf8", "#6e9cf4", "#4a7eec", "#2f63d9", "#1d4cb8", "#143893", "#0d2668"];
+    /** Green ramp — good for "positive" continuous metrics */
+    readonly green: readonly ["#e2f5ec", "#b6e6d0", "#7ed4ae", "#4cc08c", "#2ba86f", "#1e8d58", "#157244", "#0d5833", "#084024"];
+    /** Purple ramp — alternative for avoiding blue/green overuse */
+    readonly purple: readonly ["#f0e8ff", "#d8c6fd", "#bd9efa", "#a278f3", "#8755e8", "#6d3dd1", "#5630ab", "#402485", "#2d1961"];
+    /** Warm ramp — orange-based, for density or heat-related data */
+    readonly warm: readonly ["#fef0e2", "#fdd9b4", "#fbbd7e", "#f79e4d", "#ef7e25", "#d4620f", "#ac4a0a", "#843608", "#5e2506"];
+};
+export type SequentialPaletteName = keyof typeof sequential;
+export declare const diverging: {
+    /** Blue-to-Red — most common diverging scheme (cold/hot, below/above) */
+    readonly blueRed: readonly ["#2166ac", "#4393c3", "#6db4d5", "#a6d1e8", "#e0e0e0", "#f1b0a0", "#e07060", "#ca3832", "#b2182b"];
+    /** Green-to-Purple — colorblind-safe alternative to blue/red */
+    readonly greenPurple: readonly ["#1b7837", "#41a055", "#73c378", "#a8dda0", "#e0e0e0", "#c4a5d9", "#9970be", "#7640a0", "#5e2d84"];
+    /** Teal-to-Orange — high contrast diverging scheme */
+    readonly tealOrange: readonly ["#0d6b6e", "#2a9191", "#54b4b0", "#92d4cc", "#e0e0e0", "#f5c28a", "#e69b44", "#c87422", "#a35212"];
+    /** Red-to-Green — stock market / profit-loss diverging scheme */
+    readonly redGreen: readonly ["#b84040", "#c85e5e", "#d48080", "#daa8a8", "#c8c8c8", "#a0c8a0", "#68a868", "#489048", "#307430"];
+};
+export type DivergingPaletteName = keyof typeof diverging;
+export declare const semantic: {
+    /** Positive values, gains, growth, success */
+    readonly positive: "#3dd9a0";
+    /** Negative values, losses, decline, error */
+    readonly negative: "#ff6b5e";
+    /** Neutral / zero / baseline */
+    readonly neutral: "#9ca3af";
+    /** Warning, caution */
+    readonly warning: "#ffb938";
+    /** Informational, highlighted */
+    readonly info: "#56c8f5";
+};
+export declare const darkTheme: {
+    /** Primary background */
+    readonly background: "#0f1117";
+    /** Elevated surface (cards, panels, tooltips) */
+    readonly surface: "#161822";
+    /** Higher elevation surface */
+    readonly surfaceRaised: "#1e2028";
+    /** Axis lines, ticks */
+    readonly axis: "#4b5563";
+    /** Grid lines */
+    readonly grid: "#1f2937";
+    /** Border color for cards and containers */
+    readonly border: "#2a2d3a";
+    /** Primary text */
+    readonly text: "#e2e5eb";
+    /** Secondary text (axis labels, legends) */
+    readonly textMuted: "#9ca3af";
+    /** Tertiary text (annotations, captions) */
+    readonly textDim: "#6b7280";
+    /** Chart area fill (slightly lighter than background for depth) */
+    readonly plotArea: "#13151d";
+    /** Overlay / scrim for modals */
+    readonly overlay: "rgba(0, 0, 0, 0.6)";
+};
+export declare const lightTheme: {
+    /** Primary background */
+    readonly background: "#f8f9fb";
+    /** Elevated surface */
+    readonly surface: "#ffffff";
+    /** Higher elevation surface */
+    readonly surfaceRaised: "#ffffff";
+    /** Axis lines, ticks */
+    readonly axis: "#9ca3af";
+    /** Grid lines */
+    readonly grid: "#e5e7eb";
+    /** Border color */
+    readonly border: "#d1d5db";
+    /** Primary text */
+    readonly text: "#111827";
+    /** Secondary text */
+    readonly textMuted: "#6b7280";
+    /** Tertiary text */
+    readonly textDim: "#9ca3af";
+    /** Chart area fill */
+    readonly plotArea: "#ffffff";
+    /** Overlay / scrim */
+    readonly overlay: "rgba(0, 0, 0, 0.3)";
+};
+/** Shape of a theme color set. Both dark and light themes conform to this. */
+export interface ThemeColors {
+    background: string;
+    surface: string;
+    surfaceRaised: string;
+    axis: string;
+    grid: string;
+    border: string;
+    text: string;
+    textMuted: string;
+    textDim: string;
+    plotArea: string;
+    overlay: string;
+}
+export type SemanticColors = typeof semantic;
+export declare const colorSchemes: {
+    /** Red → Yellow → Green (3-color stoplight scheme) */
+    readonly 'traffic-light': readonly ["#ef4444", "#f59e0b", "#10b981"];
+    /** Red → Gray → Green (diverging from zero for profit/loss) */
+    readonly 'profit-loss': readonly ["#ef4444", "#6b7280", "#10b981"];
+    /** Cool Blue → Neutral Gray → Warm Orange (temperature scale) */
+    readonly temperature: readonly ["#3b82f6", "#9ca3af", "#f59e0b"];
+};
+export type ColorSchemeName = keyof typeof colorSchemes;
+export declare const DEFAULT_PALETTE: readonly ["#6280c1", "#c99a3e", "#48a882", "#c46258", "#5ea4c8", "#9e74bf", "#c88450", "#3ea898", "#b85e78", "#85a63e", "#807cba", "#b09838"];
+export declare const DARK_BG: "#0f1117";
+export declare const AXIS_COLOR: "#4b5563";
+export declare const GRID_COLOR: "#1f2937";
+export declare const TEXT_COLOR: "#e2e5eb";
+export declare const TEXT_MUTED: "#9ca3af";
+//# sourceMappingURL=colors.d.ts.map

package/dist/src/theme/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAsBH,eAAO,MAAM,WAAW,+IAad,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,OAAO,WAAW,CAAC;AAOpD,eAAO,MAAM,UAAU;IACrB,mDAAmD;;IAYnD,0DAA0D;;IAY1D,gEAAgE;;IAYhE,iEAAiE;;CAYzD,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,UAAU,CAAC;AAO5D,eAAO,MAAM,SAAS;IACpB,yEAAyE;;IAYzE,gEAAgE;;IAYhE,sDAAsD;;IAYtD,iEAAiE;;CAYzD,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,SAAS,CAAC;AAM1D,eAAO,MAAM,QAAQ;IACnB,8CAA8C;;IAE9C,8CAA8C;;IAE9C,gCAAgC;;IAEhC,uBAAuB;;IAEvB,iCAAiC;;CAEzB,CAAC;AAIX,eAAO,MAAM,SAAS;IACpB,yBAAyB;;IAEzB,iDAAiD;;IAEjD,+BAA+B;;IAE/B,wBAAwB;;IAExB,iBAAiB;;IAEjB,4CAA4C;;IAE5C,mBAAmB;;IAEnB,4CAA4C;;IAE5C,4CAA4C;;IAE5C,mEAAmE;;IAEnE,iCAAiC;;CAEzB,CAAC;AAIX,eAAO,MAAM,UAAU;IACrB,yBAAyB;;IAEzB,uBAAuB;;IAEvB,+BAA+B;;IAE/B,wBAAwB;;IAExB,iBAAiB;;IAEjB,mBAAmB;;IAEnB,mBAAmB;;IAEnB,qBAAqB;;IAErB,oBAAoB;;IAEpB,sBAAsB;;IAEtB,sBAAsB;;CAEd,CAAC;AAIX,8EAA8E;AAC9E,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ,CAAC;AAO7C,eAAO,MAAM,YAAY;IACvB,sDAAsD;;IAGtD,+DAA+D;;IAG/D,iEAAiE;;CAEzD,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAOxD,eAAO,MAAM,eAAe,+IAAc,CAAC;AAC3C,eAAO,MAAM,OAAO,WAAuB,CAAC;AAC5C,eAAO,MAAM,UAAU,WAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,WAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,WAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,WAAsB,CAAC"}

package/dist/src/theme/colors.js

@@ -0,0 +1,242 @@
+/**
+ * Dolex Design System — Color Tokens
+ *
+ * A cohesive color system for data visualization, designed for accessibility
+ * (WCAG AA against dark backgrounds) and colorblind distinguishability.
+ *
+ * Palette design principles:
+ * - Categorical: 12 perceptually distinct hues, tested for deuteranopia,
+ *   protanopia, and tritanopia. Minimum 4.5:1 contrast against #0f1117.
+ * - Sequential: single-hue ramp from desaturated light to saturated dark,
+ *   linear in perceived lightness.
+ * - Diverging: two opposing hues through a neutral midpoint.
+ */
+// ─── CATEGORICAL PALETTE ──────────────────────────────────────────────────────
+//
+// 12 colors chosen for maximum perceptual distance in CIELAB space.
+// Avoids pure red/green adjacency. Each color >=4.5:1 contrast on #0f1117.
+// Muted saturation — designed for large fills (treemaps, areas) without
+// looking garish, while staying legible on dark backgrounds.
+//
+//  0  slate blue    — blue anchor (primary accent)
+//  1  burnished gold — warm gold (high luminance, distinct from all)
+//  2  sea green     — blue-green (separates from blue and green channels)
+//  3  terra cotta   — warm red (avoids pure red)
+//  4  steel blue    — lighter blue (distinct from slate by lightness)
+//  5  dusty violet  — muted purple (unique hue angle)
+//  6  sienna        — warm orange-brown (earthy)
+//  7  sage teal     — cyan-shifted green (distinct from sea green)
+//  8  raspberry     — muted pink-red (shifted from terra cotta)
+//  9  olive         — yellow-green (high luminance)
+// 10  periwinkle    — light muted purple (distinct from violet by lightness)
+// 11  bronze        — deep warm gold (distinct from burnished by saturation)
+export const categorical = [
+    '#6280c1', // slate blue
+    '#c99a3e', // burnished gold
+    '#48a882', // sea green
+    '#c46258', // terra cotta
+    '#5ea4c8', // steel blue
+    '#9e74bf', // dusty violet
+    '#c88450', // sienna
+    '#3ea898', // sage teal
+    '#b85e78', // raspberry
+    '#85a63e', // olive
+    '#807cba', // periwinkle
+    '#b09838', // bronze
+];
+// ─── SEQUENTIAL PALETTES ──────────────────────────────────────────────────────
+//
+// Single-hue ramps for continuous data (heatmaps, choropleths, density).
+// 9 steps each, ordered light-to-dark for natural "more = darker" reading.
+export const sequential = {
+    /** Blue ramp — default for most continuous data */
+    blue: [
+        '#e8f0fe',
+        '#c5d9fc',
+        '#9cbcf8',
+        '#6e9cf4',
+        '#4a7eec',
+        '#2f63d9',
+        '#1d4cb8',
+        '#143893',
+        '#0d2668',
+    ],
+    /** Green ramp — good for "positive" continuous metrics */
+    green: [
+        '#e2f5ec',
+        '#b6e6d0',
+        '#7ed4ae',
+        '#4cc08c',
+        '#2ba86f',
+        '#1e8d58',
+        '#157244',
+        '#0d5833',
+        '#084024',
+    ],
+    /** Purple ramp — alternative for avoiding blue/green overuse */
+    purple: [
+        '#f0e8ff',
+        '#d8c6fd',
+        '#bd9efa',
+        '#a278f3',
+        '#8755e8',
+        '#6d3dd1',
+        '#5630ab',
+        '#402485',
+        '#2d1961',
+    ],
+    /** Warm ramp — orange-based, for density or heat-related data */
+    warm: [
+        '#fef0e2',
+        '#fdd9b4',
+        '#fbbd7e',
+        '#f79e4d',
+        '#ef7e25',
+        '#d4620f',
+        '#ac4a0a',
+        '#843608',
+        '#5e2506',
+    ],
+};
+// ─── DIVERGING PALETTES ───────────────────────────────────────────────────────
+//
+// Two opposing hues meeting at a neutral midpoint. 9 steps each.
+// Center value (index 4) is desaturated for clear "zero" indication.
+export const diverging = {
+    /** Blue-to-Red — most common diverging scheme (cold/hot, below/above) */
+    blueRed: [
+        '#2166ac',
+        '#4393c3',
+        '#6db4d5',
+        '#a6d1e8',
+        '#e0e0e0',
+        '#f1b0a0',
+        '#e07060',
+        '#ca3832',
+        '#b2182b',
+    ],
+    /** Green-to-Purple — colorblind-safe alternative to blue/red */
+    greenPurple: [
+        '#1b7837',
+        '#41a055',
+        '#73c378',
+        '#a8dda0',
+        '#e0e0e0',
+        '#c4a5d9',
+        '#9970be',
+        '#7640a0',
+        '#5e2d84',
+    ],
+    /** Teal-to-Orange — high contrast diverging scheme */
+    tealOrange: [
+        '#0d6b6e',
+        '#2a9191',
+        '#54b4b0',
+        '#92d4cc',
+        '#e0e0e0',
+        '#f5c28a',
+        '#e69b44',
+        '#c87422',
+        '#a35212',
+    ],
+    /** Red-to-Green — stock market / profit-loss diverging scheme */
+    redGreen: [
+        '#b84040',
+        '#c85e5e',
+        '#d48080',
+        '#daa8a8',
+        '#c8c8c8',
+        '#a0c8a0',
+        '#68a868',
+        '#489048',
+        '#307430',
+    ],
+};
+// ─── SEMANTIC COLORS ──────────────────────────────────────────────────────────
+//
+// Fixed-meaning colors for specific data semantics.
+export const semantic = {
+    /** Positive values, gains, growth, success */
+    positive: '#3dd9a0',
+    /** Negative values, losses, decline, error */
+    negative: '#ff6b5e',
+    /** Neutral / zero / baseline */
+    neutral: '#9ca3af',
+    /** Warning, caution */
+    warning: '#ffb938',
+    /** Informational, highlighted */
+    info: '#56c8f5',
+};
+// ─── DARK THEME ───────────────────────────────────────────────────────────────
+export const darkTheme = {
+    /** Primary background */
+    background: '#0f1117',
+    /** Elevated surface (cards, panels, tooltips) */
+    surface: '#161822',
+    /** Higher elevation surface */
+    surfaceRaised: '#1e2028',
+    /** Axis lines, ticks */
+    axis: '#4b5563',
+    /** Grid lines */
+    grid: '#1f2937',
+    /** Border color for cards and containers */
+    border: '#2a2d3a',
+    /** Primary text */
+    text: '#e2e5eb',
+    /** Secondary text (axis labels, legends) */
+    textMuted: '#9ca3af',
+    /** Tertiary text (annotations, captions) */
+    textDim: '#6b7280',
+    /** Chart area fill (slightly lighter than background for depth) */
+    plotArea: '#13151d',
+    /** Overlay / scrim for modals */
+    overlay: 'rgba(0, 0, 0, 0.6)',
+};
+// ─── LIGHT THEME ──────────────────────────────────────────────────────────────
+export const lightTheme = {
+    /** Primary background */
+    background: '#f8f9fb',
+    /** Elevated surface */
+    surface: '#ffffff',
+    /** Higher elevation surface */
+    surfaceRaised: '#ffffff',
+    /** Axis lines, ticks */
+    axis: '#9ca3af',
+    /** Grid lines */
+    grid: '#e5e7eb',
+    /** Border color */
+    border: '#d1d5db',
+    /** Primary text */
+    text: '#111827',
+    /** Secondary text */
+    textMuted: '#6b7280',
+    /** Tertiary text */
+    textDim: '#9ca3af',
+    /** Chart area fill */
+    plotArea: '#ffffff',
+    /** Overlay / scrim */
+    overlay: 'rgba(0, 0, 0, 0.3)',
+};
+// ─── COLOR SCHEME PRESETS ─────────────────────────────────────────────────────
+//
+// Named color schemes for common data semantics.
+// Used via ColorEncoding.palette: 'traffic-light' | 'profit-loss' | 'temperature'
+export const colorSchemes = {
+    /** Red → Yellow → Green (3-color stoplight scheme) */
+    'traffic-light': ['#ef4444', '#f59e0b', '#10b981'],
+    /** Red → Gray → Green (diverging from zero for profit/loss) */
+    'profit-loss': ['#ef4444', '#6b7280', '#10b981'],
+    /** Cool Blue → Neutral Gray → Warm Orange (temperature scale) */
+    temperature: ['#3b82f6', '#9ca3af', '#f59e0b'],
+};
+// ─── BACKWARD-COMPATIBILITY ALIASES ───────────────────────────────────────────
+//
+// These map to the constants previously exported from shared.ts,
+// so existing renderers can migrate gradually.
+export const DEFAULT_PALETTE = categorical;
+export const DARK_BG = darkTheme.background;
+export const AXIS_COLOR = darkTheme.axis;
+export const GRID_COLOR = darkTheme.grid;
+export const TEXT_COLOR = darkTheme.text;
+export const TEXT_MUTED = darkTheme.textMuted;
+//# sourceMappingURL=colors.js.map

package/dist/src/theme/colors.js.map

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

package/dist/src/theme/index.d.ts

@@ -0,0 +1,293 @@
+/**
+ * Dolex Design System — Theme Entry Point
+ *
+ * Re-exports every token module and composes them into a unified `theme` object.
+ * Dark theme is the default; light theme is available for print / light-mode contexts.
+ *
+ * Usage:
+ *   import { theme } from '../theme/index.js';
+ *   // or cherry-pick:
+ *   import { categorical, darkTheme } from '../theme/colors.js';
+ *   import { textStyles } from '../theme/typography.js';
+ *   import { margins } from '../theme/spacing.js';
+ */
+export { categorical, sequential, diverging, semantic, colorSchemes, darkTheme, lightTheme, DEFAULT_PALETTE, DARK_BG, AXIS_COLOR, GRID_COLOR, TEXT_COLOR, TEXT_MUTED, } from './colors.js';
+export type { CategoricalPalette, SequentialPaletteName, DivergingPaletteName, ThemeColors, SemanticColors, ColorSchemeName, } from './colors.js';
+export { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textStyles, } from './typography.js';
+export type { FontSizeKey, FontWeightKey, LineHeightKey, TextStyle, TextStyleKey, } from './typography.js';
+export { space, margins, padding, gap, radius, stroke, chartSize, animation, } from './spacing.js';
+export type { SpaceKey, ChartMargins, MarginMode, ChartSizeKey, } from './spacing.js';
+import { semantic, colorSchemes } from './colors.js';
+/** Shared tokens that do not change between light and dark themes */
+declare const sharedTokens: {
+    readonly palettes: {
+        readonly categorical: readonly ["#6280c1", "#c99a3e", "#48a882", "#c46258", "#5ea4c8", "#9e74bf", "#c88450", "#3ea898", "#b85e78", "#85a63e", "#807cba", "#b09838"];
+        readonly sequential: {
+            readonly blue: readonly ["#e8f0fe", "#c5d9fc", "#9cbcf8", "#6e9cf4", "#4a7eec", "#2f63d9", "#1d4cb8", "#143893", "#0d2668"];
+            readonly green: readonly ["#e2f5ec", "#b6e6d0", "#7ed4ae", "#4cc08c", "#2ba86f", "#1e8d58", "#157244", "#0d5833", "#084024"];
+            readonly purple: readonly ["#f0e8ff", "#d8c6fd", "#bd9efa", "#a278f3", "#8755e8", "#6d3dd1", "#5630ab", "#402485", "#2d1961"];
+            readonly warm: readonly ["#fef0e2", "#fdd9b4", "#fbbd7e", "#f79e4d", "#ef7e25", "#d4620f", "#ac4a0a", "#843608", "#5e2506"];
+        };
+        readonly diverging: {
+            readonly blueRed: readonly ["#2166ac", "#4393c3", "#6db4d5", "#a6d1e8", "#e0e0e0", "#f1b0a0", "#e07060", "#ca3832", "#b2182b"];
+            readonly greenPurple: readonly ["#1b7837", "#41a055", "#73c378", "#a8dda0", "#e0e0e0", "#c4a5d9", "#9970be", "#7640a0", "#5e2d84"];
+            readonly tealOrange: readonly ["#0d6b6e", "#2a9191", "#54b4b0", "#92d4cc", "#e0e0e0", "#f5c28a", "#e69b44", "#c87422", "#a35212"];
+            readonly redGreen: readonly ["#b84040", "#c85e5e", "#d48080", "#daa8a8", "#c8c8c8", "#a0c8a0", "#68a868", "#489048", "#307430"];
+        };
+    };
+    readonly colorSchemes: {
+        readonly 'traffic-light': readonly ["#ef4444", "#f59e0b", "#10b981"];
+        readonly 'profit-loss': readonly ["#ef4444", "#6b7280", "#10b981"];
+        readonly temperature: readonly ["#3b82f6", "#9ca3af", "#f59e0b"];
+    };
+    readonly semantic: {
+        readonly positive: "#3dd9a0";
+        readonly negative: "#ff6b5e";
+        readonly neutral: "#9ca3af";
+        readonly warning: "#ffb938";
+        readonly info: "#56c8f5";
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly sans: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+            readonly mono: "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", Menlo, Consolas, monospace";
+        };
+        readonly fontSize: {
+            readonly title: 14;
+            readonly subtitle: 12;
+            readonly label: 11;
+            readonly annotation: 10;
+            readonly micro: 9;
+        };
+        readonly fontWeight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.2;
+            readonly normal: 1.4;
+            readonly relaxed: 1.6;
+        };
+        readonly letterSpacing: {
+            readonly normal: "0em";
+            readonly wide: "0.02em";
+            readonly wider: "0.04em";
+        };
+        readonly textStyles: {
+            readonly chartTitle: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 14;
+                readonly fontWeight: 600;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0em";
+            };
+            readonly chartSubtitle: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0em";
+            };
+            readonly axisTitle: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0em";
+            };
+            readonly axisLabel: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 11;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0em";
+            };
+            readonly dataLabel: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 11;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0em";
+            };
+            readonly annotation: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 10;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.6;
+                readonly letterSpacing: "0.02em";
+            };
+            readonly micro: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 9;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.2;
+                readonly letterSpacing: "0.04em";
+            };
+            readonly dataValue: {
+                readonly fontFamily: "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", Menlo, Consolas, monospace";
+                readonly fontSize: 11;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.4;
+                readonly letterSpacing: "0em";
+            };
+            readonly tooltip: {
+                readonly fontFamily: "Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.6;
+                readonly letterSpacing: "0em";
+            };
+        };
+    };
+    readonly spacing: {
+        readonly space: {
+            readonly 0: 0;
+            readonly 1: 1;
+            readonly 2: 2;
+            readonly 4: 4;
+            readonly 6: 6;
+            readonly 8: 8;
+            readonly 12: 12;
+            readonly 16: 16;
+            readonly 20: 20;
+            readonly 24: 24;
+            readonly 32: 32;
+            readonly 40: 40;
+            readonly 48: 48;
+            readonly 64: 64;
+        };
+        readonly margins: {
+            readonly compact: {
+                readonly top: 24;
+                readonly right: 16;
+                readonly bottom: 32;
+                readonly left: 40;
+            };
+            readonly default: {
+                readonly top: 40;
+                readonly right: 30;
+                readonly bottom: 50;
+                readonly left: 60;
+            };
+            readonly spacious: {
+                readonly top: 56;
+                readonly right: 40;
+                readonly bottom: 64;
+                readonly left: 76;
+            };
+        };
+        readonly padding: {
+            readonly tooltip: {
+                readonly x: 12;
+                readonly y: 8;
+            };
+            readonly legend: {
+                readonly x: 12;
+                readonly y: 8;
+            };
+            readonly card: {
+                readonly x: 16;
+                readonly y: 12;
+            };
+            readonly badge: {
+                readonly x: 8;
+                readonly y: 4;
+            };
+        };
+        readonly gap: {
+            readonly legendSwatch: 6;
+            readonly legendItem: 4;
+            readonly legendItemHorizontal: 16;
+            readonly smallMultiple: 12;
+            readonly labelOffset: 4;
+            readonly titleSubtitle: 4;
+            readonly titleToPlot: 8;
+            readonly barGroup: 2;
+            readonly tickPadding: 8;
+            readonly annotationOffset: 8;
+        };
+        readonly radius: {
+            readonly none: 0;
+            readonly sm: 2;
+            readonly md: 6;
+            readonly lg: 8;
+            readonly full: 9999;
+        };
+        readonly stroke: {
+            readonly hairline: 0.5;
+            readonly thin: 1;
+            readonly default: 1.5;
+            readonly medium: 2;
+            readonly thick: 3;
+        };
+        readonly chartSize: {
+            readonly thumbnail: {
+                readonly width: 300;
+                readonly height: 200;
+            };
+            readonly small: {
+                readonly width: 480;
+                readonly height: 320;
+            };
+            readonly medium: {
+                readonly width: 640;
+                readonly height: 420;
+            };
+            readonly large: {
+                readonly width: 800;
+                readonly height: 500;
+            };
+            readonly xlarge: {
+                readonly width: 1080;
+                readonly height: 640;
+            };
+        };
+        readonly animation: {
+            readonly fast: {
+                readonly duration: 150;
+                readonly easing: "ease-out";
+            };
+            readonly default: {
+                readonly duration: 300;
+                readonly easing: "ease-in-out";
+            };
+            readonly slow: {
+                readonly duration: 600;
+                readonly easing: "ease-in-out";
+            };
+        };
+    };
+};
+import type { ThemeColors } from './colors.js';
+export interface Theme {
+    mode: 'dark' | 'light';
+    colors: ThemeColors;
+    palettes: typeof sharedTokens.palettes;
+    colorSchemes: typeof colorSchemes;
+    semantic: typeof semantic;
+    typography: typeof sharedTokens.typography;
+    spacing: typeof sharedTokens.spacing;
+}
+/** Dark theme (default) — all tokens composed into one object */
+export declare const darkThemeComposed: Theme;
+/** Light theme — same structure, swapped color tokens */
+export declare const lightThemeComposed: Theme;
+/**
+ * Default theme. Dark mode.
+ *
+ * Import as:
+ *   import { theme } from '../theme/index.js';
+ *   const bg = theme.colors.background;
+ *   const blue = theme.palettes.categorical[0];
+ *   const titleFont = theme.typography.textStyles.chartTitle;
+ */
+export declare const theme: Theme;
+/**
+ * Resolve a theme by name.
+ *
+ * @param mode - 'dark' or 'light'
+ * @returns The corresponding composed theme object
+ */
+export declare function getTheme(mode: 'dark' | 'light'): Theme;
+//# sourceMappingURL=index.d.ts.map