galaxy-design 0.2.0

package/README.md

@@ -0,0 +1,320 @@
+# Galaxy UI CLI
+
+A modern, framework-agnostic CLI tool for adding beautiful, accessible UI components to your projects. Inspired by shadcn/ui, but supporting React, Vue, and Angular.
+
+## 🌟 Features
+
+- 🚀 **Multi-framework support**: React, Vue, and Angular
+- 📦 **41 production-ready components** across 8 categories
+- 🎨 **Built with Radix UI primitives** (radix-ui for React, radix-vue for Vue, radix-ng for Angular)
+- 🌙 **Dark mode support** out of the box
+- 📱 **Responsive design** with mobile-first approach
+- ♿ **Accessibility-focused** (WAI-ARIA compliant)
+- 🎯 **TypeScript strict mode** support
+- 💅 **Tailwind CSS** for styling
+- 📝 **Customizable** - components are copied to your project
+
+## 📦 Installation
+
+```bash
+# Using npx (recommended - no installation needed)
+npx galaxy-design@latest init
+
+# Or install globally
+npm install -g galaxy-design
+bun add -g galaxy-design
+```
+
+## 🚀 Quick Start
+
+### 1. Initialize Galaxy UI in your project
+
+```bash
+npx galaxy-design@latest init
+```
+
+This interactive command will:
+
+- ✅ Detect your framework (React, Vue, or Angular)
+- ✅ Detect your package manager (npm, pnpm, yarn, or bun)
+- ✅ Install required dependencies (lucide icons, clsx, tailwind-merge, radix primitives)
+- ✅ Create component directory structure
+- ✅ Setup Tailwind CSS configuration
+- ✅ Create utility files (cn helper, etc.)
+
+### 2. Add components
+
+```bash
+# Add single component
+npx galaxy-design@latest add button
+
+# Add multiple components
+npx galaxy-design@latest add button input card
+
+# Interactive mode (select from list)
+npx galaxy-design@latest add
+```
+
+## 📚 Available Components (41 total)
+
+### 🎨 Form Components (9)
+
+- `button` - Versatile button with variants and sizes
+- `input` - Text input with label and validation states
+- `checkbox` - Checkbox with indeterminate state
+- `radio-group` - Radio button groups
+- `select` - Dropdown select with search
+- `slider` - Range slider input
+- `switch` - Toggle switch
+- `textarea` - Multi-line text input
+- `label` - Accessible form labels
+
+### 📐 Layout Components (4)
+
+- `separator` - Horizontal/vertical divider
+- `accordion` - Collapsible content sections
+- `collapsible` - Single collapsible panel
+- `tabs` - Tabbed content organization
+
+### 🧭 Navigation Components (4)
+
+- `navigation-menu` - Complex navigation with dropdowns
+- `menubar` - Desktop-style menu bar
+- `context-menu` - Right-click context menus
+- `dropdown-menu` - Action dropdown menus
+
+### 🔔 Overlay Components (5)
+
+- `dialog` - Modal dialogs
+- `alert-dialog` - Confirmation dialogs
+- `popover` - Floating content containers
+- `tooltip` - Hover tooltips
+- `hover-card` - Preview cards on hover
+
+### 📊 Data Display Components (6)
+
+- `avatar` - User avatars with fallbacks
+- `progress` - Progress bars and indicators
+- `table` - Data tables with sorting
+- `pagination` - Page navigation
+- `empty` - Empty state placeholders
+- `skeleton` - Loading skeletons
+
+### ✍️ Typography & Utilities (2)
+
+- `typography` - Text styles and components
+- `kbd` - Keyboard shortcut display
+
+### 📅 Date & Time Components (2)
+
+- `calendar` - Date picker calendar
+- `calendar-range` - Date range picker
+
+### ⚡ Advanced Components (4)
+
+- `command` - Command palette (⌘K)
+- `sheet` - Slide-out panels
+- `toolbar` - Action toolbars
+- `tags-input` - Multi-value tag input
+
+### 🎁 Bonus Components (5)
+
+- `aspect-ratio` - Aspect ratio container
+- `badge` - Status badges and labels
+- `card` - Content cards
+- `scroll-area` - Custom scrollbars
+- `toggle` - Toggle buttons
+- `toggle-group` - Toggle button groups
+
+## 🎯 Framework-Specific Examples
+
+### React
+
+```tsx
+import {Button} from '@/components/ui/button'
+import {Input} from '@/components/ui/input'
+
+export function MyComponent() {
+  return (
+    <div>
+      <Button variant="default" size="lg">
+        Click me
+      </Button>
+      <Input placeholder="Enter text..." />
+    </div>
+  )
+}
+```
+
+### Vue
+
+```vue
+<script setup lang="ts">
+import {Button} from '@/components/ui/button'
+import {Input} from '@/components/ui/input'
+</script>
+
+<template>
+  <div>
+    <Button variant="default" size="lg">Click me</Button>
+    <Input placeholder="Enter text..." />
+  </div>
+</template>
+```
+
+### Angular
+
+```typescript
+import {Component} from '@angular/core';
+import {ButtonDirective} from '@/components/ui/button';
+import {InputComponent} from '@/components/ui/input';
+
+@Component({
+  selector: 'app-my-component',
+  standalone: true,
+  imports: [ButtonDirective, InputComponent],
+  template: `
+    <div>
+      <button hlmBtn variant="default" size="lg">Click me</button>
+      <hlm-input placeholder="Enter text..." />
+    </div>
+  `,
+})
+export class MyComponent {}
+```
+
+## ⚙️ Configuration
+
+Galaxy UI stores configuration in `components.json` at your project root:
+
+```json
+{
+  "$schema": "https://galaxy-design.vercel.app/schema.json",
+  "framework": "react",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  },
+  "iconLibrary": "lucide"
+}
+```
+
+### Configuration Options
+
+| Option | Description | Default |
+|--------|-------------|---------|
+| `framework` | Your framework (react/vue/angular) | Auto-detected |
+| `typescript` | Use TypeScript | `true` |
+| `tailwind.config` | Tailwind config path | `tailwind.config.js` |
+| `tailwind.css` | Global CSS file | Framework-specific |
+| `tailwind.baseColor` | Base color scheme | `slate` |
+| `aliases.components` | Components alias | `@/components` |
+| `aliases.utils` | Utils alias | `@/lib/utils` |
+| `iconLibrary` | Icon library to use | `lucide` |
+
+## 🔧 CLI Commands
+
+### `init`
+
+Initialize Galaxy UI in your project.
+
+```bash
+npx galaxy-design@latest init
+
+# Skip prompts (use defaults)
+npx galaxy-design@latest init --yes
+```
+
+### `add`
+
+Add components to your project.
+
+```bash
+# Interactive mode
+npx galaxy-design@latest add
+
+# Add specific components
+npx galaxy-design@latest add button input
+
+# Add all components
+npx galaxy-design@latest add --all
+
+# Overwrite existing components
+npx galaxy-design@latest add button --overwrite
+```
+
+### `diff`
+
+Check which components have updates available.
+
+```bash
+npx galaxy-design@latest diff button
+```
+
+## 🌈 Styling & Theming
+
+Galaxy UI uses Tailwind CSS with CSS variables for theming. After running `init`, you can customize colors in your CSS file:
+
+```css
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    /* ... more variables */
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    /* ... dark mode variables */
+  }
+}
+```
+
+## 🎨 Customization
+
+Components are copied to your project, so you have full control:
+
+1. **Modify components** - Edit any component in `components/ui/`
+2. **Change styles** - Update Tailwind classes or CSS variables
+3. **Add features** - Extend components with your own functionality
+4. **No lock-in** - Components are yours to modify
+
+## 📖 Documentation & Examples
+
+- **Live Examples**: Check `examples/` folder for complete React, Vue, and Angular apps
+- **Docs Website**: <https://galaxy-design.vercel.app>
+- **GitHub**: <https://github.com/buikevin/galaxy-design-cli>
+
+## 🤝 Contributing
+
+Contributions are welcome! Please read our [Contributing Guide](../../CONTRIBUTING.md).
+
+## 📝 License
+
+MIT License - see [LICENSE](../../LICENSE) for details
+
+## 🙏 Credits
+
+- Inspired by [shadcn/ui](<https://ui.shadcn.com>)
+- Built with [Radix UI](<https://radix-ui.com>), [Radix Vue](<https://radix-vue.com>), and [Spartan NG](<https://spartan.ng>)
+- Icons from [Lucide](<https://lucide.dev>)
+- Styling with [Tailwind CSS](<https://tailwindcss.com>)
+
+---
+
+**Made with ❤️ by the Galaxy UI team**
+
+For issues and feature requests, please visit our [GitHub Issues](<https://github.com/buikevin/galaxy-design-cli/issues>)

package/dist/bin.js

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+import { initCommand } from './commands/init.js';
+import { addCommand } from './commands/add.js';
+const program = new Command();
+program.name('galaxy-ui-cli').description('CLI tool for Galaxy UI component library').version('0.2.0');
+program.command('init').description('Initialize Galaxy UI in your project').option('-y, --yes', 'Skip prompts and use defaults').option('-c, --cwd <path>', 'Current working directory', process.cwd()).action(initCommand);
+program.command('add').description('Add components to your project').argument('[components...]', 'Component names to add').option('-a, --all', 'Add all components').option('-c, --cwd <path>', 'Current working directory', process.cwd()).action(addCommand);
+program.parse();
+
+//# sourceMappingURL=bin.js.map

package/dist/bin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bin.ts"],"sourcesContent":["#!/usr/bin/env node\nimport { Command } from 'commander';\nimport { initCommand } from './commands/init.js';\nimport { addCommand } from './commands/add.js';\n\nconst program = new Command();\n\nprogram\n  .name('galaxy-ui-cli')\n  .description('CLI tool for Galaxy UI component library')\n  .version('0.2.0');\n\nprogram\n  .command('init')\n  .description('Initialize Galaxy UI in your project')\n  .option('-y, --yes', 'Skip prompts and use defaults')\n  .option('-c, --cwd <path>', 'Current working directory', process.cwd())\n  .action(initCommand);\n\nprogram\n  .command('add')\n  .description('Add components to your project')\n  .argument('[components...]', 'Component names to add')\n  .option('-a, --all', 'Add all components')\n  .option('-c, --cwd <path>', 'Current working directory', process.cwd())\n  .action(addCommand);\n\nprogram.parse();\n"],"names":["Command","initCommand","addCommand","program","name","description","version","command","option","process","cwd","action","argument","parse"],"mappings":";AACA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,WAAW,QAAQ,qBAAqB;AACjD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,MAAMC,UAAU,IAAIH;AAEpBG,QACGC,IAAI,CAAC,iBACLC,WAAW,CAAC,4CACZC,OAAO,CAAC;AAEXH,QACGI,OAAO,CAAC,QACRF,WAAW,CAAC,wCACZG,MAAM,CAAC,aAAa,iCACpBA,MAAM,CAAC,oBAAoB,6BAA6BC,QAAQC,GAAG,IACnEC,MAAM,CAACV;AAEVE,QACGI,OAAO,CAAC,OACRF,WAAW,CAAC,kCACZO,QAAQ,CAAC,mBAAmB,0BAC5BJ,MAAM,CAAC,aAAa,sBACpBA,MAAM,CAAC,oBAAoB,6BAA6BC,QAAQC,GAAG,IACnEC,MAAM,CAACT;AAEVC,QAAQU,KAAK"}

package/dist/commands/add.js

@@ -0,0 +1,252 @@
+import prompts from 'prompts';
+import chalk from 'chalk';
+import ora from 'ora';
+import { resolve, join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { loadComponentsConfig, hasComponentsConfig } from '../utils/components-config.js';
+import { loadFrameworkRegistry, getFrameworkComponent, getFrameworkComponentDependencies, getAllFrameworkComponents } from '../utils/framework-registry.js';
+import { writeFile, fileExists, readFile, ensureDir } from '../utils/files.js';
+import { installDependencies } from '../utils/package-manager.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+export async function addCommand(components, options) {
+    const cwd = options.cwd;
+    // Check if components.json exists (new config system)
+    if (!hasComponentsConfig(cwd)) {
+        console.log(chalk.red('❌ Galaxy UI is not initialized in this project.'));
+        console.log(chalk.gray('Run') + chalk.cyan(' galaxy-ui init ') + chalk.gray('first.'));
+        return;
+    }
+    // Load components.json configuration
+    const componentsConfig = loadComponentsConfig(cwd);
+    if (!componentsConfig) {
+        console.log(chalk.red('❌ Failed to load components.json configuration.'));
+        return;
+    }
+    const framework = componentsConfig.framework;
+    console.log(chalk.gray(`Framework detected: ${chalk.cyan(framework)}\n`));
+    // Load framework-specific registry
+    const registry = loadFrameworkRegistry(framework);
+    const allComponents = getAllFrameworkComponents(framework);
+    // Determine which components to add
+    let componentsToAdd = [];
+    if (options.all) {
+        // Add all components
+        componentsToAdd = Object.keys(allComponents);
+    } else if (components.length === 0) {
+        // Interactive mode
+        const choices = [];
+        // Create choices organized by category
+        const categories = new Map();
+        for (const [key, component] of Object.entries(allComponents)){
+            const category = component.category || 'other';
+            if (!categories.has(category)) {
+                categories.set(category, []);
+            }
+            categories.get(category).push({
+                key,
+                component
+            });
+        }
+        for (const [category, items] of categories){
+            choices.push({
+                title: chalk.bold.cyan(category.charAt(0).toUpperCase() + category.slice(1)),
+                value: `category:${category}`,
+                disabled: true
+            });
+            for (const { key, component } of items){
+                choices.push({
+                    title: `  ${component.name}`,
+                    description: component.description || '',
+                    value: key
+                });
+            }
+        }
+        const response = await prompts({
+            type: 'multiselect',
+            name: 'components',
+            message: 'Which components would you like to add?',
+            choices,
+            hint: '- Space to select. Return to submit'
+        });
+        if (!response.components || response.components.length === 0) {
+            console.log(chalk.gray('No components selected.'));
+            return;
+        }
+        componentsToAdd = response.components;
+    } else {
+        // Add specified components
+        for (const input of components){
+            // Check if component exists in registry
+            if (allComponents[input]) {
+                componentsToAdd.push(input);
+            } else {
+                console.log(chalk.yellow(`⚠ Component "${input}" not found. Skipping.`));
+            }
+        }
+    }
+    if (componentsToAdd.length === 0) {
+        console.log(chalk.yellow('No valid components to add.'));
+        return;
+    }
+    // Remove duplicates
+    componentsToAdd = [
+        ...new Set(componentsToAdd)
+    ];
+    console.log(chalk.bold.cyan(`\n📦 Adding ${componentsToAdd.length} component(s)...\n`));
+    // Collect all dependencies
+    const allDependencies = [];
+    const allDevDependencies = [];
+    // Add each component
+    const results = [];
+    for (const componentKey of componentsToAdd){
+        const component = getFrameworkComponent(framework, componentKey);
+        if (!component) {
+            results.push({
+                name: componentKey,
+                success: false,
+                error: 'Component not found in registry'
+            });
+            continue;
+        }
+        const spinner = ora(`Adding ${chalk.cyan(component.name)}...`).start();
+        try {
+            // Get component destination path from aliases
+            const componentsAlias = componentsConfig.aliases.components;
+            const destPath = componentsAlias.replace('@/', '');
+            const fullDestPath = resolve(cwd, destPath, 'ui');
+            ensureDir(fullDestPath);
+            // Get file extension based on framework
+            const fileExtensions = {
+                vue: '.vue',
+                react: '.tsx',
+                angular: '.component.ts',
+                'react-native': '.tsx',
+                flutter: '.dart'
+            };
+            const ext = fileExtensions[framework];
+            // Create component folder
+            const componentFolderPath = join(fullDestPath, componentKey);
+            ensureDir(componentFolderPath);
+            // Copy component files from source packages
+            for (const file of component.files){
+                const fileName = file.includes('/') ? file.split('/').pop() : file;
+                const destFilePath = join(componentFolderPath, fileName);
+                // Check if file already exists
+                if (fileExists(destFilePath)) {
+                    spinner.warn(`${chalk.cyan(component.name)} - File already exists: ${fileName}`);
+                    continue;
+                }
+                // Get source path from packages (blocks/ or components/)
+                const sourceFolder = component.type === 'block' ? 'blocks' : 'components';
+                const packagePath = resolve(__dirname, '..', '..', '..', framework, 'src', sourceFolder, componentKey);
+                const sourcePath = join(packagePath, file);
+                // Try to read the source file
+                if (fileExists(sourcePath)) {
+                    const content = readFile(sourcePath);
+                    writeFile(destFilePath, content);
+                } else {
+                    // Try with capitalized component name
+                    const capitalizedFile = file.charAt(0).toUpperCase() + file.slice(1);
+                    const capitalizedSourcePath = join(packagePath, capitalizedFile);
+                    if (fileExists(capitalizedSourcePath)) {
+                        const content = readFile(capitalizedSourcePath);
+                        writeFile(destFilePath, content);
+                    } else {
+                        // Fallback to placeholder if source not found
+                        const placeholderContent = `// ${component.name} component for ${framework}\n// TODO: Component source not found at ${sourcePath}\n`;
+                        writeFile(destFilePath, placeholderContent);
+                    }
+                }
+            }
+            spinner.succeed(`${chalk.green('✓')} Added ${chalk.cyan(component.name)} to ${chalk.gray(destPath + '/ui/' + componentKey + '/')}`);
+            results.push({
+                name: component.name,
+                success: true,
+                path: componentFolderPath
+            });
+            // Collect dependencies
+            const deps = getFrameworkComponentDependencies(framework, componentKey);
+            allDependencies.push(...deps.dependencies);
+            allDevDependencies.push(...deps.devDependencies);
+        } catch (error) {
+            spinner.fail(`Failed to add ${chalk.cyan(component.name)}`);
+            results.push({
+                name: component.name,
+                success: false,
+                error: error instanceof Error ? error.message : 'Unknown error'
+            });
+        }
+    }
+    // Install dependencies
+    const uniqueDependencies = [
+        ...new Set(allDependencies)
+    ];
+    const uniqueDevDependencies = [
+        ...new Set(allDevDependencies)
+    ];
+    if (uniqueDependencies.length > 0 || uniqueDevDependencies.length > 0) {
+        console.log('\n');
+        const installSpinner = ora('Installing dependencies...').start();
+        try {
+            if (uniqueDependencies.length > 0) {
+                await installDependencies(uniqueDependencies, {
+                    cwd,
+                    dev: false,
+                    silent: true
+                });
+            }
+            if (uniqueDevDependencies.length > 0) {
+                await installDependencies(uniqueDevDependencies, {
+                    cwd,
+                    dev: true,
+                    silent: true
+                });
+            }
+            installSpinner.succeed('Dependencies installed');
+        } catch (error) {
+            installSpinner.fail('Failed to install dependencies');
+            console.log(chalk.yellow('Please install them manually:'));
+            if (uniqueDependencies.length > 0) {
+                console.log(chalk.gray(`  npm install ${uniqueDependencies.join(' ')}`));
+            }
+            if (uniqueDevDependencies.length > 0) {
+                console.log(chalk.gray(`  npm install -D ${uniqueDevDependencies.join(' ')}`));
+            }
+        }
+    }
+    // Summary
+    const successful = results.filter((r)=>r.success).length;
+    const failed = results.filter((r)=>!r.success).length;
+    console.log('\n');
+    if (successful > 0) {
+        console.log(chalk.green.bold(`✓ Successfully added ${successful} component(s)`));
+    }
+    if (failed > 0) {
+        console.log(chalk.red.bold(`✗ Failed to add ${failed} component(s)`));
+        for (const result of results.filter((r)=>!r.success)){
+            console.log(chalk.red(`  - ${result.name}: ${result.error}`));
+        }
+    }
+    // Next steps
+    if (successful > 0) {
+        console.log('\n' + chalk.gray('Next steps:'));
+        switch(framework){
+            case 'vue':
+                console.log(chalk.gray('  1. Import the components in your Vue component'));
+                console.log(chalk.gray('  2. Use them in your template'));
+                break;
+            case 'react':
+                console.log(chalk.gray('  1. Import the components in your React component'));
+                console.log(chalk.gray('  2. Use them in your JSX'));
+                break;
+            case 'angular':
+                console.log(chalk.gray('  1. Import the components in your Angular module or component'));
+                console.log(chalk.gray('  2. Use them in your templates'));
+                break;
+        }
+        console.log(chalk.gray('  3. Enjoy building with Galaxy UI! 🚀\n'));
+    }
+}
+
+//# sourceMappingURL=add.js.map

package/dist/commands/add.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/commands/add.ts"],"sourcesContent":["import prompts from 'prompts';\nimport chalk from 'chalk';\nimport ora from 'ora';\nimport { resolve, join, dirname } from 'path';\nimport { existsSync } from 'fs';\nimport { fileURLToPath } from 'url';\nimport { loadConfig, configExists } from '../utils/config.js';\nimport {\n  loadComponentsConfig,\n  hasComponentsConfig,\n  getFrameworkFromConfig,\n} from '../utils/components-config.js';\nimport {\n  loadFrameworkRegistry,\n  getFrameworkComponent,\n  getFrameworkComponentDependencies,\n  getAllFrameworkComponents,\n} from '../utils/framework-registry.js';\nimport { writeFile, fileExists, readFile, ensureDir } from '../utils/files.js';\nimport { installDependencies } from '../utils/package-manager.js';\nimport type { Framework } from '../utils/config-schema.js';\n\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = dirname(__filename);\n\ninterface AddOptions {\n  all?: boolean;\n  cwd: string;\n}\n\nexport async function addCommand(components: string[], options: AddOptions) {\n  const cwd = options.cwd;\n\n  // Check if components.json exists (new config system)\n  if (!hasComponentsConfig(cwd)) {\n    console.log(chalk.red('❌ Galaxy UI is not initialized in this project.'));\n    console.log(chalk.gray('Run') + chalk.cyan(' galaxy-ui init ') + chalk.gray('first.'));\n    return;\n  }\n\n  // Load components.json configuration\n  const componentsConfig = loadComponentsConfig(cwd);\n  if (!componentsConfig) {\n    console.log(chalk.red('❌ Failed to load components.json configuration.'));\n    return;\n  }\n\n  const framework = componentsConfig.framework;\n  console.log(chalk.gray(`Framework detected: ${chalk.cyan(framework)}\\n`));\n\n  // Load framework-specific registry\n  const registry = loadFrameworkRegistry(framework);\n  const allComponents = getAllFrameworkComponents(framework);\n\n  // Determine which components to add\n  let componentsToAdd: string[] = [];\n\n  if (options.all) {\n    // Add all components\n    componentsToAdd = Object.keys(allComponents);\n  } else if (components.length === 0) {\n    // Interactive mode\n    const choices = [];\n\n    // Create choices organized by category\n    const categories = new Map<string, any[]>();\n\n    for (const [key, component] of Object.entries(allComponents)) {\n      const category = component.category || 'other';\n      if (!categories.has(category)) {\n        categories.set(category, []);\n      }\n      categories.get(category)!.push({ key, component });\n    }\n\n    for (const [category, items] of categories) {\n      choices.push({\n        title: chalk.bold.cyan(category.charAt(0).toUpperCase() + category.slice(1)),\n        value: `category:${category}`,\n        disabled: true,\n      });\n\n      for (const { key, component } of items) {\n        choices.push({\n          title: `  ${component.name}`,\n          description: component.description || '',\n          value: key,\n        });\n      }\n    }\n\n    const response = await prompts({\n      type: 'multiselect',\n      name: 'components',\n      message: 'Which components would you like to add?',\n      choices,\n      hint: '- Space to select. Return to submit',\n    });\n\n    if (!response.components || response.components.length === 0) {\n      console.log(chalk.gray('No components selected.'));\n      return;\n    }\n\n    componentsToAdd = response.components;\n  } else {\n    // Add specified components\n    for (const input of components) {\n      // Check if component exists in registry\n      if (allComponents[input]) {\n        componentsToAdd.push(input);\n      } else {\n        console.log(chalk.yellow(`⚠ Component \"${input}\" not found. Skipping.`));\n      }\n    }\n  }\n\n  if (componentsToAdd.length === 0) {\n    console.log(chalk.yellow('No valid components to add.'));\n    return;\n  }\n\n  // Remove duplicates\n  componentsToAdd = [...new Set(componentsToAdd)];\n\n  console.log(chalk.bold.cyan(`\\n📦 Adding ${componentsToAdd.length} component(s)...\\n`));\n\n  // Collect all dependencies\n  const allDependencies: string[] = [];\n  const allDevDependencies: string[] = [];\n\n  // Add each component\n  const results: { name: string; success: boolean; path?: string; error?: string }[] = [];\n\n  for (const componentKey of componentsToAdd) {\n    const component = getFrameworkComponent(framework, componentKey);\n\n    if (!component) {\n      results.push({\n        name: componentKey,\n        success: false,\n        error: 'Component not found in registry',\n      });\n      continue;\n    }\n\n    const spinner = ora(`Adding ${chalk.cyan(component.name)}...`).start();\n\n    try {\n      // Get component destination path from aliases\n      const componentsAlias = componentsConfig.aliases.components;\n      const destPath = componentsAlias.replace('@/', '');\n      const fullDestPath = resolve(cwd, destPath, 'ui');\n      ensureDir(fullDestPath);\n\n      // Get file extension based on framework\n      const fileExtensions: Record<Framework, string> = {\n        vue: '.vue',\n        react: '.tsx',\n        angular: '.component.ts',\n        'react-native': '.tsx',\n        flutter: '.dart',\n      };\n      const ext = fileExtensions[framework];\n\n      // Create component folder\n      const componentFolderPath = join(fullDestPath, componentKey);\n      ensureDir(componentFolderPath);\n\n      // Copy component files from source packages\n      for (const file of component.files) {\n        const fileName = file.includes('/') ? file.split('/').pop()! : file;\n        const destFilePath = join(componentFolderPath, fileName);\n\n        // Check if file already exists\n        if (fileExists(destFilePath)) {\n          spinner.warn(\n            `${chalk.cyan(component.name)} - File already exists: ${fileName}`\n          );\n          continue;\n        }\n\n        // Get source path from packages (blocks/ or components/)\n        const sourceFolder = component.type === 'block' ? 'blocks' : 'components';\n        const packagePath = resolve(__dirname, '..', '..', '..', framework, 'src', sourceFolder, componentKey);\n        const sourcePath = join(packagePath, file);\n\n        // Try to read the source file\n        if (fileExists(sourcePath)) {\n          const content = readFile(sourcePath);\n          writeFile(destFilePath, content);\n        } else {\n          // Try with capitalized component name\n          const capitalizedFile = file.charAt(0).toUpperCase() + file.slice(1);\n          const capitalizedSourcePath = join(packagePath, capitalizedFile);\n\n          if (fileExists(capitalizedSourcePath)) {\n            const content = readFile(capitalizedSourcePath);\n            writeFile(destFilePath, content);\n          } else {\n            // Fallback to placeholder if source not found\n            const placeholderContent = `// ${component.name} component for ${framework}\\n// TODO: Component source not found at ${sourcePath}\\n`;\n            writeFile(destFilePath, placeholderContent);\n          }\n        }\n      }\n\n      spinner.succeed(\n        `${chalk.green('✓')} Added ${chalk.cyan(component.name)} to ${chalk.gray(\n          destPath + '/ui/' + componentKey + '/'\n        )}`\n      );\n\n      results.push({\n        name: component.name,\n        success: true,\n        path: componentFolderPath,\n      });\n\n      // Collect dependencies\n      const deps = getFrameworkComponentDependencies(framework, componentKey);\n      allDependencies.push(...deps.dependencies);\n      allDevDependencies.push(...deps.devDependencies);\n    } catch (error) {\n      spinner.fail(`Failed to add ${chalk.cyan(component.name)}`);\n      results.push({\n        name: component.name,\n        success: false,\n        error: error instanceof Error ? error.message : 'Unknown error',\n      });\n    }\n  }\n\n  // Install dependencies\n  const uniqueDependencies = [...new Set(allDependencies)];\n  const uniqueDevDependencies = [...new Set(allDevDependencies)];\n\n  if (uniqueDependencies.length > 0 || uniqueDevDependencies.length > 0) {\n    console.log('\\n');\n    const installSpinner = ora('Installing dependencies...').start();\n\n    try {\n      if (uniqueDependencies.length > 0) {\n        await installDependencies(uniqueDependencies, { cwd, dev: false, silent: true });\n      }\n      if (uniqueDevDependencies.length > 0) {\n        await installDependencies(uniqueDevDependencies, { cwd, dev: true, silent: true });\n      }\n      installSpinner.succeed('Dependencies installed');\n    } catch (error) {\n      installSpinner.fail('Failed to install dependencies');\n      console.log(chalk.yellow('Please install them manually:'));\n      if (uniqueDependencies.length > 0) {\n        console.log(chalk.gray(`  npm install ${uniqueDependencies.join(' ')}`));\n      }\n      if (uniqueDevDependencies.length > 0) {\n        console.log(chalk.gray(`  npm install -D ${uniqueDevDependencies.join(' ')}`));\n      }\n    }\n  }\n\n  // Summary\n  const successful = results.filter(r => r.success).length;\n  const failed = results.filter(r => !r.success).length;\n\n  console.log('\\n');\n\n  if (successful > 0) {\n    console.log(\n      chalk.green.bold(`✓ Successfully added ${successful} component(s)`)\n    );\n  }\n\n  if (failed > 0) {\n    console.log(chalk.red.bold(`✗ Failed to add ${failed} component(s)`));\n    for (const result of results.filter(r => !r.success)) {\n      console.log(chalk.red(`  - ${result.name}: ${result.error}`));\n    }\n  }\n\n  // Next steps\n  if (successful > 0) {\n    console.log('\\n' + chalk.gray('Next steps:'));\n\n    switch (framework) {\n      case 'vue':\n        console.log(chalk.gray('  1. Import the components in your Vue component'));\n        console.log(chalk.gray('  2. Use them in your template'));\n        break;\n      case 'react':\n        console.log(chalk.gray('  1. Import the components in your React component'));\n        console.log(chalk.gray('  2. Use them in your JSX'));\n        break;\n      case 'angular':\n        console.log(chalk.gray('  1. Import the components in your Angular module or component'));\n        console.log(chalk.gray('  2. Use them in your templates'));\n        break;\n    }\n\n    console.log(chalk.gray('  3. Enjoy building with Galaxy UI! 🚀\\n'));\n  }\n}\n"],"names":["prompts","chalk","ora","resolve","join","dirname","fileURLToPath","loadComponentsConfig","hasComponentsConfig","loadFrameworkRegistry","getFrameworkComponent","getFrameworkComponentDependencies","getAllFrameworkComponents","writeFile","fileExists","readFile","ensureDir","installDependencies","__filename","url","__dirname","addCommand","components","options","cwd","console","log","red","gray","cyan","componentsConfig","framework","registry","allComponents","componentsToAdd","all","Object","keys","length","choices","categories","Map","key","component","entries","category","has","set","get","push","items","title","bold","charAt","toUpperCase","slice","value","disabled","name","description","response","type","message","hint","input","yellow","Set","allDependencies","allDevDependencies","results","componentKey","success","error","spinner","start","componentsAlias","aliases","destPath","replace","fullDestPath","fileExtensions","vue","react","angular","flutter","ext","componentFolderPath","file","files","fileName","includes","split","pop","destFilePath","warn","sourceFolder","packagePath","sourcePath","content","capitalizedFile","capitalizedSourcePath","placeholderContent","succeed","green","path","deps","dependencies","devDependencies","fail","Error","uniqueDependencies","uniqueDevDependencies","installSpinner","dev","silent","successful","filter","r","failed","result"],"mappings":"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"}