@promptui-lib/core 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @promptui-lib/core
+ * Core types, tokens and utilities for PromptUI
+ */
+export * from './types/index.js';
+export * from './tokens/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,kBAAkB,CAAC;AAGjC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+/**
+ * @promptui-lib/core
+ * Core types, tokens and utilities for PromptUI
+ */
+// Types
+export * from './types/index.js';
+// Tokens
+export * from './tokens/index.js';
+// Utils
+export * from './utils/index.js';

package/dist/tokens/borders.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Border & Radius Tokens
+ * Mapeamento de bordas e radius para tokens SCSS
+ */
+export interface IRadiusToken {
+    px: number;
+    token: string;
+}
+export interface IShadowToken {
+    blur: number;
+    token: string;
+}
+export declare const DEFAULT_RADIUS_TOKENS: IRadiusToken[];
+export declare const DEFAULT_SHADOW_TOKENS: IShadowToken[];
+/**
+ * Encontra token de border-radius
+ */
+export declare function findRadiusToken(px: number, customTokens?: Record<number, string>): string;
+/**
+ * Gera border-radius a partir de 4 valores
+ */
+export declare function generateBorderRadius(topLeft: number, topRight: number, bottomRight: number, bottomLeft: number, customTokens?: Record<number, string>): string;
+/**
+ * Encontra token de shadow baseado no blur
+ */
+export declare function findShadowToken(blur: number, customTokens?: Record<string, string>): string | null;
+/**
+ * Gera box-shadow a partir de effect do Figma
+ */
+export declare function generateBoxShadow(offsetX: number, offsetY: number, blur: number, spread: number, color: string): string;
+//# sourceMappingURL=borders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../src/tokens/borders.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,qBAAqB,EAAE,YAAY,EAO/C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,YAAY,EAK/C,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,EACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAYR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAiBR;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,GAAG,IAAI,CAuBf;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR"}

package/dist/tokens/borders.js

@@ -0,0 +1,83 @@
+/**
+ * Border & Radius Tokens
+ * Mapeamento de bordas e radius para tokens SCSS
+ */
+export const DEFAULT_RADIUS_TOKENS = [
+    { px: 0, token: '$radius-none' },
+    { px: 4, token: '$radius-small' },
+    { px: 8, token: '$radius-medium' },
+    { px: 12, token: '$radius-large' },
+    { px: 16, token: '$radius-xl' },
+    { px: 9999, token: '$radius-full' },
+];
+export const DEFAULT_SHADOW_TOKENS = [
+    { blur: 2, token: '$shadow-sm' },
+    { blur: 6, token: '$shadow-md' },
+    { blur: 15, token: '$shadow-lg' },
+    { blur: 16, token: '$shadow-modal' },
+];
+/**
+ * Encontra token de border-radius
+ */
+export function findRadiusToken(px, customTokens) {
+    if (customTokens?.[px]) {
+        return customTokens[px];
+    }
+    // Verifica se é full/pill
+    if (px >= 9999 || px >= 999) {
+        return '$radius-full';
+    }
+    const match = DEFAULT_RADIUS_TOKENS.find((t) => t.px === px);
+    return match?.token ?? `${px}px`;
+}
+/**
+ * Gera border-radius a partir de 4 valores
+ */
+export function generateBorderRadius(topLeft, topRight, bottomRight, bottomLeft, customTokens) {
+    // Se todos iguais
+    if (topLeft === topRight &&
+        topRight === bottomRight &&
+        bottomRight === bottomLeft) {
+        return findRadiusToken(topLeft, customTokens);
+    }
+    // Se tem valores diferentes
+    const tl = findRadiusToken(topLeft, customTokens);
+    const tr = findRadiusToken(topRight, customTokens);
+    const br = findRadiusToken(bottomRight, customTokens);
+    const bl = findRadiusToken(bottomLeft, customTokens);
+    return `${tl} ${tr} ${br} ${bl}`;
+}
+/**
+ * Encontra token de shadow baseado no blur
+ */
+export function findShadowToken(blur, customTokens) {
+    // Verifica tokens customizados primeiro
+    if (customTokens) {
+        for (const [key, token] of Object.entries(customTokens)) {
+            if (key.includes(`blur:${blur}`)) {
+                return token;
+            }
+        }
+    }
+    // Encontra o mais próximo
+    const match = DEFAULT_SHADOW_TOKENS.reduce((prev, curr) => {
+        return Math.abs(curr.blur - blur) < Math.abs(prev.blur - blur)
+            ? curr
+            : prev;
+    });
+    // Só retorna se for razoavelmente próximo
+    if (Math.abs(match.blur - blur) <= 3) {
+        return match.token;
+    }
+    return null;
+}
+/**
+ * Gera box-shadow a partir de effect do Figma
+ */
+export function generateBoxShadow(offsetX, offsetY, blur, spread, color) {
+    const shadowToken = findShadowToken(blur);
+    if (shadowToken) {
+        return shadowToken;
+    }
+    return `${offsetX}px ${offsetY}px ${blur}px ${spread}px ${color}`;
+}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Color Tokens
+ * Mapeamento de cores hex para tokens SCSS
+ */
+export interface IColorToken {
+    hex: string;
+    token: string;
+    category: 'brand' | 'semantic' | 'text' | 'background' | 'border';
+}
+export declare const DEFAULT_COLOR_TOKENS: IColorToken[];
+/**
+ * Converte cor RGBA do Figma para hex
+ */
+export declare function rgbaToHex(r: number, g: number, b: number, a?: number): string;
+/**
+ * Encontra o token mais próximo para uma cor
+ */
+export declare function findColorToken(hex: string, customTokens?: Record<string, string>): string | null;
+/**
+ * Gera mapa de cores para lookup rápido
+ */
+export declare function createColorMap(customTokens?: Record<string, string>): Map<string, string>;
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC;CACnE;AAED,eAAO,MAAM,oBAAoB,EAAE,WAAW,EA0B7C,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAa7E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,GAAG,IAAI,CAef;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAgBrB"}

