@animus-ui/system 0.1.20 → 0.1.22

package/dist/index-C1AAiaiJ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C1AAiaiJ.d.ts","names":[],"sources":["../src/Animus.ts","../src/asset.ts","../src/transforms/createTransform.ts","../src/SystemBuilder.ts","../src/scales/createScale.ts","../src/declarations.ts","../src/theme/property-records.ts","../src/theme/createTheme.ts","../src/theme/serializeTokens.ts","../src/theme/types.ts","../src/transforms/border.ts","../src/transforms/grid.ts","../src/transforms/size.ts"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,26 +1,6 @@
-export { Animus, AnimusWithAll } from './Animus';
-export { AnimusExtended, AnimusExtendedWithAll } from './AnimusExtended';
-export { compose } from './compose';
-export type { KeyframeFrameMap, KeyframeRef, Keyframes } from './keyframes';
-export { asset, ASSET_PLACEHOLDER_PREFIX, type AssetRef } from './asset.js';
-export { createComponent } from './runtime';
-export { type ClassResolver, type ClassResolverAttributes, createClassResolver, } from './runtime/createClassResolver';
-export { createComposedFamily } from './runtime/createComposedFamily';
-export type { CreateKeyframesFactory, FontFace, FontFaceSrc, GlobalStyleBlock, GlobalStyleMap, GlobalStylesFactory, KeyframesFrameData, LibraryBundle, RegisterableGlobalStyles, RegisterableKeyframes, RegistrySnapshot, SealedSystemInstance, SerializedConfig, SystemBuilderStage, SystemBundle, SystemInstance, VocabularyCollisionEntry, VocabularyGlobalStyleEntry, VocabularyKeyframesEntry, VocabularyLegacyVerbEntry, VocabularyNameCollision, VocabularyOf, VocabularyRecord, } from './SystemBuilder';
-export { createSystem, SystemBuilder } from './SystemBuilder';
-export { createScale, numericOrStringScale, numericScale, stringScale, } from './scales/createScale';
-export { type AtRuleValue, BUILT_IN_CONDITIONS, type ConditionAlias, type ConditionAliasMap, type ConditionKind, type Conditions, type ConditionsOf, type NarrowedAliases, type RawAtRuleKey, type RegistryBrand, type ReservedByConditionRegistry, type ReservedBySelectorRegistry, type SelectorsOf, type UnknownAtRule, type UnknownConditionAlias, } from './conditions.js';
-export { BUILT_IN_SELECTORS, type SelectorAlias, type SelectorAliasMap, type Selectors, } from './selectors';
-export type { Assign, AssignValueIfUnmergable, ColorModeConfig, FindPath, KeyAsVariable, LiteralPaths, Mergable, Merge, MergeTheme, Path, PathToLiteral, PathValue, PrivateThemeKeys, SanitizeKey, } from './theme';
-export { createTheme, type Flatten, ThemeBuilder, type ThemeBuilderStage, } from './theme';
-export { borderShorthand } from './transforms/border';
-export { areTransformsEqual, createTransform, type NamedTransform, type TransformFn, } from './transforms/createTransform';
-export { gridItem, gridItemRatio } from './transforms/grid';
-export { percentageOrAbsolute, size } from './transforms/size';
-export type { AnimusComponent, AnimusWrappedComponent, AnyBrandedComponent, ComposedFamily, SharedConfig, VariantPropsOf, } from './types/component';
-export type { AbstractParser, BuiltInConditionAlias, BuiltInSelectorAlias, CompoundEntry, CSSPropMap, CSSProps, CustomPropConfig, DeclarationKey, DeclarationProp, Parser, ParserProps, Prop, PropertyValues, Scale, ScaleValue, SelectorAliasProps, SystemProp, SystemProps, ThemedCSSPropMap, ThemedCSSProps, ThemedScale, ThemedScaleValue, VariantConfig, } from './types/config';
-export type { AbstractProps, MediaQueryMap, ResponsiveProp, ThemeProps, } from './types/props';
-export type { ArrayScale, MapScale } from './types/scales';
-export type { CSSObject } from './types/shared';
-export type { AbstractTheme, BaseTheme, BrowserColorSchemeConfig, ColorModeOptions, ColorTokenRef, ContextualVarRegistration, CSSColorValue, EmittedScales, EmittedTokenPaths, ScaleTokenRef, SerializedTheme, SystemPreferenceConfig, Theme, ThemeManifest, ThemeStructuralKey, TokenScales, } from './types/theme';
-//# sourceMappingURL=index.d.ts.map
+import { n as ClassResolverAttributes, r as createClassResolver, t as ClassResolver } from "./createClassResolver-Do1nmvkf.js";
+import { $ as SerializedTheme, A as SystemProps, At as ReservedByConditionRegistry, B as ResponsiveProp, C as ParserProps, Ct as ConditionAliasMap, D as ScaleValue, Dt as NarrowedAliases, E as Scale, Et as ConditionsOf, F as VariantConfig, G as CSSColorValue, H as AbstractTheme, I as ArrayScale, J as ContextualVarRegistration, K as ColorModeOptions, L as MapScale, M as ThemedCSSProps, Mt as SelectorsOf, N as ThemedScale, Nt as UnknownAtRule, O as SelectorAliasProps, Ot as RawAtRuleKey, P as ThemedScaleValue, Pt as UnknownConditionAlias, Q as ScaleTokenRef, R as AbstractProps, S as Parser, St as ConditionAlias, T as PropertyValues, Tt as Conditions, U as BaseTheme, V as ThemeProps, W as BrowserColorSchemeConfig, X as EmittedTokenPaths, Y as EmittedScales, _ as CSSProps, _t as KeyframeFrameMap, b as DeclarationKey, bt as AtRuleValue, c as VariantPropsOf, ct as FindPath, dt as PathToLiteral, et as SystemPreferenceConfig, ft as PathValue, g as CSSPropMap, gt as Selectors, h as BuiltInSelectorAlias, ht as SelectorAliasMap, i as AnyBrandedComponent, it as ThemeStructuralKey, j as ThemedCSSPropMap, jt as ReservedBySelectorRegistry, k as SystemProp, kt as RegistryBrand, l as AnimusExtended, lt as LiteralPaths, m as BuiltInConditionAlias, mt as SelectorAlias, n as AnimusComponent, o as ComposedFamily, ot as TokenScales, p as AbstractParser, pt as BUILT_IN_SELECTORS, q as ColorTokenRef, r as AnimusWrappedComponent, rt as ThemeManifest, s as SharedConfig, st as CSSObject, t as AnimusClassProps, tt as Theme, u as AnimusExtendedWithAll, ut as Path, v as CompoundEntry, vt as KeyframeRef, w as Prop, wt as ConditionKind, x as DeclarationProp, xt as BUILT_IN_CONDITIONS, y as CustomPropConfig, yt as Keyframes, z as MediaQueryMap } from "./component-stJhG_A-.js";
+import { t as compose } from "./compose-BQi7TDtL.js";
+import { $ as AssetRef, A as LibraryBundle, B as VocabularyCollisionEntry, C as CreateKeyframesFactory, D as GlobalStyleMap, E as GlobalStyleBlock, F as SerializedConfig, G as VocabularyOf, H as VocabularyKeyframesEntry, I as SystemBuilder, J as NamedTransform, K as VocabularyRecord, L as SystemBuilderStage, M as RegisterableKeyframes, N as RegistrySnapshot, O as GlobalStylesFactory, P as SealedSystemInstance, Q as ASSET_PLACEHOLDER_PREFIX, R as SystemBundle, S as stringScale, T as FontFaceSrc, U as VocabularyLegacyVerbEntry, V as VocabularyGlobalStyleEntry, W as VocabularyNameCollision, X as areTransformsEqual, Y as TransformFn, Z as createTransform, _ as ThemeBuilderStage, a as borderShorthand, b as numericOrStringScale, c as ColorModeConfig, d as MergeTheme, et as asset, f as PrivateThemeKeys, g as ThemeBuilder, h as Flatten, i as gridItemRatio, j as RegisterableGlobalStyles, k as KeyframesFrameData, l as Mergable, m as SanitizeKey, n as size, nt as AnimusWithAll, o as Assign, p as KeyAsVariable, q as createSystem, r as gridItem, s as AssignValueIfUnmergable, t as percentageOrAbsolute, tt as Animus, u as Merge, v as createTheme, w as FontFace, x as numericScale, y as createScale, z as SystemInstance } from "./index-C1AAiaiJ.js";
+import { n as createComponent, r as renderAsChild, t as createComposedFamily } from "./createComposedFamily-BkrvSsfl.js";
+export { ASSET_PLACEHOLDER_PREFIX, type AbstractParser, type AbstractProps, type AbstractTheme, Animus, type AnimusClassProps, type AnimusComponent, AnimusExtended, AnimusExtendedWithAll, AnimusWithAll, type AnimusWrappedComponent, type AnyBrandedComponent, type ArrayScale, type AssetRef, type Assign, type AssignValueIfUnmergable, type AtRuleValue, BUILT_IN_CONDITIONS, BUILT_IN_SELECTORS, type BaseTheme, type BrowserColorSchemeConfig, type BuiltInConditionAlias, type BuiltInSelectorAlias, type CSSColorValue, type CSSObject, type CSSPropMap, type CSSProps, type ClassResolver, type ClassResolverAttributes, type ColorModeConfig, type ColorModeOptions, type ColorTokenRef, type ComposedFamily, type CompoundEntry, type ConditionAlias, type ConditionAliasMap, type ConditionKind, type Conditions, type ConditionsOf, type ContextualVarRegistration, type CreateKeyframesFactory, type CustomPropConfig, type DeclarationKey, type DeclarationProp, type EmittedScales, type EmittedTokenPaths, type FindPath, type Flatten, type FontFace, type FontFaceSrc, type GlobalStyleBlock, type GlobalStyleMap, type GlobalStylesFactory, type KeyAsVariable, type KeyframeFrameMap, type KeyframeRef, type Keyframes, type KeyframesFrameData, type LibraryBundle, type LiteralPaths, type MapScale, type MediaQueryMap, type Mergable, type Merge, type MergeTheme, type NamedTransform, type NarrowedAliases, type Parser, type ParserProps, type Path, type PathToLiteral, type PathValue, type PrivateThemeKeys, type Prop, type PropertyValues, type RawAtRuleKey, type RegisterableGlobalStyles, type RegisterableKeyframes, type RegistryBrand, type RegistrySnapshot, type ReservedByConditionRegistry, type ReservedBySelectorRegistry, type ResponsiveProp, type SanitizeKey, type Scale, type ScaleTokenRef, type ScaleValue, type SealedSystemInstance, type SelectorAlias, type SelectorAliasMap, type SelectorAliasProps, type Selectors, type SelectorsOf, type SerializedConfig, type SerializedTheme, type SharedConfig, SystemBuilder, type SystemBuilderStage, type SystemBundle, type SystemInstance, type SystemPreferenceConfig, type SystemProp, type SystemProps, type Theme, ThemeBuilder, type ThemeBuilderStage, type ThemeManifest, type ThemeProps, type ThemeStructuralKey, type ThemedCSSPropMap, type ThemedCSSProps, type ThemedScale, type ThemedScaleValue, type TokenScales, type TransformFn, type UnknownAtRule, type UnknownConditionAlias, type VariantConfig, type VariantPropsOf, type VocabularyCollisionEntry, type VocabularyGlobalStyleEntry, type VocabularyKeyframesEntry, type VocabularyLegacyVerbEntry, type VocabularyNameCollision, type VocabularyOf, type VocabularyRecord, areTransformsEqual, asset, borderShorthand, compose, createClassResolver, createComponent, createComposedFamily, createScale, createSystem, createTheme, createTransform, gridItem, gridItemRatio, numericOrStringScale, numericScale, percentageOrAbsolute, renderAsChild, size, stringScale };

