@yahoo/uds 3.119.2 → 3.121.0

package/dist/tailwind/dist/css/utils.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { configurableProperties } from "../automated-config/dist/properties.js";
+import { getRuntimeDefaultPropSelector, getRuntimeDefaultPropValue, getRuntimeFieldSelector, getRuntimeFieldStaticValue, getRuntimeFieldTokenValue, getRuntimeSelectorParamValues } from "../runtimeConfig/hookMetadata.js";
 
 //#region src/css/utils.ts
 /**
@@ -32,6 +33,66 @@ const extractVariantDefaults = (config) => {
 		} : acc;
 	}, {});
 };
+const extractRuntimeConfigValues = (config) => {
+	const values = {};
+	const setRuntimeValue = (selector, value) => {
+		if (!selector || value === void 0) return;
+		values[selector] = value;
+	};
+	const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(config, "useBottomSheetConfig", "backgroundColor", { variant: "default" });
+	if (bottomSheetBackgroundColor !== void 0) setRuntimeValue(getRuntimeFieldSelector("useBottomSheetConfig", "backgroundColor", { variant: "default" }), bottomSheetBackgroundColor);
+	if (config.toast?.variables && config.toast?.defaults) {
+		setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "autoClose"), getRuntimeFieldStaticValue("useToastConfig", "autoClose") ?? void 0);
+		setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "position"), getRuntimeFieldStaticValue("useToastConfig", "position") ?? void 0);
+		setRuntimeValue(getRuntimeDefaultPropSelector("useToastConfig", "size"), getRuntimeDefaultPropValue(config, "useToastConfig", "size"));
+		setRuntimeValue(getRuntimeDefaultPropSelector("useToastConfig", "variant"), getRuntimeDefaultPropValue(config, "useToastConfig", "variant"));
+		getRuntimeSelectorParamValues("useToastConfig", "size").forEach((size) => {
+			const textVariant = getRuntimeFieldTokenValue(config, "useToastConfig", "textVariant", { size });
+			const iconSize = getRuntimeFieldTokenValue(config, "useToastConfig", "iconSize", { size });
+			const buttonSize = getRuntimeFieldTokenValue(config, "useToastConfig", "buttonSize", { size });
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "textVariant", { size }), textVariant);
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "iconSize", { size }), iconSize);
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "buttonSize", { size }), buttonSize);
+		});
+		getRuntimeSelectorParamValues("useToastConfig", "variant").forEach((variant) => {
+			const textColor = getRuntimeFieldTokenValue(config, "useToastConfig", "textColor", { variant });
+			const buttonVariant = getRuntimeFieldTokenValue(config, "useToastConfig", "buttonVariant", { variant });
+			const iconVariant = getRuntimeFieldTokenValue(config, "useToastConfig", "iconVariant", { variant });
+			const backgroundColor = getRuntimeFieldTokenValue(config, "useToastConfig", "backgroundColor", { variant });
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "textColor", { variant }), textColor);
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "buttonVariant", { variant }), buttonVariant);
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "iconVariant", { variant }), iconVariant);
+			setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "backgroundColor", { variant }), backgroundColor);
+		});
+	}
+	const tooltipBorderRadius = getRuntimeFieldTokenValue(config, "useTooltipConfig", "borderRadius", { size: "default" });
+	if (tooltipBorderRadius !== void 0) {
+		setRuntimeValue(getRuntimeFieldSelector("useTooltipConfig", "animationDuration"), getRuntimeFieldStaticValue("useTooltipConfig", "animationDuration") ?? void 0);
+		setRuntimeValue(getRuntimeFieldSelector("useTooltipConfig", "placement"), getRuntimeFieldStaticValue("useTooltipConfig", "placement") ?? void 0);
+		setRuntimeValue(getRuntimeFieldSelector("useTooltipConfig", "borderRadius", { size: "default" }), tooltipBorderRadius);
+	}
+	if (config.popover?.variables && config.scaleMode?.medium) {
+		setRuntimeValue(getRuntimeDefaultPropSelector("usePopoverConfig", "size"), getRuntimeDefaultPropValue(config, "usePopoverConfig", "size") ?? void 0);
+		setRuntimeValue(getRuntimeDefaultPropSelector("usePopoverConfig", "variant"), getRuntimeDefaultPropValue(config, "usePopoverConfig", "variant") ?? void 0);
+		setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "animationDuration"), getRuntimeFieldStaticValue("usePopoverConfig", "animationDuration") ?? void 0);
+		setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "placement"), getRuntimeFieldStaticValue("usePopoverConfig", "placement") ?? void 0);
+		getRuntimeSelectorParamValues("usePopoverConfig", "size").forEach((size) => {
+			const borderRadius = getRuntimeFieldTokenValue(config, "usePopoverConfig", "borderRadius", { size });
+			const gap = getRuntimeFieldTokenValue(config, "usePopoverConfig", "gap", { size });
+			const spacingHorizontal = getRuntimeFieldTokenValue(config, "usePopoverConfig", "spacingHorizontal", { size });
+			const spacingVertical = getRuntimeFieldTokenValue(config, "usePopoverConfig", "spacingVertical", { size });
+			const dismissButtonSpacing = getRuntimeFieldTokenValue(config, "usePopoverConfig", "dismissButtonSpacing", { size });
+			const dismissIconSize = getRuntimeFieldTokenValue(config, "usePopoverConfig", "dismissIconSize", { size });
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "borderRadius", { size }), borderRadius);
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "gap", { size }), gap);
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "spacingHorizontal", { size }), spacingHorizontal);
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "spacingVertical", { size }), spacingVertical);
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "dismissButtonSpacing", { size }), dismissButtonSpacing);
+			setRuntimeValue(getRuntimeFieldSelector("usePopoverConfig", "dismissIconSize", { size }), dismissIconSize);
+		});
+	}
+	return values;
+};
 /**
 * Format bytes to human readable string
 */
@@ -65,5 +126,5 @@ const getConfigurableCssVariables = () => {
 };
 
 //#endregion
-export { extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes };
+export { extractRuntimeConfigValues, extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes };
 //# sourceMappingURL=utils.js.map

