@yahoo/uds-v5-wip 1.60.0 → 1.62.0

package/dist/config/dist/resolveStyleProp.js

@@ -1,235 +0,0 @@
-import { safeTokenName } from "../../utils/dist/string-utils/cssVar.js";
-import "../../utils/dist/index.js";
-import { isTokenAcceptedByProperty } from "./propertyAcceptedTypes.js";
-import { resolveTokenRef } from "./refs.js";
-import { sniffTokenTypeFromValue } from "./resolveTokenTypes.js";
-//#region ../config/dist/resolveStyleProp.js
-/**
-* Resolve a {@link StyleProp} authored via `defineStyleProp` against the
-* active UDS config, producing a flat list of accepted tokens, literal
-* keywords, and the arbitrary spec — the data that downstream codegen
-* consumes to populate `Custom*` interfaces and emit utility CSS.
-*
-* Filtering invariant: a token is exposed in the resolved pool only when
-* its detected CSS value type is accepted by the prop's `cssProperty`,
-* per {@link PROPERTY_ACCEPTED_TYPES}. Properties absent from that table
-* accept every token.
-*
-* The resolver is pure — given the same `(StyleProp, UdsConfigData)` input
-* it returns the same output. Group lookups are by `namespace` (with a
-* fallback to `cssPrefix`) on the resolved config's `atomic` array.
-*/
-/**
-* Map the legacy 8-entry `TokenType` enum to a {@link CssValueTypeName}.
-* The `'dimension'` case is ambiguous (length vs. percentage); callers
-* disambiguate by sniffing the value string.
-*/
-function tokenTypeToValueType(t) {
-	switch (t) {
-		case "color": return "color";
-		case "dimension": return "length-percentage";
-		case "number": return "number";
-		case "fontFamily": return "font-family";
-		case "fontWeight": return "font-weight";
-		case "duration": return "time";
-		case "strokeStyle": return "string";
-		case "string": return "string";
-		default: return;
-	}
-}
-/**
-* A value looks like a CSS shadow when it combines at least one length
-* (offset/blur/spread) with a color reference. Catches both single-shadow
-* (`'0 1px 2px rgba(...)'`) and multi-shadow (`'..., ...'`) forms, plus
-* inset shadows. Used to refine `'string'`-typed tokens to the more precise
-* `'shadow'` value type so they pass the runtime filter on `box-shadow` /
-* `text-shadow` props.
-*/
-const SHADOW_LENGTH_RE = /(?:^|[\s,])-?\d+(?:\.\d+)?(?:px|rem|em|ch|ex)/i;
-const SHADOW_COLOR_RE = /(?:rgba?|hsla?|color|oklch|oklab|lch|lab|hwb)\(|#[0-9a-fA-F]{3,8}\b/;
-function looksLikeShadow(value) {
-	const trimmed = value.trim();
-	return SHADOW_LENGTH_RE.test(trimmed) && SHADOW_COLOR_RE.test(trimmed);
-}
-/**
-* Detect a token's CSS value type. Resolution order:
-*  1. Per-token `type` override.
-*  2. Value sniff via {@link sniffTokenTypeFromValue}.
-*  3. Group-level `type`.
-*
-* When the resolved type is `'length-percentage'` and the raw value ends in
-* `%`, narrow to `'percentage'`; otherwise narrow to `'length'`. When the
-* resolved type is `'string'`, narrow shadow-like values to `'shadow'` and
-* ratio-shaped values to `'ratio'`.
-*
-* Exported so Studio (and any other runtime consumer) can resolve a cell's
-* effective `CssValueTypeName` with the same sniff-before-group policy used
-* for `RegisteredTokenGroupMeta`. UDS-1600 tracks removing the remaining
-* mirrored codegen resolver once the token type API settles.
-*
-* The input shapes ({@link DetectTokenValueTypeInput} /
-* {@link DetectTokenValueTypeGroup}) are intentionally minimal: the resolver
-* reads only `token.value`, `token.type`, and `group.type` — never walks
-* `group.tokens`, never checks that `token` is inside `group`. Typing them
-* as full `AtomicToken` would force trimmed-shape consumers (Studio's
-* `TokenEntry`) to either round-trip back to the source group or `as`-assert
-* past the type system.
-*/
-function detectTokenValueType(token, group) {
-	let resolved;
-	if (token.type) resolved = tokenTypeToValueType(token.type);
-	else {
-		const sniffed = sniffTokenTypeFromValue(token.value);
-		resolved = sniffed ? tokenTypeToValueType(sniffed) : group.type ? tokenTypeToValueType(group.type) : void 0;
-	}
-	if (resolved === "length-percentage") {
-		const trimmed = token.value.trim();
-		if (trimmed.endsWith("%")) return "percentage";
-		if (/(deg|rad|grad|turn)$/.test(trimmed)) return "angle";
-		if (/(ms|s)$/.test(trimmed)) return "time";
-		return "length";
-	}
-	if (resolved === "string") {
-		if (looksLikeShadow(token.value)) return "shadow";
-		if (/^\d+(?:\.\d+)?\s*\/\s*\d+(?:\.\d+)?$/.test(token.value.trim())) return "ratio";
-	}
-	return resolved;
-}
-const REF_RE = /^\{([^.{}]+)(?:\.([^.{}]+))?\}$/;
-/**
-* Parse a string ref like `'{palette}'` or `'{spacing.4}'`. Returns
-* `undefined` for any string that isn't a brace ref (so the caller can
-* treat it as a literal keyword).
-*/
-function parseGroupRef(raw) {
-	const m = REF_RE.exec(raw);
-	if (!m) return void 0;
-	const [, group, key] = m;
-	if (!group) return void 0;
-	return key !== void 0 ? {
-		group,
-		key
-	} : { group };
-}
-function findGroup(atomic, name) {
-	return atomic.find((g) => g.namespace === name || g.cssPrefix === name);
-}
-function isNamespacedRef(entry) {
-	return typeof entry === "object" && entry !== null && "ref" in entry && "namespace" in entry;
-}
-/**
-* Build `--{configPrefix}-{varPrefix}-{safeName}` (or omit the configPrefix
-* when empty). Mirrors `buildTokenVarName` in `@uds/codegen/css/prepareCss`.
-*/
-function buildCssVar(configPrefix, varPrefix, safeName) {
-	return configPrefix ? `--${configPrefix}-${varPrefix}-${safeName}` : `--${varPrefix}-${safeName}`;
-}
-function resolveGroupTokens(group, cssProperty, configPrefix, namespace, skipPropertyFilter = false) {
-	const groupName = group.namespace ?? group.cssPrefix ?? "";
-	const varPrefix = group.cssPrefix ?? group.namespace ?? "";
-	const out = [];
-	for (const token of group.tokens) {
-		const valueType = detectTokenValueType(token, group);
-		if (!skipPropertyFilter && !isTokenAcceptedByProperty(cssProperty, valueType, token.value)) continue;
-		const safeName = safeTokenName(token.name);
-		out.push({
-			name: token.name,
-			value: token.value,
-			valueType,
-			group: groupName,
-			namespace,
-			qualifiedName: namespace !== void 0 ? `${namespace}.${token.name}` : token.name,
-			safeName,
-			cssVar: buildCssVar(configPrefix, varPrefix, safeName),
-			modifiers: token.modifiers
-		});
-	}
-	return out;
-}
-/**
-* Resolve a style prop against the given resolved UDS config. Unknown group
-* refs are silently dropped from `tokens` (callers can detect this by
-* comparing input refs vs. resolved tokens if they need to surface a
-* config-build warning).
-*
-* @param propName - The JSX prop name (the map key from `registerStyleProps`).
-*/
-function resolveStyleProp(propName, styleProp, config) {
-	const { cssProperty, classPrefix, values, arbitrary, metadata } = styleProp;
-	const pairedWith = styleProp._pairedWith;
-	const separator = styleProp._separator;
-	const primaryCssProperty = Array.isArray(cssProperty) ? cssProperty[0] : cssProperty;
-	const configPrefix = config.prefix;
-	const tokens = [];
-	const literals = [];
-	const literalAliases = {};
-	for (const entry of values ?? []) {
-		if (typeof entry === "number") {
-			if (!literals.includes(entry)) literals.push(entry);
-			literalAliases[String(entry)] = String(entry);
-			continue;
-		}
-		if (typeof entry === "string") {
-			const parsed = parseGroupRef(entry);
-			if (!parsed) {
-				literals.push(entry);
-				continue;
-			}
-			const group = findGroup(config.atomic, parsed.group);
-			if (!group) continue;
-			if (parsed.key !== void 0) {
-				const token = group.tokens.find((t) => t.name === parsed.key);
-				if (!token) continue;
-				const valueType = detectTokenValueType(token, group);
-				if (!pairedWith && !isTokenAcceptedByProperty(primaryCssProperty, valueType, token.value)) continue;
-				const safeName = safeTokenName(token.name);
-				const varPrefix = group.cssPrefix ?? group.namespace ?? parsed.group;
-				tokens.push({
-					name: token.name,
-					value: token.value,
-					valueType,
-					group: group.namespace ?? group.cssPrefix ?? parsed.group,
-					qualifiedName: token.name,
-					safeName,
-					cssVar: buildCssVar(configPrefix, varPrefix, safeName),
-					modifiers: token.modifiers
-				});
-			} else tokens.push(...resolveGroupTokens(group, primaryCssProperty, configPrefix, void 0, pairedWith !== void 0));
-			continue;
-		}
-		if (isNamespacedRef(entry)) {
-			const parsed = parseGroupRef(entry.ref);
-			if (!parsed || parsed.key !== void 0) continue;
-			const group = findGroup(config.atomic, parsed.group);
-			if (!group) continue;
-			tokens.push(...resolveGroupTokens(group, primaryCssProperty, configPrefix, entry.namespace, pairedWith !== void 0));
-			continue;
-		}
-		if (typeof entry === "object" && entry !== null && "alias" in entry && "value" in entry) {
-			const aliasEntry = entry;
-			const aliasKey = aliasEntry.alias;
-			const aliasMapKey = typeof aliasKey === "string" ? aliasKey : String(aliasKey);
-			let resolvedValue;
-			if (typeof aliasEntry.value === "string") resolvedValue = resolveTokenRef(aliasEntry.value, configPrefix);
-			else resolvedValue = aliasEntry.value;
-			if (!literals.includes(aliasKey)) literals.push(aliasKey);
-			literalAliases[aliasMapKey] = resolvedValue;
-		}
-	}
-	return {
-		propName,
-		cssProperty,
-		classPrefix,
-		...pairedWith !== void 0 ? {
-			pairedWith,
-			separator
-		} : {},
-		tokens,
-		literals,
-		...Object.keys(literalAliases).length > 0 ? { literalAliases } : {},
-		arbitrary,
-		metadata: metadata ?? {}
-	};
-}
-//#endregion
-export { detectTokenValueType, resolveStyleProp };

package/dist/config/dist/resolveTokenTypes.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/config/dist/resolveTokenTypes.js

@@ -1,149 +0,0 @@
-//#region ../config/dist/resolveTokenTypes.js
-/**
-* Default `TokenType` for each property group. Used to infer a var
-* namespace's type when no explicit `$type` is declared — e.g. a namespace
-* scoped to `['textColor', 'background']` is clearly a `color` namespace.
-*
-* Property groups that hold composite values (`shadow`, `textShadow`) or
-* mixed-kind values (`transform` — mixes rotate/scale/translate/skew) are
-* intentionally omitted; they fall through to `undefined` until the
-* Composite Tokens RFC lands.
-*/
-const propertyGroupDefaultType = {
-	textColor: "color",
-	background: "color",
-	borderColor: "color",
-	outlineColor: "color",
-	ringColor: "color",
-	divideColor: "color",
-	shadowColor: "color",
-	svgFill: "color",
-	svgStroke: "color",
-	caretColor: "color",
-	textDecorationColor: "color",
-	opacity: "number",
-	colorOpacity: "number",
-	bgOpacity: "number",
-	borderColorOpacity: "number",
-	divideColorOpacity: "number",
-	outlineColorOpacity: "number",
-	ringColorOpacity: "number",
-	textDecorationColorOpacity: "number",
-	svgFillOpacity: "number",
-	svgStrokeOpacity: "number",
-	shadowColorOpacity: "number",
-	caretColorOpacity: "number",
-	fontFamily: "fontFamily",
-	fontSize: "dimension",
-	fontWeight: "fontWeight",
-	lineHeight: "number",
-	letterSpacing: "dimension",
-	blur: "dimension",
-	backdropBlur: "dimension",
-	animation: "duration",
-	zIndex: "number",
-	borderWidth: "dimension",
-	borderRadius: "dimension",
-	outlineWidth: "dimension",
-	divideWidth: "dimension",
-	ringWidth: "dimension",
-	padding: "dimension",
-	margin: "dimension",
-	offset: "dimension",
-	gap: "dimension",
-	indent: "dimension",
-	scrollSnapGap: "dimension",
-	scrollSnapSpacing: "dimension",
-	tableBorderSpacing: "dimension",
-	width: "dimension",
-	height: "dimension",
-	aspectRatio: "number",
-	positionPlacement: "dimension",
-	flex: "number",
-	strokeWidth: "dimension"
-};
-/**
-* Resolve a token's `TokenType` in priority order:
-*
-* 1. Explicit `$type` (from the token or its group)
-* 2. Derived from `defineScopes` — when all scopes agree on a default type
-* 3. Value sniff (last resort) — regex-matches obvious value shapes
-*
-* Returns `undefined` when none of the strategies produce a confident answer.
-* Consumers (Studio, tooling) should treat `undefined` as "render a plain
-* string input" — never guess wrong.
-*/
-function resolveTokenType(input) {
-	if (input.explicit) return input.explicit;
-	if (input.scopes && input.scopes.length > 0) {
-		const types = /* @__PURE__ */ new Set();
-		for (const scope of input.scopes) {
-			const t = propertyGroupDefaultType[scope];
-			if (t) types.add(t);
-		}
-		if (types.size === 1) {
-			const [only] = types;
-			return only;
-		}
-	}
-	if (typeof input.value === "string") {
-		const sniffed = sniffTokenTypeFromValue(input.value);
-		if (sniffed) return sniffed;
-	}
-}
-/**
-* Heuristic last-resort classifier for a raw CSS value. Returns `undefined`
-* when no confident match is possible (e.g. `var(...)` references).
-*
-* Exported for testing; prefer `resolveTokenType` in most call sites.
-*/
-function sniffTokenTypeFromValue(value) {
-	const v = value.trim();
-	if (v.length === 0) return void 0;
-	if (CSS_WIDE_KEYWORDS.has(v)) return "string";
-	if (v.startsWith("var(")) return void 0;
-	if (COLOR_FUNCTION_RE.test(v)) return "color";
-	if (HEX_COLOR_RE.test(v)) return "color";
-	if (NAMED_COLOR_KEYWORDS.has(v.toLowerCase())) return "color";
-	if (DURATION_RE.test(v)) return "duration";
-	if (DIMENSION_RE.test(v)) return "dimension";
-	if (PURE_NUMBER_RE.test(v)) return "number";
-}
-const CSS_WIDE_KEYWORDS = new Set([
-	"inherit",
-	"initial",
-	"unset",
-	"revert",
-	"revert-layer",
-	"auto",
-	"none",
-	"currentColor",
-	"currentcolor",
-	"transparent"
-]);
-const HEX_COLOR_RE = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-const COLOR_FUNCTION_RE = /^(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\s*\(/i;
-const NUMBER_RE_SRC = "(?:\\d+(?:\\.\\d+)?|\\.\\d+)";
-const DIMENSION_RE = new RegExp(`^-?${NUMBER_RE_SRC}(?:px|rem|em|%|vh|vw|vmin|vmax|vi|vb|svh|svw|lvh|lvw|dvh|dvw|ch|ex|cap|ic|lh|rlh|pt|pc|in|cm|mm|q|fr|deg|turn|rad|grad)$`, "i");
-const DURATION_RE = new RegExp(`^-?${NUMBER_RE_SRC}(?:ms|s)$`, "i");
-const PURE_NUMBER_RE = new RegExp(`^-?${NUMBER_RE_SRC}$`);
-const NAMED_COLOR_KEYWORDS = new Set([
-	"black",
-	"white",
-	"red",
-	"green",
-	"blue",
-	"yellow",
-	"orange",
-	"purple",
-	"pink",
-	"gray",
-	"grey",
-	"brown",
-	"cyan",
-	"magenta",
-	"silver",
-	"gold"
-]);
-//#endregion
-export { propertyGroupDefaultType, resolveTokenType, sniffTokenTypeFromValue };

package/dist/config/dist/runtime-registry.js

@@ -1,9 +0,0 @@
-/**
-* Replace the active style-prop registry. Called by `resolveConfig`
-* with the full `config.styleProps` map (keyed by JSX prop name).
-*/
-function setRegisteredStyleProps(entries) {
-	new Map(Object.entries(entries));
-}
-//#endregion
-export { setRegisteredStyleProps };

package/dist/config/dist/serialize.d.ts

@@ -1,73 +0,0 @@
-import { VarsConfig } from "./types.js";
-import { AtomicToken, ExampleDef, ModeGroup, ModifierDef, MotionPresetsDef, UdsConfig } from "./createConfig.js";
-import { CompositeStylesConfig } from "@uds/types";
-
-//#region ../config/dist/serialize.d.ts
-//#region src/serialize.d.ts
-type ModifierNameShape = `_${string}`;
-type TokenRef = {
-  $ref: string;
-};
-interface SerializedConfig {
-  modes: ModeGroup[];
-  modifiers?: ModifierDef[];
-  /**
-   * Verbatim `defineVars` input. Authoritative source for CSS variable
-   * declarations downstream. `atomic` carries derived (property × token)
-   * data for utility-class generation; `vars` carries the original
-   * namespace-keyed input. New code should rely on `vars`; `atomic` is
-   * still emitted for legacy consumers.
-   */
-  vars?: VarsConfig;
-  atomic: AtomicToken<ModifierNameShape>[];
-  compositeStyles?: CompositeStylesConfig;
-  /**
-   * Legacy field name. Kept on the wire format so older serialized configs
-   * (and `draft_base_configs.baseConfig` blobs) continue to deserialize
-   * until they're rewritten. New code should populate `compositeStyles`.
-   */
-  macros?: Record<string, Record<string, Record<string, unknown>>>;
-  motion?: MotionPresetsDef;
-  components: SerializedComponentsDef;
-  globalStyles?: Record<string, Record<string, SerializedValue>>;
-  examples?: Record<string, ExampleDef>;
-  preflight: boolean;
-  prefix: string;
-  presetTokenNames?: Record<string, string[]>;
-}
-type SerializedValue = string | TokenRef | {
-  [key: string]: SerializedValue;
-};
-type SerializedSlotStyles = Record<string, SerializedValue>;
-type SerializedComponentConfig = {
-  base: Record<string, SerializedSlotStyles>;
-  variants?: Record<string, Record<string, Record<string, SerializedSlotStyles>>>;
-  compoundVariants?: Array<{
-    conditions: Record<string, string>;
-    styles: Record<string, SerializedSlotStyles>;
-  }>;
-  defaultVariants?: Record<string, string>;
-};
-type SerializedComponentsDef = Record<string, SerializedComponentConfig>;
-/**
- * Build a reverse map from `var(--prefix-xxx-yyy)` strings back to
- * `propName.tokenName` reference paths.
- */
-declare function buildReverseMap(atomic: AtomicToken<ModifierNameShape>[], configPrefix: string): Map<string, string>;
-/**
- * Serialize a UdsConfig for database storage.
- *
- * Walks component slot styles and replaces known `var()` strings with
- * `{ $ref: "propName.tokenName" }` markers so the authoring intent survives
- * a round-trip through JSON.
- */
-declare function serializeConfig(config: UdsConfig): SerializedConfig;
-/**
- * Deserialize stored config data back into a UdsConfig builder.
- *
- * Resolves `$ref` markers back to `var()` strings using the atomic token
- * definitions, then reconstructs the builder chain.
- */
-declare function deserializeConfig(data: SerializedConfig): UdsConfig; //#endregion
-//#endregion
-export { SerializedConfig, TokenRef, buildReverseMap, deserializeConfig, serializeConfig };

package/dist/config/dist/serialize.js

@@ -1,172 +0,0 @@
-import { safeTokenName } from "../../utils/dist/string-utils/cssVar.js";
-import "../../utils/dist/index.js";
-import { getConfigurablePropMapping } from "../../core/dist/configurable-prop-helpers.js";
-import "../../core/dist/index.js";
-import { buildTokenReference, createConfigBuilder, resolveConfig } from "./createConfig.js";
-//#region ../config/dist/serialize.js
-/**
-* Config serialization for lossless round-tripping through a database.
-*
-* serializeConfig:   UdsConfig → SerializedConfig  (var() → $ref markers)
-* deserializeConfig: SerializedConfig → UdsConfig   ($ref markers → var())
-*/
-/**
-* Migrate the legacy serialized `macros` field into the new
-* `compositeStyles` shape. Each old key (`elevation`) becomes a
-* `{ label, styles }` def. Returns an empty object when there's
-* nothing to migrate so the field is always populated.
-*/
-function upgradeLegacyMacros(legacy) {
-	if (!legacy) return {};
-	const out = {};
-	for (const [name, variants] of Object.entries(legacy)) out[name] = {
-		label: name,
-		styles: variants
-	};
-	return out;
-}
-function isTokenRef(val) {
-	return typeof val === "object" && val !== null && "$ref" in val && typeof val.$ref === "string";
-}
-/**
-* Build a reverse map from `var(--prefix-xxx-yyy)` strings back to
-* `propName.tokenName` reference paths.
-*/
-function buildReverseMap(atomic, configPrefix) {
-	const map = /* @__PURE__ */ new Map();
-	for (const token of atomic) for (const prop of token.properties) {
-		const varPrefix = token.cssPrefix ?? getConfigurablePropMapping(prop)?.defaultVarPrefix;
-		if (!varPrefix) continue;
-		for (const t of token.tokens) {
-			const safeName = safeTokenName(t.name);
-			const varRef = `var(${configPrefix ? `--${configPrefix}-${varPrefix}-${safeName}` : `--${varPrefix}-${safeName}`})`;
-			map.set(varRef, `${prop}.${t.name}`);
-		}
-	}
-	return map;
-}
-/**
-* Walk an object, transforming every string leaf with `fn`.
-* Nested objects (pseudo-state blocks like `_hover: { ... }`) are recursed.
-*/
-function walkStrings(obj, fn) {
-	const result = {};
-	for (const [key, val] of Object.entries(obj)) if (typeof val === "string") result[key] = fn(val);
-	else if (typeof val === "object" && val !== null && !Array.isArray(val)) result[key] = walkStrings(val, fn);
-	else result[key] = val;
-	return result;
-}
-/**
-* Walk a serialized value, resolving `$ref` markers back to strings.
-* Regular string values are passed through unchanged.
-*/
-function resolveRefs(obj, tokenRef) {
-	const result = {};
-	for (const [key, val] of Object.entries(obj)) if (isTokenRef(val)) {
-		const dotIdx = val.$ref.indexOf(".");
-		const prop = val.$ref.slice(0, dotIdx);
-		const name = val.$ref.slice(dotIdx + 1);
-		result[key] = tokenRef[prop]?.[name] ?? `$ref(${val.$ref})`;
-	} else if (typeof val === "object" && val !== null && !Array.isArray(val)) result[key] = resolveRefs(val, tokenRef);
-	else result[key] = val;
-	return result;
-}
-/**
-* Serialize a UdsConfig for database storage.
-*
-* Walks component slot styles and replaces known `var()` strings with
-* `{ $ref: "propName.tokenName" }` markers so the authoring intent survives
-* a round-trip through JSON.
-*/
-function serializeConfig(config) {
-	const data = resolveConfig(config);
-	const reverseMap = buildReverseMap(data.atomic, data.prefix);
-	const replaceVars = (val) => {
-		const ref = reverseMap.get(val);
-		return ref ? { $ref: ref } : val;
-	};
-	const components = {};
-	for (const [compName, compConfig] of Object.entries(data.components)) {
-		const serialized = { base: {} };
-		for (const [slot, styles] of Object.entries(compConfig.base ?? {})) serialized.base[slot] = walkStrings(styles, replaceVars);
-		if (compConfig.variants) {
-			serialized.variants = {};
-			for (const [axis, values] of Object.entries(compConfig.variants)) {
-				serialized.variants[axis] = {};
-				for (const [value, slotOverrides] of Object.entries(values)) {
-					serialized.variants[axis][value] = {};
-					for (const [slot, styles] of Object.entries(slotOverrides)) serialized.variants[axis][value][slot] = walkStrings(styles, replaceVars);
-				}
-			}
-		}
-		if (compConfig.defaultVariants) serialized.defaultVariants = compConfig.defaultVariants;
-		components[compName] = serialized;
-	}
-	const globalStyles = {};
-	if (data.globalStyles) for (const [selector, styles] of Object.entries(data.globalStyles)) globalStyles[selector] = walkStrings(styles, replaceVars);
-	return {
-		modes: data.modes,
-		modifiers: data.modifiers.length > 0 ? data.modifiers : void 0,
-		vars: data.vars && Object.keys(data.vars).length > 0 ? data.vars : void 0,
-		atomic: data.atomic,
-		compositeStyles: Object.keys(data.compositeStyles).length > 0 ? data.compositeStyles : void 0,
-		motion: Object.keys(data.motion).length > 0 ? data.motion : void 0,
-		components,
-		globalStyles: Object.keys(globalStyles).length > 0 ? globalStyles : void 0,
-		examples: data.examples && Object.keys(data.examples).length > 0 ? data.examples : void 0,
-		preflight: data.preflight,
-		prefix: data.prefix,
-		presetTokenNames: data.presetTokenNames && Object.keys(data.presetTokenNames).length > 0 ? data.presetTokenNames : void 0
-	};
-}
-/**
-* Deserialize stored config data back into a UdsConfig builder.
-*
-* Resolves `$ref` markers back to `var()` strings using the atomic token
-* definitions, then reconstructs the builder chain.
-*/
-function deserializeConfig(data) {
-	const tokenRef = buildTokenReference(data.atomic, data.prefix);
-	const components = {};
-	for (const [compName, compConfig] of Object.entries(data.components)) {
-		const resolved = { base: {} };
-		const base = {};
-		for (const [slot, styles] of Object.entries(compConfig.base ?? {})) base[slot] = resolveRefs(styles, tokenRef);
-		resolved.base = base;
-		if (compConfig.variants) {
-			const variants = {};
-			for (const [axis, values] of Object.entries(compConfig.variants)) {
-				variants[axis] = {};
-				for (const [value, slotOverrides] of Object.entries(values)) {
-					variants[axis][value] = {};
-					for (const [slot, styles] of Object.entries(slotOverrides)) variants[axis][value][slot] = resolveRefs(styles, tokenRef);
-				}
-			}
-			resolved.variants = variants;
-		}
-		if (compConfig.defaultVariants) resolved.defaultVariants = compConfig.defaultVariants;
-		components[compName] = resolved;
-	}
-	let config = createConfigBuilder({
-		modes: data.modes,
-		modifiers: data.modifiers ?? [],
-		vars: data.vars,
-		atomic: data.atomic,
-		compositeStyles: data.compositeStyles ?? upgradeLegacyMacros(data.macros),
-		motion: data.motion ?? {},
-		components,
-		preflight: data.preflight,
-		prefix: data.prefix ?? "uds",
-		globalStyles: {},
-		presetTokenNames: data.presetTokenNames
-	});
-	if (data.globalStyles && Object.keys(data.globalStyles).length > 0) {
-		const globalStyles = {};
-		for (const [selector, styles] of Object.entries(data.globalStyles)) globalStyles[selector] = resolveRefs(styles, tokenRef);
-		config = config.defineGlobalStyles(globalStyles);
-	}
-	if (data.examples) for (const [name, examples] of Object.entries(data.examples)) config = config.defineExample(name, examples);
-	return config;
-}
-//#endregion
-export { buildReverseMap, deserializeConfig, serializeConfig };

package/dist/config/dist/style-prop-runtime.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/config-utils/dist/componentConfig.d.ts

@@ -1,10 +0,0 @@
-//#region ../config-utils/dist/componentConfig.d.ts
-//#region src/componentConfig.d.ts
-interface ComponentConfigLike {
-  variants?: Record<string, Record<string, unknown>>;
-  defaultVariants?: Record<string, unknown> | null | undefined;
-}
-declare function getComponentVariantAxes(componentConfig: ComponentConfigLike | null | undefined): Set<string>;
-declare function getComponentDefaultVariants(defaultVariants: ComponentConfigLike['defaultVariants']): Record<string, string>; //#endregion
-//#endregion
-export { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils/dist/componentConfig.js

@@ -1,11 +0,0 @@
-//#region ../config-utils/dist/componentConfig.js
-function getComponentVariantAxes(componentConfig) {
-	return new Set(Object.keys(componentConfig?.variants ?? {}));
-}
-function getComponentDefaultVariants(defaultVariants) {
-	const normalized = {};
-	for (const [axis, axisValue] of Object.entries(defaultVariants ?? {})) if (typeof axisValue === "string") normalized[axis] = axisValue;
-	return normalized;
-}
-//#endregion
-export { getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils.d.ts

@@ -1,2 +0,0 @@
-import { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes } from "./config-utils/dist/componentConfig.js";
-export { ComponentConfigLike, getComponentDefaultVariants, getComponentVariantAxes };

package/dist/config-utils.js

@@ -1,2 +0,0 @@
-import { getComponentDefaultVariants, getComponentVariantAxes } from "./config-utils/dist/componentConfig.js";
-export { getComponentDefaultVariants, getComponentVariantAxes };