@yahoo/uds 3.117.4 → 3.117.5

package/dist/tailwind/dist/automated-config/dist/utils/index.js

@@ -0,0 +1,479 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
+import { configurableProperties } from "../properties.js";
+import { generateDefaultClassName } from "./generateDefaultClassName.js";
+import { generateSchemaKey } from "./generateSchemaKey.js";
+import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.js";
+import { isFunction, mergeWith } from "lodash-es";
+
+//#region ../automated-config/dist/utils/index.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const CSS_GAP = "gap";
+const CSS_LINE_HEIGHT = "line-height";
+const CSS_BORDER_WIDTH = "border-width";
+const CSS_BORDER_COLOR = "border-color";
+const CSS_BOX_SHADOW = "box-shadow";
+function deepMerge(target, source) {
+	return mergeWith({}, target, source);
+}
+const COMPONENTS_WITH_SHADOW_BORDERS = [
+	{
+		componentName: "button",
+		layer: "root"
+	},
+	{
+		componentName: "iconbutton",
+		layer: "root"
+	},
+	{
+		componentName: "chip",
+		layer: "root"
+	}
+];
+/**
+* Map our "states" to pseudo-classes (hover => :hover, pressed => :active, etc.).
+* Adjust or extend as needed.
+*/
+const statePseudoMap = {
+	rest: "",
+	hover: ":hover:not(:active, :disabled, :has(:disabled))",
+	pressed: ":active:not(:disabled, :has(:disabled))",
+	disabled: ":is(:disabled, :has(:disabled))",
+	visited: ":visited",
+	focused: ":focus",
+	"focus-within": ":focus-within",
+	"focused-keyboard": ":focus-visible",
+	readonly: ":has(input:read-only)",
+	invalid: ":has(input[aria-invalid=\"true\"])",
+	"invalid&hover": ":has(input[aria-invalid=\"true\"]):hover:not(:active, :disabled, :has(:disabled))",
+	"invalid&pressed": ":has(input[aria-invalid=\"true\"]):active:not(:disabled, :has(:disabled))"
+};
+const statePseudoMapDocsMode = {
+	rest: "",
+	hover: "hover",
+	pressed: "active",
+	disabled: "has-disabled",
+	visited: "visited",
+	focused: "focus",
+	"focus-within": "focus-within",
+	"focused-keyboard": "focus-visible",
+	readonly: "input-readonly",
+	invalid: "has-input-invalid",
+	"invalid&hover": "has-input-invalid-and-hover",
+	"invalid&pressed": "has-input-invalid-and-active"
+};
+/**
+* Generates button line-height with icon size minimum.
+* Ensures button line-height is at least as tall as the icon to prevent clipping.
+* @returns Enhanced line-height CSS value with max(), or original value if icon size unavailable
+*/
+function getButtonLineHeightWithIconMinimum({ lineHeight, schema, iconLayerKey, state, theme }) {
+	const iconSizeValue = schema.variables?.[iconLayerKey]?.size?.[state]?.value;
+	if (iconSizeValue) return `max(${lineHeight}, ${theme(configurableProperties.iconSize.twThemePath("iconSizes", iconSizeValue))})`;
+	return lineHeight;
+}
+/**
+* Forces button borders to use box-shadow instead of border properties.
+* Converts border-width and border-color into an inset box-shadow layer.
+*
+* Why box-shadow for borders?
+* - Respects border-radius (unlike outline which stays rectangular)
+* - Allows layering multiple shadows in a single property
+* - GPU-accelerated and performant
+* - Works perfectly with rounded/circular buttons
+*
+* @param classStyles - The CSS declarations for a button class
+* @returns Modified styles with box-shadow layers, or original if no border
+*
+* @example
+* Input:  { border-width: '2px', border-color: 'red', box-shadow: '0 2px 4px rgba(0,0,0,0.1)' }
+* Output: { box-shadow: 'inset 0 0 0 2px red, 0 2px 4px rgba(0,0,0,0.1)' }
+*/
+function applyBoxShadowBorder(classStyles) {
+	const borderWidth = classStyles[CSS_BORDER_WIDTH];
+	const borderColor = classStyles[CSS_BORDER_COLOR];
+	if (!borderWidth || !borderColor) return classStyles;
+	const stripImportant = (value) => value.replace(/\s*!important\s*$/, "");
+	const hasImportant = (value) => value?.includes("!important") ?? false;
+	const layers = [`inset 0 0 0 ${stripImportant(borderWidth)} ${stripImportant(borderColor)}`, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);
+	const needsImportant = hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);
+	const newStyles = { ...classStyles };
+	newStyles[CSS_BOX_SHADOW] = layers.join(", ") + (needsImportant ? " !important" : "");
+	delete newStyles[CSS_BORDER_WIDTH];
+	delete newStyles[CSS_BORDER_COLOR];
+	return newStyles;
+}
+function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {
+	let className = "";
+	if (subComponentName) className = `uds-${componentName}-${subComponentName}-${variantKey}`.toLowerCase();
+	else className = `uds-${componentName}-${variantKey}`.toLowerCase();
+	if (variantValue) className = `${className}-${variantValue}`.toLowerCase();
+	if (componentStateKey && componentStateValue) className = `${className}-${componentStateKey}-${componentStateValue}`.toLowerCase();
+	className = `${className}-${layer}`.toLowerCase();
+	if (layerOptionalPseudoSelector) className = `${className}${layerOptionalPseudoSelector}`;
+	return className.replaceAll(/\s+/g, "-");
+}
+const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue, originalPropertyDefinition) => {
+	const { value, type } = schemaStateValue;
+	const propertyConfig = configurableProperties[propertyName];
+	let newValue;
+	if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);
+	else {
+		const safeTwThemePath = propertyConfig.twThemePath;
+		newValue = theme(safeTwThemePath(type, String(value)));
+	}
+	if (propertyConfig.concatenate && existingValue) return `${existingValue}${propertyConfig.concatenationDelimiter || ", "}${newValue}`;
+	return newValue;
+};
+function generateDeclaration({ componentName, subComponentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, componentStateKey, componentStateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions }) {
+	const schemaKey = generateSchemaKey({
+		variantKey,
+		variantValue,
+		layer,
+		subComponentName,
+		componentStateKey,
+		componentStateValue
+	});
+	let className = generateClassName({
+		componentName,
+		variantKey,
+		variantValue,
+		layer,
+		subComponentName,
+		componentStateKey,
+		componentStateValue
+	});
+	const propertyStateMap = schema.variables?.[schemaKey]?.[propertyKey];
+	if (!propertyStateMap) throw new Error(`Prop definition (${componentName} - ${schemaKey} - ${propertyKey}) not found, this is not expected, please report the bug to the UDS team`);
+	const styles = {};
+	for (const propStateStr in propertyStateMap) {
+		const propertyState = propStateStr;
+		const propertyStateSelector = statePseudoMap[propertyState] ?? "";
+		const schemaValueForState = propertyStateMap[propertyState];
+		let fullClassName = ``;
+		if (layer === "root") if (componentStateKey && componentStateValue) {
+			const rootVariantClass = generateClassName({
+				componentName,
+				variantKey,
+				variantValue,
+				layer,
+				subComponentName
+			});
+			className = generateClassName({
+				componentName,
+				variantKey,
+				layer,
+				subComponentName,
+				componentStateKey,
+				componentStateValue
+			});
+			fullClassName = `.${rootVariantClass}${propertyStateSelector}.${className}`;
+		} else fullClassName = `.${className}${propertyStateSelector}`;
+		else {
+			const rootVariantClassName = generateClassName({
+				componentName,
+				variantKey,
+				variantValue,
+				layer: "root",
+				subComponentName
+			});
+			if (componentStateKey && componentStateValue) {
+				const rootVariantClassNameWithComponentState = generateClassName({
+					componentName,
+					variantKey,
+					layer: "root",
+					subComponentName,
+					componentStateKey,
+					componentStateValue
+				});
+				className = generateClassName({
+					componentName,
+					variantKey,
+					variantValue,
+					layer,
+					layerOptionalPseudoSelector,
+					subComponentName
+				});
+				fullClassName = `.${rootVariantClassName}${propertyStateSelector}.${rootVariantClassNameWithComponentState} .${className}`;
+			} else fullClassName = `.${rootVariantClassName}${propertyStateSelector} .${className}`;
+		}
+		const { cssProperties, extendedProperties: extendedPropertiesGetter } = configurableProperties[originalPropertyDefinition.name];
+		const cssDeclarations = {};
+		const isExtendedPropertiesFunction = isFunction(extendedPropertiesGetter);
+		const extendedProperties = isExtendedPropertiesFunction ? extendedPropertiesGetter({
+			componentName,
+			subComponentName,
+			layer,
+			propertyKey
+		}) : extendedPropertiesGetter;
+		if (extendedProperties && extendedProperties.length) {
+			if (!isExtendedPropertiesFunction && (typeof cssProperties === "string" || Array.isArray(cssProperties) && cssProperties.length > 0)) throw new Error("Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.");
+			for (const extendedProp of extendedProperties) {
+				const cssPropertiesRef = configurableProperties[extendedProp].cssProperties;
+				if (typeof cssPropertiesRef === "string") {
+					const existingValue = currentStyles?.[fullClassName]?.[cssPropertiesRef];
+					cssDeclarations[cssPropertiesRef] = getTheCssPropertyValue(schema, theme, extendedProp, schemaValueForState, existingValue);
+				} else if (Array.isArray(cssPropertiesRef)) for (const cssProp of cssPropertiesRef) {
+					const existingValue = currentStyles?.[fullClassName]?.[cssProp];
+					cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, extendedProp, schemaValueForState, existingValue);
+				}
+			}
+		} else if (typeof cssProperties === "string") {
+			const existingValue = currentStyles?.[fullClassName]?.[cssProperties];
+			cssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
+		} else if (Array.isArray(cssProperties)) for (const cssProp of cssProperties) {
+			const existingValue = currentStyles?.[fullClassName]?.[cssProp];
+			cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
+		}
+		/**
+		* Button root layer workarounds & enhancements.
+		* These handle Motion animation bridges and visual fixes until better config-to-component solutions exist.
+		*/
+		if (componentName === "button" && layer === "root") {
+			if (propertyKey === CSS_GAP) cssDeclarations[BUTTON_GAP_VAR] = cssDeclarations[CSS_GAP];
+			if (propertyKey === "scaleEffect" && propertyState === "hover") {
+				const rootClassName = `.${className}`;
+				const renderValue = (schemaValue) => configurableProperties.scaleEffect.customValueRenderer?.(schemaValue, schema, () => "") ?? "1";
+				if (!styles[rootClassName]) styles[rootClassName] = {};
+				styles[rootClassName][BUTTON_SCALE_EFFECT_REST] = "1";
+				if (propertyStateMap.hover) styles[rootClassName][BUTTON_SCALE_EFFECT_HOVER] = renderValue(propertyStateMap.hover);
+				if (propertyStateMap.pressed) styles[rootClassName][BUTTON_SCALE_EFFECT_PRESSED] = renderValue(propertyStateMap.pressed);
+			}
+			if (cssDeclarations[CSS_LINE_HEIGHT]) {
+				const iconLayerKey = generateSchemaKey({
+					variantKey,
+					variantValue,
+					layer: "icon",
+					subComponentName
+				});
+				cssDeclarations[CSS_LINE_HEIGHT] = getButtonLineHeightWithIconMinimum({
+					lineHeight: cssDeclarations[CSS_LINE_HEIGHT],
+					schema,
+					iconLayerKey,
+					state: propertyState,
+					theme
+				});
+			}
+		}
+		if (!styles[fullClassName]) styles[fullClassName] = {
+			...cssDeclarations,
+			...styles[fullClassName]
+		};
+		if (previewOptions?.generatePseudoStateClassModifier) {
+			const pseudoPrefixClass = statePseudoMapDocsMode[propertyState] ?? "";
+			if (pseudoPrefixClass.length) {
+				const importantCssDeclarations = Object.fromEntries(Object.entries(cssDeclarations).map(([prop, value]) => {
+					const strValue = String(value).trimEnd().replace(/;$/, "");
+					if (strValue.includes("!important")) return [prop, strValue];
+					return [prop, `${strValue} !important`];
+				}));
+				styles[`.${pseudoPrefixClass}${fullClassName}`.replace(propertyStateSelector, "")] = {
+					...importantCssDeclarations,
+					...styles[`.${pseudoPrefixClass}${fullClassName}`.replace(propertyStateSelector, "")]
+				};
+			}
+		}
+	}
+	return styles;
+}
+function generateConfigStyles(config, schema, theme, previewOptions) {
+	const componentName = config.label.toLowerCase();
+	let styles = {};
+	for (const variantKey in config.variants) {
+		const variantConfig = config.variants[variantKey];
+		for (const variantOption of variantConfig.options) if (isVariantConfigWithComponentStates(variantConfig)) {
+			const componentStates = variantConfig.componentStates;
+			for (const componentStateKey in componentStates) {
+				const componentState = componentStates[componentStateKey];
+				for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+					const layer = componentState.layers[layerKey];
+					for (const propertyKey in layer.properties) {
+						const originalPropertyDefinition = layer.properties[propertyKey];
+						const declarations = generateDeclaration({
+							componentName,
+							variantKey,
+							variantValue: variantOption,
+							componentStateKey,
+							componentStateValue: componentStateOption,
+							layer: layerKey,
+							layerOptionalPseudoSelector: layer.pseudoSelector,
+							propertyKey,
+							originalPropertyDefinition,
+							theme,
+							schema,
+							currentStyles: styles,
+							previewOptions
+						});
+						styles = deepMerge(styles, declarations);
+					}
+				}
+			}
+		} else if (isVariantConfigWithProperties(variantConfig)) {
+			const layers = variantConfig.layers;
+			for (const layerKey in layers) {
+				const layer = layers[layerKey];
+				for (const propertyKey in layer.properties) {
+					const originalPropertyDefinition = layer.properties[propertyKey];
+					const declarations = generateDeclaration({
+						componentName,
+						variantKey,
+						variantValue: variantOption,
+						layer: layerKey,
+						layerOptionalPseudoSelector: layer.pseudoSelector,
+						propertyKey,
+						originalPropertyDefinition,
+						theme,
+						schema,
+						currentStyles: styles,
+						previewOptions
+					});
+					styles = deepMerge(styles, declarations);
+				}
+			}
+		}
+	}
+	if (config.subComponents) {
+		const { subComponents } = config;
+		for (const subComponentKey in subComponents) for (const variantKey in subComponents[subComponentKey].variants) {
+			const variantConfig = subComponents[subComponentKey].variants[variantKey];
+			for (const variantOption of variantConfig.options) if (isVariantConfigWithComponentStates(variantConfig)) {
+				const componentStates = variantConfig.componentStates;
+				for (const componentStateKey in componentStates) {
+					const componentState = componentStates[componentStateKey];
+					for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+						const layer = componentState.layers[layerKey];
+						for (const propertyKey in layer.properties) {
+							const originalPropertyDefinition = layer.properties[propertyKey];
+							const declarations = generateDeclaration({
+								componentName,
+								variantKey,
+								variantValue: variantOption,
+								componentStateKey,
+								componentStateValue: componentStateOption,
+								subComponentName: subComponentKey,
+								layer: layerKey,
+								layerOptionalPseudoSelector: layer.pseudoSelector,
+								propertyKey,
+								originalPropertyDefinition,
+								theme,
+								schema,
+								currentStyles: styles,
+								previewOptions
+							});
+							styles = deepMerge(styles, declarations);
+						}
+					}
+				}
+			} else if (isVariantConfigWithProperties(variantConfig)) {
+				const layers = variantConfig.layers;
+				for (const layerKey in layers) {
+					const layer = layers[layerKey];
+					for (const propertyKey in layer.properties) {
+						const originalPropertyDefinition = layer.properties[propertyKey];
+						const declarations = generateDeclaration({
+							componentName,
+							subComponentName: subComponentKey,
+							variantKey,
+							variantValue: variantOption,
+							layer: layerKey,
+							layerOptionalPseudoSelector: layer.pseudoSelector,
+							propertyKey,
+							originalPropertyDefinition,
+							theme,
+							schema,
+							currentStyles: styles,
+							previewOptions
+						});
+						styles = deepMerge(styles, declarations);
+					}
+				}
+			}
+		}
+	}
+	/**
+	* Post-process button/iconbutton styles to force box-shadow for borders.
+	* This runs AFTER all properties have been processed and merged.
+	*/
+	const toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);
+	if (toApply) {
+		for (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);
+	}
+	return styles;
+}
+/**
+* @param config - Component configuration (Button, IconButton, etc.)
+* @param schema - Production schema with defaults and variables
+* @param theme - Tailwind theme function to resolve design tokens
+* @param previewOptions - Options for generating preview mode class modifiers
+* @returns CSS styles object with grouped selectors for default aliases
+*/
+const generateStyles = (config, schema, theme, previewOptions) => {
+	const styles = generateConfigStyles(config, schema, theme, previewOptions);
+	if (!config.variants && !config.subComponents) return styles;
+	const componentName = config.label.toLowerCase();
+	if (componentName !== "button" && componentName !== "iconbutton") return styles;
+	const replacementMap = /* @__PURE__ */ new Map();
+	/**
+	* Helper: Extract all layer keys from a variant configuration
+	* Handles both simple variants (with direct layers) and variants with component states
+	*/
+	const getLayerKeys = (variantConfig) => {
+		if (isVariantConfigWithProperties(variantConfig)) return Object.keys(variantConfig.layers);
+		else if (isVariantConfigWithComponentStates(variantConfig)) {
+			const layerKeysSet = /* @__PURE__ */ new Set();
+			for (const componentStateConfig of Object.values(variantConfig.componentStates)) Object.keys(componentStateConfig.layers).forEach((key) => layerKeysSet.add(key));
+			return Array.from(layerKeysSet);
+		}
+		return [];
+	};
+	/**
+	* Helper: Build replacement map for default variant values
+	* For each default variant + layer combination, creates an entry like:
+	*   "uds-button-size-sm-root" → ".uds-button-size-sm-root, .uds-button-size-default-root"
+	*/
+	const buildReplacements = (variants, subComponentName) => {
+		for (const [variantType, variantConfig] of Object.entries(variants)) {
+			if (!isVariantConfigWithProperties(variantConfig) && !isVariantConfigWithComponentStates(variantConfig)) continue;
+			const layerKeys = getLayerKeys(variantConfig);
+			if (layerKeys.length) {
+				const defaultValue = schema.defaults?.[variantType];
+				if (defaultValue) for (const layerKey of layerKeys) {
+					const baseClass = generateClassName({
+						componentName,
+						variantKey: variantType,
+						variantValue: defaultValue,
+						layer: layerKey,
+						subComponentName
+					});
+					const defaultClass = generateDefaultClassName(componentName, variantType, layerKey, subComponentName);
+					replacementMap.set(baseClass, `.${baseClass}, .${defaultClass}`);
+				}
+			}
+		}
+	};
+	if (config.variants) buildReplacements(config.variants);
+	if (config.subComponents) for (const [subComponentName, subComponentConfig] of Object.entries(config.subComponents)) buildReplacements(subComponentConfig.variants, subComponentName);
+	const finalStyles = {};
+	for (const [selector, declarations] of Object.entries(styles)) {
+		let defaultsSelector = selector;
+		let hasMatch = false;
+		for (const [defaultVariantClass, replacement] of replacementMap.entries()) if (selector.includes(defaultVariantClass)) {
+			hasMatch = true;
+			const defaultMatch = replacement.match(/,\s*\.([a-z0-9-]+)/);
+			if (defaultMatch) {
+				const defaultClass = defaultMatch[1];
+				defaultsSelector = defaultsSelector.replaceAll(defaultVariantClass, defaultClass);
+			}
+		}
+		if (!hasMatch) {
+			finalStyles[selector] = declarations;
+			continue;
+		}
+		finalStyles[`${selector}, ${defaultsSelector}`] = declarations;
+	}
+	return finalStyles;
+};
+
+//#endregion
+export { generateStyles };
+//# sourceMappingURL=index.js.map