package/dist/tailwind/dist/css/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/css/utils.ts"],"sourcesContent":["import { configurableProperties } from '@yahoo/uds-automated-config/properties';\nimport type { UniversalTokensConfig } from '@yahoo/uds-config';\n\nimport type { SerializedComponentInfo } from '../commands/generateComponentData';\nimport type { VariantDefaults } from '../purger/optimized/purgeFromCode';\n\n/**\n * Extract variant defaults from a UniversalTokensConfig.\n * Converts from config structure to a simpler lookup format.\n * e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }\n */\nconst extractVariantDefaults = (config: UniversalTokensConfig): VariantDefaults => {\n  // Component names in config are lowercase, but we need PascalCase for matching\n  const componentNameMap: Record<string, string> = {\n    avatar: 'Avatar',\n    badge: 'Badge',\n    button: 'Button',\n    checkbox: 'Checkbox',\n    chip: 'Chip',\n    divider: 'Divider',\n    iconButton: 'IconButton',\n    input: 'Input',\n    link: 'Link',\n    menu: 'Menu',\n    radio: 'Radio',\n    switch: 'Switch',\n  };\n\n  // Extract defaults from each component in the config\n  return Object.entries(config).reduce<VariantDefaults>((acc, [configKey, componentConfig]) => {\n    const pascalName = componentNameMap[configKey];\n    if (!pascalName || !componentConfig || typeof componentConfig !== 'object') {\n      return acc;\n    }\n\n    const configWithDefaults = componentConfig as { defaults?: Record<string, string> };\n    return configWithDefaults.defaults\n      ? { ...acc, [pascalName]: configWithDefaults.defaults }\n      : acc;\n  }, {});\n};\n\n/**\n * Format bytes to human readable string\n */\nconst formatBytes = (bytes: number): string => {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n  const kb = bytes / 1024;\n  if (kb < 1024) {\n    return `${kb.toFixed(1)} KB`;\n  }\n  const mb = kb / 1024;\n  return `${mb.toFixed(2)} MB`;\n};\n\n/**\n * Get motion CSS variable prefixes needed by a set of components.\n * Looks up motionVarPrefixes from componentData.json for each component.\n */\nconst getMotionVarPrefixes = (\n  componentData: Record<string, SerializedComponentInfo>,\n  components: string[],\n): string[] => {\n  const prefixes = components.flatMap((componentName) => {\n    const info = (componentData as Record<string, { motionVarPrefixes?: string[] }>)[componentName];\n    return info?.motionVarPrefixes ?? [];\n  });\n\n  return [...new Set(prefixes)];\n};\n\n/**\n * Collect css variable names exposed by configurable properties.\n */\nconst getConfigurableCssVariables = (): string[] => {\n  const udsVarPrefix = '--uds';\n  const cssVars = Object.values(configurableProperties).flatMap(({ cssProperties }) => {\n    if (typeof cssProperties === 'string') {\n      return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];\n    }\n\n    if (Array.isArray(cssProperties)) {\n      return cssProperties.filter(\n        (cssProperty): cssProperty is string =>\n          typeof cssProperty === 'string' && cssProperty.startsWith(udsVarPrefix),\n      );\n    }\n\n    return [];\n  });\n\n  return [...new Set(['--uds-button-gap', ...cssVars])];\n};\n\nexport { extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes };\n"],"mappings":";;;;;;;;;AAWA,MAAM,0BAA0B,WAAmD;CAEjF,MAAM,mBAA2C;EAC/C,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,UAAU;EACV,MAAM;EACN,SAAS;EACT,YAAY;EACZ,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACT;AAGD,QAAO,OAAO,QAAQ,OAAO,CAAC,QAAyB,KAAK,CAAC,WAAW,qBAAqB;EAC3F,MAAM,aAAa,iBAAiB;AACpC,MAAI,CAAC,cAAc,CAAC,mBAAmB,OAAO,oBAAoB,SAChE,QAAO;EAGT,MAAM,qBAAqB;AAC3B,SAAO,mBAAmB,WACtB;GAAE,GAAG;IAAM,aAAa,mBAAmB;GAAU,GACrD;IACH,EAAE,CAAC;;;;;AAMR,MAAM,eAAe,UAA0B;AAC7C,KAAI,QAAQ,KACV,QAAO,GAAG,MAAM;CAElB,MAAM,KAAK,QAAQ;AACnB,KAAI,KAAK,KACP,QAAO,GAAG,GAAG,QAAQ,EAAE,CAAC;AAG1B,QAAO,IADI,KAAK,MACH,QAAQ,EAAE,CAAC;;;;;;AAO1B,MAAM,wBACJ,eACA,eACa;CACb,MAAM,WAAW,WAAW,SAAS,kBAAkB;AAErD,SADc,cAAmE,gBACpE,qBAAqB,EAAE;GACpC;AAEF,QAAO,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC;;;;;AAM/B,MAAM,oCAA8C;CAClD,MAAM,eAAe;CACrB,MAAM,UAAU,OAAO,OAAO,uBAAuB,CAAC,SAAS,EAAE,oBAAoB;AACnF,MAAI,OAAO,kBAAkB,SAC3B,QAAO,cAAc,WAAW,aAAa,GAAG,CAAC,cAAc,GAAG,EAAE;AAGtE,MAAI,MAAM,QAAQ,cAAc,CAC9B,QAAO,cAAc,QAClB,gBACC,OAAO,gBAAgB,YAAY,YAAY,WAAW,aAAa,CAC1E;AAGH,SAAO,EAAE;GACT;AAEF,QAAO,CAAC,GAAG,IAAI,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/css/utils.ts"],"sourcesContent":["import { configurableProperties } from '@yahoo/uds-automated-config/properties';\nimport type { UniversalTokensConfig } from '@yahoo/uds-config';\n\nimport type { SerializedComponentInfo } from '../commands/generateComponentData';\nimport type { RuntimeConfigValues, VariantDefaults } from '../purger/optimized/purgeFromCode';\nimport {\n  getRuntimeDefaultPropSelector,\n  getRuntimeDefaultPropValue,\n  getRuntimeFieldSelector,\n  getRuntimeFieldStaticValue,\n  getRuntimeFieldTokenValue,\n  getRuntimeSelectorParamValues,\n} from '../runtimeConfig/hookMetadata';\n\n/**\n * Extract variant defaults from a UniversalTokensConfig.\n * Converts from config structure to a simpler lookup format.\n * e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }\n */\nconst extractVariantDefaults = (config: UniversalTokensConfig): VariantDefaults => {\n  // Component names in config are lowercase, but we need PascalCase for matching\n  const componentNameMap: Record<string, string> = {\n    avatar: 'Avatar',\n    badge: 'Badge',\n    button: 'Button',\n    checkbox: 'Checkbox',\n    chip: 'Chip',\n    divider: 'Divider',\n    iconButton: 'IconButton',\n    input: 'Input',\n    link: 'Link',\n    menu: 'Menu',\n    radio: 'Radio',\n    switch: 'Switch',\n  };\n\n  // Extract defaults from each component in the config\n  return Object.entries(config).reduce<VariantDefaults>((acc, [configKey, componentConfig]) => {\n    const pascalName = componentNameMap[configKey];\n    if (!pascalName || !componentConfig || typeof componentConfig !== 'object') {\n      return acc;\n    }\n\n    const configWithDefaults = componentConfig as { defaults?: Record<string, string> };\n    return configWithDefaults.defaults\n      ? { ...acc, [pascalName]: configWithDefaults.defaults }\n      : acc;\n  }, {});\n};\n\nconst extractRuntimeConfigValues = (config: UniversalTokensConfig): RuntimeConfigValues => {\n  const values: RuntimeConfigValues = {};\n\n  const setRuntimeValue = (\n    selector: string | null,\n    value: string | number | boolean | undefined,\n  ) => {\n    if (!selector || value === undefined) {\n      return;\n    }\n\n    values[selector] = value;\n  };\n\n  const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(\n    config,\n    'useBottomSheetConfig',\n    'backgroundColor',\n    { variant: 'default' },\n  );\n\n  if (bottomSheetBackgroundColor !== undefined) {\n    setRuntimeValue(\n      getRuntimeFieldSelector('useBottomSheetConfig', 'backgroundColor', { variant: 'default' }),\n      bottomSheetBackgroundColor,\n    );\n  }\n\n  if (config.toast?.variables && config.toast?.defaults) {\n    setRuntimeValue(\n      getRuntimeFieldSelector('useToastConfig', 'autoClose'),\n      getRuntimeFieldStaticValue('useToastConfig', 'autoClose') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeFieldSelector('useToastConfig', 'position'),\n      getRuntimeFieldStaticValue('useToastConfig', 'position') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeDefaultPropSelector('useToastConfig', 'size'),\n      getRuntimeDefaultPropValue(config, 'useToastConfig', 'size'),\n    );\n    setRuntimeValue(\n      getRuntimeDefaultPropSelector('useToastConfig', 'variant'),\n      getRuntimeDefaultPropValue(config, 'useToastConfig', 'variant'),\n    );\n\n    getRuntimeSelectorParamValues('useToastConfig', 'size').forEach((size) => {\n      const textVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textVariant', {\n        size,\n      });\n      const iconSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconSize', { size });\n      const buttonSize = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonSize', {\n        size,\n      });\n\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'textVariant', { size }),\n        textVariant,\n      );\n      setRuntimeValue(getRuntimeFieldSelector('useToastConfig', 'iconSize', { size }), iconSize);\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'buttonSize', { size }),\n        buttonSize,\n      );\n    });\n\n    getRuntimeSelectorParamValues('useToastConfig', 'variant').forEach((variant) => {\n      const textColor = getRuntimeFieldTokenValue(config, 'useToastConfig', 'textColor', {\n        variant,\n      });\n      const buttonVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'buttonVariant', {\n        variant,\n      });\n      const iconVariant = getRuntimeFieldTokenValue(config, 'useToastConfig', 'iconVariant', {\n        variant,\n      });\n      const backgroundColor = getRuntimeFieldTokenValue(\n        config,\n        'useToastConfig',\n        'backgroundColor',\n        { variant },\n      );\n\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'textColor', { variant }),\n        textColor,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'buttonVariant', { variant }),\n        buttonVariant,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'iconVariant', { variant }),\n        iconVariant,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('useToastConfig', 'backgroundColor', { variant }),\n        backgroundColor,\n      );\n    });\n  }\n\n  const tooltipBorderRadius = getRuntimeFieldTokenValue(\n    config,\n    'useTooltipConfig',\n    'borderRadius',\n    {\n      size: 'default',\n    },\n  );\n\n  if (tooltipBorderRadius !== undefined) {\n    setRuntimeValue(\n      getRuntimeFieldSelector('useTooltipConfig', 'animationDuration'),\n      getRuntimeFieldStaticValue('useTooltipConfig', 'animationDuration') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeFieldSelector('useTooltipConfig', 'placement'),\n      getRuntimeFieldStaticValue('useTooltipConfig', 'placement') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeFieldSelector('useTooltipConfig', 'borderRadius', { size: 'default' }),\n      tooltipBorderRadius,\n    );\n  }\n\n  if (config.popover?.variables && config.scaleMode?.medium) {\n    setRuntimeValue(\n      getRuntimeDefaultPropSelector('usePopoverConfig', 'size'),\n      getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'size') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeDefaultPropSelector('usePopoverConfig', 'variant'),\n      getRuntimeDefaultPropValue(config, 'usePopoverConfig', 'variant') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeFieldSelector('usePopoverConfig', 'animationDuration'),\n      getRuntimeFieldStaticValue('usePopoverConfig', 'animationDuration') ?? undefined,\n    );\n    setRuntimeValue(\n      getRuntimeFieldSelector('usePopoverConfig', 'placement'),\n      getRuntimeFieldStaticValue('usePopoverConfig', 'placement') ?? undefined,\n    );\n\n    getRuntimeSelectorParamValues('usePopoverConfig', 'size').forEach((size) => {\n      const borderRadius = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'borderRadius', {\n        size,\n      });\n      const gap = getRuntimeFieldTokenValue(config, 'usePopoverConfig', 'gap', { size });\n      const spacingHorizontal = getRuntimeFieldTokenValue(\n        config,\n        'usePopoverConfig',\n        'spacingHorizontal',\n        { size },\n      );\n      const spacingVertical = getRuntimeFieldTokenValue(\n        config,\n        'usePopoverConfig',\n        'spacingVertical',\n        { size },\n      );\n      const dismissButtonSpacing = getRuntimeFieldTokenValue(\n        config,\n        'usePopoverConfig',\n        'dismissButtonSpacing',\n        { size },\n      );\n      const dismissIconSize = getRuntimeFieldTokenValue(\n        config,\n        'usePopoverConfig',\n        'dismissIconSize',\n        { size },\n      );\n\n      setRuntimeValue(\n        getRuntimeFieldSelector('usePopoverConfig', 'borderRadius', { size }),\n        borderRadius,\n      );\n      setRuntimeValue(getRuntimeFieldSelector('usePopoverConfig', 'gap', { size }), gap);\n      setRuntimeValue(\n        getRuntimeFieldSelector('usePopoverConfig', 'spacingHorizontal', { size }),\n        spacingHorizontal,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('usePopoverConfig', 'spacingVertical', { size }),\n        spacingVertical,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('usePopoverConfig', 'dismissButtonSpacing', { size }),\n        dismissButtonSpacing,\n      );\n      setRuntimeValue(\n        getRuntimeFieldSelector('usePopoverConfig', 'dismissIconSize', { size }),\n        dismissIconSize,\n      );\n    });\n  }\n\n  return values;\n};\n\n/**\n * Format bytes to human readable string\n */\nconst formatBytes = (bytes: number): string => {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n  const kb = bytes / 1024;\n  if (kb < 1024) {\n    return `${kb.toFixed(1)} KB`;\n  }\n  const mb = kb / 1024;\n  return `${mb.toFixed(2)} MB`;\n};\n\n/**\n * Get motion CSS variable prefixes needed by a set of components.\n * Looks up motionVarPrefixes from componentData.json for each component.\n */\nconst getMotionVarPrefixes = (\n  componentData: Record<string, SerializedComponentInfo>,\n  components: string[],\n): string[] => {\n  const prefixes = components.flatMap((componentName) => {\n    const info = (componentData as Record<string, { motionVarPrefixes?: string[] }>)[componentName];\n    return info?.motionVarPrefixes ?? [];\n  });\n\n  return [...new Set(prefixes)];\n};\n\n/**\n * Collect css variable names exposed by configurable properties.\n */\nconst getConfigurableCssVariables = (): string[] => {\n  const udsVarPrefix = '--uds';\n  const cssVars = Object.values(configurableProperties).flatMap(({ cssProperties }) => {\n    if (typeof cssProperties === 'string') {\n      return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];\n    }\n\n    if (Array.isArray(cssProperties)) {\n      return cssProperties.filter(\n        (cssProperty): cssProperty is string =>\n          typeof cssProperty === 'string' && cssProperty.startsWith(udsVarPrefix),\n      );\n    }\n\n    return [];\n  });\n\n  return [...new Set(['--uds-button-gap', ...cssVars])];\n};\n\nexport {\n  extractRuntimeConfigValues,\n  extractVariantDefaults,\n  formatBytes,\n  getConfigurableCssVariables,\n  getMotionVarPrefixes,\n};\n"],"mappings":"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"}

package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs

@@ -91,6 +91,38 @@ const getVariantKeysForProp = (componentInfo, propName) => {
 	getAutoVariantKeysForProp(componentInfo.name, propName).forEach((inferred) => keys.add(inferred));
 	return [...keys];
 };
+const addVariantGroupClasses = (variantGroup, safelist) => {
+	if (!variantGroup) return;
+	Object.values(variantGroup).forEach((cls) => {
+		safelist.push(cls.replaceAll("\\", ""));
+	});
+};
+const getRuntimeDefaultPropValues = (componentInfo, propName, runtimeConfigValues) => {
+	const selector = componentInfo.runtimeConfigDefaultProps?.[propName];
+	if (!selector || !runtimeConfigValues) return [];
+	const value = runtimeConfigValues[selector];
+	return value === void 0 ? [] : [String(value)];
+};
+const getPropCandidateValues = (componentInfo, propName, userProps, options) => {
+	const explicitValues = userProps.get(propName);
+	if (explicitValues && explicitValues.size > 0) return [...explicitValues];
+	const configuredDefault = options.variantDefaults?.[componentInfo.name]?.[propName];
+	if (configuredDefault) return [configuredDefault];
+	if (componentInfo.defaultProps[propName]) return [componentInfo.defaultProps[propName]];
+	return getRuntimeDefaultPropValues(componentInfo, propName, options.runtimeConfigValues);
+};
+const resolveRuntimeSelectorValues = (selectorTemplate, componentInfo, userProps, options) => {
+	const runtimeConfigValues = options.runtimeConfigValues;
+	if (!runtimeConfigValues) return [];
+	return [...selectorTemplate.matchAll(/\$\{(\w+)\}/g)].map((match) => match[1]).reduce((acc, propName) => {
+		const propValues = getPropCandidateValues(componentInfo, propName, userProps, options);
+		if (propValues.length === 0) return [];
+		return acc.flatMap((selector) => propValues.map((value) => selector.replaceAll("${" + propName + "}", value)));
+	}, [selectorTemplate]).flatMap((selector) => {
+		const value = runtimeConfigValues[selector];
+		return value === void 0 ? [] : [String(value)];
+	});
+};
 const extractClassNamePrimitives = (sourceFile) => {
 	const classes = [];
 	sourceFile.getDescendantsOfKind(ts_morph.SyntaxKind.JsxAttribute).forEach((attr) => {
@@ -140,6 +172,7 @@ const purgeFromCodeOptimized = async (code, options) => {
 		});
 	});
 	const componentProps = /* @__PURE__ */ new Map();
+	const componentUnresolvedSpreadProps = /* @__PURE__ */ new Map();
 	const referencedComponents = /* @__PURE__ */ new Set();
 	const getStylesProps = extractGetStylesCalls(sourceFile, stats, variants);
 	imports.forEach((imp) => {
@@ -147,16 +180,21 @@ const purgeFromCodeOptimized = async (code, options) => {
 			const componentName = reference.getTagNameNode().getText() || imp;
 			referencedComponents.add(componentName);
 			const propsMap = componentProps.get(componentName) ?? /* @__PURE__ */ new Map();
-			extractPropsFromReference(reference, stats, sourceFile).forEach(([propName, values]) => {
+			const unresolvedSpreadProps = componentUnresolvedSpreadProps.get(componentName) ?? /* @__PURE__ */ new Set();
+			extractPropsFromReference(reference, stats, sourceFile).forEach(({ propName, values, fromSpread }) => {
 				if (values.length > 0) {
 					const existing = propsMap.get(propName) ?? /* @__PURE__ */ new Set();
 					values.forEach((val) => existing.add(val));
 					propsMap.set(propName, existing);
+					return;
 				}
+				if (fromSpread) unresolvedSpreadProps.add(propName);
 			});
 			componentProps.set(componentName, propsMap);
+			componentUnresolvedSpreadProps.set(componentName, unresolvedSpreadProps);
 		});
 		if (!componentProps.has(imp)) componentProps.set(imp, /* @__PURE__ */ new Map());
+		if (!componentUnresolvedSpreadProps.has(imp)) componentUnresolvedSpreadProps.set(imp, /* @__PURE__ */ new Set());
 	});
 	const allComponents = [];
 	const seenComponents = /* @__PURE__ */ new Set();
@@ -178,6 +216,7 @@ const purgeFromCodeOptimized = async (code, options) => {
 	});
 	allComponents.forEach((componentInfo) => {
 		const userProps = componentProps.get(componentInfo.name) ?? /* @__PURE__ */ new Map();
+		const unresolvedSpreadProps = componentUnresolvedSpreadProps.get(componentInfo.name) ?? /* @__PURE__ */ new Set();
 		Object.entries(componentInfo.defaultProps).forEach(([propName, propValue]) => {
 			if (userProps.has(propName)) return;
 			const variantGroup = variants[propName];
@@ -201,17 +240,29 @@ const purgeFromCodeOptimized = async (code, options) => {
 				if (cls) safelist.push(cls.replaceAll("\\", ""));
 			}
 		});
+		Object.entries(componentInfo.runtimeConfigGetStyles ?? {}).forEach(([propName, selectors]) => {
+			const variantGroup = variants[propName] ?? autoVariantsCache[propName];
+			if (!variantGroup) return;
+			selectors.forEach((selector) => {
+				resolveRuntimeSelectorValues(selector, componentInfo, userProps, options).forEach((value) => {
+					const cls = variantGroup[value];
+					if (cls) safelist.push(cls.replaceAll("\\", ""));
+				});
+			});
+		});
 		if (componentInfo.cxLiterals) componentInfo.cxLiterals.forEach((cls) => safelist.push(cls));
 		if (componentInfo.propToVariantKeys) {
 			const componentDefaults = options.variantDefaults?.[componentInfo.name] ?? {};
 			Object.keys(componentInfo.propToVariantKeys).forEach((propName) => {
 				if (userProps.has(propName)) return;
-				const defaultValue = componentDefaults[propName];
+				const defaultValues = componentDefaults[propName] ? [componentDefaults[propName]] : getRuntimeDefaultPropValues(componentInfo, propName, options.runtimeConfigValues);
 				getVariantKeysForProp(componentInfo, propName).forEach((variantKey) => {
 					const variantGroup = autoVariantsCache[variantKey];
 					if (variantGroup) {
 						if (variantGroup["default"]) safelist.push(variantGroup["default"]);
-						if (defaultValue && variantGroup[defaultValue]) safelist.push(variantGroup[defaultValue]);
+						defaultValues.forEach((defaultValue) => {
+							if (variantGroup[defaultValue]) safelist.push(variantGroup[defaultValue]);
+						});
 					}
 				});
 			});
@@ -231,6 +282,18 @@ const purgeFromCodeOptimized = async (code, options) => {
 				});
 			});
 		});
