skillui 1.1.2 → 1.1.3

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "skillui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Reverse-engineer design systems from any website, repo, or project. Extracts colors, fonts, spacing, animations, and components — packaged as a .skill file for Claude. Pure static analysis, zero AI, zero API keys.",
   "main": "dist/cli.js",
   "bin": {
     "skillui": "dist/cli.js"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsup",
     "start": "node dist/cli.js",
-    "dev": "ts-node src/cli.ts",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -43,19 +42,30 @@
     "@babel/traverse": "^7.24.0",
     "@babel/types": "^7.24.0",
     "archiver": "^7.0.0",
+    "boxen": "^8.0.1",
+    "chalk": "^5.6.2",
+    "cli-progress": "^3.12.0",
     "commander": "^12.0.0",
     "css-tree": "^2.3.1",
     "culori": "^4.0.0",
     "glob": "^10.3.0",
+    "gradient-string": "^3.0.0",
     "jiti": "^1.21.0",
+    "ora": "^8.2.0",
     "postcss": "^8.4.0",
+    "prompts": "^2.4.2",
     "simple-git": "^3.24.0",
-    "tmp": "^0.2.3"
+    "strip-ansi": "^7.2.0",
+    "tmp": "^0.2.3",
+    "tsup": "^8.5.1"
   },
   "devDependencies": {
     "@types/archiver": "^6.0.0",
+    "@types/cli-progress": "^3.11.6",
     "@types/css-tree": "^2.3.0",
+    "@types/gradient-string": "^1.1.6",
     "@types/node": "^20.0.0",
+    "@types/prompts": "^2.4.9",
     "@types/tmp": "^0.2.6",
     "playwright": "^1.59.1",
     "typescript": "^5.4.0"
@@ -72,8 +82,7 @@
     "node": ">=18.0.0"
   },
   "files": [
-    "dist/**/*.js",
-    "dist/**/*.d.ts",
+    "dist/cli.js",
     "README.md"
   ]
 }

package/dist/cli.d.ts

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-export {};
-//# sourceMappingURL=cli.d.ts.map

package/dist/extractors/components.d.ts

@@ -1,11 +0,0 @@
-import { ComponentInfo } from '../types';
-export declare function extractComponents(projectDir: string): ComponentInfo[];
-/**
- * Detect which libraries the project uses (icons, state, animation).
- */
-export declare function detectProjectLibraries(projectDir: string): {
-    iconLibrary: string | null;
-    stateLibrary: string | null;
-    animationLibrary: string | null;
-};
-//# sourceMappingURL=components.d.ts.map

package/dist/extractors/components.js