package/dist/tailwind/dist/automated-config/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../automated-config/dist/utils/index.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\nimport { configurableProperties } from \"../properties.js\";\nimport { generateDefaultClassName } from \"./generateDefaultClassName.js\";\nimport { generateSchemaKey } from \"./generateSchemaKey.js\";\nimport { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from \"./variantConfigGuards.js\";\nimport { buildConfigSchema, findFixtureType } from \"./buildConfigSchema.js\";\nimport { cartesianProduct } from \"./cartesianProduct.js\";\nimport { getConfigSubcomponents } from \"./subcomponents.js\";\nimport { coalesceConfigVariant } from \"./coalesceConfigVariant.js\";\nimport { getConfigDefaultValue, isConfigDefaultValue } from \"./defaults.js\";\nimport { generateKeyFromFlatConfigPath } from \"./generateKeyFromFlatConfigPath.js\";\nimport { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from \"./getConfigVariantComponentStatesMatrix.js\";\nimport { getConfigVariantProperties } from \"./getConfigVariantProperties.js\";\nimport { getConfigVariantPseudoStates } from \"./getConfigVariantPseudoStates.js\";\nimport { getConfigVariants } from \"./getConfigVariants.js\";\nimport { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from \"@yahoo/uds-css-tokens\";\nimport { isFunction, mergeWith } from \"lodash-es\";\n\n//#region src/utils/index.ts\nconst CSS_GAP = \"gap\";\nconst CSS_LINE_HEIGHT = \"line-height\";\nconst CSS_BORDER_WIDTH = \"border-width\";\nconst CSS_BORDER_COLOR = \"border-color\";\nconst CSS_BOX_SHADOW = \"box-shadow\";\nfunction deepMerge(target, source) {\n\treturn mergeWith({}, target, source);\n}\nconst COMPONENTS_WITH_SHADOW_BORDERS = [\n\t{\n\t\tcomponentName: \"button\",\n\t\tlayer: \"root\"\n\t},\n\t{\n\t\tcomponentName: \"iconbutton\",\n\t\tlayer: \"root\"\n\t},\n\t{\n\t\tcomponentName: \"chip\",\n\t\tlayer: \"root\"\n\t}\n];\n/**\n* Map our \"states\" to pseudo-classes (hover => :hover, pressed => :active, etc.).\n* Adjust or extend as needed.\n*/\nconst statePseudoMap = {\n\trest: \"\",\n\thover: \":hover:not(:active, :disabled, :has(:disabled))\",\n\tpressed: \":active:not(:disabled, :has(:disabled))\",\n\tdisabled: \":is(:disabled, :has(:disabled))\",\n\tvisited: \":visited\",\n\tfocused: \":focus\",\n\t\"focus-within\": \":focus-within\",\n\t\"focused-keyboard\": \":focus-visible\",\n\treadonly: \":has(input:read-only)\",\n\tinvalid: \":has(input[aria-invalid=\\\"true\\\"])\",\n\t\"invalid&hover\": \":has(input[aria-invalid=\\\"true\\\"]):hover:not(:active, :disabled, :has(:disabled))\",\n\t\"invalid&pressed\": \":has(input[aria-invalid=\\\"true\\\"]):active:not(:disabled, :has(:disabled))\"\n};\nconst statePseudoMapDocsMode = {\n\trest: \"\",\n\thover: \"hover\",\n\tpressed: \"active\",\n\tdisabled: \"has-disabled\",\n\tvisited: \"visited\",\n\tfocused: \"focus\",\n\t\"focus-within\": \"focus-within\",\n\t\"focused-keyboard\": \"focus-visible\",\n\treadonly: \"input-readonly\",\n\tinvalid: \"has-input-invalid\",\n\t\"invalid&hover\": \"has-input-invalid-and-hover\",\n\t\"invalid&pressed\": \"has-input-invalid-and-active\"\n};\n/**\n* Generates button line-height with icon size minimum.\n* Ensures button line-height is at least as tall as the icon to prevent clipping.\n* @returns Enhanced line-height CSS value with max(), or original value if icon size unavailable\n*/\nfunction getButtonLineHeightWithIconMinimum({ lineHeight, schema, iconLayerKey, state, theme }) {\n\tconst iconSizeValue = schema.variables?.[iconLayerKey]?.size?.[state]?.value;\n\tif (iconSizeValue) return `max(${lineHeight}, ${theme(configurableProperties.iconSize.twThemePath(\"iconSizes\", iconSizeValue))})`;\n\treturn lineHeight;\n}\n/**\n* Forces button borders to use box-shadow instead of border properties.\n* Converts border-width and border-color into an inset box-shadow layer.\n*\n* Why box-shadow for borders?\n* - Respects border-radius (unlike outline which stays rectangular)\n* - Allows layering multiple shadows in a single property\n* - GPU-accelerated and performant\n* - Works perfectly with rounded/circular buttons\n*\n* @param classStyles - The CSS declarations for a button class\n* @returns Modified styles with box-shadow layers, or original if no border\n*\n* @example\n* Input:  { border-width: '2px', border-color: 'red', box-shadow: '0 2px 4px rgba(0,0,0,0.1)' }\n* Output: { box-shadow: 'inset 0 0 0 2px red, 0 2px 4px rgba(0,0,0,0.1)' }\n*/\nfunction applyBoxShadowBorder(classStyles) {\n\tconst borderWidth = classStyles[CSS_BORDER_WIDTH];\n\tconst borderColor = classStyles[CSS_BORDER_COLOR];\n\tif (!borderWidth || !borderColor) return classStyles;\n\tconst stripImportant = (value) => value.replace(/\\s*!important\\s*$/, \"\");\n\tconst hasImportant = (value) => value?.includes(\"!important\") ?? false;\n\tconst layers = [`inset 0 0 0 ${stripImportant(borderWidth)} ${stripImportant(borderColor)}`, classStyles[CSS_BOX_SHADOW] && stripImportant(classStyles[CSS_BOX_SHADOW])].filter(Boolean);\n\tconst needsImportant = hasImportant(borderWidth) || hasImportant(borderColor) || hasImportant(classStyles[CSS_BOX_SHADOW]);\n\tconst newStyles = { ...classStyles };\n\tnewStyles[CSS_BOX_SHADOW] = layers.join(\", \") + (needsImportant ? \" !important\" : \"\");\n\tdelete newStyles[CSS_BORDER_WIDTH];\n\tdelete newStyles[CSS_BORDER_COLOR];\n\treturn newStyles;\n}\nfunction generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {\n\tlet className = \"\";\n\tif (subComponentName) className = `uds-${componentName}-${subComponentName}-${variantKey}`.toLowerCase();\n\telse className = `uds-${componentName}-${variantKey}`.toLowerCase();\n\tif (variantValue) className = `${className}-${variantValue}`.toLowerCase();\n\tif (componentStateKey && componentStateValue) className = `${className}-${componentStateKey}-${componentStateValue}`.toLowerCase();\n\tclassName = `${className}-${layer}`.toLowerCase();\n\tif (layerOptionalPseudoSelector) className = `${className}${layerOptionalPseudoSelector}`;\n\treturn className.replaceAll(/\\s+/g, \"-\");\n}\nconst getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue, originalPropertyDefinition) => {\n\tconst { value, type } = schemaStateValue;\n\tconst propertyConfig = configurableProperties[propertyName];\n\tlet newValue;\n\tif (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);\n\telse {\n\t\tconst safeTwThemePath = propertyConfig.twThemePath;\n\t\tnewValue = theme(safeTwThemePath(type, String(value)));\n\t}\n\tif (propertyConfig.concatenate && existingValue) return `${existingValue}${propertyConfig.concatenationDelimiter || \", \"}${newValue}`;\n\treturn newValue;\n};\nfunction generateDeclaration({ componentName, subComponentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, componentStateKey, componentStateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions }) {\n\tconst schemaKey = generateSchemaKey({\n\t\tvariantKey,\n\t\tvariantValue,\n\t\tlayer,\n\t\tsubComponentName,\n\t\tcomponentStateKey,\n\t\tcomponentStateValue\n\t});\n\tlet className = generateClassName({\n\t\tcomponentName,\n\t\tvariantKey,\n\t\tvariantValue,\n\t\tlayer,\n\t\tsubComponentName,\n\t\tcomponentStateKey,\n\t\tcomponentStateValue\n\t});\n\tconst propertyStateMap = schema.variables?.[schemaKey]?.[propertyKey];\n\tif (!propertyStateMap) throw new Error(`Prop definition (${componentName} - ${schemaKey} - ${propertyKey}) not found, this is not expected, please report the bug to the UDS team`);\n\tconst styles = {};\n\tfor (const propStateStr in propertyStateMap) {\n\t\tconst propertyState = propStateStr;\n\t\tconst propertyStateSelector = statePseudoMap[propertyState] ?? \"\";\n\t\tconst schemaValueForState = propertyStateMap[propertyState];\n\t\tlet fullClassName = ``;\n\t\tif (layer === \"root\") if (componentStateKey && componentStateValue) {\n\t\t\tconst rootVariantClass = generateClassName({\n\t\t\t\tcomponentName,\n\t\t\t\tvariantKey,\n\t\t\t\tvariantValue,\n\t\t\t\tlayer,\n\t\t\t\tsubComponentName\n\t\t\t});\n\t\t\tclassName = generateClassName({\n\t\t\t\tcomponentName,\n\t\t\t\tvariantKey,\n\t\t\t\tlayer,\n\t\t\t\tsubComponentName,\n\t\t\t\tcomponentStateKey,\n\t\t\t\tcomponentStateValue\n\t\t\t});\n\t\t\tfullClassName = `.${rootVariantClass}${propertyStateSelector}.${className}`;\n\t\t} else fullClassName = `.${className}${propertyStateSelector}`;\n\t\telse {\n\t\t\tconst rootVariantClassName = generateClassName({\n\t\t\t\tcomponentName,\n\t\t\t\tvariantKey,\n\t\t\t\tvariantValue,\n\t\t\t\tlayer: \"root\",\n\t\t\t\tsubComponentName\n\t\t\t});\n\t\t\tif (componentStateKey && componentStateValue) {\n\t\t\t\tconst rootVariantClassNameWithComponentState = generateClassName({\n\t\t\t\t\tcomponentName,\n\t\t\t\t\tvariantKey,\n\t\t\t\t\tlayer: \"root\",\n\t\t\t\t\tsubComponentName,\n\t\t\t\t\tcomponentStateKey,\n\t\t\t\t\tcomponentStateValue\n\t\t\t\t});\n\t\t\t\tclassName = generateClassName({\n\t\t\t\t\tcomponentName,\n\t\t\t\t\tvariantKey,\n\t\t\t\t\tvariantValue,\n\t\t\t\t\tlayer,\n\t\t\t\t\tlayerOptionalPseudoSelector,\n\t\t\t\t\tsubComponentName\n\t\t\t\t});\n\t\t\t\tfullClassName = `.${rootVariantClassName}${propertyStateSelector}.${rootVariantClassNameWithComponentState} .${className}`;\n\t\t\t} else fullClassName = `.${rootVariantClassName}${propertyStateSelector} .${className}`;\n\t\t}\n\t\tconst { cssProperties, extendedProperties: extendedPropertiesGetter } = configurableProperties[originalPropertyDefinition.name];\n\t\tconst cssDeclarations = {};\n\t\tconst isExtendedPropertiesFunction = isFunction(extendedPropertiesGetter);\n\t\tconst extendedProperties = isExtendedPropertiesFunction ? extendedPropertiesGetter({\n\t\t\tcomponentName,\n\t\t\tsubComponentName,\n\t\t\tlayer,\n\t\t\tpropertyKey\n\t\t}) : extendedPropertiesGetter;\n\t\tif (extendedProperties && extendedProperties.length) {\n\t\t\tif (!isExtendedPropertiesFunction && (typeof cssProperties === \"string\" || Array.isArray(cssProperties) && cssProperties.length > 0)) throw new Error(\"Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.\");\n\t\t\tfor (const extendedProp of extendedProperties) {\n\t\t\t\tconst cssPropertiesRef = configurableProperties[extendedProp].cssProperties;\n\t\t\t\tif (typeof cssPropertiesRef === \"string\") {\n\t\t\t\t\tconst existingValue = currentStyles?.[fullClassName]?.[cssPropertiesRef];\n\t\t\t\t\tcssDeclarations[cssPropertiesRef] = getTheCssPropertyValue(schema, theme, extendedProp, schemaValueForState, existingValue);\n\t\t\t\t} else if (Array.isArray(cssPropertiesRef)) for (const cssProp of cssPropertiesRef) {\n\t\t\t\t\tconst existingValue = currentStyles?.[fullClassName]?.[cssProp];\n\t\t\t\t\tcssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, extendedProp, schemaValueForState, existingValue);\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (typeof cssProperties === \"string\") {\n\t\t\tconst existingValue = currentStyles?.[fullClassName]?.[cssProperties];\n\t\t\tcssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);\n\t\t} else if (Array.isArray(cssProperties)) for (const cssProp of cssProperties) {\n\t\t\tconst existingValue = currentStyles?.[fullClassName]?.[cssProp];\n\t\t\tcssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);\n\t\t}\n\t\t/**\n\t\t* Button root layer workarounds & enhancements.\n\t\t* These handle Motion animation bridges and visual fixes until better config-to-component solutions exist.\n\t\t*/\n\t\tif (componentName === \"button\" && layer === \"root\") {\n\t\t\tif (propertyKey === CSS_GAP) cssDeclarations[BUTTON_GAP_VAR] = cssDeclarations[CSS_GAP];\n\t\t\tif (propertyKey === \"scaleEffect\" && propertyState === \"hover\") {\n\t\t\t\tconst rootClassName = `.${className}`;\n\t\t\t\tconst renderValue = (schemaValue) => configurableProperties.scaleEffect.customValueRenderer?.(schemaValue, schema, () => \"\") ?? \"1\";\n\t\t\t\tif (!styles[rootClassName]) styles[rootClassName] = {};\n\t\t\t\tstyles[rootClassName][BUTTON_SCALE_EFFECT_REST] = \"1\";\n\t\t\t\tif (propertyStateMap.hover) styles[rootClassName][BUTTON_SCALE_EFFECT_HOVER] = renderValue(propertyStateMap.hover);\n\t\t\t\tif (propertyStateMap.pressed) styles[rootClassName][BUTTON_SCALE_EFFECT_PRESSED] = renderValue(propertyStateMap.pressed);\n\t\t\t}\n\t\t\tif (cssDeclarations[CSS_LINE_HEIGHT]) {\n\t\t\t\tconst iconLayerKey = generateSchemaKey({\n\t\t\t\t\tvariantKey,\n\t\t\t\t\tvariantValue,\n\t\t\t\t\tlayer: \"icon\",\n\t\t\t\t\tsubComponentName\n\t\t\t\t});\n\t\t\t\tcssDeclarations[CSS_LINE_HEIGHT] = getButtonLineHeightWithIconMinimum({\n\t\t\t\t\tlineHeight: cssDeclarations[CSS_LINE_HEIGHT],\n\t\t\t\t\tschema,\n\t\t\t\t\ticonLayerKey,\n\t\t\t\t\tstate: propertyState,\n\t\t\t\t\ttheme\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tif (!styles[fullClassName]) styles[fullClassName] = {\n\t\t\t...cssDeclarations,\n\t\t\t...styles[fullClassName]\n\t\t};\n\t\tif (previewOptions?.generatePseudoStateClassModifier) {\n\t\t\tconst pseudoPrefixClass = statePseudoMapDocsMode[propertyState] ?? \"\";\n\t\t\tif (pseudoPrefixClass.length) {\n\t\t\t\tconst importantCssDeclarations = Object.fromEntries(Object.entries(cssDeclarations).map(([prop, value]) => {\n\t\t\t\t\tconst strValue = String(value).trimEnd().replace(/;$/, \"\");\n\t\t\t\t\tif (strValue.includes(\"!important\")) return [prop, strValue];\n\t\t\t\t\treturn [prop, `${strValue} !important`];\n\t\t\t\t}));\n\t\t\t\tstyles[`.${pseudoPrefixClass}${fullClassName}`.replace(propertyStateSelector, \"\")] = {\n\t\t\t\t\t...importantCssDeclarations,\n\t\t\t\t\t...styles[`.${pseudoPrefixClass}${fullClassName}`.replace(propertyStateSelector, \"\")]\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n\treturn styles;\n}\nfunction generateConfigStyles(config, schema, theme, previewOptions) {\n\tconst componentName = config.label.toLowerCase();\n\tlet styles = {};\n\tfor (const variantKey in config.variants) {\n\t\tconst variantConfig = config.variants[variantKey];\n\t\tfor (const variantOption of variantConfig.options) if (isVariantConfigWithComponentStates(variantConfig)) {\n\t\t\tconst componentStates = variantConfig.componentStates;\n\t\t\tfor (const componentStateKey in componentStates) {\n\t\t\t\tconst componentState = componentStates[componentStateKey];\n\t\t\t\tfor (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {\n\t\t\t\t\tconst layer = componentState.layers[layerKey];\n\t\t\t\t\tfor (const propertyKey in layer.properties) {\n\t\t\t\t\t\tconst originalPropertyDefinition = layer.properties[propertyKey];\n\t\t\t\t\t\tconst declarations = generateDeclaration({\n\t\t\t\t\t\t\tcomponentName,\n\t\t\t\t\t\t\tvariantKey,\n\t\t\t\t\t\t\tvariantValue: variantOption,\n\t\t\t\t\t\t\tcomponentStateKey,\n\t\t\t\t\t\t\tcomponentStateValue: componentStateOption,\n\t\t\t\t\t\t\tlayer: layerKey,\n\t\t\t\t\t\t\tlayerOptionalPseudoSelector: layer.pseudoSelector,\n\t\t\t\t\t\t\tpropertyKey,\n\t\t\t\t\t\t\toriginalPropertyDefinition,\n\t\t\t\t\t\t\ttheme,\n\t\t\t\t\t\t\tschema,\n\t\t\t\t\t\t\tcurrentStyles: styles,\n\t\t\t\t\t\t\tpreviewOptions\n\t\t\t\t\t\t});\n\t\t\t\t\t\tstyles = deepMerge(styles, declarations);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (isVariantConfigWithProperties(variantConfig)) {\n\t\t\tconst layers = variantConfig.layers;\n\t\t\tfor (const layerKey in layers) {\n\t\t\t\tconst layer = layers[layerKey];\n\t\t\t\tfor (const propertyKey in layer.properties) {\n\t\t\t\t\tconst originalPropertyDefinition = layer.properties[propertyKey];\n\t\t\t\t\tconst declarations = generateDeclaration({\n\t\t\t\t\t\tcomponentName,\n\t\t\t\t\t\tvariantKey,\n\t\t\t\t\t\tvariantValue: variantOption,\n\t\t\t\t\t\tlayer: layerKey,\n\t\t\t\t\t\tlayerOptionalPseudoSelector: layer.pseudoSelector,\n\t\t\t\t\t\tpropertyKey,\n\t\t\t\t\t\toriginalPropertyDefinition,\n\t\t\t\t\t\ttheme,\n\t\t\t\t\t\tschema,\n\t\t\t\t\t\tcurrentStyles: styles,\n\t\t\t\t\t\tpreviewOptions\n\t\t\t\t\t});\n\t\t\t\t\tstyles = deepMerge(styles, declarations);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tif (config.subComponents) {\n\t\tconst { subComponents } = config;\n\t\tfor (const subComponentKey in subComponents) for (const variantKey in subComponents[subComponentKey].variants) {\n\t\t\tconst variantConfig = subComponents[subComponentKey].variants[variantKey];\n\t\t\tfor (const variantOption of variantConfig.options) if (isVariantConfigWithComponentStates(variantConfig)) {\n\t\t\t\tconst componentStates = variantConfig.componentStates;\n\t\t\t\tfor (const componentStateKey in componentStates) {\n\t\t\t\t\tconst componentState = componentStates[componentStateKey];\n\t\t\t\t\tfor (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {\n\t\t\t\t\t\tconst layer = componentState.layers[layerKey];\n\t\t\t\t\t\tfor (const propertyKey in layer.properties) {\n\t\t\t\t\t\t\tconst originalPropertyDefinition = layer.properties[propertyKey];\n\t\t\t\t\t\t\tconst declarations = generateDeclaration({\n\t\t\t\t\t\t\t\tcomponentName,\n\t\t\t\t\t\t\t\tvariantKey,\n\t\t\t\t\t\t\t\tvariantValue: variantOption,\n\t\t\t\t\t\t\t\tcomponentStateKey,\n\t\t\t\t\t\t\t\tcomponentStateValue: componentStateOption,\n\t\t\t\t\t\t\t\tsubComponentName: subComponentKey,\n\t\t\t\t\t\t\t\tlayer: layerKey,\n\t\t\t\t\t\t\t\tlayerOptionalPseudoSelector: layer.pseudoSelector,\n\t\t\t\t\t\t\t\tpropertyKey,\n\t\t\t\t\t\t\t\toriginalPropertyDefinition,\n\t\t\t\t\t\t\t\ttheme,\n\t\t\t\t\t\t\t\tschema,\n\t\t\t\t\t\t\t\tcurrentStyles: styles,\n\t\t\t\t\t\t\t\tpreviewOptions\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tstyles = deepMerge(styles, declarations);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (isVariantConfigWithProperties(variantConfig)) {\n\t\t\t\tconst layers = variantConfig.layers;\n\t\t\t\tfor (const layerKey in layers) {\n\t\t\t\t\tconst layer = layers[layerKey];\n\t\t\t\t\tfor (const propertyKey in layer.properties) {\n\t\t\t\t\t\tconst originalPropertyDefinition = layer.properties[propertyKey];\n\t\t\t\t\t\tconst declarations = generateDeclaration({\n\t\t\t\t\t\t\tcomponentName,\n\t\t\t\t\t\t\tsubComponentName: subComponentKey,\n\t\t\t\t\t\t\tvariantKey,\n\t\t\t\t\t\t\tvariantValue: variantOption,\n\t\t\t\t\t\t\tlayer: layerKey,\n\t\t\t\t\t\t\tlayerOptionalPseudoSelector: layer.pseudoSelector,\n\t\t\t\t\t\t\tpropertyKey,\n\t\t\t\t\t\t\toriginalPropertyDefinition,\n\t\t\t\t\t\t\ttheme,\n\t\t\t\t\t\t\tschema,\n\t\t\t\t\t\t\tcurrentStyles: styles,\n\t\t\t\t\t\t\tpreviewOptions\n\t\t\t\t\t\t});\n\t\t\t\t\t\tstyles = deepMerge(styles, declarations);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/**\n\t* Post-process button/iconbutton styles to force box-shadow for borders.\n\t* This runs AFTER all properties have been processed and merged.\n\t*/\n\tconst toApply = COMPONENTS_WITH_SHADOW_BORDERS.find((c) => c.componentName === componentName);\n\tif (toApply) {\n\t\tfor (const className in styles) if (className.includes(`-${toApply.layer}`.toLowerCase())) styles[className] = applyBoxShadowBorder(styles[className]);\n\t}\n\treturn styles;\n}\n/**\n* @param config - Component configuration (Button, IconButton, etc.)\n* @param schema - Production schema with defaults and variables\n* @param theme - Tailwind theme function to resolve design tokens\n* @param previewOptions - Options for generating preview mode class modifiers\n* @returns CSS styles object with grouped selectors for default aliases\n*/\nconst generateStyles = (config, schema, theme, previewOptions) => {\n\tconst styles = generateConfigStyles(config, schema, theme, previewOptions);\n\tif (!config.variants && !config.subComponents) return styles;\n\tconst componentName = config.label.toLowerCase();\n\tif (componentName !== \"button\" && componentName !== \"iconbutton\") return styles;\n\tconst replacementMap = /* @__PURE__ */ new Map();\n\t/**\n\t* Helper: Extract all layer keys from a variant configuration\n\t* Handles both simple variants (with direct layers) and variants with component states\n\t*/\n\tconst getLayerKeys = (variantConfig) => {\n\t\tif (isVariantConfigWithProperties(variantConfig)) return Object.keys(variantConfig.layers);\n\t\telse if (isVariantConfigWithComponentStates(variantConfig)) {\n\t\t\tconst layerKeysSet = /* @__PURE__ */ new Set();\n\t\t\tfor (const componentStateConfig of Object.values(variantConfig.componentStates)) Object.keys(componentStateConfig.layers).forEach((key) => layerKeysSet.add(key));\n\t\t\treturn Array.from(layerKeysSet);\n\t\t}\n\t\treturn [];\n\t};\n\t/**\n\t* Helper: Build replacement map for default variant values\n\t* For each default variant + layer combination, creates an entry like:\n\t*   \"uds-button-size-sm-root\" → \".uds-button-size-sm-root, .uds-button-size-default-root\"\n\t*/\n\tconst buildReplacements = (variants, subComponentName) => {\n\t\tfor (const [variantType, variantConfig] of Object.entries(variants)) {\n\t\t\tif (!isVariantConfigWithProperties(variantConfig) && !isVariantConfigWithComponentStates(variantConfig)) continue;\n\t\t\tconst layerKeys = getLayerKeys(variantConfig);\n\t\t\tif (layerKeys.length) {\n\t\t\t\tconst defaultValue = schema.defaults?.[variantType];\n\t\t\t\tif (defaultValue) for (const layerKey of layerKeys) {\n\t\t\t\t\tconst baseClass = generateClassName({\n\t\t\t\t\t\tcomponentName,\n\t\t\t\t\t\tvariantKey: variantType,\n\t\t\t\t\t\tvariantValue: defaultValue,\n\t\t\t\t\t\tlayer: layerKey,\n\t\t\t\t\t\tsubComponentName\n\t\t\t\t\t});\n\t\t\t\t\tconst defaultClass = generateDefaultClassName(componentName, variantType, layerKey, subComponentName);\n\t\t\t\t\treplacementMap.set(baseClass, `.${baseClass}, .${defaultClass}`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\tif (config.variants) buildReplacements(config.variants);\n\tif (config.subComponents) for (const [subComponentName, subComponentConfig] of Object.entries(config.subComponents)) buildReplacements(subComponentConfig.variants, subComponentName);\n\tconst finalStyles = {};\n\tfor (const [selector, declarations] of Object.entries(styles)) {\n\t\tlet defaultsSelector = selector;\n\t\tlet hasMatch = false;\n\t\tfor (const [defaultVariantClass, replacement] of replacementMap.entries()) if (selector.includes(defaultVariantClass)) {\n\t\t\thasMatch = true;\n\t\t\tconst defaultMatch = replacement.match(/,\\s*\\.([a-z0-9-]+)/);\n\t\t\tif (defaultMatch) {\n\t\t\t\tconst defaultClass = defaultMatch[1];\n\t\t\t\tdefaultsSelector = defaultsSelector.replaceAll(defaultVariantClass, defaultClass);\n\t\t\t}\n\t\t}\n\t\tif (!hasMatch) {\n\t\t\tfinalStyles[selector] = declarations;\n\t\t\tcontinue;\n\t\t}\n\t\tfinalStyles[`${selector}, ${defaultsSelector}`] = declarations;\n\t}\n\treturn finalStyles;\n};\nfunction createConfigurableProperty(prop) {\n\treturn prop;\n}\nfunction createVariantConfig(config) {\n\treturn config;\n}\nfunction createVariantConfigWithProperties(config) {\n\treturn config;\n}\nfunction createVariantConfigWithComponentStates(config) {\n\treturn config;\n}\nfunction createComponentStates(config) {\n\treturn config;\n}\nfunction createLayerConfig(config) {\n\treturn config;\n}\nfunction createSubComponentConfig(config) {\n\treturn config;\n}\n\n//#endregion\nexport { buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, statePseudoMapDocsMode };\n//# sourceMappingURL=index.js.map"],"mappings":"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"}

