@promptui-lib/figma-parser 0.1.19 → 0.1.20

package/dist/parser/index.d.ts

@@ -1,10 +1,10 @@
-export { parseLayout, parseSizing, parseLayoutAndSizing } from './layout-parser.js';
+export { parseLayout, parseSizing, parseLayoutAndSizing, parsePadding } from './layout-parser.js';
 export type { ILayoutProperties } from './layout-parser.js';
 export { parseStyles, parseBackgroundColor, parseBorder, parseBorderRadius, parseBoxShadow } from './style-parser.js';
 export type { IStyleProperties } from './style-parser.js';
 export { parseTextStyles, extractTextContent } from './text-parser.js';
 export type { ITextProperties } from './text-parser.js';
-export { parsePosition, parseContainerPosition, hasAutoLayout } from './position-parser.js';
+export { parsePosition, parseContainerPosition, hasAutoLayout, isAbsolutelyPositioned } from './position-parser.js';
 export type { IPositionProperties } from './position-parser.js';
 export { parseNode, parseNodes, parseFrameName } from './node-parser.js';
 export type { IParseOptions } from './node-parser.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/parser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACpF,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACtH,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC5F,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACzE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/parser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClG,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACtH,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACpH,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACzE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/parser/index.js

@@ -1,6 +1,6 @@
-export { parseLayout, parseSizing, parseLayoutAndSizing } from './layout-parser.js';
+export { parseLayout, parseSizing, parseLayoutAndSizing, parsePadding } from './layout-parser.js';
 export { parseStyles, parseBackgroundColor, parseBorder, parseBorderRadius, parseBoxShadow } from './style-parser.js';
 export { parseTextStyles, extractTextContent } from './text-parser.js';
-export { parsePosition, parseContainerPosition, hasAutoLayout } from './position-parser.js';
+export { parsePosition, parseContainerPosition, hasAutoLayout, isAbsolutelyPositioned } from './position-parser.js';
 export { parseNode, parseNodes, parseFrameName } from './node-parser.js';
 export { detectSemanticTag, normalizeName, getSemanticAttributes } from './semantic-detector.js';

package/dist/parser/layout-parser.d.ts

@@ -15,16 +15,22 @@ export interface ILayoutProperties {
     flex?: IStyleProperty;
     flexWrap?: IStyleProperty;
 }
+/**
+ * Parseia padding de um node (funciona com ou sem Auto Layout)
+ */
+export declare function parsePadding(node: IFigmaNode): IStyleProperty | null;
 /**
  * Parseia AutoLayout de um node
  */
 export declare function parseLayout(node: IFigmaNode): ILayoutProperties;
 /**
  * Parseia sizing de um node
+ * @param isRoot - indica se é o node raiz do componente
  */
-export declare function parseSizing(node: IFigmaNode): ILayoutProperties;
+export declare function parseSizing(node: IFigmaNode, isRoot?: boolean): ILayoutProperties;
 /**
  * Combina layout e sizing
+ * @param isRoot - indica se é o node raiz do componente
  */
-export declare function parseLayoutAndSizing(node: IFigmaNode): IStyleProperty[];
+export declare function parseLayoutAndSizing(node: IFigmaNode, isRoot?: boolean): IStyleProperty[];
 //# sourceMappingURL=layout-parser.d.ts.map

package/dist/parser/layout-parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-parser.d.ts","sourceRoot":"","sources":["../../src/parser/layout-parser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA4BrE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,iBAAiB,CA2F/D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,iBAAiB,CAoE/D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,EAAE,CASvE"}
+{"version":3,"file":"layout-parser.d.ts","sourceRoot":"","sources":["../../src/parser/layout-parser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA4BrE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAuBpE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,iBAAiB,CA2F/D;AAwBD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,GAAE,OAAe,GAAG,iBAAiB,CA+ExF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,GAAE,OAAe,GAAG,cAAc,EAAE,CAShG"}

package/dist/parser/layout-parser.js

@@ -26,6 +26,24 @@ function formatPixels(value) {
     }
     return `${rounded}px`;
 }
+/**
+ * Parseia padding de um node (funciona com ou sem Auto Layout)
+ */
+export function parsePadding(node) {
+    const hasPadding = node.paddingTop ||
+        node.paddingRight ||
+        node.paddingBottom ||
+        node.paddingLeft;
+    if (!hasPadding) {
+        return null;
+    }
+    const paddingToken = generatePaddingToken(node.paddingTop ?? 0, node.paddingRight ?? 0, node.paddingBottom ?? 0, node.paddingLeft ?? 0);
+    return {
+        property: 'padding',
+        value: paddingToken,
+        token: paddingToken.startsWith('$') ? paddingToken : undefined,
+    };
+}
 /**
  * Parseia AutoLayout de um node
  */
