color-map 2.2.0 → 2.3.0

package/esm/color/index.d.ts

@@ -0,0 +1,28 @@
+import { a98Rgb } from "./a98-rgb.js";
+import { fromArgb, toArgb } from "./argb.js";
+import { createDeltaEOk, createEquals, deltaEOk, equals } from "./compare.js";
+import { ContrastAlgorithm, ContrastFn, ContrastOption, FindContrastOptions, FoundContrast, OnColorOptions, contrast, createContrast, createFindContrast, createMeets, createOnColor, findContrast, meets, onColor, wcag2 } from "./contrast.js";
+import { convertComponents, createConverter } from "./convert.js";
+import { displayP3 } from "./display-p3.js";
+import { displayP3Linear } from "./display-p3-linear.js";
+import { ColorExpr, parseExpr } from "./expr.js";
+import { GamutId, ToGamutOptions, createInGamut, createToGamut, inGamut, toGamut } from "./gamut.js";
+import { hsl } from "./hsl.js";
+import { hwb } from "./hwb.js";
+import { lab } from "./lab.js";
+import { lch } from "./lch.js";
+import { HueMethod, MixOptions, createMix, mix } from "./mix.js";
+import { oklab } from "./oklab.js";
+import { oklch } from "./oklch.js";
+import { parse } from "./parse.js";
+import { prophotoRgb } from "./prophoto-rgb.js";
+import { rec2020 } from "./rec2020.js";
+import { ResolveContext, resolve } from "./resolve.js";
+import { ToCssOptions, createToHex, toCss, toHex } from "./serialize.js";
+import { convert, spaces } from "./spaces.js";
+import { srgb } from "./srgb.js";
+import { srgbLinear } from "./srgb-linear.js";
+import { Color, ColorSpaceId, Component, Space, Vec3 } from "./types.js";
+import { xyzD50 } from "./xyz-d50.js";
+import { xyzD65 } from "./xyz-d65.js";
+export { type Color, type ColorExpr, type ColorSpaceId, type Component, type ContrastAlgorithm, type ContrastFn, type ContrastOption, type FindContrastOptions, type FoundContrast, type GamutId, type HueMethod, type MixOptions, type OnColorOptions, type ResolveContext, type Space, type ToCssOptions, type ToGamutOptions, type Vec3, a98Rgb, contrast, convert, convertComponents, createContrast, createConverter, createDeltaEOk, createEquals, createFindContrast, createInGamut, createMeets, createMix, createOnColor, createToGamut, createToHex, deltaEOk, displayP3, displayP3Linear, equals, findContrast, fromArgb, hsl, hwb, inGamut, lab, lch, meets, mix, oklab, oklch, onColor, parse, parseExpr, prophotoRgb, rec2020, resolve, spaces, srgb, srgbLinear, toArgb, toCss, toGamut, toHex, wcag2, xyzD50, xyzD65 };

package/esm/color/index.js

@@ -0,0 +1,27 @@
+import { a98Rgb } from "./a98-rgb.js";
+import { fromArgb, toArgb } from "./argb.js";
+import { createDeltaEOk, createEquals, deltaEOk, equals } from "./compare.js";
+import { contrast, createContrast, createFindContrast, createMeets, createOnColor, findContrast, meets, onColor, wcag2 } from "./contrast.js";
+import { convertComponents, createConverter } from "./convert.js";
+import { displayP3 } from "./display-p3.js";
+import { displayP3Linear } from "./display-p3-linear.js";
+import { parseExpr } from "./expr.js";
+import { createInGamut, createToGamut, inGamut, toGamut } from "./gamut.js";
+import { hsl } from "./hsl.js";
+import { hwb } from "./hwb.js";
+import { lab } from "./lab.js";
+import { lch } from "./lch.js";
+import { createMix, mix } from "./mix.js";
+import { oklab } from "./oklab.js";
+import { oklch } from "./oklch.js";
+import { parse } from "./parse.js";
+import { prophotoRgb } from "./prophoto-rgb.js";
+import { rec2020 } from "./rec2020.js";
+import { resolve } from "./resolve.js";
+import { createToHex, toCss, toHex } from "./serialize.js";
+import { convert, spaces } from "./spaces.js";
+import { srgb } from "./srgb.js";
+import { srgbLinear } from "./srgb-linear.js";
+import { xyzD50 } from "./xyz-d50.js";
+import { xyzD65 } from "./xyz-d65.js";
+export { a98Rgb, contrast, convert, convertComponents, createContrast, createConverter, createDeltaEOk, createEquals, createFindContrast, createInGamut, createMeets, createMix, createOnColor, createToGamut, createToHex, deltaEOk, displayP3, displayP3Linear, equals, findContrast, fromArgb, hsl, hwb, inGamut, lab, lch, meets, mix, oklab, oklch, onColor, parse, parseExpr, prophotoRgb, rec2020, resolve, spaces, srgb, srgbLinear, toArgb, toCss, toGamut, toHex, wcag2, xyzD50, xyzD65 };

package/esm/color/lab.d.ts

@@ -0,0 +1,7 @@
+import { Space } from "./types.js";
+/**
+ * The CSS `lab` space (CIE Lab, D50 white). Components are lightness in 0 to 100, then the a and b axes, which are not bounded but stay near -125 to 125 for real colors.
+ * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+ */
+export declare const lab: Space;
+//# sourceMappingURL=lab.d.ts.map

package/esm/color/lab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lab.d.ts","names":[],"sources":["../../src/color/lab.ts"],"mappings":";;;;;qBAca,KAAK"}

package/esm/color/lab.js

@@ -0,0 +1,33 @@
+import { D50, multiply } from "./math.js";
+import { d50ToD65, d65ToD50 } from "./matrices.js";
+// src/color/lab.ts
+const EPSILON = 216 / 24389;
+const KAPPA = 24389 / 27;
+const finv = (f) => f ** 3 > EPSILON ? f ** 3 : (116 * f - 16) / KAPPA;
+const forward = (v) => v > EPSILON ? Math.cbrt(v) : (KAPPA * v + 16) / 116;
+/**
+* The CSS `lab` space (CIE Lab, D50 white). Components are lightness in 0 to 100, then the a and b axes, which are not bounded but stay near -125 to 125 for real colors.
+* Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+*/
+const lab = {
+	id: "lab",
+	toXyz: ([l, a, b]) => {
+		const fy = (l + 16) / 116;
+		const y = l > KAPPA * EPSILON ? fy ** 3 : l / KAPPA;
+		const x = finv(fy + a / 500);
+		const z = finv(fy - b / 200);
+		return multiply(d50ToD65, x * D50[0], y * D50[1], z * D50[2]);
+	},
+	fromXyz: (xyz) => {
+		const [x, y, z] = multiply(d65ToD50, xyz[0], xyz[1], xyz[2]);
+		const fy = forward(y / D50[1]);
+		return [
+			116 * fy - 16,
+			500 * (forward(x / D50[0]) - fy),
+			200 * (fy - forward(z / D50[2]))
+		];
+	}
+};
+export { lab };
+
+//# sourceMappingURL=lab.js.map