package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.cjs

@@ -0,0 +1,28 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const require_index = require('../../../palette/dist/index.cjs');
+const require_assertUnreachable = require('./assertUnreachable.cjs');
+
+//#region ../automated-config/dist/utils/mapColorFixtureToValue.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const mapColorFixtureToValue = (fixtureType, value) => {
+	switch (fixtureType) {
+		case "alwaysPaletteAliases":
+			if (value.startsWith(require_index.ALWAYS_PREFIX)) {
+				const [, subValue] = value.split("/");
+				return `colors.always.${subValue}`;
+			}
+			return `colors.${value}`;
+		case "spectrumColors": {
+			const [hue, hueStep] = value.split("-");
+			return `colors.${hue}.${hueStep}`;
+		}
+		case "foregroundPaletteColors": return `textColor.${value}`;
+		case "backgroundPaletteColors": return `backgroundColor.${value}`;
+		case "linePaletteColors":
+		case "elevationAliases": return `borderColor.${value}`;
+	}
+	return require_assertUnreachable.assertUnreachable(fixtureType);
+};
+
+//#endregion
+exports.mapColorFixtureToValue = mapColorFixtureToValue;

package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js

@@ -0,0 +1,29 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+import { ALWAYS_PREFIX } from "../../../palette/dist/index.js";
+import { assertUnreachable } from "./assertUnreachable.js";
+
+//#region ../automated-config/dist/utils/mapColorFixtureToValue.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const mapColorFixtureToValue = (fixtureType, value) => {
+	switch (fixtureType) {
+		case "alwaysPaletteAliases":
+			if (value.startsWith(ALWAYS_PREFIX)) {
+				const [, subValue] = value.split("/");
+				return `colors.always.${subValue}`;
+			}
+			return `colors.${value}`;
+		case "spectrumColors": {
+			const [hue, hueStep] = value.split("-");
+			return `colors.${hue}.${hueStep}`;
+		}
+		case "foregroundPaletteColors": return `textColor.${value}`;
+		case "backgroundPaletteColors": return `backgroundColor.${value}`;
+		case "linePaletteColors":
+		case "elevationAliases": return `borderColor.${value}`;
+	}
+	return assertUnreachable(fixtureType);
+};
+
+//#endregion
+export { mapColorFixtureToValue };
+//# sourceMappingURL=mapColorFixtureToValue.js.map

