@yahoo/uds 3.114.0 → 3.115.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +12 -1
  2. package/dist/automated-config/dist/mapTextVariantFixtureToValue.js +12 -1
  3. package/dist/automated-config/dist/properties.cjs +1 -1
  4. package/dist/automated-config/dist/properties.js +1 -1
  5. package/dist/cli/commands/sync.cjs +1 -3
  6. package/dist/cli/commands/sync.d.cts +1 -1
  7. package/dist/cli/commands/sync.d.ts +1 -1
  8. package/dist/cli/commands/sync.js +1 -3
  9. package/dist/cli/commands/version.cjs +0 -2
  10. package/dist/cli/commands/version.d.cts +1 -1
  11. package/dist/cli/commands/version.d.ts +1 -1
  12. package/dist/cli/commands/version.js +0 -2
  13. package/dist/cli/dist/commands/editor-rules.cjs +1 -1
  14. package/dist/cli/dist/commands/editor-rules.js +1 -1
  15. package/dist/cli/dist/lib/logger.cjs +66 -0
  16. package/dist/cli/dist/lib/logger.js +66 -0
  17. package/dist/cli/runner.cjs +9 -0
  18. package/dist/cli/runner.js +9 -0
  19. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  20. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  21. package/dist/index.cjs +2 -0
  22. package/dist/index.d.cts +3 -1
  23. package/dist/index.d.ts +3 -1
  24. package/dist/index.js +2 -1
  25. package/dist/styles/styler.d.cts +29 -29
  26. package/dist/styles/styler.d.ts +29 -29
  27. package/dist/styles/variants.cjs +278 -278
  28. package/dist/styles/variants.js +278 -278
  29. package/dist/tailwind/dist/commands/css.cjs +79 -0
  30. package/dist/tailwind/dist/commands/css.helpers.cjs +32 -0
  31. package/dist/tailwind/dist/commands/css.helpers.js +28 -0
  32. package/dist/tailwind/dist/commands/css.js +79 -0
  33. package/dist/tailwind/dist/commands/generateComponentData.cjs +33 -31
  34. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  35. package/dist/tailwind/dist/commands/generateComponentData.js +33 -31
  36. package/dist/tailwind/dist/commands/purge.cjs +3 -4
  37. package/dist/tailwind/dist/commands/purge.js +3 -4
  38. package/dist/tailwind/dist/css/generate.cjs +121 -0
  39. package/dist/tailwind/dist/css/generate.d.cts +30 -0
  40. package/dist/tailwind/dist/css/generate.d.ts +31 -0
  41. package/dist/tailwind/dist/css/generate.helpers.cjs +112 -0
  42. package/dist/tailwind/dist/css/generate.helpers.js +100 -0
  43. package/dist/tailwind/dist/css/generate.js +116 -0
  44. package/dist/tailwind/dist/css/nodeUtils.cjs +156 -0
  45. package/dist/tailwind/dist/css/nodeUtils.js +149 -0
  46. package/dist/tailwind/dist/css/postcss.cjs +35 -0
  47. package/dist/tailwind/dist/css/postcss.helpers.cjs +27 -0
  48. package/dist/tailwind/dist/css/postcss.helpers.js +26 -0
  49. package/dist/tailwind/dist/css/postcss.js +35 -0
  50. package/dist/tailwind/dist/css/runner.cjs +279 -0
  51. package/dist/tailwind/dist/css/runner.helpers.cjs +26 -0
  52. package/dist/tailwind/dist/css/runner.helpers.js +23 -0
  53. package/dist/tailwind/dist/css/runner.js +276 -0
  54. package/dist/tailwind/dist/css/theme.cjs +12 -0
  55. package/dist/tailwind/dist/css/theme.d.cts +66 -0
  56. package/dist/tailwind/dist/css/theme.d.ts +66 -0
  57. package/dist/tailwind/dist/css/theme.js +11 -0
  58. package/dist/tailwind/dist/css/utils.cjs +72 -0
  59. package/dist/tailwind/dist/css/utils.js +69 -0
  60. package/dist/tailwind/dist/index.d.cts +1 -0
  61. package/dist/tailwind/dist/index.d.ts +2 -4
  62. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +2 -1
  63. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +2 -1
  64. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +122 -125
  65. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +122 -125
  66. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +1 -8
  67. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +1 -8
  68. package/dist/tailwind/dist/purger/optimized/purge.cjs +9 -8
  69. package/dist/tailwind/dist/purger/optimized/purge.js +9 -8
  70. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +238 -127
  71. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +238 -127
  72. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +352 -260
  73. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +351 -260
  74. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +4 -3
  75. package/dist/tailwind/dist/purger/optimized/utils/files.js +4 -3
  76. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +12 -20
  77. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +12 -20
  78. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs +1 -1
  79. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js +1 -1
  80. package/dist/tailwind/dist/tailwind/plugins/breakpoints.cjs +1 -1
  81. package/dist/tailwind/dist/tailwind/plugins/breakpoints.js +1 -1
  82. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +41 -13
  83. package/dist/tailwind/dist/tailwind/plugins/typography.js +41 -13
  84. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.cjs +4 -2
  85. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +10 -1
  86. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +10 -1
  87. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js +4 -2
  88. package/dist/tailwind/dist/utils/optimizeCSS.cjs +405 -0
  89. package/dist/tailwind/dist/utils/optimizeCSS.js +403 -0
  90. package/dist/tailwind/dist/utils/postcssPreserveVars.cjs +67 -0
  91. package/dist/tailwind/dist/utils/postcssPreserveVars.js +65 -0
  92. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  93. package/dist/uds/generated/componentData.cjs +1218 -1182
  94. package/dist/uds/generated/componentData.js +1218 -1182
  95. package/dist/uds/package.cjs +10 -4
  96. package/dist/uds/package.js +10 -4
  97. package/generated/componentData.json +2683 -0
  98. package/generated/tailwindPurge.ts +4591 -0
  99. package/package.json +7 -4
  100. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +0 -3
  101. package/dist/tailwind/dist/commands/purge.d.ts +0 -4
  102. package/dist/tailwind/dist/purger/legacy/purgeCSS.d.ts +0 -2