+		Object.entries(componentInfo.runtimeConfigInternalComponentProps ?? {}).forEach(([_internalCompName, propsRecord]) => {
+			Object.entries(propsRecord).forEach(([propName, selectors]) => {
+				const variantGroup = variants[propName];
+				if (!variantGroup) return;
+				selectors.forEach((selector) => {
+					resolveRuntimeSelectorValues(selector, componentInfo, userProps, options).forEach((value) => {
+						const cls = variantGroup[value];
+						if (cls) safelist.push(cls.replaceAll("\\", ""));
+					});
+				});
+			});
+		});
 		[...userProps.entries()].forEach(([propName, usedValues]) => {
 			if (propName === "className") {
 				[...usedValues].forEach((value) => {
@@ -254,6 +317,14 @@ const purgeFromCodeOptimized = async (code, options) => {
 				});
 			});
 		});
+		unresolvedSpreadProps.forEach((propName) => {
+			addVariantGroupClasses(variants[propName] ?? autoVariantsCache[propName], safelist);
+			[componentInfo, ...getComponentWithDeps(componentInfo.name).slice(1)].forEach((comp) => {
+				getVariantKeysForProp(comp, propName).forEach((variantKey) => {
+					addVariantGroupClasses(variants[variantKey] ?? autoVariantsCache[variantKey], safelist);
+				});
+			});
+		});
 	});
 	if (options.includeAllClassNamePrimitives) safelist.push(...extractClassNamePrimitives(sourceFile));
 	const finalSafelist = [...new Set(safelist)];
