@terrazzo/plugin-css 0.7.4 → 0.8.1

package/dist/index.js

@@ -1,87 +1,3153 @@
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseNumber.js
+const parseNumber = (color, len) => {
+	if (typeof color !== "number") return;
+	if (len === 3) return {
+		mode: "rgb",
+		r: (color >> 8 & 15 | color >> 4 & 240) / 255,
+		g: (color >> 4 & 15 | color & 240) / 255,
+		b: (color & 15 | color << 4 & 240) / 255
+	};
+	if (len === 4) return {
+		mode: "rgb",
+		r: (color >> 12 & 15 | color >> 8 & 240) / 255,
+		g: (color >> 8 & 15 | color >> 4 & 240) / 255,
+		b: (color >> 4 & 15 | color & 240) / 255,
+		alpha: (color & 15 | color << 4 & 240) / 255
+	};
+	if (len === 6) return {
+		mode: "rgb",
+		r: (color >> 16 & 255) / 255,
+		g: (color >> 8 & 255) / 255,
+		b: (color & 255) / 255
+	};
+	if (len === 8) return {
+		mode: "rgb",
+		r: (color >> 24 & 255) / 255,
+		g: (color >> 16 & 255) / 255,
+		b: (color >> 8 & 255) / 255,
+		alpha: (color & 255) / 255
+	};
+};
+var parseNumber_default = parseNumber;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/colors/named.js
+const named = {
+	aliceblue: 15792383,
+	antiquewhite: 16444375,
+	aqua: 65535,
+	aquamarine: 8388564,
+	azure: 15794175,
+	beige: 16119260,
+	bisque: 16770244,
+	black: 0,
+	blanchedalmond: 16772045,
+	blue: 255,
+	blueviolet: 9055202,
+	brown: 10824234,
+	burlywood: 14596231,
+	cadetblue: 6266528,
+	chartreuse: 8388352,
+	chocolate: 13789470,
+	coral: 16744272,
+	cornflowerblue: 6591981,
+	cornsilk: 16775388,
+	crimson: 14423100,
+	cyan: 65535,
+	darkblue: 139,
+	darkcyan: 35723,
+	darkgoldenrod: 12092939,
+	darkgray: 11119017,
+	darkgreen: 25600,
+	darkgrey: 11119017,
+	darkkhaki: 12433259,
+	darkmagenta: 9109643,
+	darkolivegreen: 5597999,
+	darkorange: 16747520,
+	darkorchid: 10040012,
+	darkred: 9109504,
+	darksalmon: 15308410,
+	darkseagreen: 9419919,
+	darkslateblue: 4734347,
+	darkslategray: 3100495,
+	darkslategrey: 3100495,
+	darkturquoise: 52945,
+	darkviolet: 9699539,
+	deeppink: 16716947,
+	deepskyblue: 49151,
+	dimgray: 6908265,
+	dimgrey: 6908265,
+	dodgerblue: 2003199,
+	firebrick: 11674146,
+	floralwhite: 16775920,
+	forestgreen: 2263842,
+	fuchsia: 16711935,
+	gainsboro: 14474460,
+	ghostwhite: 16316671,
+	gold: 16766720,
+	goldenrod: 14329120,
+	gray: 8421504,
+	green: 32768,
+	greenyellow: 11403055,
+	grey: 8421504,
+	honeydew: 15794160,
+	hotpink: 16738740,
+	indianred: 13458524,
+	indigo: 4915330,
+	ivory: 16777200,
+	khaki: 15787660,
+	lavender: 15132410,
+	lavenderblush: 16773365,
+	lawngreen: 8190976,
+	lemonchiffon: 16775885,
+	lightblue: 11393254,
+	lightcoral: 15761536,
+	lightcyan: 14745599,
+	lightgoldenrodyellow: 16448210,
+	lightgray: 13882323,
+	lightgreen: 9498256,
+	lightgrey: 13882323,
+	lightpink: 16758465,
+	lightsalmon: 16752762,
+	lightseagreen: 2142890,
+	lightskyblue: 8900346,
+	lightslategray: 7833753,
+	lightslategrey: 7833753,
+	lightsteelblue: 11584734,
+	lightyellow: 16777184,
+	lime: 65280,
+	limegreen: 3329330,
+	linen: 16445670,
+	magenta: 16711935,
+	maroon: 8388608,
+	mediumaquamarine: 6737322,
+	mediumblue: 205,
+	mediumorchid: 12211667,
+	mediumpurple: 9662683,
+	mediumseagreen: 3978097,
+	mediumslateblue: 8087790,
+	mediumspringgreen: 64154,
+	mediumturquoise: 4772300,
+	mediumvioletred: 13047173,
+	midnightblue: 1644912,
+	mintcream: 16121850,
+	mistyrose: 16770273,
+	moccasin: 16770229,
+	navajowhite: 16768685,
+	navy: 128,
+	oldlace: 16643558,
+	olive: 8421376,
+	olivedrab: 7048739,
+	orange: 16753920,
+	orangered: 16729344,
+	orchid: 14315734,
+	palegoldenrod: 15657130,
+	palegreen: 10025880,
+	paleturquoise: 11529966,
+	palevioletred: 14381203,
+	papayawhip: 16773077,
+	peachpuff: 16767673,
+	peru: 13468991,
+	pink: 16761035,
+	plum: 14524637,
+	powderblue: 11591910,
+	purple: 8388736,
+	rebeccapurple: 6697881,
+	red: 16711680,
+	rosybrown: 12357519,
+	royalblue: 4286945,
+	saddlebrown: 9127187,
+	salmon: 16416882,
+	sandybrown: 16032864,
+	seagreen: 3050327,
+	seashell: 16774638,
+	sienna: 10506797,
+	silver: 12632256,
+	skyblue: 8900331,
+	slateblue: 6970061,
+	slategray: 7372944,
+	slategrey: 7372944,
+	snow: 16775930,
+	springgreen: 65407,
+	steelblue: 4620980,
+	tan: 13808780,
+	teal: 32896,
+	thistle: 14204888,
+	tomato: 16737095,
+	turquoise: 4251856,
+	violet: 15631086,
+	wheat: 16113331,
+	white: 16777215,
+	whitesmoke: 16119285,
+	yellow: 16776960,
+	yellowgreen: 10145074
+};
+var named_default = named;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseNamed.js
+const parseNamed = (color) => {
+	return parseNumber_default(named_default[color.toLowerCase()], 6);
+};
+var parseNamed_default = parseNamed;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseHex.js
+const hex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;
+const parseHex = (color) => {
+	let match;
+	return (match = color.match(hex)) ? parseNumber_default(parseInt(match[1], 16), match[1].length) : void 0;
+};
+var parseHex_default = parseHex;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/util/regex.js
+const num$1 = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)";
+const num_none = `(?:${num$1}|none)`;
+const per = `${num$1}%`;
+const per_none = `(?:${num$1}%|none)`;
+const num_per = `(?:${num$1}%|${num$1})`;
+const num_per_none = `(?:${num$1}%|${num$1}|none)`;
+const hue$1 = `(?:${num$1}(deg|grad|rad|turn)|${num$1})`;
+const hue_none = `(?:${num$1}(deg|grad|rad|turn)|${num$1}|none)`;
+const c = `\\s*,\\s*`;
+const rx_num_per_none = new RegExp("^" + num_per_none + "$");
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseRgbLegacy.js
+const rgb_num_old = new RegExp(`^rgba?\\(\\s*${num$1}${c}${num$1}${c}${num$1}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+const rgb_per_old = new RegExp(`^rgba?\\(\\s*${per}${c}${per}${c}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+const parseRgbLegacy = (color) => {
+	let res = { mode: "rgb" };
+	let match;
+	if (match = color.match(rgb_num_old)) {
+		if (match[1] !== void 0) res.r = match[1] / 255;
+		if (match[2] !== void 0) res.g = match[2] / 255;
+		if (match[3] !== void 0) res.b = match[3] / 255;
+	} else if (match = color.match(rgb_per_old)) {
+		if (match[1] !== void 0) res.r = match[1] / 100;
+		if (match[2] !== void 0) res.g = match[2] / 100;
+		if (match[3] !== void 0) res.b = match[3] / 100;
+	} else return void 0;
+	if (match[4] !== void 0) res.alpha = Math.max(0, Math.min(1, match[4] / 100));
+	else if (match[5] !== void 0) res.alpha = Math.max(0, Math.min(1, +match[5]));
+	return res;
+};
+var parseRgbLegacy_default = parseRgbLegacy;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/_prepare.js
+const prepare = (color, mode) => color === void 0 ? void 0 : typeof color !== "object" ? parse_default(color) : color.mode !== void 0 ? color : mode ? {
+	...color,
+	mode
+} : void 0;
+var _prepare_default = prepare;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/converter.js
+const converter = (target_mode = "rgb") => (color) => (color = _prepare_default(color, target_mode)) !== void 0 ? color.mode === target_mode ? color : converters$1[color.mode][target_mode] ? converters$1[color.mode][target_mode](color) : target_mode === "rgb" ? converters$1[color.mode].rgb(color) : converters$1.rgb[target_mode](converters$1[color.mode].rgb(color)) : void 0;
+var converter_default = converter;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/modes.js
+const converters$1 = {};
+const modes = {};
+const parsers = [];
+const colorProfiles = {};
+const identity = (v) => v;
+const useMode = (definition$15) => {
+	converters$1[definition$15.mode] = {
+		...converters$1[definition$15.mode],
+		...definition$15.toMode
+	};
+	Object.keys(definition$15.fromMode || {}).forEach((k$2) => {
+		if (!converters$1[k$2]) converters$1[k$2] = {};
+		converters$1[k$2][definition$15.mode] = definition$15.fromMode[k$2];
+	});
+	if (!definition$15.ranges) definition$15.ranges = {};
+	if (!definition$15.difference) definition$15.difference = {};
+	definition$15.channels.forEach((channel) => {
+		if (definition$15.ranges[channel] === void 0) definition$15.ranges[channel] = [0, 1];
+		if (!definition$15.interpolate[channel]) throw new Error(`Missing interpolator for: ${channel}`);
+		if (typeof definition$15.interpolate[channel] === "function") definition$15.interpolate[channel] = { use: definition$15.interpolate[channel] };
+		if (!definition$15.interpolate[channel].fixup) definition$15.interpolate[channel].fixup = identity;
+	});
+	modes[definition$15.mode] = definition$15;
+	(definition$15.parse || []).forEach((parser) => {
+		useParser(parser, definition$15.mode);
+	});
+	return converter_default(definition$15.mode);
+};
+const getMode = (mode) => modes[mode];
+const useParser = (parser, mode) => {
+	if (typeof parser === "string") {
+		if (!mode) throw new Error(`'mode' required when 'parser' is a string`);
+		colorProfiles[parser] = mode;
+	} else if (typeof parser === "function") {
+		if (parsers.indexOf(parser) < 0) parsers.push(parser);
+	}
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/parse.js
+const IdentStartCodePoint = /[^\x00-\x7F]|[a-zA-Z_]/;
+const IdentCodePoint = /[^\x00-\x7F]|[-\w]/;
+const Tok = {
+	Function: "function",
+	Ident: "ident",
+	Number: "number",
+	Percentage: "percentage",
+	ParenClose: ")",
+	None: "none",
+	Hue: "hue",
+	Alpha: "alpha"
+};
+let _i = 0;
+function is_num(chars) {
+	let ch = chars[_i];
+	let ch1 = chars[_i + 1];
+	if (ch === "-" || ch === "+") return /\d/.test(ch1) || ch1 === "." && /\d/.test(chars[_i + 2]);
+	if (ch === ".") return /\d/.test(ch1);
+	return /\d/.test(ch);
+}
+function is_ident(chars) {
+	if (_i >= chars.length) return false;
+	let ch = chars[_i];
+	if (IdentStartCodePoint.test(ch)) return true;
+	if (ch === "-") {
+		if (chars.length - _i < 2) return false;
+		let ch1 = chars[_i + 1];
+		if (ch1 === "-" || IdentStartCodePoint.test(ch1)) return true;
+		return false;
+	}
+	return false;
+}
+const huenits = {
+	deg: 1,
+	rad: 180 / Math.PI,
+	grad: 9 / 10,
+	turn: 360
+};
+function num(chars) {
+	let value = "";
+	if (chars[_i] === "-" || chars[_i] === "+") value += chars[_i++];
+	value += digits(chars);
+	if (chars[_i] === "." && /\d/.test(chars[_i + 1])) value += chars[_i++] + digits(chars);
+	if (chars[_i] === "e" || chars[_i] === "E") {
+		if ((chars[_i + 1] === "-" || chars[_i + 1] === "+") && /\d/.test(chars[_i + 2])) value += chars[_i++] + chars[_i++] + digits(chars);
+		else if (/\d/.test(chars[_i + 1])) value += chars[_i++] + digits(chars);
+	}
+	if (is_ident(chars)) {
+		let id = ident(chars);
+		if (id === "deg" || id === "rad" || id === "turn" || id === "grad") return {
+			type: Tok.Hue,
+			value: value * huenits[id]
+		};
+		return void 0;
+	}
+	if (chars[_i] === "%") {
+		_i++;
+		return {
+			type: Tok.Percentage,
+			value: +value
+		};
+	}
+	return {
+		type: Tok.Number,
+		value: +value
+	};
+}
+function digits(chars) {
+	let v = "";
+	while (/\d/.test(chars[_i])) v += chars[_i++];
+	return v;
+}
+function ident(chars) {
+	let v = "";
+	while (_i < chars.length && IdentCodePoint.test(chars[_i])) v += chars[_i++];
+	return v;
+}
+function identlike(chars) {
+	let v = ident(chars);
+	if (chars[_i] === "(") {
+		_i++;
+		return {
+			type: Tok.Function,
+			value: v
+		};
+	}
+	if (v === "none") return {
+		type: Tok.None,
+		value: void 0
+	};
+	return {
+		type: Tok.Ident,
+		value: v
+	};
+}
+function tokenize(str = "") {
+	let chars = str.trim();
+	let tokens = [];
+	let ch;
+	_i = 0;
+	while (_i < chars.length) {
+		ch = chars[_i++];
+		if (ch === "\n" || ch === "	" || ch === " ") {
+			while (_i < chars.length && (chars[_i] === "\n" || chars[_i] === "	" || chars[_i] === " ")) _i++;
+			continue;
+		}
+		if (ch === ",") return void 0;
+		if (ch === ")") {
+			tokens.push({ type: Tok.ParenClose });
+			continue;
+		}
+		if (ch === "+") {
+			_i--;
+			if (is_num(chars)) {
+				tokens.push(num(chars));
+				continue;
+			}
+			return void 0;
+		}
+		if (ch === "-") {
+			_i--;
+			if (is_num(chars)) {
+				tokens.push(num(chars));
+				continue;
+			}
+			if (is_ident(chars)) {
+				tokens.push({
+					type: Tok.Ident,
+					value: ident(chars)
+				});
+				continue;
+			}
+			return void 0;
+		}
+		if (ch === ".") {
+			_i--;
+			if (is_num(chars)) {
+				tokens.push(num(chars));
+				continue;
+			}
+			return void 0;
+		}
+		if (ch === "/") {
+			while (_i < chars.length && (chars[_i] === "\n" || chars[_i] === "	" || chars[_i] === " ")) _i++;
+			let alpha;
+			if (is_num(chars)) {
+				alpha = num(chars);
+				if (alpha.type !== Tok.Hue) {
+					tokens.push({
+						type: Tok.Alpha,
+						value: alpha
+					});
+					continue;
+				}
+			}
+			if (is_ident(chars)) {
+				if (ident(chars) === "none") {
+					tokens.push({
+						type: Tok.Alpha,
+						value: {
+							type: Tok.None,
+							value: void 0
+						}
+					});
+					continue;
+				}
+			}
+			return void 0;
+		}
+		if (/\d/.test(ch)) {
+			_i--;
+			tokens.push(num(chars));
+			continue;
+		}
+		if (IdentStartCodePoint.test(ch)) {
+			_i--;
+			tokens.push(identlike(chars));
+			continue;
+		}
+		return void 0;
+	}
+	return tokens;
+}
+function parseColorSyntax(tokens) {
+	tokens._i = 0;
+	let token = tokens[tokens._i++];
+	if (!token || token.type !== Tok.Function || token.value !== "color") return void 0;
+	token = tokens[tokens._i++];
+	if (token.type !== Tok.Ident) return void 0;
+	const mode = colorProfiles[token.value];
+	if (!mode) return void 0;
+	const res = { mode };
+	const coords = consumeCoords(tokens, false);
+	if (!coords) return void 0;
+	const channels = getMode(mode).channels;
+	for (let ii = 0, c$1, ch; ii < channels.length; ii++) {
+		c$1 = coords[ii];
+		ch = channels[ii];
+		if (c$1.type !== Tok.None) {
+			res[ch] = c$1.type === Tok.Number ? c$1.value : c$1.value / 100;
+			if (ch === "alpha") res[ch] = Math.max(0, Math.min(1, res[ch]));
+		}
+	}
+	return res;
+}
+function consumeCoords(tokens, includeHue) {
+	const coords = [];
+	let token;
+	while (tokens._i < tokens.length) {
+		token = tokens[tokens._i++];
+		if (token.type === Tok.None || token.type === Tok.Number || token.type === Tok.Alpha || token.type === Tok.Percentage || includeHue && token.type === Tok.Hue) {
+			coords.push(token);
+			continue;
+		}
+		if (token.type === Tok.ParenClose) {
+			if (tokens._i < tokens.length) return void 0;
+			continue;
+		}
+		return void 0;
+	}
+	if (coords.length < 3 || coords.length > 4) return void 0;
+	if (coords.length === 4) {
+		if (coords[3].type !== Tok.Alpha) return void 0;
+		coords[3] = coords[3].value;
+	}
+	if (coords.length === 3) coords.push({
+		type: Tok.None,
+		value: void 0
+	});
+	return coords.every((c$1) => c$1.type !== Tok.Alpha) ? coords : void 0;
+}
+function parseModernSyntax(tokens, includeHue) {
+	tokens._i = 0;
+	let token = tokens[tokens._i++];
+	if (!token || token.type !== Tok.Function) return void 0;
+	let coords = consumeCoords(tokens, includeHue);
+	if (!coords) return void 0;
+	coords.unshift(token.value);
+	return coords;
+}
+const parse = (color) => {
+	if (typeof color !== "string") return void 0;
+	const tokens = tokenize(color);
+	const parsed = tokens ? parseModernSyntax(tokens, true) : void 0;
+	let result = void 0;
+	let i = 0;
+	let len = parsers.length;
+	while (i < len) if ((result = parsers[i++](color, parsed)) !== void 0) return result;
+	return tokens ? parseColorSyntax(tokens) : void 0;
+};
+var parse_default = parse;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseRgb.js
+function parseRgb(color, parsed) {
+	if (!parsed || parsed[0] !== "rgb" && parsed[0] !== "rgba") return void 0;
+	const res = { mode: "rgb" };
+	const [, r$1, g, b, alpha] = parsed;
+	if (r$1.type === Tok.Hue || g.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (r$1.type !== Tok.None) res.r = r$1.type === Tok.Number ? r$1.value / 255 : r$1.value / 100;
+	if (g.type !== Tok.None) res.g = g.type === Tok.Number ? g.value / 255 : g.value / 100;
+	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value / 255 : b.value / 100;
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseRgb_default = parseRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/parseTransparent.js
+const parseTransparent = (c$1) => c$1 === "transparent" ? {
+	mode: "rgb",
+	r: 0,
+	g: 0,
+	b: 0,
+	alpha: 0
+} : void 0;
+var parseTransparent_default = parseTransparent;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/interpolate/lerp.js
+const lerp = (a, b, t) => a + t * (b - a);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/interpolate/piecewise.js
+const get_classes = (arr) => {
+	let classes = [];
+	for (let i = 0; i < arr.length - 1; i++) {
+		let a = arr[i];
+		let b = arr[i + 1];
+		if (a === void 0 && b === void 0) classes.push(void 0);
+		else if (a !== void 0 && b !== void 0) classes.push([a, b]);
+		else classes.push(a !== void 0 ? [a, a] : [b, b]);
+	}
+	return classes;
+};
+const interpolatorPiecewise = (interpolator) => (arr) => {
+	let classes = get_classes(arr);
+	return (t) => {
+		let cls = t * classes.length;
+		let idx = t >= 1 ? classes.length - 1 : Math.max(Math.floor(cls), 0);
+		let pair = classes[idx];
+		return pair === void 0 ? void 0 : interpolator(pair[0], pair[1], cls - idx);
+	};
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/interpolate/linear.js
+const interpolatorLinear = interpolatorPiecewise(lerp);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/fixup/alpha.js
+const fixupAlpha = (arr) => {
+	let some_defined = false;
+	let res = arr.map((v) => {
+		if (v !== void 0) {
+			some_defined = true;
+			return v;
+		}
+		return 1;
+	});
+	return some_defined ? res : arr;
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/definition.js
+const definition$14 = {
+	mode: "rgb",
+	channels: [
+		"r",
+		"g",
+		"b",
+		"alpha"
+	],
+	parse: [
+		parseRgb_default,
+		parseHex_default,
+		parseRgbLegacy_default,
+		parseNamed_default,
+		parseTransparent_default,
+		"srgb"
+	],
+	serialize: "srgb",
+	interpolate: {
+		r: interpolatorLinear,
+		g: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	gamut: true,
+	white: {
+		r: 1,
+		g: 1,
+		b: 1
+	},
+	black: {
+		r: 0,
+		g: 0,
+		b: 0
+	}
+};
+var definition_default$12 = definition$14;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/convertA98ToXyz65.js
+const linearize$2 = (v = 0) => Math.pow(Math.abs(v), 563 / 256) * Math.sign(v);
+const convertA98ToXyz65 = (a98) => {
+	let r$1 = linearize$2(a98.r);
+	let g = linearize$2(a98.g);
+	let b = linearize$2(a98.b);
+	let res = {
+		mode: "xyz65",
+		x: .5766690429101305 * r$1 + .1855582379065463 * g + .1882286462349947 * b,
+		y: .297344975250536 * r$1 + .6273635662554661 * g + .0752914584939979 * b,
+		z: .0270313613864123 * r$1 + .0706888525358272 * g + .9913375368376386 * b
+	};
+	if (a98.alpha !== void 0) res.alpha = a98.alpha;
+	return res;
+};
+var convertA98ToXyz65_default = convertA98ToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/convertXyz65ToA98.js
+const gamma$2 = (v) => Math.pow(Math.abs(v), 256 / 563) * Math.sign(v);
+const convertXyz65ToA98 = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = {
+		mode: "a98",
+		r: gamma$2(x * 2.0415879038107465 - y * .5650069742788597 - .3447313507783297 * z),
+		g: gamma$2(x * -.9692436362808798 + y * 1.8759675015077206 + .0415550574071756 * z),
+		b: gamma$2(x * .0134442806320312 - y * .1183623922310184 + 1.0151749943912058 * z)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToA98_default = convertXyz65ToA98;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lrgb/convertRgbToLrgb.js
+const fn$2 = (c$1 = 0) => {
+	const abs = Math.abs(c$1);
+	if (abs <= .04045) return c$1 / 12.92;
+	return (Math.sign(c$1) || 1) * Math.pow((abs + .055) / 1.055, 2.4);
+};
+const convertRgbToLrgb = ({ r: r$1, g, b, alpha }) => {
+	let res = {
+		mode: "lrgb",
+		r: fn$2(r$1),
+		g: fn$2(g),
+		b: fn$2(b)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToLrgb_default = convertRgbToLrgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/convertRgbToXyz65.js
+const convertRgbToXyz65 = (rgb$2) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+	let res = {
+		mode: "xyz65",
+		x: .4123907992659593 * r$1 + .357584339383878 * g + .1804807884018343 * b,
+		y: .2126390058715102 * r$1 + .715168678767756 * g + .0721923153607337 * b,
+		z: .0193308187155918 * r$1 + .119194779794626 * g + .9505321522496607 * b
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToXyz65_default = convertRgbToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lrgb/convertLrgbToRgb.js
+const fn$1 = (c$1 = 0) => {
+	const abs = Math.abs(c$1);
+	if (abs > .0031308) return (Math.sign(c$1) || 1) * (1.055 * Math.pow(abs, 1 / 2.4) - .055);
+	return c$1 * 12.92;
+};
+const convertLrgbToRgb = ({ r: r$1, g, b, alpha }, mode = "rgb") => {
+	let res = {
+		mode,
+		r: fn$1(r$1),
+		g: fn$1(g),
+		b: fn$1(b)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLrgbToRgb_default = convertLrgbToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/convertXyz65ToRgb.js
+const convertXyz65ToRgb = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = convertLrgbToRgb_default({
+		r: x * 3.2409699419045226 - y * 1.537383177570094 - .4986107602930034 * z,
+		g: x * -.9692436362808796 + y * 1.8759675015077204 + .0415550574071756 * z,
+		b: x * .0556300796969936 - y * .2039769588889765 + 1.0569715142428784 * z
+	});
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToRgb_default = convertXyz65ToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/definition.js
+const definition$13 = {
+	...definition_default$12,
+	mode: "a98",
+	parse: ["a98-rgb"],
+	serialize: "a98-rgb",
+	fromMode: {
+		rgb: (color) => convertXyz65ToA98_default(convertRgbToXyz65_default(color)),
+		xyz65: convertXyz65ToA98_default
+	},
+	toMode: {
+		rgb: (color) => convertXyz65ToRgb_default(convertA98ToXyz65_default(color)),
+		xyz65: convertA98ToXyz65_default
+	}
+};
+var definition_default = definition$13;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/util/normalizeHue.js
+const normalizeHue = (hue$2) => (hue$2 = hue$2 % 360) < 0 ? hue$2 + 360 : hue$2;
+var normalizeHue_default = normalizeHue;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/convertHslToRgb.js
+function convertHslToRgb({ h, s, l, alpha }) {
+	h = normalizeHue_default(h !== void 0 ? h : 0);
+	if (s === void 0) s = 0;
+	if (l === void 0) l = 0;
+	let m1 = l + s * (l < .5 ? l : 1 - l);
+	let m2 = m1 - (m1 - l) * 2 * Math.abs(h / 60 % 2 - 1);
+	let res;
+	switch (Math.floor(h / 60)) {
+		case 0:
+			res = {
+				r: m1,
+				g: m2,
+				b: 2 * l - m1
+			};
+			break;
+		case 1:
+			res = {
+				r: m2,
+				g: m1,
+				b: 2 * l - m1
+			};
+			break;
+		case 2:
+			res = {
+				r: 2 * l - m1,
+				g: m1,
+				b: m2
+			};
+			break;
+		case 3:
+			res = {
+				r: 2 * l - m1,
+				g: m2,
+				b: m1
+			};
+			break;
+		case 4:
+			res = {
+				r: m2,
+				g: 2 * l - m1,
+				b: m1
+			};
+			break;
+		case 5:
+			res = {
+				r: m1,
+				g: 2 * l - m1,
+				b: m2
+			};
+			break;
+		default: res = {
+			r: 2 * l - m1,
+			g: 2 * l - m1,
+			b: 2 * l - m1
+		};
+	}
+	res.mode = "rgb";
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/convertRgbToHsl.js
+function convertRgbToHsl({ r: r$1, g, b, alpha }) {
+	if (r$1 === void 0) r$1 = 0;
+	if (g === void 0) g = 0;
+	if (b === void 0) b = 0;
+	let M = Math.max(r$1, g, b), m = Math.min(r$1, g, b);
+	let res = {
+		mode: "hsl",
+		s: M === m ? 0 : (M - m) / (1 - Math.abs(M + m - 1)),
+		l: .5 * (M + m)
+	};
+	if (M - m !== 0) res.h = (M === r$1 ? (g - b) / (M - m) + (g < b) * 6 : M === g ? (b - r$1) / (M - m) + 2 : (r$1 - g) / (M - m) + 4) * 60;
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/util/hue.js
+const hueToDeg = (val, unit) => {
+	switch (unit) {
+		case "deg": return +val;
+		case "rad": return val / Math.PI * 180;
+		case "grad": return val / 10 * 9;
+		case "turn": return val * 360;
+	}
+};
+var hue_default = hueToDeg;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/parseHslLegacy.js
+const hsl_old = new RegExp(`^hsla?\\(\\s*${hue$1}${c}${per}${c}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+const parseHslLegacy = (color) => {
+	let match = color.match(hsl_old);
+	if (!match) return;
+	let res = { mode: "hsl" };
+	if (match[3] !== void 0) res.h = +match[3];
+	else if (match[1] !== void 0 && match[2] !== void 0) res.h = hue_default(match[1], match[2]);
+	if (match[4] !== void 0) res.s = Math.min(Math.max(0, match[4] / 100), 1);
+	if (match[5] !== void 0) res.l = Math.min(Math.max(0, match[5] / 100), 1);
+	if (match[6] !== void 0) res.alpha = Math.max(0, Math.min(1, match[6] / 100));
+	else if (match[7] !== void 0) res.alpha = Math.max(0, Math.min(1, +match[7]));
+	return res;
+};
+var parseHslLegacy_default = parseHslLegacy;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/parseHsl.js
+function parseHsl(color, parsed) {
+	if (!parsed || parsed[0] !== "hsl" && parsed[0] !== "hsla") return void 0;
+	const res = { mode: "hsl" };
+	const [, h, s, l, alpha] = parsed;
+	if (h.type !== Tok.None) {
+		if (h.type === Tok.Percentage) return void 0;
+		res.h = h.value;
+	}
+	if (s.type !== Tok.None) {
+		if (s.type === Tok.Hue) return void 0;
+		res.s = s.value / 100;
+	}
+	if (l.type !== Tok.None) {
+		if (l.type === Tok.Hue) return void 0;
+		res.l = l.value / 100;
+	}
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseHsl_default = parseHsl;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/fixup/hue.js
+const hue = (hues, fn$3) => {
+	return hues.map((hue$2, idx, arr) => {
+		if (hue$2 === void 0) return hue$2;
+		let normalized = normalizeHue_default(hue$2);
+		if (idx === 0 || hues[idx - 1] === void 0) return normalized;
+		return fn$3(normalized - normalizeHue_default(arr[idx - 1]));
+	}).reduce((acc, curr) => {
+		if (!acc.length || curr === void 0 || acc[acc.length - 1] === void 0) {
+			acc.push(curr);
+			return acc;
+		}
+		acc.push(curr + acc[acc.length - 1]);
+		return acc;
+	}, []);
+};
+const fixupHueShorter = (arr) => hue(arr, (d) => Math.abs(d) <= 180 ? d : d - 360 * Math.sign(d));
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/difference.js
+const differenceHueSaturation = (std, smp) => {
+	if (std.h === void 0 || smp.h === void 0 || !std.s || !smp.s) return 0;
+	let std_h = normalizeHue_default(std.h);
+	let smp_h = normalizeHue_default(smp.h);
+	let dH = Math.sin((smp_h - std_h + 360) / 2 * Math.PI / 180);
+	return 2 * Math.sqrt(std.s * smp.s) * dH;
+};
+const differenceHueNaive = (std, smp) => {
+	if (std.h === void 0 || smp.h === void 0) return 0;
+	let std_h = normalizeHue_default(std.h);
+	let smp_h = normalizeHue_default(smp.h);
+	if (Math.abs(smp_h - std_h) > 180) return std_h - (smp_h - 360 * Math.sign(smp_h - std_h));
+	return smp_h - std_h;
+};
+const differenceHueChroma = (std, smp) => {
+	if (std.h === void 0 || smp.h === void 0 || !std.c || !smp.c) return 0;
+	let std_h = normalizeHue_default(std.h);
+	let smp_h = normalizeHue_default(smp.h);
+	let dH = Math.sin((smp_h - std_h + 360) / 2 * Math.PI / 180);
+	return 2 * Math.sqrt(std.c * smp.c) * dH;
+};
+const differenceEuclidean = (mode = "rgb", weights = [
+	1,
+	1,
+	1,
+	0
+]) => {
+	let def = getMode(mode);
+	let channels = def.channels;
+	let diffs = def.difference;
+	let conv = converter_default(mode);
+	return (std, smp) => {
+		let ConvStd = conv(std);
+		let ConvSmp = conv(smp);
+		return Math.sqrt(channels.reduce((sum, k$2, idx) => {
+			let delta = diffs[k$2] ? diffs[k$2](ConvStd, ConvSmp) : ConvStd[k$2] - ConvSmp[k$2];
+			return sum + (weights[idx] || 0) * Math.pow(isNaN(delta) ? 0 : delta, 2);
+		}, 0));
+	};
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/average.js
+const averageAngle = (val) => {
+	let sum = val.reduce((sum$1, val$1) => {
+		if (val$1 !== void 0) {
+			let rad = val$1 * Math.PI / 180;
+			sum$1.sin += Math.sin(rad);
+			sum$1.cos += Math.cos(rad);
+		}
+		return sum$1;
+	}, {
+		sin: 0,
+		cos: 0
+	});
+	let angle = Math.atan2(sum.sin, sum.cos) * 180 / Math.PI;
+	return angle < 0 ? 360 + angle : angle;
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/definition.js
+const definition$12 = {
+	mode: "hsl",
+	toMode: { rgb: convertHslToRgb },
+	fromMode: { rgb: convertRgbToHsl },
+	channels: [
+		"h",
+		"s",
+		"l",
+		"alpha"
+	],
+	ranges: { h: [0, 360] },
+	gamut: "rgb",
+	parse: [parseHsl_default, parseHslLegacy_default],
+	serialize: (c$1) => `hsl(${c$1.h !== void 0 ? c$1.h : "none"} ${c$1.s !== void 0 ? c$1.s * 100 + "%" : "none"} ${c$1.l !== void 0 ? c$1.l * 100 + "%" : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`,
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		s: interpolatorLinear,
+		l: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueSaturation },
+	average: { h: averageAngle }
+};
+var definition_default$1 = definition$12;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsv/convertHsvToRgb.js
+function convertHsvToRgb({ h, s, v, alpha }) {
+	h = normalizeHue_default(h !== void 0 ? h : 0);
+	if (s === void 0) s = 0;
+	if (v === void 0) v = 0;
+	let f$1 = Math.abs(h / 60 % 2 - 1);
+	let res;
+	switch (Math.floor(h / 60)) {
+		case 0:
+			res = {
+				r: v,
+				g: v * (1 - s * f$1),
+				b: v * (1 - s)
+			};
+			break;
+		case 1:
+			res = {
+				r: v * (1 - s * f$1),
+				g: v,
+				b: v * (1 - s)
+			};
+			break;
+		case 2:
+			res = {
+				r: v * (1 - s),
+				g: v,
+				b: v * (1 - s * f$1)
+			};
+			break;
+		case 3:
+			res = {
+				r: v * (1 - s),
+				g: v * (1 - s * f$1),
+				b: v
+			};
+			break;
+		case 4:
+			res = {
+				r: v * (1 - s * f$1),
+				g: v * (1 - s),
+				b: v
+			};
+			break;
+		case 5:
+			res = {
+				r: v,
+				g: v * (1 - s),
+				b: v * (1 - s * f$1)
+			};
+			break;
+		default: res = {
+			r: v * (1 - s),
+			g: v * (1 - s),
+			b: v * (1 - s)
+		};
+	}
+	res.mode = "rgb";
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsv/convertRgbToHsv.js
+function convertRgbToHsv({ r: r$1, g, b, alpha }) {
+	if (r$1 === void 0) r$1 = 0;
+	if (g === void 0) g = 0;
+	if (b === void 0) b = 0;
+	let M = Math.max(r$1, g, b), m = Math.min(r$1, g, b);
+	let res = {
+		mode: "hsv",
+		s: M === 0 ? 0 : 1 - m / M,
+		v: M
+	};
+	if (M - m !== 0) res.h = (M === r$1 ? (g - b) / (M - m) + (g < b) * 6 : M === g ? (b - r$1) / (M - m) + 2 : (r$1 - g) / (M - m) + 4) * 60;
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsv/definition.js
+const definition$11 = {
+	mode: "hsv",
+	toMode: { rgb: convertHsvToRgb },
+	parse: ["--hsv"],
+	serialize: "--hsv",
+	fromMode: { rgb: convertRgbToHsv },
+	channels: [
+		"h",
+		"s",
+		"v",
+		"alpha"
+	],
+	ranges: { h: [0, 360] },
+	gamut: "rgb",
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		s: interpolatorLinear,
+		v: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueSaturation },
+	average: { h: averageAngle }
+};
+var definition_default$2 = definition$11;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/convertHwbToRgb.js
+function convertHwbToRgb({ h, w, b, alpha }) {
+	if (w === void 0) w = 0;
+	if (b === void 0) b = 0;
+	if (w + b > 1) {
+		let s = w + b;
+		w /= s;
+		b /= s;
+	}
+	return convertHsvToRgb({
+		h,
+		s: b === 1 ? 1 : 1 - w / (1 - b),
+		v: 1 - b,
+		alpha
+	});
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/convertRgbToHwb.js
+function convertRgbToHwb(rgba) {
+	let hsv = convertRgbToHsv(rgba);
+	if (hsv === void 0) return void 0;
+	let s = hsv.s !== void 0 ? hsv.s : 0;
+	let v = hsv.v !== void 0 ? hsv.v : 0;
+	let res = {
+		mode: "hwb",
+		w: (1 - s) * v,
+		b: 1 - v
+	};
+	if (hsv.h !== void 0) res.h = hsv.h;
+	if (hsv.alpha !== void 0) res.alpha = hsv.alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/parseHwb.js
+function ParseHwb(color, parsed) {
+	if (!parsed || parsed[0] !== "hwb") return void 0;
+	const res = { mode: "hwb" };
+	const [, h, w, b, alpha] = parsed;
+	if (h.type !== Tok.None) {
+		if (h.type === Tok.Percentage) return void 0;
+		res.h = h.value;
+	}
+	if (w.type !== Tok.None) {
+		if (w.type === Tok.Hue) return void 0;
+		res.w = w.value / 100;
+	}
+	if (b.type !== Tok.None) {
+		if (b.type === Tok.Hue) return void 0;
+		res.b = b.value / 100;
+	}
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseHwb_default = ParseHwb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/definition.js
+const definition$10 = {
+	mode: "hwb",
+	toMode: { rgb: convertHwbToRgb },
+	fromMode: { rgb: convertRgbToHwb },
+	channels: [
+		"h",
+		"w",
+		"b",
+		"alpha"
+	],
+	ranges: { h: [0, 360] },
+	gamut: "rgb",
+	parse: [parseHwb_default],
+	serialize: (c$1) => `hwb(${c$1.h !== void 0 ? c$1.h : "none"} ${c$1.w !== void 0 ? c$1.w * 100 + "%" : "none"} ${c$1.b !== void 0 ? c$1.b * 100 + "%" : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`,
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		w: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueNaive },
+	average: { h: averageAngle }
+};
+var definition_default$3 = definition$10;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/constants.js
+const k = Math.pow(29, 3) / Math.pow(3, 3);
+const e = Math.pow(6, 3) / Math.pow(29, 3);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/constants.js
+const D50 = {
+	X: .3457 / .3585,
+	Y: 1,
+	Z: .2958 / .3585
+};
+const D65 = {
+	X: .3127 / .329,
+	Y: 1,
+	Z: .3583 / .329
+};
+const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/convertLabToXyz50.js
+let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+const convertLabToXyz50 = ({ l, a, b, alpha }) => {
+	if (l === void 0) l = 0;
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let fy = (l + 16) / 116;
+	let fx = a / 500 + fy;
+	let fz = fy - b / 200;
+	let res = {
+		mode: "xyz50",
+		x: fn(fx) * D50.X,
+		y: fn(fy) * D50.Y,
+		z: fn(fz) * D50.Z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLabToXyz50_default = convertLabToXyz50;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/convertXyz50ToRgb.js
+const convertXyz50ToRgb = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = convertLrgbToRgb_default({
+		r: x * 3.1341359569958707 - y * 1.6173863321612538 - .4906619460083532 * z,
+		g: x * -.978795502912089 + y * 1.916254567259524 + .03344273116131949 * z,
+		b: x * .07195537988411677 - y * .2289768264158322 + 1.405386058324125 * z
+	});
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz50ToRgb_default = convertXyz50ToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/convertLabToRgb.js
+const convertLabToRgb = (lab) => convertXyz50ToRgb_default(convertLabToXyz50_default(lab));
+var convertLabToRgb_default = convertLabToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/convertRgbToXyz50.js
+const convertRgbToXyz50 = (rgb$2) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+	let res = {
+		mode: "xyz50",
+		x: .436065742824811 * r$1 + .3851514688337912 * g + .14307845442264197 * b,
+		y: .22249319175623702 * r$1 + .7168870538238823 * g + .06061979053616537 * b,
+		z: .013923904500943465 * r$1 + .09708128566574634 * g + .7140993584005155 * b
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToXyz50_default = convertRgbToXyz50;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/convertXyz50ToLab.js
+const f = (value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116;
+const convertXyz50ToLab = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let f0 = f(x / D50.X);
+	let f1 = f(y / D50.Y);
+	let f2 = f(z / D50.Z);
+	let res = {
+		mode: "lab",
+		l: 116 * f1 - 16,
+		a: 500 * (f0 - f1),
+		b: 200 * (f1 - f2)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz50ToLab_default = convertXyz50ToLab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/convertRgbToLab.js
+const convertRgbToLab = (rgb$2) => {
+	let res = convertXyz50ToLab_default(convertRgbToXyz50_default(rgb$2));
+	if (rgb$2.r === rgb$2.b && rgb$2.b === rgb$2.g) res.a = res.b = 0;
+	return res;
+};
+var convertRgbToLab_default = convertRgbToLab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/parseLab.js
+function parseLab(color, parsed) {
+	if (!parsed || parsed[0] !== "lab") return void 0;
+	const res = { mode: "lab" };
+	const [, l, a, b, alpha] = parsed;
+	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (l.type !== Tok.None) res.l = Math.min(Math.max(0, l.value), 100);
+	if (a.type !== Tok.None) res.a = a.type === Tok.Number ? a.value : a.value * 125 / 100;
+	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value : b.value * 125 / 100;
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseLab_default = parseLab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/definition.js
+const definition$9 = {
+	mode: "lab",
+	toMode: {
+		xyz50: convertLabToXyz50_default,
+		rgb: convertLabToRgb_default
+	},
+	fromMode: {
+		xyz50: convertXyz50ToLab_default,
+		rgb: convertRgbToLab_default
+	},
+	channels: [
+		"l",
+		"a",
+		"b",
+		"alpha"
+	],
+	ranges: {
+		l: [0, 100],
+		a: [-100, 100],
+		b: [-100, 100]
+	},
+	parse: [parseLab_default],
+	serialize: (c$1) => `lab(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.a !== void 0 ? c$1.a : "none"} ${c$1.b !== void 0 ? c$1.b : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`,
+	interpolate: {
+		l: interpolatorLinear,
+		a: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$4 = definition$9;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lch/convertLabToLch.js
+const convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let c$1 = Math.sqrt(a * a + b * b);
+	let res = {
+		mode,
+		l,
+		c: c$1
+	};
+	if (c$1) res.h = normalizeHue_default(Math.atan2(b, a) * 180 / Math.PI);
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLabToLch_default = convertLabToLch;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lch/convertLchToLab.js
+const convertLchToLab = ({ l, c: c$1, h, alpha }, mode = "lab") => {
+	if (h === void 0) h = 0;
+	let res = {
+		mode,
+		l,
+		a: c$1 ? c$1 * Math.cos(h / 180 * Math.PI) : 0,
+		b: c$1 ? c$1 * Math.sin(h / 180 * Math.PI) : 0
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLchToLab_default = convertLchToLab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lch/parseLch.js
+function parseLch(color, parsed) {
+	if (!parsed || parsed[0] !== "lch") return void 0;
+	const res = { mode: "lch" };
+	const [, l, c$1, h, alpha] = parsed;
+	if (l.type !== Tok.None) {
+		if (l.type === Tok.Hue) return void 0;
+		res.l = Math.min(Math.max(0, l.value), 100);
+	}
+	if (c$1.type !== Tok.None) res.c = Math.max(0, c$1.type === Tok.Number ? c$1.value : c$1.value * 150 / 100);
+	if (h.type !== Tok.None) {
+		if (h.type === Tok.Percentage) return void 0;
+		res.h = h.value;
+	}
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseLch_default = parseLch;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lch/definition.js
+const definition$8 = {
+	mode: "lch",
+	toMode: {
+		lab: convertLchToLab_default,
+		rgb: (c$1) => convertLabToRgb_default(convertLchToLab_default(c$1))
+	},
+	fromMode: {
+		rgb: (c$1) => convertLabToLch_default(convertRgbToLab_default(c$1)),
+		lab: convertLabToLch_default
+	},
+	channels: [
+		"l",
+		"c",
+		"h",
+		"alpha"
+	],
+	ranges: {
+		l: [0, 100],
+		c: [0, 150],
+		h: [0, 360]
+	},
+	parse: [parseLch_default],
+	serialize: (c$1) => `lch(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.c !== void 0 ? c$1.c : "none"} ${c$1.h !== void 0 ? c$1.h : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`,
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		c: interpolatorLinear,
+		l: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueChroma },
+	average: { h: averageAngle }
+};
+var definition_default$5 = definition$8;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lrgb/definition.js
+const definition$7 = {
+	...definition_default$12,
+	mode: "lrgb",
+	toMode: { rgb: convertLrgbToRgb_default },
+	fromMode: { rgb: convertRgbToLrgb_default },
+	parse: ["srgb-linear"],
+	serialize: "srgb-linear"
+};
+var definition_default$6 = definition$7;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/convertOklabToLrgb.js
+const convertOklabToLrgb = ({ l, a, b, alpha }) => {
+	if (l === void 0) l = 0;
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let L = Math.pow(l * .9999999984505198 + .39633779217376786 * a + .2158037580607588 * b, 3);
+	let M = Math.pow(l * 1.0000000088817609 - .10556134232365635 * a - .06385417477170591 * b, 3);
+	let S = Math.pow(l * 1.0000000546724108 - .08948418209496575 * a - 1.2914855378640917 * b, 3);
+	let res = {
+		mode: "lrgb",
+		r: 4.076741661347994 * L - 3.307711590408193 * M + .230969928729428 * S,
+		g: -1.2684380040921763 * L + 2.6097574006633715 * M - .3413193963102197 * S,
+		b: -.004196086541837188 * L - .7034186144594493 * M + 1.7076147009309444 * S
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertOklabToLrgb_default = convertOklabToLrgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/convertLrgbToOklab.js
+const convertLrgbToOklab = ({ r: r$1, g, b, alpha }) => {
+	if (r$1 === void 0) r$1 = 0;
+	if (g === void 0) g = 0;
+	if (b === void 0) b = 0;
+	let L = Math.cbrt(.41222147079999993 * r$1 + .5363325363 * g + .0514459929 * b);
+	let M = Math.cbrt(.2119034981999999 * r$1 + .6806995450999999 * g + .1073969566 * b);
+	let S = Math.cbrt(.08830246189999998 * r$1 + .2817188376 * g + .6299787005000002 * b);
+	let res = {
+		mode: "oklab",
+		l: .2104542553 * L + .793617785 * M - .0040720468 * S,
+		a: 1.9779984951 * L - 2.428592205 * M + .4505937099 * S,
+		b: .0259040371 * L + .7827717662 * M - .808675766 * S
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLrgbToOklab_default = convertLrgbToOklab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/convertRgbToOklab.js
+const convertRgbToOklab = (rgb$2) => {
+	let res = convertLrgbToOklab_default(convertRgbToLrgb_default(rgb$2));
+	if (rgb$2.r === rgb$2.b && rgb$2.b === rgb$2.g) res.a = res.b = 0;
+	return res;
+};
+var convertRgbToOklab_default = convertRgbToOklab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/convertOklabToRgb.js
+const convertOklabToRgb = (c$1) => convertLrgbToRgb_default(convertOklabToLrgb_default(c$1));
+var convertOklabToRgb_default = convertOklabToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/parseOklab.js
+function parseOklab(color, parsed) {
+	if (!parsed || parsed[0] !== "oklab") return void 0;
+	const res = { mode: "oklab" };
+	const [, l, a, b, alpha] = parsed;
+	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (l.type !== Tok.None) res.l = Math.min(Math.max(0, l.type === Tok.Number ? l.value : l.value / 100), 1);
+	if (a.type !== Tok.None) res.a = a.type === Tok.Number ? a.value : a.value * .4 / 100;
+	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value : b.value * .4 / 100;
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseOklab_default = parseOklab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/definition.js
+const definition$6 = {
+	...definition_default$4,
+	mode: "oklab",
+	toMode: {
+		lrgb: convertOklabToLrgb_default,
+		rgb: convertOklabToRgb_default
+	},
+	fromMode: {
+		lrgb: convertLrgbToOklab_default,
+		rgb: convertRgbToOklab_default
+	},
+	ranges: {
+		l: [0, 1],
+		a: [-.4, .4],
+		b: [-.4, .4]
+	},
+	parse: [parseOklab_default],
+	serialize: (c$1) => `oklab(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.a !== void 0 ? c$1.a : "none"} ${c$1.b !== void 0 ? c$1.b : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`
+};
+var definition_default$7 = definition$6;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklch/parseOklch.js
+function parseOklch(color, parsed) {
+	if (!parsed || parsed[0] !== "oklch") return void 0;
+	const res = { mode: "oklch" };
+	const [, l, c$1, h, alpha] = parsed;
+	if (l.type !== Tok.None) {
+		if (l.type === Tok.Hue) return void 0;
+		res.l = Math.min(Math.max(0, l.type === Tok.Number ? l.value : l.value / 100), 1);
+	}
+	if (c$1.type !== Tok.None) res.c = Math.max(0, c$1.type === Tok.Number ? c$1.value : c$1.value * .4 / 100);
+	if (h.type !== Tok.None) {
+		if (h.type === Tok.Percentage) return void 0;
+		res.h = h.value;
+	}
+	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
+	return res;
+}
+var parseOklch_default = parseOklch;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklch/definition.js
+const definition$5 = {
+	...definition_default$5,
+	mode: "oklch",
+	toMode: {
+		oklab: (c$1) => convertLchToLab_default(c$1, "oklab"),
+		rgb: (c$1) => convertOklabToRgb_default(convertLchToLab_default(c$1, "oklab"))
+	},
+	fromMode: {
+		rgb: (c$1) => convertLabToLch_default(convertRgbToOklab_default(c$1), "oklch"),
+		oklab: (c$1) => convertLabToLch_default(c$1, "oklch")
+	},
+	parse: [parseOklch_default],
+	serialize: (c$1) => `oklch(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.c !== void 0 ? c$1.c : "none"} ${c$1.h !== void 0 ? c$1.h : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`,
+	ranges: {
+		l: [0, 1],
+		c: [0, .4],
+		h: [0, 360]
+	}
+};
+var definition_default$8 = definition$5;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/p3/convertP3ToXyz65.js
+const convertP3ToXyz65 = (rgb$2) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+	let res = {
+		mode: "xyz65",
+		x: .486570948648216 * r$1 + .265667693169093 * g + .1982172852343625 * b,
+		y: .2289745640697487 * r$1 + .6917385218365062 * g + .079286914093745 * b,
+		z: 0 * r$1 + .0451133818589026 * g + 1.043944368900976 * b
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertP3ToXyz65_default = convertP3ToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/p3/convertXyz65ToP3.js
+const convertXyz65ToP3 = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = convertLrgbToRgb_default({
+		r: x * 2.4934969119414263 - y * .9313836179191242 - .402710784450717 * z,
+		g: x * -.8294889695615749 + y * 1.7626640603183465 + .0236246858419436 * z,
+		b: x * .0358458302437845 - y * .0761723892680418 + .9568845240076871 * z
+	}, "p3");
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToP3_default = convertXyz65ToP3;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/p3/definition.js
+const definition$4 = {
+	...definition_default$12,
+	mode: "p3",
+	parse: ["display-p3"],
+	serialize: "display-p3",
+	fromMode: {
+		rgb: (color) => convertXyz65ToP3_default(convertRgbToXyz65_default(color)),
+		xyz65: convertXyz65ToP3_default
+	},
+	toMode: {
+		rgb: (color) => convertXyz65ToRgb_default(convertP3ToXyz65_default(color)),
+		xyz65: convertP3ToXyz65_default
+	}
+};
+var definition_default$9 = definition$4;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/prophoto/convertXyz50ToProphoto.js
+const gamma$1 = (v) => {
+	let abs = Math.abs(v);
+	if (abs >= 1 / 512) return Math.sign(v) * Math.pow(abs, 1 / 1.8);
+	return 16 * v;
+};
+const convertXyz50ToProphoto = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = {
+		mode: "prophoto",
+		r: gamma$1(x * 1.3457868816471585 - y * .2555720873797946 - .0511018649755453 * z),
+		g: gamma$1(x * -.5446307051249019 + y * 1.5082477428451466 + .0205274474364214 * z),
+		b: gamma$1(x * 0 + y * 0 + 1.2119675456389452 * z)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz50ToProphoto_default = convertXyz50ToProphoto;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/prophoto/convertProphotoToXyz50.js
+const linearize$1 = (v = 0) => {
+	let abs = Math.abs(v);
+	if (abs >= 16 / 512) return Math.sign(v) * Math.pow(abs, 1.8);
+	return v / 16;
+};
+const convertProphotoToXyz50 = (prophoto) => {
+	let r$1 = linearize$1(prophoto.r);
+	let g = linearize$1(prophoto.g);
+	let b = linearize$1(prophoto.b);
+	let res = {
+		mode: "xyz50",
+		x: .7977666449006423 * r$1 + .1351812974005331 * g + .0313477341283922 * b,
+		y: .2880748288194013 * r$1 + .7118352342418731 * g + 899369387256e-16 * b,
+		z: 0 * r$1 + 0 * g + .8251046025104602 * b
+	};
+	if (prophoto.alpha !== void 0) res.alpha = prophoto.alpha;
+	return res;
+};
+var convertProphotoToXyz50_default = convertProphotoToXyz50;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/prophoto/definition.js
+const definition$3 = {
+	...definition_default$12,
+	mode: "prophoto",
+	parse: ["prophoto-rgb"],
+	serialize: "prophoto-rgb",
+	fromMode: {
+		xyz50: convertXyz50ToProphoto_default,
+		rgb: (color) => convertXyz50ToProphoto_default(convertRgbToXyz50_default(color))
+	},
+	toMode: {
+		xyz50: convertProphotoToXyz50_default,
+		rgb: (color) => convertXyz50ToRgb_default(convertProphotoToXyz50_default(color))
+	}
+};
+var definition_default$10 = definition$3;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rec2020/convertXyz65ToRec2020.js
+const α$1 = 1.09929682680944;
+const β$1 = .018053968510807;
+const gamma = (v) => {
+	const abs = Math.abs(v);
+	if (abs > β$1) return (Math.sign(v) || 1) * (α$1 * Math.pow(abs, .45) - (α$1 - 1));
+	return 4.5 * v;
+};
+const convertXyz65ToRec2020 = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = {
+		mode: "rec2020",
+		r: gamma(x * 1.7166511879712683 - y * .3556707837763925 - .2533662813736599 * z),
+		g: gamma(x * -.6666843518324893 + y * 1.6164812366349395 + .0157685458139111 * z),
+		b: gamma(x * .0176398574453108 - y * .0427706132578085 + .9421031212354739 * z)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToRec2020_default = convertXyz65ToRec2020;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rec2020/convertRec2020ToXyz65.js
+const α = 1.09929682680944;
+const β = .018053968510807;
+const linearize = (v = 0) => {
+	let abs = Math.abs(v);
+	if (abs < β * 4.5) return v / 4.5;
+	return (Math.sign(v) || 1) * Math.pow((abs + α - 1) / α, 1 / .45);
+};
+const convertRec2020ToXyz65 = (rec2020) => {
+	let r$1 = linearize(rec2020.r);
+	let g = linearize(rec2020.g);
+	let b = linearize(rec2020.b);
+	let res = {
+		mode: "xyz65",
+		x: .6369580483012911 * r$1 + .1446169035862083 * g + .1688809751641721 * b,
+		y: .262700212011267 * r$1 + .6779980715188708 * g + .059301716469862 * b,
+		z: 0 * r$1 + .0280726930490874 * g + 1.0609850577107909 * b
+	};
+	if (rec2020.alpha !== void 0) res.alpha = rec2020.alpha;
+	return res;
+};
+var convertRec2020ToXyz65_default = convertRec2020ToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rec2020/definition.js
+const definition$2 = {
+	...definition_default$12,
+	mode: "rec2020",
+	fromMode: {
+		xyz65: convertXyz65ToRec2020_default,
+		rgb: (color) => convertXyz65ToRec2020_default(convertRgbToXyz65_default(color))
+	},
+	toMode: {
+		xyz65: convertRec2020ToXyz65_default,
+		rgb: (color) => convertXyz65ToRgb_default(convertRec2020ToXyz65_default(color))
+	},
+	parse: ["rec2020"],
+	serialize: "rec2020"
+};
+var definition_default$11 = definition$2;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/definition.js
+const definition$1 = {
+	mode: "xyz50",
+	parse: ["xyz-d50"],
+	serialize: "xyz-d50",
+	toMode: {
+		rgb: convertXyz50ToRgb_default,
+		lab: convertXyz50ToLab_default
+	},
+	fromMode: {
+		rgb: convertRgbToXyz50_default,
+		lab: convertLabToXyz50_default
+	},
+	channels: [
+		"x",
+		"y",
+		"z",
+		"alpha"
+	],
+	ranges: {
+		x: [0, .964],
+		y: [0, .999],
+		z: [0, .825]
+	},
+	interpolate: {
+		x: interpolatorLinear,
+		y: interpolatorLinear,
+		z: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$13 = definition$1;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/convertXyz65ToXyz50.js
+const convertXyz65ToXyz50 = (xyz65) => {
+	let { x, y, z, alpha } = xyz65;
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = {
+		mode: "xyz50",
+		x: 1.0479298208405488 * x + .0229467933410191 * y - .0501922295431356 * z,
+		y: .0296278156881593 * x + .990434484573249 * y - .0170738250293851 * z,
+		z: -.0092430581525912 * x + .0150551448965779 * y + .7518742899580008 * z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToXyz50_default = convertXyz65ToXyz50;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/convertXyz50ToXyz65.js
+const convertXyz50ToXyz65 = (xyz50) => {
+	let { x, y, z, alpha } = xyz50;
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let res = {
+		mode: "xyz65",
+		x: .9554734527042182 * x - .0230985368742614 * y + .0632593086610217 * z,
+		y: -.0283697069632081 * x + 1.0099954580058226 * y + .021041398966943 * z,
+		z: .0123140016883199 * x - .0205076964334779 * y + 1.3303659366080753 * z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz50ToXyz65_default = convertXyz50ToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/definition.js
+const definition = {
+	mode: "xyz65",
+	toMode: {
+		rgb: convertXyz65ToRgb_default,
+		xyz50: convertXyz65ToXyz50_default
+	},
+	fromMode: {
+		rgb: convertRgbToXyz65_default,
+		xyz50: convertXyz50ToXyz65_default
+	},
+	ranges: {
+		x: [0, .95],
+		y: [0, 1],
+		z: [0, 1.088]
+	},
+	channels: [
+		"x",
+		"y",
+		"z",
+		"alpha"
+	],
+	parse: ["xyz", "xyz-d65"],
+	serialize: "xyz-d65",
+	interpolate: {
+		x: interpolatorLinear,
+		y: interpolatorLinear,
+		z: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$14 = definition;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/round.js
+const r = (value, precision) => Math.round(value * (precision = Math.pow(10, precision))) / precision;
+const round = (precision = 4) => (value) => typeof value === "number" ? r(value, precision) : value;
+var round_default = round;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/formatter.js
+let twoDecimals = round_default(2);
+const clamp = (value) => Math.max(0, Math.min(1, value || 0));
+const fixup = (value) => Math.round(clamp(value) * 255);
+const rgb$1 = converter_default("rgb");
+const hsl = converter_default("hsl");
+const serializeHex = (color) => {
+	if (color === void 0) return void 0;
+	let r$1 = fixup(color.r);
+	let g = fixup(color.g);
+	let b = fixup(color.b);
+	return "#" + (1 << 24 | r$1 << 16 | g << 8 | b).toString(16).slice(1);
+};
+const serializeHex8 = (color) => {
+	if (color === void 0) return void 0;
+	let a = fixup(color.alpha !== void 0 ? color.alpha : 1);
+	return serializeHex(color) + (256 | a).toString(16).slice(1);
+};
+const formatCss = (c$1) => {
+	const color = _prepare_default(c$1);
+	if (!color) return void 0;
+	const def = getMode(color.mode);
+	if (!def.serialize || typeof def.serialize === "string") {
+		let res = `color(${def.serialize || `--${color.mode}`} `;
+		def.channels.forEach((ch, i) => {
+			if (ch !== "alpha") res += (i ? " " : "") + (color[ch] !== void 0 ? color[ch] : "none");
+		});
+		if (color.alpha !== void 0 && color.alpha < 1) res += ` / ${color.alpha}`;
+		return res + ")";
+	}
+	if (typeof def.serialize === "function") return def.serialize(color);
+	return void 0;
+};
+const formatHex = (c$1) => serializeHex(rgb$1(c$1));
+const formatHex8 = (c$1) => serializeHex8(rgb$1(c$1));
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/clamp.js
+const rgb = converter_default("rgb");
+const fixup_rgb = (c$1) => {
+	const res = {
+		mode: c$1.mode,
+		r: Math.max(0, Math.min(c$1.r !== void 0 ? c$1.r : 0, 1)),
+		g: Math.max(0, Math.min(c$1.g !== void 0 ? c$1.g : 0, 1)),
+		b: Math.max(0, Math.min(c$1.b !== void 0 ? c$1.b : 0, 1))
+	};
+	if (c$1.alpha !== void 0) res.alpha = c$1.alpha;
+	return res;
+};
+const inrange_rgb = (c$1) => {
+	return c$1 !== void 0 && (c$1.r === void 0 || c$1.r >= 0 && c$1.r <= 1) && (c$1.g === void 0 || c$1.g >= 0 && c$1.g <= 1) && (c$1.b === void 0 || c$1.b >= 0 && c$1.b <= 1);
+};
+function displayable(color) {
+	return inrange_rgb(rgb(color));
+}
+function inGamut(mode = "rgb") {
+	const { gamut } = getMode(mode);
+	if (!gamut) return (color) => true;
+	const conv = converter_default(typeof gamut === "string" ? gamut : mode);
+	return (color) => inrange_rgb(conv(color));
+}
+function clampGamut(mode = "rgb") {
+	const { gamut } = getMode(mode);
+	if (!gamut) return (color) => _prepare_default(color);
+	const destMode = typeof gamut === "string" ? gamut : mode;
+	const destConv = converter_default(destMode);
+	const inDestGamut = inGamut(destMode);
+	return (color) => {
+		const original = _prepare_default(color);
+		if (!original) return void 0;
+		const converted = destConv(original);
+		if (inDestGamut(converted)) return original;
+		const clamped = fixup_rgb(converted);
+		if (original.mode === clamped.mode) return clamped;
+		return converter_default(original.mode)(clamped);
+	};
+}
+function toGamut(dest = "rgb", mode = "oklch", delta = differenceEuclidean("oklch"), jnd = .02) {
+	const destConv = converter_default(dest);
+	const destMode = getMode(dest);
+	if (!destMode.gamut) return (color) => destConv(color);
+	const inDestinationGamut = inGamut(dest);
+	const clipToGamut = clampGamut(dest);
+	const ucs = converter_default(mode);
+	const { ranges } = getMode(mode);
+	return (color) => {
+		color = _prepare_default(color);
+		if (color === void 0) return void 0;
+		const candidate = { ...ucs(color) };
+		if (candidate.l === void 0) candidate.l = 0;
+		if (candidate.c === void 0) candidate.c = 0;
+		if (candidate.l >= ranges.l[1]) {
+			const res = {
+				...destMode.white,
+				mode: dest
+			};
+			if (color.alpha !== void 0) res.alpha = color.alpha;
+			return res;
+		}
+		if (candidate.l <= ranges.l[0]) {
+			const res = {
+				...destMode.black,
+				mode: dest
+			};
+			if (color.alpha !== void 0) res.alpha = color.alpha;
+			return res;
+		}
+		if (inDestinationGamut(candidate)) return destConv(candidate);
+		let start = 0;
+		let end = candidate.c;
+		let epsilon = (ranges.c[1] - ranges.c[0]) / 4e3;
+		let clipped = clipToGamut(candidate);
+		while (end - start > epsilon) {
+			candidate.c = (start + end) * .5;
+			clipped = clipToGamut(candidate);
+			if (inDestinationGamut(candidate) || delta && jnd > 0 && delta(candidate, clipped) <= jnd) start = candidate.c;
+			else end = candidate.c;
+		}
+		return destConv(inDestinationGamut(candidate) ? candidate : clipped);
+	};
+}
+
+//#endregion
+//#region ../token-tools/dist/string-BZ5Le1WD.js
+const HEX_RE = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;
+const CULORI_TO_CSS = {
+	a98: "a98",
+	hsl: "hsl",
+	hsv: "hsv",
+	hwb: "hwb",
+	lab: "lab",
+	lch: "lch",
+	lrgb: "srgb-linear",
+	oklab: "oklab",
+	oklch: "oklch",
+	p3: "display-p3",
+	prophoto: "prophoto-rgb",
+	rec2020: "rec2020",
+	rgb: "srgb",
+	xyz50: "xyz-d50",
+	xyz65: "xyz-d65"
+};
+const CSS_TO_CULORI = {
+	a98: "a98",
+	"display-p3": "p3",
+	hsl: "hsl",
+	hsv: "hsv",
+	hwb: "hwb",
+	lab: "lab",
+	lch: "lch",
+	oklab: "oklab",
+	oklch: "oklch",
+	"prophoto-rgb": "prophoto",
+	rec2020: "rec2020",
+	srgb: "rgb",
+	"srgb-linear": "lrgb",
+	"xyz-d50": "xyz50",
+	"xyz-d65": "xyz65"
+};
+/** Parse any color */
+function parseColor(color) {
+	const result = parse_default(color);
+	if (!result) throw new Error(`Unable to parse color "${color}"`);
+	if (!(result.mode in CULORI_TO_CSS)) throw new Error(`Unsupported color space: ${result.mode}`);
+	const colorSpace = CULORI_TO_CSS[result.mode];
+	let components = [
+		0,
+		0,
+		0
+	];
+	switch (result.mode) {
+		case "a98":
+		case "rec2020":
+		case "p3":
+		case "prophoto":
+		case "lrgb":
+		case "rgb": {
+			components = [
+				result.r,
+				result.g,
+				result.b
+			];
+			break;
+		}
+		case "hsl": {
+			components = [
+				result.h ?? 0,
+				result.s,
+				result.l
+			];
+			break;
+		}
+		case "hsv": {
+			components = [
+				result.h ?? 0,
+				result.s,
+				result.v
+			];
+			break;
+		}
+		case "hwb": {
+			components = [
+				result.h ?? 0,
+				result.w,
+				result.b
+			];
+			break;
+		}
+		case "lab":
+		case "oklab": {
+			components = [
+				result.l,
+				result.a,
+				result.b
+			];
+			break;
+		}
+		case "lch":
+		case "oklch": {
+			components = [
+				result.l,
+				result.c,
+				result.h ?? 0
+			];
+			break;
+		}
+		case "xyz50":
+		case "xyz65": {
+			components = [
+				result.x,
+				result.y,
+				result.z
+			];
+			break;
+		}
+	}
+	const value = {
+		colorSpace,
+		components,
+		alpha: result.alpha ?? 1
+	};
+	if (HEX_RE.test(color)) value.hex = formatHex(result);
+	return value;
+}
+/** Convert a color token to a Culori color */
+function tokenToCulori(value) {
+	switch (value.colorSpace) {
+		case "a98":
+		case "display-p3":
+		case "prophoto-rgb":
+		case "rec2020":
+		case "srgb":
+		case "srgb-linear": {
+			const [r$1, g, b] = value.components;
+			return {
+				mode: CSS_TO_CULORI[value.colorSpace] || value.colorSpace,
+				r: r$1,
+				g,
+				b,
+				alpha: value.alpha
+			};
+		}
+		case "hsl": {
+			const [h, s, l] = value.components;
+			return {
+				mode: "hsl",
+				h,
+				s,
+				l,
+				alpha: value.alpha
+			};
+		}
+		case "hsv": {
+			const [h, s, v] = value.components;
+			return {
+				mode: "hsv",
+				h,
+				s,
+				v,
+				alpha: value.alpha
+			};
+		}
+		case "hwb": {
+			const [h, w, b] = value.components;
+			return {
+				mode: "hwb",
+				h,
+				w,
+				b,
+				alpha: value.alpha
+			};
+		}
+		case "lab":
+		case "oklab": {
+			const [l, a, b] = value.components;
+			return {
+				mode: value.colorSpace,
+				l,
+				a,
+				b,
+				alpha: value.alpha
+			};
+		}
+		case "lch":
+		case "oklch": {
+			const [l, c$1, h] = value.components;
+			return {
+				mode: value.colorSpace,
+				l,
+				c: c$1,
+				h,
+				alpha: value.alpha
+			};
+		}
+		case "xyz-d50": {
+			const [x, y, z] = value.components;
+			return {
+				mode: "xyz50",
+				x,
+				y,
+				z,
+				alpha: value.alpha
+			};
+		}
+		case "xyz-d65": {
+			const [x, y, z] = value.components;
+			return {
+				mode: "xyz65",
+				x,
+				y,
+				z,
+				alpha: value.alpha
+			};
+		}
+	}
+}
+/** Turn a string into kebab-case */
+function kebabCase(str) {
+	let output = "";
+	for (const c$1 of str.split("")) {
+		if (c$1 === ".") {
+			output += "-";
+			continue;
+		}
+		let isFirstUppercase = true;
+		if (isFirstUppercase && /\p{Uppercase_Letter}/u.test(c$1)) {
+			output += `-${c$1.toLocaleLowerCase()}`;
+			isFirstUppercase = false;
+			continue;
+		} else isFirstUppercase = true;
+		output += c$1;
+	}
+	return output;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/wildcard-match@5.1.4/node_modules/wildcard-match/build/index.es.mjs
+/**
+* Escapes a character if it has a special meaning in regular expressions
+* and returns the character as is if it doesn't
+*/
+function escapeRegExpChar(char) {
+	if (char === "-" || char === "^" || char === "$" || char === "+" || char === "." || char === "(" || char === ")" || char === "|" || char === "[" || char === "]" || char === "{" || char === "}" || char === "*" || char === "?" || char === "\\") return "\\".concat(char);
+	else return char;
+}
+/**
+* Escapes all characters in a given string that have a special meaning in regular expressions
+*/
+function escapeRegExpString(str) {
+	var result = "";
+	for (var i = 0; i < str.length; i++) result += escapeRegExpChar(str[i]);
+	return result;
+}
+/**
+* Transforms one or more glob patterns into a RegExp pattern
+*/
+function transform(pattern, separator) {
+	if (separator === void 0) separator = true;
+	if (Array.isArray(pattern)) {
+		var regExpPatterns = pattern.map(function(p) {
+			return "^".concat(transform(p, separator), "$");
+		});
+		return "(?:".concat(regExpPatterns.join("|"), ")");
+	}
+	var separatorSplitter = "";
+	var separatorMatcher = "";
+	var wildcard = ".";
+	if (separator === true) {
+		separatorSplitter = "/";
+		separatorMatcher = "[/\\\\]";
+		wildcard = "[^/\\\\]";
+	} else if (separator) {
+		separatorSplitter = separator;
+		separatorMatcher = escapeRegExpString(separatorSplitter);
+		if (separatorMatcher.length > 1) {
+			separatorMatcher = "(?:".concat(separatorMatcher, ")");
+			wildcard = "((?!".concat(separatorMatcher, ").)");
+		} else wildcard = "[^".concat(separatorMatcher, "]");
+	}
+	var requiredSeparator = separator ? "".concat(separatorMatcher, "+?") : "";
+	var optionalSeparator = separator ? "".concat(separatorMatcher, "*?") : "";
+	var segments = separator ? pattern.split(separatorSplitter) : [pattern];
+	var result = "";
+	for (var s = 0; s < segments.length; s++) {
+		var segment = segments[s];
+		var nextSegment = segments[s + 1];
+		var currentSeparator = "";
+		if (!segment && s > 0) continue;
+		if (separator) if (s === segments.length - 1) currentSeparator = optionalSeparator;
+		else if (nextSegment !== "**") currentSeparator = requiredSeparator;
+		else currentSeparator = "";
+		if (separator && segment === "**") {
+			if (currentSeparator) {
+				result += s === 0 ? "" : s === segments.length - 1 ? "(?:".concat(requiredSeparator, "|$)") : requiredSeparator;
+				result += "(?:".concat(wildcard, "*?").concat(currentSeparator, ")*?");
+			}
+			continue;
+		}
+		for (var c$1 = 0; c$1 < segment.length; c$1++) {
+			var char = segment[c$1];
+			if (char === "\\") {
+				if (c$1 < segment.length - 1) {
+					result += escapeRegExpChar(segment[c$1 + 1]);
+					c$1++;
+				}
+			} else if (char === "?") result += wildcard;
+			else if (char === "*") result += "".concat(wildcard, "*?");
+			else result += escapeRegExpChar(char);
+		}
+		result += currentSeparator;
+	}
+	return result;
+}
+function isMatch(regexp, sample) {
+	if (typeof sample !== "string") throw new TypeError("Sample must be a string, but ".concat(typeof sample, " given"));
+	return regexp.test(sample);
+}
+/**
+* Compiles one or more glob patterns into a RegExp and returns an isMatch function.
+* The isMatch function takes a sample string as its only argument and returns `true`
+* if the string matches the pattern(s).
+*
+* ```js
+* wildcardMatch('src/*.js')('src/index.js') //=> true
+* ```
+*
+* ```js
+* const isMatch = wildcardMatch('*.example.com', '.')
+* isMatch('foo.example.com') //=> true
+* isMatch('foo.bar.com') //=> false
+* ```
+*/
+function wildcardMatch(pattern, options) {
+	if (typeof pattern !== "string" && !Array.isArray(pattern)) throw new TypeError("The first argument must be a single pattern string or an array of patterns, but ".concat(typeof pattern, " given"));
+	if (typeof options === "string" || typeof options === "boolean") options = { separator: options };
+	if (arguments.length === 2 && !(typeof options === "undefined" || typeof options === "object" && options !== null && !Array.isArray(options))) throw new TypeError("The second argument must be an options object or a string/boolean separator, but ".concat(typeof options, " given"));
+	options = options || {};
+	if (options.separator === "\\") throw new Error("\\ is not a valid separator because it is used for escaping. Try setting the separator to `true` instead");
+	var regexpPattern = transform(pattern, options.separator);
+	var regexp = new RegExp("^".concat(regexpPattern, "$"), options.flags);
+	var fn$3 = isMatch.bind(null, regexp);
+	fn$3.options = options;
+	fn$3.pattern = pattern;
+	fn$3.regexp = regexp;
+	return fn$3;
+}
+
+//#endregion
+//#region ../token-tools/dist/index.js
+/** Match token against globs */
+function isTokenMatch(tokenID, globPatterns) {
+	return wildcardMatch(globPatterns)(tokenID);
+}
+/** Give a user pertinent feedback if they override a transform incorrectly */
+function validateCustomTransform(value, { $type }) {
+	if (value) {
+		if (typeof value !== "string" && typeof value !== "object" || Array.isArray(value)) throw new Error(`transform(): expected string or Object of strings, received ${Array.isArray(value) ? "Array" : typeof value}`);
+		switch ($type) {
+			case "typography": {
+				if (typeof value !== "object") throw new Error("transform(): typography tokens must be an object of keys");
+				break;
+			}
+		}
+	}
+}
+
+//#endregion
+//#region ../token-tools/dist/css.js
+function defaultAliasTransform(token) {
+	if (!token) throw new Error("Undefined token");
+	return `var(${makeCSSVar(token.id)})`;
+}
+/** Generate shorthand CSS for select token types */
+function generateShorthand({ $type, localID }) {
+	switch ($type) {
+		case "transition": return [
+			"duration",
+			"delay",
+			"timing-function"
+		].map((p) => makeCSSVar(`${localID}-${p}`, { wrapVar: true })).join(" ");
+	}
+}
+const CSS_VAR_RE = /(?:(\p{Uppercase_Letter}?[\p{Lowercase_Letter}\p{Number}]+|[\p{Uppercase_Letter}\p{Number}]+|[\u{80}-\u{10FFFF}\p{Number}]+)|.)/u;
+/**
+* Generate a valid CSS variable from any string
+* Code by @dfrankland
+*/
+function makeCSSVar(name, { prefix, wrapVar = false } = {}) {
+	if (typeof name !== "string") throw new Error(`makeCSSVar() Expected string, received ${name}`);
+	let property = name.split(CSS_VAR_RE).filter(Boolean).join("-");
+	if (prefix && !property.startsWith(`${prefix}-`)) property = `${prefix}-${property}`;
+	const finalProperty = `--${property}`.toLocaleLowerCase();
+	return wrapVar ? `var(${finalProperty})` : finalProperty;
+}
+/** Convert boolean value to CSS string */
+function transformBoolean(token, { tokensSet, transformAlias = defaultAliasTransform }) {
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value === true ? "1" : "0";
+}
+/** Convert color value to CSS string */
+function transformColor(token, options) {
+	const { transformAlias = defaultAliasTransform, tokensSet } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const { colorSpace, components, alpha = 1 } = typeof token.$value === "string" ? parseColor(token.$value) : token.$value;
+	const color = tokenToCulori({
+		colorSpace,
+		components,
+		alpha
+	});
+	if (!color) throw new Error(`Can’t convert color ${JSON.stringify(token.$value)} to Culori color`);
+	let formatColor = formatCss;
+	if (options.color?.legacyHex) formatColor = color.alpha !== 1 ? formatHex8 : formatHex;
+	return displayable(color) ? formatColor(color) : downsample({
+		colorSpace,
+		components,
+		alpha
+	}, color);
+}
+const converters = {
+	a98: useMode(definition_default),
+	hsl: useMode(definition_default$1),
+	hsv: useMode(definition_default$2),
+	hwb: useMode(definition_default$3),
+	lab: useMode(definition_default$4),
+	lch: useMode(definition_default$5),
+	lrgb: useMode(definition_default$6),
+	oklab: useMode(definition_default$7),
+	oklch: useMode(definition_default$8),
+	p3: useMode(definition_default$9),
+	prophoto: useMode(definition_default$10),
+	rec2020: useMode(definition_default$11),
+	rgb: useMode(definition_default$12),
+	xyz50: useMode(definition_default$13),
+	xyz65: useMode(definition_default$14)
+};
 /**
- * @module @terrazzo/plugin-css
- * @license MIT License
- * 
- * Copyright (c) 2021 Drew Powers
- * 
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- * 
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- * 
- * 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.
- */
-import { validateCustomTransform } from '@terrazzo/token-tools';
-import { makeCSSVar, transformCSSValue } from '@terrazzo/token-tools/css';
-import buildFormat from './build/index.js';
-import { FILE_PREFIX, FORMAT_ID } from './lib.js';
-export * from './build/index.js';
-export * from './lib.js';
-export default function cssPlugin(options) {
-    const { exclude, variableName, modeSelectors, transform: customTransform, utility, legacyHex, skipBuild, } = options ?? {};
-    const filename = options?.filename ?? options?.fileName ?? 'index.css';
-    const baseSelector = options?.baseSelector ?? ':root';
-    function transformName(token) {
-        const customName = variableName?.(token);
-        if (customName !== undefined) {
-            if (typeof customName !== 'string') {
-                throw new Error(`variableName() must return a string; received ${customName}`);
-            }
-            return customName;
-        }
-        return makeCSSVar(token.id);
-    }
-    const transformAlias = (token) => `var(${transformName(token)})`;
-    return {
-        name: '@terrazzo/plugin-css',
-        async transform({ tokens, getTransforms, setTransform }) {
-            // skip work if another .css plugin has already run
-            const cssTokens = getTransforms({ format: FORMAT_ID, id: '*', mode: '*' });
-            if (cssTokens.length) {
-                return;
-            }
-            for (const [id, token] of Object.entries(tokens)) {
-                const localID = transformName(token);
-                for (const mode of Object.keys(token.mode)) {
-                    if (customTransform) {
-                        const value = customTransform(token, mode);
-                        if (value !== undefined && value !== null) {
-                            validateCustomTransform(value, { $type: token.$type });
-                            setTransform(id, { format: FORMAT_ID, localID, value, mode });
-                            continue;
-                        }
-                    }
-                    const transformedValue = transformCSSValue(token, {
-                        mode,
-                        tokensSet: tokens,
-                        transformAlias,
-                        color: { legacyHex },
-                    });
-                    if (transformedValue !== undefined) {
-                        setTransform(id, { format: FORMAT_ID, localID, value: transformedValue, mode });
-                    }
-                }
-            }
-        },
-        async build({ getTransforms, outputFile }) {
-            if (skipBuild === true) {
-                return;
-            }
-            const output = [FILE_PREFIX, ''];
-            output.push(buildFormat({ exclude, getTransforms, modeSelectors, utility, baseSelector }), '\n');
-            outputFile(filename, output.join('\n'));
-        },
-    };
+* Downsample color to sRGB/Display P3/Rec2020 colorspaces.
+* Note: because Culori tends to convert to RGB color spaces to ensure the operation,
+* we have to do an additional step of converting back. So we’re not really converting;
+* we’re just preserving the original colorspace.
+*/
+function downsample($value, culoriColor) {
+	const conversionSpace = CSS_TO_CULORI[$value.colorSpace] || "oklab";
+	const converter$1 = converters[conversionSpace];
+	return {
+		".": formatCss(culoriColor),
+		srgb: formatCss(converter$1(toGamut("rgb", conversionSpace)(culoriColor))),
+		p3: formatCss(converter$1(toGamut("p3", conversionSpace)(culoriColor))),
+		rec2020: formatCss(converter$1(toGamut("rec2020", conversionSpace)(culoriColor)))
+	};
+}
+/** Convert dimension value to CSS */
+function transformDimension(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value.value === 0 ? "0" : `${token.$value.value}${token.$value.unit}`;
+}
+/** Convert strokeStyle value to CSS */
+function transformStrokeStyle(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return typeof token.$value === "string" ? token.$value : "dashed";
+}
+/** Convert border value to multiple CSS values */
+function transformBorder(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const width = token.partialAliasOf?.width ? transformAlias(tokensSet[token.partialAliasOf.width]) : transformDimension({ $value: token.$value.width }, options);
+	const color = token.partialAliasOf?.color ? transformAlias(tokensSet[token.partialAliasOf.color]) : transformColor({ $value: token.$value.color }, options);
+	const style = token.partialAliasOf?.style ? transformAlias(tokensSet[token.partialAliasOf.style]) : transformStrokeStyle({ $value: token.$value.style }, options);
+	const formatBorder = (colorKey) => [
+		width,
+		style,
+		typeof color === "string" ? color : color[colorKey]
+	].join(" ");
+	return typeof color === "string" || displayable(color.p3) ? formatBorder(".") : {
+		".": formatBorder("."),
+		srgb: formatBorder("srgb"),
+		p3: formatBorder("p3"),
+		rec2020: formatBorder("rec2020")
+	};
+}
+/** Convert cubicBezier value to CSS */
+function transformCubicBezier(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `cubic-bezier(${token.$value.map((v, i) => token.partialAliasOf?.[i] ? transformAlias(tokensSet[token.partialAliasOf[i]]) : v).join(", ")})`;
+}
+/** Convert duration value to CSS */
+function transformDuration(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `${token.$value.value}${token.$value.unit}`;
+}
+const FONT_NAME_KEYWORD = /^[a-z-]+$/;
+function transformFontFamily(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value.map((fontName) => FONT_NAME_KEYWORD.test(fontName) ? fontName : `"${fontName}"`).join(", ");
+}
+/** Convert fontWeight value to CSS */
+function transformFontWeight(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+/** Convert gradient value to CSS */
+function transformGradient(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	let isHDR = false;
+	const colors = [];
+	const positions = [];
+	for (let i = 0; i < token.$value.length; i++) {
+		const { color, position } = token.$value[i];
+		const colorValue = token.partialAliasOf?.[i]?.color ? transformAlias(tokensSet[token.partialAliasOf[i].color]) : transformColor({ $value: color }, options);
+		if (typeof colorValue !== "string") isHDR = true;
+		colors.push(colorValue);
+		positions.push(token.partialAliasOf?.[i]?.position ? transformAlias(tokensSet[token.partialAliasOf[i].position]) : `${100 * position}%`);
+	}
+	function formatStop(i, colorKey = ".") {
+		return `${typeof colors[i] === "string" ? colors[i] : colors[i][colorKey]} ${positions[i]}`;
+	}
+	return !isHDR ? token.$value.map((_, i) => formatStop(i, positions[i])).join(", ") : {
+		".": token.$value.map((_, i) => formatStop(i, ".")).join(", "),
+		srgb: token.$value.map((_, i) => formatStop(i, "srgb")).join(", "),
+		p3: token.$value.map((_, i) => formatStop(i, "p3")).join(", "),
+		rec2020: token.$value.map((_, i) => formatStop(i, "rec2020")).join(", ")
+	};
+}
+/** Convert link value to CSS */
+function transformLink(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `url("${token.$value}")`;
+}
+/** Convert number value to CSS */
+function transformNumber(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+/** Convert shadow subvalue to CSS */
+function transformShadowLayer(value, options) {
+	const { tokensSet, colorValue, partialAliasOf, transformAlias = defaultAliasTransform } = options;
+	const offsetX = partialAliasOf?.offsetX ? transformAlias(tokensSet[partialAliasOf.offsetX]) : transformDimension({ $value: value.offsetX }, options);
+	const offsetY = partialAliasOf?.offsetY ? transformAlias(tokensSet[partialAliasOf.offsetY]) : transformDimension({ $value: value.offsetY }, options);
+	const blur = partialAliasOf?.blur ? transformAlias(tokensSet[partialAliasOf.blur]) : transformDimension({ $value: value.blur }, options);
+	const spread = partialAliasOf?.spread ? transformAlias(tokensSet[partialAliasOf.spread]) : transformDimension({ $value: value.spread }, options);
+	const inset = value?.inset === true ? "inset" : void 0;
+	return [
+		inset,
+		offsetX,
+		offsetY,
+		blur,
+		spread,
+		colorValue
+	].filter(Boolean).join(" ");
+}
+/** Convert shadow value to CSS */
+function transformShadow(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const colors = token.$value.map((v, i) => token.partialAliasOf?.[i]?.color ? transformAlias(tokensSet[token.partialAliasOf[i].color]) : transformColor({ $value: v.color }, options));
+	const isHDR = colors.some((c$1) => typeof c$1 === "object");
+	const formatShadow = (colorKey) => token.$value.map((v, i) => transformShadowLayer(v, {
+		tokensSet,
+		colorValue: typeof colors[i] === "string" ? colors[i] : colors[i][colorKey],
+		partialAliasOf: token.partialAliasOf?.[i],
+		transformAlias
+	})).join(", ");
+	return !isHDR ? formatShadow(".") : {
+		".": formatShadow("."),
+		srgb: formatShadow("srgb"),
+		p3: formatShadow("p3"),
+		rec2020: formatShadow("rec2020")
+	};
+}
+/** Convert string value to CSS */
+function transformString(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+/** Convert transition value to shorthand */
+function transformTransition(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const duration = token.partialAliasOf?.duration ? transformAlias(tokensSet[token.partialAliasOf.duration]) : transformDuration({ $value: token.$value.duration }, options);
+	const delay = token.partialAliasOf?.delay ? transformAlias(tokensSet[token.partialAliasOf.delay]) : transformDuration({ $value: token.$value.delay }, options);
+	const timingFunction = token.partialAliasOf?.timingFunction ? transformAlias(tokensSet[token.partialAliasOf.timingFunction]) : transformCubicBezier({ $value: token.$value.timingFunction }, options);
+	return `${duration} ${delay} ${timingFunction}`;
+}
+/** Convert typography value to multiple CSS values */
+function transformTypography(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	const output = {};
+	for (const [property, subvalue] of Object.entries(token.$value)) {
+		let transformedValue;
+		const aliasedID = token.aliasChain?.[0] ?? token.partialAliasOf?.[property];
+		if (aliasedID) {
+			const resolvedToken = tokensSet[aliasedID];
+			transformedValue = transformAlias(resolvedToken.$type === "typography" ? { id: `${aliasedID}-${property}` } : resolvedToken);
+		} else switch (property) {
+			case "fontFamily": {
+				transformedValue = transformFontFamily({ $value: subvalue }, options);
+				break;
+			}
+			case "fontSize":
+			case "letterSpacing": {
+				transformedValue = transformDimension({ $value: subvalue }, options);
+				break;
+			}
+			case "fontWeight": {
+				transformedValue = transformFontWeight({ $value: subvalue }, options);
+				break;
+			}
+			case "lineHeight": {
+				if (typeof subvalue === "number") transformedValue = transformNumber({ $value: subvalue }, options);
+				else transformedValue = transformDimension({ $value: subvalue }, options);
+				break;
+			}
+			default: {
+				transformedValue = transformString({ $value: subvalue }, options);
+				break;
+			}
+		}
+		output[kebabCase(property)] = transformedValue;
+	}
+	return output;
+}
+/** Main CSS Transform */
+function transformCSSValue(token, { mode,...options }) {
+	const selectedMode = token.mode[mode];
+	if (!selectedMode) return;
+	const tokenWithModeValue = {
+		id: token.id,
+		$type: token.$type,
+		...selectedMode
+	};
+	switch (tokenWithModeValue.$type) {
+		case "boolean": return transformBoolean(tokenWithModeValue, options);
+		case "border": return transformBorder(tokenWithModeValue, options);
+		case "color": return transformColor(tokenWithModeValue, options);
+		case "cubicBezier": return transformCubicBezier(tokenWithModeValue, options);
+		case "dimension": return transformDimension(tokenWithModeValue, options);
+		case "duration": return transformDuration(tokenWithModeValue, options);
+		case "fontFamily": return transformFontFamily(tokenWithModeValue, options);
+		case "fontWeight": return transformFontWeight(tokenWithModeValue, options);
+		case "gradient": return transformGradient(tokenWithModeValue, options);
+		case "link": return transformLink(tokenWithModeValue, options);
+		case "number": return transformNumber(tokenWithModeValue, options);
+		case "shadow": return transformShadow(tokenWithModeValue, options);
+		case "string": return transformString(tokenWithModeValue, options);
+		case "strokeStyle": return transformStrokeStyle(tokenWithModeValue, options);
+		case "transition": return transformTransition(tokenWithModeValue, options);
+		case "typography": return transformTypography(tokenWithModeValue, options);
+	}
+}
+
+//#endregion
+//#region src/lib.ts
+const FORMAT_ID = "css";
+const FILE_PREFIX = `/* -------------------------------------------
+ *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
+ * ------------------------------------------- */`;
+/** Convert CSSRules into a formatted, indented CSS string */
+function printRules(rules) {
+	const output = [];
+	for (const rule of rules) {
+		if (!rule.selectors.length || !Object.keys(rule.declarations).length) continue;
+		const mqSelectors = [];
+		const joinableSelectors = [];
+		for (const s of rule.selectors) (s.startsWith("@") ? mqSelectors : joinableSelectors).push(s);
+		for (const s of mqSelectors) output.push(_printRule({
+			...rule,
+			selectors: [s]
+		}));
+		if (joinableSelectors.length) output.push(_printRule({
+			...rule,
+			selectors: joinableSelectors
+		}));
+	}
+	return output.join("\n\n");
+}
+function _printRule(rule) {
+	const output = [];
+	const isMediaQuery = rule.selectors.some((s) => s.startsWith("@"));
+	let indent = "";
+	if (rule.nestedQuery && isMediaQuery) {
+		output.push(`${indent}${rule.selectors.join(`,\n${indent}`)} {`);
+		indent += "  ";
+		output.push(`${indent}${rule.nestedQuery} {`);
+	} else if (rule.nestedQuery && !isMediaQuery) {
+		output.push(`${indent}${rule.nestedQuery} {`);
+		indent += "  ";
+		output.push(`${indent}${rule.selectors.join(`,\n${indent}`)} {`);
+	} else output.push(`${indent}${rule.selectors.join(`,\n${indent}`)} {`);
+	indent += "  ";
+	if (isMediaQuery) {
+		output.push(`${indent}:root {`);
+		indent += "  ";
+	}
+	const declarations = Object.entries(rule.declarations);
+	declarations.sort((a, b) => a[0].localeCompare(b[0], "en-us", { numeric: true }));
+	for (const [k$2, v] of declarations) output.push(`${indent}${k$2}: ${v};`);
+	while (indent !== "") {
+		indent = indent.substring(0, indent.length - 2);
+		output.push(`${indent}}`);
+	}
+	return output.join("\n");
+}
+
+//#endregion
+//#region src/build/utility-css.ts
+const GROUP_REGEX = {
+	bg: /(^bg-|-bg-)/,
+	border: /(^border-|-border-)/,
+	font: /(^font-|-font-)/,
+	gap: /(^gap-|-gap-)/,
+	m: /(^margin-|-margin-|)/,
+	p: /(^padding-|-padding-|)/,
+	shadow: /(^shadow-|-shadow-)/,
+	text: /(^text-|-text-)/
+};
+/** Make CSS class name from transformed token */
+function makeSelector(token, prefix, subgroup) {
+	return `.${prefix}${subgroup || ""}-${kebabCase(token.token.id).replace(GROUP_REGEX[prefix], "")}`;
+}
+function makeVarValue(token) {
+	return makeCSSVar(token.localID ?? token.token.id, { wrapVar: true });
+}
+function generateUtilityCSS(groups, tokens) {
+	const output = [];
+	const groupEntries = Object.entries(groups);
+	groupEntries.sort((a, b) => a[0].localeCompare(b[0]));
+	for (const [group, selectors] of groupEntries) {
+		const matchingTokens = tokens.filter((token) => isTokenMatch(token.token.id, selectors));
+		if (!matchingTokens.length) {
+			console.warn(`[@terrazzo/plugin-css] utility group "${group}" matched 0 tokens: ${JSON.stringify(selectors)}`);
+			break;
+		}
+		switch (group) {
+			case "bg": {
+				for (const token of matchingTokens) {
+					const selector = makeSelector(token, "bg");
+					switch (token.token.$type) {
+						case "color": {
+							output.push({
+								selectors: [selector],
+								declarations: { "background-color": makeVarValue(token) }
+							});
+							break;
+						}
+						case "gradient": output.push({
+							selectors: [selector],
+							declarations: { "background-image": `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})` }
+						});
+					}
+				}
+				break;
+			}
+			case "border": {
+				for (const token of matchingTokens) {
+					const property = {
+						border: "border",
+						color: "border-color",
+						dimension: "border-width",
+						strokeStyle: "border-style"
+					}[token.token.$type];
+					if (property) output.push({
+						selectors: [makeSelector(token, "border")],
+						declarations: { [property]: makeVarValue(token) }
+					});
+				}
+				for (const token of matchingTokens) for (const side of [
+					"top",
+					"right",
+					"bottom",
+					"left"
+				]) {
+					const property = {
+						border: `border-${side}`,
+						color: `border-${side}-color`,
+						dimension: `border-${side}-width`,
+						strokeStyle: `border-${side}-style`
+					}[token.token.$type];
+					if (property) output.push({
+						selectors: [makeSelector(token, "border", `-${side}`)],
+						declarations: { [property]: makeVarValue(token) }
+					});
+				}
+				break;
+			}
+			case "font": {
+				for (const token of matchingTokens) {
+					const selector = makeSelector(token, "font");
+					if (token.token.$type === "typography" && token.type === "MULTI_VALUE") {
+						const declarations = {};
+						for (const k$2 of Object.keys(token.value)) declarations[k$2] = makeCSSVar(`${token.localID ?? token.token.id}-${k$2}`, { wrapVar: true });
+						output.push({
+							selectors: [selector],
+							declarations
+						});
+					} else {
+						const property = {
+							dimension: "font-size",
+							fontFamily: "font-family",
+							fontWeight: "font-weight"
+						}[token.token.$type];
+						if (property) output.push({
+							selectors: [selector],
+							declarations: { [property]: makeVarValue(token) }
+						});
+					}
+				}
+				break;
+			}
+			case "layout": {
+				const filteredTokens = matchingTokens.filter((t) => t.token.$type === "dimension");
+				for (const token of filteredTokens) output.push({
+					selectors: [makeSelector(token, "gap")],
+					declarations: { gap: makeVarValue(token) }
+				});
+				for (const token of filteredTokens) output.push({
+					selectors: [makeSelector(token, "gap", "-col")],
+					declarations: { "column-gap": makeVarValue(token) }
+				});
+				for (const token of filteredTokens) output.push({
+					selectors: [makeSelector(token, "gap", "-row")],
+					declarations: { "row-gap": makeVarValue(token) }
+				});
+				for (const prefix of ["m", "p"]) {
+					const property = prefix === "m" ? "margin" : "padding";
+					for (const token of filteredTokens) output.push({
+						selectors: [makeSelector(token, prefix, "a")],
+						declarations: { [property]: makeVarValue(token) }
+					});
+					for (const token of filteredTokens) {
+						const value = makeVarValue(token);
+						output.push({
+							selectors: [makeSelector(token, prefix, "x")],
+							declarations: {
+								[`${property}-left`]: value,
+								[`${property}-right`]: value
+							}
+						}, {
+							selectors: [makeSelector(token, prefix, "y")],
+							declarations: {
+								[`${property}-bottom`]: value,
+								[`${property}-top`]: value
+							}
+						});
+					}
+					for (const side of [
+						"top",
+						"right",
+						"bottom",
+						"left"
+					]) for (const token of filteredTokens) output.push({
+						selectors: [makeSelector(token, prefix, side[0])],
+						declarations: { [`${property}-${side}`]: makeVarValue(token) }
+					});
+					for (const token of filteredTokens) {
+						const value = makeVarValue(token);
+						output.push({
+							selectors: [makeSelector(token, prefix, "s")],
+							declarations: { [`${property}-inline-start`]: value }
+						}, {
+							selectors: [makeSelector(token, prefix, "e")],
+							declarations: { [`${property}-inline-end`]: value }
+						});
+					}
+				}
+				break;
+			}
+			case "shadow": {
+				for (const token of matchingTokens) if (token.token.$type === "shadow") output.push({
+					selectors: [makeSelector(token, "shadow")],
+					declarations: { "box-shadow": makeVarValue(token) }
+				});
+				break;
+			}
+			case "text": {
+				for (const token of matchingTokens) {
+					const selector = makeSelector(token, "text");
+					const value = makeVarValue(token);
+					switch (token.token.$type) {
+						case "color": {
+							output.push({
+								selectors: [selector],
+								declarations: { color: value }
+							});
+							break;
+						}
+						case "gradient": {
+							output.push({
+								selectors: [selector],
+								declarations: {
+									background: `-webkit-linear-gradient(${value})`,
+									"-webkit-background-clip": "text",
+									"-webkit-text-fill-color": "transparent"
+								}
+							});
+							break;
+						}
+					}
+				}
+				break;
+			}
+			default: {
+				console.warn(`[@terrazzo/plugin-css] unknown utility CSS group "${group}", ignoring`);
+				break;
+			}
+		}
+	}
+	return output;
+}
+
+//#endregion
+//#region src/build/index.ts
+const P3_MQ = "@media (color-gamut: p3)";
+const REC2020_MQ = "@media (color-gamut: rec2020)";
+function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelector }) {
+	const rules = [];
+	const rootTokens = getTransforms({
+		format: FORMAT_ID,
+		mode: "."
+	});
+	if (rootTokens.length) {
+		const rootRule = {
+			selectors: [baseSelector],
+			declarations: {}
+		};
+		const p3Rule = {
+			selectors: [baseSelector],
+			nestedQuery: P3_MQ,
+			declarations: {}
+		};
+		const rec2020Rule = {
+			selectors: [baseSelector],
+			nestedQuery: REC2020_MQ,
+			declarations: {}
+		};
+		rules.push(rootRule, p3Rule, rec2020Rule);
+		for (const token of rootTokens) {
+			if (isTokenMatch(token.token.id, exclude ?? [])) continue;
+			const localID = token.localID ?? token.token.id;
+			const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
+				format: FORMAT_ID,
+				id: token.token.aliasedBy
+			}) : [];
+			if (token.type === "SINGLE_VALUE") rootRule.declarations[localID] = token.value;
+			else if (token.value.srgb && token.value.p3 && token.value.rec2020) {
+				rootRule.declarations[localID] = token.value.srgb;
+				if (token.value.p3 !== token.value.srgb) {
+					p3Rule.declarations[localID] = token.value.p3;
+					rec2020Rule.declarations[localID] = token.value.rec2020;
+					for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") {
+						p3Rule.declarations[alias.localID] ??= alias.value;
+						rec2020Rule.declarations[alias.localID] ??= alias.value;
+					}
+				}
+			} else if (token.type === "MULTI_VALUE") {
+				const shorthand = generateShorthand({
+					$type: token.token.$type,
+					localID
+				});
+				if (shorthand) rootRule.declarations[token.localID ?? token.token.id] = shorthand;
+				for (const [name, value] of Object.entries(token.value)) rootRule.declarations[name === "." ? localID : [localID, name].join("-")] = value;
+			}
+		}
+	}
+	for (const { selectors, tokens, mode } of modeSelectors ?? []) {
+		if (!selectors.length) continue;
+		const selectorTokens = getTransforms({
+			format: FORMAT_ID,
+			id: tokens,
+			mode
+		});
+		if (!selectorTokens.length) continue;
+		const selectorRule = {
+			selectors,
+			declarations: {}
+		};
+		const selectorP3Rule = {
+			selectors,
+			nestedQuery: P3_MQ,
+			declarations: {}
+		};
+		const selectorRec2020Rule = {
+			selectors,
+			nestedQuery: REC2020_MQ,
+			declarations: {}
+		};
+		const selectorAliasDeclarations = {};
+		rules.push(selectorRule, selectorP3Rule, selectorRec2020Rule);
+		for (const token of selectorTokens) {
+			const localID = token.localID ?? token.token.id;
+			const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
+				format: FORMAT_ID,
+				id: token.token.aliasedBy
+			}) : [];
+			if (token.type === "SINGLE_VALUE") selectorRule.declarations[localID] = token.value;
+			else if (token.value.srgb && token.value.p3 && token.value.rec2020) {
+				selectorRule.declarations[localID] = token.value.srgb;
+				if (token.value.p3 !== token.value.srgb) {
+					selectorP3Rule.declarations[localID] = token.value.p3;
+					selectorRec2020Rule.declarations[localID] = token.value.rec2020;
+					for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") {
+						selectorP3Rule.declarations[alias.localID] ??= alias.value;
+						selectorRec2020Rule.declarations[alias.localID] ??= alias.value;
+					}
+				}
+			} else {
+				const shorthand = generateShorthand({
+					$type: token.token.$type,
+					localID
+				});
+				if (shorthand) selectorRule.declarations[localID] = shorthand;
+				for (const [name, subvalue] of Object.entries(token.value)) selectorRule.declarations[`${localID}-${name}`] = subvalue;
+			}
+			for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") selectorAliasDeclarations[alias.localID] = alias.value;
+		}
+		for (const [name, value] of Object.entries(selectorAliasDeclarations)) selectorRule.declarations[name] ??= value;
+	}
+	if (utility && Object.keys(utility).length) rules.push(...generateUtilityCSS(utility, getTransforms({
+		format: FORMAT_ID,
+		mode: "."
+	})));
+	return printRules(rules);
+}
+
+//#endregion
+//#region src/index.ts
+function cssPlugin(options) {
+	const { exclude, variableName, modeSelectors, transform: customTransform, utility, legacyHex, skipBuild } = options ?? {};
+	const filename = options?.filename ?? options?.fileName ?? "index.css";
+	const baseSelector = options?.baseSelector ?? ":root";
+	function transformName(token) {
+		const customName = variableName?.(token);
+		if (customName !== void 0) {
+			if (typeof customName !== "string") throw new Error(`variableName() must return a string; received ${customName}`);
+			return customName;
+		}
+		return makeCSSVar(token.id);
+	}
+	const transformAlias = (token) => `var(${transformName(token)})`;
+	return {
+		name: "@terrazzo/plugin-css",
+		async transform({ tokens, getTransforms, setTransform }) {
+			const cssTokens = getTransforms({
+				format: FORMAT_ID,
+				id: "*",
+				mode: "*"
+			});
+			if (cssTokens.length) return;
+			for (const [id, token] of Object.entries(tokens)) {
+				const localID = transformName(token);
+				for (const mode of Object.keys(token.mode)) {
+					if (customTransform) {
+						const value = customTransform(token, mode);
+						if (value !== void 0 && value !== null) {
+							validateCustomTransform(value, { $type: token.$type });
+							setTransform(id, {
+								format: FORMAT_ID,
+								localID,
+								value,
+								mode
+							});
+							continue;
+						}
+					}
+					const transformedValue = transformCSSValue(token, {
+						mode,
+						tokensSet: tokens,
+						transformAlias,
+						color: { legacyHex }
+					});
+					if (transformedValue !== void 0) setTransform(id, {
+						format: FORMAT_ID,
+						localID,
+						value: transformedValue,
+						mode
+					});
+				}
+			}
+		},
+		async build({ getTransforms, outputFile }) {
+			if (skipBuild === true) return;
+			const output = [FILE_PREFIX, ""];
+			output.push(buildFormat({
+				exclude,
+				getTransforms,
+				modeSelectors,
+				utility,
+				baseSelector
+			}), "\n");
+			outputFile(filename, output.join("\n"));
+		}
+	};
 }
+
+//#endregion
+export { FILE_PREFIX, FORMAT_ID, cssPlugin as default, printRules };
 //# sourceMappingURL=index.js.map