@gryt/theme 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,13 +1,13 @@
-function G(r) {
+function P(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,38 +15,38 @@ function x(r) {
     parseInt(t.slice(4, 6), 16) / 255
   ];
 }
-function N([r, a, t]) {
-  const e = (o) => Math.round(L(o) * 255).toString(16).padStart(2, "0");
+function _([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(G), o = Math.cbrt(
+function R(r) {
+  const [a, t, e] = H(r).map(P), 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 N([
-    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 _([
+    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 = [
   0.187,
@@ -61,7 +61,7 @@ const W = [
   0.57,
   0.627,
   0.908
-], K = [
+], q = [
   0.011,
   0.014,
   0.016,
@@ -75,7 +75,7 @@ const W = [
   0,
   8e-3
 ];
-function I(r) {
+function N(r) {
   const a = {
     0: r.bg,
     1: r.surface,
@@ -83,28 +83,28 @@ function I(r) {
     5: r.border,
     10: r.muted,
     11: r.text
-  }, t = S(r.border).h;
+  }, t = R(r.border).h;
   return W.map(
-    (e, o) => a[o] ?? y({ l: e, c: K[o], h: t })
+    (e, o) => a[o] ?? m({ l: e, c: q[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 = N(
-      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 = _(
+      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 K = [
   0.962,
   1,
   0.978,
@@ -139,22 +139,22 @@ function U(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 K.map(
+    (e, o) => a[o] ?? m({ l: e, c: J[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 = X.map(
+    (c, n) => m({ l: c, c: Q[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 E(r) {
-  const [a, t, e] = x(r).map(G);
+  const [a, t, e] = H(r).map(P);
   return 0.2126 * a + 0.7152 * t + 0.0722 * e;
 }
-function oe(r, a) {
+function se(r, a) {
   const t = E(r), e = E(a);
   return (Math.max(t, e) + 0.05) / (Math.min(t, e) + 0.05);
 }
@@ -196,8 +196,8 @@ const s = {
   border: "#dadde6",
   muted: "#5b5d65",
   text: "#1f2129"
-}, _ = {
-  neutral: I({
+}, C = {
+  neutral: N({
     bg: s.color.bg,
     surface: s.color.surface,
     surfaceRaised: s.color.surfaceRaised,
@@ -220,18 +220,18 @@ const s = {
   success: b(s.color.success),
   danger: b(s.color.danger),
   warning: b(s.color.warning)
-}, C = T.neutral[3], se = {
-  neutral: w(_.neutral, s.color.bg),
-  accent: w(_.accent, s.color.bg)
+}, F = T.neutral[3], de = {
+  neutral: S(C.neutral, s.color.bg),
+  accent: S(C.accent, s.color.bg)
 }, fe = {
-  neutral: w(T.neutral, l.bg),
-  accent: w(T.accent, l.bg)
+  neutral: S(T.neutral, l.bg),
+  accent: S(T.accent, l.bg)
 };
-function de(r = {}) {
+function ue(r = {}) {
   const a = r.appearance === "light", e = { ...a ? {
     ...s.color,
     ...l,
-    surfaceHover: C
+    surfaceHover: F
   } : s.color, ...r.color }, o = { ...s.radius, ...r.radius }, c = {
     bg: e.bg,
     surface: e.surface,
@@ -247,23 +247,23 @@ function de(r = {}) {
     danger: b(e.danger),
     warning: b(e.warning)
   } : {
-    neutral: I(c),
+    neutral: N(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))
+  }, 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 de(r = {}) {
     "--gryt-radius-full": `${o.full}px`
   };
 }
-const R = [
+const v = [
   "accent",
   "accentLight",
   "secondary",
@@ -330,11 +330,11 @@ const R = [
   "border",
   "muted",
   "text"
-], M = ["sm", "md", "lg", "xl", "full"], V = 60;
-function $(r) {
+], D = ["sm", "md", "lg", "xl", "full"], V = 60;
+function M(r) {
   return r.replace(/\s+/g, " ").trim().slice(0, V);
 }
-const p = {
+const L = {
   hue: {
     accent: s.color.accent,
     accentLight: s.color.accentLight,
@@ -362,14 +362,14 @@ const p = {
     bg: l.bg,
     surface: l.surface,
     surfaceRaised: l.surfaceRaised,
-    surfaceHover: C,
+    surfaceHover: F,
     border: l.border,
     muted: l.muted,
     text: l.text
   },
   radius: { ...s.radius }
 };
-function j(r) {
+function G(r) {
   return {
     ...r.name === void 0 ? {} : { name: r.name },
     hue: { ...r.hue },
@@ -382,14 +382,14 @@ function j(r) {
 function Z(r, a) {
   return a === "light" && r.lightHue !== null ? r.lightHue : r.hue;
 }
-function ue(r, a) {
+function ge(r, a) {
   return {
     appearance: a,
     color: { ...Z(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 = {
+}, B = {
   bg: "bg",
   surface: "surface",
   surfaceRaised: "raised",
@@ -410,31 +410,31 @@ const H = {
   muted: "muted",
   text: "text"
 }, ee = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function z(r) {
+function j(r) {
   return ee.test(r.trim());
 }
-function D(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 ge(r, a) {
-  const t = new URLSearchParams(), e = (c) => D(c).slice(1), o = $(r.name ?? "");
+function ie(r, a) {
+  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 O)
-      r[c][f] !== p[c][f] && t.set(`${n}-${Y[f]}`, e(r[c][f]));
+    for (const d of O)
+      r[c][d] !== L[c][d] && t.set(`${n}-${B[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 ie(r) {
+function le(r) {
   const a = r.trim();
   if (a === "") return null;
   if (a.startsWith("{")) return ae(a);
@@ -442,35 +442,35 @@ function ie(r) {
   return re(new URLSearchParams(t));
 }
 function re(r) {
-  const a = j(p);
+  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, D(f)) : null;
-  }, o = $(r.get("name") ?? "");
+    const d = n.startsWith("#") ? n : `#${n}`;
+    return j(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 O) {
-      const d = e(`${n}-${Y[f]}`);
-      d !== null && (a[c][f] = d);
+    for (const d of O) {
+      const f = e(`${n}-${B[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);
   }
@@ -487,15 +487,15 @@ function ae(r) {
     return null;
   }
   if (typeof a != "object" || a === null) return null;
-  const t = a, e = j(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] = D(g), o = !0);
+      for (const [f, g] of Object.entries(n))
+        typeof g == "string" && j(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,35 @@ 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 }, A = { 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 = [
+const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { 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 }, I = { 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.
+       Same colours as above — the only change is the radius, and the one that
+       matters is `full`: it drops 999 to 8, so the controls that were pills
+       (buttons, the search field, badges) become rectangles with the same
+       corner as everything else. */
+    id: "gryt-rounded",
+    name: "Gryt Rounded",
+    note: "The shipped palette, every corner at eight pixels. Made by Carlo.",
+    group: "Gryt",
+    source: "Carlo",
+    theme: { ...G(L), name: "Gryt Rounded", radius: ne }
   },
   {
     id: "ember",
@@ -559,7 +572,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#6b5b50",
         text: "#241a14"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -601,7 +614,290 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#5b5b63",
         text: "#17171a"
       },
-      radius: A
+      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
     }
   },
   {
@@ -643,7 +939,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#3d3d3d",
         text: "#000000"
       },
-      radius: P
+      radius: I
     }
   },
   {
@@ -702,7 +998,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#6c664b",
         text: "#1f1f1f"
       },
-      radius: A
+      radius: k
     }
   },
   {
@@ -760,7 +1056,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#4c566a",
         text: "#2e3440"
       },
-      radius: A
+      radius: k
     }
   },
   {
@@ -819,7 +1115,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#6c6f85",
         text: "#4c4f69"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -927,7 +1223,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#87867f",
         text: "#141413"
       },
-      radius: k
+      radius: y
     }
   },
   {
@@ -1035,12 +1331,12 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#586e75",
         text: "#073642"
       },
-      radius: P
+      radius: I
     }
   }
-], le = new Map(
-  ne.map((r) => [r.id, r])
-), he = [
+], he = new Map(
+  oe.map((r) => [r.id, r])
+), be = [
   0,
   0.1217,
   0.3812,
@@ -1068,7 +1364,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
   1.0004,
   1.0001,
   1
-], be = [
+], ye = [
   0,
   0.0496,
   0.1585,
@@ -1096,7 +1392,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
   0.9981,
   0.9986,
   1
-], ye = {
+], me = {
   /** Most interactions. */
   spring: 500,
   /** Drawer, where the travel is the width of a panel. */
@@ -1118,7 +1414,7 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
    * that a second pass starts before you wonder whether it has stopped.
    */
   sweep: 1400
-}, me = {
+}, pe = {
   button: { hover: 1.03, press: 0.96 },
   iconButton: { hover: 1.06, press: 0.94 },
   checkbox: { hover: 1.08, press: 0.92 },
@@ -1127,8 +1423,8 @@ const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
   toggle: { hover: 1.06, press: 0.94 },
   toast: { hover: 1.04, press: 0.96 },
   sliderThumb: { hover: 1.12, press: 0.94 }
-}, pe = 64;
-function Le(r, a) {
+}, Le = 64;
+function xe(r, a) {
   if (r.length === 0) return a;
   if (a <= 0) return r[0];
   if (a >= 1) return r[r.length - 1];
@@ -1136,43 +1432,43 @@ function Le(r, a) {
   return c + (n - c) * o;
 }
 export {
-  R as GRYT_HUE_KEYS,
+  v as GRYT_HUE_KEYS,
   O as GRYT_NEUTRAL_KEYS,
-  M as GRYT_RADIUS_KEYS,
+  D 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,
+  S as alphaScale,
+  G as cloneGrytTheme,
+  se as contrast,
+  ue as createGrytTheme,
+  le as decodeGrytTheme,
+  ie as encodeGrytTheme,
+  de as grytAlphaScales,
   fe as grytAlphaScalesLight,
-  pe as grytDrawerBleed,
-  ye as grytDurations,
+  Le as grytDrawerBleed,
+  me as grytDurations,
   l as grytLightTokens,
-  ne as grytPresets,
-  le as grytPresetsById,
-  me as grytScaleSteps,
-  _ as grytScales,
+  oe as grytPresets,
+  he as grytPresetsById,
+  pe as grytScaleSteps,
+  C as grytScales,
   T as grytScalesLight,
-  p as grytTheme,
+  L as grytTheme,
   Z as grytThemeHues,
-  ue as grytThemeToOptions,
+  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,
-  I as neutralScale,
+  j as isHexColor,
+  N as neutralScale,
   U as neutralScaleLight,
-  D as normalizeHexColor,
-  $ as normalizeThemeName,
-  y as oklchToHex,
-  N as rgbToHex,
-  Le as sampleCurve,
-  he as springSamples,
-  be as springTightSamples
+  $ as normalizeHexColor,
+  M as normalizeThemeName,
+  m as oklchToHex,
+  _ as rgbToHex,
+  xe as sampleCurve,
+  be as springSamples,
+  ye as springTightSamples
 };
 //# sourceMappingURL=index.js.map