beathers 5.2.2 → 5.3.0

package/dist/data/colors.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../scripts/types.js';
+export declare const basicColors: Theme['colors'];
+export declare const socialColors: Theme['colors'];
+export declare const customColors: Theme['colors'];
+export declare const colorsList: {
+    'Basic colors': import("../scripts/types.js").ColorType;
+    'Social colors': import("../scripts/types.js").ColorType;
+    'Custom colors': import("../scripts/types.js").ColorType;
+};

package/dist/data/colors.js

@@ -0,0 +1,54 @@
+export const basicColors = {
+    black: { light: '#000000' },
+    white: { light: '#ffffff' },
+    gray: { light: '#808080' },
+    red: { light: '#ff0000' },
+    green: { light: '#00ff00' },
+    blue: { light: '#0000ff' },
+    yellow: { light: '#ffff00' },
+    orange: { light: '#ffa500' },
+    purple: { light: '#800080' },
+    teal: { light: '#008080' },
+    silver: { light: '#c0c0c0' },
+    gold: { light: '#ffd700' },
+};
+export const socialColors = {
+    facebook: { light: '#3b5998' },
+    messenger: { light: '#006aff' },
+    whatsapp: { light: '#25d366' },
+    instagram: { light: '#3f729b' },
+    google: { light: '#4285f4' },
+    signal: { light: '#2190e8' },
+    twitter: { light: '#00acee' },
+    telegram: { light: '#0088cc' },
+    youtube: { light: '#ff0000' },
+    linkedin: { light: '#0077b5' },
+    behance: { light: '#053eff' },
+    github: { light: '#171515' },
+    gitlab: { light: '#fca326' },
+    wechat: { light: '#09b83e' },
+    tiktok: { light: '#ff0050' },
+    snapchat: { light: '#fffc00' },
+    pinterest: { light: '#e60023' },
+    reddit: { light: '#ff4500' },
+    teams: { light: '#464eb8' },
+    twitch: { light: '#6441a5' },
+    dribbble: { light: '#ea4c89' },
+};
+export const customColors = {
+    'custom-1': { light: '#4289c7', dark: '#75b0e4' },
+    'custom-2': { light: '#39c2cb', dark: '#79e2e9' },
+    'custom-3': { light: '#36c07e', dark: '#86f3be' },
+    'custom-4': { light: '#a84fd1', dark: '#cd87ee' },
+    'custom-5': { light: '#df4f60', dark: '#df7884' },
+    'custom-6': { light: '#dec338', dark: '#e6d689' },
+    'custom-7': { light: '#ea6e2c', dark: '#e29f7b' },
+    'custom-8': { light: '#a66d38', dark: '#e3b387' },
+    'custom-9': { light: '#eb30a0', dark: '#e779bb' },
+    'custom-10': { light: '#1e24a5', dark: '#5d64ea' },
+};
+export const colorsList = {
+    'Basic colors': basicColors,
+    'Social colors': socialColors,
+    'Custom colors': customColors,
+};

package/dist/data/font.d.ts

@@ -0,0 +1,3 @@
+import { FontType } from '../scripts/types.js';
+export declare const localFont: FontType;
+export declare const importedFont: FontType;

package/dist/data/font.js

@@ -0,0 +1,32 @@
+export const localFont = {
+    weights: ['light', 'regular', 'medium', 'bold'],
+    styles: ['normal'],
+    variants: {
+        en: {
+            title: 'roboto',
+            unicode: 'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD',
+        },
+        ar: {
+            title: 'cairo',
+            unicode: 'U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1',
+        },
+    },
+};
+export const importedFont = {
+    weights: ['light', 'regular', 'medium', 'bold'],
+    styles: ['normal'],
+    variants: {
+        en: {
+            title: 'roboto',
+            isLocal: false,
+            url: 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap',
+            unicode: 'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD',
+        },
+        ar: {
+            title: 'cairo',
+            isLocal: false,
+            url: 'https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;700&display=swap',
+            unicode: 'U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1',
+        },
+    },
+};

