@uni-design-system/uni-angular 4.0.0 → 5.0.0

package/schematics/ng-add/index.js

@@ -0,0 +1,1586 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _angular_devkit_schematics = require("@angular-devkit/schematics");
+let _angular_devkit_schematics_tasks = require("@angular-devkit/schematics/tasks");
+//#region ../core/dist/esm/index.js
+var cycle = (angle) => {
+	if (angle > 360) return angle - 360;
+	if (angle < 0) return angle + 360;
+	return angle;
+};
+var getAnalogousHues = (hue) => [cycle(hue + 30), cycle(hue + 60)];
+var getComplimentaryHue = (hue) => cycle(hue + 180);
+var getTriadicHues = (hue) => [cycle(hue + 120), cycle(hue - 120)];
+var getSplitComplimentaryHues = (hue) => [cycle(hue + 150), cycle(hue - 150)];
+/**
+* Derive the primary/secondary/tertiary hues from a seed hue using the color
+* wheel relationships in {@link ColorScheme}. Pure angle math — works in any
+* hue space (HSL historically, OKLCH in the generation engine).
+*/
+var schemeHues = (hue, scheme) => {
+	switch (scheme) {
+		case "monochromatic": return {
+			primary: hue,
+			secondary: hue,
+			tertiary: hue
+		};
+		case "analogous": {
+			const [a, b] = getAnalogousHues(hue);
+			return {
+				primary: hue,
+				secondary: a,
+				tertiary: b
+			};
+		}
+		case "complimentary": {
+			const [a] = getAnalogousHues(hue);
+			return {
+				primary: hue,
+				secondary: getComplimentaryHue(hue),
+				tertiary: a
+			};
+		}
+		case "splitComplimentary": {
+			const [a, b] = getSplitComplimentaryHues(hue);
+			return {
+				primary: hue,
+				secondary: a,
+				tertiary: b
+			};
+		}
+		case "triadic": {
+			const [a, b] = getTriadicHues(hue);
+			return {
+				primary: hue,
+				secondary: a,
+				tertiary: b
+			};
+		}
+	}
+};
+var clamp$2 = (value, min, max) => Math.min(max, Math.max(min, value));
+var toHex2 = (value) => clamp$2(Math.round(value), 0, 255).toString(16).padStart(2, "0");
+var rgbToHex = ({ red, green, blue }) => `#${toHex2(red)}${toHex2(green)}${toHex2(blue)}`.toUpperCase();
+var hexToRgb = (hex) => {
+	let h = hex.replace("#", "").trim();
+	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+	const int = parseInt(h, 16);
+	return {
+		red: int >> 16 & 255,
+		green: int >> 8 & 255,
+		blue: int & 255
+	};
+};
+/** WCAG relative luminance of an sRGB color (0 = black, 1 = white). */
+var relativeLuminance = ({ red, green, blue }) => {
+	const channel = (value) => {
+		const v = value / 255;
+		return v <= .03928 ? v / 12.92 : Math.pow((v + .055) / 1.055, 2.4);
+	};
+	return .2126 * channel(red) + .7152 * channel(green) + .0722 * channel(blue);
+};
+/** WCAG contrast ratio between two colors (1:1 – 21:1). Accepts RGB or hex. */
+var contrastRatio = (a, b) => {
+	const la = relativeLuminance(typeof a === "string" ? hexToRgb(a) : a);
+	const lb = relativeLuminance(typeof b === "string" ? hexToRgb(b) : b);
+	const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+	return (hi + .05) / (lo + .05);
+};
+var clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
+var srgbToLinear = (channel) => channel <= .04045 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
+var linearToSrgb = (channel) => channel <= .0031308 ? 12.92 * channel : 1.055 * Math.pow(channel, 1 / 2.4) - .055;
+var linearRgbToOklab = ({ r, g, 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
+	};
+};
+var oklabToLinearRgb = (l, a, b) => {
+	const l_ = Math.pow(l + .3963377774 * a + .2158037573 * b, 3);
+	const m_ = Math.pow(l - .1055613458 * a - .0638541728 * b, 3);
+	const s_ = Math.pow(l - .0894841775 * a - 1.291485548 * b, 3);
+	return {
+		r: 4.0767416621 * l_ - 3.3077115913 * m_ + .2309699292 * s_,
+		g: -1.2684380046 * l_ + 2.6097574011 * m_ - .3413193965 * s_,
+		b: -.0041960863 * l_ - .7034186147 * m_ + 1.707614701 * s_
+	};
+};
+var oklchToLinearRgb = ({ l, c, h }) => {
+	const rad = h * Math.PI / 180;
+	return oklabToLinearRgb(l, c * Math.cos(rad), c * Math.sin(rad));
+};
+var GAMUT_EPSILON = 1e-4;
+var inSrgbGamut = ({ r, g, b }) => r >= -GAMUT_EPSILON && r <= 1 + GAMUT_EPSILON && g >= -GAMUT_EPSILON && g <= 1 + GAMUT_EPSILON && b >= -GAMUT_EPSILON && b <= 1 + GAMUT_EPSILON;
+/** Parse a hex color (`#RGB` or `#RRGGBB`) into OKLCH. */
+var hexToOklch = (hex) => {
+	const { red, green, blue } = hexToRgb(hex);
+	const { l, a, b } = linearRgbToOklab({
+		r: srgbToLinear(red / 255),
+		g: srgbToLinear(green / 255),
+		b: srgbToLinear(blue / 255)
+	});
+	const c = Math.hypot(a, b);
+	const h = c < 1e-6 ? 0 : Math.atan2(b, a) * 180 / Math.PI;
+	return {
+		l,
+		c,
+		h: h < 0 ? h + 360 : h
+	};
+};
+/**
+* Render OKLCH as an sRGB hex string. Out-of-gamut colors are mapped back
+* into sRGB by reducing chroma only — lightness and hue are preserved, so
+* vivid seeds desaturate gracefully instead of shifting hue or clipping.
+*/
+var oklchToHex = (color) => {
+	const target = {
+		l: clamp$1(color.l, 0, 1),
+		c: Math.max(color.c, 0),
+		h: color.h
+	};
+	let rgb = oklchToLinearRgb(target);
+	if (!inSrgbGamut(rgb)) {
+		let low = 0;
+		let high = target.c;
+		for (let i = 0; i < 24; i++) {
+			const mid = (low + high) / 2;
+			if (inSrgbGamut(oklchToLinearRgb({
+				...target,
+				c: mid
+			}))) low = mid;
+			else high = mid;
+		}
+		rgb = oklchToLinearRgb({
+			...target,
+			c: low
+		});
+	}
+	return rgbToHex(toSrgb255(rgb));
+};
+var toSrgb255 = ({ r, g, b }) => ({
+	red: 255 * linearToSrgb(clamp$1(r, 0, 1)),
+	green: 255 * linearToSrgb(clamp$1(g, 0, 1)),
+	blue: 255 * linearToSrgb(clamp$1(b, 0, 1))
+});
+var toneMap = (dark) => dark ? {
+	accent: .78,
+	container: .42,
+	roleSurface: .26,
+	background: .18,
+	surface: .21,
+	surfaceVariant: .32,
+	outline: .66,
+	onSurface: .93,
+	mutedText: .76,
+	inverse: .93,
+	onInverse: .25,
+	onDeep: .2,
+	onLight: .985,
+	grey: .72,
+	disabledContainer: .3
+} : {
+	accent: .55,
+	container: .9,
+	roleSurface: .97,
+	background: .995,
+	surface: .985,
+	surfaceVariant: .94,
+	outline: .6,
+	onSurface: .25,
+	mutedText: .48,
+	inverse: .3,
+	onInverse: .97,
+	onDeep: .24,
+	onLight: .985,
+	grey: .5,
+	disabledContainer: .96
+};
+var CategoryChroma = {
+	jewel: .17,
+	pastel: .055,
+	earth: .08,
+	neutral: .03,
+	florescent: .26,
+	shades: 0
+};
+/** Dark-mode accents cap chroma so they don't vibrate on dark surfaces. */
+var DARK_ACCENT_CHROMA_CAP = .16;
+var SemanticColors = {
+	error: {
+		hue: 27,
+		chroma: .2
+	},
+	warn: {
+		hue: 55,
+		chroma: .18
+	},
+	success: {
+		hue: 152,
+		chroma: .16
+	}
+};
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+/**
+* Generate a complete {@link Colors} token set in OKLCH. Same contract as
+* `generatePalette` (which delegates here), plus soft brand targets and a
+* contrast-check sink for {@link ContrastReport} consumers.
+*/
+var generateColors = (config) => {
+	const { seed, scheme, category, mode = "light", accentSaturationFloor = 18, brand = {}, targets = {}, checks } = config;
+	const dark = mode === "dark";
+	const t = toneMap(dark);
+	const anchor = hexToOklch(brand.primary ?? targets.primary ?? seed);
+	const hues = schemeHues(anchor.h, scheme);
+	const chromaFloor = accentSaturationFloor / 100 * .28;
+	let accentC = Math.max(CategoryChroma[category], chromaFloor);
+	if (dark) accentC = Math.min(accentC, DARK_ACCENT_CHROMA_CAP);
+	const containerC = Math.max(CategoryChroma[category] * .45, accentC * .35);
+	const surfaceC = Math.min(CategoryChroma[category], .012);
+	const tone = (hue, c, l) => oklchToHex({
+		l,
+		c,
+		h: hue
+	});
+	/**
+	* The WCAG guard-rail: walk the foreground's OKLCH lightness away from the
+	* background until the pair meets `target` (≤ 50 steps). Hue is never
+	* touched; chroma only shrinks as a last resort when L runs out of room.
+	*/
+	const ensureContrast = (fg, bg, target) => {
+		const out = { ...fg };
+		let hex = oklchToHex(out);
+		if (contrastRatio(hex, bg) >= target) return out;
+		const bgY = relativeLuminance(hexToRgb(bg));
+		const darkCeiling = (bgY + .05) / .05;
+		const lightCeiling = 1.05 / (bgY + .05);
+		let lighten = relativeLuminance(hexToRgb(hex)) >= bgY;
+		if (lighten && lightCeiling < target && darkCeiling >= target) lighten = false;
+		if (!lighten && darkCeiling < target && lightCeiling >= target) lighten = true;
+		const step = lighten ? .015 : -.015;
+		for (let i = 0; i < 50 && contrastRatio(hex, bg) < target; i++) {
+			if (step > 0 && out.l < .995 || step < 0 && out.l > .02) out.l = clamp(out.l + step, 0, 1);
+			else out.c = Math.max(0, out.c - .02);
+			hex = oklchToHex(out);
+		}
+		return out;
+	};
+	/** Guard-railed token: adjust toward `target` contrast, then record the pair. */
+	const contrasted = (fg, bgHex, target) => oklchToHex(ensureContrast(fg, bgHex, target));
+	const record = (foreground, background, foregroundColor, backgroundColor, required) => {
+		if (!checks) return;
+		const ratio = contrastRatio(foregroundColor, backgroundColor);
+		checks.push({
+			mode,
+			foreground,
+			background,
+			foregroundColor,
+			backgroundColor,
+			ratio: Math.round(ratio * 100) / 100,
+			required,
+			pass: ratio >= required,
+			level: ratio < required ? "fail" : ratio >= 7 ? "AAA" : "AA"
+		});
+	};
+	const background = tone(anchor.h, surfaceC, t.background);
+	const surface = tone(anchor.h, surfaceC, t.surface);
+	const surfaceVariant = tone(anchor.h, surfaceC, t.surfaceVariant);
+	const onColor = (hue, bg, c) => {
+		const deep = {
+			l: t.onDeep,
+			c: Math.min(c, .05),
+			h: hue
+		};
+		const light = {
+			l: t.onLight,
+			c: Math.min(c, .02),
+			h: hue
+		};
+		return contrasted(contrastRatio(oklchToHex(deep), bg) >= contrastRatio(oklchToHex(light), bg) ? deep : light, bg, 4.5);
+	};
+	const adaptPinForDark = (hex) => {
+		const pin = hexToOklch(hex);
+		pin.l = Math.max(pin.l, .6);
+		return oklchToHex(ensureContrast(pin, background, 3));
+	};
+	/**
+	* Resolve a role's base color: hard pins are verbatim in light mode and
+	* lightness-lifted in dark; soft targets and generated tones are pulled to
+	* ≥ 4.5:1 as standalone ink on `background` and `surface` (§3.6).
+	*/
+	const baseFor = (name, hue, c) => {
+		const pinned = brand[name];
+		if (pinned) return dark ? adaptPinForDark(pinned) : pinned;
+		const target = targets[name];
+		let base;
+		if (target) {
+			base = hexToOklch(target);
+			if (dark) {
+				base.c = Math.min(base.c, DARK_ACCENT_CHROMA_CAP);
+				base.l = Math.max(base.l, t.accent - .08);
+			}
+		} else base = {
+			l: t.accent,
+			c,
+			h: hue
+		};
+		return oklchToHex(ensureContrast(ensureContrast(base, background, 4.5), surface, 4.5));
+	};
+	const disabled = dark ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.12)";
+	const onDisabled = dark ? "rgba(255,255,255,0.38)" : "rgba(0,0,0,0.38)";
+	const role = (name, base, cC = containerC) => {
+		const { h, c } = hexToOklch(base);
+		const container = tone(h, cC, t.container);
+		const roleSurface = tone(h, surfaceC, t.roleSurface);
+		const onBase = onColor(h, base, c);
+		const onContainer = onColor(h, container, c);
+		const onContainerVariant = contrasted({
+			l: t.mutedText,
+			c: Math.min(cC, .06),
+			h
+		}, container, 4.5);
+		const borderHex = oklchToHex(ensureContrast(ensureContrast(hexToOklch(base), container, 3), surface, 3));
+		const onRoleSurface = onColor(h, roleSurface, surfaceC);
+		const onRoleSurfaceVariant = contrasted(hexToOklch(base), roleSurface, 4.5);
+		record(`on-${name}`, name, onBase, base, 4.5);
+		record(`on-${name}-container`, `${name}-container`, onContainer, container, 4.5);
+		record(`on-${name}-container-variant`, `${name}-container`, onContainerVariant, container, 4.5);
+		record(`on-${name}-container-border`, `${name}-container`, borderHex, container, 3);
+		record(`on-${name}-container-border`, "surface", borderHex, surface, 3);
+		record(`on-${name}-surface`, `${name}-surface`, onRoleSurface, roleSurface, 4.5);
+		record(`on-${name}-surface-variant`, `${name}-surface`, onRoleSurfaceVariant, roleSurface, 4.5);
+		record(name, "background", base, background, 4.5);
+		record(name, "surface", base, surface, 4.5);
+		return {
+			[name]: base,
+			[`on-${name}`]: onBase,
+			[`${name}-container`]: container,
+			[`on-${name}-container`]: onContainer,
+			[`on-${name}-container-variant`]: onContainerVariant,
+			[`on-${name}-container-border`]: borderHex,
+			[`${name}-surface`]: roleSurface,
+			[`on-${name}-surface`]: onRoleSurface,
+			[`on-${name}-surface-variant`]: onRoleSurfaceVariant
+		};
+	};
+	const primaryBase = baseFor("primary", hues.primary, accentC);
+	const secondaryBase = baseFor("secondary", hues.secondary, accentC);
+	const tertiaryBase = baseFor("tertiary", hues.tertiary, accentC);
+	const quaternaryGrey = brand.quaternary ? dark ? adaptPinForDark(brand.quaternary) : brand.quaternary : oklchToHex(ensureContrast({
+		l: t.grey,
+		c: surfaceC,
+		h: anchor.h
+	}, surface, 3));
+	const quaternarySurface = tone(anchor.h, surfaceC, t.roleSurface);
+	const onQuaternary = onColor(anchor.h, quaternaryGrey, surfaceC);
+	const onQuaternarySurface = onColor(anchor.h, quaternarySurface, surfaceC);
+	const onQuaternarySurfaceVariant = contrasted(hexToOklch(primaryBase), quaternarySurface, 4.5);
+	const onQuaternaryContainerVariant = contrasted({
+		l: t.mutedText,
+		c: Math.min(containerC, .06),
+		h: anchor.h
+	}, quaternarySurface, 4.5);
+	record("on-quaternary", "quaternary", onQuaternary, quaternaryGrey, 4.5);
+	record("on-quaternary-surface", "quaternary-surface", onQuaternarySurface, quaternarySurface, 4.5);
+	record("on-quaternary-surface-variant", "quaternary-surface", onQuaternarySurfaceVariant, quaternarySurface, 4.5);
+	const semantic = (name) => {
+		const { hue, chroma } = SemanticColors[name];
+		const base = baseFor(name, hue, dark ? Math.min(chroma, DARK_ACCENT_CHROMA_CAP) : chroma);
+		const { h } = hexToOklch(base);
+		const container = tone(h, containerC + .04, t.container);
+		const onBase = onColor(h, base, chroma);
+		const onContainer = onColor(h, container, chroma);
+		record(`on-${name}`, name, onBase, base, 4.5);
+		record(`on-${name}-container`, `${name}-container`, onContainer, container, 4.5);
+		record(name, "background", base, background, 4.5);
+		record(name, "surface", base, surface, 4.5);
+		return {
+			base,
+			container,
+			onBase,
+			onContainer,
+			h
+		};
+	};
+	const error = semantic("error");
+	const warn = semantic("warn");
+	const success = semantic("success");
+	const semanticExtras = (name, s) => {
+		const variant = contrasted({
+			l: t.mutedText,
+			c: .06,
+			h: s.h
+		}, s.container, 4.5);
+		const border = oklchToHex(ensureContrast(ensureContrast(hexToOklch(s.base), s.container, 3), surface, 3));
+		record(`on-${name}-container-variant`, `${name}-container`, variant, s.container, 4.5);
+		record(`on-${name}-container-border`, `${name}-container`, border, s.container, 3);
+		return {
+			variant,
+			border
+		};
+	};
+	const warnExtras = semanticExtras("warn", warn);
+	const successExtras = semanticExtras("success", success);
+	const onBackground = tone(anchor.h, surfaceC, t.onSurface);
+	const onBackgroundVariant = contrasted({
+		l: t.mutedText,
+		c: surfaceC,
+		h: anchor.h
+	}, background, 4.5);
+	const onSurface = tone(anchor.h, surfaceC, t.onSurface);
+	const onSurfaceVariant = contrasted({
+		l: dark ? t.mutedText : t.mutedText - .14,
+		c: surfaceC,
+		h: anchor.h
+	}, surfaceVariant, 4.5);
+	record("on-background", "background", onBackground, background, 4.5);
+	record("on-background-variant", "background", onBackgroundVariant, background, 4.5);
+	record("on-surface", "surface", onSurface, surface, 4.5);
+	record("on-surface-variant", "surface-variant", onSurfaceVariant, surfaceVariant, 4.5);
+	const inverseSurface = tone(anchor.h, surfaceC, t.inverse);
+	const onInverse = tone(anchor.h, surfaceC, t.onInverse);
+	const inversePrimary = contrasted(hexToOklch(primaryBase), inverseSurface, 4.5);
+	record("on-inverse-surface", "inverse-surface", onInverse, inverseSurface, 4.5);
+	record("on-inverse-surface-primary", "inverse-surface", inversePrimary, inverseSurface, 4.5);
+	record("on-inverse-container", "inverse-container", onInverse, inverseSurface, 4.5);
+	const outline = oklchToHex(ensureContrast(ensureContrast({
+		l: t.outline,
+		c: Math.min(surfaceC, .02),
+		h: hues.primary
+	}, surface, 3), background, 3));
+	record("outline", "surface", outline, surface, 3);
+	record("outline", "background", outline, background, 3);
+	return {
+		...role("primary", primaryBase),
+		...role("secondary", secondaryBase),
+		...role("tertiary", tertiaryBase),
+		quaternary: quaternaryGrey,
+		"on-quaternary": onQuaternary,
+		"quaternary-surface": quaternarySurface,
+		"on-quaternary-surface": onQuaternarySurface,
+		"on-quaternary-surface-variant": onQuaternarySurfaceVariant,
+		"on-quaternary-container-variant": onQuaternaryContainerVariant,
+		"on-quaternary-container-border": quaternaryGrey,
+		error: error.base,
+		"on-error": error.onBase,
+		"error-container": error.container,
+		"on-error-container": error.onContainer,
+		warn: warn.base,
+		"on-warn": warn.onBase,
+		"warn-container": warn.container,
+		"on-warn-container": warn.onContainer,
+		"on-warn-container-variant": warnExtras.variant,
+		"on-warn-container-border": warnExtras.border,
+		success: success.base,
+		"on-success": success.onBase,
+		"success-container": success.container,
+		"on-success-container": success.onContainer,
+		"on-success-container-variant": successExtras.variant,
+		"on-success-container-border": successExtras.border,
+		background,
+		"on-background": onBackground,
+		"on-background-variant": onBackgroundVariant,
+		surface,
+		"on-surface": onSurface,
+		"surface-variant": surfaceVariant,
+		"on-surface-variant": onSurfaceVariant,
+		"inverse-surface": inverseSurface,
+		"on-inverse-surface": onInverse,
+		"on-inverse-surface-primary": inversePrimary,
+		"on-inverse-surface-variant": inversePrimary,
+		"inverse-container": inverseSurface,
+		"on-inverse-container": onInverse,
+		outline,
+		shadow: "#000000",
+		scrim: "#000000",
+		"surface-tint": primaryBase,
+		transparent: "rgba(0,0,0,0)",
+		ghost: "rgba(0,0,0,0)",
+		disabled,
+		"on-disabled": onDisabled,
+		"disabled-container": tone(hues.primary, surfaceC, t.disabledContainer),
+		"on-disabled-container": onDisabled,
+		"disabled-surface": disabled,
+		"on-disabled-surface": dark ? "rgba(255,255,255,0.5)" : "rgba(0,0,0,0.5)",
+		"on-disabled-surface-variant": dark ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.4)"
+	};
+};
+/**
+* Generate a complete {@link Colors} token set from a single seed color, a
+* {@link ColorScheme} and a {@link ColorCategory}. Produces a light or dark
+* variant of the same palette; `on-*` colors are driven to WCAG AA contrast
+* so text stays legible for any seed.
+*
+* Delegates to the OKLCH engine in `concepts/generation` — all lightness and
+* chroma math is perceptual, and every derived pair passes through the WCAG
+* guard-rail. Accepts the engine's extended config, so callers may also pass
+* soft `targets` (brand-faithful but guard-railed) and a `checks` sink. Use
+* `generateThemes()` for the light+dark pair plus a {@link ContrastReport}.
+*/
+var generatePalette = (config) => generateColors(config);
+var BaseTypography = {
+	"display-large": {
+		fontFamily: "Red Hat Display",
+		fontSize: 57,
+		lineHeight: 64,
+		fontWeight: "normal",
+		letterSpacing: -.25
+	},
+	"display-medium": {
+		fontFamily: "Red Hat Display",
+		fontSize: 45,
+		lineHeight: 52,
+		fontWeight: "normal"
+	},
+	"display-small": {
+		fontFamily: "Red Hat Display",
+		fontSize: 36,
+		lineHeight: 44,
+		fontWeight: "normal"
+	},
+	"headline-large": {
+		fontFamily: "Red Hat Display",
+		fontSize: 32,
+		lineHeight: 40,
+		fontWeight: "normal"
+	},
+	"headline-medium": {
+		fontFamily: "Red Hat Display",
+		fontSize: 28,
+		lineHeight: 36,
+		fontWeight: "normal"
+	},
+	"headline-small": {
+		fontFamily: "Red Hat Display",
+		fontSize: 24,
+		lineHeight: 32,
+		fontWeight: "normal"
+	},
+	"title-large": {
+		fontFamily: "Red Hat Display",
+		fontSize: 22,
+		lineHeight: 28,
+		fontWeight: "normal"
+	},
+	"title-medium": {
+		fontFamily: "Red Hat Display",
+		fontSize: 16,
+		lineHeight: 24,
+		fontWeight: "medium",
+		letterSpacing: .15
+	},
+	"title-small": {
+		fontFamily: "Red Hat Display",
+		fontWeight: "medium",
+		fontSize: 14,
+		lineHeight: 20,
+		letterSpacing: .1
+	},
+	"body-1-long": {
+		fontFamily: "Roboto",
+		fontSize: 16,
+		lineHeight: 22
+	},
+	"body-1-short": {
+		fontFamily: "Roboto",
+		fontSize: 16,
+		lineHeight: 24
+	},
+	"body-2-long": {
+		fontFamily: "Roboto",
+		fontSize: 14,
+		lineHeight: 18
+	},
+	"body-2-short": {
+		fontFamily: "Roboto",
+		fontSize: 14,
+		lineHeight: 20
+	},
+	"subtitle-1": {
+		fontFamily: "Red Hat Display",
+		fontSize: 16,
+		lineHeight: 24,
+		letterSpacing: .15
+	},
+	"subtitle-2": {
+		fontFamily: "Red Hat Display",
+		fontSize: 14,
+		lineHeight: 20,
+		fontWeight: "medium",
+		letterSpacing: .1
+	},
+	label: {
+		fontFamily: "Roboto",
+		fontSize: 14,
+		lineHeight: 20
+	},
+	button: {
+		fontFamily: "Red Hat Display",
+		fontSize: 14,
+		lineHeight: 20,
+		fontWeight: "medium",
+		textTransform: "capitalize"
+	},
+	caption: {
+		fontFamily: "Roboto",
+		fontSize: 12,
+		lineHeight: 18,
+		letterSpacing: .4
+	},
+	overline: {
+		fontFamily: "Red Hat Display",
+		fontSize: 10,
+		lineHeight: 18,
+		letterSpacing: 1.5,
+		textTransform: "uppercase"
+	},
+	paragraph: {
+		fontFamily: "Roboto",
+		fontSize: 16,
+		lineHeight: 24
+	},
+	quote: {
+		fontFamily: "Roboto",
+		fontSize: 16,
+		lineHeight: 24
+	},
+	note: {
+		fontFamily: "Roboto",
+		fontSize: 14,
+		lineHeight: 22,
+		fontStyle: "italic"
+	},
+	badge: {
+		fontFamily: "Red Hat Display",
+		fontSize: 16,
+		lineHeight: 24
+	},
+	tag: {
+		fontFamily: "Red Hat Display",
+		fontSize: 15,
+		lineHeight: 20,
+		fontWeight: 600
+	},
+	input: {
+		fontFamily: "Red Hat Display",
+		fontSize: 14,
+		lineHeight: 24
+	}
+};
+var BaseShadows = {
+	raised: "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px",
+	menu: "rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;",
+	dialog: "rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px",
+	warn: "0 0 5px rgba(255, 0, 0, 0.5), inset 0 0 5px rgba(255, 0, 0, 0.3)"
+};
+var BaseSpacing = {
+	none: "none",
+	xxs: "2px",
+	xs: "4px",
+	sm: "8px",
+	md: "16px",
+	lg: "32px",
+	xl: "64px"
+};
+var BaseThicknesses = {
+	thin: 1,
+	standard: 2,
+	thick: 4
+};
+var BaseRadii = {
+	none: "none",
+	xxs: "4px",
+	xs: "8px",
+	sm: "16px",
+	md: "24px",
+	lg: "32px",
+	max: "999px"
+};
+var buildBorders = (c) => ({
+	primary: `1px solid ${c.primary}`,
+	secondary: `1px solid ${c.secondary}`,
+	tertiary: `1px solid ${c.tertiary}`,
+	quaternary: `1px solid ${c.quaternary}`,
+	warn: `1px solid ${c.warn}`,
+	success: `1px solid ${c.success}`,
+	light: `1px solid ${c.outline}`,
+	dark: `1px solid ${c["on-background"]}`,
+	dotted: `1px dotted ${c["on-background"]}`
+});
+var buildComponents = (c) => ({
+	alert: { options: {
+		topPosition: 40,
+		borderRadius: "sm",
+		transitionSpeed: .35,
+		elevation: "md"
+	} },
+	checkbox: { options: { size: 20 } },
+	dialog: { options: {
+		borderRadius: "lg",
+		color: "primary-surface",
+		border: "quaternary",
+		padding: "sm",
+		elevation: "dialog",
+		backdrop: {
+			background: "rgba(255, 255, 255, 0.6)",
+			backdropFilter: "blur(2px)"
+		}
+	} },
+	dialogHeader: { options: {
+		borderRadius: "max",
+		color: "primary",
+		height: 48,
+		textRole: "title-large",
+		textAlign: "center",
+		closeButtonIcon: "close",
+		closeButtonSize: "md"
+	} },
+	dropdown: { options: {
+		border: "none",
+		borderRadius: "xxs",
+		color: "primary-surface",
+		shadow: "menu"
+	} },
+	footer: { options: {
+		height: 52,
+		color: "primary",
+		logoHeight: 18.6,
+		logoPadding: "md"
+	} },
+	input: { options: {
+		typeFace: "input",
+		color: "primary-surface",
+		textColor: "on-primary-surface",
+		disabledColor: "disabled-surface",
+		disabledTextColor: "on-disabled-surface",
+		border: "light",
+		borderRadius: "xs",
+		errorShadow: "warn",
+		errorBorder: "warn",
+		height: 32,
+		paddingLeft: "sm",
+		focusOutline: `2px solid ${c.primary}`,
+		focusOutlineOffset: 2
+	} },
+	multiSelectDropdown: { options: {
+		textRole: "input",
+		textColor: "on-primary-surface",
+		dividerBorder: "light",
+		searchInputBorder: "light",
+		searchInputBorderRadius: "xxs",
+		focusOutline: `2px solid ${c.primary}`,
+		focusOutlineOffset: 2
+	} },
+	badge: { options: { borderRadius: "xxs" } },
+	button: {
+		fixed: {
+			position: "relative",
+			overflow: "hidden",
+			outline: "0",
+			border: "0",
+			cursor: "pointer",
+			fontFamily: "Euphemia, sans-serif",
+			transition: "all 0.28s ease"
+		},
+		variants: {
+			ghost: {
+				backgroundColor: "transparent",
+				color: "currentcolor",
+				"&:hover": { backgroundColor: "rgba(0,0,0,0.06)" }
+			},
+			primary: {
+				backgroundColor: c.primary,
+				color: c["on-primary"],
+				border: "0",
+				"&:hover": { filter: "brightness(0.92)" }
+			},
+			secondary: {
+				backgroundColor: "transparent",
+				color: c.secondary,
+				border: `1px solid ${c.secondary}`,
+				"&:hover": {
+					backgroundColor: c.secondary,
+					color: c["on-secondary"]
+				}
+			},
+			tertiary: {
+				backgroundColor: c.tertiary,
+				color: c["on-tertiary"],
+				border: "0",
+				"&:hover": { filter: "brightness(0.92)" }
+			},
+			warn: {
+				backgroundColor: c.warn,
+				color: c["on-warn"],
+				border: "0",
+				"&:hover": { filter: "brightness(0.92)" }
+			},
+			success: {
+				backgroundColor: c.success,
+				color: c["on-success"],
+				border: "0",
+				"&:hover": { filter: "brightness(0.92)" }
+			},
+			disabled: {
+				backgroundColor: `${c.disabled} !important`,
+				color: `${c["on-disabled"]} !important`,
+				border: "0"
+			}
+		},
+		sizes: {
+			sm: {
+				height: 22,
+				borderRadius: 11,
+				fontSize: 12,
+				padding: "0 12px",
+				fontFamily: "Euphemia Bold, sans-serif",
+				fontWeight: 600
+			},
+			md: {
+				height: 26,
+				borderRadius: 13,
+				fontSize: 16,
+				padding: "0 16px"
+			},
+			lg: {
+				height: 36,
+				borderRadius: 18,
+				fontSize: 18,
+				padding: "0 18px"
+			},
+			xl: {
+				height: 48,
+				borderRadius: 24,
+				fontSize: 24,
+				padding: "0 22px"
+			}
+		}
+	},
+	iconButton: {
+		variants: {
+			ghost: {
+				backgroundColor: "transparent",
+				color: "currentcolor"
+			},
+			primary: {
+				backgroundColor: c.primary,
+				color: c["on-primary"]
+			},
+			secondary: {
+				backgroundColor: c.secondary,
+				color: c["on-secondary"]
+			},
+			tertiary: {
+				backgroundColor: c.tertiary,
+				color: c["on-tertiary"]
+			},
+			warn: {
+				backgroundColor: c.warn,
+				color: c["on-warn"]
+			},
+			success: {
+				backgroundColor: c.success,
+				color: c["on-success"]
+			},
+			disabled: {
+				backgroundColor: "transparent !important",
+				color: `${c["on-disabled"]} !important`
+			}
+		},
+		sizes: {
+			sm: {
+				height: 22,
+				minHeight: 22,
+				width: 22,
+				minWidth: 22,
+				fontSize: 18
+			},
+			md: {
+				height: 26,
+				minHeight: 26,
+				width: 26,
+				minWidth: 26,
+				fontSize: 22
+			},
+			lg: {
+				height: 36,
+				minHeight: 36,
+				width: 36,
+				minWidth: 36,
+				fontSize: 30
+			},
+			xl: {
+				height: 40,
+				minHeight: 40,
+				width: 40,
+				minWidth: 40,
+				fontSize: 34
+			}
+		}
+	},
+	progressGauge: {
+		fixed: { textFill: c["on-background"] },
+		variants: {
+			primary: {
+				backgroundColor: "#b3d4ea",
+				color: c.primary
+			},
+			secondary: {
+				backgroundColor: "#b3e7c2",
+				color: c.secondary
+			},
+			tertiary: {
+				backgroundColor: "#ffe2b3",
+				color: c.tertiary
+			},
+			warn: {
+				backgroundColor: "#ffc2b3",
+				color: c.warn
+			},
+			success: {
+				backgroundColor: "#b3e7c2",
+				color: c.success
+			}
+		},
+		sizes: {
+			sm: { height: "54px" },
+			md: { height: "68px" },
+			lg: { height: "82px" },
+			xl: { height: "104px" }
+		}
+	},
+	card: {
+		fixed: {
+			borderStyle: "solid",
+			borderWidth: "1px",
+			borderRadius: "8px",
+			overflow: "hidden"
+		},
+		variants: {
+			primary: {
+				borderColor: c.primary,
+				backgroundColor: c.background
+			},
+			secondary: {
+				borderColor: c.secondary,
+				backgroundColor: c.background
+			},
+			tertiary: {
+				borderColor: c.tertiary,
+				backgroundColor: c.background
+			},
+			warn: {
+				borderColor: c.warn,
+				backgroundColor: c.background
+			},
+			success: {
+				borderColor: c.success,
+				backgroundColor: c.background
+			}
+		}
+	},
+	cardHeader: {
+		fixed: { padding: "12px 24px" },
+		variants: {
+			primary: {
+				backgroundColor: c.primary,
+				color: c["on-primary"]
+			},
+			secondary: {
+				backgroundColor: c.secondary,
+				color: c["on-secondary"]
+			},
+			tertiary: {
+				backgroundColor: c.tertiary,
+				color: c["on-tertiary"]
+			},
+			warn: {
+				backgroundColor: c.warn,
+				color: c["on-warn"]
+			},
+			success: {
+				backgroundColor: c.success,
+				color: c["on-success"]
+			}
+		}
+	},
+	cardContent: { fixed: { padding: "12px 24px" } },
+	dataSearch: { options: {
+		border: "light",
+		borderRadius: "xs",
+		color: "primary-surface",
+		placeholderColor: "disabled"
+	} },
+	dataTable: { options: {
+		color: "primary-surface",
+		border: "light",
+		borderRadius: "sm",
+		elevation: void 0,
+		headerPadding: "sm",
+		footerPadding: "sm",
+		thTextRole: "headline-small",
+		thColor: "primary-container",
+		thVerticalBorder: "dotted",
+		thHorizontalBorder: "light",
+		thPadding: "sm",
+		tdTextRole: "title-small",
+		tdColor: "primary-surface",
+		tdStickyColor: "primary-container",
+		tdPadding: "sm",
+		tdVerticalBorder: "dotted",
+		tdHorizontalBorder: "light",
+		rowHoverColor: "primary-container",
+		loadingOverlayColor: "scrim",
+		loadingSpinnerColor: "primary",
+		loadingSpinnerSize: 40
+	} },
+	notificationBadge: { options: {
+		borderRadius: "sm",
+		offset: -10
+	} },
+	paginator: { options: {
+		gap: "xs",
+		textRole: "label",
+		inputBorder: "light",
+		inputBorderRadius: "xs",
+		pageBorderRadius: "xs",
+		currentPageBorder: "light",
+		currentPageBorderRadius: "xs"
+	} },
+	snackbar: { options: {
+		bottomPosition: 40,
+		transitionDelay: "0.35s",
+		autoCloseDelay: 35e3
+	} },
+	symbol: { options: {
+		fill: 0,
+		weight: 400,
+		grade: 0,
+		opticalSize: 24
+	} },
+	toggle: { options: { size: 20 } },
+	tooltip: { options: {
+		border: void 0,
+		borderRadius: "xs",
+		shadow: "raised",
+		color: "inverse-surface",
+		typeface: "label"
+	} }
+});
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var deepMerge = (base, override) => {
+	if (!override) return base;
+	const out = { ...base };
+	for (const [key, value] of Object.entries(override)) out[key] = isRecord(value) && isRecord(out[key]) ? deepMerge(out[key], value) : value;
+	return out;
+};
+var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, borders, components }) => ({
+	id,
+	name,
+	colors,
+	typography: BaseTypography,
+	borders: deepMerge(buildBorders(colors), borders),
+	radii,
+	shadows,
+	spacing: BaseSpacing,
+	thicknesses: BaseThicknesses,
+	icons,
+	components: deepMerge(buildComponents(colors), components)
+});
+/**
+* Seed for the shipped Light/Dark themes. Swap these three values (or call
+* `generatePalette` with your own) to reskin the entire system — every color
+* token is derived, so there is nothing else to hand-author.
+*/
+var BASE_PALETTE_CONFIG = {
+	seed: "#4F46E5",
+	scheme: "triadic",
+	category: "neutral"
+};
+var lightColors = generatePalette({
+	...BASE_PALETTE_CONFIG,
+	mode: "light"
+});
+createTheme({
+	id: "BaseTheme",
+	name: "Base Theme",
+	colors: lightColors
+});
+/** Radii presets per shape language (PRD §3.5.A). Same keys as `BaseRadii`. */
+var ShapeRadii = {
+	sharp: {
+		none: "none",
+		xxs: "0px",
+		xs: "0px",
+		sm: "0px",
+		md: "0px",
+		lg: "0px",
+		max: "0px"
+	},
+	modern: {
+		none: "none",
+		xxs: "4px",
+		xs: "8px",
+		sm: "16px",
+		md: "24px",
+		lg: "32px",
+		max: "999px"
+	},
+	playful: {
+		none: "none",
+		xxs: "8px",
+		xs: "16px",
+		sm: "24px",
+		md: "32px",
+		lg: "48px",
+		max: "9999px"
+	}
+};
+/** Shortest angular distance between two hue angles, in degrees (0–180). */
+var hueDistance = (a, b) => {
+	const d = Math.abs(a - b) % 360;
+	return d > 180 ? 360 - d : d;
+};
+/**
+* Classify 2–3 brand hues against {@link ColorScheme} by their angular
+* distances from the primary hue. Heuristic bands, widest match wins.
+*/
+var classifyScheme = (primaryHue, otherHues) => {
+	const distances = otherHues.map((h) => hueDistance(primaryHue, h));
+	if (distances.length === 0) return "analogous";
+	if (distances.every((d) => d < 15)) return "monochromatic";
+	if (distances.every((d) => d <= 65)) return "analogous";
+	if (distances.some((d) => d >= 165)) return "complimentary";
+	if (distances.length > 1 && distances.every((d) => d >= 130)) return "splitComplimentary";
+	return "triadic";
+};
+/**
+* Infer a tonal category from the seed's own chroma, so an unstated "vibe"
+* preserves the brand's character — vivid stays vivid, muted stays muted.
+*/
+var inferCategory = (seedHex) => {
+	const { c } = hexToOklch(seedHex);
+	if (c >= .13) return "jewel";
+	if (c >= .07) return "earth";
+	if (c >= .03) return "pastel";
+	return "neutral";
+};
+/**
+* The theme generation engine (PRD §3.3): brand seed(s) in, complete WCAG-AA
+* light+dark {@link Colors} pair out, with a machine-readable contrast report.
+* Pure and deterministic — identical input yields identical output.
+*/
+var generateThemes = (input) => {
+	const seeds = (Array.isArray(input.seed) ? input.seed : [input.seed]).slice(0, 3);
+	const [primary, secondary, tertiary] = seeds;
+	const scheme = input.scheme ?? (seeds.length > 1 ? classifyScheme(hexToOklch(primary).h, seeds.slice(1).map((s) => hexToOklch(s).h)) : "analogous");
+	const category = input.vibe ?? inferCategory(primary);
+	const applyVibe = (hex) => {
+		if (!input.vibe) return hex;
+		const color = hexToOklch(hex);
+		return oklchToHex({
+			...color,
+			c: Math.min(color.c, CategoryChroma[input.vibe])
+		});
+	};
+	const targets = { primary: applyVibe(primary) };
+	if (secondary) targets.secondary = applyVibe(secondary);
+	if (tertiary) targets.tertiary = applyVibe(tertiary);
+	const checks = [];
+	const base = {
+		seed: primary,
+		scheme,
+		category,
+		targets,
+		checks
+	};
+	const lightColors = generateColors({
+		...base,
+		mode: "light"
+	});
+	const darkColors = generateColors({
+		...base,
+		mode: "dark"
+	});
+	const worstRatio = checks.reduce((worst, check) => Math.min(worst, check.ratio), 21);
+	return {
+		lightColors,
+		darkColors,
+		radii: input.shape ? ShapeRadii[input.shape] : void 0,
+		report: {
+			checks,
+			worstRatio,
+			pass: checks.every((check) => check.pass)
+		}
+	};
+};
+var IDENT = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
+var asKey = (k) => IDENT.test(k) ? k : `'${k}'`;
+var recordLiteral = (record, indent) => Object.entries(record).map(([k, v]) => `${indent}${asKey(k)}: '${v}',`).join("\n");
+var bordersLiteral = () => [
+	"/**",
+	" * Named border primitives. These mirror the derived defaults — edit them, or",
+	" * add your own under any token name and point component options (or the",
+	" * `components` overrides below) at it. Every component deriving from a",
+	" * shared token picks up the change.",
+	" */",
+	"const borders = (colors: Colors): Borders => ({",
+	"  primary: `1px solid ${colors.primary}`,",
+	"  secondary: `1px solid ${colors.secondary}`,",
+	"  tertiary: `1px solid ${colors.tertiary}`,",
+	"  quaternary: `1px solid ${colors.quaternary}`,",
+	"  warn: `1px solid ${colors.warn}`,",
+	"  success: `1px solid ${colors.success}`,",
+	"  light: `1px solid ${colors.outline}`,",
+	"  dark: `1px solid ${colors['on-background']}`,",
+	"  dotted: `1px dotted ${colors['on-background']}`,",
+	"});"
+].join("\n");
+var themeExport = (exportName, displayName, colorsConst, radii) => [
+	`export const ${exportName}: UniTheme = createTheme({`,
+	`  id: '${exportName}',`,
+	`  name: '${displayName}',`,
+	`  colors: ${colorsConst},`,
+	`  borders: borders(${colorsConst}),`,
+	`  components: components(${colorsConst}),`,
+	...radii ? ["  radii,"] : [],
+	"});"
+].join("\n");
+/**
+* Render a static `uni-theme.ts` from a brand seed — the file the `ng add`
+* schematic writes and the MCP `generate_uni_theme` tool returns.
+*
+* The file is the system's **source of truth**: literal colors, the border
+* primitives spelled out, and a sparse `components` override section — so a
+* human (or an AI agent) can retheme by editing tokens in place, with no
+* runtime generation. Deterministic: same input, same file.
+*/
+var emitThemeFile = (input) => {
+	const { darkMode = true, name = "Brand" } = input;
+	const { lightColors, darkColors, radii, report } = generateThemes(input);
+	const id = name.replace(/\W+/g, "") || "Brand";
+	const regenerate = [
+		`--brand=${(Array.isArray(input.seed) ? input.seed : [input.seed]).join(",")}`,
+		input.vibe && `--vibe=${input.vibe}`,
+		input.scheme && `--scheme=${input.scheme}`,
+		input.shape && `--shape=${input.shape}`,
+		!darkMode && "--dark-mode=false"
+	].filter(Boolean).join(" ");
+	const reportSummary = `${report.checks.length} contrast pairs checked · worst ${report.worstRatio}:1 · ${report.pass ? "all AA" : `${report.checks.filter((c) => !c.pass).length} failing`}`;
+	const modes = [{
+		exportName: `${id}Light`,
+		displayName: `${name} Light`,
+		colorsConst: "lightColors",
+		colors: lightColors
+	}, ...darkMode ? [{
+		exportName: `${id}Dark`,
+		displayName: `${name} Dark`,
+		colorsConst: "darkColors",
+		colors: darkColors
+	}] : []];
+	return {
+		content: [
+			"/**",
+			` * ${name} theme for Uni — generated data, yours to edit.`,
+			" *",
+			` * Regenerate colors: ng add @uni-design-system/uni-angular ${regenerate}`,
+			" * (or the `generate-uni-theme` MCP tool). Edits are never overwritten silently —",
+			" * regeneration rewrites this file, so commit before regenerating.",
+			` * ${reportSummary}.`,
+			" */",
+			"import {",
+			"  createTheme,",
+			"  type Borders,",
+			"  type Colors,",
+			"  type ComponentThemes,",
+			"  type UniTheme,",
+			"} from '@uni-design-system/uni-core';",
+			"",
+			...modes.map(({ colorsConst, colors }) => `const ${colorsConst}: Colors = {\n${recordLiteral(colors, "  ")}\n};\n`),
+			bordersLiteral(),
+			"",
+			"/**",
+			" * Sparse component overrides, deep-merged over Uni component defaults: only",
+			" * what you write here changes. Point components at your own primitives, e.g.:",
+			" *   button: { variants: { secondary: { border: `2px dashed ${colors.tertiary}` } } },",
+			" *   input: { options: { borderRadius: 'max' } },",
+			" */",
+			"const components = (colors: Colors): ComponentThemes => ({});",
+			"",
+			...radii ? [
+				`/** Shape language: '${input.shape}'. */`,
+				`const radii = {\n${recordLiteral(radii, "  ")}\n};`,
+				""
+			] : [],
+			...modes.map(({ exportName, displayName, colorsConst }) => `${themeExport(exportName, displayName, colorsConst, !!radii)}\n`),
+			"/** First key wins as the default theme when registered via UNI_THEMES. */",
+			`export const ${id}Themes = { ${modes.map((m) => m.exportName).join(", ")} };`,
+			""
+		].join("\n"),
+		providerSnippet: [
+			`import { UNI_THEMES } from '@uni-design-system/uni-angular';`,
+			`import { ${id}Themes } from './uni-theme';`,
+			"",
+			"// app.config.ts → providers:",
+			`{ provide: UNI_THEMES, useValue: ${id}Themes },`
+		].join("\n"),
+		report,
+		reportSummary
+	};
+};
+var GetBoxShadow = ({ offset, blur, opacity }) => {
+	return `0 ${offset}px ${blur}px rgba(0,0,0,0.${opacity})`;
+};
+var GetBoxShadows = ({ umbra, penumbra }) => {
+	return GetBoxShadow(umbra) + ", " + GetBoxShadow(penumbra);
+};
+var ShadowMap = {
+	pressed: {
+		umbra: {
+			offset: 1,
+			blur: 2,
+			opacity: 24
+		},
+		penumbra: {
+			offset: 1,
+			blur: 3,
+			opacity: 12
+		}
+	},
+	raised: {
+		umbra: {
+			offset: 3,
+			blur: 6,
+			opacity: 23
+		},
+		penumbra: {
+			offset: 3,
+			blur: 6,
+			opacity: 16
+		}
+	},
+	focussed: {
+		umbra: {
+			offset: 6,
+			blur: 6,
+			opacity: 23
+		},
+		penumbra: {
+			offset: 10,
+			blur: 20,
+			opacity: 19
+		}
+	},
+	navigation: {
+		umbra: {
+			offset: 10,
+			blur: 10,
+			opacity: 22
+		},
+		penumbra: {
+			offset: 14,
+			blur: 28,
+			opacity: 25
+		}
+	},
+	modal: {
+		umbra: {
+			offset: 15,
+			blur: 12,
+			opacity: 22
+		},
+		penumbra: {
+			offset: 19,
+			blur: 38,
+			opacity: 30
+		}
+	}
+};
+GetBoxShadows(ShadowMap["pressed"]), GetBoxShadows(ShadowMap["raised"]), GetBoxShadows(ShadowMap["focussed"]), GetBoxShadows(ShadowMap["navigation"]), GetBoxShadows(ShadowMap["modal"]);
+var DarkTheme = createTheme({
+	id: "DarkTheme",
+	name: "Dark Theme",
+	colors: generatePalette({
+		...BASE_PALETTE_CONFIG,
+		mode: "dark"
+	})
+});
+var UniThemes = {
+	LightTheme: createTheme({
+		id: "LightTheme",
+		name: "Light Theme",
+		colors: lightColors
+	}),
+	DarkTheme
+};
+Object.keys(UniThemes)[0];
+//#endregion
+//#region package.json
+var version = "5.0.0";
+//#endregion
+//#region schematics-src/ng-add/transforms.ts
+var addDependencies = (packageJsonText, deps) => {
+	const pkg = JSON.parse(packageJsonText);
+	pkg.dependencies ??= {};
+	for (const [name, version] of Object.entries(deps)) if (!pkg.dependencies[name] && !pkg.devDependencies?.[name]) pkg.dependencies[name] = version;
+	const missingForms = !pkg.dependencies["@angular/forms"] && !pkg.devDependencies?.["@angular/forms"];
+	return {
+		text: `${JSON.stringify(pkg, null, 2)}\n`,
+		missingForms
+	};
+};
+var afterLastImport = (source, addition) => {
+	const lastImport = [...source.matchAll(/^import .*?;$/gms)].pop();
+	if (!lastImport || lastImport.index === void 0) return `${addition}\n${source}`;
+	const at = lastImport.index + lastImport[0].length;
+	return `${source.slice(0, at)}\n${addition}${source.slice(at)}`;
+};
+/** Register `UNI_THEMES` in an app.config.ts source. */
+var addProviderRegistration = (source, themesExport) => {
+	if (source.includes("UNI_THEMES")) return source;
+	const anchor = source.match(/providers:\s*\[/);
+	if (!anchor || anchor.index === void 0) return null;
+	const at = anchor.index + anchor[0].length;
+	return afterLastImport(`${source.slice(0, at)}\n    { provide: UNI_THEMES, useValue: ${themesExport} },${source.slice(at)}`, `import { UNI_THEMES } from '@uni-design-system/uni-angular';\nimport { ${themesExport} } from './uni-theme';`);
+};
+var FONT_LINKS = [
+	"  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />",
+	"  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />",
+	"  <link href=\"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\" />",
+	""
+].join("\n");
+/** Add Uni's typeface links (Red Hat Display + Roboto) to index.html. */
+var addFontLinks = (html) => {
+	if (html.includes("family=Red+Hat+Display")) return html;
+	const at = html.indexOf("</head>");
+	if (at === -1) return null;
+	return html.slice(0, at) + FONT_LINKS + html.slice(at);
+};
+var SMOKE_MARKUP = [
+	"<!-- Uni smoke test: remove once the theme renders. -->",
+	"<section style=\"display: flex; gap: 12px; align-items: center; padding: 16px;\">",
+	"  <uni-text typeface=\"headline-small\">Uni is wearing your brand</uni-text>",
+	"  <button uni-text-button variant=\"primary\" size=\"md\">Primary</button>",
+	"  <button uni-text-button variant=\"secondary\" size=\"md\">Secondary</button>",
+	"</section>",
+	"",
+	""
+].join("\n");
+/** Prepend the smoke-test markup to the app component template. */
+var addSmokeMarkup = (html) => html.includes("Uni smoke test") ? html : SMOKE_MARKUP + html;
+/** Add Uni component classes to a standalone component's `imports: [...]`. */
+var addComponentImports = (source, symbols) => {
+	const missing = symbols.filter((s) => !source.includes(s));
+	if (missing.length === 0) return source;
+	const anchor = source.match(/imports:\s*\[/);
+	if (!anchor || anchor.index === void 0) return null;
+	const at = anchor.index + anchor[0].length;
+	return afterLastImport(`${source.slice(0, at)}${missing.join(", ")}, ${source.slice(at)}`, `import { ${missing.join(", ")} } from '@uni-design-system/uni-angular';`);
+};
+//#endregion
+//#region schematics-src/ng-add/index.ts
+var HEX = /^#?[0-9a-fA-F]{6}$/;
+var projectPaths = (tree, projectName) => {
+	const fallback = {
+		appDir: "src/app",
+		indexHtml: "src/index.html"
+	};
+	const raw = tree.read("angular.json")?.toString();
+	if (!raw) return fallback;
+	try {
+		const projects = JSON.parse(raw).projects ?? {};
+		const name = projectName ?? Object.keys(projects).find((key) => projects[key].projectType !== "library") ?? Object.keys(projects)[0];
+		const sourceRoot = name && projects[name]?.sourceRoot || "src";
+		return {
+			appDir: `${sourceRoot}/app`,
+			indexHtml: `${sourceRoot}/index.html`
+		};
+	} catch {
+		return fallback;
+	}
+};
+var firstExisting = (tree, candidates) => candidates.find((path) => tree.exists(path));
+var write = (tree, path, content) => {
+	if (tree.exists(path)) tree.overwrite(path, content);
+	else tree.create(path, content);
+};
+function ngAdd(options) {
+	return (tree, context) => {
+		const seeds = (options.brand ?? "#4F46E5").split(",").map((s) => s.trim()).filter(Boolean).map((s) => s.startsWith("#") ? s : `#${s}`);
+		const invalid = seeds.filter((s) => !HEX.test(s));
+		if (seeds.length === 0 || invalid.length > 0) throw new _angular_devkit_schematics.SchematicsException(`Invalid --brand value${invalid.length ? ` (${invalid.join(", ")})` : ""}. Pass 1–3 six-digit hex colors, comma-separated, e.g. --brand=#0052FF or --brand=#2C3E35,#D4A373.`);
+		const paths = projectPaths(tree, options.project);
+		const emitted = emitThemeFile({
+			seed: seeds.length === 1 ? seeds[0] : seeds,
+			shape: options.shape ?? "modern",
+			darkMode: options.darkMode ?? true,
+			name: "Brand"
+		});
+		const installDeps = (t, ctx) => {
+			const pkgPath = "package.json";
+			const pkgText = t.read(pkgPath)?.toString();
+			if (!pkgText) throw new _angular_devkit_schematics.SchematicsException("No package.json found at the workspace root.");
+			const { text, missingForms } = addDependencies(pkgText, {
+				"@uni-design-system/uni-angular": `~${version}`,
+				"@uni-design-system/uni-core": `~${version}`,
+				"@emotion/css": "^11.0.0"
+			});
+			t.overwrite(pkgPath, text);
+			if (missingForms) ctx.logger.warn("@angular/forms is not installed — Uni input components use Signal Forms. Add it with: ng add @angular/forms");
+			ctx.addTask(new _angular_devkit_schematics_tasks.NodePackageInstallTask());
+			return t;
+		};
+		const writeThemeFile = (t) => {
+			write(t, `${paths.appDir}/uni-theme.ts`, emitted.content);
+			return t;
+		};
+		const registerProvider = (t, ctx) => {
+			const configPath = firstExisting(t, [`${paths.appDir}/app.config.ts`]);
+			const source = configPath && t.read(configPath)?.toString();
+			const updated = source ? addProviderRegistration(source, "BrandThemes") : null;
+			if (configPath && updated) t.overwrite(configPath, updated);
+			else ctx.logger.warn(`Could not register UNI_THEMES automatically. Add this to your providers:\n${emitted.providerSnippet}`);
+			return t;
+		};
+		const addTypefaces = (t, ctx) => {
+			if (options.typography === false) return t;
+			const html = t.read(paths.indexHtml)?.toString();
+			const updated = html && addFontLinks(html);
+			if (html && updated) t.overwrite(paths.indexHtml, updated);
+			else ctx.logger.warn(`Could not add typeface links to ${paths.indexHtml} — add Red Hat Display and Roboto manually (BaseTypography depends on them).`);
+			return t;
+		};
+		const addSmokeTest = (t, ctx) => {
+			if (options.smokeTest === false) return t;
+			const htmlPath = firstExisting(t, [`${paths.appDir}/app.html`, `${paths.appDir}/app.component.html`]);
+			const tsPath = firstExisting(t, [`${paths.appDir}/app.ts`, `${paths.appDir}/app.component.ts`]);
+			const componentSource = tsPath && t.read(tsPath)?.toString();
+			const updatedComponent = componentSource ? addComponentImports(componentSource, ["UniTextComponent", "UniButtonComponent"]) : null;
+			if (!htmlPath || !tsPath || !updatedComponent) {
+				ctx.logger.warn("Could not scaffold the smoke test — drop a <uni-text> and a <button uni-text-button> into any component to verify the theme.");
+				return t;
+			}
+			t.overwrite(tsPath, updatedComponent);
+			t.overwrite(htmlPath, addSmokeMarkup(t.read(htmlPath).toString()));
+			return t;
+		};
+		const summarize = (t, ctx) => {
+			ctx.logger.info(`Uni theme generated: ${emitted.reportSummary}.`);
+			ctx.logger.info(`Theme written to ${paths.appDir}/uni-theme.ts — it is plain data and the source of truth: edit its tokens (colors, border primitives, component overrides) to restyle the app.`);
+			ctx.logger.info("Run `ng serve` — the smoke test section renders in your brand.");
+			return t;
+		};
+		return (0, _angular_devkit_schematics.chain)([
+			installDeps,
+			writeThemeFile,
+			registerProvider,
+			addTypefaces,
+			addSmokeTest,
+			summarize
+		]);
+	};
+}
+//#endregion
+exports.ngAdd = ngAdd;