@feugene/granularity 0.18.0 → 0.19.0

package/dist/theme.js

@@ -0,0 +1,501 @@
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-BRkbhyxk.js";
+//#region src/theme/color.ts
+function parseHex(value) {
+	const match = value.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);
+	if (!match) throw new Error(`ожидался hex-цвет, получено: ${value}`);
+	const hex = match[1].length === 3 ? match[1].split("").map((char) => char + char).join("") : match[1];
+	return [
+		0,
+		2,
+		4
+	].map((offset) => Number.parseInt(hex.slice(offset, offset + 2), 16));
+}
+function toHex(channels) {
+	return `#${channels.map((channel) => Math.round(Math.min(255, Math.max(0, channel))).toString(16).padStart(2, "0")).join("")}`;
+}
+/**
+* `color-mix(in srgb, base <amount>%, other)` для непрозрачных цветов — это
+* линейная интерполяция в gamma-кодированном sRGB, то есть ровно то, что делает
+* браузер. Поэтому посчитанный здесь фолбэк совпадает с живым `color-mix`.
+*/
+function mixSrgb(baseHex, otherHex, amount) {
+	const base = parseHex(baseHex);
+	const other = parseHex(otherHex);
+	const ratio = amount / 100;
+	return toHex(base.map((channel, index) => channel * ratio + other[index] * (1 - ratio)));
+}
+function luminance(color) {
+	const channels = (typeof color === "string" ? parseHex(color) : color).map((channel) => {
+		const normalized = channel / 255;
+		return normalized <= .03928 ? normalized / 12.92 : ((normalized + .055) / 1.055) ** 2.4;
+	});
+	return .2126 * channels[0] + .7152 * channels[1] + .0722 * channels[2];
+}
+/** Отношение контраста по WCAG 2.1: от 1 (одинаковые) до 21 (чёрное на белом). */
+function contrast(foreground, background) {
+	const first = luminance(foreground);
+	const second = luminance(background);
+	const [lighter, darker] = first > second ? [first, second] : [second, first];
+	return (lighter + .05) / (darker + .05);
+}
+function toLab(color) {
+	const [red, green, blue] = (typeof color === "string" ? parseHex(color) : color).map((channel) => {
+		const normalized = channel / 255;
+		return normalized <= .04045 ? normalized / 12.92 : ((normalized + .055) / 1.055) ** 2.4;
+	});
+	const x = (red * .4124 + green * .3576 + blue * .1805) / .95047;
+	const y = red * .2126 + green * .7152 + blue * .0722;
+	const z = (red * .0193 + green * .1192 + blue * .9505) / 1.08883;
+	const f = (value) => value > .008856 ? value ** (1 / 3) : 7.787 * value + 16 / 116;
+	const [fx, fy, fz] = [
+		f(x),
+		f(y),
+		f(z)
+	];
+	return [
+		116 * fy - 16,
+		500 * (fx - fy),
+		200 * (fy - fz)
+	];
+}
+/**
+* Воспринимаемое расстояние между цветами (ΔE, CIE76).
+*
+* Контраст отвечает на вопрос «читается ли текст», а этот — на вопрос
+* «различит ли человек два тона рядом». Порог заметности около 2.3; всё, что
+* ниже, для глаза один цвет, каким бы разным ни выглядел hex.
+*/
+function deltaE(first, second) {
+	const [firstLab, secondLab] = [toLab(first), toLab(second)];
+	return Math.hypot(...firstLab.map((value, index) => value - secondLab[index]));
+}
+/** Цвет — это hex, а не `var()`/`rgb()`: производные и контраст считаются только по нему. */
+function isHex(value) {
+	return /^#(?:[\da-f]{3}|[\da-f]{6})$/i.test(value.trim());
+}
+//#endregion
+//#region src/theme/roles.ts
+/** Роли, известные пакету, в порядке объявления. */
+function themeRoleNames() {
+	return grThemeTokens.map((token) => token.name);
+}
+/**
+* Значение роли, годное для арифметики.
+*
+* Роль вправе ссылаться на другую (`--gr-invalid-brd: var(--gr-danger)`) — такую
+* ссылку разворачиваем, иначе фолбэк и проверки считать не из чего. Всё, что не
+* разворачивается в hex (`rgb(… / .45)` у подложки, `var()` за пределы темы),
+* возвращается как `null`: посчитать нельзя, и выдумывать не надо.
+*
+* Цикл рвём с ошибкой: тема потребителя вправе ошибиться, и упасть надо с
+* именами ролей, а не переполнением стека.
+*/
+function resolveRole(tokens, name, seen = []) {
+	const value = tokens[name];
+	if (value === void 0) return null;
+	if (isHex(value)) return value;
+	const reference = value.trim().match(/^var\(\s*(--[\w-]+)\s*\)$/);
+	if (!reference) return null;
+	if (seen.includes(name)) throw new Error(`роль ${name} ссылается сама на себя: ${[...seen, name].join(" → ")}`);
+	return resolveRole(tokens, reference[1], [...seen, name]);
+}
+//#endregion
+//#region src/theme/validate.ts
+/**
+* AA для обычного текста.
+*
+* Порога для самой заливки здесь нет намеренно: `--gr-success` в светлой теме
+* даёт 2.42:1 к фону, и это не дефект — информацию бейдж несёт текстом `-fg`
+* поверх заливки, а не самой заливкой. Правило «≥3:1 к фону» уронило бы
+* встроенные темы пакета, то есть проверяло бы не то, о чём договаривались.
+*/
+var AA_TEXT$1 = 4.5;
+/** Порог заметности ΔE: ниже — для глаза один цвет, каким бы разным ни был hex. */
+var NOTICEABLE = 2.3;
+/**
+* Тона, выведенные из данных, а не списком: тон — это роль, у которой есть
+* пара `-fg`. Новый тон пакета попадает под проверки сам.
+*/
+function toneNames() {
+	const names = new Set(grThemeTokens.map((token) => token.name));
+	return [...names].filter((name) => names.has(`${name}-fg`)).map((name) => name.replace("--gr-", ""));
+}
+function derivedOf(role) {
+	return grDerivedTokens.filter((token) => token.base === role).map((token) => ({
+		amount: token.amount,
+		mixWith: token.mixWith
+	}));
+}
+function validateTheme(theme) {
+	const { tokens } = theme;
+	const issues = [];
+	const value = (role) => resolveRole(tokens, role);
+	function requireContrast(token, against, expected, what) {
+		const [foreground, background] = [value(token), value(against)];
+		if (!foreground || !background) return;
+		const actual = contrast(foreground, background);
+		if (actual >= expected) return;
+		issues.push({
+			kind: "contrast",
+			token,
+			against,
+			actual: Math.round(actual * 100) / 100,
+			expected,
+			message: `${what}: ${token} на ${against} даёт ${actual.toFixed(2)}:1 при пороге ${expected}:1`
+		});
+	}
+	/** Заливка в hover/active уходит темнее — текст на ней может провалиться именно там. */
+	function requireContrastWithStates(fgRole, fillRole, what) {
+		requireContrast(fgRole, fillRole, AA_TEXT$1, what);
+		const fill = value(fillRole);
+		const foreground = value(fgRole);
+		if (!fill || !foreground) return;
+		for (const { amount, mixWith } of derivedOf(fillRole)) {
+			const mixed = value(mixWith);
+			if (!mixed) continue;
+			const state = contrast(foreground, mixSrgb(fill, mixed, amount));
+			if (state >= AA_TEXT$1) continue;
+			issues.push({
+				kind: "contrast",
+				token: fgRole,
+				against: `${fillRole} (${amount}%)`,
+				actual: Math.round(state * 100) / 100,
+				expected: AA_TEXT$1,
+				message: `${what}: ${fgRole} на состоянии ${fillRole} (${amount}%) даёт ${state.toFixed(2)}:1 при пороге ${AA_TEXT$1}:1`
+			});
+		}
+	}
+	const withOwnFg = new Set(toneNames().map((tone) => `--gr-${tone}`));
+	for (const surface of [
+		"--gr-bg",
+		"--gr-card",
+		"--gr-popover",
+		"--gr-sidebar"
+	]) {
+		if (withOwnFg.has(surface)) continue;
+		requireContrast("--gr-fg", surface, AA_TEXT$1, "основной текст");
+	}
+	for (const surface of [
+		"--gr-bg",
+		"--gr-card",
+		"--gr-muted",
+		"--gr-secondary"
+	]) requireContrast("--gr-muted-fg", surface, AA_TEXT$1, "вторичный текст");
+	for (const tone of toneNames()) {
+		const fill = `--gr-${tone}`;
+		requireContrastWithStates(`${fill}-fg`, fill, `текст на заливке ${tone}`);
+		for (const state of ["-hover", "-active"]) {
+			if (tokens[`${fill}${state}`] === void 0) continue;
+			requireContrast(`${fill}-fg`, `${fill}${state}`, AA_TEXT$1, `текст на состоянии ${tone}${state}`);
+		}
+		if (tokens[`${fill}-text`] !== void 0) {
+			requireContrast(`${fill}-text`, `${fill}-light`, AA_TEXT$1, `текст тона ${tone}`);
+			requireContrast(`${fill}-text`, "--gr-bg", AA_TEXT$1, `текст тона ${tone}`);
+			requireContrast(`${fill}-text`, "--gr-card", AA_TEXT$1, `текст тона ${tone}`);
+		}
+	}
+	const distinct = [
+		"primary",
+		"success",
+		"warning",
+		"danger",
+		"info",
+		"slate",
+		"azure"
+	];
+	for (let i = 0; i < distinct.length; i += 1) for (let j = i + 1; j < distinct.length; j += 1) {
+		const [first, second] = [`--gr-${distinct[i]}`, `--gr-${distinct[j]}`];
+		const [firstValue, secondValue] = [value(first), value(second)];
+		if (!firstValue || !secondValue) continue;
+		const distance = deltaE(firstValue, secondValue);
+		if (distance >= NOTICEABLE) continue;
+		issues.push({
+			kind: "distance",
+			token: first,
+			against: second,
+			actual: Math.round(distance * 100) / 100,
+			expected: NOTICEABLE,
+			message: `тона неразличимы: ΔE между ${first} и ${second} равно ${distance.toFixed(2)} при пороге ${NOTICEABLE}`
+		});
+	}
+	return issues;
+}
+//#endregion
+//#region src/theme/extendTheme.ts
+var GrThemeError = class extends Error {
+	issues;
+	constructor(name, issues) {
+		super([`тема "${name}" не проходит проверку:`, ...issues.map((issue) => `  • ${issue.message}`)].join("\n"));
+		this.name = "GrThemeError";
+		this.issues = issues;
+	}
+};
+function baseTokens(base) {
+	if (typeof base === "string") {
+		const known = ["light", "dark"];
+		if (!known.includes(base)) throw new Error(`неизвестная базовая тема "${base}"; встроенные: ${known.join(", ")}`);
+		return Object.fromEntries(grThemeTokens.map((token) => [token.name, token.values[base]]));
+	}
+	return "tokens" in base ? { ...base.tokens } : { ...base };
+}
+function renderDeclarations(tokens, indent) {
+	return grThemeTokens.map((token) => `${indent}${token.name}: ${tokens[token.name]};`);
+}
+function renderComponentDeclarations(tokens, indent) {
+	const names = Object.keys(tokens);
+	if (names.length === 0) return [];
+	return [
+		"",
+		`${indent}/* Покомпонентные токены темы. */`,
+		...names.map((name) => `${indent}${name}: ${tokens[name]};`)
+	];
+}
+/**
+* Фолбэк производных состояний для браузеров без `color-mix`.
+*
+* Без него тема наследует фолбэки из `:root`, то есть чужие: hover у кастомной
+* тёмной темы окажется от светлой. Формула та же, что в `tokens.css`, — считает
+* её общая математика (`color.ts`), поэтому разойтись с живым `color-mix` не
+* может.
+*/
+function renderFallback(tokens, selector) {
+	const lines = [
+		"",
+		"@supports not (color: color-mix(in srgb, #000 50%, #fff)) {",
+		`  ${selector} {`
+	];
+	for (const token of grDerivedTokens) {
+		const base = resolveRole(tokens, token.base);
+		const mixWith = resolveRole(tokens, token.mixWith);
+		if (!base || !mixWith) continue;
+		lines.push(`    ${token.name}: ${mixSrgb(base, mixWith, token.amount)};`);
+	}
+	lines.push("  }", "}");
+	return lines;
+}
+function renderThemeCss(theme) {
+	return [
+		`/* Тема "${theme.name}" собрана из @feugene/granularity/theme — правки здесь потеряются. */`,
+		`${theme.selector} {`,
+		...renderDeclarations(theme.tokens, "  "),
+		...renderComponentDeclarations(theme.componentTokens ?? {}, "  "),
+		"}",
+		...renderFallback(theme.tokens, theme.selector),
+		""
+	].join("\n");
+}
+function buildTheme(options) {
+	const { name, tokens, componentTokens, selector, validate, explainMissing } = options;
+	const known = new Set(themeRoleNames());
+	const unknown = Object.keys(tokens).filter((role) => !known.has(role));
+	if (unknown.length > 0) throw new Error(`тема "${name}" объявляет роли, которых у пакета нет: ${unknown.join(", ")}.\nПримитивы (\`--gr-space-*\`, \`--gr-radius-*\`) и производные (\`-hover\`/\`-active\`) темой не задаются: первые от темы не зависят, вторые выводятся формулой.`);
+	const knownComponent = new Set(grComponentTokens.map((token) => token.name));
+	const unknownComponent = Object.keys(componentTokens).filter((token) => !knownComponent.has(token));
+	if (unknownComponent.length > 0) throw new Error(`тема "${name}" объявляет покомпонентные токены, которых у пакета нет: ${unknownComponent.join(", ")}`);
+	const missing = themeRoleNames().filter((role) => tokens[role] === void 0);
+	if (missing.length > 0) throw new Error(explainMissing(missing));
+	const theme = {
+		name,
+		selector,
+		tokens,
+		componentTokens,
+		css: renderThemeCss({
+			name,
+			selector,
+			tokens,
+			componentTokens
+		})
+	};
+	if (validate) {
+		const issues = validateTheme(theme);
+		if (issues.length > 0) throw new GrThemeError(name, issues);
+	}
+	return theme;
+}
+/**
+* Тема поверх готовой: объявляем только то, что меняем.
+*
+* Роль, которую тема не объявила, наследуется не от «своей» базы, а из `:root`,
+* то есть из светлой темы: тёмная тема с забытой ролью получает светлое пятно.
+* Поэтому здесь тема достраивается до полного набора **всех** ролей пакета — и
+* роль, добавленная пакетом завтра, приедет в неё сама, без правок потребителя.
+*/
+function extendTheme(options) {
+	const { name, base, tokens = {}, componentTokens = {}, selector = `[data-theme='${name}']`, validate = true } = options;
+	return buildTheme({
+		name,
+		tokens: {
+			...baseTokens(base),
+			...tokens
+		},
+		componentTokens,
+		selector,
+		validate,
+		explainMissing: (missing) => `база темы "${name}" не даёт ролей: ${missing.join(", ")}`
+	});
+}
+/**
+* Тема с нуля: без базы, все роли свои.
+*
+* «Без базы» — это не «ни от чего не наследуется»: в CSS так нельзя. Роль,
+* которую тема не объявила, придёт из `:root`, а `:root` — это **светлая тема
+* пакета**. Независимой тема становится ровно тогда, когда объявляет все роли
+* сама, и здесь это проверяется: не хватает — сборка падает со списком, а не
+* молча подмешивает чужую палитру.
+*
+* Цена честная и её видно: `extendTheme` получает новую роль пакета
+* автоматически, а тема с нуля — упадёт на следующей сборке и потребует решения.
+* Это и есть смысл выбора: полный контроль в обмен на сопровождение.
+*/
+function createTheme(options) {
+	const { name, tokens = {}, componentTokens = {}, selector = `[data-theme='${name}']`, validate = true } = options;
+	return buildTheme({
+		name,
+		tokens,
+		componentTokens,
+		selector,
+		validate,
+		explainMissing: (missing) => [
+			`тема "${name}" объявлена без базы, но не задаёт ${missing.length} ролей:`,
+			`  ${missing.join(", ")}`,
+			"Незаявленная роль придёт не «ниоткуда», а из `:root` — то есть из светлой темы пакета.",
+			"Задайте их, либо соберите тему поверх готовой: `extendTheme({ base: 'light' | 'dark', tokens })`."
+		].join("\n")
+	});
+}
+//#endregion
+//#region src/theme/tone.ts
+var AA_TEXT = 4.5;
+/** Шаг подбора: 100 шагов по 1% дают точность, которой глаз не различает. */
+var STEP = 1;
+/**
+* Насколько темнеет solid в hover и active.
+*
+* Обычные состояния пакет считает подмесом `--gr-fg` (`tokens/derived.json`), но
+* solid — кнопочная заливка: в светлой теме `--gr-fg` тёмный, в тёмной светлый,
+* и вторая уводила бы кнопку в сторону текста, то есть высветляла. Кнопка при
+* нажатии темнеет в обеих темах, поэтому здесь подмес чёрного.
+*
+* Значения встроенных тем взяты из шкал палитры и лежат в диапазоне 81–99%:
+* `tone` даёт согласованную семью, а не копию пакетных цветов.
+*/
+var SOLID_HOVER = 92;
+var SOLID_ACTIVE = 84;
+var GrToneError = class extends Error {
+	constructor(role, actual, expected) {
+		super(`${role}: не удалось выйти на контраст ${expected}:1, максимум ${actual.toFixed(2)}:1.\nВозьмите семя дальше от фона темы либо задайте роль явно.`);
+		this.name = "GrToneError";
+	}
+};
+/**
+* Роли, которые у этого тона есть в реестре. Лишняя роль — не «запас», а ошибка
+* сборки («роли, которых у пакета нет»), поэтому набор берётся из данных.
+*/
+function rolesOf(name) {
+	const known = new Set(grThemeTokens.map((token) => token.name));
+	const prefix = `--gr-${name}`;
+	if (!known.has(prefix)) return [
+		"fill",
+		"solid",
+		"light",
+		"text"
+	];
+	return [
+		["fill", prefix],
+		["solid", `${prefix}-solid`],
+		["light", `${prefix}-light`],
+		["text", `${prefix}-text`]
+	].filter(([, role]) => known.has(role)).map(([kind]) => kind);
+}
+function baseTokensOf(base) {
+	if (typeof base === "string") return Object.fromEntries(grThemeTokens.map((token) => [token.name, token.values[base]]));
+	return "tokens" in base ? base.tokens : base;
+}
+function requireColor(tokens, role) {
+	const value = resolveRole(tokens, role);
+	if (!value) throw new Error(`тон выводится от темы, а роль ${role} в ней не цвет`);
+	return value;
+}
+/**
+* Сдвигает цвет к цели, пока не наберётся нужный контраст с эталоном.
+* Возвращает первый годный шаг — самый близкий к исходному цвету.
+*/
+function shiftUntil(from, towards, against, expected, role) {
+	let best = {
+		value: from,
+		ratio: contrast(from, against)
+	};
+	for (let amount = 100; amount >= 0; amount -= STEP) {
+		const candidate = mixSrgb(from, towards, amount);
+		const ratio = contrast(candidate, against);
+		if (ratio >= expected) return candidate;
+		if (ratio > best.ratio) best = {
+			value: candidate,
+			ratio
+		};
+	}
+	throw new GrToneError(role, best.ratio, expected);
+}
+/** Тёмная ли тема: фон темнее текста. Отсюда направление всех сдвигов. */
+function isDark(tokens) {
+	const [bg, fg] = [requireColor(tokens, "--gr-bg"), requireColor(tokens, "--gr-fg")];
+	const luminanceOf = (hex) => parseHex(hex).reduce((sum, channel) => sum + channel, 0);
+	return luminanceOf(bg) < luminanceOf(fg);
+}
+/**
+* Семья ролей тона из одного цвета.
+*
+* Без неё композиция снимает только объём работы: перекрасив `--gr-success`, вы
+* оставляете `-light`, `-text` и `-solid*` от базовой темы, и они расходятся с
+* новым тоном по контрасту — ловушка №3 из `docs/theming.md`. Правила вывода
+* взяты оттуда же (§«Суффиксы ролей»), пороги проверяются на каждом шаге:
+* не вышло — падаем с именем роли, а не отдаём нечитаемое.
+*
+* ```ts
+* extendTheme({ name: 'ocean', base: 'dark', tokens: { ...tone('success', '#3ddc97', { base: 'dark' }) } })
+* ```
+*/
+function tone(name, seed, options) {
+	const tokens = baseTokensOf(options.base);
+	const roles = options.roles ?? rolesOf(name);
+	const bg = requireColor(tokens, "--gr-bg");
+	const fg = requireColor(tokens, "--gr-fg");
+	const card = requireColor(tokens, "--gr-card");
+	const dark = isDark(tokens);
+	const result = {};
+	const prefix = `--gr-${name}`;
+	if (roles.includes("fill")) {
+		result[prefix] = seed;
+		const candidates = [fg, bg];
+		const scoreOf = (candidate) => Math.min(contrast(candidate, seed), contrast(candidate, mixSrgb(seed, fg, 92)), contrast(candidate, mixSrgb(seed, fg, 84)));
+		const [best] = [...candidates].sort((left, right) => scoreOf(right) - scoreOf(left));
+		if (scoreOf(best) < AA_TEXT) throw new GrToneError(`${prefix}-fg`, scoreOf(best), AA_TEXT);
+		result[`${prefix}-fg`] = best;
+	}
+	if (roles.includes("solid")) {
+		const solidFg = dark ? fg : "#ffffff";
+		const solid = shiftUntil(seed, "#000000", solidFg, AA_TEXT, `${prefix}-solid`);
+		result[`${prefix}-solid`] = solid;
+		result[`${prefix}-solid-fg`] = solidFg;
+		for (const [suffix, amount] of [["-solid-hover", SOLID_HOVER], ["-solid-active", SOLID_ACTIVE]]) {
+			const state = mixSrgb(solid, "#000000", amount);
+			const ratio = contrast(solidFg, state);
+			if (ratio < AA_TEXT) throw new GrToneError(`${prefix}${suffix}`, ratio, AA_TEXT);
+			result[`${prefix}${suffix}`] = state;
+		}
+	}
+	if (roles.includes("light")) result[`${prefix}-light`] = mixSrgb(seed, card, dark ? 22 : 14);
+	if (roles.includes("text")) {
+		const light = result[`${prefix}-light`] ?? mixSrgb(seed, card, dark ? 22 : 14);
+		let value = seed;
+		for (const surface of [
+			light,
+			bg,
+			card
+		]) value = shiftUntil(value, fg, surface, AA_TEXT, `${prefix}-text`);
+		result[`${prefix}-text`] = value;
+	}
+	return result;
+}
+//#endregion
+export { GrThemeError, GrToneError, contrast, createTheme, deltaE, extendTheme, mixSrgb, renderThemeCss, resolveRole, themeRoleNames, tone, validateTheme };

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../src/theme/color.ts","../src/theme/roles.ts","../src/theme/validate.ts","../src/theme/extendTheme.ts","../src/theme/tone.ts"],"sourcesContent":["/**\n * Цветовая математика пакета — один источник на всех.\n *\n * Одну и ту же формулу считают три разных потребителя: генератор токенов\n * (фолбэки `@supports not (color-mix)`), композиция тем (`extendTheme`, `tone`)\n * и гейты контраста. Расхождение здесь не абстрактно: фолбэки уже жили\n * отдельной копией из сорока хексов, которые обязаны были совпадать с живым\n * `color-mix` до байта, и не совпадали.\n *\n * Модуль читает и генератор (`scripts/generate-tokens.mjs`, запускается\n * `node --experimental-strip-types`), поэтому синтаксис здесь только стираемый:\n * ни `enum`, ни `namespace`, ни параметров-свойств в конструкторах.\n */\n\nexport type Rgb = [number, number, number]\n\nexport function parseHex(value: string): Rgb {\n  const match = value.trim().match(/^#([\\da-f]{3}|[\\da-f]{6})$/i)\n\n  if (!match)\n    throw new Error(`ожидался hex-цвет, получено: ${value}`)\n\n  const hex = match[1].length === 3\n    ? match[1].split('').map(char => char + char).join('')\n    : match[1]\n\n  return [0, 2, 4].map(offset => Number.parseInt(hex.slice(offset, offset + 2), 16)) as Rgb\n}\n\nexport function toHex(channels: Rgb): string {\n  return `#${channels\n    .map(channel => Math.round(Math.min(255, Math.max(0, channel))).toString(16).padStart(2, '0'))\n    .join('')}`\n}\n\n/**\n * `color-mix(in srgb, base <amount>%, other)` для непрозрачных цветов — это\n * линейная интерполяция в gamma-кодированном sRGB, то есть ровно то, что делает\n * браузер. Поэтому посчитанный здесь фолбэк совпадает с живым `color-mix`.\n */\nexport function mixSrgb(baseHex: string, otherHex: string, amount: number): string {\n  const base = parseHex(baseHex)\n  const other = parseHex(otherHex)\n  const ratio = amount / 100\n\n  return toHex(base.map((channel, index) => channel * ratio + other[index] * (1 - ratio)) as Rgb)\n}\n\nexport function luminance(color: string | Rgb): number {\n  const channels = (typeof color === 'string' ? parseHex(color) : color).map((channel) => {\n    const normalized = channel / 255\n\n    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4\n  })\n\n  return 0.2126 * channels[0] + 0.7152 * channels[1] + 0.0722 * channels[2]\n}\n\n/** Отношение контраста по WCAG 2.1: от 1 (одинаковые) до 21 (чёрное на белом). */\nexport function contrast(foreground: string | Rgb, background: string | Rgb): number {\n  const first = luminance(foreground)\n  const second = luminance(background)\n  const [lighter, darker] = first > second ? [first, second] : [second, first]\n\n  return (lighter + 0.05) / (darker + 0.05)\n}\n\nfunction toLab(color: string | Rgb): [number, number, number] {\n  const [red, green, blue] = (typeof color === 'string' ? parseHex(color) : color).map((channel) => {\n    const normalized = channel / 255\n\n    return normalized <= 0.04045 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4\n  })\n\n  // sRGB → XYZ (D65) → Lab, точки белого из CIE.\n  const x = (red * 0.4124 + green * 0.3576 + blue * 0.1805) / 0.95047\n  const y = red * 0.2126 + green * 0.7152 + blue * 0.0722\n  const z = (red * 0.0193 + green * 0.1192 + blue * 0.9505) / 1.08883\n\n  const f = (value: number): number => (value > 0.008856 ? value ** (1 / 3) : 7.787 * value + 16 / 116)\n  const [fx, fy, fz] = [f(x), f(y), f(z)]\n\n  return [116 * fy - 16, 500 * (fx - fy), 200 * (fy - fz)]\n}\n\n/**\n * Воспринимаемое расстояние между цветами (ΔE, CIE76).\n *\n * Контраст отвечает на вопрос «читается ли текст», а этот — на вопрос\n * «различит ли человек два тона рядом». Порог заметности около 2.3; всё, что\n * ниже, для глаза один цвет, каким бы разным ни выглядел hex.\n */\nexport function deltaE(first: string | Rgb, second: string | Rgb): number {\n  const [firstLab, secondLab] = [toLab(first), toLab(second)]\n\n  return Math.hypot(...firstLab.map((value, index) => value - secondLab[index]))\n}\n\n/** Цвет — это hex, а не `var()`/`rgb()`: производные и контраст считаются только по нему. */\nexport function isHex(value: string): boolean {\n  return /^#(?:[\\da-f]{3}|[\\da-f]{6})$/i.test(value.trim())\n}\n","import { grThemeTokens } from '../tokens/generated'\nimport { isHex } from './color'\n\n/** Значения ролей темы: `--gr-bg` → `#041e2b`. */\nexport type GrThemeTokens = Record<string, string>\n\n/** Роли, известные пакету, в порядке объявления. */\nexport function themeRoleNames(): string[] {\n  return grThemeTokens.map(token => token.name)\n}\n\n/**\n * Значение роли, годное для арифметики.\n *\n * Роль вправе ссылаться на другую (`--gr-invalid-brd: var(--gr-danger)`) — такую\n * ссылку разворачиваем, иначе фолбэк и проверки считать не из чего. Всё, что не\n * разворачивается в hex (`rgb(… / .45)` у подложки, `var()` за пределы темы),\n * возвращается как `null`: посчитать нельзя, и выдумывать не надо.\n *\n * Цикл рвём с ошибкой: тема потребителя вправе ошибиться, и упасть надо с\n * именами ролей, а не переполнением стека.\n */\nexport function resolveRole(tokens: GrThemeTokens, name: string, seen: string[] = []): string | null {\n  const value = tokens[name]\n  if (value === undefined) return null\n  if (isHex(value)) return value\n\n  const reference = value.trim().match(/^var\\(\\s*(--[\\w-]+)\\s*\\)$/)\n  if (!reference) return null\n\n  if (seen.includes(name))\n    throw new Error(`роль ${name} ссылается сама на себя: ${[...seen, name].join(' → ')}`)\n\n  return resolveRole(tokens, reference[1], [...seen, name])\n}\n","import { grDerivedTokens, grThemeTokens } from '../tokens/generated'\nimport { contrast, deltaE, mixSrgb } from './color'\nimport type { GrTheme } from './extendTheme'\nimport { resolveRole, type GrThemeTokens } from './roles'\n\nexport interface GrThemeIssue {\n  kind: 'contrast' | 'distance'\n  /** Роль, из-за которой всё встало. */\n  token: string\n  /** На чём проверяли: поверхность либо второй тон. */\n  against: string\n  actual: number\n  expected: number\n  message: string\n}\n\n/**\n * AA для обычного текста.\n *\n * Порога для самой заливки здесь нет намеренно: `--gr-success` в светлой теме\n * даёт 2.42:1 к фону, и это не дефект — информацию бейдж несёт текстом `-fg`\n * поверх заливки, а не самой заливкой. Правило «≥3:1 к фону» уронило бы\n * встроенные темы пакета, то есть проверяло бы не то, о чём договаривались.\n */\nconst AA_TEXT = 4.5\n/** Порог заметности ΔE: ниже — для глаза один цвет, каким бы разным ни был hex. */\nconst NOTICEABLE = 2.3\n\n/**\n * Тона, выведенные из данных, а не списком: тон — это роль, у которой есть\n * пара `-fg`. Новый тон пакета попадает под проверки сам.\n */\nfunction toneNames(): string[] {\n  const names = new Set(grThemeTokens.map(token => token.name))\n\n  return [...names]\n    .filter(name => names.has(`${name}-fg`))\n    .map(name => name.replace('--gr-', ''))\n}\n\nfunction derivedOf(role: string): { amount: number, mixWith: string }[] {\n  return grDerivedTokens\n    .filter(token => token.base === role)\n    .map(token => ({ amount: token.amount, mixWith: token.mixWith }))\n}\n\nexport function validateTheme(theme: GrTheme | { name: string, tokens: GrThemeTokens }): GrThemeIssue[] {\n  const { tokens } = theme\n  const issues: GrThemeIssue[] = []\n\n  const value = (role: string): string | null => resolveRole(tokens, role)\n\n  function requireContrast(token: string, against: string, expected: number, what: string): void {\n    const [foreground, background] = [value(token), value(against)]\n    // Роль не разворачивается в цвет (например `rgb(… / .45)` у подложки) —\n    // считать нечего: молчаливая «проверка» хуже её отсутствия.\n    if (!foreground || !background) return\n\n    const actual = contrast(foreground, background)\n    if (actual >= expected) return\n\n    issues.push({\n      kind: 'contrast',\n      token,\n      against,\n      actual: Math.round(actual * 100) / 100,\n      expected,\n      message: `${what}: ${token} на ${against} даёт ${actual.toFixed(2)}:1 при пороге ${expected}:1`,\n    })\n  }\n\n  /** Заливка в hover/active уходит темнее — текст на ней может провалиться именно там. */\n  function requireContrastWithStates(fgRole: string, fillRole: string, what: string): void {\n    requireContrast(fgRole, fillRole, AA_TEXT, what)\n\n    const fill = value(fillRole)\n    const foreground = value(fgRole)\n    if (!fill || !foreground) return\n\n    for (const { amount, mixWith } of derivedOf(fillRole)) {\n      const mixed = value(mixWith)\n      if (!mixed) continue\n\n      const state = contrast(foreground, mixSrgb(fill, mixed, amount))\n      if (state >= AA_TEXT) continue\n\n      issues.push({\n        kind: 'contrast',\n        token: fgRole,\n        against: `${fillRole} (${amount}%)`,\n        actual: Math.round(state * 100) / 100,\n        expected: AA_TEXT,\n        message: `${what}: ${fgRole} на состоянии ${fillRole} (${amount}%) даёт ${state.toFixed(2)}:1 при пороге ${AA_TEXT}:1`,\n      })\n    }\n  }\n\n  // Основной текст — только на поверхностях БЕЗ собственной пары `-fg`.\n  // У карточки, поповера и сайдбара она есть, и проверяется ниже вместе с\n  // тонами: сайдбар вправе быть инвертированным (тёмная панель в светлой теме),\n  // и требовать на нём общий `--gr-fg` значило бы запретить это.\n  const withOwnFg = new Set(toneNames().map(tone => `--gr-${tone}`))\n\n  for (const surface of ['--gr-bg', '--gr-card', '--gr-popover', '--gr-sidebar']) {\n    if (withOwnFg.has(surface)) continue\n\n    requireContrast('--gr-fg', surface, AA_TEXT, 'основной текст')\n  }\n\n  for (const surface of ['--gr-bg', '--gr-card', '--gr-muted', '--gr-secondary'])\n    requireContrast('--gr-muted-fg', surface, AA_TEXT, 'вторичный текст')\n\n  for (const tone of toneNames()) {\n    const fill = `--gr-${tone}`\n\n    requireContrastWithStates(`${fill}-fg`, fill, `текст на заливке ${tone}`)\n\n    // Состояния solid — свои роли темы, а не производные формулой, поэтому\n    // текст на них проверяется отдельно: у темы с нуля это единственная защита.\n    for (const state of ['-hover', '-active']) {\n      if (tokens[`${fill}${state}`] === undefined) continue\n\n      requireContrast(`${fill}-fg`, `${fill}${state}`, AA_TEXT, `текст на состоянии ${tone}${state}`)\n    }\n\n    if (tokens[`${fill}-text`] !== undefined) {\n      requireContrast(`${fill}-text`, `${fill}-light`, AA_TEXT, `текст тона ${tone}`)\n      requireContrast(`${fill}-text`, '--gr-bg', AA_TEXT, `текст тона ${tone}`)\n      requireContrast(`${fill}-text`, '--gr-card', AA_TEXT, `текст тона ${tone}`)\n    }\n  }\n\n  // Ловушка №5: два тона в двух шагах друг от друга. Пакет наступил на это сам —\n  // `info` был индиго рядом с `primary`, и ссылки обоих тонов красились одинаково.\n  const distinct = ['primary', 'success', 'warning', 'danger', 'info', 'slate', 'azure']\n\n  for (let i = 0; i < distinct.length; i += 1) {\n    for (let j = i + 1; j < distinct.length; j += 1) {\n      const [first, second] = [`--gr-${distinct[i]}`, `--gr-${distinct[j]}`]\n      const [firstValue, secondValue] = [value(first), value(second)]\n      if (!firstValue || !secondValue) continue\n\n      const distance = deltaE(firstValue, secondValue)\n      if (distance >= NOTICEABLE) continue\n\n      issues.push({\n        kind: 'distance',\n        token: first,\n        against: second,\n        actual: Math.round(distance * 100) / 100,\n        expected: NOTICEABLE,\n        message: `тона неразличимы: ΔE между ${first} и ${second} равно ${distance.toFixed(2)} при пороге ${NOTICEABLE}`,\n      })\n    }\n  }\n\n  return issues\n}\n","import { grComponentTokens, grDerivedTokens, grThemeTokens } from '../tokens/generated'\nimport type { GrThemeName } from '../tokens/types'\nimport { mixSrgb } from './color'\nimport { resolveRole, themeRoleNames, type GrThemeTokens } from './roles'\nimport { validateTheme, type GrThemeIssue } from './validate'\n\nexport interface GrTheme {\n  name: string\n  /** Селектор, под которым тема объявлена: по умолчанию `[data-theme='<name>']`. */\n  selector: string\n  /** Полный набор ролей: своё поверх базы. */\n  tokens: GrThemeTokens\n  /** Покомпонентные токены темы, если заданы. */\n  componentTokens: GrThemeTokens\n  /** Готовый CSS, включая фолбэк производных для браузеров без `color-mix`. */\n  css: string\n}\n\nexport interface ExtendThemeOptions {\n  name: string\n  /** Готовая тема пакета, чужая тема или просто набор ролей. */\n  base: GrThemeName | GrTheme | GrThemeTokens\n  selector?: string\n  /** Что меняем. Всё, чего здесь нет, приходит из базы. */\n  tokens?: GrThemeTokens\n  /**\n   * Покомпонентные токены (`--gr-button-primary-bg`) — у них своя природа:\n   * пакет держит для них отдельный слой и **не** наследует их между темами.\n   * Поэтому они не достраиваются из базы, а просто едут в тот же селектор:\n   * заданы — переопределены, не заданы — работает дефолт компонента.\n   */\n  componentTokens?: GrThemeTokens\n  /**\n   * Проверка контраста и различимости тонов перед выдачей. Включена: тема,\n   * которая не читается, — это дефект, и узнать о нём на сборке дешевле, чем от\n   * пользователя. Выключать осознанно, для заведомо декоративных тем.\n   */\n  validate?: boolean\n}\n\nexport class GrThemeError extends Error {\n  issues: GrThemeIssue[]\n\n  constructor(name: string, issues: GrThemeIssue[]) {\n    super([\n      `тема \"${name}\" не проходит проверку:`,\n      ...issues.map(issue => `  • ${issue.message}`),\n    ].join('\\n'))\n\n    this.name = 'GrThemeError'\n    this.issues = issues\n  }\n}\n\nfunction baseTokens(base: ExtendThemeOptions['base']): GrThemeTokens {\n  if (typeof base === 'string') {\n    const known = ['light', 'dark']\n    if (!known.includes(base))\n      throw new Error(`неизвестная базовая тема \"${base}\"; встроенные: ${known.join(', ')}`)\n\n    return Object.fromEntries(grThemeTokens.map(token => [token.name, token.values[base]]))\n  }\n\n  return 'tokens' in base ? { ...(base as GrTheme).tokens } : { ...base }\n}\n\nfunction renderDeclarations(tokens: GrThemeTokens, indent: string): string[] {\n  return grThemeTokens.map(token => `${indent}${token.name}: ${tokens[token.name]};`)\n}\n\nfunction renderComponentDeclarations(tokens: GrThemeTokens, indent: string): string[] {\n  const names = Object.keys(tokens)\n  if (names.length === 0) return []\n\n  return ['', `${indent}/* Покомпонентные токены темы. */`, ...names.map(name => `${indent}${name}: ${tokens[name]};`)]\n}\n\n/**\n * Фолбэк производных состояний для браузеров без `color-mix`.\n *\n * Без него тема наследует фолбэки из `:root`, то есть чужие: hover у кастомной\n * тёмной темы окажется от светлой. Формула та же, что в `tokens.css`, — считает\n * её общая математика (`color.ts`), поэтому разойтись с живым `color-mix` не\n * может.\n */\nfunction renderFallback(tokens: GrThemeTokens, selector: string): string[] {\n  const lines = [\n    '',\n    '@supports not (color: color-mix(in srgb, #000 50%, #fff)) {',\n    `  ${selector} {`,\n  ]\n\n  for (const token of grDerivedTokens) {\n    const base = resolveRole(tokens, token.base)\n    const mixWith = resolveRole(tokens, token.mixWith)\n\n    // Роль ссылается не на цвет (например на `var()` вне темы) — фолбэк для неё\n    // посчитать нечем, и выдумывать значение хуже, чем его не давать.\n    if (!base || !mixWith) continue\n\n    lines.push(`    ${token.name}: ${mixSrgb(base, mixWith, token.amount)};`)\n  }\n\n  lines.push('  }', '}')\n\n  return lines\n}\n\nexport function renderThemeCss(theme: Pick<GrTheme, 'name' | 'selector' | 'tokens'> & Partial<Pick<GrTheme, 'componentTokens'>>): string {\n  return [\n    `/* Тема \"${theme.name}\" собрана из @feugene/granularity/theme — правки здесь потеряются. */`,\n    `${theme.selector} {`,\n    ...renderDeclarations(theme.tokens, '  '),\n    ...renderComponentDeclarations(theme.componentTokens ?? {}, '  '),\n    '}',\n    ...renderFallback(theme.tokens, theme.selector),\n    '',\n  ].join('\\n')\n}\n\ninterface BuildOptions {\n  name: string\n  tokens: GrThemeTokens\n  componentTokens: GrThemeTokens\n  selector: string\n  validate: boolean\n  /** Что сказать, если ролей не хватает: у темы с базой и без базы причины разные. */\n  explainMissing: (missing: string[]) => string\n}\n\nfunction buildTheme(options: BuildOptions): GrTheme {\n  const { name, tokens, componentTokens, selector, validate, explainMissing } = options\n\n  const known = new Set(themeRoleNames())\n  const unknown = Object.keys(tokens).filter(role => !known.has(role))\n\n  if (unknown.length > 0) {\n    throw new Error(\n      `тема \"${name}\" объявляет роли, которых у пакета нет: ${unknown.join(', ')}.\\n`\n      + 'Примитивы (`--gr-space-*`, `--gr-radius-*`) и производные (`-hover`/`-active`) темой не задаются: '\n      + 'первые от темы не зависят, вторые выводятся формулой.',\n    )\n  }\n\n  const knownComponent = new Set(grComponentTokens.map(token => token.name))\n  const unknownComponent = Object.keys(componentTokens).filter(token => !knownComponent.has(token))\n\n  if (unknownComponent.length > 0)\n    throw new Error(`тема \"${name}\" объявляет покомпонентные токены, которых у пакета нет: ${unknownComponent.join(', ')}`)\n\n  const missing = themeRoleNames().filter(role => tokens[role] === undefined)\n  if (missing.length > 0) throw new Error(explainMissing(missing))\n\n  const theme: GrTheme = {\n    name,\n    selector,\n    tokens,\n    componentTokens,\n    css: renderThemeCss({ name, selector, tokens, componentTokens }),\n  }\n\n  if (validate) {\n    const issues = validateTheme(theme)\n    if (issues.length > 0) throw new GrThemeError(name, issues)\n  }\n\n  return theme\n}\n\n/**\n * Тема поверх готовой: объявляем только то, что меняем.\n *\n * Роль, которую тема не объявила, наследуется не от «своей» базы, а из `:root`,\n * то есть из светлой темы: тёмная тема с забытой ролью получает светлое пятно.\n * Поэтому здесь тема достраивается до полного набора **всех** ролей пакета — и\n * роль, добавленная пакетом завтра, приедет в неё сама, без правок потребителя.\n */\nexport function extendTheme(options: ExtendThemeOptions): GrTheme {\n  const {\n    name,\n    base,\n    tokens = {},\n    componentTokens = {},\n    selector = `[data-theme='${name}']`,\n    validate = true,\n  } = options\n\n  return buildTheme({\n    name,\n    tokens: { ...baseTokens(base), ...tokens },\n    componentTokens,\n    selector,\n    validate,\n    explainMissing: missing => `база темы \"${name}\" не даёт ролей: ${missing.join(', ')}`,\n  })\n}\n\n/**\n * Тема с нуля: без базы, все роли свои.\n *\n * «Без базы» — это не «ни от чего не наследуется»: в CSS так нельзя. Роль,\n * которую тема не объявила, придёт из `:root`, а `:root` — это **светлая тема\n * пакета**. Независимой тема становится ровно тогда, когда объявляет все роли\n * сама, и здесь это проверяется: не хватает — сборка падает со списком, а не\n * молча подмешивает чужую палитру.\n *\n * Цена честная и её видно: `extendTheme` получает новую роль пакета\n * автоматически, а тема с нуля — упадёт на следующей сборке и потребует решения.\n * Это и есть смысл выбора: полный контроль в обмен на сопровождение.\n */\nexport function createTheme(options: Omit<ExtendThemeOptions, 'base'>): GrTheme {\n  const {\n    name,\n    tokens = {},\n    componentTokens = {},\n    selector = `[data-theme='${name}']`,\n    validate = true,\n  } = options\n\n  return buildTheme({\n    name,\n    tokens,\n    componentTokens,\n    selector,\n    validate,\n    explainMissing: missing => [\n      `тема \"${name}\" объявлена без базы, но не задаёт ${missing.length} ролей:`,\n      `  ${missing.join(', ')}`,\n      'Незаявленная роль придёт не «ниоткуда», а из `:root` — то есть из светлой темы пакета.',\n      'Задайте их, либо соберите тему поверх готовой: `extendTheme({ base: \\'light\\' | \\'dark\\', tokens })`.',\n    ].join('\\n'),\n  })\n}\n","import { grThemeTokens } from '../tokens/generated'\nimport type { GrThemeName } from '../tokens/types'\nimport { contrast, mixSrgb, parseHex } from './color'\nimport { resolveRole, type GrThemeTokens } from './roles'\n\nexport type ToneRole = 'fill' | 'solid' | 'light' | 'text'\n\nexport interface ToneOptions {\n  /** Тема, в которой тон будет жить: от неё зависят фон, текст и направление сдвигов. */\n  base: GrThemeName | { tokens: GrThemeTokens } | GrThemeTokens\n  /**\n   * Что выводить. По умолчанию — ровно те роли, которые у этого тона есть **в\n   * реестре пакета**: у `--gr-accent` это только `-fg`, у `--gr-primary` нет\n   * `-light`. Для имени, которого в реестре нет, выводится полная семья.\n   */\n  roles?: ToneRole[]\n}\n\nconst AA_TEXT = 4.5\n/** Шаг подбора: 100 шагов по 1% дают точность, которой глаз не различает. */\nconst STEP = 1\n/**\n * Насколько темнеет solid в hover и active.\n *\n * Обычные состояния пакет считает подмесом `--gr-fg` (`tokens/derived.json`), но\n * solid — кнопочная заливка: в светлой теме `--gr-fg` тёмный, в тёмной светлый,\n * и вторая уводила бы кнопку в сторону текста, то есть высветляла. Кнопка при\n * нажатии темнеет в обеих темах, поэтому здесь подмес чёрного.\n *\n * Значения встроенных тем взяты из шкал палитры и лежат в диапазоне 81–99%:\n * `tone` даёт согласованную семью, а не копию пакетных цветов.\n */\nconst SOLID_HOVER = 92\nconst SOLID_ACTIVE = 84\n\nexport class GrToneError extends Error {\n  constructor(role: string, actual: number, expected: number) {\n    super(\n      `${role}: не удалось выйти на контраст ${expected}:1, максимум ${actual.toFixed(2)}:1.\\n`\n      + 'Возьмите семя дальше от фона темы либо задайте роль явно.',\n    )\n\n    this.name = 'GrToneError'\n  }\n}\n\n/**\n * Роли, которые у этого тона есть в реестре. Лишняя роль — не «запас», а ошибка\n * сборки («роли, которых у пакета нет»), поэтому набор берётся из данных.\n */\nfunction rolesOf(name: string): ToneRole[] {\n  const known = new Set(grThemeTokens.map(token => token.name))\n  const prefix = `--gr-${name}`\n\n  if (!known.has(prefix)) return ['fill', 'solid', 'light', 'text']\n\n  return ([\n    ['fill', prefix],\n    ['solid', `${prefix}-solid`],\n    ['light', `${prefix}-light`],\n    ['text', `${prefix}-text`],\n  ] as const)\n    .filter(([, role]) => known.has(role))\n    .map(([kind]) => kind)\n}\n\nfunction baseTokensOf(base: ToneOptions['base']): GrThemeTokens {\n  if (typeof base === 'string')\n    return Object.fromEntries(grThemeTokens.map(token => [token.name, token.values[base]]))\n\n  return 'tokens' in base ? (base as { tokens: GrThemeTokens }).tokens : base\n}\n\nfunction requireColor(tokens: GrThemeTokens, role: string): string {\n  const value = resolveRole(tokens, role)\n  if (!value) throw new Error(`тон выводится от темы, а роль ${role} в ней не цвет`)\n\n  return value\n}\n\n/**\n * Сдвигает цвет к цели, пока не наберётся нужный контраст с эталоном.\n * Возвращает первый годный шаг — самый близкий к исходному цвету.\n */\nfunction shiftUntil(from: string, towards: string, against: string, expected: number, role: string): string {\n  let best = { value: from, ratio: contrast(from, against) }\n\n  for (let amount = 100; amount >= 0; amount -= STEP) {\n    const candidate = mixSrgb(from, towards, amount)\n    const ratio = contrast(candidate, against)\n\n    if (ratio >= expected) return candidate\n    if (ratio > best.ratio) best = { value: candidate, ratio }\n  }\n\n  throw new GrToneError(role, best.ratio, expected)\n}\n\n/** Тёмная ли тема: фон темнее текста. Отсюда направление всех сдвигов. */\nfunction isDark(tokens: GrThemeTokens): boolean {\n  const [bg, fg] = [requireColor(tokens, '--gr-bg'), requireColor(tokens, '--gr-fg')]\n  const luminanceOf = (hex: string): number => parseHex(hex).reduce((sum, channel) => sum + channel, 0)\n\n  return luminanceOf(bg) < luminanceOf(fg)\n}\n\n/**\n * Семья ролей тона из одного цвета.\n *\n * Без неё композиция снимает только объём работы: перекрасив `--gr-success`, вы\n * оставляете `-light`, `-text` и `-solid*` от базовой темы, и они расходятся с\n * новым тоном по контрасту — ловушка №3 из `docs/theming.md`. Правила вывода\n * взяты оттуда же (§«Суффиксы ролей»), пороги проверяются на каждом шаге:\n * не вышло — падаем с именем роли, а не отдаём нечитаемое.\n *\n * ```ts\n * extendTheme({ name: 'ocean', base: 'dark', tokens: { ...tone('success', '#3ddc97', { base: 'dark' }) } })\n * ```\n */\nexport function tone(name: string, seed: string, options: ToneOptions): GrThemeTokens {\n  const tokens = baseTokensOf(options.base)\n  const roles = options.roles ?? rolesOf(name)\n\n  const bg = requireColor(tokens, '--gr-bg')\n  const fg = requireColor(tokens, '--gr-fg')\n  const card = requireColor(tokens, '--gr-card')\n  const dark = isDark(tokens)\n\n  const result: GrThemeTokens = {}\n  const prefix = `--gr-${name}`\n\n  if (roles.includes('fill')) {\n    result[prefix] = seed\n\n    // Текст на заливке — тот из полюсов темы, что читается лучше. Проверяем\n    // не только базу: hover/active уводят заливку к `--gr-fg`, и провалиться\n    // текст может именно там (ловушка №2).\n    const candidates = [fg, bg]\n    const scoreOf = (candidate: string): number => Math.min(\n      contrast(candidate, seed),\n      contrast(candidate, mixSrgb(seed, fg, 92)),\n      contrast(candidate, mixSrgb(seed, fg, 84)),\n    )\n\n    const [best] = [...candidates].sort((left, right) => scoreOf(right) - scoreOf(left))\n    if (scoreOf(best) < AA_TEXT) throw new GrToneError(`${prefix}-fg`, scoreOf(best), AA_TEXT)\n\n    result[`${prefix}-fg`] = best\n  }\n\n  if (roles.includes('solid')) {\n    // Solid — кнопочный вес, и он одинаков в обеих темах: тёмная заливка со\n    // светлым текстом. Это не симметрия ради симметрии — кнопки всех тонов\n    // обязаны выглядеть одной семьёй (docs/theming.md, «Зачем -solid»), а\n    // светлая кнопка в тёмной теме читалась бы как другой компонент.\n    // Отсюда же направление состояний: заливка темнеет при наведении и нажатии.\n    const solidFg = dark ? fg : '#ffffff'\n\n    const solid = shiftUntil(seed, '#000000', solidFg, AA_TEXT, `${prefix}-solid`)\n\n    result[`${prefix}-solid`] = solid\n    result[`${prefix}-solid-fg`] = solidFg\n\n    // Состояния solid — темовые роли, а не производные: `color-mix` их не\n    // считает, и без них тема с нуля не соберётся вовсе.\n    for (const [suffix, amount] of [['-solid-hover', SOLID_HOVER], ['-solid-active', SOLID_ACTIVE]] as const) {\n      const state = mixSrgb(solid, '#000000', amount)\n      const ratio = contrast(solidFg, state)\n\n      if (ratio < AA_TEXT) throw new GrToneError(`${prefix}${suffix}`, ratio, AA_TEXT)\n\n      result[`${prefix}${suffix}`] = state\n    }\n  }\n\n  if (roles.includes('light')) {\n    // Мягкая подложка: тон, подмешанный в поверхность карточки.\n    result[`${prefix}-light`] = mixSrgb(seed, card, dark ? 22 : 14)\n  }\n\n  if (roles.includes('text')) {\n    const light = result[`${prefix}-light`] ?? mixSrgb(seed, card, dark ? 22 : 14)\n\n    // Текст тона живёт и на мягкой подложке, и на фоне страницы, и на карточке —\n    // сдвигаем до худшего из трёх.\n    let value = seed\n    for (const surface of [light, bg, card])\n      value = shiftUntil(value, fg, surface, AA_TEXT, `${prefix}-text`)\n\n    result[`${prefix}-text`] = value\n  }\n\n  return result\n}\n"],"mappings":"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"}