@yahoo/uds 3.100.0-beta.2 → 3.100.0

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 };

package/dist/{uds/scripts → tailwind/dist}/utils/tsMorph.cjs

@@ -1,13 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_variants = require('../../../styles/variants.cjs');
+let lodash_es = require("lodash-es");
 let ts_morph = require("ts-morph");
-let lodash_camelCase_js = require("lodash/camelCase.js");
-lodash_camelCase_js = require_runtime.__toESM(lodash_camelCase_js);
-let lodash_isEmpty_js = require("lodash/isEmpty.js");
-lodash_isEmpty_js = require_runtime.__toESM(lodash_isEmpty_js);
 
-//#region scripts/utils/tsMorph.ts
+//#region ../tailwind/dist/utils/tsMorph.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /** Determines if an expression is using React.forwardRef. */
 function isForwardRefExpression(node) {
 	if (ts_morph.Node.isCallExpression(node)) {
@@ -46,14 +43,6 @@ function getReactFunctionDeclaration(declaration) {
 	}
 	return null;
 }
-/** Get the first descendant JsxElement based on the identifier. */
-function getJsxElement(node, name) {
-	return getJsxElements(node).find((node) => node.getFirstDescendantByKindOrThrow(ts_morph.SyntaxKind.Identifier).getText() === name);
-}
-/** Get all descendant JsxElement nodes. */
-function getJsxElements(node) {
-	return node.getDescendants().filter((node) => ts_morph.Node.isJsxElement(node) || ts_morph.Node.isJsxSelfClosingElement(node));
-}
 /**
 * Traces component references.
 *
@@ -97,7 +86,7 @@ const getParentSpreadOrParamIdentifier = (reference) => {
 /**
 * Get used props on a reference.
 */
-const getUsedPropsInReference = (reference) => {
+const getUsedPropsInReference = (reference, variants) => {
 	const attributes = reference.getAttributes();
 	const res = [];
 	attributes.forEach((attribute) => {
@@ -107,9 +96,9 @@ const getUsedPropsInReference = (reference) => {
 			const values = [];
 			if (stringLiterals.length !== 0) stringLiterals.forEach((stringLiteral) => values.push(stringLiteral.getLiteralText()));
 			const typeName = attribute.getFirstChildByKindOrThrow(ts_morph.SyntaxKind.Identifier).getDefinitions().map((d) => d.getDeclarationNode()?.getChildrenOfKind(ts_morph.SyntaxKind.TypeReference).pop()?.getText()).pop();
-			if (!typeName && !(0, lodash_isEmpty_js.default)(attributeName)) res.push([attributeName, values]);
-			else if (require_styles_variants.variants[(0, lodash_camelCase_js.default)(typeName)] && !(0, lodash_isEmpty_js.default)(typeName)) res.push([(0, lodash_camelCase_js.default)(typeName), values]);
-			else if (!(0, lodash_isEmpty_js.default)(attributeName)) res.push([attributeName, values]);
+			if (!typeName && !(0, lodash_es.isEmpty)(attributeName)) res.push([attributeName, values]);
+			else if (variants[(0, lodash_es.camelCase)(typeName)] && !(0, lodash_es.isEmpty)(typeName)) res.push([(0, lodash_es.camelCase)(typeName), values]);
+			else if (!(0, lodash_es.isEmpty)(attributeName)) res.push([attributeName, values]);
 		}
 		if (ts_morph.Node.isJsxSpreadAttribute(attribute)) {
 			const componentPropsSpreadIdentifier = getParentSpreadOrParamIdentifier(reference);
@@ -118,10 +107,10 @@ const getUsedPropsInReference = (reference) => {
 			if (!lastIdentifier || lastIdentifier?.getText() === componentPropsSpreadIdentifier) return [];
 			lastIdentifier.getType().getProperties().forEach((property) => {
 				const propertyNameFromType = property.getDeclarations().map((declaration) => {
-					return (0, lodash_camelCase_js.default)(declaration.getChildrenOfKind(ts_morph.SyntaxKind.TypeReference)[0]?.getText() ?? "");
+					return (0, lodash_es.camelCase)(declaration.getChildrenOfKind(ts_morph.SyntaxKind.TypeReference)[0]?.getText() ?? "");
 				})[0];
-				if (!(0, lodash_isEmpty_js.default)(property.getName())) res.push([property.getName(), []]);
-				if (!(0, lodash_isEmpty_js.default)(propertyNameFromType)) res.push([propertyNameFromType, []]);
+				if (!(0, lodash_es.isEmpty)(property.getName())) res.push([property.getName(), []]);
+				if (!(0, lodash_es.isEmpty)(propertyNameFromType)) res.push([propertyNameFromType, []]);
 			});
 		}
 		return [];
@@ -131,10 +120,5 @@ const getUsedPropsInReference = (reference) => {
 
 //#endregion
 exports.findReferencesAsJsxElements = findReferencesAsJsxElements;
-exports.getJsxElement = getJsxElement;
-exports.getJsxElements = getJsxElements;
-exports.getParentSpreadOrParamIdentifier = getParentSpreadOrParamIdentifier;
 exports.getReactFunctionDeclaration = getReactFunctionDeclaration;
-exports.getUsedPropsInReference = getUsedPropsInReference;
-exports.isForwardRefExpression = isForwardRefExpression;
-exports.isJsxComponent = isJsxComponent;
+exports.getUsedPropsInReference = getUsedPropsInReference;

package/dist/{uds/scripts → tailwind/dist}/utils/tsMorph.js

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { variants } from "../../../styles/variants.js";
 import { camelCase, isEmpty } from "lodash-es";
 import { Node, SyntaxKind } from "ts-morph";
 
-//#region scripts/utils/tsMorph.ts
+//#region ../tailwind/dist/utils/tsMorph.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /** Determines if an expression is using React.forwardRef. */
 function isForwardRefExpression(node) {
 	if (Node.isCallExpression(node)) {
@@ -42,14 +42,6 @@ function getReactFunctionDeclaration(declaration) {
 	}
 	return null;
 }
-/** Get the first descendant JsxElement based on the identifier. */
-function getJsxElement(node, name) {
-	return getJsxElements(node).find((node) => node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier).getText() === name);
-}
-/** Get all descendant JsxElement nodes. */
-function getJsxElements(node) {
-	return node.getDescendants().filter((node) => Node.isJsxElement(node) || Node.isJsxSelfClosingElement(node));
-}
 /**
 * Traces component references.
 *
@@ -93,7 +85,7 @@ const getParentSpreadOrParamIdentifier = (reference) => {
 /**
 * Get used props on a reference.
 */
-const getUsedPropsInReference = (reference) => {
+const getUsedPropsInReference = (reference, variants) => {
 	const attributes = reference.getAttributes();
 	const res = [];
 	attributes.forEach((attribute) => {
@@ -126,4 +118,4 @@ const getUsedPropsInReference = (reference) => {
 };
 
 //#endregion
-export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
+export { findReferencesAsJsxElements, getReactFunctionDeclaration, getUsedPropsInReference };

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

@@ -0,0 +1,11 @@
+
+import { getBaseTextVars, getResponsiveTextStyles } from "./tailwind/components/getResponsiveTextStyles.cjs";
+import { AddFontsPluginOptions, addFontsPlugin } from "./tailwind/utils/addFontsPlugin.cjs";
+import { getColorModeStyles } from "./tailwind/utils/getColorModeStyles.cjs";
+import { getElevationStyles } from "./tailwind/utils/getElevationStyles.cjs";
+import { getFontFaceDeclarations } from "./tailwind/utils/getFontFaceDeclarations.cjs";
+import { getFontStyles } from "./tailwind/utils/getFontStyles.cjs";
+import { getMotionStyles } from "./tailwind/utils/getMotionStyles.cjs";
+import { getScaleModeStyles } from "./tailwind/utils/getScaleModeStyles.cjs";
+import { getShadowPresetValues } from "./tailwind/utils/getShadowPresetValues.cjs";
+import { getShadowStyles, shadowVariantToCSS } from "./tailwind/utils/getShadowStyles.cjs";

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

@@ -0,0 +1,11 @@
+
+import { getBaseTextVars, getResponsiveTextStyles } from "./tailwind/components/getResponsiveTextStyles.js";
+import { AddFontsPluginOptions, addFontsPlugin } from "./tailwind/utils/addFontsPlugin.js";
+import { getColorModeStyles } from "./tailwind/utils/getColorModeStyles.js";
+import { getElevationStyles } from "./tailwind/utils/getElevationStyles.js";
+import { getFontFaceDeclarations } from "./tailwind/utils/getFontFaceDeclarations.js";
+import { getFontStyles } from "./tailwind/utils/getFontStyles.js";
+import { getMotionStyles } from "./tailwind/utils/getMotionStyles.js";
+import { getScaleModeStyles } from "./tailwind/utils/getScaleModeStyles.js";
+import { getShadowPresetValues } from "./tailwind/utils/getShadowPresetValues.js";
+import { getShadowStyles, shadowVariantToCSS } from "./tailwind/utils/getShadowStyles.js";

package/dist/tailwind/plugin.cjs

@@ -0,0 +1,10 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_getInputStyles = require('./dist/tailwind/components/getInputStyles.cjs');
+const require_defaultTailwindThemeAsUdsConfig = require('./dist/tailwind/defaultTailwindThemeAsUdsConfig.cjs');
+const require_plugin = require('./dist/plugin.cjs');
+
+exports.getInputStyles = require_getInputStyles.getInputStyles;
+exports.getUDSContent = require_plugin.getUDSContent;
+exports.tailwindPlugin = require_plugin.tailwindPlugin;
+exports.udsToTailwindMap = require_defaultTailwindThemeAsUdsConfig.udsToTailwindMap;

package/dist/tailwind/plugin.d.cts

@@ -0,0 +1,5 @@
+
+import { getInputStyles } from "./dist/tailwind/components/getInputStyles.cjs";
+import { udsToTailwindMap } from "./dist/tailwind/defaultTailwindThemeAsUdsConfig.cjs";
+import { getUDSContent, tailwindPlugin } from "./dist/plugin.cjs";
+export { getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/plugin.d.ts

@@ -0,0 +1,5 @@
+
+import { getInputStyles } from "./dist/tailwind/components/getInputStyles.js";
+import { udsToTailwindMap } from "./dist/tailwind/defaultTailwindThemeAsUdsConfig.js";
+import { getUDSContent, tailwindPlugin } from "./dist/plugin.js";
+export { getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/plugin.js

@@ -0,0 +1,6 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { getInputStyles } from "./dist/tailwind/components/getInputStyles.js";
+import { udsToTailwindMap } from "./dist/tailwind/defaultTailwindThemeAsUdsConfig.js";
+import { getUDSContent, tailwindPlugin } from "./dist/plugin.js";
+
+export { getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/{purger/index.cjs → purger.cjs}

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_tailwindPurge = require('../../uds/generated/tailwindPurge.cjs');
+const require_tailwindPurge = require('../uds/generated/tailwindPurge.cjs');
 
 exports.componentToTwClasses = require_tailwindPurge.componentToTwClasses;
 exports.componentToVariants = require_tailwindPurge.componentToVariants;

package/dist/tailwind/{purger/index.d.ts → purger.d.cts}

@@ -1,3 +1,3 @@
 
-import { ComponentDependencies, ComponentToTwClasses, ComponentToVariants, PropToUsedOptions, VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList } from "../../uds/generated/tailwindPurge.js";
+import { ComponentDependencies, ComponentToTwClasses, ComponentToVariants, PropToUsedOptions, VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList } from "../uds/generated/tailwindPurge.cjs";
 export { ComponentDependencies, ComponentToTwClasses, ComponentToVariants, PropToUsedOptions, VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList };