@newco-ai-platform/ui 0.1.0

package/dist/tokens/index.cjs

@@ -0,0 +1,221 @@
+'use strict';
+
+// src/tokens/colors.ts
+var colors = {
+  light: {
+    surface: "#f7f9ff",
+    surfaceCard: "#ffffff",
+    surfaceTint: "#edf4ff",
+    onSurface: "#0c1d2c",
+    onSurfaceMuted: "#5b6b7d",
+    onSurfaceDim: "#8893a3",
+    hairline: "rgba(91, 107, 125, 0.10)"
+  },
+  dark: {
+    surface: "#0F1219",
+    surfaceCard: "#161B26",
+    surfaceTint: "#1A2030",
+    onSurface: "#dce2f3",
+    onSurfaceMuted: "#8B92A1",
+    onSurfaceDim: "#5F6878",
+    hairline: "rgba(220, 226, 243, 0.08)"
+  },
+  state: {
+    /** Same hex as MERIDIAN accent — use ONLY for status, not as a product signal. */
+    ok: "#2E8A6B",
+    /** Same hex as CATALYST accent — same constraint. */
+    warn: "#C28A2E",
+    /** Reserved for true errors. Kill switches use the product accent, never red. */
+    err: "#BA1A1A"
+  }
+};
+
+// src/tokens/typography.ts
+var fontFamilies = {
+  manrope: `'Manrope', system-ui, sans-serif`,
+  inter: `'Inter', system-ui, sans-serif`,
+  jetbrainsMono: `'JetBrains Mono', ui-monospace, monospace`
+};
+var typography = {
+  displayLg: {
+    fontFamily: fontFamilies.manrope,
+    fontSize: 64,
+    fontWeight: 700,
+    lineHeight: 1.05,
+    letterSpacing: "-0.025em",
+    tabularNums: true
+  },
+  displayMd: {
+    fontFamily: fontFamilies.manrope,
+    fontSize: 48,
+    fontWeight: 700,
+    lineHeight: 1.1,
+    letterSpacing: "-0.02em",
+    tabularNums: true
+  },
+  pageTitle: {
+    fontFamily: fontFamilies.manrope,
+    fontSize: 38,
+    fontWeight: 700,
+    lineHeight: 1.1,
+    letterSpacing: "-0.02em"
+  },
+  headlineMd: {
+    fontFamily: fontFamilies.manrope,
+    fontSize: 20,
+    fontWeight: 600,
+    lineHeight: 1.25
+  },
+  bodyMd: {
+    fontFamily: fontFamilies.inter,
+    fontSize: 16,
+    fontWeight: 400,
+    lineHeight: 1.5
+  },
+  bodySm: {
+    fontFamily: fontFamilies.inter,
+    fontSize: 14,
+    fontWeight: 400,
+    lineHeight: 1.5
+  },
+  labelSm: {
+    fontFamily: fontFamilies.inter,
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: 1.2,
+    letterSpacing: "0.06em",
+    textTransform: "uppercase"
+  },
+  mono: {
+    fontFamily: fontFamilies.jetbrainsMono,
+    fontSize: 13,
+    fontWeight: 400,
+    lineHeight: 22 / 13,
+    tabularNums: true
+  },
+  monoSm: {
+    fontFamily: fontFamilies.jetbrainsMono,
+    fontSize: 12,
+    fontWeight: 400,
+    lineHeight: 18 / 12,
+    tabularNums: true
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  unit: 8,
+  container: 1200,
+  gutter: 32,
+  containerPadding: 24,
+  rows: {
+    neuron: 22,
+    meridian: 28
+  }
+};
+var shadows = {
+  card: "0 1px 2px rgba(12, 29, 44, 0.04), 0 4px 16px rgba(12, 29, 44, 0.04)",
+  level2: "0 4px 16px rgba(12, 29, 44, 0.08)",
+  backdropBlur: "blur(12px)"
+};
+
+// src/tokens/motion.ts
+var motion = {
+  durations: {
+    fast: 150,
+    base: 250,
+    slow: 400,
+    anchor: 1e4
+  },
+  easings: {
+    standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+    decelerate: "cubic-bezier(0, 0, 0.2, 1)",
+    accelerate: "cubic-bezier(0.4, 0, 1, 1)"
+  },
+  reducedMotionQuery: "(prefers-reduced-motion: reduce)"
+};
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return false;
+  }
+  return window.matchMedia(motion.reducedMotionQuery).matches;
+}
+
+// src/tokens/productAccents.ts
+var productAccents = {
+  prism: {
+    key: "prism",
+    displayName: "PRISM",
+    hex: "#4F6BED",
+    tint: "rgba(79, 107, 237, 0.08)",
+    strong: "rgba(79, 107, 237, 0.18)",
+    hue: 230,
+    role: "Cool Blue \u2014 discovery, process mining, clarity"
+  },
+  neuron: {
+    key: "neuron",
+    displayName: "NEURON",
+    hex: "#7C4FE0",
+    tint: "rgba(124, 79, 224, 0.08)",
+    strong: "rgba(124, 79, 224, 0.18)",
+    hue: 260,
+    role: "Violet \u2014 orchestration, intelligence"
+  },
+  vault: {
+    key: "vault",
+    displayName: "VAULT",
+    hex: "#5B6B7D",
+    tint: "rgba(91, 107, 125, 0.08)",
+    strong: "rgba(91, 107, 125, 0.18)",
+    hue: 215,
+    role: "Slate \u2014 sovereignty, compliance (narrow saturation, quiet)"
+  },
+  catalyst: {
+    key: "catalyst",
+    displayName: "CATALYST",
+    hex: "#C28A2E",
+    tint: "rgba(194, 138, 46, 0.08)",
+    strong: "rgba(194, 138, 46, 0.18)",
+    hue: 36,
+    role: "Amber \u2014 reuse, acceleration (the only warm accent)"
+  },
+  meridian: {
+    key: "meridian",
+    displayName: "MERIDIAN",
+    hex: "#2E8A6B",
+    tint: "rgba(46, 138, 107, 0.08)",
+    strong: "rgba(46, 138, 107, 0.18)",
+    hue: 145,
+    role: "Emerald \u2014 outcome intelligence, EBITDA"
+  }
+};
+var productAccentList = [
+  productAccents.prism,
+  productAccents.neuron,
+  productAccents.vault,
+  productAccents.catalyst,
+  productAccents.meridian
+];
+
+// src/tokens/dataViz.ts
+var dataViz = {
+  positiveDelta: "#2E8A6B",
+  negativeDelta: "#BA1A1A",
+  neutralDelta: "#5b6b7d",
+  strokeWidth: 1.5,
+  axis: "rgba(91, 107, 125, 0.10)",
+  grid: "rgba(91, 107, 125, 0.05)"
+};
+
+exports.colors = colors;
+exports.dataViz = dataViz;
+exports.fontFamilies = fontFamilies;
+exports.motion = motion;
+exports.prefersReducedMotion = prefersReducedMotion;
+exports.productAccentList = productAccentList;
+exports.productAccents = productAccents;
+exports.shadows = shadows;
+exports.spacing = spacing;
+exports.typography = typography;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/tokens/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/motion.ts","../../src/tokens/productAccents.ts","../../src/tokens/dataViz.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Color tokens — Luminous Multi-Signal\n *\n * Light is the suite-wide default. Dark is a per-user opt-in peer (DESIGN.md §\n * Dark-mode activation rule). No per-route or per-product auto-switching.\n *\n * The No-Line Rule is enforced via tonal lift, not borders — see `shadows` in\n * `./spacing.ts`. Use `hairline` only for row separation inside a single card.\n */\n\nexport interface ColorTheme {\n  readonly surface: string;\n  readonly surfaceCard: string;\n  readonly surfaceTint: string;\n  readonly onSurface: string;\n  readonly onSurfaceMuted: string;\n  readonly onSurfaceDim: string;\n  readonly hairline: string;\n}\n\nexport interface ColorTokens {\n  readonly light: ColorTheme;\n  readonly dark: ColorTheme;\n  /** Status colors — same value across themes. */\n  readonly state: {\n    readonly ok: string;\n    readonly warn: string;\n    readonly err: string;\n  };\n}\n\nexport const colors: ColorTokens = {\n  light: {\n    surface:          '#f7f9ff',\n    surfaceCard:      '#ffffff',\n    surfaceTint:      '#edf4ff',\n    onSurface:        '#0c1d2c',\n    onSurfaceMuted:   '#5b6b7d',\n    onSurfaceDim:     '#8893a3',\n    hairline:         'rgba(91, 107, 125, 0.10)',\n  },\n  dark: {\n    surface:          '#0F1219',\n    surfaceCard:      '#161B26',\n    surfaceTint:      '#1A2030',\n    onSurface:        '#dce2f3',\n    onSurfaceMuted:   '#8B92A1',\n    onSurfaceDim:     '#5F6878',\n    hairline:         'rgba(220, 226, 243, 0.08)',\n  },\n  state: {\n    /** Same hex as MERIDIAN accent — use ONLY for status, not as a product signal. */\n    ok:   '#2E8A6B',\n    /** Same hex as CATALYST accent — same constraint. */\n    warn: '#C28A2E',\n    /** Reserved for true errors. Kill switches use the product accent, never red. */\n    err:  '#BA1A1A',\n  },\n};\n","/**\n * Typography tokens — Manrope (display/headlines), Inter (body/labels),\n * JetBrains Mono (data, hashes, timestamps).\n *\n * Hard rules from DESIGN.md:\n * - Body text never below 14px on interactive data surfaces.\n * - Display serifs (Cormorant Garamond et al.) are REFUSED — under-render at\n *   the 13px data-table baseline.\n * - Mono is the \"signal\" font for audit-immutable content. If a value can be\n *   hashed, copy-pasted, or appears in a chain — it's mono.\n */\n\nexport type FontFamily = 'manrope' | 'inter' | 'jetbrainsMono';\n\nexport const fontFamilies = {\n  manrope:       `'Manrope', system-ui, sans-serif`,\n  inter:         `'Inter', system-ui, sans-serif`,\n  jetbrainsMono: `'JetBrains Mono', ui-monospace, monospace`,\n} as const;\n\nexport interface TypographyStyle {\n  readonly fontFamily: string;\n  /** px */\n  readonly fontSize: number;\n  /** CSS font-weight numeric */\n  readonly fontWeight: number;\n  /** unitless line-height multiplier */\n  readonly lineHeight: number;\n  /** CSS letter-spacing (em or px) */\n  readonly letterSpacing?: string;\n  readonly textTransform?: 'uppercase' | 'none';\n  /** `true` enables `font-variant-numeric: tabular-nums` */\n  readonly tabularNums?: boolean;\n}\n\nexport interface TypographyTokens {\n  /** 64px Manrope 700 — hero KPI numbers (e.g. MERIDIAN +$1.2M). */\n  readonly displayLg: TypographyStyle;\n  /** 48px Manrope 700 — secondary display. */\n  readonly displayMd: TypographyStyle;\n  /** 38px Manrope 700 — h1 page titles only. */\n  readonly pageTitle: TypographyStyle;\n  /** 20px Manrope 600 — h2 section / card titles. */\n  readonly headlineMd: TypographyStyle;\n  /** 16px Inter 400 — primary body, narrative copy. */\n  readonly bodyMd: TypographyStyle;\n  /** 14px Inter 400 — secondary body, UI text. */\n  readonly bodySm: TypographyStyle;\n  /** 12px Inter 600 tracked caps — section labels, status pills, table headers. */\n  readonly labelSm: TypographyStyle;\n  /** 13px JetBrains Mono 400 — audit ledgers, run metadata, console body. */\n  readonly mono: TypographyStyle;\n  /** 12px JetBrains Mono 400 — mono labels, hash prefixes, timestamps. */\n  readonly monoSm: TypographyStyle;\n}\n\nexport const typography: TypographyTokens = {\n  displayLg: {\n    fontFamily: fontFamilies.manrope,\n    fontSize: 64,\n    fontWeight: 700,\n    lineHeight: 1.05,\n    letterSpacing: '-0.025em',\n    tabularNums: true,\n  },\n  displayMd: {\n    fontFamily: fontFamilies.manrope,\n    fontSize: 48,\n    fontWeight: 700,\n    lineHeight: 1.1,\n    letterSpacing: '-0.02em',\n    tabularNums: true,\n  },\n  pageTitle: {\n    fontFamily: fontFamilies.manrope,\n    fontSize: 38,\n    fontWeight: 700,\n    lineHeight: 1.1,\n    letterSpacing: '-0.02em',\n  },\n  headlineMd: {\n    fontFamily: fontFamilies.manrope,\n    fontSize: 20,\n    fontWeight: 600,\n    lineHeight: 1.25,\n  },\n  bodyMd: {\n    fontFamily: fontFamilies.inter,\n    fontSize: 16,\n    fontWeight: 400,\n    lineHeight: 1.5,\n  },\n  bodySm: {\n    fontFamily: fontFamilies.inter,\n    fontSize: 14,\n    fontWeight: 400,\n    lineHeight: 1.5,\n  },\n  labelSm: {\n    fontFamily: fontFamilies.inter,\n    fontSize: 12,\n    fontWeight: 600,\n    lineHeight: 1.2,\n    letterSpacing: '0.06em',\n    textTransform: 'uppercase',\n  },\n  mono: {\n    fontFamily: fontFamilies.jetbrainsMono,\n    fontSize: 13,\n    fontWeight: 400,\n    lineHeight: 22 / 13,\n    tabularNums: true,\n  },\n  monoSm: {\n    fontFamily: fontFamilies.jetbrainsMono,\n    fontSize: 12,\n    fontWeight: 400,\n    lineHeight: 18 / 12,\n    tabularNums: true,\n  },\n};\n","/**\n * Spacing + elevation tokens — 8px base grid.\n *\n * Per-product row density:\n *   NEURON consoles + run-metadata tables → 22px rows (`rows.neuron`)\n *   MERIDIAN ledgers + reviewer panels    → 28px rows (`rows.meridian`)\n *\n * Shadows are the No-Line Rule's mechanism for sectioning — heavy drop\n * shadows are refused. Level 1 lift is ≤4% opacity. See DESIGN.md § No-Line.\n */\n\nexport interface SpacingTokens {\n  /** 8 — base unit, all spacing is a multiple of this. */\n  readonly unit: number;\n  /** 1200 — max content container width (px). */\n  readonly container: number;\n  /** 32 — gutter between major regions (px). */\n  readonly gutter: number;\n  /** 24 — internal padding inside a page container (px). */\n  readonly containerPadding: number;\n  /** Per-product row heights (px). */\n  readonly rows: {\n    readonly neuron: 22;\n    readonly meridian: 28;\n  };\n}\n\nexport const spacing: SpacingTokens = {\n  unit: 8,\n  container: 1200,\n  gutter: 32,\n  containerPadding: 24,\n  rows: {\n    neuron: 22,\n    meridian: 28,\n  },\n};\n\nexport interface ShadowTokens {\n  /** Level 1 — elevated cards. Tonal lift, NOT drop-shadow. */\n  readonly card: string;\n  /** Level 2 — temporary overlays (tooltips, dropdowns). */\n  readonly level2: string;\n  /** Backdrop blur for the luminous quality (used on Level 2). */\n  readonly backdropBlur: string;\n}\n\nexport const shadows: ShadowTokens = {\n  card:        '0 1px 2px rgba(12, 29, 44, 0.04), 0 4px 16px rgba(12, 29, 44, 0.04)',\n  level2:      '0 4px 16px rgba(12, 29, 44, 0.08)',\n  backdropBlur: 'blur(12px)',\n};\n","/**\n * Motion tokens — calm vigilance, not celebration.\n *\n * Hard rules from DESIGN.md § Motion principles:\n * - Convergent over divergent (5→1 compounding, not 1→5 fan-out).\n * - Pulse, blink, fade are acceptable; bursts/rotations/scale-zero are refused.\n * - `prefers-reduced-motion: reduce` is ALWAYS honored. Animations must\n *   degrade to static states gracefully.\n */\n\nexport type Duration = 'fast' | 'base' | 'slow' | 'anchor';\nexport type Easing = 'standard' | 'decelerate' | 'accelerate';\n\nexport interface MotionTokens {\n  /** Milliseconds. `anchor` is reserved for the marketing hero unlock cycle. */\n  readonly durations: Record<Duration, number>;\n  readonly easings: Record<Easing, string>;\n  /** prefers-reduced-motion media query string. */\n  readonly reducedMotionQuery: '(prefers-reduced-motion: reduce)';\n}\n\nexport const motion: MotionTokens = {\n  durations: {\n    fast:   150,\n    base:   250,\n    slow:   400,\n    anchor: 10_000,\n  },\n  easings: {\n    standard:   'cubic-bezier(0.4, 0, 0.2, 1)',\n    decelerate: 'cubic-bezier(0, 0, 0.2, 1)',\n    accelerate: 'cubic-bezier(0.4, 0, 1, 1)',\n  },\n  reducedMotionQuery: '(prefers-reduced-motion: reduce)',\n};\n\n/**\n * Runtime check — returns `true` if the user has requested reduced motion.\n * Safe to call from any consumer; returns `false` outside a browser context.\n */\nexport function prefersReducedMotion(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n    return false;\n  }\n  return window.matchMedia(motion.reducedMotionQuery).matches;\n}\n","/**\n * 5-signal palette — one accent per product, distributed at ~60° hue rotation\n * around a pristine cool-white base. Each product owns one signal; structure\n * (neutrals, typography, spacing, shape) is constant across all 5 products.\n *\n * The 5 accents appear together ONLY in MERIDIAN's cross-product Portfolio\n * chart. Inside a single product, only that product's accent is used.\n *\n * `tint` and `strong` are rgba surfaces derived from `hex`:\n *   tint   = hex @ 0.08 opacity → use for hover, focus, alt-row tints\n *   strong = hex @ 0.18 opacity → use for outer rings on lit dots, focus halos\n */\n\nexport type ProductAccentKey =\n  | 'prism'\n  | 'neuron'\n  | 'vault'\n  | 'catalyst'\n  | 'meridian';\n\nexport interface ProductAccent {\n  readonly key: ProductAccentKey;\n  readonly displayName: string;\n  readonly hex: string;\n  readonly tint: string;\n  readonly strong: string;\n  readonly hue: number;\n  readonly role: string;\n}\n\nexport const productAccents: Record<ProductAccentKey, ProductAccent> = {\n  prism: {\n    key: 'prism',\n    displayName: 'PRISM',\n    hex:    '#4F6BED',\n    tint:   'rgba(79, 107, 237, 0.08)',\n    strong: 'rgba(79, 107, 237, 0.18)',\n    hue: 230,\n    role: 'Cool Blue — discovery, process mining, clarity',\n  },\n  neuron: {\n    key: 'neuron',\n    displayName: 'NEURON',\n    hex:    '#7C4FE0',\n    tint:   'rgba(124, 79, 224, 0.08)',\n    strong: 'rgba(124, 79, 224, 0.18)',\n    hue: 260,\n    role: 'Violet — orchestration, intelligence',\n  },\n  vault: {\n    key: 'vault',\n    displayName: 'VAULT',\n    hex:    '#5B6B7D',\n    tint:   'rgba(91, 107, 125, 0.08)',\n    strong: 'rgba(91, 107, 125, 0.18)',\n    hue: 215,\n    role: 'Slate — sovereignty, compliance (narrow saturation, quiet)',\n  },\n  catalyst: {\n    key: 'catalyst',\n    displayName: 'CATALYST',\n    hex:    '#C28A2E',\n    tint:   'rgba(194, 138, 46, 0.08)',\n    strong: 'rgba(194, 138, 46, 0.18)',\n    hue: 36,\n    role: 'Amber — reuse, acceleration (the only warm accent)',\n  },\n  meridian: {\n    key: 'meridian',\n    displayName: 'MERIDIAN',\n    hex:    '#2E8A6B',\n    tint:   'rgba(46, 138, 107, 0.08)',\n    strong: 'rgba(46, 138, 107, 0.18)',\n    hue: 145,\n    role: 'Emerald — outcome intelligence, EBITDA',\n  },\n};\n\n/** Iterable list of accents in customer-journey order: discover → orchestrate → secure → accelerate → measure. */\nexport const productAccentList: readonly ProductAccent[] = [\n  productAccents.prism,\n  productAccents.neuron,\n  productAccents.vault,\n  productAccents.catalyst,\n  productAccents.meridian,\n];\n","/**\n * Data-viz palette — locked at Round 2 of Phase 1.\n *\n * Hard rule: the 5 product accents are used in charts ONLY in the cross-product\n * Portfolio chart (MERIDIAN `/engagements`). Inside a single product, charts use\n * the active product accent + the deltas/neutrals below.\n *\n * For 5-accent chart usage, import from `./productAccents.js`.\n */\n\nexport interface DataVizTokens {\n  /** Up arrows, gains, attainment over baseline. Same hex as MERIDIAN. */\n  readonly positiveDelta: string;\n  /** Down arrows, losses, breach indicators. Same hex as `state.err`. */\n  readonly negativeDelta: string;\n  /** Zero deltas, \"no change\" series. Same hex as `onSurfaceMuted`. */\n  readonly neutralDelta: string;\n  /** Sparkline / primary series stroke width. */\n  readonly strokeWidth: number;\n  /** Axis lines — `hairline` value. */\n  readonly axis: string;\n  /** Grid lines — half-opacity of `axis`. */\n  readonly grid: string;\n}\n\nexport const dataViz: DataVizTokens = {\n  positiveDelta: '#2E8A6B',\n  negativeDelta: '#BA1A1A',\n  neutralDelta:  '#5b6b7d',\n  strokeWidth:   1.5,\n  axis:          'rgba(91, 107, 125, 0.10)',\n  grid:          'rgba(91, 107, 125, 0.05)',\n};\n"]}

