@quidgest/ui 0.17.2 → 0.17.4

package/esm/utils/color/conversion.js

@@ -1,59 +1,49 @@
-function f(t) {
-  const r = t.r / 255, n = t.g / 255, o = t.b / 255, s = Math.max(r, n, o), c = Math.min(r, n, o);
-  let a = 0, e;
-  const i = (s + c) / 2;
-  if (s === c)
-    a = e = 0;
-  else {
-    const u = s - c;
-    switch (e = i > 0.5 ? u / (2 - s - c) : u / (s + c), s) {
-      case r:
-        a = (n - o) / u + (n < o ? 6 : 0);
-        break;
-      case n:
-        a = (o - r) / u + 2;
-        break;
-      case o:
-        a = (r - n) / u + 4;
-        break;
-    }
-    a /= 6;
-  }
-  return {
-    h: Math.round(a * 360),
-    s: Math.round(e * 100),
-    l: Math.round(i * 100)
-  };
+//#region src/utils/color/conversion.ts
+function e(e) {
+	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), a = Math.min(t, n, r), o = 0, s, c = (i + a) / 2;
+	if (i === a) o = s = 0;
+	else {
+		let e = i - a;
+		switch (s = c > .5 ? e / (2 - i - a) : e / (i + a), i) {
+			case t:
+				o = (n - r) / e + (n < r ? 6 : 0);
+				break;
+			case n:
+				o = (r - t) / e + 2;
+				break;
+			case r:
+				o = (t - n) / e + 4;
+				break;
+		}
+		o /= 6;
+	}
+	return {
+		h: Math.round(o * 360),
+		s: Math.round(s * 100),
+		l: Math.round(c * 100)
+	};
 }
