@gryt/theme 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,13 +1,13 @@
-function N(r) {
+function _(r) {
   return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
 }
-function v(r) {
+function A(r) {
   return r <= 31308e-7 ? 12.92 * r : 1.055 * r ** (1 / 2.4) - 0.055;
 }
-function L(r) {
+function x(r) {
   return Math.min(1, Math.max(0, r));
 }
-function x(r) {
+function H(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,
@@ -15,40 +15,40 @@ function x(r) {
     parseInt(t.slice(4, 6), 16) / 255
   ];
 }
-function I([r, a, t]) {
-  const e = (o) => Math.round(L(o) * 255).toString(16).padStart(2, "0");
+function N([r, a, t]) {
+  const e = (o) => Math.round(x(o) * 255).toString(16).padStart(2, "0");
   return `#${e(r)}${e(a)}${e(t)}`;
 }
-function S(r) {
-  const [a, t, e] = x(r).map(N), o = Math.cbrt(
+function R(r) {
+  const [a, t, e] = H(r).map(_), o = 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 * o + 0.793617785 * c - 0.0040720468 * n, d = 1.9779984951 * o - 2.428592205 * c + 0.4505937099 * n, g = 0.0259040371 * o + 0.7827717662 * c - 0.808675766 * n;
+  ), d = 0.2104542553 * o + 0.793617785 * c - 0.0040720468 * n, f = 1.9779984951 * o - 2.428592205 * c + 0.4505937099 * n, g = 0.0259040371 * o + 0.7827717662 * c - 0.808675766 * n;
   return {
-    l: f,
-    c: Math.hypot(d, g),
-    h: (Math.atan2(g, d) * 180 / Math.PI + 360) % 360
+    l: d,
+    c: Math.hypot(f, g),
+    h: (Math.atan2(g, f) * 180 / Math.PI + 360) % 360
   };
 }
-function y({ l: r, c: a, h: t }) {
-  const e = a * Math.cos(t * Math.PI / 180), o = a * Math.sin(t * Math.PI / 180), c = (r + 0.3963377774 * e + 0.2158037573 * o) ** 3, n = (r - 0.1055613458 * e - 0.0638541728 * o) ** 3, f = (r - 0.0894841775 * e - 1.291485548 * o) ** 3;
-  return I([
-    v(L(4.0767416621 * c - 3.3077115913 * n + 0.2309699292 * f)),
-    v(L(-1.2684380046 * c + 2.6097574011 * n - 0.3413193965 * f)),
-    v(L(-0.0041960863 * c - 0.7034186147 * n + 1.707614701 * f))
+function m({ l: r, c: a, h: t }) {
+  const e = a * Math.cos(t * Math.PI / 180), o = a * Math.sin(t * Math.PI / 180), c = (r + 0.3963377774 * e + 0.2158037573 * o) ** 3, n = (r - 0.1055613458 * e - 0.0638541728 * o) ** 3, d = (r - 0.0894841775 * e - 1.291485548 * o) ** 3;
+  return N([
+    A(x(4.0767416621 * c - 3.3077115913 * n + 0.2309699292 * d)),
+    A(x(-1.2684380046 * c + 2.6097574011 * n - 0.3413193965 * d)),
+    A(x(-0.0041960863 * c - 0.7034186147 * n + 1.707614701 * d))
   ]);
 }
-const B = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], F = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
+const Y = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], z = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
 function h(r, a) {
-  const { h: t } = S(r), e = B.map((f, d) => y({ l: f, c: F[d], h: t }));
+  const { h: t } = R(r), e = Y.map((d, f) => m({ l: d, c: z[f], h: t }));
   e.push(r, a);
-  const o = S(a).l, c = Math.min(0.95, Math.max(0.84, o + 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 o = R(a).l, c = Math.min(0.95, Math.max(0.84, o + 0.04)), n = Math.min(0.98, Math.max(c + 0.06, 0.93));
+  return e.push(m({ l: c, c: 0.11, h: t })), e.push(m({ l: n, c: 0.055, h: t })), e;
 }
-const W = [
+const q = [
   0.187,
   0.231,
   0.245,
@@ -83,28 +83,28 @@ function U(r) {
     5: r.border,
     10: r.muted,
     11: r.text
-  }, t = S(r.border).h;
-  return W.map(
-    (e, o) => a[o] ?? y({ l: e, c: K[o], h: t })
+  }, t = R(r.border).h;
+  return q.map(
+    (e, o) => a[o] ?? m({ l: e, c: K[o], h: t })
   );
 }
-function w(r, a) {
-  const t = x(a);
+function S(r, a) {
+  const t = H(a);
   return r.map((e) => {
-    const o = x(e);
+    const o = H(e);
     let c = 0;
     for (let u = 0; u < 3; u++) {
-      const i = o[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));
+      const i = o[u], p = t[u];
+      i > p ? c = Math.max(c, p < 1 ? (i - p) / (1 - p) : 0) : i < p && (c = Math.max(c, p > 0 ? (p - i) / p : 0));
     }
     if (c < 1e-6) return "transparent";
-    const n = I(
-      o.map((u, i) => L(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 n = N(
+      o.map((u, i) => x(t[i] + (u - t[i]) / c))
+    ), [d, f, g] = H(n).map((u) => Math.round(u * 255));
+    return `rgb(${d} ${f} ${g} / ${(c * 100).toFixed(1)}%)`;
   });
 }
-const q = [
+const J = [
   0.962,
   1,
   0.978,
@@ -117,7 +117,7 @@ const q = [
   0.61,
   0.48,
   0.25
-], J = [
+], X = [
   6e-3,
   0,
   4e-3,
@@ -130,8 +130,8 @@ const q = [
   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 C(r) {
+], Q = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], V = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
+function F(r) {
   const a = {
     0: r.bg,
     1: r.surface,
@@ -139,23 +139,23 @@ function C(r) {
     5: r.border,
     10: r.muted,
     11: r.text
-  }, t = S(r.border).h;
-  return q.map(
-    (e, o) => a[o] ?? y({ l: e, c: J[o], h: t })
+  }, t = R(r.border).h;
+  return J.map(
+    (e, o) => a[o] ?? m({ l: e, c: X[o], h: t })
   );
 }
 function b(r) {
-  const { l: a, c: t, h: e } = S(r), o = X.map(
-    (c, n) => y({ l: c, c: Q[n], h: e })
+  const { l: a, c: t, h: e } = R(r), o = Q.map(
+    (c, n) => m({ l: c, c: V[n], h: e })
   );
-  return o.push(r), o.push(y({ l: Math.max(0, a - 0.07), c: t, h: e })), o.push(y({ l: 0.46, c: 0.15, h: e })), o.push(y({ l: 0.33, c: 0.1, h: e })), o;
+  return o.push(r), o.push(m({ l: Math.max(0, a - 0.07), c: t, h: e })), o.push(m({ l: 0.46, c: 0.15, h: e })), o.push(m({ l: 0.33, c: 0.1, h: e })), o;
 }
-function G(r) {
-  const [a, t, e] = x(r).map(N);
+function E(r) {
+  const [a, t, e] = H(r).map(_);
   return 0.2126 * a + 0.7152 * t + 0.0722 * e;
 }
 function se(r, a) {
-  const t = G(r), e = G(a);
+  const t = E(r), e = E(a);
   return (Math.max(t, e) + 0.05) / (Math.min(t, e) + 0.05);
 }
 const s = {
@@ -196,7 +196,7 @@ const s = {
   border: "#dadde6",
   muted: "#5b5d65",
   text: "#1f2129"
-}, _ = {
+}, C = {
   neutral: U({
     bg: s.color.bg,
     surface: s.color.surface,
@@ -213,19 +213,19 @@ const s = {
   success: h(s.color.success, s.color.success),
   danger: h(s.color.danger, s.color.dangerLight),
   warning: h(s.color.warning, s.color.warning)
-}, A = {
-  neutral: C(l),
+}, T = {
+  neutral: F(l),
   accent: b(s.color.accent),
   secondary: b(s.color.secondary),
   success: b(s.color.success),
   danger: b(s.color.danger),
   warning: b(s.color.warning)
-}, O = A.neutral[3], fe = {
-  neutral: w(_.neutral, s.color.bg),
-  accent: w(_.accent, s.color.bg)
-}, de = {
-  neutral: w(A.neutral, l.bg),
-  accent: w(A.accent, l.bg)
+}, O = T.neutral[3], de = {
+  neutral: S(C.neutral, s.color.bg),
+  accent: S(C.accent, s.color.bg)
+}, fe = {
+  neutral: S(T.neutral, l.bg),
+  accent: S(T.accent, l.bg)
 };
 function ue(r = {}) {
   const a = r.appearance === "light", e = { ...a ? {
@@ -240,7 +240,7 @@ function ue(r = {}) {
     muted: e.muted,
     text: e.text
   }, n = a ? {
-    neutral: C(c),
+    neutral: F(c),
     accent: b(e.accent),
     secondary: b(e.secondary),
     success: b(e.success),
@@ -253,17 +253,17 @@ function ue(r = {}) {
     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))
+  }, d = {};
+  for (const [f, g] of Object.entries(n))
     g.forEach((u, i) => {
-      f[`--gryt-${d}-${i + 1}`] = u, f[`--color-gryt-${d}-${i + 1}`] = u;
+      d[`--gryt-${f}-${i + 1}`] = u, d[`--color-gryt-${f}-${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;
+  for (const f of ["neutral", "accent"])
+    S(n[f], e.bg).forEach((g, u) => {
+      d[`--gryt-${f}-a${u + 1}`] = g, d[`--color-gryt-${f}-a${u + 1}`] = g;
     });
   return {
-    ...f,
+    ...d,
     "--gryt-bg": e.bg,
     "--gryt-surface": e.surface,
     "--gryt-surface-raised": e.surfaceRaised,
@@ -310,7 +310,7 @@ function ue(r = {}) {
     "--gryt-radius-full": `${o.full}px`
   };
 }
-const R = [
+const v = [
   "accent",
   "accentLight",
   "secondary",
@@ -322,7 +322,7 @@ const R = [
   "onAccent",
   "onSecondary",
   "onDanger"
-], j = [
+], B = [
   "bg",
   "surface",
   "surfaceRaised",
@@ -330,11 +330,11 @@ const R = [
   "border",
   "muted",
   "text"
-], M = ["sm", "md", "lg", "xl", "full"], V = 60;
-function $(r) {
-  return r.replace(/\s+/g, " ").trim().slice(0, V);
+], D = ["sm", "md", "lg", "xl", "full"], Z = 60;
+function M(r) {
+  return r.replace(/\s+/g, " ").trim().slice(0, Z);
 }
-const p = {
+const L = {
   hue: {
     accent: s.color.accent,
     accentLight: s.color.accentLight,
@@ -369,7 +369,7 @@ const p = {
   },
   radius: { ...s.radius }
 };
-function D(r) {
+function G(r) {
   return {
     ...r.name === void 0 ? {} : { name: r.name },
     hue: { ...r.hue },
@@ -379,17 +379,17 @@ function D(r) {
     radius: { ...r.radius }
   };
 }
-function Z(r, a) {
+function ee(r, a) {
   return a === "light" && r.lightHue !== null ? r.lightHue : r.hue;
 }
 function ge(r, a) {
   return {
     appearance: a,
-    color: { ...Z(r, a), ...r[a] },
+    color: { ...ee(r, a), ...r[a] },
     radius: { ...r.radius }
   };
 }
-const H = {
+const w = {
   accent: "accent",
   accentLight: "accent-light",
   secondary: "secondary",
@@ -401,7 +401,7 @@ const H = {
   onAccent: "on-accent",
   onSecondary: "on-secondary",
   onDanger: "on-danger"
-}, Y = {
+}, j = {
   bg: "bg",
   surface: "surface",
   surfaceRaised: "raised",
@@ -409,68 +409,68 @@ const H = {
   border: "border",
   muted: "muted",
   text: "text"
-}, ee = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function z(r) {
-  return ee.test(r.trim());
+}, re = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function W(r) {
+  return re.test(r.trim());
 }
-function E(r) {
+function $(r) {
   const a = r.trim().toLowerCase();
   return a.length === 4 ? `#${a[1]}${a[1]}${a[2]}${a[2]}${a[3]}${a[3]}` : a;
 }
 function ie(r, a) {
-  const t = new URLSearchParams(), e = (c) => E(c).slice(1), o = $(r.name ?? "");
+  const t = new URLSearchParams(), e = (c) => $(c).slice(1), o = M(r.name ?? "");
   o !== "" && t.set("name", o);
-  for (const c of R)
-    r.hue[c] !== p.hue[c] && t.set(H[c], e(r.hue[c]));
+  for (const c of v)
+    r.hue[c] !== L.hue[c] && t.set(w[c], e(r.hue[c]));
   if (r.lightHue !== null)
-    for (const c of R)
-      t.set(`lh-${H[c]}`, e(r.lightHue[c]));
+    for (const c of v)
+      t.set(`lh-${w[c]}`, e(r.lightHue[c]));
   for (const c of ["dark", "light"]) {
     const n = c === "dark" ? "d" : "l";
-    for (const f of j)
-      r[c][f] !== p[c][f] && t.set(`${n}-${Y[f]}`, e(r[c][f]));
+    for (const d of B)
+      r[c][d] !== L[c][d] && t.set(`${n}-${j[d]}`, e(r[c][d]));
   }
-  for (const c of M)
-    r.radius[c] !== p.radius[c] && t.set(`r-${c}`, String(r.radius[c]));
+  for (const c of D)
+    r.radius[c] !== L.radius[c] && t.set(`r-${c}`, String(r.radius[c]));
   return a === "light" && t.set("mode", "light"), t;
 }
 function le(r) {
   const a = r.trim();
   if (a === "") return null;
-  if (a.startsWith("{")) return ae(a);
+  if (a.startsWith("{")) return ce(a);
   const t = a.includes("?") ? a.slice(a.indexOf("?") + 1) : a;
-  return re(new URLSearchParams(t));
+  return ae(new URLSearchParams(t));
 }
-function re(r) {
-  const a = D(p);
+function ae(r) {
+  const a = G(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, E(f)) : null;
-  }, o = $(r.get("name") ?? "");
+    const d = n.startsWith("#") ? n : `#${n}`;
+    return W(d) ? (t = !0, $(d)) : null;
+  }, o = M(r.get("name") ?? "");
   o !== "" && (a.name = o, t = !0);
-  for (const c of R) {
-    const n = e(H[c]);
+  for (const c of v) {
+    const n = e(w[c]);
     n !== null && (a.hue[c] = n);
   }
-  if (r.has(`lh-${H.accent}`)) {
+  if (r.has(`lh-${w.accent}`)) {
     const c = { ...a.hue };
-    for (const n of R) {
-      const f = e(`lh-${H[n]}`);
-      f !== null && (c[n] = f);
+    for (const n of v) {
+      const d = e(`lh-${w[n]}`);
+      d !== null && (c[n] = d);
     }
     a.lightHue = c;
   }
   for (const c of ["dark", "light"]) {
     const n = c === "dark" ? "d" : "l";
-    for (const f of j) {
-      const d = e(`${n}-${Y[f]}`);
-      d !== null && (a[c][f] = d);
+    for (const d of B) {
+      const f = e(`${n}-${j[d]}`);
+      f !== null && (a[c][d] = f);
     }
   }
-  for (const c of M) {
+  for (const c of D) {
     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);
   }
@@ -479,7 +479,7 @@ function re(r) {
     appearance: r.get("mode") === "light" ? "light" : "dark"
   } : null;
 }
-function ae(r) {
+function ce(r) {
   let a;
   try {
     a = JSON.parse(r);
@@ -487,15 +487,15 @@ function ae(r) {
     return null;
   }
   if (typeof a != "object" || a === null) return null;
-  const t = a, e = D(p);
+  const t = a, e = G(L);
   let o = !1;
-  const c = (n, f) => {
+  const c = (n, d) => {
     if (!(typeof n != "object" || n === null))
-      for (const [d, g] of Object.entries(n))
-        typeof g == "string" && z(g) && d in f && (f[d] = E(g), o = !0);
+      for (const [f, g] of Object.entries(n))
+        typeof g == "string" && W(g) && f in d && (d[f] = $(g), o = !0);
   };
   if (typeof t.name == "string") {
-    const n = $(t.name);
+    const n = M(t.name);
     n !== "" && (e.name = n, o = !0);
   }
   if (c(t.hue, e.hue), c(t.dark, e.dark), c(t.light, e.light), typeof t.lightHue == "object" && t.lightHue !== null) {
@@ -503,22 +503,22 @@ function ae(r) {
     c(t.lightHue, n), e.lightHue = n;
   }
   if (typeof t.radius == "object" && t.radius !== null)
-    for (const [n, f] of Object.entries(
+    for (const [n, d] 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), o = !0);
+      const f = Number(d);
+      D.includes(n) && Number.isFinite(f) && f >= 0 && f <= 999 && (e.radius[n] = Math.round(f), o = !0);
     }
   return o ? { theme: e, appearance: "dark" } : null;
 }
-const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { 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 = { sm: 8, md: 8, lg: 8, xl: 8, full: 8 }, oe = [
+const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, I = { 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 = { sm: 8, md: 8, lg: 8, xl: 8, full: 8 }, oe = [
   {
     id: "gryt",
     name: "Gryt",
     note: "What the library ships, from the Gryt code-theme.",
     group: "Gryt",
     source: "github.com/Gryt-chat/code-theme",
-    theme: p
+    theme: L
   },
   {
     /* Credits to Carlo, who made this in the generator and sent the link.
@@ -531,7 +531,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
     note: "The shipped palette, every corner at eight pixels. Made by Carlo.",
     group: "Gryt",
     source: "Carlo",
-    theme: { ...D(p), name: "Gryt Rounded", radius: ne }
+    theme: { ...G(L), name: "Gryt Rounded", radius: ne }
   },
   {
     id: "ember",
@@ -572,7 +572,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#6b5b50",
         text: "#241a14"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -614,7 +614,358 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#5b5b63",
         text: "#17171a"
       },
-      radius: T
+      radius: k
+    }
+  },
+  /*
+   * The owl palettes, as themes.
+   *
+   * Six drawings of the Gryt owl, each in a different set of colours. They were
+   * made as artwork rather than as themes, so what is here is derived from them
+   * rather than lifted: a drawing names four or five colours and a theme needs
+   * eleven hues and seven neutrals in each of two appearances.
+   *
+   * Derived in OKLCH, and the reason is visible in the result — a ramp built by
+   * darkening sRGB drifts grey, so the surfaces stop belonging to the theme
+   * about three steps down. Holding hue and chroma while moving lightness keeps
+   * Rose's greys pink and Forest's greys green, which is the whole point of a
+   * themed neutral.
+   *
+   * Secondaries are analogous rather than complementary, matching Ember above.
+   * A true complement put Indigo's secondary on orange and Ice's on tan, which
+   * read as colours borrowed from another theme.
+   *
+   * `onAccent` is chosen per theme rather than assumed: whichever of the light
+   * or dark ink has more contrast on that accent is the one that ships. Forest's
+   * sage takes dark ink at 8.1:1; Indigo's periwinkle takes light at 4.7:1.
+   *
+   * Every one is checked in both appearances — text 14.8:1 or better on its own
+   * background, muted 5.7:1 or better on its surface.
+   */
+  {
+    id: "owl-rose",
+    name: "Rose",
+    note: "Dusty rose over plum. The warmest of the six.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Rose",
+      hue: {
+        accent: "#D87489",
+        accentLight: "#EDAAAF",
+        secondary: "#d7906f",
+        secondaryLight: "#efb499",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#2b0614",
+        onSecondary: "#2b0614",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#1f020b",
+        surface: "#2b0c16",
+        surfaceRaised: "#34151e",
+        surfaceHover: "#45202b",
+        border: "#4c2933",
+        muted: "#a38b90",
+        text: "#f4ede9"
+      },
+      light: {
+        bg: "#fbf1ed",
+        surface: "#fffcfb",
+        surfaceRaised: "#fdf5f1",
+        surfaceHover: "#f3e6e1",
+        border: "#e4d6d0",
+        muted: "#765b61",
+        text: "#31151d"
+      },
+      radius: y
+    }
+  },
+  {
+    id: "owl-amber",
+    name: "Amber",
+    note: "Amber on aubergine — a warm accent over cool-dark neutrals.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Amber",
+      hue: {
+        accent: "#E39336",
+        accentLight: "#ECC07C",
+        secondary: "#c0b760",
+        secondaryLight: "#ddd793",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#1e101e",
+        onSecondary: "#1e101e",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#140814",
+        surface: "#20131f",
+        surfaceRaised: "#281c27",
+        surfaceHover: "#372836",
+        border: "#3e303d",
+        muted: "#988f97",
+        text: "#f1eee8"
+      },
+      light: {
+        bg: "#f7f3ec",
+        surface: "#fffdfa",
+        surfaceRaised: "#faf6f0",
+        surfaceHover: "#efe9df",
+        border: "#dfd8cd",
+        muted: "#6a5f69",
+        text: "#261b26"
+      },
+      radius: y
+    }
+  },
+  {
+    id: "owl-wine",
+    name: "Wine",
+    note: "Deep red throughout. Neutrals carry the same hue as the accent.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Wine",
+      hue: {
+        accent: "#CE7072",
+        accentLight: "#E29A98",
+        secondary: "#c88d61",
+        secondaryLight: "#e0b08d",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#250d16",
+        onSecondary: "#250d16",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#1a050d",
+        surface: "#261118",
+        surfaceRaised: "#2e1920",
+        surfaceHover: "#3e252e",
+        border: "#452e35",
+        muted: "#9d8d92",
+        text: "#f4edea"
+      },
+      light: {
+        bg: "#faf1ee",
+        surface: "#fffdfb",
+        surfaceRaised: "#fdf5f1",
+        surfaceHover: "#f2e7e2",
+        border: "#e3d6d0",
+        muted: "#705d63",
+        text: "#2c191f"
+      },
+      radius: y
+    }
+  },
+  {
+    id: "owl-indigo",
+    name: "Indigo",
+    note: "Periwinkle on deep indigo. The closest to the Gryt mark.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Indigo",
+      hue: {
+        accent: "#786FF6",
+        accentLight: "#9E97FA",
+        secondary: "#ba70cb",
+        secondaryLight: "#d397e1",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#121329",
+        onSecondary: "#121329",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#0a0b1e",
+        surface: "#151629",
+        surfaceRaised: "#1d1e32",
+        surfaceHover: "#2a2c42",
+        border: "#323348",
+        muted: "#8f919f",
+        text: "#eeeef3"
+      },
+      light: {
+        bg: "#f3f2f9",
+        surface: "#fdfdff",
+        surfaceRaised: "#f6f6fc",
+        surfaceHover: "#e9e8f1",
+        border: "#d9d8e2",
+        muted: "#606272",
+        text: "#1c1d2f"
+      },
+      radius: y
+    }
+  },
+  {
+    id: "owl-forest",
+    name: "Forest",
+    note: "Sage over slate. The only one whose accent is the quiet colour.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Forest",
+      hue: {
+        accent: "#98B4A1",
+        accentLight: "#C7D7CA",
+        secondary: "#a2bfbe",
+        secondaryLight: "#c5dddc",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#13161e",
+        onSecondary: "#13161e",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#0a0d14",
+        surface: "#15181f",
+        surfaceRaised: "#1d2028",
+        surfaceHover: "#2a2e36",
+        border: "#32353d",
+        muted: "#909297",
+        text: "#edefed"
+      },
+      light: {
+        bg: "#f2f4f2",
+        surface: "#fdfefd",
+        surfaceRaised: "#f5f7f6",
+        surfaceHover: "#e7eae8",
+        border: "#d7dad7",
+        muted: "#616369",
+        text: "#1d1f26"
+      },
+      radius: y
+    }
+  },
+  {
+    id: "owl-ice",
+    name: "Ice",
+    note: "Steel blue on near-white. Built light first.",
+    group: "Gryt",
+    source: "Gryt owl palettes",
+    theme: {
+      name: "Ice",
+      hue: {
+        accent: "#7495B9",
+        accentLight: "#BADDFC",
+        secondary: "#9c99bc",
+        secondaryLight: "#bcbad6",
+        success: "#69b27a",
+        danger: "#da534f",
+        dangerLight: "#f07f77",
+        warning: "#e6ac3d",
+        onAccent: "#10171e",
+        onSecondary: "#10171e",
+        onDanger: "#2b0a08"
+      },
+      lightHue: null,
+      dark: {
+        bg: "#080e14",
+        surface: "#13191f",
+        surfaceRaised: "#1b2127",
+        surfaceHover: "#272f36",
+        border: "#2f363d",
+        muted: "#8e9397",
+        text: "#eeeeef"
+      },
+      light: {
+        bg: "#f3f3f4",
+        surface: "#fdfdfe",
+        surfaceRaised: "#f6f7f8",
+        surfaceHover: "#e9e9eb",
+        border: "#d8d9da",
+        muted: "#5f6469",
+        text: "#1a2025"
+      },
+      radius: y
+    }
+  },
+  {
+    /* Four photographs: snow-loaded spruces through a gym window, a dark room
+           lit by white strips, a white can on black rubber, grey sweatpants.
+    
+           Paper is already near-monochrome, so this earns its place by being cold
+           rather than neutral. Every grey carries the blue that overcast snow
+           light has — Paper's are hueless, and side by side the difference is the
+           whole theme.
+    
+           The accent is the white can on the black floor, which is why this is the
+           only Gryt preset with a split `lightHue`. A near-white accent is the
+           point in the dark half and invisible in the light one, so light gets the
+           colour of a wet window frame instead and keeps the same job. */
+    id: "winter-arc",
+    name: "Winter Arc",
+    note: "Cold monochrome. A near-white accent in the dark, snow-light greys.",
+    group: "Gryt",
+    theme: {
+      name: "Winter Arc",
+      hue: {
+        accent: "#dce6ec",
+        accentLight: "#f0f6f9",
+        secondary: "#7d95a3",
+        secondaryLight: "#9db1bc",
+        success: "#7fa88d",
+        danger: "#c2686b",
+        dangerLight: "#d68b8d",
+        warning: "#b9a068",
+        onAccent: "#0b0d0f",
+        onSecondary: "#0b1114",
+        onDanger: "#1b0c0d"
+      },
+      lightHue: {
+        accent: "#2b3a44",
+        accentLight: "#43596a",
+        secondary: "#55707f",
+        secondaryLight: "#6f8b9a",
+        success: "#4a7059",
+        danger: "#a4494c",
+        dangerLight: "#b96b6e",
+        warning: "#856c33",
+        onAccent: "#eef3f6",
+        onSecondary: "#eef3f6",
+        onDanger: "#fdf2f2"
+      },
+      dark: {
+        bg: "#0b0d0f",
+        surface: "#111417",
+        surfaceRaised: "#171b1f",
+        surfaceHover: "#1f252a",
+        border: "#2a3238",
+        muted: "#8b979f",
+        text: "#eef3f6"
+      },
+      light: {
+        bg: "#eaeef1",
+        surface: "#ffffff",
+        surfaceRaised: "#f4f7f9",
+        surfaceHover: "#dde4e9",
+        border: "#c6d0d7",
+        muted: "#55626b",
+        text: "#0f1417"
+      },
+      /* Hard corners on purpose. The reference is window mullions, plate
+         edges and rubber floor tiles, and Paper already has the soft set. */
+      radius: I
     }
   },
   {
@@ -715,7 +1066,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#6c664b",
         text: "#1f1f1f"
       },
-      radius: T
+      radius: k
     }
   },
   {
@@ -773,7 +1124,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#4c566a",
         text: "#2e3440"
       },
-      radius: T
+      radius: k
     }
   },
   {
@@ -832,7 +1183,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#6c6f85",
         text: "#4c4f69"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -892,7 +1243,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#59636e",
         text: "#1f2328"
       },
-      radius: ce
+      radius: I
     }
   },
   {
@@ -940,7 +1291,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, T = { sm: 6, md: 8, lg:
         muted: "#87867f",
         text: "#141413"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -1149,41 +1500,41 @@ function xe(r, a) {
   return c + (n - c) * o;
 }
 export {
-  R as GRYT_HUE_KEYS,
-  j as GRYT_NEUTRAL_KEYS,
-  M as GRYT_RADIUS_KEYS,
-  V as GRYT_THEME_NAME_MAX,
-  w as alphaScale,
-  D as cloneGrytTheme,
+  v as GRYT_HUE_KEYS,
+  B as GRYT_NEUTRAL_KEYS,
+  D as GRYT_RADIUS_KEYS,
+  Z as GRYT_THEME_NAME_MAX,
+  S as alphaScale,
+  G as cloneGrytTheme,
   se as contrast,
   ue as createGrytTheme,
   le as decodeGrytTheme,
   ie as encodeGrytTheme,
-  fe as grytAlphaScales,
-  de as grytAlphaScalesLight,
+  de as grytAlphaScales,
+  fe as grytAlphaScalesLight,
   Le as grytDrawerBleed,
   me as grytDurations,
   l as grytLightTokens,
   oe as grytPresets,
   he as grytPresetsById,
   pe as grytScaleSteps,
-  _ as grytScales,
-  A as grytScalesLight,
-  p as grytTheme,
-  Z as grytThemeHues,
+  C as grytScales,
+  T as grytScalesLight,
+  L as grytTheme,
+  ee as grytThemeHues,
   ge as grytThemeToOptions,
   s as grytTokens,
-  S as hexToOklch,
-  x as hexToRgb,
+  R as hexToOklch,
+  H as hexToRgb,
   h as hueScale,
   b as hueScaleLight,
-  z as isHexColor,
+  W as isHexColor,
   U as neutralScale,
-  C as neutralScaleLight,
-  E as normalizeHexColor,
-  $ as normalizeThemeName,
-  y as oklchToHex,
-  I as rgbToHex,
+  F as neutralScaleLight,
+  $ as normalizeHexColor,
+  M as normalizeThemeName,
+  m as oklchToHex,
+  N as rgbToHex,
   xe as sampleCurve,
   be as springSamples,
   ye as springTightSamples