@luzmo/analytics-components-kit 1.0.0

package/components/color-DTIMSCrf.js

@@ -0,0 +1,3807 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+function multiplyMatrices(e, s) {
+	let l = e.length;
+	Array.isArray(e[0]) || (e = [e]), Array.isArray(s[0]) || (s = s.map((e) => [e]));
+	let u = s[0].length, f = s[0].map((e, l) => s.map((e) => e[l])), h = e.map((e) => f.map((s) => {
+		let l = 0;
+		if (!Array.isArray(e)) {
+			for (let u of s) l += e * u;
+			return l;
+		}
+		for (let u = 0; u < e.length; u++) l += e[u] * (s[u] || 0);
+		return l;
+	}));
+	return l === 1 && (h = h[0]), u === 1 ? h.map((e) => e[0]) : h;
+}
+function isString(e) {
+	return type(e) === "string";
+}
+function type(e) {
+	return (Object.prototype.toString.call(e).match(/^\[object\s+(.*?)\]$/)[1] || "").toLowerCase();
+}
+function serializeNumber(e, { precision: s, unit: l }) {
+	return isNone(e) ? "none" : toPrecision(e, s) + (l ?? "");
+}
+function isNone(e) {
+	return Number.isNaN(e) || e instanceof Number && e?.none;
+}
+function skipNone(e) {
+	return isNone(e) ? 0 : e;
+}
+function toPrecision(e, s) {
+	if (e === 0) return 0;
+	let l = ~~e, u = 0;
+	l && s && (u = ~~Math.log10(Math.abs(l)) + 1);
+	let f = 10 ** (s - u);
+	return Math.floor(e * f + .5) / f;
+}
+var angleFactor = {
+	deg: 1,
+	grad: .9,
+	rad: 180 / Math.PI,
+	turn: 360
+};
+function parseFunction(e) {
+	if (!e) return;
+	e = e.trim();
+	let s = /^([a-z]+)\((.+?)\)$/i, l = /^-?[\d.]+$/, u = /%|deg|g?rad|turn$/, f = /\/?\s*(none|[-\w.]+(?:%|deg|g?rad|turn)?)/g, h = e.match(s);
+	if (h) {
+		let e = [];
+		return h[2].replace(f, (s, f) => {
+			let h = f.match(u), _ = f;
+			if (h) {
+				let e = h[0], s = _.slice(0, -e.length);
+				e === "%" ? (_ = /* @__PURE__ */ new Number(s / 100), _.type = "<percentage>") : (_ = new Number(s * angleFactor[e]), _.type = "<angle>", _.unit = e);
+			} else l.test(_) ? (_ = new Number(_), _.type = "<number>") : _ === "none" && (_ = /* @__PURE__ */ new Number(NaN), _.none = !0);
+			s.startsWith("/") && (_ = _ instanceof Number ? _ : new Number(_), _.alpha = !0), typeof _ == "object" && _ instanceof Number && (_.raw = f), e.push(_);
+		}), {
+			name: h[1].toLowerCase(),
+			rawName: h[1],
+			rawArgs: h[2],
+			args: e
+		};
+	}
+}
+function last(e) {
+	return e[e.length - 1];
+}
+function interpolate(e, s, l) {
+	return isNaN(e) ? s : isNaN(s) ? e : e + (s - e) * l;
+}
+function interpolateInv(e, s, l) {
+	return (l - e) / (s - e);
+}
+function mapRange(e, s, l) {
+	return interpolate(s[0], s[1], interpolateInv(e[0], e[1], l));
+}
+function parseCoordGrammar(e) {
+	return e.map((e) => e.split("|").map((e) => {
+		e = e.trim();
+		let s = e.match(/^(<[a-z]+>)\[(-?[.\d]+),\s*(-?[.\d]+)\]?$/);
+		if (s) {
+			let e = new String(s[1]);
+			return e.range = [+s[2], +s[3]], e;
+		}
+		return e;
+	}));
+}
+function clamp(e, s, l) {
+	return Math.max(Math.min(l, s), e);
+}
+function copySign(e, s) {
+	return Math.sign(e) === Math.sign(s) ? e : -e;
+}
+function spow(e, s) {
+	return copySign(Math.abs(e) ** s, e);
+}
+function zdiv(e, s) {
+	return s === 0 ? 0 : e / s;
+}
+function bisectLeft(e, s, l = 0, u = e.length) {
+	for (; l < u;) {
+		let f = l + u >> 1;
+		e[f] < s ? l = f + 1 : u = f;
+	}
+	return l;
+}
+var util = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	bisectLeft,
+	clamp,
+	copySign,
+	interpolate,
+	interpolateInv,
+	isNone,
+	isString,
+	last,
+	mapRange,
+	multiplyMatrices,
+	parseCoordGrammar,
+	parseFunction,
+	serializeNumber,
+	skipNone,
+	spow,
+	toPrecision,
+	type,
+	zdiv
+}), hooks = new class {
+	add(e, s, l) {
+		if (typeof arguments[0] != "string") {
+			for (var e in arguments[0]) this.add(e, arguments[0][e], arguments[1]);
+			return;
+		}
+		(Array.isArray(e) ? e : [e]).forEach(function(e) {
+			this[e] = this[e] || [], s && this[e][l ? "unshift" : "push"](s);
+		}, this);
+	}
+	run(e, s) {
+		this[e] = this[e] || [], this[e].forEach(function(e) {
+			e.call(s && s.context ? s.context : s, s);
+		});
+	}
+}(), defaults = {
+	gamut_mapping: "css",
+	precision: 5,
+	deltaE: "76",
+	verbose: globalThis?.process?.env?.NODE_ENV?.toLowerCase() !== "test",
+	warn: function(e) {
+		this.verbose && globalThis?.console?.warn?.(e);
+	}
+}, WHITES = {
+	D50: [
+		.3457 / .3585,
+		1,
+		.2958 / .3585
+	],
+	D65: [
+		.3127 / .329,
+		1,
+		.3583 / .329
+	]
+};
+function getWhite(e) {
+	return Array.isArray(e) ? e : WHITES[e];
+}
+function adapt$2(s, l, u, f = {}) {
+	if (s = getWhite(s), l = getWhite(l), !s || !l) throw TypeError(`Missing white point to convert ${s ? "" : "from"}${!s && !l ? "/" : ""}${l ? "" : "to"}`);
+	if (s === l) return u;
+	let h = {
+		W1: s,
+		W2: l,
+		XYZ: u,
+		options: f
+	};
+	if (hooks.run("chromatic-adaptation-start", h), h.M || (h.W1 === WHITES.D65 && h.W2 === WHITES.D50 ? h.M = [
+		[
+			1.0479297925449969,
+			.022946870601609652,
+			-.05019226628920524
+		],
+		[
+			.02962780877005599,
+			.9904344267538799,
+			-.017073799063418826
+		],
+		[
+			-.009243040646204504,
+			.015055191490298152,
+			.7518742814281371
+		]
+	] : h.W1 === WHITES.D50 && h.W2 === WHITES.D65 && (h.M = [
+		[
+			.955473421488075,
+			-.02309845494876471,
+			.06325924320057072
+		],
+		[
+			-.0283697093338637,
+			1.0099953980813041,
+			.021041441191917323
+		],
+		[
+			.012314014864481998,
+			-.020507649298898964,
+			1.330365926242124
+		]
+	])), hooks.run("chromatic-adaptation-end", h), h.M) return multiplyMatrices(h.M, h.XYZ);
+	throw TypeError("Only Bradford CAT with white points D50 and D65 supported for now.");
+}
+var noneTypes = new Set([
+	"<number>",
+	"<percentage>",
+	"<angle>"
+]);
+function coerceCoords(e, s, l, u) {
+	return Object.entries(e.coords).map(([e, f], h) => {
+		let _ = s.coordGrammar[h], v = u[h], y = v?.type, x;
+		if (x = v.none ? _.find((e) => noneTypes.has(e)) : _.find((e) => e == y), !x) {
+			let s = f.name || e;
+			throw TypeError(`${y ?? v.raw} not allowed for ${s} in ${l}()`);
+		}
+		let S = x.range;
+		y === "<percentage>" && (S ||= [0, 1]);
+		let C = f.range || f.refRange;
+		return S && C && (u[h] = mapRange(S, C, u[h])), x;
+	});
+}
+function parse(e, { meta: s } = {}) {
+	let l = { str: String(e)?.trim() };
+	if (hooks.run("parse-start", l), l.color) return l.color;
+	if (l.parsed = parseFunction(l.str), l.parsed) {
+		let e = l.parsed.name;
+		if (e === "color") {
+			let e = l.parsed.args.shift(), u = e.startsWith("--") ? e.substring(2) : `--${e}`, f = [e, u], h = l.parsed.rawArgs.indexOf("/") > 0 ? l.parsed.args.pop() : 1;
+			for (let u of ColorSpace.all) {
+				let _ = u.getFormat("color");
+				if (_ && (f.includes(_.id) || _.ids?.filter((e) => f.includes(e)).length)) {
+					let f = Object.keys(u.coords).map((e, s) => l.parsed.args[s] || 0), v;
+					return _.coordGrammar && (v = coerceCoords(u, _, "color", f)), s && Object.assign(s, {
+						formatId: "color",
+						types: v
+					}), _.id.startsWith("--") && !e.startsWith("--") && defaults.warn(`${u.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${_.id}) instead of color(${e}).`), e.startsWith("--") && !_.id.startsWith("--") && defaults.warn(`${u.name} is a standard space and supported in the CSS spec. Use color(${_.id}) instead of prefixed color(${e}).`), {
+						spaceId: u.id,
+						coords: f,
+						alpha: h
+					};
+				}
+			}
+			let _ = "", v = e in ColorSpace.registry ? e : u;
+			if (v in ColorSpace.registry) {
+				let e = ColorSpace.registry[v].formats?.color?.id;
+				e && (_ = `Did you mean color(${e})?`);
+			}
+			throw TypeError(`Cannot parse color(${e}). ` + (_ || "Missing a plugin?"));
+		} else for (let u of ColorSpace.all) {
+			let f = u.getFormat(e);
+			if (f && f.type === "function") {
+				let h = 1;
+				(f.lastAlpha || last(l.parsed.args).alpha) && (h = l.parsed.args.pop());
+				let _ = l.parsed.args, v;
+				return f.coordGrammar && (v = coerceCoords(u, f, e, _)), s && Object.assign(s, {
+					formatId: f.name,
+					types: v
+				}), {
+					spaceId: u.id,
+					coords: _,
+					alpha: h
+				};
+			}
+		}
+	} else for (let e of ColorSpace.all) for (let u in e.formats) {
+		let f = e.formats[u];
+		if (f.type !== "custom" || f.test && !f.test(l.str)) continue;
+		let h = f.parse(l.str);
+		if (h) return h.alpha ??= 1, s && (s.formatId = u), h;
+	}
+	throw TypeError(`Could not parse ${e} as a color. Missing a plugin?`);
+}
+function getColor(e) {
+	if (Array.isArray(e)) return e.map(getColor);
+	if (!e) throw TypeError("Empty color reference");
+	isString(e) && (e = parse(e));
+	let l = e.space || e.spaceId;
+	return l instanceof ColorSpace || (e.space = ColorSpace.get(l)), e.alpha === void 0 && (e.alpha = 1), e;
+}
+var ε$7 = 75e-6, ColorSpace = class e {
+	constructor(s) {
+		this.id = s.id, this.name = s.name, this.base = s.base ? e.get(s.base) : null, this.aliases = s.aliases, this.base && (this.fromBase = s.fromBase, this.toBase = s.toBase);
+		let l = s.coords ?? this.base.coords;
+		for (let e in l) "name" in l[e] || (l[e].name = e);
+		for (let e in this.coords = l, this.white = getWhite(s.white ?? this.base.white ?? "D65"), this.formats = s.formats ?? {}, this.formats) {
+			let s = this.formats[e];
+			s.type ||= "function", s.name ||= e;
+		}
+		this.formats.color?.id || (this.formats.color = {
+			...this.formats.color ?? {},
+			id: s.cssId || this.id
+		}), s.gamutSpace ? this.gamutSpace = s.gamutSpace === "self" ? this : e.get(s.gamutSpace) : this.isPolar ? this.gamutSpace = this.base : this.gamutSpace = this, this.gamutSpace.isUnbounded && (this.inGamut = (e, s) => !0), this.referred = s.referred, Object.defineProperty(this, "path", {
+			value: getPath(this).reverse(),
+			writable: !1,
+			enumerable: !0,
+			configurable: !0
+		}), hooks.run("colorspace-init-end", this);
+	}
+	inGamut(e, { epsilon: s = ε$7 } = {}) {
+		if (!this.equals(this.gamutSpace)) return e = this.to(this.gamutSpace, e), this.gamutSpace.inGamut(e, { epsilon: s });
+		let l = Object.values(this.coords);
+		return e.every((e, u) => {
+			let f = l[u];
+			if (f.type !== "angle" && f.range) {
+				if (Number.isNaN(e)) return !0;
+				let [l, u] = f.range;
+				return (l === void 0 || e >= l - s) && (u === void 0 || e <= u + s);
+			}
+			return !0;
+		});
+	}
+	get isUnbounded() {
+		return Object.values(this.coords).every((e) => !("range" in e));
+	}
+	get cssId() {
+		return this.formats?.color?.id || this.id;
+	}
+	get isPolar() {
+		for (let e in this.coords) if (this.coords[e].type === "angle") return !0;
+		return !1;
+	}
+	getFormat(e) {
+		if (typeof e == "object") return e = processFormat(e, this), e;
+		let s;
+		return s = e === "default" ? Object.values(this.formats)[0] : this.formats[e], s ? (s = processFormat(s, this), s) : null;
+	}
+	equals(e) {
+		return e ? this === e || this.id === e || this.id === e.id : !1;
+	}
+	to(s, l) {
+		if (arguments.length === 1) {
+			let e = getColor(s);
+			[s, l] = [e.space, e.coords];
+		}
+		if (s = e.get(s), this.equals(s)) return l;
+		l = l.map((e) => Number.isNaN(e) ? 0 : e);
+		let u = this.path, f = s.path, h, _;
+		for (let e = 0; e < u.length && u[e].equals(f[e]); e++) h = u[e], _ = e;
+		if (!h) throw Error(`Cannot convert between color spaces ${this} and ${s}: no connection space was found`);
+		for (let e = u.length - 1; e > _; e--) l = u[e].toBase(l);
+		for (let e = _ + 1; e < f.length; e++) l = f[e].fromBase(l);
+		return l;
+	}
+	from(s, l) {
+		if (arguments.length === 1) {
+			let e = getColor(s);
+			[s, l] = [e.space, e.coords];
+		}
+		return s = e.get(s), s.to(this, l);
+	}
+	toString() {
+		return `${this.name} (${this.id})`;
+	}
+	getMinCoords() {
+		let e = [];
+		for (let s in this.coords) {
+			let l = this.coords[s], u = l.range || l.refRange;
+			e.push(u?.min ?? 0);
+		}
+		return e;
+	}
+	static registry = {};
+	static get all() {
+		return [...new Set(Object.values(e.registry))];
+	}
+	static register(e, s) {
+		if (arguments.length === 1 && (s = arguments[0], e = s.id), s = this.get(s), this.registry[e] && this.registry[e] !== s) throw Error(`Duplicate color space registration: '${e}'`);
+		if (this.registry[e] = s, arguments.length === 1 && s.aliases) for (let e of s.aliases) this.register(e, s);
+		return s;
+	}
+	static get(s, ...u) {
+		if (!s || s instanceof e) return s;
+		if (type(s) === "string") {
+			let l = e.registry[s.toLowerCase()];
+			if (!l) throw TypeError(`No color space found with id = "${s}"`);
+			return l;
+		}
+		if (u.length) return e.get(...u);
+		throw TypeError(`${s} is not a valid color space`);
+	}
+	static resolveCoord(s, u) {
+		let f = type(s), h, _;
+		if (f === "string" ? s.includes(".") ? [h, _] = s.split(".") : [h, _] = [, s] : Array.isArray(s) ? [h, _] = s : (h = s.space, _ = s.coordId), h = e.get(h), h ||= u, !h) throw TypeError(`Cannot resolve coordinate reference ${s}: No color space specified and relative references are not allowed here`);
+		if (f = type(_), f === "number" || f === "string" && _ >= 0) {
+			let e = Object.entries(h.coords)[_];
+			if (e) return {
+				space: h,
+				id: e[0],
+				index: _,
+				...e[1]
+			};
+		}
+		h = e.get(h);
+		let v = _.toLowerCase(), y = 0;
+		for (let e in h.coords) {
+			let s = h.coords[e];
+			if (e.toLowerCase() === v || s.name?.toLowerCase() === v) return {
+				space: h,
+				id: e,
+				index: y,
+				...s
+			};
+			y++;
+		}
+		throw TypeError(`No "${_}" coordinate found in ${h.name}. Its coordinates are: ${Object.keys(h.coords).join(", ")}`);
+	}
+	static DEFAULT_FORMAT = {
+		type: "functions",
+		name: "color"
+	};
+};
+function getPath(e) {
+	let s = [e];
+	for (let l = e; l = l.base;) s.push(l);
+	return s;
+}
+function processFormat(e, { coords: s } = {}) {
+	if (e.coords && !e.coordGrammar) {
+		e.type ||= "function", e.name ||= "color", e.coordGrammar = parseCoordGrammar(e.coords);
+		let l = Object.entries(s).map(([s, l], u) => {
+			let f = e.coordGrammar[u][0], h = l.range || l.refRange, _ = f.range, v = "";
+			return f == "<percentage>" ? (_ = [0, 100], v = "%") : f == "<angle>" && (v = "deg"), {
+				fromRange: h,
+				toRange: _,
+				suffix: v
+			};
+		});
+		e.serializeCoords = (e, s) => e.map((e, f) => {
+			let { fromRange: h, toRange: _, suffix: v } = l[f];
+			return h && _ && (e = mapRange(h, _, e)), e = serializeNumber(e, {
+				precision: s,
+				unit: v
+			}), e;
+		});
+	}
+	return e;
+}
+var xyz_d65 = new ColorSpace({
+	id: "xyz-d65",
+	name: "XYZ D65",
+	coords: {
+		x: { name: "X" },
+		y: { name: "Y" },
+		z: { name: "Z" }
+	},
+	white: "D65",
+	formats: { color: { ids: ["xyz-d65", "xyz"] } },
+	aliases: ["xyz"]
+}), RGBColorSpace = class extends ColorSpace {
+	constructor(s) {
+		s.coords ||= {
+			r: {
+				range: [0, 1],
+				name: "Red"
+			},
+			g: {
+				range: [0, 1],
+				name: "Green"
+			},
+			b: {
+				range: [0, 1],
+				name: "Blue"
+			}
+		}, s.base ||= xyz_d65, s.toXYZ_M && s.fromXYZ_M && (s.toBase ??= (l) => {
+			let u = multiplyMatrices(s.toXYZ_M, l);
+			return this.white !== this.base.white && (u = adapt$2(this.white, this.base.white, u)), u;
+		}, s.fromBase ??= (l) => (l = adapt$2(this.base.white, this.white, l), multiplyMatrices(s.fromXYZ_M, l))), s.referred ??= "display", super(s);
+	}
+};
+function getAll(e, s) {
+	return e = getColor(e), !s || e.space.equals(s) ? e.coords.slice() : (s = ColorSpace.get(s), s.from(e));
+}
+function get(e, s) {
+	e = getColor(e);
+	let { space: l, index: u } = ColorSpace.resolveCoord(s, e.space);
+	return getAll(e, l)[u];
+}
+function setAll(e, s, l) {
+	return e = getColor(e), s = ColorSpace.get(s), e.coords = s.to(e.space, l), e;
+}
+setAll.returns = "color";
+function set(e, s, u) {
+	if (e = getColor(e), arguments.length === 2 && type(arguments[1]) === "object") {
+		let s = arguments[1];
+		for (let l in s) set(e, l, s[l]);
+	} else {
+		typeof u == "function" && (u = u(get(e, s)));
+		let { space: l, index: f } = ColorSpace.resolveCoord(s, e.space), h = getAll(e, l);
+		h[f] = u, setAll(e, l, h);
+	}
+	return e;
+}
+set.returns = "color";
+var XYZ_D50 = new ColorSpace({
+	id: "xyz-d50",
+	name: "XYZ D50",
+	white: "D50",
+	base: xyz_d65,
+	fromBase: (e) => adapt$2(xyz_d65.white, "D50", e),
+	toBase: (e) => adapt$2("D50", xyz_d65.white, e)
+}), ε$6 = 216 / 24389, ε3$1 = 24 / 116, κ$4 = 24389 / 27, white$4 = WHITES.D50, lab = new ColorSpace({
+	id: "lab",
+	name: "Lab",
+	coords: {
+		l: {
+			refRange: [0, 100],
+			name: "Lightness"
+		},
+		a: { refRange: [-125, 125] },
+		b: { refRange: [-125, 125] }
+	},
+	white: white$4,
+	base: XYZ_D50,
+	fromBase(e) {
+		let s = e.map((e, s) => e / white$4[s]).map((e) => e > ε$6 ? Math.cbrt(e) : (κ$4 * e + 16) / 116);
+		return [
+			116 * s[1] - 16,
+			500 * (s[0] - s[1]),
+			200 * (s[1] - s[2])
+		];
+	},
+	toBase(e) {
+		let s = [];
+		return s[1] = (e[0] + 16) / 116, s[0] = e[1] / 500 + s[1], s[2] = s[1] - e[2] / 200, [
+			s[0] > ε3$1 ? s[0] ** 3 : (116 * s[0] - 16) / κ$4,
+			e[0] > 8 ? ((e[0] + 16) / 116) ** 3 : e[0] / κ$4,
+			s[2] > ε3$1 ? s[2] ** 3 : (116 * s[2] - 16) / κ$4
+		].map((e, s) => e * white$4[s]);
+	},
+	formats: { lab: { coords: [
+		"<number> | <percentage>",
+		"<number> | <percentage>[-1,1]",
+		"<number> | <percentage>[-1,1]"
+	] } }
+});
+function constrain(e) {
+	return (e % 360 + 360) % 360;
+}
+function adjust(e, s) {
+	if (e === "raw") return s;
+	let [l, u] = s.map(constrain), f = u - l;
+	return e === "increasing" ? f < 0 && (u += 360) : e === "decreasing" ? f > 0 && (l += 360) : e === "longer" ? -180 < f && f < 180 && (f > 0 ? l += 360 : u += 360) : e === "shorter" && (f > 180 ? l += 360 : f < -180 && (u += 360)), [l, u];
+}
+var lch = new ColorSpace({
+	id: "lch",
+	name: "LCH",
+	coords: {
+		l: {
+			refRange: [0, 100],
+			name: "Lightness"
+		},
+		c: {
+			refRange: [0, 150],
+			name: "Chroma"
+		},
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		}
+	},
+	base: lab,
+	fromBase(e) {
+		let [s, l, u] = e, f, h = .02;
+		return f = Math.abs(l) < h && Math.abs(u) < h ? NaN : Math.atan2(u, l) * 180 / Math.PI, [
+			s,
+			Math.sqrt(l ** 2 + u ** 2),
+			constrain(f)
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e;
+		return l < 0 && (l = 0), isNaN(u) && (u = 0), [
+			s,
+			l * Math.cos(u * Math.PI / 180),
+			l * Math.sin(u * Math.PI / 180)
+		];
+	},
+	formats: { lch: { coords: [
+		"<number> | <percentage>",
+		"<number> | <percentage>",
+		"<number> | <angle>"
+	] } }
+}), Gfactor = 25 ** 7, π$1 = Math.PI, r2d = 180 / π$1, d2r$1 = π$1 / 180;
+function pow7(e) {
+	let s = e * e;
+	return s * s * s * e;
+}
+function deltaE2000(e, s, { kL: l = 1, kC: u = 1, kH: f = 1 } = {}) {
+	[e, s] = getColor([e, s]);
+	let [h, _, v] = lab.from(e), y = lch.from(lab, [
+		h,
+		_,
+		v
+	])[1], [x, S, C] = lab.from(s), w = lch.from(lab, [
+		x,
+		S,
+		C
+	])[1];
+	y < 0 && (y = 0), w < 0 && (w = 0);
+	let T = pow7((y + w) / 2), E = .5 * (1 - Math.sqrt(T / (T + Gfactor))), D = (1 + E) * _, O = (1 + E) * S, k = Math.sqrt(D ** 2 + v ** 2), A = Math.sqrt(O ** 2 + C ** 2), j = D === 0 && v === 0 ? 0 : Math.atan2(v, D), M = O === 0 && C === 0 ? 0 : Math.atan2(C, O);
+	j < 0 && (j += 2 * π$1), M < 0 && (M += 2 * π$1), j *= r2d, M *= r2d;
+	let P = x - h, F = A - k, I = M - j, L = j + M, R = Math.abs(I), z;
+	k * A === 0 ? z = 0 : R <= 180 ? z = I : I > 180 ? z = I - 360 : I < -180 ? z = I + 360 : defaults.warn("the unthinkable has happened");
+	let B = 2 * Math.sqrt(A * k) * Math.sin(z * d2r$1 / 2), V = (h + x) / 2, H = (k + A) / 2, U = pow7(H), W;
+	W = k * A === 0 ? L : R <= 180 ? L / 2 : L < 360 ? (L + 360) / 2 : (L - 360) / 2;
+	let G = (V - 50) ** 2, K = 1 + .015 * G / Math.sqrt(20 + G), q = 1 + .045 * H, J = 1;
+	J -= .17 * Math.cos((W - 30) * d2r$1), J += .24 * Math.cos(2 * W * d2r$1), J += .32 * Math.cos((3 * W + 6) * d2r$1), J -= .2 * Math.cos((4 * W - 63) * d2r$1);
+	let Y = 1 + .015 * H * J, X = 30 * Math.exp(-1 * ((W - 275) / 25) ** 2), Z = 2 * Math.sqrt(U / (U + Gfactor)), Q = -1 * Math.sin(2 * X * d2r$1) * Z, $ = (P / (l * K)) ** 2;
+	return $ += (F / (u * q)) ** 2, $ += (B / (f * Y)) ** 2, $ += Q * (F / (u * q)) * (B / (f * Y)), Math.sqrt($);
+}
+var XYZtoLMS_M$1 = [
+	[
+		.819022437996703,
+		.3619062600528904,
+		-.1288737815209879
+	],
+	[
+		.0329836539323885,
+		.9292868615863434,
+		.0361446663506424
+	],
+	[
+		.0481771893596242,
+		.2642395317527308,
+		.6335478284694309
+	]
+], LMStoXYZ_M$1 = [
+	[
+		1.2268798758459243,
+		-.5578149944602171,
+		.2813910456659647
+	],
+	[
+		-.0405757452148008,
+		1.112286803280317,
+		-.0717110580655164
+	],
+	[
+		-.0763729366746601,
+		-.4214933324022432,
+		1.5869240198367816
+	]
+], LMStoLab_M = [
+	[
+		.210454268309314,
+		.7936177747023054,
+		-.0040720430116193
+	],
+	[
+		1.9779985324311684,
+		-2.42859224204858,
+		.450593709617411
+	],
+	[
+		.0259040424655478,
+		.7827717124575296,
+		-.8086757549230774
+	]
+], LabtoLMS_M = [
+	[
+		1,
+		.3963377773761749,
+		.2158037573099136
+	],
+	[
+		1,
+		-.1055613458156586,
+		-.0638541728258133
+	],
+	[
+		1,
+		-.0894841775298119,
+		-1.2914855480194092
+	]
+], OKLab = new ColorSpace({
+	id: "oklab",
+	name: "Oklab",
+	coords: {
+		l: {
+			refRange: [0, 1],
+			name: "Lightness"
+		},
+		a: { refRange: [-.4, .4] },
+		b: { refRange: [-.4, .4] }
+	},
+	white: "D65",
+	base: xyz_d65,
+	fromBase(s) {
+		return multiplyMatrices(LMStoLab_M, multiplyMatrices(XYZtoLMS_M$1, s).map((e) => Math.cbrt(e)));
+	},
+	toBase(s) {
+		return multiplyMatrices(LMStoXYZ_M$1, multiplyMatrices(LabtoLMS_M, s).map((e) => e ** 3));
+	},
+	formats: { oklab: { coords: [
+		"<percentage> | <number>",
+		"<number> | <percentage>[-1,1]",
+		"<number> | <percentage>[-1,1]"
+	] } }
+});
+function deltaEOK(e, s) {
+	[e, s] = getColor([e, s]);
+	let [l, u, f] = OKLab.from(e), [h, _, v] = OKLab.from(s), y = l - h, x = u - _, S = f - v;
+	return Math.sqrt(y ** 2 + x ** 2 + S ** 2);
+}
+var ε$5 = 75e-6;
+function inGamut(e, s, { epsilon: l = ε$5 } = {}) {
+	e = getColor(e), s ||= e.space, s = ColorSpace.get(s);
+	let u = e.coords;
+	return s !== e.space && (u = s.from(e)), s.inGamut(u, { epsilon: l });
+}
+function clone(e) {
+	return {
+		space: e.space,
+		coords: e.coords.slice(),
+		alpha: e.alpha
+	};
+}
+function distance(e, s, l = "lab") {
+	l = ColorSpace.get(l);
+	let u = l.from(e), f = l.from(s);
+	return Math.sqrt(u.reduce((e, s, l) => {
+		let u = f[l];
+		return isNaN(s) || isNaN(u) ? e : e + (u - s) ** 2;
+	}, 0));
+}
+function deltaE76(e, s) {
+	return distance(e, s, "lab");
+}
+var d2r = Math.PI / 180;
+function deltaECMC(e, s, { l = 2, c: u = 1 } = {}) {
+	[e, s] = getColor([e, s]);
+	let [f, h, _] = lab.from(e), [, v, y] = lch.from(lab, [
+		f,
+		h,
+		_
+	]), [x, S, C] = lab.from(s), w = lch.from(lab, [
+		x,
+		S,
+		C
+	])[1];
+	v < 0 && (v = 0), w < 0 && (w = 0);
+	let T = f - x, E = v - w, D = h - S, O = _ - C, k = D ** 2 + O ** 2 - E ** 2, A = .511;
+	f >= 16 && (A = .040975 * f / (1 + .01765 * f));
+	let j = .0638 * v / (1 + .0131 * v) + .638, M;
+	Number.isNaN(y) && (y = 0), M = y >= 164 && y <= 345 ? .56 + Math.abs(.2 * Math.cos((y + 168) * d2r)) : .36 + Math.abs(.4 * Math.cos((y + 35) * d2r));
+	let N = v ** 4, P = Math.sqrt(N / (N + 1900)), F = j * (P * M + 1 - P), I = (T / (l * A)) ** 2;
+	return I += (E / (u * j)) ** 2, I += k / F ** 2, Math.sqrt(I);
+}
+var Yw$1 = 203, XYZ_Abs_D65 = new ColorSpace({
+	id: "xyz-abs-d65",
+	cssId: "--xyz-abs-d65",
+	name: "Absolute XYZ D65",
+	coords: {
+		x: {
+			refRange: [0, 9504.7],
+			name: "Xa"
+		},
+		y: {
+			refRange: [0, 1e4],
+			name: "Ya"
+		},
+		z: {
+			refRange: [0, 10888.3],
+			name: "Za"
+		}
+	},
+	base: xyz_d65,
+	fromBase(e) {
+		return e.map((e) => Math.max(e * Yw$1, 0));
+	},
+	toBase(e) {
+		return e.map((e) => Math.max(e / Yw$1, 0));
+	}
+}), b$1 = 1.15, g = .66, n$1 = 2610 / 2 ** 14, ninv$1 = 2 ** 14 / 2610, c1$2 = 3424 / 2 ** 12, c2$2 = 2413 / 2 ** 7, c3$2 = 2392 / 2 ** 7, p = 1.7 * 2523 / 2 ** 5, pinv = 2 ** 5 / (1.7 * 2523), d = -.56, d0 = 16295499532821565e-27, XYZtoCone_M = [
+	[
+		.41478972,
+		.579999,
+		.014648
+	],
+	[
+		-.20151,
+		1.120649,
+		.0531008
+	],
+	[
+		-.0166008,
+		.2648,
+		.6684799
+	]
+], ConetoXYZ_M = [
+	[
+		1.9242264357876067,
+		-1.0047923125953657,
+		.037651404030618
+	],
+	[
+		.35031676209499907,
+		.7264811939316552,
+		-.06538442294808501
+	],
+	[
+		-.09098281098284752,
+		-.3127282905230739,
+		1.5227665613052603
+	]
+], ConetoIab_M = [
+	[
+		.5,
+		.5,
+		0
+	],
+	[
+		3.524,
+		-4.066708,
+		.542708
+	],
+	[
+		.199076,
+		1.096799,
+		-1.295875
+	]
+], IabtoCone_M = [
+	[
+		1,
+		.1386050432715393,
+		.05804731615611886
+	],
+	[
+		.9999999999999999,
+		-.1386050432715393,
+		-.05804731615611886
+	],
+	[
+		.9999999999999998,
+		-.09601924202631895,
+		-.8118918960560388
+	]
+], Jzazbz = new ColorSpace({
+	id: "jzazbz",
+	name: "Jzazbz",
+	coords: {
+		jz: {
+			refRange: [0, 1],
+			name: "Jz"
+		},
+		az: { refRange: [-.5, .5] },
+		bz: { refRange: [-.5, .5] }
+	},
+	base: XYZ_Abs_D65,
+	fromBase(s) {
+		let [l, u, f] = s, [h, _, v] = multiplyMatrices(ConetoIab_M, multiplyMatrices(XYZtoCone_M, [
+			b$1 * l - (b$1 - 1) * f,
+			g * u - (g - 1) * l,
+			f
+		]).map(function(e) {
+			return ((c1$2 + c2$2 * (e / 1e4) ** n$1) / (1 + c3$2 * (e / 1e4) ** n$1)) ** p;
+		}));
+		return [
+			(1 + d) * h / (1 + d * h) - d0,
+			_,
+			v
+		];
+	},
+	toBase(s) {
+		let [l, u, f] = s, [h, _, v] = multiplyMatrices(ConetoXYZ_M, multiplyMatrices(IabtoCone_M, [
+			(l + d0) / (1 + d - d * (l + d0)),
+			u,
+			f
+		]).map(function(e) {
+			return 1e4 * ((c1$2 - e ** pinv) / (c3$2 * e ** pinv - c2$2)) ** ninv$1;
+		})), y = (h + (b$1 - 1) * v) / b$1;
+		return [
+			y,
+			(_ + (g - 1) * y) / g,
+			v
+		];
+	},
+	formats: { color: { coords: [
+		"<number> | <percentage>",
+		"<number> | <percentage>[-1,1]",
+		"<number> | <percentage>[-1,1]"
+	] } }
+}), jzczhz = new ColorSpace({
+	id: "jzczhz",
+	name: "JzCzHz",
+	coords: {
+		jz: {
+			refRange: [0, 1],
+			name: "Jz"
+		},
+		cz: {
+			refRange: [0, 1],
+			name: "Chroma"
+		},
+		hz: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		}
+	},
+	base: Jzazbz,
+	fromBase(e) {
+		let [s, l, u] = e, f, h = 2e-4;
+		return f = Math.abs(l) < h && Math.abs(u) < h ? NaN : Math.atan2(u, l) * 180 / Math.PI, [
+			s,
+			Math.sqrt(l ** 2 + u ** 2),
+			constrain(f)
+		];
+	},
+	toBase(e) {
+		return [
+			e[0],
+			e[1] * Math.cos(e[2] * Math.PI / 180),
+			e[1] * Math.sin(e[2] * Math.PI / 180)
+		];
+	}
+});
+function deltaEJz(e, s) {
+	[e, s] = getColor([e, s]);
+	let [l, u, f] = jzczhz.from(e), [h, _, v] = jzczhz.from(s), y = l - h, x = u - _;
+	Number.isNaN(f) && Number.isNaN(v) ? (f = 0, v = 0) : Number.isNaN(f) ? f = v : Number.isNaN(v) && (v = f);
+	let S = f - v, C = 2 * Math.sqrt(u * _) * Math.sin(S / 2 * (Math.PI / 180));
+	return Math.sqrt(y ** 2 + x ** 2 + C ** 2);
+}
+var c1$1 = 3424 / 4096, c2$1 = 2413 / 128, c3$1 = 2392 / 128, m1$1 = 2610 / 16384, m2 = 2523 / 32, im1 = 16384 / 2610, im2 = 32 / 2523, XYZtoLMS_M = [
+	[
+		.3592832590121217,
+		.6976051147779502,
+		-.035891593232029
+	],
+	[
+		-.1920808463704993,
+		1.100476797037432,
+		.0753748658519118
+	],
+	[
+		.0070797844607479,
+		.0748396662186362,
+		.8433265453898765
+	]
+], LMStoIPT_M = [
+	[
+		2048 / 4096,
+		2048 / 4096,
+		0
+	],
+	[
+		6610 / 4096,
+		-13613 / 4096,
+		7003 / 4096
+	],
+	[
+		17933 / 4096,
+		-17390 / 4096,
+		-543 / 4096
+	]
+], IPTtoLMS_M = [
+	[
+		.9999999999999998,
+		.0086090370379328,
+		.111029625003026
+	],
+	[
+		.9999999999999998,
+		-.0086090370379328,
+		-.1110296250030259
+	],
+	[
+		.9999999999999998,
+		.5600313357106791,
+		-.3206271749873188
+	]
+], LMStoXYZ_M = [
+	[
+		2.0701522183894223,
+		-1.3263473389671563,
+		.2066510476294053
+	],
+	[
+		.3647385209748072,
+		.6805660249472273,
+		-.0453045459220347
+	],
+	[
+		-.0497472075358123,
+		-.0492609666966131,
+		1.1880659249923042
+	]
+], ictcp = new ColorSpace({
+	id: "ictcp",
+	name: "ICTCP",
+	coords: {
+		i: {
+			refRange: [0, 1],
+			name: "I"
+		},
+		ct: {
+			refRange: [-.5, .5],
+			name: "CT"
+		},
+		cp: {
+			refRange: [-.5, .5],
+			name: "CP"
+		}
+	},
+	base: XYZ_Abs_D65,
+	fromBase(s) {
+		return LMStoICtCp(multiplyMatrices(XYZtoLMS_M, s));
+	},
+	toBase(s) {
+		return multiplyMatrices(LMStoXYZ_M, ICtCptoLMS(s));
+	}
+});
+function LMStoICtCp(s) {
+	return multiplyMatrices(LMStoIPT_M, s.map(function(e) {
+		return ((c1$1 + c2$1 * (e / 1e4) ** m1$1) / (1 + c3$1 * (e / 1e4) ** m1$1)) ** m2;
+	}));
+}
+function ICtCptoLMS(s) {
+	return multiplyMatrices(IPTtoLMS_M, s).map(function(e) {
+		return 1e4 * (Math.max(e ** im2 - c1$1, 0) / (c2$1 - c3$1 * e ** im2)) ** im1;
+	});
+}
+function deltaEITP(e, s) {
+	[e, s] = getColor([e, s]);
+	let [l, u, f] = ictcp.from(e), [h, _, v] = ictcp.from(s);
+	return 720 * Math.sqrt((l - h) ** 2 + .25 * (u - _) ** 2 + (f - v) ** 2);
+}
+var white$3 = WHITES.D65, adaptedCoef = .42, adaptedCoefInv = 1 / adaptedCoef, tau = 2 * Math.PI, cat16 = [
+	[
+		.401288,
+		.650173,
+		-.051461
+	],
+	[
+		-.250268,
+		1.204414,
+		.045854
+	],
+	[
+		-.002079,
+		.048952,
+		.953127
+	]
+], cat16Inv = [
+	[
+		1.8620678550872327,
+		-1.0112546305316843,
+		.14918677544445175
+	],
+	[
+		.38752654323613717,
+		.6214474419314753,
+		-.008973985167612518
+	],
+	[
+		-.015841498849333856,
+		-.03412293802851557,
+		1.0499644368778496
+	]
+], m1 = [
+	[
+		460,
+		451,
+		288
+	],
+	[
+		460,
+		-891,
+		-261
+	],
+	[
+		460,
+		-220,
+		-6300
+	]
+], surroundMap = {
+	dark: [
+		.8,
+		.525,
+		.8
+	],
+	dim: [
+		.9,
+		.59,
+		.9
+	],
+	average: [
+		1,
+		.69,
+		1
+	]
+}, hueQuadMap = {
+	h: [
+		20.14,
+		90,
+		164.25,
+		237.53,
+		380.14
+	],
+	e: [
+		.8,
+		.7,
+		1,
+		1.2,
+		.8
+	],
+	H: [
+		0,
+		100,
+		200,
+		300,
+		400
+	]
+}, rad2deg = 180 / Math.PI, deg2rad$1 = Math.PI / 180;
+function adapt$1(e, s) {
+	return e.map((e) => {
+		let l = spow(s * Math.abs(e) * .01, adaptedCoef);
+		return 400 * copySign(l, e) / (l + 27.13);
+	});
+}
+function unadapt(e, s) {
+	let l = 100 / s * 27.13 ** adaptedCoefInv;
+	return e.map((e) => {
+		let s = Math.abs(e);
+		return copySign(l * spow(s / (400 - s), adaptedCoefInv), e);
+	});
+}
+function hueQuadrature(e) {
+	let s = constrain(e);
+	s <= hueQuadMap.h[0] && (s += 360);
+	let l = bisectLeft(hueQuadMap.h, s) - 1, [u, f] = hueQuadMap.h.slice(l, l + 2), [h, _] = hueQuadMap.e.slice(l, l + 2), v = hueQuadMap.H[l], y = (s - u) / h;
+	return v + 100 * y / (y + (f - s) / _);
+}
+function invHueQuadrature(e) {
+	let s = (e % 400 + 400) % 400, l = Math.floor(.01 * s);
+	s %= 100;
+	let [u, f] = hueQuadMap.h.slice(l, l + 2), [h, _] = hueQuadMap.e.slice(l, l + 2);
+	return constrain((s * (_ * u - h * f) - 100 * u * _) / (s * (_ - h) - 100 * _));
+}
+function environment(s, l, u, f, h) {
+	let _ = {};
+	_.discounting = h, _.refWhite = s, _.surround = f;
+	let v = s.map((e) => e * 100);
+	_.la = l, _.yb = u;
+	let y = v[1], x = multiplyMatrices(cat16, v);
+	f = surroundMap[_.surround];
+	let C = f[0];
+	_.c = f[1], _.nc = f[2];
+	let w = (1 / (5 * _.la + 1)) ** 4;
+	_.fl = w * _.la + .1 * (1 - w) * (1 - w) * Math.cbrt(5 * _.la), _.flRoot = _.fl ** .25, _.n = _.yb / y, _.z = 1.48 + Math.sqrt(_.n), _.nbb = .725 * _.n ** -.2, _.ncb = _.nbb;
+	let T = h ? 1 : Math.max(Math.min(C * (1 - 1 / 3.6 * Math.exp((-_.la - 42) / 92)), 1), 0);
+	_.dRgb = x.map((e) => interpolate(1, y / e, T)), _.dRgbInv = _.dRgb.map((e) => 1 / e);
+	let E = adapt$1(x.map((e, s) => e * _.dRgb[s]), _.fl);
+	return _.aW = _.nbb * (2 * E[0] + E[1] + .05 * E[2]), _;
+}
+var viewingConditions$1 = environment(white$3, 64 / Math.PI * .2, 20, "average", !1);
+function fromCam16(s, l) {
+	if (!(s.J !== void 0 ^ s.Q !== void 0)) throw Error("Conversion requires one and only one: 'J' or 'Q'");
+	if (!(s.C !== void 0 ^ s.M !== void 0 ^ s.s !== void 0)) throw Error("Conversion requires one and only one: 'C', 'M' or 's'");
+	if (!(s.h !== void 0 ^ s.H !== void 0)) throw Error("Conversion requires one and only one: 'h' or 'H'");
+	if (s.J === 0 || s.Q === 0) return [
+		0,
+		0,
+		0
+	];
+	let u = 0;
+	u = s.h === void 0 ? invHueQuadrature(s.H) * deg2rad$1 : constrain(s.h) * deg2rad$1;
+	let f = Math.cos(u), h = Math.sin(u), _ = 0;
+	s.J === void 0 ? s.Q !== void 0 && (_ = .25 * l.c * s.Q / ((l.aW + 4) * l.flRoot)) : _ = spow(s.J, 1 / 2) * .1;
+	let v = 0;
+	s.C === void 0 ? s.M === void 0 ? s.s !== void 0 && (v = 4e-4 * s.s ** 2 * (l.aW + 4) / l.c) : v = s.M / l.flRoot / _ : v = s.C / _;
+	let y = spow(v * (1.64 - .29 ** l.n) ** -.73, 10 / 9), x = .25 * (Math.cos(u + 2) + 3.8), S = l.aW * spow(_, 2 / l.c / l.z), C = 5e4 / 13 * l.nc * l.ncb * x, w = S / l.nbb, T = 23 * (w + .305) * zdiv(y, 23 * C + y * (11 * f + 108 * h));
+	return multiplyMatrices(cat16Inv, unadapt(multiplyMatrices(m1, [
+		w,
+		T * f,
+		T * h
+	]).map((e) => e * 1 / 1403), l.fl).map((e, s) => e * l.dRgbInv[s])).map((e) => e / 100);
+}
+function toCam16(s, l) {
+	let u = adapt$1(multiplyMatrices(cat16, s.map((e) => e * 100)).map((e, s) => e * l.dRgb[s]), l.fl), f = u[0] + (-12 * u[1] + u[2]) / 11, h = (u[0] + u[1] - 2 * u[2]) / 9, _ = (Math.atan2(h, f) % tau + tau) % tau, v = .25 * (Math.cos(_ + 2) + 3.8), y = spow(5e4 / 13 * l.nc * l.ncb * zdiv(v * Math.sqrt(f ** 2 + h ** 2), u[0] + u[1] + 1.05 * u[2] + .305), .9) * (1.64 - .29 ** l.n) ** .73, x = spow(l.nbb * (2 * u[0] + u[1] + .05 * u[2]) / l.aW, .5 * l.c * l.z), S = 100 * spow(x, 2), C = 4 / l.c * x * (l.aW + 4) * l.flRoot, w = y * x, T = w * l.flRoot, E = constrain(_ * rad2deg), D = hueQuadrature(E);
+	return {
+		J: S,
+		C: w,
+		h: E,
+		s: 50 * spow(l.c * y / (l.aW + 4), 1 / 2),
+		Q: C,
+		M: T,
+		H: D
+	};
+}
+var cam16 = new ColorSpace({
+	id: "cam16-jmh",
+	cssId: "--cam16-jmh",
+	name: "CAM16-JMh",
+	coords: {
+		j: {
+			refRange: [0, 100],
+			name: "J"
+		},
+		m: {
+			refRange: [0, 105],
+			name: "Colorfulness"
+		},
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		}
+	},
+	base: xyz_d65,
+	fromBase(e) {
+		let s = toCam16(e, viewingConditions$1);
+		return [
+			s.J,
+			s.M,
+			s.h
+		];
+	},
+	toBase(e) {
+		return fromCam16({
+			J: e[0],
+			M: e[1],
+			h: e[2]
+		}, viewingConditions$1);
+	}
+}), white$2 = WHITES.D65, ε$4 = 216 / 24389, κ$3 = 24389 / 27;
+function toLstar(e) {
+	return 116 * (e > ε$4 ? Math.cbrt(e) : (κ$3 * e + 16) / 116) - 16;
+}
+function fromLstar(e) {
+	return e > 8 ? ((e + 16) / 116) ** 3 : e / κ$3;
+}
+function fromHct(e, s) {
+	let [l, u, f] = e, h = [], _ = 0;
+	if (f === 0) return [
+		0,
+		0,
+		0
+	];
+	let v = fromLstar(f);
+	_ = f > 0 ? .00379058511492914 * f ** 2 + .608983189401032 * f + .9155088574762233 : 9514440756550361e-21 * f ** 2 + .08693057439788597 * f - 21.928975842194614;
+	let y = 0, x = Infinity;
+	for (; y <= 15;) {
+		h = fromCam16({
+			J: _,
+			C: u,
+			h: l
+		}, s);
+		let e = Math.abs(h[1] - v);
+		if (e < x) {
+			if (e <= 2e-12) return h;
+			x = e;
+		}
+		_ -= (h[1] - v) * _ / (2 * h[1]), y += 1;
+	}
+	return fromCam16({
+		J: _,
+		C: u,
+		h: l
+	}, s);
+}
+function toHct(e, s) {
+	let l = toLstar(e[1]);
+	if (l === 0) return [
+		0,
+		0,
+		0
+	];
+	let u = toCam16(e, viewingConditions);
+	return [
+		constrain(u.h),
+		u.C,
+		l
+	];
+}
+var viewingConditions = environment(white$2, 200 / Math.PI * fromLstar(50), fromLstar(50) * 100, "average", !1), hct = new ColorSpace({
+	id: "hct",
+	name: "HCT",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		c: {
+			refRange: [0, 145],
+			name: "Colorfulness"
+		},
+		t: {
+			refRange: [0, 100],
+			name: "Tone"
+		}
+	},
+	base: xyz_d65,
+	fromBase(e) {
+		return toHct(e);
+	},
+	toBase(e) {
+		return fromHct(e, viewingConditions);
+	},
+	formats: { color: {
+		id: "--hct",
+		coords: [
+			"<number> | <angle>",
+			"<percentage> | <number>",
+			"<percentage> | <number>"
+		]
+	} }
+}), deg2rad = Math.PI / 180, ucsCoeff = [
+	1,
+	.007,
+	.0228
+];
+function convertUcsAb(e) {
+	e[1] < 0 && (e = hct.fromBase(hct.toBase(e)));
+	let s = Math.log(Math.max(1 + ucsCoeff[2] * e[1] * viewingConditions.flRoot, 1)) / ucsCoeff[2], l = e[0] * deg2rad, u = s * Math.cos(l), f = s * Math.sin(l);
+	return [
+		e[2],
+		u,
+		f
+	];
+}
+function deltaEHCT(e, s) {
+	[e, s] = getColor([e, s]);
+	let [l, u, f] = convertUcsAb(hct.from(e)), [h, _, v] = convertUcsAb(hct.from(s));
+	return Math.sqrt((l - h) ** 2 + (u - _) ** 2 + (f - v) ** 2);
+}
+var deltaEMethods = {
+	deltaE76,
+	deltaECMC,
+	deltaE2000,
+	deltaEJz,
+	deltaEITP,
+	deltaEOK,
+	deltaEHCT
+};
+function calcEpsilon(e) {
+	let s = e ? Math.floor(Math.log10(Math.abs(e))) : 0;
+	return Math.max(parseFloat(`1e${s - 2}`), 1e-6);
+}
+var GMAPPRESET = {
+	hct: {
+		method: "hct.c",
+		jnd: 2,
+		deltaEMethod: "hct",
+		blackWhiteClamp: {}
+	},
+	"hct-tonal": {
+		method: "hct.c",
+		jnd: 0,
+		deltaEMethod: "hct",
+		blackWhiteClamp: {
+			channel: "hct.t",
+			min: 0,
+			max: 100
+		}
+	}
+};
+function toGamut(e, { method: l = defaults.gamut_mapping, space: u = void 0, deltaEMethod: h = "", jnd: _ = 2, blackWhiteClamp: v = {} } = {}) {
+	if (e = getColor(e), isString(arguments[1]) ? u = arguments[1] : u ||= e.space, u = ColorSpace.get(u), inGamut(e, u, { epsilon: 0 })) return e;
+	let y;
+	if (l === "css") y = toGamutCSS(e, { space: u });
+	else {
+		if (l !== "clip" && !inGamut(e, u)) {
+			Object.prototype.hasOwnProperty.call(GMAPPRESET, l) && ({method: l, jnd: _, deltaEMethod: h, blackWhiteClamp: v} = GMAPPRESET[l]);
+			let s = deltaE2000;
+			if (h !== "") {
+				for (let e in deltaEMethods) if ("deltae" + h.toLowerCase() === e.toLowerCase()) {
+					s = deltaEMethods[e];
+					break;
+				}
+			}
+			let x = toGamut(to(e, u), {
+				method: "clip",
+				space: u
+			});
+			if (s(e, x) > _) {
+				if (Object.keys(v).length === 3) {
+					let s = ColorSpace.resolveCoord(v.channel), l = get(to(e, s.space), s.id);
+					if (isNone(l) && (l = 0), l >= v.max) return to({
+						space: "xyz-d65",
+						coords: WHITES.D65
+					}, e.space);
+					if (l <= v.min) return to({
+						space: "xyz-d65",
+						coords: [
+							0,
+							0,
+							0
+						]
+					}, e.space);
+				}
+				let h = ColorSpace.resolveCoord(l), x = h.space, S = h.id, C = to(e, x);
+				C.coords.forEach((e, s) => {
+					isNone(e) && (C.coords[s] = 0);
+				});
+				let w = (h.range || h.refRange)[0], T = calcEpsilon(_), E = w, D = get(C, S);
+				for (; D - E > T;) {
+					let e = clone(C);
+					e = toGamut(e, {
+						space: u,
+						method: "clip"
+					}), s(C, e) - _ < T ? E = get(C, S) : D = get(C, S), set(C, S, (E + D) / 2);
+				}
+				y = to(C, u);
+			} else y = x;
+		} else y = to(e, u);
+		if (l === "clip" || !inGamut(y, u, { epsilon: 0 })) {
+			let e = Object.values(u.coords).map((e) => e.range || []);
+			y.coords = y.coords.map((s, l) => {
+				let [u, f] = e[l];
+				return u !== void 0 && (s = Math.max(u, s)), f !== void 0 && (s = Math.min(s, f)), s;
+			});
+		}
+	}
+	return u !== e.space && (y = to(y, e.space)), e.coords = y.coords, e;
+}
+toGamut.returns = "color";
+var COLORS = {
+	WHITE: {
+		space: OKLab,
+		coords: [
+			1,
+			0,
+			0
+		]
+	},
+	BLACK: {
+		space: OKLab,
+		coords: [
+			0,
+			0,
+			0
+		]
+	}
+};
+function toGamutCSS(e, { space: s } = {}) {
+	let l = .02, u = 1e-4;
+	e = getColor(e), s ||= e.space, s = ColorSpace.get(s);
+	let f = ColorSpace.get("oklch");
+	if (s.isUnbounded) return to(e, s);
+	let h = to(e, f), _ = h.coords[0];
+	if (_ >= 1) {
+		let l = to(COLORS.WHITE, s);
+		return l.alpha = e.alpha, to(l, s);
+	}
+	if (_ <= 0) {
+		let l = to(COLORS.BLACK, s);
+		return l.alpha = e.alpha, to(l, s);
+	}
+	if (inGamut(h, s, { epsilon: 0 })) return to(h, s);
+	function v(e) {
+		let l = to(e, s), u = Object.values(s.coords);
+		return l.coords = l.coords.map((e, s) => {
+			if ("range" in u[s]) {
+				let [l, f] = u[s].range;
+				return clamp(l, e, f);
+			}
+			return e;
+		}), l;
+	}
+	let y = 0, x = h.coords[1], S = !0, C = clone(h), w = v(C), T = deltaEOK(w, C);
+	if (T < l) return w;
+	for (; x - y > u;) {
+		let e = (y + x) / 2;
+		if (C.coords[1] = e, S && inGamut(C, s, { epsilon: 0 })) y = e;
+		else if (w = v(C), T = deltaEOK(w, C), T < l) {
+			if (l - T < u) break;
+			S = !1, y = e;
+		} else x = e;
+	}
+	return w;
+}
+function to(e, s, { inGamut: l } = {}) {
+	e = getColor(e), s = ColorSpace.get(s);
+	let u = s.from(e), f = {
+		space: s,
+		coords: u,
+		alpha: e.alpha
+	};
+	return l && (f = toGamut(f, l === !0 ? void 0 : l)), f;
+}
+to.returns = "color";
+function serialize(e, { precision: s = defaults.precision, format: l = "default", inGamut: f = !0, ...h } = {}) {
+	let _;
+	e = getColor(e);
+	let v = l;
+	l = e.space.getFormat(l) ?? e.space.getFormat("default") ?? ColorSpace.DEFAULT_FORMAT;
+	let y = e.coords.slice();
+	if (f ||= l.toGamut, f && !inGamut(e) && (y = toGamut(clone(e), f === !0 ? void 0 : f).coords), l.type === "custom") if (h.precision = s, l.serialize) _ = l.serialize(y, e.alpha, h);
+	else throw TypeError(`format ${v} can only be used to parse colors, not for serialization`);
+	else {
+		let f = l.name || "color";
+		l.serializeCoords ? y = l.serializeCoords(y, s) : s !== null && (y = y.map((e) => serializeNumber(e, { precision: s })));
+		let h = [...y];
+		if (f === "color") {
+			let s = l.id || l.ids?.[0] || e.space.id;
+			h.unshift(s);
+		}
+		let v = e.alpha;
+		s !== null && (v = serializeNumber(v, { precision: s }));
+		let x = e.alpha >= 1 || l.noAlpha ? "" : `${l.commas ? "," : " /"} ${v}`;
+		_ = `${f}(${h.join(l.commas ? ", " : " ")}${x})`;
+	}
+	return _;
+}
+var REC2020Linear = new RGBColorSpace({
+	id: "rec2020-linear",
+	cssId: "--rec2020-linear",
+	name: "Linear REC.2020",
+	white: "D65",
+	toXYZ_M: [
+		[
+			.6369580483012914,
+			.14461690358620832,
+			.1688809751641721
+		],
+		[
+			.2627002120112671,
+			.6779980715188708,
+			.05930171646986196
+		],
+		[
+			0,
+			.028072693049087428,
+			1.060985057710791
+		]
+	],
+	fromXYZ_M: [
+		[
+			1.716651187971268,
+			-.355670783776392,
+			-.25336628137366
+		],
+		[
+			-.666684351832489,
+			1.616481236634939,
+			.0157685458139111
+		],
+		[
+			.017639857445311,
+			-.042770613257809,
+			.942103121235474
+		]
+	]
+}), α = 1.09929682680944, β = .018053968510807, REC2020 = new RGBColorSpace({
+	id: "rec2020",
+	name: "REC.2020",
+	base: REC2020Linear,
+	toBase(e) {
+		return e.map(function(e) {
+			return e < β * 4.5 ? e / 4.5 : ((e + α - 1) / α) ** (1 / .45);
+		});
+	},
+	fromBase(e) {
+		return e.map(function(e) {
+			return e >= β ? α * e ** .45 - (α - 1) : 4.5 * e;
+		});
+	}
+}), P3Linear = new RGBColorSpace({
+	id: "p3-linear",
+	cssId: "--display-p3-linear",
+	name: "Linear P3",
+	white: "D65",
+	toXYZ_M: [
+		[
+			.4865709486482162,
+			.26566769316909306,
+			.1982172852343625
+		],
+		[
+			.2289745640697488,
+			.6917385218365064,
+			.079286914093745
+		],
+		[
+			0,
+			.04511338185890264,
+			1.043944368900976
+		]
+	],
+	fromXYZ_M: [
+		[
+			2.493496911941425,
+			-.9313836179191239,
+			-.40271078445071684
+		],
+		[
+			-.8294889695615747,
+			1.7626640603183463,
+			.023624685841943577
+		],
+		[
+			.03584583024378447,
+			-.07617238926804182,
+			.9568845240076872
+		]
+	]
+}), toXYZ_M$3 = [
+	[
+		.41239079926595934,
+		.357584339383878,
+		.1804807884018343
+	],
+	[
+		.21263900587151027,
+		.715168678767756,
+		.07219231536073371
+	],
+	[
+		.01933081871559182,
+		.11919477979462598,
+		.9505321522496607
+	]
+], fromXYZ_M$3 = [
+	[
+		3.2409699419045226,
+		-1.537383177570094,
+		-.4986107602930034
+	],
+	[
+		-.9692436362808796,
+		1.8759675015077202,
+		.04155505740717559
+	],
+	[
+		.05563007969699366,
+		-.20397695888897652,
+		1.0569715142428786
+	]
+], sRGBLinear = new RGBColorSpace({
+	id: "srgb-linear",
+	name: "Linear sRGB",
+	white: "D65",
+	toXYZ_M: toXYZ_M$3,
+	fromXYZ_M: fromXYZ_M$3
+}), KEYWORDS = {
+	aliceblue: [
+		240 / 255,
+		248 / 255,
+		1
+	],
+	antiquewhite: [
+		250 / 255,
+		235 / 255,
+		215 / 255
+	],
+	aqua: [
+		0,
+		1,
+		1
+	],
+	aquamarine: [
+		127 / 255,
+		1,
+		212 / 255
+	],
+	azure: [
+		240 / 255,
+		1,
+		1
+	],
+	beige: [
+		245 / 255,
+		245 / 255,
+		220 / 255
+	],
+	bisque: [
+		1,
+		228 / 255,
+		196 / 255
+	],
+	black: [
+		0,
+		0,
+		0
+	],
+	blanchedalmond: [
+		1,
+		235 / 255,
+		205 / 255
+	],
+	blue: [
+		0,
+		0,
+		1
+	],
+	blueviolet: [
+		138 / 255,
+		43 / 255,
+		226 / 255
+	],
+	brown: [
+		165 / 255,
+		42 / 255,
+		42 / 255
+	],
+	burlywood: [
+		222 / 255,
+		184 / 255,
+		135 / 255
+	],
+	cadetblue: [
+		95 / 255,
+		158 / 255,
+		160 / 255
+	],
+	chartreuse: [
+		127 / 255,
+		1,
+		0
+	],
+	chocolate: [
+		210 / 255,
+		105 / 255,
+		30 / 255
+	],
+	coral: [
+		1,
+		127 / 255,
+		80 / 255
+	],
+	cornflowerblue: [
+		100 / 255,
+		149 / 255,
+		237 / 255
+	],
+	cornsilk: [
+		1,
+		248 / 255,
+		220 / 255
+	],
+	crimson: [
+		220 / 255,
+		20 / 255,
+		60 / 255
+	],
+	cyan: [
+		0,
+		1,
+		1
+	],
+	darkblue: [
+		0,
+		0,
+		139 / 255
+	],
+	darkcyan: [
+		0,
+		139 / 255,
+		139 / 255
+	],
+	darkgoldenrod: [
+		184 / 255,
+		134 / 255,
+		11 / 255
+	],
+	darkgray: [
+		169 / 255,
+		169 / 255,
+		169 / 255
+	],
+	darkgreen: [
+		0,
+		100 / 255,
+		0
+	],
+	darkgrey: [
+		169 / 255,
+		169 / 255,
+		169 / 255
+	],
+	darkkhaki: [
+		189 / 255,
+		183 / 255,
+		107 / 255
+	],
+	darkmagenta: [
+		139 / 255,
+		0,
+		139 / 255
+	],
+	darkolivegreen: [
+		85 / 255,
+		107 / 255,
+		47 / 255
+	],
+	darkorange: [
+		1,
+		140 / 255,
+		0
+	],
+	darkorchid: [
+		153 / 255,
+		50 / 255,
+		204 / 255
+	],
+	darkred: [
+		139 / 255,
+		0,
+		0
+	],
+	darksalmon: [
+		233 / 255,
+		150 / 255,
+		122 / 255
+	],
+	darkseagreen: [
+		143 / 255,
+		188 / 255,
+		143 / 255
+	],
+	darkslateblue: [
+		72 / 255,
+		61 / 255,
+		139 / 255
+	],
+	darkslategray: [
+		47 / 255,
+		79 / 255,
+		79 / 255
+	],
+	darkslategrey: [
+		47 / 255,
+		79 / 255,
+		79 / 255
+	],
+	darkturquoise: [
+		0,
+		206 / 255,
+		209 / 255
+	],
+	darkviolet: [
+		148 / 255,
+		0,
+		211 / 255
+	],
+	deeppink: [
+		1,
+		20 / 255,
+		147 / 255
+	],
+	deepskyblue: [
+		0,
+		191 / 255,
+		1
+	],
+	dimgray: [
+		105 / 255,
+		105 / 255,
+		105 / 255
+	],
+	dimgrey: [
+		105 / 255,
+		105 / 255,
+		105 / 255
+	],
+	dodgerblue: [
+		30 / 255,
+		144 / 255,
+		1
+	],
+	firebrick: [
+		178 / 255,
+		34 / 255,
+		34 / 255
+	],
+	floralwhite: [
+		1,
+		250 / 255,
+		240 / 255
+	],
+	forestgreen: [
+		34 / 255,
+		139 / 255,
+		34 / 255
+	],
+	fuchsia: [
+		1,
+		0,
+		1
+	],
+	gainsboro: [
+		220 / 255,
+		220 / 255,
+		220 / 255
+	],
+	ghostwhite: [
+		248 / 255,
+		248 / 255,
+		1
+	],
+	gold: [
+		1,
+		215 / 255,
+		0
+	],
+	goldenrod: [
+		218 / 255,
+		165 / 255,
+		32 / 255
+	],
+	gray: [
+		128 / 255,
+		128 / 255,
+		128 / 255
+	],
+	green: [
+		0,
+		128 / 255,
+		0
+	],
+	greenyellow: [
+		173 / 255,
+		1,
+		47 / 255
+	],
+	grey: [
+		128 / 255,
+		128 / 255,
+		128 / 255
+	],
+	honeydew: [
+		240 / 255,
+		1,
+		240 / 255
+	],
+	hotpink: [
+		1,
+		105 / 255,
+		180 / 255
+	],
+	indianred: [
+		205 / 255,
+		92 / 255,
+		92 / 255
+	],
+	indigo: [
+		75 / 255,
+		0,
+		130 / 255
+	],
+	ivory: [
+		1,
+		1,
+		240 / 255
+	],
+	khaki: [
+		240 / 255,
+		230 / 255,
+		140 / 255
+	],
+	lavender: [
+		230 / 255,
+		230 / 255,
+		250 / 255
+	],
+	lavenderblush: [
+		1,
+		240 / 255,
+		245 / 255
+	],
+	lawngreen: [
+		124 / 255,
+		252 / 255,
+		0
+	],
+	lemonchiffon: [
+		1,
+		250 / 255,
+		205 / 255
+	],
+	lightblue: [
+		173 / 255,
+		216 / 255,
+		230 / 255
+	],
+	lightcoral: [
+		240 / 255,
+		128 / 255,
+		128 / 255
+	],
+	lightcyan: [
+		224 / 255,
+		1,
+		1
+	],
+	lightgoldenrodyellow: [
+		250 / 255,
+		250 / 255,
+		210 / 255
+	],
+	lightgray: [
+		211 / 255,
+		211 / 255,
+		211 / 255
+	],
+	lightgreen: [
+		144 / 255,
+		238 / 255,
+		144 / 255
+	],
+	lightgrey: [
+		211 / 255,
+		211 / 255,
+		211 / 255
+	],
+	lightpink: [
+		1,
+		182 / 255,
+		193 / 255
+	],
+	lightsalmon: [
+		1,
+		160 / 255,
+		122 / 255
+	],
+	lightseagreen: [
+		32 / 255,
+		178 / 255,
+		170 / 255
+	],
+	lightskyblue: [
+		135 / 255,
+		206 / 255,
+		250 / 255
+	],
+	lightslategray: [
+		119 / 255,
+		136 / 255,
+		153 / 255
+	],
+	lightslategrey: [
+		119 / 255,
+		136 / 255,
+		153 / 255
+	],
+	lightsteelblue: [
+		176 / 255,
+		196 / 255,
+		222 / 255
+	],
+	lightyellow: [
+		1,
+		1,
+		224 / 255
+	],
+	lime: [
+		0,
+		1,
+		0
+	],
+	limegreen: [
+		50 / 255,
+		205 / 255,
+		50 / 255
+	],
+	linen: [
+		250 / 255,
+		240 / 255,
+		230 / 255
+	],
+	magenta: [
+		1,
+		0,
+		1
+	],
+	maroon: [
+		128 / 255,
+		0,
+		0
+	],
+	mediumaquamarine: [
+		102 / 255,
+		205 / 255,
+		170 / 255
+	],
+	mediumblue: [
+		0,
+		0,
+		205 / 255
+	],
+	mediumorchid: [
+		186 / 255,
+		85 / 255,
+		211 / 255
+	],
+	mediumpurple: [
+		147 / 255,
+		112 / 255,
+		219 / 255
+	],
+	mediumseagreen: [
+		60 / 255,
+		179 / 255,
+		113 / 255
+	],
+	mediumslateblue: [
+		123 / 255,
+		104 / 255,
+		238 / 255
+	],
+	mediumspringgreen: [
+		0,
+		250 / 255,
+		154 / 255
+	],
+	mediumturquoise: [
+		72 / 255,
+		209 / 255,
+		204 / 255
+	],
+	mediumvioletred: [
+		199 / 255,
+		21 / 255,
+		133 / 255
+	],
+	midnightblue: [
+		25 / 255,
+		25 / 255,
+		112 / 255
+	],
+	mintcream: [
+		245 / 255,
+		1,
+		250 / 255
+	],
+	mistyrose: [
+		1,
+		228 / 255,
+		225 / 255
+	],
+	moccasin: [
+		1,
+		228 / 255,
+		181 / 255
+	],
+	navajowhite: [
+		1,
+		222 / 255,
+		173 / 255
+	],
+	navy: [
+		0,
+		0,
+		128 / 255
+	],
+	oldlace: [
+		253 / 255,
+		245 / 255,
+		230 / 255
+	],
+	olive: [
+		128 / 255,
+		128 / 255,
+		0
+	],
+	olivedrab: [
+		107 / 255,
+		142 / 255,
+		35 / 255
+	],
+	orange: [
+		1,
+		165 / 255,
+		0
+	],
+	orangered: [
+		1,
+		69 / 255,
+		0
+	],
+	orchid: [
+		218 / 255,
+		112 / 255,
+		214 / 255
+	],
+	palegoldenrod: [
+		238 / 255,
+		232 / 255,
+		170 / 255
+	],
+	palegreen: [
+		152 / 255,
+		251 / 255,
+		152 / 255
+	],
+	paleturquoise: [
+		175 / 255,
+		238 / 255,
+		238 / 255
+	],
+	palevioletred: [
+		219 / 255,
+		112 / 255,
+		147 / 255
+	],
+	papayawhip: [
+		1,
+		239 / 255,
+		213 / 255
+	],
+	peachpuff: [
+		1,
+		218 / 255,
+		185 / 255
+	],
+	peru: [
+		205 / 255,
+		133 / 255,
+		63 / 255
+	],
+	pink: [
+		1,
+		192 / 255,
+		203 / 255
+	],
+	plum: [
+		221 / 255,
+		160 / 255,
+		221 / 255
+	],
+	powderblue: [
+		176 / 255,
+		224 / 255,
+		230 / 255
+	],
+	purple: [
+		128 / 255,
+		0,
+		128 / 255
+	],
+	rebeccapurple: [
+		102 / 255,
+		51 / 255,
+		153 / 255
+	],
+	red: [
+		1,
+		0,
+		0
+	],
+	rosybrown: [
+		188 / 255,
+		143 / 255,
+		143 / 255
+	],
+	royalblue: [
+		65 / 255,
+		105 / 255,
+		225 / 255
+	],
+	saddlebrown: [
+		139 / 255,
+		69 / 255,
+		19 / 255
+	],
+	salmon: [
+		250 / 255,
+		128 / 255,
+		114 / 255
+	],
+	sandybrown: [
+		244 / 255,
+		164 / 255,
+		96 / 255
+	],
+	seagreen: [
+		46 / 255,
+		139 / 255,
+		87 / 255
+	],
+	seashell: [
+		1,
+		245 / 255,
+		238 / 255
+	],
+	sienna: [
+		160 / 255,
+		82 / 255,
+		45 / 255
+	],
+	silver: [
+		192 / 255,
+		192 / 255,
+		192 / 255
+	],
+	skyblue: [
+		135 / 255,
+		206 / 255,
+		235 / 255
+	],
+	slateblue: [
+		106 / 255,
+		90 / 255,
+		205 / 255
+	],
+	slategray: [
+		112 / 255,
+		128 / 255,
+		144 / 255
+	],
+	slategrey: [
+		112 / 255,
+		128 / 255,
+		144 / 255
+	],
+	snow: [
+		1,
+		250 / 255,
+		250 / 255
+	],
+	springgreen: [
+		0,
+		1,
+		127 / 255
+	],
+	steelblue: [
+		70 / 255,
+		130 / 255,
+		180 / 255
+	],
+	tan: [
+		210 / 255,
+		180 / 255,
+		140 / 255
+	],
+	teal: [
+		0,
+		128 / 255,
+		128 / 255
+	],
+	thistle: [
+		216 / 255,
+		191 / 255,
+		216 / 255
+	],
+	tomato: [
+		1,
+		99 / 255,
+		71 / 255
+	],
+	turquoise: [
+		64 / 255,
+		224 / 255,
+		208 / 255
+	],
+	violet: [
+		238 / 255,
+		130 / 255,
+		238 / 255
+	],
+	wheat: [
+		245 / 255,
+		222 / 255,
+		179 / 255
+	],
+	white: [
+		1,
+		1,
+		1
+	],
+	whitesmoke: [
+		245 / 255,
+		245 / 255,
+		245 / 255
+	],
+	yellow: [
+		1,
+		1,
+		0
+	],
+	yellowgreen: [
+		154 / 255,
+		205 / 255,
+		50 / 255
+	]
+}, coordGrammar = [
+	,
+	,
+	,
+].fill("<percentage> | <number>[0, 255]"), coordGrammarNumber = [
+	,
+	,
+	,
+].fill("<number>[0, 255]"), sRGB = new RGBColorSpace({
+	id: "srgb",
+	name: "sRGB",
+	base: sRGBLinear,
+	fromBase: (e) => e.map((e) => {
+		let s = e < 0 ? -1 : 1, l = e * s;
+		return l > .0031308 ? s * (1.055 * l ** (1 / 2.4) - .055) : 12.92 * e;
+	}),
+	toBase: (e) => e.map((e) => {
+		let s = e < 0 ? -1 : 1, l = e * s;
+		return l <= .04045 ? e / 12.92 : s * ((l + .055) / 1.055) ** 2.4;
+	}),
+	formats: {
+		rgb: { coords: coordGrammar },
+		rgb_number: {
+			name: "rgb",
+			commas: !0,
+			coords: coordGrammarNumber,
+			noAlpha: !0
+		},
+		color: {},
+		rgba: {
+			coords: coordGrammar,
+			commas: !0,
+			lastAlpha: !0
+		},
+		rgba_number: {
+			name: "rgba",
+			commas: !0,
+			coords: coordGrammarNumber
+		},
+		hex: {
+			type: "custom",
+			toGamut: !0,
+			test: (e) => /^#([a-f0-9]{3,4}){1,2}$/i.test(e),
+			parse(e) {
+				e.length <= 5 && (e = e.replace(/[a-f0-9]/gi, "$&$&"));
+				let s = [];
+				return e.replace(/[a-f0-9]{2}/gi, (e) => {
+					s.push(parseInt(e, 16) / 255);
+				}), {
+					spaceId: "srgb",
+					coords: s.slice(0, 3),
+					alpha: s.slice(3)[0]
+				};
+			},
+			serialize: (e, s, { collapse: l = !0 } = {}) => {
+				s < 1 && e.push(s), e = e.map((e) => Math.round(e * 255));
+				let u = l && e.every((e) => e % 17 == 0);
+				return "#" + e.map((e) => u ? (e / 17).toString(16) : e.toString(16).padStart(2, "0")).join("");
+			}
+		},
+		keyword: {
+			type: "custom",
+			test: (e) => /^[a-z]+$/i.test(e),
+			parse(e) {
+				e = e.toLowerCase();
+				let s = {
+					spaceId: "srgb",
+					coords: null,
+					alpha: 1
+				};
+				if (e === "transparent" ? (s.coords = KEYWORDS.black, s.alpha = 0) : s.coords = KEYWORDS[e], s.coords) return s;
+			}
+		}
+	}
+}), P3 = new RGBColorSpace({
+	id: "p3",
+	cssId: "display-p3",
+	name: "P3",
+	base: P3Linear,
+	fromBase: sRGB.fromBase,
+	toBase: sRGB.toBase
+});
+defaults.display_space = sRGB;
+var supportsNone;
+if (typeof CSS < "u" && CSS.supports) for (let e of [
+	lab,
+	REC2020,
+	P3
+]) {
+	let s = serialize({
+		space: e,
+		coords: e.getMinCoords(),
+		alpha: 1
+	});
+	if (CSS.supports("color", s)) {
+		defaults.display_space = e;
+		break;
+	}
+}
+function display(e, { space: s = defaults.display_space, ...l } = {}) {
+	let u = serialize(e, l);
+	if (typeof CSS > "u" || CSS.supports("color", u) || !defaults.display_space) u = new String(u), u.color = e;
+	else {
+		let _ = e;
+		if ((e.coords.some(isNone) || isNone(e.alpha)) && !(supportsNone ??= CSS.supports("color", "hsl(none 50% 50%)")) && (_ = clone(e), _.coords = _.coords.map(skipNone), _.alpha = skipNone(_.alpha), u = serialize(_, l), CSS.supports("color", u))) return u = new String(u), u.color = _, u;
+		_ = to(_, s), u = new String(serialize(_, l)), u.color = _;
+	}
+	return u;
+}
+function equals(e, s) {
+	return e = getColor(e), s = getColor(s), e.space === s.space && e.alpha === s.alpha && e.coords.every((e, l) => e === s.coords[l]);
+}
+function getLuminance(e) {
+	return get(e, [xyz_d65, "y"]);
+}
+function setLuminance(e, s) {
+	set(e, [xyz_d65, "y"], s);
+}
+function register$2(e) {
+	Object.defineProperty(e.prototype, "luminance", {
+		get() {
+			return getLuminance(this);
+		},
+		set(e) {
+			setLuminance(this, e);
+		}
+	});
+}
+var luminance = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	getLuminance,
+	register: register$2,
+	setLuminance
+});
+function contrastWCAG21(e, s) {
+	e = getColor(e), s = getColor(s);
+	let l = Math.max(getLuminance(e), 0), u = Math.max(getLuminance(s), 0);
+	return u > l && ([l, u] = [u, l]), (l + .05) / (u + .05);
+}
+var normBG = .56, normTXT = .57, revTXT = .62, revBG = .65, blkThrs = .022, blkClmp = 1.414, loClip = .1, deltaYmin = 5e-4, scaleBoW = 1.14, loBoWoffset = .027, scaleWoB = 1.14;
+function fclamp(e) {
+	return e >= blkThrs ? e : e + (blkThrs - e) ** blkClmp;
+}
+function linearize(e) {
+	return (e < 0 ? -1 : 1) * Math.abs(e) ** 2.4;
+}
+function contrastAPCA(e, s) {
+	s = getColor(s), e = getColor(e);
+	let l, u, f, h, _, v;
+	s = to(s, "srgb"), [h, _, v] = s.coords;
+	let y = linearize(h) * .2126729 + linearize(_) * .7151522 + linearize(v) * .072175;
+	e = to(e, "srgb"), [h, _, v] = e.coords;
+	let x = linearize(h) * .2126729 + linearize(_) * .7151522 + linearize(v) * .072175, S = fclamp(y), C = fclamp(x), w = C > S;
+	return Math.abs(C - S) < deltaYmin ? u = 0 : w ? (l = C ** normBG - S ** normTXT, u = l * scaleBoW) : (l = C ** revBG - S ** revTXT, u = l * scaleWoB), f = Math.abs(u) < loClip ? 0 : u > 0 ? u - loBoWoffset : u + loBoWoffset, f * 100;
+}
+function contrastMichelson(e, s) {
+	e = getColor(e), s = getColor(s);
+	let l = Math.max(getLuminance(e), 0), u = Math.max(getLuminance(s), 0);
+	u > l && ([l, u] = [u, l]);
+	let f = l + u;
+	return f === 0 ? 0 : (l - u) / f;
+}
+var max = 5e4;
+function contrastWeber(e, s) {
+	e = getColor(e), s = getColor(s);
+	let l = Math.max(getLuminance(e), 0), u = Math.max(getLuminance(s), 0);
+	return u > l && ([l, u] = [u, l]), u === 0 ? max : (l - u) / u;
+}
+function contrastLstar(e, s) {
+	e = getColor(e), s = getColor(s);
+	let l = get(e, [lab, "l"]), u = get(s, [lab, "l"]);
+	return Math.abs(l - u);
+}
+var ε$3 = 216 / 24389, ε3 = 24 / 116, κ$2 = 24389 / 27, white$1 = WHITES.D65, lab_d65 = new ColorSpace({
+	id: "lab-d65",
+	name: "Lab D65",
+	coords: {
+		l: {
+			refRange: [0, 100],
+			name: "Lightness"
+		},
+		a: { refRange: [-125, 125] },
+		b: { refRange: [-125, 125] }
+	},
+	white: white$1,
+	base: xyz_d65,
+	fromBase(e) {
+		let s = e.map((e, s) => e / white$1[s]).map((e) => e > ε$3 ? Math.cbrt(e) : (κ$2 * e + 16) / 116);
+		return [
+			116 * s[1] - 16,
+			500 * (s[0] - s[1]),
+			200 * (s[1] - s[2])
+		];
+	},
+	toBase(e) {
+		let s = [];
+		return s[1] = (e[0] + 16) / 116, s[0] = e[1] / 500 + s[1], s[2] = s[1] - e[2] / 200, [
+			s[0] > ε3 ? s[0] ** 3 : (116 * s[0] - 16) / κ$2,
+			e[0] > 8 ? ((e[0] + 16) / 116) ** 3 : e[0] / κ$2,
+			s[2] > ε3 ? s[2] ** 3 : (116 * s[2] - 16) / κ$2
+		].map((e, s) => e * white$1[s]);
+	},
+	formats: { "lab-d65": { coords: [
+		"<number> | <percentage>",
+		"<number> | <percentage>[-1,1]",
+		"<number> | <percentage>[-1,1]"
+	] } }
+}), phi = 5 ** .5 * .5 + .5;
+function contrastDeltaPhi(e, s) {
+	e = getColor(e), s = getColor(s);
+	let l = get(e, [lab_d65, "l"]), u = get(s, [lab_d65, "l"]), f = Math.abs(l ** +phi - u ** +phi) ** (1 / phi) * Math.SQRT2 - 40;
+	return f < 7.5 ? 0 : f;
+}
+var contrastMethods = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	contrastAPCA,
+	contrastDeltaPhi,
+	contrastLstar,
+	contrastMichelson,
+	contrastWCAG21,
+	contrastWeber
+});
+function contrast(e, l, u = {}) {
+	isString(u) && (u = { algorithm: u });
+	let { algorithm: f, ...h } = u;
+	if (!f) {
+		let e = Object.keys(contrastMethods).map((e) => e.replace(/^contrast/, "")).join(", ");
+		throw TypeError(`contrast() function needs a contrast algorithm. Please specify one of: ${e}`);
+	}
+	for (let s in e = getColor(e), l = getColor(l), contrastMethods) if ("contrast" + f.toLowerCase() === s.toLowerCase()) return contrastMethods[s](e, l, h);
+	throw TypeError(`Unknown contrast algorithm: ${f}`);
+}
+function uv(e) {
+	let [s, l, u] = getAll(e, xyz_d65), f = s + 15 * l + 3 * u;
+	return [4 * s / f, 9 * l / f];
+}
+function xy(e) {
+	let [s, l, u] = getAll(e, xyz_d65), f = s + l + u;
+	return [s / f, l / f];
+}
+function register$1(e) {
+	Object.defineProperty(e.prototype, "uv", { get() {
+		return uv(this);
+	} }), Object.defineProperty(e.prototype, "xy", { get() {
+		return xy(this);
+	} });
+}
+var chromaticity = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	register: register$1,
+	uv,
+	xy
+});
+function deltaE(e, l, u = {}) {
+	isString(u) && (u = { method: u });
+	let { method: f = defaults.deltaE, ...h } = u;
+	for (let s in deltaEMethods) if ("deltae" + f.toLowerCase() === s.toLowerCase()) return deltaEMethods[s](e, l, h);
+	throw TypeError(`Unknown deltaE method: ${f}`);
+}
+function lighten(e, s = .25) {
+	return set(e, [ColorSpace.get("oklch", "lch"), "l"], (e) => e * (1 + s));
+}
+function darken(e, s = .25) {
+	return set(e, [ColorSpace.get("oklch", "lch"), "l"], (e) => e * (1 - s));
+}
+var variations = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	darken,
+	lighten
+});
+function mix(e, s, u = .5, f = {}) {
+	return [e, s] = [getColor(e), getColor(s)], type(u) === "object" && ([u, f] = [.5, u]), range(e, s, f)(u);
+}
+function steps(e, s, l = {}) {
+	let u;
+	isRange(e) && ([u, l] = [e, s], [e, s] = u.rangeArgs.colors);
+	let { maxDeltaE: f, deltaEMethod: h, steps: _ = 2, maxSteps: v = 1e3, ...y } = l;
+	u ||= ([e, s] = [getColor(e), getColor(s)], range(e, s, y));
+	let x = deltaE(e, s), S = f > 0 ? Math.max(_, Math.ceil(x / f) + 1) : _, C = [];
+	if (v !== void 0 && (S = Math.min(S, v)), S === 1) C = [{
+		p: .5,
+		color: u(.5)
+	}];
+	else {
+		let e = 1 / (S - 1);
+		C = Array.from({ length: S }, (s, l) => {
+			let f = l * e;
+			return {
+				p: f,
+				color: u(f)
+			};
+		});
+	}
+	if (f > 0) {
+		let e = C.reduce((e, s, l) => {
+			if (l === 0) return 0;
+			let u = deltaE(s.color, C[l - 1].color, h);
+			return Math.max(e, u);
+		}, 0);
+		for (; e > f;) {
+			e = 0;
+			for (let s = 1; s < C.length && C.length < v; s++) {
+				let l = C[s - 1], f = C[s], h = (f.p + l.p) / 2, _ = u(h);
+				e = Math.max(e, deltaE(_, l.color), deltaE(_, f.color)), C.splice(s, 0, {
+					p: h,
+					color: u(h)
+				}), s++;
+			}
+		}
+	}
+	return C = C.map((e) => e.color), C;
+}
+function range(e, s, l = {}) {
+	if (isRange(e)) {
+		let [l, u] = [e, s];
+		return range(...l.rangeArgs.colors, {
+			...l.rangeArgs.options,
+			...u
+		});
+	}
+	let { space: u, outputSpace: f, progression: h, premultiplied: _ } = l;
+	e = getColor(e), s = getColor(s), e = clone(e), s = clone(s);
+	let v = {
+		colors: [e, s],
+		options: l
+	};
+	if (u = u ? ColorSpace.get(u) : ColorSpace.registry[defaults.interpolationSpace] || e.space, f = f ? ColorSpace.get(f) : u, e = to(e, u), s = to(s, u), e = toGamut(e), s = toGamut(s), u.coords.h && u.coords.h.type === "angle") {
+		let f = l.hue = l.hue || "shorter", h = [u, "h"], [_, v] = [get(e, h), get(s, h)];
+		isNaN(_) && !isNaN(v) ? _ = v : isNaN(v) && !isNaN(_) && (v = _), [_, v] = adjust(f, [_, v]), set(e, h, _), set(s, h, v);
+	}
+	return _ && (e.coords = e.coords.map((s) => s * e.alpha), s.coords = s.coords.map((e) => e * s.alpha)), Object.assign((l) => {
+		l = h ? h(l) : l;
+		let v = e.coords.map((e, u) => {
+			let f = s.coords[u];
+			return interpolate(e, f, l);
+		}), y = interpolate(e.alpha, s.alpha, l), x = {
+			space: u,
+			coords: v,
+			alpha: y
+		};
+		return _ && (x.coords = x.coords.map((e) => e / y)), f !== u && (x = to(x, f)), x;
+	}, { rangeArgs: v });
+}
+function isRange(e) {
+	return type(e) === "function" && !!e.rangeArgs;
+}
+defaults.interpolationSpace = "lab";
+function register(e) {
+	e.defineFunction("mix", mix, { returns: "color" }), e.defineFunction("range", range, { returns: "function<color>" }), e.defineFunction("steps", steps, { returns: "array<color>" });
+}
+var interpolation = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	isRange,
+	mix,
+	range,
+	register,
+	steps
+}), HSL = new ColorSpace({
+	id: "hsl",
+	name: "HSL",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		s: {
+			range: [0, 100],
+			name: "Saturation"
+		},
+		l: {
+			range: [0, 100],
+			name: "Lightness"
+		}
+	},
+	base: sRGB,
+	fromBase: (e) => {
+		let s = Math.max(...e), l = Math.min(...e), [u, f, h] = e, [_, v, y] = [
+			NaN,
+			0,
+			(l + s) / 2
+		], x = s - l;
+		if (x !== 0) {
+			switch (v = y === 0 || y === 1 ? 0 : (s - y) / Math.min(y, 1 - y), s) {
+				case u:
+					_ = (f - h) / x + (f < h ? 6 : 0);
+					break;
+				case f:
+					_ = (h - u) / x + 2;
+					break;
+				case h: _ = (u - f) / x + 4;
+			}
+			_ *= 60;
+		}
+		return v < 0 && (_ += 180, v = Math.abs(v)), _ >= 360 && (_ -= 360), [
+			_,
+			v * 100,
+			y * 100
+		];
+	},
+	toBase: (e) => {
+		let [s, l, u] = e;
+		s %= 360, s < 0 && (s += 360), l /= 100, u /= 100;
+		function f(e) {
+			let f = (e + s / 30) % 12, h = l * Math.min(u, 1 - u);
+			return u - h * Math.max(-1, Math.min(f - 3, 9 - f, 1));
+		}
+		return [
+			f(0),
+			f(8),
+			f(4)
+		];
+	},
+	formats: {
+		hsl: { coords: [
+			"<number> | <angle>",
+			"<percentage>",
+			"<percentage>"
+		] },
+		hsla: {
+			coords: [
+				"<number> | <angle>",
+				"<percentage>",
+				"<percentage>"
+			],
+			commas: !0,
+			lastAlpha: !0
+		}
+	}
+}), HSV = new ColorSpace({
+	id: "hsv",
+	name: "HSV",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		s: {
+			range: [0, 100],
+			name: "Saturation"
+		},
+		v: {
+			range: [0, 100],
+			name: "Value"
+		}
+	},
+	base: HSL,
+	fromBase(e) {
+		let [s, l, u] = e;
+		l /= 100, u /= 100;
+		let f = u + l * Math.min(u, 1 - u);
+		return [
+			s,
+			f === 0 ? 0 : 200 * (1 - u / f),
+			100 * f
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e;
+		l /= 100, u /= 100;
+		let f = u * (1 - l / 2);
+		return [
+			s,
+			f === 0 || f === 1 ? 0 : (u - f) / Math.min(f, 1 - f) * 100,
+			f * 100
+		];
+	},
+	formats: { color: {
+		id: "--hsv",
+		coords: [
+			"<number> | <angle>",
+			"<percentage> | <number>",
+			"<percentage> | <number>"
+		]
+	} }
+}), hwb = new ColorSpace({
+	id: "hwb",
+	name: "HWB",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		w: {
+			range: [0, 100],
+			name: "Whiteness"
+		},
+		b: {
+			range: [0, 100],
+			name: "Blackness"
+		}
+	},
+	base: HSV,
+	fromBase(e) {
+		let [s, l, u] = e;
+		return [
+			s,
+			u * (100 - l) / 100,
+			100 - u
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e;
+		l /= 100, u /= 100;
+		let f = l + u;
+		if (f >= 1) return [
+			s,
+			0,
+			l / f * 100
+		];
+		let h = 1 - u;
+		return [
+			s,
+			(h === 0 ? 0 : 1 - l / h) * 100,
+			h * 100
+		];
+	},
+	formats: { hwb: { coords: [
+		"<number> | <angle>",
+		"<percentage> | <number>",
+		"<percentage> | <number>"
+	] } }
+}), A98Linear = new RGBColorSpace({
+	id: "a98rgb-linear",
+	cssId: "--a98-rgb-linear",
+	name: "Linear Adobe® 98 RGB compatible",
+	white: "D65",
+	toXYZ_M: [
+		[
+			.5766690429101305,
+			.1855582379065463,
+			.1882286462349947
+		],
+		[
+			.29734497525053605,
+			.6273635662554661,
+			.07529145849399788
+		],
+		[
+			.02703136138641234,
+			.07068885253582723,
+			.9913375368376388
+		]
+	],
+	fromXYZ_M: [
+		[
+			2.0415879038107465,
+			-.5650069742788596,
+			-.34473135077832956
+		],
+		[
+			-.9692436362808795,
+			1.8759675015077202,
+			.04155505740717557
+		],
+		[
+			.013444280632031142,
+			-.11836239223101838,
+			1.0151749943912054
+		]
+	]
+}), a98rgb = new RGBColorSpace({
+	id: "a98rgb",
+	cssId: "a98-rgb",
+	name: "Adobe® 98 RGB compatible",
+	base: A98Linear,
+	toBase: (e) => e.map((e) => Math.abs(e) ** (563 / 256) * Math.sign(e)),
+	fromBase: (e) => e.map((e) => Math.abs(e) ** (256 / 563) * Math.sign(e))
+}), ProPhotoLinear = new RGBColorSpace({
+	id: "prophoto-linear",
+	cssId: "--prophoto-rgb-linear",
+	name: "Linear ProPhoto",
+	white: "D50",
+	base: XYZ_D50,
+	toXYZ_M: [
+		[
+			.7977666449006423,
+			.13518129740053308,
+			.0313477341283922
+		],
+		[
+			.2880748288194013,
+			.711835234241873,
+			8993693872564e-17
+		],
+		[
+			0,
+			0,
+			.8251046025104602
+		]
+	],
+	fromXYZ_M: [
+		[
+			1.3457868816471583,
+			-.25557208737979464,
+			-.05110186497554526
+		],
+		[
+			-.5446307051249019,
+			1.5082477428451468,
+			.02052744743642139
+		],
+		[
+			0,
+			0,
+			1.2119675456389452
+		]
+	]
+}), Et = 1 / 512, Et2 = 16 / 512, prophoto = new RGBColorSpace({
+	id: "prophoto",
+	cssId: "prophoto-rgb",
+	name: "ProPhoto",
+	base: ProPhotoLinear,
+	toBase(e) {
+		return e.map((e) => e < Et2 ? e / 16 : e ** 1.8);
+	},
+	fromBase(e) {
+		return e.map((e) => e >= Et ? e ** (1 / 1.8) : 16 * e);
+	}
+}), oklch = new ColorSpace({
+	id: "oklch",
+	name: "Oklch",
+	coords: {
+		l: {
+			refRange: [0, 1],
+			name: "Lightness"
+		},
+		c: {
+			refRange: [0, .4],
+			name: "Chroma"
+		},
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		}
+	},
+	white: "D65",
+	base: OKLab,
+	fromBase(e) {
+		let [s, l, u] = e, f, h = 2e-4;
+		return f = Math.abs(l) < h && Math.abs(u) < h ? NaN : Math.atan2(u, l) * 180 / Math.PI, [
+			s,
+			Math.sqrt(l ** 2 + u ** 2),
+			constrain(f)
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e, f, h;
+		return isNaN(u) ? (f = 0, h = 0) : (f = l * Math.cos(u * Math.PI / 180), h = l * Math.sin(u * Math.PI / 180)), [
+			s,
+			f,
+			h
+		];
+	},
+	formats: { oklch: { coords: [
+		"<percentage> | <number>",
+		"<number> | <percentage>[0,1]",
+		"<number> | <angle>"
+	] } }
+}), white = WHITES.D65, ε$2 = 216 / 24389, κ$1 = 24389 / 27, [U_PRIME_WHITE, V_PRIME_WHITE] = uv({
+	space: xyz_d65,
+	coords: white
+}), Luv = new ColorSpace({
+	id: "luv",
+	name: "Luv",
+	coords: {
+		l: {
+			refRange: [0, 100],
+			name: "Lightness"
+		},
+		u: { refRange: [-215, 215] },
+		v: { refRange: [-215, 215] }
+	},
+	white,
+	base: xyz_d65,
+	fromBase(e) {
+		let s = [
+			skipNone(e[0]),
+			skipNone(e[1]),
+			skipNone(e[2])
+		], l = s[1], [u, f] = uv({
+			space: xyz_d65,
+			coords: s
+		});
+		if (!Number.isFinite(u) || !Number.isFinite(f)) return [
+			0,
+			0,
+			0
+		];
+		let _ = l <= ε$2 ? κ$1 * l : 116 * Math.cbrt(l) - 16;
+		return [
+			_,
+			13 * _ * (u - U_PRIME_WHITE),
+			13 * _ * (f - V_PRIME_WHITE)
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e;
+		if (s === 0 || isNone(s)) return [
+			0,
+			0,
+			0
+		];
+		l = skipNone(l), u = skipNone(u);
+		let _ = l / (13 * s) + U_PRIME_WHITE, v = u / (13 * s) + V_PRIME_WHITE, y = s <= 8 ? s / κ$1 : ((s + 16) / 116) ** 3;
+		return [
+			y * (9 * _ / (4 * v)),
+			y,
+			y * ((12 - 3 * _ - 20 * v) / (4 * v))
+		];
+	},
+	formats: { color: {
+		id: "--luv",
+		coords: [
+			"<number> | <percentage>",
+			"<number> | <percentage>[-1,1]",
+			"<number> | <percentage>[-1,1]"
+		]
+	} }
+}), LCHuv = new ColorSpace({
+	id: "lchuv",
+	name: "LChuv",
+	coords: {
+		l: {
+			refRange: [0, 100],
+			name: "Lightness"
+		},
+		c: {
+			refRange: [0, 220],
+			name: "Chroma"
+		},
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		}
+	},
+	base: Luv,
+	fromBase(e) {
+		let [s, l, u] = e, f, h = .02;
+		return f = Math.abs(l) < h && Math.abs(u) < h ? NaN : Math.atan2(u, l) * 180 / Math.PI, [
+			s,
+			Math.sqrt(l ** 2 + u ** 2),
+			constrain(f)
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = e;
+		return l < 0 && (l = 0), isNaN(u) && (u = 0), [
+			s,
+			l * Math.cos(u * Math.PI / 180),
+			l * Math.sin(u * Math.PI / 180)
+		];
+	},
+	formats: { color: {
+		id: "--lchuv",
+		coords: [
+			"<number> | <percentage>",
+			"<number> | <percentage>",
+			"<number> | <angle>"
+		]
+	} }
+}), ε$1 = 216 / 24389, κ = 24389 / 27, m_r0 = fromXYZ_M$3[0][0], m_r1 = fromXYZ_M$3[0][1], m_r2 = fromXYZ_M$3[0][2], m_g0 = fromXYZ_M$3[1][0], m_g1 = fromXYZ_M$3[1][1], m_g2 = fromXYZ_M$3[1][2], m_b0 = fromXYZ_M$3[2][0], m_b1 = fromXYZ_M$3[2][1], m_b2 = fromXYZ_M$3[2][2];
+function distanceFromOriginAngle(e, s, l) {
+	let u = s / (Math.sin(l) - e * Math.cos(l));
+	return u < 0 ? Infinity : u;
+}
+function calculateBoundingLines(e) {
+	let s = (e + 16) ** 3 / 1560896, l = s > ε$1 ? s : e / κ, u = l * (284517 * m_r0 - 94839 * m_r2), f = l * (838422 * m_r2 + 769860 * m_r1 + 731718 * m_r0), h = l * (632260 * m_r2 - 126452 * m_r1), _ = l * (284517 * m_g0 - 94839 * m_g2), v = l * (838422 * m_g2 + 769860 * m_g1 + 731718 * m_g0), y = l * (632260 * m_g2 - 126452 * m_g1), x = l * (284517 * m_b0 - 94839 * m_b2), S = l * (838422 * m_b2 + 769860 * m_b1 + 731718 * m_b0), C = l * (632260 * m_b2 - 126452 * m_b1);
+	return {
+		r0s: u / h,
+		r0i: f * e / h,
+		r1s: u / (h + 126452),
+		r1i: (f - 769860) * e / (h + 126452),
+		g0s: _ / y,
+		g0i: v * e / y,
+		g1s: _ / (y + 126452),
+		g1i: (v - 769860) * e / (y + 126452),
+		b0s: x / C,
+		b0i: S * e / C,
+		b1s: x / (C + 126452),
+		b1i: (S - 769860) * e / (C + 126452)
+	};
+}
+function calcMaxChromaHsluv(e, s) {
+	let l = s / 360 * Math.PI * 2, u = distanceFromOriginAngle(e.r0s, e.r0i, l), f = distanceFromOriginAngle(e.r1s, e.r1i, l), h = distanceFromOriginAngle(e.g0s, e.g0i, l), _ = distanceFromOriginAngle(e.g1s, e.g1i, l), v = distanceFromOriginAngle(e.b0s, e.b0i, l), y = distanceFromOriginAngle(e.b1s, e.b1i, l);
+	return Math.min(u, f, h, _, v, y);
+}
+var hsluv = new ColorSpace({
+	id: "hsluv",
+	name: "HSLuv",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		s: {
+			range: [0, 100],
+			name: "Saturation"
+		},
+		l: {
+			range: [0, 100],
+			name: "Lightness"
+		}
+	},
+	base: LCHuv,
+	gamutSpace: sRGB,
+	fromBase(e) {
+		let [s, l, u] = [
+			skipNone(e[0]),
+			skipNone(e[1]),
+			skipNone(e[2])
+		], f;
+		return s > 99.9999999 ? (f = 0, s = 100) : s < 1e-8 ? (f = 0, s = 0) : f = l / calcMaxChromaHsluv(calculateBoundingLines(s), u) * 100, [
+			u,
+			f,
+			s
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = [
+			skipNone(e[0]),
+			skipNone(e[1]),
+			skipNone(e[2])
+		], f;
+		return u > 99.9999999 ? (u = 100, f = 0) : u < 1e-8 ? (u = 0, f = 0) : f = calcMaxChromaHsluv(calculateBoundingLines(u), s) / 100 * l, [
+			u,
+			f,
+			s
+		];
+	},
+	formats: { color: {
+		id: "--hsluv",
+		coords: [
+			"<number> | <angle>",
+			"<percentage> | <number>",
+			"<percentage> | <number>"
+		]
+	} }
+});
+fromXYZ_M$3[0][0], fromXYZ_M$3[0][1], fromXYZ_M$3[0][2], fromXYZ_M$3[1][0], fromXYZ_M$3[1][1], fromXYZ_M$3[1][2], fromXYZ_M$3[2][0], fromXYZ_M$3[2][1], fromXYZ_M$3[2][2];
+function distanceFromOrigin(e, s) {
+	return Math.abs(s) / Math.sqrt(e ** 2 + 1);
+}
+function calcMaxChromaHpluv(e) {
+	let s = distanceFromOrigin(e.r0s, e.r0i), l = distanceFromOrigin(e.r1s, e.r1i), u = distanceFromOrigin(e.g0s, e.g0i), f = distanceFromOrigin(e.g1s, e.g1i), h = distanceFromOrigin(e.b0s, e.b0i), _ = distanceFromOrigin(e.b1s, e.b1i);
+	return Math.min(s, l, u, f, h, _);
+}
+var hpluv = new ColorSpace({
+	id: "hpluv",
+	name: "HPLuv",
+	coords: {
+		h: {
+			refRange: [0, 360],
+			type: "angle",
+			name: "Hue"
+		},
+		s: {
+			range: [0, 100],
+			name: "Saturation"
+		},
+		l: {
+			range: [0, 100],
+			name: "Lightness"
+		}
+	},
+	base: LCHuv,
+	gamutSpace: "self",
+	fromBase(e) {
+		let [s, l, u] = [
+			skipNone(e[0]),
+			skipNone(e[1]),
+			skipNone(e[2])
+		], f;
+		return s > 99.9999999 ? (f = 0, s = 100) : s < 1e-8 ? (f = 0, s = 0) : f = l / calcMaxChromaHpluv(calculateBoundingLines(s)) * 100, [
+			u,
+			f,
+			s
+		];
+	},
+	toBase(e) {
+		let [s, l, u] = [
+			skipNone(e[0]),
+			skipNone(e[1]),
+			skipNone(e[2])
+		], f;
+		return u > 99.9999999 ? (u = 100, f = 0) : u < 1e-8 ? (u = 0, f = 0) : f = calcMaxChromaHpluv(calculateBoundingLines(u)) / 100 * l, [
+			u,
+			f,
+			s
+		];
+	},
+	formats: { color: {
+		id: "--hpluv",
+		coords: [
+			"<number> | <angle>",
+			"<percentage> | <number>",
+			"<percentage> | <number>"
+		]
+	} }
+}), Yw = 203, n = 2610 / 2 ** 14, ninv = 2 ** 14 / 2610, m = 2523 / 2 ** 5, minv = 2 ** 5 / 2523, c1 = 3424 / 2 ** 12, c2 = 2413 / 2 ** 7, c3 = 2392 / 2 ** 7, rec2100Pq = new RGBColorSpace({
+	id: "rec2100pq",
+	cssId: "rec2100-pq",
+	name: "REC.2100-PQ",
+	base: REC2020Linear,
+	toBase(e) {
+		return e.map(function(e) {
+			return (Math.max(e ** minv - c1, 0) / (c2 - c3 * e ** minv)) ** ninv * 1e4 / Yw;
+		});
+	},
+	fromBase(e) {
+		return e.map(function(e) {
+			let s = Math.max(e * Yw / 1e4, 0);
+			return ((c1 + c2 * s ** n) / (1 + c3 * s ** n)) ** m;
+		});
+	}
+}), a = .17883277, b = .28466892, c = .55991073, scale = 3.7743, rec2100Hlg = new RGBColorSpace({
+	id: "rec2100hlg",
+	cssId: "rec2100-hlg",
+	name: "REC.2100-HLG",
+	referred: "scene",
+	base: REC2020Linear,
+	toBase(e) {
+		return e.map(function(e) {
+			return e <= .5 ? e ** 2 / 3 * scale : (Math.exp((e - c) / a) + b) / 12 * scale;
+		});
+	},
+	fromBase(e) {
+		return e.map(function(e) {
+			return e /= scale, e <= 1 / 12 ? Math.sqrt(3 * e) : a * Math.log(12 * e - b) + c;
+		});
+	}
+}), CATs = {};
+hooks.add("chromatic-adaptation-start", (e) => {
+	e.options.method && (e.M = adapt(e.W1, e.W2, e.options.method));
+}), hooks.add("chromatic-adaptation-end", (e) => {
+	e.M ||= adapt(e.W1, e.W2, e.options.method);
+});
+function defineCAT({ id: e, toCone_M: s, fromCone_M: l }) {
+	CATs[e] = arguments[0];
+}
+function adapt(s, l, u = "Bradford") {
+	let f = CATs[u], [h, _, v] = multiplyMatrices(f.toCone_M, s), [y, x, S] = multiplyMatrices(f.toCone_M, l), C = multiplyMatrices([
+		[
+			y / h,
+			0,
+			0
+		],
+		[
+			0,
+			x / _,
+			0
+		],
+		[
+			0,
+			0,
+			S / v
+		]
+	], f.toCone_M);
+	return multiplyMatrices(f.fromCone_M, C);
+}
+defineCAT({
+	id: "von Kries",
+	toCone_M: [
+		[
+			.40024,
+			.7076,
+			-.08081
+		],
+		[
+			-.2263,
+			1.16532,
+			.0457
+		],
+		[
+			0,
+			0,
+			.91822
+		]
+	],
+	fromCone_M: [
+		[
+			1.8599363874558397,
+			-1.1293816185800916,
+			.21989740959619328
+		],
+		[
+			.3611914362417676,
+			.6388124632850422,
+			-6370596838649899e-21
+		],
+		[
+			0,
+			0,
+			1.0890636230968613
+		]
+	]
+}), defineCAT({
+	id: "Bradford",
+	toCone_M: [
+		[
+			.8951,
+			.2664,
+			-.1614
+		],
+		[
+			-.7502,
+			1.7135,
+			.0367
+		],
+		[
+			.0389,
+			-.0685,
+			1.0296
+		]
+	],
+	fromCone_M: [
+		[
+			.9869929054667121,
+			-.14705425642099013,
+			.15996265166373122
+		],
+		[
+			.4323052697233945,
+			.5183602715367774,
+			.049291228212855594
+		],
+		[
+			-.00852866457517732,
+			.04004282165408486,
+			.96848669578755
+		]
+	]
+}), defineCAT({
+	id: "CAT02",
+	toCone_M: [
+		[
+			.7328,
+			.4296,
+			-.1624
+		],
+		[
+			-.7036,
+			1.6975,
+			.0061
+		],
+		[
+			.003,
+			.0136,
+			.9834
+		]
+	],
+	fromCone_M: [
+		[
+			1.0961238208355142,
+			-.27886900021828726,
+			.18274517938277307
+		],
+		[
+			.4543690419753592,
+			.4735331543074117,
+			.07209780371722911
+		],
+		[
+			-.009627608738429355,
+			-.00569803121611342,
+			1.0153256399545427
+		]
+	]
+}), defineCAT({
+	id: "CAT16",
+	toCone_M: [
+		[
+			.401288,
+			.650173,
+			-.051461
+		],
+		[
+			-.250268,
+			1.204414,
+			.045854
+		],
+		[
+			-.002079,
+			.048952,
+			.953127
+		]
+	],
+	fromCone_M: [
+		[
+			1.862067855087233,
+			-1.0112546305316845,
+			.14918677544445172
+		],
+		[
+			.3875265432361372,
+			.6214474419314753,
+			-.008973985167612521
+		],
+		[
+			-.01584149884933386,
+			-.03412293802851557,
+			1.0499644368778496
+		]
+	]
+}), Object.assign(WHITES, {
+	A: [
+		1.0985,
+		1,
+		.35585
+	],
+	C: [
+		.98074,
+		1,
+		1.18232
+	],
+	D55: [
+		.95682,
+		1,
+		.92149
+	],
+	D75: [
+		.94972,
+		1,
+		1.22638
+	],
+	E: [
+		1,
+		1,
+		1
+	],
+	F2: [
+		.99186,
+		1,
+		.67393
+	],
+	F7: [
+		.95041,
+		1,
+		1.08747
+	],
+	F11: [
+		1.00962,
+		1,
+		.6435
+	]
+}), WHITES.ACES = [
+	.32168 / .33767,
+	1,
+	.34065 / .33767
+];
+var ACEScg = new RGBColorSpace({
+	id: "acescg",
+	cssId: "--acescg",
+	name: "ACEScg",
+	coords: {
+		r: {
+			range: [0, 65504],
+			name: "Red"
+		},
+		g: {
+			range: [0, 65504],
+			name: "Green"
+		},
+		b: {
+			range: [0, 65504],
+			name: "Blue"
+		}
+	},
+	referred: "scene",
+	white: WHITES.ACES,
+	toXYZ_M: [
+		[
+			.6624541811085053,
+			.13400420645643313,
+			.1561876870049078
+		],
+		[
+			.27222871678091454,
+			.6740817658111484,
+			.05368951740793705
+		],
+		[
+			-.005574649490394108,
+			.004060733528982826,
+			1.0103391003129971
+		]
+	],
+	fromXYZ_M: [
+		[
+			1.6410233796943257,
+			-.32480329418479,
+			-.23642469523761225
+		],
+		[
+			-.6636628587229829,
+			1.6153315916573379,
+			.016756347685530137
+		],
+		[
+			.011721894328375376,
+			-.008284441996237409,
+			.9883948585390215
+		]
+	]
+}), ε = 2 ** -16, ACES_min_nonzero = -.35828683, ACES_cc_max = (Math.log2(65504) + 9.72) / 17.52, acescc = new RGBColorSpace({
+	id: "acescc",
+	cssId: "--acescc",
+	name: "ACEScc",
+	coords: {
+		r: {
+			range: [ACES_min_nonzero, ACES_cc_max],
+			name: "Red"
+		},
+		g: {
+			range: [ACES_min_nonzero, ACES_cc_max],
+			name: "Green"
+		},
+		b: {
+			range: [ACES_min_nonzero, ACES_cc_max],
+			name: "Blue"
+		}
+	},
+	referred: "scene",
+	base: ACEScg,
+	toBase(e) {
+		return e.map(function(e) {
+			return e <= -.3013698630136986 ? (2 ** (e * 17.52 - 9.72) - ε) * 2 : e < ACES_cc_max ? 2 ** (e * 17.52 - 9.72) : 65504;
+		});
+	},
+	fromBase(e) {
+		return e.map(function(e) {
+			return e <= 0 ? (Math.log2(ε) + 9.72) / 17.52 : e < ε ? (Math.log2(ε + e * .5) + 9.72) / 17.52 : (Math.log2(e) + 9.72) / 17.52;
+		});
+	}
+}), spaces = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	A98RGB: a98rgb,
+	A98RGB_Linear: A98Linear,
+	ACEScc: acescc,
+	ACEScg,
+	CAM16_JMh: cam16,
+	HCT: hct,
+	HPLuv: hpluv,
+	HSL,
+	HSLuv: hsluv,
+	HSV,
+	HWB: hwb,
+	ICTCP: ictcp,
+	JzCzHz: jzczhz,
+	Jzazbz,
+	LCH: lch,
+	LCHuv,
+	Lab: lab,
+	Lab_D65: lab_d65,
+	Luv,
+	OKLCH: oklch,
+	OKLab,
+	P3,
+	P3_Linear: P3Linear,
+	ProPhoto: prophoto,
+	ProPhoto_Linear: ProPhotoLinear,
+	REC_2020: REC2020,
+	REC_2020_Linear: REC2020Linear,
+	REC_2100_HLG: rec2100Hlg,
+	REC_2100_PQ: rec2100Pq,
+	XYZ_ABS_D65: XYZ_Abs_D65,
+	XYZ_D50,
+	XYZ_D65: xyz_d65,
+	sRGB,
+	sRGB_Linear: sRGBLinear
+}), Color = class e {
+	constructor(...e) {
+		let s;
+		e.length === 1 && (s = getColor(e[0]));
+		let l, u, f;
+		s ? (l = s.space || s.spaceId, u = s.coords, f = s.alpha) : [l, u, f] = e, Object.defineProperty(this, "space", {
+			value: ColorSpace.get(l),
+			writable: !1,
+			enumerable: !0,
+			configurable: !0
+		}), this.coords = u ? u.slice() : [
+			0,
+			0,
+			0
+		], this.alpha = f > 1 || f === void 0 ? 1 : f < 0 ? 0 : f;
+		for (let e = 0; e < this.coords.length; e++) this.coords[e] === "NaN" && (this.coords[e] = NaN);
+		for (let e in this.space.coords) Object.defineProperty(this, e, {
+			get: () => this.get(e),
+			set: (s) => this.set(e, s)
+		});
+	}
+	get spaceId() {
+		return this.space.id;
+	}
+	clone() {
+		return new e(this.space, this.coords, this.alpha);
+	}
+	toJSON() {
+		return {
+			spaceId: this.spaceId,
+			coords: this.coords,
+			alpha: this.alpha
+		};
+	}
+	display(...s) {
+		let l = display(this, ...s);
+		return l.color = new e(l.color), l;
+	}
+	static get(s, ...l) {
+		return s instanceof e ? s : new e(s, ...l);
+	}
+	static defineFunction(s, l, u = l) {
+		let { instance: f = !0, returns: h } = u, _ = function(...s) {
+			let u = l(...s);
+			if (h === "color") u = e.get(u);
+			else if (h === "function<color>") {
+				let s = u;
+				u = function(...l) {
+					let u = s(...l);
+					return e.get(u);
+				}, Object.assign(u, s);
+			} else h === "array<color>" && (u = u.map((s) => e.get(s)));
+			return u;
+		};
+		s in e || (e[s] = _), f && (e.prototype[s] = function(...e) {
+			return _(this, ...e);
+		});
+	}
+	static defineFunctions(s) {
+		for (let l in s) e.defineFunction(l, s[l], s[l]);
+	}
+	static extend(s) {
+		if (s.register) s.register(e);
+		else for (let l in s) e.defineFunction(l, s[l]);
+	}
+};
+Color.defineFunctions({
+	get,
+	getAll,
+	set,
+	setAll,
+	to,
+	equals,
+	inGamut,
+	toGamut,
+	distance,
+	toString: serialize
+}), Object.assign(Color, {
+	util,
+	hooks,
+	WHITES,
+	Space: ColorSpace,
+	spaces: ColorSpace.registry,
+	parse,
+	defaults
+});
+for (let e of Object.keys(spaces)) ColorSpace.register(spaces[e]);
+for (let e in ColorSpace.registry) addSpaceAccessors(e, ColorSpace.registry[e]);
+hooks.add("colorspace-init-end", (e) => {
+	addSpaceAccessors(e.id, e), e.aliases?.forEach((s) => {
+		addSpaceAccessors(s, e);
+	});
+});
+function addSpaceAccessors(e, s) {
+	let l = e.replace(/-/g, "_");
+	Object.defineProperty(Color.prototype, l, {
+		get() {
+			let l = this.getAll(e);
+			return typeof Proxy > "u" ? l : new Proxy(l, {
+				has: (e, l) => {
+					try {
+						return ColorSpace.resolveCoord([s, l]), !0;
+					} catch {}
+					return Reflect.has(e, l);
+				},
+				get: (e, l, u) => {
+					if (l && typeof l != "symbol" && !(l in e)) {
+						let { index: u } = ColorSpace.resolveCoord([s, l]);
+						if (u >= 0) return e[u];
+					}
+					return Reflect.get(e, l, u);
+				},
+				set: (l, u, f, h) => {
+					if (u && typeof u != "symbol" && !(u in l) || u >= 0) {
+						let { index: h } = ColorSpace.resolveCoord([s, u]);
+						if (h >= 0) return l[h] = f, this.setAll(e, l), !0;
+					}
+					return Reflect.set(l, u, f, h);
+				}
+			});
+		},
+		set(s) {
+			this.setAll(e, s);
+		},
+		configurable: !0,
+		enumerable: !0
+	});
+}
+Color.extend(deltaEMethods), Color.extend({ deltaE }), Object.assign(Color, { deltaEMethods }), Color.extend(variations), Color.extend({ contrast }), Color.extend(chromaticity), Color.extend(luminance), Color.extend(interpolation), Color.extend(contrastMethods);
+export { Color as t };