@gryt/theme 0.9.0 → 0.9.1

package/dist/index.js

@@ -1,4 +1,4 @@
-const re = [
+const ne = [
   0,
   0.1217,
   0.3812,
@@ -54,7 +54,7 @@ const re = [
   0.9981,
   0.9986,
   1
-], ae = {
+], ce = {
   /** Most interactions. */
   spring: 500,
   /** Drawer, where the travel is the width of a panel. */
@@ -99,10 +99,10 @@ function Y(e) {
 function $(e) {
   return e <= 31308e-7 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - 0.055;
 }
-function H(e) {
+function w(e) {
   return Math.min(1, Math.max(0, e));
 }
-function w(e) {
+function v(e) {
   const a = e.replace("#", ""), n = a.length === 3 ? a.split("").map((r) => r + r).join("") : a;
   return [
     parseInt(n.slice(0, 2), 16) / 255,
@@ -111,11 +111,11 @@ function w(e) {
   ];
 }
 function B([e, a, n]) {
-  const r = (o) => Math.round(H(o) * 255).toString(16).padStart(2, "0");
+  const r = (o) => Math.round(w(o) * 255).toString(16).padStart(2, "0");
   return `#${r(e)}${r(a)}${r(n)}`;
 }
 function A(e) {
-  const [a, n, r] = w(e).map(Y), o = Math.cbrt(
+  const [a, n, r] = v(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
@@ -131,19 +131,19 @@ function A(e) {
 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))
+    $(w(4.0767416621 * t - 3.3077115913 * c + 0.2309699292 * s)),
+    $(w(-1.2684380046 * t + 2.6097574011 * c - 0.3413193965 * s)),
+    $(w(-0.0041960863 * t - 0.7034186147 * c + 1.707614701 * s))
   ]);
 }
-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];
+const oe = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], se = [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 }));
+  const { h: n } = A(e), r = oe.map((s, i) => L({ l: s, c: se[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 ce = [
+const fe = [
   0.187,
   0.231,
   0.245,
@@ -156,7 +156,7 @@ const ce = [
   0.57,
   0.627,
   0.908
-], oe = [
+], de = [
   0.011,
   0.014,
   0.016,
@@ -179,14 +179,14 @@ function z(e) {
     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 })
+  return fe.map(
+    (r, o) => a[o] ?? L({ l: r, c: de[o], h: n })
   );
 }
 function S(e, a) {
-  const n = w(a);
+  const n = v(a);
   return e.map((r) => {
-    const o = w(r);
+    const o = v(r);
     let t = 0;
     for (let l = 0; l < 3; l++) {
       const u = o[l], d = n[l];
@@ -194,12 +194,12 @@ function S(e, a) {
     }
     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));
+      o.map((l, u) => w(n[u] + (l - n[u]) / t))
+    ), [s, i, g] = v(c).map((l) => Math.round(l * 255));
     return `rgb(${s} ${i} ${g} / ${(t * 100).toFixed(1)}%)`;
   });
 }
-const se = [
+const ie = [
   0.962,
   1,
   0.978,
@@ -212,7 +212,7 @@ const se = [
   0.61,
   0.48,
   0.25
-], fe = [
+], ue = [
   6e-3,
   0,
   4e-3,
@@ -225,7 +225,7 @@ const se = [
   0.014,
   0.012,
   0.014
-], 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];
+], ge = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], le = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
 function W(e) {
   const a = {
     0: e.bg,
@@ -235,18 +235,18 @@ function W(e) {
     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 })
+  return ie.map(
+    (r, o) => a[o] ?? L({ l: r, c: ue[o], h: n })
   );
 }
 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 })
+  const { l: a, c: n, h: r } = A(e), o = ge.map(
+    (t, c) => L({ l: t, c: le[c], h: r })
   );
   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 F(e) {
-  const [a, n, r] = w(e).map(Y);
+  const [a, n, r] = v(e).map(Y);
   return 0.2126 * a + 0.7152 * n + 0.0722 * r;
 }
 function Se(e, a) {
@@ -284,7 +284,7 @@ const f = {
     xl: 28,
     full: 999
   }
-}, b = {
+}, h = {
   bg: "#f1f2f7",
   surface: "#ffffff",
   surfaceRaised: "#f7f8fb",
@@ -309,7 +309,7 @@ const f = {
   danger: y(f.color.danger, f.color.dangerLight),
   warning: y(f.color.warning, f.color.warning)
 }, G = {
-  neutral: W(b),
+  neutral: W(h),
   accent: m(f.color.accent),
   secondary: m(f.color.secondary),
   success: m(f.color.success),
@@ -319,13 +319,13 @@ const f = {
   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)
+  neutral: S(G.neutral, h.bg),
+  accent: S(G.accent, h.bg)
 };
 function Me(e = {}) {
   const a = e.appearance === "light", r = { ...a ? {
     ...f.color,
-    ...b,
+    ...h,
     surfaceHover: K
   } : f.color, ...e.color }, o = { ...f.radius, ...e.radius }, t = {
     bg: r.bg,
@@ -350,25 +350,25 @@ function Me(e = {}) {
     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;
+    d.forEach((b, k) => {
+      s[`--gryt-${u}-${k + 1}`] = b, s[`--color-gryt-${u}-${k + 1}`] = b;
     });
   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;
+    S(c[u], r.bg).forEach((d, b) => {
+      s[`--gryt-${u}-a${b + 1}`] = d, s[`--color-gryt-${u}-a${b + 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`;
+      for (const [b, k] of Object.entries(ce)) {
+        const ae = b.replace(/[A-Z]/g, (te) => `-${te.toLowerCase()}`);
+        g[`--gryt-dur-${ae}`] = `${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 b = `cubic-bezier(${d.join(", ")})`;
+      g["--ease-spring"] = b, g["--ease-spring-tight"] = b;
+    } 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(ne), g["--ease-spring-tight"] = i(M));
   }
   const l = {};
   for (const [u, d] of Object.entries(e.fonts ?? {}))
@@ -443,29 +443,29 @@ const T = [
   "border",
   "muted",
   "text"
-], E = ["sm", "md", "lg", "xl", "full"], _ = ["body", "display", "mono"], ue = ["spring", "smooth", "linear"], N = {
+], E = ["sm", "md", "lg", "xl", "full"], N = ["body", "display", "mono"], X = ["spring", "smooth", "linear"], _ = {
   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) {
+}, x = { scale: 1, curve: "spring" }, q = 3;
+function J(e) {
   return Array.isArray(e);
 }
-function le(e) {
+function Z(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 he = 200;
-function q(e) {
+const be = 200;
+function Q(e) {
   const a = e.trim();
-  return a === "" || a.length > he ? !1 : !/[;{}()<>\\]|\/\*|@import|url\s*\(/i.test(a);
+  return a === "" || a.length > be ? !1 : !/[;{}()<>\\]|\/\*|@import|url\s*\(/i.test(a);
 }
-const be = 60;
+const he = 60;
 function C(e) {
-  return e.replace(/\s+/g, " ").trim().slice(0, be);
+  return e.replace(/\s+/g, " ").trim().slice(0, he);
 }
-const x = {
+const H = {
   hue: {
     accent: f.color.accent,
     accentLight: f.color.accentLight,
@@ -490,13 +490,13 @@ const x = {
     text: f.color.text
   },
   light: {
-    bg: b.bg,
-    surface: b.surface,
-    surfaceRaised: b.surfaceRaised,
+    bg: h.bg,
+    surface: h.surface,
+    surfaceRaised: h.surfaceRaised,
     surfaceHover: K,
-    border: b.border,
-    muted: b.muted,
-    text: b.text
+    border: h.border,
+    muted: h.muted,
+    text: h.text
   },
   radius: { ...f.radius }
 };
@@ -512,7 +512,7 @@ function I(e) {
     ...e.motion == null ? {} : {
       motion: {
         scale: e.motion.scale,
-        curve: X(e.motion.curve) ? [...e.motion.curve] : e.motion.curve
+        curve: J(e.motion.curve) ? [...e.motion.curve] : e.motion.curve
       }
     }
   };
@@ -543,7 +543,7 @@ const R = {
   onAccent: "on-accent",
   onSecondary: "on-secondary",
   onDanger: "on-danger"
-}, J = {
+}, ee = {
   bg: "bg",
   surface: "surface",
   surfaceRaised: "raised",
@@ -552,7 +552,7 @@ const R = {
   muted: "muted",
   text: "text"
 }, me = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Z(e) {
+function re(e) {
   return me.test(e.trim());
 }
 function P(e) {
@@ -563,23 +563,23 @@ 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]));
+    e.hue[t] !== H.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]));
+      e[t][s] !== H[t][s] && n.set(`${c}-${ee[s]}`, r(e[t][s]));
   }
   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(
+    e.radius[t] !== H.radius[t] && n.set(`r-${t}`, String(e.radius[t]));
+  if (e.motion != null && (e.motion.scale !== x.scale && n.set("m-scale", String(e.motion.scale)), e.motion.curve !== x.curve && n.set(
     "m-curve",
-    X(e.motion.curve) ? e.motion.curve.join(",") : e.motion.curve
+    J(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]);
+    for (const t of N)
+      e.fonts[t] !== _[t] && n.set(`f-${t}`, e.fonts[t]);
   return a === "light" && n.set("mode", "light"), n;
 }
 function Ge(e) {
@@ -590,13 +590,13 @@ function Ge(e) {
   return pe(new URLSearchParams(n));
 }
 function pe(e) {
-  const a = I(x);
+  const a = I(H);
   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;
+    return re(s) ? (n = !0, P(s)) : null;
   }, o = C(e.get("name") ?? "");
   o !== "" && (a.name = o, n = !0);
   for (const t of T) {
@@ -614,7 +614,7 @@ function pe(e) {
   for (const t of ["dark", "light"]) {
     const c = t === "dark" ? "d" : "l";
     for (const s of V) {
-      const i = r(`${c}-${J[s]}`);
+      const i = r(`${c}-${ee[s]}`);
       i !== null && (a[t][s] = i);
     }
   }
@@ -626,23 +626,23 @@ function pe(e) {
     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);
+      Number.isFinite(s) && s >= 0 && s <= q && (a.motion = { ...a.motion ?? x, scale: s }, n = !0);
     }
     const c = e.get("m-curve");
     if (c !== null)
-      if (ue.includes(c))
+      if (X.includes(c))
         a.motion = {
-          ...a.motion ?? v,
+          ...a.motion ?? x,
           curve: c
         }, n = !0;
       else {
         const s = c.split(",").map(Number);
-        le(s) && (a.motion = { ...a.motion ?? v, curve: s }, n = !0);
+        Z(s) && (a.motion = { ...a.motion ?? x, curve: s }, n = !0);
       }
   }
-  for (const t of _) {
+  for (const t of N) {
     const c = e.get(`f-${t}`);
-    c !== null && q(c) && (a.fonts = { ...a.fonts ?? N, [t]: c.trim() }, n = !0);
+    c !== null && Q(c) && (a.fonts = { ...a.fonts ?? _, [t]: c.trim() }, n = !0);
   }
   return n ? {
     theme: a,
@@ -657,12 +657,12 @@ function Le(e) {
     return null;
   }
   if (typeof a != "object" || a === null) return null;
-  const n = a, r = I(x);
+  const n = a, r = I(H);
   let o = !1;
   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);
+        typeof g == "string" && re(g) && i in s && (s[i] = P(g), o = !0);
   };
   if (typeof n.name == "string") {
     const c = C(n.name);
@@ -672,11 +672,18 @@ function Le(e) {
     const c = { ...r.hue };
     t(n.lightHue, c), r.lightHue = c;
   }
+  if (typeof n.motion == "object" && n.motion !== null) {
+    const c = n.motion, s = Number(c.scale);
+    Number.isFinite(s) && s >= 0 && s <= q && (r.motion = { ...r.motion ?? x, scale: s }, o = !0), typeof c.curve == "string" ? X.includes(c.curve) && (r.motion = {
+      ...r.motion ?? x,
+      curve: c.curve
+    }, o = !0) : Z(c.curve) && (r.motion = { ...r.motion ?? x, curve: c.curve }, o = !0);
+  }
   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));
+      N.includes(c) && (typeof s != "string" || !Q(s) || (r.fonts = { ...r.fonts ?? _, [c]: s.trim() }, o = !0));
   if (typeof n.radius == "object" && n.radius !== null)
     for (const [c, s] of Object.entries(
       n.radius
@@ -693,7 +700,7 @@ const p = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, D = { sm: 6, md: 8, lg:
     note: "What the library ships, from the Gryt code-theme.",
     group: "Gryt",
     source: "github.com/Gryt-chat/code-theme",
-    theme: x
+    theme: H
   },
   {
     /* Credits to Carlo, who made this in the generator and sent the link.
@@ -706,7 +713,7 @@ const p = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, D = { sm: 6, md: 8, lg:
     note: "The shipped palette, every corner at eight pixels. Made by Carlo.",
     group: "Gryt",
     source: "Carlo",
-    theme: { ...I(x), name: "Gryt Rounded", radius: He }
+    theme: { ...I(H), name: "Gryt Rounded", radius: He }
   },
   {
     id: "ember",
@@ -1581,14 +1588,14 @@ const p = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, D = { sm: 6, md: 8, lg:
   we.map((e) => [e.id, e])
 );
 export {
-  _ as GRYT_FONT_KEYS,
-  he as GRYT_FONT_STACK_MAX,
+  N as GRYT_FONT_KEYS,
+  be as GRYT_FONT_STACK_MAX,
   T as GRYT_HUE_KEYS,
-  ue as GRYT_MOTION_CURVES,
-  ge as GRYT_MOTION_SCALE_MAX,
+  X as GRYT_MOTION_CURVES,
+  q as GRYT_MOTION_SCALE_MAX,
   V as GRYT_NEUTRAL_KEYS,
   E as GRYT_RADIUS_KEYS,
-  be as GRYT_THEME_NAME_MAX,
+  he as GRYT_THEME_NAME_MAX,
   S as alphaScale,
   I as cloneGrytTheme,
   Se as contrast,
@@ -1598,27 +1605,27 @@ export {
   ke as grytAlphaScales,
   Te as grytAlphaScalesLight,
   Re as grytDrawerBleed,
-  ae as grytDurations,
-  N as grytFonts,
-  b as grytLightTokens,
-  v as grytMotion,
+  ce as grytDurations,
+  _ as grytFonts,
+  h as grytLightTokens,
+  x as grytMotion,
   we as grytPresets,
   Ee as grytPresetsById,
   ve as grytScaleSteps,
   O as grytScales,
   G as grytScalesLight,
-  x as grytTheme,
+  H as grytTheme,
   ye as grytThemeHues,
   $e as grytThemeToOptions,
   f as grytTokens,
   A as hexToOklch,
-  w as hexToRgb,
+  v as hexToRgb,
   y as hueScale,
   m as hueScaleLight,
-  X as isBezier,
-  q as isFontStack,
-  Z as isHexColor,
-  le as isValidBezier,
+  J as isBezier,
+  Q as isFontStack,
+  re as isHexColor,
+  Z as isValidBezier,
   z as neutralScale,
   W as neutralScaleLight,
   P as normalizeHexColor,
@@ -1626,7 +1633,7 @@ export {
   L as oklchToHex,
   B as rgbToHex,
   Ae as sampleCurve,
-  re as springSamples,
+  ne as springSamples,
   M as springTightSamples
 };
 //# sourceMappingURL=index.js.map