@animus-ui/system 0.1.0-next.10 → 0.1.0-next.16

package/dist/index.js

@@ -118,6 +118,17 @@ function createComponent(element, className, config, systemPropMap, dynamicPropC
 			const value = props[prop] ?? vc.default;
 			if (value != null) classes.push(`${className}--${prop}-${value}`);
 		}
+		if (config.compounds) for (const compound of config.compounds) {
+			let match = true;
+			for (const [prop, expected] of Object.entries(compound.conditions)) {
+				const current = props[prop] ?? config.variants?.[prop]?.default;
+				if (Array.isArray(expected) ? !expected.includes(current) : current !== expected) {
+					match = false;
+					break;
+				}
+			}
+			if (match) classes.push(compound.className);
+		}
 		if (config.states) {
 			for (const state of config.states) if (props[state]) classes.push(`${className}--${state}`);
 		}
@@ -207,7 +218,8 @@ var AnimusExtendedWithAll = class {
 	variants = {};
 	activeGroups = {};
 	custom = {};
-	constructor(props, groups, base, variants, states, activeGroups, custom) {
+	compounds = [];
+	constructor(props, groups, base, variants, states, activeGroups, custom, compounds = []) {
 		this.propRegistry = props;
 		this.groupRegistry = groups;
 		this.baseStyles = base;
@@ -215,9 +227,10 @@ var AnimusExtendedWithAll = class {
 		this.statesConfig = states;
 		this.activeGroups = activeGroups;
 		this.custom = custom;
+		this.compounds = compounds;
 	}
 	extend() {
-		return new AnimusExtended(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom);
+		return new AnimusExtended(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom, this.compounds);
 	}
 	asElement(component) {
 		const Component = createComponent(component, "", this._buildComponentConfig());
@@ -252,32 +265,46 @@ var AnimusExtendedWithAll = class {
 };
 var AnimusExtendedWithSystem = class extends AnimusExtendedWithAll {
 	props(config) {
-		return new AnimusExtendedWithAll(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, deepMerge$1({}, config));
+		return new AnimusExtendedWithAll(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, deepMerge$1({}, config), this.compounds);
 	}
 };
 var AnimusExtendedWithStates = class extends AnimusExtendedWithSystem {
 	groups(config) {
-		return new AnimusExtendedWithSystem(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, deepMerge$1(this.activeGroups, config), this.custom);
+		return new AnimusExtendedWithSystem(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, deepMerge$1(this.activeGroups, config), this.custom, this.compounds);
 	}
 };
-var AnimusExtendedWithVariants = class AnimusExtendedWithVariants extends AnimusExtendedWithStates {
-	variant(options) {
-		const prop = options.prop || "variant";
-		return new AnimusExtendedWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge$1(this.variants, { [prop]: options }), this.statesConfig, this.activeGroups, this.custom);
+var AnimusExtendedWithCompounds = class AnimusExtendedWithCompounds extends AnimusExtendedWithStates {
+	compound(condition, styles) {
+		return new AnimusExtendedWithCompounds(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom, [...this.compounds, {
+			condition,
+			styles
+		}]);
 	}
 	states(config) {
-		return new AnimusExtendedWithStates(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, deepMerge$1(this.statesConfig, config), this.activeGroups, this.custom);
+		return new AnimusExtendedWithStates(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, deepMerge$1(this.statesConfig, config), this.activeGroups, this.custom, this.compounds);
+	}
+};
+var AnimusExtendedWithVariants = class AnimusExtendedWithVariants extends AnimusExtendedWithCompounds {
+	compound(condition, styles) {
+		return new AnimusExtendedWithCompounds(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom, [...this.compounds, {
+			condition,
+			styles
+		}]);
+	}
+	variant(options) {
+		const prop = options.prop || "variant";
+		return new AnimusExtendedWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge$1(this.variants, { [prop]: options }), this.statesConfig, this.activeGroups, this.custom, this.compounds);
 	}
 };
 var AnimusExtendedWithBase = class extends AnimusExtendedWithVariants {
 	variant(options) {
 		const prop = options.prop || "variant";
-		return new AnimusExtendedWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge$1(this.variants, { [prop]: options }), this.statesConfig, this.activeGroups, this.custom);
+		return new AnimusExtendedWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge$1(this.variants, { [prop]: options }), this.statesConfig, this.activeGroups, this.custom, this.compounds);
 	}
 };
 var AnimusExtended = class extends AnimusExtendedWithBase {
 	styles(config) {
-		return new AnimusExtendedWithBase(this.propRegistry, this.groupRegistry, deepMerge$1(this.baseStyles, config), this.variants, this.statesConfig, this.activeGroups, this.custom);
+		return new AnimusExtendedWithBase(this.propRegistry, this.groupRegistry, deepMerge$1(this.baseStyles, config), this.variants, this.statesConfig, this.activeGroups, this.custom, this.compounds);
 	}
 };
 //#endregion
@@ -299,7 +326,8 @@ var AnimusWithAll = class {
 	variants = {};
 	activeGroups = {};
 	custom = {};
-	constructor(props, groups, base, variants, states, activeGroups, custom) {
+	compounds = [];
+	constructor(props, groups, base, variants, states, activeGroups, custom, compounds = []) {
 		this.propRegistry = props;
 		this.groupRegistry = groups;
 		this.baseStyles = base;
@@ -307,9 +335,10 @@ var AnimusWithAll = class {
 		this.statesConfig = states;
 		this.activeGroups = activeGroups;
 		this.custom = custom;
+		this.compounds = compounds;
 	}
 	extend() {
-		return new AnimusExtended(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom);
+		return new AnimusExtended(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom, this.compounds);
 	}
 	asElement(component) {
 		const Component = createComponent(component, "", this._buildComponentConfig());
@@ -343,31 +372,48 @@ var AnimusWithAll = class {
 	}
 };
 var AnimusWithSystem = class extends AnimusWithAll {
-	constructor(props, groups, base, variants, states, activeGroups) {
-		super(props, groups, base, variants, states, activeGroups, {});
+	constructor(props, groups, base, variants, states, activeGroups, compounds = []) {
+		super(props, groups, base, variants, states, activeGroups, {}, compounds);
 	}
 	props(config) {
-		return new AnimusWithAll(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, config);
+		return new AnimusWithAll(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, config, this.compounds);
 	}
 };
 var AnimusWithStates = class extends AnimusWithSystem {
-	constructor(props, groups, base, variants, states) {
-		super(props, groups, base, variants, states, {});
+	constructor(props, groups, base, variants, states, compounds = []) {
+		super(props, groups, base, variants, states, {}, compounds);
 	}
 	groups(config) {
-		return new AnimusWithSystem(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, config);
+		return new AnimusWithSystem(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, this.statesConfig, config, this.compounds);
 	}
 };
-var AnimusWithVariants = class AnimusWithVariants extends AnimusWithStates {
-	constructor(props, groups, base, variants) {
-		super(props, groups, base, variants, {});
+var AnimusWithCompounds = class AnimusWithCompounds extends AnimusWithStates {
+	constructor(props, groups, base, variants, compounds = []) {
+		super(props, groups, base, variants, {}, compounds);
+	}
+	compound(condition, styles) {
+		return new AnimusWithCompounds(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, [...this.compounds, {
+			condition,
+			styles
+		}]);
 	}
 	states(config) {
-		return new AnimusWithStates(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, config);
+		return new AnimusWithStates(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, config, this.compounds);
+	}
+};
+var AnimusWithVariants = class AnimusWithVariants extends AnimusWithCompounds {
+	constructor(props, groups, base, variants, compounds = []) {
+		super(props, groups, base, variants, compounds);
+	}
+	compound(condition, styles) {
+		return new AnimusWithCompounds(this.propRegistry, this.groupRegistry, this.baseStyles, this.variants, [...this.compounds, {
+			condition,
+			styles
+		}]);
 	}
 	variant(options) {
 		const prop = options.prop || "variant";
-		return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge(this.variants, { [prop]: options }));
+		return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge(this.variants, { [prop]: options }), this.compounds);
 	}
 };
 var AnimusWithBase = class extends AnimusWithVariants {
@@ -376,7 +422,7 @@ var AnimusWithBase = class extends AnimusWithVariants {
 	}
 	variant(options) {
 		const prop = options.prop || "variant";
-		return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge(this.variants, { [prop]: options }));
+		return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.baseStyles, deepMerge(this.variants, { [prop]: options }), this.compounds);
 	}
 };
 var Animus = class extends AnimusWithBase {
@@ -537,6 +583,193 @@ const serializeTokens = (tokens, prefix, theme) => {
 };
 //#endregion
 //#region src/theme/createTheme.ts
+const CSS_NAMED_COLORS = new Set([
+	"aliceblue",
+	"antiquewhite",
+	"aqua",
+	"aquamarine",
+	"azure",
+	"beige",
+	"bisque",
+	"black",
+	"blanchedalmond",
+	"blue",
+	"blueviolet",
+	"brown",
+	"burlywood",
+	"cadetblue",
+	"chartreuse",
+	"chocolate",
+	"coral",
+	"cornflowerblue",
+	"cornsilk",
+	"crimson",
+	"cyan",
+	"darkblue",
+	"darkcyan",
+	"darkgoldenrod",
+	"darkgray",
+	"darkgreen",
+	"darkgrey",
+	"darkkhaki",
+	"darkmagenta",
+	"darkolivegreen",
+	"darkorange",
+	"darkorchid",
+	"darkred",
+	"darksalmon",
+	"darkseagreen",
+	"darkslateblue",
+	"darkslategray",
+	"darkslategrey",
+	"darkturquoise",
+	"darkviolet",
+	"deeppink",
+	"deepskyblue",
+	"dimgray",
+	"dimgrey",
+	"dodgerblue",
+	"firebrick",
+	"floralwhite",
+	"forestgreen",
+	"fuchsia",
+	"gainsboro",
+	"ghostwhite",
+	"gold",
+	"goldenrod",
+	"gray",
+	"green",
+	"greenyellow",
+	"grey",
+	"honeydew",
+	"hotpink",
+	"indianred",
+	"indigo",
+	"ivory",
+	"khaki",
+	"lavender",
+	"lavenderblush",
+	"lawngreen",
+	"lemonchiffon",
+	"lightblue",
+	"lightcoral",
+	"lightcyan",
+	"lightgoldenrodyellow",
+	"lightgray",
+	"lightgreen",
+	"lightgrey",
+	"lightpink",
+	"lightsalmon",
+	"lightseagreen",
+	"lightskyblue",
+	"lightslategray",
+	"lightslategrey",
+	"lightsteelblue",
+	"lightyellow",
+	"lime",
+	"limegreen",
+	"linen",
+	"magenta",
+	"maroon",
+	"mediumaquamarine",
+	"mediumblue",
+	"mediumorchid",
+	"mediumpurple",
+	"mediumseagreen",
+	"mediumslateblue",
+	"mediumspringgreen",
+	"mediumturquoise",
+	"mediumvioletred",
+	"midnightblue",
+	"mintcream",
+	"mistyrose",
+	"moccasin",
+	"navajowhite",
+	"navy",
+	"oldlace",
+	"olive",
+	"olivedrab",
+	"orange",
+	"orangered",
+	"orchid",
+	"palegoldenrod",
+	"palegreen",
+	"paleturquoise",
+	"palevioletred",
+	"papayawhip",
+	"peachpuff",
+	"peru",
+	"pink",
+	"plum",
+	"powderblue",
+	"purple",
+	"rebeccapurple",
+	"red",
+	"rosybrown",
+	"royalblue",
+	"saddlebrown",
+	"salmon",
+	"sandybrown",
+	"seagreen",
+	"seashell",
+	"sienna",
+	"silver",
+	"skyblue",
+	"slateblue",
+	"slategray",
+	"slategrey",
+	"snow",
+	"springgreen",
+	"steelblue",
+	"tan",
+	"teal",
+	"thistle",
+	"tomato",
+	"turquoise",
+	"violet",
+	"wheat",
+	"white",
+	"whitesmoke",
+	"yellow",
+	"yellowgreen"
+]);
+const COLOR_FUNCTION_PREFIXES = [
+	"rgb(",
+	"rgba(",
+	"hsl(",
+	"hsla(",
+	"oklch(",
+	"oklab(",
+	"lch(",
+	"lab(",
+	"color(",
+	"color-mix("
+];
+/** Validate that a value is a valid CSS <color>. */
+function isValidCSSColor(value) {
+	if (typeof value !== "string") return false;
+	const v = value.trim();
+	if (v === "") return false;
+	if (v === "transparent" || v === "currentColor" || v === "currentcolor") return true;
+	if (v.startsWith("#") && /^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(v)) return true;
+	for (const prefix of COLOR_FUNCTION_PREFIXES) if (v.startsWith(prefix) && v.endsWith(")")) return true;
+	if (CSS_NAMED_COLORS.has(v.toLowerCase())) return true;
+	return false;
+}
+/** Validate that mode aliases reference existing color keys. */
+function validateModeAliases(modeName, aliases, colorSet, availableColors, prefix) {
+	for (const [key, value] of Object.entries(aliases)) {
+		const aliasPath = prefix ? `${prefix}-${key}` : key;
+		if (typeof value === "string") {
+			if (!colorSet.has(value)) throw new Error(`addColorModes: mode '${modeName}' references unknown color '${value}' for alias '${aliasPath}'. Available colors: ${availableColors.slice(0, 10).join(", ")}${availableColors.length > 10 ? ", ..." : ""}`);
+		} else if (isObject(value)) validateModeAliases(modeName, value, colorSet, availableColors, aliasPath);
+	}
+}
+/** Validate all color entries, throwing on invalid values. */
+function validateColors(colors) {
+	for (const [key, value] of Object.entries(colors)) if (isObject(value)) validateColors(value);
+	else if (!isValidCSSColor(value)) throw new Error(`addColors: '${String(value)}' is not a valid CSS <color> value for key '${key}'. Expected hex (#fff), rgb(), hsl(), oklch(), named color, transparent, or currentColor.`);
+}
 var ThemeBuilder = class {
 	#theme = {};
 	constructor(baseTheme) {
@@ -562,6 +795,7 @@ var ThemeBuilder = class {
 	* @example .addColors({ navy: 'navy', hyper: 'purple' })
 	*/
 	addColors(colors) {
+		validateColors(colors);
 		const flatColors = flattenScale(colors);
 		const { variables, tokens } = serializeTokens(flatColors, "color", this.#theme);
 		this.#theme = merge({}, this.#theme, {
@@ -578,6 +812,9 @@ var ThemeBuilder = class {
 	* @example .addColorModes('light', { light: { primary: 'hyper' }, { dark: { primary: 'navy' } } })
 	*/
 	addColorModes(initialMode, modeConfig) {
+		const availableColors = this.#theme._tokens?.colors ? Object.keys(this.#theme._tokens.colors) : Object.keys(this.#theme.colors || {});
+		const colorSet = new Set(availableColors);
+		for (const [modeName, modeAliases] of Object.entries(modeConfig)) validateModeAliases(modeName, modeAliases, colorSet, availableColors, "");
 		const modes = mapValues(modeConfig, (mode) => flattenScale(mode));
 		const { tokens: colors, variables } = serializeTokens(mapValues(merge({}, this.#theme.modes?.[initialMode], modes[initialMode]), (color) => this.#theme.colors[color]), "color", this.#theme);
 		const getColorValue = (color) => this.#theme._tokens?.colors?.[color];
@@ -614,17 +851,105 @@ var ThemeBuilder = class {
 	/**
 	* This finalizes the theme build and returns the final theme and variables to be provided.
 	* Simplify flattens the deeply nested MergeTheme chain into a shallow object type.
+	*
+	* The returned theme object also has a non-enumerable `.manifest` property containing
+	* a structured ThemeManifest for plugin consumption.
 	*/
 	build() {
 		const { variables } = serializeTokens(mapValues(this.#theme.breakpoints, (val) => `${val}px`), "breakpoint", this.#theme);
-		return merge({}, this.#theme, {
+		const theme = merge({}, this.#theme, {
 			_variables: { breakpoints: variables },
 			_tokens: {}
 		});
+		const manifest = assembleManifest(theme);
+		Object.defineProperty(theme, "manifest", {
+			value: manifest,
+			enumerable: false,
+			configurable: false,
+			writable: false
+		});
+		return theme;
 	}
 };
 function createTheme(base) {
 	return new ThemeBuilder(base);
 }
+/**
+* Assemble a ThemeManifest from the built theme object.
+*
+* This is the single source of truth for the plugin — no string-matching
+* or re-flattening needed downstream.
+*/
+function assembleManifest(theme) {
+	const tokenMap = {};
+	const variableMap = {};
+	for (const [scaleName, scaleValue] of Object.entries(theme)) {
+		if (scaleName.startsWith("_")) continue;
+		if (scaleName === "breakpoints" || scaleName === "mode" || scaleName === "modes") continue;
+		if (typeof scaleValue === "function") continue;
+		if (isObject(scaleValue)) flattenTokens(tokenMap, variableMap, scaleName, scaleValue);
+	}
+	const modes = {};
+	if (theme._tokens?.modes && isObject(theme._tokens.modes)) for (const [modeName, modeTokens] of Object.entries(theme._tokens.modes)) {
+		if (!isObject(modeTokens)) continue;
+		const modeMap = {};
+		flattenModeEntries(modeMap, modeTokens, "");
+		modes[modeName] = modeMap;
+	}
+	return {
+		tokenMap,
+		variableMap,
+		modes,
+		variableCss: buildManifestVariableCss(theme)
+	};
+}
+/** Flatten a scale into tokenMap and extract variable references into variableMap. */
+function flattenTokens(tokenMap, variableMap, prefix, obj, parentKey = "") {
+	for (const [key, value] of Object.entries(obj)) {
+		const fullKey = parentKey ? `${parentKey}-${key}` : key;
+		if (isObject(value)) flattenTokens(tokenMap, variableMap, prefix, value, fullKey);
+		else {
+			const tokenPath = `${prefix}.${fullKey}`;
+			const strValue = String(value);
+			tokenMap[tokenPath] = strValue;
+			if (strValue.startsWith("var(") && strValue.endsWith(")")) variableMap[tokenPath] = strValue.slice(4, -1);
+		}
+	}
+}
+/** Flatten mode token entries (resolved values) into a flat key→value map. */
+function flattenModeEntries(modeMap, obj, prefix) {
+	for (const [key, value] of Object.entries(obj)) {
+		const namePart = key === "_" ? prefix : prefix ? `${prefix}-${key}` : key;
+		if (typeof value === "string" || typeof value === "number") modeMap[`colors.${namePart}`] = String(value);
+		else if (isObject(value)) flattenModeEntries(modeMap, value, namePart);
+	}
+}
+/** Build CSS variable blocks from theme._variables and _tokens.modes. */
+function buildManifestVariableCss(theme) {
+	const parts = [];
+	if (theme._variables && isObject(theme._variables)) {
+		const rootLines = [];
+		for (const categoryValue of Object.values(theme._variables)) {
+			if (!isObject(categoryValue)) continue;
+			for (const [cssVar, cssValue] of Object.entries(categoryValue)) if (typeof cssValue === "string") rootLines.push(`  ${cssVar}: ${cssValue};`);
+		}
+		if (rootLines.length > 0) parts.push(`:root {\n${rootLines.join("\n")}\n}`);
+	}
+	if (theme._tokens?.modes && isObject(theme._tokens.modes)) for (const [modeName, modeTokens] of Object.entries(theme._tokens.modes)) {
+		if (!isObject(modeTokens)) continue;
+		const modeLines = [];
+		flattenModeTokensCss(modeLines, modeTokens, "");
+		if (modeLines.length > 0) parts.push(`[data-color-mode="${modeName}"] {\n${modeLines.join("\n")}\n}`);
+	}
+	return parts.join("\n\n");
+}
+/** Recursively flatten mode tokens into CSS variable declaration lines. */
+function flattenModeTokensCss(lines, obj, prefix) {
+	for (const [key, value] of Object.entries(obj)) {
+		const namePart = key === "_" ? prefix : prefix ? `${prefix}-${key}` : key;
+		if (typeof value === "string" || typeof value === "number") lines.push(`  --color-${namePart}: ${value};`);
+		else if (isObject(value)) flattenModeTokensCss(lines, value, namePart);
+	}
+}
 //#endregion
 export { Animus, AnimusExtended, AnimusExtendedWithAll, AnimusWithAll, PropertyBuilder, SystemBuilder, ThemeBuilder, borderShorthand, createComponent, createScale, createSystem, createTheme, createTransform, flattenScale, gridItem, gridItemRatio, numericOrStringScale, numericScale, percentageOrAbsolute, serializeTokens, size, stringScale };

package/dist/runtime/index.d.ts

@@ -3,8 +3,13 @@ interface VariantConfig {
     options: string[];
     default?: string;
 }
+interface CompoundConfig {
+    conditions: Record<string, string | string[]>;
+    className: string;
+}
 interface ComponentConfig {
     variants?: Record<string, VariantConfig>;
+    compounds?: CompoundConfig[];
     states?: string[];
     systemPropNames?: string[];
     customPropMap?: Record<string, Record<string, string>>;

package/dist/runtime/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,UAAU,EAAU,MAAM,OAAO,CAAC;AAE1D,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG,MAAM,CAC7B,MAAM,EACN;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC,CACF,CAAC;AAIF,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAErD,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,MAAM,EAAE,MAAM,KAAK,CAAC;CACrB,CAAC;AAwHF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,eAAe,EACvB,aAAa,CAAC,EAAE,aAAa,EAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GACpC,eAAe,CAkKjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,UAAU,EAAU,MAAM,OAAO,CAAC;AAE1D,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG,MAAM,CAC7B,MAAM,EACN;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC,CACF,CAAC;AAIF,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAErD,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,MAAM,EAAE,MAAM,KAAK,CAAC;CACrB,CAAC;AAwHF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,eAAe,EACvB,aAAa,CAAC,EAAE,aAAa,EAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GACpC,eAAe,CAuLjB"}

package/dist/theme/createTheme.d.ts

@@ -1,4 +1,4 @@
-import { AbstractTheme, CSSObject } from '../types/theme';
+import { AbstractTheme, CSSColorValue } from '../types/theme';
 import { LiteralPaths } from './flattenScale';
 import { KeyAsVariable } from './serializeTokens';
 import { ColorModeConfig, Merge, MergeTheme, PrivateThemeKeys } from './types';
@@ -16,7 +16,7 @@ export declare class ThemeBuilder<T extends AbstractTheme> {
      * @param colors A map of color tokens to add to the theme. These tokens are immediately converted to CSS Variables `--color-${key}`.
      * @example .addColors({ navy: 'navy', hyper: 'purple' })
      */
-    addColors<Colors extends Record<string, string | number | CSSObject>, NextColors extends LiteralPaths<Colors, '-'>>(colors: Colors): ThemeBuilder<MergeTheme<T & PrivateThemeKeys, Record<'colors', KeyAsVariable<NextColors, 'color'>>>>;
+    addColors<Colors extends Record<string, CSSColorValue | Record<string, CSSColorValue>>, NextColors extends LiteralPaths<Colors, '-'>>(colors: Colors): ThemeBuilder<MergeTheme<T & PrivateThemeKeys, Record<'colors', KeyAsVariable<NextColors, 'color'>>>>;
     /**
      *
      * @param initialMode A key of the object passed for modes.  This sets the default state for the theme and transforms the correct variables.
@@ -50,6 +50,9 @@ export declare class ThemeBuilder<T extends AbstractTheme> {
     /**
      * This finalizes the theme build and returns the final theme and variables to be provided.
      * Simplify flattens the deeply nested MergeTheme chain into a shallow object type.
+     *
+     * The returned theme object also has a non-enumerable `.manifest` property containing
+     * a structured ThemeManifest for plugin consumption.
      */
     build(): {
         [K in keyof (T & PrivateThemeKeys)]: (T & PrivateThemeKeys)[K];

package/dist/theme/createTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createTheme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgP/E,qBAAa,YAAY,CAAC,CAAC,SAAS,aAAa;;gBAGnC,SAAS,EAAE,CAAC;IAGxB;;;;OAIG;IACH,oBAAoB,CAAC,GAAG,SAAS,MAAM,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,MAAM,EACpE,GAAG,EAAE,GAAG,GACP,YAAY,CACb,UAAU,CACR,CAAC,EACD,gBAAgB,EAChB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CACrD,CACF;IAkBD;;;;OAIG;IACH,SAAS,CACP,MAAM,SAAS,MAAM,CACnB,MAAM,EACN,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAC9C,EACD,UAAU,SAAS,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAE5C,MAAM,EAAE,MAAM,GACb,YAAY,CACb,UAAU,CACR,CAAC,GAAG,gBAAgB,EACpB,MAAM,CAAC,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CACrD,CACF;IAiBD;;;;;OAKG;IACH,aAAa,CACX,KAAK,SAAS,MAAM,EACpB,WAAW,SAAS,MAAM,MAAM,EAChC,MAAM,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,EAChC,UAAU,SAAS,eAAe,CAAC,MAAM,CAAC,EAC1C,MAAM,SAAS,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,EACxC,YAAY,SAAS;SAClB,CAAC,IAAI,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;KACvD,EAED,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,MAAM,GACjB,YAAY,CACb,UAAU,CACR,CAAC,GAAG,gBAAgB,EACpB;QACE,MAAM,EAAE,aAAa,CACnB,YAAY,CAAC,MAAM,CAAC,MAAM,MAAM,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAC5C,QAAQ,CACT,GACC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC;QACvC,IAAI,EAAE,MAAM,MAAM,CAAC;QACnB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC;KACtD,CACF,CACF;IA4CD;;;;;OAKG;IACH,QAAQ,CACN,GAAG,SAAS,MAAM,EAClB,EAAE,SAAS,CACT,KAAK,EAAE,CAAC,KACL,MAAM,CACT,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAClD,EACD,QAAQ,SAAS,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAElD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,EAAE,GACd,YAAY,CAAC;SACb,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG,UAAU,CAC3D,CAAC,EACD,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,CACtB,CAAC,CAAC,CAAC;KACL,CAAC;IAOF;;;;;OAKG;IACH,WAAW,CACT,GAAG,SAAS,MAAM,CAAC,EACnB,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAE/D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,EAAE,GACX,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAMzD;;;;;;OAMG;IACH,KAAK,IAAI;SAAG,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;KAAE;CAuB5E;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,EAAE,IAAI,EAAE,CAAC,mBAE3D"}

package/dist/transforms/createTransform.d.ts

@@ -1,4 +1,6 @@
-export type TransformFn = (value: string | number, property?: string, props?: any) => string | number | Record<string, any>;
+import type { AbstractProps } from '../types/props';
+import type { CSSObject } from '../types/shared';
+export type TransformFn = (value: string | number, property?: string, props?: AbstractProps) => string | number | CSSObject;
 export type NamedTransform = TransformFn & {
     transformName: string;
 };

package/dist/transforms/createTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTransform.d.ts","sourceRoot":"","sources":["../../src/transforms/createTransform.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CACxB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,GAAG,KACR,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAAE,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC;AAErE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,cAAc,CAK7E"}
+{"version":3,"file":"createTransform.d.ts","sourceRoot":"","sources":["../../src/transforms/createTransform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,CACxB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,aAAa,KAClB,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAAE,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC;AAErE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,cAAc,CAK7E"}

package/dist/types/component.d.ts

@@ -1,10 +1,9 @@
 import type { ComponentPropsWithRef, ComponentType, ForwardRefExoticComponent, ReactNode } from 'react';
 import type { AnimusExtended } from '../AnimusExtended';
-import type { AbstractParser, CSSPropMap, CSSProps, Prop, Scale, SystemProps, VariantConfig } from './config';
+import type { AbstractParser, CSSPropMap, CSSProps, Prop, SystemProps, ThemedScale, VariantConfig } from './config';
 import type { AbstractProps } from './props';
-import type { BaseTheme } from './theme';
-type ExtendFn<T extends BaseTheme, PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP> = {
-    extend: () => AnimusExtended<T, PR, GR, BS & CSSProps<AbstractProps, SystemProps<AbstractParser>>, V & Record<string, VariantConfig>, S & CSSPropMap<AbstractProps, SystemProps<AbstractParser>>, AG & Record<string, true>, CP & Record<string, Prop>>;
+type ExtendFn<PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP> = {
+    extend: () => AnimusExtended<PR, GR, BS & CSSProps<AbstractProps, SystemProps<AbstractParser>>, V & Record<string, VariantConfig>, S & CSSPropMap<AbstractProps, SystemProps<AbstractParser>>, AG & Record<string, true>, CP & Record<string, Prop>>;
 };
 /**
  * Compute the group prop names from active groups.
@@ -14,17 +13,17 @@ type ExtendFn<T extends BaseTheme, PR extends Record<string, Prop>, GR extends R
 type ActiveGroupPropNames<PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, AG> = GR[Extract<keyof AG, keyof GR>][number];
 /**
  * Compute the group system props — each active group prop accepts its scale-resolved type.
- * For pragmatic type inference, we use Scale<PR[K], T> for each prop.
+ * Uses the augmented Theme interface via ThemedScale (no generic T needed).
  */
-type GroupProps<T extends BaseTheme, PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, AG> = {
-    [K in ActiveGroupPropNames<PR, GR, AG> as K extends string ? K : never]?: Scale<PR[K & keyof PR], T>;
+type GroupProps<PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, AG> = {
+    [K in ActiveGroupPropNames<PR, GR, AG> as K extends string ? K : never]?: ThemedScale<PR[K & keyof PR]>;
 };
 /**
  * Compute custom prop types from .props() config.
- * Each key K in CP maps to Scale<CP[K], T>.
+ * Each key K in CP maps to ThemedScale<CP[K]>.
  */
-type CustomPropValues<CP extends Record<string, Prop>, T extends BaseTheme> = {
-    [K in keyof CP]?: Scale<CP[K], T>;
+type CustomPropValues<CP extends Record<string, Prop>> = {
+    [K in keyof CP]?: ThemedScale<CP[K]>;
 };
 /**
  * Compute variant props — each variant key accepts one of its variant values.
@@ -42,20 +41,20 @@ type StateProps<S> = string extends keyof S ? {} : {
     [K in keyof S]?: boolean;
 };
 /** Component type for .asElement() — HTML element tag with full Animus props. */
-export type AnimusComponent<El extends keyof JSX.IntrinsicElements, T extends BaseTheme, PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP extends Record<string, Prop>> = ForwardRefExoticComponent<ComponentPropsWithRef<El> & GroupProps<T, PR, GR, AG> & VariantProps<V> & StateProps<S> & CustomPropValues<CP, T> & {
+export type AnimusComponent<El extends keyof JSX.IntrinsicElements, PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP extends Record<string, Prop>> = ForwardRefExoticComponent<ComponentPropsWithRef<El> & GroupProps<PR, GR, AG> & VariantProps<V> & StateProps<S> & CustomPropValues<CP> & {
     as?: keyof JSX.IntrinsicElements | ComponentType<{
         className?: string;
     }>;
     className?: string;
     children?: ReactNode;
-}> & ExtendFn<T, PR, GR, BS, V, S, AG, CP>;
+}> & ExtendFn<PR, GR, BS, V, S, AG, CP>;
 /** Component type for .asComponent() — wraps an existing React component. */
-export type AnimusWrappedComponent<T extends BaseTheme, PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP> = ForwardRefExoticComponent<Record<string, any> & GroupProps<T, PR, GR, {}> & VariantProps<V> & StateProps<S> & {
+export type AnimusWrappedComponent<PR extends Record<string, Prop>, GR extends Record<string, (keyof PR)[]>, BS, V, S, AG, CP> = ForwardRefExoticComponent<Record<string, any> & GroupProps<PR, GR, {}> & VariantProps<V> & StateProps<S> & {
     as?: keyof JSX.IntrinsicElements | ComponentType<{
         className?: string;
     }>;
     className?: string;
     children?: ReactNode;
-}> & ExtendFn<T, PR, GR, BS, V, S, AG, CP>;
+}> & ExtendFn<PR, GR, BS, V, S, AG, CP>;
 export {};
 //# sourceMappingURL=component.d.ts.map