@yahoo/uds 3.113.0 → 3.114.0-beta.2

package/dist/tailwind/dist/css/theme.d.ts

@@ -0,0 +1,66 @@
+
+import { UDSCSSOptions } from "./generate.js";
+
+//#region ../tailwind/dist/css/theme.d.ts
+//#region src/css/theme.d.ts
+/**
+ * Context passed to theme config function
+ */
+interface UDSThemeContext {
+  /** Current working directory */
+  cwd: string;
+  /** Whether the CLI is running in watch mode */
+  watch?: boolean;
+}
+/**
+ * CSS optimization options for uds.theme.ts
+ */
+interface UDSCSSOptimizationOptions {
+  /** Enable all CSS optimizations (default: true) */
+  enabled?: boolean;
+  /** Remove @font-face declarations for fonts not used in the CSS (default: false) */
+  removeUnusedFonts?: boolean;
+  /** Remove empty CSS rules (default: true) */
+  removeEmptyRules?: boolean;
+  /** Aggregate duplicate selectors (default: true) */
+  aggregateDuplicateSelectors?: boolean;
+  /**
+   * Remove duplicate content from scoped CSS that already exists in main CSS (default: true)
+   * Currently deduplicates @font-face declarations. Reduces bundle size when scoped packages
+   * share fonts with the main app.
+   */
+  deduplicateScopedCss?: boolean;
+  /** Prune unused CSS variables (default: true) */
+  pruneVars?: boolean;
+}
+/**
+ * Theme configuration structure for uds.theme.ts
+ */
+interface UDSThemeConfig {
+  /** Path to app's uds.config (relative to project root) */
+  config?: string;
+  /** Entry directory for app code scanning (default: '/src/') */
+  entry?: string;
+  /** Suppress log output during generation (default: false) */
+  silent?: boolean;
+  /**
+   * Packages that inherit the app's theme configuration.
+   * These packages' styles are merged into the main uds.css file.
+   */
+  inherit?: string[];
+  /** Color modes to include (default: ['dark']) - light mode is always in :root */
+  colorModes?: ('dark' | 'light')[];
+  /** CSS generation options */
+  css?: UDSCSSOptions;
+}
+/**
+ * Theme config can be an object or a function that receives context
+ */
+type UDSThemeConfigInput = UDSThemeConfig | ((ctx: UDSThemeContext) => UDSThemeConfig | Promise<UDSThemeConfig>);
+/**
+ * Helper function to define theme configuration with full type support.
+ * Supports both static config objects and dynamic functions.
+ */
+declare const defineTheme: (config: UDSThemeConfigInput) => UDSThemeConfigInput; //#endregion
+//#endregion
+export { type UDSCSSOptimizationOptions, defineTheme };

package/dist/tailwind/dist/css/theme.js

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../tailwind/dist/css/theme.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* Helper function to define theme configuration with full type support.
+* Supports both static config objects and dynamic functions.
+*/
+const defineTheme = (config) => config;
+
+//#endregion
+export { defineTheme };

package/dist/tailwind/dist/css/utils.cjs