@@ -323,12 +394,20 @@ const extractPropsFromReference = (reference, stats, sourceFile) => {
 					if (resolved.length > 0) stats.expressionsResolved++;
 				}
 			}
-			props.push([propName, values]);
+			props.push({
+				propName,
+				values,
+				fromSpread: false
+			});
 		}
 		if (attr.asKind(ts_morph.SyntaxKind.JsxSpreadAttribute)) {
 			stats.spreadsTraced++;
 			traceSpreadInFile(attr.asKindOrThrow(ts_morph.SyntaxKind.JsxSpreadAttribute).getExpression().getText(), sourceFile).forEach(([propName, values]) => {
-				if (values.length > 0) props.push([propName, values]);
+				props.push({
+					propName,
+					values,
+					fromSpread: true
+				});
 			});
 		}
 	});
@@ -338,25 +417,31 @@ const extractPropsFromReference = (reference, stats, sourceFile) => {
 * Trace spread props to their source within the same file.
 */
 const traceSpreadInFile = (spreadName, sourceFile) => {
-	const props = [];
-	const varDecl = sourceFile.getVariableDeclaration(spreadName);
-	if (!varDecl) return props;
+	const props = /* @__PURE__ */ new Map();
+	const varDecl = sourceFile.getDescendantsOfKind(ts_morph.SyntaxKind.VariableDeclaration).find((declaration) => declaration.getName() === spreadName);
+	if (!varDecl) return [];
 	const initializer = varDecl.getInitializer();
-	if (!initializer) return props;
-	const objLiteral = initializer.asKind(ts_morph.SyntaxKind.ObjectLiteralExpression) ? initializer.asKindOrThrow(ts_morph.SyntaxKind.ObjectLiteralExpression) : initializer.asKind(ts_morph.SyntaxKind.AsExpression) ? initializer.asKindOrThrow(ts_morph.SyntaxKind.AsExpression).getExpression().asKind(ts_morph.SyntaxKind.ObjectLiteralExpression) ? initializer.asKindOrThrow(ts_morph.SyntaxKind.AsExpression).getExpression().asKindOrThrow(ts_morph.SyntaxKind.ObjectLiteralExpression) : null : null;
-	if (!objLiteral) return props;
-	objLiteral.getProperties().forEach((prop) => {
-		if (prop.asKind(ts_morph.SyntaxKind.PropertyAssignment)) {
+	if (!initializer) return [];
+	getSpreadObjectLiteralCandidates(initializer).forEach((objLiteral) => {
+		objLiteral.getProperties().forEach((prop) => {
+			if (!prop.asKind(ts_morph.SyntaxKind.PropertyAssignment)) return;
 			const propAssign = prop.asKindOrThrow(ts_morph.SyntaxKind.PropertyAssignment);
 			const propName = propAssign.getName();
 			const propInit = propAssign.getInitializer();
-			if (propInit) {
-				const values = require_expressions.extractStringLiterals(propInit);
-				if (values.length > 0) props.push([propName, values]);
-			}
-		}
+			const values = propInit ? require_expressions.extractStringLiterals(propInit) : [];
+			const existingValues = props.get(propName) ?? /* @__PURE__ */ new Set();
+			values.forEach((value) => existingValues.add(value));
+			props.set(propName, existingValues);
+		});
 	});
-	return props;
+	return [...props.entries()].map(([propName, values]) => [propName, [...values]]);
+};
+const getSpreadObjectLiteralCandidates = (node) => {
+	if (ts_morph.Node.isObjectLiteralExpression(node)) return [node];
+	if (ts_morph.Node.isParenthesizedExpression(node)) return getSpreadObjectLiteralCandidates(node.getExpression());
+	if (ts_morph.Node.isAsExpression(node) || ts_morph.Node.isTypeAssertion(node) || ts_morph.Node.isSatisfiesExpression(node)) return getSpreadObjectLiteralCandidates(node.getExpression());
+	if (ts_morph.Node.isConditionalExpression(node)) return [...getSpreadObjectLiteralCandidates(node.getWhenTrue()), ...getSpreadObjectLiteralCandidates(node.getWhenFalse())];
+	return [];
 };
 /**
 * Extract props from getStyles() calls in user code.

package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts

@@ -8,6 +8,7 @@ interface PurgeFromCodeResult {
   components: string[];
   stats: PurgeStats;
 }
+type RuntimeConfigValues = Record<string, string | number | boolean>;
 /**
  * Serialized component info from pre-generated data
  */
@@ -19,6 +20,9 @@ interface SerializedComponentInfo {
   internalComponents: string[];
   internalComponentProps: Record<string, Record<string, string[]>>;
   propToVariantKeys: Record<string, string[]>;
+  runtimeConfigDefaultProps?: Record<string, string>;
+  runtimeConfigGetStyles?: Record<string, string[]>;
+  runtimeConfigInternalComponentProps?: Record<string, Record<string, string[]>>;
 }
 /**
  * Optimized purge from code string.
@@ -46,6 +50,7 @@ interface PurgeFromCodeOptions {
   colorModes?: ('dark' | 'light')[];
   /** Variant defaults from consumer's config - used to include default CSS when prop not specified */
   variantDefaults?: VariantDefaults;
+  runtimeConfigValues?: RuntimeConfigValues;
   variants: Record<string, Record<string, string>>;
   autoVariants: Record<string, Record<string, string>>;
   componentData: Record<string, SerializedComponentInfo>;

package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"purgeFromCode.d.cts","names":[],"sources":["../../../src/purger/optimized/purgeFromCode.ts"],"mappings":";;;;UAMU,mBAAA;EACR,QAAA;EACA,OAAA;EACA,UAAA;EACA,KAAA,EAAO,UAAA;AAAA;;;;UAMC,uBAAA;EACR,IAAA;EACA,YAAA,EAAc,MAAA;EACd,iBAAA,EAAmB,MAAA;EACnB,UAAA;EACA,kBAAA;EACA,sBAAA,EAAwB,MAAA,SAAe,MAAA;EACvC,iBAAA,EAAmB,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;AAAM;;KAoDtB,eAAA,GAAkB,MAAA,SAAe,MAAA;AAAA,UAE5B,oBAAA;EACR,UAAA;EADQ;EAGR,eAAA,GAAkB,eAAA;EAClB,QAAA,EAAU,MAAA,SAAe,MAAA;EACzB,YAAA,EAAc,MAAA,SAAe,MAAA;EAC7B,aAAA,EAAe,MAAA,SAAe,uBAAA;EAC9B,6BAAA;EACA,QAAA;AAAA;AAAA,cAmLI,sBAAA,GACJ,IAAA,UACA,OAAA,EAAS,oBAAA,KACR,OAAA,CAAQ,mBAAA"}
+{"version":3,"file":"purgeFromCode.d.cts","names":[],"sources":["../../../src/purger/optimized/purgeFromCode.ts"],"mappings":";;;;UAMU,mBAAA;EACR,QAAA;EACA,OAAA;EACA,UAAA;EACA,KAAA,EAAO,UAAA;AAAA;AAAA,KAGJ,mBAAA,GAAsB,MAAA;;;;UAKjB,uBAAA;EACR,IAAA;EACA,YAAA,EAAc,MAAA;EACd,iBAAA,EAAmB,MAAA;EACnB,UAAA;EACA,kBAAA;EACA,sBAAA,EAAwB,MAAA,SAAe,MAAA;EACvC,iBAAA,EAAmB,MAAA;EACnB,yBAAA,GAA4B,MAAA;EAC5B,sBAAA,GAAyB,MAAA;EACzB,mCAAA,GAAsC,MAAA,SAAe,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;KAoDlD,eAAA,GAAkB,MAAA,SAAe,MAAA;AAAA,UAE5B,oBAAA;EACR,UAAA;EAxDA;EA0DA,eAAA,GAAkB,eAAA;EAClB,mBAAA,GAAsB,mBAAA;EACtB,QAAA,EAAU,MAAA,SAAe,MAAA;EACzB,YAAA,EAAc,MAAA,SAAe,MAAA;EAC7B,aAAA,EAAe,MAAA,SAAe,uBAAA;EAC9B,6BAAA;EACA,QAAA;AAAA;AAAA,cAqQI,sBAAA,GACJ,IAAA,UACA,OAAA,EAAS,oBAAA,KACR,OAAA,CAAQ,mBAAA"}

package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts

@@ -8,6 +8,7 @@ interface PurgeFromCodeResult {
   components: string[];
   stats: PurgeStats;
 }
+type RuntimeConfigValues = Record<string, string | number | boolean>;
 /**
  * Serialized component info from pre-generated data
  */
@@ -19,6 +20,9 @@ interface SerializedComponentInfo {
   internalComponents: string[];
   internalComponentProps: Record<string, Record<string, string[]>>;
   propToVariantKeys: Record<string, string[]>;
+  runtimeConfigDefaultProps?: Record<string, string>;
+  runtimeConfigGetStyles?: Record<string, string[]>;
+  runtimeConfigInternalComponentProps?: Record<string, Record<string, string[]>>;
 }
 /**
  * Optimized purge from code string.
@@ -46,6 +50,7 @@ interface PurgeFromCodeOptions {
   colorModes?: ('dark' | 'light')[];
   /** Variant defaults from consumer's config - used to include default CSS when prop not specified */
   variantDefaults?: VariantDefaults;
+  runtimeConfigValues?: RuntimeConfigValues;
   variants: Record<string, Record<string, string>>;
   autoVariants: Record<string, Record<string, string>>;
   componentData: Record<string, SerializedComponentInfo>;

package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"purgeFromCode.d.ts","names":[],"sources":["../../../src/purger/optimized/purgeFromCode.ts"],"mappings":";;;;UAMU,mBAAA;EACR,QAAA;EACA,OAAA;EACA,UAAA;EACA,KAAA,EAAO,UAAA;AAAA;;;;UAMC,uBAAA;EACR,IAAA;EACA,YAAA,EAAc,MAAA;EACd,iBAAA,EAAmB,MAAA;EACnB,UAAA;EACA,kBAAA;EACA,sBAAA,EAAwB,MAAA,SAAe,MAAA;EACvC,iBAAA,EAAmB,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;AAAM;;KAoDtB,eAAA,GAAkB,MAAA,SAAe,MAAA;AAAA,UAE5B,oBAAA;EACR,UAAA;EADQ;EAGR,eAAA,GAAkB,eAAA;EAClB,QAAA,EAAU,MAAA,SAAe,MAAA;EACzB,YAAA,EAAc,MAAA,SAAe,MAAA;EAC7B,aAAA,EAAe,MAAA,SAAe,uBAAA;EAC9B,6BAAA;EACA,QAAA;AAAA;AAAA,cAmLI,sBAAA,GACJ,IAAA,UACA,OAAA,EAAS,oBAAA,KACR,OAAA,CAAQ,mBAAA"}
+{"version":3,"file":"purgeFromCode.d.ts","names":[],"sources":["../../../src/purger/optimized/purgeFromCode.ts"],"mappings":";;;;UAMU,mBAAA;EACR,QAAA;EACA,OAAA;EACA,UAAA;EACA,KAAA,EAAO,UAAA;AAAA;AAAA,KAGJ,mBAAA,GAAsB,MAAA;;;;UAKjB,uBAAA;EACR,IAAA;EACA,YAAA,EAAc,MAAA;EACd,iBAAA,EAAmB,MAAA;EACnB,UAAA;EACA,kBAAA;EACA,sBAAA,EAAwB,MAAA,SAAe,MAAA;EACvC,iBAAA,EAAmB,MAAA;EACnB,yBAAA,GAA4B,MAAA;EAC5B,sBAAA,GAAyB,MAAA;EACzB,mCAAA,GAAsC,MAAA,SAAe,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;KAoDlD,eAAA,GAAkB,MAAA,SAAe,MAAA;AAAA,UAE5B,oBAAA;EACR,UAAA;EAxDA;EA0DA,eAAA,GAAkB,eAAA;EAClB,mBAAA,GAAsB,mBAAA;EACtB,QAAA,EAAU,MAAA,SAAe,MAAA;EACzB,YAAA,EAAc,MAAA,SAAe,MAAA;EAC7B,aAAA,EAAe,MAAA,SAAe,uBAAA;EAC9B,6BAAA;EACA,QAAA;AAAA;AAAA,cAqQI,sBAAA,GACJ,IAAA,UACA,OAAA,EAAS,oBAAA,KACR,OAAA,CAAQ,mBAAA"}

package/dist/tailwind/dist/purger/optimized/purgeFromCode.js

@@ -90,6 +90,38 @@ const getVariantKeysForProp = (componentInfo, propName) => {
 	getAutoVariantKeysForProp(componentInfo.name, propName).forEach((inferred) => keys.add(inferred));
 	return [...keys];
 };
+const addVariantGroupClasses = (variantGroup, safelist) => {
+	if (!variantGroup) return;
+	Object.values(variantGroup).forEach((cls) => {
+		safelist.push(cls.replaceAll("\\", ""));
+	});
+};
+const getRuntimeDefaultPropValues = (componentInfo, propName, runtimeConfigValues) => {
+	const selector = componentInfo.runtimeConfigDefaultProps?.[propName];
+	if (!selector || !runtimeConfigValues) return [];
+	const value = runtimeConfigValues[selector];
+	return value === void 0 ? [] : [String(value)];
+};
+const getPropCandidateValues = (componentInfo, propName, userProps, options) => {
+	const explicitValues = userProps.get(propName);
+	if (explicitValues && explicitValues.size > 0) return [...explicitValues];
+	const configuredDefault = options.variantDefaults?.[componentInfo.name]?.[propName];
+	if (configuredDefault) return [configuredDefault];
+	if (componentInfo.defaultProps[propName]) return [componentInfo.defaultProps[propName]];
+	return getRuntimeDefaultPropValues(componentInfo, propName, options.runtimeConfigValues);
+};
+const resolveRuntimeSelectorValues = (selectorTemplate, componentInfo, userProps, options) => {
+	const runtimeConfigValues = options.runtimeConfigValues;
+	if (!runtimeConfigValues) return [];
+	return [...selectorTemplate.matchAll(/\$\{(\w+)\}/g)].map((match) => match[1]).reduce((acc, propName) => {
+		const propValues = getPropCandidateValues(componentInfo, propName, userProps, options);
+		if (propValues.length === 0) return [];
+		return acc.flatMap((selector) => propValues.map((value) => selector.replaceAll("${" + propName + "}", value)));
+	}, [selectorTemplate]).flatMap((selector) => {
+		const value = runtimeConfigValues[selector];
+		return value === void 0 ? [] : [String(value)];
+	});
+};
 const extractClassNamePrimitives = (sourceFile) => {
 	const classes = [];
 	sourceFile.getDescendantsOfKind(SyntaxKind.JsxAttribute).forEach((attr) => {
@@ -139,6 +171,7 @@ const purgeFromCodeOptimized = async (code, options) => {
 		});
 	});
 	const componentProps = /* @__PURE__ */ new Map();
+	const componentUnresolvedSpreadProps = /* @__PURE__ */ new Map();
 	const referencedComponents = /* @__PURE__ */ new Set();
 	const getStylesProps = extractGetStylesCalls(sourceFile, stats, variants);
 	imports.forEach((imp) => {
@@ -146,16 +179,21 @@ const purgeFromCodeOptimized = async (code, options) => {
 			const componentName = reference.getTagNameNode().getText() || imp;
 			referencedComponents.add(componentName);
 			const propsMap = componentProps.get(componentName) ?? /* @__PURE__ */ new Map();
-			extractPropsFromReference(reference, stats, sourceFile).forEach(([propName, values]) => {
+			const unresolvedSpreadProps = componentUnresolvedSpreadProps.get(componentName) ?? /* @__PURE__ */ new Set();
+			extractPropsFromReference(reference, stats, sourceFile).forEach(({ propName, values, fromSpread }) => {
 				if (values.length > 0) {
 					const existing = propsMap.get(propName) ?? /* @__PURE__ */ new Set();
 					values.forEach((val) => existing.add(val));
 					propsMap.set(propName, existing);
+					return;
 				}
+				if (fromSpread) unresolvedSpreadProps.add(propName);
 			});
 			componentProps.set(componentName, propsMap);
+			componentUnresolvedSpreadProps.set(componentName, unresolvedSpreadProps);
 		});
 		if (!componentProps.has(imp)) componentProps.set(imp, /* @__PURE__ */ new Map());
+		if (!componentUnresolvedSpreadProps.has(imp)) componentUnresolvedSpreadProps.set(imp, /* @__PURE__ */ new Set());
 	});
 	const allComponents = [];
 	const seenComponents = /* @__PURE__ */ new Set();
@@ -177,6 +215,7 @@ const purgeFromCodeOptimized = async (code, options) => {
 	});
 	allComponents.forEach((componentInfo) => {
 		const userProps = componentProps.get(componentInfo.name) ?? /* @__PURE__ */ new Map();
+		const unresolvedSpreadProps = componentUnresolvedSpreadProps.get(componentInfo.name) ?? /* @__PURE__ */ new Set();
 		Object.entries(componentInfo.defaultProps).forEach(([propName, propValue]) => {
 			if (userProps.has(propName)) return;
 			const variantGroup = variants[propName];
@@ -200,17 +239,29 @@ const purgeFromCodeOptimized = async (code, options) => {
 				if (cls) safelist.push(cls.replaceAll("\\", ""));
 			}
 		});
+		Object.entries(componentInfo.runtimeConfigGetStyles ?? {}).forEach(([propName, selectors]) => {
+			const variantGroup = variants[propName] ?? autoVariantsCache[propName];
+			if (!variantGroup) return;
+			selectors.forEach((selector) => {
+				resolveRuntimeSelectorValues(selector, componentInfo, userProps, options).forEach((value) => {
+					const cls = variantGroup[value];
+					if (cls) safelist.push(cls.replaceAll("\\", ""));
+				});
+			});
+		});
 		if (componentInfo.cxLiterals) componentInfo.cxLiterals.forEach((cls) => safelist.push(cls));
 		if (componentInfo.propToVariantKeys) {
 			const componentDefaults = options.variantDefaults?.[componentInfo.name] ?? {};
 			Object.keys(componentInfo.propToVariantKeys).forEach((propName) => {
 				if (userProps.has(propName)) return;
-				const defaultValue = componentDefaults[propName];
+				const defaultValues = componentDefaults[propName] ? [componentDefaults[propName]] : getRuntimeDefaultPropValues(componentInfo, propName, options.runtimeConfigValues);
 				getVariantKeysForProp(componentInfo, propName).forEach((variantKey) => {
 					const variantGroup = autoVariantsCache[variantKey];
 					if (variantGroup) {
 						if (variantGroup["default"]) safelist.push(variantGroup["default"]);
-						if (defaultValue && variantGroup[defaultValue]) safelist.push(variantGroup[defaultValue]);
+						defaultValues.forEach((defaultValue) => {
+							if (variantGroup[defaultValue]) safelist.push(variantGroup[defaultValue]);
+						});
 					}
 				});
 			});
@@ -230,6 +281,18 @@ const purgeFromCodeOptimized = async (code, options) => {
 				});
 			});
 		});