@@ -102,11 +120,32 @@ export function parseLayout(node) {
     }
     return properties;
 }
+/**
+ * Detecta se o node é uma tela/página (root component que deve ocupar viewport)
+ */
+function isScreenNode(node) {
+    const name = node.name.toLowerCase().replace(/^#/, '');
+    const screenPatterns = /screen|page|view|layout|template|tela|pagina/i;
+    // Verifica se é uma tela pelo nome
+    if (screenPatterns.test(name)) {
+        return true;
+    }
+    // Verifica se tem dimensões típicas de tela (>= 320px width e >= 568px height)
+    const box = node.absoluteBoundingBox;
+    if (box && box.width >= 320 && box.height >= 568) {
+        // Se é um frame de nível superior com dimensões de tela
+        return true;
+    }
+    return false;
+}
 /**
  * Parseia sizing de um node
+ * @param isRoot - indica se é o node raiz do componente
  */
-export function parseSizing(node) {
+export function parseSizing(node, isRoot = false) {
     const properties = {};
+    // Se é o node raiz e é uma tela, usa viewport units
+    const isScreen = isRoot && isScreenNode(node);
     // Width
     if (node.layoutSizingHorizontal) {
         switch (node.layoutSizingHorizontal) {
@@ -126,17 +165,17 @@ export function parseSizing(node) {
                 if (node.absoluteBoundingBox?.width) {
                     properties.width = {
                         property: 'width',
-                        value: formatPixels(node.absoluteBoundingBox.width),
+                        value: isScreen ? '100vw' : formatPixels(node.absoluteBoundingBox.width),
                     };
                 }
                 break;
         }
     }
     else if (node.absoluteBoundingBox?.width) {
-        // Fallback: Se não tem layoutSizing mas tem dimensões, usa o tamanho absoluto
+        // Fallback: Se não tem layoutSizing mas tem dimensões
         properties.width = {
             property: 'width',
-            value: formatPixels(node.absoluteBoundingBox.width),
+            value: isScreen ? '100vw' : formatPixels(node.absoluteBoundingBox.width),
         };
     }
     // Height
@@ -158,27 +197,35 @@ export function parseSizing(node) {
                 if (node.absoluteBoundingBox?.height) {
                     properties.height = {
                         property: 'height',
-                        value: formatPixels(node.absoluteBoundingBox.height),
+                        value: isScreen ? '100vh' : formatPixels(node.absoluteBoundingBox.height),
                     };
                 }
                 break;
         }
     }
     else if (node.absoluteBoundingBox?.height) {
-        // Fallback: Se não tem layoutSizing mas tem dimensões, usa o tamanho absoluto
+        // Fallback: Se não tem layoutSizing mas tem dimensões
         properties.height = {
             property: 'height',
-            value: formatPixels(node.absoluteBoundingBox.height),
+            value: isScreen ? '100vh' : formatPixels(node.absoluteBoundingBox.height),
+        };
+    }
+    // Para screens, adiciona overflow hidden para evitar scroll
+    if (isScreen) {
+        properties.flex = {
+            property: 'overflow',
+            value: 'hidden',
         };
     }
     return properties;
 }
 /**
  * Combina layout e sizing
+ * @param isRoot - indica se é o node raiz do componente
  */
-export function parseLayoutAndSizing(node) {
+export function parseLayoutAndSizing(node, isRoot = false) {
     const layout = parseLayout(node);
-    const sizing = parseSizing(node);
+    const sizing = parseSizing(node, isRoot);
     const combined = { ...layout, ...sizing };
     return Object.values(combined).filter((prop) => prop !== undefined);
 }

package/dist/parser/node-parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-parser.d.ts","sourceRoot":"","sources":["../../src/parser/node-parser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EAMb,cAAc,EACd,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAiB5B,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAwB7D;AAuND;;GAEG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,UAAU,EAChB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CA6Cf;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EAAE,EACnB,OAAO,GAAE,aAAkB,GAC1B,aAAa,EAAE,CAEjB"}
+{"version":3,"file":"node-parser.d.ts","sourceRoot":"","sources":["../../src/parser/node-parser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EAOb,cAAc,EACd,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAiB5B,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAwB7D;AA+RD;;GAEG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,UAAU,EAChB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CA6Cf;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EAAE,EACnB,OAAO,GAAE,aAAkB,GAC1B,aAAa,EAAE,CAEjB"}

package/dist/parser/node-parser.js

@@ -3,11 +3,11 @@
  * Parser principal que converte node do Figma em AST do componente
  */
 import { generateComponentName, generateFileName, generateBEMBlock, generateBEMElement, classifyComponent, extractBaseName, extractVariants, isComponentNode, } from '@promptui-lib/core';
-import { parseLayoutAndSizing, parseSizing } from './layout-parser.js';
+import { parseLayoutAndSizing, parseSizing, parsePadding } from './layout-parser.js';
 import { parseStyles } from './style-parser.js';
 import { parseTextStyles } from './text-parser.js';
 import { detectSemanticTag, normalizeName, getSemanticAttributes } from './semantic-detector.js';
-import { parsePosition, parseContainerPosition } from './position-parser.js';
+import { parsePosition, parseContainerPosition, hasAutoLayout } from './position-parser.js';
 /**
  * Parseia o nome do frame para extrair informações
  */
@@ -32,6 +32,44 @@ export function parseFrameName(name) {
         extractedProps,
     };
 }
+/**
+ * Verifica se um node deve ser exportado como asset (SVG/imagem)
+ * Tipos que são gráficos vetoriais ou ícones devem ser exportados como SVG
+ */
+function isAssetNode(node) {
+    // Tipos de nodes que são gráficos vetoriais
+    const vectorTypes = ['VECTOR', 'BOOLEAN_OPERATION', 'STAR', 'LINE', 'ELLIPSE', 'REGULAR_POLYGON'];
+    if (vectorTypes.includes(node.type)) {
+        return true;
+    }
+    // Verifica se o nome indica que é um ícone
+    const name = node.name.toLowerCase();
+    if (/^(icon|ico|icone|svg)[-_]?/i.test(name) || name.includes('-icon') || name.includes('_icon')) {
+        return true;
+    }
+    // Frames pequenos (< 64x64) com fills complexos podem ser ícones
+    if (node.type === 'FRAME' && node.absoluteBoundingBox) {
+        const { width, height } = node.absoluteBoundingBox;
+        if (width <= 64 && height <= 64) {
+            // Verifica se tem apenas elementos vetoriais como filhos
+            const hasOnlyVectors = node.children?.every((child) => vectorTypes.includes(child.type) || child.type === 'GROUP');
+            if (hasOnlyVectors && node.children && node.children.length > 0) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+/**
+ * Gera nome seguro para arquivo de asset
+ */
+function generateAssetFileName(nodeName, blockName) {
+    const cleanName = nodeName
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+    return `${blockName}-${cleanName || 'icon'}`;
+}
 /**
  * Converte um node em elemento JSX
  * Se o filho for um componente (marcado com #), retorna IJSXComponent em vez de JSX inline
@@ -74,6 +112,22 @@ function nodeToJSX(node, blockName, depth = 0, parentNode, usedTags) {
                     fileName: childFileName,
                 });
             }
+            else if (isAssetNode(child)) {
+                // Se é um asset (ícone/vetor), cria referência para exportação
+                const childNormalizedName = normalizeName(child.name);
+                const childElementName = childNormalizedName.replace(/\s+/g, '-');
+                const childClassName = generateBEMElement(blockName, childElementName);
+                children.push({
+                    type: 'asset',
+                    nodeId: child.id,
+                    fileName: generateAssetFileName(child.name, blockName),
+                    format: 'svg',
+                    className: childClassName,
+                    alt: childNormalizedName,
+                    width: child.absoluteBoundingBox?.width,
+                    height: child.absoluteBoundingBox?.height,
+                });
+            }
             else {
                 children.push(nodeToJSX(child, blockName, depth + 1, node, tagsSet));
             }
@@ -110,12 +164,20 @@ function collectStyles(node, blockName, depth = 0, parentNode) {
     // Para GROUP: extrai sizing e position: relative (container sem flex)
     // Para outros tipos (RECTANGLE, etc): extrai apenas sizing (width, height)
     if (node.type === 'FRAME' || node.type === 'COMPONENT' || node.type === 'INSTANCE') {
-        properties.push(...parseLayoutAndSizing(node));
+        properties.push(...parseLayoutAndSizing(node, isRoot));
         // Se é um container sem Auto Layout, adiciona position: relative
         const containerPos = parseContainerPosition(node);
         if (containerPos) {
             properties.push(containerPos);
         }
+        // Extrai padding mesmo se não tem Auto Layout (para elementos como inputs)
+        // parseLayoutAndSizing já extrai padding quando tem Auto Layout, mas não quando não tem
+        if (!hasAutoLayout(node)) {
+            const paddingProp = parsePadding(node);
+            if (paddingProp) {
+                properties.push(paddingProp);
+            }
+        }
     }
     else if (node.type === 'GROUP') {
         // GROUPs são containers visuais - precisam de position: relative e sizing

package/dist/parser/position-parser.d.ts

@@ -16,6 +16,11 @@ export interface IPositionProperties {
  * Verifica se um node pai tem Auto Layout
  */
 export declare function hasAutoLayout(node: IFigmaNode): boolean;
+/**
+ * Verifica se um node está posicionado absolutamente
+ * (mesmo dentro de um container com Auto Layout)
+ */
+export declare function isAbsolutelyPositioned(node: IFigmaNode): boolean;
 /**
  * Parseia constraints e posição de um node
  */

package/dist/parser/position-parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position-parser.d.ts","sourceRoot":"","sources":["../../src/parser/position-parser.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAoBD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEvD;AAwBD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,UAAU,CAAC,EAAE,UAAU,GACtB,cAAc,EAAE,CAmIlB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAM/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAQ9E"}
+{"version":3,"file":"position-parser.d.ts","sourceRoot":"","sources":["../../src/parser/position-parser.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAoBD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEvD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEhE;AAwBD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,UAAU,CAAC,EAAE,UAAU,GACtB,cAAc,EAAE,CA6IlB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAa/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAQ9E"}

package/dist/parser/position-parser.js

@@ -25,6 +25,13 @@ function formatPixels(value) {
 export function hasAutoLayout(node) {
     return node.layoutMode !== undefined && node.layoutMode !== 'NONE';
 }
+/**
+ * Verifica se um node está posicionado absolutamente
+ * (mesmo dentro de um container com Auto Layout)
+ */
+export function isAbsolutelyPositioned(node) {
+    return node.layoutPositioning === 'ABSOLUTE';
+}
 /**
  * Calcula a posição relativa de um filho em relação ao pai
  */
@@ -46,8 +53,16 @@ function calculateRelativePosition(child, parent) {
  */
 export function parsePosition(node, parentNode) {
     const properties = [];
-    // Se não tem pai ou o pai tem Auto Layout, não precisa de posicionamento absoluto
-    if (!parentNode || hasAutoLayout(parentNode)) {
+    if (!parentNode) {
+        return properties;
+    }
+    // Verifica se o node precisa de posicionamento absoluto:
+    // 1. O pai NÃO tem Auto Layout, OU
+    // 2. O node tem layoutPositioning: 'ABSOLUTE' (absoluto dentro de Auto Layout)
+    const parentHasAutoLayout = hasAutoLayout(parentNode);
+    const nodeIsAbsolute = isAbsolutelyPositioned(node);
+    if (parentHasAutoLayout && !nodeIsAbsolute) {
+        // Pai tem Auto Layout e o node não é absoluto - não precisa de posicionamento
         return properties;
     }
     // Calcula posição relativa
@@ -56,7 +71,7 @@ export function parsePosition(node, parentNode) {
         return properties;
     }
     const constraints = node.constraints;
-    // Se é um elemento dentro de um container sem Auto Layout, usa posição absoluta
+    // Elemento precisa de posição absoluta
     properties.push({
         property: 'position',
         value: 'absolute',
@@ -176,11 +191,16 @@ export function parsePosition(node, parentNode) {
  * (necessário quando tem filhos com position: absolute)
  */
 export function needsRelativePosition(node) {
-    // Se não tem Auto Layout e tem filhos, precisa de relative
-    if (!hasAutoLayout(node) && node.children && node.children.length > 0) {
+    if (!node.children || node.children.length === 0) {
+        return false;
+    }
+    // Se não tem Auto Layout, precisa de relative (todos os filhos serão absolutos)
+    if (!hasAutoLayout(node)) {
         return true;
     }
-    return false;
+    // Se tem Auto Layout, verifica se algum filho tem layoutPositioning: 'ABSOLUTE'
+    const hasAbsoluteChild = node.children.some((child) => isAbsolutelyPositioned(child));
+    return hasAbsoluteChild;
 }
 /**
  * Parseia position: relative para containers sem Auto Layout

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptui-lib/figma-parser",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "private": false,
   "description": "Figma API client and parser for PromptUI",
   "license": "UNLICENSED",
@@ -30,7 +30,7 @@
     "dist"
   ],
   "dependencies": {
-    "@promptui-lib/core": "0.1.19"
+    "@promptui-lib/core": "0.1.20"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",