package/esm/color/lab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lab.js","names":[],"sources":["../../src/color/lab.ts"],"sourcesContent":["import { D50, multiply } from './math.js'\nimport { d50ToD65, d65ToD50 } from './matrices.js'\nimport type { Space } from './types.js'\n\nconst EPSILON = 216 / 24389\nconst KAPPA = 24389 / 27\n\nconst finv = (f: number): number => (f ** 3 > EPSILON ? f ** 3 : (116 * f - 16) / KAPPA)\nconst forward = (v: number): number => (v > EPSILON ? Math.cbrt(v) : (KAPPA * v + 16) / 116)\n\n/**\n * The CSS `lab` space (CIE Lab, D50 white). Components are lightness in 0 to 100, then the a and b axes, which are not bounded but stay near -125 to 125 for real colors.\n * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.\n */\nexport const lab: Space = {\n\tid: 'lab',\n\ttoXyz: ([l, a, b]) => {\n\t\tconst fy = (l + 16) / 116\n\t\tconst y = l > KAPPA * EPSILON ? fy ** 3 : l / KAPPA\n\t\tconst x = finv(fy + a / 500)\n\t\tconst z = finv(fy - b / 200)\n\t\treturn multiply(d50ToD65, x * D50[0], y * D50[1], z * D50[2])\n\t},\n\tfromXyz: (xyz) => {\n\t\tconst [x, y, z] = multiply(d65ToD50, xyz[0], xyz[1], xyz[2])\n\t\tconst fy = forward(y / D50[1])\n\t\treturn [116 * fy - 16, 500 * (forward(x / D50[0]) - fy), 200 * (fy - forward(z / D50[2]))]\n\t}\n}\n"],"mappings":";;;AAIA,MAAM,UAAU,MAAM;AACtB,MAAM,QAAQ,QAAQ;AAEtB,MAAM,QAAQ,MAAuB,KAAK,IAAI,UAAU,KAAK,KAAK,MAAM,IAAI,MAAM;AAClF,MAAM,WAAW,MAAuB,IAAI,UAAU,KAAK,KAAK,CAAC,KAAK,QAAQ,IAAI,MAAM;;;;;AAMxF,MAAa,MAAa;CACzB,IAAI;CACJ,QAAQ,CAAC,GAAG,GAAG,OAAO;EACrB,MAAM,MAAM,IAAI,MAAM;EACtB,MAAM,IAAI,IAAI,QAAQ,UAAU,MAAM,IAAI,IAAI;EAC9C,MAAM,IAAI,KAAK,KAAK,IAAI,GAAG;EAC3B,MAAM,IAAI,KAAK,KAAK,IAAI,GAAG;EAC3B,OAAO,SAAS,UAAU,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;CAC7D;CACA,UAAU,QAAQ;EACjB,MAAM,CAAC,GAAG,GAAG,KAAK,SAAS,UAAU,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;EAC3D,MAAM,KAAK,QAAQ,IAAI,IAAI,EAAE;EAC7B,OAAO;GAAC,MAAM,KAAK;GAAI,OAAO,QAAQ,IAAI,IAAI,EAAE,IAAI;GAAK,OAAO,KAAK,QAAQ,IAAI,IAAI,EAAE;EAAE;CAC1F;AACD"}

package/esm/color/lch.d.ts

@@ -0,0 +1,7 @@
+import { Space } from "./types.js";
+/**
+ * The CSS `lch` space, the polar form of `lab`. Components are lightness in 0 to 100, chroma (not bounded, about 0 to 150) and hue in degrees.
+ * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+ */
+export declare const lch: Space;
+//# sourceMappingURL=lch.d.ts.map

package/esm/color/lch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lch.d.ts","names":["_$__types_js0.Space"],"sources":["../../src/color/lch.ts"],"mappings":";;;;;qBAOa,KAAAA"}

package/esm/color/lch.js

@@ -0,0 +1,11 @@
+import { lab } from "./lab.js";
+import { polarSpace } from "./polar.js";
+// src/color/lch.ts
+/**
+* The CSS `lch` space, the polar form of `lab`. Components are lightness in 0 to 100, chroma (not bounded, about 0 to 150) and hue in degrees.
+* Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+*/
+const lch = polarSpace("lch", lab);
+export { lch };
+
+//# sourceMappingURL=lch.js.map

package/esm/color/lch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lch.js","names":[],"sources":["../../src/color/lch.ts"],"sourcesContent":["import { lab } from './lab.js'\nimport { polarSpace } from './polar.js'\n\n/**\n * The CSS `lch` space, the polar form of `lab`. Components are lightness in 0 to 100, chroma (not bounded, about 0 to 150) and hue in degrees.\n * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.\n */\nexport const lch = polarSpace('lch', lab)\n"],"mappings":";;;;;;;AAOA,MAAa,MAAM,WAAW,OAAO,GAAG"}

package/esm/color/math.js

@@ -0,0 +1,32 @@
+// src/color/math.ts
+/** `m` times the column vector (x, y, z). Takes numbers rather than a Vec3, so callers need no array. */
+function multiply(m, x, y, z) {
+	return [
+		m[0] * x + m[1] * y + m[2] * z,
+		m[3] * x + m[4] * y + m[5] * z,
+		m[6] * x + m[7] * y + m[8] * z
+	];
+}
+/** Keeps the sign, so out-of-gamut values survive the transfer function. */
+function signed(f) {
+	return (n) => n < 0 ? -f(-n) : f(n);
+}
+function normalizeHue(h) {
+	return (h % 360 + 360) % 360;
+}
+const D50 = [
+	.3457 / .3585,
+	1,
+	.2958 / .3585
+];
+/** The product of 3x3 matrices, left to right: `product(a, b)` applies `b` first. */
+function product(...ms) {
+	return ms.reduce((a, b) => {
+		const out = [];
+		for (let i = 0; i < 3; i++) for (let j = 0; j < 3; j++) out.push(a[i * 3] * b[j] + a[i * 3 + 1] * b[3 + j] + a[i * 3 + 2] * b[6 + j]);
+		return out;
+	});
+}
+export { D50, multiply, normalizeHue, product, signed };
+
+//# sourceMappingURL=math.js.map

package/esm/color/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","names":[],"sources":["../../src/color/math.ts"],"sourcesContent":["import type { Vec3 } from './types.js'\n\n/** A 3x3 matrix, flat, row by row. */\nexport type Matrix = readonly [number, number, number, number, number, number, number, number, number]\n\n/** `m` times the column vector (x, y, z). Takes numbers rather than a Vec3, so callers need no array. */\nexport function multiply(m: Matrix, x: number, y: number, z: number): Vec3 {\n\treturn [m[0] * x + m[1] * y + m[2] * z, m[3] * x + m[4] * y + m[5] * z, m[6] * x + m[7] * y + m[8] * z]\n}\n\n/** Keeps the sign, so out-of-gamut values survive the transfer function. */\nexport function signed(f: (abs: number) => number): (n: number) => number {\n\treturn (n) => (n < 0 ? -f(-n) : f(n))\n}\n\nexport function normalizeHue(h: number): number {\n\treturn ((h % 360) + 360) % 360\n}\n\nexport const D50: Vec3 = [0.3457 / 0.3585, 1, (1 - 0.3457 - 0.3585) / 0.3585]\n\n/** The product of 3x3 matrices, left to right: `product(a, b)` applies `b` first. */\nexport function product(...ms: Matrix[]): Matrix {\n\treturn ms.reduce((a, b) => {\n\t\tconst out: number[] = []\n\t\tfor (let i = 0; i < 3; i++)\n\t\t\tfor (let j = 0; j < 3; j++) out.push(a[i * 3] * b[j] + a[i * 3 + 1] * b[3 + j] + a[i * 3 + 2] * b[6 + j])\n\t\treturn out as unknown as Matrix\n\t})\n}\n"],"mappings":";;AAMA,SAAgB,SAAS,GAAW,GAAW,GAAW,GAAiB;CAC1E,OAAO;EAAC,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;EAAG,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;EAAG,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;CAAC;AACvG;;AAGA,SAAgB,OAAO,GAAmD;CACzE,QAAQ,MAAO,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;AACpC;AAEA,SAAgB,aAAa,GAAmB;CAC/C,QAAS,IAAI,MAAO,OAAO;AAC5B;AAEA,MAAa,MAAY;CAAC,QAAS;CAAQ;CAAI,QAAuB;AAAM;;AAG5E,SAAgB,QAAQ,GAAG,IAAsB;CAChD,OAAO,GAAG,QAAQ,GAAG,MAAM;EAC1B,MAAM,MAAgB,CAAC;EACvB,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KACtB,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,IAAI,KAAK,EAAE,IAAI,KAAK,EAAE,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE;EACzG,OAAO;CACR,CAAC;AACF"}

