@yahoo/uds 3.143.0 → 3.145.0-beta.1

package/dist/{tailwind → tailwind-v3}/dist/utils/tsMorph.cjs

@@ -1,11 +1,9 @@
-/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+require("../../../_virtual/_rolldown/runtime.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, 1);
-let lodash_isEmpty_js = require("lodash/isEmpty.js");
-lodash_isEmpty_js = require_runtime.__toESM(lodash_isEmpty_js, 1);
-//#region src/utils/tsMorph.ts
+//#region ../tailwind-v3/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)) {
@@ -97,9 +95,9 @@ const getUsedPropsInReference = (reference, variants) => {
 			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 (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);
@@ -108,10 +106,10 @@ const getUsedPropsInReference = (reference, variants) => {
 			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 [];
@@ -120,5 +118,4 @@ const getUsedPropsInReference = (reference, variants) => {
 };
 //#endregion
 exports.findReferencesAsJsxElements = findReferencesAsJsxElements;
-exports.getReactFunctionDeclaration = getReactFunctionDeclaration;
 exports.getUsedPropsInReference = getUsedPropsInReference;

package/dist/{tailwind → tailwind-v3}/dist/utils/tsMorph.js

@@ -1,7 +1,8 @@
-/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { camelCase, isEmpty } from "lodash-es";
 import { Node, SyntaxKind } from "ts-morph";
-//#region src/utils/tsMorph.ts
+//#region ../tailwind-v3/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)) {
@@ -115,6 +116,4 @@ const getUsedPropsInReference = (reference, variants) => {
 	return res;
 };
 //#endregion
-export { findReferencesAsJsxElements, getReactFunctionDeclaration, getUsedPropsInReference };
-
-//# sourceMappingURL=tsMorph.js.map
+export { findReferencesAsJsxElements, getUsedPropsInReference };

package/dist/tailwind-v4/dist/cli.cjs

@@ -0,0 +1,102 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_colors = require("../../cli/dist/lib/colors.cjs");
+const require_print = require("../../cli/dist/lib/print.cjs");
+const require_generateTheme_DkTgUwTM = require("./generateTheme-DkTgUwTM.cjs");
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = require_runtime.__toESM(node_fs_promises, 1);
+//#region ../tailwind-v4/dist/cli.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind v4 v0.0.0-development */
+const ALLOWED_DISABLE_OVERRIDES = new Set([
+	"color",
+	"border",
+	"elevation",
+	"font",
+	"text",
+	"spacing",
+	"radius",
+	"shadow",
+	"breakpoint"
+]);
+function parseDisableOverride(raw) {
+	if (!raw || raw === true) return [];
+	const values = String(raw).split(",").map((value) => value.trim()).filter(Boolean);
+	for (const value of values) if (!ALLOWED_DISABLE_OVERRIDES.has(value)) throw new Error(`Invalid --disable-override entry '${value}'. Allowed values: ${Array.from(ALLOWED_DISABLE_OVERRIDES).join(", ")}.`);
+	return values;
+}
+function isTruthyFlag(value) {
+	if (value === true) return true;
+	if (typeof value !== "string") return false;
+	const normalized = value.trim().toLowerCase();
+	return normalized === "true" || normalized === "1" || normalized === "";
+}
+function parseColorScheme(raw) {
+	if (!raw || raw === true) return "system";
+	const value = String(raw).trim().toLowerCase();
+	if (value === "class" || value === "system" || value === "light" || value === "dark") return value;
+	throw new Error(`Invalid --color-scheme value '${value}'. Allowed: "system", "class", "light", "dark".`);
+}
+function parseColorMode(raw) {
+	if (!raw || raw === true) return "light";
+	const value = String(raw).trim().toLowerCase();
+	if (value === "light" || value === "dark") return value;
+	throw new Error(`Invalid --default-color-mode value '${value}'. Allowed: "light", "dark".`);
+}
+function showHelp() {
+	require_print.print("Usage:\n");
+	require_print.print(`  ${require_colors.cyan("uds tailwind-v4 [options]")}\n`);
+	require_print.print("Options:\n");
+	require_print.print(`  ${require_colors.cyan("--out <path>")}                        Output path (default: dist/uds-theme.css)`);
+	require_print.print(`  ${require_colors.cyan("--color-scheme <mode>")}             Color mode strategy: "system" (media query, default), "class" (CSS classes), "light", or "dark"`);
+	require_print.print(`  ${require_colors.cyan("--default-color-mode <mode>")}       Default color mode: "light" (default) or "dark"`);
+	require_print.print(`  ${require_colors.cyan("--light-mode-class <name>")}         CSS class name for light mode (default: light)`);
+	require_print.print(`  ${require_colors.cyan("--dark-mode-class <name>")}          CSS class name for dark mode (default: dark)`);
+	require_print.print(`  ${require_colors.cyan("--system-mode-class <name>")}        CSS class name for system mode (default: system)`);
+	require_print.print(`  ${require_colors.cyan("--disable-override <list>")}          Comma-separated categories to suppress. Allowed: color, border, elevation, font, text, spacing, radius, shadow, breakpoint`);
+	require_print.print(`  ${require_colors.cyan("--skip-fonts")}                       Skip emitting @font-face declarations`);
+	require_print.print(`  ${require_colors.cyan("--help, -h")}                         Show this help message\n`);
+	require_print.print("Examples:\n");
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --skip-fonts")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --color-scheme system")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --color-scheme class")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --color-scheme class --dark-mode-class dark2 --light-mode-class light2")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --default-color-mode dark")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --color-scheme light")}`);
+	require_print.print(`  ${require_colors.gray("uds tailwind-v4 --color-scheme dark")}`);
+}
+function makeTailwindV4ThemeCommand({ getConfig }) {
+	return {
+		name: "tailwind-v4",
+		description: "Generate Tailwind v4 @theme CSS (with optional @font-face declarations)",
+		run: async ({ options }) => {
+			if (isTruthyFlag(options.help) || isTruthyFlag(options.h)) {
+				showHelp();
+				return;
+			}
+			const outputPath = node_path.default.resolve(process.cwd(), String(options.out ?? "dist/uds-theme.css"));
+			await node_fs_promises.default.mkdir(node_path.default.dirname(outputPath), { recursive: true });
+			const tailwindOptions = {
+				disableOverrideTailwindTheme: parseDisableOverride(options["disable-override"]),
+				includeFontFace: !isTruthyFlag(options["skip-fonts"]),
+				colorScheme: parseColorScheme(options["color-scheme"]),
+				defaultColorMode: parseColorMode(options["default-color-mode"]),
+				lightModeClass: String(options["light-mode-class"] ?? "light"),
+				darkModeClass: String(options["dark-mode-class"] ?? "dark"),
+				systemModeClass: String(options["system-mode-class"] ?? "system")
+			};
+			const { css, warnings } = require_generateTheme_DkTgUwTM.generateThemeResult(await getConfig(), tailwindOptions);
+			await node_fs_promises.default.writeFile(outputPath, css, "utf8");
+			require_print.print(`✅ Generated Tailwind v4 theme CSS at ${require_colors.cyan(outputPath)}`);
+			if (warnings.length > 0) {
+				require_print.print(require_colors.yellow(`⚠ ${warnings.length} warnings encountered during theme generation:`));
+				for (const warning of warnings.slice(0, 10)) require_print.print(require_colors.yellow(`- ${warning.path}: ${warning.message}`));
+				if (warnings.length > 10) require_print.print(require_colors.yellow(`- ...and ${warnings.length - 10} more warnings.`));
+			}
+		}
+	};
+}
+//#endregion
+exports.makeTailwindV4ThemeCommand = makeTailwindV4ThemeCommand;

package/dist/tailwind-v4/dist/cli.js

@@ -0,0 +1,99 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cyan, gray, yellow } from "../../cli/dist/lib/colors.js";
+import { print } from "../../cli/dist/lib/print.js";
+import { generateThemeResult } from "./generateTheme-DkTgUwTM.js";
+import path from "node:path";
+import fs from "node:fs/promises";
+//#region ../tailwind-v4/dist/cli.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind v4 v0.0.0-development */
+const ALLOWED_DISABLE_OVERRIDES = new Set([
+	"color",
+	"border",
+	"elevation",
+	"font",
+	"text",
+	"spacing",
+	"radius",
+	"shadow",
+	"breakpoint"
+]);
+function parseDisableOverride(raw) {
+	if (!raw || raw === true) return [];
+	const values = String(raw).split(",").map((value) => value.trim()).filter(Boolean);
+	for (const value of values) if (!ALLOWED_DISABLE_OVERRIDES.has(value)) throw new Error(`Invalid --disable-override entry '${value}'. Allowed values: ${Array.from(ALLOWED_DISABLE_OVERRIDES).join(", ")}.`);
+	return values;
+}
+function isTruthyFlag(value) {
+	if (value === true) return true;
+	if (typeof value !== "string") return false;
+	const normalized = value.trim().toLowerCase();
+	return normalized === "true" || normalized === "1" || normalized === "";
+}
+function parseColorScheme(raw) {
+	if (!raw || raw === true) return "system";
+	const value = String(raw).trim().toLowerCase();
+	if (value === "class" || value === "system" || value === "light" || value === "dark") return value;
+	throw new Error(`Invalid --color-scheme value '${value}'. Allowed: "system", "class", "light", "dark".`);
+}
+function parseColorMode(raw) {
+	if (!raw || raw === true) return "light";
+	const value = String(raw).trim().toLowerCase();
+	if (value === "light" || value === "dark") return value;
+	throw new Error(`Invalid --default-color-mode value '${value}'. Allowed: "light", "dark".`);
+}
+function showHelp() {
+	print("Usage:\n");
+	print(`  ${cyan("uds tailwind-v4 [options]")}\n`);
+	print("Options:\n");
+	print(`  ${cyan("--out <path>")}                        Output path (default: dist/uds-theme.css)`);
+	print(`  ${cyan("--color-scheme <mode>")}             Color mode strategy: "system" (media query, default), "class" (CSS classes), "light", or "dark"`);
+	print(`  ${cyan("--default-color-mode <mode>")}       Default color mode: "light" (default) or "dark"`);
+	print(`  ${cyan("--light-mode-class <name>")}         CSS class name for light mode (default: light)`);
+	print(`  ${cyan("--dark-mode-class <name>")}          CSS class name for dark mode (default: dark)`);
+	print(`  ${cyan("--system-mode-class <name>")}        CSS class name for system mode (default: system)`);
+	print(`  ${cyan("--disable-override <list>")}          Comma-separated categories to suppress. Allowed: color, border, elevation, font, text, spacing, radius, shadow, breakpoint`);
+	print(`  ${cyan("--skip-fonts")}                       Skip emitting @font-face declarations`);
+	print(`  ${cyan("--help, -h")}                         Show this help message\n`);
+	print("Examples:\n");
+	print(`  ${gray("uds tailwind-v4")}`);
+	print(`  ${gray("uds tailwind-v4 --skip-fonts")}`);
+	print(`  ${gray("uds tailwind-v4 --color-scheme system")}`);
+	print(`  ${gray("uds tailwind-v4 --color-scheme class")}`);
+	print(`  ${gray("uds tailwind-v4 --color-scheme class --dark-mode-class dark2 --light-mode-class light2")}`);
+	print(`  ${gray("uds tailwind-v4 --default-color-mode dark")}`);
+	print(`  ${gray("uds tailwind-v4 --color-scheme light")}`);
+	print(`  ${gray("uds tailwind-v4 --color-scheme dark")}`);
+}
+function makeTailwindV4ThemeCommand({ getConfig }) {
+	return {
+		name: "tailwind-v4",
+		description: "Generate Tailwind v4 @theme CSS (with optional @font-face declarations)",
+		run: async ({ options }) => {
+			if (isTruthyFlag(options.help) || isTruthyFlag(options.h)) {
+				showHelp();
+				return;
+			}
+			const outputPath = path.resolve(process.cwd(), String(options.out ?? "dist/uds-theme.css"));
+			await fs.mkdir(path.dirname(outputPath), { recursive: true });
+			const tailwindOptions = {
+				disableOverrideTailwindTheme: parseDisableOverride(options["disable-override"]),
+				includeFontFace: !isTruthyFlag(options["skip-fonts"]),
+				colorScheme: parseColorScheme(options["color-scheme"]),
+				defaultColorMode: parseColorMode(options["default-color-mode"]),
+				lightModeClass: String(options["light-mode-class"] ?? "light"),
+				darkModeClass: String(options["dark-mode-class"] ?? "dark"),
+				systemModeClass: String(options["system-mode-class"] ?? "system")
+			};
+			const { css, warnings } = generateThemeResult(await getConfig(), tailwindOptions);
+			await fs.writeFile(outputPath, css, "utf8");
+			print(`✅ Generated Tailwind v4 theme CSS at ${cyan(outputPath)}`);
+			if (warnings.length > 0) {
+				print(yellow(`⚠ ${warnings.length} warnings encountered during theme generation:`));
+				for (const warning of warnings.slice(0, 10)) print(yellow(`- ${warning.path}: ${warning.message}`));
+				if (warnings.length > 10) print(yellow(`- ...and ${warnings.length - 10} more warnings.`));
+			}
+		}
+	};
+}
+//#endregion
+export { makeTailwindV4ThemeCommand };