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

package/dist/utils.d.ts

@@ -1,5 +1,3 @@
-import { darken } from 'color2k';
-import { lighten } from 'color2k';
 import { toHex } from 'color2k';
 import { toRgba } from 'color2k';
 
@@ -11,15 +9,8 @@ import { toRgba } from 'color2k';
  */
 export declare const arrayToRgbString: (rgb: RGBArray, opacity?: number) => string;
 
-export declare const copyTextToClipboard: (text: string, onError?: (error: Error) => void) => Promise<boolean>;
-
-/**
- * Concatenates class names into a single string, filtering out non-string values.
- */
 export declare function csx(...classnames: unknown[]): string;
 
-export { darken }
-
 /**
  * Desaturates a color.
  *
@@ -45,7 +36,7 @@ export declare const desaturate: (color: string, amount: number) => string;
  * 3. Creates another 12-color scale for the secondary color
  * 4. Maps specific positions from these scales to create the final palette structure
  */
-export declare const generatePalette: (baseColor: RGBArray_2) => ProtonPalette;
+export declare const generatePalette: (baseColor: RGBArray) => Palette;
 
 /**
  * Gets the dominant color of an image. Avoids issues with low contrast colors.
@@ -53,9 +44,9 @@ export declare const generatePalette: (baseColor: RGBArray_2) => ProtonPalette;
  * @param image - The image to get the dominant color from.
  * @returns A Promise that resolves to an RGB array.
  */
-export declare function getDominantColor(image: HTMLImageElement): Promise<RGBArray_2>;
+export declare function getDominantColor(image: HTMLImageElement): Promise<RGBArray>;
 
-export declare function getDominantColor(image: string): Promise<RGBArray_2>;
+export declare function getDominantColor(image: string): Promise<RGBArray>;
 
 /**
  * Handles internal navigation clicks by preventing default browser behavior and
@@ -75,37 +66,53 @@ export declare const handleInternalNavigation: (e: React.MouseEvent<HTMLAnchorEl
  */
 export declare const isUrlExternal: (url: string) => boolean;
 