package/esm/color/matrices.js

@@ -0,0 +1,180 @@
+// src/color/matrices.ts
+const srgbToXyz = [
+	506752 / 1228815,
+	87881 / 245763,
+	12673 / 70218,
+	87098 / 409605,
+	175762 / 245763,
+	12673 / 175545,
+	7918 / 409605,
+	87881 / 737289,
+	1001167 / 1053270
+];
+const xyzToSrgb = [
+	12831 / 3959,
+	-329 / 214,
+	-1974 / 3959,
+	-851781 / 878810,
+	1648619 / 878810,
+	36519 / 878810,
+	705 / 12673,
+	-2585 / 12673,
+	705 / 667
+];
+const p3ToXyz = [
+	608311 / 1250200,
+	189793 / 714400,
+	198249 / 1000160,
+	35783 / 156275,
+	247089 / 357200,
+	198249 / 2500400,
+	0,
+	32229 / 714400,
+	5220557 / 5000800
+];
+const xyzToP3 = [
+	446124 / 178915,
+	-333277 / 357830,
+	-72051 / 178915,
+	-14852 / 17905,
+	63121 / 35810,
+	423 / 17905,
+	11844 / 330415,
+	-50337 / 660830,
+	316169 / 330415
+];
+const a98ToXyz = [
+	573536 / 994567,
+	263643 / 1420810,
+	187206 / 994567,
+	591459 / 1989134,
+	6239551 / 9945670,
+	374412 / 4972835,
+	53769 / 1989134,
+	351524 / 4972835,
+	4929758 / 4972835
+];
+const xyzToA98 = [
+	1829569 / 896150,
+	-506331 / 896150,
+	-308931 / 896150,
+	-851781 / 878810,
+	1648619 / 878810,
+	36519 / 878810,
+	16779 / 1248040,
+	-147721 / 1248040,
+	1266979 / 1248040
+];
+const prophotoToXyzD50 = [
+	.7977666449006423,
+	.13518129740053308,
+	.0313477341283922,
+	.2880748288194013,
+	.711835234241873,
+	8993693872564e-17,
+	0,
+	0,
+	.8251046025104602
+];
+const xyzD50ToProphoto = [
+	1.3457868816471583,
+	-.25557208737979464,
+	-.05110186497554526,
+	-.5446307051249019,
+	1.5082477428451468,
+	.02052744743642139,
+	0,
+	0,
+	1.2119675456389452
+];
+const rec2020ToXyz = [
+	63426534 / 99577255,
+	20160776 / 139408157,
+	47086771 / 278816314,
+	26158966 / 99577255,
+	472592308 / 697040785,
+	8267143 / 139408157,
+	0,
+	19567812 / 697040785,
+	295819943 / 278816314
+];
+const xyzToRec2020 = [
+	30757411 / 17917100,
+	-6372589 / 17917100,
+	-4539589 / 17917100,
+	-19765991 / 29648200,
+	47925759 / 29648200,
+	467509 / 29648200,
+	792561 / 44930125,
+	-1921689 / 44930125,
+	42328811 / 44930125
+];
+const d65ToD50 = [
+	1.0479297925449969,
+	.022946870601609652,
+	-.05019226628920524,
+	.02962780877005599,
+	.9904344267538799,
+	-.017073799063418826,
+	-.009243040646204504,
+	.015055191490298152,
+	.7518742814281371
+];
+const d50ToD65 = [
+	.955473421488075,
+	-.02309845494876471,
+	.06325924320057072,
+	-.0283697093338637,
+	1.0099953980813041,
+	.021041441191917323,
+	.012314014864481998,
+	-.020507649298898964,
+	1.330365926242124
+];
+const xyzToLms = [
+	.819022437996703,
+	.3619062600528904,
+	-.1288737815209879,
+	.0329836539323885,
+	.9292868615863434,
+	.0361446663506424,
+	.0481771893596242,
+	.2642395317527308,
+	.6335478284694309
+];
+const lmsToOklab = [
+	.210454268309314,
+	.7936177747023054,
+	-.0040720430116193,
+	1.9779985324311684,
+	-2.42859224204858,
+	.450593709617411,
+	.0259040424655478,
+	.7827717124575296,
+	-.8086757549230774
+];
+const lmsToXyz = [
+	1.2268798758459243,
+	-.5578149944602171,
+	.2813910456659647,
+	-.0405757452148008,
+	1.112286803280317,
+	-.0717110580655164,
+	-.0763729366746601,
+	-.4214933324022432,
+	1.5869240198367816
+];
+const oklabToLms = [
+	1,
+	.3963377773761749,
+	.2158037573099136,
+	1,
+	-.1055613458156586,
+	-.0638541728258133,
+	1,
+	-.0894841775298119,
+	-1.2914855480194092
+];
+export { a98ToXyz, d50ToD65, d65ToD50, lmsToOklab, lmsToXyz, oklabToLms, p3ToXyz, prophotoToXyzD50, rec2020ToXyz, srgbToXyz, xyzD50ToProphoto, xyzToA98, xyzToLms, xyzToP3, xyzToRec2020, xyzToSrgb };
+
+//# sourceMappingURL=matrices.js.map