package/dist/data/index.d.ts

@@ -0,0 +1,2 @@
+export * from './colors.js';
+export * from './font.js';

package/dist/data/index.js

@@ -0,0 +1,2 @@
+export * from './colors.js';
+export * from './font.js';

package/dist/index.d.ts

@@ -1,2 +1,4 @@
-export { BuildTheme } from './scripts/BuildTheme.js';
-export type { Theme, ColorType, Typography, Settings, Roles } from './scripts/types.js';
+export * from '@data';
+export * from '@helpers';
+export * from '@commands';
+export * from '@types';

package/dist/index.js

@@ -1,2 +1,5 @@
 // Main exports for the Beathers library
-export { BuildTheme } from './scripts/BuildTheme.js';
+export * from '@data';
+export * from '@helpers';
+export * from '@commands';
+export * from '@types';

package/dist/scripts/cli.js

@@ -1,225 +1,12 @@
 #!/usr/bin/env node
-/* eslint-disable no-console */
-import fs from 'fs-extra';
-import path from 'path';
-import { fileURLToPath } from 'node:url';
-import { BuildTheme } from './BuildTheme.js';
-import { ReadDefaultValues } from './ReadDefaultValues.js';
-const commands = {
-    build: { description: 'Build theme from configuration files', examples: ['beathers build'] },
-    init: { description: 'Initialize beathers configuration file', examples: ['beathers init'] },
-    version: { description: 'Show version information', examples: ['beathers -v', 'beathers --version'] },
-    help: { description: 'Show help information', examples: ['beathers --help'] },
-};
-function showHelp() {
-    console.log('\n🎨 Beathers CLI - Design System Builder\n');
-    const table = [
-        ['Command', 'Description', 'Examples'],
-        ['-------', '-----------', '--------'],
-    ];
-    Object.entries(commands).forEach(([cmd, info]) => {
-        table.push([cmd, info.description, info.examples[0]]);
-        if (info.examples.length > 1) {
-            info.examples.slice(1).forEach((example) => {
-                table.push(['', '', example]);
-            });
-        }
-    });
-    const maxLengths = table[0].map((_, colIndex) => Math.max(...table.map((row) => row[colIndex].length)));
-    table.forEach((row) => {
-        const formattedRow = row.map((cell, colIndex) => cell.padEnd(maxLengths[colIndex])).join('  ');
-        console.log(formattedRow);
-    });
-    console.log('\nFlags:');
-    console.log('  --help                Show this help message');
-    console.log('  -v, --version         Show version information');
-    console.log();
-}
-function showVersion() {
-    const packagePath = path.join(process.cwd(), 'package.json');
-    try {
-        const packageInfo = fs.readJsonSync(packagePath);
-        console.log(`Beathers v${packageInfo.version}`);
-    }
-    catch {
-        console.log('Beathers CLI');
-    }
-}
-async function getDefaultValues() {
-    const __filename = fileURLToPath(import.meta.url);
-    const __dirname = path.dirname(__filename);
-    const projectRoot = path.resolve(__dirname, '..', '..');
-    return (await ReadDefaultValues([
-        path.join(projectRoot, 'src', 'scss', 'settings', '_defaults.scss'),
-        path.join(projectRoot, 'src', 'scss', 'settings', '_configs.scss'),
-        path.join(projectRoot, 'src', 'scss', 'settings', '_index.scss'),
-    ], [
-        'colors',
-        'fonts',
-        'fontMainPath',
-        'fontFormat',
-        'fontWeights',
-        'fontStyles',
-        'textTruncate',
-        'defaultFontFamilies',
-        'fontSizes',
-        'axisDivisions',
-        'breakpoints',
-        'wrappers',
-        'opacities',
-        'blurValues',
-        'insetValues',
-        'guttersValues',
-        'bordersValue',
-        'radiuses',
-        'useMediaQueries',
-        'useIcons',
-        'useFontFamilies',
-        'useFontSizes',
-        'useFontShapes',
-        'useTextAligns',
-        'useTextTruncate',
-        'useColors',
-        'useColorsOpacities',
-        'useColorsLightMode',
-        'useColorsDarkMode',
-        'useCurrentColors',
-        'useRootColors',
-        'useGrid',
-        'useFlex',
-        'useTransitions',
-        'useWrappers',
-        'useShadows',
-        'useDisplays',
-        'useOverflows',
-        'useOpacities',
-        'useBlur',
-        'useObjectFits',
-        'usePositions',
-        'useInsets',
-        'useSizes',
-        'useGutters',
-        'useBorders',
-        'useTextBorders',
-        'useRadius',
-    ]));
-}
-async function promptUser(question) {
-    const readline = await import('readline');
-    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-    return new Promise((resolve) => {
-        rl.question(question, (answer) => {
-            rl.close();
-            resolve(answer.toLowerCase().startsWith('y'));
-        });
-    });
-}
-async function promptFormat() {
-    const readline = await import('readline');
-    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-    return new Promise((resolve) => {
-        rl.question('📁 Choose file format (json/js/ts): json', (answer) => {
-            rl.close();
-            const format = answer.toLowerCase().trim();
-            if (format === 'js' || format === 'ts')
-                resolve(format);
-            else
-                resolve('json');
-        });
-    });
-}
-async function initCommand() {
-    const format = await promptFormat();
-    const formatMap = { json: 'beathers.configs.json', js: 'beathers.configs.js', ts: 'beathers.configs.ts' };
-    const fileName = formatMap[format];
-    const filePath = path.join(process.cwd(), fileName);
-    if (await fs.pathExists(filePath)) {
-        const shouldOverride = await promptUser(`⚠️  ${fileName} already exists. Do you want to override it? (Y/N): `);
-        if (!shouldOverride) {
-            console.log('❌ Operation aborted.');
-            return;
-        }
-    }
-    const includeStarterValues = await promptUser('📝 Would you like to include starter configuration values? (Y/N): ');
-    const emptyTemplate = {
-        colors: {},
-        typography: {
-            defaultFontFamilies: [],
-            fontMainPath: '',
-            fontFormat: '',
-            fontWeights: [],
-            fontStyles: [],
-            fontSizes: {},
-            textTruncate: 0,
-            fonts: {},
-        },
-        settings: {
-            axisDivisions: 0,
-            opacities: [],
-            blurValues: [],
-            insetValues: [],
-            bordersValue: 0,
-            radiuses: [],
-            breakpoints: {},
-            wrappers: {},
-            guttersValues: {},
-        },
-        roles: {},
-    };
-    let content = '';
-    if (format === 'json') {
-        const data = includeStarterValues ? await getDefaultValues() : emptyTemplate;
-        content = JSON.stringify(data, null, 2);
-    }
-    else if (format === 'js') {
-        if (includeStarterValues) {
-            const defaultValues = await getDefaultValues();
-            content = `export default ${JSON.stringify(defaultValues, null, 2)}`;
-        }
-        else
-            content = `export default ${JSON.stringify(emptyTemplate, null, 2)}`;
-    }
-    else if (format === 'ts') {
-        const importLine = "import { Theme } from 'beathers'\n\n";
-        if (includeStarterValues) {
-            const defaultValues = await getDefaultValues();
-            content = `${importLine}export default ${JSON.stringify(defaultValues, null, 2)} satisfies Theme`;
-        }
-        else
-            content = `${importLine}export default ${JSON.stringify(emptyTemplate, null, 2)} satisfies Theme`;
-    }
-    await fs.writeFile(filePath, content);
-    const starterText = includeStarterValues ? ' with starter configuration values' : '';
-    console.log(`✅ Created ${fileName}${starterText}`);
-}
-async function buildCommand() {
-    try {
-        console.log('🎨 Building Beathers theme...');
-        await BuildTheme();
-        console.log('✅ Theme built successfully!');
-    }
-    catch (error) {
-        console.error('❌ Error building theme:', error);
-        process.exit(1);
-    }
-}
+import { Commands } from '@commandsList';
 async function main() {
     const args = process.argv.slice(2);
-    if (args.length === 0 || args[0] === 'build') {
-        await buildCommand();
-        return;
-    }
-    const command = args[0];
-    if (command === 'init')
-        await initCommand();
-    else if (command === '--help')
-        showHelp();
-    else if (['-v', '--version'].includes(command))
-        showVersion();
-    else {
-        console.error(`❌ Unknown command: ${command}`);
-        console.log('\nUse "beathers --help" to see available commands.');
-        process.exit(1);
-    }
+    let command = args[0] ?? 'build';
+    if (command.startsWith('--local'))
+        command = 'build';
+    const commands = Commands(args);
+    const action = commands[command] ?? commands.default;
+    await action();
 }
 main();

