@aginies/tokens 0.1.0

package/dist/index.js

@@ -0,0 +1,365 @@
+// 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;
+}
+export {
+  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.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color.ts","../src/tokens.ts","../src/build-ramp.ts"],"sourcesContent":["/**\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":[]}

package/dist/legacy-bridge.css

@@ -0,0 +1,147 @@
+/* @aginies/tokens v0.1.0 — generated from src/tokens.ts. Do not edit by hand. */
+
+/* Pre-design-system variable names mapped onto the new tokens. Remove after migration. */
+:root {
+  --surface-1: var(--panel);
+  --surface-2: var(--panel);
+  --surface-3: var(--panel-2);
+  --surface-4: var(--panel-2);
+  --surface-5: var(--panel-2);
+  --surface-6: var(--panel-3);
+  --surface-9: var(--panel-3);
+  --surface-11: var(--line);
+  --surface-12: var(--line);
+  --surface-13: var(--line-2);
+  --surface-14: var(--line-2);
+  --surface-15: var(--line-3);
+  --surface-elevated: var(--panel-2);
+  --bg-strong: var(--bg);
+  --white: var(--bg-2);
+  --surface-4-rgb: var(--panel-2-rgb);
+  --surface-5-rgb: var(--panel-2-rgb);
+  --surface-7-rgb: var(--panel-3-rgb);
+  --surface-9-rgb: var(--panel-3-rgb);
+  --divider-rgb: var(--line-rgb);
+  --white-rgb: var(--bg-2-rgb);
+  --black-rgb: 0 0 0;
+  --text-primary: var(--text);
+  --text-secondary: var(--text-2);
+  --text-tertiary: var(--text-2);
+  --text-muted: var(--mute);
+  --text-subtle: var(--mute);
+  --text-inverse: var(--text);
+  --text-error: var(--bad);
+  --base-muted-foreground: var(--mute);
+  --border: var(--line);
+  --border-strong: var(--line-2);
+  --divider: var(--line);
+  --border-muted: var(--line);
+  --border-success: var(--line-2);
+  --brand-400: var(--signal);
+  --brand-500: var(--signal-2);
+  --brand-secondary: var(--signal);
+  --brand-tertiary: var(--ok);
+  --warning: var(--warn);
+  --brand-primary-hex: var(--signal);
+  --brand-primary-hover-hex: var(--signal-2);
+  --brand-accent-hex: var(--signal);
+  --brand-accent-hover-hex: var(--signal-2);
+  --brand-background-hex: var(--bg);
+  --workflow-edge-default: var(--edge);
+  --execution-active: var(--execution);
+  --execution-run: color-mix(in srgb, var(--execution) 32%, var(--line));
+  --execution-surface: color-mix(in srgb, var(--execution) 6%, var(--panel));
+  --panel-tab-bar-bg: var(--bg-2);
+  --panel-tab-badge-bg: var(--panel-3);
+  --panel-tab-badge-border: var(--line-2);
+  --panel-tab-badge-text: var(--text);
+  --panel-tab-inactive-text: var(--mute);
+  --panel-tab-inactive-text-hover: var(--text-2);
+  --panel-tab-bar-border: var(--line);
+  --card-background: var(--panel);
+  --card-border: var(--line);
+  --card-text: var(--text);
+  --card-hover: var(--panel-2);
+  --scrollbar-size: 8px;
+}
+
+:root, .dark, [data-theme="dark"] {
+  --background: 226.2 48.1% 5.3%;
+  --foreground: 221.2 50% 93.7%;
+  --card: 225 46.2% 10.2%;
+  --card-foreground: 221.2 50% 93.7%;
+  --popover: 224 45.5% 12.9%;
+  --popover-foreground: 221.2 50% 93.7%;
+  --primary: 221.2 50% 93.7%;
+  --primary-foreground: 226.2 48.1% 5.3%;
+  --secondary: 224 45.5% 12.9%;
+  --secondary-foreground: 221.2 50% 93.7%;
+  --muted: 224 45.5% 12.9%;
+  --muted-foreground: 223.9 19.1% 57.8%;
+  --accent: 225 45.5% 17.3%;
+  --accent-foreground: 221.2 50% 93.7%;
+  --destructive: 0 100% 73.9%;
+  --destructive-foreground: 213.6 67.6% 7.3%;
+  --input: 225.8 31.1% 23.9%;
+  --input-background: 225.7 48.8% 8.4%;
+  --ring: 200.6 100% 68.6%;
+  --scrollbar-track: 225.7 48.8% 8.4%;
+  --scrollbar-thumb: 225.8 31.1% 23.9%;
+  --scrollbar-thumb-hover: 225 23.1% 30.6%;
+  --workflow-background: 226.2 48.1% 5.3%;
+}
+
+.light, [data-theme="light"] {
+  --background: 220 37.5% 96.9%;
+  --foreground: 220 48.8% 8.4%;
+  --card: 0 0% 100%;
+  --card-foreground: 220 48.8% 8.4%;
+  --popover: 220 36% 95.1%;
+  --popover-foreground: 220 48.8% 8.4%;
+  --primary: 220 48.8% 8.4%;
+  --primary-foreground: 220 37.5% 96.9%;
+  --secondary: 220 36% 95.1%;
+  --secondary-foreground: 220 48.8% 8.4%;
+  --muted: 220 36% 95.1%;
+  --muted-foreground: 223.8 14.7% 49.2%;
+  --accent: 218.6 35% 92.2%;
+  --accent-foreground: 220 48.8% 8.4%;
+  --destructive: 3.2 71.3% 41%;
+  --destructive-foreground: 0 0% 100%;
+  --input: 220.9 23.4% 81.6%;
+  --input-background: 0 0% 100%;
+  --ring: 203.2 100% 38%;
+  --scrollbar-track: 0 0% 100%;
+  --scrollbar-thumb: 220.9 23.4% 81.6%;
+  --scrollbar-thumb-hover: 224.6 25.5% 73.1%;
+  --workflow-background: 220 37.5% 96.9%;
+}
+
+@media (prefers-color-scheme: light) {
+  :root:not(.dark):not([data-theme="dark"]) {
+    --background: 220 37.5% 96.9%;
+    --foreground: 220 48.8% 8.4%;
+    --card: 0 0% 100%;
+    --card-foreground: 220 48.8% 8.4%;
+    --popover: 220 36% 95.1%;
+    --popover-foreground: 220 48.8% 8.4%;
+    --primary: 220 48.8% 8.4%;
+    --primary-foreground: 220 37.5% 96.9%;
+    --secondary: 220 36% 95.1%;
+    --secondary-foreground: 220 48.8% 8.4%;
+    --muted: 220 36% 95.1%;
+    --muted-foreground: 223.8 14.7% 49.2%;
+    --accent: 218.6 35% 92.2%;
+    --accent-foreground: 220 48.8% 8.4%;
+    --destructive: 3.2 71.3% 41%;
+    --destructive-foreground: 0 0% 100%;
+    --input: 220.9 23.4% 81.6%;
+    --input-background: 0 0% 100%;
+    --ring: 203.2 100% 38%;
+    --scrollbar-track: 0 0% 100%;
+    --scrollbar-thumb: 220.9 23.4% 81.6%;
+    --scrollbar-thumb-hover: 224.6 25.5% 73.1%;
+    --workflow-background: 220 37.5% 96.9%;
+  }
+
+}