package/esm/color/matrices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrices.js","names":[],"sources":["../../src/color/matrices.ts"],"sourcesContent":["// biome-ignore-all format: each matrix is written as its three rows\n// CSS Color 4, section 19 (sample code for color conversions). Each matrix is\n// flat, row by row.\nimport type { Matrix } from './math.js'\n\nexport const srgbToXyz: Matrix = [\n\t506752 / 1228815, 87881 / 245763, 12673 / 70218,\n\t87098 / 409605, 175762 / 245763, 12673 / 175545,\n\t7918 / 409605, 87881 / 737289, 1001167 / 1053270\n]\nexport const xyzToSrgb: Matrix = [\n\t12831 / 3959, -329 / 214, -1974 / 3959,\n\t-851781 / 878810, 1648619 / 878810, 36519 / 878810,\n\t705 / 12673, -2585 / 12673, 705 / 667\n]\n\nexport const p3ToXyz: Matrix = [\n\t608311 / 1250200, 189793 / 714400, 198249 / 1000160,\n\t35783 / 156275, 247089 / 357200, 198249 / 2500400,\n\t0, 32229 / 714400, 5220557 / 5000800\n]\nexport const xyzToP3: Matrix = [\n\t446124 / 178915, -333277 / 357830, -72051 / 178915,\n\t-14852 / 17905, 63121 / 35810, 423 / 17905,\n\t11844 / 330415, -50337 / 660830, 316169 / 330415\n]\n\nexport const a98ToXyz: Matrix = [\n\t573536 / 994567, 263643 / 1420810, 187206 / 994567,\n\t591459 / 1989134, 6239551 / 9945670, 374412 / 4972835,\n\t53769 / 1989134, 351524 / 4972835, 4929758 / 4972835\n]\nexport const xyzToA98: Matrix = [\n\t1829569 / 896150, -506331 / 896150, -308931 / 896150,\n\t-851781 / 878810, 1648619 / 878810, 36519 / 878810,\n\t16779 / 1248040, -147721 / 1248040, 1266979 / 1248040\n]\n\nexport const prophotoToXyzD50: Matrix = [\n\t0.7977666449006423, 0.13518129740053308, 0.0313477341283922,\n\t0.2880748288194013, 0.711835234241873, 0.00008993693872564,\n\t0, 0, 0.8251046025104602\n]\nexport const xyzD50ToProphoto: Matrix = [\n\t1.3457868816471583, -0.25557208737979464, -0.05110186497554526,\n\t-0.5446307051249019, 1.5082477428451468, 0.02052744743642139,\n\t0, 0, 1.2119675456389452\n]\n\nexport const rec2020ToXyz: Matrix = [\n\t63426534 / 99577255, 20160776 / 139408157, 47086771 / 278816314,\n\t26158966 / 99577255, 472592308 / 697040785, 8267143 / 139408157,\n\t0, 19567812 / 697040785, 295819943 / 278816314\n]\nexport const xyzToRec2020: Matrix = [\n\t30757411 / 17917100, -6372589 / 17917100, -4539589 / 17917100,\n\t-19765991 / 29648200, 47925759 / 29648200, 467509 / 29648200,\n\t792561 / 44930125, -1921689 / 44930125, 42328811 / 44930125\n]\n\nexport const d65ToD50: Matrix = [\n\t1.0479297925449969, 0.022946870601609652, -0.05019226628920524,\n\t0.02962780877005599, 0.9904344267538799, -0.017073799063418826,\n\t-0.009243040646204504, 0.015055191490298152, 0.7518742814281371\n]\nexport const d50ToD65: Matrix = [\n\t0.955473421488075, -0.02309845494876471, 0.06325924320057072,\n\t-0.0283697093338637, 1.0099953980813041, 0.021041441191917323,\n\t0.012314014864481998, -0.020507649298898964, 1.330365926242124\n]\n\nexport const xyzToLms: Matrix = [\n\t0.819022437996703, 0.3619062600528904, -0.1288737815209879,\n\t0.0329836539323885, 0.9292868615863434, 0.0361446663506424,\n\t0.0481771893596242, 0.2642395317527308, 0.6335478284694309\n]\nexport const lmsToOklab: Matrix = [\n\t0.210454268309314, 0.7936177747023054, -0.0040720430116193,\n\t1.9779985324311684, -2.42859224204858, 0.450593709617411,\n\t0.0259040424655478, 0.7827717124575296, -0.8086757549230774\n]\nexport const lmsToXyz: Matrix = [\n\t1.2268798758459243, -0.5578149944602171, 0.2813910456659647,\n\t-0.0405757452148008, 1.112286803280317, -0.0717110580655164,\n\t-0.0763729366746601, -0.4214933324022432, 1.5869240198367816\n]\nexport const oklabToLms: Matrix = [\n\t1, 0.3963377773761749, 0.2158037573099136,\n\t1, -0.1055613458156586, -0.0638541728258133,\n\t1, -0.0894841775298119, -1.2914855480194092\n]\n"],"mappings":";AAKA,MAAa,YAAoB;CAChC,SAAS;CAAS,QAAQ;CAAQ,QAAQ;CAC1C,QAAQ;CAAQ,SAAS;CAAQ,QAAQ;CACzC,OAAO;CAAQ,QAAQ;CAAQ,UAAU;AAC1C;AACA,MAAa,YAAoB;CAChC,QAAQ;CAAM,OAAO;CAAK,QAAQ;CAClC,UAAU;CAAQ,UAAU;CAAQ,QAAQ;CAC5C,MAAM;CAAO,QAAQ;CAAO,MAAM;AACnC;AAEA,MAAa,UAAkB;CAC9B,SAAS;CAAS,SAAS;CAAQ,SAAS;CAC5C,QAAQ;CAAQ,SAAS;CAAQ,SAAS;CAC1C;CAAG,QAAQ;CAAQ,UAAU;AAC9B;AACA,MAAa,UAAkB;CAC9B,SAAS;CAAQ,UAAU;CAAQ,SAAS;CAC5C,SAAS;CAAO,QAAQ;CAAO,MAAM;CACrC,QAAQ;CAAQ,SAAS;CAAQ,SAAS;AAC3C;AAEA,MAAa,WAAmB;CAC/B,SAAS;CAAQ,SAAS;CAAS,SAAS;CAC5C,SAAS;CAAS,UAAU;CAAS,SAAS;CAC9C,QAAQ;CAAS,SAAS;CAAS,UAAU;AAC9C;AACA,MAAa,WAAmB;CAC/B,UAAU;CAAQ,UAAU;CAAQ,UAAU;CAC9C,UAAU;CAAQ,UAAU;CAAQ,QAAQ;CAC5C,QAAQ;CAAS,UAAU;CAAS,UAAU;AAC/C;AAEA,MAAa,mBAA2B;CACvC;CAAoB;CAAqB;CACzC;CAAoB;CAAmB;CACvC;CAAG;CAAG;AACP;AACA,MAAa,mBAA2B;CACvC;CAAoB;CAAsB;CAC1C;CAAqB;CAAoB;CACzC;CAAG;CAAG;AACP;AAEA,MAAa,eAAuB;CACnC,WAAW;CAAU,WAAW;CAAW,WAAW;CACtD,WAAW;CAAU,YAAY;CAAW,UAAU;CACtD;CAAG,WAAW;CAAW,YAAY;AACtC;AACA,MAAa,eAAuB;CACnC,WAAW;CAAU,WAAW;CAAU,WAAW;CACrD,YAAY;CAAU,WAAW;CAAU,SAAS;CACpD,SAAS;CAAU,WAAW;CAAU,WAAW;AACpD;AAEA,MAAa,WAAmB;CAC/B;CAAoB;CAAsB;CAC1C;CAAqB;CAAoB;CACzC;CAAuB;CAAsB;AAC9C;AACA,MAAa,WAAmB;CAC/B;CAAmB;CAAsB;CACzC;CAAqB;CAAoB;CACzC;CAAsB;CAAuB;AAC9C;AAEA,MAAa,WAAmB;CAC/B;CAAmB;CAAoB;CACvC;CAAoB;CAAoB;CACxC;CAAoB;CAAoB;AACzC;AACA,MAAa,aAAqB;CACjC;CAAmB;CAAoB;CACvC;CAAoB;CAAmB;CACvC;CAAoB;CAAoB;AACzC;AACA,MAAa,WAAmB;CAC/B;CAAoB;CAAqB;CACzC;CAAqB;CAAmB;CACxC;CAAqB;CAAqB;AAC3C;AACA,MAAa,aAAqB;CACjC;CAAG;CAAoB;CACvB;CAAG;CAAqB;CACxB;CAAG;CAAqB;AACzB"}

package/esm/color/mix.d.ts

@@ -0,0 +1,30 @@
+import { Color, ColorSpaceId, Space } from "./types.js";
+/** How `mix` travels around the hue circle (CSS Color 4 section 12.4). */
+export type HueMethod = 'shorter' | 'longer' | 'increasing' | 'decreasing';
+/** Options for `mix` and the function `createMix` returns. */
+export interface MixOptions {
+  /** The space to interpolate in. Default `oklab`, which is what `color-mix()` uses. */
+  in?: ColorSpaceId;
+  /** How hues are interpolated, in the polar spaces. Default `shorter`. */
+  hue?: HueMethod;
+}
+/**
+ * Interpolates two colors the way CSS does (Color 4 section 13): in the space
+ * `in`, with premultiplied alpha, `none` taking the other color's value, and
+ * the chosen hue method. `t` is the weight of `b`, 0 to 1 (outside it
+ * extrapolates). Strings are parsed with `parse`.
+ *
+ * A hue that conversion makes powerless (chroma under 8e-6 in `oklch`, 0.0025
+ * in `lch`, saturation under 1e-4 in `hsl`, whiteness plus blackness filling `hwb`; for example white) becomes `none`, so it takes the other color's
+ * hue. A hue you wrote in the target space stays as written.
+ */
+export declare function mix(a: Color | string, b: Color | string, t?: number, options?: MixOptions): Color;
+/**
+ * Builds {@link mix} over the spaces given, plus `oklab`, the default `in`, so
+ * a bundle contains only those. Give the `in` space too when it is not
+ * `oklab`. It takes color objects, not strings, so it does not carry `parse`;
+ * pass strings through `parse` first. A color in a space not given throws,
+ * naming that space.
+ */
+export declare function createMix(...spaces: Space[]): (a: Color, b: Color, t?: number, options?: MixOptions) => Color;
+//# sourceMappingURL=mix.d.ts.map