package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapColorFixtureToValue.js","names":[],"sources":["../../../../../automated-config/dist/utils/mapColorFixtureToValue.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\nimport { assertUnreachable } from \"./assertUnreachable.js\";\nimport { ALWAYS_PREFIX } from \"@yahoo/uds-palette\";\n\n//#region src/utils/mapColorFixtureToValue.ts\nconst mapColorFixtureToValue = (fixtureType, value) => {\n\tswitch (fixtureType) {\n\t\tcase \"alwaysPaletteAliases\":\n\t\t\tif (value.startsWith(ALWAYS_PREFIX)) {\n\t\t\t\tconst [, subValue] = value.split(\"/\");\n\t\t\t\treturn `colors.always.${subValue}`;\n\t\t\t}\n\t\t\treturn `colors.${value}`;\n\t\tcase \"spectrumColors\": {\n\t\t\tconst [hue, hueStep] = value.split(\"-\");\n\t\t\treturn `colors.${hue}.${hueStep}`;\n\t\t}\n\t\tcase \"foregroundPaletteColors\": return `textColor.${value}`;\n\t\tcase \"backgroundPaletteColors\": return `backgroundColor.${value}`;\n\t\tcase \"linePaletteColors\":\n\t\tcase \"elevationAliases\": return `borderColor.${value}`;\n\t}\n\treturn assertUnreachable(fixtureType);\n};\n\n//#endregion\nexport { mapColorFixtureToValue };\n//# sourceMappingURL=mapColorFixtureToValue.js.map"],"mappings":";;;;;;AAKA,MAAM,0BAA0B,aAAa,UAAU;AACtD,SAAQ,aAAR;EACC,KAAK;AACJ,OAAI,MAAM,WAAW,cAAc,EAAE;IACpC,MAAM,GAAG,YAAY,MAAM,MAAM,IAAI;AACrC,WAAO,iBAAiB;;AAEzB,UAAO,UAAU;EAClB,KAAK,kBAAkB;GACtB,MAAM,CAAC,KAAK,WAAW,MAAM,MAAM,IAAI;AACvC,UAAO,UAAU,IAAI,GAAG;;EAEzB,KAAK,0BAA2B,QAAO,aAAa;EACpD,KAAK,0BAA2B,QAAO,mBAAmB;EAC1D,KAAK;EACL,KAAK,mBAAoB,QAAO,eAAe;;AAEhD,QAAO,kBAAkB,YAAY"}