+		Object.entries(componentInfo.runtimeConfigInternalComponentProps ?? {}).forEach(([_internalCompName, propsRecord]) => {
+			Object.entries(propsRecord).forEach(([propName, selectors]) => {
+				const variantGroup = variants[propName];
+				if (!variantGroup) return;
+				selectors.forEach((selector) => {
+					resolveRuntimeSelectorValues(selector, componentInfo, userProps, options).forEach((value) => {
+						const cls = variantGroup[value];
+						if (cls) safelist.push(cls.replaceAll("\\", ""));
+					});
+				});
+			});
+		});
 		[...userProps.entries()].forEach(([propName, usedValues]) => {
 			if (propName === "className") {
 				[...usedValues].forEach((value) => {
@@ -253,6 +316,14 @@ const purgeFromCodeOptimized = async (code, options) => {
 				});
 			});
 		});
+		unresolvedSpreadProps.forEach((propName) => {
+			addVariantGroupClasses(variants[propName] ?? autoVariantsCache[propName], safelist);
+			[componentInfo, ...getComponentWithDeps(componentInfo.name).slice(1)].forEach((comp) => {
+				getVariantKeysForProp(comp, propName).forEach((variantKey) => {
+					addVariantGroupClasses(variants[variantKey] ?? autoVariantsCache[variantKey], safelist);
+				});
+			});
+		});
 	});
 	if (options.includeAllClassNamePrimitives) safelist.push(...extractClassNamePrimitives(sourceFile));
 	const finalSafelist = [...new Set(safelist)];