@@ -0,0 +1,234 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_properties = require('../../../automated-config/dist/properties.cjs');
+const require_purgeFromCode = require('../purger/optimized/purgeFromCode.cjs');
+const require_colors = require('../../../cli/dist/lib/colors.cjs');
+const require_print = require('../../../cli/dist/lib/print.cjs');
+let node_fs = require("node:fs");
+node_fs = require_runtime.__toESM(node_fs);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path);
+let fast_glob = require("fast-glob");
+fast_glob = require_runtime.__toESM(fast_glob);
+let node_module = require("node:module");
+
+//#region ../tailwind/dist/css/utils.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* Load a TypeScript/JavaScript config file dynamically
+*/
+const loadConfigFile = async (configPath) => {
+	const absolutePath = node_path.default.isAbsolute(configPath) ? configPath : node_path.default.join(process.cwd(), configPath);
+	if (!node_fs.default.existsSync(absolutePath)) return null;
+	try {
+		const module = await import(absolutePath);
+		return module.default ?? module.config ?? module;
+	} catch (error) {
+		throw new Error(`Failed to load config file: ${absolutePath}\n${error instanceof Error ? error.message : "Unknown error"}`);
+	}
+};
+/**
+* Extract variant defaults from a UniversalTokensConfig.
+* Converts from config structure to a simpler lookup format.
+* e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }
+*/
+const extractVariantDefaults = (config) => {
+	const componentNameMap = {
+		avatar: "Avatar",
+		badge: "Badge",
+		button: "Button",
+		checkbox: "Checkbox",
+		chip: "Chip",
+		divider: "Divider",
+		iconButton: "IconButton",
+		input: "Input",
+		link: "Link",
+		menu: "Menu",
+		radio: "Radio",
+		switch: "Switch"
+	};
+	return Object.entries(config).reduce((acc, [configKey, componentConfig]) => {
+		const pascalName = componentNameMap[configKey];
+		if (!pascalName || !componentConfig || typeof componentConfig !== "object") return acc;
+		const configWithDefaults = componentConfig;
+		return configWithDefaults.defaults ? {
+			...acc,
+			[pascalName]: configWithDefaults.defaults
+		} : acc;
+	}, {});
+};
+/**
+* Scan directory for JSX/TSX files and extract safelist
+*/
+const scanDirectoryForSafelist = async (dir, colorModes, variants, autoVariants, componentData, variantDefaults, includeAllClassNamePrimitives = false) => {
+	const files = await (0, fast_glob.default)("**/*.{js,jsx,ts,tsx}", {
+		cwd: dir,
+		absolute: true,
+		ignore: ["**/node_modules/**"]
+	});
+	const results = await Promise.all(files.map(async (filePath) => {
+		return require_purgeFromCode.purgeFromCodeOptimized(node_fs.default.readFileSync(filePath, "utf-8"), {
+			colorModes,
+			variantDefaults,
+			variants,
+			autoVariants,
+			componentData,
+			includeAllClassNamePrimitives
+		});
+	}));
+	return {
+		safelist: results.flatMap((result) => result.safelist),
+		components: [...new Set(results.flatMap((result) => result.components))],
+		filesScanned: files.length
+	};
+};
+/**
+* Find a package's source directory in node_modules
+*/
+const findMonorepoRoot = (startDir) => {
+	const findUp = (currentDir) => {
+		if (node_fs.default.existsSync(node_path.default.join(currentDir, "packages"))) return currentDir;
+		const parentDir = node_path.default.dirname(currentDir);
+		return parentDir === currentDir ? null : findUp(parentDir);
+	};
+	return findUp(startDir);
+};
+const resolvePackageRoot = (workspaceDir, packageName) => {
+	const require = (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href);
+	try {
+		const resolvedPackageJson = require.resolve(node_path.default.join(packageName, "package.json"), { paths: [workspaceDir] });
+		return node_path.default.dirname(resolvedPackageJson);
+	} catch {
+		return null;
+	}
+};
+const findPackageRootInMonorepo = (monorepoRoot, packageName) => {
+	const matchingPath = fast_glob.default.sync("packages/**/package.json", {
+		cwd: monorepoRoot,
+		absolute: true,
+		ignore: ["**/node_modules/**", "**/dist/**"]
+	}).find((pkgJsonPath) => {
+		try {
+			return JSON.parse(node_fs.default.readFileSync(pkgJsonPath, "utf8")).name === packageName;
+		} catch {
+			return false;
+		}
+	});
+	return matchingPath ? node_path.default.dirname(matchingPath) : null;
+};
+const buildPackageSourceCandidates = (workspaceDir, packageName, packageRoot) => {
+	return [
+		packageRoot ? node_path.default.join(packageRoot, "src") : null,
+		packageRoot ? node_path.default.join(packageRoot, "lib") : null,
+		packageRoot ? node_path.default.join(packageRoot, "dist") : null,
+		packageRoot,
+		node_path.default.join(workspaceDir, "node_modules", packageName, "src"),
+		node_path.default.join(workspaceDir, "node_modules", packageName, "lib"),
+		node_path.default.join(workspaceDir, "node_modules", packageName, "dist"),
+		node_path.default.join(workspaceDir, "node_modules", packageName)
+	].filter(Boolean);
+};
+const getFirstExistingPath = (candidates) => candidates.find((candidate) => node_fs.default.existsSync(candidate)) ?? null;
+const findPackageSourceDir = (packageName) => {
+	const workspaceDir = process.cwd();
+	const monorepoRoot = findMonorepoRoot(workspaceDir);
+	let packageRoot = resolvePackageRoot(workspaceDir, packageName);
+	if (!packageRoot && monorepoRoot) packageRoot = findPackageRootInMonorepo(monorepoRoot, packageName);
+	return getFirstExistingPath(buildPackageSourceCandidates(workspaceDir, packageName, packageRoot));
+};
+/**
+* Format bytes to human readable string
+*/
+const formatBytes = (bytes) => {
+	if (bytes < 1024) return `${bytes} B`;
+	const kb = bytes / 1024;
+	if (kb < 1024) return `${kb.toFixed(1)} KB`;
+	return `${(kb / 1024).toFixed(2)} MB`;
+};
+/**
+* Generate a uds.theme.ts scaffold file
+*/
+const scaffoldThemeConfig = async (options) => {
+	const workspaceDir = process.cwd();
+	const outputPath = options.outputPath ?? "uds.theme.ts";
+	const absoluteOutputPath = node_path.default.isAbsolute(outputPath) ? outputPath : node_path.default.join(workspaceDir, outputPath);
+	if (node_fs.default.existsSync(absoluteOutputPath) && !options.force) {
+		require_print.print(require_colors.red(`Error: ${outputPath} already exists. Use --force to overwrite.`));
+		process.exitCode = 1;
+		return;
+	}
+	const template = `import { defineTheme } from '@yahoo/uds';
+
+/**
+ * UDS Theme Configuration
+ * 
+ * This file configures CSS generation for your app and shared packages.
+ * Run \`uds css\` to generate optimized CSS.
+ */
+export default defineTheme({
+  // Path to your uds.config.ts file
+  config: '${options.configPath ?? "./uds.config.ts"}',
+
+  // Entry directory for scanning your app code
+  entry: '${options.entry ?? "./src"}',
+
+  // Color modes to include (light mode is always in :root)
+  colorModes: ['dark'],
+
+  // Packages that inherit your app's theme (merged into main uds.css)
+  // inherit: ['@your-org/shared-ui'],
+
+  // CSS generation options (all optional)
+  // css: {
+  //   safelist: [],
+  //   preflight: true,
+  //   fontFaceDeclarations: true,
+  //   optimization: {
+  //     removeUnusedFonts: false,
+  //     removeEmptyRules: true,
+  //     deduplicateScopedCss: true
+  //   }
+  // }
+});
+`;
+	node_fs.default.writeFileSync(absoluteOutputPath, template);
+	require_print.print("");
+	require_print.print(require_colors.green("✅ Created uds.theme.ts"));
+	require_print.print("");
+	require_print.print(`${require_colors.magenta("Next steps:")}`);
+	require_print.print(`   1. Review and customize ${require_colors.cyan(outputPath)}`);
+	require_print.print(`   2. Run ${require_colors.cyan("uds css")} to generate CSS`);
+	require_print.print("");
+};
+/**
+* Get motion CSS variable prefixes needed by a set of components.
+* Looks up motionVarPrefixes from componentData.json for each component.
+*/
+const getMotionVarPrefixes = (componentData, components) => {
+	const prefixes = components.flatMap((componentName) => {
+		return componentData[componentName]?.motionVarPrefixes ?? [];
+	});
+	return [...new Set(prefixes)];
+};
+/**
+* Collect css variable names exposed by configurable properties.
+*/
+const getConfigurableCssVariables = () => {
+	const udsVarPrefix = "--uds";
+	const cssVars = Object.values(require_properties.configurableProperties).flatMap(({ cssProperties }) => {
+		if (typeof cssProperties === "string") return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];
+		if (Array.isArray(cssProperties)) return cssProperties.filter((cssProperty) => typeof cssProperty === "string" && cssProperty.startsWith(udsVarPrefix));
+		return [];
+	});
+	return [...new Set(["--uds-button-gap", ...cssVars])];
+};
+
+//#endregion
+exports.extractVariantDefaults = extractVariantDefaults;
+exports.findPackageSourceDir = findPackageSourceDir;
+exports.formatBytes = formatBytes;
+exports.getConfigurableCssVariables = getConfigurableCssVariables;
+exports.getMotionVarPrefixes = getMotionVarPrefixes;
+exports.loadConfigFile = loadConfigFile;
+exports.scaffoldThemeConfig = scaffoldThemeConfig;
+exports.scanDirectoryForSafelist = scanDirectoryForSafelist;

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

