starwind 1.13.0 → 1.14.0

package/dist/index.js

@@ -6,7 +6,7 @@ import { Command } from "commander";
 // package.json
 var package_default = {
   name: "starwind",
-  version: "1.13.0",
+  version: "1.14.0",
   description: "Add beautifully designed components to your Astro applications",
   license: "MIT",
   author: {
@@ -58,7 +58,7 @@ var package_default = {
   },
   dependencies: {
     "@clack/prompts": "^0.11.0",
-    "@starwind-ui/core": "1.13.0",
+    "@starwind-ui/core": "1.14.0",
     chalk: "^5.6.2",
     commander: "^14.0.2",
     execa: "^9.6.0",
@@ -79,7 +79,7 @@ var package_default = {
 };
 
 // src/commands/add.ts
-import * as p6 from "@clack/prompts";
+import * as p9 from "@clack/prompts";
 import { execa as execa2 } from "execa";
 
 // src/utils/constants.ts
@@ -971,7 +971,7 @@ async function isValidComponent(component, availableComponents) {
 
 // src/commands/init.ts
 import path2 from "path";
-import * as p5 from "@clack/prompts";
+import * as p8 from "@clack/prompts";
 import semver4 from "semver";
 
 // src/templates/starwind.css.ts
@@ -1212,10 +1212,258 @@ ${content}`;
   }
 }
 
+// src/utils/env.ts
+import * as p5 from "@clack/prompts";
+import fs4 from "fs-extra";
+var ENV_LOCAL_PATH = ".env.local";
+var GITIGNORE_PATH = ".gitignore";
+var STARWIND_ENV_CONTENT = `# Starwind Pro registry setup
+STARWIND_LICENSE_KEY=your_starwind_pro_license_key
+`;
+var DEFAULT_GITIGNORE_CONTENT = `# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.local
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/
+`;
+function hasStarwindLicenseKey(content) {
+  return /^STARWIND_LICENSE_KEY\s*=/m.test(content);
+}
+function hasEnvLocalInGitignore(content) {
+  const lines = content.split(/\r?\n/);
+  return lines.some((line) => {
+    const trimmed = line.trim();
+    return trimmed === ".env.local" || trimmed === ".env.local/" || trimmed === ".env*" || trimmed === ".env.*" || trimmed === "*.local";
+  });
+}
+async function setupEnvLocal() {
+  try {
+    const exists = await fileExists(ENV_LOCAL_PATH);
+    if (exists) {
+      const content = await fs4.readFile(ENV_LOCAL_PATH, "utf-8");
+      if (hasStarwindLicenseKey(content)) {
+        return true;
+      }
+      const newContent = STARWIND_ENV_CONTENT + "\n" + content;
+      await fs4.writeFile(ENV_LOCAL_PATH, newContent, "utf-8");
+    } else {
+      await fs4.writeFile(ENV_LOCAL_PATH, STARWIND_ENV_CONTENT, "utf-8");
+    }
+    return true;
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
+    p5.log.error(highlighter.error(`Failed to setup .env.local: ${errorMessage}`));
+    return false;
+  }
+}
+async function setupGitignore() {
+  try {
+    const exists = await fileExists(GITIGNORE_PATH);
+    if (exists) {
+      const content = await fs4.readFile(GITIGNORE_PATH, "utf-8");
+      if (hasEnvLocalInGitignore(content)) {
+        return true;
+      }
+      const needsNewline = content.length > 0 && !content.endsWith("\n");
+      const newContent = content + (needsNewline ? "\n" : "") + ".env.local\n";
+      await fs4.writeFile(GITIGNORE_PATH, newContent, "utf-8");
+    } else {
+      await fs4.writeFile(GITIGNORE_PATH, DEFAULT_GITIGNORE_CONTENT, "utf-8");
+    }
+    return true;
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
+    p5.log.error(highlighter.error(`Failed to setup .gitignore: ${errorMessage}`));
+    return false;
+  }
+}
+async function setupStarwindProEnv() {
+  const envResult = await setupEnvLocal();
+  const gitignoreResult = await setupGitignore();
+  return envResult && gitignoreResult;
+}
+
+// src/utils/layout.ts
+import * as p6 from "@clack/prompts";
+import fs5 from "fs-extra";
+var LAYOUT_PATHS = ["src/layouts/Layout.astro", "src/layouts/BaseLayout.astro"];
+async function findLayoutFile() {
+  for (const layoutPath of LAYOUT_PATHS) {
+    if (await fileExists(layoutPath)) {
+      return layoutPath;
+    }
+  }
+  return null;
+}
+function hasCssImport(content, cssPath) {
+  const normalizedCssPath = cssPath.replace(/\\/g, "/");
+  const importPatterns = [
+    // import "@/styles/starwind.css"
+    new RegExp(`import\\s+["']${escapeRegExp(normalizedCssPath)}["']`),
+    // import "@/styles/starwind.css";
+    new RegExp(`import\\s+["']${escapeRegExp(normalizedCssPath)}["'];?`),
+    // Handle paths without @/ prefix if cssPath starts with src/
+    ...normalizedCssPath.startsWith("src/") ? [new RegExp(`import\\s+["']@/${escapeRegExp(normalizedCssPath.slice(4))}["']`)] : [],
+    // Handle @/ paths if cssPath doesn't have it
+    ...!normalizedCssPath.startsWith("@/") ? [new RegExp(`import\\s+["']@/${escapeRegExp(normalizedCssPath)}["']`)] : []
+  ];
+  return importPatterns.some((pattern) => pattern.test(content));
+}
+function escapeRegExp(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function toImportPath(cssPath) {
+  const normalizedPath = cssPath.replace(/\\/g, "/");
+  if (normalizedPath.startsWith("@/")) {
+    return normalizedPath;
+  }
+  if (normalizedPath.startsWith("src/")) {
+    return `@/${normalizedPath.slice(4)}`;
+  }
+  return `@/${normalizedPath}`;
+}
+function addCssImportToLayout(content, cssPath) {
+  const importPath = toImportPath(cssPath);
+  const importStatement = `import "${importPath}";`;
+  const frontmatterMatch = content.match(/^---\r?\n/);
+  if (frontmatterMatch) {
+    const insertPosition = frontmatterMatch[0].length;
+    return content.slice(0, insertPosition) + importStatement + "\n" + content.slice(insertPosition);
+  } else {
+    return `---
+${importStatement}
+---
+
+${content}`;
+  }
+}
+async function setupLayoutCssImport(cssPath) {
+  try {
+    const layoutPath = await findLayoutFile();
+    if (!layoutPath) {
+      return true;
+    }
+    const content = await fs5.readFile(layoutPath, "utf-8");
+    if (hasCssImport(content, cssPath)) {
+      return true;
+    }
+    const updatedContent = addCssImportToLayout(content, cssPath);
+    await fs5.writeFile(layoutPath, updatedContent, "utf-8");
+    return true;
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
+    p6.log.error(highlighter.error(`Failed to setup CSS import in layout: ${errorMessage}`));
+    return false;
+  }
+}
+
+// src/utils/tsconfig.ts
+import * as p7 from "@clack/prompts";
+var REQUIRED_TSCONFIG = {
+  extends: "astro/tsconfigs/strict",
+  compilerOptions: {
+    baseUrl: ".",
+    paths: {
+      "@/*": ["src/*"]
+    }
+  }
+};
+function validateTsConfig(config) {
+  const hasExtends = config.extends === REQUIRED_TSCONFIG.extends;
+  const hasBaseUrl = config.compilerOptions?.baseUrl === REQUIRED_TSCONFIG.compilerOptions.baseUrl;
+  const paths = config.compilerOptions?.paths;
+  const hasPathAlias = paths !== void 0 && "@/*" in paths && Array.isArray(paths["@/*"]) && paths["@/*"].includes("src/*");
+  return {
+    hasExtends,
+    hasBaseUrl,
+    hasPathAlias,
+    isComplete: hasExtends && hasBaseUrl && hasPathAlias
+  };
+}
+function mergeTsConfig(existingConfig) {
+  const validation = validateTsConfig(existingConfig);
+  if (validation.isComplete) {
+    return existingConfig;
+  }
+  const merged = { ...existingConfig };
+  if (!validation.hasExtends) {
+    merged.extends = REQUIRED_TSCONFIG.extends;
+  }
+  if (!merged.compilerOptions) {
+    merged.compilerOptions = {};
+  }
+  if (!validation.hasBaseUrl) {
+    merged.compilerOptions.baseUrl = REQUIRED_TSCONFIG.compilerOptions.baseUrl;
+  }
+  if (!validation.hasPathAlias) {
+    if (!merged.compilerOptions.paths) {
+      merged.compilerOptions.paths = {};
+    }
+    if (!merged.compilerOptions.paths["@/*"] || !merged.compilerOptions.paths["@/*"].includes("src/*")) {
+      merged.compilerOptions.paths["@/*"] = REQUIRED_TSCONFIG.compilerOptions.paths["@/*"];
+    }
+  }
+  return merged;
+}
+function createDefaultTsConfig() {
+  return {
+    extends: REQUIRED_TSCONFIG.extends,
+    compilerOptions: {
+      baseUrl: REQUIRED_TSCONFIG.compilerOptions.baseUrl,
+      paths: {
+        "@/*": [...REQUIRED_TSCONFIG.compilerOptions.paths["@/*"]]
+      }
+    }
+  };
+}
+async function setupTsConfig() {
+  const TSCONFIG_PATH = "tsconfig.json";
+  try {
+    const exists = await fileExists(TSCONFIG_PATH);
+    if (exists) {
+      const existingConfig = await readJsonFile(TSCONFIG_PATH);
+      const validation = validateTsConfig(existingConfig);
+      if (validation.isComplete) {
+        return true;
+      }
+      const mergedConfig = mergeTsConfig(existingConfig);
+      await writeJsonFile(TSCONFIG_PATH, mergedConfig);
+    } else {
+      const defaultConfig2 = createDefaultTsConfig();
+      await writeJsonFile(TSCONFIG_PATH, defaultConfig2);
+    }
+    return true;
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
+    p7.log.error(highlighter.error(`Failed to setup tsconfig.json: ${errorMessage}`));
+    return false;
+  }
+}
+
 // src/commands/init.ts
 async function init(withinAdd = false, options) {
   if (!withinAdd) {
-    p5.intro(highlighter.title(" Welcome to the Starwind CLI "));
+    p8.intro(highlighter.title(" Welcome to the Starwind CLI "));
   }
   try {
     if (!await fileExists("package.json")) {
@@ -1234,13 +1482,13 @@ async function init(withinAdd = false, options) {
         twBaseColor: "neutral"
       };
       if (!withinAdd) {
-        p5.log.info("Using default configuration values");
+        p8.log.info("Using default configuration values");
       }
     } else {
-      configChoices = await p5.group(
+      configChoices = await p8.group(
         {
           // ask where to install components
-          installLocation: () => p5.text({
+          installLocation: () => p8.text({
             message: "What is your components directory?",
             placeholder: PATHS.LOCAL_COMPONENTS_DIR,
             initialValue: PATHS.LOCAL_COMPONENTS_DIR,
@@ -1257,7 +1505,7 @@ async function init(withinAdd = false, options) {
             }
           }),
           // ask where to add the css file
-          cssFile: () => p5.text({
+          cssFile: () => p8.text({
             message: `Where would you like to add the Tailwind ${highlighter.info(".css")} file?`,
             placeholder: PATHS.LOCAL_CSS_FILE,
             initialValue: PATHS.LOCAL_CSS_FILE,
@@ -1278,7 +1526,7 @@ async function init(withinAdd = false, options) {
               }
             }
           }),
-          twBaseColor: () => p5.select({
+          twBaseColor: () => p8.select({
             message: "What Tailwind base color would you like to use?",
             initialValue: "neutral",
             options: [
@@ -1294,7 +1542,7 @@ async function init(withinAdd = false, options) {
           // On Cancel callback that wraps the group
           // So if the user cancels one of the prompts in the group this function will be called
           onCancel: () => {
-            p5.cancel("Operation cancelled.");
+            p8.cancel("Operation cancelled.");
             process.exit(0);
           }
         }
@@ -1322,6 +1570,17 @@ async function init(withinAdd = false, options) {
         return "Astro config setup completed";
       }
     });
+    configTasks.push({
+      title: "Setup TypeScript path aliases",
+      task: async () => {
+        const success = await setupTsConfig();
+        if (!success) {
+          throw new Error("Failed to setup tsconfig.json");
+        }
+        await sleep(250);
+        return "TypeScript path aliases configured";
+      }
+    });
     const cssFileExists = await fileExists(configChoices.cssFile);
     let updatedTailwindConfig = tailwindConfig;
     if (configChoices.twBaseColor !== "neutral") {
@@ -1331,15 +1590,15 @@ async function init(withinAdd = false, options) {
       );
     }
     if (cssFileExists) {
-      const shouldOverride = options?.defaults ? true : await p5.confirm({
+      const shouldOverride = options?.defaults ? true : await p8.confirm({
         message: `${highlighter.info(configChoices.cssFile)} already exists. Do you want to override it?`
       });
-      if (p5.isCancel(shouldOverride)) {
-        p5.cancel("Operation cancelled");
+      if (p8.isCancel(shouldOverride)) {
+        p8.cancel("Operation cancelled");
         return process.exit(0);
       }
       if (!shouldOverride) {
-        p5.log.info("Skipping Tailwind CSS configuration");
+        p8.log.info("Skipping Tailwind CSS configuration");
       } else {
         configTasks.push({
           title: "Creating Tailwind CSS configuration",
@@ -1360,6 +1619,17 @@ async function init(withinAdd = false, options) {
         }
       });
     }
+    configTasks.push({
+      title: "Adding CSS import to layout",
+      task: async () => {
+        const success = await setupLayoutCssImport(configChoices.cssFile);
+        if (!success) {
+          throw new Error("Failed to add CSS import to layout");
+        }
+        await sleep(250);
+        return "CSS import added to layout";
+      }
+    });
     configTasks.push({
       title: "Updating project configuration",
       task: async () => {
@@ -1383,7 +1653,7 @@ async function init(withinAdd = false, options) {
       const alreadyHasPro = await hasStarwindProRegistry();
       if (!alreadyHasPro) {
         if (!withinAdd) {
-          p5.log.info(highlighter.info("Setting up Starwind Pro configuration..."));
+          p8.log.info(highlighter.info("Setting up Starwind Pro configuration..."));
         }
         configTasks.push({
           title: "Setting up Starwind Pro registry",
@@ -1393,9 +1663,20 @@ async function init(withinAdd = false, options) {
             return "Configured Starwind Pro registry in components.json";
           }
         });
+        configTasks.push({
+          title: "Setting up Starwind Pro environment",
+          task: async () => {
+            const success = await setupStarwindProEnv();
+            if (!success) {
+              throw new Error("Failed to setup Starwind Pro environment");
+            }
+            await sleep(250);
+            return "Created .env.local and updated .gitignore";
+          }
+        });
       } else {
         if (!withinAdd) {
-          p5.log.info(highlighter.info("Starwind Pro registry already configured"));
+          p8.log.info(highlighter.info("Starwind Pro registry already configured"));
         }
       }
     }
@@ -1403,16 +1684,16 @@ async function init(withinAdd = false, options) {
     if (pkg.dependencies?.astro) {
       const astroVersion = pkg.dependencies.astro.replace(/^\^|~/, "");
       if (!semver4.gte(astroVersion, MIN_ASTRO_VERSION)) {
-        const shouldUpgrade = options?.defaults ? true : await p5.confirm({
+        const shouldUpgrade = options?.defaults ? true : await p8.confirm({
           message: `Starwind requires Astro v${MIN_ASTRO_VERSION} or higher. Would you like to upgrade from v${astroVersion}?`,
           initialValue: true
         });
-        if (p5.isCancel(shouldUpgrade)) {
-          p5.cancel("Operation cancelled");
+        if (p8.isCancel(shouldUpgrade)) {
+          p8.cancel("Operation cancelled");
           return process.exit(0);
         }
         if (!shouldUpgrade) {
-          p5.cancel("Astro v5 or higher is required to use Starwind");
+          p8.cancel("Astro v5 or higher is required to use Starwind");
           return process.exit(1);
         }
         installTasks.push({
@@ -1424,16 +1705,16 @@ async function init(withinAdd = false, options) {
         });
       }
     } else {
-      const shouldInstall2 = options?.defaults ? true : await p5.confirm({
+      const shouldInstall2 = options?.defaults ? true : await p8.confirm({
         message: `Starwind requires Astro v${MIN_ASTRO_VERSION} or higher. Would you like to install it?`,
         initialValue: true
       });
-      if (p5.isCancel(shouldInstall2)) {
-        p5.cancel("Operation cancelled");
+      if (p8.isCancel(shouldInstall2)) {
+        p8.cancel("Operation cancelled");
         return process.exit(0);
       }
       if (!shouldInstall2) {
-        p5.cancel("Astro is required to use Starwind");
+        p8.cancel("Astro is required to use Starwind");
         return process.exit(1);
       }
       installTasks.push({
@@ -1445,11 +1726,11 @@ async function init(withinAdd = false, options) {
       });
     }
     const otherPackages = getOtherPackages();
-    const shouldInstall = options?.defaults ? true : await p5.confirm({
+    const shouldInstall = options?.defaults ? true : await p8.confirm({
       message: `Install ${highlighter.info(otherPackages.join(", "))} using ${highlighter.info(pm)}?`
     });
-    if (p5.isCancel(shouldInstall)) {
-      p5.cancel("Operation cancelled");
+    if (p8.isCancel(shouldInstall)) {
+      p8.cancel("Operation cancelled");
       return process.exit(0);
     }
     if (shouldInstall) {
@@ -1461,15 +1742,15 @@ async function init(withinAdd = false, options) {
         }
       });
     } else {
-      p5.log.warn(
+      p8.log.warn(
         highlighter.warn(`Skipped installation of packages. Make sure to install them manually`)
       );
     }
     if (installTasks.length > 0) {
-      await p5.tasks(installTasks);
+      await p8.tasks(installTasks);
     }
     if (configTasks.length > 0) {
-      await p5.tasks(configTasks);
+      await p8.tasks(configTasks);
     }
     await sleep(250);
     let nextStepsMessage = `Make sure your layout imports the ${highlighter.infoBright(configChoices.cssFile)} file`;
@@ -1479,17 +1760,17 @@ async function init(withinAdd = false, options) {
 Starwind Pro is now configured! You can install pro components using:
 ${highlighter.info("npx starwind@latest add @starwind-pro/component-name")}
 
-Make sure to set your ${highlighter.infoBright("STARWIND_LICENSE_KEY")} environment variable.`;
+Make sure to set your ${highlighter.infoBright("STARWIND_LICENSE_KEY")} environment variable in ${highlighter.infoBright(".env.local")}.`;
     }
-    p5.note(nextStepsMessage, "Next steps");
+    p8.note(nextStepsMessage, "Next steps");
     if (!withinAdd) {
       sleep(1e3);
-      const outroMessage = options?.pro ? "Enjoy using Starwind UI with Pro components! \u{1F680}\u2728" : "Enjoy using Starwind UI \u{1F680}";
-      p5.outro(outroMessage);
+      const outroMessage = options?.pro ? "Enjoy using Starwind UI with Pro components! \u{1F680}" : "Enjoy using Starwind UI \u{1F680}";
+      p8.outro(outroMessage);
     }
   } catch (error) {
-    p5.log.error(error instanceof Error ? error.message : "Failed to add components");
-    p5.cancel("Operation cancelled");
+    p8.log.error(error instanceof Error ? error.message : "Failed to add components");
+    p8.cancel("Operation cancelled");
     process.exit(1);
   }
 }
@@ -1497,21 +1778,21 @@ Make sure to set your ${highlighter.infoBright("STARWIND_LICENSE_KEY")} environm
 // src/commands/add.ts
 async function add(components, options) {
   try {
-    p6.intro(highlighter.title(" Welcome to the Starwind CLI "));
+    p9.intro(highlighter.title(" Welcome to the Starwind CLI "));
     const configExists = await fileExists(PATHS.LOCAL_CONFIG_FILE);
     if (!configExists) {
-      const shouldInit = await p6.confirm({
+      const shouldInit = await p9.confirm({
         message: `Starwind configuration not found. Would you like to run ${highlighter.info("starwind init")} now?`,
         initialValue: true
       });
-      if (p6.isCancel(shouldInit)) {
-        p6.cancel("Operation cancelled");
+      if (p9.isCancel(shouldInit)) {
+        p9.cancel("Operation cancelled");
         process.exit(0);
       }
       if (shouldInit) {
         await init(true);
       } else {
-        p6.log.error(
+        p9.log.error(
           `Please initialize starwind with ${highlighter.info("starwind init")} before adding components`
         );
         process.exit(1);
@@ -1523,7 +1804,7 @@ async function add(components, options) {
     if (options?.all) {
       const availableComponents = await getAllComponents();
       componentsToInstall = availableComponents.map((c) => c.name);
-      p6.log.info(`Adding all ${componentsToInstall.length} available components...`);
+      p9.log.info(`Adding all ${componentsToInstall.length} available components...`);
     } else if (components && components.length > 0) {
       const regularComponents = [];
       for (const component of components) {
@@ -1536,16 +1817,16 @@ async function add(components, options) {
       if (registryComponents.length > 0) {
         const hasProRegistry = await hasStarwindProRegistry();
         if (!hasProRegistry) {
-          const shouldSetupPro = await p6.confirm({
+          const shouldSetupPro = await p9.confirm({
             message: `Starwind Pro registry not configured. Would you like to set it up now to install ${registryComponents.join(", ")}?`,
             initialValue: true
           });
-          if (p6.isCancel(shouldSetupPro)) {
-            p6.cancel("Operation cancelled");
+          if (p9.isCancel(shouldSetupPro)) {
+            p9.cancel("Operation cancelled");
             process.exit(0);
           }
           if (shouldSetupPro) {
-            p6.log.info(highlighter.info("Setting up Starwind Pro configuration..."));
+            p9.log.info(highlighter.info("Setting up Starwind Pro configuration..."));
             let cssFile = PATHS.LOCAL_CSS_FILE;
             let baseColor = "neutral";
             try {
@@ -1555,14 +1836,14 @@ async function add(components, options) {
             } catch {
             }
             await setupShadcnProConfig(cssFile, baseColor);
-            p6.log.success("Starwind Pro registry configured successfully!");
+            p9.log.success("Starwind Pro registry configured successfully!");
           } else {
-            p6.log.error("Cannot install registry components without Starwind Pro configuration");
-            p6.cancel("Operation cancelled");
+            p9.log.error("Cannot install registry components without Starwind Pro configuration");
+            p9.cancel("Operation cancelled");
             process.exit(1);
           }
         }
-        p6.log.info(`Installing registry components: ${registryComponents.join(", ")}`);
+        p9.log.info(`Installing registry components: ${registryComponents.join(", ")}`);
         const [command, baseArgs] = await getShadcnCommand();
         registryResults = {
           success: [],
@@ -1570,7 +1851,7 @@ async function add(components, options) {
         };
         for (const registryComponent of registryComponents) {
           try {
-            p6.log.info(`Installing ${highlighter.info(registryComponent)} via shadcn...`);
+            p9.log.info(`Installing ${highlighter.info(registryComponent)} via shadcn...`);
             await execa2(command, [...baseArgs, "add", registryComponent], {
               stdio: "inherit",
               cwd: process.cwd()
@@ -1597,7 +1878,7 @@ async function add(components, options) {
           Promise.resolve({ valid: [], invalid: [] })
         );
         if (invalid.length > 0) {
-          p6.log.warn(
+          p9.log.warn(
             `${highlighter.warn("Invalid components found:")}
 ${invalid.map((name) => `  ${name}`).join("\n")}`
           );
@@ -1605,22 +1886,22 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
         if (valid.length > 0) {
           componentsToInstall = valid;
         } else if (registryComponents.length === 0) {
-          p6.log.warn(`${highlighter.warn("No valid components to install")}`);
-          p6.cancel("Operation cancelled");
+          p9.log.warn(`${highlighter.warn("No valid components to install")}`);
+          p9.cancel("Operation cancelled");
           return process.exit(0);
         }
       }
     } else {
       const selected = await selectComponents();
       if (!selected) {
-        p6.cancel("No components selected");
+        p9.cancel("No components selected");
         return process.exit(0);
       }
       componentsToInstall = selected;
     }
     if (componentsToInstall.length === 0 && registryComponents.length === 0) {
-      p6.log.warn(`${highlighter.warn("No components selected")}`);
-      p6.cancel("Operation cancelled");
+      p9.log.warn(`${highlighter.warn("No components selected")}`);
+      p9.cancel("Operation cancelled");
       return process.exit(0);
     }
     const results = {
@@ -1664,82 +1945,82 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
       try {
         await updateConfig({ components: installedComponents }, { appendComponents: true });
       } catch (error) {
-        p6.log.error(
+        p9.log.error(
           `Failed to update config: ${error instanceof Error ? error.message : "Unknown error"}`
         );
         process.exit(1);
       }
     }
-    p6.log.message(`
+    p9.log.message(`
 
 ${highlighter.underline("Installation Summary")}`);
     if (results.failed.length > 0) {
-      p6.log.error(
+      p9.log.error(
         `${highlighter.error("Failed to install components:")}
 ${results.failed.map((r) => `  ${r.name} - ${r.status === "failed" ? r.error : "Unknown error"}`).join("\n")}`
       );
     }
     if (results.skipped.length > 0) {
-      p6.log.warn(
+      p9.log.warn(
         `${highlighter.warn("Skipped components (already installed):")}
 ${results.skipped.map((r) => `  ${r.name} v${r.version}`).join("\n")}`
       );
     }
     if (results.installed.length > 0) {
-      p6.log.success(
+      p9.log.success(
         `${highlighter.success("Successfully installed components:")}
 ${results.installed.map((r) => `  ${r.name} v${r.version}`).join("\n")}`
       );
     }
     if (registryResults) {
       if (registryResults.failed.length > 0) {
-        p6.log.error(
+        p9.log.error(
           `${highlighter.error("Failed to install registry components:")}
 ${registryResults.failed.map((name) => `  ${name} - see the error message above for further details`).join("\n")}`
         );
       }
       if (registryResults.success.length > 0) {
-        p6.log.success(
+        p9.log.success(
           `${highlighter.success("Successfully installed registry components:")}
 ${registryResults.success.map((name) => `  ${name}`).join("\n")}`
         );
       }
     }
     await sleep(1e3);
-    p6.outro("Enjoy using Starwind UI \u{1F680}");
+    p9.outro("Enjoy using Starwind UI \u{1F680}");
   } catch (error) {
-    p6.log.error(error instanceof Error ? error.message : "Failed to add components");
-    p6.cancel("Operation cancelled");
+    p9.log.error(error instanceof Error ? error.message : "Failed to add components");
+    p9.cancel("Operation cancelled");
     process.exit(1);
   }
 }
 
 // src/commands/remove.ts
-import * as p7 from "@clack/prompts";
+import * as p10 from "@clack/prompts";
 async function remove(components, options) {
   try {
-    p7.intro(highlighter.title(" Welcome to the Starwind CLI "));
+    p10.intro(highlighter.title(" Welcome to the Starwind CLI "));
     const configExists = await fileExists(PATHS.LOCAL_CONFIG_FILE);
     if (!configExists) {
-      p7.log.error("No Starwind configuration found. Please run starwind init first.");
+      p10.log.error("No Starwind configuration found. Please run starwind init first.");
       process.exit(1);
     }
     const config = await getConfig();
     const installedComponents = config.components;
     if (installedComponents.length === 0) {
-      p7.log.warn("No components are currently installed.");
+      p10.log.warn("No components are currently installed.");
       process.exit(0);
     }
     let componentsToRemove = [];
     if (options?.all) {
       componentsToRemove = installedComponents.map((comp) => comp.name);
-      p7.log.info(`Removing all ${componentsToRemove.length} installed components...`);
+      p10.log.info(`Removing all ${componentsToRemove.length} installed components...`);
     } else if (components && components.length > 0) {
       const invalid = components.filter(
         (comp) => !installedComponents.some((ic) => ic.name === comp)
       );
       if (invalid.length > 0) {
-        p7.log.warn(
+        p10.log.warn(
           `${highlighter.warn("Components not found:")}
 ${invalid.map((name) => `  ${name}`).join("\n")}`
         );
@@ -1748,7 +2029,7 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
         (comp) => installedComponents.some((ic) => ic.name === comp)
       );
       if (componentsToRemove.length === 0) {
-        p7.log.warn("No valid components to remove");
+        p10.log.warn("No valid components to remove");
         process.exit(0);
       }
     } else {
@@ -1756,25 +2037,25 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
         value: comp.name,
         label: comp.name
       }));
-      const selected = await p7.multiselect({
+      const selected = await p10.multiselect({
         message: "Select components to remove",
         options: choices
       });
-      if (p7.isCancel(selected)) {
-        p7.cancel("Operation cancelled");
+      if (p10.isCancel(selected)) {
+        p10.cancel("Operation cancelled");
         process.exit(0);
       }
       componentsToRemove = selected;
     }
     if (componentsToRemove.length === 0) {
-      p7.log.warn("No components selected for removal");
+      p10.log.warn("No components selected for removal");
       process.exit(0);
     }
-    const confirmed = await p7.confirm({
+    const confirmed = await p10.confirm({
       message: `Remove ${componentsToRemove.map((comp) => highlighter.info(comp)).join(", ")} ${componentsToRemove.length > 1 ? "components" : "component"}?`
     });
-    if (!confirmed || p7.isCancel(confirmed)) {
-      p7.cancel("Operation cancelled");
+    if (!confirmed || p10.isCancel(confirmed)) {
+      p10.cancel("Operation cancelled");
       process.exit(0);
     }
     const results = {
@@ -1799,61 +2080,61 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
       },
       { appendComponents: false }
     );
-    p7.log.message(`
+    p10.log.message(`
 
 ${highlighter.underline("Removal Summary")}`);
     if (results.failed.length > 0) {
-      p7.log.error(
+      p10.log.error(
         `${highlighter.error("Failed to remove components:")}
 ${results.failed.map((r) => `  ${r.name} - ${r.error}`).join("\n")}`
       );
     }
     if (results.removed.length > 0) {
-      p7.log.success(
+      p10.log.success(
         `${highlighter.success("Successfully removed components:")}
 ${results.removed.map((r) => `  ${r.name}`).join("\n")}`
       );
     }
     await sleep(1e3);
     if (results.removed.length > 0) {
-      p7.outro("Components removed successfully \u{1F5D1}\uFE0F");
+      p10.outro("Components removed successfully \u{1F5D1}\uFE0F");
     } else {
-      p7.cancel("Errors occurred while removing components");
+      p10.cancel("Errors occurred while removing components");
       process.exit(1);
     }
   } catch (error) {
-    p7.log.error(error instanceof Error ? error.message : "Failed to remove components");
-    p7.cancel("Operation cancelled");
+    p10.log.error(error instanceof Error ? error.message : "Failed to remove components");
+    p10.cancel("Operation cancelled");
     process.exit(1);
   }
 }
 
 // src/commands/update.ts
-import * as p8 from "@clack/prompts";
+import * as p11 from "@clack/prompts";
 async function update(components, options) {
   try {
-    p8.intro(highlighter.title(" Welcome to the Starwind CLI "));
+    p11.intro(highlighter.title(" Welcome to the Starwind CLI "));
     const configExists = await fileExists(PATHS.LOCAL_CONFIG_FILE);
     if (!configExists) {
-      p8.log.error("No Starwind configuration found. Please run starwind init first.");
+      p11.log.error("No Starwind configuration found. Please run starwind init first.");
       process.exit(1);
     }
     const config = await getConfig();
     const installedComponents = config.components;
     if (installedComponents.length === 0) {
-      p8.log.warn("No components are currently installed.");
+      p11.log.warn("No components are currently installed.");
       process.exit(0);
     }
     let componentsToUpdate = [];
     if (options?.all) {
       componentsToUpdate = installedComponents.map((comp) => comp.name);
-      p8.log.info(`Checking updates for all ${componentsToUpdate.length} installed components...`);
+      p11.log.info(`Checking updates for all ${componentsToUpdate.length} installed components...`);
     } else if (components && components.length > 0) {
       const invalid = components.filter(
         (comp) => !installedComponents.some((ic) => ic.name === comp)
       );
       if (invalid.length > 0) {
-        p8.log.warn(
+        p11.log.warn(
           `${highlighter.warn("Components not found in project:")}
 ${invalid.map((name) => `  ${name}`).join("\n")}`
         );
@@ -1862,7 +2143,7 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
         (comp) => installedComponents.some((ic) => ic.name === comp)
       );
       if (componentsToUpdate.length === 0) {
-        p8.log.warn("No valid components to update");
+        p11.log.warn("No valid components to update");
         process.exit(0);
       }
     } else {
@@ -1870,18 +2151,18 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
         value: comp.name,
         label: comp.name
       }));
-      const selected = await p8.multiselect({
+      const selected = await p11.multiselect({
         message: "Select components to update",
         options: choices
       });
-      if (p8.isCancel(selected)) {
-        p8.cancel("Operation cancelled");
+      if (p11.isCancel(selected)) {
+        p11.cancel("Operation cancelled");
         process.exit(0);
       }
       componentsToUpdate = selected;
     }
     if (componentsToUpdate.length === 0) {
-      p8.log.warn("No components selected for update");
+      p11.log.warn("No components selected for update");
       process.exit(0);
     }
     const results = {
@@ -1932,45 +2213,45 @@ ${invalid.map((name) => `  ${name}`).join("\n")}`
           { appendComponents: false }
         );
       } catch (error) {
-        p8.log.error(
+        p11.log.error(
           `Failed to update config: ${error instanceof Error ? error.message : "Unknown error"}`
         );
         process.exit(1);
       }
     }
-    p8.log.message(`
+    p11.log.message(`
 
 ${highlighter.underline("Update Summary")}`);
     if (results.failed.length > 0) {
-      p8.log.error(
+      p11.log.error(
         `${highlighter.error("Failed to update components:")}
 ${results.failed.map((r) => `  ${r.name} - ${r.error}`).join("\n")}`
       );
     }
     if (results.skipped.length > 0) {
-      p8.log.info(
+      p11.log.info(
         `${highlighter.info("Components already up to date or skipped:")}
 ${results.skipped.map((r) => `  ${r.name} (${r.oldVersion})`).join("\n")}`
       );
     }
     if (results.updated.length > 0) {
-      p8.log.success(
+      p11.log.success(
         `${highlighter.success("Successfully updated components:")}
 ${results.updated.map((r) => `  ${r.name} (${r.oldVersion} \u2192 ${r.newVersion})`).join("\n")}`
       );
     }
     await sleep(1e3);
     if (results.updated.length > 0) {
-      p8.outro("Components updated successfully \u{1F680}");
+      p11.outro("Components updated successfully \u{1F680}");
     } else if (results.skipped.length > 0 && results.failed.length === 0) {
-      p8.outro("Components already up to date or skipped \u2728");
+      p11.outro("Components already up to date or skipped \u2728");
     } else {
-      p8.cancel("No components were updated");
+      p11.cancel("No components were updated");
       process.exit(1);
     }
   } catch (error) {
-    p8.log.error(error instanceof Error ? error.message : "Failed to update components");
-    p8.cancel("Operation cancelled");
+    p11.log.error(error instanceof Error ? error.message : "Failed to update components");
+    p11.cancel("Operation cancelled");
     process.exit(1);
   }
 }