@@ -322,12 +393,20 @@ const extractPropsFromReference = (reference, stats, sourceFile) => {
 					if (resolved.length > 0) stats.expressionsResolved++;
 				}
 			}
-			props.push([propName, values]);
+			props.push({
+				propName,
+				values,
+				fromSpread: false
+			});
 		}
 		if (attr.asKind(SyntaxKind.JsxSpreadAttribute)) {
 			stats.spreadsTraced++;
 			traceSpreadInFile(attr.asKindOrThrow(SyntaxKind.JsxSpreadAttribute).getExpression().getText(), sourceFile).forEach(([propName, values]) => {
-				if (values.length > 0) props.push([propName, values]);
+				props.push({
+					propName,
+					values,
+					fromSpread: true
+				});
 			});
 		}
 	});
@@ -337,25 +416,31 @@ const extractPropsFromReference = (reference, stats, sourceFile) => {
 * Trace spread props to their source within the same file.
 */
 const traceSpreadInFile = (spreadName, sourceFile) => {
-	const props = [];
-	const varDecl = sourceFile.getVariableDeclaration(spreadName);
-	if (!varDecl) return props;
+	const props = /* @__PURE__ */ new Map();
+	const varDecl = sourceFile.getDescendantsOfKind(SyntaxKind.VariableDeclaration).find((declaration) => declaration.getName() === spreadName);
+	if (!varDecl) return [];
 	const initializer = varDecl.getInitializer();
-	if (!initializer) return props;
-	const objLiteral = initializer.asKind(SyntaxKind.ObjectLiteralExpression) ? initializer.asKindOrThrow(SyntaxKind.ObjectLiteralExpression) : initializer.asKind(SyntaxKind.AsExpression) ? initializer.asKindOrThrow(SyntaxKind.AsExpression).getExpression().asKind(SyntaxKind.ObjectLiteralExpression) ? initializer.asKindOrThrow(SyntaxKind.AsExpression).getExpression().asKindOrThrow(SyntaxKind.ObjectLiteralExpression) : null : null;
-	if (!objLiteral) return props;
-	objLiteral.getProperties().forEach((prop) => {
-		if (prop.asKind(SyntaxKind.PropertyAssignment)) {
+	if (!initializer) return [];
+	getSpreadObjectLiteralCandidates(initializer).forEach((objLiteral) => {
+		objLiteral.getProperties().forEach((prop) => {
+			if (!prop.asKind(SyntaxKind.PropertyAssignment)) return;
 			const propAssign = prop.asKindOrThrow(SyntaxKind.PropertyAssignment);
 			const propName = propAssign.getName();
 			const propInit = propAssign.getInitializer();
-			if (propInit) {
-				const values = extractStringLiterals(propInit);
-				if (values.length > 0) props.push([propName, values]);
-			}
-		}
+			const values = propInit ? extractStringLiterals(propInit) : [];
+			const existingValues = props.get(propName) ?? /* @__PURE__ */ new Set();
+			values.forEach((value) => existingValues.add(value));
+			props.set(propName, existingValues);
+		});
 	});
-	return props;
+	return [...props.entries()].map(([propName, values]) => [propName, [...values]]);
+};
+const getSpreadObjectLiteralCandidates = (node) => {
+	if (Node.isObjectLiteralExpression(node)) return [node];
+	if (Node.isParenthesizedExpression(node)) return getSpreadObjectLiteralCandidates(node.getExpression());
+	if (Node.isAsExpression(node) || Node.isTypeAssertion(node) || Node.isSatisfiesExpression(node)) return getSpreadObjectLiteralCandidates(node.getExpression());
+	if (Node.isConditionalExpression(node)) return [...getSpreadObjectLiteralCandidates(node.getWhenTrue()), ...getSpreadObjectLiteralCandidates(node.getWhenFalse())];
+	return [];
 };
 /**
 * Extract props from getStyles() calls in user code.