package/dist/tokens/index.d.cts

@@ -0,0 +1,196 @@
+/**
+ * Color tokens — Luminous Multi-Signal
+ *
+ * Light is the suite-wide default. Dark is a per-user opt-in peer (DESIGN.md §
+ * Dark-mode activation rule). No per-route or per-product auto-switching.
+ *
+ * The No-Line Rule is enforced via tonal lift, not borders — see `shadows` in
+ * `./spacing.ts`. Use `hairline` only for row separation inside a single card.
+ */
+interface ColorTheme {
+    readonly surface: string;
+    readonly surfaceCard: string;
+    readonly surfaceTint: string;
+    readonly onSurface: string;
+    readonly onSurfaceMuted: string;
+    readonly onSurfaceDim: string;
+    readonly hairline: string;
+}
+interface ColorTokens {
+    readonly light: ColorTheme;
+    readonly dark: ColorTheme;
+    /** Status colors — same value across themes. */
+    readonly state: {
+        readonly ok: string;
+        readonly warn: string;
+        readonly err: string;
+    };
+}
+declare const colors: ColorTokens;
+
+/**
+ * Typography tokens — Manrope (display/headlines), Inter (body/labels),
+ * JetBrains Mono (data, hashes, timestamps).
+ *
+ * Hard rules from DESIGN.md:
+ * - Body text never below 14px on interactive data surfaces.
+ * - Display serifs (Cormorant Garamond et al.) are REFUSED — under-render at
+ *   the 13px data-table baseline.
+ * - Mono is the "signal" font for audit-immutable content. If a value can be
+ *   hashed, copy-pasted, or appears in a chain — it's mono.
+ */
+type FontFamily = 'manrope' | 'inter' | 'jetbrainsMono';
+declare const fontFamilies: {
+    readonly manrope: "'Manrope', system-ui, sans-serif";
+    readonly inter: "'Inter', system-ui, sans-serif";
+    readonly jetbrainsMono: "'JetBrains Mono', ui-monospace, monospace";
+};
+interface TypographyStyle {
+    readonly fontFamily: string;
+    /** px */
+    readonly fontSize: number;
+    /** CSS font-weight numeric */
+    readonly fontWeight: number;
+    /** unitless line-height multiplier */
+    readonly lineHeight: number;
+    /** CSS letter-spacing (em or px) */
+    readonly letterSpacing?: string;
+    readonly textTransform?: 'uppercase' | 'none';
+    /** `true` enables `font-variant-numeric: tabular-nums` */
+    readonly tabularNums?: boolean;
+}
+interface TypographyTokens {
+    /** 64px Manrope 700 — hero KPI numbers (e.g. MERIDIAN +$1.2M). */
+    readonly displayLg: TypographyStyle;
+    /** 48px Manrope 700 — secondary display. */
+    readonly displayMd: TypographyStyle;
+    /** 38px Manrope 700 — h1 page titles only. */
+    readonly pageTitle: TypographyStyle;
+    /** 20px Manrope 600 — h2 section / card titles. */
+    readonly headlineMd: TypographyStyle;
+    /** 16px Inter 400 — primary body, narrative copy. */
+    readonly bodyMd: TypographyStyle;
+    /** 14px Inter 400 — secondary body, UI text. */
+    readonly bodySm: TypographyStyle;
+    /** 12px Inter 600 tracked caps — section labels, status pills, table headers. */
+    readonly labelSm: TypographyStyle;
+    /** 13px JetBrains Mono 400 — audit ledgers, run metadata, console body. */
+    readonly mono: TypographyStyle;
+    /** 12px JetBrains Mono 400 — mono labels, hash prefixes, timestamps. */
+    readonly monoSm: TypographyStyle;
+}
+declare const typography: TypographyTokens;
+
+/**
+ * Spacing + elevation tokens — 8px base grid.
+ *
+ * Per-product row density:
+ *   NEURON consoles + run-metadata tables → 22px rows (`rows.neuron`)
+ *   MERIDIAN ledgers + reviewer panels    → 28px rows (`rows.meridian`)
+ *
+ * Shadows are the No-Line Rule's mechanism for sectioning — heavy drop
+ * shadows are refused. Level 1 lift is ≤4% opacity. See DESIGN.md § No-Line.
+ */
+interface SpacingTokens {
+    /** 8 — base unit, all spacing is a multiple of this. */
+    readonly unit: number;
+    /** 1200 — max content container width (px). */
+    readonly container: number;
+    /** 32 — gutter between major regions (px). */
+    readonly gutter: number;
+    /** 24 — internal padding inside a page container (px). */
+    readonly containerPadding: number;
+    /** Per-product row heights (px). */
+    readonly rows: {
+        readonly neuron: 22;
+        readonly meridian: 28;
+    };
+}
+declare const spacing: SpacingTokens;
+interface ShadowTokens {
+    /** Level 1 — elevated cards. Tonal lift, NOT drop-shadow. */
+    readonly card: string;
+    /** Level 2 — temporary overlays (tooltips, dropdowns). */
+    readonly level2: string;
+    /** Backdrop blur for the luminous quality (used on Level 2). */
+    readonly backdropBlur: string;
+}
+declare const shadows: ShadowTokens;
+
+/**
+ * Motion tokens — calm vigilance, not celebration.
+ *
+ * Hard rules from DESIGN.md § Motion principles:
+ * - Convergent over divergent (5→1 compounding, not 1→5 fan-out).
+ * - Pulse, blink, fade are acceptable; bursts/rotations/scale-zero are refused.
+ * - `prefers-reduced-motion: reduce` is ALWAYS honored. Animations must
+ *   degrade to static states gracefully.
+ */
+type Duration = 'fast' | 'base' | 'slow' | 'anchor';
+type Easing = 'standard' | 'decelerate' | 'accelerate';
+interface MotionTokens {
+    /** Milliseconds. `anchor` is reserved for the marketing hero unlock cycle. */
+    readonly durations: Record<Duration, number>;
+    readonly easings: Record<Easing, string>;
+    /** prefers-reduced-motion media query string. */
+    readonly reducedMotionQuery: '(prefers-reduced-motion: reduce)';
+}
+declare const motion: MotionTokens;
+/**
+ * Runtime check — returns `true` if the user has requested reduced motion.
+ * Safe to call from any consumer; returns `false` outside a browser context.
+ */
+declare function prefersReducedMotion(): boolean;
+
+/**
+ * 5-signal palette — one accent per product, distributed at ~60° hue rotation
+ * around a pristine cool-white base. Each product owns one signal; structure
+ * (neutrals, typography, spacing, shape) is constant across all 5 products.
+ *
+ * The 5 accents appear together ONLY in MERIDIAN's cross-product Portfolio
+ * chart. Inside a single product, only that product's accent is used.
+ *
+ * `tint` and `strong` are rgba surfaces derived from `hex`:
+ *   tint   = hex @ 0.08 opacity → use for hover, focus, alt-row tints
+ *   strong = hex @ 0.18 opacity → use for outer rings on lit dots, focus halos
+ */
+type ProductAccentKey = 'prism' | 'neuron' | 'vault' | 'catalyst' | 'meridian';
+interface ProductAccent {
+    readonly key: ProductAccentKey;
+    readonly displayName: string;
+    readonly hex: string;
+    readonly tint: string;
+    readonly strong: string;
+    readonly hue: number;
+    readonly role: string;
+}
+declare const productAccents: Record<ProductAccentKey, ProductAccent>;
+/** Iterable list of accents in customer-journey order: discover → orchestrate → secure → accelerate → measure. */
+declare const productAccentList: readonly ProductAccent[];
+
+/**
+ * Data-viz palette — locked at Round 2 of Phase 1.
+ *
+ * Hard rule: the 5 product accents are used in charts ONLY in the cross-product
+ * Portfolio chart (MERIDIAN `/engagements`). Inside a single product, charts use
+ * the active product accent + the deltas/neutrals below.
+ *
+ * For 5-accent chart usage, import from `./productAccents.js`.
+ */
+interface DataVizTokens {
+    /** Up arrows, gains, attainment over baseline. Same hex as MERIDIAN. */
+    readonly positiveDelta: string;
+    /** Down arrows, losses, breach indicators. Same hex as `state.err`. */
+    readonly negativeDelta: string;
+    /** Zero deltas, "no change" series. Same hex as `onSurfaceMuted`. */
+    readonly neutralDelta: string;
+    /** Sparkline / primary series stroke width. */
+    readonly strokeWidth: number;
+    /** Axis lines — `hairline` value. */
+    readonly axis: string;
+    /** Grid lines — half-opacity of `axis`. */
+    readonly grid: string;
+}
+declare const dataViz: DataVizTokens;
+
+export { type ColorTheme, type ColorTokens, type DataVizTokens, type Duration, type Easing, type FontFamily, type MotionTokens, type ProductAccent, type ProductAccentKey, type ShadowTokens, type SpacingTokens, type TypographyStyle, type TypographyTokens, colors, dataViz, fontFamilies, motion, prefersReducedMotion, productAccentList, productAccents, shadows, spacing, typography };

