@terrazzo/plugin-css 0.10.1 → 0.10.3

package/dist/index.js

@@ -211,12 +211,12 @@ 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 + "$");
+const rx_num_per_none = /* @__PURE__ */ new RegExp("^" + num_per_none + "$");
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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 rgb_num_old = /* @__PURE__ */ new RegExp(`^rgba?\\(\\s*${num$1}${c}${num$1}${c}${num$1}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+const rgb_per_old = /* @__PURE__ */ new RegExp(`^rgba?\\(\\s*${per}${c}${per}${c}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 const parseRgbLegacy = (color) => {
 	let res = { mode: "rgb" };
 	let match;
@@ -255,28 +255,28 @@ const modes = {};
 const parsers = [];
 const colorProfiles = {};
 const identity = (v) => v;
-const useMode = (definition$16) => {
-	converters$1[definition$16.mode] = {
-		...converters$1[definition$16.mode],
-		...definition$16.toMode
+const useMode = (definition$28) => {
+	converters$1[definition$28.mode] = {
+		...converters$1[definition$28.mode],
+		...definition$28.toMode
 	};
-	Object.keys(definition$16.fromMode || {}).forEach((k$3) => {
+	Object.keys(definition$28.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];
+		converters$1[k$3][definition$28.mode] = definition$28.fromMode[k$3];
 	});
-	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;
+	if (!definition$28.ranges) definition$28.ranges = {};
+	if (!definition$28.difference) definition$28.difference = {};
+	definition$28.channels.forEach((channel) => {
+		if (definition$28.ranges[channel] === void 0) definition$28.ranges[channel] = [0, 1];
+		if (!definition$28.interpolate[channel]) throw new Error(`Missing interpolator for: ${channel}`);
+		if (typeof definition$28.interpolate[channel] === "function") definition$28.interpolate[channel] = { use: definition$28.interpolate[channel] };
+		if (!definition$28.interpolate[channel].fixup) definition$28.interpolate[channel].fixup = identity;
 	});
-	modes[definition$16.mode] = definition$16;
-	(definition$16.parse || []).forEach((parser) => {
-		useParser(parser, definition$16.mode);
+	modes[definition$28.mode] = definition$28;
+	(definition$28.parse || []).forEach((parser) => {
+		useParser(parser, definition$28.mode);
 	});
-	return converter_default(definition$16.mode);
+	return converter_default(definition$28.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.2/node_modules/culori/src/rgb/definition.js
-const definition$15 = {
+const definition$27 = {
 	mode: "rgb",
 	channels: [
 		"r",
@@ -653,22 +653,22 @@ const definition$15 = {
 		b: 0
 	}
 };
-var definition_default$12 = definition$15;
+var definition_default$12 = definition$27;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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);
+const convertA98ToXyz65 = (a98$2) => {
+	let r$1 = linearize$2(a98$2.r);
+	let g = linearize$2(a98$2.g);
+	let b = linearize$2(a98$2.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;
+	if (a98$2.alpha !== void 0) res.alpha = a98$2.alpha;
 	return res;
 };
 var convertA98ToXyz65_default = convertA98ToXyz65;
@@ -694,9 +694,9 @@ var convertXyz65ToA98_default = convertXyz65ToA98;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lrgb/convertRgbToLrgb.js
 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);
+	const abs$1 = Math.abs(c$1);
+	if (abs$1 <= .04045) return c$1 / 12.92;
+	return (Math.sign(c$1) || 1) * Math.pow((abs$1 + .055) / 1.055, 2.4);
 };
 const convertRgbToLrgb = ({ r: r$1, g, b, alpha }) => {
 	let res = {
@@ -712,8 +712,8 @@ var convertRgbToLrgb_default = convertRgbToLrgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz65/convertRgbToXyz65.js
-const convertRgbToXyz65 = (rgb$2) => {
-	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+const convertRgbToXyz65 = (rgb$4) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$4);
 	let res = {
 		mode: "xyz65",
 		x: .4123907992659593 * r$1 + .357584339383878 * g + .1804807884018343 * b,
@@ -728,8 +728,8 @@ var convertRgbToXyz65_default = convertRgbToXyz65;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lrgb/convertLrgbToRgb.js
 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);
+	const abs$1 = Math.abs(c$1);
+	if (abs$1 > .0031308) return (Math.sign(c$1) || 1) * (1.055 * Math.pow(abs$1, 1 / 2.4) - .055);
 	return c$1 * 12.92;
 };
 const convertLrgbToRgb = ({ r: r$1, g, b, alpha }, mode = "rgb") => {
@@ -762,7 +762,7 @@ var convertXyz65ToRgb_default = convertXyz65ToRgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/a98/definition.js
-const definition$14 = {
+const definition$26 = {
 	...definition_default$12,
 	mode: "a98",
 	parse: ["a98-rgb"],
@@ -776,7 +776,7 @@ const definition$14 = {
 		xyz65: convertA98ToXyz65_default
 	}
 };
-var definition_default = definition$14;
+var definition_default = definition$26;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/util/normalizeHue.js
@@ -852,13 +852,13 @@ 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 M$1 = 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)
+		s: M$1 === m ? 0 : (M$1 - m) / (1 - Math.abs(M$1 + m - 1)),
+		l: .5 * (M$1 + 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 (M$1 - m !== 0) res.h = (M$1 === r$1 ? (g - b) / (M$1 - m) + (g < b) * 6 : M$1 === g ? (b - r$1) / (M$1 - m) + 2 : (r$1 - g) / (M$1 - m) + 4) * 60;
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
@@ -877,7 +877,7 @@ var hue_default = hueToDeg;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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 hsl_old = /* @__PURE__ */ 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;
@@ -997,7 +997,7 @@ const averageAngle = (val) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsl/definition.js
-const definition$13 = {
+const definition$25 = {
 	mode: "hsl",
 	toMode: { rgb: convertHslToRgb },
 	fromMode: { rgb: convertRgbToHsl },
@@ -1026,7 +1026,7 @@ const definition$13 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$1 = definition$13;
+var definition_default$1 = definition$25;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsv/convertHsvToRgb.js
@@ -1096,20 +1096,20 @@ 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 M$1 = 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
+		s: M$1 === 0 ? 0 : 1 - m / M$1,
+		v: M$1
 	};
-	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 (M$1 - m !== 0) res.h = (M$1 === r$1 ? (g - b) / (M$1 - m) + (g < b) * 6 : M$1 === g ? (b - r$1) / (M$1 - m) + 2 : (r$1 - g) / (M$1 - m) + 4) * 60;
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsv/definition.js
-const definition$12 = {
+const definition$24 = {
 	mode: "hsv",
 	toMode: { rgb: convertHsvToRgb },
 	parse: ["--hsv"],
@@ -1138,7 +1138,7 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$15 = definition$12;
+var definition_default$19 = definition$24;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hwb/convertHwbToRgb.js
@@ -1161,17 +1161,17 @@ function convertHwbToRgb({ h, w, b, alpha }) {
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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 hsv$2 = convertRgbToHsv(rgba);
+	if (hsv$2 === void 0) return void 0;
+	let s = hsv$2.s !== void 0 ? hsv$2.s : 0;
+	let v = hsv$2.v !== void 0 ? hsv$2.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;
+	if (hsv$2.h !== void 0) res.h = hsv$2.h;
+	if (hsv$2.alpha !== void 0) res.alpha = hsv$2.alpha;
 	return res;
 }
 
@@ -1200,7 +1200,7 @@ var parseHwb_default = ParseHwb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hwb/definition.js
-const definition$11 = {
+const definition$23 = {
 	mode: "hwb",
 	toMode: { rgb: convertHwbToRgb },
 	fromMode: { rgb: convertRgbToHwb },
@@ -1229,12 +1229,12 @@ const definition$11 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$11;
+var definition_default$2 = definition$23;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz50/constants.js
-const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
-const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
+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.2/node_modules/culori/src/constants.js
@@ -1253,7 +1253,7 @@ const e$2 = Math.pow(6, 3) / Math.pow(29, 3);
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab/convertLabToXyz50.js
-let fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$1;
+let fn$1 = (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;
@@ -1290,13 +1290,13 @@ var convertXyz50ToRgb_default = convertXyz50ToRgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab/convertLabToRgb.js
-const convertLabToRgb = (lab) => convertXyz50ToRgb_default(convertLabToXyz50_default(lab));
+const convertLabToRgb = (lab$2) => convertXyz50ToRgb_default(convertLabToXyz50_default(lab$2));
 var convertLabToRgb_default = convertLabToRgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz50/convertRgbToXyz50.js
-const convertRgbToXyz50 = (rgb$2) => {
-	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+const convertRgbToXyz50 = (rgb$4) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$4);
 	let res = {
 		mode: "xyz50",
 		x: .436065742824811 * r$1 + .3851514688337912 * g + .14307845442264197 * b,
@@ -1310,7 +1310,7 @@ var convertRgbToXyz50_default = convertRgbToXyz50;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab/convertXyz50ToLab.js
-const f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$1 * value + 16) / 116;
+const f$1 = (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;
@@ -1331,9 +1331,9 @@ var convertXyz50ToLab_default = convertXyz50ToLab;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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;
+const convertRgbToLab = (rgb$4) => {
+	let res = convertXyz50ToLab_default(convertRgbToXyz50_default(rgb$4));
+	if (rgb$4.r === rgb$4.b && rgb$4.b === rgb$4.g) res.a = res.b = 0;
 	return res;
 };
 var convertRgbToLab_default = convertRgbToLab;
@@ -1355,7 +1355,7 @@ var parseLab_default = parseLab;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab/definition.js
-const definition$10 = {
+const definition$22 = {
 	mode: "lab",
 	toMode: {
 		xyz50: convertLabToXyz50_default,
@@ -1388,16 +1388,16 @@ const definition$10 = {
 		}
 	}
 };
-var definition_default$3 = definition$10;
+var definition_default$3 = definition$22;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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);
+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.2/node_modules/culori/src/lab65/convertLab65ToXyz65.js
-let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+let fn = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$1;
 const convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -1418,12 +1418,12 @@ var convertLab65ToXyz65_default = convertLab65ToXyz65;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab65/convertLab65ToRgb.js
-const convertLab65ToRgb = (lab) => convertXyz65ToRgb_default(convertLab65ToXyz65_default(lab));
+const convertLab65ToRgb = (lab$2) => convertXyz65ToRgb_default(convertLab65ToXyz65_default(lab$2));
 var convertLab65ToRgb_default = convertLab65ToRgb;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab65/convertXyz65ToLab65.js
-const f = (value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116;
+const f = (value) => value > e$1 ? Math.cbrt(value) : (k$1 * value + 16) / 116;
 const convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -1444,16 +1444,16 @@ var convertXyz65ToLab65_default = convertXyz65ToLab65;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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;
+const convertRgbToLab65 = (rgb$4) => {
+	let res = convertXyz65ToLab65_default(convertRgbToXyz65_default(rgb$4));
+	if (rgb$4.r === rgb$4.b && rgb$4.b === rgb$4.g) res.a = res.b = 0;
 	return res;
 };
 var convertRgbToLab65_default = convertRgbToLab65;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab65/definition.js
-const definition$9 = {
+const definition$21 = {
 	...definition_default$3,
 	mode: "lab65",
 	parse: ["--lab-d65"],
@@ -1472,7 +1472,7 @@ const definition$9 = {
 		b: [-125, 125]
 	}
 };
-var definition_default$4 = definition$9;
+var definition_default$4 = definition$21;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lch/convertLabToLch.js
@@ -1528,7 +1528,7 @@ var parseLch_default = parseLch;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lch/definition.js
-const definition$8 = {
+const definition$20 = {
 	mode: "lch",
 	toMode: {
 		lab: convertLchToLab_default,
@@ -1566,11 +1566,34 @@ const definition$8 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
-var definition_default$5 = definition$8;
+var definition_default$5 = definition$20;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lch65/definition.js
+const definition$19 = {
+	...definition_default$5,
+	mode: "lch65",
+	parse: ["--lch-d65"],
+	serialize: "--lch-d65",
+	toMode: {
+		lab65: (c$1) => convertLchToLab_default(c$1, "lab65"),
+		rgb: (c$1) => convertLab65ToRgb_default(convertLchToLab_default(c$1, "lab65"))
+	},
+	fromMode: {
+		rgb: (c$1) => convertLabToLch_default(convertRgbToLab65_default(c$1), "lch65"),
+		lab65: (c$1) => convertLabToLch_default(c$1, "lch65")
+	},
+	ranges: {
+		l: [0, 100],
+		c: [0, 150],
+		h: [0, 360]
+	}
+};
+var definition_default$23 = definition$19;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lrgb/definition.js
-const definition$7 = {
+const definition$18 = {
 	...definition_default$12,
 	mode: "lrgb",
 	toMode: { rgb: convertLrgbToRgb_default },
@@ -1578,7 +1601,7 @@ const definition$7 = {
 	parse: ["srgb-linear"],
 	serialize: "srgb-linear"
 };
-var definition_default$6 = definition$7;
+var definition_default$6 = definition$18;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklab/convertOklabToLrgb.js
@@ -1587,13 +1610,13 @@ const convertOklabToLrgb = ({ l, a, b, alpha }) => {
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
 	let L = Math.pow(l + .3963377773761749 * a + .2158037573099136 * b, 3);
-	let M = Math.pow(l - .1055613458156586 * a - .0638541728258133 * b, 3);
+	let M$1 = Math.pow(l - .1055613458156586 * a - .0638541728258133 * b, 3);
 	let S = Math.pow(l - .0894841775298119 * a - 1.2914855480194092 * b, 3);
 	let res = {
 		mode: "lrgb",
-		r: 4.076741636075957 * L - 3.3077115392580616 * M + .2309699031821044 * S,
-		g: -1.2684379732850317 * L + 2.6097573492876887 * M - .3413193760026573 * S,
-		b: -.0041960761386756 * L - .7034186179359362 * M + 1.7076146940746117 * S
+		r: 4.076741636075957 * L - 3.3077115392580616 * M$1 + .2309699031821044 * S,
+		g: -1.2684379732850317 * L + 2.6097573492876887 * M$1 - .3413193760026573 * S,
+		b: -.0041960761386756 * L - .7034186179359362 * M$1 + 1.7076146940746117 * S
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1607,13 +1630,13 @@ const convertLrgbToOklab = ({ r: r$1, g, b, alpha }) => {
 	if (g === void 0) g = 0;
 	if (b === void 0) b = 0;
 	let L = Math.cbrt(.412221469470763 * r$1 + .5363325372617348 * g + .0514459932675022 * b);
-	let M = Math.cbrt(.2119034958178252 * r$1 + .6806995506452344 * g + .1073969535369406 * b);
+	let M$1 = Math.cbrt(.2119034958178252 * r$1 + .6806995506452344 * g + .1073969535369406 * b);
 	let S = Math.cbrt(.0883024591900564 * r$1 + .2817188391361215 * g + .6299787016738222 * b);
 	let res = {
 		mode: "oklab",
-		l: .210454268309314 * L + .7936177747023054 * M - .0040720430116193 * S,
-		a: 1.9779985324311684 * L - 2.42859224204858 * M + .450593709617411 * S,
-		b: .0259040424655478 * L + .7827717124575296 * M - .8086757549230774 * S
+		l: .210454268309314 * L + .7936177747023054 * M$1 - .0040720430116193 * S,
+		a: 1.9779985324311684 * L - 2.42859224204858 * M$1 + .450593709617411 * S,
+		b: .0259040424655478 * L + .7827717124575296 * M$1 - .8086757549230774 * S
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1622,9 +1645,9 @@ var convertLrgbToOklab_default = convertLrgbToOklab;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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;
+const convertRgbToOklab = (rgb$4) => {
+	let res = convertLrgbToOklab_default(convertRgbToLrgb_default(rgb$4));
+	if (rgb$4.r === rgb$4.b && rgb$4.b === rgb$4.g) res.a = res.b = 0;
 	return res;
 };
 var convertRgbToOklab_default = convertRgbToOklab;
@@ -1651,7 +1674,7 @@ var parseOklab_default = parseOklab;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklab/definition.js
-const definition$6 = {
+const definition$17 = {
 	...definition_default$3,
 	mode: "oklab",
 	toMode: {
@@ -1670,7 +1693,7 @@ const definition$6 = {
 	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;
+var definition_default$7 = definition$17;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklch/parseOklch.js
@@ -1694,7 +1717,7 @@ var parseOklch_default = parseOklch;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklch/definition.js
-const definition$5 = {
+const definition$16 = {
 	...definition_default$5,
 	mode: "oklch",
 	toMode: {
@@ -1713,12 +1736,12 @@ const definition$5 = {
 		h: [0, 360]
 	}
 };
-var definition_default$8 = definition$5;
+var definition_default$8 = definition$16;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/p3/convertP3ToXyz65.js
-const convertP3ToXyz65 = (rgb$2) => {
-	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
+const convertP3ToXyz65 = (rgb$4) => {
+	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$4);
 	let res = {
 		mode: "xyz65",
 		x: .486570948648216 * r$1 + .265667693169093 * g + .1982172852343625 * b,
@@ -1748,7 +1771,7 @@ var convertXyz65ToP3_default = convertXyz65ToP3;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/p3/definition.js
-const definition$4 = {
+const definition$15 = {
 	...definition_default$12,
 	mode: "p3",
 	parse: ["display-p3"],
@@ -1762,13 +1785,13 @@ const definition$4 = {
 		xyz65: convertP3ToXyz65_default
 	}
 };
-var definition_default$9 = definition$4;
+var definition_default$9 = definition$15;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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);
+	let abs$1 = Math.abs(v);
+	if (abs$1 >= 1 / 512) return Math.sign(v) * Math.pow(abs$1, 1 / 1.8);
 	return 16 * v;
 };
 const convertXyz50ToProphoto = ({ x, y, z, alpha }) => {
@@ -1789,28 +1812,28 @@ var convertXyz50ToProphoto_default = convertXyz50ToProphoto;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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);
+	let abs$1 = Math.abs(v);
+	if (abs$1 >= 16 / 512) return Math.sign(v) * Math.pow(abs$1, 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);
+const convertProphotoToXyz50 = (prophoto$2) => {
+	let r$1 = linearize$1(prophoto$2.r);
+	let g = linearize$1(prophoto$2.g);
+	let b = linearize$1(prophoto$2.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;
+	if (prophoto$2.alpha !== void 0) res.alpha = prophoto$2.alpha;
 	return res;
 };
 var convertProphotoToXyz50_default = convertProphotoToXyz50;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/prophoto/definition.js
-const definition$3 = {
+const definition$14 = {
 	...definition_default$12,
 	mode: "prophoto",
 	parse: ["prophoto-rgb"],
@@ -1824,15 +1847,15 @@ const definition$3 = {
 		rgb: (color) => convertXyz50ToRgb_default(convertProphotoToXyz50_default(color))
 	}
 };
-var definition_default$10 = definition$3;
+var definition_default$10 = definition$14;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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));
+	const abs$1 = Math.abs(v);
+	if (abs$1 > β$1) return (Math.sign(v) || 1) * (α$1 * Math.pow(abs$1, .45) - (α$1 - 1));
 	return 4.5 * v;
 };
 const convertXyz65ToRec2020 = ({ x, y, z, alpha }) => {
@@ -1855,28 +1878,28 @@ var convertXyz65ToRec2020_default = convertXyz65ToRec2020;
 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 abs$1 = Math.abs(v);
+	if (abs$1 < β * 4.5) return v / 4.5;
+	return (Math.sign(v) || 1) * Math.pow((abs$1 + α - 1) / α, 1 / .45);
+};
+const convertRec2020ToXyz65 = (rec2020$2) => {
+	let r$1 = linearize(rec2020$2.r);
+	let g = linearize(rec2020$2.g);
+	let b = linearize(rec2020$2.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;
+	if (rec2020$2.alpha !== void 0) res.alpha = rec2020$2.alpha;
 	return res;
 };
 var convertRec2020ToXyz65_default = convertRec2020ToXyz65;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/rec2020/definition.js
-const definition$2 = {
+const definition$13 = {
 	...definition_default$12,
 	mode: "rec2020",
 	fromMode: {
@@ -1890,117 +1913,934 @@ const definition$2 = {
 	parse: ["rec2020"],
 	serialize: "rec2020"
 };
-var definition_default$11 = definition$2;
+var definition_default$11 = definition$13;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz50/definition.js
+const definition$12 = {
+	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$12;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz65/convertXyz65ToXyz50.js
+const convertXyz65ToXyz50 = (xyz65$2) => {
+	let { x, y, z, alpha } = xyz65$2;
+	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.2/node_modules/culori/src/xyz65/convertXyz50ToXyz65.js
+const convertXyz50ToXyz65 = (xyz50$2) => {
+	let { x, y, z, alpha } = xyz50$2;
+	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.2/node_modules/culori/src/xyz65/definition.js
+const definition$11 = {
+	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$11;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/bootstrap/css.js
+const a98$1 = useMode(definition_default);
+const hsl$2 = useMode(definition_default$1);
+const hsv$1 = useMode(definition_default$19);
+const hwb$1 = useMode(definition_default$2);
+const lab$1 = useMode(definition_default$3);
+const lab65$1 = useMode(definition_default$4);
+const lch$1 = useMode(definition_default$5);
+const lch65$1 = useMode(definition_default$23);
+const lrgb$1 = useMode(definition_default$6);
+const oklab$1 = useMode(definition_default$7);
+const oklch$1 = useMode(definition_default$8);
+const p3$1 = useMode(definition_default$9);
+const prophoto$1 = useMode(definition_default$10);
+const rec2020$1 = useMode(definition_default$11);
+const rgb$3 = useMode(definition_default$12);
+const xyz50$1 = useMode(definition_default$13);
+const xyz65$1 = useMode(definition_default$14);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/cubehelix/constants.js
+const M = [
+	-.14861,
+	1.78277,
+	-.29227,
+	-.90649,
+	1.97294,
+	0
+];
+const degToRad = Math.PI / 180;
+const radToDeg = 180 / Math.PI;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/cubehelix/convertRgbToCubehelix.js
+let DE = M[3] * M[4];
+let BE = M[1] * M[4];
+let BCAD = M[1] * M[2] - M[0] * M[3];
+const convertRgbToCubehelix = ({ 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 = (BCAD * b + r$1 * DE - g * BE) / (BCAD + DE - BE);
+	let x = b - l;
+	let y = (M[4] * (g - l) - M[2] * x) / M[3];
+	let res = {
+		mode: "cubehelix",
+		l,
+		s: l === 0 || l === 1 ? void 0 : Math.sqrt(x * x + y * y) / (M[4] * l * (1 - l))
+	};
+	if (res.s) res.h = Math.atan2(y, x) * radToDeg - 120;
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToCubehelix_default = convertRgbToCubehelix;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/cubehelix/convertCubehelixToRgb.js
+const convertCubehelixToRgb = ({ h, s, l, alpha }) => {
+	let res = { mode: "rgb" };
+	h = (h === void 0 ? 0 : h + 120) * degToRad;
+	if (l === void 0) l = 0;
+	let amp = s === void 0 ? 0 : s * l * (1 - l);
+	let cosh = Math.cos(h);
+	let sinh = Math.sin(h);
+	res.r = l + amp * (M[0] * cosh + M[1] * sinh);
+	res.g = l + amp * (M[2] * cosh + M[3] * sinh);
+	res.b = l + amp * (M[4] * cosh + M[5] * sinh);
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertCubehelixToRgb_default = convertCubehelixToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/cubehelix/definition.js
+const definition$10 = {
+	mode: "cubehelix",
+	channels: [
+		"h",
+		"s",
+		"l",
+		"alpha"
+	],
+	parse: ["--cubehelix"],
+	serialize: "--cubehelix",
+	ranges: {
+		h: [0, 360],
+		s: [0, 4.614],
+		l: [0, 1]
+	},
+	fromMode: { rgb: convertRgbToCubehelix_default },
+	toMode: { rgb: convertCubehelixToRgb_default },
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		s: interpolatorLinear,
+		l: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueSaturation },
+	average: { h: averageAngle }
+};
+var definition_default$15 = definition$10;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/dlch/constants.js
+const kE = 1;
+const kCH = 1;
+const θ = 26 / 180 * Math.PI;
+const cosθ = Math.cos(θ);
+const sinθ = Math.sin(θ);
+const factor = 100 / Math.log(139 / 100);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/dlch/convertDlchToLab65.js
+const convertDlchToLab65 = ({ l, c: c$1, h, alpha }) => {
+	if (l === void 0) l = 0;
+	if (c$1 === void 0) c$1 = 0;
+	if (h === void 0) h = 0;
+	let res = {
+		mode: "lab65",
+		l: (Math.exp(l * kE / factor) - 1) / .0039
+	};
+	let G = (Math.exp(.0435 * c$1 * kCH * kE) - 1) / .075;
+	let e$3 = G * Math.cos(h / 180 * Math.PI - θ);
+	let f$2 = G * Math.sin(h / 180 * Math.PI - θ);
+	res.a = e$3 * cosθ - f$2 / .83 * sinθ;
+	res.b = e$3 * sinθ + f$2 / .83 * cosθ;
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertDlchToLab65_default = convertDlchToLab65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/dlch/convertLab65ToDlch.js
+const convertLab65ToDlch = ({ l, a, b, alpha }) => {
+	if (l === void 0) l = 0;
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let e$3 = a * cosθ + b * sinθ;
+	let f$2 = .83 * (b * cosθ - a * sinθ);
+	let G = Math.sqrt(e$3 * e$3 + f$2 * f$2);
+	let res = {
+		mode: "dlch",
+		l: factor / kE * Math.log(1 + .0039 * l),
+		c: Math.log(1 + .075 * G) / (.0435 * kCH * kE)
+	};
+	if (res.c) res.h = normalizeHue_default((Math.atan2(f$2, e$3) + θ) / Math.PI * 180);
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLab65ToDlch_default = convertLab65ToDlch;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/dlab/definition.js
+const convertDlabToLab65 = (c$1) => convertDlchToLab65_default(convertLabToLch_default(c$1, "dlch"));
+const convertLab65ToDlab = (c$1) => convertLchToLab_default(convertLab65ToDlch_default(c$1), "dlab");
+const definition$9 = {
+	mode: "dlab",
+	parse: ["--din99o-lab"],
+	serialize: "--din99o-lab",
+	toMode: {
+		lab65: convertDlabToLab65,
+		rgb: (c$1) => convertLab65ToRgb_default(convertDlabToLab65(c$1))
+	},
+	fromMode: {
+		lab65: convertLab65ToDlab,
+		rgb: (c$1) => convertLab65ToDlab(convertRgbToLab65_default(c$1))
+	},
+	channels: [
+		"l",
+		"a",
+		"b",
+		"alpha"
+	],
+	ranges: {
+		l: [0, 100],
+		a: [-40.09, 45.501],
+		b: [-40.469, 44.344]
+	},
+	interpolate: {
+		l: interpolatorLinear,
+		a: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$16 = definition$9;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/dlch/definition.js
+const definition$8 = {
+	mode: "dlch",
+	parse: ["--din99o-lch"],
+	serialize: "--din99o-lch",
+	toMode: {
+		lab65: convertDlchToLab65_default,
+		dlab: (c$1) => convertLchToLab_default(c$1, "dlab"),
+		rgb: (c$1) => convertLab65ToRgb_default(convertDlchToLab65_default(c$1))
+	},
+	fromMode: {
+		lab65: convertLab65ToDlch_default,
+		dlab: (c$1) => convertLabToLch_default(c$1, "dlch"),
+		rgb: (c$1) => convertLab65ToDlch_default(convertRgbToLab65_default(c$1))
+	},
+	channels: [
+		"l",
+		"c",
+		"h",
+		"alpha"
+	],
+	ranges: {
+		l: [0, 100],
+		c: [0, 51.484],
+		h: [0, 360]
+	},
+	interpolate: {
+		l: interpolatorLinear,
+		c: interpolatorLinear,
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueChroma },
+	average: { h: averageAngle }
+};
+var definition_default$17 = definition$8;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsi/convertHsiToRgb.js
+function convertHsiToRgb({ h, s, i, alpha }) {
+	h = normalizeHue_default(h !== void 0 ? h : 0);
+	if (s === void 0) s = 0;
+	if (i === void 0) i = 0;
+	let f$2 = Math.abs(h / 60 % 2 - 1);
+	let res;
+	switch (Math.floor(h / 60)) {
+		case 0:
+			res = {
+				r: i * (1 + s * (3 / (2 - f$2) - 1)),
+				g: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1)),
+				b: i * (1 - s)
+			};
+			break;
+		case 1:
+			res = {
+				r: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1)),
+				g: i * (1 + s * (3 / (2 - f$2) - 1)),
+				b: i * (1 - s)
+			};
+			break;
+		case 2:
+			res = {
+				r: i * (1 - s),
+				g: i * (1 + s * (3 / (2 - f$2) - 1)),
+				b: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1))
+			};
+			break;
+		case 3:
+			res = {
+				r: i * (1 - s),
+				g: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1)),
+				b: i * (1 + s * (3 / (2 - f$2) - 1))
+			};
+			break;
+		case 4:
+			res = {
+				r: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1)),
+				g: i * (1 - s),
+				b: i * (1 + s * (3 / (2 - f$2) - 1))
+			};
+			break;
+		case 5:
+			res = {
+				r: i * (1 + s * (3 / (2 - f$2) - 1)),
+				g: i * (1 - s),
+				b: i * (1 + s * (3 * (1 - f$2) / (2 - f$2) - 1))
+			};
+			break;
+		default: res = {
+			r: i * (1 - s),
+			g: i * (1 - s),
+			b: i * (1 - s)
+		};
+	}
+	res.mode = "rgb";
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsi/convertRgbToHsi.js
+function convertRgbToHsi({ 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$1 = Math.max(r$1, g, b), m = Math.min(r$1, g, b);
+	let res = {
+		mode: "hsi",
+		s: r$1 + g + b === 0 ? 0 : 1 - 3 * m / (r$1 + g + b),
+		i: (r$1 + g + b) / 3
+	};
+	if (M$1 - m !== 0) res.h = (M$1 === r$1 ? (g - b) / (M$1 - m) + (g < b) * 6 : M$1 === g ? (b - r$1) / (M$1 - m) + 2 : (r$1 - g) / (M$1 - m) + 4) * 60;
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsi/definition.js
+const definition$7 = {
+	mode: "hsi",
+	toMode: { rgb: convertHsiToRgb },
+	parse: ["--hsi"],
+	serialize: "--hsi",
+	fromMode: { rgb: convertRgbToHsi },
+	channels: [
+		"h",
+		"s",
+		"i",
+		"alpha"
+	],
+	ranges: { h: [0, 360] },
+	gamut: "rgb",
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		s: interpolatorLinear,
+		i: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueSaturation },
+	average: { h: averageAngle }
+};
+var definition_default$18 = definition$7;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hdr/constants.js
+const YW = 203;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hdr/transfer.js
+const M1 = .1593017578125;
+const M2 = 78.84375;
+const C1 = .8359375;
+const C2 = 18.8515625;
+const C3 = 18.6875;
+function transferPqDecode(v) {
+	if (v < 0) return 0;
+	const c$1 = Math.pow(v, 1 / M2);
+	return 1e4 * Math.pow(Math.max(0, c$1 - C1) / (C2 - C3 * c$1), 1 / M1);
+}
+function transferPqEncode(v) {
+	if (v < 0) return 0;
+	const c$1 = Math.pow(v / 1e4, M1);
+	return Math.pow((C1 + C2 * c$1) / (1 + C3 * c$1), M2);
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/itp/convertItpToXyz65.js
+const toRel = (c$1) => Math.max(c$1 / YW, 0);
+const convertItpToXyz65 = ({ i, t, p: p$2, alpha }) => {
+	if (i === void 0) i = 0;
+	if (t === void 0) t = 0;
+	if (p$2 === void 0) p$2 = 0;
+	const l = transferPqDecode(i + .008609037037932761 * t + .11102962500302593 * p$2);
+	const m = transferPqDecode(i - .00860903703793275 * t - .11102962500302599 * p$2);
+	const s = transferPqDecode(i + .5600313357106791 * t - .32062717498731885 * p$2);
+	const res = {
+		mode: "xyz65",
+		x: toRel(2.070152218389422 * l - 1.3263473389671556 * m + .2066510476294051 * s),
+		y: toRel(.3647385209748074 * l + .680566024947227 * m - .0453045459220346 * s),
+		z: toRel(-.049747207535812 * l - .0492609666966138 * m + 1.1880659249923042 * s)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertItpToXyz65_default = convertItpToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/itp/convertXyz65ToItp.js
+const toAbs = (c$1 = 0) => Math.max(c$1 * YW, 0);
+const convertXyz65ToItp = ({ x, y, z, alpha }) => {
+	const absX = toAbs(x);
+	const absY = toAbs(y);
+	const absZ = toAbs(z);
+	const l = transferPqEncode(.3592832590121217 * absX + .6976051147779502 * absY - .0358915932320289 * absZ);
+	const m = transferPqEncode(-.1920808463704995 * absX + 1.1004767970374323 * absY + .0753748658519118 * absZ);
+	const s = transferPqEncode(.0070797844607477 * absX + .0748396662186366 * absY + .8433265453898765 * absZ);
+	const i = .5 * l + .5 * m;
+	const t = 1.61376953125 * l - 3.323486328125 * m + 1.709716796875 * s;
+	const p$2 = 4.378173828125 * l - 4.24560546875 * m - .132568359375 * s;
+	const res = {
+		mode: "itp",
+		i,
+		t,
+		p: p$2
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToItp_default = convertXyz65ToItp;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/itp/definition.js
+const definition$6 = {
+	mode: "itp",
+	channels: [
+		"i",
+		"t",
+		"p",
+		"alpha"
+	],
+	parse: ["--ictcp"],
+	serialize: "--ictcp",
+	toMode: {
+		xyz65: convertItpToXyz65_default,
+		rgb: (color) => convertXyz65ToRgb_default(convertItpToXyz65_default(color))
+	},
+	fromMode: {
+		xyz65: convertXyz65ToItp_default,
+		rgb: (color) => convertXyz65ToItp_default(convertRgbToXyz65_default(color))
+	},
+	ranges: {
+		i: [0, .581],
+		t: [-.369, .272],
+		p: [-.164, .331]
+	},
+	interpolate: {
+		i: interpolatorLinear,
+		t: interpolatorLinear,
+		p: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$20 = definition$6;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jab/convertXyz65ToJab.js
+const p$1 = 134.03437499999998;
+const d0$1 = 16295499532821565e-27;
+const jabPqEncode = (v) => {
+	if (v < 0) return 0;
+	let vn$2 = Math.pow(v / 1e4, M1);
+	return Math.pow((C1 + C2 * vn$2) / (1 + C3 * vn$2), p$1);
+};
+const abs = (v = 0) => Math.max(v * 203, 0);
+const convertXyz65ToJab = ({ x, y, z, alpha }) => {
+	x = abs(x);
+	y = abs(y);
+	z = abs(z);
+	let xp = 1.15 * x - .15 * z;
+	let yp = .66 * y + .34 * x;
+	let l = jabPqEncode(.41478972 * xp + .579999 * yp + .014648 * z);
+	let m = jabPqEncode(-.20151 * xp + 1.120649 * yp + .0531008 * z);
+	let s = jabPqEncode(-.0166008 * xp + .2648 * yp + .6684799 * z);
+	let i = (l + m) / 2;
+	let res = {
+		mode: "jab",
+		j: .44 * i / (1 - .56 * i) - d0$1,
+		a: 3.524 * l - 4.066708 * m + .542708 * s,
+		b: .199076 * l + 1.096799 * m - 1.295875 * s
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToJab_default = convertXyz65ToJab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jab/convertJabToXyz65.js
+const p = 134.03437499999998;
+const d0 = 16295499532821565e-27;
+const jabPqDecode = (v) => {
+	if (v < 0) return 0;
+	let vp = Math.pow(v, 1 / p);
+	return 1e4 * Math.pow((C1 - vp) / (C3 * vp - C2), 1 / M1);
+};
+const rel = (v) => v / 203;
+const convertJabToXyz65 = ({ j, a, b, alpha }) => {
+	if (j === void 0) j = 0;
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let i = (j + d0) / (.44 + .56 * (j + d0));
+	let l = jabPqDecode(i + .13860504 * a + .058047316 * b);
+	let m = jabPqDecode(i - .13860504 * a - .058047316 * b);
+	let s = jabPqDecode(i - .096019242 * a - .8118919 * b);
+	let res = {
+		mode: "xyz65",
+		x: rel(1.661373024652174 * l - .914523081304348 * m + .23136208173913045 * s),
+		y: rel(-.3250758611844533 * l + 1.571847026732543 * m - .21825383453227928 * s),
+		z: rel(-.090982811 * l - .31272829 * m + 1.5227666 * s)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertJabToXyz65_default = convertJabToXyz65;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jab/convertRgbToJab.js
+const convertRgbToJab = (rgb$4) => {
+	let res = convertXyz65ToJab_default(convertRgbToXyz65_default(rgb$4));
+	if (rgb$4.r === rgb$4.b && rgb$4.b === rgb$4.g) res.a = res.b = 0;
+	return res;
+};
+var convertRgbToJab_default = convertRgbToJab;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jab/convertJabToRgb.js
+const convertJabToRgb = (color) => convertXyz65ToRgb_default(convertJabToXyz65_default(color));
+var convertJabToRgb_default = convertJabToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jab/definition.js
+const definition$5 = {
+	mode: "jab",
+	channels: [
+		"j",
+		"a",
+		"b",
+		"alpha"
+	],
+	parse: ["--jzazbz"],
+	serialize: "--jzazbz",
+	fromMode: {
+		rgb: convertRgbToJab_default,
+		xyz65: convertXyz65ToJab_default
+	},
+	toMode: {
+		rgb: convertJabToRgb_default,
+		xyz65: convertJabToXyz65_default
+	},
+	ranges: {
+		j: [0, .222],
+		a: [-.109, .129],
+		b: [-.185, .134]
+	},
+	interpolate: {
+		j: interpolatorLinear,
+		a: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$21 = definition$5;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jch/convertJabToJch.js
+const convertJabToJch = ({ j, a, b, alpha }) => {
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let c$1 = Math.sqrt(a * a + b * b);
+	let res = {
+		mode: "jch",
+		j,
+		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 convertJabToJch_default = convertJabToJch;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jch/convertJchToJab.js
+const convertJchToJab = ({ j, c: c$1, h, alpha }) => {
+	if (h === void 0) h = 0;
+	let res = {
+		mode: "jab",
+		j,
+		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 convertJchToJab_default = convertJchToJab;
 
 //#endregion
-//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz50/definition.js
-const definition$1 = {
-	mode: "xyz50",
-	parse: ["xyz-d50"],
-	serialize: "xyz-d50",
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/jch/definition.js
+const definition$4 = {
+	mode: "jch",
+	parse: ["--jzczhz"],
+	serialize: "--jzczhz",
 	toMode: {
-		rgb: convertXyz50ToRgb_default,
-		lab: convertXyz50ToLab_default
+		jab: convertJchToJab_default,
+		rgb: (c$1) => convertJabToRgb_default(convertJchToJab_default(c$1))
 	},
 	fromMode: {
-		rgb: convertRgbToXyz50_default,
-		lab: convertLabToXyz50_default
+		rgb: (c$1) => convertJabToJch_default(convertRgbToJab_default(c$1)),
+		jab: convertJabToJch_default
 	},
 	channels: [
-		"x",
-		"y",
-		"z",
+		"j",
+		"c",
+		"h",
 		"alpha"
 	],
 	ranges: {
-		x: [0, .964],
-		y: [0, .999],
-		z: [0, .825]
+		j: [0, .221],
+		c: [0, .19],
+		h: [0, 360]
 	},
 	interpolate: {
-		x: interpolatorLinear,
-		y: interpolatorLinear,
-		z: interpolatorLinear,
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		c: interpolatorLinear,
+		j: interpolatorLinear,
 		alpha: {
 			use: interpolatorLinear,
 			fixup: fixupAlpha
 		}
-	}
+	},
+	difference: { h: differenceHueChroma },
+	average: { h: averageAngle }
 };
-var definition_default$13 = definition$1;
+var definition_default$22 = definition$4;
 
 //#endregion
-//#region ../../node_modules/.pnpm/culori@4.0.2/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;
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lchuv/convertLuvToLchuv.js
+const convertLuvToLchuv = ({ l, u, v, alpha }) => {
+	if (u === void 0) u = 0;
+	if (v === void 0) v = 0;
+	let c$1 = Math.sqrt(u * u + v * v);
 	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
+		mode: "lchuv",
+		l,
+		c: c$1
 	};
+	if (c$1) res.h = normalizeHue_default(Math.atan2(v, u) * 180 / Math.PI);
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
-var convertXyz65ToXyz50_default = convertXyz65ToXyz50;
+var convertLuvToLchuv_default = convertLuvToLchuv;
 
 //#endregion
-//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz65/convertXyz50ToXyz65.js
-const convertXyz50ToXyz65 = (xyz50) => {
-	let { x, y, z, alpha } = xyz50;
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lchuv/convertLchuvToLuv.js
+const convertLchuvToLuv = ({ l, c: c$1, h, alpha }) => {
+	if (h === void 0) h = 0;
+	let res = {
+		mode: "luv",
+		l,
+		u: c$1 ? c$1 * Math.cos(h / 180 * Math.PI) : 0,
+		v: c$1 ? c$1 * Math.sin(h / 180 * Math.PI) : 0
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLchuvToLuv_default = convertLchuvToLuv;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/luv/convertXyz50ToLuv.js
+const u_fn$1 = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
+const v_fn$1 = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
+const un$1 = u_fn$1(D50.X, D50.Y, D50.Z);
+const vn$1 = v_fn$1(D50.X, D50.Y, D50.Z);
+const l_fn = (value) => value <= e ? k * value : 116 * Math.cbrt(value) - 16;
+const convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
 	if (z === void 0) z = 0;
+	let l = l_fn(y / D50.Y);
+	let u = u_fn$1(x, y, z);
+	let v = v_fn$1(x, y, z);
+	if (!isFinite(u) || !isFinite(v)) l = u = v = 0;
+	else {
+		u = 13 * l * (u - un$1);
+		v = 13 * l * (v - vn$1);
+	}
 	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
+		mode: "luv",
+		l,
+		u,
+		v
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
-var convertXyz50ToXyz65_default = convertXyz50ToXyz65;
+var convertXyz50ToLuv_default = convertXyz50ToLuv;
 
 //#endregion
-//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyz65/definition.js
-const definition = {
-	mode: "xyz65",
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/luv/convertLuvToXyz50.js
+const u_fn = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
+const v_fn = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
+const un = u_fn(D50.X, D50.Y, D50.Z);
+const vn = v_fn(D50.X, D50.Y, D50.Z);
+const convertLuvToXyz50 = ({ l, u, v, alpha }) => {
+	if (l === void 0) l = 0;
+	if (l === 0) return {
+		mode: "xyz50",
+		x: 0,
+		y: 0,
+		z: 0
+	};
+	if (u === void 0) u = 0;
+	if (v === void 0) v = 0;
+	let up = u / (13 * l) + un;
+	let vp = v / (13 * l) + vn;
+	let y = D50.Y * (l <= 8 ? l / k : Math.pow((l + 16) / 116, 3));
+	let x = y * (9 * up) / (4 * vp);
+	let z = y * (12 - 3 * up - 20 * vp) / (4 * vp);
+	let res = {
+		mode: "xyz50",
+		x,
+		y,
+		z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLuvToXyz50_default = convertLuvToXyz50;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lchuv/definition.js
+const convertRgbToLchuv = (rgb$4) => convertLuvToLchuv_default(convertXyz50ToLuv_default(convertRgbToXyz50_default(rgb$4)));
+const convertLchuvToRgb = (lchuv$1) => convertXyz50ToRgb_default(convertLuvToXyz50_default(convertLchuvToLuv_default(lchuv$1)));
+const definition$3 = {
+	mode: "lchuv",
 	toMode: {
-		rgb: convertXyz65ToRgb_default,
-		xyz50: convertXyz65ToXyz50_default
+		luv: convertLchuvToLuv_default,
+		rgb: convertLchuvToRgb
 	},
 	fromMode: {
-		rgb: convertRgbToXyz65_default,
-		xyz50: convertXyz50ToXyz65_default
+		rgb: convertRgbToLchuv,
+		luv: convertLuvToLchuv_default
 	},
+	channels: [
+		"l",
+		"c",
+		"h",
+		"alpha"
+	],
+	parse: ["--lchuv"],
+	serialize: "--lchuv",
 	ranges: {
-		x: [0, .95],
-		y: [0, 1],
-		z: [0, 1.088]
+		l: [0, 100],
+		c: [0, 176.956],
+		h: [0, 360]
+	},
+	interpolate: {
+		h: {
+			use: interpolatorLinear,
+			fixup: fixupHueShorter
+		},
+		c: interpolatorLinear,
+		l: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	},
+	difference: { h: differenceHueChroma },
+	average: { h: averageAngle }
+};
+var definition_default$24 = definition$3;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/luv/definition.js
+const definition$2 = {
+	mode: "luv",
+	toMode: {
+		xyz50: convertLuvToXyz50_default,
+		rgb: (luv$1) => convertXyz50ToRgb_default(convertLuvToXyz50_default(luv$1))
+	},
+	fromMode: {
+		xyz50: convertXyz50ToLuv_default,
+		rgb: (rgb$4) => convertXyz50ToLuv_default(convertRgbToXyz50_default(rgb$4))
 	},
 	channels: [
-		"x",
-		"y",
-		"z",
+		"l",
+		"u",
+		"v",
 		"alpha"
 	],
-	parse: ["xyz", "xyz-d65"],
-	serialize: "xyz-d65",
+	parse: ["--luv"],
+	serialize: "--luv",
+	ranges: {
+		l: [0, 100],
+		u: [-84.936, 175.042],
+		v: [-125.882, 87.243]
+	},
 	interpolate: {
-		x: interpolatorLinear,
-		y: interpolatorLinear,
-		z: interpolatorLinear,
+		l: interpolatorLinear,
+		u: interpolatorLinear,
+		v: interpolatorLinear,
 		alpha: {
 			use: interpolatorLinear,
 			fixup: fixupAlpha
 		}
 	}
 };
-var definition_default$14 = definition;
+var definition_default$25 = definition$2;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsl/helpers.js
@@ -2072,28 +2912,199 @@ function compute_max_saturation(a, b) {
 }
 function find_cusp(a, b) {
 	let S_cusp = compute_max_saturation(a, b);
-	let rgb$2 = convertOklabToLrgb_default({
+	let rgb$4 = 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 L_cusp = Math.cbrt(1 / Math.max(rgb$4.r, rgb$4.g, rgb$4.b));
 	let C_cusp = L_cusp * S_cusp;
 	return [L_cusp, C_cusp];
 }
+function find_gamut_intersection(a, b, L1, C1$1, L0, cusp = null) {
+	if (!cusp) cusp = find_cusp(a, b);
+	let t;
+	if ((L1 - L0) * cusp[1] - (cusp[0] - L0) * C1$1 <= 0) t = cusp[1] * L0 / (C1$1 * cusp[0] + cusp[1] * (L0 - L1));
+	else {
+		t = cusp[1] * (L0 - 1) / (C1$1 * (cusp[0] - 1) + cusp[1] * (L0 - L1));
+		{
+			let dL = L1 - L0;
+			let dC = C1$1;
+			let k_l = .3963377774 * a + .2158037573 * b;
+			let k_m = -.1055613458 * a - .0638541728 * b;
+			let k_s = -.0894841775 * a - 1.291485548 * b;
+			let l_dt = dL + dC * k_l;
+			let m_dt = dL + dC * k_m;
+			let s_dt = dL + dC * k_s;
+			{
+				let L = L0 * (1 - t) + t * L1;
+				let C = t * C1$1;
+				let l_ = L + C * k_l;
+				let m_ = L + C * k_m;
+				let s_ = L + C * k_s;
+				let l = l_ * l_ * l_;
+				let m = m_ * m_ * m_;
+				let s = s_ * s_ * s_;
+				let ldt = 3 * l_dt * l_ * l_;
+				let mdt = 3 * m_dt * m_ * m_;
+				let sdt = 3 * s_dt * s_ * s_;
+				let ldt2 = 6 * l_dt * l_dt * l_;
+				let mdt2 = 6 * m_dt * m_dt * m_;
+				let sdt2 = 6 * s_dt * s_dt * s_;
+				let r$1 = 4.0767416621 * l - 3.3077115913 * m + .2309699292 * s - 1;
+				let r1 = 4.0767416621 * ldt - 3.3077115913 * mdt + .2309699292 * sdt;
+				let r2 = 4.0767416621 * ldt2 - 3.3077115913 * mdt2 + .2309699292 * sdt2;
+				let u_r = r1 / (r1 * r1 - .5 * r$1 * r2);
+				let t_r = -r$1 * u_r;
+				let g = -1.2684380046 * l + 2.6097574011 * m - .3413193965 * s - 1;
+				let g1 = -1.2684380046 * ldt + 2.6097574011 * mdt - .3413193965 * sdt;
+				let g2 = -1.2684380046 * ldt2 + 2.6097574011 * mdt2 - .3413193965 * sdt2;
+				let u_g = g1 / (g1 * g1 - .5 * g * g2);
+				let t_g = -g * u_g;
+				let b$1 = -.0041960863 * l - .7034186147 * m + 1.707614701 * s - 1;
+				let b1 = -.0041960863 * ldt - .7034186147 * mdt + 1.707614701 * sdt;
+				let b2 = -.0041960863 * ldt2 - .7034186147 * mdt2 + 1.707614701 * sdt2;
+				let u_b = b1 / (b1 * b1 - .5 * b$1 * b2);
+				let t_b = -b$1 * u_b;
+				t_r = u_r >= 0 ? t_r : 1e6;
+				t_g = u_g >= 0 ? t_g : 1e6;
+				t_b = u_b >= 0 ? t_b : 1e6;
+				t += Math.min(t_r, Math.min(t_g, t_b));
+			}
+		}
+	}
+	return t;
+}
 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)];
 }
+function get_Cs(L, a_, b_) {
+	let cusp = find_cusp(a_, b_);
+	let C_max = find_gamut_intersection(a_, b_, L, 1, L, cusp);
+	let ST_max = get_ST_max(a_, b_, cusp);
+	let S_mid = .11516993 + 1 / (7.4477897 + 4.1590124 * b_ + a_ * (-2.19557347 + 1.75198401 * b_ + a_ * (-2.13704948 - 10.02301043 * b_ + a_ * (-4.24894561 + 5.38770819 * b_ + 4.69891013 * a_))));
+	let T_mid = .11239642 + 1 / (1.6132032 - .68124379 * b_ + a_ * (.40370612 + .90148123 * b_ + a_ * (-.27087943 + .6122399 * b_ + a_ * (.00299215 - .45399568 * b_ - .14661872 * a_))));
+	let k$3 = C_max / Math.min(L * ST_max[0], (1 - L) * ST_max[1]);
+	let C_a = L * S_mid;
+	let C_b = (1 - L) * T_mid;
+	let C_mid = .9 * k$3 * Math.sqrt(Math.sqrt(1 / (1 / (C_a * C_a * C_a * C_a) + 1 / (C_b * C_b * C_b * C_b))));
+	C_a = L * .4;
+	C_b = (1 - L) * .8;
+	let C_0 = Math.sqrt(1 / (1 / (C_a * C_a) + 1 / (C_b * C_b)));
+	return [
+		C_0,
+		C_mid,
+		C_max
+	];
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsl/convertOklabToOkhsl.js
+function convertOklabToOkhsl(lab$2) {
+	const l = lab$2.l !== void 0 ? lab$2.l : 0;
+	const a = lab$2.a !== void 0 ? lab$2.a : 0;
+	const b = lab$2.b !== void 0 ? lab$2.b : 0;
+	const ret = {
+		mode: "okhsl",
+		l: toe(l)
+	};
+	if (lab$2.alpha !== void 0) ret.alpha = lab$2.alpha;
+	let c$1 = Math.sqrt(a * a + b * b);
+	if (!c$1) {
+		ret.s = 0;
+		return ret;
+	}
+	let [C_0, C_mid, C_max] = get_Cs(l, a / c$1, b / c$1);
+	let s;
+	if (c$1 < C_mid) {
+		let k_0 = 0;
+		let k_1 = .8 * C_0;
+		let k_2 = 1 - k_1 / C_mid;
+		let t = (c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0));
+		s = t * .8;
+	} else {
+		let k_0 = C_mid;
+		let k_1 = .2 * C_mid * C_mid * 1.25 * 1.25 / C_0;
+		let k_2 = 1 - k_1 / (C_max - C_mid);
+		let t = (c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0));
+		s = .8 + .2 * t;
+	}
+	if (s) {
+		ret.s = s;
+		ret.h = normalizeHue_default(Math.atan2(b, a) * 180 / Math.PI);
+	}
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsl/convertOkhslToOklab.js
+function convertOkhslToOklab(hsl$3) {
+	let h = hsl$3.h !== void 0 ? hsl$3.h : 0;
+	let s = hsl$3.s !== void 0 ? hsl$3.s : 0;
+	let l = hsl$3.l !== void 0 ? hsl$3.l : 0;
+	const ret = {
+		mode: "oklab",
+		l: toe_inv(l)
+	};
+	if (hsl$3.alpha !== void 0) ret.alpha = hsl$3.alpha;
+	if (!s || l === 1) {
+		ret.a = ret.b = 0;
+		return ret;
+	}
+	let a_ = Math.cos(h / 180 * Math.PI);
+	let b_ = Math.sin(h / 180 * Math.PI);
+	let [C_0, C_mid, C_max] = get_Cs(ret.l, a_, b_);
+	let t, k_0, k_1, k_2;
+	if (s < .8) {
+		t = 1.25 * s;
+		k_0 = 0;
+		k_1 = .8 * C_0;
+		k_2 = 1 - k_1 / C_mid;
+	} else {
+		t = 5 * (s - .8);
+		k_0 = C_mid;
+		k_1 = .2 * C_mid * C_mid * 1.25 * 1.25 / C_0;
+		k_2 = 1 - k_1 / (C_max - C_mid);
+	}
+	let C = k_0 + t * k_1 / (1 - k_2 * t);
+	ret.a = C * a_;
+	ret.b = C * b_;
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsl/modeOkhsl.js
+const modeOkhsl = {
+	...definition_default$1,
+	mode: "okhsl",
+	channels: [
+		"h",
+		"s",
+		"l",
+		"alpha"
+	],
+	parse: ["--okhsl"],
+	serialize: "--okhsl",
+	fromMode: {
+		oklab: convertOklabToOkhsl,
+		rgb: (c$1) => convertOklabToOkhsl(convertRgbToOklab_default(c$1))
+	},
+	toMode: {
+		oklab: convertOkhslToOklab,
+		rgb: (c$1) => convertOklabToRgb_default(convertOkhslToOklab(c$1))
+	}
+};
+var modeOkhsl_default = modeOkhsl;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/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;
+function convertOklabToOkhsv(lab$2) {
+	let l = lab$2.l !== void 0 ? lab$2.l : 0;
+	let a = lab$2.a !== void 0 ? lab$2.a : 0;
+	let b = lab$2.b !== void 0 ? lab$2.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;
@@ -2120,18 +3131,18 @@ function convertOklabToOkhsv(lab) {
 		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;
+	if (lab$2.alpha !== void 0) ret.alpha = lab$2.alpha;
 	return ret;
 }
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsv/convertOkhsvToOklab.js
-function convertOkhsvToOklab(hsv) {
+function convertOkhsvToOklab(hsv$2) {
 	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;
+	if (hsv$2.alpha !== void 0) ret.alpha = hsv$2.alpha;
+	const h = hsv$2.h !== void 0 ? hsv$2.h : 0;
+	const s = hsv$2.s !== void 0 ? hsv$2.s : 0;
+	const v = hsv$2.v !== void 0 ? hsv$2.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_);
@@ -2158,7 +3169,7 @@ function convertOkhsvToOklab(hsv) {
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/okhsv/modeOkhsv.js
 const modeOkhsv = {
-	...definition_default$15,
+	...definition_default$19,
 	mode: "okhsv",
 	channels: [
 		"h",
@@ -2179,6 +3190,145 @@ const modeOkhsv = {
 };
 var modeOkhsv_default = modeOkhsv;
 
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyb/constants.js
+const bias = .0037930732552754493;
+const bias_cbrt = Math.cbrt(bias);
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyb/convertRgbToXyb.js
+const transfer$1 = (v) => Math.cbrt(v) - bias_cbrt;
+const convertRgbToXyb = (color) => {
+	const { r: r$1, g, b, alpha } = convertRgbToLrgb_default(color);
+	const l = transfer$1(.3 * r$1 + .622 * g + .078 * b + bias);
+	const m = transfer$1(.23 * r$1 + .692 * g + .078 * b + bias);
+	const s = transfer$1(.2434226892454782 * r$1 + .2047674442449682 * g + .5518098665095535 * b + bias);
+	const res = {
+		mode: "xyb",
+		x: (l - m) / 2,
+		y: (l + m) / 2,
+		b: s - (l + m) / 2
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToXyb_default = convertRgbToXyb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyb/convertXybToRgb.js
+const transfer = (v) => Math.pow(v + bias_cbrt, 3);
+const convertXybToRgb = ({ x, y, b, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (b === void 0) b = 0;
+	const l = transfer(x + y) - bias;
+	const m = transfer(y - x) - bias;
+	const s = transfer(b + y) - bias;
+	const res = convertLrgbToRgb_default({
+		r: 11.031566904639861 * l - 9.866943908131562 * m - .16462299650829934 * s,
+		g: -3.2541473810744237 * l + 4.418770377582723 * m - .16462299650829934 * s,
+		b: -3.6588512867136815 * l + 2.7129230459360922 * m + 1.9459282407775895 * s
+	});
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXybToRgb_default = convertXybToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/xyb/definition.js
+const definition$1 = {
+	mode: "xyb",
+	channels: [
+		"x",
+		"y",
+		"b",
+		"alpha"
+	],
+	parse: ["--xyb"],
+	serialize: "--xyb",
+	toMode: { rgb: convertXybToRgb_default },
+	fromMode: { rgb: convertRgbToXyb_default },
+	ranges: {
+		x: [-.0154, .0281],
+		y: [0, .8453],
+		b: [-.2778, .388]
+	},
+	interpolate: {
+		x: interpolatorLinear,
+		y: interpolatorLinear,
+		b: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$26 = definition$1;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/yiq/convertRgbToYiq.js
+const convertRgbToYiq = ({ 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;
+	const res = {
+		mode: "yiq",
+		y: .29889531 * r$1 + .58662247 * g + .11448223 * b,
+		i: .59597799 * r$1 - .2741761 * g - .32180189 * b,
+		q: .21147017 * r$1 - .52261711 * g + .31114694 * b
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertRgbToYiq_default = convertRgbToYiq;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/yiq/convertYiqToRgb.js
+const convertYiqToRgb = ({ y, i, q, alpha }) => {
+	if (y === void 0) y = 0;
+	if (i === void 0) i = 0;
+	if (q === void 0) q = 0;
+	const res = {
+		mode: "rgb",
+		r: y + .95608445 * i + .6208885 * q,
+		g: y - .27137664 * i - .6486059 * q,
+		b: y - 1.10561724 * i + 1.70250126 * q
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertYiqToRgb_default = convertYiqToRgb;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/yiq/definition.js
+const definition = {
+	mode: "yiq",
+	toMode: { rgb: convertYiqToRgb_default },
+	fromMode: { rgb: convertRgbToYiq_default },
+	channels: [
+		"y",
+		"i",
+		"q",
+		"alpha"
+	],
+	parse: ["--yiq"],
+	serialize: "--yiq",
+	ranges: {
+		i: [-.595, .595],
+		q: [-.522, .522]
+	},
+	interpolate: {
+		y: interpolatorLinear,
+		i: interpolatorLinear,
+		q: interpolatorLinear,
+		alpha: {
+			use: interpolatorLinear,
+			fixup: fixupAlpha
+		}
+	}
+};
+var definition_default$27 = definition;
+
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/round.js
 const r = (value, precision) => Math.round(value * (precision = Math.pow(10, precision))) / precision;
@@ -2190,8 +3340,8 @@ var round_default = round;
 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 rgb$2 = converter_default("rgb");
+const hsl$1 = converter_default("hsl");
 const serializeHex = (color) => {
 	if (color === void 0) return void 0;
 	let r$1 = fixup(color.r);
@@ -2219,12 +3369,12 @@ const formatCss = (c$1) => {
 	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));
+const formatHex = (c$1) => serializeHex(rgb$2(c$1));
+const formatHex8 = (c$1) => serializeHex8(rgb$2(c$1));
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/clamp.js
-const rgb = converter_default("rgb");
+const rgb$1 = converter_default("rgb");
 const fixup_rgb = (c$1) => {
 	const res = {
 		mode: c$1.mode,
@@ -2239,7 +3389,7 @@ 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));
+	return inrange_rgb(rgb$1(color));
 }
 function inGamut(mode = "rgb") {
 	const { gamut } = getMode(mode);
@@ -2661,8 +3811,8 @@ function escapeRegExpString(str) {
 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), "$");
+		var regExpPatterns = pattern.map(function(p$2) {
+			return "^".concat(transform(p$2, separator), "$");
 		});
 		return "(?:".concat(regExpPatterns.join("|"), ")");
 	}
@@ -2764,6 +3914,39 @@ function validateCustomTransform(value, { $type }) {
 	}
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/index.js
+const a98 = useMode(definition_default);
+const cubehelix = useMode(definition_default$15);
+const dlab = useMode(definition_default$16);
+const dlch = useMode(definition_default$17);
+const hsi = useMode(definition_default$18);
+const hsl = useMode(definition_default$1);
+const hsv = useMode(definition_default$19);
+const hwb = useMode(definition_default$2);
+const itp = useMode(definition_default$20);
+const jab = useMode(definition_default$21);
+const jch = useMode(definition_default$22);
+const lab = useMode(definition_default$3);
+const lab65 = useMode(definition_default$4);
+const lch = useMode(definition_default$5);
+const lch65 = useMode(definition_default$23);
+const lchuv = useMode(definition_default$24);
+const lrgb = useMode(definition_default$6);
+const luv = useMode(definition_default$25);
+const okhsl = useMode(modeOkhsl_default);
+const okhsv = useMode(modeOkhsv_default);
+const oklab = useMode(definition_default$7);
+const oklch = useMode(definition_default$8);
+const p3 = useMode(definition_default$9);
+const prophoto = useMode(definition_default$10);
+const rec2020 = useMode(definition_default$11);
+const rgb = useMode(definition_default$12);
+const xyb = useMode(definition_default$26);
+const xyz50 = useMode(definition_default$13);
+const xyz65 = useMode(definition_default$14);
+const yiq = useMode(definition_default$27);
+
 //#endregion
 //#region ../token-tools/dist/css.js
 function defaultAliasTransform(token) {
@@ -2777,7 +3960,7 @@ function generateShorthand({ $type, localID }) {
 			"duration",
 			"delay",
 			"timing-function"
-		].map((p) => makeCSSVar(`${localID}-${p}`, { wrapVar: true })).join(" ");
+		].map((p$2) => makeCSSVar(`${localID}-${p$2}`, { 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;
@@ -2853,19 +4036,19 @@ function downsample($value, culoriColor, depth = 30) {
 	if (gamutSpace === "lab" || gamutSpace === "lab65") gamutSpace = "lch";
 	else if (gamutSpace === "oklab") gamutSpace = "oklch";
 	let srgb = converters[conversionSpace](toGamut("rgb", gamutSpace)(culoriColor));
-	let p3 = converters[conversionSpace](toGamut("p3", gamutSpace)(culoriColor));
-	let rec2020 = converters[conversionSpace](toGamut("rec2020", gamutSpace)(culoriColor));
+	let p3$2 = converters[conversionSpace](toGamut("p3", gamutSpace)(culoriColor));
+	let rec2020$2 = converters[conversionSpace](toGamut("rec2020", gamutSpace)(culoriColor));
 	if (typeof depth === "number") {
 		if (!DEPTH_ROUNDING[depth]) throw new Error(`Invalid bit depth: ${depth}. Supported values: ${Object.keys(DEPTH_ROUNDING).join(", ")}`);
 		srgb = roundColor(srgb, depth);
-		p3 = roundColor(p3, depth);
-		rec2020 = roundColor(rec2020, depth);
+		p3$2 = roundColor(p3$2, depth);
+		rec2020$2 = roundColor(rec2020$2, depth);
 	}
 	return {
 		".": formatCss(culoriColor),
 		srgb: formatCss(srgb),
-		p3: formatCss(p3),
-		rec2020: formatCss(rec2020)
+		p3: formatCss(p3$2),
+		rec2020: formatCss(rec2020$2)
 	};
 }
 /** Round color to certain depth. */
@@ -3132,7 +4315,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$3, v] of declarations) output.push(`${indent}${k$3}: ${v};`);
+	for (const [k$3, d] of declarations) output.push(`${indent}${k$3}: ${d.value};${d.description ? ` /* ${d.description} */` : ""}`);
 	while (indent !== "") {
 		indent = indent.substring(0, indent.length - 2);
 		output.push(`${indent}}`);
@@ -3157,7 +4340,7 @@ 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 });
+	return { value: makeCSSVar(token.localID ?? token.token.id, { wrapVar: true }) };
 }
 function generateUtilityCSS(groups, tokens) {
 	const output = [];
@@ -3184,7 +4367,7 @@ function generateUtilityCSS(groups, tokens) {
 						}
 						case "gradient": output.push({
 							selectors: [selector],
-							declarations: { "background-image": `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})` }
+							declarations: { "background-image": { value: `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})` } }
 						});
 					}
 				}
@@ -3227,7 +4410,7 @@ function generateUtilityCSS(groups, tokens) {
 					const selector = makeSelector(token, "font");
 					if (token.token.$type === "typography" && token.type === "MULTI_VALUE") {
 						const declarations = {};
-						for (const k$3 of Object.keys(token.value)) declarations[k$3] = makeCSSVar(`${token.localID ?? token.token.id}-${k$3}`, { wrapVar: true });
+						for (const k$3 of Object.keys(token.value)) declarations[k$3] = { value: makeCSSVar(`${token.localID ?? token.token.id}-${k$3}`, { wrapVar: true }) };
 						output.push({
 							selectors: [selector],
 							declarations
@@ -3327,9 +4510,9 @@ function generateUtilityCSS(groups, tokens) {
 							output.push({
 								selectors: [selector],
 								declarations: {
-									background: `-webkit-linear-gradient(${value})`,
-									"-webkit-background-clip": "text",
-									"-webkit-text-fill-color": "transparent"
+									background: { value: `-webkit-linear-gradient(${value.value})` },
+									"-webkit-background-clip": { value: "text" },
+									"-webkit-text-fill-color": { value: "transparent" }
 								}
 							});
 							break;
@@ -3381,15 +4564,33 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 				format: FORMAT_ID,
 				id: token.token.aliasedBy
 			}) : [];
-			if (token.type === "SINGLE_VALUE") rootRule.declarations[localID] = token.value;
+			if (token.type === "SINGLE_VALUE") rootRule.declarations[localID] = {
+				value: token.value,
+				description: token.token.$description
+			};
 			else if (token.value.srgb && token.value.p3 && token.value.rec2020) {
-				rootRule.declarations[localID] = token.value.srgb;
+				rootRule.declarations[localID] = {
+					value: token.value.srgb,
+					description: token.token.$description
+				};
 				if (token.value.p3 !== token.value.srgb) {
-					p3Rule.declarations[localID] = token.value.p3;
-					rec2020Rule.declarations[localID] = token.value.rec2020;
+					p3Rule.declarations[localID] = {
+						value: token.value.p3,
+						description: token.token.$description
+					};
+					rec2020Rule.declarations[localID] = {
+						value: token.value.rec2020,
+						description: token.token.$description
+					};
 					for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") {
-						p3Rule.declarations[alias.localID] ??= alias.value;
-						rec2020Rule.declarations[alias.localID] ??= alias.value;
+						p3Rule.declarations[alias.localID] ??= {
+							value: alias.value,
+							description: token.token.$description
+						};
+						rec2020Rule.declarations[alias.localID] ??= {
+							value: alias.value,
+							description: token.token.$description
+						};
 					}
 				}
 			} else if (token.type === "MULTI_VALUE") {
@@ -3397,8 +4598,14 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 					$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;
+				if (shorthand) rootRule.declarations[token.localID ?? token.token.id] = {
+					value: shorthand,
+					description: token.token.$description
+				};
+				for (const [name, value] of Object.entries(token.value)) rootRule.declarations[name === "." ? localID : [localID, name].join("-")] = {
+					value,
+					description: token.token.$description
+				};
 			}
 		}
 	}
@@ -3432,15 +4639,33 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 				format: FORMAT_ID,
 				id: token.token.aliasedBy
 			}) : [];
-			if (token.type === "SINGLE_VALUE") selectorRule.declarations[localID] = token.value;
+			if (token.type === "SINGLE_VALUE") selectorRule.declarations[localID] = {
+				value: token.value,
+				description: token.token.$description
+			};
 			else if (token.value.srgb && token.value.p3 && token.value.rec2020) {
-				selectorRule.declarations[localID] = token.value.srgb;
+				selectorRule.declarations[localID] = {
+					value: token.value.srgb,
+					description: token.token.$description
+				};
 				if (token.value.p3 !== token.value.srgb) {
-					selectorP3Rule.declarations[localID] = token.value.p3;
-					selectorRec2020Rule.declarations[localID] = token.value.rec2020;
+					selectorP3Rule.declarations[localID] = {
+						value: token.value.p3,
+						description: token.token.$description
+					};
+					selectorRec2020Rule.declarations[localID] = {
+						value: token.value.rec2020,
+						description: token.token.$description
+					};
 					for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") {
-						selectorP3Rule.declarations[alias.localID] ??= alias.value;
-						selectorRec2020Rule.declarations[alias.localID] ??= alias.value;
+						selectorP3Rule.declarations[alias.localID] ??= {
+							value: alias.value,
+							description: token.token.$description
+						};
+						selectorRec2020Rule.declarations[alias.localID] ??= {
+							value: alias.value,
+							description: token.token.$description
+						};
 					}
 				}
 			} else {
@@ -3448,12 +4673,24 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 					$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;
+				if (shorthand) selectorRule.declarations[localID] = {
+					value: shorthand,
+					description: token.token.$description
+				};
+				for (const [name, subvalue] of Object.entries(token.value)) selectorRule.declarations[`${localID}-${name}`] = {
+					value: subvalue,
+					description: token.token.$description
+				};
 			}
-			for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") selectorAliasDeclarations[alias.localID] = alias.value;
+			for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") selectorAliasDeclarations[alias.localID] = {
+				value: alias.value,
+				description: token.token.$description
+			};
 		}
-		for (const [name, value] of Object.entries(selectorAliasDeclarations)) selectorRule.declarations[name] ??= value;
+		for (const [name, { value, description }] of Object.entries(selectorAliasDeclarations)) selectorRule.declarations[name] ??= {
+			value,
+			description
+		};
 	}
 	if (utility && Object.keys(utility).length) rules.push(...generateUtilityCSS(utility, getTransforms({
 		format: FORMAT_ID,