package/dist/tokens/colors.js

@@ -0,0 +1,73 @@
+/**
+ * Color Tokens
+ * Mapeamento de cores hex para tokens SCSS
+ */
+export const DEFAULT_COLOR_TOKENS = [
+    // Brand
+    { hex: '#0098f9', token: '$color-primary', category: 'brand' },
+    { hex: '#5f6368', token: '$color-secondary', category: 'brand' },
+    // Semantic
+    { hex: '#34a853', token: '$color-success', category: 'semantic' },
+    { hex: '#ea4335', token: '$color-error', category: 'semantic' },
+    { hex: '#fbbc04', token: '$color-warning', category: 'semantic' },
+    // Text
+    { hex: '#000000', token: '$color-text-primary', category: 'text' },
+    { hex: '#4f4f4f', token: '$color-text-secondary', category: 'text' },
+    { hex: '#9c9c9c', token: '$color-text-tertiary', category: 'text' },
+    { hex: '#9aa0a6', token: '$color-text-disabled', category: 'text' },
+    { hex: '#ffffff', token: '$color-text-inverse', category: 'text' },
+    // Background
+    { hex: '#ffffff', token: '$color-bg-primary', category: 'background' },
+    { hex: '#f8f9fa', token: '$color-bg-secondary', category: 'background' },
+    { hex: '#e8eaed', token: '$color-bg-tertiary', category: 'background' },
+    // Border
+    { hex: '#dadce0', token: '$color-border', category: 'border' },
+    { hex: '#d8d8d8', token: '$color-border-primary', category: 'border' },
+    { hex: '#e8eaed', token: '$color-divider', category: 'border' },
+];
+/**
+ * Converte cor RGBA do Figma para hex
+ */
+export function rgbaToHex(r, g, b, a) {
+    const toHex = (n) => {
+        const hex = Math.round(n * 255).toString(16);
+        return hex.length === 1 ? '0' + hex : hex;
+    };
+    const hex = `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+    if (a !== undefined && a < 1) {
+        return `${hex}${toHex(a)}`;
+    }
+    return hex;
+}
+/**
+ * Encontra o token mais próximo para uma cor
+ */
+export function findColorToken(hex, customTokens) {
+    const normalizedHex = hex.toLowerCase();
+    // Primeiro verifica tokens customizados
+    if (customTokens) {
+        const customToken = customTokens[normalizedHex];
+        if (customToken)
+            return customToken;
+    }
+    // Depois verifica tokens padrão
+    const defaultToken = DEFAULT_COLOR_TOKENS.find((t) => t.hex.toLowerCase() === normalizedHex);
+    return defaultToken?.token ?? null;
+}
+/**
+ * Gera mapa de cores para lookup rápido
+ */
+export function createColorMap(customTokens) {
+    const map = new Map();
+    // Adiciona tokens padrão
+    for (const token of DEFAULT_COLOR_TOKENS) {
+        map.set(token.hex.toLowerCase(), token.token);
+    }
+    // Sobrescreve com tokens customizados
+    if (customTokens) {
+        for (const [hex, token] of Object.entries(customTokens)) {
+            map.set(hex.toLowerCase(), token);
+        }
+    }
+    return map;
+}

package/dist/tokens/index.d.ts

@@ -0,0 +1,5 @@
+export * from './colors.js';
+export * from './spacing.js';
+export * from './typography.js';
+export * from './borders.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,4 @@
+export * from './colors.js';
+export * from './spacing.js';
+export * from './typography.js';
+export * from './borders.js';

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Spacing Tokens
+ * Mapeamento de valores de espaçamento para tokens SCSS
+ */
+export interface ISpacingToken {
+    px: number;
+    token: string;
+}
+export declare const DEFAULT_SPACING_TOKENS: ISpacingToken[];
+export declare const DEFAULT_GAP_TOKENS: ISpacingToken[];
+/**
+ * Encontra o token de spacing mais próximo
+ */
+export declare function findSpacingToken(px: number, customTokens?: Record<number, string>): string;
+/**
+ * Encontra o token de gap mais próximo
+ */
+export declare function findGapToken(px: number, customTokens?: Record<number, string>): string;
+/**
+ * Gera string de padding a partir dos 4 valores
+ */
+export declare function generatePaddingToken(top: number, right: number, bottom: number, left: number, customTokens?: Record<number, string>): string;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,sBAAsB,EAAE,aAAa,EASjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAK7C,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAcR;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,EAAE,EAAE,MAAM,EACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAcR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAoBR"}

package/dist/tokens/spacing.js

@@ -0,0 +1,72 @@
+/**
+ * Spacing Tokens
+ * Mapeamento de valores de espaçamento para tokens SCSS
+ */
+export const DEFAULT_SPACING_TOKENS = [
+    { px: 0, token: '0' },
+    { px: 4, token: '$spacing-xs' },
+    { px: 8, token: '$spacing-sm' },
+    { px: 12, token: '$spacing-md - 4px' },
+    { px: 16, token: '$spacing-md' },
+    { px: 24, token: '$spacing-lg' },
+    { px: 32, token: '$spacing-xl' },
+    { px: 48, token: '$spacing-2xl' },
+];
+export const DEFAULT_GAP_TOKENS = [
+    { px: 4, token: '$gap-1' },
+    { px: 8, token: '$gap-2' },
+    { px: 12, token: '$gap-3' },
+    { px: 16, token: '$gap-4' },
+];
+/**
+ * Encontra o token de spacing mais próximo
+ */
+export function findSpacingToken(px, customTokens) {
+    // Token customizado exato
+    if (customTokens?.[px]) {
+        return customTokens[px];
+    }
+    // Token padrão exato
+    const exactMatch = DEFAULT_SPACING_TOKENS.find((t) => t.px === px);
+    if (exactMatch) {
+        return exactMatch.token;
+    }
+    // Se não encontrou exato, retorna o valor em px
+    return `${px}px`;
+}
+/**
+ * Encontra o token de gap mais próximo
+ */
+export function findGapToken(px, customTokens) {
+    // Token customizado exato
+    if (customTokens?.[px]) {
+        return customTokens[px];
+    }
+    // Token padrão exato
+    const exactMatch = DEFAULT_GAP_TOKENS.find((t) => t.px === px);
+    if (exactMatch) {
+        return exactMatch.token;
+    }
+    // Fallback para spacing token
+    return findSpacingToken(px, customTokens);
+}
+/**
+ * Gera string de padding a partir dos 4 valores
+ */
+export function generatePaddingToken(top, right, bottom, left, customTokens) {
+    const topToken = findSpacingToken(top, customTokens);
+    const rightToken = findSpacingToken(right, customTokens);
+    const bottomToken = findSpacingToken(bottom, customTokens);
+    const leftToken = findSpacingToken(left, customTokens);
+    // Otimiza o output
+    if (top === right && right === bottom && bottom === left) {
+        return topToken;
+    }
+    if (top === bottom && left === right) {
+        return `${topToken} ${rightToken}`;
+    }
+    if (left === right) {
+        return `${topToken} ${rightToken} ${bottomToken}`;
+    }
+    return `${topToken} ${rightToken} ${bottomToken} ${leftToken}`;
+}

package/dist/tokens/typography.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Typography Tokens
+ * Mapeamento de tipografia para tokens SCSS
+ */
+export interface IFontSizeToken {
+    px: number;
+    token: string;
+}
+export interface IFontWeightToken {
+    weight: number;
+    token: string;
+}
+export interface ILineHeightToken {
+    value: number;
+    token: string;
+}
+export declare const DEFAULT_FONT_SIZE_TOKENS: IFontSizeToken[];
+export declare const DEFAULT_FONT_WEIGHT_TOKENS: IFontWeightToken[];
+export declare const DEFAULT_LINE_HEIGHT_TOKENS: ILineHeightToken[];
+export declare const DEFAULT_FONT_FAMILY_TOKENS: Record<string, string>;
+/**
+ * Encontra token de font-size
+ */
+export declare function findFontSizeToken(px: number, customTokens?: Record<number, string>): string;
+/**
+ * Encontra token de font-weight
+ */
+export declare function findFontWeightToken(weight: number, customTokens?: Record<number, string>): string;
+/**
+ * Encontra token de line-height
+ */
+export declare function findLineHeightToken(value: number): string;
+/**
+ * Encontra token de font-family
+ */
+export declare function findFontFamilyToken(fontFamily: string): string;
+/**
+ * Gera propriedades de tipografia completas
+ */
+export declare function generateTypographyProperties(fontSize: number, fontWeight: number, lineHeight?: number, fontFamily?: string): Record<string, string>;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,EAAE,cAAc,EASpD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,EAMxD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,EAIxD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK7D,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAOR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAOR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYzD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAM9D;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,UAAU,CAAC,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAexB"}

package/dist/tokens/typography.js

@@ -0,0 +1,91 @@
+/**
+ * Typography Tokens
+ * Mapeamento de tipografia para tokens SCSS
+ */
+export const DEFAULT_FONT_SIZE_TOKENS = [
+    { px: 12, token: '$font-size-xs' },
+    { px: 14, token: '$font-size-sm' },
+    { px: 16, token: '$font-size-md' },
+    { px: 18, token: '$font-size-lg' },
+    { px: 20, token: '$font-size-xl' },
+    { px: 24, token: '$font-size-2xl' },
+    { px: 28, token: '$font-size-h1' },
+    { px: 32, token: '$font-size-3xl' },
+];
+export const DEFAULT_FONT_WEIGHT_TOKENS = [
+    { weight: 300, token: '$font-weight-light' },
+    { weight: 400, token: '$font-weight-regular' },
+    { weight: 500, token: '$font-weight-medium' },
+    { weight: 600, token: '$font-weight-semibold' },
+    { weight: 700, token: '$font-weight-bold' },
+];
+export const DEFAULT_LINE_HEIGHT_TOKENS = [
+    { value: 1.25, token: '$line-height-tight' },
+    { value: 1.5, token: '$line-height-normal' },
+    { value: 1.75, token: '$line-height-relaxed' },
+];
+export const DEFAULT_FONT_FAMILY_TOKENS = {
+    'Inter': '$font-family-body',
+    'Objective': '$font-family-heading',
+    'Roboto': '$font-family-body',
+    'SF Pro': '$font-family-body',
+};
+/**
+ * Encontra token de font-size
+ */
+export function findFontSizeToken(px, customTokens) {
+    if (customTokens?.[px]) {
+        return customTokens[px];
+    }
+    const match = DEFAULT_FONT_SIZE_TOKENS.find((t) => t.px === px);
+    return match?.token ?? `${px}px`;
+}
+/**
+ * Encontra token de font-weight
+ */
+export function findFontWeightToken(weight, customTokens) {
+    if (customTokens?.[weight]) {
+        return customTokens[weight];
+    }
+    const match = DEFAULT_FONT_WEIGHT_TOKENS.find((t) => t.weight === weight);
+    return match?.token ?? `${weight}`;
+}
+/**
+ * Encontra token de line-height
+ */
+export function findLineHeightToken(value) {
+    // Se é valor em pixels, converte para ratio aproximado
+    if (value > 3) {
+        // Provavelmente é lineHeightPx, precisa do fontSize para calcular
+        return `${value}px`;
+    }
+    const match = DEFAULT_LINE_HEIGHT_TOKENS.find((t) => {
+        return Math.abs(t.value - value) < 0.1;
+    });
+    return match?.token ?? `${value}`;
+}
+/**
+ * Encontra token de font-family
+ */
+export function findFontFamilyToken(fontFamily) {
+    // Normaliza o nome da fonte
+    const normalized = fontFamily.split(',')[0].trim().replace(/["']/g, '');
+    const token = DEFAULT_FONT_FAMILY_TOKENS[normalized];
+    return token ?? `"${fontFamily}"`;
+}
+/**
+ * Gera propriedades de tipografia completas
+ */
+export function generateTypographyProperties(fontSize, fontWeight, lineHeight, fontFamily) {
+    const props = {
+        'font-size': findFontSizeToken(fontSize),
+        'font-weight': findFontWeightToken(fontWeight),
+    };
+    if (lineHeight) {
+        props['line-height'] = findLineHeightToken(lineHeight);
+    }
+    if (fontFamily) {
+        props['font-family'] = findFontFamilyToken(fontFamily);
+    }
+    return props;
+}

package/dist/types/ast.types.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Component AST Types
+ * Representação intermediária do componente antes da geração de código
+ */
+export type ComponentLayer = 'atoms' | 'molecules' | 'organisms';
+export interface IComponentAST {
+    /** Nome do componente em PascalCase */
+    name: string;
+    /** Nome do arquivo em kebab-case */
+    fileName: string;
+    /** Camada do Atomic Design */
+    layer: ComponentLayer;
+    /** Definições de props */
+    props: IPropDefinition[];
+    /** Árvore JSX */
+    jsx: IJSXNode;
+    /** Blocos de estilo */
+    styles: IStyleBlock[];
+    /** Variantes do componente */
+    variants?: IVariant[];
+    /** Imports necessários */
+    imports?: IImportStatement[];
+}
+export interface IPropDefinition {
+    /** Nome da prop */
+    name: string;
+    /** Tipo TypeScript */
+    type: string;
+    /** Se é obrigatória */
+    required: boolean;
+    /** Valor padrão */
+    defaultValue?: string | boolean | number;
+    /** Descrição para JSDoc */
+    description?: string;
+}
+export interface IJSXNode {
+    /** Tag HTML ou componente */
+    tag: string;
+    /** Classe CSS (BEM) */
+    className?: string;
+    /** Props do elemento */
+    props: Record<string, string | boolean | IJSXExpression>;
+    /** Filhos: outros nodes ou texto */
+    children: Array<IJSXNode | IJSXText | IJSXExpression>;
+    /** Se é self-closing */
+    selfClosing?: boolean;
+}
+export interface IJSXText {
+    type: 'text';
+    value: string;
+}
+export interface IJSXExpression {
+    type: 'expression';
+    value: string;
+}
+export interface IStyleBlock {
+    /** Seletor BEM: .component, .component__element, .component--modifier */
+    selector: string;
+    /** Propriedades CSS */
+    properties: IStyleProperty[];
+    /** Blocos aninhados (pseudo-elementos, media queries) */
+    nested?: IStyleBlock[];
+}
+export interface IStyleProperty {
+    /** Propriedade CSS */
+    property: string;
+    /** Valor (pode ser token ou valor direto) */
+    value: string;
+    /** Nome do token SCSS se aplicável */
+    token?: string;
+    /** Comentário explicativo */
+    comment?: string;
+}
+export interface IVariant {
+    /** Nome da variante */
+    name: string;
+    /** Valores possíveis */
+    values: string[];
+    /** Prop associada */
+    propName: string;
+    /** Modificadores CSS para cada valor */
+    modifiers: Record<string, IStyleBlock>;
+}
+export interface IImportStatement {
+    /** Módulo/caminho */
+    from: string;
+    /** Imports nomeados */
+    named?: string[];
+    /** Import default */
+    default?: string;
+    /** Se é type-only import */
+    typeOnly?: boolean;
+}
+/**
+ * Resultado da geração de código
+ */
+export interface IGeneratedCode {
+    /** Código TSX do componente */
+    tsx: string;
+    /** Código SCSS */
+    scss: string;
+    /** Código do index.ts */
+    index: string;
+}
+/**
+ * Metadados extraídos do nome do frame no Figma
+ */
+export interface IParsedFrameName {
+    /** Nome base do componente */
+    baseName: string;
+    /** Variantes extraídas do nome (ex: Primary, Large) */
+    variants: string[];
+    /** Se tem prefixo # (componente exportável) */
+    isExportable: boolean;
+    /** Se tem prefixo _ (elemento interno) */
+    isInternal: boolean;
+    /** Props extraídas (ex: $prop:title) */
+    extractedProps: Array<{
+        name: string;
+        type: string;
+    }>;
+}
+//# sourceMappingURL=ast.types.d.ts.map

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

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

package/dist/types/ast.types.js

@@ -0,0 +1,5 @@
+/**
+ * Component AST Types
+ * Representação intermediária do componente antes da geração de código
+ */
+export {};