package/esm/color/mix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mix.d.ts","names":[],"sources":["../../src/color/mix.ts"],"mappings":";;YASY;;iBAGK;;EAEhB,KAAK;;EAEL,MAAM;;;;;;;;;;;;wBA4FS,IAAI,GAAG,gBAAgB,GAAG,gBAAgB,YAAS,UAAS,aAAkB;;;;;;;;wBAW9E,aAAa,QAAQ,WAAW,GAAG,OAAO,GAAG,OAAO,YAAY,UAAU,eAAe"}

package/esm/color/mix.js

@@ -0,0 +1,152 @@
+import { componentsOver, convertWith } from "./convert.js";
+import { normalizeHue } from "./math.js";
+import { oklab } from "./oklab.js";
+import { toColor } from "./parse.js";
+import { componentsIn } from "./spaces.js";
+import { unknownName } from "./unknown-name.js";
+// src/color/mix.ts
+/** Index of the hue component, for the polar spaces. */
+const HUE_AT = {
+	__proto__: null,
+	hsl: 0,
+	hwb: 0,
+	lch: 2,
+	oklch: 2
+};
+/**
+* Which components are "analogous" (CSS Color 4 section 4.4): a `none` in one
+* space carries to the analogous component of another. One letter per
+* component; the RGB spaces share `RGB` and the XYZ ones `XYZ`.
+*/
+const ANALOGOUS = {
+	__proto__: null,
+	hsl: "hcl",
+	hwb: "hwk",
+	lab: "lab",
+	lch: "lch",
+	oklab: "lab",
+	oklch: "lch",
+	"xyz-d50": "XYZ",
+	"xyz-d65": "XYZ"
+};
+const analogous = (id) => ANALOGOUS[id] ?? "RGB";
+/** Converts, keeping `none` on components that have an analogous one in the source. */
+function convertKeepingNone(componentsIn, color, space) {
+	const out = convertWith(componentsIn, color, space);
+	if (color.colorSpace !== space && color.components.includes(null)) {
+		const from = analogous(color.colorSpace);
+		const to = analogous(space);
+		out.components = out.components.map((c, i) => color.components[from.indexOf(to[i])] === null ? null : c);
+	}
+	return out;
+}
+/**
+* Chroma below which a converted hue is powerless and so `none`, per polar
+* space. Follows colorjs.io, which treats a hue as powerless when both Lab
+* axes are under 1/100000 of their reference extent: 0.8 for Oklab (a, b in
+* -0.4 to 0.4) gives 8e-6, 250 for Lab (-125 to 125) gives 0.0025.
+*/
+const POWERLESS = {
+	__proto__: null,
+	oklch: 8e-6,
+	lch: .0025,
+	hsl: 1e-4
+};
+/**
+* Converts for interpolation. A hue that conversion produced for a gray
+* becomes `none`, so it takes the other color's hue; a hue the author wrote
+* (the color already in `space`) stays as written.
+*/
+function prepare(componentsIn, color, space) {
+	const out = convertKeepingNone(componentsIn, color, space);
+	if (color.colorSpace === space || space !== "hwb" && POWERLESS[space] === void 0) return out;
+	const [, x, y] = out.components;
+	const epsilon = POWERLESS[space];
+	if (typeof x === "number" && (space === "hwb" ? typeof y === "number" && x + y > 99.9999 : epsilon !== void 0 && x < epsilon)) out.components[HUE_AT[space]] = null;
+	return out;
+}
+const HUE_METHODS = [
+	"shorter",
+	"longer",
+	"increasing",
+	"decreasing"
+];
+/** Fixes up two hues so they interpolate by `method` (section 12.4). */
+function fixHues(h1, h2, method) {
+	let a = normalizeHue(h1);
+	let b = normalizeHue(h2);
+	const d = b - a;
+	if (method === "shorter") {
+		if (d > 180) a += 360;
+		else if (d < -180) b += 360;
+	} else if (method === "longer") {
+		if (d > 0 && d < 180) a += 360;
+		else if (d > -180 && d <= 0) b += 360;
+	} else if (method === "increasing") {
+		if (b < a) b += 360;
+	} else if (method !== "decreasing") throw unknownName("hue method", method, HUE_METHODS);
+	else if (a < b) a += 360;
+	return [a, b];
+}
+/**
+* Interpolates two colors the way CSS does (Color 4 section 13): in the space
+* `in`, with premultiplied alpha, `none` taking the other color's value, and
+* the chosen hue method. `t` is the weight of `b`, 0 to 1 (outside it
+* extrapolates). Strings are parsed with `parse`.
+*
+* A hue that conversion makes powerless (chroma under 8e-6 in `oklch`, 0.0025
+* in `lch`, saturation under 1e-4 in `hsl`, whiteness plus blackness filling `hwb`; for example white) becomes `none`, so it takes the other color's
+* hue. A hue you wrote in the target space stays as written.
+*/
+function mix(a, b, t = .5, options = {}) {
+	return mixWith(componentsIn, toColor(a), toColor(b), t, options);
+}
+/**
+* Builds {@link mix} over the spaces given, plus `oklab`, the default `in`, so
+* a bundle contains only those. Give the `in` space too when it is not
+* `oklab`. It takes color objects, not strings, so it does not carry `parse`;
+* pass strings through `parse` first. A color in a space not given throws,
+* naming that space.
+*/
+function createMix(...spaces) {
+	const over = componentsOver([oklab, ...spaces]);
+	return (a, b, t = .5, options = {}) => mixWith(over, a, b, t, options);
+}
+/** {@link mix} of two colors over the spaces `componentsIn` knows. */
+function mixWith(componentsIn, a, b, t, options) {
+	const space = options.in ?? "oklab";
+	const c1 = prepare(componentsIn, a, space);
+	const c2 = prepare(componentsIn, b, space);
+	const alpha1 = c1.alpha === void 0 ? 1 : c1.alpha;
+	const alpha2 = c2.alpha === void 0 ? 1 : c2.alpha;
+	const a1 = alpha1 ?? alpha2;
+	const p1 = a1 ?? 1;
+	const p2 = alpha2 ?? alpha1 ?? 1;
+	const alpha = p1 * (1 - t) + p2 * t;
+	const hueAt = HUE_AT[space];
+	const method = options.hue ?? "shorter";
+	const components = [];
+	for (let i = 0; i < c1.components.length; i++) {
+		const x = c1.components[i];
+		const y = c2.components[i];
+		const u = x ?? y;
+		const v = y ?? x;
+		if (u === null || v === null) components.push(null);
+		else if (i === hueAt) {
+			const [h1, h2] = fixHues(u, v, method);
+			components.push(normalizeHue(h1 * (1 - t) + h2 * t));
+		} else {
+			const premultiplied = u * p1 * (1 - t) + v * p2 * t;
+			components.push(alpha === 0 ? premultiplied : premultiplied / alpha);
+		}
+	}
+	const result = {
+		colorSpace: space,
+		components
+	};
+	if (a1 === null || alpha !== 1) result.alpha = a1 === null ? null : alpha;
+	return result;
+}
+export { createMix, mix };
+
+//# sourceMappingURL=mix.js.map