@@ -0,0 +1,223 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { configurableProperties } from "../../../automated-config/dist/properties.js";
+import { purgeFromCodeOptimized } from "../purger/optimized/purgeFromCode.js";
+import { cyan, green, magenta, red } from "../../../cli/dist/lib/colors.js";
+import { print } from "../../../cli/dist/lib/print.js";
+import fs from "node:fs";
+import path from "node:path";
+import fg from "fast-glob";
+import { createRequire } from "node:module";
+
+//#region ../tailwind/dist/css/utils.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* Load a TypeScript/JavaScript config file dynamically
+*/
+const loadConfigFile = async (configPath) => {
+	const absolutePath = path.isAbsolute(configPath) ? configPath : path.join(process.cwd(), configPath);
+	if (!fs.existsSync(absolutePath)) return null;
+	try {
+		const module = await import(absolutePath);
+		return module.default ?? module.config ?? module;
+	} catch (error) {
+		throw new Error(`Failed to load config file: ${absolutePath}\n${error instanceof Error ? error.message : "Unknown error"}`);
+	}
+};
+/**
+* Extract variant defaults from a UniversalTokensConfig.
+* Converts from config structure to a simpler lookup format.
+* e.g., { button: { defaults: { size: 'md' } } } -> { Button: { size: 'md' } }
+*/
+const extractVariantDefaults = (config) => {
+	const componentNameMap = {
+		avatar: "Avatar",
+		badge: "Badge",
+		button: "Button",
+		checkbox: "Checkbox",
+		chip: "Chip",
+		divider: "Divider",
+		iconButton: "IconButton",
+		input: "Input",
+		link: "Link",
+		menu: "Menu",
+		radio: "Radio",
+		switch: "Switch"
+	};
+	return Object.entries(config).reduce((acc, [configKey, componentConfig]) => {
+		const pascalName = componentNameMap[configKey];
+		if (!pascalName || !componentConfig || typeof componentConfig !== "object") return acc;
+		const configWithDefaults = componentConfig;
+		return configWithDefaults.defaults ? {
+			...acc,
+			[pascalName]: configWithDefaults.defaults
+		} : acc;
+	}, {});
+};
+/**
+* Scan directory for JSX/TSX files and extract safelist
+*/
+const scanDirectoryForSafelist = async (dir, colorModes, variants, autoVariants, componentData, variantDefaults, includeAllClassNamePrimitives = false) => {
+	const files = await fg("**/*.{js,jsx,ts,tsx}", {
+		cwd: dir,
+		absolute: true,
+		ignore: ["**/node_modules/**"]
+	});
+	const results = await Promise.all(files.map(async (filePath) => {
+		return purgeFromCodeOptimized(fs.readFileSync(filePath, "utf-8"), {
+			colorModes,
+			variantDefaults,
+			variants,
+			autoVariants,
+			componentData,
+			includeAllClassNamePrimitives
+		});
+	}));
+	return {
+		safelist: results.flatMap((result) => result.safelist),
+		components: [...new Set(results.flatMap((result) => result.components))],
+		filesScanned: files.length
+	};
+};
+/**
+* Find a package's source directory in node_modules
+*/
+const findMonorepoRoot = (startDir) => {
+	const findUp = (currentDir) => {
+		if (fs.existsSync(path.join(currentDir, "packages"))) return currentDir;
+		const parentDir = path.dirname(currentDir);
+		return parentDir === currentDir ? null : findUp(parentDir);
+	};
+	return findUp(startDir);
+};
+const resolvePackageRoot = (workspaceDir, packageName) => {
+	const require = createRequire(import.meta.url);
+	try {
+		const resolvedPackageJson = require.resolve(path.join(packageName, "package.json"), { paths: [workspaceDir] });
+		return path.dirname(resolvedPackageJson);
+	} catch {
+		return null;
+	}
+};
+const findPackageRootInMonorepo = (monorepoRoot, packageName) => {
+	const matchingPath = fg.sync("packages/**/package.json", {
+		cwd: monorepoRoot,
+		absolute: true,
+		ignore: ["**/node_modules/**", "**/dist/**"]
+	}).find((pkgJsonPath) => {
+		try {
+			return JSON.parse(fs.readFileSync(pkgJsonPath, "utf8")).name === packageName;
+		} catch {
+			return false;
+		}
+	});
+	return matchingPath ? path.dirname(matchingPath) : null;
+};
+const buildPackageSourceCandidates = (workspaceDir, packageName, packageRoot) => {
+	return [
+		packageRoot ? path.join(packageRoot, "src") : null,
+		packageRoot ? path.join(packageRoot, "lib") : null,
+		packageRoot ? path.join(packageRoot, "dist") : null,
+		packageRoot,
+		path.join(workspaceDir, "node_modules", packageName, "src"),
+		path.join(workspaceDir, "node_modules", packageName, "lib"),
+		path.join(workspaceDir, "node_modules", packageName, "dist"),
+		path.join(workspaceDir, "node_modules", packageName)
+	].filter(Boolean);
+};
+const getFirstExistingPath = (candidates) => candidates.find((candidate) => fs.existsSync(candidate)) ?? null;
+const findPackageSourceDir = (packageName) => {
+	const workspaceDir = process.cwd();
+	const monorepoRoot = findMonorepoRoot(workspaceDir);
+	let packageRoot = resolvePackageRoot(workspaceDir, packageName);
+	if (!packageRoot && monorepoRoot) packageRoot = findPackageRootInMonorepo(monorepoRoot, packageName);
+	return getFirstExistingPath(buildPackageSourceCandidates(workspaceDir, packageName, packageRoot));
+};
+/**
+* Format bytes to human readable string
+*/
+const formatBytes = (bytes) => {
+	if (bytes < 1024) return `${bytes} B`;
+	const kb = bytes / 1024;
+	if (kb < 1024) return `${kb.toFixed(1)} KB`;
+	return `${(kb / 1024).toFixed(2)} MB`;
+};
+/**
+* Generate a uds.theme.ts scaffold file
+*/
+const scaffoldThemeConfig = async (options) => {
+	const workspaceDir = process.cwd();
+	const outputPath = options.outputPath ?? "uds.theme.ts";
+	const absoluteOutputPath = path.isAbsolute(outputPath) ? outputPath : path.join(workspaceDir, outputPath);
+	if (fs.existsSync(absoluteOutputPath) && !options.force) {
+		print(red(`Error: ${outputPath} already exists. Use --force to overwrite.`));
+		process.exitCode = 1;
+		return;
+	}
+	const template = `import { defineTheme } from '@yahoo/uds';
+
+/**
+ * UDS Theme Configuration
+ * 
+ * This file configures CSS generation for your app and shared packages.
+ * Run \`uds css\` to generate optimized CSS.
+ */
+export default defineTheme({
+  // Path to your uds.config.ts file
+  config: '${options.configPath ?? "./uds.config.ts"}',
+
+  // Entry directory for scanning your app code
+  entry: '${options.entry ?? "./src"}',
+
+  // Color modes to include (light mode is always in :root)
+  colorModes: ['dark'],
+
+  // Packages that inherit your app's theme (merged into main uds.css)
+  // inherit: ['@your-org/shared-ui'],
+
+  // CSS generation options (all optional)
+  // css: {
+  //   safelist: [],
+  //   preflight: true,
+  //   fontFaceDeclarations: true,
+  //   optimization: {
+  //     removeUnusedFonts: false,
+  //     removeEmptyRules: true,
+  //     deduplicateScopedCss: true
+  //   }
+  // }
+});
+`;
+	fs.writeFileSync(absoluteOutputPath, template);
+	print("");
+	print(green("✅ Created uds.theme.ts"));
+	print("");
+	print(`${magenta("Next steps:")}`);
+	print(`   1. Review and customize ${cyan(outputPath)}`);
+	print(`   2. Run ${cyan("uds css")} to generate CSS`);
+	print("");
+};
+/**
+* Get motion CSS variable prefixes needed by a set of components.
+* Looks up motionVarPrefixes from componentData.json for each component.
+*/
+const getMotionVarPrefixes = (componentData, components) => {
+	const prefixes = components.flatMap((componentName) => {
+		return componentData[componentName]?.motionVarPrefixes ?? [];
+	});
+	return [...new Set(prefixes)];
+};
+/**
+* Collect css variable names exposed by configurable properties.
+*/
+const getConfigurableCssVariables = () => {
+	const udsVarPrefix = "--uds";
+	const cssVars = Object.values(configurableProperties).flatMap(({ cssProperties }) => {
+		if (typeof cssProperties === "string") return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];
+		if (Array.isArray(cssProperties)) return cssProperties.filter((cssProperty) => typeof cssProperty === "string" && cssProperty.startsWith(udsVarPrefix));
+		return [];
+	});
+	return [...new Set(["--uds-button-gap", ...cssVars])];
+};
+
+//#endregion
+export { extractVariantDefaults, findPackageSourceDir, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes, loadConfigFile, scaffoldThemeConfig, scanDirectoryForSafelist };

