@terrazzo/plugin-tailwind 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @terrazzo/plugin-tailwind
 
+## 0.3.0
+
+### Minor Changes
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: remove HSV as a supported colorSpace, because it’s absent from CSS Color Module 4
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: align color token ranges to CSS Color Module 4. This results in breaking changes to HSL and HWB, which normalize to `0 - 100`, rather than `0 - 1`:
+
+  ```diff
+    {
+      "colorSpace": "hsl",
+  -   "components": [270, 0.5, 0.4]
+  +   "components": [270, 50, 40]
+    }
+  ```
+
+  All other color spaces should be unaffected, as they were already matching CSS Color Module 4.
+
+### Patch Changes
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - Fix a98-rgb colorSpace, accidentally referring to it as "a98"
+
+- Updated dependencies [[`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a), [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a), [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a)]:
+  - @terrazzo/token-tools@0.10.0
+  - @terrazzo/cli@0.10.0
+  - @terrazzo/plugin-css@0.10.0
+
+## 0.2.1
+
+### Patch Changes
+
+- [#502](https://github.com/terrazzoapp/terrazzo/pull/502) [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59) Thanks [@drwpow](https://github.com/drwpow)! - Fix bug in parsing LAB colors
+
+- [#502](https://github.com/terrazzoapp/terrazzo/pull/502) [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59) Thanks [@drwpow](https://github.com/drwpow)! - Add support for lab65 colors (not technically part of CSS Module 4 spec, but a nice convenience)
+
+- Updated dependencies [[`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59), [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59)]:
+  - @terrazzo/token-tools@0.9.1
+  - @terrazzo/cli@0.9.1
+  - @terrazzo/plugin-css@0.9.1
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/index.js

@@ -231,28 +231,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) => {
@@ -567,7 +567,7 @@ const fixupAlpha = (arr) => {
 	});
 	return some_defined ? res : arr;
 };
-const definition$14 = {
+const definition$15 = {
 	mode: "rgb",
 	channels: [
 		"r",
@@ -605,7 +605,7 @@ const definition$14 = {
 		b: 0
 	}
 };
-var definition_default$12 = definition$14;
+var definition_default$12 = definition$15;
 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);
@@ -636,7 +636,7 @@ const convertXyz65ToA98 = ({ x, y, z, alpha }) => {
 	return res;
 };
 var convertXyz65ToA98_default = convertXyz65ToA98;
-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);
@@ -644,9 +644,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;
@@ -664,7 +664,7 @@ const convertRgbToXyz65 = (rgb$2) => {
 	return res;
 };
 var convertRgbToXyz65_default = convertRgbToXyz65;
-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;
@@ -672,9 +672,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;
@@ -693,7 +693,7 @@ const convertXyz65ToRgb = ({ x, y, z, alpha }) => {
 	return res;
 };
 var convertXyz65ToRgb_default = convertXyz65ToRgb;
-const definition$13 = {
+const definition$14 = {
 	...definition_default$12,
 	mode: "a98",
 	parse: ["a98-rgb"],
@@ -707,7 +707,7 @@ const definition$13 = {
 		xyz65: convertA98ToXyz65_default
 	}
 };
-var definition_default = definition$13;
+var definition_default = definition$14;
 const normalizeHue = (hue$2) => (hue$2 = hue$2 % 360) < 0 ? hue$2 + 360 : hue$2;
 var normalizeHue_default = normalizeHue;
 function convertHslToRgb({ h, s, l, alpha }) {
@@ -827,12 +827,12 @@ function parseHsl(color, parsed) {
 	return res;
 }
 var parseHsl_default = parseHsl;
-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);
@@ -879,7 +879,7 @@ const averageAngle = (val) => {
 	let angle = Math.atan2(sum.sin, sum.cos) * 180 / Math.PI;
 	return angle < 0 ? 360 + angle : angle;
 };
-const definition$12 = {
+const definition$13 = {
 	mode: "hsl",
 	toMode: { rgb: convertHslToRgb },
 	fromMode: { rgb: convertRgbToHsl },
@@ -908,24 +908,24 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$1 = definition$12;
+var definition_default$1 = definition$13;
 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)
 			};
@@ -934,19 +934,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
 			};
@@ -955,7 +955,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 = {
@@ -982,7 +982,7 @@ function convertRgbToHsv({ r: r$1, g, b, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
-const definition$11 = {
+const definition$12 = {
 	mode: "hsv",
 	toMode: { rgb: convertHsvToRgb },
 	parse: ["--hsv"],
@@ -1011,7 +1011,7 @@ const definition$11 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$11;
+var definition_default$15 = definition$12;
 function convertHwbToRgb({ h, w, b, alpha }) {
 	if (w === void 0) w = 0;
 	if (b === void 0) b = 0;
@@ -1061,7 +1061,7 @@ function ParseHwb(color, parsed) {
 	return res;
 }
 var parseHwb_default = ParseHwb;
-const definition$10 = {
+const definition$11 = {
 	mode: "hwb",
 	toMode: { rgb: convertHwbToRgb },
 	fromMode: { rgb: convertRgbToHwb },
@@ -1090,9 +1090,9 @@ const definition$10 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$3 = definition$10;
-const k = Math.pow(29, 3) / Math.pow(3, 3);
-const e = Math.pow(6, 3) / Math.pow(29, 3);
+var definition_default$2 = definition$11;
+const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
 const D50 = {
 	X: .3457 / .3585,
 	Y: 1,
@@ -1103,9 +1103,9 @@ 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);
-let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+const k$2 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$2 = Math.pow(6, 3) / Math.pow(29, 3);
+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;
@@ -1115,9 +1115,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;
@@ -1150,14 +1150,14 @@ const convertRgbToXyz50 = (rgb$2) => {
 	return res;
 };
 var convertRgbToXyz50_default = convertRgbToXyz50;
-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,
@@ -1186,7 +1186,7 @@ function parseLab(color, parsed) {
 	return res;
 }
 var parseLab_default = parseLab;
-const definition$9 = {
+const definition$10 = {
 	mode: "lab",
 	toMode: {
 		xyz50: convertLabToXyz50_default,
@@ -1219,6 +1219,72 @@ const definition$9 = {
 		}
 	}
 };
+var definition_default$3 = definition$10;
+const k = Math.pow(29, 3) / Math.pow(3, 3);
+const e = Math.pow(6, 3) / Math.pow(29, 3);
+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;
+const convertLab65ToRgb = (lab) => convertXyz65ToRgb_default(convertLab65ToXyz65_default(lab));
+var convertLab65ToRgb_default = convertLab65ToRgb;
+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;
+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;
+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;
 const convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
 	if (a === void 0) a = 0;
@@ -1366,7 +1432,7 @@ function parseOklab(color, parsed) {
 }
 var parseOklab_default = parseOklab;
 const definition$6 = {
-	...definition_default$4,
+	...definition_default$3,
 	mode: "oklab",
 	toMode: {
 		lrgb: convertOklabToLrgb_default,
@@ -1670,6 +1736,171 @@ const definition = {
 	}
 };
 var definition_default$14 = definition;
+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)];
+}
+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;
+}
+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;
+}
+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;
 const r = (value, precision) => Math.round(value * (precision = Math.pow(10, precision))) / precision;
 const round = (precision = 4) => (value) => typeof value === "number" ? r(value, precision) : value;
 var round_default = round;
@@ -1680,13 +1911,14 @@ const rgb = converter_default("rgb");
 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),