package/dist/scripts/commands/build.d.ts

@@ -0,0 +1 @@
+export declare function Build(): Promise<void>;

package/dist/scripts/commands/build.js

@@ -0,0 +1,128 @@
+/* eslint-disable no-console */
+import { BuildScssVariables, DeepMerge, LoadUserConfigs, ReadDefaultValues } from '@helpers';
+import { exec } from 'child_process';
+import fs from 'fs-extra';
+import { fileURLToPath } from 'node:url';
+import path from 'path';
+import { promisify } from 'util';
+import { promptInput } from '@commands';
+const execAsync = promisify(exec);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const projectRoot = path.resolve(__dirname, '../..');
+const variablesPath = path.join(projectRoot, 'scss', '_variables.scss');
+async function defaultTheme() {
+    let values = null;
+    try {
+        values = await ReadDefaultValues([path.join(projectRoot, 'scss', 'settings', '_index.scss')], [
+            'useMediaQueries',
+            'useIcons',
+            'useFontFamilies',
+            'useFontSizes',
+            'useFontShapes',
+            'useTextAligns',
+            'useTextTruncate',
+            'useColors',
+            'useColorsOpacities',
+            'useColorsLightMode',
+            'useColorsDarkMode',
+            'useCurrentColors',
+            'useRootColors',
+            'useGrid',
+            'useFlex',
+            'useTransitions',
+            'useWrappers',
+            'useShadows',
+            'useDisplays',
+            'useOverflows',
+            'useOpacities',
+            'useBlur',
+            'useObjectFits',
+            'usePositions',
+            'useInsets',
+            'useSizes',
+            'useGutters',
+            'useBorders',
+            'useTextBorders',
+            'useRadius',
+        ]);
+    }
+    catch (error) {
+        console.error('❌ Failed to read default theme configuration:', error instanceof Error ? error.message : error);
+        process.exit(1);
+    }
+    return values;
+}
+async function BuildTheme(customOutputPath) {
+    try {
+        console.log('📦 Loading theme configuration...');
+        const defaults = await defaultTheme();
+        const userConfigs = await LoadUserConfigs();
+        console.log('🔄 Building theme variables...');
+        const theme = DeepMerge(defaults, userConfigs);
+        const variablesString = BuildScssVariables(theme);
+        await fs.writeFile(variablesPath, variablesString, { flag: 'w' });
+        console.log(`✅ Theme variables generated: ${variablesPath}`);
+        console.log('');
+        console.log('🔨 Compiling SCSS to CSS...');
+        let buildCommand = 'npm run build';
+        if (customOutputPath) {
+            const userProjectRoot = process.cwd();
+            const outputPath = path.join(userProjectRoot, customOutputPath);
+            await fs.ensureDir(outputPath);
+            buildCommand = `sass --style compressed --source-map --embed-sources --no-error-css src/scss/:${outputPath}/`;
+            console.log(`📁 Output directory: ${outputPath}`);
+        }
+        const { stdout } = await execAsync(buildCommand);
+        console.log('✅ Theme compilation completed successfully!');
+        if (stdout)
+            console.log('📋 Build details:', stdout.trim());
+    }
+    catch (error) {
+        console.error('❌ Failed to build theme:', error);
+        throw error;
+    }
+}
+export async function Build() {
+    try {
+        console.log('🎨 Building \x1b[36mBeathers\x1b[0m theme...');
+        // Check if --local flag is provided
+        const args = process.argv.slice(2);
+        const hasLocalFlag = args.includes('--local');
+        let customOutputPath;
+        if (hasLocalFlag) {
+            console.log('🏠 Local build mode enabled');
+            customOutputPath = await promptInput('📁 Output path (e.g., public/css): ');
+            if (!customOutputPath) {
+                console.error('❌ Please provide an output path when using \x1b[33m--local\x1b[0m flag.');
+                process.exit(1);
+            }
+        }
+        await BuildTheme(customOutputPath);
+    }
+    catch (error) {
+        console.error('❌ Failed to build theme:', error);
+        process.exit(1);
+    }
+}
+if (import.meta.url === `file://${process.argv[1]}`) {
+    const args = process.argv.slice(2);
+    if (args.includes('--local')) {
+        console.log('🏠 Local build mode enabled');
+        const { promptInput } = await import('@commands');
+        const customOutputPath = await promptInput('📁 Output path (e.g., public/css): ');
+        if (!customOutputPath) {
+            console.error('❌ Please provide an output path when using \x1b[33m--local\x1b[0m flag.');
+            process.exit(1);
+        }
+        BuildTheme(customOutputPath).catch((error) => {
+            console.error('❌ Build failed:', error);
+            process.exit(1);
+        });
+    }
+    else
+        BuildTheme().catch((error) => {
+            console.error('❌ Build failed:', error);
+            process.exit(1);
+        });
+}