package/esm/color/mix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mix.js","names":[],"sources":["../../src/color/mix.ts"],"sourcesContent":["import { type ComponentsIn, componentsOver, convertWith } from './convert.js'\nimport { normalizeHue } from './math.js'\nimport { oklab } from './oklab.js'\nimport { toColor } from './parse.js'\nimport { componentsIn } from './spaces.js'\nimport type { Color, ColorSpaceId, Component, Space } from './types.js'\nimport { unknownName } from './unknown-name.js'\n\n/** How `mix` travels around the hue circle (CSS Color 4 section 12.4). */\nexport type HueMethod = 'shorter' | 'longer' | 'increasing' | 'decreasing'\n\n/** Options for `mix` and the function `createMix` returns. */\nexport interface MixOptions {\n\t/** The space to interpolate in. Default `oklab`, which is what `color-mix()` uses. */\n\tin?: ColorSpaceId\n\t/** How hues are interpolated, in the polar spaces. Default `shorter`. */\n\thue?: HueMethod\n}\n\n/** Index of the hue component, for the polar spaces. */\nconst HUE_AT: Record<string, number> = { __proto__: null as never, hsl: 0, hwb: 0, lch: 2, oklch: 2 }\n\n/**\n * Which components are \"analogous\" (CSS Color 4 section 4.4): a `none` in one\n * space carries to the analogous component of another. One letter per\n * component; the RGB spaces share `RGB` and the XYZ ones `XYZ`.\n */\nconst ANALOGOUS: Record<string, string> = {\n\t__proto__: null as never,\n\thsl: 'hcl',\n\thwb: 'hwk',\n\tlab: 'lab',\n\tlch: 'lch',\n\toklab: 'lab',\n\toklch: 'lch',\n\t'xyz-d50': 'XYZ',\n\t'xyz-d65': 'XYZ'\n}\nconst analogous = (id: ColorSpaceId): string => ANALOGOUS[id] ?? 'RGB'\n\n/** Converts, keeping `none` on components that have an analogous one in the source. */\nfunction convertKeepingNone(componentsIn: ComponentsIn, color: Color, space: ColorSpaceId): Color {\n\tconst out = convertWith(componentsIn, color, space)\n\t// Nothing to carry when no component is `none`, the common case.\n\tif (color.colorSpace !== space && color.components.includes(null)) {\n\t\tconst from = analogous(color.colorSpace)\n\t\tconst to = analogous(space)\n\t\tout.components = out.components.map((c, i) => (color.components[from.indexOf(to[i])] === null ? null : c))\n\t}\n\treturn out\n}\n\n/**\n * Chroma below which a converted hue is powerless and so `none`, per polar\n * space. Follows colorjs.io, which treats a hue as powerless when both Lab\n * axes are under 1/100000 of their reference extent: 0.8 for Oklab (a, b in\n * -0.4 to 0.4) gives 8e-6, 250 for Lab (-125 to 125) gives 0.0025.\n */\nconst POWERLESS: Record<string, number> = { __proto__: null as never, oklch: 8e-6, lch: 0.0025, hsl: 1e-4 }\n\n/**\n * Converts for interpolation. A hue that conversion produced for a gray\n * becomes `none`, so it takes the other color's hue; a hue the author wrote\n * (the color already in `space`) stays as written.\n */\nfunction prepare(componentsIn: ComponentsIn, color: Color, space: ColorSpaceId): Color {\n\tconst out = convertKeepingNone(componentsIn, color, space)\n\t// A space with no powerless entry (and not `hwb`) has no hue to lose.\n\tif (color.colorSpace === space || (space !== 'hwb' && POWERLESS[space] === undefined)) return out\n\tconst [, x, y] = out.components\n\tconst epsilon = POWERLESS[space]\n\tconst gray =\n\t\ttypeof x === 'number' &&\n\t\t(space === 'hwb' ? typeof y === 'number' && x + y > 100 - 1e-4 : epsilon !== undefined && x < epsilon)\n\tif (gray) out.components[HUE_AT[space] as number] = null\n\treturn out\n}\n\nconst HUE_METHODS = ['shorter', 'longer', 'increasing', 'decreasing']\n\n/** Fixes up two hues so they interpolate by `method` (section 12.4). */\nfunction fixHues(h1: number, h2: number, method: HueMethod): [number, number] {\n\tlet a = normalizeHue(h1)\n\tlet b = normalizeHue(h2)\n\tconst d = b - a\n\tif (method === 'shorter') {\n\t\tif (d > 180) a += 360\n\t\telse if (d < -180) b += 360\n\t} else if (method === 'longer') {\n\t\tif (d > 0 && d < 180) a += 360\n\t\telse if (d > -180 && d <= 0) b += 360\n\t} else if (method === 'increasing') {\n\t\tif (b < a) b += 360\n\t} else if (method !== 'decreasing') throw unknownName('hue method', method, HUE_METHODS)\n\telse if (a < b) a += 360\n\treturn [a, b]\n}\n\n/**\n * Interpolates two colors the way CSS does (Color 4 section 13): in the space\n * `in`, with premultiplied alpha, `none` taking the other color's value, and\n * the chosen hue method. `t` is the weight of `b`, 0 to 1 (outside it\n * extrapolates). Strings are parsed with `parse`.\n *\n * A hue that conversion makes powerless (chroma under 8e-6 in `oklch`, 0.0025\n * in `lch`, saturation under 1e-4 in `hsl`, whiteness plus blackness filling `hwb`; for example white) becomes `none`, so it takes the other color's\n * hue. A hue you wrote in the target space stays as written.\n */\nexport function mix(a: Color | string, b: Color | string, t = 0.5, options: MixOptions = {}): Color {\n\treturn mixWith(componentsIn, toColor(a), toColor(b), t, options)\n}\n\n/**\n * Builds {@link mix} over the spaces given, plus `oklab`, the default `in`, so\n * a bundle contains only those. Give the `in` space too when it is not\n * `oklab`. It takes color objects, not strings, so it does not carry `parse`;\n * pass strings through `parse` first. A color in a space not given throws,\n * naming that space.\n */\nexport function createMix(...spaces: Space[]): (a: Color, b: Color, t?: number, options?: MixOptions) => Color {\n\tconst over = componentsOver([oklab, ...spaces])\n\treturn (a, b, t = 0.5, options = {}) => mixWith(over, a, b, t, options)\n}\n\n/** {@link mix} of two colors over the spaces `componentsIn` knows. */\nfunction mixWith(componentsIn: ComponentsIn, a: Color, b: Color, t: number, options: MixOptions): Color {\n\tconst space = options.in ?? 'oklab'\n\tconst c1 = prepare(componentsIn, a, space)\n\tconst c2 = prepare(componentsIn, b, space)\n\t// A `none` takes the other side's value; both `none` stays `none`.\n\tconst alpha1 = c1.alpha === undefined ? 1 : c1.alpha\n\tconst alpha2 = c2.alpha === undefined ? 1 : c2.alpha\n\tconst a1 = alpha1 ?? alpha2\n\tconst p1 = a1 ?? 1\n\tconst p2 = alpha2 ?? alpha1 ?? 1\n\tconst alpha = p1 * (1 - t) + p2 * t\n\tconst hueAt = HUE_AT[space]\n\tconst method = options.hue ?? 'shorter'\n\tconst components: Component[] = []\n\tfor (let i = 0; i < c1.components.length; i++) {\n\t\tconst x = c1.components[i] as Component\n\t\tconst y = c2.components[i] as Component\n\t\tconst u = x ?? y\n\t\tconst v = y ?? x\n\t\tif (u === null || v === null) {\n\t\t\tcomponents.push(null)\n\t\t} else if (i === hueAt) {\n\t\t\tconst [h1, h2] = fixHues(u, v, method)\n\t\t\tcomponents.push(normalizeHue(h1 * (1 - t) + h2 * t))\n\t\t} else {\n\t\t\tconst premultiplied = u * p1 * (1 - t) + v * p2 * t\n\t\t\tcomponents.push(alpha === 0 ? premultiplied : premultiplied / alpha)\n\t\t}\n\t}\n\tconst result: Color = { colorSpace: space, components }\n\tif (a1 === null || alpha !== 1) result.alpha = a1 === null ? null : alpha\n\treturn result\n}\n"],"mappings":";;;;;;;;AAoBA,MAAM,SAAiC;CAAE,WAAW;CAAe,KAAK;CAAG,KAAK;CAAG,KAAK;CAAG,OAAO;AAAE;;;;;;AAOpG,MAAM,YAAoC;CACzC,WAAW;CACX,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,OAAO;CACP,OAAO;CACP,WAAW;CACX,WAAW;AACZ;AACA,MAAM,aAAa,OAA6B,UAAU,OAAO;;AAGjE,SAAS,mBAAmB,cAA4B,OAAc,OAA4B;CACjG,MAAM,MAAM,YAAY,cAAc,OAAO,KAAK;CAElD,IAAI,MAAM,eAAe,SAAS,MAAM,WAAW,SAAS,IAAI,GAAG;EAClE,MAAM,OAAO,UAAU,MAAM,UAAU;EACvC,MAAM,KAAK,UAAU,KAAK;EAC1B,IAAI,aAAa,IAAI,WAAW,KAAK,GAAG,MAAO,MAAM,WAAW,KAAK,QAAQ,GAAG,EAAE,OAAO,OAAO,OAAO,CAAE;CAC1G;CACA,OAAO;AACR;;;;;;;AAQA,MAAM,YAAoC;CAAE,WAAW;CAAe,OAAO;CAAM,KAAK;CAAQ,KAAK;AAAK;;;;;;AAO1G,SAAS,QAAQ,cAA4B,OAAc,OAA4B;CACtF,MAAM,MAAM,mBAAmB,cAAc,OAAO,KAAK;CAEzD,IAAI,MAAM,eAAe,SAAU,UAAU,SAAS,UAAU,WAAW,KAAA,GAAY,OAAO;CAC9F,MAAM,GAAG,GAAG,KAAK,IAAI;CACrB,MAAM,UAAU,UAAU;CAI1B,IAFC,OAAO,MAAM,aACZ,UAAU,QAAQ,OAAO,MAAM,YAAY,IAAI,IAAI,UAAa,YAAY,KAAA,KAAa,IAAI,UACrF,IAAI,WAAW,OAAO,UAAoB;CACpD,OAAO;AACR;AAEA,MAAM,cAAc;CAAC;CAAW;CAAU;CAAc;AAAY;;AAGpE,SAAS,QAAQ,IAAY,IAAY,QAAqC;CAC7E,IAAI,IAAI,aAAa,EAAE;CACvB,IAAI,IAAI,aAAa,EAAE;CACvB,MAAM,IAAI,IAAI;CACd,IAAI,WAAW,WAAW;EACzB,IAAI,IAAI,KAAK,KAAK;OACb,IAAI,IAAI,MAAM,KAAK;CACzB,OAAO,IAAI,WAAW,UAAU;EAC/B,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK;OACtB,IAAI,IAAI,QAAQ,KAAK,GAAG,KAAK;CACnC,OAAO,IAAI,WAAW,cACjB;MAAA,IAAI,GAAG,KAAK;CAAA,OACV,IAAI,WAAW,cAAc,MAAM,YAAY,cAAc,QAAQ,WAAW;MAClF,IAAI,IAAI,GAAG,KAAK;CACrB,OAAO,CAAC,GAAG,CAAC;AACb;;;;;;;;;;;AAYA,SAAgB,IAAI,GAAmB,GAAmB,IAAI,IAAK,UAAsB,CAAC,GAAU;CACnG,OAAO,QAAQ,cAAc,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,OAAO;AAChE;;;;;;;;AASA,SAAgB,UAAU,GAAG,QAAkF;CAC9G,MAAM,OAAO,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;CAC9C,QAAQ,GAAG,GAAG,IAAI,IAAK,UAAU,CAAC,MAAM,QAAQ,MAAM,GAAG,GAAG,GAAG,OAAO;AACvE;;AAGA,SAAS,QAAQ,cAA4B,GAAU,GAAU,GAAW,SAA4B;CACvG,MAAM,QAAQ,QAAQ,MAAM;CAC5B,MAAM,KAAK,QAAQ,cAAc,GAAG,KAAK;CACzC,MAAM,KAAK,QAAQ,cAAc,GAAG,KAAK;CAEzC,MAAM,SAAS,GAAG,UAAU,KAAA,IAAY,IAAI,GAAG;CAC/C,MAAM,SAAS,GAAG,UAAU,KAAA,IAAY,IAAI,GAAG;CAC/C,MAAM,KAAK,UAAU;CACrB,MAAM,KAAK,MAAM;CACjB,MAAM,KAAK,UAAU,UAAU;CAC/B,MAAM,QAAQ,MAAM,IAAI,KAAK,KAAK;CAClC,MAAM,QAAQ,OAAO;CACrB,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,aAA0B,CAAC;CACjC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,WAAW,QAAQ,KAAK;EAC9C,MAAM,IAAI,GAAG,WAAW;EACxB,MAAM,IAAI,GAAG,WAAW;EACxB,MAAM,IAAI,KAAK;EACf,MAAM,IAAI,KAAK;EACf,IAAI,MAAM,QAAQ,MAAM,MACvB,WAAW,KAAK,IAAI;OACd,IAAI,MAAM,OAAO;GACvB,MAAM,CAAC,IAAI,MAAM,QAAQ,GAAG,GAAG,MAAM;GACrC,WAAW,KAAK,aAAa,MAAM,IAAI,KAAK,KAAK,CAAC,CAAC;EACpD,OAAO;GACN,MAAM,gBAAgB,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK;GAClD,WAAW,KAAK,UAAU,IAAI,gBAAgB,gBAAgB,KAAK;EACpE;CACD;CACA,MAAM,SAAgB;EAAE,YAAY;EAAO;CAAW;CACtD,IAAI,OAAO,QAAQ,UAAU,GAAG,OAAO,QAAQ,OAAO,OAAO,OAAO;CACpE,OAAO;AACR"}

package/esm/color/named.js

@@ -0,0 +1,11 @@
+// src/color/named.ts
+const DATA = "aliceblue:f0f8ff,antiquewhite:faebd7,aqua:00ffff,aquamarine:7fffd4,azure:f0ffff,beige:f5f5dc,bisque:ffe4c4,black:000000,blanchedalmond:ffebcd,blue:0000ff,blueviolet:8a2be2,brown:a52a2a,burlywood:deb887,cadetblue:5f9ea0,chartreuse:7fff00,chocolate:d2691e,coral:ff7f50,cornflowerblue:6495ed,cornsilk:fff8dc,crimson:dc143c,cyan:00ffff,darkblue:00008b,darkcyan:008b8b,darkgoldenrod:b8860b,darkgray:a9a9a9,darkgreen:006400,darkgrey:a9a9a9,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkslategrey:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray:696969,dimgrey:696969,dodgerblue:1e90ff,firebrick:b22222,floralwhite:fffaf0,forestgreen:228b22,fuchsia:ff00ff,gainsboro:dcdcdc,ghostwhite:f8f8ff,gold:ffd700,goldenrod:daa520,gray:808080,green:008000,greenyellow:adff2f,grey:808080,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0ffff,lightgoldenrodyellow:fafad2,lightgray:d3d3d3,lightgreen:90ee90,lightgrey:d3d3d3,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightslategrey:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370db,mediumseagreen:3cb371,mediumslateblue:7b68ee,mediumspringgreen:00fa9a,mediumturquoise:48d1cc,mediumvioletred:c71585,midnightblue:191970,mintcream:f5fffa,mistyrose:ffe4e1,moccasin:ffe4b5,navajowhite:ffdead,navy:000080,oldlace:fdf5e6,olive:808000,olivedrab:6b8e23,orange:ffa500,orangered:ff4500,orchid:da70d6,palegoldenrod:eee8aa,palegreen:98fb98,paleturquoise:afeeee,palevioletred:db7093,papayawhip:ffefd5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,slategrey:708090,snow:fffafa,springgreen:00ff7f,steelblue:4682b4,tan:d2b48c,teal:008080,thistle:d8bfd8,tomato:ff6347,turquoise:40e0d0,violet:ee82ee,wheat:f5deb3,white:ffffff,whitesmoke:f5f5f5,yellow:ffff00,yellowgreen:9acd32";
+let table;
+/** The 0xRRGGBB value of a CSS named color, or undefined. Built on first use. */
+function namedColor(name) {
+	table ??= new Map(DATA.split(",").map((p) => [p.slice(0, p.indexOf(":")), Number.parseInt(p.slice(p.indexOf(":") + 1), 16)]));
+	return table.get(name);
+}
+export { namedColor };
+
+//# sourceMappingURL=named.js.map

package/esm/color/named.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"named.js","names":[],"sources":["../../src/color/named.ts"],"sourcesContent":["// The 148 CSS named colors (CSS Color 4 section 6.1), as `name:rrggbb` pairs.\nconst DATA =\n\t'aliceblue:f0f8ff,antiquewhite:faebd7,aqua:00ffff,aquamarine:7fffd4,azure:f0ffff,beige:f5f5dc,bisque:ffe4c4,black:000000,blanchedalmond:ffebcd,blue:0000ff,blueviolet:8a2be2,brown:a52a2a,burlywood:deb887,cadetblue:5f9ea0,chartreuse:7fff00,chocolate:d2691e,coral:ff7f50,cornflowerblue:6495ed,cornsilk:fff8dc,crimson:dc143c,cyan:00ffff,darkblue:00008b,darkcyan:008b8b,darkgoldenrod:b8860b,darkgray:a9a9a9,darkgreen:006400,darkgrey:a9a9a9,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkslategrey:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray:696969,dimgrey:696969,dodgerblue:1e90ff,firebrick:b22222,floralwhite:fffaf0,forestgreen:228b22,fuchsia:ff00ff,gainsboro:dcdcdc,ghostwhite:f8f8ff,gold:ffd700,goldenrod:daa520,gray:808080,green:008000,greenyellow:adff2f,grey:808080,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0ffff,lightgoldenrodyellow:fafad2,lightgray:d3d3d3,lightgreen:90ee90,lightgrey:d3d3d3,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightslategrey:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370db,mediumseagreen:3cb371,mediumslateblue:7b68ee,mediumspringgreen:00fa9a,mediumturquoise:48d1cc,mediumvioletred:c71585,midnightblue:191970,mintcream:f5fffa,mistyrose:ffe4e1,moccasin:ffe4b5,navajowhite:ffdead,navy:000080,oldlace:fdf5e6,olive:808000,olivedrab:6b8e23,orange:ffa500,orangered:ff4500,orchid:da70d6,palegoldenrod:eee8aa,palegreen:98fb98,paleturquoise:afeeee,palevioletred:db7093,papayawhip:ffefd5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,slategrey:708090,snow:fffafa,springgreen:00ff7f,steelblue:4682b4,tan:d2b48c,teal:008080,thistle:d8bfd8,tomato:ff6347,turquoise:40e0d0,violet:ee82ee,wheat:f5deb3,white:ffffff,whitesmoke:f5f5f5,yellow:ffff00,yellowgreen:9acd32'\n\nlet table: Map<string, number> | undefined\n\n/** The 0xRRGGBB value of a CSS named color, or undefined. Built on first use. */\nexport function namedColor(name: string): number | undefined {\n\ttable ??= new Map(\n\t\tDATA.split(',').map((p) => [p.slice(0, p.indexOf(':')), Number.parseInt(p.slice(p.indexOf(':') + 1), 16)])\n\t)\n\treturn table.get(name)\n}\n"],"mappings":";AACA,MAAM,OACL;AAED,IAAI;;AAGJ,SAAgB,WAAW,MAAkC;CAC5D,UAAU,IAAI,IACb,KAAK,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,CAAC,EAAE,MAAM,GAAG,EAAE,QAAQ,GAAG,CAAC,GAAG,OAAO,SAAS,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAC1G;CACA,OAAO,MAAM,IAAI,IAAI;AACtB"}

