@samva/markup 0.7.0 → 0.8.0

package/dist/compiler.js

@@ -1,17 +1,18 @@
-import { n as isObject } from "./guards-eV1qLbf2.js";
-import { a as applyStylesheet, c as downlevelMediaQuery, d as renderHeadCss, f as resolveVariables, i as renderEmail, l as finalizeValue, o as classListOf, r as compileEmail, s as matchesSelector, t as EMAIL_DOCTYPE, u as foldCalc } from "./render-aaJBnsXK.js";
+import { c as matchesSelector, d as finalizeValue, f as foldCalc, i as renderEmail, m as resolveVariables, o as applyStylesheet, p as renderHeadCss, r as compileEmail, s as classListOf, t as EMAIL_DOCTYPE, u as downlevelMediaQuery } from "./render-vAv_4r9v.js";
 import { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, emailElement, isUrlAttribute } from "./email/elements.js";
 import { INSTANCE_PATH_ATTRIBUTE, emailAuthoringTarget, emailDefinitionInstances, emailSelectionAncestry, emailSelectionIndex, emailSelectionSiblings, emailSelections } from "./email/selection.js";
 import { escapeAttribute, escapeText, serializeEmailHtml } from "./email/html.js";
 import { EmailCompileError, formatEmailDiagnostic, hasBlockingDiagnostic } from "./email/diagnostics.js";
 import { collectStylesheets, hasStylesheets, registerStylesheet, resetStylesheets } from "./email/stylesheets.js";
 import { deriveEmailText } from "./email/text.js";
+import { ASSET_CONTENT_TYPES, assetEntry, assetUrl, checkAssetBase, isAssetPath, isExternalAsset } from "./email/assets.js";
 import { buildLineMap, lineColumn } from "./diagnostics.js";
+import { BRAND_COMPONENT_CLASSES } from "./email/brand.js";
+import { c as parseBrandCss, d as formatColor, f as parseColor, i as brandTailwindCss, u as downlevelColors } from "./theme-css-hFqcPSar.js";
+import { a as projectDirectory, c as TAILWIND_VERSION, i as parseBrandSpecifier, l as compileSelector, n as discoverClassCandidates, o as resolveFromDirectory, r as BRAND_SPECIFIER, s as resolveThemeImports, t as compileTailwind, u as parseStylesheet } from "./tailwind-BYq7Lo6u.js";
 import { TsxSourceInstrumentationError, instrumentTsxSourceForPreview } from "./tsx-source-instrumentation.js";
-import { parse } from "@babel/parser";
+import { generate, parse, walk } from "css-tree";
 import { caniemail, parseHtml, rawData } from "caniemail";
