@yahoo/uds 3.100.0-beta.4 → 3.101.0-beta.1

package/dist/tailwind/dist/utils/parseTokens.cjs

@@ -0,0 +1,136 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_index = require('../../../palette/dist/index.cjs');
+const require_index$1 = require('../../../css-tokens/dist/index.cjs');
+const require_entries = require('./entries.cjs');
+const require_mapValues = require('./mapValues.cjs');
+const require_opacity = require('./opacity.cjs');
+
+//#region ../tailwind/dist/utils/parseTokens.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+function shouldIncludeOpacity(opacity) {
+	if (!opacity) return false;
+	const parsedOpacity = parseInt(opacity, 10);
+	return !isNaN(parsedOpacity) && parsedOpacity !== 100;
+}
+function transformColors(colors, elevationPresets) {
+	const { palette, spectrum } = colors;
+	const rootVars = {};
+	const tailwindConfig = {
+		spectrum: {},
+		palette: {}
+	};
+	for (const [hue, hueSteps] of require_entries.entries(spectrum)) for (const [hueStep, value] of require_entries.entries(hueSteps)) {
+		const varKey = `--${require_index$1.SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
+		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
+		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
+		rootVars[varKey] = value;
+	}
+	require_entries.entries(palette).forEach(([paletteType, paletteConfig]) => {
+		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
+			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
+			const name = `--${require_index$1.UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			rootVars[name] = `var(--${require_index$1.SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
+			const opacityValue = opacity !== void 0 ? require_opacity.parseOpacityStep(opacity) : void 0;
+			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
+		}
+	});
+	require_entries.entries(elevationPresets).forEach(([level, elevationPreset]) => {
+		if (elevationPreset) require_entries.entries(elevationPreset).forEach(([key]) => {
+			if (key === "finalBackgroundValue") {
+				const { r, g, b, a } = elevationPreset[key];
+				const alpha = parseInt(a) / 100;
+				const name = `--${require_index$1.BACKGROUND_COLOR_PREFIX}-elevation-${level}`;
+				rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;
+			}
+			if (key === "borderColor") {
+				const name = `--${require_index$1.LINE_COLOR_PREFIX}-elevation-${level}`;
+				switch (elevationPreset[key].type) {
+					case "always":
+						rootVars[name] = require_index.alwaysPalette[elevationPreset[key].value];
+						break;
+					case "spectrum":
+						rootVars[name] = `rgb(var(--${require_index$1.SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;
+						break;
+					case "line":
+						rootVars[name] = `rgb(var(--${require_index$1.LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;
+						break;
+				}
+			}
+			if (key === "borderWidth") {
+				const name = `--${require_index$1.BORDER_WIDTH_PREFIX}-elevation-${level}`;
+				rootVars[name] = `var(--${require_index$1.BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;
+			}
+			if (key === "dropShadow") {
+				const name = `--${require_index$1.DROP_SHADOW_PREFIX}-elevation-${level}`;
+				const configValue = elevationPreset[key];
+				rootVars[name] = Array.isArray(configValue) ? configValue.map((preset, index) => require_index$1.getShadowLayerValue({
+					preset,
+					prefix: index > 0 ? `${index + 1}` : void 0,
+					shadowType: "drop"
+				})).join(", ") : `var(--${require_index$1.DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;
+			}
+			if (key === "backgroundBlurRadius") {
+				const name = `--${require_index$1.BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;
+				rootVars[name] = `blur(${elevationPreset[key]}px)`;
+			}
+			if (key === "fallbackBlurredBackgroundValue") {
+				const { r, g, b } = elevationPreset[key];
+				const name = `--${require_index$1.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;
+				rootVars[name] = `rgb(${r}, ${g}, ${b})`;
+			}
+		});
+	});
+	return {
+		_vars: rootVars,
+		_raw: colors,
+		tailwindConfig
+	};
+}
+function transformNumericToPx(prefix, config) {
+	if (!config) return {
+		_vars: {},
+		_raw: {},
+		tailwindConfig: {}
+	};
+	const rootVars = {};
+	const tailwindConfig = {};
+	for (const [variant, value] of require_entries.entries(config)) {
+		const rootVarKey = `--${prefix}-${variant}`;
+		rootVars[rootVarKey] = `${value}px`;
+		tailwindConfig[variant] = `var(${rootVarKey})`;
+	}
+	return {
+		_vars: rootVars,
+		_raw: config,
+		tailwindConfig
+	};
+}
+function getElevationPresetsForColorMode(colorMode, config) {
+	if (!config.elevation) return {};
+	const result = {};
+	require_entries.entries(config.elevation).forEach(([level, levelPreset]) => {
+		result[level] = levelPreset[colorMode];
+	});
+	return result;
+}
+function parseTokens(config) {
+	const { colorMode, scaleMode } = config;
+	return {
+		...config,
+		colorMode: {
+			light: transformColors(colorMode.light, getElevationPresetsForColorMode("light", config)),
+			dark: transformColors(colorMode.dark, getElevationPresetsForColorMode("dark", config))
+		},
+		scaleMode: require_mapValues.mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
+			return {
+				borderRadius: transformNumericToPx(require_index$1.BORDER_RADIUS_PREFIX, borderRadius),
+				borderWidth: transformNumericToPx(require_index$1.BORDER_WIDTH_PREFIX, borderWidth),
+				avatarSizes: transformNumericToPx(require_index$1.AVATAR_SIZE_PREFIX, avatarSizes),
+				iconSizes: transformNumericToPx(require_index$1.ICON_SIZE_PREFIX, iconSizes)
+			};
+		})
+	};
+}
+
+//#endregion
+exports.parseTokens = parseTokens;

package/dist/tailwind/dist/utils/parseTokens.d.cts

@@ -0,0 +1,32 @@
+
+import { ColorMode, ColorsConfig, ElevationLevel, ElevationPreset, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode } from "../../../types/dist/index.cjs";
+import { UniversalTokensConfig } from "../../../config/dist/index.cjs";
+
+//#region ../tailwind/dist/utils/parseTokens.d.ts
+//#region src/utils/parseTokens.d.ts
+type ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;
+declare function transformColors(colors: ColorsConfig, elevationPresets: ColorModeElevationPresets): {
+  _vars: Record<string, string>;
+  _raw: ColorsConfig;
+  tailwindConfig: {
+    spectrum: Record<Hue, Record<HueStep, string>>;
+    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
+  };
+};
+declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
+  _vars: Record<string, string>;
+  _raw: Record<string, number>;
+  tailwindConfig: Record<string, string>;
+};
+type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
+  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+  scaleMode: Record<ScaleMode, {
+    borderRadius: ReturnType<typeof transformNumericToPx>;
+    borderWidth: ReturnType<typeof transformNumericToPx>;
+    avatarSizes: ReturnType<typeof transformNumericToPx>;
+    iconSizes: ReturnType<typeof transformNumericToPx>;
+  }>;
+};
+declare function parseTokens(config: UniversalTokensConfig): WebTokens; //#endregion
+//#endregion
+export { type WebTokens, parseTokens };

package/dist/tailwind/dist/utils/parseTokens.d.ts

@@ -0,0 +1,32 @@
+
+import { ColorMode, ColorsConfig, ElevationLevel, ElevationPreset, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode } from "../../../types/dist/index.js";
+import { UniversalTokensConfig } from "../../../config/dist/index.js";
+
+//#region ../tailwind/dist/utils/parseTokens.d.ts
+//#region src/utils/parseTokens.d.ts
+type ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;
+declare function transformColors(colors: ColorsConfig, elevationPresets: ColorModeElevationPresets): {
+  _vars: Record<string, string>;
+  _raw: ColorsConfig;
+  tailwindConfig: {
+    spectrum: Record<Hue, Record<HueStep, string>>;
+    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
+  };
+};
+declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
+  _vars: Record<string, string>;
+  _raw: Record<string, number>;
+  tailwindConfig: Record<string, string>;
+};
+type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
+  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+  scaleMode: Record<ScaleMode, {
+    borderRadius: ReturnType<typeof transformNumericToPx>;
+    borderWidth: ReturnType<typeof transformNumericToPx>;
+    avatarSizes: ReturnType<typeof transformNumericToPx>;
+    iconSizes: ReturnType<typeof transformNumericToPx>;
+  }>;
+};
+declare function parseTokens(config: UniversalTokensConfig): WebTokens; //#endregion
+//#endregion
+export { type WebTokens, parseTokens };

package/dist/tailwind/dist/utils/parseTokens.js

@@ -0,0 +1,136 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { alwaysPalette } from "../../../palette/dist/index.js";
+import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DROP_SHADOW_PREFIX, ICON_SIZE_PREFIX, LINE_COLOR_PREFIX, SPECTRUM_COLOR_PREFIX, UDS_PREFIX, getShadowLayerValue } from "../../../css-tokens/dist/index.js";
+import { entries } from "./entries.js";
+import { mapValues } from "./mapValues.js";
+import { parseOpacityStep } from "./opacity.js";
+
+//#region ../tailwind/dist/utils/parseTokens.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+function shouldIncludeOpacity(opacity) {
+	if (!opacity) return false;
+	const parsedOpacity = parseInt(opacity, 10);
+	return !isNaN(parsedOpacity) && parsedOpacity !== 100;
+}
+function transformColors(colors, elevationPresets) {
+	const { palette, spectrum } = colors;
+	const rootVars = {};
+	const tailwindConfig = {
+		spectrum: {},
+		palette: {}
+	};
+	for (const [hue, hueSteps] of entries(spectrum)) for (const [hueStep, value] of entries(hueSteps)) {
+		const varKey = `--${SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
+		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
+		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
+		rootVars[varKey] = value;
+	}
+	entries(palette).forEach(([paletteType, paletteConfig]) => {
+		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
+			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
+			const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
+			const opacityValue = opacity !== void 0 ? parseOpacityStep(opacity) : void 0;
+			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
+		}
+	});
+	entries(elevationPresets).forEach(([level, elevationPreset]) => {
+		if (elevationPreset) entries(elevationPreset).forEach(([key]) => {
+			if (key === "finalBackgroundValue") {
+				const { r, g, b, a } = elevationPreset[key];
+				const alpha = parseInt(a) / 100;
+				const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;
+				rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;
+			}
+			if (key === "borderColor") {
+				const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;
+				switch (elevationPreset[key].type) {
+					case "always":
+						rootVars[name] = alwaysPalette[elevationPreset[key].value];
+						break;
+					case "spectrum":
+						rootVars[name] = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;
+						break;
+					case "line":
+						rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;
+						break;
+				}
+			}
+			if (key === "borderWidth") {
+				const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;
+				rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;
+			}
+			if (key === "dropShadow") {
+				const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;
+				const configValue = elevationPreset[key];
+				rootVars[name] = Array.isArray(configValue) ? configValue.map((preset, index) => getShadowLayerValue({
+					preset,
+					prefix: index > 0 ? `${index + 1}` : void 0,
+					shadowType: "drop"
+				})).join(", ") : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;
+			}
+			if (key === "backgroundBlurRadius") {
+				const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;
+				rootVars[name] = `blur(${elevationPreset[key]}px)`;
+			}
+			if (key === "fallbackBlurredBackgroundValue") {
+				const { r, g, b } = elevationPreset[key];
+				const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;
+				rootVars[name] = `rgb(${r}, ${g}, ${b})`;
+			}
+		});
+	});
+	return {
+		_vars: rootVars,
+		_raw: colors,
+		tailwindConfig
+	};
+}
+function transformNumericToPx(prefix, config) {
+	if (!config) return {
+		_vars: {},
+		_raw: {},
+		tailwindConfig: {}
+	};
+	const rootVars = {};
+	const tailwindConfig = {};
+	for (const [variant, value] of entries(config)) {
+		const rootVarKey = `--${prefix}-${variant}`;
+		rootVars[rootVarKey] = `${value}px`;
+		tailwindConfig[variant] = `var(${rootVarKey})`;
+	}
+	return {
+		_vars: rootVars,
+		_raw: config,
+		tailwindConfig
+	};
+}
+function getElevationPresetsForColorMode(colorMode, config) {
+	if (!config.elevation) return {};
+	const result = {};
+	entries(config.elevation).forEach(([level, levelPreset]) => {
+		result[level] = levelPreset[colorMode];
+	});
+	return result;
+}
+function parseTokens(config) {
+	const { colorMode, scaleMode } = config;
+	return {
+		...config,
+		colorMode: {
+			light: transformColors(colorMode.light, getElevationPresetsForColorMode("light", config)),
+			dark: transformColors(colorMode.dark, getElevationPresetsForColorMode("dark", config))
+		},
+		scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
+			return {
+				borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),
+				borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),
+				avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),
+				iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes)
+			};
+		})
+	};
+}
+
+//#endregion
+export { parseTokens };

package/dist/{cli/commands → tailwind/dist}/utils/purgeCSS.cjs

@@ -1,22 +1,18 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
 const require_index = require('../../../css-tokens/dist/index.cjs');
-const require_styles_variants = require('../../../styles/variants.cjs');
-const require_print = require('../../dist/lib/print.cjs');
-const require_spinner = require('../../dist/lib/spinner.cjs');
-const require_tailwindPurge = require('../../../uds/generated/tailwindPurge.cjs');
-const require_tsMorph = require('../../../uds/scripts/utils/tsMorph.cjs');
-let node_fs = require("node:fs");
+const require_print = require('../../../cli/dist/lib/print.cjs');
+const require_spinner = require('../../../cli/dist/lib/spinner.cjs');
+const require_tsMorph = require('./tsMorph.cjs');
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path);
-let _yahoo_uds_package_json = require("@yahoo/uds/package.json");
-_yahoo_uds_package_json = require_runtime.__toESM(_yahoo_uds_package_json);
+let node_fs = require("node:fs");
+let ts_morph = require("ts-morph");
 let fast_glob = require("fast-glob");
 fast_glob = require_runtime.__toESM(fast_glob);