package/dist/scripts/commands/colors.d.ts

@@ -0,0 +1,4 @@
+export declare function AddColors(): Promise<void>;
+export declare function RemoveColor(): Promise<void>;
+export declare function ImportColorPack(): Promise<void>;
+export declare function ImportColor(): Promise<void>;

package/dist/scripts/commands/colors.js

@@ -0,0 +1,140 @@
+/* eslint-disable no-console */
+import { findConfigFile, loadConfig, promptInput, promptSelection, saveConfig } from '@commands';
+import { colorsList } from '@data';
+export async function AddColors() {
+    const configFile = await findConfigFile();
+    if (!configFile) {
+        console.error('❌ Config file not found. Please run \x1b[36mbeathers init\x1b[0m to set up your project.');
+        return;
+    }
+    try {
+        const config = await loadConfig(configFile);
+        config.colors ??= {};
+        while (true) {
+            const colorName = await promptInput('🎨 Color name (type "finish" to complete): ');
+            if (!colorName || colorName.toLowerCase() === 'finish')
+                break;
+            const lightColor = await promptInput('☀️  Light mode color (hex format, e.g., #ffffff): ');
+            const darkColor = await promptInput('🌙 Dark mode color (hex format, e.g., #000000): ');
+            if (!lightColor && !darkColor) {
+                console.error('❌ Please provide at least one color (light or dark mode).');
+                continue;
+            }
+            const hexPattern = /^#[0-9A-Fa-f]{6}$/;
+            if (lightColor && !hexPattern.test(lightColor)) {
+                console.error('❌ Invalid light color format. Please use hex format (e.g., #ffffff)');
+                continue;
+            }
+            if (darkColor && !hexPattern.test(darkColor)) {
+                console.error('❌ Invalid dark color format. Please use hex format (e.g., #000000)');
+                continue;
+            }
+            config.colors[colorName] = {
+                ...(lightColor && { light: lightColor }),
+                ...(darkColor && { dark: darkColor }),
+            };
+            console.log(`✅ Color "${colorName}" added successfully.`);
+        }
+        console.log('💾 Saving configuration...');
+        await saveConfig(configFile, config);
+        console.log('✅ All colors saved to your configuration!');
+    }
+    catch (error) {
+        console.error('❌ Failed to add colors:', error);
+    }
+}
+export async function RemoveColor() {
+    const configFile = await findConfigFile();
+    if (!configFile) {
+        console.error('❌ Config file not found. Please run \x1b[36mbeathers init\x1b[0m to set up your project.');
+        return;
+    }
+    try {
+        const config = await loadConfig(configFile);
+        if (!config.colors || Object.keys(config.colors).length === 0) {
+            console.error('❌ No colors found in your configuration.');
+            return;
+        }
+        const colorName = await promptInput('🗑️  Color name to remove: ');
+        if (!colorName) {
+            console.error('❌ Please provide a color name.');
+            return;
+        }
+        if (!config.colors[colorName]) {
+            console.error(`❌ Color "${colorName}" not found in your configuration.`);
+            return;
+        }
+        delete config.colors[colorName];
+        console.log('💾 Updating configuration...');
+        await saveConfig(configFile, config);
+        console.log(`✅ Color "${colorName}" removed successfully!`);
+    }
+    catch (error) {
+        console.error('❌ Failed to remove color:', error);
+    }
+}
+export async function ImportColorPack() {
+    const configFile = await findConfigFile();
+    if (!configFile) {
+        console.error('❌ Config file not found. Please run \x1b[36mbeathers init\x1b[0m to set up your project.');
+        return;
+    }
+    try {
+        const packName = await promptSelection('📦 Choose a color pack to import:', Object.keys(colorsList));
+        const selectedPack = colorsList[packName];
+        console.log('💾 Importing color pack...');
+        const config = await loadConfig(configFile);
+        config.colors ??= {};
+        Object.assign(config.colors, selectedPack);
+        await saveConfig(configFile, config);
+        console.log(`✅ Color pack "${packName}" imported successfully!`);
+    }
+    catch (error) {
+        console.error('❌ Failed to import color pack:', error);
+    }
+}
+export async function ImportColor() {
+    const configFile = await findConfigFile();
+    if (!configFile) {
+        console.error('❌ Config file not found. Please run \x1b[36mbeathers init\x1b[0m to set up your project.');
+        return;
+    }
+    try {
+        const packName = await promptSelection('📦 Choose a color pack:', Object.keys(colorsList));
+        if (!packName) {
+            console.error('❌ Please select a color pack.');
+            return;
+        }
+        const colorName = await promptSelection('🎨 Choose a color to import:', Object.keys(colorsList[packName]));
+        if (!colorName) {
+            console.error('❌ Please select a color.');
+            return;
+        }
+        let foundColor = null;
+        let foundInPack = '';
+        for (const [packName, pack] of Object.entries(colorsList)) {
+            if (pack[colorName]) {
+                foundColor = pack[colorName];
+                foundInPack = packName;
+                break;
+            }
+        }
+        if (!foundColor) {
+            console.error(`❌ Color "${colorName}" not found in any color pack.`);
+            console.log('📋 Available colors:');
+            Object.entries(colorsList).forEach(([packName, pack]) => {
+                console.log(`   • ${packName}: ${Object.keys(pack).join(', ')}`);
+            });
+            return;
+        }
+        console.log('💾 Importing color...');
+        const config = await loadConfig(configFile);
+        config.colors ??= {};
+        config.colors[colorName] = foundColor;
+        await saveConfig(configFile, config);
+        console.log(`✅ Color "${colorName}" from "${foundInPack}" imported successfully!`);
+    }
+    catch (error) {
+        console.error('❌ Failed to import color:', error);
+    }
+}

package/dist/scripts/commands/fonts.d.ts

@@ -0,0 +1,3 @@
+export declare function AddFont(): Promise<void>;
+export declare function RemoveFont(): Promise<void>;
+export declare function ImportFont(): Promise<void>;