package/dist/tokens/index.d.ts

@@ -0,0 +1,196 @@
+/**
+ * Color tokens — Luminous Multi-Signal
+ *
+ * Light is the suite-wide default. Dark is a per-user opt-in peer (DESIGN.md §
+ * Dark-mode activation rule). No per-route or per-product auto-switching.
+ *
+ * The No-Line Rule is enforced via tonal lift, not borders — see `shadows` in
+ * `./spacing.ts`. Use `hairline` only for row separation inside a single card.
+ */
+interface ColorTheme {
+    readonly surface: string;
+    readonly surfaceCard: string;
+    readonly surfaceTint: string;
+    readonly onSurface: string;
+    readonly onSurfaceMuted: string;
+    readonly onSurfaceDim: string;
+    readonly hairline: string;
+}
+interface ColorTokens {
+    readonly light: ColorTheme;
+    readonly dark: ColorTheme;
+    /** Status colors — same value across themes. */
+    readonly state: {
+        readonly ok: string;
+        readonly warn: string;
+        readonly err: string;
+    };
+}
+declare const colors: ColorTokens;
+
+/**
+ * Typography tokens — Manrope (display/headlines), Inter (body/labels),
+ * JetBrains Mono (data, hashes, timestamps).
+ *
+ * Hard rules from DESIGN.md:
+ * - Body text never below 14px on interactive data surfaces.
+ * - Display serifs (Cormorant Garamond et al.) are REFUSED — under-render at
+ *   the 13px data-table baseline.
+ * - Mono is the "signal" font for audit-immutable content. If a value can be
+ *   hashed, copy-pasted, or appears in a chain — it's mono.
+ */
+type FontFamily = 'manrope' | 'inter' | 'jetbrainsMono';
+declare const fontFamilies: {
+    readonly manrope: "'Manrope', system-ui, sans-serif";
+    readonly inter: "'Inter', system-ui, sans-serif";
+    readonly jetbrainsMono: "'JetBrains Mono', ui-monospace, monospace";
+};
+interface TypographyStyle {
+    readonly fontFamily: string;
+    /** px */
+    readonly fontSize: number;
+    /** CSS font-weight numeric */
+    readonly fontWeight: number;
+    /** unitless line-height multiplier */
+    readonly lineHeight: number;
+    /** CSS letter-spacing (em or px) */
+    readonly letterSpacing?: string;
+    readonly textTransform?: 'uppercase' | 'none';
+    /** `true` enables `font-variant-numeric: tabular-nums` */
+    readonly tabularNums?: boolean;
+}
+interface TypographyTokens {
+    /** 64px Manrope 700 — hero KPI numbers (e.g. MERIDIAN +$1.2M). */
+    readonly displayLg: TypographyStyle;
+    /** 48px Manrope 700 — secondary display. */
+    readonly displayMd: TypographyStyle;
+    /** 38px Manrope 700 — h1 page titles only. */
+    readonly pageTitle: TypographyStyle;
+    /** 20px Manrope 600 — h2 section / card titles. */
+    readonly headlineMd: TypographyStyle;
+    /** 16px Inter 400 — primary body, narrative copy. */
+    readonly bodyMd: TypographyStyle;
+    /** 14px Inter 400 — secondary body, UI text. */
+    readonly bodySm: TypographyStyle;
+    /** 12px Inter 600 tracked caps — section labels, status pills, table headers. */
+    readonly labelSm: TypographyStyle;
+    /** 13px JetBrains Mono 400 — audit ledgers, run metadata, console body. */
+    readonly mono: TypographyStyle;
+    /** 12px JetBrains Mono 400 — mono labels, hash prefixes, timestamps. */
+    readonly monoSm: TypographyStyle;
+}
+declare const typography: TypographyTokens;
+
+/**
+ * Spacing + elevation tokens — 8px base grid.
+ *
+ * Per-product row density:
+ *   NEURON consoles + run-metadata tables → 22px rows (`rows.neuron`)
+ *   MERIDIAN ledgers + reviewer panels    → 28px rows (`rows.meridian`)
+ *
+ * Shadows are the No-Line Rule's mechanism for sectioning — heavy drop
+ * shadows are refused. Level 1 lift is ≤4% opacity. See DESIGN.md § No-Line.
+ */
+interface SpacingTokens {
+    /** 8 — base unit, all spacing is a multiple of this. */
+    readonly unit: number;
+    /** 1200 — max content container width (px). */
+    readonly container: number;
+    /** 32 — gutter between major regions (px). */
+    readonly gutter: number;
+    /** 24 — internal padding inside a page container (px). */
+    readonly containerPadding: number;
+    /** Per-product row heights (px). */
+    readonly rows: {
+        readonly neuron: 22;
+        readonly meridian: 28;
+    };
+}
+declare const spacing: SpacingTokens;
+interface ShadowTokens {
+    /** Level 1 — elevated cards. Tonal lift, NOT drop-shadow. */
+    readonly card: string;
+    /** Level 2 — temporary overlays (tooltips, dropdowns). */
+    readonly level2: string;
+    /** Backdrop blur for the luminous quality (used on Level 2). */
+    readonly backdropBlur: string;
+}
+declare const shadows: ShadowTokens;
+
+/**
+ * Motion tokens — calm vigilance, not celebration.
+ *
+ * Hard rules from DESIGN.md § Motion principles:
+ * - Convergent over divergent (5→1 compounding, not 1→5 fan-out).
+ * - Pulse, blink, fade are acceptable; bursts/rotations/scale-zero are refused.
+ * - `prefers-reduced-motion: reduce` is ALWAYS honored. Animations must
+ *   degrade to static states gracefully.
+ */
+type Duration = 'fast' | 'base' | 'slow' | 'anchor';
+type Easing = 'standard' | 'decelerate' | 'accelerate';
+interface MotionTokens {
+    /** Milliseconds. `anchor` is reserved for the marketing hero unlock cycle. */
+    readonly durations: Record<Duration, number>;
+    readonly easings: Record<Easing, string>;
+    /** prefers-reduced-motion media query string. */
+    readonly reducedMotionQuery: '(prefers-reduced-motion: reduce)';
+}
+declare const motion: MotionTokens;
+/**
+ * Runtime check — returns `true` if the user has requested reduced motion.
+ * Safe to call from any consumer; returns `false` outside a browser context.
+ */
+declare function prefersReducedMotion(): boolean;
+
+/**
+ * 5-signal palette — one accent per product, distributed at ~60° hue rotation
+ * around a pristine cool-white base. Each product owns one signal; structure
+ * (neutrals, typography, spacing, shape) is constant across all 5 products.
+ *
+ * The 5 accents appear together ONLY in MERIDIAN's cross-product Portfolio
+ * chart. Inside a single product, only that product's accent is used.
+ *
+ * `tint` and `strong` are rgba surfaces derived from `hex`:
+ *   tint   = hex @ 0.08 opacity → use for hover, focus, alt-row tints
+ *   strong = hex @ 0.18 opacity → use for outer rings on lit dots, focus halos
+ */
+type ProductAccentKey = 'prism' | 'neuron' | 'vault' | 'catalyst' | 'meridian';
+interface ProductAccent {
+    readonly key: ProductAccentKey;
+    readonly displayName: string;
+    readonly hex: string;
+    readonly tint: string;
+    readonly strong: string;
+    readonly hue: number;
+    readonly role: string;
+}
+declare const productAccents: Record<ProductAccentKey, ProductAccent>;
+/** Iterable list of accents in customer-journey order: discover → orchestrate → secure → accelerate → measure. */
+declare const productAccentList: readonly ProductAccent[];
+
+/**
+ * Data-viz palette — locked at Round 2 of Phase 1.
+ *
+ * Hard rule: the 5 product accents are used in charts ONLY in the cross-product
+ * Portfolio chart (MERIDIAN `/engagements`). Inside a single product, charts use
+ * the active product accent + the deltas/neutrals below.
+ *
+ * For 5-accent chart usage, import from `./productAccents.js`.
+ */
+interface DataVizTokens {
+    /** Up arrows, gains, attainment over baseline. Same hex as MERIDIAN. */
+    readonly positiveDelta: string;
+    /** Down arrows, losses, breach indicators. Same hex as `state.err`. */
+    readonly negativeDelta: string;
+    /** Zero deltas, "no change" series. Same hex as `onSurfaceMuted`. */
+    readonly neutralDelta: string;
+    /** Sparkline / primary series stroke width. */
+    readonly strokeWidth: number;
+    /** Axis lines — `hairline` value. */
+    readonly axis: string;
+    /** Grid lines — half-opacity of `axis`. */
+    readonly grid: string;
+}
+declare const dataViz: DataVizTokens;
+
+export { type ColorTheme, type ColorTokens, type DataVizTokens, type Duration, type Easing, type FontFamily, type MotionTokens, type ProductAccent, type ProductAccentKey, type ShadowTokens, type SpacingTokens, type TypographyStyle, type TypographyTokens, colors, dataViz, fontFamilies, motion, prefersReducedMotion, productAccentList, productAccents, shadows, spacing, typography };