@aginies/tokens 0.1.0

package/README.md

@@ -0,0 +1,47 @@
+# @aginies/tokens
+
+Design tokens for the Aginies design system: CSS custom properties, a JSON export and a
+Tailwind CSS v3 preset. Dark-first, one signal colour, three fonts.
+
+```bash
+npm install @aginies/tokens
+```
+
+## CSS
+
+```css
+@import '@aginies/tokens/tokens.css';
+```
+
+Dark is the default. Add `.light` / `[data-theme="light"]` to the root for the light theme;
+without an explicit theme the `prefers-color-scheme` media query decides. A `.room` element
+always carries the palette opposite to its surroundings.
+
+Fonts are not bundled. Load Bricolage Grotesque, Instrument Sans and JetBrains Mono yourself
+(for example the `@fontsource-variable/*` packages) or override `--font-display`,
+`--font-body` and `--font-mono`.
+
+## Tailwind
+
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require('@aginies/tokens/tailwind-preset')],
+}
+```
+
+The preset provides the design-system names (`bg-panel`, `text-mute`, `border-line-2`,
+`bg-signal`, `text-ok`, `text-bad-300`), remaps the standard palettes (`red`, `amber`,
+`green`, `blue`, `gray`, …) onto the token ramps, and keeps the shadcn/ui semantic names
+(`bg-background`, `text-muted-foreground`, …) working.
+
+## JavaScript
+
+```ts
+import { palettes, fonts, buildRamp, contrast } from '@aginies/tokens'
+```
+
+## Development
+
+`src/tokens.ts` is the source of truth. `bun run generate` writes `dist/tokens.css`,
+`dist/legacy-bridge.css` and `dist/tokens.json`.

package/dist/index.cjs

@@ -0,0 +1,416 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  breakpoints: () => breakpoints,
+  buildRamp: () => buildRamp,
+  canvas: () => canvas,
+  contrast: () => contrast,
+  data: () => data,
+  focus: () => focus,
+  fonts: () => fonts,
+  hexToRgb: () => hexToRgb,
+  hslTriplet: () => hslTriplet,
+  layout: () => layout,
+  luminance: () => luminance,
+  motion: () => motion,
+  neutral: () => neutral,
+  oklchToHex: () => oklchToHex,
+  palettes: () => palettes,
+  radius: () => radius,
+  rampShape: () => rampShape,
+  rampSteps: () => rampSteps,
+  rampedColors: () => rampedColors,
+  rgbChannels: () => rgbChannels,
+  rgbToHex: () => rgbToHex,
+  rgbToOklch: () => rgbToOklch,
+  space: () => space,
+  type: () => type,
+  z: () => z
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/color.ts
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const n = h.length === 3 ? h.split("").map((ch) => ch + ch).join("") : h;
+  const v = Number.parseInt(n, 16);
+  return { r: v >> 16 & 255, g: v >> 8 & 255, b: v & 255 };
+}
+function rgbToHex({ r, g, b }) {
+  const to = (x) => Math.round(clamp(x, 0, 255)).toString(16).padStart(2, "0");
+  return `#${to(r)}${to(g)}${to(b)}`.toUpperCase();
+}
+function rgbChannels(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  return `${r} ${g} ${b}`;
+}
+function hslTriplet(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  let h = 0;
+  let s = 0;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    if (max === rn) h = (gn - bn) / d + (gn < bn ? 6 : 0);
+    else if (max === gn) h = (bn - rn) / d + 2;
+    else h = (rn - gn) / d + 4;
+    h *= 60;
+  }
+  const f = (x) => Number(x.toFixed(1)).toString();
+  return `${f(h)} ${f(s * 100)}% ${f(l * 100)}%`;
+}
+function clamp(x, lo, hi) {
+  return Math.min(hi, Math.max(lo, x));
+}
+function srgbToLinear(c) {
+  const x = c / 255;
+  return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
+}
+function linearToSrgb(c) {
+  const x = c <= 31308e-7 ? c * 12.92 : 1.055 * c ** (1 / 2.4) - 0.055;
+  return x * 255;
+}
+function rgbToOklch(rgb) {
+  const r = srgbToLinear(rgb.r);
+  const g = srgbToLinear(rgb.g);
+  const b = srgbToLinear(rgb.b);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  const c = Math.hypot(A, B);
+  let h = Math.atan2(B, A) * 180 / Math.PI;
+  if (h < 0) h += 360;
+  return { l: L, c, h };
+}
+function oklchToLinearRgb({ l: L, c, h }) {
+  const A = c * Math.cos(h * Math.PI / 180);
+  const B = c * Math.sin(h * Math.PI / 180);
+  const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3;
+  const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3;
+  const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3;
+  return {
+    r: 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    g: -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    b: -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  };
+}
+function inGamut({ r, g, b }) {
+  const eps = 1e-4;
+  return r >= -eps && r <= 1 + eps && g >= -eps && g <= 1 + eps && b >= -eps && b <= 1 + eps;
+}
+function oklchToHex(color) {
+  let c = color.c;
+  let lin = oklchToLinearRgb({ ...color, c });
+  while (!inGamut(lin) && c > 5e-4) {
+    c *= 0.97;
+    lin = oklchToLinearRgb({ ...color, c });
+  }
+  return rgbToHex({ r: linearToSrgb(lin.r), g: linearToSrgb(lin.g), b: linearToSrgb(lin.b) });
+}
+function luminance(hex) {
+  const { r, g, b } = hexToRgb(hex);
+  return 0.2126 * srgbToLinear(r) + 0.7152 * srgbToLinear(g) + 0.0722 * srgbToLinear(b);
+}
+function contrast(a, b) {
+  const la = luminance(a);
+  const lb = luminance(b);
+  const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+  return (hi + 0.05) / (lo + 0.05);
+}
+
+// src/tokens.ts
+var palettes = {
+  dark: {
+    bg: "#070A14",
+    "bg-2": "#0B1020",
+    panel: "#0E1426",
+    "panel-2": "#121A30",
+    "panel-3": "#182240",
+    line: "#1B2238",
+    "line-2": "#2A3350",
+    "line-3": "#3C4560",
+    text: "#E7ECF7",
+    "text-2": "#A9B2CC",
+    mute: "#7F8AA8",
+    signal: "#5FC8FF",
+    "signal-2": "#01B1F7",
+    "signal-ink": "#06111F",
+    "signal-soft": "rgba(95, 200, 255, 0.12)",
+    ok: "#4FD1A0",
+    "ok-ink": "#06111F",
+    "ok-soft": "rgba(79, 209, 160, 0.14)",
+    warn: "#F2B35B",
+    "warn-ink": "#06111F",
+    "warn-soft": "rgba(242, 179, 91, 0.14)",
+    bad: "#FF7A7A",
+    "bad-ink": "#06111F",
+    "bad-soft": "rgba(255, 122, 122, 0.14)",
+    shadow: "0 20px 60px rgba(0, 0, 0, 0.45)",
+    "shadow-sm": "0 8px 24px rgba(0, 0, 0, 0.35)",
+    overlay: "rgba(7, 10, 20, 0.6)"
+  },
+  light: {
+    bg: "#F4F6FA",
+    "bg-2": "#FFFFFF",
+    panel: "#FFFFFF",
+    "panel-2": "#EEF1F7",
+    "panel-3": "#E4E9F2",
+    line: "#DCE1EC",
+    "line-2": "#C5CCDB",
+    "line-3": "#A9B2CC",
+    text: "#0B1220",
+    "text-2": "#3C4560",
+    mute: "#6B7590",
+    signal: "#0077C2",
+    "signal-2": "#005E9A",
+    "signal-ink": "#FFFFFF",
+    "signal-soft": "rgba(0, 119, 194, 0.10)",
+    // The site's light values (#0E8A5F, #A8661A) sit just under 4.5:1 as ink carriers; the
+    // app fills buttons and badges with these, so they are shaded a step darker here.
+    ok: "#0B7F57",
+    "ok-ink": "#FFFFFF",
+    "ok-soft": "rgba(11, 127, 87, 0.12)",
+    warn: "#9C5A12",
+    "warn-ink": "#FFFFFF",
+    "warn-soft": "rgba(156, 90, 18, 0.12)",
+    bad: "#B3261E",
+    "bad-ink": "#FFFFFF",
+    "bad-soft": "rgba(179, 38, 30, 0.10)",
+    shadow: "0 20px 50px rgba(11, 18, 32, 0.10)",
+    "shadow-sm": "0 8px 20px rgba(11, 18, 32, 0.08)",
+    overlay: "rgba(11, 18, 32, 0.45)"
+  }
+};
+var rampedColors = ["signal", "ok", "warn", "bad"];
+var rampSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var rampShape = {
+  50: { l: 0.97, c: 0.18 },
+  100: { l: 0.935, c: 0.32 },
+  200: { l: 0.875, c: 0.52 },
+  300: { l: 0.795, c: 0.78 },
+  400: { l: 0.715, c: 0.95 },
+  500: { l: 0.635, c: 1 },
+  600: { l: 0.555, c: 0.95 },
+  700: { l: 0.475, c: 0.85 },
+  800: { l: 0.395, c: 0.7 },
+  900: { l: 0.315, c: 0.55 },
+  950: { l: 0.245, c: 0.45 }
+};
+var neutral = {
+  50: "#F4F6FA",
+  100: "#EEF1F7",
+  200: "#DCE1EC",
+  300: "#C5CCDB",
+  400: "#A9B2CC",
+  500: "#7F8AA8",
+  600: "#6B7590",
+  700: "#3C4560",
+  800: "#2A3350",
+  900: "#1B2238",
+  950: "#0B1020"
+};
+var data = ["signal", "ok", "warn", "bad", "text-2", "mute"];
+var canvas = {
+  "canvas-bg": "bg",
+  "canvas-grid": "line",
+  "canvas-node": "panel",
+  "canvas-node-line": "line-2",
+  edge: "line-2",
+  "edge-hover": "text-2",
+  "edge-active": "signal",
+  execution: "ok"
+};
+var fonts = {
+  display: "'Bricolage Grotesque Variable', 'Instrument Sans Variable', ui-sans-serif, system-ui, sans-serif",
+  body: "'Instrument Sans Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif",
+  mono: "'JetBrains Mono Variable', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+};
+var radius = {
+  sm: "4px",
+  md: "6px",
+  lg: "10px",
+  xl: "14px",
+  "2xl": "20px",
+  full: "9999px"
+};
+var space = {
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "24px",
+  6: "32px",
+  7: "48px",
+  8: "64px"
+};
+var type = {
+  display: {
+    size: "clamp(40px, 6.4vw, 88px)",
+    lineHeight: "0.96",
+    letterSpacing: "-0.04em",
+    family: "display",
+    weight: 600,
+    opsz: 96
+  },
+  h1: {
+    size: "clamp(36px, 5.2vw, 68px)",
+    lineHeight: "1",
+    letterSpacing: "-0.035em",
+    family: "display",
+    weight: 600,
+    opsz: 96
+  },
+  h2: {
+    size: "clamp(28px, 3.8vw, 50px)",
+    lineHeight: "1.04",
+    letterSpacing: "-0.03em",
+    family: "display",
+    weight: 600,
+    opsz: 72
+  },
+  h3: {
+    size: "clamp(20px, 2vw, 26px)",
+    lineHeight: "1.2",
+    letterSpacing: "-0.02em",
+    family: "display",
+    weight: 600
+  },
+  h4: { size: "17px", lineHeight: "1.3", letterSpacing: "-0.01em", family: "display", weight: 600 },
+  stat: {
+    size: "clamp(30px, 3.4vw, 44px)",
+    lineHeight: "1",
+    letterSpacing: "-0.03em",
+    family: "display",
+    weight: 600
+  },
+  lede: { size: "clamp(17px, 1.4vw, 20px)", lineHeight: "1.5" },
+  body: { size: "16px", lineHeight: "1.55" },
+  "body-2": { size: "15px", lineHeight: "1.5" },
+  small: { size: "13.5px", lineHeight: "1.45" },
+  eyebrow: {
+    size: "11.5px",
+    lineHeight: "1",
+    letterSpacing: "0.14em",
+    family: "mono",
+    weight: 500,
+    transform: "uppercase"
+  },
+  label: {
+    size: "11px",
+    lineHeight: "1",
+    letterSpacing: "0.1em",
+    family: "mono",
+    weight: 500,
+    transform: "uppercase"
+  },
+  tag: { size: "11.5px", lineHeight: "1", letterSpacing: "0.04em", family: "mono" },
+  ui: { size: "13px", lineHeight: "1.4" },
+  "ui-sm": { size: "12px", lineHeight: "1.35" },
+  "ui-xs": { size: "11px", lineHeight: "1.3" }
+};
+var motion = {
+  "duration-fast": "150ms",
+  "duration-base": "200ms",
+  "duration-slow": "300ms",
+  "duration-enter": "600ms",
+  "ease-enter": "cubic-bezier(0.2, 0.7, 0.2, 1)"
+};
+var layout = {
+  max: "1200px",
+  gutter: "clamp(20px, 4vw, 40px)",
+  "section-y": "clamp(64px, 9vw, 128px)",
+  "section-y-tight": "clamp(40px, 6vw, 80px)"
+};
+var breakpoints = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px",
+  /** Site nav collapses here. */
+  nav: "1180px",
+  wide: "1340px"
+};
+var z = {
+  base: 0,
+  raised: 10,
+  sticky: 50,
+  dropdown: 100,
+  modal: 200,
+  toast: 300
+};
+var focus = {
+  /** Keyboard focus ring on any element. */
+  ring: "2px solid var(--signal)",
+  "ring-offset": "3px",
+  /** Form controls: soft halo instead of an outline. */
+  "field-ring": "0 0 0 3px var(--signal-soft)"
+};
+
+// src/build-ramp.ts
+function buildRamp(baseHex) {
+  const base = rgbToOklch(hexToRgb(baseHex));
+  const out = {};
+  for (const step of rampSteps) {
+    const { l, c } = rampShape[step];
+    out[step] = oklchToHex({ l, c: base.c * c, h: base.h });
+  }
+  return out;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  breakpoints,
+  buildRamp,
+  canvas,
+  contrast,
+  data,
+  focus,
+  fonts,
+  hexToRgb,
+  hslTriplet,
+  layout,
+  luminance,
+  motion,
+  neutral,
+  oklchToHex,
+  palettes,
+  radius,
+  rampShape,
+  rampSteps,
+  rampedColors,
+  rgbChannels,
+  rgbToHex,
+  rgbToOklch,
+  space,
+  type,
+  z
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/color.ts","../src/tokens.ts","../src/build-ramp.ts"],"sourcesContent":["/**\n * `@aginies/tokens` — JavaScript entry.\n *\n * Exposes the token source (for tooling, docs and runtime theming) and the colour helpers\n * used to derive ramps, so a whitelabel layer can compute the same values the CSS ships.\n */\n\nexport { buildRamp } from './build-ramp.ts'\nexport {\n  contrast,\n  hexToRgb,\n  hslTriplet,\n  luminance,\n  oklchToHex,\n  rgbChannels,\n  rgbToHex,\n  rgbToOklch,\n} from './color.ts'\nexport * from './tokens.ts'\n","/**\n * Small colour utilities: sRGB ⇄ OKLCH, hex parsing, HSL triplets.\n * Dependency-free so the token build can run under plain Node.\n */\n\nexport interface Rgb {\n  r: number\n  g: number\n  b: number\n}\n\nexport interface Oklch {\n  l: number\n  c: number\n  h: number\n}\n\nexport function hexToRgb(hex: string): Rgb {\n  const h = hex.replace('#', '')\n  const n =\n    h.length === 3\n      ? h\n          .split('')\n          .map((ch) => ch + ch)\n          .join('')\n      : h\n  const v = Number.parseInt(n, 16)\n  return { r: (v >> 16) & 255, g: (v >> 8) & 255, b: v & 255 }\n}\n\nexport function rgbToHex({ r, g, b }: Rgb): string {\n  const to = (x: number) =>\n    Math.round(clamp(x, 0, 255))\n      .toString(16)\n      .padStart(2, '0')\n  return `#${to(r)}${to(g)}${to(b)}`.toUpperCase()\n}\n\n/** \"95 200 255\" — the channel form Tailwind's `<alpha-value>` colours need. */\nexport function rgbChannels(hex: string): string {\n  const { r, g, b } = hexToRgb(hex)\n  return `${r} ${g} ${b}`\n}\n\n/** \"204 100% 68.6%\" — the HSL triplet form the shadcn-era variables used. */\nexport function hslTriplet(hex: string): string {\n  const { r, g, b } = hexToRgb(hex)\n  const rn = r / 255\n  const gn = g / 255\n  const bn = b / 255\n  const max = Math.max(rn, gn, bn)\n  const min = Math.min(rn, gn, bn)\n  const l = (max + min) / 2\n  let h = 0\n  let s = 0\n  if (max !== min) {\n    const d = max - min\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n    if (max === rn) h = (gn - bn) / d + (gn < bn ? 6 : 0)\n    else if (max === gn) h = (bn - rn) / d + 2\n    else h = (rn - gn) / d + 4\n    h *= 60\n  }\n  const f = (x: number) => Number(x.toFixed(1)).toString()\n  return `${f(h)} ${f(s * 100)}% ${f(l * 100)}%`\n}\n\nfunction clamp(x: number, lo: number, hi: number): number {\n  return Math.min(hi, Math.max(lo, x))\n}\n\nfunction srgbToLinear(c: number): number {\n  const x = c / 255\n  return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4\n}\n\nfunction linearToSrgb(c: number): number {\n  const x = c <= 0.0031308 ? c * 12.92 : 1.055 * c ** (1 / 2.4) - 0.055\n  return x * 255\n}\n\nexport function rgbToOklch(rgb: Rgb): Oklch {\n  const r = srgbToLinear(rgb.r)\n  const g = srgbToLinear(rgb.g)\n  const b = srgbToLinear(rgb.b)\n  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b)\n  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b)\n  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b)\n  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s\n  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s\n  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s\n  const c = Math.hypot(A, B)\n  let h = (Math.atan2(B, A) * 180) / Math.PI\n  if (h < 0) h += 360\n  return { l: L, c, h }\n}\n\nfunction oklchToLinearRgb({ l: L, c, h }: Oklch): Rgb {\n  const A = c * Math.cos((h * Math.PI) / 180)\n  const B = c * Math.sin((h * Math.PI) / 180)\n  const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3\n  const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3\n  const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3\n  return {\n    r: 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    g: -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    b: -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s,\n  }\n}\n\nfunction inGamut({ r, g, b }: Rgb): boolean {\n  const eps = 1e-4\n  return r >= -eps && r <= 1 + eps && g >= -eps && g <= 1 + eps && b >= -eps && b <= 1 + eps\n}\n\n/**\n * OKLCH → sRGB hex. If the colour is out of gamut the chroma is reduced until it fits,\n * which keeps lightness and hue (what the eye keys on) intact.\n */\nexport function oklchToHex(color: Oklch): string {\n  let c = color.c\n  let lin = oklchToLinearRgb({ ...color, c })\n  while (!inGamut(lin) && c > 0.0005) {\n    c *= 0.97\n    lin = oklchToLinearRgb({ ...color, c })\n  }\n  return rgbToHex({ r: linearToSrgb(lin.r), g: linearToSrgb(lin.g), b: linearToSrgb(lin.b) })\n}\n\n/** Relative luminance (WCAG). */\nexport function luminance(hex: string): number {\n  const { r, g, b } = hexToRgb(hex)\n  return 0.2126 * srgbToLinear(r) + 0.7152 * srgbToLinear(g) + 0.0722 * srgbToLinear(b)\n}\n\n/** WCAG contrast ratio between two hex colours. */\nexport function contrast(a: string, b: string): number {\n  const la = luminance(a)\n  const lb = luminance(b)\n  const [hi, lo] = la > lb ? [la, lb] : [lb, la]\n  return (hi + 0.05) / (lo + 0.05)\n}\n","/**\n * Aginies design tokens — the single source of truth.\n *\n * Values mirror the aginies.com design system (\"Control Room\", dark-first, one signal\n * colour) and extend it with what an application UI needs on top of a marketing site:\n * a third panel level, a strong border, status inks and soft washes, canvas tokens,\n * a data palette for charts, a spacing scale and dense UI type sizes.\n *\n * Everything under `dist/` is generated from this file by `src/build.ts`.\n */\n\nexport type ThemeName = 'dark' | 'light'\n\n/** Theme-dependent colour values. Hex unless noted. */\nexport interface Palette {\n  /** Page ground. */\n  bg: string\n  /** Secondary ground: inputs, inside screens. */\n  'bg-2': string\n  /** Card / panel. */\n  panel: string\n  /** Raised panel: popovers, active rows. */\n  'panel-2': string\n  /** Hover / pressed surface on a panel. */\n  'panel-3': string\n  /** Divider. */\n  line: string\n  /** Border. */\n  'line-2': string\n  /** Strong border: focused or selected outlines that are not the signal colour. */\n  'line-3': string\n  /** Primary text. */\n  text: string\n  /** Secondary text. */\n  'text-2': string\n  /** Labels, quiet text. */\n  mute: string\n  /** The single accent. */\n  signal: string\n  /** Signal hover / pressed. */\n  'signal-2': string\n  /** Ink on a signal fill. */\n  'signal-ink': string\n  /** Soft signal wash (rgba). */\n  'signal-soft': string\n  ok: string\n  'ok-ink': string\n  'ok-soft': string\n  warn: string\n  'warn-ink': string\n  'warn-soft': string\n  bad: string\n  'bad-ink': string\n  'bad-soft': string\n  /** The one large shadow: floating shells. */\n  shadow: string\n  /** Popovers and menus. */\n  'shadow-sm': string\n  /** Modal scrim (rgba). */\n  overlay: string\n}\n\nexport const palettes: Record<ThemeName, Palette> = {\n  dark: {\n    bg: '#070A14',\n    'bg-2': '#0B1020',\n    panel: '#0E1426',\n    'panel-2': '#121A30',\n    'panel-3': '#182240',\n    line: '#1B2238',\n    'line-2': '#2A3350',\n    'line-3': '#3C4560',\n    text: '#E7ECF7',\n    'text-2': '#A9B2CC',\n    mute: '#7F8AA8',\n    signal: '#5FC8FF',\n    'signal-2': '#01B1F7',\n    'signal-ink': '#06111F',\n    'signal-soft': 'rgba(95, 200, 255, 0.12)',\n    ok: '#4FD1A0',\n    'ok-ink': '#06111F',\n    'ok-soft': 'rgba(79, 209, 160, 0.14)',\n    warn: '#F2B35B',\n    'warn-ink': '#06111F',\n    'warn-soft': 'rgba(242, 179, 91, 0.14)',\n    bad: '#FF7A7A',\n    'bad-ink': '#06111F',\n    'bad-soft': 'rgba(255, 122, 122, 0.14)',\n    shadow: '0 20px 60px rgba(0, 0, 0, 0.45)',\n    'shadow-sm': '0 8px 24px rgba(0, 0, 0, 0.35)',\n    overlay: 'rgba(7, 10, 20, 0.6)',\n  },\n  light: {\n    bg: '#F4F6FA',\n    'bg-2': '#FFFFFF',\n    panel: '#FFFFFF',\n    'panel-2': '#EEF1F7',\n    'panel-3': '#E4E9F2',\n    line: '#DCE1EC',\n    'line-2': '#C5CCDB',\n    'line-3': '#A9B2CC',\n    text: '#0B1220',\n    'text-2': '#3C4560',\n    mute: '#6B7590',\n    signal: '#0077C2',\n    'signal-2': '#005E9A',\n    'signal-ink': '#FFFFFF',\n    'signal-soft': 'rgba(0, 119, 194, 0.10)',\n    // The site's light values (#0E8A5F, #A8661A) sit just under 4.5:1 as ink carriers; the\n    // app fills buttons and badges with these, so they are shaded a step darker here.\n    ok: '#0B7F57',\n    'ok-ink': '#FFFFFF',\n    'ok-soft': 'rgba(11, 127, 87, 0.12)',\n    warn: '#9C5A12',\n    'warn-ink': '#FFFFFF',\n    'warn-soft': 'rgba(156, 90, 18, 0.12)',\n    bad: '#B3261E',\n    'bad-ink': '#FFFFFF',\n    'bad-soft': 'rgba(179, 38, 30, 0.10)',\n    shadow: '0 20px 50px rgba(11, 18, 32, 0.10)',\n    'shadow-sm': '0 8px 20px rgba(11, 18, 32, 0.08)',\n    overlay: 'rgba(11, 18, 32, 0.45)',\n  },\n}\n\n/** Status colours that get a generated 50–950 ramp per theme. */\nexport const rampedColors = ['signal', 'ok', 'warn', 'bad'] as const\nexport type RampedColor = (typeof rampedColors)[number]\n\nexport const rampSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950] as const\nexport type RampStep = (typeof rampSteps)[number]\n\n/**\n * Lightness targets (OKLCH L) and chroma factors for each ramp step. The hue is taken\n * from the theme's base colour; chroma peaks around the middle and falls off at the ends\n * so tints and shades stay in gamut and read as the same colour.\n */\nexport const rampShape: Record<RampStep, { l: number; c: number }> = {\n  50: { l: 0.97, c: 0.18 },\n  100: { l: 0.935, c: 0.32 },\n  200: { l: 0.875, c: 0.52 },\n  300: { l: 0.795, c: 0.78 },\n  400: { l: 0.715, c: 0.95 },\n  500: { l: 0.635, c: 1 },\n  600: { l: 0.555, c: 0.95 },\n  700: { l: 0.475, c: 0.85 },\n  800: { l: 0.395, c: 0.7 },\n  900: { l: 0.315, c: 0.55 },\n  950: { l: 0.245, c: 0.45 },\n}\n\n/**\n * Fixed neutral ramp, identical in both themes. It is the site's own set of surfaces and\n * text colours laid out as a scale, so `neutral-*` utilities always land on a real token.\n */\nexport const neutral: Record<RampStep, string> = {\n  50: '#F4F6FA',\n  100: '#EEF1F7',\n  200: '#DCE1EC',\n  300: '#C5CCDB',\n  400: '#A9B2CC',\n  500: '#7F8AA8',\n  600: '#6B7590',\n  700: '#3C4560',\n  800: '#2A3350',\n  900: '#1B2238',\n  950: '#0B1020',\n}\n\n/** Chart / category palette. References semantic tokens so it follows the theme. */\nexport const data = ['signal', 'ok', 'warn', 'bad', 'text-2', 'mute'] as const\n\n/** Workflow canvas tokens, expressed as references to semantic tokens. */\nexport const canvas = {\n  'canvas-bg': 'bg',\n  'canvas-grid': 'line',\n  'canvas-node': 'panel',\n  'canvas-node-line': 'line-2',\n  edge: 'line-2',\n  'edge-hover': 'text-2',\n  'edge-active': 'signal',\n  execution: 'ok',\n} as const\n\nexport const fonts = {\n  display:\n    \"'Bricolage Grotesque Variable', 'Instrument Sans Variable', ui-sans-serif, system-ui, sans-serif\",\n  body: \"'Instrument Sans Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif\",\n  mono: \"'JetBrains Mono Variable', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace\",\n} as const\n\nexport const radius = {\n  sm: '4px',\n  md: '6px',\n  lg: '10px',\n  xl: '14px',\n  '2xl': '20px',\n  full: '9999px',\n} as const\n\n/** 4-point spacing scale. */\nexport const space = {\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '24px',\n  6: '32px',\n  7: '48px',\n  8: '64px',\n} as const\n\nexport interface TypeStyle {\n  size: string\n  lineHeight: string\n  letterSpacing?: string\n  family?: keyof typeof fonts\n  weight?: number\n  transform?: 'uppercase'\n  /** Bricolage optical size axis. */\n  opsz?: number\n}\n\n/** The type scale. Marketing sizes come from the site; `ui-*` are the dense app sizes. */\nexport const type: Record<string, TypeStyle> = {\n  display: {\n    size: 'clamp(40px, 6.4vw, 88px)',\n    lineHeight: '0.96',\n    letterSpacing: '-0.04em',\n    family: 'display',\n    weight: 600,\n    opsz: 96,\n  },\n  h1: {\n    size: 'clamp(36px, 5.2vw, 68px)',\n    lineHeight: '1',\n    letterSpacing: '-0.035em',\n    family: 'display',\n    weight: 600,\n    opsz: 96,\n  },\n  h2: {\n    size: 'clamp(28px, 3.8vw, 50px)',\n    lineHeight: '1.04',\n    letterSpacing: '-0.03em',\n    family: 'display',\n    weight: 600,\n    opsz: 72,\n  },\n  h3: {\n    size: 'clamp(20px, 2vw, 26px)',\n    lineHeight: '1.2',\n    letterSpacing: '-0.02em',\n    family: 'display',\n    weight: 600,\n  },\n  h4: { size: '17px', lineHeight: '1.3', letterSpacing: '-0.01em', family: 'display', weight: 600 },\n  stat: {\n    size: 'clamp(30px, 3.4vw, 44px)',\n    lineHeight: '1',\n    letterSpacing: '-0.03em',\n    family: 'display',\n    weight: 600,\n  },\n  lede: { size: 'clamp(17px, 1.4vw, 20px)', lineHeight: '1.5' },\n  body: { size: '16px', lineHeight: '1.55' },\n  'body-2': { size: '15px', lineHeight: '1.5' },\n  small: { size: '13.5px', lineHeight: '1.45' },\n  eyebrow: {\n    size: '11.5px',\n    lineHeight: '1',\n    letterSpacing: '0.14em',\n    family: 'mono',\n    weight: 500,\n    transform: 'uppercase',\n  },\n  label: {\n    size: '11px',\n    lineHeight: '1',\n    letterSpacing: '0.1em',\n    family: 'mono',\n    weight: 500,\n    transform: 'uppercase',\n  },\n  tag: { size: '11.5px', lineHeight: '1', letterSpacing: '0.04em', family: 'mono' },\n  ui: { size: '13px', lineHeight: '1.4' },\n  'ui-sm': { size: '12px', lineHeight: '1.35' },\n  'ui-xs': { size: '11px', lineHeight: '1.3' },\n}\n\nexport const motion = {\n  'duration-fast': '150ms',\n  'duration-base': '200ms',\n  'duration-slow': '300ms',\n  'duration-enter': '600ms',\n  'ease-enter': 'cubic-bezier(0.2, 0.7, 0.2, 1)',\n} as const\n\nexport const layout = {\n  max: '1200px',\n  gutter: 'clamp(20px, 4vw, 40px)',\n  'section-y': 'clamp(64px, 9vw, 128px)',\n  'section-y-tight': 'clamp(40px, 6vw, 80px)',\n} as const\n\nexport const breakpoints = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  '2xl': '1536px',\n  /** Site nav collapses here. */\n  nav: '1180px',\n  wide: '1340px',\n} as const\n\nexport const z = {\n  base: 0,\n  raised: 10,\n  sticky: 50,\n  dropdown: 100,\n  modal: 200,\n  toast: 300,\n} as const\n\nexport const focus = {\n  /** Keyboard focus ring on any element. */\n  ring: '2px solid var(--signal)',\n  'ring-offset': '3px',\n  /** Form controls: soft halo instead of an outline. */\n  'field-ring': '0 0 0 3px var(--signal-soft)',\n} as const\n","import { hexToRgb, oklchToHex, rgbToOklch } from './color.ts'\nimport { type RampStep, rampShape, rampSteps } from './tokens.ts'\n\nexport type Ramp = Record<RampStep, string>\n\n/** Derives the 50–950 ramp for a base colour: hue from the base, lightness from the shape. */\nexport function buildRamp(baseHex: string): Ramp {\n  const base = rgbToOklch(hexToRgb(baseHex))\n  const out = {} as Ramp\n  for (const step of rampSteps) {\n    const { l, c } = rampShape[step]\n    out[step] = oklchToHex({ l, c: base.c * c, h: base.h })\n  }\n  return out\n}\n"],"mappings":"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","names":[]}