-import { generate, ident, parse as parse$1, walk } from "css-tree";
-import { compile } from "tailwindcss";
 //#region src/email/compatibility-assessment.ts
 const VERIFIED_VALUES = /^(?:left|right|center|justify)$/i;
 const SIMPLE_COLOR = /^(?:#[\da-f]{3,8}|rgba?\([^()]+\)|transparent|white|black)$/i;
@@ -109,7 +110,7 @@ const compatibilityContext = (html, css) => {
 		const inline = /* @__PURE__ */ new Map();
 		if (context === "stylesheet" && source.trim() !== "") unresolvedStyles = true;
 		try {
-			const ast = parse$1(source, { context });
+			const ast = parse(source, { context });
 			walk(ast, (node) => {
 				if (node.type === "Raw") complete = false;
 				if (node.type !== "Declaration") return;
@@ -391,853 +392,31 @@ const unknownCoverage = (titles) => [...titles].filter((title) => !KNOWN_TITLES.
 /** A publication carrying one of these is refused; the message would arrive broken. */
 const hasBlockingCompatibility = (findings) => findings.some((finding) => finding.severity === "error");
 //#endregion
-//#region src/email/assets.ts
-/** Files a template may import, and what they are served as. */
-const ASSET_CONTENT_TYPES = {
-	".png": "image/png",
-	".jpg": "image/jpeg",
-	".jpeg": "image/jpeg",
-	".gif": "image/gif",
-	".webp": "image/webp",
-	".avif": "image/avif",
-	".svg": "image/svg+xml",
-	".ico": "image/x-icon",
-	".woff": "font/woff",
-	".woff2": "font/woff2",
-	".ttf": "font/ttf",
-	".otf": "font/otf",
-	".pdf": "application/pdf",
-	".txt": "text/plain"
-};
-const extensionOf = (path) => {
-	const dot = path.lastIndexOf(".");
-	return dot < 0 ? "" : path.slice(dot).toLowerCase();
-};
-/** True when the compiler turns this import into a content-addressed asset. */
-const isAssetPath = (path) => Object.hasOwn(ASSET_CONTENT_TYPES, extensionOf(path));
-const hex = (buffer) => Array.from(new Uint8Array(buffer), (byte) => byte.toString(16).padStart(2, "0")).join("");
-/** Address one file by its content. */
-const assetEntry = async (path, bytes) => {
-	const extension = extensionOf(path);
-	const view = new Uint8Array(bytes.byteLength);
-	view.set(bytes);
-	const digest = hex(await crypto.subtle.digest("SHA-256", view));
-	return {
-		path,
-		digest,
-		bytes: bytes.byteLength,
-		contentType: ASSET_CONTENT_TYPES[extension] ?? "application/octet-stream",
-		fileName: `${digest}${extension}`
-	};
-};
-/**
-* The URL an asset has under a base. The base is a build input: publication
-* passes its hosted origin, and a local export passes whatever it will serve
-* the exported files from.
-*/
-const assetUrl = (entry, base) => `${base.replace(/\/+$/, "")}/${entry.fileName}`;
-const EXTERNAL_IMAGE = /^https:\/\//i;
-/** Record, but never fetch, a URL the template points at. */
-const isExternalAsset = (reference) => EXTERNAL_IMAGE.test(reference);
-/**
-* Reject an asset base that would produce URLs a client will not load. The
-* relative forms are the ones a page on disk resolves against its own
-* directory, which is what a local export writes.
-*/
-const checkAssetBase = (base) => /^(https:\/\/|\.{1,2}\/|\/)/i.test(base) ? [] : [{
-	code: "invalid-asset-base",
-	severity: "error",
-	message: `Asset base ${JSON.stringify(base)} must be an https URL, an absolute path, or a relative path for a local export.`,
-	origins: []
-}];
-//#endregion
-//#region src/email/css-color.ts
-const clamp = (value, low = 0, high = 1) => value < low ? low : value > high ? high : value;
-const toGamma = (channel) => channel <= .0031308 ? 12.92 * channel : 1.055 * channel ** (1 / 2.4) - .055;
-const toLinear = (channel) => channel <= .04045 ? channel / 12.92 : ((channel + .055) / 1.055) ** 2.4;
-/** OKLab is the interpolation space Tailwind mixes in, so conversions run both ways. */
-const oklabToRgb = (lightness, a, b, alpha) => {
-	const l = (lightness + .3963377774 * a + .2158037573 * b) ** 3;
-	const m = (lightness - .1055613458 * a - .0638541728 * b) ** 3;
-	const s = (lightness - .0894841775 * a - 1.291485548 * b) ** 3;
-	return {
-		r: toGamma(4.0767416621 * l - 3.3077115913 * m + .2309699292 * s),
-		g: toGamma(-1.2684380046 * l + 2.6097574011 * m - .3413193965 * s),
-		b: toGamma(-.0041960863 * l - .7034186147 * m + 1.707614701 * s),
-		a: alpha
-	};
-};
-const rgbToOklab = (color) => {
-	const r = toLinear(color.r);
-	const g = toLinear(color.g);
-	const b = toLinear(color.b);
-	const l = Math.cbrt(.4122214708 * r + .5363325363 * g + .0514459929 * b);
-	const m = Math.cbrt(.2119034982 * r + .6806995451 * g + .1073969566 * b);
-	const s = Math.cbrt(.0883024619 * r + .2817188376 * g + .6299787005 * b);
-	return {
-		L: .2104542553 * l + .793617785 * m - .0040720468 * s,
-		a: 1.9779984951 * l - 2.428592205 * m + .4505937099 * s,
-		b: .0259040371 * l + .7827717662 * m - .808675766 * s,
-		alpha: color.a
-	};
-};
-const hslToRgb = (hue, saturation, lightness, alpha) => {
-	const h = (hue % 360 + 360) % 360;
-	const c = (1 - Math.abs(2 * lightness - 1)) * saturation;
-	const x = c * (1 - Math.abs(h / 60 % 2 - 1));
-	const m = lightness - c / 2;
-	const [r, g, b] = [
-		[
-			c,
-			x,
-			0
-		],
-		[
-			x,
-			c,
-			0
-		],
-		[
-			0,
-			c,
-			x
-		],
-		[
-			0,
-			x,
-			c
-		],
-		[
-			x,
-			0,
-			c
-		],
-		[
-			c,
-			0,
-			x
-		]
-	][Math.min(5, Math.floor(h / 60))];
-	return {
-		r: r + m,
-		g: g + m,
-		b: b + m,
-		a: alpha
-	};
-};
-/** The named colors an email template actually reaches for; anything else stays literal. */
-const NAMED = {
-	transparent: "#00000000",
-	black: "#000000",
-	white: "#ffffff",
-	red: "#ff0000",
-	green: "#008000",
-	blue: "#0000ff",
-	gray: "#808080",
-	grey: "#808080",
-	silver: "#c0c0c0",
-	yellow: "#ffff00",
-	orange: "#ffa500",
-	purple: "#800080",
-	navy: "#000080",
-	teal: "#008080",
-	olive: "#808000",
-	maroon: "#800000",
-	lime: "#00ff00",
-	aqua: "#00ffff",
-	cyan: "#00ffff",
-	fuchsia: "#ff00ff",
-	magenta: "#ff00ff"
-};
-const number = (token, reference = 1) => {
-	const text = token.trim();
-	if (text === "none") return 0;
-	if (text.endsWith("%")) {
-		const value = Number.parseFloat(text.slice(0, -1));
-		return Number.isFinite(value) ? value / 100 * reference : void 0;
-	}
-	const value = Number.parseFloat(text);
-	return Number.isFinite(value) ? value : void 0;
-};
-const angle = (token) => {
-	const text = token.trim();
-	const value = Number.parseFloat(text);
-	if (!Number.isFinite(value)) return void 0;
-	if (text.endsWith("turn")) return value * 360;
-	if (text.endsWith("rad")) return value * 180 / Math.PI;
-	if (text.endsWith("grad")) return value * .9;
-	return value;
-};
-/** Split a function's arguments on top-level commas and `/`, keeping nested calls intact. */
-const argumentTokens = (body) => {
-	const parts = [];
-	let alpha;
-	let depth = 0;
-	let current = "";
-	let afterSlash = false;
-	for (const character of body) {
-		if (character === "(") depth += 1;
-		if (character === ")") depth -= 1;
-		if (depth === 0 && (character === "," || character === " " || character === "/")) {
-			if (character === "/") {
-				if (current.trim() !== "") parts.push(current.trim());
-				current = "";
-				afterSlash = true;
-				continue;
-			}
-			if (current.trim() !== "") {
-				if (afterSlash) alpha = current.trim();
-				else parts.push(current.trim());
-			}
-			current = "";
-			continue;
-		}
-		current += character;
-	}
-	if (current.trim() !== "") {
-		if (afterSlash) alpha = current.trim();
-		else parts.push(current.trim());
-	}
-	return alpha === void 0 ? { parts } : {
-		parts,
-		alpha
-	};
-};
-/** Read one function call at the start of `value`, returning its name and body. */
-const functionCall = (value) => {
-	const match = /^([a-zA-Z-]+)\(/.exec(value.trim());
-	if (match === null) return void 0;
-	const text = value.trim();
-	let depth = 0;
-	for (let index = match[0].length - 1; index < text.length; index++) if (text[index] === "(") depth += 1;
-	else if (text[index] === ")") {
-		depth -= 1;
-		if (depth === 0) return {
-			name: match[1].toLowerCase(),
-			body: text.slice(match[0].length, index)
-		};
-	}
-};
-/** Parse any supported color notation into extended sRGB. `undefined` means "leave it alone". */
-const parseColor = (value) => {
-	const text = value.trim();
-	const named = NAMED[text.toLowerCase()];
-	if (named !== void 0) return parseColor(named);
-	if (text.startsWith("#")) {
-		const hex = text.slice(1);
-		const expand = (part) => Number.parseInt(part.repeat(2 / part.length), 16) / 255;
-		if (hex.length === 3 || hex.length === 4) return {
-			r: expand(hex[0]),
-			g: expand(hex[1]),
-			b: expand(hex[2]),
-			a: hex.length === 4 ? expand(hex[3]) : 1
-		};
-		if (hex.length === 6 || hex.length === 8) return {
-			r: Number.parseInt(hex.slice(0, 2), 16) / 255,
-			g: Number.parseInt(hex.slice(2, 4), 16) / 255,
-			b: Number.parseInt(hex.slice(4, 6), 16) / 255,
-			a: hex.length === 8 ? Number.parseInt(hex.slice(6, 8), 16) / 255 : 1
-		};
-		return;
-	}
-	const call = functionCall(text);
-	if (call === void 0) return void 0;
-	const { parts, alpha } = argumentTokens(call.body);
-	const opacity = alpha === void 0 ? 1 : number(alpha) ?? 1;
-	switch (call.name) {
-		case "rgb":
-		case "rgba": {
-			const [r, g, b, legacy] = parts;
-			if (r === void 0 || g === void 0 || b === void 0) return void 0;
-			const channel = (token) => {
-				const parsed = number(token, 255);
-				return parsed === void 0 ? void 0 : parsed / 255;
-			};
-			const [red, green, blue] = [
-				channel(r),
-				channel(g),
-				channel(b)
-			];
-			if (red === void 0 || green === void 0 || blue === void 0) return void 0;
-			return {
-				r: red,
-				g: green,
-				b: blue,
-				a: legacy === void 0 ? opacity : number(legacy) ?? 1
-			};
-		}
-		case "hsl":
-		case "hsla": {
-			const [h, s, l, legacy] = parts;
-			if (h === void 0 || s === void 0 || l === void 0) return void 0;
-			const hue = angle(h);
-			const saturation = number(s);
-			const lightness = number(l);
-			if (hue === void 0 || saturation === void 0 || lightness === void 0) return void 0;
-			return hslToRgb(hue, saturation, lightness, legacy === void 0 ? opacity : number(legacy) ?? 1);
-		}
-		case "oklch": {
-			const [l, c, h] = parts;
-			if (l === void 0 || c === void 0 || h === void 0) return void 0;
-			const lightness = number(l);
-			const chroma = number(c, .4);
-			const hue = angle(h);
-			if (lightness === void 0 || chroma === void 0 || hue === void 0) return void 0;
-			const radians = hue * Math.PI / 180;
-			return oklabToRgb(lightness, chroma * Math.cos(radians), chroma * Math.sin(radians), opacity);
-		}
-		case "oklab": {
-			const [l, a, b] = parts;
-			if (l === void 0 || a === void 0 || b === void 0) return void 0;
-			const lightness = number(l);
-			const green = number(a, .4);
-			const blue = number(b, .4);
-			if (lightness === void 0 || green === void 0 || blue === void 0) return void 0;
-			return oklabToRgb(lightness, green, blue, opacity);
-		}
-		case "color-mix": return mixColors(call.body);
-		default: return;
-	}
-};
-/** `color-mix(in <space>, <color> <pct>?, <color> <pct>?)` — Tailwind's opacity modifier. */
-const mixColors = (body) => {
-	const stops = body.split(",").map((part) => part.trim());
-	const [space, first, second] = stops;
-	if (space === void 0 || first === void 0 || second === void 0 || stops.length !== 3) return void 0;
-	const method = /^in\s+([a-z-]+)/i.exec(space)?.[1]?.toLowerCase();
-	if (method === void 0) return void 0;
-	const stop = (text) => {
-		const percentage = /\s([\d.]+)%$/.exec(text);
-		const color = parseColor(percentage === null ? text : text.slice(0, percentage.index));
-		if (color === void 0) return void 0;
-		return {
-			color,
-			weight: percentage === null ? void 0 : Number.parseFloat(percentage[1]) / 100
-		};
-	};
-	const left = stop(first);
-	const right = stop(second);
-	if (left === void 0 || right === void 0) return void 0;
-	const leftWeight = left.weight ?? (right.weight === void 0 ? .5 : 1 - right.weight);
-	const total = leftWeight + (right.weight ?? 1 - leftWeight);
-	if (total === 0) return void 0;
-	const p = leftWeight / total;
-	const alpha = left.color.a * p + right.color.a * (1 - p);
-	const mix = (l, r) => alpha === 0 ? 0 : (l * left.color.a * p + r * right.color.a * (1 - p)) / alpha;
-	if (method === "srgb") return {
-		r: mix(left.color.r, right.color.r),
-		g: mix(left.color.g, right.color.g),
-		b: mix(left.color.b, right.color.b),
-		a: alpha
-	};
-	const l = rgbToOklab(left.color);
-	const r = rgbToOklab(right.color);
-	const channel = (a, b) => alpha === 0 ? 0 : (a * left.color.a * p + b * right.color.a * (1 - p)) / alpha;
-	return oklabToRgb(channel(l.L, r.L), channel(l.a, r.a), channel(l.b, r.b), alpha);
-};
-const byte = (channel) => Math.round(clamp(channel) * 255).toString(16).padStart(2, "0");
-/** sRGB hex, or `rgba()` when the color is not opaque. */
-const formatColor = (color) => color.a >= 1 ? `#${byte(color.r)}${byte(color.g)}${byte(color.b)}` : `rgba(${Math.round(clamp(color.r) * 255)},${Math.round(clamp(color.g) * 255)},${Math.round(clamp(color.b) * 255)},${Math.round(clamp(color.a) * 1e3) / 1e3})`;
-const MODERN_COLOR = /\b(oklch|oklab|color-mix|lab|lch)\(/i;
-/** Rewrite every modern color function in a declaration value; other text is untouched. */
-const downlevelColors = (value) => {
-	if (!MODERN_COLOR.test(value)) return value;
-	let result = "";
-	let rest = value;
-	while (rest.length > 0) {
-		const match = MODERN_COLOR.exec(rest);
-		if (match === null || match.index === void 0) {
-			result += rest;
-			break;
-		}
-		result += rest.slice(0, match.index);
-		const remainder = rest.slice(match.index);
-		const call = functionCall(remainder);
-		if (call === void 0) {
-			result += remainder;
-			break;
-		}
-		const consumed = remainder.indexOf("(") + call.body.length + 2;
-		const color = parseColor(remainder.slice(0, consumed));
-		result += color === void 0 ? remainder.slice(0, consumed) : formatColor(color);
-		rest = remainder.slice(consumed);
-	}
-	return result;
-};
-//#endregion
-//#region src/email/css.ts
-const UNLAYERED = Number.MAX_SAFE_INTEGER;
-const CONDITIONAL_AT_RULES = /* @__PURE__ */ new Set([
-	"media",
-	"supports",
-	"container"
-]);
-const HEAD_AT_RULES = /* @__PURE__ */ new Set([
-	"font-face",
-	"page",
-	"counter-style",
-	"keyframes"
-]);
-const ROOT_SELECTORS = /* @__PURE__ */ new Set([
-	":root",
-	":host",
-	"html",
-	"*",
-	":where(:root)"
-]);
-const text = (node) => node === null || node === void 0 ? "" : generate(node);
-/** The CSS specificity triple for one selector, ignoring the parts email clients drop. */
-const specificityOf = (selector) => {
-	let id = 0;
-	let cls = 0;
-	let type = 0;
-	const visit = (node) => {
-		switch (node.type) {
-			case "IdSelector":
-				id += 1;
-				break;
-			case "ClassSelector":
-			case "AttributeSelector":
-				cls += 1;
-				break;
-			case "PseudoClassSelector":
-				if (node.name !== "where") cls += 1;
-				break;
-			case "TypeSelector":
-				if (node.name !== "*") type += 1;
-				break;
-			case "PseudoElementSelector": type += 1;
-		}
-		if ("children" in node && node.children !== null && node.children !== void 0) for (const child of node.children) visit(child);
-	};
-	visit(selector);
-	return [
-		id,
-		cls,
-		type
-	];
-};
-const hasPseudo = (selector) => {
-	let found = false;
-	const visit = (node) => {
-		if (node.type === "PseudoClassSelector" || node.type === "PseudoElementSelector") found = true;
-		if ("children" in node && node.children !== null && node.children !== void 0) for (const child of node.children) visit(child);
-	};
-	visit(selector);
-	return found;
-};
-const COMBINATORS = {
-	" ": "descendant",
-	">": "child",
-	"+": "adjacent",
-	"~": "sibling"
-};
-/** Compile a selector into the plain-data matcher the render lane uses. */
-const compileSelector = (selector) => {
-	let ast;
-	try {
-		ast = parse$1(selector, {
-			context: "selector",
-			positions: false
-		});
-	} catch {
-		return;
-	}
-	if (ast.type !== "Selector" || ast.children === null) return void 0;
-	const parts = [];
-	let tag;
-	let id;
-	let classes = [];
-	let attributes = [];
-	let opaque = false;
-	const flush = (after) => {
-		parts.push({
-			compound: {
-				tag,
-				id,
-				classes,
-				attributes,
-				opaque
-			},
-			...after === void 0 ? {} : { after }
-		});
-		tag = void 0;
-		id = void 0;
-		classes = [];
-		attributes = [];
-		opaque = false;
-	};
-	for (const node of ast.children) switch (node.type) {
-		case "TypeSelector":
-			if (node.name !== "*") tag = node.name.toLowerCase();
-			break;
-		case "IdSelector":
-			id = node.name;
-			break;
-		case "ClassSelector":
-			classes.push(ident.decode(node.name));
-			break;
-		case "AttributeSelector":
-			attributes.push({
-				name: node.name.name,
-				operator: node.matcher ?? void 0,
-				value: node.value === null || node.value === void 0 ? void 0 : node.value.type === "String" ? node.value.value : node.value.name
-			});
-			break;
-		case "Combinator":
-			flush(COMBINATORS[node.name.trim() === "" ? " " : node.name] ?? "descendant");
-			break;
-		default: opaque = true;
-	}
-	flush();
-	return { parts };
-};
-/** Substitute a nested rule's `&` against its parent selector. */
-const nestSelector = (parent, child) => child.includes("&") ? child.replaceAll("&", parent) : `${parent} ${child}`;
-/** Parse one stylesheet into rules, keeping layer, order and conditions. */
-const parseStylesheet = (source, options = {}) => {
-	const rules = [];
-	const headAtRules = [];
-	const variables = {};
-	const conditionalVariables = /* @__PURE__ */ new Set();
-	const diagnostics = [];
-	const layers = /* @__PURE__ */ new Map();
-	const selectorFacts = /* @__PURE__ */ new Map();
-	let order = options.startOrder ?? 0;
-	/** Everything a rule needs from its selector, computed once per distinct string. */
-	const factsFor = (selector) => {
-		const cached = selectorFacts.get(selector);
-		if (cached !== void 0) return cached;
-		let facts;
-		try {
-			const node = parse$1(selector, {
-				context: "selector",
-				positions: false
-			});
-			const classes = /* @__PURE__ */ new Set();
-			walk(node, {
-				visit: "ClassSelector",
-				enter: (part) => {
-					classes.add(ident.decode(part.name));
-				}
-			});
-			facts = {
-				classes: [...classes],
-				specificity: specificityOf(node),
-				pseudo: hasPseudo(node),
-				matcher: compileSelector(selector)
-			};
-		} catch {
-			facts = {
-				classes: [],
-				specificity: [
-					0,
-					0,
-					0
-				],
-				pseudo: true,
-				matcher: void 0
-			};
-		}
-		selectorFacts.set(selector, facts);
-		return facts;
-	};
-	let ast;
-	try {
-		ast = parse$1(source, {
-			parseValue: false,
-			parseCustomProperty: false,
-			positions: false
-		});
-	} catch (cause) {
-		return {
-			rules: [],
-			headAtRules: [],
-			variables: {},
-			diagnostics: [{
-				code: "css-parse-error",
-				severity: "error",
-				message: `${options.origin ?? "stylesheet"} could not be parsed: ${String(cause)}`,
-				origins: []
-			}]
-		};
-	}
-	const declarationsOf = (block) => {
-		const output = [];
-		if (block === null || block.type !== "Block" || block.children === null) return output;
-		for (const child of block.children) {
-			if (child.type !== "Declaration") continue;
-			output.push({
-				property: child.property,
-				value: downlevelColors(text(child.value).trim().replace(/[\t\n\r\f]/g, " ")),
-				important: child.important === true
-			});
-		}
-		return output;
-	};
-	const emit = (selector, context, declarations) => {
-		if (declarations.length === 0) return;
-		const facts = factsFor(selector);
-		if (ROOT_SELECTORS.has(selector.trim())) for (const declaration of declarations) {
-			if (!declaration.property.startsWith("--")) continue;
-			if (context.conditions.length === 0) variables[declaration.property] = declaration.value;
-			else conditionalVariables.add(declaration.property);
-		}
-		rules.push({
-			selector,
-			classes: facts.classes,
-			specificity: facts.specificity,
-			declarations,
-			order: order++,
-			layer: context.layer,
-			conditions: context.conditions,
-			inlinable: context.conditions.length === 0 && !facts.pseudo,
-			matcher: facts.matcher
-		});
-	};
-	/**
-	* Declarations directly in a block belong to the enclosing selector, whether
-	* that block is the rule's own or a `@media` nested inside it — which is
-	* exactly the shape Tailwind v4 emits for a responsive utility.
-	*/
-	const walkBlock = (block, context) => {
-		if (block === null || block.type !== "Block" || block.children === null) return;
-		const declarations = declarationsOf(block);
-		if (declarations.length > 0 && context.selector !== void 0) emit(context.selector, context, declarations);
-		for (const child of block.children) if (child.type !== "Declaration") visitNode(child, context);
-	};
-	const visitNode = (node, context) => {
-		if (node.type === "Rule") {
-			const prelude = node.prelude;
-			const selectors = prelude.type === "SelectorList" && prelude.children !== null ? [...prelude.children] : [prelude];
-			for (const selector of selectors) {
-				const own = text(selector).trim();
-				if (own === "") continue;
-				walkBlock(node.block, {
-					...context,
-					selector: context.selector === void 0 ? own : nestSelector(context.selector, own)
-				});
-			}
-			return;
-		}
-		if (node.type !== "Atrule") return;
-		const name = node.name.toLowerCase();
-		if (name === "layer") {
-			const prelude = text(node.prelude).trim();
-			if (node.block === null) {
-				for (const declared of prelude.split(",").map((part) => part.trim())) if (declared !== "" && !layers.has(declared)) layers.set(declared, layers.size);
-				return;
-			}
-			const named = prelude.split(",")[0]?.trim() ?? "";
-			if (named !== "" && !layers.has(named)) layers.set(named, layers.size);
-			walkBlock(node.block, {
-				...context,
-				layer: layers.get(named) ?? context.layer
-			});
-			return;
-		}
-		if (name === "theme" || name === "scope") {
-			for (const declaration of declarationsOf(node.block)) if (declaration.property.startsWith("--")) variables[declaration.property] = declaration.value;
-			for (const child of node.block?.children ?? []) if (child.type !== "Declaration") visitNode(child, context);
-			return;
-		}
-		if (name === "property") {
-			const initial = declarationsOf(node.block).find((declaration) => declaration.property === "initial-value");
-			const property = text(node.prelude).trim();
-			if (initial !== void 0 && property.startsWith("--") && !(property in variables)) variables[property] = initial.value;
-			return;
-		}
-		if (CONDITIONAL_AT_RULES.has(name)) {
-			walkBlock(node.block, {
-				...context,
-				conditions: [...context.conditions, `@${name} ${text(node.prelude).trim()}`]
-			});
-			return;
-		}
-		if (HEAD_AT_RULES.has(name)) {
-			headAtRules.push(generate(node));
-			return;
-		}
-		if (name === "import") {
-			diagnostics.push({
-				code: "css-import-unresolved",
-				severity: "error",
-				message: `${options.origin ?? "stylesheet"} uses @import ${text(node.prelude).trim()}; import the stylesheet from the template module instead so the compiler can resolve it.`,
-				origins: []
-			});
-			return;
-		}
-		if (name === "charset" || name === "namespace") return;
-		diagnostics.push({
-			code: "css-unsupported-at-rule",
-			severity: "warning",
-			message: `@${name} is not applied to email output; remove it or move the declarations into a class rule.`,
-			origins: []
-		});
-	};
-	if (ast.type === "StyleSheet" && ast.children !== null) for (const child of ast.children) visitNode(child, {
-		conditions: [],
-		layer: UNLAYERED
-	});
-	for (const property of conditionalVariables) if (property in variables) diagnostics.push({
-		code: "css-conditional-variable",
-		severity: "warning",
-		message: `${property} is redefined inside a conditional at-rule. Inlined declarations take the unconditional value; keep the override on a class rule so the retained head rule can apply it.`,
-		origins: []
-	});
-	return {
-		rules,
-		headAtRules,
-		variables,
-		diagnostics
-	};
-};
-//#endregion
-//#region src/email/tailwind-stylesheets.gen.ts
-/** The exact Tailwind release the compiler runs, recorded in every build manifest. */
-const TAILWIND_VERSION = "4.3.3";
-//#endregion
-//#region src/email/tailwind.ts
-const STYLESHEETS = {
-	tailwindcss: `@layer theme, base, components, utilities;\n@import "tailwindcss/theme.css" layer(theme);\n@import "tailwindcss/utilities.css" layer(utilities);`,
-	"tailwindcss/theme.css": "@theme default {\n  --font-sans:\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,\n    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n  --font-mono:\n    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n    monospace;\n\n  --color-red-50: oklch(97.1% 0.013 17.38);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-200: oklch(88.5% 0.062 18.334);\n  --color-red-300: oklch(80.8% 0.114 19.571);\n  --color-red-400: oklch(70.4% 0.191 22.216);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-red-600: oklch(57.7% 0.245 27.325);\n  --color-red-700: oklch(50.5% 0.213 27.518);\n  --color-red-800: oklch(44.4% 0.177 26.899);\n  --color-red-900: oklch(39.6% 0.141 25.723);\n  --color-red-950: oklch(25.8% 0.092 26.042);\n\n  --color-orange-50: oklch(98% 0.016 73.684);\n  --color-orange-100: oklch(95.4% 0.038 75.164);\n  --color-orange-200: oklch(90.1% 0.076 70.697);\n  --color-orange-300: oklch(83.7% 0.128 66.29);\n  --color-orange-400: oklch(75% 0.183 55.934);\n  --color-orange-500: oklch(70.5% 0.213 47.604);\n  --color-orange-600: oklch(64.6% 0.222 41.116);\n  --color-orange-700: oklch(55.3% 0.195 38.402);\n  --color-orange-800: oklch(47% 0.157 37.304);\n  --color-orange-900: oklch(40.8% 0.123 38.172);\n  --color-orange-950: oklch(26.6% 0.079 36.259);\n\n  --color-amber-50: oklch(98.7% 0.022 95.277);\n  --color-amber-100: oklch(96.2% 0.059 95.617);\n  --color-amber-200: oklch(92.4% 0.12 95.746);\n  --color-amber-300: oklch(87.9% 0.169 91.605);\n  --color-amber-400: oklch(82.8% 0.189 84.429);\n  --color-amber-500: oklch(76.9% 0.188 70.08);\n  --color-amber-600: oklch(66.6% 0.179 58.318);\n  --color-amber-700: oklch(55.5% 0.163 48.998);\n  --color-amber-800: oklch(47.3% 0.137 46.201);\n  --color-amber-900: oklch(41.4% 0.112 45.904);\n  --color-amber-950: oklch(27.9% 0.077 45.635);\n\n  --color-yellow-50: oklch(98.7% 0.026 102.212);\n  --color-yellow-100: oklch(97.3% 0.071 103.193);\n  --color-yellow-200: oklch(94.5% 0.129 101.54);\n  --color-yellow-300: oklch(90.5% 0.182 98.111);\n  --color-yellow-400: oklch(85.2% 0.199 91.936);\n  --color-yellow-500: oklch(79.5% 0.184 86.047);\n  --color-yellow-600: oklch(68.1% 0.162 75.834);\n  --color-yellow-700: oklch(55.4% 0.135 66.442);\n  --color-yellow-800: oklch(47.6% 0.114 61.907);\n  --color-yellow-900: oklch(42.1% 0.095 57.708);\n  --color-yellow-950: oklch(28.6% 0.066 53.813);\n\n  --color-lime-50: oklch(98.6% 0.031 120.757);\n  --color-lime-100: oklch(96.7% 0.067 122.328);\n  --color-lime-200: oklch(93.8% 0.127 124.321);\n  --color-lime-300: oklch(89.7% 0.196 126.665);\n  --color-lime-400: oklch(84.1% 0.238 128.85);\n  --color-lime-500: oklch(76.8% 0.233 130.85);\n  --color-lime-600: oklch(64.8% 0.2 131.684);\n  --color-lime-700: oklch(53.2% 0.157 131.589);\n  --color-lime-800: oklch(45.3% 0.124 130.933);\n  --color-lime-900: oklch(40.5% 0.101 131.063);\n  --color-lime-950: oklch(27.4% 0.072 132.109);\n\n  --color-green-50: oklch(98.2% 0.018 155.826);\n  --color-green-100: oklch(96.2% 0.044 156.743);\n  --color-green-200: oklch(92.5% 0.084 155.995);\n  --color-green-300: oklch(87.1% 0.15 154.449);\n  --color-green-400: oklch(79.2% 0.209 151.711);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-green-600: oklch(62.7% 0.194 149.214);\n  --color-green-700: oklch(52.7% 0.154 150.069);\n  --color-green-800: oklch(44.8% 0.119 151.328);\n  --color-green-900: oklch(39.3% 0.095 152.535);\n  --color-green-950: oklch(26.6% 0.065 152.934);\n\n  --color-emerald-50: oklch(97.9% 0.021 166.113);\n  --color-emerald-100: oklch(95% 0.052 163.051);\n  --color-emerald-200: oklch(90.5% 0.093 164.15);\n  --color-emerald-300: oklch(84.5% 0.143 164.978);\n  --color-emerald-400: oklch(76.5% 0.177 163.223);\n  --color-emerald-500: oklch(69.6% 0.17 162.48);\n  --color-emerald-600: oklch(59.6% 0.145 163.225);\n  --color-emerald-700: oklch(50.8% 0.118 165.612);\n  --color-emerald-800: oklch(43.2% 0.095 166.913);\n  --color-emerald-900: oklch(37.8% 0.077 168.94);\n  --color-emerald-950: oklch(26.2% 0.051 172.552);\n\n  --color-teal-50: oklch(98.4% 0.014 180.72);\n  --color-teal-100: oklch(95.3% 0.051 180.801);\n  --color-teal-200: oklch(91% 0.096 180.426);\n  --color-teal-300: oklch(85.5% 0.138 181.071);\n  --color-teal-400: oklch(77.7% 0.152 181.912);\n  --color-teal-500: oklch(70.4% 0.14 182.503);\n  --color-teal-600: oklch(60% 0.118 184.704);\n  --color-teal-700: oklch(51.1% 0.096 186.391);\n  --color-teal-800: oklch(43.7% 0.078 188.216);\n  --color-teal-900: oklch(38.6% 0.063 188.416);\n  --color-teal-950: oklch(27.7% 0.046 192.524);\n\n  --color-cyan-50: oklch(98.4% 0.019 200.873);\n  --color-cyan-100: oklch(95.6% 0.045 203.388);\n  --color-cyan-200: oklch(91.7% 0.08 205.041);\n  --color-cyan-300: oklch(86.5% 0.127 207.078);\n  --color-cyan-400: oklch(78.9% 0.154 211.53);\n  --color-cyan-500: oklch(71.5% 0.143 215.221);\n  --color-cyan-600: oklch(60.9% 0.126 221.723);\n  --color-cyan-700: oklch(52% 0.105 223.128);\n  --color-cyan-800: oklch(45% 0.085 224.283);\n  --color-cyan-900: oklch(39.8% 0.07 227.392);\n  --color-cyan-950: oklch(30.2% 0.056 229.695);\n\n  --color-sky-50: oklch(97.7% 0.013 236.62);\n  --color-sky-100: oklch(95.1% 0.026 236.824);\n  --color-sky-200: oklch(90.1% 0.058 230.902);\n  --color-sky-300: oklch(82.8% 0.111 230.318);\n  --color-sky-400: oklch(74.6% 0.16 232.661);\n  --color-sky-500: oklch(68.5% 0.169 237.323);\n  --color-sky-600: oklch(58.8% 0.158 241.966);\n  --color-sky-700: oklch(50% 0.134 242.749);\n  --color-sky-800: oklch(44.3% 0.11 240.79);\n  --color-sky-900: oklch(39.1% 0.09 240.876);\n  --color-sky-950: oklch(29.3% 0.066 243.157);\n\n  --color-blue-50: oklch(97% 0.014 254.604);\n  --color-blue-100: oklch(93.2% 0.032 255.585);\n  --color-blue-200: oklch(88.2% 0.059 254.128);\n  --color-blue-300: oklch(80.9% 0.105 251.813);\n  --color-blue-400: oklch(70.7% 0.165 254.624);\n  --color-blue-500: oklch(62.3% 0.214 259.815);\n  --color-blue-600: oklch(54.6% 0.245 262.881);\n  --color-blue-700: oklch(48.8% 0.243 264.376);\n  --color-blue-800: oklch(42.4% 0.199 265.638);\n  --color-blue-900: oklch(37.9% 0.146 265.522);\n  --color-blue-950: oklch(28.2% 0.091 267.935);\n\n  --color-indigo-50: oklch(96.2% 0.018 272.314);\n  --color-indigo-100: oklch(93% 0.034 272.788);\n  --color-indigo-200: oklch(87% 0.065 274.039);\n  --color-indigo-300: oklch(78.5% 0.115 274.713);\n  --color-indigo-400: oklch(67.3% 0.182 276.935);\n  --color-indigo-500: oklch(58.5% 0.233 277.117);\n  --color-indigo-600: oklch(51.1% 0.262 276.966);\n  --color-indigo-700: oklch(45.7% 0.24 277.023);\n  --color-indigo-800: oklch(39.8% 0.195 277.366);\n  --color-indigo-900: oklch(35.9% 0.144 278.697);\n  --color-indigo-950: oklch(25.7% 0.09 281.288);\n\n  --color-violet-50: oklch(96.9% 0.016 293.756);\n  --color-violet-100: oklch(94.3% 0.029 294.588);\n  --color-violet-200: oklch(89.4% 0.057 293.283);\n  --color-violet-300: oklch(81.1% 0.111 293.571);\n  --color-violet-400: oklch(70.2% 0.183 293.541);\n  --color-violet-500: oklch(60.6% 0.25 292.717);\n  --color-violet-600: oklch(54.1% 0.281 293.009);\n  --color-violet-700: oklch(49.1% 0.27 292.581);\n  --color-violet-800: oklch(43.2% 0.232 292.759);\n  --color-violet-900: oklch(38% 0.189 293.745);\n  --color-violet-950: oklch(28.3% 0.141 291.089);\n\n  --color-purple-50: oklch(97.7% 0.014 308.299);\n  --color-purple-100: oklch(94.6% 0.033 307.174);\n  --color-purple-200: oklch(90.2% 0.063 306.703);\n  --color-purple-300: oklch(82.7% 0.119 306.383);\n  --color-purple-400: oklch(71.4% 0.203 305.504);\n  --color-purple-500: oklch(62.7% 0.265 303.9);\n  --color-purple-600: oklch(55.8% 0.288 302.321);\n  --color-purple-700: oklch(49.6% 0.265 301.924);\n  --color-purple-800: oklch(43.8% 0.218 303.724);\n  --color-purple-900: oklch(38.1% 0.176 304.987);\n  --color-purple-950: oklch(29.1% 0.149 302.717);\n\n  --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n  --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n  --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n  --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n  --color-fuchsia-400: oklch(74% 0.238 322.16);\n  --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n  --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n  --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n  --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n  --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n  --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n\n  --color-pink-50: oklch(97.1% 0.014 343.198);\n  --color-pink-100: oklch(94.8% 0.028 342.258);\n  --color-pink-200: oklch(89.9% 0.061 343.231);\n  --color-pink-300: oklch(82.3% 0.12 346.018);\n  --color-pink-400: oklch(71.8% 0.202 349.761);\n  --color-pink-500: oklch(65.6% 0.241 354.308);\n  --color-pink-600: oklch(59.2% 0.249 0.584);\n  --color-pink-700: oklch(52.5% 0.223 3.958);\n  --color-pink-800: oklch(45.9% 0.187 3.815);\n  --color-pink-900: oklch(40.8% 0.153 2.432);\n  --color-pink-950: oklch(28.4% 0.109 3.907);\n\n  --color-rose-50: oklch(96.9% 0.015 12.422);\n  --color-rose-100: oklch(94.1% 0.03 12.58);\n  --color-rose-200: oklch(89.2% 0.058 10.001);\n  --color-rose-300: oklch(81% 0.117 11.638);\n  --color-rose-400: oklch(71.2% 0.194 13.428);\n  --color-rose-500: oklch(64.5% 0.246 16.439);\n  --color-rose-600: oklch(58.6% 0.253 17.585);\n  --color-rose-700: oklch(51.4% 0.222 16.935);\n  --color-rose-800: oklch(45.5% 0.188 13.697);\n  --color-rose-900: oklch(41% 0.159 10.272);\n  --color-rose-950: oklch(27.1% 0.105 12.094);\n\n  --color-slate-50: oklch(98.4% 0.003 247.858);\n  --color-slate-100: oklch(96.8% 0.007 247.896);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-300: oklch(86.9% 0.022 252.894);\n  --color-slate-400: oklch(70.4% 0.04 256.788);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-slate-600: oklch(44.6% 0.043 257.281);\n  --color-slate-700: oklch(37.2% 0.044 257.287);\n  --color-slate-800: oklch(27.9% 0.041 260.031);\n  --color-slate-900: oklch(20.8% 0.042 265.755);\n  --color-slate-950: oklch(12.9% 0.042 264.695);\n\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: oklch(96.7% 0.003 264.542);\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-300: oklch(87.2% 0.01 258.338);\n  --color-gray-400: oklch(70.7% 0.022 261.325);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-600: oklch(44.6% 0.03 256.802);\n  --color-gray-700: oklch(37.3% 0.034 259.733);\n  --color-gray-800: oklch(27.8% 0.033 256.848);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-gray-950: oklch(13% 0.028 261.692);\n\n  --color-zinc-50: oklch(98.5% 0 none);\n  --color-zinc-100: oklch(96.7% 0.001 286.375);\n  --color-zinc-200: oklch(92% 0.004 286.32);\n  --color-zinc-300: oklch(87.1% 0.006 286.286);\n  --color-zinc-400: oklch(70.5% 0.015 286.067);\n  --color-zinc-500: oklch(55.2% 0.016 285.938);\n  --color-zinc-600: oklch(44.2% 0.017 285.786);\n  --color-zinc-700: oklch(37% 0.013 285.805);\n  --color-zinc-800: oklch(27.4% 0.006 286.033);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-zinc-950: oklch(14.1% 0.005 285.823);\n\n  --color-neutral-50: oklch(98.5% 0 none);\n  --color-neutral-100: oklch(97% 0 none);\n  --color-neutral-200: oklch(92.2% 0 none);\n  --color-neutral-300: oklch(87% 0 none);\n  --color-neutral-400: oklch(70.8% 0 none);\n  --color-neutral-500: oklch(55.6% 0 none);\n  --color-neutral-600: oklch(43.9% 0 none);\n  --color-neutral-700: oklch(37.1% 0 none);\n  --color-neutral-800: oklch(26.9% 0 none);\n  --color-neutral-900: oklch(20.5% 0 none);\n  --color-neutral-950: oklch(14.5% 0 none);\n\n  --color-stone-50: oklch(98.5% 0.001 106.423);\n  --color-stone-100: oklch(97% 0.001 106.424);\n  --color-stone-200: oklch(92.3% 0.003 48.717);\n  --color-stone-300: oklch(86.9% 0.005 56.366);\n  --color-stone-400: oklch(70.9% 0.01 56.259);\n  --color-stone-500: oklch(55.3% 0.013 58.071);\n  --color-stone-600: oklch(44.4% 0.011 73.639);\n  --color-stone-700: oklch(37.4% 0.01 67.558);\n  --color-stone-800: oklch(26.8% 0.007 34.298);\n  --color-stone-900: oklch(21.6% 0.006 56.043);\n  --color-stone-950: oklch(14.7% 0.004 49.25);\n\n  --color-mauve-50: oklch(98.5% 0 none);\n  --color-mauve-100: oklch(96% 0.003 325.6);\n  --color-mauve-200: oklch(92.2% 0.005 325.62);\n  --color-mauve-300: oklch(86.5% 0.012 325.68);\n  --color-mauve-400: oklch(71.1% 0.019 323.02);\n  --color-mauve-500: oklch(54.2% 0.034 322.5);\n  --color-mauve-600: oklch(43.5% 0.029 321.78);\n  --color-mauve-700: oklch(36.4% 0.029 323.89);\n  --color-mauve-800: oklch(26.3% 0.024 320.12);\n  --color-mauve-900: oklch(21.2% 0.019 322.12);\n  --color-mauve-950: oklch(14.5% 0.008 326);\n\n  --color-olive-50: oklch(98.8% 0.003 106.5);\n  --color-olive-100: oklch(96.6% 0.005 106.5);\n  --color-olive-200: oklch(93% 0.007 106.5);\n  --color-olive-300: oklch(88% 0.011 106.6);\n  --color-olive-400: oklch(73.7% 0.021 106.9);\n  --color-olive-500: oklch(58% 0.031 107.3);\n  --color-olive-600: oklch(46.6% 0.025 107.3);\n  --color-olive-700: oklch(39.4% 0.023 107.4);\n  --color-olive-800: oklch(28.6% 0.016 107.4);\n  --color-olive-900: oklch(22.8% 0.013 107.4);\n  --color-olive-950: oklch(15.3% 0.006 107.1);\n\n  --color-mist-50: oklch(98.7% 0.002 197.1);\n  --color-mist-100: oklch(96.3% 0.002 197.1);\n  --color-mist-200: oklch(92.5% 0.005 214.3);\n  --color-mist-300: oklch(87.2% 0.007 219.6);\n  --color-mist-400: oklch(72.3% 0.014 214.4);\n  --color-mist-500: oklch(56% 0.021 213.5);\n  --color-mist-600: oklch(45% 0.017 213.2);\n  --color-mist-700: oklch(37.8% 0.015 216);\n  --color-mist-800: oklch(27.5% 0.011 216.9);\n  --color-mist-900: oklch(21.8% 0.008 223.9);\n  --color-mist-950: oklch(14.8% 0.004 228.8);\n\n  --color-taupe-50: oklch(98.6% 0.002 67.8);\n  --color-taupe-100: oklch(96% 0.002 17.2);\n  --color-taupe-200: oklch(92.2% 0.005 34.3);\n  --color-taupe-300: oklch(86.8% 0.007 39.5);\n  --color-taupe-400: oklch(71.4% 0.014 41.2);\n  --color-taupe-500: oklch(54.7% 0.021 43.1);\n  --color-taupe-600: oklch(43.8% 0.017 39.3);\n  --color-taupe-700: oklch(36.7% 0.016 35.7);\n  --color-taupe-800: oklch(26.8% 0.011 36.5);\n  --color-taupe-900: oklch(21.4% 0.009 43.1);\n  --color-taupe-950: oklch(14.7% 0.004 49.3);\n\n  --color-black: #000;\n  --color-white: #fff;\n\n  --spacing: 0.25rem;\n\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  --container-3xs: 16rem;\n  --container-2xs: 18rem;\n  --container-xs: 20rem;\n  --container-sm: 24rem;\n  --container-md: 28rem;\n  --container-lg: 32rem;\n  --container-xl: 36rem;\n  --container-2xl: 42rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n  --container-5xl: 64rem;\n  --container-6xl: 72rem;\n  --container-7xl: 80rem;\n\n  --text-xs: 0.75rem;\n  --text-xs--line-height: calc(1 / 0.75);\n  --text-sm: 0.875rem;\n  --text-sm--line-height: calc(1.25 / 0.875);\n  --text-base: 1rem;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 1.125rem;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 1.25rem;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 6rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 8rem;\n  --text-9xl--line-height: 1;\n\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n\n  --tracking-tighter: -0.05em;\n  --tracking-tight: -0.025em;\n  --tracking-normal: 0em;\n  --tracking-wide: 0.025em;\n  --tracking-wider: 0.05em;\n  --tracking-widest: 0.1em;\n\n  --leading-tight: 1.25;\n  --leading-snug: 1.375;\n  --leading-normal: 1.5;\n  --leading-relaxed: 1.625;\n  --leading-loose: 2;\n\n  --radius-xs: 0.125rem;\n  --radius-sm: 0.25rem;\n  --radius-md: 0.375rem;\n  --radius-lg: 0.5rem;\n  --radius-xl: 0.75rem;\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  --radius-4xl: 2rem;\n\n  --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\n  --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n  --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n  --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n  --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n  --text-shadow-sm:\n    0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);\n  --text-shadow-md:\n    0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);\n  --text-shadow-lg:\n    0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);\n\n  --ease-in: cubic-bezier(0.4, 0, 1, 1);\n  --ease-out: cubic-bezier(0, 0, 0.2, 1);\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n  --animate-spin: spin 1s linear infinite;\n  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --animate-bounce: bounce 1s infinite;\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes ping {\n    75%,\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n\n  @keyframes pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  @keyframes bounce {\n    0%,\n    100% {\n      transform: translateY(-25%);\n      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n    }\n\n    50% {\n      transform: none;\n      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    }\n  }\n\n  --blur-xs: 4px;\n  --blur-sm: 8px;\n  --blur-md: 12px;\n  --blur-lg: 16px;\n  --blur-xl: 24px;\n  --blur-2xl: 40px;\n  --blur-3xl: 64px;\n\n  --perspective-dramatic: 100px;\n  --perspective-near: 300px;\n  --perspective-normal: 500px;\n  --perspective-midrange: 800px;\n  --perspective-distant: 1200px;\n\n  --aspect-video: 16 / 9;\n\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: --theme(--font-sans, initial);\n  --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial);\n  --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial);\n  --default-mono-font-family: --theme(--font-mono, initial);\n  --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial);\n  --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);\n}\n\n/* Deprecated */\n@theme default inline reference {\n  --blur: 8px;\n  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);\n  --radius: 0.25rem;\n  --max-width-prose: 65ch;\n}\n",
-	"tailwindcss/utilities.css": "@tailwind utilities;\n",
-	"tailwindcss/preflight.css": "/*\n  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n  2. Remove default margins and padding\n  3. Reset all borders.\n*/\n\n*,\n::after,\n::before,\n::backdrop,\n::file-selector-button {\n  box-sizing: border-box; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 2 */\n  border: 0 solid; /* 3 */\n}\n\n/*\n  1. Use a consistent sensible line-height in all browsers.\n  2. Prevent adjustments of font size after orientation changes in iOS.\n  3. Use a more readable tab size.\n  4. Use the user's configured `sans` font-family by default.\n  5. Use the user's configured `sans` font-feature-settings by default.\n  6. Use the user's configured `sans` font-variation-settings by default.\n  7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  tab-size: 4; /* 3 */\n  font-family: --theme(\n    --default-font-family,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    'Helvetica Neue',\n    'Noto Sans',\n    Arial,\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji'\n  ); /* 4 */\n  font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */\n  font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n  1. Add the correct height in Firefox.\n  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n  3. Reset the default border style to a 1px solid border.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\n  Add the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\n\n/*\n  Remove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\n  Reset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  -webkit-text-decoration: inherit;\n  text-decoration: inherit;\n}\n\n/*\n  Add the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n  1. Use the user's configured `mono` font-family by default.\n  2. Use the user's configured `mono` font-feature-settings by default.\n  3. Use the user's configured `mono` font-variation-settings by default.\n  4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: --theme(\n    --default-mono-font-family,\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    'Liberation Mono',\n    'Courier New',\n    monospace\n  ); /* 1 */\n  font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */\n  font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\n  Add the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\n  Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n  3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n  Use the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring:where(:not(iframe)) {\n  outline: auto;\n}\n\n/*\n  Add the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\n  Add the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\n  Make lists unstyled by default.\n*/\n\nol,\nul,\nmenu {\n  list-style: none;\n}\n\n/*\n  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n      This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\n  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/*\n  1. Inherit font styles in all browsers.\n  2. Remove border radius in all browsers.\n  3. Remove background color in all browsers.\n  4. Ensure consistent opacity for disabled states in all browsers.\n*/\n\nbutton,\ninput,\nselect,\noptgroup,\ntextarea,\n::file-selector-button {\n  font: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  border-radius: 0; /* 2 */\n  background-color: transparent; /* 3 */\n  opacity: 1; /* 4 */\n}\n\n/*\n  Restore default font weight.\n*/\n\n:where(select:is([multiple], [size])) optgroup {\n  font-weight: bolder;\n}\n\n/*\n  Restore indentation.\n*/\n\n:where(select:is([multiple], [size])) optgroup option {\n  padding-inline-start: 20px;\n}\n\n/*\n  Restore space after button.\n*/\n\n::file-selector-button {\n  margin-inline-end: 4px;\n}\n\n/*\n  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n*/\n\n::placeholder {\n  opacity: 1;\n}\n\n/*\n  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not\n  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)\n*/\n\n@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or\n  (contain-intrinsic-size: 1px) /* Safari 17+ */ {\n  ::placeholder {\n    color: color-mix(in oklab, currentcolor 50%, transparent);\n  }\n}\n\n/*\n  Prevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n  Remove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n  1. Ensure date/time inputs have the same height when empty in iOS Safari.\n  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.\n*/\n\n::-webkit-date-and-time-value {\n  min-height: 1lh; /* 1 */\n  text-align: inherit; /* 2 */\n}\n\n/*\n  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.\n*/\n\n::-webkit-datetime-edit {\n  display: inline-flex;\n}\n\n/*\n  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.\n*/\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 0;\n}\n\n::-webkit-datetime-edit,\n::-webkit-datetime-edit-year-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-minute-field,\n::-webkit-datetime-edit-second-field,\n::-webkit-datetime-edit-millisecond-field,\n::-webkit-datetime-edit-meridiem-field {\n  padding-block: 0;\n}\n\n/*\n  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)\n*/\n\n::-webkit-calendar-picker-indicator {\n  line-height: 1;\n}\n\n/*\n  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\n  Correct the inability to style the border radius in iOS Safari.\n*/\n\nbutton,\ninput:where([type='button'], [type='reset'], [type='submit']),\n::file-selector-button {\n  appearance: button;\n}\n\n/*\n  Correct the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n  Make elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden='until-found'])) {\n  display: none !important;\n}\n"
-};
-/** Compile the discovered class set into CSS with the pinned Tailwind release. */
-const compileTailwind = async (candidates, options = {}) => {
-	const entry = [
-		"@layer theme, base, components, utilities;",
-		"@import \"tailwindcss/theme.css\" layer(theme);",
-		...options.preflight === true ? ["@import \"tailwindcss/preflight.css\" layer(base);"] : [],
-		"@import \"tailwindcss/utilities.css\" layer(utilities);",
-		options.css ?? ""
-	].join("\n");
-	const compiler = await compile(entry, {
-		base: "/",
-		loadStylesheet: (id, base) => Promise.resolve({
-			path: id,
-			base,
-			content: STYLESHEETS[id] ?? ""
-		})
-	});
-	const all = [.../* @__PURE__ */ new Set([...candidates, ...options.safelist ?? []])].sort();
-	const limits = options.limits;
-	if (limits !== void 0 && all.length > limits.candidates) throw new TypeError(`Tailwind candidate limit exceeded: ${all.length} classes, limit ${limits.candidates}. Reduce the utility classes this project uses, or its declared safelist.`);
-	const css = compiler.build(all);
-	const bytes = new TextEncoder().encode(css).length;
-	if (limits !== void 0 && bytes > limits.cssBytes) throw new TypeError(`Generated CSS limit exceeded: ${bytes} bytes, limit ${limits.cssBytes}. Reduce the utility classes this project uses, or its declared safelist.`);
-	return {
-		css,
-		version: TAILWIND_VERSION,
-		candidates: all
-	};
-};
-const isRecord = (value) => isObject(value) && !Array.isArray(value);
-const isAstNode = (value) => isRecord(value) && typeof value.type === "string" && typeof value.start === "number" && typeof value.end === "number";
-const walk$1 = (value, visit) => {
-	if (Array.isArray(value)) {
-		for (const item of value) walk$1(item, visit);
-		return;
-	}
-	if (!isRecord(value)) return;
-	if (isAstNode(value)) visit(value);
-	for (const [key, child] of Object.entries(value)) {
-		if (key === "loc" || key === "extra" || key === "comments" || key === "tokens") continue;
-		walk$1(child, visit);
-	}
-};
-const CLASS_KEYS = /* @__PURE__ */ new Set(["class", "className"]);
-const nameOf = (node) => {
-	if (!isAstNode(node)) return void 0;
-	if (node.type === "JSXIdentifier" || node.type === "Identifier") return typeof node.name === "string" ? node.name : void 0;
-	if (node.type === "StringLiteral") return typeof node.value === "string" ? node.value : void 0;
-};
-/**
-* Collect the class names one module states literally, and report the positions
-* where a class is assembled from values the compiler cannot see.
-*/
-const discoverClassCandidates = (source, fileName) => {
-	let parsed;
-	try {
-		parsed = parse(source, {
-			plugins: ["typescript", "jsx"],
-			sourceType: "module"
-		});
-	} catch {
-		return {
-			candidates: [],
-			diagnostics: []
-		};
-	}
-	const lineMap = buildLineMap(source);
-	const candidates = /* @__PURE__ */ new Set();
-	const diagnostics = [];
-	const at = (offset) => {
-		const position = lineColumn(lineMap, offset);
-		return {
-			fileName,
-			lineNumber: position.line,
-			columnNumber: position.column
-		};
-	};
-	/** Returns true when every class in the expression is statically known. */
-	const readValue = (node) => {
-		if (!isAstNode(node)) return false;
-		switch (node.type) {
-			case "StringLiteral":
-				if (typeof node.value !== "string") return false;
-				for (const name of node.value.split(/\s+/)) if (name !== "") candidates.add(name);
-				return true;
-			case "TemplateLiteral": {
-				const quasis = Array.isArray(node.quasis) ? node.quasis : [];
-				for (const quasi of quasis) {
-					const cooked = isAstNode(quasi) && isRecord(quasi.value) ? quasi.value.cooked : void 0;
-					if (typeof cooked !== "string") continue;
-					for (const name of cooked.split(/\s+/)) if (name !== "") candidates.add(name);
-				}
-				return Array.isArray(node.expressions) && node.expressions.length === 0;
-			}
-			case "JSXExpressionContainer": return readValue(node.expression);
-			case "ConditionalExpression": return [node.consequent, node.alternate].every((branch) => readValue(branch));
-			case "LogicalExpression": return readValue(node.right);
-			case "BinaryExpression": return node.operator === "+" && [node.left, node.right].every((side) => readValue(side));
-			case "ArrayExpression": return Array.isArray(node.elements) && node.elements.every((element) => readValue(element));
-			default: return false;
-		}
-	};
-	walk$1(parsed.program, (node) => {
-		const isJsxAttribute = node.type === "JSXAttribute";
-		const isObjectProperty = node.type === "ObjectProperty";
-		if (!isJsxAttribute && !isObjectProperty) return;
-		const key = nameOf(isJsxAttribute ? node.name : node.key);
-		if (key === void 0 || !CLASS_KEYS.has(key)) return;
-		const value = isJsxAttribute ? node.value : node.value;
-		if (value === null || value === void 0) return;
-		if (readValue(value)) return;
-		diagnostics.push({
-			code: "tailwind-dynamic-class",
-			severity: "warning",
-			message: `This ${key} is assembled at run time, so the compiler cannot discover the classes it produces and they will have no styles. Write the classes literally, or declare them in the project's Tailwind safelist.`,
-			origins: [at(node.start)]
-		});
-	});
-	return {
-		candidates: [...candidates].sort(),
-		diagnostics
-	};
-};
-//#endregion
 //#region src/email/transform.ts
 const STYLESHEET_MODULE = "@samva/markup/email/stylesheets";
 const SCRIPT = /\.[cm]?[jt]sx?$/;
 const JSX = /\.[cm]?[jt]sx$/;
-const stylesheetModule = (id, source, options) => {
-	const sheet = parseStylesheet(source, { origin: id });
+/**
+* The project path a stylesheet URL names, resolved from the stylesheet's own
+* directory (a leading `/` means the project root), or `undefined` when it
+* climbs out of the project.
+*/
+const resolveProjectPath = (from, reference) => resolveFromDirectory(projectDirectory(from), reference.replace(/[?#].*$/, ""));
+const stylesheetModule = (id, source, options, assets = /* @__PURE__ */ new Map(), themeImports = false) => {
+	const sheet = parseStylesheet(source, {
+		origin: id,
+		themeImports,
+		resolveFontFile: (reference) => {
+			const path = resolveProjectPath(id, reference);
+			const entry = path === void 0 ? void 0 : assets.get(path);
+			return entry === void 0 ? void 0 : assetUrl(entry, options.assetBase);
+		}
+	});
 	return {
 		code: `import { registerStylesheet } from ${JSON.stringify(options.stylesheetModule ?? STYLESHEET_MODULE)};\nregisterStylesheet(${JSON.stringify({
 			rules: sheet.rules,
 			headAtRules: sheet.headAtRules,
+			fontFaces: sheet.fontFaces,
 			variables: sheet.variables,
 			diagnostics: []
 		})});\n`,
@@ -1270,10 +449,12 @@ const instrumentAuthoredTsx = (text, id) => {
 * Transform one project file into a JavaScript module.
 *
 * `.tsx`/`.ts` keep their authored semantics and gain source origins. A
-* stylesheet becomes a module that registers its parsed rules. An imported
-* binary becomes a module exporting the content-addressed URL of its bytes.
+* stylesheet becomes a module that registers its parsed rules; its `@font-face`
+* sources resolve against `assets`, the project's addressed files by path. An
+* imported binary becomes a module exporting the content-addressed URL of its
+* bytes.
 */
-const transformModule = async (id, source, options) => {
+const transformModule = async (id, source, options, assets) => {
 	if (isAssetPath(id)) {
 		const bytes = typeof source === "string" ? new TextEncoder().encode(source) : source;
 		const asset = await assetEntry(id, bytes);
@@ -1284,7 +465,7 @@ const transformModule = async (id, source, options) => {
 		};
 	}
 	const text = typeof source === "string" ? source : new TextDecoder().decode(source);
-	if (id.endsWith(".css")) return stylesheetModule(id, text, options);
+	if (id.endsWith(".css")) return stylesheetModule(id, text, options, assets);
 	if (!SCRIPT.test(id)) return {
 		code: text,
 		diagnostics: []
@@ -1309,36 +490,175 @@ const tailwindSpecifierFor = (entryPoint) => {
 	const depth = entryPoint.split("/").length - 1;
 	return depth === 0 ? `./${TAILWIND_MODULE_PATH}` : `${"../".repeat(depth)}${TAILWIND_MODULE_PATH}`;
 };
+/**
+* The generated module `samva:brand` resolves to in TSX. Like the Tailwind
+* module it is a real file at the project root, so it shares the project's
+* copy of `@samva/markup`.
+*/
+const BRAND_MODULE_PATH = ".samva-brand.ts";
+const BRAND_COMPONENTS_MODULE = "@samva/markup/email/brand";
+/** `samva:brand` / `samva:brand/<slug>` as a module specifier in an import or export. */
+const BRAND_MODULE_SPECIFIER = /(\b(?:from|import)\s*\(?\s*)(["'])(samva:brand(?:\/[a-z0-9](?:[a-z0-9-]{0,62}[a-z0-9])?)?)\2/g;
+/** The specifier a module at this path uses to reach the generated brand module. */
+const brandSpecifierFor = (path) => {
+	const depth = path.split("/").length - 1;
+	return `${depth === 0 ? "./" : "../".repeat(depth)}${BRAND_MODULE_PATH}`;
+};
+/** The `samva:brand` specifiers a script imports, with where it asks for each. */
+const scriptBrandImports = (path, source) => {
+	const lines = buildLineMap(source);
+	return [...source.matchAll(BRAND_MODULE_SPECIFIER)].map((match) => {
+		const at = lineColumn(lines, match.index + match[1].length);
+		return {
+			specifier: match[3],
+			origin: {
+				fileName: path,
+				lineNumber: at.line,
+				columnNumber: at.column
+			}
+		};
+	});
+};
+/**
+* The `samva:brand` specifier a project imports — from its theme's `@import`s
+* or its TSX — so a host can fetch that brand before it compiles. `undefined`
+* when the project imports no brand. A project that names two brands gets the
+* first here and a refusal from the compile.
+*/
+const projectBrandSpecifier = (files, themePath = "theme.css") => {
+	const theme = files[themePath];
+	const fromTheme = typeof theme === "string" ? resolveThemeImports(themePath, theme, files).brandSpecifiers : [];
+	const fromScripts = Object.keys(files).sort().filter((path) => SCRIPT.test(path) && typeof files[path] === "string").flatMap((path) => scriptBrandImports(path, files[path])).map((request) => request.specifier);
+	return [...fromTheme, ...fromScripts][0];
+};
+/**
+* The theme stylesheet's `@import` graph and the brand the project reaches,
+* resolved before anything compiles. An import the compiler cannot resolve, a
+* brand the build was not given, two different brands, or a brand theme
+* outside its grammar refuses the whole compile: a theme that silently lost a
+* layer would ship the wrong look.
+*/
+const resolveTheme = (files, tailwind, brand) => {
+	const refusals = [];
+	const css = tailwind?.css;
+	const themePath = tailwind?.cssPath ?? "theme.css";
+	const imports = css === void 0 ? void 0 : resolveThemeImports(themePath, css, files);
+	refusals.push(...imports?.diagnostics ?? []);
+	const themeOrigin = {
+		fileName: themePath,
+		lineNumber: 1,
+		columnNumber: 1
+	};
+	const cssRequests = (imports?.brandSpecifiers ?? []).map((specifier) => ({
+		specifier,
+		origin: themeOrigin
+	}));
+	const scriptRequests = Object.keys(files).sort().filter((path) => SCRIPT.test(path) && typeof files[path] === "string").flatMap((path) => scriptBrandImports(path, files[path]));
+	const requests = [...cssRequests, ...scriptRequests];
+	const specifiers = [...new Set(requests.map((request) => request.specifier))];
+	if (specifiers.length > 1) refusals.push({
+		code: "brand-import-conflict",
+		severity: "error",
+		message: `The project imports ${specifiers.join(" and ")}; a project compiles against one brand.`,
+		origins: requests.map((request) => request.origin)
+	});
+	else if (specifiers.length === 1) {
+		const specifier = specifiers[0];
+		const named = parseBrandSpecifier(specifier)?.slug;
+		const origins = [requests[0].origin];
+		if (brand === void 0) refusals.push({
+			code: "brand-unavailable",
+			severity: "error",
+			message: `${origins[0].fileName} imports ${specifier}, but this build has no brand to resolve it.`,
+			origins
+		});
+		else if (named !== void 0 && named !== brand.slug) refusals.push({
+			code: "brand-unavailable",
+			severity: "error",
+			message: `${origins[0].fileName} imports ${specifier}, but this build resolved brand ${brand.slug}.`,
+			origins
+		});
+	}
+	let brandCss;
+	if (refusals.length === 0 && brand !== void 0 && cssRequests.length > 0) {
+		const parsed = parseBrandCss(brand.css);
+		if (parsed.isOk()) brandCss = brandTailwindCss(parsed.value);
+		else {
+			const lines = buildLineMap(brand.css);
+			const specifier = cssRequests[0].specifier;
+			for (const finding of parsed.error) {
+				const at = lineColumn(lines, finding.span.start);
+				refusals.push({
+					code: finding.code,
+					severity: "error",
+					message: `${specifier}: ${finding.message}`,
+					origins: [{
+						fileName: specifier,
+						lineNumber: at.line,
+						columnNumber: at.column
+					}]
+				});
+			}
+		}
+	}
+	if (refusals.length > 0) throw new EmailCompileError({ diagnostics: refusals });
+	return {
+		stylesheets: imports?.stylesheets ?? /* @__PURE__ */ new Map(),
+		brandCss,
+		brandModule: scriptRequests.length > 0 ? brand : void 0
+	};
+};
+/** The generated module that binds the brand components to this build's brand. */
+const brandModule = (brand) => `import { brandComponents } from ${JSON.stringify(BRAND_COMPONENTS_MODULE)};\nexport const { BrandLogo, BrandFooter } = brandComponents(${JSON.stringify({
+	slug: brand.slug,
+	css: brand.css,
+	assets: brand.assets ?? {},
+	footer: brand.footer ?? {}
+})});\n`;
 /** Run the transform over a whole project, then compile the classes it used. */
 const transformProject = async (files, options) => {
 	const output = {};
 	const assets = [];
 	const diagnostics = [];
 	const classes = /* @__PURE__ */ new Set();
+	const wanted = options.tailwind === false ? void 0 : options.tailwind ?? {};
+	const theme = resolveTheme(files, wanted, options.brand);
+	if (theme.brandModule !== void 0) for (const name of BRAND_COMPONENT_CLASSES) classes.add(name);
 	const paths = Object.keys(files).sort();
-	const transformed = await Promise.all(paths.map((path) => transformModule(path, files[path], options)));
+	const binaries = new Map(await Promise.all(paths.filter(isAssetPath).map(async (path) => [path, await transformModule(path, files[path], options)])));
+	const addressed = new Map([...binaries].flatMap(([path, module]) => module.asset === void 0 ? [] : [[path, module.asset]]));
+	const transformed = await Promise.all(paths.map((path) => binaries.get(path) ?? (theme.stylesheets.has(path) ? stylesheetModule(path, theme.stylesheets.get(path), options, addressed, true) : transformModule(path, files[path], options, addressed))));
 	for (const [index, path] of paths.entries()) {
 		const module = transformed[index];
-		output[path] = module.code;
+		output[path] = theme.brandModule === void 0 || !SCRIPT.test(path) ? module.code : module.code.replace(BRAND_MODULE_SPECIFIER, (_match, lead, quote) => `${lead}${quote}${brandSpecifierFor(path)}${quote}`);
 		if (module.asset !== void 0) assets.push(module.asset);
 		for (const name of module.classes ?? []) classes.add(name);
 		diagnostics.push(...module.diagnostics);
 	}
-	const wanted = options.tailwind === false ? void 0 : options.tailwind ?? {};
-	if (wanted === void 0 || classes.size === 0 && (wanted.safelist?.length ?? 0) === 0) return {
+	const generatedBrand = theme.brandModule === void 0 ? void 0 : {
+		path: BRAND_MODULE_PATH,
+		code: brandModule(theme.brandModule)
+	};
+	if (wanted === void 0 || classes.size === 0 && (wanted.safelist?.length ?? 0) === 0 && wanted.css === void 0) return {
 		files: output,
 		assets,
 		tailwind: void 0,
+		brand: generatedBrand,
 		diagnostics
 	};
-	const compiled = await compileTailwind(classes, wanted);
+	const compiled = await compileTailwind(classes, wanted, theme);
+	const generated = stylesheetModule(TAILWIND_MODULE_PATH, compiled.css, options, addressed);
+	const findingKey = (diagnostic) => `${diagnostic.code}\0${diagnostic.message.slice(diagnostic.message.indexOf(": ") + 2)}`;
+	const reported = new Set(diagnostics.map(findingKey));
+	for (const diagnostic of generated.diagnostics) if (diagnostic.code.startsWith("email-font-") && !reported.has(findingKey(diagnostic))) diagnostics.push(diagnostic);
 	return {
 		files: output,
 		assets,
 		tailwind: {
 			path: TAILWIND_MODULE_PATH,
-			code: stylesheetModule(TAILWIND_MODULE_PATH, compiled.css, options).code
+			code: generated.code
 		},
+		brand: generatedBrand,
 		diagnostics
 	};
 };
@@ -1376,7 +696,8 @@ const emailResetModule = (options) => `import { resetStylesheets } from ${JSON.s
 const RESERVED = [
 	EMAIL_ENTRY_WRAPPER,
 	EMAIL_RESET_MODULE,
-	TAILWIND_MODULE_PATH
+	TAILWIND_MODULE_PATH,
+	BRAND_MODULE_PATH
 ];
 /**
 * The whole compile step, files in and files out: every module transformed, the
@@ -1395,6 +716,7 @@ const compileEmailProject = async (source, authoredEntry, options) => {
 		generated.push(tailwindSpecifierFor(authoredEntry));
 		files[authoredEntry] = withLeadingImport(files[authoredEntry], generated[0]);
 	}
+	if (project.brand !== void 0) files[project.brand.path] = project.brand.code;
 	files[EMAIL_RESET_MODULE] = emailResetModule(options);
 	files[EMAIL_ENTRY_WRAPPER] = emailEntryWrapper(authoredEntry, project.tailwind === void 0 ? [] : [`./${project.tailwind.path}`]);
 	return {
@@ -1406,6 +728,6 @@ const compileEmailProject = async (source, authoredEntry, options) => {
 	};
 };
 //#endregion
-export { ASSET_CONTENT_TYPES, COMPATIBILITY_PROVENANCE, EMAIL_CLIENT_MATRIX, EMAIL_DOCTYPE, EMAIL_ELEMENTS, EMAIL_ENTRY_WRAPPER, EMAIL_GLOBAL_ATTRIBUTES, EMAIL_RESET_MODULE, ESSENTIAL_CONSTRUCTS, EmailCompileError, INSTANCE_PATH_ATTRIBUTE, TAILWIND_MODULE_PATH, TAILWIND_VERSION, applyStylesheet, assetEntry, assetUrl, checkAssetBase, checkEmailCompatibility, classListOf, collectStylesheets, compileEmail, compileEmailProject, compileSelector, compileTailwind, deriveEmailText, discoverClassCandidates, downlevelColors, downlevelMediaQuery, emailAuthoringTarget, emailDefinitionInstances, emailElement, emailEntryWrapper, emailResetModule, emailSelectionAncestry, emailSelectionIndex, emailSelectionSiblings, emailSelections, escapeAttribute, escapeText, finalizeValue, foldCalc, formatColor, formatEmailDiagnostic, hasBlockingCompatibility, hasBlockingDiagnostic, hasStylesheets, instrumentTsxSourceForPreview, isAssetPath, isExternalAsset, isUrlAttribute, matchesSelector, parseColor, parseStylesheet, registerStylesheet, renderEmail, renderHeadCss, resetStylesheets, resolveVariables, serializeEmailHtml, tailwindSpecifierFor, transformModule, transformProject, unknownCoverage, withLeadingImport };
+export { ASSET_CONTENT_TYPES, BRAND_MODULE_PATH, BRAND_SPECIFIER, COMPATIBILITY_PROVENANCE, EMAIL_CLIENT_MATRIX, EMAIL_DOCTYPE, EMAIL_ELEMENTS, EMAIL_ENTRY_WRAPPER, EMAIL_GLOBAL_ATTRIBUTES, EMAIL_RESET_MODULE, ESSENTIAL_CONSTRUCTS, EmailCompileError, INSTANCE_PATH_ATTRIBUTE, TAILWIND_MODULE_PATH, TAILWIND_VERSION, applyStylesheet, assetEntry, assetUrl, checkAssetBase, checkEmailCompatibility, classListOf, collectStylesheets, compileEmail, compileEmailProject, compileSelector, compileTailwind, deriveEmailText, discoverClassCandidates, downlevelColors, downlevelMediaQuery, emailAuthoringTarget, emailDefinitionInstances, emailElement, emailEntryWrapper, emailResetModule, emailSelectionAncestry, emailSelectionIndex, emailSelectionSiblings, emailSelections, escapeAttribute, escapeText, finalizeValue, foldCalc, formatColor, formatEmailDiagnostic, hasBlockingCompatibility, hasBlockingDiagnostic, hasStylesheets, instrumentTsxSourceForPreview, isAssetPath, isExternalAsset, isUrlAttribute, matchesSelector, parseBrandSpecifier, parseColor, parseStylesheet, projectBrandSpecifier, registerStylesheet, renderEmail, renderHeadCss, resetStylesheets, resolveVariables, serializeEmailHtml, tailwindSpecifierFor, transformModule, transformProject, unknownCoverage, withLeadingImport };
 
 //# sourceMappingURL=compiler.js.map