@moondreamsdev/dreamer-ui 1.5.3 → 1.5.5

package/dist/init.js

@@ -21,7 +21,7 @@ function extractColorsFromSource() {
 
     if (themeMatch) {
       const themeContent = themeMatch[1].trim();
-      return `:root {\n${themeContent}\n}`;
+      return `@theme {\n${themeContent}\n}`;
     } else {
       throw new Error('Could not find @theme colors block in source file');
     }
@@ -31,7 +31,7 @@ function extractColorsFromSource() {
   }
 }
 
-function createCSSFile(targetPath, cssContent) {
+async function createCSSFile(targetPath, cssContent) {
   try {
     // Check if file already exists
     if (existsSync(targetPath)) {
@@ -46,25 +46,34 @@ function createCSSFile(targetPath, cssContent) {
           output: process.stdout
         });
         
+        // Handle Ctrl+C interruption
+        rl.on('SIGINT', () => {
+          console.log('\n🛑 Operation cancelled by user.');
+          rl.close();
+          process.exit(0);
+        });
+        
         return new Promise((resolve) => {
           rl.question('Do you want to overwrite it? (y/N): ', (answer) => {
             rl.close();
             if (answer.toLowerCase() === 'y' || answer.toLowerCase() === 'yes') {
               writeFile();
+              resolve(true); // Indicate file was written
             } else {
               console.log('⏭️  Skipping CSS generation');
+              resolve(false); // Indicate file was not written
             }
-            resolve();
           });
         });
       } else {
         // In CI, skip overwriting
         console.log('⏭️  Skipping CSS generation (file exists)');
-        return;
+        return false;
       }
     }
     
     writeFile();
+    return true; // Indicate file was written
 
     function writeFile() {
       // Ensure target directory exists
@@ -143,12 +152,15 @@ async function main() {
   const cssContent = extractColorsFromSource();
 
   // Create the file
-  createCSSFile(targetPath, cssContent);
-
-  console.log('\n📖 To use the colors, import the CSS file in your project:');
-  console.log(`   @import '${targetPath}';`);
-  console.log('   or');
-  console.log(`   import '${targetPath}';`);
+  const fileCreated = await createCSSFile(targetPath, cssContent);
+
+  // Only show usage instructions if file was actually created/overwritten
+  if (fileCreated) {
+    console.log('\n📖 To use the colors, import the CSS file in your project:');
+    console.log(`   @import '${targetPath}';`);
+    console.log('   or');
+    console.log(`   import '${targetPath}';`);
+  }
 }
 
 // Run if called directly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "type": "module",
   "description": "A collection of Tailwind CSS components for React",
   "main": "dist/index.js",