@@ -1,455 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractComponents = extractComponents;
-exports.detectProjectLibraries = detectProjectLibraries;
-const fs = __importStar(require("fs"));
-const path = __importStar(require("path"));
-const COMPONENT_DIRS = [
-    'src/components',
-    'components',
-    'app/components',
-    'src/app/components',
-    'src/ui',
-    'src/common',
-    'lib/components',
-    'src/lib/components',
-    'src/features',
-    'src/views',
-    'src/pages',
-    'app',
-    'pages',
-];
-const COMPONENT_EXTENSIONS = ['.tsx', '.jsx', '.vue', '.svelte'];
-const IGNORE_DIRS = ['node_modules', '.git', 'dist', 'build', '__tests__', '__mocks__', '.next', '.nuxt'];
-// Category detection keywords for component names and file paths
-const CATEGORY_PATTERNS = {
-    'layout': /^(layout|container|grid|stack|flex|page|section|wrapper|sidebar|header|footer|main|shell|frame|panel|divider|spacer|center)/i,
-    'navigation': /^(nav|navbar|menu|breadcrumb|tab|tabs|pagination|stepper|link|drawer|appbar|topbar|bottombar)/i,
-    'data-display': /^(card|list|table|avatar|badge|chip|tag|stat|metric|tooltip|accordion|collapse|timeline|tree|calendar|chart|graph|progress|indicator)/i,
-    'data-input': /^(input|form|select|checkbox|radio|switch|toggle|slider|textarea|datepicker|timepicker|upload|dropdown|combobox|autocomplete|search|filter|rating)/i,
-    'feedback': /^(alert|toast|snackbar|notification|banner|skeleton|spinner|loading|error|empty|placeholder|progress)/i,
-    'overlay': /^(modal|dialog|popover|sheet|bottomsheet|lightbox|overlay|confirm|command|commandpalette)/i,
-    'typography': /^(heading|text|title|paragraph|label|caption|code|highlight|prose|markdown|typography)/i,
-    'media': /^(image|video|icon|logo|thumbnail|gallery|carousel|slider|embed|player)/i,
-    'other': /./,
-};
-function extractComponents(projectDir) {
-    const components = [];
-    for (const dir of COMPONENT_DIRS) {
-        const fullDir = path.join(projectDir, dir);
-        if (fs.existsSync(fullDir)) {
-            scanDirectory(fullDir, components, projectDir);
-        }
-    }
-    return components;
-}
-/**
- * Detect which libraries the project uses (icons, state, animation).
- */
-function detectProjectLibraries(projectDir) {
-    let iconLibrary = null;
-    let stateLibrary = null;
-    let animationLibrary = null;
-    try {
-        const pkgPath = path.join(projectDir, 'package.json');
-        if (fs.existsSync(pkgPath)) {
-            const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-            const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
-            // Icon libraries
-            if (allDeps['lucide-react'] || allDeps['lucide-vue-next'])
-                iconLibrary = 'Lucide';
-            else if (allDeps['@heroicons/react'] || allDeps['heroicons'])
-                iconLibrary = 'Heroicons';
-            else if (allDeps['react-icons'])
-                iconLibrary = 'React Icons';
-            else if (allDeps['@phosphor-icons/react'])
-                iconLibrary = 'Phosphor';
-            else if (allDeps['@tabler/icons-react'])
-                iconLibrary = 'Tabler Icons';
-            else if (allDeps['@radix-ui/react-icons'])
-                iconLibrary = 'Radix Icons';
-            // State management
-            if (allDeps['zustand'])
-                stateLibrary = 'Zustand';
-            else if (allDeps['@reduxjs/toolkit'] || allDeps['redux'])
-                stateLibrary = 'Redux';
-            else if (allDeps['jotai'])
-                stateLibrary = 'Jotai';
-            else if (allDeps['recoil'])
-                stateLibrary = 'Recoil';
-            else if (allDeps['valtio'])
-                stateLibrary = 'Valtio';
-            else if (allDeps['pinia'])
-                stateLibrary = 'Pinia';
-            else if (allDeps['mobx'])
-                stateLibrary = 'MobX';
-            // Animation
-            if (allDeps['framer-motion'] || allDeps['motion'])
-                animationLibrary = 'Framer Motion';
-            else if (allDeps['@react-spring/web'] || allDeps['react-spring'])
-                animationLibrary = 'React Spring';
-            else if (allDeps['gsap'])
-                animationLibrary = 'GSAP';
-            else if (allDeps['animejs'] || allDeps['anime.js'])
-                animationLibrary = 'Anime.js';
-            else if (allDeps['@formkit/auto-animate'])
-                animationLibrary = 'AutoAnimate';
-        }
-    }
-    catch {
-        // ignore
-    }
-    return { iconLibrary, stateLibrary, animationLibrary };
-}
-function scanDirectory(dir, components, rootDir) {
-    try {
-        const entries = fs.readdirSync(dir, { withFileTypes: true });
-        for (const entry of entries) {
-            if (IGNORE_DIRS.includes(entry.name))
-                continue;
-            const fullPath = path.join(dir, entry.name);
-            if (entry.isFile() && COMPONENT_EXTENSIONS.some(ext => entry.name.endsWith(ext))) {
-                const component = parseComponent(fullPath, rootDir);
-                if (component)
-                    components.push(component);
-            }
-            else if (entry.isDirectory()) {
-                scanDirectory(fullPath, components, rootDir);
-            }
-        }
-    }
-    catch {
-        // Permission errors
-    }
-}
-function parseComponent(filePath, rootDir) {
-    let content;
-    try {
-        content = fs.readFileSync(filePath, 'utf-8');
-    }
-    catch {
-        return null;
-    }
-    const fileName = path.basename(filePath, path.extname(filePath));
-    if (['index', 'types', 'utils', 'helpers', 'constants', 'styles', 'hooks', 'context', 'store', 'provider'].includes(fileName.toLowerCase())) {
-        if (fileName.toLowerCase() === 'index') {
-            const dirName = path.basename(path.dirname(filePath));
-            if (dirName === 'components' || dirName === 'ui' || dirName === 'lib')
-                return null;
-            return parseComponentContent(dirName, content, filePath, rootDir);
-        }
-        return null;
-    }
-    return parseComponentContent(fileName, content, filePath, rootDir);
-}
-function parseComponentContent(name, content, filePath, rootDir) {
-    const hasJSX = /<[A-Z][a-zA-Z]*[\s/>]/.test(content) || /return\s*\(?\s*</.test(content);
-    const hasExport = /export\s+(default\s+)?/.test(content);
-    if (!hasJSX && !hasExport)
-        return null;
-    const componentName = toPascalCase(name);
-    const relativePath = path.relative(rootDir, filePath).replace(/\\/g, '/');
-    const variants = extractVariants(content);
-    const cssClasses = extractCSSClasses(content);
-    const jsxSnippet = extractJSXSnippet(content);
-    const props = extractProps(content);
-    const category = categorizeComponent(componentName, relativePath, content, cssClasses);
-    const { hasAnimation, animationDetails } = detectAnimations(content);
-    const statePatterns = detectStatePatterns(content);
-    const tailwindPatterns = extractTailwindPatterns(cssClasses);
-    return {
-        name: componentName,
-        filePath: relativePath,
-        variants,
-        cssClasses,
-        jsxSnippet,
-        props,
-        category,
-        hasAnimation,
-        animationDetails,
-        statePatterns,
-        tailwindPatterns,
-    };
-}
-function categorizeComponent(name, filePath, content, classes) {
-    // Check name first
-    for (const [cat, pattern] of Object.entries(CATEGORY_PATTERNS)) {
-        if (cat === 'other')
-            continue;
-        if (pattern.test(name))
-            return cat;
-    }
-    // Check file path for hints
-    const pathLower = filePath.toLowerCase();
-    if (/\/layout[s]?\//.test(pathLower))
-        return 'layout';
-    if (/\/nav|\/menu|\/header|\/footer/.test(pathLower))
-        return 'navigation';
-    if (/\/form[s]?\/|\/input[s]?\//.test(pathLower))
-        return 'data-input';
-    if (/\/modal[s]?\/|\/dialog[s]?\/|\/overlay[s]?\//.test(pathLower))
-        return 'overlay';
-    if (/\/feedback\/|\/toast|\/alert/.test(pathLower))
-        return 'feedback';
-    // Check content for category hints
-    if (/\<form[\s>]|onSubmit|handleSubmit/i.test(content))
-        return 'data-input';
-    if (/\<table[\s>]|<thead|<tbody/i.test(content))
-        return 'data-display';
-    if (/\<nav[\s>]|useRouter|useNavigate|Link\s/i.test(content))
-        return 'navigation';
-    if (/AnimatePresence|createPortal|usePortal/i.test(content))
-        return 'overlay';
-    // Check Tailwind classes
-    const classStr = classes.join(' ');
-    if (/grid-cols|flex.*gap|justify-between|items-center/.test(classStr))
-        return 'layout';
-    return 'other';
-}
-function detectAnimations(content) {
-    const details = [];
-    // Framer Motion
-    const motionVariants = content.match(/variants\s*=\s*\{([^}]+(?:\{[^}]*\}[^}]*)*)\}/g);
-    if (motionVariants) {
-        for (const v of motionVariants) {
-            const trimmed = v.slice(0, 120);
-            details.push(`motion-variant: ${trimmed}`);
-        }
-    }
-    if (/motion\.|<motion\./.test(content)) {
-        details.push('framer-motion');
-        // Extract spring configs
-        const springMatch = content.match(/spring\s*:\s*\{([^}]+)\}/);
-        if (springMatch)
-            details.push(`spring: {${springMatch[1].trim()}}`);
-        // Extract transition props
-        const transitionMatch = content.match(/transition\s*=\s*\{?\{([^}]+)\}/);
-        if (transitionMatch)
-            details.push(`transition: {${transitionMatch[1].trim()}}`);
-        // Detect AnimatePresence
-        if (/AnimatePresence/.test(content))
-            details.push('animate-presence');
-        // Detect layout animations
-        if (/layoutId|layout=/.test(content))
-            details.push('layout-animation');
-        // Extract initial/animate/exit
-        const animateMatch = content.match(/animate\s*=\s*\{?\{([^}]+)\}/);
-        if (animateMatch)
-            details.push(`animate: {${animateMatch[1].trim()}}`);
-    }
-    // CSS animations
-    const animateClasses = content.match(/animate-[\w-]+/g);
-    if (animateClasses) {
-        details.push(...[...new Set(animateClasses)].map(c => `tw-${c}`));
-    }
-    // CSS transitions in Tailwind
-    const transitionClasses = content.match(/transition-[\w-]+|duration-[\w-]+|ease-[\w-]+/g);
-    if (transitionClasses) {
-        const unique = [...new Set(transitionClasses)];
-        if (unique.length > 0)
-            details.push(`tw-transitions: ${unique.join(', ')}`);
-    }
-    // Hover/focus transforms
-    if (/hover:scale|hover:translate|hover:-translate|group-hover:/.test(content)) {
-        details.push('hover-transforms');
-    }
-    return { hasAnimation: details.length > 0, animationDetails: details };
-}
-function detectStatePatterns(content) {
-    const patterns = [];
-    if (/useState/.test(content))
-        patterns.push('useState');
-    if (/useReducer/.test(content))
-        patterns.push('useReducer');
-    if (/useContext/.test(content))
-        patterns.push('useContext');
-    if (/useStore|create\(/.test(content) && /zustand/i.test(content))
-        patterns.push('zustand');
-    if (/useQuery|useMutation/.test(content))
-        patterns.push('react-query');
-    if (/useSWR/.test(content))
-        patterns.push('swr');
-    if (/useForm/.test(content))
-        patterns.push('react-hook-form');
-    if (/useRef/.test(content))
-        patterns.push('useRef');
-    if (/forwardRef/.test(content))
-        patterns.push('forwardRef');
-    if (/React\.memo|memo\(/.test(content))
-        patterns.push('memo');
-    return patterns;
-}
-function extractTailwindPatterns(classes) {
-    const pattern = {
-        backgrounds: [],
-        borders: [],
-        spacing: [],
-        typography: [],
-        effects: [],
-        layout: [],
-        interactive: [],
-    };
-    for (const cls of classes) {
-        if (/^bg-/.test(cls))
-            pattern.backgrounds.push(cls);
-        else if (/^(border|rounded|ring|outline)/.test(cls))
-            pattern.borders.push(cls);
-        else if (/^(p-|px-|py-|pt-|pb-|pl-|pr-|m-|mx-|my-|mt-|mb-|ml-|mr-|gap-|space-)/.test(cls))
-            pattern.spacing.push(cls);
-        else if (/^(text-|font-|tracking-|leading-|truncate|line-clamp)/.test(cls))
-            pattern.typography.push(cls);
-        else if (/^(shadow|opacity|blur|backdrop|ring|drop-shadow|filter)/.test(cls))
-            pattern.effects.push(cls);
-        else if (/^(flex|grid|col-|row-|justify|items-|self-|w-|h-|min-|max-|overflow|relative|absolute|fixed|sticky|z-)/.test(cls))
-            pattern.layout.push(cls);
-        else if (/^(hover:|focus:|active:|disabled:|group-|peer-|cursor-|pointer-events|select-)/.test(cls))
-            pattern.interactive.push(cls);
-    }
-    return pattern;
-}
-function extractVariants(content) {
-    const variants = [];
-    const unionMatches = content.matchAll(/['"](\w+)['"]\s*\|/g);
-    for (const m of unionMatches) {
-        if (!variants.includes(m[1]) && isLikelyVariant(m[1]))
-            variants.push(m[1]);
-    }
-    const lastUnionMatches = content.matchAll(/\|\s*['"](\w+)['"]/g);
-    for (const m of lastUnionMatches) {
-        if (!variants.includes(m[1]) && isLikelyVariant(m[1]))
-            variants.push(m[1]);
-    }
-    // CVA / class-variance-authority
-    const cvaMatches = content.matchAll(/variants?\s*:\s*\{([^}]+(?:\{[^}]*\}[^}]*)*)\}/gi);
-    for (const m of cvaMatches) {
-        const keys = m[1].matchAll(/(\w+)\s*:/g);
-        for (const k of keys) {
-            if (!variants.includes(k[1]) && isLikelyVariant(k[1]))
-                variants.push(k[1]);
-        }
-    }
-    return variants;
-}
-function isLikelyVariant(str) {
-    const variantKeywords = [
-        'primary', 'secondary', 'tertiary', 'ghost', 'outline', 'link',
-        'danger', 'warning', 'success', 'info', 'error',
-        'sm', 'md', 'lg', 'xl', '2xl',
-        'small', 'medium', 'large',
-        'default', 'destructive', 'subtle',
-        'solid', 'soft', 'plain', 'minimal', 'filled',
-    ];
-    return variantKeywords.includes(str.toLowerCase()) || str.length <= 15;
-}
-function extractCSSClasses(content) {
-    const classes = new Set();
-    // className="..." or class="..."
-    const classMatches = content.matchAll(/class(?:Name)?\s*=\s*["']([^"']+)["']/g);
-    for (const m of classMatches) {
-        for (const cls of m[1].split(/\s+/)) {
-            if (cls.trim())
-                classes.add(cls.trim());
-        }
-    }
-    // Template literals: className={`...`}
-    const templateMatches = content.matchAll(/class(?:Name)?\s*=\s*\{`([^`]+)`\}/g);
-    for (const m of templateMatches) {
-        const staticParts = m[1].replace(/\$\{[^}]+\}/g, ' ').split(/\s+/);
-        for (const cls of staticParts) {
-            if (cls.trim())
-                classes.add(cls.trim());
-        }
-    }
-    // cn() / clsx() / classnames() / cva()
-    const cnMatches = content.matchAll(/(?:cn|clsx|classnames|cva)\s*\(\s*["']([^"']+)["']/g);
-    for (const m of cnMatches) {
-        for (const cls of m[1].split(/\s+/)) {
-            if (cls.trim())
-                classes.add(cls.trim());
-        }
-    }
-    // Multi-line cn() calls — capture strings inside
-    const cnBlockMatches = content.matchAll(/(?:cn|clsx|classnames)\s*\(([^)]+)\)/gs);
-    for (const m of cnBlockMatches) {
-        const innerStrings = m[1].matchAll(/["']([^"']+)["']/g);
-        for (const s of innerStrings) {
-            for (const cls of s[1].split(/\s+/)) {
-                if (cls.trim() && !cls.includes('${'))
-                    classes.add(cls.trim());
-            }
-        }
-    }
-    return Array.from(classes).slice(0, 80);
-}
-function extractJSXSnippet(content) {
-    const returnMatch = content.match(/return\s*\(\s*\n?([\s\S]*?)\n?\s*\);?/);
-    if (returnMatch) {
-        const lines = returnMatch[1].split('\n').slice(0, 40);
-        return lines.join('\n').trim();
-    }
-    const arrowMatch = content.match(/=>\s*\(\s*\n?([\s\S]*?)\n?\s*\);?/);
-    if (arrowMatch) {
-        const lines = arrowMatch[1].split('\n').slice(0, 40);
-        return lines.join('\n').trim();
-    }
-    return '';
-}
-function extractProps(content) {
-    const props = [];
-    const propsMatch = content.match(/(?:interface|type)\s+\w*Props\w*\s*(?:=\s*)?\{([^}]+)\}/);
-    if (propsMatch) {
-        const propLines = propsMatch[1].matchAll(/(\w+)\s*[?:]?\s*:/g);
-        for (const m of propLines) {
-            if (!props.includes(m[1]))
-                props.push(m[1]);
-        }
-    }
-    const destructMatch = content.match(/\(\s*\{\s*([^}]+)\s*\}\s*(?::\s*\w+)?\s*\)/);
-    if (destructMatch) {
-        const parts = destructMatch[1].split(',').map(s => s.trim().split(/[\s=:]/)[0].trim());
-        for (const p of parts) {
-            if (p && !props.includes(p) && /^[a-zA-Z]/.test(p))
-                props.push(p);
-        }
-    }
-    return props;
-}
-function toPascalCase(str) {
-    return str
-        .replace(/[-_\s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : ''))
-        .replace(/^./, s => s.toUpperCase());
-}
-//# sourceMappingURL=components.js.map

package/dist/extractors/framework.d.ts

@@ -1,4 +0,0 @@
-import { Framework } from '../types';
-export declare function detectFrameworks(projectDir: string): Framework[];
-export declare function getProjectName(projectDir: string, overrideName?: string): string;
-//# sourceMappingURL=framework.d.ts.map

package/dist/extractors/framework.js

@@ -1,126 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detectFrameworks = detectFrameworks;
-exports.getProjectName = getProjectName;
-const fs = __importStar(require("fs"));
-const path = __importStar(require("path"));
-const DEP_MAP = [
-    { pkg: 'tailwindcss', id: 'tailwind', name: 'Tailwind CSS' },
-    { pkg: 'react', id: 'react', name: 'React' },
-    { pkg: 'vue', id: 'vue', name: 'Vue' },
-    { pkg: 'next', id: 'next', name: 'Next.js' },
-    { pkg: 'nuxt', id: 'nuxt', name: 'Nuxt' },
-    { pkg: 'svelte', id: 'svelte', name: 'Svelte' },
-    { pkg: '@angular/core', id: 'angular', name: 'Angular' },
-    { pkg: 'styled-components', id: 'css-in-js', name: 'CSS-in-JS (styled-components)' },
-    { pkg: '@emotion/react', id: 'css-in-js', name: 'CSS-in-JS (Emotion)' },
-    { pkg: '@emotion/styled', id: 'css-in-js', name: 'CSS-in-JS (Emotion)' },
-];
-function detectFrameworks(projectDir) {
-    const frameworks = [];
-    const seen = new Set();
-    // Read package.json
-    const pkgPath = path.join(projectDir, 'package.json');
-    if (fs.existsSync(pkgPath)) {
-        try {
-            const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-            const allDeps = {
-                ...pkg.dependencies,
-                ...pkg.devDependencies,
-            };
-            for (const mapping of DEP_MAP) {
-                if (allDeps[mapping.pkg] && !seen.has(mapping.id)) {
-                    seen.add(mapping.id);
-                    frameworks.push({
-                        id: mapping.id,
-                        name: mapping.name,
-                        version: allDeps[mapping.pkg].replace(/[\^~>=<]/g, ''),
-                    });
-                }
-            }
-        }
-        catch {
-            // Ignore malformed package.json
-        }
-    }
-    // Check for CSS Modules
-    if (!seen.has('css-modules')) {
-        if (hasCSSModules(projectDir)) {
-            seen.add('css-modules');
-            frameworks.push({ id: 'css-modules', name: 'CSS Modules' });
-        }
-    }
-    return frameworks;
-}
-function hasCSSModules(dir, depth = 0) {
-    if (depth > 4)
-        return false;
-    try {
-        const entries = fs.readdirSync(dir, { withFileTypes: true });
-        for (const entry of entries) {
-            if (entry.name === 'node_modules' || entry.name === '.git')
-                continue;
-            if (entry.isFile() && /\.module\.(css|scss|less)$/.test(entry.name)) {
-                return true;
-            }
-            if (entry.isDirectory() && depth < 4) {
-                if (hasCSSModules(path.join(dir, entry.name), depth + 1))
-                    return true;
-            }
-        }
-    }
-    catch {
-        // Permission errors etc.
-    }
-    return false;
-}
-function getProjectName(projectDir, overrideName) {
-    if (overrideName)
-        return overrideName;
-    const pkgPath = path.join(projectDir, 'package.json');
-    if (fs.existsSync(pkgPath)) {
-        try {
-            const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-            if (pkg.name)
-                return pkg.name;
-        }
-        catch {
-            // Ignore
-        }
-    }
-    return path.basename(path.resolve(projectDir));
-}
-//# sourceMappingURL=framework.js.map

package/dist/extractors/tokens/computed.d.ts

@@ -1,7 +0,0 @@
-import { RawTokens } from '../../types';
-/**
- * URL mode: Extract computed styles from live DOM using Playwright.
- * Playwright is an optional peer dependency.
- */
-export declare function extractComputedTokens(url: string, maxPages?: number): Promise<RawTokens>;
-//# sourceMappingURL=computed.d.ts.map