package/esm/color/oklab.d.ts

@@ -0,0 +1,7 @@
+import { Space } from "./types.js";
+/**
+ * The CSS `oklab` space. Components are lightness in 0 to 1, then the a and b axes, which stay within about -0.4 to 0.4 for real colors.
+ * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+ */
+export declare const oklab: Space;
+//# sourceMappingURL=oklab.d.ts.map

package/esm/color/oklab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklab.d.ts","names":[],"sources":["../../src/color/oklab.ts"],"mappings":";;;;;qBAQa,OAAO"}

package/esm/color/oklab.js

@@ -0,0 +1,21 @@
+import { multiply } from "./math.js";
+import { lmsToOklab, lmsToXyz, oklabToLms, xyzToLms } from "./matrices.js";
+// src/color/oklab.ts
+/**
+* The CSS `oklab` space. Components are lightness in 0 to 1, then the a and b axes, which stay within about -0.4 to 0.4 for real colors.
+* Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+*/
+const oklab = {
+	id: "oklab",
+	toXyz: (c) => {
+		const v = multiply(oklabToLms, c[0], c[1], c[2]);
+		return multiply(lmsToXyz, v[0] ** 3, v[1] ** 3, v[2] ** 3);
+	},
+	fromXyz: (xyz) => {
+		const v = multiply(xyzToLms, xyz[0], xyz[1], xyz[2]);
+		return multiply(lmsToOklab, Math.cbrt(v[0]), Math.cbrt(v[1]), Math.cbrt(v[2]));
+	}
+};
+export { oklab };
+
+//# sourceMappingURL=oklab.js.map