-let ts_morph = require("ts-morph");
 
-//#region src/cli/commands/utils/purgeCSS.ts
+//#region ../tailwind/dist/utils/purgeCSS.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const scaleModeToClass = {
 	large: require_index.LARGE_SCALE_MODE_CLASSNAME,
 	medium: require_index.MEDIUM_SCALE_MODE_CLASSNAME,
@@ -74,39 +70,40 @@ const parseFiles = (project, files) => {
 	});
 	return Array.from(importsSet);
 };
-const getTailwindSafelist = (project, componentList) => {
+const getTailwindSafelist = (project, componentList, variants, generatedPurgeCssData, packageJson) => {
+	const { variantsList, componentToVariants, componentToTwClasses } = generatedPurgeCssData;
 	const safeList = [];
-	const validVariants = new Set(require_tailwindPurge.variantsList);
+	const validVariants = new Set(variantsList);
 	const usedProps = /* @__PURE__ */ new Map();
 	componentList.forEach((component) => {
-		if (isUDSComponent(component)) {
-			require_tailwindPurge.componentToVariants[component].forEach(([propName, usedValues]) => {
+		if (isUDSComponent(component, generatedPurgeCssData)) {
+			componentToVariants[component].forEach(([propName, usedValues]) => {
 				if (validVariants.has(propName)) {
 					const options = usedProps.get(propName) ?? /* @__PURE__ */ new Set();
 					usedValues.forEach((val) => options.add(val));
 					usedProps.set(propName, options);
 				}
 			});
-			getUsedProps(project, component).forEach(([propName, usedValues]) => {
+			getUsedProps(project, component, variants, packageJson).forEach(([propName, usedValues]) => {
 				if (validVariants.has(propName)) {
-					if (usedValues.length === 0) usedValues = Object.keys(require_styles_variants.variants[propName]);
+					if (usedValues.length === 0) usedValues = Object.keys(variants[propName] ?? {});
 					const options = usedProps.get(propName) ?? /* @__PURE__ */ new Set();
 					usedValues.forEach((val) => options.add(val));
 					usedProps.set(propName, options);
 				}
 			});
-			safeList.push(...require_tailwindPurge.componentToTwClasses[component].replaceAll("\\", "").split(" "));
+			safeList.push(...componentToTwClasses[component].replaceAll("\\", "").split(" "));
 		}
 	});
 	for (const [propName, usedValues] of usedProps) {
-		const variantGroup = require_styles_variants.variants[propName];
+		const variantGroup = variants[propName];
 		if (variantGroup) usedValues.forEach((option) => {
 			const variantClass = variantGroup[option];
 			if (variantClass) safeList.push(variantClass.replaceAll("\\", ""));
 		});
 	}
-	for (const [variant, variantOptions] of scanGetStylesReferences(project)) {
-		const variantGroup = require_styles_variants.variants[variant];
+	for (const [variant, variantOptions] of scanGetStylesReferences(project, variants, packageJson)) {
+		const variantGroup = variants[variant];
 		if (variantGroup) variantOptions.forEach((option) => {
 			const variantClass = variantGroup[option];
 			if (variantClass) safeList.push(variantClass.replaceAll("\\", ""));
@@ -120,14 +117,14 @@ const getTailwindSafelist = (project, componentList) => {
 * @example
 * const usedProps = getUsedProps(project, 'HStack');
 */
-const getUsedProps = (project, component) => {
+const getUsedProps = (project, component, variants, packageJson) => {
 	const references = [];
-	references.push(...findNamedImportReferences(project, _yahoo_uds_package_json.default.name, component));
-	references.push(...findNamedImportReferences(project, `${_yahoo_uds_package_json.default.name}/experimental`, component));
-	return references.map((reference) => require_tsMorph.getUsedPropsInReference(reference)).flat();
+	references.push(...findNamedImportReferences(project, packageJson.name, component));
+	references.push(...findNamedImportReferences(project, `${packageJson.name}/experimental`, component));
+	return references.map((reference) => require_tsMorph.getUsedPropsInReference(reference, variants)).flat();
 };
-const isUDSComponent = (component) => {
-	return !!require_tailwindPurge.componentToVariants[component];
+const isUDSComponent = (component, { componentToVariants }) => {
+	return !!componentToVariants[component];
 };
 const saveToFile = (safeList, outputPath) => {
 	const fileContent = `
@@ -139,12 +136,13 @@ const saveToFile = (safeList, outputPath) => {
 	(0, node_fs.mkdirSync)(node_path.default.dirname(outputPath), { recursive: true });
 	(0, node_fs.writeFileSync)(outputPath, fileContent);
 };
-const getComponentsToConvertToTW = (udsImport) => {
-	const components = udsImport.filter((importedItem) => !!require_tailwindPurge.componentToVariants[importedItem]);
+const getComponentsToConvertToTW = (udsImport, generatedPurgeCssData) => {
+	const { componentToVariants, componentsDependencies } = generatedPurgeCssData;
+	const components = udsImport.filter((importedItem) => !!componentToVariants[importedItem]);
 	const set = /* @__PURE__ */ new Set();
 	components.forEach((component) => {
 		if (!set.has(component)) set.add(component);
-		if (require_tailwindPurge.componentsDependencies[component]) require_tailwindPurge.componentsDependencies[component].forEach((dependent) => {
+		if (componentsDependencies[component]) componentsDependencies[component].forEach((dependent) => {
 			if (!set.has(dependent)) set.add(dependent);
 		});
 	});
@@ -180,9 +178,9 @@ const getClassesForEnabledThemesAndScales = () => {
 * provide no value for us. Hence why having a literal object passed is the best and probably the only sane way
 * to go about this.
 */
-const scanGetStylesReferences = (project) => {
+const scanGetStylesReferences = (project, variants, packageJson) => {
 	const references = [];
-	for (const sourceFile of project.getSourceFiles()) for (const importDeclaration of sourceFile.getImportDeclarations()) if (importDeclaration.getModuleSpecifierValue() === _yahoo_uds_package_json.default.name) {
+	for (const sourceFile of project.getSourceFiles()) for (const importDeclaration of sourceFile.getImportDeclarations()) if (importDeclaration.getModuleSpecifierValue() === packageJson.name) {
 		for (const namedImport of importDeclaration.getNamedImports()) if (namedImport.getName() === "getStyles") {
 			const identifier = namedImport.getFirstDescendantByKindOrThrow(ts_morph.ts.SyntaxKind.Identifier);
 			for (const reference of identifier.findReferencesAsNodes()) {
@@ -202,7 +200,7 @@ const scanGetStylesReferences = (project) => {
 			const identifier = propertyAssigment.getFirstChildByKind(ts_morph.SyntaxKind.Identifier)?.getText();
 			const stringLiteral = propertyAssigment.getFirstChildByKind(ts_morph.SyntaxKind.StringLiteral)?.getLiteralText();
 			if (identifier && !stringLiteral) {
-				const fallback = !!require_styles_variants.variants[identifier] ? Object.keys(require_styles_variants.variants[identifier]) : [];
+				const fallback = !!variants[identifier] ? Object.keys(variants[identifier]) : [];
 				usedProps.set(identifier, new Set(fallback));
 			}
 			if (identifier && stringLiteral) {
@@ -220,7 +218,7 @@ const scanGetStylesReferences = (project) => {
 	}
 	return usedProps;
 };
-async function purge({ config: configPath = process.env.UDS_OUT_FILE ?? "./uds.config.ts", output = "dist/safelist.ts", entry = "/src/" }) {
+async function purge(variants, packageJson, generatedPurgeCssData, { config: configPath = process.env.UDS_OUT_FILE ?? "./uds.config.ts", output = "dist/safelist.ts", entry = "/src/" }) {
 	const workspaceDir = process.env.PWD || process.cwd();
 	if (!workspaceDir) throw new Error("Workspace directory not found.");
 	const project = new ts_morph.Project({ tsConfigFilePath: node_path.default.join(workspaceDir, "/tsconfig.json") });
@@ -237,22 +235,13 @@ async function purge({ config: configPath = process.env.UDS_OUT_FILE ?? "./uds.c
 	require_print.print("Going through the imports...");
 	const udsImports = parseFiles(project, files);
 	require_print.print("Finding all the components imported from UDS...");
-	const udsComponents = getComponentsToConvertToTW(udsImports);
+	const udsComponents = getComponentsToConvertToTW(udsImports, generatedPurgeCssData);
 	require_print.print("🧑‍🍳 Cooking...");
-	const safeList = getTailwindSafelist(project, udsComponents);
+	const safeList = getTailwindSafelist(project, udsComponents, variants, generatedPurgeCssData, packageJson);
 	const themesAndScalesClasses = getClassesForEnabledThemesAndScales();
 	saveToFile(safeList.concat(themesAndScalesClasses), outputFilePath);
 	require_spinner.spinStop("Generated your safelist!");
 }
 
 //#endregion
-exports.findNamedImportReferences = findNamedImportReferences;
-exports.getClassesForEnabledThemesAndScales = getClassesForEnabledThemesAndScales;
-exports.getComponentsToConvertToTW = getComponentsToConvertToTW;
-exports.getFiles = getFiles;
-exports.getTailwindSafelist = getTailwindSafelist;
-exports.getUsedProps = getUsedProps;
-exports.isUDSComponent = isUDSComponent;
-exports.parseFiles = parseFiles;
-exports.purge = purge;
-exports.scanGetStylesReferences = scanGetStylesReferences;
+exports.purge = purge;

package/dist/tailwind/dist/utils/purgeCSS.d.ts

@@ -0,0 +1,2 @@
+
+import { Project } from "ts-morph";

package/dist/{cli/commands → tailwind/dist}/utils/purgeCSS.js

@@ -1,17 +1,15 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { DARK_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, MEDIUM_SCALE_MODE_CLASSNAME, SMALL_SCALE_MODE_CLASSNAME, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "../../../css-tokens/dist/index.js";
-import { variants } from "../../../styles/variants.js";
-import { print } from "../../dist/lib/print.js";
-import { spinStart, spinStop } from "../../dist/lib/spinner.js";
-import { componentToTwClasses, componentToVariants, componentsDependencies, variantsList } from "../../../uds/generated/tailwindPurge.js";
-import { findReferencesAsJsxElements, getUsedPropsInReference } from "../../../uds/scripts/utils/tsMorph.js";
-import { mkdirSync, writeFileSync } from "node:fs";
+import { print } from "../../../cli/dist/lib/print.js";
+import { spinStart, spinStop } from "../../../cli/dist/lib/spinner.js";
+import { findReferencesAsJsxElements, getUsedPropsInReference } from "./tsMorph.js";
 import path from "node:path";
-import pkg from "@yahoo/uds/package.json" with { type: "json" };
-import fg from "fast-glob";
+import { mkdirSync, writeFileSync } from "node:fs";
 import { Node, Project, SyntaxKind, ts } from "ts-morph";
+import fg from "fast-glob";
 
-//#region src/cli/commands/utils/purgeCSS.ts
+//#region ../tailwind/dist/utils/purgeCSS.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const scaleModeToClass = {
 	large: LARGE_SCALE_MODE_CLASSNAME,
 	medium: MEDIUM_SCALE_MODE_CLASSNAME,
@@ -69,12 +67,13 @@ const parseFiles = (project, files) => {
 	});
 	return Array.from(importsSet);
 };
-const getTailwindSafelist = (project, componentList) => {
+const getTailwindSafelist = (project, componentList, variants, generatedPurgeCssData, packageJson) => {
+	const { variantsList, componentToVariants, componentToTwClasses } = generatedPurgeCssData;
 	const safeList = [];
 	const validVariants = new Set(variantsList);
 	const usedProps = /* @__PURE__ */ new Map();
 	componentList.forEach((component) => {
-		if (isUDSComponent(component)) {
+		if (isUDSComponent(component, generatedPurgeCssData)) {
 			componentToVariants[component].forEach(([propName, usedValues]) => {
 				if (validVariants.has(propName)) {
 					const options = usedProps.get(propName) ?? /* @__PURE__ */ new Set();
@@ -82,9 +81,9 @@ const getTailwindSafelist = (project, componentList) => {
 					usedProps.set(propName, options);
 				}
 			});
-			getUsedProps(project, component).forEach(([propName, usedValues]) => {
+			getUsedProps(project, component, variants, packageJson).forEach(([propName, usedValues]) => {
 				if (validVariants.has(propName)) {
-					if (usedValues.length === 0) usedValues = Object.keys(variants[propName]);
+					if (usedValues.length === 0) usedValues = Object.keys(variants[propName] ?? {});
 					const options = usedProps.get(propName) ?? /* @__PURE__ */ new Set();
 					usedValues.forEach((val) => options.add(val));
 					usedProps.set(propName, options);
@@ -100,7 +99,7 @@ const getTailwindSafelist = (project, componentList) => {
 			if (variantClass) safeList.push(variantClass.replaceAll("\\", ""));
 		});
 	}
-	for (const [variant, variantOptions] of scanGetStylesReferences(project)) {
+	for (const [variant, variantOptions] of scanGetStylesReferences(project, variants, packageJson)) {
 		const variantGroup = variants[variant];
 		if (variantGroup) variantOptions.forEach((option) => {
 			const variantClass = variantGroup[option];
@@ -115,13 +114,13 @@ const getTailwindSafelist = (project, componentList) => {
 * @example
 * const usedProps = getUsedProps(project, 'HStack');
 */
-const getUsedProps = (project, component) => {
+const getUsedProps = (project, component, variants, packageJson) => {
 	const references = [];
-	references.push(...findNamedImportReferences(project, pkg.name, component));
-	references.push(...findNamedImportReferences(project, `${pkg.name}/experimental`, component));
-	return references.map((reference) => getUsedPropsInReference(reference)).flat();
+	references.push(...findNamedImportReferences(project, packageJson.name, component));
+	references.push(...findNamedImportReferences(project, `${packageJson.name}/experimental`, component));
+	return references.map((reference) => getUsedPropsInReference(reference, variants)).flat();
 };
-const isUDSComponent = (component) => {
+const isUDSComponent = (component, { componentToVariants }) => {
 	return !!componentToVariants[component];
 };
 const saveToFile = (safeList, outputPath) => {
@@ -134,7 +133,8 @@ const saveToFile = (safeList, outputPath) => {
 	mkdirSync(path.dirname(outputPath), { recursive: true });
 	writeFileSync(outputPath, fileContent);
 };
-const getComponentsToConvertToTW = (udsImport) => {
+const getComponentsToConvertToTW = (udsImport, generatedPurgeCssData) => {
+	const { componentToVariants, componentsDependencies } = generatedPurgeCssData;
 	const components = udsImport.filter((importedItem) => !!componentToVariants[importedItem]);
 	const set = /* @__PURE__ */ new Set();
 	components.forEach((component) => {
@@ -175,9 +175,9 @@ const getClassesForEnabledThemesAndScales = () => {
 * provide no value for us. Hence why having a literal object passed is the best and probably the only sane way
 * to go about this.
 */
-const scanGetStylesReferences = (project) => {
+const scanGetStylesReferences = (project, variants, packageJson) => {
 	const references = [];
-	for (const sourceFile of project.getSourceFiles()) for (const importDeclaration of sourceFile.getImportDeclarations()) if (importDeclaration.getModuleSpecifierValue() === pkg.name) {
+	for (const sourceFile of project.getSourceFiles()) for (const importDeclaration of sourceFile.getImportDeclarations()) if (importDeclaration.getModuleSpecifierValue() === packageJson.name) {
 		for (const namedImport of importDeclaration.getNamedImports()) if (namedImport.getName() === "getStyles") {
 			const identifier = namedImport.getFirstDescendantByKindOrThrow(ts.SyntaxKind.Identifier);
 			for (const reference of identifier.findReferencesAsNodes()) {
@@ -215,7 +215,7 @@ const scanGetStylesReferences = (project) => {
 	}
 	return usedProps;
 };
-async function purge({ config: configPath = process.env.UDS_OUT_FILE ?? "./uds.config.ts", output = "dist/safelist.ts", entry = "/src/" }) {
+async function purge(variants, packageJson, generatedPurgeCssData, { config: configPath = process.env.UDS_OUT_FILE ?? "./uds.config.ts", output = "dist/safelist.ts", entry = "/src/" }) {
 	const workspaceDir = process.env.PWD || process.cwd();
 	if (!workspaceDir) throw new Error("Workspace directory not found.");
 	const project = new Project({ tsConfigFilePath: path.join(workspaceDir, "/tsconfig.json") });
@@ -232,13 +232,13 @@ async function purge({ config: configPath = process.env.UDS_OUT_FILE ?? "./uds.c
 	print("Going through the imports...");
 	const udsImports = parseFiles(project, files);
 	print("Finding all the components imported from UDS...");
-	const udsComponents = getComponentsToConvertToTW(udsImports);
+	const udsComponents = getComponentsToConvertToTW(udsImports, generatedPurgeCssData);
 	print("🧑‍🍳 Cooking...");
-	const safeList = getTailwindSafelist(project, udsComponents);
+	const safeList = getTailwindSafelist(project, udsComponents, variants, generatedPurgeCssData, packageJson);
 	const themesAndScalesClasses = getClassesForEnabledThemesAndScales();
 	saveToFile(safeList.concat(themesAndScalesClasses), outputFilePath);
 	spinStop("Generated your safelist!");
 }
 
 //#endregion
-export { findNamedImportReferences, getClassesForEnabledThemesAndScales, getComponentsToConvertToTW, getFiles, getTailwindSafelist, getUsedProps, isUDSComponent, parseFiles, purge, scanGetStylesReferences };
+export { purge };