@terrazzo/plugin-css 0.9.0 → 0.10.0

package/dist/index.js

@@ -255,28 +255,28 @@ 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
+const useMode = (definition$16) => {
+	converters$1[definition$16.mode] = {
+		...converters$1[definition$16.mode],
+		...definition$16.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];
+	Object.keys(definition$16.fromMode || {}).forEach((k$3) => {
+		if (!converters$1[k$3]) converters$1[k$3] = {};
+		converters$1[k$3][definition$16.mode] = definition$16.fromMode[k$3];
 	});
-	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;
+	if (!definition$16.ranges) definition$16.ranges = {};
+	if (!definition$16.difference) definition$16.difference = {};
+	definition$16.channels.forEach((channel) => {
+		if (definition$16.ranges[channel] === void 0) definition$16.ranges[channel] = [0, 1];
+		if (!definition$16.interpolate[channel]) throw new Error(`Missing interpolator for: ${channel}`);
+		if (typeof definition$16.interpolate[channel] === "function") definition$16.interpolate[channel] = { use: definition$16.interpolate[channel] };
+		if (!definition$16.interpolate[channel].fixup) definition$16.interpolate[channel].fixup = identity;
 	});
-	modes[definition$15.mode] = definition$15;
-	(definition$15.parse || []).forEach((parser) => {
-		useParser(parser, definition$15.mode);
+	modes[definition$16.mode] = definition$16;
+	(definition$16.parse || []).forEach((parser) => {
+		useParser(parser, definition$16.mode);
 	});
-	return converter_default(definition$15.mode);
+	return converter_default(definition$16.mode);
 };
 const getMode = (mode) => modes[mode];
 const useParser = (parser, mode) => {
@@ -615,7 +615,7 @@ const fixupAlpha = (arr) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rgb/definition.js
-const definition$14 = {
+const definition$15 = {
 	mode: "rgb",
 	channels: [
 		"r",
@@ -653,7 +653,7 @@ const definition$14 = {
 		b: 0
 	}
 };
-var definition_default$12 = definition$14;
+var definition_default$12 = definition$15;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/convertA98ToXyz65.js
@@ -693,7 +693,7 @@ 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 fn$3 = (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);
@@ -701,9 +701,9 @@ const fn$2 = (c$1 = 0) => {
 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)
+		r: fn$3(r$1),
+		g: fn$3(g),
+		b: fn$3(b)
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -727,7 +727,7 @@ 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 fn$2 = (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;
@@ -735,9 +735,9 @@ const fn$1 = (c$1 = 0) => {
 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)
+		r: fn$2(r$1),
+		g: fn$2(g),
+		b: fn$2(b)
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -762,7 +762,7 @@ var convertXyz65ToRgb_default = convertXyz65ToRgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/definition.js
-const definition$13 = {
+const definition$14 = {
 	...definition_default$12,
 	mode: "a98",
 	parse: ["a98-rgb"],
@@ -776,7 +776,7 @@ const definition$13 = {
 		xyz65: convertA98ToXyz65_default
 	}
 };
-var definition_default = definition$13;
+var definition_default = definition$14;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/util/normalizeHue.js
@@ -917,12 +917,12 @@ 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) => {
+const hue = (hues, fn$4) => {
 	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]));
+		return fn$4(normalized - normalizeHue_default(arr[idx - 1]));
 	}).reduce((acc, curr) => {
 		if (!acc.length || curr === void 0 || acc[acc.length - 1] === void 0) {
 			acc.push(curr);
@@ -970,8 +970,8 @@ const differenceEuclidean = (mode = "rgb", weights = [
 	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 Math.sqrt(channels.reduce((sum, k$3, idx) => {
+			let delta = diffs[k$3] ? diffs[k$3](ConvStd, ConvSmp) : ConvStd[k$3] - ConvSmp[k$3];
 			return sum + (weights[idx] || 0) * Math.pow(isNaN(delta) ? 0 : delta, 2);
 		}, 0));
 	};
@@ -997,7 +997,7 @@ const averageAngle = (val) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsl/definition.js
-const definition$12 = {
+const definition$13 = {
 	mode: "hsl",
 	toMode: { rgb: convertHslToRgb },
 	fromMode: { rgb: convertRgbToHsl },
@@ -1026,7 +1026,7 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$1 = definition$12;
+var definition_default$1 = definition$13;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsv/convertHsvToRgb.js
@@ -1034,19 +1034,19 @@ 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 f$2 = Math.abs(h / 60 % 2 - 1);
 	let res;
 	switch (Math.floor(h / 60)) {
 		case 0:
 			res = {
 				r: v,
-				g: v * (1 - s * f$1),
+				g: v * (1 - s * f$2),
 				b: v * (1 - s)
 			};
 			break;
 		case 1:
 			res = {
-				r: v * (1 - s * f$1),
+				r: v * (1 - s * f$2),
 				g: v,
 				b: v * (1 - s)
 			};
@@ -1055,19 +1055,19 @@ function convertHsvToRgb({ h, s, v, alpha }) {
 			res = {
 				r: v * (1 - s),
 				g: v,
-				b: v * (1 - s * f$1)
+				b: v * (1 - s * f$2)
 			};
 			break;
 		case 3:
 			res = {
 				r: v * (1 - s),
-				g: v * (1 - s * f$1),
+				g: v * (1 - s * f$2),
 				b: v
 			};
 			break;
 		case 4:
 			res = {
-				r: v * (1 - s * f$1),
+				r: v * (1 - s * f$2),
 				g: v * (1 - s),
 				b: v
 			};
@@ -1076,7 +1076,7 @@ function convertHsvToRgb({ h, s, v, alpha }) {
 			res = {
 				r: v,
 				g: v * (1 - s),
-				b: v * (1 - s * f$1)
+				b: v * (1 - s * f$2)
 			};
 			break;
 		default: res = {
@@ -1109,7 +1109,7 @@ function convertRgbToHsv({ r: r$1, g, b, alpha }) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hsv/definition.js
-const definition$11 = {
+const definition$12 = {
 	mode: "hsv",
 	toMode: { rgb: convertHsvToRgb },
 	parse: ["--hsv"],
@@ -1138,7 +1138,7 @@ const definition$11 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$11;
+var definition_default$15 = definition$12;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/convertHwbToRgb.js
@@ -1200,7 +1200,7 @@ var parseHwb_default = ParseHwb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/definition.js
-const definition$10 = {
+const definition$11 = {
 	mode: "hwb",
 	toMode: { rgb: convertHwbToRgb },
 	fromMode: { rgb: convertRgbToHwb },
@@ -1229,12 +1229,12 @@ const definition$10 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$3 = definition$10;
+var definition_default$2 = definition$11;
 
 //#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);
+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/constants.js
@@ -1248,12 +1248,12 @@ const D65 = {
 	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);
+const k$2 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$2 = 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;
+let fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$1;
 const convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -1263,9 +1263,9 @@ const convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	let fz = fy - b / 200;
 	let res = {
 		mode: "xyz50",
-		x: fn(fx) * D50.X,
-		y: fn(fy) * D50.Y,
-		z: fn(fz) * D50.Z
+		x: fn$1(fx) * D50.X,
+		y: fn$1(fy) * D50.Y,
+		z: fn$1(fz) * D50.Z
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1310,14 +1310,14 @@ 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 f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$1 * 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 f0 = f$1(x / D50.X);
+	let f1 = f$1(y / D50.Y);
+	let f2 = f$1(z / D50.Z);
 	let res = {
 		mode: "lab",
 		l: 116 * f1 - 16,
@@ -1355,7 +1355,7 @@ var parseLab_default = parseLab;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab/definition.js
-const definition$9 = {
+const definition$10 = {
 	mode: "lab",
 	toMode: {
 		xyz50: convertLabToXyz50_default,
@@ -1388,6 +1388,90 @@ const definition$9 = {
 		}
 	}
 };
+var definition_default$3 = definition$10;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/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/lab65/convertLab65ToXyz65.js
+let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+const convertLab65ToXyz65 = ({ 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: "xyz65",
+		x: fn(fx) * D65.X,
+		y: fn(fy) * D65.Y,
+		z: fn(fz) * D65.Z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLab65ToXyz65_default = convertLab65ToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab65/convertLab65ToRgb.js
+const convertLab65ToRgb = (lab) => convertXyz65ToRgb_default(convertLab65ToXyz65_default(lab));
+var convertLab65ToRgb_default = convertLab65ToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab65/convertXyz65ToLab65.js
+const f = (value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116;
+const convertXyz65ToLab65 = ({ 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 / D65.X);
+	let f1 = f(y / D65.Y);
+	let f2 = f(z / D65.Z);
+	let res = {
+		mode: "lab65",
+		l: 116 * f1 - 16,
+		a: 500 * (f0 - f1),
+		b: 200 * (f1 - f2)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToLab65_default = convertXyz65ToLab65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab65/convertRgbToLab65.js
+const convertRgbToLab65 = (rgb$2) => {
+	let res = convertXyz65ToLab65_default(convertRgbToXyz65_default(rgb$2));
+	if (rgb$2.r === rgb$2.b && rgb$2.b === rgb$2.g) res.a = res.b = 0;
+	return res;
+};
+var convertRgbToLab65_default = convertRgbToLab65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab65/definition.js
+const definition$9 = {
+	...definition_default$3,
+	mode: "lab65",
+	parse: ["--lab-d65"],
+	serialize: "--lab-d65",
+	toMode: {
+		xyz65: convertLab65ToXyz65_default,
+		rgb: convertLab65ToRgb_default
+	},
+	fromMode: {
+		xyz65: convertXyz65ToLab65_default,
+		rgb: convertRgbToLab65_default
+	},
+	ranges: {
+		l: [0, 100],
+		a: [-86.182, 98.234],
+		b: [-107.86, 94.477]
+	}
+};
 var definition_default$4 = definition$9;
 
 //#endregion
@@ -1568,7 +1652,7 @@ 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,
+	...definition_default$3,
 	mode: "oklab",
 	toMode: {
 		lrgb: convertOklabToLrgb_default,
@@ -1918,6 +2002,183 @@ const definition = {
 };
 var definition_default$14 = definition;
 
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsl/helpers.js
+function toe(x) {
+	const k_1 = .206;
+	const k_2 = .03;
+	const k_3 = (1 + k_1) / (1 + k_2);
+	return .5 * (k_3 * x - k_1 + Math.sqrt((k_3 * x - k_1) * (k_3 * x - k_1) + 4 * k_2 * k_3 * x));
+}
+function toe_inv(x) {
+	const k_1 = .206;
+	const k_2 = .03;
+	const k_3 = (1 + k_1) / (1 + k_2);
+	return (x * x + k_1 * x) / (k_3 * (x + k_2));
+}
+function compute_max_saturation(a, b) {
+	let k0, k1, k2, k3, k4, wl, wm, ws;
+	if (-1.88170328 * a - .80936493 * b > 1) {
+		k0 = 1.19086277;
+		k1 = 1.76576728;
+		k2 = .59662641;
+		k3 = .75515197;
+		k4 = .56771245;
+		wl = 4.0767416621;
+		wm = -3.3077115913;
+		ws = .2309699292;
+	} else if (1.81444104 * a - 1.19445276 * b > 1) {
+		k0 = .73956515;
+		k1 = -.45954404;
+		k2 = .08285427;
+		k3 = .1254107;
+		k4 = .14503204;
+		wl = -1.2684380046;
+		wm = 2.6097574011;
+		ws = -.3413193965;
+	} else {
+		k0 = 1.35733652;
+		k1 = -.00915799;
+		k2 = -1.1513021;
+		k3 = -.50559606;
+		k4 = .00692167;
+		wl = -.0041960863;
+		wm = -.7034186147;
+		ws = 1.707614701;
+	}
+	let S = k0 + k1 * a + k2 * b + k3 * a * a + k4 * a * b;
+	let k_l = .3963377774 * a + .2158037573 * b;
+	let k_m = -.1055613458 * a - .0638541728 * b;
+	let k_s = -.0894841775 * a - 1.291485548 * b;
+	{
+		let l_ = 1 + S * k_l;
+		let m_ = 1 + S * k_m;
+		let s_ = 1 + S * k_s;
+		let l = l_ * l_ * l_;
+		let m = m_ * m_ * m_;
+		let s = s_ * s_ * s_;
+		let l_dS = 3 * k_l * l_ * l_;
+		let m_dS = 3 * k_m * m_ * m_;
+		let s_dS = 3 * k_s * s_ * s_;
+		let l_dS2 = 6 * k_l * k_l * l_;
+		let m_dS2 = 6 * k_m * k_m * m_;
+		let s_dS2 = 6 * k_s * k_s * s_;
+		let f$2 = wl * l + wm * m + ws * s;
+		let f1 = wl * l_dS + wm * m_dS + ws * s_dS;
+		let f2 = wl * l_dS2 + wm * m_dS2 + ws * s_dS2;
+		S = S - f$2 * f1 / (f1 * f1 - .5 * f$2 * f2);
+	}
+	return S;
+}
+function find_cusp(a, b) {
+	let S_cusp = compute_max_saturation(a, b);
+	let rgb$2 = convertOklabToLrgb_default({
+		l: 1,
+		a: S_cusp * a,
+		b: S_cusp * b
+	});
+	let L_cusp = Math.cbrt(1 / Math.max(rgb$2.r, rgb$2.g, rgb$2.b));
+	let C_cusp = L_cusp * S_cusp;
+	return [L_cusp, C_cusp];
+}
+function get_ST_max(a_, b_, cusp = null) {
+	if (!cusp) cusp = find_cusp(a_, b_);
+	let L = cusp[0];
+	let C = cusp[1];
+	return [C / L, C / (1 - L)];
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/convertOklabToOkhsv.js
+function convertOklabToOkhsv(lab) {
+	let l = lab.l !== void 0 ? lab.l : 0;
+	let a = lab.a !== void 0 ? lab.a : 0;
+	let b = lab.b !== void 0 ? lab.b : 0;
+	let c$1 = Math.sqrt(a * a + b * b);
+	let a_ = c$1 ? a / c$1 : 1;
+	let b_ = c$1 ? b / c$1 : 1;
+	let [S_max, T] = get_ST_max(a_, b_);
+	let S_0 = .5;
+	let k$3 = 1 - S_0 / S_max;
+	let t = T / (c$1 + l * T);
+	let L_v = t * l;
+	let C_v = t * c$1;
+	let L_vt = toe_inv(L_v);
+	let C_vt = C_v * L_vt / L_v;
+	let rgb_scale = convertOklabToLrgb_default({
+		l: L_vt,
+		a: a_ * C_vt,
+		b: b_ * C_vt
+	});
+	let scale_L = Math.cbrt(1 / Math.max(rgb_scale.r, rgb_scale.g, rgb_scale.b, 0));
+	l = l / scale_L;
+	c$1 = c$1 / scale_L * toe(l) / l;
+	l = toe(l);
+	const ret = {
+		mode: "okhsv",
+		s: c$1 ? (S_0 + T) * C_v / (T * S_0 + T * k$3 * C_v) : 0,
+		v: l ? l / L_v : 0
+	};
+	if (ret.s) ret.h = normalizeHue_default(Math.atan2(b, a) * 180 / Math.PI);
+	if (lab.alpha !== void 0) ret.alpha = lab.alpha;
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/convertOkhsvToOklab.js
+function convertOkhsvToOklab(hsv) {
+	const ret = { mode: "oklab" };
+	if (hsv.alpha !== void 0) ret.alpha = hsv.alpha;
+	const h = hsv.h !== void 0 ? hsv.h : 0;
+	const s = hsv.s !== void 0 ? hsv.s : 0;
+	const v = hsv.v !== void 0 ? hsv.v : 0;
+	const a_ = Math.cos(h / 180 * Math.PI);
+	const b_ = Math.sin(h / 180 * Math.PI);
+	const [S_max, T] = get_ST_max(a_, b_);
+	const S_0 = .5;
+	const k$3 = 1 - S_0 / S_max;
+	const L_v = 1 - s * S_0 / (S_0 + T - T * k$3 * s);
+	const C_v = s * T * S_0 / (S_0 + T - T * k$3 * s);
+	const L_vt = toe_inv(L_v);
+	const C_vt = C_v * L_vt / L_v;
+	const rgb_scale = convertOklabToLrgb_default({
+		l: L_vt,
+		a: a_ * C_vt,
+		b: b_ * C_vt
+	});
+	const scale_L = Math.cbrt(1 / Math.max(rgb_scale.r, rgb_scale.g, rgb_scale.b, 0));
+	const L_new = toe_inv(v * L_v);
+	const C = C_v * L_new / L_v;
+	ret.l = L_new * scale_L;
+	ret.a = C * a_ * scale_L;
+	ret.b = C * b_ * scale_L;
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/modeOkhsv.js
+const modeOkhsv = {
+	...definition_default$15,
+	mode: "okhsv",
+	channels: [
+		"h",
+		"s",
+		"v",
+		"alpha"
+	],
+	parse: ["--okhsv"],
+	serialize: "--okhsv",
+	fromMode: {
+		oklab: convertOklabToOkhsv,
+		rgb: (c$1) => convertOklabToOkhsv(convertRgbToOklab_default(c$1))
+	},
+	toMode: {
+		oklab: convertOkhsvToOklab,
+		rgb: (c$1) => convertOklabToRgb_default(convertOkhsvToOklab(c$1))
+	}
+};
+var modeOkhsv_default = modeOkhsv;
+
 //#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;
@@ -2048,18 +2309,19 @@ function toGamut(dest = "rgb", mode = "oklch", delta = differenceEuclidean("oklc
 }
 
 //#endregion
-//#region ../token-tools/dist/string-BZ5Le1WD.js
+//#region ../token-tools/dist/string-BwN3ybNv.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",
+	a98: "a98-rgb",
 	hsl: "hsl",
-	hsv: "hsv",
 	hwb: "hwb",
 	lab: "lab",
+	lab65: "lab-d65",
 	lch: "lch",
 	lrgb: "srgb-linear",
 	oklab: "oklab",
 	oklch: "oklch",
+	okhsv: "okhsv",
 	p3: "display-p3",
 	prophoto: "prophoto-rgb",
 	rec2020: "rec2020",
@@ -2068,19 +2330,21 @@ const CULORI_TO_CSS = {
 	xyz65: "xyz-d65"
 };
 const CSS_TO_CULORI = {
-	a98: "a98",
+	"a98-rgb": "a98",
 	"display-p3": "p3",
 	hsl: "hsl",
-	hsv: "hsv",
 	hwb: "hwb",
 	lab: "lab",
+	"lab-d65": "lab65",
 	lch: "lch",
 	oklab: "oklab",
 	oklch: "oklch",
+	okhsv: "okhsv",
 	"prophoto-rgb": "prophoto",
 	rec2020: "rec2020",
 	srgb: "rgb",
 	"srgb-linear": "lrgb",
+	xyz: "xyz65",
 	"xyz-d50": "xyz50",
 	"xyz-d65": "xyz65"
 };
@@ -2110,30 +2374,27 @@ function parseColor(color) {
 			break;
 		}
 		case "hsl": {
+			const maxS = COLORSPACE[colorSpace].ranges[1]?.[1] ?? 1;
+			const maxL = COLORSPACE[colorSpace].ranges[2]?.[1] ?? 1;
 			components = [
 				result.h ?? 0,
-				result.s,
-				result.l
-			];
-			break;
-		}
-		case "hsv": {
-			components = [
-				result.h ?? 0,
-				result.s,
-				result.v
+				result.s * maxS,
+				result.l * maxL
 			];
 			break;
 		}
 		case "hwb": {
+			const maxW = COLORSPACE[colorSpace].ranges[1]?.[1] ?? 1;
+			const maxB = COLORSPACE[colorSpace].ranges[2]?.[1] ?? 1;
 			components = [
 				result.h ?? 0,
-				result.w,
-				result.b
+				result.w * maxW,
+				result.b * maxB
 			];
 			break;
 		}
 		case "lab":
+		case "lab65":
 		case "oklab": {
 			components = [
 				result.l,
@@ -2151,6 +2412,14 @@ function parseColor(color) {
 			];
 			break;
 		}
+		case "okhsv": {
+			components = [
+				result.h ?? 0,
+				result.s,
+				result.v
+			];
+			break;
+		}
 		case "xyz50":
 		case "xyz65": {
 			components = [
@@ -2172,7 +2441,7 @@ function parseColor(color) {
 /** Convert a color token to a Culori color */
 function tokenToCulori(value) {
 	switch (value.colorSpace) {
-		case "a98":
+		case "a98-rgb":
 		case "display-p3":
 		case "prophoto-rgb":
 		case "rec2020":
@@ -2189,39 +2458,35 @@ function tokenToCulori(value) {
 		}
 		case "hsl": {
 			const [h, s, l] = value.components;
+			const maxS = COLORSPACE[value.colorSpace].ranges[1]?.[1] ?? 1;
+			const maxL = COLORSPACE[value.colorSpace].ranges[2]?.[1] ?? 1;
 			return {
 				mode: "hsl",
 				h,
-				s,
-				l,
-				alpha: value.alpha
-			};
-		}
-		case "hsv": {
-			const [h, s, v] = value.components;
-			return {
-				mode: "hsv",
-				h,
-				s,
-				v,
+				s: s / maxS,
+				l: l / maxL,
 				alpha: value.alpha
 			};
 		}
 		case "hwb": {
 			const [h, w, b] = value.components;
+			const maxW = COLORSPACE[value.colorSpace].ranges[1]?.[1] ?? 1;
+			const maxB = COLORSPACE[value.colorSpace].ranges[2]?.[1] ?? 1;
 			return {
 				mode: "hwb",
 				h,
-				w,
-				b,
+				w: w / maxW,
+				b: b / maxB,
 				alpha: value.alpha
 			};
 		}
 		case "lab":
+		case "lab-d65":
 		case "oklab": {
 			const [l, a, b] = value.components;
+			const mode = value.colorSpace === "lab-d65" ? "lab65" : value.colorSpace;
 			return {
-				mode: value.colorSpace,
+				mode,
 				l,
 				a,
 				b,
@@ -2239,28 +2504,119 @@ function tokenToCulori(value) {
 				alpha: value.alpha
 			};
 		}
-		case "xyz-d50": {
-			const [x, y, z] = value.components;
+		case "okhsv": {
+			const [h, s, v] = value.components;
 			return {
-				mode: "xyz50",
-				x,
-				y,
-				z,
+				mode: value.colorSpace,
+				h,
+				s,
+				v,
 				alpha: value.alpha
 			};
 		}
+		case "xyz":
+		case "xyz-d50":
 		case "xyz-d65": {
 			const [x, y, z] = value.components;
 			return {
-				mode: "xyz65",
+				mode: CSS_TO_CULORI[value.colorSpace],
 				x,
 				y,
 				z,
 				alpha: value.alpha
 			};
 		}
+		default: throw new Error(`Invalid colorSpace "${value.colorSpace}". Expected one of ${Object.keys(CSS_TO_CULORI).join(", ")}`);
 	}
 }
+/** Complete list of CSS Module 4 Colorspaces */
+const COLORSPACE = {
+	"a98-rgb": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"display-p3": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	hsl: { ranges: [
+		[0, 360],
+		[0, 100],
+		[0, 100]
+	] },
+	hwb: { ranges: [
+		[0, 360],
+		[0, 100],
+		[0, 100]
+	] },
+	lab: { ranges: [
+		[0, 100],
+		[-125, 125],
+		[-125, 125]
+	] },
+	"lab-d65": { ranges: [
+		[0, 100],
+		[-125, 125],
+		[-125, 125]
+	] },
+	lch: { ranges: [
+		[0, 100],
+		[0, 150],
+		[0, 360]
+	] },
+	oklab: { ranges: [
+		[0, 1],
+		[-.4, .4],
+		[-.4, .4]
+	] },
+	oklch: { ranges: [
+		[0, 1],
+		[0, .4],
+		[0, 360]
+	] },
+	okhsv: { ranges: [
+		[0, 360],
+		[0, 1],
+		[0, 1]
+	] },
+	"prophoto-rgb": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	rec2020: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	srgb: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"srgb-linear": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"xyz-d50": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	xyz: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"xyz-d65": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] }
+};
 /** Turn a string into kebab-case */
 function kebabCase(str) {
 	let output = "";
@@ -2385,11 +2741,11 @@ function wildcardMatch(pattern, 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;
+	var fn$4 = isMatch.bind(null, regexp);
+	fn$4.options = options;
+	fn$4.pattern = pattern;
+	fn$4.regexp = regexp;
+	return fn$4;
 }
 
 //#endregion
@@ -2462,13 +2818,14 @@ function transformColor(token, options) {
 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),
+	hwb: useMode(definition_default$2),
+	lab: useMode(definition_default$3),
+	lab65: useMode(definition_default$4),
 	lch: useMode(definition_default$5),
 	lrgb: useMode(definition_default$6),
 	oklab: useMode(definition_default$7),
 	oklch: useMode(definition_default$8),
+	okhsv: useMode(modeOkhsv_default),
 	p3: useMode(definition_default$9),
 	prophoto: useMode(definition_default$10),
 	rec2020: useMode(definition_default$11),
@@ -2483,13 +2840,19 @@ const converters = {
 * we’re just preserving the original colorspace.
 */
 function downsample($value, culoriColor) {
+	if (!($value.colorSpace in CSS_TO_CULORI)) throw new Error(`Invalid colorSpace "${$value.colorSpace}". Expected one of: ${Object.keys(CSS_TO_CULORI).join(", ")}`);
 	const conversionSpace = CSS_TO_CULORI[$value.colorSpace] || "oklab";
-	const converter$1 = converters[conversionSpace];
+	let gamutSpace = conversionSpace;
+	if (gamutSpace === "lab" || gamutSpace === "lab65") gamutSpace = "lch";
+	else if (gamutSpace === "oklab") gamutSpace = "oklch";
+	const srgb = converters[conversionSpace](toGamut("rgb", gamutSpace)(culoriColor));
+	const p3 = converters[conversionSpace](toGamut("p3", gamutSpace)(culoriColor));
+	const rec2020 = converters[conversionSpace](toGamut("rec2020", gamutSpace)(culoriColor));
 	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)))
+		srgb: formatCss(srgb),
+		p3: formatCss(p3),
+		rec2020: formatCss(rec2020)
 	};
 }
 /** Convert dimension value to CSS */
@@ -2746,7 +3109,7 @@ function _printRule(rule) {
 	}
 	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};`);
+	for (const [k$3, v] of declarations) output.push(`${indent}${k$3}: ${v};`);
 	while (indent !== "") {
 		indent = indent.substring(0, indent.length - 2);
 		output.push(`${indent}}`);
@@ -2841,7 +3204,7 @@ function generateUtilityCSS(groups, tokens) {
 					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 });
+						for (const k$3 of Object.keys(token.value)) declarations[k$3] = makeCSSVar(`${token.localID ?? token.token.id}-${k$3}`, { wrapVar: true });
 						output.push({
 							selectors: [selector],
 							declarations