@sarmal/core 0.28.1 → 0.29.1

package/README.md

@@ -14,7 +14,7 @@
 
 The animations can be used anywhere you want. Use it for loading spinners, progress indicators, or to indicate that your very special AI model is _thinking_, up to you.
 
-In web applications and perhaps also in the terminal maybe if possible!
+In web applications or directly in your terminal (`npx @sarmal/core`).
 
 - **Canvas & SVG renderers**: choose one or the other, but why not both?
 - **standard curves**: default cliche curves any LLM can generate in seconds, from classic spirals to custom parametric paths

package/dist/auto-init.cjs

@@ -377,11 +377,50 @@ function hexToRgb(hex) {
   const n = parseInt(hex.slice(1), 16);
   return { r: n >> 16, g: n >> 8 & 255, b: n & 255 };
 }
-var lerpRgb = (a, b, t) => ({
-  r: Math.round(a.r + (b.r - a.r) * t),
-  g: Math.round(a.g + (b.g - a.g) * t),
-  b: Math.round(a.b + (b.b - a.b) * t)
-});
+function srgbByteToLinear(c) {
+  const n = c / 255;
+  return n <= 0.04045 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+}
+function linearToSrgbByte(c) {
+  const v = Math.max(0, Math.min(1, c));
+  return Math.round((v <= 31308e-7 ? 12.92 * v : 1.055 * Math.pow(v, 1 / 2.4) - 0.055) * 255);
+}
+function rgbToOklab({ r, g, b }) {
+  const rl = srgbByteToLinear(r), gl = srgbByteToLinear(g), bl = srgbByteToLinear(b);
+  const l = Math.cbrt(0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl);
+  const m = Math.cbrt(0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl);
+  const s = Math.cbrt(0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl);
+  return {
+    L: 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    a: 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    b: 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s
+  };
+}
+function oklabToRgb({ L, a, b }) {
+  const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+  const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+  const s_ = L - 0.0894841775 * a - 1.29145603 * b;
+  const l = l_ * l_ * l_, m = m_ * m_ * m_, s = s_ * s_ * s_;
+  return {
+    r: linearToSrgbByte(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
+    g: linearToSrgbByte(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
+    b: linearToSrgbByte(-0.0041960863 * l - 0.7034186147 * m + 1.6076099202 * s)
+  };
+}
+var lerpOklab = (a, b, t) => {
+  if (t <= 0) {
+    return a;
+  }
+  if (t >= 1) {
+    return b;
+  }
+  const la = rgbToOklab(a), lb = rgbToOklab(b);
+  return oklabToRgb({
+    L: la.L + (lb.L - la.L) * t,
+    a: la.a + (lb.a - la.a) * t,
+    b: la.b + (lb.b - la.b) * t
+  });
+};
 function getPaletteColor(palette, position, timeOffset = 0) {
   if (palette.length === 0) {
     return { r: 255, g: 255, b: 255 };
@@ -395,7 +434,7 @@ function getPaletteColor(palette, position, timeOffset = 0) {
   const t = scaled - idx;
   const c1 = hexToRgb(palette[idx % palette.length]);
   const c2 = hexToRgb(palette[(idx + 1) % palette.length]);
-  return lerpRgb(c1, c2, t);
+  return lerpOklab(c1, c2, t);
 }
 var HEX_COLOR_RE = /^#[0-9a-fA-F]{6}$/;
 var TRAIL_STYLES = ["default", "gradient-static", "gradient-animated"];