figma-to-code-agent 0.3.4 → 0.4.0

package/dist/config/types.d.ts

@@ -0,0 +1,43 @@
+import type { TokenExportFormat } from '../tokens/types';
+/**
+ * System configuration for the Figma-to-Code agent.
+ */
+export interface SystemConfig {
+    figma: {
+        accessToken: string;
+        fileKey?: string;
+        useMCP?: boolean;
+    };
+    generation: {
+        framework: 'react' | 'vue';
+        styleMode: 'css-modules' | 'tailwind' | 'css';
+        typescript: boolean;
+        outputDir: string;
+        namingConvention: 'camelCase' | 'PascalCase' | 'kebab-case' | 'snake_case';
+    };
+    transformation: {
+        enabledTransformers: string[];
+        componentThreshold: number;
+        maxNestingDepth: number;
+    };
+    designTokens: {
+        extract: boolean;
+        format: TokenExportFormat;
+        outputPath: string;
+    };
+    validation: {
+        enabled: boolean;
+        viewports: Array<{
+            name: string;
+            width: number;
+            height: number;
+        }>;
+        threshold: number;
+    };
+    assets: {
+        outputDir: string;
+        imageFormat: 'png' | 'jpg' | 'webp' | 'svg';
+        optimize: boolean;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/config/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;QAC3B,SAAS,EAAE,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;QAC9C,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;KAC5E,CAAC;IACF,cAAc,EAAE;QACd,mBAAmB,EAAE,MAAM,EAAE,CAAC;QAC9B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,YAAY,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,iBAAiB,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAClE,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;QAC5C,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH"}

package/dist/config/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/config/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":""}

package/dist/errors/index.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Error types for the Figma-to-Code system.
+ */
+export declare enum ErrorType {
+    FIGMA_API_ERROR = "FIGMA_API_ERROR",
+    AUTHENTICATION_ERROR = "AUTHENTICATION_ERROR",
+    FILE_NOT_FOUND = "FILE_NOT_FOUND",
+    MCP_CONNECTION_ERROR = "MCP_CONNECTION_ERROR",
+    PARSE_ERROR = "PARSE_ERROR",
+    TRANSFORMATION_ERROR = "TRANSFORMATION_ERROR",
+    INVALID_NODE_TYPE = "INVALID_NODE_TYPE",
+    CODE_GENERATION_ERROR = "CODE_GENERATION_ERROR",
+    FILE_WRITE_ERROR = "FILE_WRITE_ERROR",
+    TEMPLATE_ERROR = "TEMPLATE_ERROR",
+    VALIDATION_ERROR = "VALIDATION_ERROR",
+    RENDER_ERROR = "RENDER_ERROR",
+    ASSET_DOWNLOAD_ERROR = "ASSET_DOWNLOAD_ERROR",
+    IMAGE_OPTIMIZATION_ERROR = "IMAGE_OPTIMIZATION_ERROR",
+    CONFIG_ERROR = "CONFIG_ERROR",
+    INVALID_FRAMEWORK = "INVALID_FRAMEWORK"
+}
+/**
+ * Custom error class with type, context, and recoverability info.
+ */
+export declare class SystemError extends Error {
+    type: ErrorType;
+    context?: any | undefined;
+    recoverable: boolean;
+    constructor(type: ErrorType, message: string, context?: any | undefined, recoverable?: boolean);
+}
+/**
+ * Log levels for the logging system.
+ */
+export type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+/**
+ * Log entry structure.
+ */
+export interface LogEntry {
+    level: LogLevel;
+    message: string;
+    timestamp: Date;
+    context?: any;
+}
+/**
+ * Logger that collects log entries for reporting.
+ */
+export declare class Logger {
+    private entries;
+    debug(message: string, context?: any): void;
+    info(message: string, context?: any): void;
+    warn(message: string, context?: any): void;
+    error(message: string, context?: any): void;
+    getEntries(): LogEntry[];
+    getErrors(): LogEntry[];
+    getWarnings(): LogEntry[];
+    clear(): void;
+    private log;
+}
+/**
+ * Processing report generated after a complete conversion.
+ */
+export interface ProcessingReport {
+    startTime: Date;
+    endTime: Date;
+    duration: number;
+    stats: {
+        totalNodes: number;
+        processedNodes: number;
+        skippedNodes: number;
+        generatedComponents: number;
+        extractedAssets: number;
+    };
+    errors: SystemError[];
+    warnings: string[];
+}
+/**
+ * Error recovery strategies.
+ */
+export type RecoveryStrategy = 'retry' | 'skip' | 'fallback';
+/**
+ * Determines the recovery strategy for a given error type.
+ */
+export declare function getRecoveryStrategy(errorType: ErrorType): RecoveryStrategy;
+/**
+ * Generate a processing report from logger entries and stats.
+ */
+export declare function generateReport(logger: Logger, startTime: Date, stats: ProcessingReport['stats']): ProcessingReport;
+//# sourceMappingURL=index.d.ts.map

package/dist/errors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/errors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,SAAS;IAEnB,eAAe,oBAAoB;IACnC,oBAAoB,yBAAyB;IAC7C,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;IAG7C,WAAW,gBAAgB;IAC3B,oBAAoB,yBAAyB;IAC7C,iBAAiB,sBAAsB;IAGvC,qBAAqB,0BAA0B;IAC/C,gBAAgB,qBAAqB;IACrC,cAAc,mBAAmB;IAGjC,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAG7B,oBAAoB,yBAAyB;IAC7C,wBAAwB,6BAA6B;IAGrD,YAAY,iBAAiB;IAC7B,iBAAiB,sBAAsB;CACxC;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK;IAE3B,IAAI,EAAE,SAAS;IAEf,OAAO,CAAC,EAAE,GAAG;IACb,WAAW,EAAE,OAAO;gBAHpB,IAAI,EAAE,SAAS,EACtB,OAAO,EAAE,MAAM,EACR,OAAO,CAAC,EAAE,GAAG,YAAA,EACb,WAAW,GAAE,OAAe;CAKtC;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,OAAO,CAAkB;IAEjC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,UAAU,IAAI,QAAQ,EAAE;IAIxB,SAAS,IAAI,QAAQ,EAAE;IAIvB,WAAW,IAAI,QAAQ,EAAE;IAIzB,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,GAAG;CAGZ;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE7D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,GAAG,gBAAgB,CA8B1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAC/B,gBAAgB,CAYlB"}

package/dist/errors/index.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logger = exports.SystemError = exports.ErrorType = void 0;
+exports.getRecoveryStrategy = getRecoveryStrategy;
+exports.generateReport = generateReport;
+/**
+ * Error types for the Figma-to-Code system.
+ */
+var ErrorType;
+(function (ErrorType) {
+    // Extraction layer
+    ErrorType["FIGMA_API_ERROR"] = "FIGMA_API_ERROR";
+    ErrorType["AUTHENTICATION_ERROR"] = "AUTHENTICATION_ERROR";
+    ErrorType["FILE_NOT_FOUND"] = "FILE_NOT_FOUND";
+    ErrorType["MCP_CONNECTION_ERROR"] = "MCP_CONNECTION_ERROR";
+    // Transformation layer
+    ErrorType["PARSE_ERROR"] = "PARSE_ERROR";
+    ErrorType["TRANSFORMATION_ERROR"] = "TRANSFORMATION_ERROR";
+    ErrorType["INVALID_NODE_TYPE"] = "INVALID_NODE_TYPE";
+    // Generation layer
+    ErrorType["CODE_GENERATION_ERROR"] = "CODE_GENERATION_ERROR";
+    ErrorType["FILE_WRITE_ERROR"] = "FILE_WRITE_ERROR";
+    ErrorType["TEMPLATE_ERROR"] = "TEMPLATE_ERROR";
+    // Validation layer
+    ErrorType["VALIDATION_ERROR"] = "VALIDATION_ERROR";
+    ErrorType["RENDER_ERROR"] = "RENDER_ERROR";
+    // Asset layer
+    ErrorType["ASSET_DOWNLOAD_ERROR"] = "ASSET_DOWNLOAD_ERROR";
+    ErrorType["IMAGE_OPTIMIZATION_ERROR"] = "IMAGE_OPTIMIZATION_ERROR";
+    // Config
+    ErrorType["CONFIG_ERROR"] = "CONFIG_ERROR";
+    ErrorType["INVALID_FRAMEWORK"] = "INVALID_FRAMEWORK";
+})(ErrorType || (exports.ErrorType = ErrorType = {}));
+/**
+ * Custom error class with type, context, and recoverability info.
+ */
+class SystemError extends Error {
+    constructor(type, message, context, recoverable = false) {
+        super(message);
+        this.type = type;
+        this.context = context;
+        this.recoverable = recoverable;
+        this.name = 'SystemError';
+    }
+}
+exports.SystemError = SystemError;
+/**
+ * Logger that collects log entries for reporting.
+ */
+class Logger {
+    constructor() {
+        this.entries = [];
+    }
+    debug(message, context) {
+        this.log('debug', message, context);
+    }
+    info(message, context) {
+        this.log('info', message, context);
+    }
+    warn(message, context) {
+        this.log('warn', message, context);
+    }
+    error(message, context) {
+        this.log('error', message, context);
+    }
+    getEntries() {
+        return [...this.entries];
+    }
+    getErrors() {
+        return this.entries.filter((e) => e.level === 'error');
+    }
+    getWarnings() {
+        return this.entries.filter((e) => e.level === 'warn');
+    }
+    clear() {
+        this.entries = [];
+    }
+    log(level, message, context) {
+        this.entries.push({ level, message, timestamp: new Date(), context });
+    }
+}
+exports.Logger = Logger;
+/**
+ * Determines the recovery strategy for a given error type.
+ */
+function getRecoveryStrategy(errorType) {
+    switch (errorType) {
+        case ErrorType.AUTHENTICATION_ERROR:
+        case ErrorType.INVALID_FRAMEWORK:
+        case ErrorType.CONFIG_ERROR:
+            // Non-recoverable: fail immediately
+            return 'fallback';
+        case ErrorType.FIGMA_API_ERROR:
+        case ErrorType.MCP_CONNECTION_ERROR:
+        case ErrorType.ASSET_DOWNLOAD_ERROR:
+            // Network errors: retry
+            return 'retry';
+        case ErrorType.PARSE_ERROR:
+        case ErrorType.TRANSFORMATION_ERROR:
+        case ErrorType.INVALID_NODE_TYPE:
+        case ErrorType.CODE_GENERATION_ERROR:
+        case ErrorType.TEMPLATE_ERROR:
+        case ErrorType.VALIDATION_ERROR:
+        case ErrorType.RENDER_ERROR:
+        case ErrorType.IMAGE_OPTIMIZATION_ERROR:
+        case ErrorType.FILE_WRITE_ERROR:
+        case ErrorType.FILE_NOT_FOUND:
+            // Processing errors: skip and continue
+            return 'skip';
+        default:
+            return 'skip';
+    }
+}
+/**
+ * Generate a processing report from logger entries and stats.
+ */
+function generateReport(logger, startTime, stats) {
+    const endTime = new Date();
+    return {
+        startTime,
+        endTime,
+        duration: endTime.getTime() - startTime.getTime(),
+        stats,
+        errors: logger.getErrors().map((e) => new SystemError(ErrorType.TRANSFORMATION_ERROR, e.message, e.context, true)),
+        warnings: logger.getWarnings().map((w) => w.message),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/errors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/errors/index.ts"],"names":[],"mappings":"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"}

package/dist/generation/FileOrganizer.d.ts

@@ -0,0 +1,35 @@
+import type { ASTNode } from '../transformation/types';
+import type { GeneratedFile } from './types';
+/**
+ * Organizes generated files into a proper directory structure
+ * following framework conventions.
+ */
+export declare class FileOrganizer {
+    private framework;
+    private outputDir;
+    constructor(framework: 'react' | 'vue', outputDir: string);
+    /**
+     * Generate file name following framework conventions.
+     * React: PascalCase.jsx / PascalCase.tsx
+     * Vue: kebab-case.vue
+     */
+    generateFileName(componentName: string, typescript?: boolean): string;
+    /**
+     * Generate directory structure from AST component tree.
+     * Returns a map of component name -> directory path.
+     */
+    generateStructure(root: ASTNode): Map<string, string>;
+    /**
+     * Generate Props interface for a component that receives data from parent.
+     */
+    generatePropsInterface(node: ASTNode): string;
+    /**
+     * Organize a flat list of generated files into proper directory structure.
+     */
+    organize(files: GeneratedFile[], root: ASTNode): GeneratedFile[];
+    private buildStructure;
+    private inferProps;
+    private toPascalCase;
+    private toKebabCase;
+}
+//# sourceMappingURL=FileOrganizer.d.ts.map

package/dist/generation/FileOrganizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileOrganizer.d.ts","sourceRoot":"","sources":["../../src/generation/FileOrganizer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;GAGG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,SAAS,CAAS;gBAEd,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,MAAM;IAKzD;;;;OAIG;IACH,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,UAAQ,GAAG,MAAM;IAUnE;;;OAGG;IACH,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAMrD;;OAEG;IACH,sBAAsB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM;IAa7C;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,GAAG,aAAa,EAAE;IAchE,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;CAOpB"}

package/dist/generation/FileOrganizer.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileOrganizer = void 0;
+/**
+ * Organizes generated files into a proper directory structure
+ * following framework conventions.
+ */
+class FileOrganizer {
+    constructor(framework, outputDir) {
+        this.framework = framework;
+        this.outputDir = outputDir;
+    }
+    /**
+     * Generate file name following framework conventions.
+     * React: PascalCase.jsx / PascalCase.tsx
+     * Vue: kebab-case.vue
+     */
+    generateFileName(componentName, typescript = false) {
+        if (this.framework === 'react') {
+            const name = this.toPascalCase(componentName);
+            return `${name}.${typescript ? 'tsx' : 'jsx'}`;
+        }
+        // Vue
+        const name = this.toKebabCase(componentName);
+        return `${name}.vue`;
+    }
+    /**
+     * Generate directory structure from AST component tree.
+     * Returns a map of component name -> directory path.
+     */
+    generateStructure(root) {
+        const structure = new Map();
+        this.buildStructure(root, this.outputDir, structure, 0);
+        return structure;
+    }
+    /**
+     * Generate Props interface for a component that receives data from parent.
+     */
+    generatePropsInterface(node) {
+        const props = this.inferProps(node);
+        if (props.length === 0)
+            return '';
+        const name = this.toPascalCase(node.metadata.componentName || node.name);
+        const lines = [`export interface ${name}Props {`];
+        for (const prop of props) {
+            lines.push(`  ${prop.name}${prop.optional ? '?' : ''}: ${prop.type};`);
+        }
+        lines.push('}');
+        return lines.join('\n');
+    }
+    /**
+     * Organize a flat list of generated files into proper directory structure.
+     */
+    organize(files, root) {
+        const structure = this.generateStructure(root);
+        return files.map((file) => {
+            // Try to match file to a component directory
+            const baseName = file.path.split('/').pop() || '';
+            const componentName = baseName.replace(/\.(jsx|tsx|vue|css|module\.css)$/, '');
+            const dir = structure.get(componentName) || structure.get(this.toPascalCase(componentName));
+            if (dir) {
+                return { ...file, path: `${dir}/${baseName}` };
+            }
+            return file;
+        });
+    }
+    buildStructure(node, currentDir, structure, depth) {
+        if (node.metadata.isComponent || node.type === 'Component') {
+            const name = node.metadata.componentName || node.name;
+            const dirName = this.framework === 'react' ? this.toPascalCase(name) : this.toKebabCase(name);
+            const componentDir = depth > 0 ? `${currentDir}/components/${dirName}` : `${currentDir}/${dirName}`;
+            structure.set(name, componentDir);
+            structure.set(this.toPascalCase(name), componentDir);
+            for (const child of node.children) {
+                this.buildStructure(child, componentDir, structure, depth + 1);
+            }
+        }
+        else {
+            for (const child of node.children) {
+                this.buildStructure(child, currentDir, structure, depth);
+            }
+        }
+    }
+    inferProps(node) {
+        const props = [];
+        // If node has text children, it likely needs a text/label prop
+        const textChildren = node.children.filter((c) => c.type === 'Text');
+        if (textChildren.length > 0) {
+            props.push({ name: 'children', type: 'React.ReactNode', optional: true });
+        }
+        // If node has image children, it likely needs src prop
+        const imageChildren = node.children.filter((c) => c.type === 'Image');
+        if (imageChildren.length > 0) {
+            props.push({ name: 'imageSrc', type: 'string', optional: true });
+        }
+        // className is always optional
+        props.push({ name: 'className', type: 'string', optional: true });
+        return props;
+    }
+    toPascalCase(str) {
+        return str
+            .replace(/[^\w\s-]/g, '')
+            .split(/[-_\s]+/)
+            .filter(Boolean)
+            .map((s) => s.charAt(0).toUpperCase() + s.slice(1).toLowerCase())
+            .join('');
+    }
+    toKebabCase(str) {
+        return str
+            .replace(/[^\w\s-]/g, '')
+            .replace(/([a-z])([A-Z])/g, '$1-$2')
+            .replace(/[\s_]+/g, '-')
+            .toLowerCase();
+    }
+}
+exports.FileOrganizer = FileOrganizer;
+//# sourceMappingURL=FileOrganizer.js.map

package/dist/generation/FileOrganizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileOrganizer.js","sourceRoot":"","sources":["../../src/generation/FileOrganizer.ts"],"names":[],"mappings":"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"}

package/dist/tokens/DesignTokenExporter.d.ts

@@ -0,0 +1,12 @@
+import type { DesignTokens, TokenExportFormat } from './types';
+/**
+ * Exports design tokens to various formats: CSS variables, SCSS, JSON, JS.
+ */
+export declare class DesignTokenExporter {
+    export(tokens: DesignTokens, format: TokenExportFormat): string;
+    private toCSS;
+    private toSCSS;
+    private toJSON;
+    private toJS;
+}
+//# sourceMappingURL=DesignTokenExporter.d.ts.map

package/dist/tokens/DesignTokenExporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignTokenExporter.d.ts","sourceRoot":"","sources":["../../src/tokens/DesignTokenExporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,GAAG,MAAM;IAS/D,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,IAAI;CAGb"}

package/dist/tokens/DesignTokenExporter.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignTokenExporter = void 0;
+/**
+ * Exports design tokens to various formats: CSS variables, SCSS, JSON, JS.
+ */
+class DesignTokenExporter {
+    export(tokens, format) {
+        switch (format) {
+            case 'css': return this.toCSS(tokens);
+            case 'scss': return this.toSCSS(tokens);
+            case 'json': return this.toJSON(tokens);
+            case 'js': return this.toJS(tokens);
+        }
+    }
+    toCSS(tokens) {
+        const lines = [':root {'];
+        for (const c of tokens.colors)
+            lines.push(`  --${c.name}: ${c.css};`);
+        for (const t of tokens.typography) {
+            lines.push(`  --${t.name}-family: ${t.fontFamily};`);
+            lines.push(`  --${t.name}-size: ${t.fontSize}px;`);
+            lines.push(`  --${t.name}-weight: ${t.fontWeight};`);
+            lines.push(`  --${t.name}-line-height: ${t.lineHeight}px;`);
+        }
+        for (const s of tokens.spacing)
+            lines.push(`  --${s.name}: ${s.value}px;`);
+        for (const e of tokens.effects)
+            lines.push(`  --${e.name}: ${e.css};`);
+        for (const r of tokens.borderRadius)
+            lines.push(`  --${r.name}: ${r.value}px;`);
+        lines.push('}');
+        return lines.join('\n') + '\n';
+    }
+    toSCSS(tokens) {
+        const lines = [];
+        for (const c of tokens.colors)
+            lines.push(`$${c.name}: ${c.css};`);
+        for (const t of tokens.typography) {
+            lines.push(`$${t.name}-family: ${t.fontFamily};`);
+            lines.push(`$${t.name}-size: ${t.fontSize}px;`);
+            lines.push(`$${t.name}-weight: ${t.fontWeight};`);
+            lines.push(`$${t.name}-line-height: ${t.lineHeight}px;`);
+        }
+        for (const s of tokens.spacing)
+            lines.push(`$${s.name}: ${s.value}px;`);
+        for (const e of tokens.effects)
+            lines.push(`$${e.name}: ${e.css};`);
+        for (const r of tokens.borderRadius)
+            lines.push(`$${r.name}: ${r.value}px;`);
+        return lines.join('\n') + '\n';
+    }
+    toJSON(tokens) {
+        return JSON.stringify(tokens, null, 2) + '\n';
+    }
+    toJS(tokens) {
+        return `export const designTokens = ${JSON.stringify(tokens, null, 2)};\n`;
+    }
+}
+exports.DesignTokenExporter = DesignTokenExporter;
+//# sourceMappingURL=DesignTokenExporter.js.map

package/dist/tokens/DesignTokenExporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignTokenExporter.js","sourceRoot":"","sources":["../../src/tokens/DesignTokenExporter.ts"],"names":[],"mappings":"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"}

package/dist/tokens/DesignTokenExtractor.d.ts

@@ -0,0 +1,14 @@
+import type { ASTNode } from '../transformation/types';
+import type { DesignTokens } from './types';
+/**
+ * Extracts design tokens (colors, typography, spacing, effects, border-radius)
+ * from an AST tree by traversing all nodes and deduplicating values.
+ */
+export declare class DesignTokenExtractor {
+    extract(root: ASTNode): DesignTokens;
+    private traverse;
+    private generateColorName;
+    private generateTypographyName;
+    private generateEffectName;
+}
+//# sourceMappingURL=DesignTokenExtractor.d.ts.map

package/dist/tokens/DesignTokenExtractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignTokenExtractor.d.ts","sourceRoot":"","sources":["../../src/tokens/DesignTokenExtractor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EACV,YAAY,EAMb,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,YAAY;IAqGpC,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,kBAAkB;CAI3B"}