color-map 2.2.0 → 2.3.1

package/cjs/serialize-Ci2X0cPN.js

@@ -0,0 +1,103 @@
+const require_parse = require("./parse-8mt2OMKf.js");
+// src/color/serialize.ts
+const POWERS = Array.from({ length: 23 }, (_, i) => Number(`1e${i}`));
+/**
+* `Number(n.toFixed(precision))`, without building the string. `toFixed` rounds
+* the exact value of `n` half up (away from zero), and the number it then reads
+* is `k / 10^precision` for that integer `k`, which one division gives exactly.
+* `k` comes from `t = |n| * 10^precision`. The product is rounded, but a tie
+* (`t` ending in .5) is a double, and rounding is monotonic, so any `t` that
+* is not exactly a tie lies on the same side of it as the exact product: only
+* `t` ending in .5 is left to `toFixed`. So are NaN, the infinities, products
+* of 1e9 and up, and precisions that `POWERS` lacks.
+*/
+function roundTo(n, precision) {
+	const scale = POWERS[precision];
+	const t = Math.abs(n) * scale;
+	const whole = Math.floor(t);
+	const rest = t - whole;
+	if (t < 1e9 && rest !== .5) {
+		const r = (rest > .5 ? whole + 1 : whole) / scale;
+		return n < 0 ? -r : r;
+	}
+	return Number(n.toFixed(precision));
+}
+/** Prints a number with at most `precision` decimals, without `-0` or trailing zeros. */
+function num(n, precision) {
+	return String(roundTo(n, precision) + 0);
+}
+const part = (c, precision, scale = 1, suffix = "") => c === null ? "none" : num(c * scale, precision) + suffix;
+const RECTANGULAR = /* @__PURE__ */ new Set([
+	"hsl",
+	"hwb",
+	"lab",
+	"lch",
+	"oklab",
+	"oklch"
+]);
+/**
+* Serializes a color as CSS. `srgb` and `hsl` print in the comma syntax
+* (`rgb(255, 0, 0)`, `rgba(...)`) unless a component is `none`; the other
+* spaces print in the space syntax (`oklch(0.7 0.1 200 / 0.5)`,
+* `color(display-p3 1 0 0)`). Out-of-gamut values are kept, not clipped.
+*/
+function toCss(color, options = {}) {
+	const { precision = 5 } = options;
+	const id = color.colorSpace;
+	const [c0, c1, c2] = color.components;
+	const p = (c, scale, suffix) => part(c, precision, scale, suffix);
+	const a = color.alpha !== void 0 && color.alpha !== 1 ? p(color.alpha) : void 0;
+	const percent = id === "hsl" || id === "hwb" ? "%" : "";
+	const scale = id === "srgb" ? 255 : 1;
+	const args = [
+		p(c0, scale),
+		p(c1, scale, percent),
+		p(c2, scale, percent)
+	];
+	if ((id === "srgb" || id === "hsl") && color.alpha !== null && !color.components.includes(null)) {
+		const name = id === "srgb" ? "rgb" : "hsl";
+		return a === void 0 ? `${name}(${args.join(", ")})` : `${name}a(${args.join(", ")}, ${a})`;
+	}
+	return `${id === "srgb" ? "rgb(" : RECTANGULAR.has(id) ? `${id}(` : `color(${id} `}${args.join(" ")}${a === void 0 ? "" : ` / ${a}`})`;
+}
+const hexByte = (n) => Math.min(255, Math.max(0, Math.round(n * 255))).toString(16).padStart(2, "0");
+/**
+* The hex form of a color, `#rrggbb` or `#rrggbbaa` when it is not opaque.
+* Colors outside sRGB are converted and clipped, so map them with `toGamut` first.
+*/
+function toHex(color) {
+	return hexWith(require_parse.componentsIn, color);
+}
+function hexWith(componentsIn, color) {
+	const [r, g, b] = componentsIn(color, "srgb");
+	const alpha = color.alpha ?? 1;
+	return `#${hexByte(r)}${hexByte(g)}${hexByte(b)}${alpha === 1 ? "" : hexByte(alpha)}`;
+}
+/**
+* Builds {@link toHex} over the spaces given, plus `srgb`, so a bundle contains
+* only those. A color in a space not given throws, naming that space.
+*/
+function createToHex(...spaces) {
+	const over = require_parse.componentsOver([require_parse.srgb, ...spaces]);
+	return (color) => hexWith(over, color);
+}
+Object.defineProperty(exports, "createToHex", {
+	enumerable: true,
+	get: function() {
+		return createToHex;
+	}
+});
+Object.defineProperty(exports, "toCss", {
+	enumerable: true,
+	get: function() {
+		return toCss;
+	}
+});
+Object.defineProperty(exports, "toHex", {
+	enumerable: true,
+	get: function() {
+		return toHex;
+	}
+});
+
+//# sourceMappingURL=serialize-Ci2X0cPN.js.map

package/cjs/serialize-Ci2X0cPN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialize-Ci2X0cPN.js","names":["componentsIn","componentsOver","srgb"],"sources":["../src/color/serialize.ts"],"sourcesContent":["import { type ComponentsIn, componentsOver } from './convert.js'\nimport { componentsIn } from './spaces.js'\nimport { srgb } from './srgb.js'\nimport type { Color, ColorSpaceId, Component, Space } from './types.js'\n\n/** Options for `toCss`. */\nexport interface ToCssOptions {\n\t/** Decimal places kept in every number. Default 5. */\n\tprecision?: number\n}\n\nconst POWERS = Array.from({ length: 23 }, (_, i) => Number(`1e${i}`))\n\n/**\n * `Number(n.toFixed(precision))`, without building the string. `toFixed` rounds\n * the exact value of `n` half up (away from zero), and the number it then reads\n * is `k / 10^precision` for that integer `k`, which one division gives exactly.\n * `k` comes from `t = |n| * 10^precision`. The product is rounded, but a tie\n * (`t` ending in .5) is a double, and rounding is monotonic, so any `t` that\n * is not exactly a tie lies on the same side of it as the exact product: only\n * `t` ending in .5 is left to `toFixed`. So are NaN, the infinities, products\n * of 1e9 and up, and precisions that `POWERS` lacks.\n */\nexport function roundTo(n: number, precision: number): number {\n\tconst scale = POWERS[precision]\n\tconst t = Math.abs(n) * scale\n\tconst whole = Math.floor(t)\n\tconst rest = t - whole\n\tif (t < 1e9 && rest !== 0.5) {\n\t\tconst r = (rest > 0.5 ? whole + 1 : whole) / scale\n\t\treturn n < 0 ? -r : r\n\t}\n\treturn Number(n.toFixed(precision))\n}\n\n/** Prints a number with at most `precision` decimals, without `-0` or trailing zeros. */\nfunction num(n: number, precision: number): string {\n\treturn String(roundTo(n, precision) + 0)\n}\n\nconst part = (c: Component, precision: number, scale = 1, suffix = ''): string =>\n\tc === null ? 'none' : num(c * scale, precision) + suffix\n\nconst RECTANGULAR = new Set<ColorSpaceId>(['hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'])\n\n/**\n * Serializes a color as CSS. `srgb` and `hsl` print in the comma syntax\n * (`rgb(255, 0, 0)`, `rgba(...)`) unless a component is `none`; the other\n * spaces print in the space syntax (`oklch(0.7 0.1 200 / 0.5)`,\n * `color(display-p3 1 0 0)`). Out-of-gamut values are kept, not clipped.\n */\nexport function toCss(color: Color, options: ToCssOptions = {}): string {\n\tconst { precision = 5 } = options\n\tconst id = color.colorSpace\n\tconst [c0, c1, c2] = color.components\n\tconst p = (c: Component, scale?: number, suffix?: string): string => part(c, precision, scale, suffix)\n\tconst hasAlpha = color.alpha !== undefined && color.alpha !== 1\n\tconst a = hasAlpha ? p(color.alpha as Component) : undefined\n\tconst percent = id === 'hsl' || id === 'hwb' ? '%' : ''\n\tconst scale = id === 'srgb' ? 255 : 1\n\tconst args = [p(c0, scale), p(c1, scale, percent), p(c2, scale, percent)]\n\tif ((id === 'srgb' || id === 'hsl') && color.alpha !== null && !color.components.includes(null)) {\n\t\tconst name = id === 'srgb' ? 'rgb' : 'hsl'\n\t\treturn a === undefined ? `${name}(${args.join(', ')})` : `${name}a(${args.join(', ')}, ${a})`\n\t}\n\tconst head = id === 'srgb' ? 'rgb(' : RECTANGULAR.has(id) ? `${id}(` : `color(${id} `\n\treturn `${head}${args.join(' ')}${a === undefined ? '' : ` / ${a}`})`\n}\n\nconst hexByte = (n: number): string =>\n\tMath.min(255, Math.max(0, Math.round(n * 255)))\n\t\t.toString(16)\n\t\t.padStart(2, '0')\n\n/**\n * The hex form of a color, `#rrggbb` or `#rrggbbaa` when it is not opaque.\n * Colors outside sRGB are converted and clipped, so map them with `toGamut` first.\n */\nexport function toHex(color: Color): string {\n\treturn hexWith(componentsIn, color)\n}\n\nfunction hexWith(componentsIn: ComponentsIn, color: Color): string {\n\tconst [r, g, b] = componentsIn(color, 'srgb') as number[]\n\tconst alpha = color.alpha ?? 1\n\treturn `#${hexByte(r)}${hexByte(g)}${hexByte(b)}${alpha === 1 ? '' : hexByte(alpha)}`\n}\n\n/**\n * Builds {@link toHex} over the spaces given, plus `srgb`, so a bundle contains\n * only those. A color in a space not given throws, naming that space.\n */\nexport function createToHex(...spaces: Space[]): (color: Color) => string {\n\tconst over = componentsOver([srgb, ...spaces])\n\treturn (color) => hexWith(over, color)\n}\n"],"mappings":";;AAWA,MAAM,SAAS,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,OAAO,KAAK,GAAG,CAAC;;;;;;;;;;;AAYpE,SAAgB,QAAQ,GAAW,WAA2B;CAC7D,MAAM,QAAQ,OAAO;CACrB,MAAM,IAAI,KAAK,IAAI,CAAC,IAAI;CACxB,MAAM,QAAQ,KAAK,MAAM,CAAC;CAC1B,MAAM,OAAO,IAAI;CACjB,IAAI,IAAI,OAAO,SAAS,IAAK;EAC5B,MAAM,KAAK,OAAO,KAAM,QAAQ,IAAI,SAAS;EAC7C,OAAO,IAAI,IAAI,CAAC,IAAI;CACrB;CACA,OAAO,OAAO,EAAE,QAAQ,SAAS,CAAC;AACnC;;AAGA,SAAS,IAAI,GAAW,WAA2B;CAClD,OAAO,OAAO,QAAQ,GAAG,SAAS,IAAI,CAAC;AACxC;AAEA,MAAM,QAAQ,GAAc,WAAmB,QAAQ,GAAG,SAAS,OAClE,MAAM,OAAO,SAAS,IAAI,IAAI,OAAO,SAAS,IAAI;AAEnD,MAAM,8BAAc,IAAI,IAAkB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAS;AAAO,CAAC;;;;;;;AAQxF,SAAgB,MAAM,OAAc,UAAwB,CAAC,GAAW;CACvE,MAAM,EAAE,YAAY,MAAM;CAC1B,MAAM,KAAK,MAAM;CACjB,MAAM,CAAC,IAAI,IAAI,MAAM,MAAM;CAC3B,MAAM,KAAK,GAAc,OAAgB,WAA4B,KAAK,GAAG,WAAW,OAAO,MAAM;CAErG,MAAM,IADW,MAAM,UAAU,KAAA,KAAa,MAAM,UAAU,IACzC,EAAE,MAAM,KAAkB,IAAI,KAAA;CACnD,MAAM,UAAU,OAAO,SAAS,OAAO,QAAQ,MAAM;CACrD,MAAM,QAAQ,OAAO,SAAS,MAAM;CACpC,MAAM,OAAO;EAAC,EAAE,IAAI,KAAK;EAAG,EAAE,IAAI,OAAO,OAAO;EAAG,EAAE,IAAI,OAAO,OAAO;CAAC;CACxE,KAAK,OAAO,UAAU,OAAO,UAAU,MAAM,UAAU,QAAQ,CAAC,MAAM,WAAW,SAAS,IAAI,GAAG;EAChG,MAAM,OAAO,OAAO,SAAS,QAAQ;EACrC,OAAO,MAAM,KAAA,IAAY,GAAG,KAAK,GAAG,KAAK,KAAK,IAAI,EAAE,KAAK,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE;CAC5F;CAEA,OAAO,GADM,OAAO,SAAS,SAAS,YAAY,IAAI,EAAE,IAAI,GAAG,GAAG,KAAK,SAAS,GAAG,KAClE,KAAK,KAAK,GAAG,IAAI,MAAM,KAAA,IAAY,KAAK,MAAM,IAAI;AACpE;AAEA,MAAM,WAAW,MAChB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAC7C,SAAS,EAAE,CAAC,CACZ,SAAS,GAAG,GAAG;;;;;AAMlB,SAAgB,MAAM,OAAsB;CAC3C,OAAO,QAAQA,cAAAA,cAAc,KAAK;AACnC;AAEA,SAAS,QAAQ,cAA4B,OAAsB;CAClE,MAAM,CAAC,GAAG,GAAG,KAAK,aAAa,OAAO,MAAM;CAC5C,MAAM,QAAQ,MAAM,SAAS;CAC7B,OAAO,IAAI,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,UAAU,IAAI,KAAK,QAAQ,KAAK;AACnF;;;;;AAMA,SAAgB,YAAY,GAAG,QAA2C;CACzE,MAAM,OAAOC,cAAAA,eAAe,CAACC,cAAAA,MAAM,GAAG,MAAM,CAAC;CAC7C,QAAQ,UAAU,QAAQ,MAAM,KAAK;AACtC"}

package/cjs/tokens/index.d.ts

@@ -0,0 +1,2 @@
+import { a as DtcgOptions, c as toDtcgValue, d as TokenTree, i as DtcgGroup, l as CssVariablesOptions, n as toTailwindTheme, o as DtcgToken, r as DtcgColorValue, s as toDtcg, t as TailwindThemeOptions, u as toCssVariables } from "../index-Dy8UARqO.js";
+export { type CssVariablesOptions, type DtcgColorValue, type DtcgGroup, type DtcgOptions, type DtcgToken, type TailwindThemeOptions, type TokenTree, toCssVariables, toDtcg, toDtcgValue, toTailwindTheme };

package/cjs/tokens/index.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_tokens = require("../tokens-CzXxaMgM.js");
+exports.toCssVariables = require_tokens.toCssVariables;
+exports.toDtcg = require_tokens.toDtcg;
+exports.toDtcgValue = require_tokens.toDtcgValue;
+exports.toTailwindTheme = require_tokens.toTailwindTheme;

package/cjs/tokens-CzXxaMgM.js

@@ -0,0 +1,168 @@
+const require_serialize = require("./serialize-Ci2X0cPN.js");
+const require_parse = require("./parse-8mt2OMKf.js");
+// src/tokens/tokens.ts
+const TAILWIND_STEPS = [
+	50,
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900,
+	950
+];
+const isColor = (v) => typeof v === "object" && v !== null && typeof v.colorSpace === "string" && Array.isArray(v.components);
+function dropMeasures(tree) {
+	const { meta: _meta, scales, roles, ...rest } = tree;
+	const pairs = Object.fromEntries(Object.entries(roles).map(([name, p]) => [name, {
+		bg: p.bg,
+		fg: p.fg
+	}]));
+	return {
+		...rest,
+		...scales,
+		roles: pairs
+	};
+}
+const isSemantic = (v) => "roles" in v && "scales" in v && "meta" in v;
+/**
+* Walks a token tree into a flat list. An array gets the Tailwind keys
+* (50 to 950) when it has 11 colors and 1-based numbers otherwise; pass an
+* object to choose the keys. A value that is not a color, a string, an array
+* or an object throws with its path.
+*/
+function flatten(tree) {
+	const out = [];
+	const walk = (node, path) => {
+		if (typeof node === "string") return void out.push({
+			path,
+			color: require_parse.parse(node)
+		});
+		if (isColor(node)) return void out.push({
+			path,
+			color: node
+		});
+		if (Array.isArray(node)) {
+			node.forEach((v, i) => {
+				walk(v, [...path, String(node.length === TAILWIND_STEPS.length ? TAILWIND_STEPS[i] : i + 1)]);
+			});
+			return;
+		}
+		if (typeof node === "object" && node !== null) {
+			const obj = isSemantic(node) ? dropMeasures(node) : node;
+			for (const [k, v] of Object.entries(obj)) walk(v, [...path, k]);
+			return;
+		}
+		throw new TypeError(`${path.join(".") || "(root)"} is not a color, a string, an array or an object`);
+	};
+	walk(tree, []);
+	return out;
+}
+/** `primaryContainer` and `Primary Container` both become `primary-container`. */
+const kebab = (name) => name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase();
+/** Names tokens for CSS: kebab-case segments joined by `-` after `prefix`. Two tokens with one name throw. */
+function cssNames(tokens, prefix) {
+	const out = /* @__PURE__ */ new Map();
+	for (const { path, color } of tokens) {
+		const name = `--${[prefix, ...path].map(kebab).filter(Boolean).join("-")}`;
+		if (out.has(name)) throw new Error(`${name} is produced by more than one token`);
+		out.set(name, color);
+	}
+	return out;
+}
+// src/tokens/css.ts
+/** Prints one `--name: value;` line per color. */
+function declarations(tree, options) {
+	const { prefix, space, ...css } = options;
+	return [...cssNames(flatten(tree), prefix)].map(([name, color]) => `${name}: ${require_serialize.toCss(space ? require_parse.convert(color, space) : color, css)};`);
+}
+/**
+* Exports colors as CSS custom properties in one rule:
+* `:root {\n\t--color-primary-500: oklch(0.62 0.19 260);\n}`.
+*/
+function toCssVariables(tree, options = {}) {
+	const { selector = ":root", prefix = "color", ...rest } = options;
+	return `${selector} {\n${declarations(tree, {
+		...rest,
+		prefix
+	}).map((l) => `\t${l}\n`).join("")}}\n`;
+}
+// src/tokens/dtcg.ts
+const none = (c) => c === null ? "none" : c;
+/** One color as a DTCG color value. `display-p3-linear` is not a DTCG space, so it becomes `display-p3`. */
+function toDtcgValue(color, options = {}) {
+	const c = color.colorSpace === "display-p3-linear" ? require_parse.convert(color, "display-p3") : color;
+	const value = {
+		colorSpace: c.colorSpace,
+		components: c.components.map(none)
+	};
+	if (c.alpha !== void 0 && c.alpha !== 1) value.alpha = none(c.alpha);
+	if (options.hex !== false) value.hex = require_serialize.toHex(require_parse.toGamut({
+		...c,
+		alpha: 1
+	}, { gamut: "srgb" }));
+	return value;
+}
+/**
+* Exports colors as a DTCG 2025.10 token file: nested groups whose leaves are
+* `{ "$type": "color", "$value": { colorSpace, components, alpha?, hex? } }`.
+* `none` components print as `"none"`, as the format asks. The result is plain
+* JSON, so `JSON.stringify` writes the file.
+*/
+function toDtcg(tree, options = {}) {
+	const root = Object.create(null);
+	for (const { path, color } of flatten(tree)) {
+		if (!path.length) throw new TypeError("A DTCG file needs a name for each token: pass an object, not a single color");
+		let group = root;
+		for (const name of path.slice(0, -1)) group = group[name] ??= Object.create(null);
+		group[path[path.length - 1]] = {
+			$type: "color",
+			$value: toDtcgValue(color, options)
+		};
+	}
+	return root;
+}
+// src/tokens/tailwind.ts
+/**
+* Exports colors as a Tailwind v4 `@theme` block. Paste it into the CSS file
+* that has `@import "tailwindcss"`. An array of 11 colors gets the keys
+* 50 to 950, so a `tailwind-11` scale reads like Tailwind's own.
+*/
+function toTailwindTheme(tree, options = {}) {
+	const { namespace = "color", inline = false, space = "oklch", ...rest } = options;
+	const lines = declarations(tree, {
+		...rest,
+		space,
+		prefix: namespace
+	});
+	return `@theme${inline ? " inline" : ""} {\n${lines.map((l) => `\t${l}\n`).join("")}}\n`;
+}
+Object.defineProperty(exports, "toCssVariables", {
+	enumerable: true,
+	get: function() {
+		return toCssVariables;
+	}
+});
+Object.defineProperty(exports, "toDtcg", {
+	enumerable: true,
+	get: function() {
+		return toDtcg;
+	}
+});
+Object.defineProperty(exports, "toDtcgValue", {
+	enumerable: true,
+	get: function() {
+		return toDtcgValue;
+	}
+});
+Object.defineProperty(exports, "toTailwindTheme", {
+	enumerable: true,
+	get: function() {
+		return toTailwindTheme;
+	}
+});
+
+//# sourceMappingURL=tokens-CzXxaMgM.js.map

package/cjs/tokens-CzXxaMgM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-CzXxaMgM.js","names":["parse","toCss","convert","convert","toHex","toGamut"],"sources":["../src/tokens/tokens.ts","../src/tokens/css.ts","../src/tokens/dtcg.ts","../src/tokens/tailwind.ts"],"sourcesContent":["import { parse } from '../color/parse.js'\nimport type { Color } from '../color/types.js'\nimport type { SemanticPalette } from '../palette/semantic.js'\n\n/**\n * What the exporters accept: a color, a CSS color string, an array of them (a\n * scale), or an object of any of these nested to any depth. A `SemanticPalette`\n * works as is: its `scales` and its role pairs export, its `meta` and ratios do not.\n */\nexport type TokenTree = SemanticPalette | Color | string | readonly TokenTree[] | { readonly [name: string]: TokenTree }\n\n/** A color and the path of names that leads to it. */\nexport interface Token {\n\tpath: string[]\n\tcolor: Color\n}\n\nconst TAILWIND_STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]\n\nconst isColor = (v: unknown): v is Color =>\n\ttypeof v === 'object' &&\n\tv !== null &&\n\ttypeof (v as Color).colorSpace === 'string' &&\n\tArray.isArray((v as Color).components)\n\n// A semantic palette carries numbers (`ratio`, `target`, `meta`) that are not colors.\nfunction dropMeasures(tree: Record<string, unknown>): Record<string, unknown> {\n\tconst { meta: _meta, scales, roles, ...rest } = tree\n\tconst pairs = Object.fromEntries(\n\t\tObject.entries(roles as Record<string, { bg: Color; fg: Color }>).map(([name, p]) => [name, { bg: p.bg, fg: p.fg }])\n\t)\n\treturn { ...rest, ...(scales as object), roles: pairs }\n}\n\nconst isSemantic = (v: object): boolean => 'roles' in v && 'scales' in v && 'meta' in v\n\n/**\n * Walks a token tree into a flat list. An array gets the Tailwind keys\n * (50 to 950) when it has 11 colors and 1-based numbers otherwise; pass an\n * object to choose the keys. A value that is not a color, a string, an array\n * or an object throws with its path.\n */\nexport function flatten(tree: TokenTree): Token[] {\n\tconst out: Token[] = []\n\tconst walk = (node: unknown, path: string[]): void => {\n\t\tif (typeof node === 'string') return void out.push({ path, color: parse(node) })\n\t\tif (isColor(node)) return void out.push({ path, color: node })\n\t\tif (Array.isArray(node)) {\n\t\t\tnode.forEach((v, i) => {\n\t\t\t\twalk(v, [...path, String(node.length === TAILWIND_STEPS.length ? TAILWIND_STEPS[i] : i + 1)])\n\t\t\t})\n\t\t\treturn\n\t\t}\n\t\tif (typeof node === 'object' && node !== null) {\n\t\t\tconst obj = isSemantic(node) ? dropMeasures(node as Record<string, unknown>) : (node as Record<string, unknown>)\n\t\t\tfor (const [k, v] of Object.entries(obj)) walk(v, [...path, k])\n\t\t\treturn\n\t\t}\n\t\tthrow new TypeError(`${path.join('.') || '(root)'} is not a color, a string, an array or an object`)\n\t}\n\twalk(tree, [])\n\treturn out\n}\n\n/** `primaryContainer` and `Primary Container` both become `primary-container`. */\nexport const kebab = (name: string): string =>\n\tname\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\t\t.replace(/[^a-zA-Z0-9]+/g, '-')\n\t\t.replace(/^-+|-+$/g, '')\n\t\t.toLowerCase()\n\n/** Names tokens for CSS: kebab-case segments joined by `-` after `prefix`. Two tokens with one name throw. */\nexport function cssNames(tokens: Token[], prefix: string): Map<string, Color> {\n\tconst out = new Map<string, Color>()\n\tfor (const { path, color } of tokens) {\n\t\tconst name = `--${[prefix, ...path].map(kebab).filter(Boolean).join('-')}`\n\t\tif (out.has(name)) throw new Error(`${name} is produced by more than one token`)\n\t\tout.set(name, color)\n\t}\n\treturn out\n}\n","import { type ToCssOptions, toCss } from '../color/serialize.js'\nimport { convert } from '../color/spaces.js'\nimport type { ColorSpaceId } from '../color/types.js'\nimport { cssNames, flatten, type TokenTree } from './tokens.js'\n\n/** Options for `toCssVariables`. It also takes the options of `toCss`. */\nexport interface CssVariablesOptions extends ToCssOptions {\n\t/** The first part of every name. Default `color`, so `primary.500` becomes `--color-primary-500`. */\n\tprefix?: string\n\t/** The rule's selector. Default `:root`. */\n\tselector?: string\n\t/** Convert every color to this space first. Default: print each in its own space. */\n\tspace?: ColorSpaceId\n}\n\n/** Prints one `--name: value;` line per color. */\nexport function declarations(tree: TokenTree, options: CssVariablesOptions & { prefix: string }): string[] {\n\tconst { prefix, space, ...css } = options\n\treturn [...cssNames(flatten(tree), prefix)].map(\n\t\t([name, color]) => `${name}: ${toCss(space ? convert(color, space) : color, css)};`\n\t)\n}\n\n/**\n * Exports colors as CSS custom properties in one rule:\n * `:root {\\n\\t--color-primary-500: oklch(0.62 0.19 260);\\n}`.\n */\nexport function toCssVariables(tree: TokenTree, options: CssVariablesOptions = {}): string {\n\tconst { selector = ':root', prefix = 'color', ...rest } = options\n\tconst lines = declarations(tree, { ...rest, prefix })\n\treturn `${selector} {\\n${lines.map((l) => `\\t${l}\\n`).join('')}}\\n`\n}\n","import { toGamut } from '../color/gamut.js'\nimport { toHex } from '../color/serialize.js'\nimport { convert } from '../color/spaces.js'\nimport type { Color, ColorSpaceId, Component } from '../color/types.js'\nimport { flatten, type TokenTree } from './tokens.js'\n\n/** Options for `toDtcg` and `toDtcgValue`. */\nexport interface DtcgOptions {\n\t/** Add the `hex` fallback (an sRGB `#rrggbb`, gamut-mapped when the color is outside sRGB). Default `true`. */\n\thex?: boolean\n}\n\n/** A color value as DTCG 2025.10 defines it. */\nexport interface DtcgColorValue {\n\tcolorSpace: Exclude<ColorSpaceId, 'display-p3-linear'>\n\tcomponents: (number | 'none')[]\n\talpha?: number | 'none'\n\thex?: string\n}\n\n/** A DTCG color token: a `$type` of `color` and its {@link DtcgColorValue}. */\nexport interface DtcgToken {\n\t$type: 'color'\n\t$value: DtcgColorValue\n}\n\n/** A DTCG group: named tokens and nested groups, as `toDtcg` returns for a token tree. */\nexport interface DtcgGroup {\n\t[name: string]: DtcgToken | DtcgGroup\n}\n\nconst none = (c: Component): number | 'none' => (c === null ? 'none' : c)\n\n/** One color as a DTCG color value. `display-p3-linear` is not a DTCG space, so it becomes `display-p3`. */\nexport function toDtcgValue(color: Color, options: DtcgOptions = {}): DtcgColorValue {\n\tconst c = color.colorSpace === 'display-p3-linear' ? convert(color, 'display-p3') : color\n\tconst value: DtcgColorValue = {\n\t\tcolorSpace: c.colorSpace as DtcgColorValue['colorSpace'],\n\t\tcomponents: c.components.map(none)\n\t}\n\tif (c.alpha !== undefined && c.alpha !== 1) value.alpha = none(c.alpha)\n\tif (options.hex !== false) value.hex = toHex(toGamut({ ...c, alpha: 1 }, { gamut: 'srgb' }))\n\treturn value\n}\n\n/**\n * Exports colors as a DTCG 2025.10 token file: nested groups whose leaves are\n * `{ \"$type\": \"color\", \"$value\": { colorSpace, components, alpha?, hex? } }`.\n * `none` components print as `\"none\"`, as the format asks. The result is plain\n * JSON, so `JSON.stringify` writes the file.\n */\nexport function toDtcg(tree: TokenTree, options: DtcgOptions = {}): DtcgGroup {\n\t// Groups have no prototype, so a token named `__proto__` or `constructor` is an ordinary key.\n\tconst root: DtcgGroup = Object.create(null)\n\tfor (const { path, color } of flatten(tree)) {\n\t\tif (!path.length) throw new TypeError('A DTCG file needs a name for each token: pass an object, not a single color')\n\t\tlet group = root\n\t\tfor (const name of path.slice(0, -1)) group = (group[name] ??= Object.create(null)) as DtcgGroup\n\t\tgroup[path[path.length - 1] as string] = { $type: 'color', $value: toDtcgValue(color, options) }\n\t}\n\treturn root\n}\n","import type { ColorSpaceId } from '../color/types.js'\nimport { type CssVariablesOptions, declarations } from './css.js'\nimport type { TokenTree } from './tokens.js'\n\n/** Options for `toTailwindTheme`. It also takes the options of `toCss`. */\nexport interface TailwindThemeOptions extends Omit<CssVariablesOptions, 'selector' | 'prefix'> {\n\t/** The theme variable namespace. Default `color`, which makes `bg-primary-500` and `text-primary-500` work. */\n\tnamespace?: string\n\t/** Write `@theme inline`, so utilities hold the value instead of a `var()` reference. */\n\tinline?: boolean\n\t/** Default `oklch`, the space Tailwind v4's own palette uses. */\n\tspace?: ColorSpaceId\n}\n\n/**\n * Exports colors as a Tailwind v4 `@theme` block. Paste it into the CSS file\n * that has `@import \"tailwindcss\"`. An array of 11 colors gets the keys\n * 50 to 950, so a `tailwind-11` scale reads like Tailwind's own.\n */\nexport function toTailwindTheme(tree: TokenTree, options: TailwindThemeOptions = {}): string {\n\tconst { namespace = 'color', inline = false, space = 'oklch', ...rest } = options\n\tconst lines = declarations(tree, { ...rest, space, prefix: namespace })\n\treturn `@theme${inline ? ' inline' : ''} {\\n${lines.map((l) => `\\t${l}\\n`).join('')}}\\n`\n}\n"],"mappings":"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"}

package/cjs/tone-BAhu-QzQ.js

@@ -0,0 +1,118 @@
+const require_parse = require("./parse-8mt2OMKf.js");
+// src/scale/tone.ts
+/** CIE L* (0 to 100) of a color: its relative luminance on the CIELAB lightness curve. */
+function lstar(color) {
+	const y = Math.max(0, require_parse.componentsIn(color, "xyz-d65")[1]);
+	return y > 216 / 24389 ? 116 * Math.cbrt(y) - 16 : 24389 / 27 * y;
+}
+/** Material's tones: 0 is black, 100 is white. */
+const MATERIAL_TONES = [
+	0,
+	10,
+	20,
+	30,
+	40,
+	50,
+	60,
+	70,
+	80,
+	90,
+	95,
+	99,
+	100
+];
+/**
+* The color at CIE L* `tone` with the given OKLCH hue and chroma, mapped into
+* the gamut. OKLCH lightness is searched until the *mapped* color lands on
+* `tone`, so chroma tapers where the gamut narrows and the tone stays true.
+*/
+function toneColor(tone, chroma, hue, gamut = "srgb") {
+	if (tone <= 0) return {
+		colorSpace: "oklch",
+		components: [
+			0,
+			0,
+			hue
+		]
+	};
+	if (tone >= 100) return {
+		colorSpace: "oklch",
+		components: [
+			1,
+			0,
+			hue
+		]
+	};
+	const r = hue * Math.PI / 180;
+	const cos = Math.cos(r);
+	const sin = Math.sin(r);
+	const lab = (l, c) => ({
+		colorSpace: "oklab",
+		components: [
+			l,
+			c * cos,
+			c * sin
+		]
+	});
+	const chromaAt = (l) => {
+		if (require_parse.inGamut(lab(l, chroma), gamut)) return chroma;
+		let [lo, hi] = [0, chroma];
+		for (let i = 0; i < 24; i++) {
+			const mid = (lo + hi) / 2;
+			if (require_parse.inGamut(lab(l, mid), gamut)) lo = mid;
+			else hi = mid;
+		}
+		return lo;
+	};
+	let lo = 0;
+	let hi = 1;
+	for (let i = 0; i < 40; i++) {
+		const mid = (lo + hi) / 2;
+		if (lstar(lab(mid, chromaAt(mid))) < tone) lo = mid;
+		else hi = mid;
+	}
+	const l = (lo + hi) / 2;
+	return {
+		colorSpace: "oklch",
+		components: [
+			l,
+			chromaAt(l),
+			hue
+		]
+	};
+}
+/**
+* A tonal palette, as in Material: one OKLCH hue and chroma held across L*
+* tones. Two colors whose tones differ by 40 or more reach WCAG 2 contrast 3,
+* and by 50 or more about 4.5 (4.48 at the worst pair, 100 against 50), so a
+* pair can be picked by tone alone. Default tones are Material's 13.
+*/
+function tonalPalette(hue, chroma, tones = MATERIAL_TONES, options = {}) {
+	return tones.map((t) => toneColor(t, chroma, hue, options.gamut));
+}
+Object.defineProperty(exports, "MATERIAL_TONES", {
+	enumerable: true,
+	get: function() {
+		return MATERIAL_TONES;
+	}
+});
+Object.defineProperty(exports, "lstar", {
+	enumerable: true,
+	get: function() {
+		return lstar;
+	}
+});
+Object.defineProperty(exports, "tonalPalette", {
+	enumerable: true,
+	get: function() {
+		return tonalPalette;
+	}
+});
+Object.defineProperty(exports, "toneColor", {
+	enumerable: true,
+	get: function() {
+		return toneColor;
+	}
+});
+
+//# sourceMappingURL=tone-BAhu-QzQ.js.map

package/cjs/tone-BAhu-QzQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-BAhu-QzQ.js","names":["componentsIn","inGamut"],"sources":["../src/scale/tone.ts"],"sourcesContent":["import { type GamutId, inGamut } from '../color/gamut.js'\nimport { componentsIn } from '../color/spaces.js'\nimport type { Color } from '../color/types.js'\n\n/** CIE L* (0 to 100) of a color: its relative luminance on the CIELAB lightness curve. */\nexport function lstar(color: Color): number {\n\tconst y = Math.max(0, componentsIn(color, 'xyz-d65')[1] as number)\n\treturn y > 216 / 24389 ? 116 * Math.cbrt(y) - 16 : (24389 / 27) * y\n}\n\n/** Material's tones: 0 is black, 100 is white. */\nexport const MATERIAL_TONES: readonly number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 95, 99, 100]\n\n/** Options for `tonalPalette`. */\nexport interface TonalPaletteOptions {\n\t/** The gamut the colors must fit. Default `srgb`. */\n\tgamut?: GamutId\n}\n\n/**\n * The color at CIE L* `tone` with the given OKLCH hue and chroma, mapped into\n * the gamut. OKLCH lightness is searched until the *mapped* color lands on\n * `tone`, so chroma tapers where the gamut narrows and the tone stays true.\n */\nexport function toneColor(tone: number, chroma: number, hue: number, gamut: GamutId = 'srgb'): Color {\n\tif (tone <= 0) return { colorSpace: 'oklch', components: [0, 0, hue] }\n\tif (tone >= 100) return { colorSpace: 'oklch', components: [1, 0, hue] }\n\t// The hue is fixed, so its cosine and sine are taken once: OKLCH converts by\n\t// way of OKLab with exactly these products, so the results are the same.\n\tconst r = (hue * Math.PI) / 180\n\tconst cos = Math.cos(r)\n\tconst sin = Math.sin(r)\n\tconst lab = (l: number, c: number): Color => ({ colorSpace: 'oklab', components: [l, c * cos, c * sin] })\n\t// The most chroma, up to `chroma`, that fits at this lightness; no clipping, so L* is monotone in L.\n\tconst chromaAt = (l: number): number => {\n\t\tif (inGamut(lab(l, chroma), gamut)) return chroma\n\t\tlet [lo, hi] = [0, chroma]\n\t\tfor (let i = 0; i < 24; i++) {\n\t\t\tconst mid = (lo + hi) / 2\n\t\t\tif (inGamut(lab(l, mid), gamut)) lo = mid\n\t\t\telse hi = mid\n\t\t}\n\t\treturn lo\n\t}\n\tlet lo = 0\n\tlet hi = 1\n\tfor (let i = 0; i < 40; i++) {\n\t\tconst mid = (lo + hi) / 2\n\t\tif (lstar(lab(mid, chromaAt(mid))) < tone) lo = mid\n\t\telse hi = mid\n\t}\n\tconst l = (lo + hi) / 2\n\treturn { colorSpace: 'oklch', components: [l, chromaAt(l), hue] }\n}\n\n/**\n * A tonal palette, as in Material: one OKLCH hue and chroma held across L*\n * tones. Two colors whose tones differ by 40 or more reach WCAG 2 contrast 3,\n * and by 50 or more about 4.5 (4.48 at the worst pair, 100 against 50), so a\n * pair can be picked by tone alone. Default tones are Material's 13.\n */\nexport function tonalPalette(\n\thue: number,\n\tchroma: number,\n\ttones: readonly number[] = MATERIAL_TONES,\n\toptions: TonalPaletteOptions = {}\n): Color[] {\n\treturn tones.map((t) => toneColor(t, chroma, hue, options.gamut))\n}\n"],"mappings":";;;AAKA,SAAgB,MAAM,OAAsB;CAC3C,MAAM,IAAI,KAAK,IAAI,GAAGA,cAAAA,aAAa,OAAO,SAAS,CAAC,CAAC,EAAY;CACjE,OAAO,IAAI,MAAM,QAAQ,MAAM,KAAK,KAAK,CAAC,IAAI,KAAM,QAAQ,KAAM;AACnE;;AAGA,MAAa,iBAAoC;CAAC;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;AAAG;;;;;;AAapG,SAAgB,UAAU,MAAc,QAAgB,KAAa,QAAiB,QAAe;CACpG,IAAI,QAAQ,GAAG,OAAO;EAAE,YAAY;EAAS,YAAY;GAAC;GAAG;GAAG;EAAG;CAAE;CACrE,IAAI,QAAQ,KAAK,OAAO;EAAE,YAAY;EAAS,YAAY;GAAC;GAAG;GAAG;EAAG;CAAE;CAGvE,MAAM,IAAK,MAAM,KAAK,KAAM;CAC5B,MAAM,MAAM,KAAK,IAAI,CAAC;CACtB,MAAM,MAAM,KAAK,IAAI,CAAC;CACtB,MAAM,OAAO,GAAW,OAAsB;EAAE,YAAY;EAAS,YAAY;GAAC;GAAG,IAAI;GAAK,IAAI;EAAG;CAAE;CAEvG,MAAM,YAAY,MAAsB;EACvC,IAAIC,cAAAA,QAAQ,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO;EAC3C,IAAI,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM;EACzB,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;GAC5B,MAAM,OAAO,KAAK,MAAM;GACxB,IAAIA,cAAAA,QAAQ,IAAI,GAAG,GAAG,GAAG,KAAK,GAAG,KAAK;QACjC,KAAK;EACX;EACA,OAAO;CACR;CACA,IAAI,KAAK;CACT,IAAI,KAAK;CACT,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;EAC5B,MAAM,OAAO,KAAK,MAAM;EACxB,IAAI,MAAM,IAAI,KAAK,SAAS,GAAG,CAAC,CAAC,IAAI,MAAM,KAAK;OAC3C,KAAK;CACX;CACA,MAAM,KAAK,KAAK,MAAM;CACtB,OAAO;EAAE,YAAY;EAAS,YAAY;GAAC;GAAG,SAAS,CAAC;GAAG;EAAG;CAAE;AACjE;;;;;;;AAQA,SAAgB,aACf,KACA,QACA,QAA2B,gBAC3B,UAA+B,CAAC,GACtB;CACV,OAAO,MAAM,KAAK,MAAM,UAAU,GAAG,QAAQ,KAAK,QAAQ,KAAK,CAAC;AACjE"}

package/dist/color-map.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-map.es5.js","names":[],"sources":["../ts/createColors.ts","../ts/createColorsFromMap.ts","../ts/rgbaString.ts","../ts/rgbHex.ts"],"sourcesContent":["import type { Alpha, RGB, RGBA } from './interfaces.js'\n\nexport function createColors(\n\tfrom: RGB | RGBA,\n\tto: RGB | RGBA,\n\tshades: number,\n\talpha: Alpha = [\n\t\tfrom.length === 4 ? from[3] : to.length === 4 ? to[3] : 1,\n\t\tto.length === 4 ? to[3] : from.length === 4 ? from[3] : 1\n\t]\n): RGBA[] {\n\tconst start = [...from]\n\tconst diff = [to[0] - from[0], to[1] - from[1], to[2] - from[2], alpha[1] - alpha[0]]\n\n\tif (start.length === 3) start.push(alpha[0])\n\n\tconst inc = 1 / Math.max(shades - 1, 1)\n\n\tconst rgba: any[] = []\n\tfor (let i = 0; i < shades; i++) {\n\t\tconst color = [\n\t\t\tMath.round(start[0] + i * diff[0] * inc),\n\t\t\tMath.round(start[1] + i * diff[1] * inc),\n\t\t\tMath.round(start[2] + i * diff[2] * inc),\n\t\t\tstart[3] + i * diff[3] * inc\n\t\t]\n\t\trgba.push(color)\n\t}\n\treturn rgba\n}\n","import { createColors } from './createColors.js'\nimport type { Alpha, ColorMap, RGBA } from './interfaces.js'\n\n/**\n * Create colors with specified color map.\n */\nexport function createColorsFromMap(colormap: ColorMap, shades: number, alpha?: Alpha): RGBA[] {\n\tif (shades < colormap.length) {\n\t\tthrow new Error(`Requires at least ${colormap.length} shades.`)\n\t}\n\n\tconst result: RGBA[] = []\n\tconst steps: number[] = []\n\tfor (let i = 0; i < colormap.length; i++) {\n\t\tsteps.push(Math.round(colormap[i].index * shades))\n\t}\n\n\tfor (let i = 0; i < colormap.length - 1; i++) {\n\t\tconst n = steps[i + 1] - steps[i]\n\t\tconst from = colormap[i].rgb\n\t\tconst to = colormap[i + 1].rgb\n\t\tresult.push(...createColors(from, to, n, alpha))\n\t}\n\n\treturn result\n}\n","import type { RGBA } from './interfaces.js'\n\nexport function rgbaString(rgba: RGBA) {\n\treturn 'rgba(' + rgba.join(',') + ')'\n}\n","import type { RGB, RGBA } from './interfaces.js'\n\n/**\n * Convert `RGB` to `#rgb`\n * JavaScript note: no check for array length, use it properly.\n */\nexport function rgbHex(rgb: RGB | RGBA) {\n\tlet hex = '#'\n\tfor (let i = 0; i < 3; i++) {\n\t\thex += d2h(rgb[i])\n\t}\n\treturn hex\n}\n\nfunction d2h(d: number) {\n\tconst s = (+d).toString(16)\n\treturn s.length < 2 ? '0' + s : s\n}\n"],"mappings":"uFAEA,SAAgB,EACf,EACA,EACA,EACA,EAAe,CACd,EAAK,SAAW,EAAI,EAAK,GAAK,EAAG,SAAW,EAAI,EAAG,GAAK,EACxD,EAAG,SAAW,EAAI,EAAG,GAAK,EAAK,SAAW,EAAI,EAAK,GAAK,CACzD,EACS,CACT,IAAM,EAAQ,CAAC,GAAG,CAAI,EAChB,EAAO,CAAC,EAAG,GAAK,EAAK,GAAI,EAAG,GAAK,EAAK,GAAI,EAAG,GAAK,EAAK,GAAI,EAAM,GAAK,EAAM,EAAE,EAEhF,EAAM,SAAW,GAAG,EAAM,KAAK,EAAM,EAAE,EAE3C,IAAM,EAAM,EAAI,KAAK,IAAI,EAAS,EAAG,CAAC,EAEhC,EAAc,CAAC,EACrB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAQ,IAAK,CAChC,IAAM,EAAQ,CACb,KAAK,MAAM,EAAM,GAAK,EAAI,EAAK,GAAK,CAAG,EACvC,KAAK,MAAM,EAAM,GAAK,EAAI,EAAK,GAAK,CAAG,EACvC,KAAK,MAAM,EAAM,GAAK,EAAI,EAAK,GAAK,CAAG,EACvC,EAAM,GAAK,EAAI,EAAK,GAAK,CAC1B,EACA,EAAK,KAAK,CAAK,CAChB,CACA,OAAO,CACR,CCvBA,SAAgB,EAAoB,EAAoB,EAAgB,EAAuB,CAC9F,GAAI,EAAS,EAAS,OACrB,MAAU,MAAM,qBAAqB,EAAS,OAAO,SAAS,EAG/D,IAAM,EAAiB,CAAC,EAClB,EAAkB,CAAC,EACzB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAS,OAAQ,IACpC,EAAM,KAAK,KAAK,MAAM,EAAS,EAAE,CAAC,MAAQ,CAAM,CAAC,EAGlD,IAAK,IAAI,EAAI,EAAG,EAAI,EAAS,OAAS,EAAG,IAAK,CAC7C,IAAM,EAAI,EAAM,EAAI,GAAK,EAAM,GACzB,EAAO,EAAS,EAAE,CAAC,IACnB,EAAK,EAAS,EAAI,EAAE,CAAC,IAC3B,EAAO,KAAK,GAAG,EAAa,EAAM,EAAI,EAAG,CAAK,CAAC,CAChD,CAEA,OAAO,CACR,CCvBA,SAAgB,EAAW,EAAY,CACtC,MAAO,QAAU,EAAK,KAAK,GAAG,EAAI,GACnC,CCEA,SAAgB,EAAO,EAAiB,CACvC,IAAI,EAAM,IACV,IAAK,IAAI,EAAI,EAAG,EAAI,EAAG,IACtB,GAAO,EAAI,EAAI,EAAE,EAElB,OAAO,CACR,CAEA,SAAS,EAAI,EAAW,CACvB,IAAM,GAAK,CAAC,EAAA,CAAG,SAAS,EAAE,EAC1B,OAAO,EAAE,OAAS,EAAI,IAAM,EAAI,CACjC"}
+{"version":3,"file":"color-map.es5.js","names":["exports","createColors","from","to","start","diff","alpha","inc","shades","rgba","i","color","createColorsFromMap","colormap","result","steps","n","rgbaString","rgbHex","hex","d2h","rgb","s","d"],"sources":["../src/legacy/createColors.ts","../src/legacy/createColorsFromMap.ts","../src/legacy/rgbaString.ts","../src/legacy/rgbHex.ts"],"sourcesContent":["import type { Alpha, RGB, RGBA } from './interfaces.js'\n\n/**\n * Creates `shades` colors that step evenly from `from` to `to`. Red, green and\n * blue are rounded to whole numbers. Without `alpha`, the alpha of each end\n * comes from its own fourth value, then from the other end, then is 1.\n * Every result is an `RGBA`.\n */\nexport function createColors(\n\tfrom: RGB | RGBA,\n\tto: RGB | RGBA,\n\tshades: number,\n\talpha: Alpha = [\n\t\tfrom.length === 4 ? from[3] : to.length === 4 ? to[3] : 1,\n\t\tto.length === 4 ? to[3] : from.length === 4 ? from[3] : 1\n\t]\n): RGBA[] {\n\tconst start = [...from]\n\tconst diff = [to[0] - from[0], to[1] - from[1], to[2] - from[2], alpha[1] - alpha[0]]\n\n\tif (start.length === 3) start.push(alpha[0])\n\n\tconst inc = 1 / Math.max(shades - 1, 1)\n\n\tconst rgba: any[] = []\n\tfor (let i = 0; i < shades; i++) {\n\t\tconst color = [\n\t\t\tMath.round(start[0] + i * diff[0] * inc),\n\t\t\tMath.round(start[1] + i * diff[1] * inc),\n\t\t\tMath.round(start[2] + i * diff[2] * inc),\n\t\t\tstart[3] + i * diff[3] * inc\n\t\t]\n\t\trgba.push(color)\n\t}\n\treturn rgba\n}\n","import { createColors } from './createColors.js'\nimport type { Alpha, ColorMap, RGBA } from './interfaces.js'\n\n/**\n * Create colors with specified color map.\n *\n * @deprecated Use `createGradient` from `color-map`. Each of its stops\n * carries its own alpha, and `{ in: 'srgb' }` comes close to these results.\n */\nexport function createColorsFromMap(colormap: ColorMap, shades: number, alpha?: Alpha): RGBA[] {\n\tif (shades < colormap.length) {\n\t\tthrow new Error(`Requires at least ${colormap.length} shades.`)\n\t}\n\n\tconst result: RGBA[] = []\n\tconst steps: number[] = []\n\tfor (let i = 0; i < colormap.length; i++) {\n\t\tsteps.push(Math.round(colormap[i].index * shades))\n\t}\n\n\tfor (let i = 0; i < colormap.length - 1; i++) {\n\t\tconst n = steps[i + 1] - steps[i]\n\t\tconst from = colormap[i].rgb\n\t\tconst to = colormap[i + 1].rgb\n\t\tresult.push(...createColors(from, to, n, alpha))\n\t}\n\n\treturn result\n}\n","import type { RGBA } from './interfaces.js'\n\n/** Formats an `RGBA` as a CSS `rgba(r,g,b,a)` string, with no spaces. */\nexport function rgbaString(rgba: RGBA) {\n\treturn 'rgba(' + rgba.join(',') + ')'\n}\n","import type { RGB, RGBA } from './interfaces.js'\n\n/**\n * Convert `RGB` to `#rgb`\n * JavaScript note: no check for array length, use it properly.\n */\nexport function rgbHex(rgb: RGB | RGBA) {\n\tlet hex = '#'\n\tfor (let i = 0; i < 3; i++) {\n\t\thex += d2h(rgb[i])\n\t}\n\treturn hex\n}\n\nfunction d2h(d: number) {\n\tconst s = (+d).toString(16)\n\treturn s.length < 2 ? '0' + s : s\n}\n"],"mappings":"A,uFAQA,SAAgBC,EACf,EACA,EACA,EACA,EAAe,CACdC,EAAK,SAAW,EAAIA,EAAK,GAAKC,EAAG,SAAW,EAAIA,EAAG,GAAK,EACxDA,EAAG,SAAW,EAAIA,EAAG,GAAKD,EAAK,SAAW,EAAIA,EAAK,GAAK,CACzD,EACS,CACT,IAAME,EAAQ,CAAC,GAAGF,CAAI,EAChBG,EAAO,CAACF,EAAG,GAAKD,EAAK,GAAIC,EAAG,GAAKD,EAAK,GAAIC,EAAG,GAAKD,EAAK,GAAII,EAAM,GAAKA,EAAM,EAAE,EAEhFF,EAAM,SAAW,GAAGA,EAAM,KAAKE,EAAM,EAAE,EAE3C,IAAMC,EAAM,EAAI,KAAK,IAAIC,EAAS,EAAG,CAAC,EAEhCC,EAAc,CAAC,EACrB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAQ,IAAK,CAChC,IAAMG,EAAQ,CACb,KAAK,MAAMP,EAAM,GAAKM,EAAIL,EAAK,GAAKE,CAAG,EACvC,KAAK,MAAMH,EAAM,GAAKM,EAAIL,EAAK,GAAKE,CAAG,EACvC,KAAK,MAAMH,EAAM,GAAKM,EAAIL,EAAK,GAAKE,CAAG,EACvCH,EAAM,GAAKM,EAAIL,EAAK,GAAKE,CAC1B,EACAE,EAAK,KAAKE,CAAK,CAChB,CACA,OAAOF,CACR,CC1BA,SAAgBG,EAAoB,EAAoB,EAAgB,EAAuB,CAC9F,GAAIJ,EAASK,EAAS,OACrB,MAAU,MAAM,qBAAqBA,EAAS,OAAO,SAAS,EAG/D,IAAMC,EAAiB,CAAC,EAClBC,EAAkB,CAAC,EACzB,IAAK,IAAIL,EAAI,EAAGA,EAAIG,EAAS,OAAQ,IACpCE,EAAM,KAAK,KAAK,MAAMF,EAASH,EAAE,CAAC,MAAQF,CAAM,CAAC,EAGlD,IAAK,IAAIE,EAAI,EAAGA,EAAIG,EAAS,OAAS,EAAG,IAAK,CAC7C,IAAMG,EAAID,EAAML,EAAI,GAAKK,EAAML,GACzBR,EAAOW,EAASH,EAAE,CAAC,IACnBP,EAAKU,EAASH,EAAI,EAAE,CAAC,IAC3BI,EAAO,KAAK,GAAGb,EAAaC,EAAMC,EAAIa,EAAGV,CAAK,CAAC,CAChD,CAEA,OAAOQ,CACR,CCzBA,SAAgBG,EAAW,EAAY,CACtC,MAAO,QAAUR,EAAK,KAAK,GAAG,EAAI,GACnC,CCCA,SAAgBS,EAAO,EAAiB,CACvC,IAAIC,EAAM,IACV,IAAK,IAAIT,EAAI,EAAGA,EAAI,EAAG,IACtB,GAAOU,EAAIC,EAAIX,EAAE,EAElB,OAAOS,CACR,CAEA,SAASC,EAAI,EAAW,CACvB,IAAME,GAAK,CAACC,EAAA,CAAG,SAAS,EAAE,EAC1B,OAAOD,EAAE,OAAS,EAAI,IAAMA,EAAIA,CACjC,C"}

package/esm/color/a98-rgb.d.ts

@@ -0,0 +1,7 @@
+import { Space } from "./types.js";
+/**
+ * The CSS `a98-rgb` space (Adobe RGB 1998). Components are red, green and blue in 0 to 1, with a 563/256 power transfer curve.
+ * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+ */
+export declare const a98Rgb: Space;
+//# sourceMappingURL=a98-rgb.d.ts.map

package/esm/color/a98-rgb.d.ts.map

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

package/esm/color/a98-rgb.js

@@ -0,0 +1,13 @@
+import { a98ToXyz, xyzToA98 } from "./matrices.js";
+import { rgbSpace } from "./rgb.js";
+import { power } from "./transfer.js";
+// src/color/a98-rgb.ts
+const [toLinear, toGamma] = power(563 / 256);
+/**
+* The CSS `a98-rgb` space (Adobe RGB 1998). Components are red, green and blue in 0 to 1, with a 563/256 power transfer curve.
+* Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.
+*/
+const a98Rgb = rgbSpace("a98-rgb", toLinear, toGamma, a98ToXyz, xyzToA98);
+export { a98Rgb };
+
+//# sourceMappingURL=a98-rgb.js.map

package/esm/color/a98-rgb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a98-rgb.js","names":[],"sources":["../../src/color/a98-rgb.ts"],"sourcesContent":["import { a98ToXyz, xyzToA98 } from './matrices.js'\nimport { rgbSpace } from './rgb.js'\nimport { power } from './transfer.js'\n\nconst [toLinear, toGamma] = power(563 / 256)\n\n/**\n * The CSS `a98-rgb` space (Adobe RGB 1998). Components are red, green and blue in 0 to 1, with a 563/256 power transfer curve.\n * Pass it to `createConverter` and to the narrow helpers such as `createMix` and `createToGamut`.\n */\nexport const a98Rgb = rgbSpace('a98-rgb', toLinear, toGamma, a98ToXyz, xyzToA98)\n"],"mappings":";;;;AAIA,MAAM,CAAC,UAAU,WAAW,MAAM,MAAM,GAAG;;;;;AAM3C,MAAa,SAAS,SAAS,WAAW,UAAU,SAAS,UAAU,QAAQ"}

package/esm/color/argb.d.ts

@@ -0,0 +1,6 @@
+import { Color } from "./types.js";
+/** An sRGB color from a 32-bit ARGB integer, as Material Color Utilities uses. */
+export declare function fromArgb(argb: number): Color;
+/** The unsigned 32-bit ARGB integer for an sRGB color. Convert other spaces to `srgb` first. */
+export declare function toArgb(color: Color): number;
+//# sourceMappingURL=argb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"argb.d.ts","names":[],"sources":["../../src/color/argb.ts"],"mappings":";;wBAKgB,SAAS,eAAe;;wBAUxB,OAAO,OAAO"}

package/esm/color/argb.js

@@ -0,0 +1,25 @@
+// src/color/argb.ts
+const byte = (n) => Math.min(255, Math.max(0, Math.round(n * 255)));
+/** An sRGB color from a 32-bit ARGB integer, as Material Color Utilities uses. */
+function fromArgb(argb) {
+	const n = argb >>> 0;
+	return {
+		colorSpace: "srgb",
+		components: [
+			(n >>> 16 & 255) / 255,
+			(n >>> 8 & 255) / 255,
+			(n & 255) / 255
+		],
+		alpha: (n >>> 24) / 255
+	};
+}
+/** The unsigned 32-bit ARGB integer for an sRGB color. Convert other spaces to `srgb` first. */
+function toArgb(color) {
+	if (color.colorSpace !== "srgb") throw new Error(`color-map: toArgb needs an srgb color, got "${color.colorSpace}"`);
+	const [r, g, b] = color.components;
+	const a = color.alpha ?? 1;
+	return (byte(a) << 24 | byte(r ?? 0) << 16 | byte(g ?? 0) << 8 | byte(b ?? 0)) >>> 0;
+}
+export { fromArgb, toArgb };
+
+//# sourceMappingURL=argb.js.map

package/esm/color/argb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argb.js","names":[],"sources":["../../src/color/argb.ts"],"sourcesContent":["import type { Color } from './types.js'\n\nconst byte = (n: number): number => Math.min(255, Math.max(0, Math.round(n * 255)))\n\n/** An sRGB color from a 32-bit ARGB integer, as Material Color Utilities uses. */\nexport function fromArgb(argb: number): Color {\n\tconst n = argb >>> 0\n\treturn {\n\t\tcolorSpace: 'srgb',\n\t\tcomponents: [((n >>> 16) & 255) / 255, ((n >>> 8) & 255) / 255, (n & 255) / 255],\n\t\talpha: (n >>> 24) / 255\n\t}\n}\n\n/** The unsigned 32-bit ARGB integer for an sRGB color. Convert other spaces to `srgb` first. */\nexport function toArgb(color: Color): number {\n\tif (color.colorSpace !== 'srgb') throw new Error(`color-map: toArgb needs an srgb color, got \"${color.colorSpace}\"`)\n\tconst [r, g, b] = color.components\n\tconst a = color.alpha ?? 1\n\treturn ((byte(a) << 24) | (byte(r ?? 0) << 16) | (byte(g ?? 0) << 8) | byte(b ?? 0)) >>> 0\n}\n"],"mappings":";AAEA,MAAM,QAAQ,MAAsB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,CAAC;;AAGlF,SAAgB,SAAS,MAAqB;CAC7C,MAAM,IAAI,SAAS;CACnB,OAAO;EACN,YAAY;EACZ,YAAY;IAAG,MAAM,KAAM,OAAO;IAAO,MAAM,IAAK,OAAO;IAAM,IAAI,OAAO;EAAG;EAC/E,QAAQ,MAAM,MAAM;CACrB;AACD;;AAGA,SAAgB,OAAO,OAAsB;CAC5C,IAAI,MAAM,eAAe,QAAQ,MAAM,IAAI,MAAM,+CAA+C,MAAM,WAAW,EAAE;CACnH,MAAM,CAAC,GAAG,GAAG,KAAK,MAAM;CACxB,MAAM,IAAI,MAAM,SAAS;CACzB,QAAS,KAAK,CAAC,KAAK,KAAO,KAAK,KAAK,CAAC,KAAK,KAAO,KAAK,KAAK,CAAC,KAAK,IAAK,KAAK,KAAK,CAAC,OAAO;AAC1F"}

package/esm/color/calc.js

@@ -0,0 +1,82 @@
+import { UNITS, fail } from "./parse.js";
+// src/color/calc.ts
+const TOKEN = /\s*(?:(\d*\.?\d+(?:e[+-]?\d+)?)([a-z%]*)|([a-z][a-z0-9-]*)|([-+*/(),]))/y;
+/**
+* Evaluates the `calc()` subset relative colors accept: numbers (angles become
+* degrees), `+ - * /`, parentheses, `calc`, `min`, `max`, `clamp`, the
+* constants `pi` and `e`, and the channel keywords in `vars`.
+*/
+function evaluate(text, vars) {
+	const tokens = [];
+	TOKEN.lastIndex = 0;
+	let end = 0;
+	for (let m = TOKEN.exec(text); m; m = TOKEN.exec(text)) {
+		end = TOKEN.lastIndex;
+		if (m[1] === void 0) tokens.push(m[3] ?? m[4]);
+		else {
+			const unit = UNITS[m[2]];
+			if (unit === void 0) return fail(text, "units other than angles are not supported in calc()", m[1] + m[2]);
+			tokens.push(String(Number(m[1]) * unit));
+		}
+	}
+	if (end !== text.trimEnd().length) return fail(text, "invalid calc() expression");
+	let pos = 0;
+	const next = () => tokens[pos++];
+	const eat = (t) => tokens[pos] === t ? ++pos > 0 : false;
+	const need = (t) => {
+		if (!eat(t)) fail(text, `expected "${t}" in calc()`, tokens[pos]);
+	};
+	function sum() {
+		let v = product();
+		for (;;) if (eat("+")) v += product();
+		else if (eat("-")) v -= product();
+		else return v;
+	}
+	function product() {
+		let v = unary();
+		for (;;) if (eat("*")) v *= unary();
+		else if (eat("/")) v /= unary();
+		else return v;
+	}
+	function unary() {
+		if (eat("-")) return -unary();
+		if (eat("+")) return unary();
+		return atom();
+	}
+	function args() {
+		const list = [sum()];
+		while (eat(",")) list.push(sum());
+		need(")");
+		return list;
+	}
+	function atom() {
+		const t = next();
+		if (t === void 0) return fail(text, "unfinished calc() expression");
+		if (/^[\d.]/.test(t)) return Number(t);
+		if (t === "(") {
+			const v = sum();
+			need(")");
+			return v;
+		}
+		if (!/^[a-z]/.test(t)) return fail(text, "unexpected token", t);
+		if (eat("(")) {
+			const list = args();
+			if (t === "calc" && list.length === 1) return list[0];
+			if (t === "min") return Math.min(...list);
+			if (t === "max") return Math.max(...list);
+			if (t === "clamp" && list.length === 3) return Math.min(list[2], Math.max(list[0], list[1]));
+			return fail(text, "unknown function", t);
+		}
+		if (t === "pi") return Math.PI;
+		if (t === "e") return Math.E;
+		const v = vars[t];
+		if (typeof v === "number") return v;
+		return fail(text, "unknown keyword", t);
+	}
+	const value = sum();
+	if (pos < tokens.length) return fail(text, "unexpected token", tokens[pos]);
+	return value;
+}
+export { evaluate };
+
+//# sourceMappingURL=calc.js.map