@yahoo/uds 3.104.0 → 3.105.0

package/dist/styles/variants.d.ts

@@ -2,14 +2,17 @@
 //#region src/styles/variants.d.ts
 declare const variants: {
   avatarIconVariantRoot: {
+    readonly default: "uds-avatar-icon-variant-default-root";
     readonly primary: "uds-avatar-icon-variant-primary-root";
     readonly secondary: "uds-avatar-icon-variant-secondary-root";
   };
   avatarImageVariantRoot: {
+    readonly default: "uds-avatar-image-variant-default-root";
     readonly primary: "uds-avatar-image-variant-primary-root";
     readonly secondary: "uds-avatar-image-variant-secondary-root";
   };
   avatarSizeIcon: {
+    readonly default: "uds-avatar-size-default-icon";
     readonly lg: "uds-avatar-size-lg-icon";
     readonly md: "uds-avatar-size-md-icon";
     readonly sm: "uds-avatar-size-sm-icon";
@@ -17,6 +20,7 @@ declare const variants: {
     readonly xs: "uds-avatar-size-xs-icon";
   };
   avatarSizeRoot: {
+    readonly default: "uds-avatar-size-default-root";
     readonly lg: "uds-avatar-size-lg-root";
     readonly md: "uds-avatar-size-md-root";
     readonly sm: "uds-avatar-size-sm-root";
@@ -24,16 +28,19 @@ declare const variants: {
     readonly xs: "uds-avatar-size-xs-root";
   };
   avatarTextVariantRoot: {
+    readonly default: "uds-avatar-text-variant-default-root";
     readonly primary: "uds-avatar-text-variant-primary-root";
     readonly secondary: "uds-avatar-text-variant-secondary-root";
   };
   badgeSizeIcon: {
+    readonly default: "uds-badge-size-default-icon";
     readonly lg: "uds-badge-size-lg-icon";
     readonly md: "uds-badge-size-md-icon";
     readonly sm: "uds-badge-size-sm-icon";
     readonly xs: "uds-badge-size-xs-icon";
   };
   badgeSizeRoot: {
+    readonly default: "uds-badge-size-default-root";
     readonly lg: "uds-badge-size-lg-root";
     readonly md: "uds-badge-size-md-root";
     readonly sm: "uds-badge-size-sm-root";
@@ -44,6 +51,7 @@ declare const variants: {
     readonly "alert-secondary": "uds-badge-variant-alert-secondary-icon";
     readonly brand: "uds-badge-variant-brand-icon";
     readonly "brand-secondary": "uds-badge-variant-brand-secondary-icon";
+    readonly default: "uds-badge-variant-default-icon";
     readonly info: "uds-badge-variant-info-icon";
     readonly "info-secondary": "uds-badge-variant-info-secondary-icon";
     readonly positive: "uds-badge-variant-positive-icon";
@@ -58,6 +66,7 @@ declare const variants: {
     readonly "alert-secondary": "uds-badge-variant-alert-secondary-root";
     readonly brand: "uds-badge-variant-brand-root";
     readonly "brand-secondary": "uds-badge-variant-brand-secondary-root";
+    readonly default: "uds-badge-variant-default-root";
     readonly info: "uds-badge-variant-info-root";
     readonly "info-secondary": "uds-badge-variant-info-secondary-root";
     readonly positive: "uds-badge-variant-positive-root";
@@ -68,12 +77,14 @@ declare const variants: {
     readonly "warning-secondary": "uds-badge-variant-warning-secondary-root";
   };
   buttonSizeIcon: {
+    readonly default: "uds-button-size-default-icon";
     readonly lg: "uds-button-size-lg-icon";
     readonly md: "uds-button-size-md-icon";
     readonly sm: "uds-button-size-sm-icon";
     readonly xs: "uds-button-size-xs-icon";
   };
   buttonSizeRoot: {
+    readonly default: "uds-button-size-default-root";
     readonly lg: "uds-button-size-lg-root";
     readonly md: "uds-button-size-md-root";
     readonly sm: "uds-button-size-sm-root";
@@ -86,6 +97,7 @@ declare const variants: {
     readonly brand: "uds-button-variant-brand-icon";
     readonly "brand-secondary": "uds-button-variant-brand-secondary-icon";
     readonly "brand-tertiary": "uds-button-variant-brand-tertiary-icon";
+    readonly default: "uds-button-variant-default-icon";
     readonly info: "uds-button-variant-info-icon";
     readonly "info-secondary": "uds-button-variant-info-secondary-icon";
     readonly "info-tertiary": "uds-button-variant-info-tertiary-icon";
@@ -106,6 +118,7 @@ declare const variants: {
     readonly brand: "uds-button-variant-brand-root";
     readonly "brand-secondary": "uds-button-variant-brand-secondary-root";
     readonly "brand-tertiary": "uds-button-variant-brand-tertiary-root";
+    readonly default: "uds-button-variant-default-root";
     readonly info: "uds-button-variant-info-root";
     readonly "info-secondary": "uds-button-variant-info-secondary-root";
     readonly "info-tertiary": "uds-button-variant-info-tertiary-root";
@@ -120,28 +133,33 @@ declare const variants: {
     readonly "warning-tertiary": "uds-button-variant-warning-tertiary-root";
   };
   checkboxSizeCheckbox: {
+    readonly default: "uds-checkbox-size-default-checkbox";
     readonly md: "uds-checkbox-size-md-checkbox";
     readonly sm: "uds-checkbox-size-sm-checkbox";
   };
   checkboxSizeRoot: {
+    readonly default: "uds-checkbox-size-default-root";
     readonly md: "uds-checkbox-size-md-root";
     readonly sm: "uds-checkbox-size-sm-root";
   };
   checkboxVariantCheckbox: {
     readonly alert: "uds-checkbox-variant-alert-checkbox";
     readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-checkbox";
+    readonly default: "uds-checkbox-variant-default-checkbox";
     readonly primary: "uds-checkbox-variant-primary-checkbox";
     readonly secondary: "uds-checkbox-variant-secondary-checkbox";
   };
   checkboxVariantCheckboxIcon: {
     readonly alert: "uds-checkbox-variant-alert-checkboxicon";
     readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-checkboxicon";
+    readonly default: "uds-checkbox-variant-default-checkboxicon";
     readonly primary: "uds-checkbox-variant-primary-checkboxicon";
     readonly secondary: "uds-checkbox-variant-secondary-checkboxicon";
   };
   checkboxVariantRoot: {
     readonly alert: "uds-checkbox-variant-alert-root";
     readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-root";
+    readonly default: "uds-checkbox-variant-default-root";
     readonly primary: "uds-checkbox-variant-primary-root";
     readonly secondary: "uds-checkbox-variant-secondary-root";
   };
@@ -163,32 +181,38 @@ declare const variants: {
   chipDismissibleVariantIcon: {
     readonly brand: "uds-chip-dismissible-variant-brand-icon";
     readonly "brand-secondary": "uds-chip-dismissible-variant-brand-secondary-icon";
+    readonly default: "uds-chip-dismissible-variant-default-icon";
     readonly primary: "uds-chip-dismissible-variant-primary-icon";
     readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
   };
   chipDismissibleVariantRoot: {
     readonly brand: "uds-chip-dismissible-variant-brand-root";
     readonly "brand-secondary": "uds-chip-dismissible-variant-brand-secondary-root";
+    readonly default: "uds-chip-dismissible-variant-default-root";
     readonly primary: "uds-chip-dismissible-variant-primary-root";
     readonly secondary: "uds-chip-dismissible-variant-secondary-root";
   };
   chipLinkVariantIcon: {
     readonly brand: "uds-chip-link-variant-brand-icon";
     readonly "brand-secondary": "uds-chip-link-variant-brand-secondary-icon";
+    readonly default: "uds-chip-link-variant-default-icon";
     readonly primary: "uds-chip-link-variant-primary-icon";
     readonly secondary: "uds-chip-link-variant-secondary-icon";
   };
   chipLinkVariantRoot: {
     readonly brand: "uds-chip-link-variant-brand-root";
     readonly "brand-secondary": "uds-chip-link-variant-brand-secondary-root";
+    readonly default: "uds-chip-link-variant-default-root";
     readonly primary: "uds-chip-link-variant-primary-root";
     readonly secondary: "uds-chip-link-variant-secondary-root";
   };
   chipSizeIcon: {
+    readonly default: "uds-chip-size-default-icon";
     readonly md: "uds-chip-size-md-icon";
     readonly sm: "uds-chip-size-sm-icon";
   };
   chipSizeRoot: {
+    readonly default: "uds-chip-size-default-root";
     readonly md: "uds-chip-size-md-root";
     readonly sm: "uds-chip-size-sm-root";
   };
@@ -203,34 +227,40 @@ declare const variants: {
   chipToggleVariantIcon: {
     readonly brand: "uds-chip-toggle-variant-brand-icon";
     readonly "brand-secondary": "uds-chip-toggle-variant-brand-secondary-icon";
+    readonly default: "uds-chip-toggle-variant-default-icon";
     readonly primary: "uds-chip-toggle-variant-primary-icon";
     readonly secondary: "uds-chip-toggle-variant-secondary-icon";
   };
   chipToggleVariantRoot: {
     readonly brand: "uds-chip-toggle-variant-brand-root";
     readonly "brand-secondary": "uds-chip-toggle-variant-brand-secondary-root";
+    readonly default: "uds-chip-toggle-variant-default-root";
     readonly primary: "uds-chip-toggle-variant-primary-root";
     readonly secondary: "uds-chip-toggle-variant-secondary-root";
   };
   dividerVariantLabel: {
+    readonly default: "uds-divider-variant-default-label";
     readonly muted: "uds-divider-variant-muted-label";
     readonly primary: "uds-divider-variant-primary-label";
     readonly secondary: "uds-divider-variant-secondary-label";
     readonly tertiary: "uds-divider-variant-tertiary-label";
   };
   dividerVariantLine: {
+    readonly default: "uds-divider-variant-default-line";
     readonly muted: "uds-divider-variant-muted-line";
     readonly primary: "uds-divider-variant-primary-line";
     readonly secondary: "uds-divider-variant-secondary-line";
     readonly tertiary: "uds-divider-variant-tertiary-line";
   };
   dividerVariantRoot: {
+    readonly default: "uds-divider-variant-default-root";
     readonly muted: "uds-divider-variant-muted-root";
     readonly primary: "uds-divider-variant-primary-root";
     readonly secondary: "uds-divider-variant-secondary-root";
     readonly tertiary: "uds-divider-variant-tertiary-root";
   };
   iconbuttonSizeIcon: {
+    readonly default: "uds-iconbutton-size-default-icon";
     readonly lg: "uds-iconbutton-size-lg-icon";
     readonly md: "uds-iconbutton-size-md-icon";
     readonly sm: "uds-iconbutton-size-sm-icon";
@@ -238,6 +268,7 @@ declare const variants: {
     readonly xs: "uds-iconbutton-size-xs-icon";
   };
   iconbuttonSizeRoot: {
+    readonly default: "uds-iconbutton-size-default-root";
     readonly lg: "uds-iconbutton-size-lg-root";
     readonly md: "uds-iconbutton-size-md-root";
     readonly sm: "uds-iconbutton-size-sm-root";
@@ -245,34 +276,42 @@ declare const variants: {
     readonly xs: "uds-iconbutton-size-xs-root";
   };
   inputSizeEndIcon: {
+    readonly default: "uds-input-size-default-endicon";
     readonly lg: "uds-input-size-lg-endicon";
     readonly md: "uds-input-size-md-endicon";
   };
   inputSizeHelperIcon: {
+    readonly default: "uds-input-size-default-helpericon";
     readonly lg: "uds-input-size-lg-helpericon";
     readonly md: "uds-input-size-md-helpericon";
   };
   inputSizeHelperText: {
+    readonly default: "uds-input-size-default-helpertext";
     readonly lg: "uds-input-size-lg-helpertext";
     readonly md: "uds-input-size-md-helpertext";
   };
   inputSizeInput: {
+    readonly default: "uds-input-size-default-input";
     readonly lg: "uds-input-size-lg-input";
     readonly md: "uds-input-size-md-input";
   };
   inputSizeInputWrapper: {
+    readonly default: "uds-input-size-default-inputwrapper";
     readonly lg: "uds-input-size-lg-inputwrapper";
     readonly md: "uds-input-size-md-inputwrapper";
   };
   inputSizeLabel: {
+    readonly default: "uds-input-size-default-label";
     readonly lg: "uds-input-size-lg-label";
     readonly md: "uds-input-size-md-label";
   };
   inputSizeRoot: {
+    readonly default: "uds-input-size-default-root";
     readonly lg: "uds-input-size-lg-root";
     readonly md: "uds-input-size-md-root";
   };
   inputSizeStartIcon: {
+    readonly default: "uds-input-size-default-starticon";
     readonly lg: "uds-input-size-lg-starticon";
     readonly md: "uds-input-size-md-starticon";
   };
@@ -350,6 +389,7 @@ declare const variants: {
     readonly body1: "uds-link-textstyle-body1-icon";
     readonly caption1: "uds-link-textstyle-caption1-icon";
     readonly caption2: "uds-link-textstyle-caption2-icon";
+    readonly default: "uds-link-textstyle-default-icon";
     readonly display1: "uds-link-textstyle-display1-icon";
     readonly display2: "uds-link-textstyle-display2-icon";
     readonly display3: "uds-link-textstyle-display3-icon";
@@ -374,6 +414,7 @@ declare const variants: {
     readonly body1: "uds-link-textstyle-body1-root";
     readonly caption1: "uds-link-textstyle-caption1-root";
     readonly caption2: "uds-link-textstyle-caption2-root";
+    readonly default: "uds-link-textstyle-default-root";
     readonly display1: "uds-link-textstyle-display1-root";
     readonly display2: "uds-link-textstyle-display2-root";
     readonly display3: "uds-link-textstyle-display3-root";
@@ -395,18 +436,21 @@ declare const variants: {
     readonly ui6: "uds-link-textstyle-ui6-root";
   };
   linkVariantIconEnd: {
+    readonly default: "uds-link-variant-default-iconend";
     readonly "on-color": "uds-link-variant-on-color-iconend";
     readonly primary: "uds-link-variant-primary-iconend";
     readonly secondary: "uds-link-variant-secondary-iconend";
     readonly tertiary: "uds-link-variant-tertiary-iconend";
   };
   linkVariantIconStart: {
+    readonly default: "uds-link-variant-default-iconstart";
     readonly "on-color": "uds-link-variant-on-color-iconstart";
     readonly primary: "uds-link-variant-primary-iconstart";
     readonly secondary: "uds-link-variant-secondary-iconstart";
     readonly tertiary: "uds-link-variant-tertiary-iconstart";
   };
   linkVariantRoot: {
+    readonly default: "uds-link-variant-default-root";
     readonly "on-color": "uds-link-variant-on-color-root";
     readonly primary: "uds-link-variant-primary-root";
     readonly secondary: "uds-link-variant-secondary-root";
@@ -486,28 +530,33 @@ declare const variants: {
     readonly default: "uds-menuitem-size-default-starticon";
   };
   radioSizeRadio: {
+    readonly default: "uds-radio-size-default-radio";
     readonly md: "uds-radio-size-md-radio";
     readonly sm: "uds-radio-size-sm-radio";
   };
   radioSizeRoot: {
+    readonly default: "uds-radio-size-default-root";
     readonly md: "uds-radio-size-md-root";
     readonly sm: "uds-radio-size-sm-root";
   };
   radioVariantRadio: {
     readonly alert: "uds-radio-variant-alert-radio";
     readonly "alert-secondary": "uds-radio-variant-alert-secondary-radio";
+    readonly default: "uds-radio-variant-default-radio";
     readonly primary: "uds-radio-variant-primary-radio";
     readonly secondary: "uds-radio-variant-secondary-radio";
   };
   radioVariantRadioCircle: {
     readonly alert: "uds-radio-variant-alert-radiocircle";
     readonly "alert-secondary": "uds-radio-variant-alert-secondary-radiocircle";
+    readonly default: "uds-radio-variant-default-radiocircle";
     readonly primary: "uds-radio-variant-primary-radiocircle";
     readonly secondary: "uds-radio-variant-secondary-radiocircle";
   };
   radioVariantRoot: {
     readonly alert: "uds-radio-variant-alert-root";
     readonly "alert-secondary": "uds-radio-variant-alert-secondary-root";
+    readonly default: "uds-radio-variant-default-root";
     readonly primary: "uds-radio-variant-primary-root";
     readonly secondary: "uds-radio-variant-secondary-root";
   };
@@ -524,18 +573,22 @@ declare const variants: {
     readonly unchecked: "uds-radio-variant-value-unchecked-root";
   };
   switchSizeHandle: {
+    readonly default: "uds-switch-size-default-handle";
     readonly md: "uds-switch-size-md-handle";
     readonly sm: "uds-switch-size-sm-handle";
   };
   switchSizeHandleIcon: {
+    readonly default: "uds-switch-size-default-handleicon";
     readonly md: "uds-switch-size-md-handleicon";
     readonly sm: "uds-switch-size-sm-handleicon";
   };
   switchSizeRoot: {
+    readonly default: "uds-switch-size-default-root";
     readonly md: "uds-switch-size-md-root";
     readonly sm: "uds-switch-size-sm-root";
   };
   switchSizeSwitch: {
+    readonly default: "uds-switch-size-default-switch";
     readonly md: "uds-switch-size-md-switch";
     readonly sm: "uds-switch-size-sm-switch";
   };
@@ -583,6 +636,7 @@ declare const variants: {
     readonly default: "uds-toast-size-default-root";
   };
   toastVariantActionButton: {
+    readonly default: "uds-toast-variant-default-actionbutton";
     readonly error: "uds-toast-variant-error-actionbutton";
     readonly info: "uds-toast-variant-info-actionbutton";
     readonly loading: "uds-toast-variant-loading-actionbutton";
@@ -590,6 +644,7 @@ declare const variants: {
     readonly warning: "uds-toast-variant-warning-actionbutton";
   };
   toastVariantCloseIcon: {
+    readonly default: "uds-toast-variant-default-closeicon";
     readonly error: "uds-toast-variant-error-closeicon";
     readonly info: "uds-toast-variant-info-closeicon";
     readonly loading: "uds-toast-variant-loading-closeicon";
@@ -597,6 +652,7 @@ declare const variants: {
     readonly warning: "uds-toast-variant-warning-closeicon";
   };
   toastVariantIcon: {
+    readonly default: "uds-toast-variant-default-icon";
     readonly error: "uds-toast-variant-error-icon";
     readonly info: "uds-toast-variant-info-icon";
     readonly loading: "uds-toast-variant-loading-icon";
@@ -604,6 +660,7 @@ declare const variants: {
     readonly warning: "uds-toast-variant-warning-icon";
   };
   toastVariantRoot: {
+    readonly default: "uds-toast-variant-default-root";
     readonly error: "uds-toast-variant-error-root";
     readonly info: "uds-toast-variant-info-root";
     readonly loading: "uds-toast-variant-loading-root";

package/dist/tailwind/dist/commands/generateComponentData.cjs

@@ -0,0 +1,65 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_print = require('../../../cli/dist/lib/print.cjs');
+const require_componentAnalyzer = require('../purger/optimized/utils/componentAnalyzer.cjs');
+let node_fs = require("node:fs");
+
+//#region ../tailwind/dist/commands/generateComponentData.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* Pre-generates component analysis data at build time.
+* This data is used by the optimized purger to know:
+* - Default prop values for each component
+* - Hardcoded literals in getStyles() calls
+* - Internal component dependencies
+* - Literal props passed to internal components
+*/
+const makeGenerateComponentDataCommand = (getContext) => ({
+	name: "generateComponentData",
+	description: `Generates component data for UDS components. This is an internal command used to by the optimized purger.`,
+	tag: "hidden",
+	run: async (_props) => {
+		const { project, componentsDir, outputFile } = await getContext();
+		require_print.print("Scanning components in:", componentsDir);
+		const componentPaths = await require_componentAnalyzer.scanComponentFiles(componentsDir);
+		require_print.print(`Found ${componentPaths.size} components`);
+		const componentData = {};
+		for (const [name, filePath] of componentPaths) try {
+			project.addSourceFileAtPath(filePath);
+			const info = require_componentAnalyzer.analyzeComponent(project, filePath);
+			if (info) componentData[name] = serializeComponentInfo(info);
+		} catch (error) {
+			console.warn(`Warning: Could not analyze ${name}:`, error);
+		}
+		(0, node_fs.writeFileSync)(outputFile, JSON.stringify(componentData, null, 2));
+		require_print.print(`Generated component data for ${Object.keys(componentData).length} components`);
+		require_print.print(`Output written to: ${outputFile}`);
+		let totalDefaults = 0;
+		let totalLiterals = 0;
+		let totalInternalComponents = 0;
+		for (const comp of Object.values(componentData)) {
+			totalDefaults += Object.keys(comp.defaultProps).length;
+			totalLiterals += Object.keys(comp.getStylesLiterals).length;
+			totalInternalComponents += comp.internalComponents.length;
+		}
+		require_print.print("\nStats:");
+		require_print.print(`  Default props: ${totalDefaults}`);
+		require_print.print(`  getStyles literals: ${totalLiterals}`);
+		require_print.print(`  Internal component refs: ${totalInternalComponents}`);
+	}
+});
+function serializeComponentInfo(info) {
+	return {
+		name: info.name,
+		defaultProps: Object.fromEntries(info.defaultProps),
+		getStylesLiterals: Object.fromEntries(info.getStylesLiterals),
+		cxLiterals: info.cxLiterals,
+		internalComponents: info.internalComponents,
+		internalComponentProps: Object.fromEntries(Array.from(info.internalComponentProps.entries()).map(([key, propsMap]) => [key, Object.fromEntries(propsMap)])),
+		propToVariantKeys: Object.fromEntries(info.propToVariantKeys),
+		motionVarPrefixes: info.motionVarPrefixes
+	};
+}
+
+//#endregion
+exports.makeGenerateComponentDataCommand = makeGenerateComponentDataCommand;

package/dist/tailwind/dist/commands/generateComponentData.d.ts

@@ -0,0 +1,3 @@
+
+import { Project } from "ts-morph";
+import { Command } from "@yahoo/uds-cli";

package/dist/tailwind/dist/commands/generateComponentData.js

@@ -0,0 +1,64 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { print } from "../../../cli/dist/lib/print.js";
+import { analyzeComponent, scanComponentFiles } from "../purger/optimized/utils/componentAnalyzer.js";
+import { writeFileSync } from "node:fs";
+
+//#region ../tailwind/dist/commands/generateComponentData.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* Pre-generates component analysis data at build time.
+* This data is used by the optimized purger to know:
+* - Default prop values for each component
+* - Hardcoded literals in getStyles() calls
+* - Internal component dependencies
+* - Literal props passed to internal components
+*/
+const makeGenerateComponentDataCommand = (getContext) => ({
+	name: "generateComponentData",
+	description: `Generates component data for UDS components. This is an internal command used to by the optimized purger.`,
+	tag: "hidden",
+	run: async (_props) => {
+		const { project, componentsDir, outputFile } = await getContext();
+		print("Scanning components in:", componentsDir);
+		const componentPaths = await scanComponentFiles(componentsDir);
+		print(`Found ${componentPaths.size} components`);
+		const componentData = {};
+		for (const [name, filePath] of componentPaths) try {
+			project.addSourceFileAtPath(filePath);
+			const info = analyzeComponent(project, filePath);
+			if (info) componentData[name] = serializeComponentInfo(info);
+		} catch (error) {
+			console.warn(`Warning: Could not analyze ${name}:`, error);
+		}
+		writeFileSync(outputFile, JSON.stringify(componentData, null, 2));
+		print(`Generated component data for ${Object.keys(componentData).length} components`);
+		print(`Output written to: ${outputFile}`);
+		let totalDefaults = 0;
+		let totalLiterals = 0;
+		let totalInternalComponents = 0;
+		for (const comp of Object.values(componentData)) {
+			totalDefaults += Object.keys(comp.defaultProps).length;
+			totalLiterals += Object.keys(comp.getStylesLiterals).length;
+			totalInternalComponents += comp.internalComponents.length;
+		}
+		print("\nStats:");
+		print(`  Default props: ${totalDefaults}`);
+		print(`  getStyles literals: ${totalLiterals}`);
+		print(`  Internal component refs: ${totalInternalComponents}`);
+	}
+});
+function serializeComponentInfo(info) {
+	return {
+		name: info.name,
+		defaultProps: Object.fromEntries(info.defaultProps),
+		getStylesLiterals: Object.fromEntries(info.getStylesLiterals),
+		cxLiterals: info.cxLiterals,
+		internalComponents: info.internalComponents,
+		internalComponentProps: Object.fromEntries(Array.from(info.internalComponentProps.entries()).map(([key, propsMap]) => [key, Object.fromEntries(propsMap)])),
+		propToVariantKeys: Object.fromEntries(info.propToVariantKeys),
+		motionVarPrefixes: info.motionVarPrefixes
+	};
+}
+
+//#endregion
+export { makeGenerateComponentDataCommand };

package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs

@@ -25,7 +25,7 @@ const makeGeneratePurgeCSSDataCommand = (getContext) => ({
 		componentToTwClasses = require_generatePurgeCSSData.addAutoVariantsToComponentClasses(componentToTwClasses);
 		const outputFilePath = node_path.default.resolve(process.cwd(), "./generated/tailwindPurge.ts");
 		const formattedContent = await (0, prettier.format)(`
-//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! This file is generated by \`uds purge\` from @yahoo/uds
 //! Do not edit directly
 //! If there is issue with this file please report to #ask-uds
 

package/dist/tailwind/dist/commands/generatePurgeCSSData.js

@@ -23,7 +23,7 @@ const makeGeneratePurgeCSSDataCommand = (getContext) => ({
 		componentToTwClasses = addAutoVariantsToComponentClasses(componentToTwClasses);
 		const outputFilePath = path.resolve(process.cwd(), "./generated/tailwindPurge.ts");
 		const formattedContent = await format(`
-//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! This file is generated by \`uds purge\` from @yahoo/uds
 //! Do not edit directly
 //! If there is issue with this file please report to #ask-uds
 

package/dist/tailwind/dist/commands/purge.cjs

@@ -1,7 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_analytics = require('../../../cli/dist/utils/analytics.cjs');
+const require_print = require('../../../cli/dist/lib/print.cjs');
 const require_spinner = require('../../../cli/dist/lib/spinner.cjs');
-const require_purgeCSS = require('../utils/purgeCSS.cjs');
+const require_purgeCSS = require('../purger/legacy/purgeCSS.cjs');
+const require_purge = require('../purger/optimized/purge.cjs');
 
 //#region ../tailwind/dist/commands/purge.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
@@ -9,16 +11,44 @@ const makePurgeCommand = (getContext) => ({
 	name: "purge",
 	description: `Purge unused CSS`,
 	run: async (props) => {
-		require_spinner.spinStart("Purging css started...");
-		try {
-			const { variants, packageJson, generatedPurgeCssData } = await getContext();
-			await require_purgeCSS.purge(variants, packageJson, generatedPurgeCssData, props.options);
-			require_spinner.spinStop("✅", "Purging css done!");
-			return await require_analytics.trackEvent("purge");
-		} catch (error) {
-			if (error instanceof Error) require_spinner.spinStop("❌", error.message);
-			else require_spinner.spinStop("❌", "Purging css failed! Please reach out to #uds-ask channel for support.");
-			process.exitCode = 1;
+		const { entry, output, optimized, config } = props.options;
+		const useOptimized = optimized === "true" || optimized === true;
+		const { variants, autoVariants, packageJson, generatedPurgeCssData, componentData } = await getContext();
+		if (useOptimized) {
+			require_spinner.spinStart("Purging CSS with optimized purger...");
+			try {
+				const result = await require_purge.purgeOptimized({
+					entry: typeof entry === "string" ? entry : void 0,
+					output: typeof output === "string" ? output : void 0,
+					variants,
+					autoVariants,
+					componentData
+				});
+				require_spinner.spinStop("✅", `Purging done (optimized)! Generated ${result.stats.classesGenerated} classes in ${result.stats.timeMs}ms`);
+				require_print.print(`   Files scanned: ${result.stats.filesScanned}`);
+				require_print.print(`   Spreads traced: ${result.stats.spreadsTraced}`);
+				require_print.print(`   Expressions resolved: ${result.stats.expressionsResolved}`);
+				return await require_analytics.trackEvent("purge", { optimized: true });
+			} catch (error) {
+				if (error instanceof Error) require_spinner.spinStop("❌", error.message);
+				else require_spinner.spinStop("❌", "Purging css failed! Please reach out to #uds-ask channel for support.");
+				process.exitCode = 1;
+			}
+		} else {
+			require_spinner.spinStart("Purging css started...");
+			try {
+				await require_purgeCSS.purge(variants, packageJson, generatedPurgeCssData, {
+					config: typeof config === "string" ? config : void 0,
+					entry: typeof entry === "string" ? entry : void 0,
+					output: typeof output === "string" ? output : void 0
+				});
+				require_spinner.spinStop("✅", "Purging css done!");
+				return await require_analytics.trackEvent("purge");
+			} catch (error) {
+				if (error instanceof Error) require_spinner.spinStop("❌", error.message);
+				else require_spinner.spinStop("❌", "Purging css failed! Please reach out to #uds-ask channel for support.");
+				process.exitCode = 1;
+			}
 		}
 	}
 });

package/dist/tailwind/dist/commands/purge.d.ts

@@ -1,3 +1,4 @@
 
-import "../utils/purgeCSS.js";
+import "./generateComponentData.js";
+import "../purger/legacy/purgeCSS.js";
 import { Command } from "@yahoo/uds-cli";