package/dist/index.js

@@ -1,8 +1,22 @@
-import { t as createClassResolver } from "./createClassResolver-DPLExqGy.js";
-import { n as createComponent, t as createComposedFamily } from "./createComposedFamily-C6CLAsMx.js";
+import { t as createClassResolver } from "./createClassResolver-DtHjTYa7.js";
+import { n as createComponent, r as renderAsChild, t as createComposedFamily } from "./createComposedFamily-BbA_d0QH.js";
 import { compose } from "./compose.js";
 import { a as borderShorthand, c as numericScale, d as createTransform, f as linkAuthoredCallable, i as gridItemRatio, l as stringScale, n as size, o as createScale, r as gridItem, s as numericOrStringScale, t as percentageOrAbsolute, u as areTransformsEqual } from "./size-ZhCTPtA-.js";
-import { registeredInitialValue } from "@animus-ui/properties";
+//#region src/utils/admittedPropNames.ts
+/**
+* The props a component's runtime filter keeps off the element, as the
+* extractor lists them: the props of each group it admitted, each prop it
+* admitted by name, and its custom props. A prop of a group it never admitted,
+* such as `size` on an input without the layout group, reaches the element.
+*/
+function admittedPropNames(propRegistry, groupRegistry, activeGroups, custom) {
+	const names = /* @__PURE__ */ new Set();
+	for (const key of Object.keys(activeGroups)) if (Object.hasOwn(groupRegistry, key)) for (const prop of groupRegistry[key]) names.add(String(prop));
+	else if (Object.hasOwn(propRegistry, key)) names.add(key);
+	for (const key of Object.keys(custom)) names.add(key);
+	return [...names];
+}
+//#endregion
 //#region src/utils/deepMerge.ts
 const isMergeable = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 function deepMerge(target, source) {
@@ -12,6 +26,24 @@ function deepMerge(target, source) {
 	return result;
 }
 //#endregion
+//#region src/utils/stylingNameCollisions.ts
+/**
+* A variant or state named after an admitted system prop would be driven by
+* the same value as that prop, so the builder rejects the pair. Extracted
+* chains never run the builder, so extraction needs a check of its own.
+*/
+function assertDisjointStylingNames(variants, states, groupRegistry, propRegistry, activeGroups) {
+	const admittedBy = /* @__PURE__ */ new Map();
+	for (const key of Object.keys(activeGroups)) if (Object.hasOwn(groupRegistry, key)) for (const prop of groupRegistry[key]) admittedBy.set(String(prop), `group "${key}"`);
+	else if (Object.hasOwn(propRegistry, key)) admittedBy.set(key, `.system({ ${key}: true })`);
+	const declared = [["Variant prop", Object.entries(variants).map(([key, config]) => config.prop || key)], ["State", states]];
+	for (const [kind, names] of declared) for (const name of names) {
+		const source = admittedBy.get(name);
+		if (source === void 0) continue;
+		throw new Error(`${kind} "${name}" collides with the system prop "${name}" admitted by ${source}. A variant or state and an admitted system prop need different names.`);
+	}
+}
+//#endregion
 //#region src/AnimusExtended.ts
 var AnimusExtendedWithAll = class {
 	propRegistry = {};
@@ -52,6 +84,7 @@ var AnimusExtendedWithAll = class {
 		return createClassResolver("", config);
 	}
 	_buildComponentConfig() {
+		assertDisjointStylingNames(this.variants, Object.keys(this.statesConfig), this.groupRegistry, this.propRegistry, this.activeGroups);
 		const variantConfig = {};
 		for (const [key, vc] of Object.entries(this.variants)) {
 			const prop = vc.prop || key;
@@ -61,11 +94,10 @@ var AnimusExtendedWithAll = class {
 			};
 		}
 		const states = Object.keys(this.statesConfig);
-		const allPropNames = [...Object.keys(this.propRegistry), ...Object.keys(this.custom)];
 		return {
 			variants: Object.keys(variantConfig).length > 0 ? variantConfig : void 0,
 			states: states.length > 0 ? states : void 0,
-			systemPropNames: allPropNames
+			systemPropNames: admittedPropNames(this.propRegistry, this.groupRegistry, this.activeGroups, this.custom)
 		};
 	}
 };
@@ -157,6 +189,7 @@ var AnimusWithAll = class {
 		return createClassResolver("", config);
 	}
 	_buildComponentConfig() {
+		assertDisjointStylingNames(this.variants, Object.keys(this.statesConfig), this.groupRegistry, this.propRegistry, this.activeGroups);
 		const variantConfig = {};
 		for (const [key, vc] of Object.entries(this.variants)) {
 			const prop = vc.prop || key;
@@ -166,11 +199,10 @@ var AnimusWithAll = class {
 			};
 		}
 		const states = Object.keys(this.statesConfig);
-		const allPropNames = [...Object.keys(this.propRegistry), ...Object.keys(this.custom)];
 		return {
 			variants: Object.keys(variantConfig).length > 0 ? variantConfig : void 0,
 			states: states.length > 0 ? states : void 0,
-			systemPropNames: allPropNames
+			systemPropNames: admittedPropNames(this.propRegistry, this.groupRegistry, this.activeGroups, this.custom)
 		};
 	}
 };