-export { lighten }
-
-declare type ProtonColorScale = {
-    SUPER_DARK: string;
-    DARK: string;
-    MEDIUM: string;
-    MEDIUM_LIGHT: string;
-    LIGHT: string;
-    LIGHTEST: string;
-    SUPER_LIGHT: string;
-    WHITE: string;
-};
-
-declare type ProtonPalette = {
+declare type Palette = {
     BASE_COLOR: string;
     BRAND: {
         PRIMARY: string;
         PRIMARY_LIGHT: string;
-        PRIMARY_SUPER_LIGHT: string;
         SECONDARY: string;
+    };
+    PRIMARY: {
+        PRIMARY_SUPER_DARK: string;
+        PRIMARY_DARK: string;
+        PRIMARY_MEDIUM: string;
+        PRIMARY_MEDIUM_LIGHT: string;
+        PRIMARY_LIGHT: string;
+        PRIMARY_LIGHTEST: string;
+        PRIMARY_SUPER_LIGHT: string;
+    };
+    SECONDARY: {
+        SECONDARY_SUPER_DARK: string;
+        SECONDARY_DARK: string;
+        SECONDARY_MEDIUM: string;
+        SECONDARY_MEDIUM_LIGHT: string;
         SECONDARY_LIGHT: string;
+        SECONDARY_LIGHTEST: string;
         SECONDARY_SUPER_LIGHT: string;
     };
-    PRIMARY: ProtonColorScale;
-    SECONDARY: ProtonColorScale;
-    GRAYSCALE: ProtonColorScale;
+    SUCCESS: {
+        SUCCESS_DARK: string;
+        SUCCESS_MEDIUM: string;
+        SUCCESS_LIGHT: string;
+        SUCCESS_SUPER_LIGHT: string;
+    };
+    WARNING: {
+        WARNING_DARK: string;
+        WARNING_MEDIUM: string;
+        WARNING_LIGHT: string;
+        WARNING_SUPER_LIGHT: string;
+    };
+    DANGER: {
+        DANGER_SUPER_DARK: string;
+        DANGER_DARK: string;
+        DANGER_MEDIUM: string;
+        DANGER_LIGHT: string;
+        DANGER_SUPER_LIGHT: string;
+    };
 };
 
-declare type RGBArray = [number, number, number];
-
-declare type RGBArray_2 = [number, number, number];
+export declare type RGBArray = [number, number, number];
 
 /**
  * Saturates a color.
@@ -130,3 +137,8 @@ export { toRgba }
 export declare const transparentize: (color: string, amount: number) => string;
 
 export { }
+
+
+declare namespace ButtonGroup {
+    var Option: (props: ButtonGroupOptionProps) => import("react/jsx-runtime").JSX.Element;
+}

package/dist/utils.es.js

@@ -1,20 +1,454 @@
-import { a as e, b as r, d as s, l as o, s as n, c as i, e as l, t as g } from "./darkTheme-DUWn6YJ-.mjs";
-import { a as p, c as d, h as b, i as c } from "./navigation-Bj7Pex9j.mjs";
-import { g as f, a as h } from "./image-C8M6y5Op.mjs";
+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) {
+  return n < r ? -1 : n > r ? 1 : 0;
+}, $ = function(n) {
+  return n.reduce(function(r, a) {
+    return r + a;
+  }, 0);
+}, et = /* @__PURE__ */ function() {
+  function n(a) {
+    this.colors = a;
+  }
+  var r = n.prototype;
+  return r.palette = function() {
+    return this.colors;
+  }, r.map = function(a) {
+    return a;
+  }, n;
+}(), rt = function() {
+  function n(e, t, s) {
+    return (e << 10) + (t << 5) + s;
+  }
+  function r(e) {
+    var t = [], s = !1;
+    function u() {
+      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];
+    }, pop: function() {
+      return s || u(), t.pop();
+    }, size: function() {
+      return t.length;
+    }, map: function(c) {
+      return t.map(c);
+    }, debug: function() {
+      return s || u(), t;
+    } };
+  }
+  function a(e, t, s, u, c, 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;
+  }
+  function l() {
+    this.vboxes = new r(function(e, t) {
+      return U(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]);
+      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++) {
+        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++) {
+        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;
+      }
+      else for (o = t.b1; o <= t.b2; o++) {
+        for (v = 0, m = t.r1; m <= t.r2; m++) for (f = t.g1; f <= t.g2; f++) v += e[n(m, f, o)] || 0;
+        p[o] = d += v;
+      }
+      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;
+        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 (x = C[E]; !x && p[E - 1]; ) x = C[--E];
+          return R[S] = E, I[w] = R[S] + 1, [R, I];
+        }
+      }(c == s ? "r" : c == u ? "g" : "b");
+    }
+  }
+  return a.prototype = { volume: function(e) {
+    var t = this;
+    return t._volume && !e || (t._volume = (t.r2 - t.r1 + 1) * (t.g2 - t.g1 + 1) * (t.b2 - t.b1 + 1)), t._volume;
+  }, 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;
+      t._count = m, t._count_set = !0;
+    }
+    return t._count;
+  }, copy: function() {
+    var e = this;
+    return new a(e.r1, e.r2, e.g1, e.g2, e.b1, e.b2, e.histo);
+  }, 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;
+      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;
+        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)];
+      }
+    }
+    return t._avg;
+  }, contains: function(e) {
+    var t = this, s = e[0] >> 3;
+    return gval = e[1] >> 3, bval = e[2] >> 3, s >= t.r1 && s <= t.r2 && gval >= t.g1 && gval <= t.g2 && bval >= t.b1 && bval <= t.b2;
+  } }, l.prototype = { push: function(e) {
+    this.vboxes.push({ vbox: e, color: e.avg() });
+  }, palette: function() {
+    return this.vboxes.map(function(e) {
+      return e.color;
+    });
+  }, size: function() {
+    return this.vboxes.size();
+  }, map: function(e) {
+    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;
+  }, forcebw: function() {
+    var e = this.vboxes;
+    e.sort(function(c, o) {
+      return U($(c.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]);
+  } }, { 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));
+    }
+    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;
+      }), 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;
+      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);
+      }), new a(w, S, x, K, z, O, b);
+    }(e, f), d = new r(function(g, b) {
+      return U(g.count(), b.count());
+    });
+    function p(g, b) {
+      for (var R, I = g.size(), E = 0; E < 1e3; ) {
+        if (I >= 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++);
+        } 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());
+    }); d.size(); ) C.push(d.pop());
+    p(C, t);
+    for (var D = new l(); C.size(); ) D.push(C.pop());
+    return D;
+  } };
+}().quantize, Q = function(n) {
+  this.canvas = document.createElement("canvas"), this.context = this.canvas.getContext("2d"), this.width = this.canvas.width = n.naturalWidth, this.height = this.canvas.height = n.naturalHeight, this.context.drawImage(n, 0, 0, this.width, this.height);
+};
+Q.prototype.getImageData = function() {
+  return this.context.getImageData(0, 0, this.width, this.height);
+};
+var G = function() {
+};
+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]));
+    return C;
+  }(h.getImageData().data, h.width * h.height, l.quality), t = rt(e, l.colorCount);
+  return t ? t.palette() : null;
+}, G.prototype.getColorFromUrl = function(n, r, a) {
+  var l = this, h = document.createElement("img");
+  h.addEventListener("load", function() {
+    var e = l.getPalette(h, 5, a);
+    r(e[0], n);
+  }), h.src = n;
+}, G.prototype.getImageData = function(n, r) {
+  var a = new XMLHttpRequest();
+  a.open("GET", n, !0), a.responseType = "arraybuffer", a.onload = function() {
+    if (this.status == 200) {
+      var l = new Uint8Array(this.response);
+      i = l.length;
+      for (var h = new Array(i), e = 0; e < l.length; e++) h[e] = String.fromCharCode(l[e]);
+      var t = h.join(""), s = window.btoa(t);
+      r("data:image/png;base64," + s);
+    }
+  }, a.send();
+}, G.prototype.getColorAsync = function(n, r, a) {
+  var l = this;
+  this.getImageData(n, function(h) {
+    var e = document.createElement("img");
+    e.addEventListener("load", function() {
+      var t = l.getPalette(e, 5, a);
+      r(t[0], this);
+    }), 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));
+function ft(n) {
+  return n instanceof HTMLImageElement ? Promise.resolve(ot(n)) : at(n);
+}
+function ot(n) {
+  try {
+    return new G().getColor(n);
+  } catch {
+    return [255, 255, 255];
+  }
+}
+function at(n) {
+  return new Promise((r, a) => {
+    const l = document.createElement("img");
+    l.crossOrigin = "anonymous", l.onload = () => {
+      try {
+        const h = new G().getColor(l);
+        r(h);
+      } catch {
+        r([255, 255, 255]);
+      }
+    }, l.onerror = () => a(new Error("Failed to load image")), l.src = n;
+  });
+}
+const mt = (n) => {
+  const r = k(n), a = j("#FFFFFF", r, "#000000"), l = Array.from({ length: 12 }, (o, m) => {
+    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) => {
+    const f = t(m / 11);
+    return L(f, 0.1);
+  }), u = s.map(
+    (o) => L(B(o), 0.22)
+  ), c = it(
+    M(h[5], 0.115)
+  );
+  return {
+    BASE_COLOR: k(n),
+    BRAND: {
+      PRIMARY: c,
+      PRIMARY_LIGHT: A(c, 0.25, {
+        min: 0.6,
+        max: 0.8
+      }),
+      SECONDARY: L(u[4], 0.02)
+    },
+    PRIMARY: {
+      //backgrounds
+      PRIMARY_SUPER_DARK: A(
+        H(l[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      PRIMARY_DARK: A(
+        H(l[8]),
+        -0.4,
+        {
+          min: 0.01,
+          max: 0.02
+        }
+      ),
+      //interactive components
+      PRIMARY_MEDIUM: A(h[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      PRIMARY_MEDIUM_LIGHT: A(
+        L(h[6], 0.1),
+        0.08
+      ),
+      //solid colors
+      PRIMARY_LIGHT: A(
+        M(h[5], 0.1),
+        0.16
+      ),
+      //accessible text
+      PRIMARY_LIGHTEST: A(
+        M(h[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      PRIMARY_SUPER_LIGHT: A(h[1], 0.02, {
+        min: 0.86,
+        max: 0.98
+      })
+    },
+    SECONDARY: {
+      //backgrounds
+      SECONDARY_SUPER_DARK: A(
+        H(s[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      SECONDARY_DARK: A(
+        H(s[8]),
+        -0.4,
+        {
+          min: 0.01,
+          max: 0.02
+        }
+      ),
+      // interactive components
+      SECONDARY_MEDIUM: A(u[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      SECONDARY_MEDIUM_LIGHT: A(
+        u[6],
+        0.1
+      ),
+      //solid colors
+      SECONDARY_LIGHT: A(
+        M(u[5], 0.1),
+        0.16
+      ),
+      //accessible text
+      SECONDARY_LIGHTEST: A(
+        M(u[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      SECONDARY_SUPER_LIGHT: A(
+        u[0],
+        0.02,
+        {
+          min: 0.86,
+          max: 0.98
+        }
+      )
+    },
+    SUCCESS: {
+      SUCCESS_DARK: T.DARK,
+      SUCCESS_MEDIUM: T.MEDIUM,
+      SUCCESS_LIGHT: T.LIGHT,
+      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
+    },
+    DANGER: {
+      DANGER_SUPER_DARK: P.SUPER_DARK,
+      DANGER_DARK: P.DARK,
+      DANGER_MEDIUM: P.MEDIUM,
+      DANGER_LIGHT: P.LIGHT,
+      DANGER_SUPER_LIGHT: P.SUPER_LIGHT
+    }
+  };
+}, A = (n, r, a = { min: 0.03, max: 0.97 }) => {
+  let l = n, h = y(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);
+    const s = r * (t / (1 - h));
+    l = Y(l, s);
+  } else if (r < 0) {
+    const t = h - a.min;
+    if (t <= 0) return _(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);
+}, q = (n, r) => {
+  let a = n, l = y(a);
+  for (; l > r.max; )
+    a = F(a, 0.05), l = y(a);
+  for (; l < r.min; )
+    a = Y(a, 0.05), l = y(a);
+  return _(a);
+}, H = (n) => {
+  for (; X(n, "readable", J.GRAY_DARK); )
+    n = Y(n, 0.01);
+  return _(n);
+}, it = (n) => {
+  for (; X(J.GRAY_SUPER_LIGHT, "readable", n); )
+    n = F(n, 0.01);
+  return _(n);
+}, B = (n) => {
+  let r = n, a = y(_(r)), l = 0;
+  const h = 6;
+  for (; a < 0.16 && l < h; )
+    l++, r = Y(r, 0.1), a = y(_(r));
+  for (; a > 0.6 && l < h; )
+    l++, r = F(r, 0.1), a = y(_(r));
+  return _(r);
+}, st = (n) => typeof n == "string" || n instanceof String;
+function ht(...n) {
+  return n.filter(st).join(" ");
+}
+const gt = (n) => n.startsWith("http"), vt = (n, r) => {
+  if (n.metaKey || n.altKey || n.ctrlKey || n.shiftKey || n.button && n.button !== 0)
+    return;
+  n.preventDefault();
+  const a = r.startsWith("/") ? r : `/${r}`;
+  window.history.pushState({}, "", a), window.dispatchEvent(new PopStateEvent("popstate"));
+};
 export {
-  e as arrayToRgbString,
-  p as copyTextToClipboard,
-  d as csx,
-  r as darken,
-  s as desaturate,
-  f as generatePalette,
-  h as getDominantColor,
-  b as handleInternalNavigation,
-  c as isUrlExternal,
-  o as lighten,
-  n as saturate,
-  i as toHex,
-  l as toRgba,
-  g as transparentize
+  k as arrayToRgbString,
+  ht as csx,
+  L as desaturate,
+  mt as generatePalette,
+  ft as getDominantColor,
+  vt as handleInternalNavigation,
+  gt as isUrlExternal,
+  M as saturate,
+  dt as toHex,
+  Et as toRgba,
+  lt as transparentize
 };
 //# sourceMappingURL=utils.es.js.map