package/esm/color/oklab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklab.js","names":[],"sources":["../../src/color/oklab.ts"],"sourcesContent":["import { multiply } from './math.js'\nimport { lmsToOklab, lmsToXyz, oklabToLms, xyzToLms } from './matrices.js'\nimport type { Space } from './types.js'\n\n/**\n * The CSS `oklab` space. Components are lightness in 0 to 1, then the a and b axes, which stay within about -0.4 to 0.4 for real colors.\n * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.\n */\nexport const oklab: Space = {\n\tid: 'oklab',\n\ttoXyz: (c) => {\n\t\tconst v = multiply(oklabToLms, c[0], c[1], c[2])\n\t\treturn multiply(lmsToXyz, v[0] ** 3, v[1] ** 3, v[2] ** 3)\n\t},\n\tfromXyz: (xyz) => {\n\t\tconst v = multiply(xyzToLms, xyz[0], xyz[1], xyz[2])\n\t\treturn multiply(lmsToOklab, Math.cbrt(v[0]), Math.cbrt(v[1]), Math.cbrt(v[2]))\n\t}\n}\n"],"mappings":";;;;;;;AAQA,MAAa,QAAe;CAC3B,IAAI;CACJ,QAAQ,MAAM;EACb,MAAM,IAAI,SAAS,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;EAC/C,OAAO,SAAS,UAAU,EAAE,MAAM,GAAG,EAAE,MAAM,GAAG,EAAE,MAAM,CAAC;CAC1D;CACA,UAAU,QAAQ;EACjB,MAAM,IAAI,SAAS,UAAU,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;EACnD,OAAO,SAAS,YAAY,KAAK,KAAK,EAAE,EAAE,GAAG,KAAK,KAAK,EAAE,EAAE,GAAG,KAAK,KAAK,EAAE,EAAE,CAAC;CAC9E;AACD"}