@@ -828,9 +860,10 @@ var SystemBuilder = class SystemBuilder {
 		const sourceIndex = this.#extendCount + 1;
 		const incomingOrigin = `extended source #${sourceIndex}`;
 		const provenance = new Map(this.#extendProvenance);
+		const groupsByName = this.#groupRegistry;
 		const nextProps = { ...this.#propRegistry };
 		for (const [name, incoming] of Object.entries(snapshot.props)) {
-			if (name in this.#groupRegistry) throw new Error(`extend: prop "${name}" (${incomingOrigin}) collides with an existing group name (${this.#originOf(`group:${name}`)}). Group names and prop names must be disjoint.`);
+			if (name in groupsByName && !groupsByName[name].includes(name)) throw new Error(`extend: prop "${name}" (${incomingOrigin}) collides with an existing group name (${this.#originOf(`group:${name}`)}). Group names and prop names must be disjoint.`);
 			const existing = nextProps[name];
 			if (!existing) {
 				nextProps[name] = incoming;
@@ -841,7 +874,7 @@ var SystemBuilder = class SystemBuilder {
 		for (const [name, incoming] of Object.entries(snapshot.groups)) {
 			const existing = nextGroups[name];
 			if (!existing) {
-				if (name in nextProps) throw new Error(`extend: group name "${name}" (${incomingOrigin}) collides with an existing prop name (${this.#originOf(`prop:${name}`)}). Group names and prop names must be disjoint.`);
+				if (name in nextProps && !incoming.includes(name)) throw new Error(`extend: group name "${name}" (${incomingOrigin}) collides with an existing prop name (${this.#originOf(`prop:${name}`)}). Group names and prop names must be disjoint.`);
 				nextGroups[name] = [...incoming];
 				provenance.set(`group:${name}`, sourceIndex);
 			} else if (!orderedMembersEqual(existing, incoming)) throw new Error(`extend: group "${name}" already registered with different membership. Existing (${this.#originOf(`group:${name}`)}): [${existing.join(", ")}]. Incoming (${incomingOrigin}): [${incoming.join(", ")}].`);
@@ -909,7 +942,8 @@ var SystemBuilder = class SystemBuilder {
 			kind: "globalStyles",
 			name: entry.name,
 			styles: entry.styles,
-			...entry.fontFaces ? { fontFaces: entry.fontFaces } : {}
+			...entry.fontFaces ? { fontFaces: entry.fontFaces } : {},
+			...entry.unlayered ? { unlayered: true } : {}
 		}))];
 		if (inheritedEntries.length > 0) {
 			const merged = mergeVocabularyEntries(this.#vocabularyRegistry, this.#vocabularyCollisions, inheritedEntries, incomingOrigin);
@@ -994,7 +1028,8 @@ var SystemBuilder = class SystemBuilder {
 		const createGlobalStyles = ((styles, options) => ({
 			__brand: "GlobalStyleBlock",
 			styles,
-			...options?.fontFaces?.length ? { fontFaces: [...options.fontFaces] } : {}
+			...options?.fontFaces?.length ? { fontFaces: [...options.fontFaces] } : {},
+			...options?.unlayered ? { unlayered: true } : {}
 		}));
 		const createKeyframes = ((frames) => keyframes(frames));
 		const makeBundle = (entries, collisions, localCallCount) => {
@@ -1028,7 +1063,8 @@ var SystemBuilder = class SystemBuilder {
 						kind: "globalStyles",
 						name,
 						styles,
-						...blockValue.fontFaces?.length ? { fontFaces: Object.freeze(blockValue.fontFaces.map((face) => Object.freeze({ ...face }))) } : {}
+						...blockValue.fontFaces?.length ? { fontFaces: Object.freeze(blockValue.fontFaces.map((face) => Object.freeze({ ...face }))) } : {},
+						...blockValue.unlayered ? { unlayered: true } : {}
 					});
 				}
 				return registerEntries("registerGlobalStyles", incoming);
@@ -1045,7 +1081,8 @@ var SystemBuilder = class SystemBuilder {
 					globalStyles: Object.freeze(entries.filter((entry) => entry.kind === "globalStyles").map((entry) => Object.freeze({
 						name: entry.name,
 						styles: entry.styles,
-						...entry.fontFaces ? { fontFaces: entry.fontFaces } : {}
+						...entry.fontFaces ? { fontFaces: entry.fontFaces } : {},
+						...entry.unlayered ? { unlayered: true } : {}
 					}))),
 					collisions: Object.freeze(collisions.map((entry) => Object.freeze({ ...entry }))),
 					legacyVerbs: Object.freeze(legacyVerbWitnessRecord.map((entry) => ({
@@ -1240,15 +1277,14 @@ function replaceScaleNames(store, scale, names, source) {
 }
 /** The fields a contextual-variable registration sets, read literally: an
 *  untyped registration without a syntax keeps emitting `syntax: "undefined"`,
-*  which extraction reports as an invalid registration. An all-absolute math
-*  initial value is recorded as its computed value (`calc(1px / 1px)` → `1`),
-*  so both spellings are one registration, and CSS tooling reads the rule. */
+*  which extraction reports as an invalid registration. The initial value is
+*  kept as written; extraction writes an all-absolute math one as its
+*  computed value, so the value parser stays out of client bundles. */
 function legacyFields(registration) {
-	const syntax = `${registration.syntax}`;
 	return {
-		syntax,
+		syntax: `${registration.syntax}`,
 		inherits: registration.inherits ?? THEME_INHERITS,
-		initialValue: registration.initialValue === void 0 ? void 0 : registeredInitialValue(syntax, registration.initialValue)
+		initialValue: registration.initialValue
 	};
 }
 function legacyRegistration(store, name) {
@@ -1297,6 +1333,16 @@ function namesByScale(store) {
 	for (const [scale, names] of store.scaleNames) result[scale] = [...names];
 	return result;
 }
+/**
+* Each declared contextual variable as the token path a theme value writes,
+* `{scale.name}`, and the `var()` it resolves to: `--${name}`, the property
+* the Rust resolver maps the same path to.
+*/
+function contextualReferences(store) {
+	const result = {};
+	for (const [scale, names] of store.scaleNames) for (const name of names) result[`${scale}.${name}`] = `var(--${name})`;
+	return result;
+}
 /** The manifest's `registrations`: authored objects, in registration order. */
 function legacyRegistrations(store) {
 	const result = {};
@@ -1363,9 +1409,11 @@ function parseReferences(value) {
 	}
 	return references;
 }
+/** An opacity modifier: a percentage from 0 to 100, decimals allowed. */
+const OPACITY_RE = /^\d+(?:\.\d+)?$/;
 function applyOpacity(base, opacity) {
 	if (opacity === void 0) return base;
-	const alpha = Number.parseInt(opacity, 10);
+	const alpha = OPACITY_RE.test(opacity) && Number(opacity) <= 100 ? Number(opacity) : Number.parseInt(opacity, 10);
 	if (Number.isNaN(alpha)) return base;
 	if (alpha === 0) return "transparent";
 	if (alpha !== 100) return `color-mix(in srgb, ${base} ${alpha}%, transparent)`;
@@ -1373,14 +1421,15 @@ function applyOpacity(base, opacity) {
 }
 /**
 * Substitutes `{path}` references in one value from a resolved token map,
-* whose emitted paths already read `var(--…)`. An unknown path warns and
-* keeps its literal, as a token's own reference does.
+* whose emitted paths already read `var(--…)`, or else a declared contextual
+* variable. An unknown path warns and keeps its literal, as a token's own
+* reference does.
 */
-function resolveValueReferences(value, tokenMap) {
+function resolveValueReferences(value, tokenMap, contextual) {
 	if (!value.includes("{")) return value;
 	return value.replace(TOKEN_REF_RE$1, (match) => {
 		const [reference] = parseReferences(match);
-		const target = tokenMap[reference.path];
+		const target = tokenMap[reference.path] ?? contextual[reference.path];
 		if (target === void 0) {
 			console.warn(`[animus] Token ref {${reference.text}} — path '${reference.path}' not found in token map`);
 			return match;
@@ -1389,10 +1438,11 @@ function resolveValueReferences(value, tokenMap) {
 	});
 }
 /**
-* An unresolvable reference warns and keeps its literal: a kit theme may
-* reference tokens its consumer supplies later.
+* A path that names no token but a declared contextual variable resolves to
+* that variable. Any other unresolvable reference warns and keeps its
+* literal: a kit theme may reference tokens its consumer supplies later.
 */
-function resolveReferences(tokenMap, variableMap, variables) {
+function resolveReferences(tokenMap, variableMap, variables, contextual) {
 	const paths = Object.keys(tokenMap).sort();
 	const known = new Set(paths);
 	const rawValueOf = (path) => {
@@ -1414,6 +1464,8 @@ function resolveReferences(tokenMap, variableMap, variables) {
 	const warnedMissing = /* @__PURE__ */ new Set();
 	const substitute = (reference, match) => {
 		if (!known.has(reference.path)) {
+			const variable = contextual[reference.path];
+			if (variable !== void 0) return applyOpacity(variable, reference.opacity);
 			if (!warnedMissing.has(reference.path)) {
 				warnedMissing.add(reference.path);
 				console.warn(`[animus] Token ref {${reference.text}} — path '${reference.path}' not found in token map`);
@@ -1519,13 +1571,22 @@ const COLOR_FUNCTION_PREFIXES = [
 	"color(",
 	"color-mix("
 ];
+/**
+* A hex or functional colour. Named colours and keywords are not literals:
+* in a colour mode they stay palette lookups, so a palette key never reads as
+* a CSS name.
+*/
+function isLiteralColor(value) {
+	const v = value.trim();
+	if (/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(v)) return true;
+	return COLOR_FUNCTION_PREFIXES.some((prefix) => v.startsWith(prefix) && v.endsWith(")"));
+}
 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 (isLiteralColor(v)) return true;
 	if (/^[a-zA-Z]+$/.test(v)) return true;
 	return false;
 }
@@ -1534,10 +1595,10 @@ function validateModeAliases(modeName, aliases, nestedColors, flatColorKeys, pre
 		const aliasPath = prefix ? `${prefix}.${key}` : key;
 		if (key === "_") {
 			if (typeof value === "string") {
-				if (walkDotPath(nestedColors, value) === void 0) throw new Error(`addColorModes: mode '${modeName}' references unknown color '${value}' for alias '${prefix || key}'. Available colors: ${flatColorKeys.slice(0, 10).join(", ")}${flatColorKeys.length > 10 ? ", ..." : ""}`);
+				if (!isLiteralColor(value) && walkDotPath(nestedColors, value) === void 0) throw new Error(`addColorModes: mode '${modeName}' references unknown color '${value}' for alias '${prefix || key}'. Available colors: ${flatColorKeys.slice(0, 10).join(", ")}${flatColorKeys.length > 10 ? ", ..." : ""}`);
 			} else if (isObject(value)) validateModeAliases(modeName, value, nestedColors, flatColorKeys, prefix);
 		} else if (typeof value === "string") {
-			if (walkDotPath(nestedColors, value) === void 0) throw new Error(`addColorModes: mode '${modeName}' references unknown color '${value}' for alias '${aliasPath}'. Available colors: ${flatColorKeys.slice(0, 10).join(", ")}${flatColorKeys.length > 10 ? ", ..." : ""}`);
+			if (!isLiteralColor(value) && walkDotPath(nestedColors, value) === void 0) throw new Error(`addColorModes: mode '${modeName}' references unknown color '${value}' for alias '${aliasPath}'. Available colors: ${flatColorKeys.slice(0, 10).join(", ")}${flatColorKeys.length > 10 ? ", ..." : ""}`);
 		} else if (isObject(value)) validateModeAliases(modeName, value, nestedColors, flatColorKeys, aliasPath);
 	}
 }
@@ -1963,10 +2024,11 @@ var ThemeBuilder = class ThemeBuilder {
 		for (const fill of coverageFills) console.info(`[animus] Mode '${fill.mode}': ${fill.count} alias(es) inherit from '${fill.base}'`);
 		const { tokenMap: flatTokenMap, variableMap, variables: flatVariables, tokenDefinitions } = flattenTheme(theme, emittedScales, effectiveModes);
 		assertNoDroppedReferences(tokenDefinitions, flatTokenMap, this._state.droppedTokenPaths, this._state.extendProvenance);
-		const { tokenMap, variables } = resolveReferences(flatTokenMap, variableMap, flatVariables);
+		const contextual = contextualReferences(this._state.properties);
+		const { tokenMap, variables } = resolveReferences(flatTokenMap, variableMap, flatVariables, contextual);
 		const declarationScales = this._state.declarationScales;
-		const resolvedDeclarationScales = resolveDeclarationScales(declarationScales, theme, tokenMap);
-		const { modeVariables, modeTokens } = resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap);
+		const resolvedDeclarationScales = resolveDeclarationScales(declarationScales, theme, tokenMap, contextual);
+		const { modeVariables, modeTokens } = resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap, contextual);
 		const bpVariables = {};
 		if (theme.breakpoints && isObject(theme.breakpoints)) {
 			const breakpointEntries = Object.entries(theme.breakpoints).map(([key, value]) => [`--breakpoint-${key}`, `${value}px`]).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
@@ -1976,7 +2038,7 @@ var ThemeBuilder = class ThemeBuilder {
 		const propertyCss = registrationCss(this._state.properties);
 		const { emittableVariables, emittableModeVariables, omitted } = omitUnresolvedDeclarations(variables, modeVariables);
 		if (omitted.length > 0) console.warn(`[animus] Omitted ${omitted.length} CSS declaration(s) whose token references never resolved: ${omitted.join(", ")}`);
-		const baseVariableCss = buildVariableCss(emittableVariables, bpVariables, emittableModeVariables, {
+		const baseVariableCss = buildVariableCss(emittableVariables, bpVariables, emittableModeVariables, modeDependentDeclarations(tokenDefinitions, effectiveModes, variableMap, emittableVariables), {
 			initialMode: typeof theme.mode === "string" ? theme.mode : void 0,
 			systemPreference,
 			browserColorScheme
@@ -2082,9 +2144,10 @@ function createTheme() {
 }
 /**
 * The effective declaration scales in serialized order, token references
-* resolved against the final token map; `undefined` when there are none.
+* resolved against the final token map and the declared contextual
+* variables; `undefined` when there are none.
 */
-function resolveDeclarationScales(declarationScales, theme, tokenMap) {
+function resolveDeclarationScales(declarationScales, theme, tokenMap, contextual) {
 	const names = Object.keys(declarationScales).sort();
 	if (names.length === 0) return void 0;
 	const serialized = {};
@@ -2095,7 +2158,7 @@ function resolveDeclarationScales(declarationScales, theme, tokenMap) {
 		const resolved = {};
 		for (const key of Object.keys(values).sort()) {
 			const record = values[key];
-			resolved[key] = sortRecordByKey(Object.fromEntries(Object.entries(record).map(([member, value]) => [member, typeof value === "string" ? resolveValueReferences(value, tokenMap) : value])));
+			resolved[key] = sortRecordByKey(Object.fromEntries(Object.entries(record).map(([member, value]) => [member, typeof value === "string" ? resolveValueReferences(value, tokenMap, contextual) : value])));
 		}
 		const [firstKey] = Object.keys(resolved);
 		serialized[name] = {
@@ -2146,6 +2209,7 @@ function flattenTheme(theme, emittedScales, effectiveModes) {
 		} else {
 			const literal = tokenMap[`colors.${colorRef}`];
 			if (literal !== void 0) variables[varName] = literal;
+			else if (isLiteralColor(colorRef)) variables[varName] = colorRef;
 		}
 		tokenMap[`colors.${aliasDotKey}`] = `var(${varName})`;
 		variableMap[`colors.${aliasDotKey}`] = varName;
@@ -2232,7 +2296,7 @@ function resolveModeCoverage(authoredModeAliases, modeBases, inheritedModes, inh
 * Per-mode declarations carry the RESOLVED value of their target color, never
 * the raw flattened string. Modes and lines sort, hiding authoring order.
 */
-function resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap) {
+function resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap, contextual) {
 	const modeVariables = {};
 	const modeTokens = {};
 	const resolvedColorValue = (colorRef) => {
@@ -2242,6 +2306,7 @@ function resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap)
 			const declared = variables[varName];
 			if (declared !== void 0) return declared;
 		} else if (tokenMap[path] !== void 0) return tokenMap[path];
+		if (isLiteralColor(colorRef)) return resolveValueReferences(colorRef, tokenMap, contextual);
 		return String(colorRef);
 	};
 	for (const modeName of Object.keys(effectiveModes).sort()) {
@@ -2263,6 +2328,38 @@ function resolveModeValueMaps(effectiveModes, variableMap, variables, tokenMap)
 	};
 }
 /**
+* Root declarations of the tokens whose value reads a colour a mode redefines,
+* directly or through other tokens, by the authored reference graph. A custom
+* property computes where it is declared, so a token declared only at `:root`
+* carries the root's colours into a nested mode scope; every mode scope
+* re-declares these. `resolveReferences` has already rejected any cycle in
+* the graph.
+*/
+function modeDependentDeclarations(tokenDefinitions, effectiveModes, variableMap, rootVariables) {
+	const modeAliases = /* @__PURE__ */ new Set();
+	for (const aliases of Object.values(effectiveModes)) for (const alias of Object.keys(aliases)) modeAliases.add(`colors.${alias}`);
+	const dependent = new Set(modeAliases);
+	let grew = modeAliases.size > 0;
+	while (grew) {
+		grew = false;
+		for (const [path, definition] of Object.entries(tokenDefinitions)) {
+			if (dependent.has(path) || definition.kind !== "reference") continue;
+			if (definition.references.some((ref) => dependent.has(ref.path))) {
+				dependent.add(path);
+				grew = true;
+			}
+		}
+	}
+	const declarations = {};
+	for (const path of dependent) {
+		if (modeAliases.has(path)) continue;
+		const varName = variableMap[path];
+		const value = varName === void 0 ? void 0 : rootVariables[varName];
+		if (value !== void 0) declarations[varName] = value;
+	}
+	return sortRecordByKey(declarations);
+}
+/**
 * A reference to a target dropped by `addScale({ replace: true })` fails the
 * build. Targets never defined anywhere stay warn-and-literal.
 */
@@ -2551,7 +2648,7 @@ function sha256HexFallback(input) {
 function computeContractHash(input) {
 	return sha256Hex(JSON.stringify(canonicalize(input)));
 }
-function buildVariableCss(rootVariables, breakpointVariables, modeVariables, systemEmission = {}) {
+function buildVariableCss(rootVariables, breakpointVariables, modeVariables, modeDependents, systemEmission = {}) {
 	const { initialMode, systemPreference, browserColorScheme } = systemEmission;
 	const parts = [];
 	const rootLines = [];
@@ -2579,7 +2676,10 @@ function buildVariableCss(rootVariables, breakpointVariables, modeVariables, sys
 		if (modeScheme) modeLines.push(`  color-scheme: ${modeScheme};`);
 		if (modeLines.length > 0) parts.push(`[data-color-mode="${modeName}"] {\n${modeLines.join("\n")}\n}`);
 	}
+	const dependentLines = [];
+	for (const [varName, value] of Object.entries(modeDependents)) dependentLines.push(`  ${varName}: ${value};`);
+	if (dependentLines.length > 0) parts.push(`[data-color-mode] {\n${dependentLines.join("\n")}\n}`);
 	return parts.join("\n\n");
 }
 //#endregion
-export { ASSET_PLACEHOLDER_PREFIX, Animus, AnimusExtended, AnimusExtendedWithAll, AnimusWithAll, BUILT_IN_CONDITIONS, BUILT_IN_SELECTORS, SystemBuilder, ThemeBuilder, areTransformsEqual, asset, borderShorthand, compose, createClassResolver, createComponent, createComposedFamily, createScale, createSystem, createTheme, createTransform, gridItem, gridItemRatio, numericOrStringScale, numericScale, percentageOrAbsolute, size, stringScale };
+export { ASSET_PLACEHOLDER_PREFIX, Animus, AnimusExtended, AnimusExtendedWithAll, AnimusWithAll, BUILT_IN_CONDITIONS, BUILT_IN_SELECTORS, SystemBuilder, ThemeBuilder, areTransformsEqual, asset, borderShorthand, compose, createClassResolver, createComponent, createComposedFamily, createScale, createSystem, createTheme, createTransform, gridItem, gridItemRatio, numericOrStringScale, numericScale, percentageOrAbsolute, renderAsChild, size, stringScale };

package/dist/runtime-entry.d.ts

@@ -1,5 +1,3 @@
-/** Hook-free entry: extracted components import it from server components. */
-export { createComponent } from './runtime';
-export { type ClassResolver, type ClassResolverAttributes, createClassResolver, } from './runtime/createClassResolver';
-export { createComposedFamily } from './runtime/createComposedFamily';
-//# sourceMappingURL=runtime-entry.d.ts.map
+import { n as ClassResolverAttributes, r as createClassResolver, t as ClassResolver } from "./createClassResolver-Do1nmvkf.js";
+import { n as createComponent, r as renderAsChild, t as createComposedFamily } from "./createComposedFamily-BkrvSsfl.js";
+export { type ClassResolver, type ClassResolverAttributes, createClassResolver, createComponent, createComposedFamily, renderAsChild };

package/dist/runtime-entry.js

@@ -1,3 +1,3 @@
-import { t as createClassResolver } from "./createClassResolver-DPLExqGy.js";
-import { n as createComponent, t as createComposedFamily } from "./createComposedFamily-C6CLAsMx.js";
-export { createClassResolver, createComponent, createComposedFamily };
+import { t as createClassResolver } from "./createClassResolver-DtHjTYa7.js";
+import { n as createComponent, r as renderAsChild, t as createComposedFamily } from "./createComposedFamily-BbA_d0QH.js";
+export { createClassResolver, createComponent, createComposedFamily, renderAsChild };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animus-ui/system",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Animus design system builder — tokens, prop groups, global styles",
   "keywords": [
     "css",
@@ -48,6 +48,18 @@
       "types": "./dist/appearance/index.d.ts",
       "import": "./dist/appearance/index.js"
     },
+    "./appearance/controller": {
+      "types": "./dist/appearance/controller.d.ts",
+      "import": "./dist/appearance/controller.js"
+    },
+    "./appearance/react": {
+      "types": "./dist/appearance/react.d.ts",
+      "import": "./dist/appearance/react.js"
+    },
+    "./appearance/svelte": {
+      "types": "./dist/appearance/svelte.d.ts",
+      "import": "./dist/appearance/svelte.js"
+    },
     "./compose": {
       "types": "./dist/compose.d.ts",
       "import": "./dist/compose.js"
@@ -72,11 +84,11 @@
   },
   "scripts": {
     "build": "bun run build:ts",
-    "build:ts": "tsdown && tsc -p tsconfig.build.json",
+    "build:ts": "tsdown",
     "compile": "tsc --noEmit"
   },
   "dependencies": {
-    "@animus-ui/properties": "0.1.20",
+    "@animus-ui/properties": "0.1.22",
     "csstype": "^3.2.3"
   },
   "devDependencies": {

package/dist/Animus.d.ts

@@ -1,81 +0,0 @@
-import type { ComponentType, JSX } from 'react';
-import { AnimusExtended } from './AnimusExtended';
-import { type ClassResolver } from './runtime/createClassResolver';
-import { AbstractParser, CompoundEntry, CSSPropMap, CSSProps, CustomPropConfig, DeclarationProp, SystemProp, SystemProps, ThemedCSSPropMap, ThemedCSSProps, VariantConfig } from './types/config';
-import { AbstractProps } from './types/props';
-import type { AnimusComponent, AnimusWrappedComponent } from './types/component';
-export declare class AnimusWithAll<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<AbstractParser>>, ActiveGroups extends Record<string, true>, CustomProps extends Record<string, SystemProp>> {
-    propRegistry: PropRegistry;
-    groupRegistry: GroupRegistry;
-    baseStyles: BaseStyles;
-    statesConfig: States;
-    variants: Variants;
-    activeGroups: ActiveGroups;
-    custom: CustomProps;
-    compounds: CompoundEntry[];
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups, custom: CustomProps, compounds?: CompoundEntry[]);
-    protected extend(): AnimusExtended<PropRegistry, GroupRegistry, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
-    asElement<El extends keyof JSX.IntrinsicElements>(component: El): AnimusComponent<El, PropRegistry, GroupRegistry, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
-    asComponent<C extends ComponentType<any>>(AsComponent: C): AnimusWrappedComponent<C, PropRegistry, GroupRegistry, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
-    asClass(): ClassResolver;
-    _buildComponentConfig(): {
-        variants: Record<string, {
-            options: string[];
-            default?: string;
-        }> | undefined;
-        states: string[] | undefined;
-        systemPropNames: string[];
-    };
-}
-declare class AnimusWithSystem<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<AbstractParser>>, ActiveGroups extends Record<string, true>> extends AnimusWithAll<PropRegistry, GroupRegistry, BaseStyles, Variants, States, ActiveGroups, {}> {
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups, compounds?: CompoundEntry[]);
-    props<NewCustomProps extends Record<string, CustomPropConfig | DeclarationProp>>(config: NewCustomProps): AnimusWithAll<PropRegistry, GroupRegistry, BaseStyles, Variants, States, ActiveGroups, NewCustomProps>;
-}
-declare class AnimusWithStates<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<AbstractParser>>> extends AnimusWithSystem<PropRegistry, GroupRegistry, BaseStyles, Variants, States, {}> {
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles, variants: Variants, states: States, compounds?: CompoundEntry[]);
-    system<PickedKeys extends keyof GroupRegistry | Extract<keyof PropRegistry, string>>(config: Record<PickedKeys, true>): AnimusWithSystem<PropRegistry, GroupRegistry, BaseStyles, Variants, States, Record<PickedKeys, true>>;
-}
-declare class AnimusWithCompounds<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>, Variants extends Record<string, VariantConfig>> extends AnimusWithStates<PropRegistry, GroupRegistry, BaseStyles, Variants, {}> {
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles, variants: Variants, compounds?: CompoundEntry[]);
-    compound<Props extends AbstractProps>(condition: {
-        [K in keyof Variants]?: keyof Variants[K]['variants'] | ReadonlyArray<keyof Variants[K]['variants']>;
-    }, styles: ThemedCSSProps<Props, PropRegistry>): AnimusWithCompounds<PropRegistry, GroupRegistry, BaseStyles, Variants>;
-    states<Props extends AbstractProps>(config: ThemedCSSPropMap<Props, PropRegistry>): AnimusWithStates<PropRegistry, GroupRegistry, BaseStyles, Variants, ThemedCSSPropMap<Props, PropRegistry>>;
-}
-declare class AnimusWithVariants<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>, Variants extends Record<string, VariantConfig>> extends AnimusWithCompounds<PropRegistry, GroupRegistry, BaseStyles, Variants> {
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles, variants: Variants, compounds?: CompoundEntry[]);
-    compound<Props extends AbstractProps>(condition: {
-        [K in keyof Variants]?: keyof Variants[K]['variants'] | ReadonlyArray<keyof Variants[K]['variants']>;
-    }, styles: ThemedCSSProps<Props, PropRegistry>): AnimusWithCompounds<PropRegistry, GroupRegistry, BaseStyles, Variants>;
-    variant<Keys extends keyof Props, Base extends AbstractProps, Props extends Record<Keys, AbstractProps>, PropKey extends Readonly<string> = 'variant'>(options: {
-        prop?: PropKey;
-        defaultVariant?: Extract<keyof Props, string>;
-        base?: ThemedCSSProps<Base, PropRegistry>;
-        variants: ThemedCSSPropMap<Props, PropRegistry>;
-    }): AnimusWithVariants<PropRegistry, GroupRegistry, BaseStyles, Variants & Record<PropKey, {
-        prop?: PropKey;
-        defaultVariant?: Extract<keyof Props, string>;
-        base?: ThemedCSSProps<Base, PropRegistry>;
-        variants: ThemedCSSPropMap<Props, PropRegistry>;
-    }>>;
-}
-declare class AnimusWithBase<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseStyles extends CSSProps<AbstractProps, SystemProps<AbstractParser>>> extends AnimusWithVariants<PropRegistry, GroupRegistry, BaseStyles, {}> {
-    constructor(props: PropRegistry, groups: GroupRegistry, base: BaseStyles);
-    variant<Keys extends keyof Props, Base extends AbstractProps, Props extends Record<Keys, AbstractProps>, PropKey extends Readonly<string> = 'variant'>(options: {
-        prop?: PropKey;
-        defaultVariant?: Extract<keyof Props, string>;
-        base?: ThemedCSSProps<Base, PropRegistry>;
-        variants: ThemedCSSPropMap<Props, PropRegistry>;
-    }): AnimusWithVariants<PropRegistry, GroupRegistry, BaseStyles, Record<PropKey, {
-        prop?: PropKey;
-        defaultVariant?: Extract<keyof Props, string>;
-        base?: ThemedCSSProps<Base, PropRegistry>;
-        variants: ThemedCSSPropMap<Props, PropRegistry>;
-    }>>;
-}
-export declare class Animus<PropRegistry extends Record<string, SystemProp>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>> extends AnimusWithBase<PropRegistry, GroupRegistry, {}> {
-    constructor(props: PropRegistry, groups: GroupRegistry);
-    styles<Props extends AbstractProps>(config: ThemedCSSProps<Props, PropRegistry>): AnimusWithBase<PropRegistry, GroupRegistry, ThemedCSSProps<Props, PropRegistry>>;
-}
-export {};
-//# sourceMappingURL=Animus.d.ts.map