package/dist/tailwind/dist/index.d.cts

@@ -1,3 +1,4 @@
 
+import { defineTheme } from "./css/theme.cjs";
 import "./tailwind/components/getResponsiveTextStyles.cjs";
 import { WebTokens, parseTokens } from "./utils/parseTokens.cjs";

package/dist/tailwind/dist/index.d.ts

@@ -1,6 +1,8 @@
 
-import "./tailwind/components/getResponsiveTextStyles.js";
-import { WebTokens, parseTokens } from "./utils/parseTokens.js";
 import "./commands/generateComponentData.js";
+import "./commands/css.js";
 import "./commands/generatePurgeCSSData.js";
-import "./commands/purge.js";
+import "./commands/purge.js";
+import { defineTheme } from "./css/theme.js";
+import "./tailwind/components/getResponsiveTextStyles.js";
+import { WebTokens, parseTokens } from "./utils/parseTokens.js";

package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs

@@ -4,10 +4,10 @@ const require_index = require('../../../../css-tokens/dist/index.cjs');
 const require_print = require('../../../../cli/dist/lib/print.cjs');
 const require_spinner = require('../../../../cli/dist/lib/spinner.cjs');
 const require_tsMorph = require('../../utils/tsMorph.cjs');
+let ts_morph = require("ts-morph");
+let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path);
-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);
 
