@gryt/theme 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,54 +1,149 @@
-function P(r) {
-  return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+const re = [
+  0,
+  0.1217,
+  0.3812,
+  0.6579,
+  0.883,
+  1.0304,
+  1.1034,
+  1.12,
+  1.1025,
+  1.0705,
+  1.0376,
+  1.0115,
+  0.9949,
+  0.987,
+  0.9857,
+  0.9881,
+  0.992,
+  0.9959,
+  0.9989,
+  1.0008,
+  1.0016,
+  1.0017,
+  1.0014,
+  1.0009,
+  1.0004,
+  1.0001,
+  1
+], M = [
+  0,
+  0.0496,
+  0.1585,
+  0.2869,
+  0.4135,
+  0.5279,
+  0.6263,
+  0.7079,
+  0.7741,
+  0.8268,
+  0.8681,
+  0.9002,
+  0.9249,
+  0.9437,
+  0.958,
+  0.9688,
+  0.9768,
+  0.9829,
+  0.9874,
+  0.9907,
+  0.9932,
+  0.995,
+  0.9963,
+  0.9973,
+  0.9981,
+  0.9986,
+  1
+], ae = {
+  /** Most interactions. */
+  spring: 500,
+  /** Drawer, where the travel is the width of a panel. */
+  springSoft: 700,
+  /**
+   * For something that travels further than its own width.
+   *
+   * A bottom sheet comes up from off the screen and covers most of it, which is
+   * a longer journey than a drawer's. Reusing `springSoft` there meant the same
+   * time over more distance, and it read as a snap.
+   */
+  springSlow: 900,
+  /** Colour changes, which should not feel sprung. */
+  fast: 150,
+  /**
+   * One pass of an indeterminate Progress bar across its track.
+   *
+   * Long enough to read as "working" rather than "flickering", short enough
+   * that a second pass starts before you wonder whether it has stopped.
+   */
+  sweep: 1400
+}, ve = {
+  button: { hover: 1.03, press: 0.96 },
+  iconButton: { hover: 1.06, press: 0.94 },
+  checkbox: { hover: 1.08, press: 0.92 },
+  radio: { hover: 1.08, press: 0.92 },
+  switch: { hover: 1.05, press: 0.95 },
+  toggle: { hover: 1.06, press: 0.94 },
+  toast: { hover: 1.04, press: 0.96 },
+  sliderThumb: { hover: 1.12, press: 0.94 }
+}, Re = 64;
+function Ae(e, a) {
+  if (e.length === 0) return a;
+  if (a <= 0) return e[0];
+  if (a >= 1) return e[e.length - 1];
+  const n = (e.length - 1) * a, r = Math.floor(n), o = n - r, t = e[r], c = e[r + 1] ?? t;
+  return t + (c - t) * o;
+}
+function Y(e) {
+  return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
 }
-function A(r) {
-  return r <= 31308e-7 ? 12.92 * r : 1.055 * r ** (1 / 2.4) - 0.055;
+function $(e) {
+  return e <= 31308e-7 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - 0.055;
 }
-function x(r) {
-  return Math.min(1, Math.max(0, r));
+function H(e) {
+  return Math.min(1, Math.max(0, e));
 }
-function H(r) {
-  const a = r.replace("#", ""), t = a.length === 3 ? a.split("").map((e) => e + e).join("") : a;
+function w(e) {
+  const a = e.replace("#", ""), n = a.length === 3 ? a.split("").map((r) => r + r).join("") : a;
   return [
-    parseInt(t.slice(0, 2), 16) / 255,
-    parseInt(t.slice(2, 4), 16) / 255,
-    parseInt(t.slice(4, 6), 16) / 255
+    parseInt(n.slice(0, 2), 16) / 255,
+    parseInt(n.slice(2, 4), 16) / 255,
+    parseInt(n.slice(4, 6), 16) / 255
   ];
 }
-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 B([e, a, n]) {
+  const r = (o) => Math.round(H(o) * 255).toString(16).padStart(2, "0");
+  return `#${r(e)}${r(a)}${r(n)}`;
 }
-function R(r) {
-  const [a, t, e] = H(r).map(P), o = Math.cbrt(
-    0.4122214708 * a + 0.5363325363 * t + 0.0514459929 * e
+function A(e) {
+  const [a, n, r] = w(e).map(Y), o = Math.cbrt(
+    0.4122214708 * a + 0.5363325363 * n + 0.0514459929 * r
+  ), t = Math.cbrt(
+    0.2119034982 * a + 0.6806995451 * n + 0.1073969566 * r
   ), c = Math.cbrt(
-    0.2119034982 * a + 0.6806995451 * t + 0.1073969566 * e
-  ), n = Math.cbrt(
-    0.0883024619 * a + 0.2817188376 * t + 0.6299787005 * e
-  ), 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;
+    0.0883024619 * a + 0.2817188376 * n + 0.6299787005 * r
+  ), s = 0.2104542553 * o + 0.793617785 * t - 0.0040720468 * c, i = 1.9779984951 * o - 2.428592205 * t + 0.4505937099 * c, g = 0.0259040371 * o + 0.7827717662 * t - 0.808675766 * c;
   return {
-    l: d,
-    c: Math.hypot(f, g),
-    h: (Math.atan2(g, f) * 180 / Math.PI + 360) % 360
+    l: s,
+    c: Math.hypot(i, g),
+    h: (Math.atan2(g, i) * 180 / Math.PI + 360) % 360
   };
 }
-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))
+function L({ l: e, c: a, h: n }) {
+  const r = a * Math.cos(n * Math.PI / 180), o = a * Math.sin(n * Math.PI / 180), t = (e + 0.3963377774 * r + 0.2158037573 * o) ** 3, c = (e - 0.1055613458 * r - 0.0638541728 * o) ** 3, s = (e - 0.0894841775 * r - 1.291485548 * o) ** 3;
+  return B([
+    $(H(4.0767416621 * t - 3.3077115913 * c + 0.2309699292 * s)),
+    $(H(-1.2684380046 * t + 2.6097574011 * c - 0.3413193965 * s)),
+    $(H(-0.0041960863 * t - 0.7034186147 * c + 1.707614701 * s))
   ]);
 }
-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 } = R(r), e = Y.map((d, f) => m({ l: d, c: z[f], h: t }));
-  e.push(r, a);
-  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 te = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], ne = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
+function y(e, a) {
+  const { h: n } = A(e), r = te.map((s, i) => L({ l: s, c: ne[i], h: n }));
+  r.push(e, a);
+  const o = A(a).l, t = Math.min(0.95, Math.max(0.84, o + 0.04)), c = Math.min(0.98, Math.max(t + 0.06, 0.93));
+  return r.push(L({ l: t, c: 0.11, h: n })), r.push(L({ l: c, c: 0.055, h: n })), r;
 }
-const W = [
+const ce = [
   0.187,
   0.231,
   0.245,
@@ -61,7 +156,7 @@ const W = [
   0.57,
   0.627,
   0.908
-], q = [
+], oe = [
   0.011,
   0.014,
   0.016,
@@ -75,36 +170,36 @@ const W = [
   0,
   8e-3
 ];
-function N(r) {
+function z(e) {
   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 W.map(
-    (e, o) => a[o] ?? m({ l: e, c: q[o], h: t })
+    0: e.bg,
+    1: e.surface,
+    2: e.surfaceRaised,
+    5: e.border,
+    10: e.muted,
+    11: e.text
+  }, n = A(e.border).h;
+  return ce.map(
+    (r, o) => a[o] ?? L({ l: r, c: oe[o], h: n })
   );
 }
-function S(r, a) {
-  const t = H(a);
-  return r.map((e) => {
-    const o = H(e);
-    let c = 0;
-    for (let u = 0; u < 3; u++) {
-      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));
+function S(e, a) {
+  const n = w(a);
+  return e.map((r) => {
+    const o = w(r);
+    let t = 0;
+    for (let l = 0; l < 3; l++) {
+      const u = o[l], d = n[l];
+      u > d ? t = Math.max(t, d < 1 ? (u - d) / (1 - d) : 0) : u < d && (t = Math.max(t, d > 0 ? (d - u) / d : 0));
     }
-    if (c < 1e-6) return "transparent";
-    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)}%)`;
+    if (t < 1e-6) return "transparent";
+    const c = B(
+      o.map((l, u) => H(n[u] + (l - n[u]) / t))
+    ), [s, i, g] = w(c).map((l) => Math.round(l * 255));
+    return `rgb(${s} ${i} ${g} / ${(t * 100).toFixed(1)}%)`;
   });
 }
-const K = [
+const se = [
   0.962,
   1,
   0.978,
@@ -117,7 +212,7 @@ const K = [
   0.61,
   0.48,
   0.25
-], J = [
+], fe = [
   6e-3,
   0,
   4e-3,
@@ -130,35 +225,35 @@ const K = [
   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) {
+], de = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], ie = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
+function W(e) {
   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 K.map(
-    (e, o) => a[o] ?? m({ l: e, c: J[o], h: t })
+    0: e.bg,
+    1: e.surface,
+    2: e.surfaceRaised,
+    5: e.border,
+    10: e.muted,
+    11: e.text
+  }, n = A(e.border).h;
+  return se.map(
+    (r, o) => a[o] ?? L({ l: r, c: fe[o], h: n })
   );
 }
-function b(r) {
-  const { l: a, c: t, h: e } = R(r), o = X.map(
-    (c, n) => m({ l: c, c: Q[n], h: e })
+function m(e) {
+  const { l: a, c: n, h: r } = A(e), o = de.map(
+    (t, c) => L({ l: t, c: ie[c], h: r })
   );
-  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;
+  return o.push(e), o.push(L({ l: Math.max(0, a - 0.07), c: n, h: r })), o.push(L({ l: 0.46, c: 0.15, h: r })), o.push(L({ l: 0.33, c: 0.1, h: r })), o;
 }
-function E(r) {
-  const [a, t, e] = H(r).map(P);
-  return 0.2126 * a + 0.7152 * t + 0.0722 * e;
+function F(e) {
+  const [a, n, r] = w(e).map(Y);
+  return 0.2126 * a + 0.7152 * n + 0.0722 * r;
 }
-function se(r, a) {
-  const t = E(r), e = E(a);
-  return (Math.max(t, e) + 0.05) / (Math.min(t, e) + 0.05);
+function Se(e, a) {
+  const n = F(e), r = F(a);
+  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
-const s = {
+const f = {
   color: {
     bg: "#111318",
     surface: "#1a1d24",
@@ -189,120 +284,138 @@ const s = {
     xl: 28,
     full: 999
   }
-}, l = {
+}, b = {
   bg: "#f1f2f7",
   surface: "#ffffff",
   surfaceRaised: "#f7f8fb",
   border: "#dadde6",
   muted: "#5b5d65",
   text: "#1f2129"
-}, C = {
-  neutral: N({
-    bg: s.color.bg,
-    surface: s.color.surface,
-    surfaceRaised: s.color.surfaceRaised,
-    border: s.color.border,
-    muted: s.color.muted,
-    text: s.color.text
+}, O = {
+  neutral: z({
+    bg: f.color.bg,
+    surface: f.color.surface,
+    surfaceRaised: f.color.surfaceRaised,
+    border: f.color.border,
+    muted: f.color.muted,
+    text: f.color.text
   }),
-  accent: h(s.color.accent, s.color.accentLight),
-  secondary: h(
-    s.color.secondary,
-    s.color.secondaryLight
+  accent: y(f.color.accent, f.color.accentLight),
+  secondary: y(
+    f.color.secondary,
+    f.color.secondaryLight
   ),
-  success: h(s.color.success, s.color.success),
-  danger: h(s.color.danger, s.color.dangerLight),
-  warning: h(s.color.warning, s.color.warning)
-}, T = {
-  neutral: U(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)
-}, F = 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)
+  success: y(f.color.success, f.color.success),
+  danger: y(f.color.danger, f.color.dangerLight),
+  warning: y(f.color.warning, f.color.warning)
+}, G = {
+  neutral: W(b),
+  accent: m(f.color.accent),
+  secondary: m(f.color.secondary),
+  success: m(f.color.success),
+  danger: m(f.color.danger),
+  warning: m(f.color.warning)
+}, K = G.neutral[3], ke = {
+  neutral: S(O.neutral, f.color.bg),
+  accent: S(O.accent, f.color.bg)
+}, Te = {
+  neutral: S(G.neutral, b.bg),
+  accent: S(G.accent, b.bg)
 };
-function ue(r = {}) {
-  const a = r.appearance === "light", e = { ...a ? {
-    ...s.color,
-    ...l,
-    surfaceHover: F
-  } : s.color, ...r.color }, o = { ...s.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)
+function Me(e = {}) {
+  const a = e.appearance === "light", r = { ...a ? {
+    ...f.color,
+    ...b,
+    surfaceHover: K
+  } : f.color, ...e.color }, o = { ...f.radius, ...e.radius }, t = {
+    bg: r.bg,
+    surface: r.surface,
+    surfaceRaised: r.surfaceRaised,
+    border: r.border,
+    muted: r.muted,
+    text: r.text
+  }, c = a ? {
+    neutral: W(t),
+    accent: m(r.accent),
+    secondary: m(r.secondary),
+    success: m(r.success),
+    danger: m(r.danger),
+    warning: m(r.warning)
   } : {
-    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)
-  }, d = {};
-  for (const [f, g] of Object.entries(n))
-    g.forEach((u, i) => {
-      d[`--gryt-${f}-${i + 1}`] = u, d[`--color-gryt-${f}-${i + 1}`] = u;
+    neutral: z(t),
+    accent: y(r.accent, r.accentLight),
+    secondary: y(r.secondary, r.secondaryLight),
+    success: y(r.success, r.success),
+    danger: y(r.danger, r.dangerLight),
+    warning: y(r.warning, r.warning)
+  }, s = {};
+  for (const [u, d] of Object.entries(c))
+    d.forEach((h, k) => {
+      s[`--gryt-${u}-${k + 1}`] = h, s[`--color-gryt-${u}-${k + 1}`] = h;
     });
-  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;
+  for (const u of ["neutral", "accent"])
+    S(c[u], r.bg).forEach((d, h) => {
+      s[`--gryt-${u}-a${h + 1}`] = d, s[`--color-gryt-${u}-a${h + 1}`] = d;
     });
+  const i = (u) => `linear(${u.map((d) => Number(d.toFixed(4))).join(", ")})`, g = {};
+  if (e.motion !== void 0) {
+    const { scale: u, curve: d } = e.motion;
+    if (u !== 1)
+      for (const [h, k] of Object.entries(ae)) {
+        const Q = h.replace(/[A-Z]/g, (ee) => `-${ee.toLowerCase()}`);
+        g[`--gryt-dur-${Q}`] = `${Math.round(k * u)}ms`;
+      }
+    if (Array.isArray(d)) {
+      const h = `cubic-bezier(${d.join(", ")})`;
+      g["--ease-spring"] = h, g["--ease-spring-tight"] = h;
+    } else d === "smooth" ? (g["--ease-spring"] = i(M), g["--ease-spring-tight"] = i(M)) : d === "linear" ? (g["--ease-spring"] = "linear", g["--ease-spring-tight"] = "linear") : (g["--ease-spring"] = i(re), g["--ease-spring-tight"] = i(M));
+  }
+  const l = {};
+  for (const [u, d] of Object.entries(e.fonts ?? {}))
+    typeof d == "string" && d.trim() !== "" && (l[`--gryt-font-${u}`] = d);
   return {
-    ...d,
-    "--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,
+    ...s,
+    ...g,
+    ...l,
+    "--gryt-bg": r.bg,
+    "--gryt-surface": r.surface,
+    "--gryt-surface-raised": r.surfaceRaised,
+    "--gryt-surface-hover": r.surfaceHover,
+    "--gryt-border": r.border,
+    "--gryt-text": r.text,
+    "--gryt-muted": r.muted,
+    "--gryt-accent": r.accent,
+    "--gryt-accent-light": r.accentLight,
+    "--gryt-secondary": r.secondary,
+    "--gryt-secondary-light": r.secondaryLight,
+    "--gryt-success": r.success,
+    "--gryt-danger": r.danger,
+    "--gryt-danger-light": r.dangerLight,
+    "--gryt-warning": r.warning,
+    "--gryt-on-accent": r.onAccent,
+    "--gryt-on-secondary": r.onSecondary,
+    "--gryt-on-danger": r.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,
+    "--color-gryt-bg": r.bg,
+    "--color-gryt-surface": r.surface,
+    "--color-gryt-surface-raised": r.surfaceRaised,
+    "--color-gryt-surface-hover": r.surfaceHover,
+    "--color-gryt-border": r.border,
+    "--color-gryt-text": r.text,
+    "--color-gryt-muted": r.muted,
+    "--color-gryt-accent": r.accent,
+    "--color-gryt-accent-light": r.accentLight,
+    "--color-gryt-secondary": r.secondary,
+    "--color-gryt-secondary-light": r.secondaryLight,
+    "--color-gryt-success": r.success,
+    "--color-gryt-danger": r.danger,
+    "--color-gryt-danger-light": r.dangerLight,
+    "--color-gryt-warning": r.warning,
+    "--color-gryt-on-accent": r.onAccent,
+    "--color-gryt-on-secondary": r.onSecondary,
+    "--color-gryt-on-danger": r.onDanger,
     "--gryt-radius-sm": `${o.sm}px`,
     "--gryt-radius-md": `${o.md}px`,
     "--gryt-radius-lg": `${o.lg}px`,
@@ -310,7 +423,7 @@ function ue(r = {}) {
     "--gryt-radius-full": `${o.full}px`
   };
 }
-const v = [
+const T = [
   "accent",
   "accentLight",
   "secondary",
@@ -322,7 +435,7 @@ const v = [
   "onAccent",
   "onSecondary",
   "onDanger"
-], O = [
+], V = [
   "bg",
   "surface",
   "surfaceRaised",
@@ -330,66 +443,95 @@ const v = [
   "border",
   "muted",
   "text"
-], D = ["sm", "md", "lg", "xl", "full"], V = 60;
-function M(r) {
-  return r.replace(/\s+/g, " ").trim().slice(0, V);
+], E = ["sm", "md", "lg", "xl", "full"], _ = ["body", "display", "mono"], ue = ["spring", "smooth", "linear"], N = {
+  body: '"Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif',
+  display: '"Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif',
+  mono: '"Atkinson Hyperlegible Mono", ui-monospace, Menlo, Consolas, monospace'
+}, v = { scale: 1, curve: "spring" }, ge = 3;
+function X(e) {
+  return Array.isArray(e);
+}
+function le(e) {
+  if (!Array.isArray(e) || e.length !== 4) return !1;
+  const [a, n, r, o] = e;
+  return ![a, n, r, o].every((t) => typeof t == "number" && Number.isFinite(t)) || a < 0 || a > 1 || r < 0 || r > 1 ? !1 : Math.abs(n) <= 10 && Math.abs(o) <= 10;
 }
-const L = {
+const he = 200;
+function q(e) {
+  const a = e.trim();
+  return a === "" || a.length > he ? !1 : !/[;{}()<>\\]|\/\*|@import|url\s*\(/i.test(a);
+}
+const be = 60;
+function C(e) {
+  return e.replace(/\s+/g, " ").trim().slice(0, be);
+}
+const x = {
   hue: {
-    accent: s.color.accent,
-    accentLight: s.color.accentLight,
-    secondary: s.color.secondary,
-    secondaryLight: s.color.secondaryLight,
-    success: s.color.success,
-    danger: s.color.danger,
-    dangerLight: s.color.dangerLight,
-    warning: s.color.warning,
-    onAccent: s.color.onAccent,
-    onSecondary: s.color.onSecondary,
-    onDanger: s.color.onDanger
+    accent: f.color.accent,
+    accentLight: f.color.accentLight,
+    secondary: f.color.secondary,
+    secondaryLight: f.color.secondaryLight,
+    success: f.color.success,
+    danger: f.color.danger,
+    dangerLight: f.color.dangerLight,
+    warning: f.color.warning,
+    onAccent: f.color.onAccent,
+    onSecondary: f.color.onSecondary,
+    onDanger: f.color.onDanger
   },
   lightHue: null,
   dark: {
-    bg: s.color.bg,
-    surface: s.color.surface,
-    surfaceRaised: s.color.surfaceRaised,
-    surfaceHover: s.color.surfaceHover,
-    border: s.color.border,
-    muted: s.color.muted,
-    text: s.color.text
+    bg: f.color.bg,
+    surface: f.color.surface,
+    surfaceRaised: f.color.surfaceRaised,
+    surfaceHover: f.color.surfaceHover,
+    border: f.color.border,
+    muted: f.color.muted,
+    text: f.color.text
   },
   light: {
-    bg: l.bg,
-    surface: l.surface,
-    surfaceRaised: l.surfaceRaised,
-    surfaceHover: F,
-    border: l.border,
-    muted: l.muted,
-    text: l.text
+    bg: b.bg,
+    surface: b.surface,
+    surfaceRaised: b.surfaceRaised,
+    surfaceHover: K,
+    border: b.border,
+    muted: b.muted,
+    text: b.text
   },
-  radius: { ...s.radius }
+  radius: { ...f.radius }
 };
-function G(r) {
+function I(e) {
   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 }
+    ...e.name === void 0 ? {} : { name: e.name },
+    hue: { ...e.hue },
+    lightHue: e.lightHue === null ? null : { ...e.lightHue },
+    dark: { ...e.dark },
+    light: { ...e.light },
+    radius: { ...e.radius },
+    ...e.fonts == null ? {} : { fonts: { ...e.fonts } },
+    ...e.motion == null ? {} : {
+      motion: {
+        scale: e.motion.scale,
+        curve: X(e.motion.curve) ? [...e.motion.curve] : e.motion.curve
+      }
+    }
   };
 }
-function Z(r, a) {
-  return a === "light" && r.lightHue !== null ? r.lightHue : r.hue;
+function ye(e, a) {
+  return a === "light" && e.lightHue !== null ? e.lightHue : e.hue;
 }
-function ge(r, a) {
+function $e(e, a) {
   return {
     appearance: a,
-    color: { ...Z(r, a), ...r[a] },
-    radius: { ...r.radius }
+    color: { ...ye(e, a), ...e[a] },
+    radius: { ...e.radius },
+    // Fonts do not vary by appearance — a theme that changed typeface when
+    // somebody flipped to light would be two themes. Nor does motion.
+    ...e.fonts == null ? {} : { fonts: { ...e.fonts } },
+    ...e.motion == null ? {} : { motion: e.motion }
   };
 }
-const w = {
+const R = {
   accent: "accent",
   accentLight: "accent-light",
   secondary: "secondary",
@@ -401,7 +543,7 @@ const w = {
   onAccent: "on-accent",
   onSecondary: "on-secondary",
   onDanger: "on-danger"
-}, B = {
+}, J = {
   bg: "bg",
   surface: "surface",
   surfaceRaised: "raised",
@@ -409,116 +551,149 @@ const w = {
   border: "border",
   muted: "muted",
   text: "text"
-}, ee = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function j(r) {
-  return ee.test(r.trim());
+}, me = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Z(e) {
+  return me.test(e.trim());
 }
-function $(r) {
-  const a = r.trim().toLowerCase();
+function P(e) {
+  const a = e.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) => $(c).slice(1), o = M(r.name ?? "");
-  o !== "" && t.set("name", o);
-  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 v)
-      t.set(`lh-${w[c]}`, e(r.lightHue[c]));
-  for (const c of ["dark", "light"]) {
-    const n = c === "dark" ? "d" : "l";
-    for (const d of O)
-      r[c][d] !== L[c][d] && t.set(`${n}-${B[d]}`, e(r[c][d]));
+function De(e, a) {
+  const n = new URLSearchParams(), r = (t) => P(t).slice(1), o = C(e.name ?? "");
+  o !== "" && n.set("name", o);
+  for (const t of T)
+    e.hue[t] !== x.hue[t] && n.set(R[t], r(e.hue[t]));
+  if (e.lightHue !== null)
+    for (const t of T)
+      n.set(`lh-${R[t]}`, r(e.lightHue[t]));
+  for (const t of ["dark", "light"]) {
+    const c = t === "dark" ? "d" : "l";
+    for (const s of V)
+      e[t][s] !== x[t][s] && n.set(`${c}-${J[s]}`, r(e[t][s]));
   }
-  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;
+  for (const t of E)
+    e.radius[t] !== x.radius[t] && n.set(`r-${t}`, String(e.radius[t]));
+  if (e.motion != null && (e.motion.scale !== v.scale && n.set("m-scale", String(e.motion.scale)), e.motion.curve !== v.curve && n.set(
+    "m-curve",
+    X(e.motion.curve) ? e.motion.curve.join(",") : e.motion.curve
+  )), e.fonts != null)
+    for (const t of _)
+      e.fonts[t] !== N[t] && n.set(`f-${t}`, e.fonts[t]);
+  return a === "light" && n.set("mode", "light"), n;
 }
-function le(r) {
-  const a = r.trim();
+function Ge(e) {
+  const a = e.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));
+  if (a.startsWith("{")) return Le(a);
+  const n = a.includes("?") ? a.slice(a.indexOf("?") + 1) : a;
+  return pe(new URLSearchParams(n));
 }
-function re(r) {
-  const a = G(L);
-  let t = !1;
-  const e = (c) => {
-    const n = r.get(c);
-    if (n === null) return null;
-    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 v) {
-    const n = e(w[c]);
-    n !== null && (a.hue[c] = n);
+function pe(e) {
+  const a = I(x);
+  let n = !1;
+  const r = (t) => {
+    const c = e.get(t);
+    if (c === null) return null;
+    const s = c.startsWith("#") ? c : `#${c}`;
+    return Z(s) ? (n = !0, P(s)) : null;
+  }, o = C(e.get("name") ?? "");
+  o !== "" && (a.name = o, n = !0);
+  for (const t of T) {
+    const c = r(R[t]);
+    c !== null && (a.hue[t] = c);
   }
-  if (r.has(`lh-${w.accent}`)) {
-    const c = { ...a.hue };
-    for (const n of v) {
-      const d = e(`lh-${w[n]}`);
-      d !== null && (c[n] = d);
+  if (e.has(`lh-${R.accent}`)) {
+    const t = { ...a.hue };
+    for (const c of T) {
+      const s = r(`lh-${R[c]}`);
+      s !== null && (t[c] = s);
     }
-    a.lightHue = c;
+    a.lightHue = t;
   }
-  for (const c of ["dark", "light"]) {
-    const n = c === "dark" ? "d" : "l";
-    for (const d of O) {
-      const f = e(`${n}-${B[d]}`);
-      f !== null && (a[c][d] = f);
+  for (const t of ["dark", "light"]) {
+    const c = t === "dark" ? "d" : "l";
+    for (const s of V) {
+      const i = r(`${c}-${J[s]}`);
+      i !== null && (a[t][s] = i);
     }
   }
-  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);
+  for (const t of E) {
+    const c = Number(e.get(`r-${t}`));
+    Number.isFinite(c) && c >= 0 && c <= 999 && e.has(`r-${t}`) && (a.radius[t] = Math.round(c), n = !0);
   }
-  return t ? {
+  {
+    const t = e.get("m-scale");
+    if (t !== null) {
+      const s = Number(t);
+      Number.isFinite(s) && s >= 0 && s <= ge && (a.motion = { ...a.motion ?? v, scale: s }, n = !0);
+    }
+    const c = e.get("m-curve");
+    if (c !== null)
+      if (ue.includes(c))
+        a.motion = {
+          ...a.motion ?? v,
+          curve: c
+        }, n = !0;
+      else {
+        const s = c.split(",").map(Number);
+        le(s) && (a.motion = { ...a.motion ?? v, curve: s }, n = !0);
+      }
+  }
+  for (const t of _) {
+    const c = e.get(`f-${t}`);
+    c !== null && q(c) && (a.fonts = { ...a.fonts ?? N, [t]: c.trim() }, n = !0);
+  }
+  return n ? {
     theme: a,
-    appearance: r.get("mode") === "light" ? "light" : "dark"
+    appearance: e.get("mode") === "light" ? "light" : "dark"
   } : null;
 }
-function ae(r) {
+function Le(e) {
   let a;
   try {
-    a = JSON.parse(r);
+    a = JSON.parse(e);
   } catch {
     return null;
   }
   if (typeof a != "object" || a === null) return null;
-  const t = a, e = G(L);
+  const n = a, r = I(x);
   let o = !1;
-  const c = (n, d) => {
-    if (!(typeof n != "object" || n === null))
-      for (const [f, g] of Object.entries(n))
-        typeof g == "string" && j(g) && f in d && (d[f] = $(g), o = !0);
+  const t = (c, s) => {
+    if (!(typeof c != "object" || c === null))
+      for (const [i, g] of Object.entries(c))
+        typeof g == "string" && Z(g) && i in s && (s[i] = P(g), o = !0);
   };
-  if (typeof t.name == "string") {
-    const n = M(t.name);
-    n !== "" && (e.name = n, o = !0);
+  if (typeof n.name == "string") {
+    const c = C(n.name);
+    c !== "" && (r.name = c, 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) {
-    const n = { ...e.hue };
-    c(t.lightHue, n), e.lightHue = n;
+  if (t(n.hue, r.hue), t(n.dark, r.dark), t(n.light, r.light), typeof n.lightHue == "object" && n.lightHue !== null) {
+    const c = { ...r.hue };
+    t(n.lightHue, c), r.lightHue = c;
   }
-  if (typeof t.radius == "object" && t.radius !== null)
-    for (const [n, d] of Object.entries(
-      t.radius
+  if (typeof n.fonts == "object" && n.fonts !== null)
+    for (const [c, s] of Object.entries(
+      n.fonts
+    ))
+      _.includes(c) && (typeof s != "string" || !q(s) || (r.fonts = { ...r.fonts ?? N, [c]: s.trim() }, o = !0));
+  if (typeof n.radius == "object" && n.radius !== null)
+    for (const [c, s] of Object.entries(
+      n.radius
     )) {
-      const f = Number(d);
-      D.includes(n) && Number.isFinite(f) && f >= 0 && f <= 999 && (e.radius[n] = Math.round(f), o = !0);
+      const i = Number(s);
+      E.includes(c) && Number.isFinite(i) && i >= 0 && i <= 999 && (r.radius[c] = Math.round(i), o = !0);
     }
-  return o ? { theme: e, appearance: "dark" } : null;
+  return o ? { theme: r, appearance: "dark" } : null;
 }
-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 = [
+const p = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, D = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, U = { sm: 4, md: 6, lg: 10, xl: 14, full: 6 }, xe = { sm: 6, md: 8, lg: 10, xl: 14, full: 10 }, j = { sm: 2, md: 4, lg: 6, xl: 8, full: 4 }, He = { sm: 8, md: 8, lg: 8, xl: 8, full: 8 }, we = [
   {
     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
+    theme: x
   },
   {
     /* Credits to Carlo, who made this in the generator and sent the link.
@@ -531,7 +706,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
     note: "The shipped palette, every corner at eight pixels. Made by Carlo.",
     group: "Gryt",
     source: "Carlo",
-    theme: { ...G(L), name: "Gryt Rounded", radius: ne }
+    theme: { ...I(x), name: "Gryt Rounded", radius: He }
   },
   {
     id: "ember",
@@ -572,7 +747,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#6b5b50",
         text: "#241a14"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -614,7 +789,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#5b5b63",
         text: "#17171a"
       },
-      radius: k
+      radius: D
     }
   },
   /*
@@ -682,7 +857,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#765b61",
         text: "#31151d"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -725,7 +900,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#6a5f69",
         text: "#261b26"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -768,7 +943,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#705d63",
         text: "#2c191f"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -811,7 +986,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#606272",
         text: "#1c1d2f"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -854,7 +1029,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#616369",
         text: "#1d1f26"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -897,7 +1072,75 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#5f6469",
         text: "#1a2025"
       },
-      radius: y
+      radius: p
+    }
+  },
+  {
+    /* 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: U
     }
   },
   {
@@ -939,7 +1182,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#3d3d3d",
         text: "#000000"
       },
-      radius: I
+      radius: j
     }
   },
   {
@@ -998,7 +1241,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#6c664b",
         text: "#1f1f1f"
       },
-      radius: k
+      radius: D
     }
   },
   {
@@ -1056,7 +1299,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#4c566a",
         text: "#2e3440"
       },
-      radius: k
+      radius: D
     }
   },
   {
@@ -1115,7 +1358,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#6c6f85",
         text: "#4c4f69"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -1175,7 +1418,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#59636e",
         text: "#1f2328"
       },
-      radius: ce
+      radius: U
     }
   },
   {
@@ -1223,7 +1466,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#87867f",
         text: "#141413"
       },
-      radius: y
+      radius: p
     }
   },
   {
@@ -1284,7 +1527,7 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#71717a",
         text: "#18181b"
       },
-      radius: te
+      radius: xe
     }
   },
   {
@@ -1331,144 +1574,59 @@ const y = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, k = { sm: 6, md: 8, lg:
         muted: "#586e75",
         text: "#073642"
       },
-      radius: I
+      radius: j
     }
   }
-], he = new Map(
-  oe.map((r) => [r.id, r])
-), be = [
-  0,
-  0.1217,
-  0.3812,
-  0.6579,
-  0.883,
-  1.0304,
-  1.1034,
-  1.12,
-  1.1025,
-  1.0705,
-  1.0376,
-  1.0115,
-  0.9949,
-  0.987,
-  0.9857,
-  0.9881,
-  0.992,
-  0.9959,
-  0.9989,
-  1.0008,
-  1.0016,
-  1.0017,
-  1.0014,
-  1.0009,
-  1.0004,
-  1.0001,
-  1
-], ye = [
-  0,
-  0.0496,
-  0.1585,
-  0.2869,
-  0.4135,
-  0.5279,
-  0.6263,
-  0.7079,
-  0.7741,
-  0.8268,
-  0.8681,
-  0.9002,
-  0.9249,
-  0.9437,
-  0.958,
-  0.9688,
-  0.9768,
-  0.9829,
-  0.9874,
-  0.9907,
-  0.9932,
-  0.995,
-  0.9963,
-  0.9973,
-  0.9981,
-  0.9986,
-  1
-], me = {
-  /** Most interactions. */
-  spring: 500,
-  /** Drawer, where the travel is the width of a panel. */
-  springSoft: 700,
-  /**
-   * For something that travels further than its own width.
-   *
-   * A bottom sheet comes up from off the screen and covers most of it, which is
-   * a longer journey than a drawer's. Reusing `springSoft` there meant the same
-   * time over more distance, and it read as a snap.
-   */
-  springSlow: 900,
-  /** Colour changes, which should not feel sprung. */
-  fast: 150,
-  /**
-   * One pass of an indeterminate Progress bar across its track.
-   *
-   * Long enough to read as "working" rather than "flickering", short enough
-   * that a second pass starts before you wonder whether it has stopped.
-   */
-  sweep: 1400
-}, pe = {
-  button: { hover: 1.03, press: 0.96 },
-  iconButton: { hover: 1.06, press: 0.94 },
-  checkbox: { hover: 1.08, press: 0.92 },
-  radio: { hover: 1.08, press: 0.92 },
-  switch: { hover: 1.05, press: 0.95 },
-  toggle: { hover: 1.06, press: 0.94 },
-  toast: { hover: 1.04, press: 0.96 },
-  sliderThumb: { hover: 1.12, press: 0.94 }
-}, 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];
-  const t = (r.length - 1) * a, e = Math.floor(t), o = t - e, c = r[e], n = r[e + 1] ?? c;
-  return c + (n - c) * o;
-}
+], Ee = new Map(
+  we.map((e) => [e.id, e])
+);
 export {
-  v as GRYT_HUE_KEYS,
-  O as GRYT_NEUTRAL_KEYS,
-  D as GRYT_RADIUS_KEYS,
-  V as GRYT_THEME_NAME_MAX,
+  _ as GRYT_FONT_KEYS,
+  he as GRYT_FONT_STACK_MAX,
+  T as GRYT_HUE_KEYS,
+  ue as GRYT_MOTION_CURVES,
+  ge as GRYT_MOTION_SCALE_MAX,
+  V as GRYT_NEUTRAL_KEYS,
+  E as GRYT_RADIUS_KEYS,
+  be as GRYT_THEME_NAME_MAX,
   S as alphaScale,
-  G as cloneGrytTheme,
-  se as contrast,
-  ue as createGrytTheme,
-  le as decodeGrytTheme,
-  ie as encodeGrytTheme,
-  de as grytAlphaScales,
-  fe as grytAlphaScalesLight,
-  Le as grytDrawerBleed,
-  me as grytDurations,
-  l as grytLightTokens,
-  oe as grytPresets,
-  he as grytPresetsById,
-  pe as grytScaleSteps,
-  C as grytScales,
-  T as grytScalesLight,
-  L as grytTheme,
-  Z as grytThemeHues,
-  ge as grytThemeToOptions,
-  s as grytTokens,
-  R as hexToOklch,
-  H as hexToRgb,
-  h as hueScale,
-  b as hueScaleLight,
-  j as isHexColor,
-  N as neutralScale,
-  U as neutralScaleLight,
-  $ as normalizeHexColor,
-  M as normalizeThemeName,
-  m as oklchToHex,
-  _ as rgbToHex,
-  xe as sampleCurve,
-  be as springSamples,
-  ye as springTightSamples
+  I as cloneGrytTheme,
+  Se as contrast,
+  Me as createGrytTheme,
+  Ge as decodeGrytTheme,
+  De as encodeGrytTheme,
+  ke as grytAlphaScales,
+  Te as grytAlphaScalesLight,
+  Re as grytDrawerBleed,
+  ae as grytDurations,
+  N as grytFonts,
+  b as grytLightTokens,
+  v as grytMotion,
+  we as grytPresets,
+  Ee as grytPresetsById,
+  ve as grytScaleSteps,
+  O as grytScales,
+  G as grytScalesLight,
+  x as grytTheme,
+  ye as grytThemeHues,
+  $e as grytThemeToOptions,
+  f as grytTokens,
+  A as hexToOklch,
+  w as hexToRgb,
+  y as hueScale,
+  m as hueScaleLight,
+  X as isBezier,
+  q as isFontStack,
+  Z as isHexColor,
+  le as isValidBezier,
+  z as neutralScale,
+  W as neutralScaleLight,
+  P as normalizeHexColor,
+  C as normalizeThemeName,
+  L as oklchToHex,
+  B as rgbToHex,
+  Ae as sampleCurve,
+  re as springSamples,
+  M as springTightSamples
 };
 //# sourceMappingURL=index.js.map