chaincss 2.1.29 → 2.1.31

package/dist/cli/index.js

@@ -451,32 +451,20 @@ var init_commonProps = __esm({
   }
 });
 
-// src/compiler/btt.ts
-import fs3 from "fs";
-import https from "https";
-import chalk2 from "chalk";
+// src/compiler/timeline.ts
 function takeSnapshot(selector, styles, source) {
   if (!timelineEnabled) return "";
   const hash = JSON.stringify(styles);
   const existing = styleHistory.find((s) => s.selector === selector && s.hash === hash);
   if (existing) return existing.id;
   const id = `snapshot_${currentSnapshotId++}`;
-  const snapshot = {
-    id,
-    timestamp: Date.now(),
-    selector,
-    styles: { ...styles },
-    source,
-    hash
-  };
-  styleHistory.push(snapshot);
-  const previousSnapshot = styleHistory.slice(-2)[0];
-  if (previousSnapshot && previousSnapshot.selector === selector) {
+  styleHistory.push({ id, timestamp: Date.now(), selector, styles: { ...styles }, source, hash });
+  const previous = styleHistory[styleHistory.length - 2];
+  if (previous && previous.selector === selector) {
     for (const [key, value] of Object.entries(styles)) {
-      const oldValue = previousSnapshot.styles[key];
-      if (!(key in previousSnapshot.styles)) {
+      if (!(key in previous.styles)) {
         styleChanges.push({
-          id: `change_${Date.now()}_${Math.random()}`,
+          id: `change_${Date.now()}_${Math.random().toString(36).slice(2)}`,
           timestamp: Date.now(),
           selector,
           property: key,
@@ -484,26 +472,26 @@ function takeSnapshot(selector, styles, source) {
           newValue: value,
           type: "add"
         });
-      } else if (JSON.stringify(oldValue) !== JSON.stringify(value)) {
+      } else if (JSON.stringify(previous.styles[key]) !== JSON.stringify(value)) {
         styleChanges.push({
-          id: `change_${Date.now()}_${Math.random()}`,
+          id: `change_${Date.now()}_${Math.random().toString(36).slice(2)}`,
           timestamp: Date.now(),
           selector,
           property: key,
-          oldValue,
+          oldValue: previous.styles[key],
           newValue: value,
           type: "modify"
         });
       }
     }
-    for (const [key] of Object.entries(previousSnapshot.styles)) {
+    for (const [key] of Object.entries(previous.styles)) {
       if (!(key in styles)) {
         styleChanges.push({
-          id: `change_${Date.now()}_${Math.random()}`,
+          id: `change_${Date.now()}_${Math.random().toString(36).slice(2)}`,
           timestamp: Date.now(),
           selector,
           property: key,
-          oldValue: previousSnapshot.styles[key],
+          oldValue: previous.styles[key],
           newValue: void 0,
           type: "remove"
         });
@@ -512,19 +500,62 @@ function takeSnapshot(selector, styles, source) {
   }
   return id;
 }
+function isTimelineEnabled() {
+  return timelineEnabled;
+}
+var styleHistory, styleChanges, timelineEnabled, currentSnapshotId;
+var init_timeline = __esm({
+  "src/compiler/timeline.ts"() {
+    "use strict";
+    styleHistory = [];
+    styleChanges = [];
+    timelineEnabled = false;
+    currentSnapshotId = 0;
+  }
+});
+
+// src/compiler/scanner.ts
+import fs3 from "fs";
+function scanFileForStyles(filePath, optimizer, source = null) {
+  const errors = [];
+  let foundCount = 0;
+  try {
+    const content = source !== null ? source : fs3.readFileSync(filePath, "utf8");
+    if (!content || content.trim().length === 0) return { foundCount: 0, errors };
+    const styleRegex = /(?:chain|smartChain|\$)\(((?:[^()]|\([^()]*\))*)\)/g;
+    let match;
+    while ((match = styleRegex.exec(content)) !== null) {
+      try {
+        const styleBody = match[1].trim();
+        const cleanBody = styleBody.replace(/^['"\`]|['"\`]$/g, "");
+        if (cleanBody && optimizer && typeof optimizer.trackStyles === "function") {
+          optimizer.trackStyles([{ selectors: { "&": cleanBody } }]);
+          foundCount++;
+        }
+      } catch (parseError) {
+        errors.push(parseError);
+      }
+    }
+  } catch (err) {
+    errors.push(err);
+  }
+  return { foundCount, errors };
+}
+var init_scanner = __esm({
+  "src/compiler/scanner.ts"() {
+    "use strict";
+  }
+});
+
+// src/compiler/btt.ts
+import https from "https";
 function getSourceLocation() {
   if (!enableSourceComments) return null;
   const stack = new Error().stack;
   if (!stack) return null;
-  const stackLines = stack.split("\n");
-  for (let i = 0; i < stackLines.length; i++) {
-    const line = stackLines[i];
+  for (const line of stack.split("\n")) {
     const match = line.match(/([^/]+\.chain\.js):(\d+):\d+/);
-    if (match) {
-      const fileName = match[1];
-      const lineNumber = match[2];
-      return `${fileName}:${lineNumber}`;
-    }
+    if (match) return `${match[1]}:${match[2]}`;
   }
   return null;
 }
@@ -546,21 +577,13 @@ function processAtRule(rule, parentSelectors = null) {
       output = `@media ${rule.query} {
 `;
       if (rule.styles && typeof rule.styles === "object") {
-        let ruleBody = "";
-        for (const prop in rule.styles) {
-          const kebabKey = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
-          ruleBody += `    ${kebabKey}: ${rule.styles[prop]};
+        let body = "";
+        for (const prop in rule.styles) body += `    ${prop.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${rule.styles[prop]};
 `;
-        }
-        if (ruleBody.trim()) {
-          const selector = parentSelectors && parentSelectors.length > 0 ? parentSelectors.join(", ") : ".unknown-selector";
-          const sourceLocation = getSourceLocation();
-          if (enableSourceComments && sourceLocation) {
-            output += `  /* Generated from: ${sourceLocation} */
-`;
-          }
-          output += `  ${selector} {
-${ruleBody}  }
+        if (body.trim()) {
+          const sel = parentSelectors?.length ? parentSelectors.join(", ") : ".unknown-selector";
+          output += `  ${sel} {
+${body}  }
 `;
         }
       }
@@ -573,11 +596,8 @@ ${ruleBody}  }
         output += `  ${step} {
 `;
         for (const prop in rule.steps[step]) {
-          if (prop !== "selectors") {
-            const kebabKey = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
-            output += `    ${kebabKey}: ${rule.steps[step][prop]};
+          if (prop !== "selectors") output += `    ${prop.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${rule.steps[step][prop]};
 `;
-          }
         }
         output += "  }\n";
       }
@@ -586,68 +606,22 @@ ${ruleBody}  }
     case "font-face":
       output = "@font-face {\n";
       for (const prop in rule.properties) {
-        if (prop !== "selectors") {
-          const kebabKey = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
-          output += `  ${kebabKey}: ${rule.properties[prop]};
+        if (prop !== "selectors") output += `  ${prop.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${rule.properties[prop]};
 `;
-        }
       }
       output += "}\n";
       break;
-    default:
-      output = "";
-      break;
   }
   return output;
 }
-function scanFileForStyles(filePath, optimizer, source = null) {
-  const errors = [];
-  let foundCount = 0;
-  try {
-    const content = source !== null ? source : fs3.readFileSync(filePath, "utf8");
-    if (!content || content.trim().length === 0) {
-      return { foundCount: 0, errors };
-    }
-    const styleRegex = /(?:chain|\$)\(((?:[^()]|\([^()]*\))*)\)/g;
-    let match;
-    while ((match = styleRegex.exec(content)) !== null) {
-      try {
-        const styleBody = match[1].trim();
-        const cleanBody = styleBody.replace(/^['"`]|['"`]$/g, "");
-        if (cleanBody) {
-          if (optimizer && typeof optimizer.trackStyles === "function") {
-            optimizer.trackStyles([{ selectors: { "&": cleanBody } }]);
-          }
-          foundCount++;
-        }
-      } catch (parseError) {
-        errors.push(parseError);
-        if (process.env.DEBUG) {
-          console.error(`[Scanner] Parse error in ${filePath}:`, parseError);
-        }
-      }
-    }
-    if (foundCount > 0 && process.env.DEBUG) {
-      console.log(chalk2.magenta(`[Scanner] Found ${foundCount} styles in ${filePath}`));
-    }
-  } catch (err) {
-    errors.push(err);
-    if (process.env.DEBUG) {
-      console.error(`[Scanner] Error processing ${filePath}:`, err);
-    }
-  }
-  return { foundCount, errors };
-}
-var styleHistory, styleChanges, timelineEnabled, currentSnapshotId, enableSourceComments, fetchWithHttps, loadCSSProperties, chains, atomicOptimizer, compile;
+var enableSourceComments, fetchWithHttps, loadCSSProperties, chains, atomicOptimizer, compile;
 var init_btt = __esm({
   "src/compiler/btt.ts"() {
     "use strict";
     init_commonProps();
+    init_timeline();
     init_breakpoints();
-    styleHistory = [];
-    styleChanges = [];
-    timelineEnabled = false;
-    currentSnapshotId = 0;
+    init_scanner();
     enableSourceComments = true;
     fetchWithHttps = (url) => {
       return new Promise((resolve, reject) => {
@@ -674,9 +648,7 @@ var init_btt = __esm({
       });
     };
     loadCSSProperties = async () => {
-      if (chains.cachedValidProperties !== null && chains.cachedValidProperties.length > 0) {
-        return chains.cachedValidProperties;
-      }
+      if (chains.cachedValidProperties?.length > 0) return chains.cachedValidProperties;
       try {
         const url = "https://raw.githubusercontent.com/mdn/data/main/css/properties.json";
         let data;
@@ -690,14 +662,9 @@ var init_btt = __esm({
           data = await fetchWithHttps(url);
         }
         const allProperties = Object.keys(data);
-        const baseProperties = /* @__PURE__ */ new Set();
-        allProperties.forEach((prop) => {
-          const baseProp = prop.replace(/^-(webkit|moz|ms|o)-/, "");
-          baseProperties.add(baseProp);
-        });
-        chains.cachedValidProperties = Array.from(baseProperties).sort();
+        chains.cachedValidProperties = allProperties.map((p) => p.replace(/^-(webkit|moz|ms|o)-/, "")).filter((v, i, a) => a.indexOf(v) === i).sort();
         return chains.cachedValidProperties;
-      } catch (error) {
+      } catch {
         chains.cachedValidProperties = COMMON_CSS_PROPERTIES;
         return chains.cachedValidProperties;
       }
@@ -708,11 +675,8 @@ var init_btt = __esm({
       classMap: {},
       atomicStats: null,
       async initializeProperties() {
-        if (this.cachedValidProperties && this.cachedValidProperties.length > 0) {
-          return;
-        }
-        const properties = await loadCSSProperties();
-        this.cachedValidProperties = properties;
+        if (this.cachedValidProperties?.length > 0) return;
+        this.cachedValidProperties = await loadCSSProperties();
       },
       getCachedProperties() {
         return this.cachedValidProperties;
@@ -727,25 +691,20 @@ var init_btt = __esm({
         if (!obj.hasOwnProperty(key)) continue;
         const element = obj[key];
         if (element && element.variants && typeof element.compileAll === "function") {
-          const cleanKey = key.includes("_") ? key.split("_").pop() : key;
-          const recipeOutput = element.compileAll(cleanKey);
-          cssString += recipeOutput + "\n";
+          cssString += element.compileAll(key.includes("_") ? key.split("_").pop() : key) + "\n";
           continue;
         }
-        if (!element || !element.selectors || !element.selectors[0]) continue;
+        if (!element?.selectors?.[0]) continue;
         const selectorKey = element.selectors.join(",");
         if (processedSelectors.has(selectorKey)) continue;
         processedSelectors.add(selectorKey);
         collected.push(element);
         const sourceLocation = getSourceLocation();
-        let elementCSS = "";
-        let subRulesCSS = "";
-        if (timelineEnabled) {
+        let elementCSS = "", subRulesCSS = "";
+        if (isTimelineEnabled()) {
           const styles = {};
           for (const prop in element) {
-            if (!["selectors", "atRules", "hover", "nestedRules", "use", "nest", "themes"].includes(prop)) {
-              styles[prop] = element[prop];
-            }
+            if (!["selectors", "atRules", "hover", "nestedRules", "use", "nest", "themes"].includes(prop)) styles[prop] = element[prop];
           }
           takeSnapshot(element.selectors[0], styles, sourceLocation || "unknown");
         }
@@ -755,41 +714,25 @@ var init_btt = __esm({
           if (prop.startsWith("_") || !element.hasOwnProperty(prop)) continue;
           const value = element[prop];
           if (value === void 0 || value === null) continue;
-          const kebabKey = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
-          elementCSS += `  ${kebabKey}: ${value};
+          elementCSS += `  ${prop.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value};
 `;
         }
-        if (elementCSS.trim()) {
-          let block = `${element.selectors.join(", ")} {
+        if (elementCSS.trim()) cssString += addSourceComment(`${element.selectors.join(", ")} {
 ${elementCSS}}
-`;
-          cssString += addSourceComment(block, sourceLocation);
-        }
+`, sourceLocation);
         if (element.hover && typeof element.hover === "object") {
-          let hoverBody = "";
-          for (const hProp in element.hover) {
-            const hKebab = hProp.replace(/([A-Z])/g, "-$1").toLowerCase();
-            hoverBody += `  ${hKebab}: ${element.hover[hProp]};
-`;
-          }
-          if (hoverBody) {
-            let block = `${element.selectors.join(", ")}:hover {
-${hoverBody}}
+          let hb = "";
+          for (const hp in element.hover) hb += `  ${hp.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${element.hover[hp]};
 `;
-            cssString += addSourceComment(block, sourceLocation);
-          }
+          if (hb) cssString += addSourceComment(`${element.selectors.join(", ")}:hover {
+${hb}}
+`, sourceLocation);
         }
         for (const prop in element) {
           if ((prop.startsWith(".") || prop.startsWith("&")) && typeof element[prop] === "object") {
-            const subElement = element[prop];
-            const parentSelector = element.selectors[0];
-            const subSelector = prop.startsWith("&") ? prop.replace("&", parentSelector) : `${parentSelector} ${prop}`;
-            cssString += compile({
-              [subSelector]: {
-                selectors: [subSelector],
-                ...subElement
-              }
-            }) + "\n";
+            const parentSel = element.selectors[0];
+            const subSel = prop.startsWith("&") ? prop.replace("&", parentSel) : `${parentSel} ${prop}`;
+            cssString += compile({ [subSel]: { selectors: [subSel], ...element[prop] } }) + "\n";
           }
         }
         if (element.atRules && Array.isArray(element.atRules)) {
@@ -800,25 +743,21 @@ ${hoverBody}}
         if (element.themes && Array.isArray(element.themes)) {
           element.themes.forEach((theme) => {
             if (theme.styles) {
-              let themeCSS = "";
-              for (const tProp in theme.styles) {
-                if (tProp === "selectors") continue;
-                const tKebab = tProp.replace(/([A-Z])/g, "-$1").toLowerCase();
-                themeCSS += `  ${tKebab}: ${theme.styles[tProp]};
-`;
-              }
-              if (themeCSS) {
-                let block = `${theme.styles.selectors?.join(", ") || element.selectors.join(", ")} {
-${themeCSS}}
+              let tc = "";
+              for (const tp in theme.styles) {
+                if (tp === "selectors") continue;
+                tc += `  ${tp.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${theme.styles[tp]};
 `;
-                subRulesCSS += addSourceComment(block, sourceLocation);
               }
+              if (tc) subRulesCSS += addSourceComment(`${theme.styles.selectors?.join(", ") || element.selectors.join(", ")} {
+${tc}}
+`, sourceLocation);
             }
           });
         }
         cssString += subRulesCSS;
       }
-      if (atomicOptimizer && atomicOptimizer.options.enabled) {
+      if (atomicOptimizer?.options.enabled) {
         const result = atomicOptimizer.optimize(collected);
         chains.cssOutput = result.css;
         return result.css;
@@ -827,9 +766,7 @@ ${themeCSS}}
       return chains.cssOutput;
     };
     chains.initializeProperties().catch((err) => {
-      if (process.env.DEBUG) {
-        console.error("Failed to load CSS properties:", err.message);
-      }
+      if (process.env.DEBUG) console.error("Failed to load CSS properties:", err.message);
     });
   }
 });
@@ -2684,7 +2621,7 @@ __export(compiler_exports, {
 import fs7 from "fs";
 import path6 from "path";
 import crypto4 from "crypto";
-import chalk3 from "chalk";
+import chalk2 from "chalk";
 import { fileURLToPath, pathToFileURL } from "url";
 async function compileChainCSS(inputFile, outputDir, config) {
   const compiler = new ChainCSSCompiler(config || {});
@@ -2814,7 +2751,7 @@ var init_compiler = __esm({
           if (oldest) {
             this.styleCache.delete(oldest);
             if (this.config.verbose) {
-              console.log(chalk3.gray(`  \u{1F9F9} Cache evicted: ${oldest.slice(0, 8)}...`));
+              console.log(chalk2.gray(`  \u{1F9F9} Cache evicted: ${oldest.slice(0, 8)}...`));
             }
           }
         }
@@ -2834,7 +2771,7 @@ var init_compiler = __esm({
             console.log(`  \u2514\u2500 Processed ${processedCount} chain() styles from ${id.split("/").pop()}`);
           }
         } catch (error) {
-          console.error(chalk3.red(`  \u274C Error compiling source ${id}: ${error}`));
+          console.error(chalk2.red(`  \u274C Error compiling source ${id}: ${error}`));
         }
       }
       /**
@@ -2859,7 +2796,7 @@ var init_compiler = __esm({
           }
         } catch (err) {
           if (this.config.verbose) {
-            console.warn(chalk3.yellow(`  \u26A0\uFE0F  Failed to parse style body: ${input.substring(0, 100)}...`));
+            console.warn(chalk2.yellow(`  \u26A0\uFE0F  Failed to parse style body: ${input.substring(0, 100)}...`));
           }
         }
         return {};
@@ -3068,7 +3005,7 @@ var init_compiler = __esm({
           if (this.atomicOptimizer) this.atomicOptimizer.reset();
           this.accumulatedCSS = "";
           if (!this.config.silent) {
-            console.log(chalk3.blue("\n\u{1F50D} Phase 1: Scanning & Usage Analysis..."));
+            console.log(chalk2.blue("\n\u{1F50D} Phase 1: Scanning & Usage Analysis..."));
           }
           const BATCH_SIZE = PERFORMANCE.BATCH_SIZE || 10;
           const errors = [];
@@ -3093,7 +3030,7 @@ var init_compiler = __esm({
                 }
               } catch (err) {
                 if (this.config.verbose) {
-                  console.warn(chalk3.yellow(`  \u26A0\uFE0F  Scanning fallback for ${path6.basename(file)}`));
+                  console.warn(chalk2.yellow(`  \u26A0\uFE0F  Scanning fallback for ${path6.basename(file)}`));
                 }
                 const result = scanFileForStyles(file, this.atomicOptimizer);
                 if (result.errors.length > 0) {
@@ -3104,14 +3041,14 @@ var init_compiler = __esm({
             });
             await Promise.allSettled(batchPromises);
             if (this.config.verbose && i % (BATCH_SIZE * 5) === 0) {
-              console.log(chalk3.gray(`  \u{1F4CA} Processed ${Math.min(i + BATCH_SIZE, components.length)}/${components.length} files`));
+              console.log(chalk2.gray(`  \u{1F4CA} Processed ${Math.min(i + BATCH_SIZE, components.length)}/${components.length} files`));
             }
           }
           if (errors.length > 0 && this.config.verbose) {
-            console.warn(chalk3.yellow(`  \u26A0\uFE0F  ${errors.length} scanning errors occurred`));
+            console.warn(chalk2.yellow(`  \u26A0\uFE0F  ${errors.length} scanning errors occurred`));
           }
           if (!this.config.silent) {
-            console.log(chalk3.blue("\n\u{1F3D7}\uFE0F  Phase 2: Generating Component Styles..."));
+            console.log(chalk2.blue("\n\u{1F3D7}\uFE0F  Phase 2: Generating Component Styles..."));
           }
           const publicDir = path6.resolve(process.cwd(), "public");
           const manifestDir = path6.resolve(process.cwd(), ".chaincss", "manifest");
@@ -3142,7 +3079,7 @@ var init_compiler = __esm({
                   const result = this.compileStyle(name, style);
                   if (this.config.verbose) {
                     const className2 = Object.values(result.classMap)[0];
-                    console.log(chalk3.gray(`   \u{1F4DD} ${name} \u2192 ${className2 || "(empty)"}`));
+                    console.log(chalk2.gray(`   \u{1F4DD} ${name} \u2192 ${className2 || "(empty)"}`));
                   }
                   const className = Object.values(result.classMap)[0];
                   if (className) {
@@ -3168,21 +3105,21 @@ var init_compiler = __esm({
                 }
                 processedComponents++;
                 if (this.config.verbose) {
-                  console.log(chalk3.green(`   \u2728 ${baseName} \u2192 ${path6.relative(process.cwd(), classFilePath)}`));
+                  console.log(chalk2.green(`   \u2728 ${baseName} \u2192 ${path6.relative(process.cwd(), classFilePath)}`));
                 }
               }
             } catch (error) {
-              console.error(chalk3.red(`   \u274C Failed to process ${baseName}: ${error.message}`));
+              console.error(chalk2.red(`   \u274C Failed to process ${baseName}: ${error.message}`));
             }
           }
           if (!this.config.silent) {
-            console.log(chalk3.blue("\n\u{1F30D} Phase 3: Finalizing Global Assets..."));
+            console.log(chalk2.blue("\n\u{1F30D} Phase 3: Finalizing Global Assets..."));
           }
           const finalAtomicCSS = this.atomicOptimizer ? this.atomicOptimizer.generateAtomicCSS() : "";
           const globalCssPath = path6.join(publicDir, "global.css");
           fs7.writeFileSync(globalCssPath, formatCSS(finalAtomicCSS, this.config.output.minify));
           if (this.config.verbose) {
-            console.log(chalk3.blue(`   \u{1F4E6} Global CSS \u2192 ${path6.relative(process.cwd(), globalCssPath)} (${finalAtomicCSS.length} bytes)`));
+            console.log(chalk2.blue(`   \u{1F4E6} Global CSS \u2192 ${path6.relative(process.cwd(), globalCssPath)} (${finalAtomicCSS.length} bytes)`));
           }
           const manifestData = {
             version: VERSION,
@@ -3194,25 +3131,25 @@ var init_compiler = __esm({
           const manifestPath = path6.join(manifestDir, "manifest.json");
           fs7.writeFileSync(manifestPath, JSON.stringify(manifestData, null, 2));
           if (this.config.verbose) {
-            console.log(chalk3.blue(`   \u{1F4E6} Manifest \u2192 ${path6.relative(process.cwd(), manifestPath)}`));
+            console.log(chalk2.blue(`   \u{1F4E6} Manifest \u2192 ${path6.relative(process.cwd(), manifestPath)}`));
           }
           if (!this.config.silent) {
-            console.log(chalk3.green(`
+            console.log(chalk2.green(`
 \u2705 Build Complete!`));
-            console.log(chalk3.gray(`   \u{1F4C1} Components processed: ${processedComponents}`));
-            console.log(chalk3.gray(`   \u{1F4C1} Class files generated: ${generatedClassFiles.length}`));
-            console.log(chalk3.gray(`   \u{1F4C1} Global CSS: ${path6.relative(process.cwd(), globalCssPath)}`));
-            console.log(chalk3.gray(`   \u{1F4C1} Manifest: ${path6.relative(process.cwd(), manifestPath)}`));
+            console.log(chalk2.gray(`   \u{1F4C1} Components processed: ${processedComponents}`));
+            console.log(chalk2.gray(`   \u{1F4C1} Class files generated: ${generatedClassFiles.length}`));
+            console.log(chalk2.gray(`   \u{1F4C1} Global CSS: ${path6.relative(process.cwd(), globalCssPath)}`));
+            console.log(chalk2.gray(`   \u{1F4C1} Manifest: ${path6.relative(process.cwd(), manifestPath)}`));
             if (this.atomicOptimizer) {
               const atomicCount = Object.keys(this.atomicOptimizer.atomicMap).length;
               const stats = this.atomicOptimizer.getStats();
-              console.log(chalk3.cyan(`
+              console.log(chalk2.cyan(`
 \u{1F4CA} Optimization Stats:`));
-              console.log(chalk3.gray(`   Atomic Rules: ${atomicCount}`));
-              console.log(chalk3.gray(`   Total Styles: ${stats.totalStyles}`));
-              console.log(chalk3.gray(`   Unique Properties: ${stats.uniqueProperties}`));
+              console.log(chalk2.gray(`   Atomic Rules: ${atomicCount}`));
+              console.log(chalk2.gray(`   Total Styles: ${stats.totalStyles}`));
+              console.log(chalk2.gray(`   Unique Properties: ${stats.uniqueProperties}`));
               if (stats.savings) {
-                console.log(chalk3.green(`   CSS Savings: ${stats.savings}`));
+                console.log(chalk2.green(`   CSS Savings: ${stats.savings}`));
               }
             }
           }
@@ -3287,7 +3224,7 @@ var timeline_exports = {};
 __export(timeline_exports, {
   timelineCommand: () => timelineCommand
 });
-import chalk4 from "chalk";
+import chalk3 from "chalk";
 import fs8 from "fs";
 import path7 from "path";
 import { createRequire } from "module";
@@ -3319,7 +3256,7 @@ function loadTimelineData(timelineFile) {
     }
     return data;
   } catch (error) {
-    console.error(chalk4.red(`Failed to load timeline data: ${error.message}`));
+    console.error(chalk3.red(`Failed to load timeline data: ${error.message}`));
     return null;
   }
 }
@@ -3327,20 +3264,20 @@ function displaySnapshotDetails(snapshot, index) {
   const date = new Date(snapshot.timestamp).toLocaleString();
   const propCount = Object.keys(snapshot.styles).length;
   console.log(`
-${chalk4.green(`[${index}]`)} ${chalk4.white.bold(snapshot.selector)}`);
-  console.log(`    ${chalk4.gray(`ID: ${snapshot.id}`)}`);
-  console.log(`    ${chalk4.gray(`Time: ${date}`)}`);
-  console.log(`    ${chalk4.gray(`Source: ${snapshot.source}`)}`);
-  console.log(`    ${chalk4.gray(`Properties: ${propCount}`)}`);
-  console.log(`    ${chalk4.gray(`Hash: ${snapshot.hash.slice(0, 8)}...`)}`);
+${chalk3.green(`[${index}]`)} ${chalk3.white.bold(snapshot.selector)}`);
+  console.log(`    ${chalk3.gray(`ID: ${snapshot.id}`)}`);
+  console.log(`    ${chalk3.gray(`Time: ${date}`)}`);
+  console.log(`    ${chalk3.gray(`Source: ${snapshot.source}`)}`);
+  console.log(`    ${chalk3.gray(`Properties: ${propCount}`)}`);
+  console.log(`    ${chalk3.gray(`Hash: ${snapshot.hash.slice(0, 8)}...`)}`);
   const previewProps = Object.entries(snapshot.styles).slice(0, 5);
   if (previewProps.length > 0) {
-    console.log(`    ${chalk4.dim("Preview:")}`);
+    console.log(`    ${chalk3.dim("Preview:")}`);
     for (const [prop, value] of previewProps) {
-      console.log(`      ${chalk4.blue(prop)}: ${chalk4.yellow(value)}`);
+      console.log(`      ${chalk3.blue(prop)}: ${chalk3.yellow(value)}`);
     }
     if (Object.keys(snapshot.styles).length > 5) {
-      console.log(`      ${chalk4.dim(`... and ${Object.keys(snapshot.styles).length - 5} more`)}`);
+      console.log(`      ${chalk3.dim(`... and ${Object.keys(snapshot.styles).length - 5} more`)}`);
     }
   }
 }
@@ -3369,26 +3306,26 @@ function displayDiff(diff, selector1, selector2) {
   const { added, removed, modified } = diff;
   const totalChanges = Object.keys(added).length + Object.keys(removed).length + Object.keys(modified).length;
   if (totalChanges === 0) {
-    console.log(chalk4.gray("  No changes detected"));
+    console.log(chalk3.gray("  No changes detected"));
     return;
   }
   for (const [prop, value] of Object.entries(removed)) {
-    console.log(`${chalk4.red("\u2212")} ${chalk4.red(prop)}: ${chalk4.red(String(value))}`);
+    console.log(`${chalk3.red("\u2212")} ${chalk3.red(prop)}: ${chalk3.red(String(value))}`);
   }
   for (const [prop, value] of Object.entries(added)) {
-    console.log(`${chalk4.green("+")} ${chalk4.green(prop)}: ${chalk4.green(String(value))}`);
+    console.log(`${chalk3.green("+")} ${chalk3.green(prop)}: ${chalk3.green(String(value))}`);
   }
   for (const [prop, { old, new: newVal }] of Object.entries(modified)) {
-    console.log(`${chalk4.yellow("~")} ${chalk4.yellow(prop)}: ${chalk4.red(String(old))} \u2192 ${chalk4.green(String(newVal))}`);
+    console.log(`${chalk3.yellow("~")} ${chalk3.yellow(prop)}: ${chalk3.red(String(old))} \u2192 ${chalk3.green(String(newVal))}`);
   }
 }
 async function timelineCommand(action, options) {
   const timelineFile = path7.join(process.cwd(), ".chaincss-timeline.json");
   const data = loadTimelineData(timelineFile);
   if (!data) {
-    console.log(chalk4.yellow("\n\u26A0\uFE0F  No timeline data found."));
-    console.log(chalk4.gray("   Run your build with --timeline flag first:"));
-    console.log(chalk4.cyan("   $ chaincss build --timeline\n"));
+    console.log(chalk3.yellow("\n\u26A0\uFE0F  No timeline data found."));
+    console.log(chalk3.gray("   Run your build with --timeline flag first:"));
+    console.log(chalk3.cyan("   $ chaincss build --timeline\n"));
     return;
   }
   if (!data.stats && data.history.length > 0) {
@@ -3401,20 +3338,20 @@ async function timelineCommand(action, options) {
   }
   switch (action) {
     case "list":
-      console.log(chalk4.cyan.bold("\n\u{1F4CA} Style Timeline History\n"));
-      console.log(chalk4.gray(`   Total Snapshots: ${data.stats?.totalSnapshots || data.history.length}`));
-      console.log(chalk4.gray(`   Total Changes: ${data.stats?.totalChanges || data.changes?.length || 0}`));
+      console.log(chalk3.cyan.bold("\n\u{1F4CA} Style Timeline History\n"));
+      console.log(chalk3.gray(`   Total Snapshots: ${data.stats?.totalSnapshots || data.history.length}`));
+      console.log(chalk3.gray(`   Total Changes: ${data.stats?.totalChanges || data.changes?.length || 0}`));
       if (data.stats?.firstRecorded && data.stats?.lastRecorded) {
         const duration = data.stats.lastRecorded - data.stats.firstRecorded;
-        console.log(chalk4.gray(`   Duration: ${formatDuration(duration)}`));
+        console.log(chalk3.gray(`   Duration: ${formatDuration(duration)}`));
       }
-      console.log(chalk4.gray("\n   Snapshots:\n"));
+      console.log(chalk3.gray("\n   Snapshots:\n"));
       data.history.forEach((snapshot, index) => {
         displaySnapshotDetails(snapshot, index);
       });
       try {
         const stats = fs8.statSync(timelineFile);
-        console.log(chalk4.gray(`
+        console.log(chalk3.gray(`
 \u{1F4C1} Timeline file size: ${formatBytes(stats.size)}`));
       } catch (e) {
       }
@@ -3423,8 +3360,8 @@ async function timelineCommand(action, options) {
       const id1 = options.snapshot1;
       const id2 = options.snapshot2;
       if (!id1 || !id2) {
-        console.log(chalk4.red("\n\u274C Both snapshot1 and snapshot2 are required for diff"));
-        console.log(chalk4.gray("   Usage: chaincss timeline diff --snapshot1 <id> --snapshot2 <id>\n"));
+        console.log(chalk3.red("\n\u274C Both snapshot1 and snapshot2 are required for diff"));
+        console.log(chalk3.gray("   Usage: chaincss timeline diff --snapshot1 <id> --snapshot2 <id>\n"));
         return;
       }
       const snapshot1 = data.history.find(
@@ -3434,36 +3371,36 @@ async function timelineCommand(action, options) {
         (s) => s.id === id2 || s.selector === id2
       );
       if (!snapshot1) {
-        console.log(chalk4.red(`
+        console.log(chalk3.red(`
 \u274C Snapshot not found: ${id1}`));
-        console.log(chalk4.gray('   Use "chaincss timeline list" to see available snapshots\n'));
+        console.log(chalk3.gray('   Use "chaincss timeline list" to see available snapshots\n'));
         return;
       }
       if (!snapshot2) {
-        console.log(chalk4.red(`
+        console.log(chalk3.red(`
 \u274C Snapshot not found: ${id2}`));
-        console.log(chalk4.gray('   Use "chaincss timeline list" to see available snapshots\n'));
+        console.log(chalk3.gray('   Use "chaincss timeline list" to see available snapshots\n'));
         return;
       }
       const diff = calculateDiff(snapshot1, snapshot2);
       const totalChanges = Object.keys(diff.added).length + Object.keys(diff.removed).length + Object.keys(diff.modified).length;
-      console.log(chalk4.cyan.bold(`
+      console.log(chalk3.cyan.bold(`
 \u{1F50D} Diff: ${snapshot1.selector} \u2192 ${snapshot2.selector}
 `));
-      console.log(chalk4.gray(`   Changes: ${totalChanges}`));
-      console.log(chalk4.gray(`   Time between: ${formatDuration(snapshot2.timestamp - snapshot1.timestamp)}
+      console.log(chalk3.gray(`   Changes: ${totalChanges}`));
+      console.log(chalk3.gray(`   Time between: ${formatDuration(snapshot2.timestamp - snapshot1.timestamp)}
 `));
       displayDiff(diff, snapshot1.selector, snapshot2.selector);
       if (totalChanges > 0) {
-        console.log(chalk4.gray(`
-   Legend: ${chalk4.red("\u2212")} removed  ${chalk4.green("+")} added  ${chalk4.yellow("~")} modified
+        console.log(chalk3.gray(`
+   Legend: ${chalk3.red("\u2212")} removed  ${chalk3.green("+")} added  ${chalk3.yellow("~")} modified
 `));
       }
       break;
     case "changes":
-      console.log(chalk4.cyan.bold("\n\u{1F4DD} Style Change History\n"));
+      console.log(chalk3.cyan.bold("\n\u{1F4DD} Style Change History\n"));
       if (!data.changes || data.changes.length === 0) {
-        console.log(chalk4.gray("  No changes recorded\n"));
+        console.log(chalk3.gray("  No changes recorded\n"));
         return;
       }
       const changesBySelector = /* @__PURE__ */ new Map();
@@ -3474,19 +3411,19 @@ async function timelineCommand(action, options) {
         changesBySelector.get(change.selector).push(change);
       }
       for (const [selector, changes] of changesBySelector) {
-        console.log(chalk4.white.bold(`
+        console.log(chalk3.white.bold(`
   ${selector}`));
         for (const change of changes) {
           const date = new Date(change.timestamp).toLocaleTimeString();
           switch (change.type) {
             case "add":
-              console.log(`    ${chalk4.green(`+ ${change.property}: ${change.newValue}`)} ${chalk4.gray(`[${date}]`)}`);
+              console.log(`    ${chalk3.green(`+ ${change.property}: ${change.newValue}`)} ${chalk3.gray(`[${date}]`)}`);
               break;
             case "remove":
-              console.log(`    ${chalk4.red(`- ${change.property}: ${change.oldValue}`)} ${chalk4.gray(`[${date}]`)}`);
+              console.log(`    ${chalk3.red(`- ${change.property}: ${change.oldValue}`)} ${chalk3.gray(`[${date}]`)}`);
               break;
             case "modify":
-              console.log(`    ${chalk4.yellow(`~ ${change.property}: ${change.oldValue} \u2192 ${change.newValue}`)} ${chalk4.gray(`[${date}]`)}`);
+              console.log(`    ${chalk3.yellow(`~ ${change.property}: ${change.oldValue} \u2192 ${change.newValue}`)} ${chalk3.gray(`[${date}]`)}`);
               break;
           }
         }
@@ -3494,41 +3431,41 @@ async function timelineCommand(action, options) {
       console.log();
       break;
     case "stats":
-      console.log(chalk4.cyan.bold("\n\u{1F4C8} Timeline Statistics\n"));
-      console.log(chalk4.gray(`   Total Snapshots: ${data.history.length}`));
-      console.log(chalk4.gray(`   Total Changes: ${data.changes?.length || 0}`));
+      console.log(chalk3.cyan.bold("\n\u{1F4C8} Timeline Statistics\n"));
+      console.log(chalk3.gray(`   Total Snapshots: ${data.history.length}`));
+      console.log(chalk3.gray(`   Total Changes: ${data.changes?.length || 0}`));
       if (data.history.length > 0) {
         const firstSnapshot = data.history[0];
         const lastSnapshot = data.history[data.history.length - 1];
         const duration = lastSnapshot.timestamp - firstSnapshot.timestamp;
-        console.log(chalk4.gray(`   First Recorded: ${new Date(firstSnapshot.timestamp).toLocaleString()}`));
-        console.log(chalk4.gray(`   Last Recorded: ${new Date(lastSnapshot.timestamp).toLocaleString()}`));
-        console.log(chalk4.gray(`   Duration: ${formatDuration(duration)}`));
+        console.log(chalk3.gray(`   First Recorded: ${new Date(firstSnapshot.timestamp).toLocaleString()}`));
+        console.log(chalk3.gray(`   Last Recorded: ${new Date(lastSnapshot.timestamp).toLocaleString()}`));
+        console.log(chalk3.gray(`   Duration: ${formatDuration(duration)}`));
         const changesByType = { add: 0, remove: 0, modify: 0 };
         for (const change of data.changes || []) {
           changesByType[change.type]++;
         }
-        console.log(chalk4.gray(`
+        console.log(chalk3.gray(`
    Changes by Type:`));
-        console.log(chalk4.green(`     Added: ${changesByType.add}`));
-        console.log(chalk4.red(`     Removed: ${changesByType.remove}`));
-        console.log(chalk4.yellow(`     Modified: ${changesByType.modify}`));
+        console.log(chalk3.green(`     Added: ${changesByType.add}`));
+        console.log(chalk3.red(`     Removed: ${changesByType.remove}`));
+        console.log(chalk3.yellow(`     Modified: ${changesByType.modify}`));
         const changesBySelector2 = {};
         for (const change of data.changes || []) {
           changesBySelector2[change.selector] = (changesBySelector2[change.selector] || 0) + 1;
         }
         const topSelectors = Object.entries(changesBySelector2).sort((a, b) => b[1] - a[1]).slice(0, 5);
         if (topSelectors.length > 0) {
-          console.log(chalk4.gray(`
+          console.log(chalk3.gray(`
    Most Active Selectors:`));
           for (const [selector, count] of topSelectors) {
-            console.log(chalk4.gray(`     ${selector}: ${count} changes`));
+            console.log(chalk3.gray(`     ${selector}: ${count} changes`));
           }
         }
       }
       try {
         const stats = fs8.statSync(timelineFile);
-        console.log(chalk4.gray(`
+        console.log(chalk3.gray(`
    File Size: ${formatBytes(stats.size)}`));
       } catch (e) {
       }
@@ -3546,11 +3483,11 @@ async function timelineCommand(action, options) {
       try {
         fs8.writeFileSync(fullExportPath, JSON.stringify(exportData, null, 2));
         const stats = fs8.statSync(fullExportPath);
-        console.log(chalk4.green(`
+        console.log(chalk3.green(`
 \u2713 Timeline exported to ${fullExportPath}`));
-        console.log(chalk4.gray(`  Size: ${formatBytes(stats.size)}`));
+        console.log(chalk3.gray(`  Size: ${formatBytes(stats.size)}`));
       } catch (error) {
-        console.log(chalk4.red(`
+        console.log(chalk3.red(`
 \u274C Failed to export: ${error.message}`));
       }
       break;
@@ -3559,17 +3496,17 @@ async function timelineCommand(action, options) {
         const backupPath = `${timelineFile}.backup-${Date.now()}`;
         fs8.copyFileSync(timelineFile, backupPath);
         fs8.unlinkSync(timelineFile);
-        console.log(chalk4.green(`
+        console.log(chalk3.green(`
 \u2713 Timeline cleared`));
-        console.log(chalk4.gray(`  Backup saved to ${backupPath}`));
+        console.log(chalk3.gray(`  Backup saved to ${backupPath}`));
       } catch (error) {
-        console.log(chalk4.red(`
+        console.log(chalk3.red(`
 \u274C Failed to clear timeline: ${error.message}`));
       }
       break;
     case "watch":
-      console.log(chalk4.cyan.bold("\n\u{1F441}\uFE0F  Watching timeline changes...\n"));
-      console.log(chalk4.gray("   Press Ctrl+C to stop\n"));
+      console.log(chalk3.cyan.bold("\n\u{1F441}\uFE0F  Watching timeline changes...\n"));
+      console.log(chalk3.gray("   Press Ctrl+C to stop\n"));
       let lastModified = fs8.statSync(timelineFile).mtimeMs;
       const watcher = setInterval(() => {
         try {
@@ -3578,13 +3515,13 @@ async function timelineCommand(action, options) {
             lastModified = stats.mtimeMs;
             const newData = loadTimelineData(timelineFile);
             if (newData && newData.history.length !== data.history.length) {
-              console.log(chalk4.yellow(`
+              console.log(chalk3.yellow(`
 \u{1F4DD} Timeline updated - ${(/* @__PURE__ */ new Date()).toLocaleTimeString()}`));
-              console.log(chalk4.gray(`   New snapshot count: ${newData.history.length}`));
+              console.log(chalk3.gray(`   New snapshot count: ${newData.history.length}`));
               const latest = newData.history[newData.history.length - 1];
               if (latest) {
-                console.log(chalk4.green(`   Latest: ${latest.selector}`));
-                console.log(chalk4.gray(`   Properties: ${Object.keys(latest.styles).length}`));
+                console.log(chalk3.green(`   Latest: ${latest.selector}`));
+                console.log(chalk3.gray(`   Properties: ${Object.keys(latest.styles).length}`));
               }
             }
             Object.assign(data, newData);
@@ -3594,25 +3531,25 @@ async function timelineCommand(action, options) {
       }, 1e3);
       process.on("SIGINT", () => {
         clearInterval(watcher);
-        console.log(chalk4.gray("\n\n\u{1F44B} Stopped watching\n"));
+        console.log(chalk3.gray("\n\n\u{1F44B} Stopped watching\n"));
         process.exit(0);
       });
       break;
     default:
-      console.log(chalk4.yellow(`
+      console.log(chalk3.yellow(`
 \u274C Unknown action: ${action}`));
-      console.log(chalk4.gray("\nAvailable actions:"));
-      console.log(chalk4.cyan("  list     ") + chalk4.gray("- List all timeline snapshots"));
-      console.log(chalk4.cyan("  diff     ") + chalk4.gray("- Compare two snapshots"));
-      console.log(chalk4.cyan("  changes  ") + chalk4.gray("- Show individual style changes"));
-      console.log(chalk4.cyan("  stats    ") + chalk4.gray("- Show timeline statistics"));
-      console.log(chalk4.cyan("  export   ") + chalk4.gray("- Export timeline to JSON"));
-      console.log(chalk4.cyan("  clear    ") + chalk4.gray("- Clear timeline data"));
-      console.log(chalk4.cyan("  watch    ") + chalk4.gray("- Watch for timeline updates\n"));
+      console.log(chalk3.gray("\nAvailable actions:"));
+      console.log(chalk3.cyan("  list     ") + chalk3.gray("- List all timeline snapshots"));
+      console.log(chalk3.cyan("  diff     ") + chalk3.gray("- Compare two snapshots"));
+      console.log(chalk3.cyan("  changes  ") + chalk3.gray("- Show individual style changes"));
+      console.log(chalk3.cyan("  stats    ") + chalk3.gray("- Show timeline statistics"));
+      console.log(chalk3.cyan("  export   ") + chalk3.gray("- Export timeline to JSON"));
+      console.log(chalk3.cyan("  clear    ") + chalk3.gray("- Clear timeline data"));
+      console.log(chalk3.cyan("  watch    ") + chalk3.gray("- Watch for timeline updates\n"));
   }
 }
 var require2;
-var init_timeline = __esm({
+var init_timeline2 = __esm({
   "src/cli/commands/timeline.ts"() {
     "use strict";
     require2 = createRequire(import.meta.url);
@@ -3624,7 +3561,7 @@ var cache_exports = {};
 __export(cache_exports, {
   cacheCommand: () => cacheCommand
 });
-import chalk5 from "chalk";
+import chalk4 from "chalk";
 import fs9 from "fs";
 import path8 from "path";
 function formatBytes2(bytes) {
@@ -3647,12 +3584,12 @@ function displayCacheEntry(key, entry, index) {
   const created = entry.createdAt ? new Date(entry.createdAt).toLocaleString() : "Unknown";
   const lastAccessed = entry.lastAccessed ? new Date(entry.lastAccessed).toLocaleString() : "Never";
   console.log(`
-${chalk5.green(`[${index}]`)} ${chalk5.white.bold(key)}`);
-  console.log(`    ${chalk5.gray(`Created: ${created}`)}`);
-  console.log(`    ${chalk5.gray(`Last Accessed: ${lastAccessed}`)}`);
-  console.log(`    ${chalk5.gray(`Usage Count: ${entry.accessCount || 0}`)}`);
+${chalk4.green(`[${index}]`)} ${chalk4.white.bold(key)}`);
+  console.log(`    ${chalk4.gray(`Created: ${created}`)}`);
+  console.log(`    ${chalk4.gray(`Last Accessed: ${lastAccessed}`)}`);
+  console.log(`    ${chalk4.gray(`Usage Count: ${entry.accessCount || 0}`)}`);
   if (entry.size) {
-    console.log(`    ${chalk5.gray(`Size: ${formatBytes2(entry.size)}`)}`);
+    console.log(`    ${chalk4.gray(`Size: ${formatBytes2(entry.size)}`)}`);
   }
 }
 async function cacheCommand(action, options) {
@@ -3667,9 +3604,9 @@ async function cacheCommand(action, options) {
   });
   switch (action) {
     case "clear":
-      console.log(chalk5.yellow("\n\u26A0\uFE0F  This will delete all cached data"));
+      console.log(chalk4.yellow("\n\u26A0\uFE0F  This will delete all cached data"));
       if (!options.force) {
-        console.log(chalk5.gray("   Use --force to confirm\n"));
+        console.log(chalk4.gray("   Use --force to confirm\n"));
         return;
       }
       try {
@@ -3677,12 +3614,12 @@ async function cacheCommand(action, options) {
         if (fs9.existsSync(cacheDir)) {
           fs9.rmSync(cacheDir, { recursive: true, force: true });
         }
-        console.log(chalk5.green("\n\u2713 All cache cleared"));
-        console.log(chalk5.gray(`   Removed: ${cacheDir}`));
-        console.log(chalk5.gray(`   Removed: ${persistentCacheDir}
+        console.log(chalk4.green("\n\u2713 All cache cleared"));
+        console.log(chalk4.gray(`   Removed: ${cacheDir}`));
+        console.log(chalk4.gray(`   Removed: ${persistentCacheDir}
 `));
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to clear cache: ${error.message}
 `));
       }
@@ -3692,28 +3629,28 @@ async function cacheCommand(action, options) {
         const stats = await persistentCache.getStats();
         const regularCacheExists = fs9.existsSync(cacheDir);
         const persistentCacheExists = fs9.existsSync(persistentCacheDir);
-        console.log(chalk5.cyan.bold("\n\u{1F4CA} Cache Statistics\n"));
-        console.log(chalk5.white.bold("Persistent Cache:"));
-        console.log(`  Status: ${persistentCacheExists ? chalk5.green("Active") : chalk5.gray("Empty")}`);
+        console.log(chalk4.cyan.bold("\n\u{1F4CA} Cache Statistics\n"));
+        console.log(chalk4.white.bold("Persistent Cache:"));
+        console.log(`  Status: ${persistentCacheExists ? chalk4.green("Active") : chalk4.gray("Empty")}`);
         if (persistentCacheExists) {
-          console.log(`  Entry count: ${chalk5.white(stats.entryCount || 0)}`);
-          console.log(`  Total size: ${chalk5.white((stats.totalSizeMB || 0).toFixed(2))} MB`);
-          console.log(`  Total size (bytes): ${chalk5.white(formatBytes2(stats.totalSizeBytes || 0))}`);
+          console.log(`  Entry count: ${chalk4.white(stats.entryCount || 0)}`);
+          console.log(`  Total size: ${chalk4.white((stats.totalSizeMB || 0).toFixed(2))} MB`);
+          console.log(`  Total size (bytes): ${chalk4.white(formatBytes2(stats.totalSizeBytes || 0))}`);
           if (stats.oldestEntry) {
             const age = Date.now() - new Date(stats.oldestEntry).getTime();
-            console.log(`  Oldest entry: ${chalk5.white(new Date(stats.oldestEntry).toLocaleDateString())} (${formatDuration2(age)} ago)`);
+            console.log(`  Oldest entry: ${chalk4.white(new Date(stats.oldestEntry).toLocaleDateString())} (${formatDuration2(age)} ago)`);
           }
           if (stats.newestEntry) {
             const age = Date.now() - new Date(stats.newestEntry).getTime();
-            console.log(`  Newest entry: ${chalk5.white(new Date(stats.newestEntry).toLocaleDateString())} (${formatDuration2(age)} ago)`);
+            console.log(`  Newest entry: ${chalk4.white(new Date(stats.newestEntry).toLocaleDateString())} (${formatDuration2(age)} ago)`);
           }
           if (stats.hitRate !== void 0) {
-            const hitRateColor = stats.hitRate > 80 ? chalk5.green : stats.hitRate > 50 ? chalk5.yellow : chalk5.red;
+            const hitRateColor = stats.hitRate > 80 ? chalk4.green : stats.hitRate > 50 ? chalk4.yellow : chalk4.red;
             console.log(`  Cache hit rate: ${hitRateColor(`${(stats.hitRate * 100).toFixed(1)}%`)}`);
           }
         }
-        console.log(chalk5.white.bold("\nRegular Cache:"));
-        console.log(`  Status: ${regularCacheExists ? chalk5.green("Active") : chalk5.gray("Empty")}`);
+        console.log(chalk4.white.bold("\nRegular Cache:"));
+        console.log(`  Status: ${regularCacheExists ? chalk4.green("Active") : chalk4.gray("Empty")}`);
         if (regularCacheExists) {
           let totalSize = 0;
           let fileCount = 0;
@@ -3731,16 +3668,16 @@ async function cacheCommand(action, options) {
             }
           };
           calculateSize(cacheDir);
-          console.log(`  File count: ${chalk5.white(fileCount)}`);
-          console.log(`  Total size: ${chalk5.white(formatBytes2(totalSize))}`);
+          console.log(`  File count: ${chalk4.white(fileCount)}`);
+          console.log(`  Total size: ${chalk4.white(formatBytes2(totalSize))}`);
         }
-        console.log(chalk5.white.bold("\nSettings:"));
-        console.log(`  Max age: ${chalk5.white(options.maxAge || 30)} days`);
-        console.log(`  Max size: ${chalk5.white(options.maxSize || 500)} MB`);
-        console.log(`  Cache directory: ${chalk5.gray(persistentCacheDir)}`);
+        console.log(chalk4.white.bold("\nSettings:"));
+        console.log(`  Max age: ${chalk4.white(options.maxAge || 30)} days`);
+        console.log(`  Max size: ${chalk4.white(options.maxSize || 500)} MB`);
+        console.log(`  Cache directory: ${chalk4.gray(persistentCacheDir)}`);
         console.log();
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to get cache stats: ${error.message}
 `));
       }
@@ -3750,9 +3687,9 @@ async function cacheCommand(action, options) {
         const beforeStats = await persistentCache.getStats();
         const beforeCount = beforeStats.entryCount || 0;
         const beforeSize = beforeStats.totalSizeMB || 0;
-        console.log(chalk5.yellow(`
+        console.log(chalk4.yellow(`
 \u{1F9F9} Pruning cache...`));
-        console.log(chalk5.gray(`   Before: ${beforeCount} entries, ${beforeSize.toFixed(2)} MB`));
+        console.log(chalk4.gray(`   Before: ${beforeCount} entries, ${beforeSize.toFixed(2)} MB`));
         await persistentCache.prune();
         await persistentCache.enforceSizeLimit();
         const afterStats = await persistentCache.getStats();
@@ -3761,15 +3698,15 @@ async function cacheCommand(action, options) {
         const removedCount = beforeCount - afterCount;
         const removedSize = beforeSize - afterSize;
         if (removedCount > 0) {
-          console.log(chalk5.green(`\u2713 Cache pruned successfully`));
-          console.log(chalk5.gray(`   Removed: ${removedCount} entries, ${removedSize.toFixed(2)} MB`));
-          console.log(chalk5.gray(`   Remaining: ${afterCount} entries, ${afterSize.toFixed(2)} MB`));
+          console.log(chalk4.green(`\u2713 Cache pruned successfully`));
+          console.log(chalk4.gray(`   Removed: ${removedCount} entries, ${removedSize.toFixed(2)} MB`));
+          console.log(chalk4.gray(`   Remaining: ${afterCount} entries, ${afterSize.toFixed(2)} MB`));
         } else {
-          console.log(chalk5.gray(`   No entries to prune`));
+          console.log(chalk4.gray(`   No entries to prune`));
         }
         console.log();
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to prune cache: ${error.message}
 `));
       }
@@ -3778,10 +3715,10 @@ async function cacheCommand(action, options) {
       try {
         const entries = await persistentCache.listEntries();
         if (!entries || entries.length === 0) {
-          console.log(chalk5.yellow("\n\u{1F4ED} No cache entries found\n"));
+          console.log(chalk4.yellow("\n\u{1F4ED} No cache entries found\n"));
           return;
         }
-        console.log(chalk5.cyan.bold(`
+        console.log(chalk4.cyan.bold(`
 \u{1F4E6} Cache Entries (${entries.length})
 `));
         entries.forEach((entry, index) => {
@@ -3789,7 +3726,7 @@ async function cacheCommand(action, options) {
         });
         console.log();
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to list cache entries: ${error.message}
 `));
       }
@@ -3797,37 +3734,37 @@ async function cacheCommand(action, options) {
     case "inspect":
       const key = options.key;
       if (!key) {
-        console.log(chalk5.red("\n\u274C Please provide a cache key to inspect"));
-        console.log(chalk5.gray("   Usage: chaincss cache inspect --key <key>\n"));
+        console.log(chalk4.red("\n\u274C Please provide a cache key to inspect"));
+        console.log(chalk4.gray("   Usage: chaincss cache inspect --key <key>\n"));
         return;
       }
       try {
         const entry = await persistentCache.get(key);
         if (!entry) {
-          console.log(chalk5.yellow(`
+          console.log(chalk4.yellow(`
 \u274C Cache entry not found: ${key}
 `));
           return;
         }
-        console.log(chalk5.cyan.bold(`
+        console.log(chalk4.cyan.bold(`
 \u{1F50D} Cache Entry: ${key}
 `));
-        console.log(chalk5.white("Metadata:"));
-        console.log(`  Created: ${chalk5.gray(entry.createdAt ? new Date(entry.createdAt).toLocaleString() : "Unknown")}`);
-        console.log(`  Last accessed: ${chalk5.gray(entry.lastAccessed ? new Date(entry.lastAccessed).toLocaleString() : "Never")}`);
-        console.log(`  Access count: ${chalk5.gray(entry.accessCount || 0)}`);
+        console.log(chalk4.white("Metadata:"));
+        console.log(`  Created: ${chalk4.gray(entry.createdAt ? new Date(entry.createdAt).toLocaleString() : "Unknown")}`);
+        console.log(`  Last accessed: ${chalk4.gray(entry.lastAccessed ? new Date(entry.lastAccessed).toLocaleString() : "Never")}`);
+        console.log(`  Access count: ${chalk4.gray(entry.accessCount || 0)}`);
         if (entry.size) {
-          console.log(`  Size: ${chalk5.gray(formatBytes2(entry.size))}`);
+          console.log(`  Size: ${chalk4.gray(formatBytes2(entry.size))}`);
         }
         if (entry.value) {
-          console.log(chalk5.white.bold("\nContent Preview:"));
+          console.log(chalk4.white.bold("\nContent Preview:"));
           const valueStr = JSON.stringify(entry.value, null, 2);
           const preview = valueStr.length > 500 ? valueStr.slice(0, 500) + "..." : valueStr;
-          console.log(chalk5.gray(preview));
+          console.log(chalk4.gray(preview));
         }
         console.log();
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to inspect cache entry: ${error.message}
 `));
       }
@@ -3835,36 +3772,36 @@ async function cacheCommand(action, options) {
     case "delete":
       const deleteKey = options.key;
       if (!deleteKey) {
-        console.log(chalk5.red("\n\u274C Please provide a cache key to delete"));
-        console.log(chalk5.gray("   Usage: chaincss cache delete --key <key>\n"));
+        console.log(chalk4.red("\n\u274C Please provide a cache key to delete"));
+        console.log(chalk4.gray("   Usage: chaincss cache delete --key <key>\n"));
         return;
       }
       if (!options.force) {
-        console.log(chalk5.yellow(`
+        console.log(chalk4.yellow(`
 \u26A0\uFE0F  This will delete cache entry: ${deleteKey}`));
-        console.log(chalk5.gray("   Use --force to confirm\n"));
+        console.log(chalk4.gray("   Use --force to confirm\n"));
         return;
       }
       try {
         const deleted = await persistentCache.delete(deleteKey);
         if (deleted) {
-          console.log(chalk5.green(`
+          console.log(chalk4.green(`
 \u2713 Deleted cache entry: ${deleteKey}
 `));
         } else {
-          console.log(chalk5.yellow(`
+          console.log(chalk4.yellow(`
 \u274C Cache entry not found: ${deleteKey}
 `));
         }
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to delete cache entry: ${error.message}
 `));
       }
       break;
     case "validate":
       try {
-        console.log(chalk5.cyan.bold("\n\u{1F50D} Validating Cache Integrity\n"));
+        console.log(chalk4.cyan.bold("\n\u{1F50D} Validating Cache Integrity\n"));
         const entries = await persistentCache.listEntries();
         let validCount = 0;
         let invalidCount = 0;
@@ -3876,25 +3813,25 @@ async function cacheCommand(action, options) {
             totalSize += entry.size || 0;
           } else {
             invalidCount++;
-            console.log(chalk5.yellow(`  \u2717 Invalid entry: ${entry.key}`));
+            console.log(chalk4.yellow(`  \u2717 Invalid entry: ${entry.key}`));
           }
         }
-        console.log(chalk5.white(`
+        console.log(chalk4.white(`
 Results:`));
-        console.log(`  Valid entries: ${chalk5.green(validCount)}`);
-        console.log(`  Invalid entries: ${invalidCount > 0 ? chalk5.red(invalidCount) : chalk5.green(invalidCount)}`);
-        console.log(`  Total size: ${chalk5.gray(formatBytes2(totalSize))}`);
+        console.log(`  Valid entries: ${chalk4.green(validCount)}`);
+        console.log(`  Invalid entries: ${invalidCount > 0 ? chalk4.red(invalidCount) : chalk4.green(invalidCount)}`);
+        console.log(`  Total size: ${chalk4.gray(formatBytes2(totalSize))}`);
         if (invalidCount > 0) {
-          console.log(chalk5.yellow(`
+          console.log(chalk4.yellow(`
 \u26A0\uFE0F  Found ${invalidCount} invalid entries. Run 'chaincss cache prune' to clean them.
 `));
         } else {
-          console.log(chalk5.green(`
+          console.log(chalk4.green(`
 \u2713 All cache entries are valid
 `));
         }
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to validate cache: ${error.message}
 `));
       }
@@ -3902,7 +3839,7 @@ Results:`));
     case "backup":
       const backupPath = options.output || `./.chaincss-cache-backup-${Date.now()}.tar.gz`;
       try {
-        console.log(chalk5.cyan.bold("\n\u{1F4BE} Creating Cache Backup\n"));
+        console.log(chalk4.cyan.bold("\n\u{1F4BE} Creating Cache Backup\n"));
         const backupDir = path8.dirname(backupPath);
         if (!fs9.existsSync(backupDir)) {
           fs9.mkdirSync(backupDir, { recursive: true });
@@ -3926,34 +3863,34 @@ Results:`));
         const backupCacheDir = backupPath.replace(/\.tar\.gz$/, "");
         copyDir(cacheDir, backupCacheDir);
         copyDir(persistentCacheDir, path8.join(backupCacheDir, "persistent"));
-        console.log(chalk5.green(`\u2713 Cache backed up to ${backupCacheDir}`));
-        console.log(chalk5.gray(`   To restore, copy the contents back to the cache directory
+        console.log(chalk4.green(`\u2713 Cache backed up to ${backupCacheDir}`));
+        console.log(chalk4.gray(`   To restore, copy the contents back to the cache directory
 `));
       } catch (error) {
-        console.log(chalk5.red(`
+        console.log(chalk4.red(`
 \u274C Failed to backup cache: ${error.message}
 `));
       }
       break;
     default:
-      console.log(chalk5.yellow(`
+      console.log(chalk4.yellow(`
 \u274C Unknown action: ${action}`));
-      console.log(chalk5.gray("\nAvailable actions:"));
-      console.log(chalk5.cyan("  clear    ") + chalk5.gray("- Clear all cache data"));
-      console.log(chalk5.cyan("  stats    ") + chalk5.gray("- Show cache statistics"));
-      console.log(chalk5.cyan("  prune    ") + chalk5.gray("- Remove expired entries"));
-      console.log(chalk5.cyan("  list     ") + chalk5.gray("- List all cache entries"));
-      console.log(chalk5.cyan("  inspect  ") + chalk5.gray("- Inspect a specific cache entry"));
-      console.log(chalk5.cyan("  delete   ") + chalk5.gray("- Delete a specific cache entry"));
-      console.log(chalk5.cyan("  validate ") + chalk5.gray("- Validate cache integrity"));
-      console.log(chalk5.cyan("  backup   ") + chalk5.gray("- Backup cache to file"));
-      console.log(chalk5.gray("\nOptions:"));
-      console.log(chalk5.gray("  --key <key>      Cache key for inspect/delete"));
-      console.log(chalk5.gray("  --force          Skip confirmation prompts"));
-      console.log(chalk5.gray("  --max-age <days> Max age for cache entries"));
-      console.log(chalk5.gray("  --max-size <MB>  Max cache size in MB"));
-      console.log(chalk5.gray("  --output <path>  Output path for backup"));
-      console.log(chalk5.gray("  --verbose        Verbose output\n"));
+      console.log(chalk4.gray("\nAvailable actions:"));
+      console.log(chalk4.cyan("  clear    ") + chalk4.gray("- Clear all cache data"));
+      console.log(chalk4.cyan("  stats    ") + chalk4.gray("- Show cache statistics"));
+      console.log(chalk4.cyan("  prune    ") + chalk4.gray("- Remove expired entries"));
+      console.log(chalk4.cyan("  list     ") + chalk4.gray("- List all cache entries"));
+      console.log(chalk4.cyan("  inspect  ") + chalk4.gray("- Inspect a specific cache entry"));
+      console.log(chalk4.cyan("  delete   ") + chalk4.gray("- Delete a specific cache entry"));
+      console.log(chalk4.cyan("  validate ") + chalk4.gray("- Validate cache integrity"));
+      console.log(chalk4.cyan("  backup   ") + chalk4.gray("- Backup cache to file"));
+      console.log(chalk4.gray("\nOptions:"));
+      console.log(chalk4.gray("  --key <key>      Cache key for inspect/delete"));
+      console.log(chalk4.gray("  --force          Skip confirmation prompts"));
+      console.log(chalk4.gray("  --max-age <days> Max age for cache entries"));
+      console.log(chalk4.gray("  --max-size <MB>  Max cache size in MB"));
+      console.log(chalk4.gray("  --output <path>  Output path for backup"));
+      console.log(chalk4.gray("  --verbose        Verbose output\n"));
   }
 }
 var init_cache = __esm({
@@ -3969,7 +3906,7 @@ import { readFileSync, existsSync, writeFileSync } from "fs";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import path9 from "path";
 import { glob } from "glob";
-import chalk6 from "chalk";
+import chalk5 from "chalk";
 
 // src/cli/utils/config-loader.ts
 import fs from "fs";
@@ -4104,13 +4041,13 @@ var getCompiler = async (config) => {
   return new ChainCSSCompiler2(config);
 };
 var handleError = (error, command) => {
-  console.error(chalk6.red(`
+  console.error(chalk5.red(`
 \u274C Error running "${command}":`));
   if (error instanceof Error) {
-    console.error(chalk6.red(`   ${error.message}`));
+    console.error(chalk5.red(`   ${error.message}`));
     if (process.env.DEBUG) console.error(error.stack);
   } else {
-    console.error(chalk6.red(`   ${String(error)}`));
+    console.error(chalk5.red(`   ${String(error)}`));
   }
   process.exit(1);
 };
@@ -4118,7 +4055,7 @@ program.command("init").description("Initialize ChainCSS configuration file").op
   try {
     const configPath = "chaincss.config.js";
     if (existsSync(configPath) && !options.force) {
-      console.log(chalk6.yellow("Config file already exists. Use --force to overwrite."));
+      console.log(chalk5.yellow("Config file already exists. Use --force to overwrite."));
       return;
     }
     const config = `export default {
@@ -4137,7 +4074,7 @@ program.command("init").description("Initialize ChainCSS configuration file").op
   verbose: true
 };`;
     writeFileSync(configPath, config);
-    console.log(chalk6.green("\u2713 Created chaincss.config.js with Object-based output."));
+    console.log(chalk5.green("\u2713 Created chaincss.config.js with Object-based output."));
   } catch (error) {
     handleError(error, "init");
   }
@@ -4146,14 +4083,14 @@ program.command("build").option("-v, --verbose", "Verbose output").action(async
   try {
     const config = await loadConfig();
     const compiler = await getCompiler(config);
-    console.log(chalk6.blue("\u{1F680} Starting ChainCSS Build..."));
+    console.log(chalk5.blue("\u{1F680} Starting ChainCSS Build..."));
     const patterns = config.inputs || ["src/**/*.chain.{js,ts}", "src/**/*.tsx"];
     const files = await glob(patterns);
     await compiler.compileComponents(files);
     const stats = compiler.getStats();
-    console.log(chalk6.green(`
+    console.log(chalk5.green(`
 \u2705 Build Complete!`));
-    console.log(chalk6.cyan(`\u{1F4CA} Atomic Rules: ${stats.atomicStyles}`));
+    console.log(chalk5.cyan(`\u{1F4CA} Atomic Rules: ${stats.atomicStyles}`));
   } catch (error) {
     handleError(error, "build");
   }
@@ -4165,9 +4102,9 @@ program.command("watch").description("Watch and automatically recompile styles")
     const chokidar = await import("chokidar");
     const patterns = config.inputs || ["src/**/*.chain.{js,ts}", "src/**/*.tsx"];
     const watcher = chokidar.watch(patterns, { ignored: "**/node_modules/**" });
-    console.log(chalk6.blue("\u{1F4E1} Watching for changes..."));
+    console.log(chalk5.blue("\u{1F4E1} Watching for changes..."));
     watcher.on("change", async (filePath) => {
-      console.log(chalk6.yellow(`\r\u{1F504} Change detected: ${path9.basename(filePath)}`));
+      console.log(chalk5.yellow(`\r\u{1F504} Change detected: ${path9.basename(filePath)}`));
       const files = await glob(patterns);
       await compiler.compileComponents(files);
     });
@@ -4176,22 +4113,22 @@ program.command("watch").description("Watch and automatically recompile styles")
   }
 });
 program.command("timeline").description("Manage style timeline").argument("<action>", "Action: list, diff, export, clear").option("-s, --snapshot1 <id>", "First snapshot ID or selector for diff").option("--snapshot2 <id>", "Second snapshot ID or selector for diff").option("-o, --output <path>", "Output file for export").action(async (action, options) => {
-  const { timelineCommand: timelineCommand2 } = await Promise.resolve().then(() => (init_timeline(), timeline_exports));
+  const { timelineCommand: timelineCommand2 } = await Promise.resolve().then(() => (init_timeline2(), timeline_exports));
   await timelineCommand2(action, options);
 });
 program.on("--help", () => {
   console.log("");
-  console.log(chalk6.cyan("Examples:"));
-  console.log(chalk6.gray("  # Initialize a new project"));
+  console.log(chalk5.cyan("Examples:"));
+  console.log(chalk5.gray("  # Initialize a new project"));
   console.log("  $ chaincss init");
   console.log("");
-  console.log(chalk6.gray("  # Build all styles"));
+  console.log(chalk5.gray("  # Build all styles"));
   console.log('  $ chaincss build -c "src/**/*.chain.js"');
   console.log("");
-  console.log(chalk6.gray("  # Watch for changes"));
+  console.log(chalk5.gray("  # Watch for changes"));
   console.log('  $ chaincss watch -c "src/**/*.chain.js"');
   console.log("");
-  console.log(chalk6.cyan("Documentation:"));
+  console.log(chalk5.cyan("Documentation:"));
   console.log("  https://github.com/melcanz08/chaincss");
   console.log("");
 });