package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.cjs

@@ -0,0 +1,10 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+
+//#region ../automated-config/dist/utils/variantConfigGuards.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const isVariantConfigWithProperties = (v) => !!v?.layers;
+const isVariantConfigWithComponentStates = (v) => !!v?.componentStates;
+
+//#endregion
+exports.isVariantConfigWithComponentStates = isVariantConfigWithComponentStates;
+exports.isVariantConfigWithProperties = isVariantConfigWithProperties;

package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js

@@ -0,0 +1,9 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+//#region ../automated-config/dist/utils/variantConfigGuards.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const isVariantConfigWithProperties = (v) => !!v?.layers;
+const isVariantConfigWithComponentStates = (v) => !!v?.componentStates;
+
+//#endregion
+export { isVariantConfigWithComponentStates, isVariantConfigWithProperties };
+//# sourceMappingURL=variantConfigGuards.js.map

package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantConfigGuards.js","names":[],"sources":["../../../../../automated-config/dist/utils/variantConfigGuards.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\n//#region src/utils/variantConfigGuards.ts\nconst isVariantConfigWithProperties = (v) => !!v?.layers;\nconst isVariantConfigWithComponentStates = (v) => !!v?.componentStates;\n\n//#endregion\nexport { isVariantConfigWithComponentStates, isVariantConfigWithProperties };\n//# sourceMappingURL=variantConfigGuards.js.map"],"mappings":";;;AAEA,MAAM,iCAAiC,MAAM,CAAC,CAAC,GAAG;AAClD,MAAM,sCAAsC,MAAM,CAAC,CAAC,GAAG"}