@protonradio/proton-ui 0.11.0-beta.2 → 0.11.0-beta.21

package/dist/utils.es.js

@@ -1,7 +1,7 @@
-import { toRgba as _, transparentize as V, saturate as Z, desaturate as tt, getScale as j, adjustHue as nt, getLuminance as y, lighten as Y, darken as F, hasBadContrast as X } from "color2k";
-import { toHex as dt, toRgba as Et } from "color2k";
-import { S as T, W as N, e as P, G as J } from "./palettes-mcF0lNKY.mjs";
-var U = function(n, r) {
+import { toRgba as A, transparentize as V, saturate as Z, desaturate as tt, getScale as j, adjustHue as nt, getLuminance as M, lighten as Y, darken as F, hasBadContrast as X } from "color2k";
+import { darken as dt, lighten as Et, toHex as It, toRgba as bt } from "color2k";
+import { S as T, W as U, e as P, G as J } from "./palettes-D006-kxf.mjs";
+var N = function(n, r) {
   return n < r ? -1 : n > r ? 1 : 0;
 }, $ = function(n) {
   return n.reduce(function(r, a) {
@@ -23,42 +23,42 @@ var U = function(n, r) {
   }
   function r(e) {
     var t = [], s = !1;
-    function u() {
+    function c() {
       t.sort(e), s = !0;
     }
-    return { push: function(c) {
-      t.push(c), s = !1;
-    }, peek: function(c) {
-      return s || u(), c === void 0 && (c = t.length - 1), t[c];
+    return { push: function(u) {
+      t.push(u), s = !1;
+    }, peek: function(u) {
+      return s || c(), u === void 0 && (u = t.length - 1), t[u];
     }, pop: function() {
-      return s || u(), t.pop();
+      return s || c(), t.pop();
     }, size: function() {
       return t.length;
-    }, map: function(c) {
-      return t.map(c);
+    }, map: function(u) {
+      return t.map(u);
     }, debug: function() {
-      return s || u(), t;
+      return s || c(), t;
     } };
   }
-  function a(e, t, s, u, c, o, m) {
+  function a(e, t, s, c, u, o, m) {
     var f = this;
-    f.r1 = e, f.r2 = t, f.g1 = s, f.g2 = u, f.b1 = c, f.b2 = o, f.histo = m;
+    f.r1 = e, f.r2 = t, f.g1 = s, f.g2 = c, f.b1 = u, f.b2 = o, f.histo = m;
   }
   function l() {
     this.vboxes = new r(function(e, t) {
-      return U(e.vbox.count() * e.vbox.volume(), t.vbox.count() * t.vbox.volume());
+      return N(e.vbox.count() * e.vbox.volume(), t.vbox.count() * t.vbox.volume());
     });
   }
   function h(e, t) {
     if (t.count()) {
-      var s = t.r2 - t.r1 + 1, u = t.g2 - t.g1 + 1, c = Math.max.apply(null, [s, u, t.b2 - t.b1 + 1]);
+      var s = t.r2 - t.r1 + 1, c = t.g2 - t.g1 + 1, u = Math.max.apply(null, [s, c, t.b2 - t.b1 + 1]);
       if (t.count() == 1) return [t.copy()];
       var o, m, f, v, d = 0, p = [], C = [];
-      if (c == s) for (o = t.r1; o <= t.r2; o++) {
+      if (u == s) for (o = t.r1; o <= t.r2; o++) {
         for (v = 0, m = t.g1; m <= t.g2; m++) for (f = t.b1; f <= t.b2; f++) v += e[n(o, m, f)] || 0;
         p[o] = d += v;
       }
-      else if (c == u) for (o = t.g1; o <= t.g2; o++) {
+      else if (u == c) for (o = t.g1; o <= t.g2; o++) {
         for (v = 0, m = t.r1; m <= t.r2; m++) for (f = t.b1; f <= t.b2; f++) v += e[n(m, o, f)] || 0;
         p[o] = d += v;
       }
@@ -69,13 +69,13 @@ var U = function(n, r) {
       return p.forEach(function(D, g) {
         C[g] = d - D;
       }), function(D) {
-        var g, b, R, I, E, w = D + "1", S = D + "2", x = 0;
+        var g, b, R, _, E, w = D + "1", S = D + "2", x = 0;
         for (o = t[w]; o <= t[S]; o++) if (p[o] > d / 2) {
-          for (R = t.copy(), I = t.copy(), E = (g = o - t[w]) <= (b = t[S] - o) ? Math.min(t[S] - 1, ~~(o + b / 2)) : Math.max(t[w], ~~(o - 1 - g / 2)); !p[E]; ) E++;
+          for (R = t.copy(), _ = t.copy(), E = (g = o - t[w]) <= (b = t[S] - o) ? Math.min(t[S] - 1, ~~(o + b / 2)) : Math.max(t[w], ~~(o - 1 - g / 2)); !p[E]; ) E++;
           for (x = C[E]; !x && p[E - 1]; ) x = C[--E];
-          return R[S] = E, I[w] = R[S] + 1, [R, I];
+          return R[S] = E, _[w] = R[S] + 1, [R, _];
         }
-      }(c == s ? "r" : c == u ? "g" : "b");
+      }(u == s ? "r" : u == c ? "g" : "b");
     }
   }
   return a.prototype = { volume: function(e) {
@@ -84,8 +84,8 @@ var U = function(n, r) {
   }, count: function(e) {
     var t = this, s = t.histo;
     if (!t._count_set || e) {
-      var u, c, o, m = 0;
-      for (u = t.r1; u <= t.r2; u++) for (c = t.g1; c <= t.g2; c++) for (o = t.b1; o <= t.b2; o++) m += s[n(u, c, o)] || 0;
+      var c, u, o, m = 0;
+      for (c = t.r1; c <= t.r2; c++) for (u = t.g1; u <= t.g2; u++) for (o = t.b1; o <= t.b2; o++) m += s[n(c, u, o)] || 0;
       t._count = m, t._count_set = !0;
     }
     return t._count;
@@ -95,10 +95,10 @@ var U = function(n, r) {
   }, avg: function(e) {
     var t = this, s = t.histo;
     if (!t._avg || e) {
-      var u, c, o, m, f = 0, v = 0, d = 0, p = 0;
+      var c, u, o, m, f = 0, v = 0, d = 0, p = 0;
       if (t.r1 === t.r2 && t.g1 === t.g2 && t.b1 === t.b2) t._avg = [t.r1 << 3, t.g1 << 3, t.b1 << 3];
       else {
-        for (c = t.r1; c <= t.r2; c++) for (o = t.g1; o <= t.g2; o++) for (m = t.b1; m <= t.b2; m++) f += u = s[n(c, o, m)] || 0, v += u * (c + 0.5) * 8, d += u * (o + 0.5) * 8, p += u * (m + 0.5) * 8;
+        for (u = t.r1; u <= t.r2; u++) for (o = t.g1; o <= t.g2; o++) for (m = t.b1; m <= t.b2; m++) f += c = s[n(u, o, m)] || 0, v += c * (u + 0.5) * 8, d += c * (o + 0.5) * 8, p += c * (m + 0.5) * 8;
         t._avg = f ? [~~(v / f), ~~(d / f), ~~(p / f)] : [~~(8 * (t.r1 + t.r2 + 1) / 2), ~~(8 * (t.g1 + t.g2 + 1) / 2), ~~(8 * (t.b1 + t.b2 + 1) / 2)];
       }
     }
@@ -118,54 +118,54 @@ var U = function(n, r) {
     for (var t = this.vboxes, s = 0; s < t.size(); s++) if (t.peek(s).vbox.contains(e)) return t.peek(s).color;
     return this.nearest(e);
   }, nearest: function(e) {
-    for (var t, s, u, c = this.vboxes, o = 0; o < c.size(); o++) ((s = Math.sqrt(Math.pow(e[0] - c.peek(o).color[0], 2) + Math.pow(e[1] - c.peek(o).color[1], 2) + Math.pow(e[2] - c.peek(o).color[2], 2))) < t || t === void 0) && (t = s, u = c.peek(o).color);
-    return u;
+    for (var t, s, c, u = this.vboxes, o = 0; o < u.size(); o++) ((s = Math.sqrt(Math.pow(e[0] - u.peek(o).color[0], 2) + Math.pow(e[1] - u.peek(o).color[1], 2) + Math.pow(e[2] - u.peek(o).color[2], 2))) < t || t === void 0) && (t = s, c = u.peek(o).color);
+    return c;
   }, forcebw: function() {
     var e = this.vboxes;
-    e.sort(function(c, o) {
-      return U($(c.color), $(o.color));
+    e.sort(function(u, o) {
+      return N($(u.color), $(o.color));
     });
     var t = e[0].color;
     t[0] < 5 && t[1] < 5 && t[2] < 5 && (e[0].color = [0, 0, 0]);
-    var s = e.length - 1, u = e[s].color;
-    u[0] > 251 && u[1] > 251 && u[2] > 251 && (e[s].color = [255, 255, 255]);
+    var s = e.length - 1, c = e[s].color;
+    c[0] > 251 && c[1] > 251 && c[2] > 251 && (e[s].color = [255, 255, 255]);
   } }, { quantize: function(e, t) {
     if (!Number.isInteger(t) || t < 1 || t > 256) throw new Error("Invalid maximum color count. It must be an integer between 1 and 256.");
     if (!e.length || t < 2 || t > 256 || !e.length || t < 2 || t > 256) return !1;
-    for (var s = [], u = /* @__PURE__ */ new Set(), c = 0; c < e.length; c++) {
-      var o = e[c], m = o.join(",");
-      u.has(m) || (u.add(m), s.push(o));
+    for (var s = [], c = /* @__PURE__ */ new Set(), u = 0; u < e.length; u++) {
+      var o = e[u], m = o.join(",");
+      c.has(m) || (c.add(m), s.push(o));
     }
     if (s.length <= t) return new et(s);
     var f = function(g) {
       var b, R = new Array(32768);
-      return g.forEach(function(I) {
-        b = n(I[0] >> 3, I[1] >> 3, I[2] >> 3), R[b] = (R[b] || 0) + 1;
+      return g.forEach(function(_) {
+        b = n(_[0] >> 3, _[1] >> 3, _[2] >> 3), R[b] = (R[b] || 0) + 1;
       }), R;
     }(e);
     f.forEach(function() {
     });
     var v = function(g, b) {
-      var R, I, E, w = 1e6, S = 0, x = 1e6, K = 0, z = 1e6, O = 0;
+      var R, _, E, w = 1e6, S = 0, x = 1e6, K = 0, z = 1e6, O = 0;
       return g.forEach(function(W) {
-        (R = W[0] >> 3) < w ? w = R : R > S && (S = R), (I = W[1] >> 3) < x ? x = I : I > K && (K = I), (E = W[2] >> 3) < z ? z = E : E > O && (O = E);
+        (R = W[0] >> 3) < w ? w = R : R > S && (S = R), (_ = W[1] >> 3) < x ? x = _ : _ > K && (K = _), (E = W[2] >> 3) < z ? z = E : E > O && (O = E);
       }), new a(w, S, x, K, z, O, b);
     }(e, f), d = new r(function(g, b) {
-      return U(g.count(), b.count());
+      return N(g.count(), b.count());
     });
     function p(g, b) {
-      for (var R, I = g.size(), E = 0; E < 1e3; ) {
-        if (I >= b || E++ > 1e3) return;
+      for (var R, _ = g.size(), E = 0; E < 1e3; ) {
+        if (_ >= b || E++ > 1e3) return;
         if ((R = g.pop()).count()) {
           var w = h(f, R), S = w[0], x = w[1];
           if (!S) return;
-          g.push(S), x && (g.push(x), I++);
+          g.push(S), x && (g.push(x), _++);
         } else g.push(R), E++;
       }
     }
     d.push(v), p(d, 0.75 * t);
     for (var C = new r(function(g, b) {
-      return U(g.count() * g.volume(), b.count() * b.volume());
+      return N(g.count() * g.volume(), b.count() * b.volume());
     }); d.size(); ) C.push(d.pop());
     p(C, t);
     for (var D = new l(); C.size(); ) D.push(C.pop());
@@ -183,14 +183,14 @@ G.prototype.getColor = function(n, r) {
   return r === void 0 && (r = 10), this.getPalette(n, 5, r)[0];
 }, G.prototype.getPalette = function(n, r, a) {
   var l = function(s) {
-    var u = s.colorCount, c = s.quality;
-    if (u !== void 0 && Number.isInteger(u)) {
-      if (u === 1) throw new Error("colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()");
-      u = Math.max(u, 2), u = Math.min(u, 20);
-    } else u = 10;
-    return (c === void 0 || !Number.isInteger(c) || c < 1) && (c = 10), { colorCount: u, quality: c };
-  }({ colorCount: r, quality: a }), h = new Q(n), e = function(s, u, c) {
-    for (var o, m, f, v, d, p = s, C = [], D = 0; D < u; D += c) m = p[0 + (o = 4 * D)], f = p[o + 1], v = p[o + 2], ((d = p[o + 3]) === void 0 || d >= 125) && (m > 250 && f > 250 && v > 250 || C.push([m, f, v]));
+    var c = s.colorCount, u = s.quality;
+    if (c !== void 0 && Number.isInteger(c)) {
+      if (c === 1) throw new Error("colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()");
+      c = Math.max(c, 2), c = Math.min(c, 20);
+    } else c = 10;
+    return (u === void 0 || !Number.isInteger(u) || u < 1) && (u = 10), { colorCount: c, quality: u };
+  }({ colorCount: r, quality: a }), h = new Q(n), e = function(s, c, u) {
+    for (var o, m, f, v, d, p = s, C = [], D = 0; D < c; D += u) m = p[0 + (o = 4 * D)], f = p[o + 1], v = p[o + 2], ((d = p[o + 3]) === void 0 || d >= 125) && (m > 250 && f > 250 && v > 250 || C.push([m, f, v]));
     return C;
   }(h.getImageData().data, h.width * h.height, l.quality), t = rt(e, l.colorCount);
   return t ? t.palette() : null;
@@ -221,7 +221,7 @@ G.prototype.getColor = function(n, r) {
     }), e.src = h;
   });
 };
-const k = (n, r) => r === void 0 ? `rgb(${n[0]}, ${n[1]}, ${n[2]})` : `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${r})`, lt = (n, r) => _(V(n, r)), M = (n, r) => _(Z(n, r)), L = (n, r) => _(tt(n, r));
+const k = (n, r) => r === void 0 ? `rgb(${n[0]}, ${n[1]}, ${n[2]})` : `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${r})`, lt = (n, r) => A(V(n, r)), y = (n, r) => A(Z(n, r)), L = (n, r) => A(tt(n, r));
 function ft(n) {
   return n instanceof HTMLImageElement ? Promise.resolve(ot(n)) : at(n);
 }
@@ -250,28 +250,32 @@ const mt = (n) => {
     const f = a(m / 11);
     return L(f, 85e-4);
   }), h = l.map(
-    (o) => M(B(o), 5e-3)
-  ), e = _(M(nt(r, 180), 1)), t = j("#FFFFFF", e, "#000000"), s = Array.from({ length: 12 }, (o, m) => {
+    (o) => y(B(o), 5e-3)
+  ), e = A(y(nt(r, 180), 1)), t = j("#FFFFFF", e, "#000000"), s = Array.from({ length: 12 }, (o, m) => {
     const f = t(m / 11);
     return L(f, 0.1);
-  }), u = s.map(
+  }), c = s.map(
     (o) => L(B(o), 0.22)
-  ), c = it(
-    M(h[5], 0.115)
+  ), u = it(
+    y(h[5], 0.115)
   );
   return {
     BASE_COLOR: k(n),
     BRAND: {
-      PRIMARY: c,
-      PRIMARY_LIGHT: A(c, 0.25, {
+      PRIMARY: u,
+      PRIMARY_LIGHT: I(u, 0.25, {
         min: 0.6,
         max: 0.8
       }),
-      SECONDARY: L(u[4], 0.02)
+      PRIMARY_SUPER_LIGHT: I(u, 0.15, {
+        min: 0.8,
+        max: 0.9
+      }),
+      SECONDARY: L(c[4], 0.02)
     },
     PRIMARY: {
       //backgrounds
-      PRIMARY_SUPER_DARK: A(
+      PRIMARY_SUPER_DARK: I(
         H(l[9]),
         -0.6,
         {
@@ -279,7 +283,7 @@ const mt = (n) => {
           max: 0.02
         }
       ),
-      PRIMARY_DARK: A(
+      PRIMARY_DARK: I(
         H(l[8]),
         -0.4,
         {
@@ -288,37 +292,37 @@ const mt = (n) => {
         }
       ),
       //interactive components
-      PRIMARY_MEDIUM: A(h[7], -0.2, {
+      PRIMARY_MEDIUM: I(h[7], -0.2, {
         min: 0,
         max: 0.11
       }),
       //borders and seperators
-      PRIMARY_MEDIUM_LIGHT: A(
+      PRIMARY_MEDIUM_LIGHT: I(
         L(h[6], 0.1),
         0.08
       ),
       //solid colors
-      PRIMARY_LIGHT: A(
-        M(h[5], 0.1),
+      PRIMARY_LIGHT: I(
+        y(h[5], 0.1),
         0.16
       ),
       //accessible text
-      PRIMARY_LIGHTEST: A(
-        M(h[3], 0.2),
+      PRIMARY_LIGHTEST: I(
+        y(h[3], 0.2),
         0.12,
         {
           min: 0.5,
           max: 0.9
         }
       ),
-      PRIMARY_SUPER_LIGHT: A(h[1], 0.02, {
+      PRIMARY_SUPER_LIGHT: I(h[1], 0.02, {
         min: 0.86,
         max: 0.98
       })
     },
     SECONDARY: {
       //backgrounds
-      SECONDARY_SUPER_DARK: A(
+      SECONDARY_SUPER_DARK: I(
         H(s[9]),
         -0.6,
         {
@@ -326,7 +330,7 @@ const mt = (n) => {
           max: 0.02
         }
       ),
-      SECONDARY_DARK: A(
+      SECONDARY_DARK: I(
         H(s[8]),
         -0.4,
         {
@@ -335,31 +339,31 @@ const mt = (n) => {
         }
       ),
       // interactive components
-      SECONDARY_MEDIUM: A(u[7], -0.2, {
+      SECONDARY_MEDIUM: I(c[7], -0.2, {
         min: 0,
         max: 0.11
       }),
       //borders and seperators
-      SECONDARY_MEDIUM_LIGHT: A(
-        u[6],
+      SECONDARY_MEDIUM_LIGHT: I(
+        c[6],
         0.1
       ),
       //solid colors
-      SECONDARY_LIGHT: A(
-        M(u[5], 0.1),
+      SECONDARY_LIGHT: I(
+        y(c[5], 0.1),
         0.16
       ),
       //accessible text
-      SECONDARY_LIGHTEST: A(
-        M(u[3], 0.2),
+      SECONDARY_LIGHTEST: I(
+        y(c[3], 0.2),
         0.12,
         {
           min: 0.5,
           max: 0.9
         }
       ),
-      SECONDARY_SUPER_LIGHT: A(
-        u[0],
+      SECONDARY_SUPER_LIGHT: I(
+        c[0],
         0.02,
         {
           min: 0.86,
@@ -374,10 +378,10 @@ const mt = (n) => {
       SUCCESS_SUPER_LIGHT: T.SUPER_LIGHT
     },
     WARNING: {
-      WARNING_DARK: N.DARK,
-      WARNING_MEDIUM: N.MEDIUM,
-      WARNING_LIGHT: N.LIGHT,
-      WARNING_SUPER_LIGHT: N.SUPER_LIGHT
+      WARNING_DARK: U.DARK,
+      WARNING_MEDIUM: U.MEDIUM,
+      WARNING_LIGHT: U.LIGHT,
+      WARNING_SUPER_LIGHT: U.SUPER_LIGHT
     },
     DANGER: {
       DANGER_SUPER_DARK: P.SUPER_DARK,
@@ -387,46 +391,46 @@ const mt = (n) => {
       DANGER_SUPER_LIGHT: P.SUPER_LIGHT
     }
   };
-}, A = (n, r, a = { min: 0.03, max: 0.97 }) => {
-  let l = n, h = y(l);
+}, I = (n, r, a = { min: 0.03, max: 0.97 }) => {
+  let l = n, h = M(l);
   if (a.min < 0 && (a.min = 0), a.max > 1 && (a.max = 1), a.min >= a.max)
     throw new Error("Invalid range: min must be less than max");
   if (r > 0) {
     const t = a.max - h;
-    if (t <= 0) return _(l);
+    if (t <= 0) return A(l);
     const s = r * (t / (1 - h));
     l = Y(l, s);
   } else if (r < 0) {
     const t = h - a.min;
-    if (t <= 0) return _(l);
+    if (t <= 0) return A(l);
     const s = r * (t / h);
     l = F(l, Math.abs(s));
   }
-  const e = y(l);
-  return (e > a.max || e < a.min) && (l = q(l, a)), _(l);
+  const e = M(l);
+  return (e > a.max || e < a.min) && (l = q(l, a)), A(l);
 }, q = (n, r) => {
-  let a = n, l = y(a);
+  let a = n, l = M(a);
   for (; l > r.max; )
-    a = F(a, 0.05), l = y(a);
+    a = F(a, 0.05), l = M(a);
   for (; l < r.min; )
-    a = Y(a, 0.05), l = y(a);
-  return _(a);
+    a = Y(a, 0.05), l = M(a);
+  return A(a);
 }, H = (n) => {
   for (; X(n, "readable", J.GRAY_DARK); )
     n = Y(n, 0.01);
-  return _(n);
+  return A(n);
 }, it = (n) => {
   for (; X(J.GRAY_SUPER_LIGHT, "readable", n); )
     n = F(n, 0.01);
-  return _(n);
+  return A(n);
 }, B = (n) => {
-  let r = n, a = y(_(r)), l = 0;
+  let r = n, a = M(A(r)), l = 0;
   const h = 6;
   for (; a < 0.16 && l < h; )
-    l++, r = Y(r, 0.1), a = y(_(r));
+    l++, r = Y(r, 0.1), a = M(A(r));
   for (; a > 0.6 && l < h; )
-    l++, r = F(r, 0.1), a = y(_(r));
-  return _(r);
+    l++, r = F(r, 0.1), a = M(A(r));
+  return A(r);
 }, st = (n) => typeof n == "string" || n instanceof String;
 function ht(...n) {
   return n.filter(st).join(" ");
@@ -441,14 +445,16 @@ const gt = (n) => n.startsWith("http"), vt = (n, r) => {
 export {
   k as arrayToRgbString,
   ht as csx,
+  dt as darken,
   L as desaturate,
   mt as generatePalette,
   ft as getDominantColor,
   vt as handleInternalNavigation,
   gt as isUrlExternal,
-  M as saturate,
-  dt as toHex,
-  Et as toRgba,
+  Et as lighten,
+  y as saturate,
+  It as toHex,
+  bt as toRgba,
   lt as transparentize
 };
 //# sourceMappingURL=utils.es.js.map