@gilav21/shadcn-angular 0.0.17 → 0.0.19

package/dist/commands/add.js

@@ -174,8 +174,7 @@ export async function add(components, options) {
                 try {
                     let remoteContent = await fetchComponentContent(file, options);
                     // Transform all lib/ imports for comparison
-                    const libAlias = config.aliases.utils.replace(/\/[^/]+$/, '');
-                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\//g, libAlias + '/');
+                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
                     const normalize = (str) => str.replace(/\r\n/g, '\n').trim();
                     if (normalize(localContent) !== normalize(remoteContent)) {
                         hasChanges = true;
@@ -256,8 +255,7 @@ export async function add(components, options) {
                     if (!content) {
                         content = await fetchComponentContent(file, options);
                         // Transform all lib/ imports if not already transformed (cached is transformed)
-                        const libAlias = config.aliases.utils.replace(/\/[^/]+$/, '');
-                        content = content.replace(/(\.\.\/)+lib\//g, libAlias + '/');
+                        content = content.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
                     }
                     await fs.ensureDir(path.dirname(targetPath));
                     await fs.writeFile(targetPath, content);
@@ -293,8 +291,7 @@ export async function add(components, options) {
                 }
             }
             if (requiredLibFiles.size > 0) {
-                const utilsPathResolved = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-                const libDir = path.dirname(utilsPathResolved);
+                const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
                 await fs.ensureDir(libDir);
                 for (const libFile of requiredLibFiles) {
                     const libTargetPath = path.join(libDir, libFile);
@@ -332,12 +329,11 @@ export async function add(components, options) {
         }
         const shortcutEntries = collectInstalledShortcutEntries(targetDir);
         if (shortcutEntries.length > 0) {
-            const utilsPathResolved = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-            const utilsDir = path.dirname(utilsPathResolved);
-            const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+            const libDir2 = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+            const shortcutServicePath = path.join(libDir2, 'shortcut-binding.service.ts');
             if (!await fs.pathExists(shortcutServicePath)) {
                 const shortcutServiceContent = await fetchLibContent('shortcut-binding.service.ts', options);
-                await fs.ensureDir(utilsDir);
+                await fs.ensureDir(libDir2);
                 await fs.writeFile(shortcutServicePath, shortcutServiceContent);
             }
         }

package/dist/commands/init.js

@@ -195,12 +195,11 @@ export async function init(options) {
         // So we should rely on config to reconstruct the path, or better yet, if we are in 'defaults' mode, check what config is.
         // If config came from defaults, aliases are set.
         // We can reverse-map alias to path: @/ -> src/
-        const utilsPathResolved = resolveAliasOrPath(cwd, config.aliases.utils + '.ts');
-        const utilsDir = path.dirname(utilsPathResolved); // utils usually ends in path/to/utils
-        await fs.ensureDir(utilsDir);
-        await fs.writeFile(utilsPathResolved, getUtilsTemplate());
+        const libDir = resolveAliasOrPath(cwd, config.aliases.utils);
+        await fs.ensureDir(libDir);
+        await fs.writeFile(path.join(libDir, 'utils.ts'), getUtilsTemplate());
         spinner.text = 'Created utils.ts';
-        const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+        const shortcutServicePath = path.join(libDir, 'shortcut-binding.service.ts');
         const shortcutServiceContent = await fetchLibFileContent('shortcut-binding.service.ts');
         await fs.writeFile(shortcutServicePath, shortcutServiceContent);
         spinner.text = 'Created shortcut-binding.service.ts';

package/dist/registry/index.js

@@ -201,7 +201,7 @@ export const registry = {
     },
     input: {
         name: 'input',
-        files: ['input.component.ts'],
+        files: ['input.component.ts', 'input-group.token.ts'],
     },
     'input-group': {
         name: 'input-group',
@@ -311,7 +311,7 @@ export const registry = {
     },
     textarea: {
         name: 'textarea',
-        files: ['textarea.component.ts'],
+        files: ['textarea.component.ts', 'input-group.token.ts'],
     },
     timeline: {
         name: 'timeline',
@@ -554,7 +554,12 @@ export const registry = {
     // Kanban
     kanban: {
         name: 'kanban',
-        files: ['kanban.component.ts'],
-        dependencies: ['badge', 'avatar', 'scroll-area', 'separator'],
+        files: ['kanban.component.ts', 'kanban-locales.ts'],
+        dependencies: [
+            'badge', 'avatar', 'scroll-area', 'separator',
+            'button', 'input', 'textarea', 'label',
+            'chip-list', 'autocomplete',
+            'dialog', 'alert-dialog', 'context-menu',
+        ],
     },
 };

package/dist/utils/config.js

@@ -12,7 +12,7 @@ export function getDefaultConfig() {
         },
         aliases: {
             components: '@/components',
-            utils: '@/components/lib/utils',
+            utils: '@/components/lib',
             ui: '@/components/ui',
         },
     };

package/dist/utils/shortcut-registry.js

@@ -14,9 +14,8 @@ function resolveProjectPath(cwd, inputPath) {
     return resolved;
 }
 function getShortcutRegistryIndexPath(cwd, config) {
-    const utilsFilePath = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-    const utilsDir = path.dirname(utilsFilePath);
-    return path.join(utilsDir, 'shortcut-registry.index.ts');
+    const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+    return path.join(libDir, 'shortcut-registry.index.ts');
 }
 export async function writeShortcutRegistryIndex(cwd, config, entries) {
     const registryPath = getShortcutRegistryIndexPath(cwd, config);
@@ -24,10 +23,7 @@ export async function writeShortcutRegistryIndex(cwd, config, entries) {
     const uniqueEntries = Array.from(new Map(entries.map(entry => [entry.exportName, entry])).values())
         .sort((a, b) => a.exportName.localeCompare(b.exportName));
     const uiAlias = config.aliases.ui;
-    const utilsAliasDir = config.aliases.utils.includes('/')
-        ? config.aliases.utils.slice(0, config.aliases.utils.lastIndexOf('/'))
-        : config.aliases.utils;
-    const shortcutServiceImport = `${utilsAliasDir}/shortcut-binding.service`;
+    const shortcutServiceImport = `${config.aliases.utils}/shortcut-binding.service`;
     const imports = uniqueEntries
         .map(entry => {
         const importPath = `${uiAlias}/${entry.sourceFile.replace(/\.ts$/, '')}`;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gilav21/shadcn-angular",
-    "version": "0.0.17",
+    "version": "0.0.19",
     "description": "CLI for adding shadcn-angular components to your project",
     "bin": {
         "shadcn-angular": "./dist/index.js"

package/src/commands/add.ts

@@ -204,8 +204,7 @@ export async function add(components: string[], options: AddOptions) {
                 try {
                     let remoteContent = await fetchComponentContent(file, options);
                     // Transform all lib/ imports for comparison
-                    const libAlias = config.aliases.utils.replace(/\/[^/]+$/, '');
-                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\//g, libAlias + '/');
+                    remoteContent = remoteContent.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
 
                     const normalize = (str: string) => str.replace(/\r\n/g, '\n').trim();
                     if (normalize(localContent) !== normalize(remoteContent)) {
@@ -294,8 +293,7 @@ export async function add(components: string[], options: AddOptions) {
                     if (!content) {
                         content = await fetchComponentContent(file, options);
                         // Transform all lib/ imports if not already transformed (cached is transformed)
-                        const libAlias = config.aliases.utils.replace(/\/[^/]+$/, '');
-                        content = content.replace(/(\.\.\/)+lib\//g, libAlias + '/');
+                        content = content.replace(/(\.\.\/)+lib\//g, config.aliases.utils + '/');
                     }
 
                     await fs.ensureDir(path.dirname(targetPath));
@@ -334,8 +332,7 @@ export async function add(components: string[], options: AddOptions) {
             }
 
             if (requiredLibFiles.size > 0) {
-                const utilsPathResolved = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-                const libDir = path.dirname(utilsPathResolved);
+                const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
                 await fs.ensureDir(libDir);
 
                 for (const libFile of requiredLibFiles) {
@@ -375,13 +372,12 @@ export async function add(components: string[], options: AddOptions) {
 
         const shortcutEntries = collectInstalledShortcutEntries(targetDir);
         if (shortcutEntries.length > 0) {
-            const utilsPathResolved = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-            const utilsDir = path.dirname(utilsPathResolved);
-            const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+            const libDir2 = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+            const shortcutServicePath = path.join(libDir2, 'shortcut-binding.service.ts');
 
             if (!await fs.pathExists(shortcutServicePath)) {
                 const shortcutServiceContent = await fetchLibContent('shortcut-binding.service.ts', options);
-                await fs.ensureDir(utilsDir);
+                await fs.ensureDir(libDir2);
                 await fs.writeFile(shortcutServicePath, shortcutServiceContent);
             }
         }

package/src/commands/init.ts

@@ -38,7 +38,7 @@ async function fetchLibFileContent(file: string): Promise<string> {
     }
     return response.text();
 }
-
+
 interface InitOptions {
     yes?: boolean;
     defaults?: boolean;
@@ -61,18 +61,18 @@ function resolveAliasOrPath(cwd: string, aliasOrPath: string): string {
 }
 
 export async function init(options: InitOptions) {
-    console.log(chalk.bold('\n🎨 Welcome to shadcn-angular!\n'));
-
-    const cwd = process.cwd();
-
-    // Check if this is an Angular project
-    const angularJsonPath = path.join(cwd, 'angular.json');
-    if (!await fs.pathExists(angularJsonPath)) {
-        console.log(chalk.red('Error: This does not appear to be an Angular project.'));
-        console.log(chalk.dim('Please run this command in the root of your Angular project.'));
-        process.exit(1);
-    }
-
+    console.log(chalk.bold('\n🎨 Welcome to shadcn-angular!\n'));
+
+    const cwd = process.cwd();
+
+    // Check if this is an Angular project
+    const angularJsonPath = path.join(cwd, 'angular.json');
+    if (!await fs.pathExists(angularJsonPath)) {
+        console.log(chalk.red('Error: This does not appear to be an Angular project.'));
+        console.log(chalk.dim('Please run this command in the root of your Angular project.'));
+        process.exit(1);
+    }
+
     // Check if already initialized
     const componentsJsonPath = path.join(cwd, 'components.json');
     if (await fs.pathExists(componentsJsonPath)) {
@@ -87,93 +87,93 @@ export async function init(options: InitOptions) {
         if (!overwrite) {
             console.log(chalk.dim('Initialization cancelled.'));
             return;
-        }
-    }
-
+        }
+    }
+
     let config: Config;
     let createShortcutRegistry = true;
-
+
     if (options.defaults || options.yes) {
         config = getDefaultConfig();
         createShortcutRegistry = true;
     } else {
-        const THEME_COLORS: Record<string, string> = {
-            zinc: '#71717a',
-            slate: '#64748b',
-            stone: '#78716c',
-            gray: '#6b7280',
-            neutral: '#737373',
-            red: '#ef4444',
-            rose: '#f43f5e',
-            orange: '#f97316', // bright orange
-            green: '#22c55e',
-            blue: '#3b82f6',
-            yellow: '#eab308',
-            violet: '#8b5cf6',
-            amber: '#d97706', // warm amber for preview
-        };
-
-        const themeChoices = [
-            { title: 'Zinc', value: 'zinc' },
-            { title: 'Slate', value: 'slate' },
-            { title: 'Stone', value: 'stone' },
-            { title: 'Gray', value: 'gray' },
-            { title: 'Neutral', value: 'neutral' },
-            { title: 'Red', value: 'red' },
-            { title: 'Rose', value: 'rose' },
-            { title: 'Orange', value: 'orange' },
-            { title: 'Green', value: 'green' },
-            { title: 'Blue', value: 'blue' },
-            { title: 'Yellow', value: 'yellow' },
-            { title: 'Violet', value: 'violet' },
-            { title: 'Amber', value: 'amber' },
-        ].map(c => ({
-            ...c,
-            title: `${chalk.hex(THEME_COLORS[c.value])('██')} ${c.title}`
-        }));
-
-        const baseColorChoices = [
-            { title: 'Neutral', value: 'neutral' },
-            { title: 'Slate', value: 'slate' },
-            { title: 'Stone', value: 'stone' },
-            { title: 'Gray', value: 'gray' },
-            { title: 'Zinc', value: 'zinc' },
-        ].map(c => ({
-            ...c,
-            title: `${chalk.hex(THEME_COLORS[c.value])('██')} ${c.title}`
-        }));
-
-        const responses = await prompts([
-
-            {
-                type: 'select',
-                name: 'baseColor',
-                message: 'Which color would you like to use as base color?',
-                choices: baseColorChoices,
-                initial: 0,
-            },
-            {
-                type: 'select',
-                name: 'theme',
-                message: 'Which color would you like to use for the main theme?',
-                choices: themeChoices,
-                initial: (prev: string) => {
-                    const index = themeChoices.findIndex(c => c.value === prev);
-                    return index === -1 ? 0 : index;
-                },
-            },
-            {
-                type: 'text',
-                name: 'componentsPath',
-                message: 'Where would you like to install components?',
-                initial: 'src/components/ui',
-            },
-            {
-                type: 'text',
-                name: 'utilsPath',
-                message: 'Where would you like to install utils?',
-                initial: 'src/components/lib',
-            },
+        const THEME_COLORS: Record<string, string> = {
+            zinc: '#71717a',
+            slate: '#64748b',
+            stone: '#78716c',
+            gray: '#6b7280',
+            neutral: '#737373',
+            red: '#ef4444',
+            rose: '#f43f5e',
+            orange: '#f97316', // bright orange
+            green: '#22c55e',
+            blue: '#3b82f6',
+            yellow: '#eab308',
+            violet: '#8b5cf6',
+            amber: '#d97706', // warm amber for preview
+        };
+
+        const themeChoices = [
+            { title: 'Zinc', value: 'zinc' },
+            { title: 'Slate', value: 'slate' },
+            { title: 'Stone', value: 'stone' },
+            { title: 'Gray', value: 'gray' },
+            { title: 'Neutral', value: 'neutral' },
+            { title: 'Red', value: 'red' },
+            { title: 'Rose', value: 'rose' },
+            { title: 'Orange', value: 'orange' },
+            { title: 'Green', value: 'green' },
+            { title: 'Blue', value: 'blue' },
+            { title: 'Yellow', value: 'yellow' },
+            { title: 'Violet', value: 'violet' },
+            { title: 'Amber', value: 'amber' },
+        ].map(c => ({
+            ...c,
+            title: `${chalk.hex(THEME_COLORS[c.value])('██')} ${c.title}`
+        }));
+
+        const baseColorChoices = [
+            { title: 'Neutral', value: 'neutral' },
+            { title: 'Slate', value: 'slate' },
+            { title: 'Stone', value: 'stone' },
+            { title: 'Gray', value: 'gray' },
+            { title: 'Zinc', value: 'zinc' },
+        ].map(c => ({
+            ...c,
+            title: `${chalk.hex(THEME_COLORS[c.value])('██')} ${c.title}`
+        }));
+
+        const responses = await prompts([
+
+            {
+                type: 'select',
+                name: 'baseColor',
+                message: 'Which color would you like to use as base color?',
+                choices: baseColorChoices,
+                initial: 0,
+            },
+            {
+                type: 'select',
+                name: 'theme',
+                message: 'Which color would you like to use for the main theme?',
+                choices: themeChoices,
+                initial: (prev: string) => {
+                    const index = themeChoices.findIndex(c => c.value === prev);
+                    return index === -1 ? 0 : index;
+                },
+            },
+            {
+                type: 'text',
+                name: 'componentsPath',
+                message: 'Where would you like to install components?',
+                initial: 'src/components/ui',
+            },
+            {
+                type: 'text',
+                name: 'utilsPath',
+                message: 'Where would you like to install utils?',
+                initial: 'src/components/lib',
+            },
             {
                 type: 'text',
                 name: 'globalCss',
@@ -187,47 +187,46 @@ export async function init(options: InitOptions) {
                 initial: true,
             },
         ]);
-
+
         config = {
             $schema: 'https://shadcn-angular.dev/schema.json',
-            style: 'default',
-            tailwind: {
-                css: responses.globalCss,
-                baseColor: responses.baseColor,
-                theme: responses.theme,
-                cssVariables: true,
-            },
-            aliases: {
-                components: responses.componentsPath.replace('src/', '@/'), // Basic heuristic
-                utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
-                ui: responses.componentsPath.replace('src/', '@/'),
+            style: 'default',
+            tailwind: {
+                css: responses.globalCss,
+                baseColor: responses.baseColor,
+                theme: responses.theme,
+                cssVariables: true,
+            },
+            aliases: {
+                components: responses.componentsPath.replace('src/', '@/'), // Basic heuristic
+                utils: responses.utilsPath.replace('src/', '@/').replace('.ts', ''),
+                ui: responses.componentsPath.replace('src/', '@/'),
             },
         };
         createShortcutRegistry = responses.createShortcutRegistry ?? true;
     }
-
-    const spinner = ora('Initializing project...').start();
-
-    try {
-        // Write components.json
-        await fs.writeJson(componentsJsonPath, config, { spaces: 2 });
-        spinner.text = 'Created components.json';
-
-        // Create utils directory and file
-        // Resolve path from the config alias, assuming @/ maps to src/ logic for file creation if not provided directly
-        // But we have the 'responses' object from CLI prompt only in the else block above!
-        // So we should rely on config to reconstruct the path, or better yet, if we are in 'defaults' mode, check what config is.
-        // If config came from defaults, aliases are set.
-        // We can reverse-map alias to path: @/ -> src/
-
-        const utilsPathResolved = resolveAliasOrPath(cwd, config.aliases.utils + '.ts');
-        const utilsDir = path.dirname(utilsPathResolved); // utils usually ends in path/to/utils
-
-        await fs.ensureDir(utilsDir);
-        await fs.writeFile(utilsPathResolved, getUtilsTemplate());
+
+    const spinner = ora('Initializing project...').start();
+
+    try {
+        // Write components.json
+        await fs.writeJson(componentsJsonPath, config, { spaces: 2 });
+        spinner.text = 'Created components.json';
+
+        // Create utils directory and file
+        // Resolve path from the config alias, assuming @/ maps to src/ logic for file creation if not provided directly
+        // But we have the 'responses' object from CLI prompt only in the else block above!
+        // So we should rely on config to reconstruct the path, or better yet, if we are in 'defaults' mode, check what config is.
+        // If config came from defaults, aliases are set.
+        // We can reverse-map alias to path: @/ -> src/
+
+        const libDir = resolveAliasOrPath(cwd, config.aliases.utils);
+
+        await fs.ensureDir(libDir);
+        await fs.writeFile(path.join(libDir, 'utils.ts'), getUtilsTemplate());
         spinner.text = 'Created utils.ts';
 
-        const shortcutServicePath = path.join(utilsDir, 'shortcut-binding.service.ts');
+        const shortcutServicePath = path.join(libDir, 'shortcut-binding.service.ts');
         const shortcutServiceContent = await fetchLibFileContent('shortcut-binding.service.ts');
         await fs.writeFile(shortcutServicePath, shortcutServiceContent);
         spinner.text = 'Created shortcut-binding.service.ts';
@@ -251,63 +250,63 @@ export async function init(options: InitOptions) {
         let userStyles = await fs.pathExists(userStylesPath)
             ? await fs.readFile(userStylesPath, 'utf-8')
             : '';
-
-        const tailwindImport = '@import "./tailwind.css";';
-        if (!userStyles.includes('tailwind.css')) {
-            // Add import at the top of the file
-            userStyles = tailwindImport + '\n\n' + userStyles;
-            await fs.writeFile(userStylesPath, userStyles);
-            spinner.text = 'Added tailwind.css import to styles';
+
+        const tailwindImport = '@import "./tailwind.css";';
+        if (!userStyles.includes('tailwind.css')) {
+            // Add import at the top of the file
+            userStyles = tailwindImport + '\n\n' + userStyles;
+            await fs.writeFile(userStylesPath, userStyles);
+            spinner.text = 'Added tailwind.css import to styles';
         }
 
         // Create components/ui directory
         const uiDir = resolveAliasOrPath(cwd, config.aliases.ui);
         await fs.ensureDir(uiDir);
         spinner.text = 'Created components directory';
-
-        // Install dependencies
-        spinner.text = 'Installing dependencies...';
+
+        // Install dependencies
+        spinner.text = 'Installing dependencies...';
         const dependencies = [
             'clsx',
             'tailwind-merge',
-            'class-variance-authority',
-            'tailwindcss',
+            'class-variance-authority',
+            'tailwindcss',
             'postcss',
             '@tailwindcss/postcss'
         ];
         await installPackages(dependencies, { cwd });
-
-        // Setup PostCSS - create .postcssrc.json which is the preferred format for Angular
-        spinner.text = 'Configuring PostCSS...';
-        const postcssrcPath = path.join(cwd, '.postcssrc.json');
-
-        if (!await fs.pathExists(postcssrcPath)) {
-            const configContent = {
-                plugins: {
-                    '@tailwindcss/postcss': {}
-                }
-            };
-            await fs.writeJson(postcssrcPath, configContent, { spaces: 4 });
-        }
-
-
-        spinner.succeed(chalk.green('Project initialized successfully!'));
-
-        console.log('\n' + chalk.bold('Next steps:'));
-        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx @gilav21/shadcn-angular add button'));
-        console.log(chalk.dim('  2. Import and use in your templates'));
-        console.log(chalk.dim('  3. Update your ') + chalk.bold('tsconfig.json') + chalk.dim(' paths:'));
-        console.log(chalk.dim('    "compilerOptions": {'));
-        console.log(chalk.dim('      "baseUrl": ".",'));
-        console.log(chalk.dim('      "paths": {'));
-        console.log(chalk.dim('        "@/*": ["./src/*"]'));
-        console.log(chalk.dim('      }'));
-        console.log(chalk.dim('    }'));
-        console.log('');
-
-    } catch (error) {
-        spinner.fail('Failed to initialize project');
-        console.error(error);
-        process.exit(1);
-    }
-}
+
+        // Setup PostCSS - create .postcssrc.json which is the preferred format for Angular
+        spinner.text = 'Configuring PostCSS...';
+        const postcssrcPath = path.join(cwd, '.postcssrc.json');
+
+        if (!await fs.pathExists(postcssrcPath)) {
+            const configContent = {
+                plugins: {
+                    '@tailwindcss/postcss': {}
+                }
+            };
+            await fs.writeJson(postcssrcPath, configContent, { spaces: 4 });
+        }
+
+
+        spinner.succeed(chalk.green('Project initialized successfully!'));
+
+        console.log('\n' + chalk.bold('Next steps:'));
+        console.log(chalk.dim('  1. Add components: ') + chalk.cyan('npx @gilav21/shadcn-angular add button'));
+        console.log(chalk.dim('  2. Import and use in your templates'));
+        console.log(chalk.dim('  3. Update your ') + chalk.bold('tsconfig.json') + chalk.dim(' paths:'));
+        console.log(chalk.dim('    "compilerOptions": {'));
+        console.log(chalk.dim('      "baseUrl": ".",'));
+        console.log(chalk.dim('      "paths": {'));
+        console.log(chalk.dim('        "@/*": ["./src/*"]'));
+        console.log(chalk.dim('      }'));
+        console.log(chalk.dim('    }'));
+        console.log('');
+
+    } catch (error) {
+        spinner.fail('Failed to initialize project');
+        console.error(error);
+        process.exit(1);
+    }
+}

package/src/registry/index.ts

@@ -218,7 +218,7 @@ export const registry: Record<string, ComponentDefinition> = {
   },
   input: {
     name: 'input',
-    files: ['input.component.ts'],
+    files: ['input.component.ts', 'input-group.token.ts'],
   },
   'input-group': {
     name: 'input-group',
@@ -328,7 +328,7 @@ export const registry: Record<string, ComponentDefinition> = {
   },
   textarea: {
     name: 'textarea',
-    files: ['textarea.component.ts'],
+    files: ['textarea.component.ts', 'input-group.token.ts'],
   },
   timeline: {
     name: 'timeline',
@@ -571,7 +571,12 @@ export const registry: Record<string, ComponentDefinition> = {
   // Kanban
   kanban: {
     name: 'kanban',
-    files: ['kanban.component.ts'],
-    dependencies: ['badge', 'avatar', 'scroll-area', 'separator'],
+    files: ['kanban.component.ts', 'kanban-locales.ts'],
+    dependencies: [
+      'badge', 'avatar', 'scroll-area', 'separator',
+      'button', 'input', 'textarea', 'label',
+      'chip-list', 'autocomplete',
+      'dialog', 'alert-dialog', 'context-menu',
+    ],
   },
 };

package/src/utils/config.ts

@@ -29,7 +29,7 @@ export function getDefaultConfig(): Config {
         },
         aliases: {
             components: '@/components',
-            utils: '@/components/lib/utils',
+            utils: '@/components/lib',
             ui: '@/components/ui',
         },
     };

package/src/utils/shortcut-registry.ts

@@ -24,9 +24,8 @@ function resolveProjectPath(cwd: string, inputPath: string): string {
 }
 
 function getShortcutRegistryIndexPath(cwd: string, config: Config): string {
-    const utilsFilePath = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils) + '.ts');
-    const utilsDir = path.dirname(utilsFilePath);
-    return path.join(utilsDir, 'shortcut-registry.index.ts');
+    const libDir = resolveProjectPath(cwd, aliasToProjectPath(config.aliases.utils));
+    return path.join(libDir, 'shortcut-registry.index.ts');
 }
 
 export async function writeShortcutRegistryIndex(
@@ -41,10 +40,7 @@ export async function writeShortcutRegistryIndex(
         .sort((a, b) => a.exportName.localeCompare(b.exportName));
 
     const uiAlias = config.aliases.ui;
-    const utilsAliasDir = config.aliases.utils.includes('/')
-        ? config.aliases.utils.slice(0, config.aliases.utils.lastIndexOf('/'))
-        : config.aliases.utils;
-    const shortcutServiceImport = `${utilsAliasDir}/shortcut-binding.service`;
+    const shortcutServiceImport = `${config.aliases.utils}/shortcut-binding.service`;
 
     const imports = uniqueEntries
         .map(entry => {