package/dist/tailwind/dist/css/postcss.helpers.cjs ADDED
@@ -0,0 +1,27 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+
3
+ //#region ../tailwind/dist/css/postcss.helpers.js
4
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
5
+ const COLOR_MODE_RE = /^(\.(uds-color-mode-(?:dark|light)))(\s+.+)?$/;
6
+ const escapeForRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
7
+ const getScopedColorModeAlternativeSelector = (selector, scopeClass) => {
8
+ const scopeMatch = selector.match(new RegExp(`^(${escapeForRegExp(scopeClass)})\\s+(.+)$`));
9
+ if (!scopeMatch) return null;
10
+ const colorModeMatch = scopeMatch[2].match(COLOR_MODE_RE);
11
+ if (!colorModeMatch) return null;
12
+ return `${colorModeMatch[1]} ${scopeClass}${colorModeMatch[3] ?? ""}`;
13
+ };
14
+ const buildScopedColorModeSelectorList = (ruleSelector, scopeClass) => {
15
+ const selectors = ruleSelector.split(",").map((value) => value.trim());
16
+ return selectors.reduce((acc, selector) => {
17
+ const altSelector = getScopedColorModeAlternativeSelector(selector, scopeClass);
18
+ return altSelector && !selectors.includes(altSelector) && !acc.includes(altSelector) ? [
19
+ ...acc,
20
+ selector,
21
+ altSelector
22
+ ] : [...acc, selector];
23
+ }, []).join(", ");
24
+ };
25
+
26
+ //#endregion
27
+ exports.buildScopedColorModeSelectorList = buildScopedColorModeSelectorList;
package/dist/tailwind/dist/css/postcss.helpers.js ADDED
@@ -0,0 +1,26 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ //#region ../tailwind/dist/css/postcss.helpers.js
3
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
4
+ const COLOR_MODE_RE = /^(\.(uds-color-mode-(?:dark|light)))(\s+.+)?$/;
5
+ const escapeForRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
6
+ const getScopedColorModeAlternativeSelector = (selector, scopeClass) => {
7
+ const scopeMatch = selector.match(new RegExp(`^(${escapeForRegExp(scopeClass)})\\s+(.+)$`));
8
+ if (!scopeMatch) return null;
9
+ const colorModeMatch = scopeMatch[2].match(COLOR_MODE_RE);
10
+ if (!colorModeMatch) return null;
11
+ return `${colorModeMatch[1]} ${scopeClass}${colorModeMatch[3] ?? ""}`;
12
+ };
13
+ const buildScopedColorModeSelectorList = (ruleSelector, scopeClass) => {
14
+ const selectors = ruleSelector.split(",").map((value) => value.trim());
15
+ return selectors.reduce((acc, selector) => {
16
+ const altSelector = getScopedColorModeAlternativeSelector(selector, scopeClass);
17
+ return altSelector && !selectors.includes(altSelector) && !acc.includes(altSelector) ? [
18
+ ...acc,
19
+ selector,
20
+ altSelector
21
+ ] : [...acc, selector];
22
+ }, []).join(", ");
23
+ };
24
+
25
+ //#endregion
26
+ export { buildScopedColorModeSelectorList };
package/dist/tailwind/dist/css/postcss.js ADDED
@@ -0,0 +1,35 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { buildScopedColorModeSelectorList } from "./postcss.helpers.js";
3
+
4
+ //#region ../tailwind/dist/css/postcss.js
5
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
6
+ /**
7
+ * PostCSS plugin to fix color mode selectors for scoped CSS.
8
+ *
9
+ * postcss-scope converts selectors like:
10
+ * `.uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo`
11
+ *
12
+ * But the color mode class is typically on <html> or <body>, which is an
13
+ * ANCESTOR of the scope, not a descendant. This plugin adds alternative
14
+ * selectors so color modes work correctly:
15
+ *
16
+ * `.scope .uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo, .uds-color-mode-dark .scope .foo`
17
+ *
18
+ * This ensures styles apply whether the color mode class is inside or outside the scope.
19
+ */
20
+ const fixScopedColorModeSelectorsPlugin = (scopeClass) => {
21
+ const colorModePattern = /\.(uds-color-mode-(?:dark|light))/;
22
+ return {
23
+ postcssPlugin: "fix-scoped-color-mode-selectors",
24
+ Once(root) {
25
+ root.walkRules((rule) => {
26
+ if (!rule.selector.includes(scopeClass) || !colorModePattern.test(rule.selector)) return;
27
+ const nextSelector = buildScopedColorModeSelectorList(rule.selector, scopeClass);
28
+ if (nextSelector !== rule.selector) rule.selector = nextSelector;
29
+ });
30
+ }
31
+ };
32
+ };
33
+
34
+ //#endregion
35
+ export { fixScopedColorModeSelectorsPlugin };
package/dist/tailwind/dist/css/runner.cjs ADDED
@@ -0,0 +1,279 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
3
+ const require_index = require('../../../config/dist/index.cjs');
4
+ const require_colors = require('../../../cli/dist/lib/colors.cjs');
5
+ const require_print = require('../../../cli/dist/lib/print.cjs');
6
+ const require_spinner = require('../../../cli/dist/lib/spinner.cjs');
7
+ const require_logger = require('../../../cli/dist/lib/logger.cjs');
8
+ const require_nodeUtils = require('./nodeUtils.cjs');
9
+ const require_safelist = require('../purger/optimized/utils/safelist.cjs');
10
+ const require_utils = require('./utils.cjs');
11
+ const require_generate = require('./generate.cjs');
12
+ const require_runner_helpers = require('./runner.helpers.cjs');
13
+ let node_path = require("node:path");
14
+ node_path = require_runtime.__toESM(node_path);
15
+ let node_fs = require("node:fs");
16
+ node_fs = require_runtime.__toESM(node_fs);
17
+
18
+ //#region ../tailwind/dist/css/runner.js
19
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
20
+ const DEFAULT_ENTRY = "./src";
21
+ const SOURCE_FILE_PATTERN = /\.(jsx?|tsx?)$/i;
22
+ const getWatchDirs = (dirs) => [...new Set(dirs.filter((dir) => !dir.split(node_path.default.sep).includes("node_modules")))];
23
+ const watchSourceFiles = (dirs, onFileChange) => {
24
+ dirs.forEach((dir) => {
25
+ node_fs.default.watch(dir, { recursive: true }, (_eventType, filename) => {
26
+ if (filename && SOURCE_FILE_PATTERN.test(filename)) onFileChange();
27
+ });
28
+ });
29
+ };
30
+ const createDebouncedAction = (action, delayMs) => {
31
+ let debounceTimer = null;
32
+ return () => {
33
+ if (debounceTimer) clearTimeout(debounceTimer);
34
+ debounceTimer = setTimeout(action, delayMs);
35
+ };
36
+ };
37
+ const createQueuedRegenerator = (options) => {
38
+ let isGenerating = false;
39
+ let pendingRegenerate = false;
40
+ const regenerate = async () => {
41
+ if (isGenerating) {
42
+ pendingRegenerate = true;
43
+ return;
44
+ }
45
+ isGenerating = true;
46
+ try {
47
+ options.onStart?.();
48
+ const result = await options.regenerateOnce();
49
+ options.onSuccess?.(result);
50
+ } catch (error) {
51
+ const message = error instanceof Error ? error.message : "CSS generation failed";
52
+ options.onError(message);
53
+ } finally {
54
+ isGenerating = false;
55
+ if (pendingRegenerate) {
56
+ pendingRegenerate = false;
57
+ await regenerate();
58
+ }
59
+ }
60
+ };
61
+ return regenerate;
62
+ };
63
+ const runCssCommand = async (options, context) => {
64
+ if (!node_fs.default.existsSync(node_path.default.join(options.workspaceDir, String(options.themeConfigPath)))) {
65
+ await runSimpleMode(options, context);
66
+ return;
67
+ }
68
+ await runThemeMode(options, context);
69
+ };
70
+ const runSimpleMode = async (options, context) => {
71
+ const entry = typeof options.entryOption === "string" ? options.entryOption : DEFAULT_ENTRY;
72
+ const configPath = typeof options.configOption === "string" ? options.configOption : void 0;
73
+ if (!options.watch && !options.silent) require_spinner.spinStart("Generating CSS...");
74
+ try {
75
+ const result = await require_generate.generateSimpleModeCSS({
76
+ workspaceDir: options.workspaceDir,
77
+ entry,
78
+ outFile: String(options.outFile),
79
+ variants: context.variants,
80
+ autoVariants: context.autoVariants,
81
+ componentData: context.componentData,
82
+ scope: options.scope,
83
+ configPath,
84
+ isWatch: options.watch,
85
+ silent: options.silent
86
+ });
87
+ if (options.watch) await runSimpleModeWatch(options, context, entry, configPath, result.packageDirs ?? []);
88
+ } catch (error) {
89
+ require_spinner.spinStop("❌", error instanceof Error ? error.message : "CSS generation failed");
90
+ process.exitCode = 1;
91
+ }
92
+ };
93
+ const runSimpleModeWatch = async (options, context, entry, configPath, packageDirs) => {
94
+ const entryDir = node_path.default.join(options.workspaceDir, entry);
95
+ const watchDirs = getWatchDirs(packageDirs.length > 0 ? packageDirs : [entryDir]);
96
+ if (!options.silent) {
97
+ require_print.print("");
98
+ require_print.print(`${require_colors.magenta("Watching for changes...")}`);
99
+ watchDirs.forEach((dir) => require_print.print(` ${require_colors.gray("•")} ${dir}`));
100
+ require_print.print(`${require_colors.gray("Press Ctrl+C to stop")}`);
101
+ require_print.print("");
102
+ }
103
+ const regenerate = createQueuedRegenerator({
104
+ onStart: () => {
105
+ if (!options.silent) require_print.print(`${require_colors.gray(`[${(/* @__PURE__ */ new Date()).toLocaleTimeString()}]`)} Change detected, regenerating...`);
106
+ },
107
+ regenerateOnce: async () => {
108
+ await require_generate.generateSimpleModeCSS({
109
+ workspaceDir: options.workspaceDir,
110
+ entry,
111
+ outFile: String(options.outFile),
112
+ variants: context.variants,
113
+ autoVariants: context.autoVariants,
114
+ componentData: context.componentData,
115
+ scope: options.scope,
116
+ configPath,
117
+ isWatch: true,
118
+ silent: true
119
+ });
120
+ },
121
+ onSuccess: () => {
122
+ if (!options.silent) {
123
+ require_print.print(`${require_colors.gray(`[${(/* @__PURE__ */ new Date()).toLocaleTimeString()}]`)} ${require_colors.green("CSS updated")}`);
124
+ require_print.print("");
125
+ }
126
+ },
127
+ onError: (message) => {
128
+ require_print.print(`Error: ${message}`);
129
+ }
130
+ });
131
+ watchSourceFiles(watchDirs, createDebouncedAction(() => {
132
+ regenerate();
133
+ }, 100));
134
+ await new Promise(() => {});
135
+ };
136
+ const loadThemeModeSetup = async (options) => {
137
+ const themeConfigInput = await require_nodeUtils.loadConfigFile(String(options.themeConfigPath));
138
+ if (!themeConfigInput) return null;
139
+ const themeContext = {
140
+ cwd: options.workspaceDir,
141
+ watch: options.watch
142
+ };
143
+ const themeConfig = typeof themeConfigInput === "function" ? await themeConfigInput(themeContext) : themeConfigInput;
144
+ let appConfig = require_index.defaultTokensConfig;
145
+ if (themeConfig.config) {
146
+ const loadedConfig = await require_nodeUtils.loadConfigFile(themeConfig.config);
147
+ if (loadedConfig) appConfig = loadedConfig;
148
+ }
149
+ return {
150
+ themeConfig,
151
+ colorModes: themeConfig.colorModes ?? ["dark"],
152
+ entry: themeConfig.entry ?? "/src/",
153
+ appConfig,
154
+ appVariantDefaults: require_utils.extractVariantDefaults(appConfig),
155
+ effectiveSilent: options.silent || themeConfig.silent === true
156
+ };
157
+ };
158
+ const runThemeMode = async (options, context) => {
159
+ const workspaceDir = options.workspaceDir;
160
+ const outputPath = node_path.default.isAbsolute(options.outFile) ? options.outFile : node_path.default.join(workspaceDir, String(options.outFile));
161
+ let effectiveSilent = options.silent;
162
+ let log = require_logger.createLogger({ silent: effectiveSilent });
163
+ log.spinStart("Loading theme configuration...");
164
+ try {
165
+ const setup = await loadThemeModeSetup(options);
166
+ if (!setup) {
167
+ log.spinStop("❌", `Theme config not found: ${options.themeConfigPath}`);
168
+ process.exitCode = 1;
169
+ return;
170
+ }
171
+ const { themeConfig, colorModes, entry, appConfig, appVariantDefaults } = setup;
172
+ effectiveSilent = setup.effectiveSilent;
173
+ log = require_logger.createLogger({ silent: effectiveSilent });
174
+ if (!effectiveSilent) log.spinStop("✅", "Theme configuration loaded");
175
+ if (themeConfig.config && appConfig === require_index.defaultTokensConfig) log.warn(`App config not found: ${themeConfig.config}, using defaults`);
176
+ const packageDirs = [];
177
+ const generateThemeModeCSS = async (opts) => {
178
+ const genStartTime = performance.now();
179
+ const genLog = opts?.isWatch ? require_logger.createLogger({ silent: true }) : log;
180
+ genLog.spinStart("Scanning app code...");
181
+ const appScanResult = await require_nodeUtils.scanDirectoryForSafelist(node_path.default.join(workspaceDir, entry), colorModes, context.variants, context.autoVariants, context.componentData, appVariantDefaults);
182
+ genLog.spinStop("✅", `Scanned ${appScanResult.filesScanned} files`);
183
+ genLog.spinStart("Generating main CSS...");
184
+ const inheritedClasses = [...appScanResult.safelist];
185
+ const inheritedComponents = new Set(appScanResult.components);
186
+ const processInheritedPackage = async (packageName) => {
187
+ genLog.spinStart(`Processing package: ${packageName}...`);
188
+ const packageDir = require_nodeUtils.findPackageSourceDir(packageName);
189
+ if (!packageDir) {
190
+ genLog.spinStop("⚠️", `Package not found: ${packageName}`);
191
+ return;
192
+ }
193
+ if (!packageDirs.includes(packageDir)) packageDirs.push(packageDir);
194
+ const packageScanResult = await require_nodeUtils.scanDirectoryForSafelist(packageDir, colorModes, context.variants, context.autoVariants, context.componentData, appVariantDefaults, true);
195
+ inheritedClasses.push(...packageScanResult.safelist);
196
+ packageScanResult.components.forEach((comp) => inheritedComponents.add(comp));
197
+ genLog.spinStop("✅", `${packageName}: ${packageScanResult.filesScanned} files (inherit)`);
198
+ };
199
+ await (themeConfig.inherit ?? []).reduce(async (promise, packageName) => {
200
+ await promise;
201
+ await processInheritedPackage(packageName);
202
+ }, Promise.resolve());
203
+ const mainSafelist = require_safelist.deduplicateSafelist([...inheritedClasses, ...require_safelist.getThemeAndScaleClasses(colorModes)]);
204
+ const allMotionComponents = [...inheritedComponents];
205
+ const mainCssResult = await require_generate.generateCSS([...themeConfig.css?.safelist ?? [], ...mainSafelist], appConfig, {
206
+ scope: options.scope,
207
+ contentDir: node_path.default.join(workspaceDir, entry),
208
+ cssOptions: themeConfig.css,
209
+ safeVarPrefixes: [...require_utils.getMotionVarPrefixes(context.componentData, allMotionComponents), ...require_utils.getConfigurableCssVariables()]
210
+ });
211
+ const outputDir = node_path.default.dirname(outputPath);
212
+ if (!node_fs.default.existsSync(outputDir)) node_fs.default.mkdirSync(outputDir, { recursive: true });
213
+ node_fs.default.writeFileSync(outputPath, mainCssResult.css);
214
+ genLog.spinStop("✅", require_runner_helpers.getMainCssSummaryMessage({
215
+ sizeGzipBytes: mainCssResult.sizeGzipBytes,
216
+ optimizationStats: mainCssResult.optimizationStats,
217
+ formatBytes: require_utils.formatBytes
218
+ }));
219
+ const duration = Math.round(performance.now() - genStartTime);
220
+ genLog.newline();
221
+ genLog.print(require_colors.green("CSS generation complete!"));
222
+ genLog.newline();
223
+ genLog.label("Output file:", outputPath);
224
+ genLog.newline();
225
+ genLog.print(`${require_colors.magenta("Total time:")} ${duration}ms`);
226
+ return {
227
+ duration,
228
+ outputPath,
229
+ packageDirs
230
+ };
231
+ };
232
+ await generateThemeModeCSS();
233
+ if (options.watch) {
234
+ const entryDir = node_path.default.join(workspaceDir, entry);
235
+ const { watchDirs, filteredPackageDirs } = require_runner_helpers.getWatchDirectoryGroups(entryDir, [entryDir, ...packageDirs]);
236
+ if (!effectiveSilent) {
237
+ log.newline();
238
+ log.print(`${require_colors.magenta("Watching for changes...")}`);
239
+ log.listItem(`App: ${entryDir}`);
240
+ filteredPackageDirs.forEach((dir) => {
241
+ log.listItem(`Package: ${dir}`);
242
+ });
243
+ log.print(`${require_colors.gray("Press Ctrl+C to stop")}`);
244
+ log.newline();
245
+ }
246
+ const regenerate = createQueuedRegenerator({
247
+ onStart: () => {
248
+ if (!effectiveSilent) {
249
+ const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString();
250
+ log.print(`${require_colors.gray(`[${timestamp}]`)} Change detected, regenerating...`);
251
+ }
252
+ },
253
+ regenerateOnce: async () => generateThemeModeCSS({ isWatch: true }),
254
+ onSuccess: (result) => {
255
+ if (!effectiveSilent) {
256
+ const updatedAt = (/* @__PURE__ */ new Date()).toLocaleTimeString();
257
+ log.print(`${require_colors.gray(`[${updatedAt}]`)} ${require_colors.green(`CSS updated (${result?.duration}ms)`)}`);
258
+ log.newline();
259
+ }
260
+ },
261
+ onError: (message) => {
262
+ log.print(message);
263
+ }
264
+ });
265
+ watchSourceFiles(watchDirs, createDebouncedAction(() => {
266
+ regenerate();
267
+ }, themeConfig.css?.watchDebounce ?? 100));
268
+ await new Promise(() => {});
269
+ }
270
+ } catch (error) {
271
+ const message = error instanceof Error ? error.message : "CSS generation failed";
272
+ if (effectiveSilent) require_spinner.spinStop("❌", message);
273
+ else log.spinStop("❌", message);
274
+ process.exitCode = 1;
275
+ }
276
+ };
277
+
278
+ //#endregion
279
+ exports.runCssCommand = runCssCommand;
package/dist/tailwind/dist/css/runner.helpers.cjs ADDED
@@ -0,0 +1,26 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
3
+ let node_path = require("node:path");
4
+ node_path = require_runtime.__toESM(node_path);
5
+
6
+ //#region ../tailwind/dist/css/runner.helpers.js
7
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
8
+ const getMainCssSummaryMessage = (options) => {
9
+ const { optimizationStats, sizeGzipBytes, formatBytes } = options;
10
+ if (!optimizationStats) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
11
+ const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;
12
+ const savedBytesGzip = originalSizeGzip - sizeGzipBytes;
13
+ if (savedBytesGzip <= 0) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
14
+ return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip)(optimized: saved ${formatBytes(savedBytesGzip)} gzip, ${fontFacesRemoved} unused @font-face, ${emptyRulesRemoved} empty rules removed)`;
15
+ };
16
+ const getWatchDirectoryGroups = (entryDir, dirs) => {
17
+ const watchDirs = [...new Set(dirs.filter((dir) => !dir.split(node_path.default.sep).includes("node_modules")))];
18
+ return {
19
+ watchDirs,
20
+ filteredPackageDirs: watchDirs.filter((dir) => dir !== entryDir)
21
+ };
22
+ };
23
+
24
+ //#endregion
25
+ exports.getMainCssSummaryMessage = getMainCssSummaryMessage;
26
+ exports.getWatchDirectoryGroups = getWatchDirectoryGroups;
package/dist/tailwind/dist/css/runner.helpers.js ADDED
@@ -0,0 +1,23 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import path from "node:path";
3
+
4
+ //#region ../tailwind/dist/css/runner.helpers.js
5
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
6
+ const getMainCssSummaryMessage = (options) => {
7
+ const { optimizationStats, sizeGzipBytes, formatBytes } = options;
8
+ if (!optimizationStats) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
9
+ const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;
10
+ const savedBytesGzip = originalSizeGzip - sizeGzipBytes;
11
+ if (savedBytesGzip <= 0) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
12
+ return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip)(optimized: saved ${formatBytes(savedBytesGzip)} gzip, ${fontFacesRemoved} unused @font-face, ${emptyRulesRemoved} empty rules removed)`;
13
+ };
14
+ const getWatchDirectoryGroups = (entryDir, dirs) => {
15
+ const watchDirs = [...new Set(dirs.filter((dir) => !dir.split(path.sep).includes("node_modules")))];
16
+ return {
17
+ watchDirs,
18
+ filteredPackageDirs: watchDirs.filter((dir) => dir !== entryDir)
19
+ };
20
+ };
21
+
22
+ //#endregion
23
+ export { getMainCssSummaryMessage, getWatchDirectoryGroups };