-function b(t) {
-  const r = t.h / 360, n = t.s / 100, o = t.l / 100;
-  let s, c, a;
-  if (n === 0)
-    s = c = a = o;
-  else {
-    const e = o < 0.5 ? o * (1 + n) : o + n - o * n, i = 2 * o - e;
-    s = h(i, e, r + 1 / 3), c = h(i, e, r), a = h(i, e, r - 1 / 3);
-  }
-  return {
-    r: Math.round(s * 255),
-    g: Math.round(c * 255),
-    b: Math.round(a * 255)
-  };
+function t(e) {
+	let t = e.h / 360, r = e.s / 100, i = e.l / 100, a, o, s;
+	if (r === 0) a = o = s = i;
+	else {
+		let e = i < .5 ? i * (1 + r) : i + r - i * r, c = 2 * i - e;
+		a = n(c, e, t + 1 / 3), o = n(c, e, t), s = n(c, e, t - 1 / 3);
+	}
+	return {
+		r: Math.round(a * 255),
+		g: Math.round(o * 255),
+		b: Math.round(s * 255)
+	};
 }
-function h(t, r, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (r - t) * 6 * n : n < 1 / 2 ? r : n < 2 / 3 ? t + (r - t) * (2 / 3 - n) * 6 : t;
+function n(e, t, n) {
+	return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function d(t) {
-  const r = t.r.toString(16).padStart(2, "0"), n = t.g.toString(16).padStart(2, "0"), o = t.b.toString(16).padStart(2, "0");
-  return `#${r}${n}${o}`;
+function r(e) {
+	return `#${e.r.toString(16).padStart(2, "0")}${e.g.toString(16).padStart(2, "0")}${e.b.toString(16).padStart(2, "0")}`;
 }
-function g(t) {
-  return `${t.r} ${t.g} ${t.b}`;
+function i(e) {
+	return `${e.r} ${e.g} ${e.b}`;
 }
-export {
-  b as hslToRgb,
-  h as hueToRgb,
-  d as rgbToHex,
-  f as rgbToHsl,
-  g as rgbToVariableString
-};
+//#endregion
+export { t as hslToRgb, n as hueToRgb, r as rgbToHex, e as rgbToHsl, i as rgbToVariableString };

package/esm/utils/color/manipulate.js

@@ -1,21 +1,16 @@
-import { rgbToHsl as l, hslToRgb as o } from "./conversion.js";
-function i(t, r) {
-  if (r < 0 || r > 100)
-    throw new Error("Amount must be in the range [0, 100]");
-  if (r === 0)
-    return t;
-  const e = l(t), n = r / 100;
-  return e.l = e.l + n * (100 - e.l), o(e);
+import { hslToRgb as e, rgbToHsl as t } from "./conversion.js";
+//#region src/utils/color/manipulate.ts
+function n(n, r) {
+	if (r < 0 || r > 100) throw Error("Amount must be in the range [0, 100]");
+	if (r === 0) return n;
+	let i = t(n), a = r / 100;
+	return i.l += a * (100 - i.l), e(i);
 }
-function f(t, r) {
-  if (r < 0 || r > 100)
-    throw new Error("Amount must be in the range [0, 100]");
-  if (r === 0)
-    return t;
-  const e = l(t), n = r / 100;
-  return e.l = e.l - n * e.l, o(e);
+function r(n, r) {
+	if (r < 0 || r > 100) throw Error("Amount must be in the range [0, 100]");
+	if (r === 0) return n;
+	let i = t(n), a = r / 100;
+	return i.l -= a * i.l, e(i);
 }
-export {
-  f as darken,
-  i as lighten
-};
+//#endregion
+export { r as darken, n as lighten };

package/esm/utils/color/merge.js

@@ -1,49 +1,44 @@
-import { getComplementaryColor as y, getContrastingColor as C } from "./contrast.js";
-import { rgbToHex as p, rgbToHsl as d } from "./conversion.js";
-import { lighten as K, darken as $ } from "./manipulate.js";
-import { parseColor as f } from "./parse.js";
-function U(m, o) {
-  const n = { ...m }, l = (t, r) => {
-    const i = f(t), a = p(K(i, 85)), c = p($(i, 25)), e = r.toString().replace(/(Light|Dark)$/, "");
-    return {
-      [e]: t,
-      [`${e}Light`]: a,
-      [`${e}Dark`]: c
-    };
-  }, s = (t) => {
-    const r = f(t), i = d(r);
-    return C(i.l);
-  }, k = [
-    "primary",
-    "secondary",
-    "highlight",
-    "info",
-    "success",
-    "warning",
-    "danger",
-    "neutral"
-  ];
-  for (const t of k) {
-    const r = t, i = `${t}Light`, a = `${t}Dark`, c = `on${t.charAt(0).toUpperCase() + t.slice(1)}`, e = `on${t.charAt(0).toUpperCase() + t.slice(1)}Light`, g = `on${t.charAt(0).toUpperCase() + t.slice(1)}Dark`;
-    if (o[r]) {
-      const h = l(o[r], r);
-      Object.assign(n, h), n[c] = s(o[r]), n[e] = s(h[i]), n[g] = s(h[a]);
-    }
-    o[r] || (o[i] && (n[i] = o[i], o[e] || (n[e] = s(o[i]))), o[a] && (n[a] = o[a], o[g] || (n[g] = s(o[a])))), o[c] && (n[c] = o[c]), o[e] && (n[e] = o[e]), o[g] && (n[g] = o[g]);
-  }
-  if (o.primary && !o.highlight) {
-    const t = y(o.primary), r = l(t, "highlight");
-    Object.assign(n, r), n.onHighlight = s(t), n.onHighlightLight = s(r.highlightLight), n.onHighlightDark = s(r.highlightDark);
-  }
-  const u = ["background", "container"];
-  for (const t of u)
-    if (o[t]) {
-      n[t] = o[t];
-      const r = `on${t.charAt(0).toUpperCase() + t.slice(1)}`;
-      o[r] || (n[r] = s(o[t]));
-    }
-  return o.onBackground && (n.onBackground = o.onBackground), o.onContainer && (n.onContainer = o.onContainer), n;
+import { rgbToHex as e, rgbToHsl as t } from "./conversion.js";
+import { parseColor as n } from "./parse.js";
+import { getComplementaryColor as r, getContrastingColor as i } from "./contrast.js";
+import { darken as a, lighten as o } from "./manipulate.js";
+//#region src/utils/color/merge.ts
+function s(s, c) {
+	let l = { ...s }, u = (t, r) => {
+		let i = n(t), s = e(o(i, 85)), c = e(a(i, 25)), l = r.toString().replace(/(Light|Dark)$/, "");
+		return {
+			[l]: t,
+			[`${l}Light`]: s,
+			[`${l}Dark`]: c
+		};
+	}, d = (e) => i(t(n(e)).l);
+	for (let e of [
+		"primary",
+		"secondary",
+		"highlight",
+		"info",
+		"success",
+		"warning",
+		"danger",
+		"neutral"
+	]) {
+		let t = e, n = `${e}Light`, r = `${e}Dark`, i = `on${e.charAt(0).toUpperCase() + e.slice(1)}`, a = `on${e.charAt(0).toUpperCase() + e.slice(1)}Light`, o = `on${e.charAt(0).toUpperCase() + e.slice(1)}Dark`;
+		if (c[t]) {
+			let e = u(c[t], t);
+			Object.assign(l, e), l[i] = d(c[t]), l[a] = d(e[n]), l[o] = d(e[r]);
+		}
+		c[t] || (c[n] && (l[n] = c[n], c[a] || (l[a] = d(c[n]))), c[r] && (l[r] = c[r], c[o] || (l[o] = d(c[r])))), c[i] && (l[i] = c[i]), c[a] && (l[a] = c[a]), c[o] && (l[o] = c[o]);
+	}
+	if (c.primary && !c.highlight) {
+		let e = r(c.primary), t = u(e, "highlight");
+		Object.assign(l, t), l.onHighlight = d(e), l.onHighlightLight = d(t.highlightLight), l.onHighlightDark = d(t.highlightDark);
+	}
+	for (let e of ["background", "container"]) if (c[e]) {
+		l[e] = c[e];
+		let t = `on${e.charAt(0).toUpperCase() + e.slice(1)}`;
+		c[t] || (l[t] = d(c[e]));
+	}
+	return c.onBackground && (l.onBackground = c.onBackground), c.onContainer && (l.onContainer = c.onContainer), l;
 }
-export {
-  U as mergeColorSchemes
-};
+//#endregion
+export { s as mergeColorSchemes };

package/esm/utils/color/parse.js

@@ -1,26 +1,26 @@
-function a(t, n = !1) {
-  return n ? /^#[a-fA-F0-9]{6}$/.test(t) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
+//#region src/utils/color/parse.ts
+function e(e, t = !1) {
+	return t ? /^#[a-fA-F0-9]{6}$/.test(e) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(e);
 }
-function i(t) {
-  const n = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-  if (n) {
-    const e = parseInt(n[1], 10), s = parseInt(n[2], 10), r = parseInt(n[3], 10);
-    return { r: e, g: s, b: r };
-  }
+function t(e) {
+	let t = e.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+	if (t) return {
+		r: parseInt(t[1], 10),
+		g: parseInt(t[2], 10),
+		b: parseInt(t[3], 10)
+	};
 }
-function f(t) {
-  if (a(t)) {
-    t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-    const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), s = parseInt(t.slice(5, 7), 16);
-    return { r: n, g: e, b: s };
-  } else {
-    const n = i(t);
-    if (n) return n;
-  }
-  throw new Error("Invalid color format");
+function n(n) {
+	if (e(n)) return n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]), {
+		r: parseInt(n.slice(1, 3), 16),
+		g: parseInt(n.slice(3, 5), 16),
+		b: parseInt(n.slice(5, 7), 16)
+	};
+	{
+		let e = t(n);
+		if (e) return e;
+	}
+	throw Error("Invalid color format");
 }
-export {
-  a as isValidHex,
-  f as parseColor,
-  i as tryParseRgb
-};
+//#endregion
+export { e as isValidHex, n as parseColor, t as tryParseRgb };