@gryt/theme 0.1.0

package/dist/index.js

@@ -0,0 +1,1078 @@
+function G(r) {
+  return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+}
+function k(r) {
+  return r <= 31308e-7 ? 12.92 * r : 1.055 * r ** (1 / 2.4) - 0.055;
+}
+function p(r) {
+  return Math.min(1, Math.max(0, r));
+}
+function x(r) {
+  const a = r.replace("#", ""), t = a.length === 3 ? a.split("").map((e) => e + e).join("") : a;
+  return [
+    parseInt(t.slice(0, 2), 16) / 255,
+    parseInt(t.slice(2, 4), 16) / 255,
+    parseInt(t.slice(4, 6), 16) / 255
+  ];
+}
+function N([r, a, t]) {
+  const e = (s) => Math.round(p(s) * 255).toString(16).padStart(2, "0");
+  return `#${e(r)}${e(a)}${e(t)}`;
+}
+function R(r) {
+  const [a, t, e] = x(r).map(G), s = Math.cbrt(
+    0.4122214708 * a + 0.5363325363 * t + 0.0514459929 * e
+  ), c = Math.cbrt(
+    0.2119034982 * a + 0.6806995451 * t + 0.1073969566 * e
+  ), n = Math.cbrt(
+    0.0883024619 * a + 0.2817188376 * t + 0.6299787005 * e
+  ), f = 0.2104542553 * s + 0.793617785 * c - 0.0040720468 * n, d = 1.9779984951 * s - 2.428592205 * c + 0.4505937099 * n, g = 0.0259040371 * s + 0.7827717662 * c - 0.808675766 * n;
+  return {
+    l: f,
+    c: Math.hypot(d, g),
+    h: (Math.atan2(g, d) * 180 / Math.PI + 360) % 360
+  };
+}
+function y({ l: r, c: a, h: t }) {
+  const e = a * Math.cos(t * Math.PI / 180), s = a * Math.sin(t * Math.PI / 180), c = (r + 0.3963377774 * e + 0.2158037573 * s) ** 3, n = (r - 0.1055613458 * e - 0.0638541728 * s) ** 3, f = (r - 0.0894841775 * e - 1.291485548 * s) ** 3;
+  return N([
+    k(p(4.0767416621 * c - 3.3077115913 * n + 0.2309699292 * f)),
+    k(p(-1.2684380046 * c + 2.6097574011 * n - 0.3413193965 * f)),
+    k(p(-0.0041960863 * c - 0.7034186147 * n + 1.707614701 * f))
+  ]);
+}
+const F = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], W = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
+function h(r, a) {
+  const { h: t } = R(r), e = F.map((f, d) => y({ l: f, c: W[d], h: t }));
+  e.push(r, a);
+  const s = R(a).l, c = Math.min(0.95, Math.max(0.84, s + 0.04)), n = Math.min(0.98, Math.max(c + 0.06, 0.93));
+  return e.push(y({ l: c, c: 0.11, h: t })), e.push(y({ l: n, c: 0.055, h: t })), e;
+}
+const B = [
+  0.187,
+  0.231,
+  0.245,
+  0.268,
+  0.289,
+  0.31,
+  0.355,
+  0.425,
+  0.52,
+  0.57,
+  0.627,
+  0.908
+], K = [
+  0.011,
+  0.014,
+  0.016,
+  0.019,
+  0.022,
+  0.024,
+  0.026,
+  0.026,
+  0.02,
+  0.012,
+  0,
+  8e-3
+];
+function I(r) {
+  const a = {
+    0: r.bg,
+    1: r.surface,
+    2: r.surfaceRaised,
+    5: r.border,
+    10: r.muted,
+    11: r.text
+  }, t = R(r.border).h;
+  return B.map(
+    (e, s) => a[s] ?? y({ l: e, c: K[s], h: t })
+  );
+}
+function w(r, a) {
+  const t = x(a);
+  return r.map((e) => {
+    const s = x(e);
+    let c = 0;
+    for (let u = 0; u < 3; u++) {
+      const i = s[u], m = t[u];
+      i > m ? c = Math.max(c, m < 1 ? (i - m) / (1 - m) : 0) : i < m && (c = Math.max(c, m > 0 ? (m - i) / m : 0));
+    }
+    if (c < 1e-6) return "transparent";
+    const n = N(
+      s.map((u, i) => p(t[i] + (u - t[i]) / c))
+    ), [f, d, g] = x(n).map((u) => Math.round(u * 255));
+    return `rgb(${f} ${d} ${g} / ${(c * 100).toFixed(1)}%)`;
+  });
+}
+const q = [
+  0.962,
+  1,
+  0.978,
+  0.952,
+  0.928,
+  0.898,
+  0.855,
+  0.79,
+  0.66,
+  0.61,
+  0.48,
+  0.25
+], J = [
+  6e-3,
+  0,
+  4e-3,
+  7e-3,
+  0.01,
+  0.013,
+  0.016,
+  0.018,
+  0.016,
+  0.014,
+  0.012,
+  0.014
+], X = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], Q = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
+function U(r) {
+  const a = {
+    0: r.bg,
+    1: r.surface,
+    2: r.surfaceRaised,
+    5: r.border,
+    10: r.muted,
+    11: r.text
+  }, t = R(r.border).h;
+  return q.map(
+    (e, s) => a[s] ?? y({ l: e, c: J[s], h: t })
+  );
+}
+function b(r) {
+  const { l: a, c: t, h: e } = R(r), s = X.map(
+    (c, n) => y({ l: c, c: Q[n], h: e })
+  );
+  return s.push(r), s.push(y({ l: Math.max(0, a - 0.07), c: t, h: e })), s.push(y({ l: 0.46, c: 0.15, h: e })), s.push(y({ l: 0.33, c: 0.1, h: e })), s;
+}
+function E(r) {
+  const [a, t, e] = x(r).map(G);
+  return 0.2126 * a + 0.7152 * t + 0.0722 * e;
+}
+function oe(r, a) {
+  const t = E(r), e = E(a);
+  return (Math.max(t, e) + 0.05) / (Math.min(t, e) + 0.05);
+}
+const o = {
+  color: {
+    bg: "#111318",
+    surface: "#1a1d24",
+    surfaceRaised: "#1e2028",
+    surfaceHover: "#334155",
+    border: "#2b303d",
+    text: "#e0e0e6",
+    muted: "#888888",
+    accent: "#968ff8",
+    accentLight: "#b4afff",
+    secondary: "#7dd3fc",
+    secondaryLight: "#bae6fd",
+    success: "#4ade80",
+    danger: "#f87171",
+    dangerLight: "#fca5a5",
+    warning: "#fbbf24",
+    // The fill's own hue, dark enough to clear 7:1 against it. See the note in
+    // theme.css: these are the only text in the library that always sits on a
+    // saturated colour, so they are held to AAA rather than AA.
+    onAccent: "#0c0a20",
+    onSecondary: "#02121a",
+    onDanger: "#1f0405"
+  },
+  radius: {
+    sm: 8,
+    md: 12,
+    lg: 20,
+    xl: 28,
+    full: 999
+  }
+}, l = {
+  bg: "#f1f2f7",
+  surface: "#ffffff",
+  surfaceRaised: "#f7f8fb",
+  border: "#dadde6",
+  muted: "#5b5d65",
+  text: "#1f2129"
+}, _ = {
+  neutral: I({
+    bg: o.color.bg,
+    surface: o.color.surface,
+    surfaceRaised: o.color.surfaceRaised,
+    border: o.color.border,
+    muted: o.color.muted,
+    text: o.color.text
+  }),
+  accent: h(o.color.accent, o.color.accentLight),
+  secondary: h(
+    o.color.secondary,
+    o.color.secondaryLight
+  ),
+  success: h(o.color.success, o.color.success),
+  danger: h(o.color.danger, o.color.dangerLight),
+  warning: h(o.color.warning, o.color.warning)
+}, T = {
+  neutral: U(l),
+  accent: b(o.color.accent),
+  secondary: b(o.color.secondary),
+  success: b(o.color.success),
+  danger: b(o.color.danger),
+  warning: b(o.color.warning)
+}, C = T.neutral[3], se = {
+  neutral: w(_.neutral, o.color.bg),
+  accent: w(_.accent, o.color.bg)
+}, fe = {
+  neutral: w(T.neutral, l.bg),
+  accent: w(T.accent, l.bg)
+};
+function de(r = {}) {
+  const a = r.appearance === "light", e = { ...a ? {
+    ...o.color,
+    ...l,
+    surfaceHover: C
+  } : o.color, ...r.color }, s = { ...o.radius, ...r.radius }, c = {
+    bg: e.bg,
+    surface: e.surface,
+    surfaceRaised: e.surfaceRaised,
+    border: e.border,
+    muted: e.muted,
+    text: e.text
+  }, n = a ? {
+    neutral: U(c),
+    accent: b(e.accent),
+    secondary: b(e.secondary),
+    success: b(e.success),
+    danger: b(e.danger),
+    warning: b(e.warning)
+  } : {
+    neutral: I(c),
+    accent: h(e.accent, e.accentLight),
+    secondary: h(e.secondary, e.secondaryLight),
+    success: h(e.success, e.success),
+    danger: h(e.danger, e.dangerLight),
+    warning: h(e.warning, e.warning)
+  }, f = {};
+  for (const [d, g] of Object.entries(n))
+    g.forEach((u, i) => {
+      f[`--gryt-${d}-${i + 1}`] = u, f[`--color-gryt-${d}-${i + 1}`] = u;
+    });
+  for (const d of ["neutral", "accent"])
+    w(n[d], e.bg).forEach((g, u) => {
+      f[`--gryt-${d}-a${u + 1}`] = g, f[`--color-gryt-${d}-a${u + 1}`] = g;
+    });
+  return {
+    ...f,
+    "--gryt-bg": e.bg,
+    "--gryt-surface": e.surface,
+    "--gryt-surface-raised": e.surfaceRaised,
+    "--gryt-surface-hover": e.surfaceHover,
+    "--gryt-border": e.border,
+    "--gryt-text": e.text,
+    "--gryt-muted": e.muted,
+    "--gryt-accent": e.accent,
+    "--gryt-accent-light": e.accentLight,
+    "--gryt-secondary": e.secondary,
+    "--gryt-secondary-light": e.secondaryLight,
+    "--gryt-success": e.success,
+    "--gryt-danger": e.danger,
+    "--gryt-danger-light": e.dangerLight,
+    "--gryt-warning": e.warning,
+    "--gryt-on-accent": e.onAccent,
+    "--gryt-on-secondary": e.onSecondary,
+    "--gryt-on-danger": e.onDanger,
+    // Tailwind's @theme emits --color-* names, and the utilities compile
+    // against those. Both sets have to move together or an override would
+    // change the raw var but not bg-gryt-accent.
+    "--color-gryt-bg": e.bg,
+    "--color-gryt-surface": e.surface,
+    "--color-gryt-surface-raised": e.surfaceRaised,
+    "--color-gryt-surface-hover": e.surfaceHover,
+    "--color-gryt-border": e.border,
+    "--color-gryt-text": e.text,
+    "--color-gryt-muted": e.muted,
+    "--color-gryt-accent": e.accent,
+    "--color-gryt-accent-light": e.accentLight,
+    "--color-gryt-secondary": e.secondary,
+    "--color-gryt-secondary-light": e.secondaryLight,
+    "--color-gryt-success": e.success,
+    "--color-gryt-danger": e.danger,
+    "--color-gryt-danger-light": e.dangerLight,
+    "--color-gryt-warning": e.warning,
+    "--color-gryt-on-accent": e.onAccent,
+    "--color-gryt-on-secondary": e.onSecondary,
+    "--color-gryt-on-danger": e.onDanger,
+    "--gryt-radius-sm": `${s.sm}px`,
+    "--gryt-radius-md": `${s.md}px`,
+    "--gryt-radius-lg": `${s.lg}px`,
+    "--gryt-radius-xl": `${s.xl}px`,
+    "--gryt-radius-full": `${s.full}px`
+  };
+}
+const S = [
+  "accent",
+  "accentLight",
+  "secondary",
+  "secondaryLight",
+  "success",
+  "danger",
+  "dangerLight",
+  "warning",
+  "onAccent",
+  "onSecondary",
+  "onDanger"
+], O = [
+  "bg",
+  "surface",
+  "surfaceRaised",
+  "surfaceHover",
+  "border",
+  "muted",
+  "text"
+], M = ["sm", "md", "lg", "xl", "full"], V = 60;
+function $(r) {
+  return r.replace(/\s+/g, " ").trim().slice(0, V);
+}
+const L = {
+  hue: {
+    accent: o.color.accent,
+    accentLight: o.color.accentLight,
+    secondary: o.color.secondary,
+    secondaryLight: o.color.secondaryLight,
+    success: o.color.success,
+    danger: o.color.danger,
+    dangerLight: o.color.dangerLight,
+    warning: o.color.warning,
+    onAccent: o.color.onAccent,
+    onSecondary: o.color.onSecondary,
+    onDanger: o.color.onDanger
+  },
+  lightHue: null,
+  dark: {
+    bg: o.color.bg,
+    surface: o.color.surface,
+    surfaceRaised: o.color.surfaceRaised,
+    surfaceHover: o.color.surfaceHover,
+    border: o.color.border,
+    muted: o.color.muted,
+    text: o.color.text
+  },
+  light: {
+    bg: l.bg,
+    surface: l.surface,
+    surfaceRaised: l.surfaceRaised,
+    surfaceHover: C,
+    border: l.border,
+    muted: l.muted,
+    text: l.text
+  },
+  radius: { ...o.radius }
+};
+function j(r) {
+  return {
+    ...r.name === void 0 ? {} : { name: r.name },
+    hue: { ...r.hue },
+    lightHue: r.lightHue === null ? null : { ...r.lightHue },
+    dark: { ...r.dark },
+    light: { ...r.light },
+    radius: { ...r.radius }
+  };
+}
+function Z(r, a) {
+  return a === "light" && r.lightHue !== null ? r.lightHue : r.hue;
+}
+function ue(r, a) {
+  return {
+    appearance: a,
+    color: { ...Z(r, a), ...r[a] },
+    radius: { ...r.radius }
+  };
+}
+const H = {
+  accent: "accent",
+  accentLight: "accent-light",
+  secondary: "secondary",
+  secondaryLight: "secondary-light",
+  success: "success",
+  danger: "danger",
+  dangerLight: "danger-light",
+  warning: "warning",
+  onAccent: "on-accent",
+  onSecondary: "on-secondary",
+  onDanger: "on-danger"
+}, Y = {
+  bg: "bg",
+  surface: "surface",
+  surfaceRaised: "raised",
+  surfaceHover: "hover",
+  border: "border",
+  muted: "muted",
+  text: "text"
+}, ee = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function z(r) {
+  return ee.test(r.trim());
+}
+function D(r) {
+  const a = r.trim().toLowerCase();
+  return a.length === 4 ? `#${a[1]}${a[1]}${a[2]}${a[2]}${a[3]}${a[3]}` : a;
+}
+function ge(r, a) {
+  const t = new URLSearchParams(), e = (c) => D(c).slice(1), s = $(r.name ?? "");
+  s !== "" && t.set("name", s);
+  for (const c of S)
+    r.hue[c] !== L.hue[c] && t.set(H[c], e(r.hue[c]));
+  if (r.lightHue !== null)
+    for (const c of S)
+      t.set(`lh-${H[c]}`, e(r.lightHue[c]));
+  for (const c of ["dark", "light"]) {
+    const n = c === "dark" ? "d" : "l";
+    for (const f of O)
+      r[c][f] !== L[c][f] && t.set(`${n}-${Y[f]}`, e(r[c][f]));
+  }
+  for (const c of M)
+    r.radius[c] !== L.radius[c] && t.set(`r-${c}`, String(r.radius[c]));
+  return a === "light" && t.set("mode", "light"), t;
+}
+function ie(r) {
+  const a = r.trim();
+  if (a === "") return null;
+  if (a.startsWith("{")) return ae(a);
+  const t = a.includes("?") ? a.slice(a.indexOf("?") + 1) : a;
+  return re(new URLSearchParams(t));
+}
+function re(r) {
+  const a = j(L);
+  let t = !1;
+  const e = (c) => {
+    const n = r.get(c);
+    if (n === null) return null;
+    const f = n.startsWith("#") ? n : `#${n}`;
+    return z(f) ? (t = !0, D(f)) : null;
+  }, s = $(r.get("name") ?? "");
+  s !== "" && (a.name = s, t = !0);
+  for (const c of S) {
+    const n = e(H[c]);
+    n !== null && (a.hue[c] = n);
+  }
+  if (r.has(`lh-${H.accent}`)) {
+    const c = { ...a.hue };
+    for (const n of S) {
+      const f = e(`lh-${H[n]}`);
+      f !== null && (c[n] = f);
+    }
+    a.lightHue = c;
+  }
+  for (const c of ["dark", "light"]) {
+    const n = c === "dark" ? "d" : "l";
+    for (const f of O) {
+      const d = e(`${n}-${Y[f]}`);
+      d !== null && (a[c][f] = d);
+    }
+  }
+  for (const c of M) {
+    const n = Number(r.get(`r-${c}`));
+    Number.isFinite(n) && n >= 0 && n <= 999 && r.has(`r-${c}`) && (a.radius[c] = Math.round(n), t = !0);
+  }
+  return t ? {
+    theme: a,
+    appearance: r.get("mode") === "light" ? "light" : "dark"
+  } : null;
+}
+function ae(r) {
+  let a;
+  try {
+    a = JSON.parse(r);
+  } catch {
+    return null;
+  }
+  if (typeof a != "object" || a === null) return null;
+  const t = a, e = j(L);
+  let s = !1;
+  const c = (n, f) => {
+    if (!(typeof n != "object" || n === null))
+      for (const [d, g] of Object.entries(n))
+        typeof g == "string" && z(g) && d in f && (f[d] = D(g), s = !0);
+  };
+  if (typeof t.name == "string") {
+    const n = $(t.name);
+    n !== "" && (e.name = n, s = !0);
+  }
+  if (c(t.hue, e.hue), c(t.dark, e.dark), c(t.light, e.light), typeof t.lightHue == "object" && t.lightHue !== null) {
+    const n = { ...e.hue };
+    c(t.lightHue, n), e.lightHue = n;
+  }
+  if (typeof t.radius == "object" && t.radius !== null)
+    for (const [n, f] of Object.entries(
+      t.radius
+    )) {
+      const d = Number(f);
+      M.includes(n) && Number.isFinite(d) && d >= 0 && d <= 999 && (e.radius[n] = Math.round(d), s = !0);
+    }
+  return s ? { theme: e, appearance: "dark" } : null;
+}
+const A = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, v = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, ce = { sm: 4, md: 6, lg: 10, xl: 14, full: 6 }, te = { sm: 6, md: 8, lg: 10, xl: 14, full: 10 }, P = { sm: 2, md: 4, lg: 6, xl: 8, full: 4 }, ne = [
+  {
+    id: "gryt",
+    name: "Gryt",
+    note: "What the library ships, from the Gryt code-theme.",
+    group: "Gryt",
+    source: "github.com/Gryt-chat/code-theme",
+    theme: L
+  },
+  {
+    id: "ember",
+    name: "Ember",
+    note: "Warm all the way down — the neutrals are brown, not blue.",
+    group: "Gryt",
+    theme: {
+      name: "Ember",
+      hue: {
+        accent: "#f0803c",
+        accentLight: "#ff9f66",
+        secondary: "#d9a441",
+        secondaryLight: "#ecc06a",
+        success: "#8bb056",
+        danger: "#e35d55",
+        dangerLight: "#ef8079",
+        warning: "#e8b33e",
+        onAccent: "#231004",
+        onSecondary: "#241a04",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#17110e",
+        surface: "#1f1815",
+        surfaceRaised: "#251d19",
+        surfaceHover: "#33261f",
+        border: "#352822",
+        muted: "#a48f81",
+        text: "#f5ece5"
+      },
+      light: {
+        bg: "#f6efe8",
+        surface: "#fffdfb",
+        surfaceRaised: "#faf3ec",
+        surfaceHover: "#efe3d8",
+        border: "#e0d2c4",
+        muted: "#6b5b50",
+        text: "#241a14"
+      },
+      radius: A
+    }
+  },
+  {
+    id: "paper",
+    name: "Paper",
+    note: "Near-monochrome. One quiet slate accent and nothing else.",
+    group: "Gryt",
+    theme: {
+      name: "Paper",
+      hue: {
+        accent: "#8390a8",
+        accentLight: "#a3aec2",
+        secondary: "#93a0a0",
+        secondaryLight: "#b1bcbc",
+        success: "#7f9b7f",
+        danger: "#b56b6b",
+        dangerLight: "#c98d8d",
+        warning: "#b39a6a",
+        onAccent: "#11151c",
+        onSecondary: "#121717",
+        onDanger: "#1d0e0e"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#101011",
+        surface: "#17171a",
+        surfaceRaised: "#1d1d20",
+        surfaceHover: "#282a2e",
+        border: "#2a2a2e",
+        muted: "#8e8e94",
+        text: "#ededf0"
+      },
+      light: {
+        bg: "#f0f0f2",
+        surface: "#ffffff",
+        surfaceRaised: "#f7f7f9",
+        surfaceHover: "#e6e6ea",
+        border: "#d6d6dc",
+        muted: "#5b5b63",
+        text: "#17171a"
+      },
+      radius: v
+    }
+  },
+  {
+    id: "signal",
+    name: "Signal",
+    note: "Black, white, and a yellow that cannot be missed.",
+    group: "Gryt",
+    theme: {
+      name: "Signal",
+      hue: {
+        accent: "#ffd400",
+        accentLight: "#ffe454",
+        secondary: "#00d0ff",
+        secondaryLight: "#66e2ff",
+        success: "#00e06a",
+        danger: "#ff453a",
+        dangerLight: "#ff7a72",
+        warning: "#ffab00",
+        onAccent: "#161200",
+        onSecondary: "#001a20",
+        onDanger: "#1a0300"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#000000",
+        surface: "#0c0c0c",
+        surfaceRaised: "#151515",
+        surfaceHover: "#242424",
+        border: "#454545",
+        muted: "#bcbcbc",
+        text: "#ffffff"
+      },
+      light: {
+        bg: "#f0f0f0",
+        surface: "#ffffff",
+        surfaceRaised: "#f8f8f8",
+        surfaceHover: "#e3e3e3",
+        border: "#6f6f6f",
+        muted: "#3d3d3d",
+        text: "#000000"
+      },
+      radius: P
+    }
+  },
+  {
+    /* Dracula's eleven, and Alucard's eleven for the light half, from the
+       palette tables in dracula/dracula-theme. Background, Current Line,
+       Foreground and Comment are exact; the two steps between Background and
+       Current Line are derived, because Dracula does not name them. */
+    id: "dracula",
+    name: "Dracula",
+    note: "The purple-and-pink dark theme, with Alucard as its light half.",
+    group: "Ported",
+    source: "draculatheme.com, MIT",
+    theme: {
+      name: "Dracula",
+      hue: {
+        accent: "#bd93f9",
+        accentLight: "#d0b3fb",
+        secondary: "#8be9fd",
+        secondaryLight: "#aff0fe",
+        success: "#50fa7b",
+        danger: "#ff5555",
+        dangerLight: "#ff7979",
+        warning: "#ffb86c",
+        onAccent: "#282a36",
+        onSecondary: "#282a36",
+        onDanger: "#282a36"
+      },
+      lightHue: {
+        accent: "#644ac9",
+        accentLight: "#7b64d6",
+        secondary: "#036a96",
+        secondaryLight: "#0b83b5",
+        success: "#14710a",
+        danger: "#cb3a2a",
+        dangerLight: "#d95445",
+        warning: "#a34d14",
+        onAccent: "#fffbeb",
+        onSecondary: "#fffbeb",
+        onDanger: "#fffbeb"
+      },
+      dark: {
+        bg: "#282a36",
+        surface: "#31323f",
+        surfaceRaised: "#383a49",
+        surfaceHover: "#44475a",
+        border: "#44475a",
+        muted: "#6272a4",
+        text: "#f8f8f2"
+      },
+      light: {
+        bg: "#f5f1e1",
+        surface: "#fffbeb",
+        surfaceRaised: "#faf6e6",
+        surfaceHover: "#ece7d4",
+        border: "#dcd6bf",
+        muted: "#6c664b",
+        text: "#1f1f1f"
+      },
+      radius: v
+    }
+  },
+  {
+    /* nord0-nord15, exactly as nordtheme.com publishes them. Polar Night is
+       the dark neutrals, Snow Storm the light ones, Frost the accents and
+       Aurora the status colours. Nothing here is derived. */
+    id: "nord",
+    name: "Nord",
+    note: "Polar Night and Snow Storm, with Frost on top.",
+    group: "Ported",
+    source: "nordtheme.com, MIT",
+    theme: {
+      name: "Nord",
+      hue: {
+        accent: "#88c0d0",
+        accentLight: "#8fbcbb",
+        secondary: "#81a1c1",
+        secondaryLight: "#a3b8d4",
+        success: "#a3be8c",
+        danger: "#bf616a",
+        dangerLight: "#d08770",
+        warning: "#ebcb8b",
+        onAccent: "#2e3440",
+        onSecondary: "#2e3440",
+        onDanger: "#eceff4"
+      },
+      lightHue: {
+        accent: "#5e81ac",
+        accentLight: "#81a1c1",
+        secondary: "#8fbcbb",
+        secondaryLight: "#88c0d0",
+        success: "#a3be8c",
+        danger: "#bf616a",
+        dangerLight: "#d08770",
+        warning: "#ebcb8b",
+        onAccent: "#eceff4",
+        onSecondary: "#2e3440",
+        onDanger: "#eceff4"
+      },
+      dark: {
+        bg: "#2e3440",
+        surface: "#3b4252",
+        surfaceRaised: "#434c5e",
+        surfaceHover: "#4c566a",
+        border: "#4c566a",
+        muted: "#d8dee9",
+        text: "#eceff4"
+      },
+      light: {
+        bg: "#e5e9f0",
+        surface: "#eceff4",
+        surfaceRaised: "#e9edf2",
+        surfaceHover: "#d8dee9",
+        border: "#c9d1de",
+        muted: "#4c566a",
+        text: "#2e3440"
+      },
+      radius: v
+    }
+  },
+  {
+    /* Mocha and Latte from catppuccin/palette's palette.json. base, mantle,
+       surface0/1/2, text and subtext0 are exact; the border step is derived
+       from surface1 and surface2, which is where a border sits in their own
+       ports. */
+    id: "catppuccin",
+    name: "Catppuccin",
+    note: "Mocha for dark, Latte for light. Mauve does the accent work.",
+    group: "Ported",
+    source: "catppuccin/palette, MIT",
+    theme: {
+      name: "Catppuccin",
+      hue: {
+        accent: "#cba6f7",
+        accentLight: "#dcc0fa",
+        secondary: "#89b4fa",
+        secondaryLight: "#a8c8fb",
+        success: "#a6e3a1",
+        danger: "#f38ba8",
+        dangerLight: "#eba0ac",
+        warning: "#f9e2af",
+        onAccent: "#1e1e2e",
+        onSecondary: "#1e1e2e",
+        onDanger: "#1e1e2e"
+      },
+      lightHue: {
+        accent: "#8839ef",
+        accentLight: "#9a55f2",
+        secondary: "#1e66f5",
+        secondaryLight: "#4680f7",
+        success: "#40a02b",
+        danger: "#d20f39",
+        dangerLight: "#e64553",
+        warning: "#df8e1d",
+        onAccent: "#eff1f5",
+        onSecondary: "#eff1f5",
+        onDanger: "#eff1f5"
+      },
+      dark: {
+        bg: "#1e1e2e",
+        surface: "#313244",
+        surfaceRaised: "#45475a",
+        surfaceHover: "#585b70",
+        border: "#45475a",
+        muted: "#a6adc8",
+        text: "#cdd6f4"
+      },
+      light: {
+        bg: "#e6e9ef",
+        surface: "#eff1f5",
+        surfaceRaised: "#eaedf3",
+        surfaceHover: "#dce0e8",
+        border: "#ccd0da",
+        muted: "#6c6f85",
+        text: "#4c4f69"
+      },
+      radius: A
+    }
+  },
+  {
+    /* Primer's functional tokens, from @primer/primitives' compiled themes:
+       bgColor-default, bgColor-muted, borderColor-default, fgColor-default,
+       fgColor-muted, and the -emphasis fills for accent, danger, success,
+       attention and done. The raised and hover steps are derived — Primer
+       expresses those as translucent overlays rather than as solid colours. */
+    id: "github",
+    name: "GitHub",
+    note: "Primer's own tokens, six-pixel corners included.",
+    group: "Ported",
+    source: "@primer/primitives",
+    theme: {
+      name: "GitHub",
+      hue: {
+        accent: "#1f6feb",
+        accentLight: "#4493f8",
+        secondary: "#8957e5",
+        secondaryLight: "#a371f7",
+        success: "#238636",
+        danger: "#da3633",
+        dangerLight: "#f85149",
+        warning: "#9e6a03",
+        onAccent: "#ffffff",
+        onSecondary: "#ffffff",
+        onDanger: "#ffffff"
+      },
+      lightHue: {
+        accent: "#0969da",
+        accentLight: "#218bff",
+        secondary: "#8250df",
+        secondaryLight: "#a475f9",
+        success: "#1f883d",
+        danger: "#cf222e",
+        dangerLight: "#d1242f",
+        warning: "#9a6700",
+        onAccent: "#ffffff",
+        onSecondary: "#ffffff",
+        onDanger: "#ffffff"
+      },
+      dark: {
+        bg: "#0d1117",
+        surface: "#151b23",
+        surfaceRaised: "#1c222b",
+        surfaceHover: "#262c36",
+        border: "#3d444d",
+        muted: "#9198a1",
+        text: "#f0f6fc"
+      },
+      light: {
+        bg: "#f6f8fa",
+        surface: "#ffffff",
+        surfaceRaised: "#fbfcfd",
+        surfaceHover: "#eef1f4",
+        border: "#d1d9e0",
+        muted: "#59636e",
+        text: "#1f2328"
+      },
+      radius: ce
+    }
+  },
+  {
+    /* Read off anthropic.com's own stylesheet: the clay #d97757, the cream
+       #f0eee6 and #faf9f5, the ink #141413, and the neutrals #3d3d3a,
+       #87867f, #b0aea5, #c6c4ba, #e8e6dc. Anthropic publishes no token file,
+       so the status hues have no published counterpart and are Gryt's own —
+       this is the one preset that is a likeness rather than a port. */
+    id: "claude",
+    name: "Claude",
+    note: "Anthropic's clay orange on cream and near-black.",
+    group: "Ported",
+    source: "anthropic.com — a likeness, not a published palette",
+    theme: {
+      name: "Claude",
+      hue: {
+        accent: "#d97757",
+        accentLight: "#e59275",
+        secondary: "#7d9ec4",
+        secondaryLight: "#9db8d6",
+        success: "#6ba368",
+        danger: "#bf4d43",
+        dangerLight: "#d4726a",
+        warning: "#d9a441",
+        onAccent: "#241009",
+        onSecondary: "#0c1720",
+        onDanger: "#faf9f5"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#141413",
+        surface: "#1f1e1d",
+        surfaceRaised: "#262624",
+        surfaceHover: "#3d3d3a",
+        border: "#3d3d3a",
+        muted: "#b0aea5",
+        text: "#faf9f5"
+      },
+      light: {
+        bg: "#f0eee6",
+        surface: "#faf9f5",
+        surfaceRaised: "#f5f3ec",
+        surfaceHover: "#e8e6dc",
+        border: "#d5d2c5",
+        muted: "#87867f",
+        text: "#141413"
+      },
+      radius: A
+    }
+  },
+  {
+    /* The zinc theme from shadcn-ui/ui's registry, converted from its OKLCH
+       values. One deliberate departure: shadcn's primary is monochrome —
+       near-white in dark, near-black in light — which cannot be a Gryt accent,
+       because the accent is also the colour every link and focus ring is drawn
+       from. Its destructive red is the accent here, and the neutrals are the
+       theme's own. */
+    id: "shadcn",
+    name: "shadcn/ui",
+    note: "Zinc neutrals and a ten-pixel radius. No pills anywhere.",
+    group: "Ported",
+    source: "ui.shadcn.com, MIT — accent adapted",
+    theme: {
+      name: "shadcn/ui",
+      hue: {
+        accent: "#a1a1aa",
+        accentLight: "#d4d4d8",
+        secondary: "#71717a",
+        secondaryLight: "#a1a1aa",
+        success: "#4ade80",
+        danger: "#e7000b",
+        dangerLight: "#fb2c36",
+        warning: "#fd9a00",
+        onAccent: "#18181b",
+        onSecondary: "#fafafa",
+        onDanger: "#fafafa"
+      },
+      lightHue: {
+        accent: "#3f3f46",
+        accentLight: "#52525b",
+        secondary: "#71717a",
+        secondaryLight: "#a1a1aa",
+        success: "#00a63e",
+        danger: "#e7000b",
+        dangerLight: "#fb2c36",
+        warning: "#e17100",
+        onAccent: "#fafafa",
+        onSecondary: "#fafafa",
+        onDanger: "#fafafa"
+      },
+      dark: {
+        bg: "#18181b",
+        surface: "#27272a",
+        surfaceRaised: "#3f3f46",
+        surfaceHover: "#3f3f46",
+        border: "#3f3f46",
+        muted: "#a1a1aa",
+        text: "#fafafa"
+      },
+      light: {
+        bg: "#f4f4f5",
+        surface: "#ffffff",
+        surfaceRaised: "#fafafa",
+        surfaceHover: "#e4e4e7",
+        border: "#e4e4e7",
+        muted: "#71717a",
+        text: "#18181b"
+      },
+      radius: te
+    }
+  },
+  {
+    /* Ethan Schoonover's sixteen, exactly. base03 and base02 are the dark
+       page and surface, base2 and base3 the light ones, and the accent hues
+       are shared between the two halves — which is the whole point of
+       Solarized. The steps between base03 and base02 are derived. */
+    id: "solarized",
+    name: "Solarized",
+    note: "Both halves on one set of accents, as designed.",
+    group: "Ported",
+    source: "ethanschoonover.com/solarized, MIT",
+    theme: {
+      name: "Solarized",
+      hue: {
+        accent: "#268bd2",
+        accentLight: "#4ba3e3",
+        secondary: "#2aa198",
+        secondaryLight: "#43bbb1",
+        success: "#859900",
+        danger: "#dc322f",
+        dangerLight: "#cb4b16",
+        warning: "#b58900",
+        onAccent: "#fdf6e3",
+        onSecondary: "#002b36",
+        onDanger: "#fdf6e3"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#002b36",
+        surface: "#073642",
+        surfaceRaised: "#0b414f",
+        surfaceHover: "#134b5a",
+        border: "#0f4757",
+        muted: "#93a1a1",
+        text: "#eee8d5"
+      },
+      light: {
+        bg: "#eee8d5",
+        surface: "#fdf6e3",
+        surfaceRaised: "#f7f0dc",
+        surfaceHover: "#e4dcc4",
+        border: "#d9d0b4",
+        muted: "#586e75",
+        text: "#073642"
+      },
+      radius: P
+    }
+  }
+], le = new Map(
+  ne.map((r) => [r.id, r])
+);
+export {
+  S as GRYT_HUE_KEYS,
+  O as GRYT_NEUTRAL_KEYS,
+  M as GRYT_RADIUS_KEYS,
+  V as GRYT_THEME_NAME_MAX,
+  w as alphaScale,
+  j as cloneGrytTheme,
+  oe as contrast,
+  de as createGrytTheme,
+  ie as decodeGrytTheme,
+  ge as encodeGrytTheme,
+  se as grytAlphaScales,
+  fe as grytAlphaScalesLight,
+  l as grytLightTokens,
+  ne as grytPresets,
+  le as grytPresetsById,
+  _ as grytScales,
+  T as grytScalesLight,
+  L as grytTheme,
+  Z as grytThemeHues,
+  ue as grytThemeToOptions,
+  o as grytTokens,
+  R as hexToOklch,
+  x as hexToRgb,
+  h as hueScale,
+  b as hueScaleLight,
+  z as isHexColor,
+  I as neutralScale,
+  U as neutralScaleLight,
+  D as normalizeHexColor,
+  $ as normalizeThemeName,
+  y as oklchToHex,
+  N as rgbToHex
+};
+//# sourceMappingURL=index.js.map