@@ -32,7 +32,8 @@ const getFiles = async (entry) => {
 		if (!workspaceDir) throw new Error("Workspace directory not found.");
 		return await (0, fast_glob.default)(["**/*.jsx", "**/*.tsx"], {
 			cwd: node_path.default.join(workspaceDir, entry),
-			absolute: true
+			absolute: true,
+			ignore: ["**/node_modules/**"]
 		});
 	} catch {
 		throw new Error(`Couldn't find the entry directory: ${entry}. Please make sure it exists.`);

package/dist/tailwind/dist/purger/legacy/purgeCSS.js

@@ -3,9 +3,9 @@ import { DARK_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE
 import { print } from "../../../../cli/dist/lib/print.js";
 import { spinStart, spinStop } from "../../../../cli/dist/lib/spinner.js";
 import { findReferencesAsJsxElements, getUsedPropsInReference } from "../../utils/tsMorph.js";
-import path from "node:path";
-import { mkdirSync, writeFileSync } from "node:fs";
 import { Node, Project, SyntaxKind, ts } from "ts-morph";
+import { mkdirSync, writeFileSync } from "node:fs";
+import path from "node:path";
 import fg from "fast-glob";
 
 //#region ../tailwind/dist/purger/legacy/purgeCSS.js
@@ -29,7 +29,8 @@ const getFiles = async (entry) => {
 		if (!workspaceDir) throw new Error("Workspace directory not found.");
 		return await fg(["**/*.jsx", "**/*.tsx"], {
 			cwd: path.join(workspaceDir, entry),
-			absolute: true
+			absolute: true,
+			ignore: ["**/node_modules/**"]
 		});
 	} catch {
 		throw new Error(`Couldn't find the entry directory: ${entry}. Please make sure it exists.`);