@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

package/dist/engine/presets/heroVariations.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroVariations.js","sources":["../../../src/engine/presets/heroVariations.ts"],"sourcesContent":["/**\n * Presets de variações do bloco Hero\n * Imagens padrão são placeholders visíveis; o usuário pode trocar por upload ou URL.\n */\n\nimport type { HeroVariationId } from \"../schema/siteDocument\";\n\n/** URL de imagem placeholder que funciona no editor e no site (sem depender de /site-images/) */\nexport const PLACEHOLDER_IMAGE_URL =\n  \"https://placehold.co/1200x800/e2e8f0/64748b?text=Imagem+Hero\";\n\nexport const HERO_IMAGE_NAMES = [\n  \"20221121_00_ensino_ciencias_molecula.jpg\",\n  \"escolaweb-capas-artigos-5-maneiras-de-engajar-os-alunos-nas-atividades-escolares-1.jpg\",\n  \"metodo-tradicional-de-ensino-do-Brasil.jpg\",\n  \"niveis-e-modalidades-de-ensino-da-Educacao-Basica-scaled.jpg\",\n] as const;\n\nexport interface HeroVariationPreset {\n  id: HeroVariationId;\n  name: string;\n  defaultProps: {\n    variation: HeroVariationId;\n    variant: \"centered\" | \"split\" | \"image-bg\" | \"video-bg\";\n    title: string;\n    subtitle?: string;\n    description?: string;\n    primaryButton?: { text: string; href?: string };\n    secondaryButton?: { text: string; href?: string };\n    image?: string;\n    badge?: string;\n    align?: \"left\" | \"center\" | \"right\";\n    minHeight?: string;\n    overlay?: boolean;\n    overlayColor?: string;\n    background?: string;\n    // Typography\n    titleColor?: string;\n    subtitleColor?: string;\n    descriptionColor?: string;\n    // Badge\n    badgeColor?: string;\n    badgeTextColor?: string;\n    // Layout\n    contentMaxWidth?: string;\n    paddingY?: string;\n    // Image\n    imageRadius?: number;\n    imageShadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n    imagePosition?: \"left\" | \"right\";\n    // Buttons\n    buttonSize?: \"sm\" | \"md\" | \"lg\";\n    primaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n    primaryButtonColor?: string;\n    primaryButtonTextColor?: string;\n    primaryButtonRadius?: number;\n    secondaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n    secondaryButtonColor?: string;\n    secondaryButtonTextColor?: string;\n    secondaryButtonRadius?: number;\n    // Decorative\n    showWave?: boolean;\n    waveColor?: string;\n  };\n}\n\nexport const heroVariations: Record<HeroVariationId, HeroVariationPreset> = {\n  // ============================================================================\n  // HERO SPLIT - Layout dividido (conteúdo + imagem)\n  // ============================================================================\n  \"hero-split\": {\n    id: \"hero-split\",\n    name: \"Dividido\",\n    defaultProps: {\n      variation: \"hero-split\",\n      variant: \"split\",\n      title: \"Educação que transforma\",\n      subtitle: \"Metodologias ativas e suporte dedicado\",\n      description:\n        \"Conteúdo alinhado à Base Nacional Comum Curricular, com foco em competências e habilidades para o mundo atual.\",\n      primaryButton: { text: \"Conhecer cursos\", href: \"#courses\" },\n      secondaryButton: { text: \"Fale conosco\", href: \"#contact\" },\n      align: \"left\",\n      minHeight: \"600px\",\n      imageRadius: 16,\n      imageShadow: \"lg\",\n      imagePosition: \"right\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"outline\",\n      primaryButtonRadius: 8,\n      secondaryButtonRadius: 8,\n    },\n  },\n\n  // ============================================================================\n  // HERO PARALLAX - Efeito de parallax com imagem fixa\n  // ============================================================================\n  \"hero-parallax\": {\n    id: \"hero-parallax\",\n    name: \"Parallax\",\n    defaultProps: {\n      variation: \"hero-parallax\",\n      variant: \"image-bg\",\n      title: \"Ensino de qualidade para todos\",\n      subtitle: \"Do tradicional ao contemporâneo\",\n      description:\n        \"Integramos as melhores práticas pedagógicas para formar cidadãos críticos e criativos.\",\n      primaryButton: { text: \"Saiba mais\", href: \"#about\" },\n      secondaryButton: { text: \"Matricule-se\", href: \"#enroll\" },\n      overlay: true,\n      overlayColor: \"linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%)\",\n      align: \"center\",\n      minHeight: \"85vh\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#e5e7eb\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"outline\",\n      secondaryButtonColor: \"#ffffff\",\n      secondaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 8,\n      secondaryButtonRadius: 8,\n    },\n  },\n\n  // ============================================================================\n  // HERO OVERLAY - Fullscreen com overlay escuro\n  // ============================================================================\n  \"hero-overlay\": {\n    id: \"hero-overlay\",\n    name: \"Fullscreen\",\n    defaultProps: {\n      variation: \"hero-overlay\",\n      variant: \"image-bg\",\n      title: \"Engaje seus alunos nas atividades escolares\",\n      subtitle: \"5 maneiras comprovadas de aumentar a participação\",\n      badge: \"Destaque\",\n      primaryButton: { text: \"Ver artigos\", href: \"#blog\" },\n      secondaryButton: { text: \"Aula grátis\", href: \"#trial\" },\n      overlay: true,\n      overlayColor: \"linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%)\",\n      align: \"center\",\n      minHeight: \"100vh\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#d1d5db\",\n      badgeColor: \"#3b82f6\",\n      badgeTextColor: \"#ffffff\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"ghost\",\n      secondaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 50,\n      secondaryButtonRadius: 50,\n    },\n  },\n\n  // ============================================================================\n  // HERO GRADIENT - Fundo gradiente vibrante (SEM imagem)\n  // ============================================================================\n  \"hero-gradient\": {\n    id: \"hero-gradient\",\n    name: \"Gradiente\",\n    defaultProps: {\n      variation: \"hero-gradient\",\n      variant: \"centered\",\n      title: \"Transforme o futuro da educação\",\n      subtitle: \"Plataforma completa para gestão escolar\",\n      description:\n        \"Simplifique processos, engaje alunos e pais, e tenha controle total da sua instituição com nossa solução integrada.\",\n      primaryButton: { text: \"Começar grátis\", href: \"#trial\" },\n      secondaryButton: { text: \"Ver demonstração\", href: \"#demo\" },\n      badge: \"Novo\",\n      align: \"center\",\n      minHeight: \"90vh\",\n      // Gradiente vibrante azul/roxo\n      background: \"linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%)\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#e5e7eb\",\n      badgeColor: \"rgba(255,255,255,0.2)\",\n      badgeTextColor: \"#ffffff\",\n      contentMaxWidth: \"800px\",\n      // Botões brancos/transparentes para contraste\n      primaryButtonVariant: \"solid\",\n      primaryButtonColor: \"#ffffff\",\n      primaryButtonTextColor: \"#667eea\",\n      primaryButtonRadius: 50,\n      secondaryButtonVariant: \"outline\",\n      secondaryButtonColor: \"#ffffff\",\n      secondaryButtonTextColor: \"#ffffff\",\n      secondaryButtonRadius: 50,\n      // Onda decorativa\n      showWave: true,\n      waveColor: \"rgba(255,255,255,0.1)\",\n    },\n  },\n\n  // ============================================================================\n  // HERO MINIMAL - Design limpo e minimalista\n  // ============================================================================\n  \"hero-minimal\": {\n    id: \"hero-minimal\",\n    name: \"Minimal\",\n    defaultProps: {\n      variation: \"hero-minimal\",\n      variant: \"centered\",\n      title: \"Educação simplificada\",\n      subtitle: \"Menos complexidade, mais aprendizado\",\n      description:\n        \"Uma abordagem moderna e direta para o ensino de qualidade. Foco no que realmente importa.\",\n      primaryButton: { text: \"Explorar\", href: \"#explore\" },\n      align: \"center\",\n      minHeight: \"70vh\",\n      background: \"#fafafa\",\n      titleColor: \"#111827\",\n      subtitleColor: \"#4b5563\",\n      descriptionColor: \"#6b7280\",\n      contentMaxWidth: \"700px\",\n      paddingY: \"120px\",\n      // Botão único, estilo minimalista\n      primaryButtonVariant: \"solid\",\n      primaryButtonColor: \"#111827\",\n      primaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 4,\n      buttonSize: \"lg\",\n    },\n  },\n\n  // ============================================================================\n  // HERO CARD - Conteúdo em card flutuante sobre imagem\n  // ============================================================================\n  \"hero-card\": {\n    id: \"hero-card\",\n    name: \"Card\",\n    defaultProps: {\n      variation: \"hero-card\",\n      variant: \"image-bg\",\n      title: \"Aprenda com os melhores\",\n      subtitle: \"Professores qualificados e conteúdo atualizado\",\n      description:\n        \"Nossa equipe de educadores está pronta para guiar você em uma jornada de conhecimento transformadora.\",\n      primaryButton: { text: \"Matricule-se\", href: \"#enroll\" },\n      secondaryButton: { text: \"Conheça o time\", href: \"#team\" },\n      badge: \"Matrículas Abertas\",\n      overlay: true,\n      overlayColor: \"rgba(0,0,0,0.3)\",\n      align: \"left\",\n      minHeight: \"70vh\",\n      paddingY: \"6rem\",\n      // Card styling (cores do card)\n      background: \"#ffffff\",\n      titleColor: \"#111827\",\n      subtitleColor: \"#374151\",\n      descriptionColor: \"#6b7280\",\n      badgeColor: \"#10b981\",\n      badgeTextColor: \"#ffffff\",\n      contentMaxWidth: \"450px\",\n      // Botões dentro do card\n      primaryButtonVariant: \"solid\",\n      primaryButtonRadius: 8,\n      secondaryButtonVariant: \"ghost\",\n      secondaryButtonRadius: 8,\n      // Imagem\n      imageRadius: 0,\n      imageShadow: \"none\",\n    },\n  },\n};\n\nexport const heroVariationIds: HeroVariationId[] = [\n  \"hero-split\",\n  \"hero-parallax\",\n  \"hero-overlay\",\n  \"hero-gradient\",\n  \"hero-minimal\",\n  \"hero-card\",\n];\n\nexport function getHeroVariation(id: HeroVariationId): HeroVariationPreset {\n  return heroVariations[id];\n}\n"],"names":["PLACEHOLDER_IMAGE_URL","HERO_IMAGE_NAMES","heroVariations","heroVariationIds","getHeroVariation","id"],"mappings":"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"}
+{"version":3,"file":"heroVariations.js","sources":["../../../src/engine/presets/heroVariations.ts"],"sourcesContent":["/**\n * Presets de variações do bloco Hero\n * Imagens padrão são placeholders visíveis; o usuário pode trocar por upload ou URL.\n */\n\nimport type { HeroVariationId } from \"../schema/siteDocument\";\n\n/** URL de imagem placeholder que funciona no editor e no site (sem depender de /site-images/) */\nexport const PLACEHOLDER_IMAGE_URL =\n  \"https://placehold.co/1200x800/e2e8f0/64748b?text=Imagem+Hero\";\n\n/** Imagens placeholder para o carrossel de hero */\nexport const CAROUSEL_PLACEHOLDER_IMAGES = [\n  \"https://placehold.co/1920x1080/1e3a5f/ffffff?text=Slide+1\",\n  \"https://placehold.co/1920x1080/2d5016/ffffff?text=Slide+2\",\n  \"https://placehold.co/1920x1080/5a1a2e/ffffff?text=Slide+3\",\n];\n\nexport const HERO_IMAGE_NAMES = [\n  \"20221121_00_ensino_ciencias_molecula.jpg\",\n  \"escolaweb-capas-artigos-5-maneiras-de-engajar-os-alunos-nas-atividades-escolares-1.jpg\",\n  \"metodo-tradicional-de-ensino-do-Brasil.jpg\",\n  \"niveis-e-modalidades-de-ensino-da-Educacao-Basica-scaled.jpg\",\n] as const;\n\nexport interface HeroVariationPreset {\n  id: HeroVariationId;\n  name: string;\n  defaultProps: {\n    variation: HeroVariationId;\n    variant: \"centered\" | \"split\" | \"image-bg\" | \"video-bg\";\n    title: string;\n    subtitle?: string;\n    description?: string;\n    primaryButton?: { text: string; href?: string };\n    secondaryButton?: { text: string; href?: string };\n    image?: string;\n    badge?: string;\n    align?: \"left\" | \"center\" | \"right\";\n    minHeight?: string;\n    overlay?: boolean;\n    overlayColor?: string;\n    background?: string;\n    // Typography\n    titleColor?: string;\n    subtitleColor?: string;\n    descriptionColor?: string;\n    // Badge\n    badgeColor?: string;\n    badgeTextColor?: string;\n    // Layout\n    contentMaxWidth?: string;\n    paddingY?: string;\n    // Image\n    imageRadius?: number;\n    imageShadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n    imagePosition?: \"left\" | \"right\";\n    // Buttons\n    buttonSize?: \"sm\" | \"md\" | \"lg\";\n    primaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n    primaryButtonColor?: string;\n    primaryButtonTextColor?: string;\n    primaryButtonRadius?: number;\n    secondaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n    secondaryButtonColor?: string;\n    secondaryButtonTextColor?: string;\n    secondaryButtonRadius?: number;\n    // Decorative\n    showWave?: boolean;\n    waveColor?: string;\n    // Carousel\n    carouselImages?: string[];\n    carouselInterval?: number;\n    carouselTransition?: \"crossfade\" | \"slide\";\n  };\n}\n\nexport const heroVariations: Record<HeroVariationId, HeroVariationPreset> = {\n  // ============================================================================\n  // HERO SPLIT - Layout dividido (conteúdo + imagem)\n  // ============================================================================\n  \"hero-split\": {\n    id: \"hero-split\",\n    name: \"Dividido\",\n    defaultProps: {\n      variation: \"hero-split\",\n      variant: \"split\",\n      title: \"Educação que transforma\",\n      subtitle: \"Metodologias ativas e suporte dedicado\",\n      description:\n        \"Conteúdo alinhado à Base Nacional Comum Curricular, com foco em competências e habilidades para o mundo atual.\",\n      primaryButton: { text: \"Conhecer cursos\", href: \"#courses\" },\n      secondaryButton: { text: \"Fale conosco\", href: \"#contact\" },\n      align: \"left\",\n      minHeight: \"600px\",\n      imageRadius: 16,\n      imageShadow: \"lg\",\n      imagePosition: \"right\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"outline\",\n      primaryButtonRadius: 8,\n      secondaryButtonRadius: 8,\n    },\n  },\n\n  // ============================================================================\n  // HERO PARALLAX - Efeito de parallax com imagem fixa\n  // ============================================================================\n  \"hero-parallax\": {\n    id: \"hero-parallax\",\n    name: \"Parallax\",\n    defaultProps: {\n      variation: \"hero-parallax\",\n      variant: \"image-bg\",\n      title: \"Ensino de qualidade para todos\",\n      subtitle: \"Do tradicional ao contemporâneo\",\n      description:\n        \"Integramos as melhores práticas pedagógicas para formar cidadãos críticos e criativos.\",\n      primaryButton: { text: \"Saiba mais\", href: \"#about\" },\n      secondaryButton: { text: \"Matricule-se\", href: \"#enroll\" },\n      overlay: true,\n      overlayColor: \"linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%)\",\n      align: \"center\",\n      minHeight: \"85vh\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#e5e7eb\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"outline\",\n      secondaryButtonColor: \"#ffffff\",\n      secondaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 8,\n      secondaryButtonRadius: 8,\n    },\n  },\n\n  // ============================================================================\n  // HERO OVERLAY - Fullscreen com overlay escuro\n  // ============================================================================\n  \"hero-overlay\": {\n    id: \"hero-overlay\",\n    name: \"Fullscreen\",\n    defaultProps: {\n      variation: \"hero-overlay\",\n      variant: \"image-bg\",\n      title: \"Engaje seus alunos nas atividades escolares\",\n      subtitle: \"5 maneiras comprovadas de aumentar a participação\",\n      badge: \"Destaque\",\n      primaryButton: { text: \"Ver artigos\", href: \"#blog\" },\n      secondaryButton: { text: \"Aula grátis\", href: \"#trial\" },\n      overlay: true,\n      overlayColor: \"linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%)\",\n      align: \"center\",\n      minHeight: \"100vh\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#d1d5db\",\n      badgeColor: \"#3b82f6\",\n      badgeTextColor: \"#ffffff\",\n      primaryButtonVariant: \"solid\",\n      secondaryButtonVariant: \"ghost\",\n      secondaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 50,\n      secondaryButtonRadius: 50,\n    },\n  },\n\n  // ============================================================================\n  // HERO GRADIENT - Fundo gradiente vibrante (SEM imagem)\n  // ============================================================================\n  \"hero-gradient\": {\n    id: \"hero-gradient\",\n    name: \"Gradiente\",\n    defaultProps: {\n      variation: \"hero-gradient\",\n      variant: \"centered\",\n      title: \"Transforme o futuro da educação\",\n      subtitle: \"Plataforma completa para gestão escolar\",\n      description:\n        \"Simplifique processos, engaje alunos e pais, e tenha controle total da sua instituição com nossa solução integrada.\",\n      primaryButton: { text: \"Começar grátis\", href: \"#trial\" },\n      secondaryButton: { text: \"Ver demonstração\", href: \"#demo\" },\n      badge: \"Novo\",\n      align: \"center\",\n      minHeight: \"90vh\",\n      // Gradiente vibrante azul/roxo\n      background: \"linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%)\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#e5e7eb\",\n      badgeColor: \"rgba(255,255,255,0.2)\",\n      badgeTextColor: \"#ffffff\",\n      contentMaxWidth: \"800px\",\n      // Botões brancos/transparentes para contraste\n      primaryButtonVariant: \"solid\",\n      primaryButtonColor: \"#ffffff\",\n      primaryButtonTextColor: \"#667eea\",\n      primaryButtonRadius: 50,\n      secondaryButtonVariant: \"outline\",\n      secondaryButtonColor: \"#ffffff\",\n      secondaryButtonTextColor: \"#ffffff\",\n      secondaryButtonRadius: 50,\n      // Onda decorativa\n      showWave: true,\n      waveColor: \"rgba(255,255,255,0.1)\",\n    },\n  },\n\n  // ============================================================================\n  // HERO MINIMAL - Design limpo e minimalista\n  // ============================================================================\n  \"hero-minimal\": {\n    id: \"hero-minimal\",\n    name: \"Minimal\",\n    defaultProps: {\n      variation: \"hero-minimal\",\n      variant: \"centered\",\n      title: \"Educação simplificada\",\n      subtitle: \"Menos complexidade, mais aprendizado\",\n      description:\n        \"Uma abordagem moderna e direta para o ensino de qualidade. Foco no que realmente importa.\",\n      primaryButton: { text: \"Explorar\", href: \"#explore\" },\n      align: \"center\",\n      minHeight: \"70vh\",\n      background: \"#fafafa\",\n      titleColor: \"#111827\",\n      subtitleColor: \"#4b5563\",\n      descriptionColor: \"#6b7280\",\n      contentMaxWidth: \"700px\",\n      paddingY: \"120px\",\n      // Botão único, estilo minimalista\n      primaryButtonVariant: \"solid\",\n      primaryButtonColor: \"#111827\",\n      primaryButtonTextColor: \"#ffffff\",\n      primaryButtonRadius: 4,\n      buttonSize: \"lg\",\n    },\n  },\n\n  // ============================================================================\n  // HERO CARD - Conteúdo em card flutuante sobre imagem\n  // ============================================================================\n  \"hero-card\": {\n    id: \"hero-card\",\n    name: \"Card\",\n    defaultProps: {\n      variation: \"hero-card\",\n      variant: \"image-bg\",\n      title: \"Aprenda com os melhores\",\n      subtitle: \"Professores qualificados e conteúdo atualizado\",\n      description:\n        \"Nossa equipe de educadores está pronta para guiar você em uma jornada de conhecimento transformadora.\",\n      primaryButton: { text: \"Matricule-se\", href: \"#enroll\" },\n      secondaryButton: { text: \"Conheça o time\", href: \"#team\" },\n      badge: \"Matrículas Abertas\",\n      overlay: true,\n      overlayColor: \"rgba(0,0,0,0.3)\",\n      align: \"left\",\n      minHeight: \"70vh\",\n      paddingY: \"6rem\",\n      // Card styling (cores do card)\n      background: \"#ffffff\",\n      titleColor: \"#111827\",\n      subtitleColor: \"#374151\",\n      descriptionColor: \"#6b7280\",\n      badgeColor: \"#10b981\",\n      badgeTextColor: \"#ffffff\",\n      contentMaxWidth: \"450px\",\n      // Botões dentro do card\n      primaryButtonVariant: \"solid\",\n      primaryButtonRadius: 8,\n      secondaryButtonVariant: \"ghost\",\n      secondaryButtonRadius: 8,\n      // Imagem\n      imageRadius: 0,\n      imageShadow: \"none\",\n    },\n  },\n\n  // ============================================================================\n  // HERO CAROUSEL - Carrossel de imagens de fundo com crossfade\n  // ============================================================================\n  \"hero-carousel\": {\n    id: \"hero-carousel\",\n    name: \"Carrossel\",\n    defaultProps: {\n      variation: \"hero-carousel\",\n      variant: \"image-bg\",\n      title: \"Descubra novas possibilidades\",\n      subtitle: \"Uma jornada de aprendizado envolvente\",\n      description:\n        \"Explore nossos programas e descubra como podemos ajudar você a alcançar seus objetivos educacionais.\",\n      primaryButton: { text: \"Explorar cursos\", href: \"#courses\" },\n      secondaryButton: { text: \"Saiba mais\", href: \"#about\" },\n      overlay: true,\n      overlayColor: \"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%)\",\n      align: \"center\",\n      minHeight: \"90vh\",\n      titleColor: \"#ffffff\",\n      subtitleColor: \"#f3f4f6\",\n      descriptionColor: \"#e5e7eb\",\n      contentMaxWidth: \"800px\",\n      primaryButtonVariant: \"solid\",\n      primaryButtonRadius: 8,\n      secondaryButtonVariant: \"outline\",\n      secondaryButtonColor: \"#ffffff\",\n      secondaryButtonTextColor: \"#ffffff\",\n      secondaryButtonRadius: 8,\n      // Carousel\n      carouselImages: [\n        \"https://placehold.co/1920x1080/1e3a5f/ffffff?text=Slide+1\",\n        \"https://placehold.co/1920x1080/2d5016/ffffff?text=Slide+2\",\n        \"https://placehold.co/1920x1080/5a1a2e/ffffff?text=Slide+3\",\n      ],\n      carouselInterval: 5,\n      carouselTransition: \"crossfade\",\n    },\n  },\n};\n\nexport const heroVariationIds: HeroVariationId[] = [\n  \"hero-split\",\n  \"hero-parallax\",\n  \"hero-overlay\",\n  \"hero-gradient\",\n  \"hero-minimal\",\n  \"hero-card\",\n  \"hero-carousel\",\n];\n\nexport function getHeroVariation(id: HeroVariationId): HeroVariationPreset {\n  return heroVariations[id];\n}\n"],"names":["PLACEHOLDER_IMAGE_URL","CAROUSEL_PLACEHOLDER_IMAGES","HERO_IMAGE_NAMES","heroVariations","heroVariationIds","getHeroVariation","id"],"mappings":"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"}

package/dist/engine/preview/Preview.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SiteDocument } from '../schema/siteDocument';
+export interface PreviewProps {
+    document: SiteDocument;
+    pageId?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onBlockClick?: (blockId: string, group?: string) => void;
+    selectedBlockId?: string | null;
+    /** Exibe hover e label de seleção nos blocos do preview */
+    showSelectionOverlay?: boolean;
+    /** Grupo focado para indicador visual no preview */
+    focusedGroup?: string | null;
+}
+/**
+ * Componente de preview usando iframe isolado
+ */
+export declare function Preview({ document, pageId, className, style, onBlockClick, selectedBlockId, showSelectionOverlay, focusedGroup, }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Preview.d.ts.map

package/dist/engine/preview/Preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/engine/preview/Preview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,YAAY,EAAS,MAAM,wBAAwB,CAAC;AAO7D,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,2DAA2D;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwDD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,YAAY,EACZ,eAAe,EACf,oBAA4B,EAC5B,YAAmB,GACpB,EAAE,YAAY,2CAokBd"}

package/dist/engine/preview/Preview.js

@@ -0,0 +1,418 @@
+import { jsx as C, jsxs as W } from "react/jsx-runtime";
+import { useRef as y, useState as j, useEffect as k, useMemo as F } from "react";
+import { componentRegistry as X } from "../registry/registry.js";
+import { exportPageToHtml as Y, exportBlockToHtml as K } from "../export/exportHtml.js";
+import { detectChangedBlocks as Q } from "../../utils/changeDetector.js";
+import { hashDocument as P } from "../../utils/documentHash.js";
+import { logger as D } from "../../utils/logger.js";
+function U(a, v) {
+  const s = (E) => {
+    for (const c of E) {
+      if (c.id === v) return c;
+      const i = c.props;
+      if (i?.children && Array.isArray(i.children)) {
+        const r = s(i.children);
+        if (r) return r;
+      }
+      if (c.type === "card") {
+        if (i.header && Array.isArray(i.header)) {
+          const r = s(i.header);
+          if (r) return r;
+        }
+        if (i.content && Array.isArray(i.content)) {
+          const r = s(i.content);
+          if (r) return r;
+        }
+        if (i.footer && Array.isArray(i.footer)) {
+          const r = s(i.footer);
+          if (r) return r;
+        }
+      }
+    }
+    return null;
+  };
+  return s(a.structure);
+}
+function V(a) {
+  const v = {}, s = (E) => {
+    for (const c of E) {
+      const i = X.get(c.type);
+      v[c.id] = i?.name || c.type;
+      const r = c.props;
+      r?.children && Array.isArray(r.children) && s(r.children), c.type === "card" && (Array.isArray(r?.header) && s(r.header), Array.isArray(r?.content) && s(r.content), Array.isArray(r?.footer) && s(r.footer));
+    }
+  };
+  return a?.structure && s(a.structure), v;
+}
+function le({
+  document: a,
+  pageId: v,
+  className: s,
+  style: E,
+  onBlockClick: c,
+  selectedBlockId: i,
+  showSelectionOverlay: r = !1,
+  focusedGroup: H = null
+}) {
+  const l = y(null), _ = y(null), A = y(null), R = y(null), B = y(!1), [G, N] = j(!0), I = y(i), z = y(r), $ = y(H);
+  k(() => {
+    I.current = i;
+  }, [i]), k(() => {
+    z.current = r;
+  }, [r]), k(() => {
+    $.current = H;
+  }, [H]);
+  const u = F(() => v ? a.pages.find((t) => t.id === v) : a.pages[0], [a, v]), M = y({});
+  k(() => {
+    M.current = V(u);
+  }, [u]);
+  const L = (t) => {
+    if (!l.current) return;
+    const e = l.current.contentDocument || l.current.contentWindow?.document;
+    if (!e) return;
+    const o = z.current, n = $.current;
+    requestAnimationFrame(() => {
+      const p = e.getElementById("block-highlight");
+      p && p.remove(), e.querySelectorAll("[data-block-id]").forEach((w) => {
+        const f = w;
+        f.style.outline = "", f.style.outlineOffset = "";
+      });
+      const d = e.getElementById("sg-block-label");
+      d && d.remove();
+      const T = e.getElementById("sg-group-highlight");
+      T && T.remove();
+      const x = e.getElementById("sg-group-label");
+      if (x && x.remove(), t) {
+        const w = e.createElement("style");
+        if (w.id = "block-highlight", w.textContent = `
+          [data-block-id="${t}"] {
+            outline: 2px solid #3b82f6 !important;
+            outline-offset: 2px !important;
+            position: relative;
+          }
+          [data-block-id="${t}"]::before {
+            content: '';
+            position: absolute;
+            top: -4px;
+            left: -4px;
+            right: -4px;
+            bottom: -4px;
+            background: rgba(59, 130, 246, 0.1);
+            pointer-events: none;
+            z-index: -1;
+          }
+        `, e.head.appendChild(w), o) {
+          const f = e.querySelector(`[data-block-id="${t}"]`);
+          if (f) {
+            const h = M.current[t] || t, b = e.createElement("div");
+            b.id = "sg-block-label", b.textContent = h, b.style.cssText = "position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;", getComputedStyle(f).position === "static" && (f.style.position = "relative"), f.appendChild(b);
+          }
+        }
+        if (n) {
+          const h = e.querySelector(`[data-block-id="${t}"]`)?.querySelector(`[data-block-group="${n}"]`);
+          if (h) {
+            const b = e.createElement("style");
+            b.id = "sg-group-highlight", b.textContent = `
+              [data-block-id="${t}"] [data-block-group="${n}"] {
+                outline: 2px solid #8b5cf6 !important;
+                outline-offset: 2px !important;
+                position: relative;
+              }
+            `, e.head.appendChild(b);
+            const S = e.createElement("div");
+            S.id = "sg-group-label", S.textContent = n, S.style.cssText = "position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;", getComputedStyle(h).position === "static" && (h.style.position = "relative"), h.appendChild(S);
+          }
+        }
+      }
+    });
+  }, J = () => {
+    l.current?.contentWindow && l.current.contentWindow.postMessage({
+      type: "sg-set-block-names",
+      names: M.current
+    }, "*");
+  }, q = (t) => {
+    if (!l.current) return;
+    const e = l.current.contentDocument || l.current.contentWindow?.document;
+    if (!e) return;
+    const o = e.getElementById("sg-hover-overlay");
+    if (o && o.remove(), !t) {
+      const n = e.getElementById("sg-hover-tooltip");
+      n && (n.style.opacity = "0");
+    }
+    if (t) {
+      const n = e.createElement("style");
+      n.id = "sg-hover-overlay", n.textContent = `
+        [data-block-id] {
+          cursor: pointer;
+          transition: outline 0.15s ease, outline-offset 0.15s ease;
+        }
+        [data-block-id]:hover {
+          outline: 2px dashed #94a3b8 !important;
+          outline-offset: 2px !important;
+        }
+        [data-block-group] {
+          cursor: pointer;
+          transition: outline 0.15s ease, background 0.15s ease;
+        }
+        [data-block-group]:hover {
+          outline: 1.5px dashed #a78bfa !important;
+          outline-offset: 1px !important;
+          background: rgba(139, 92, 246, 0.04);
+        }
+      `, e.head.appendChild(n), J();
+    }
+    L(I.current || null);
+  }, m = (t, e) => {
+    if (!(!l.current || !u))
+      try {
+        e && N(!0);
+        let o = Y(u, t, !0);
+        const n = `
+          <script>
+            (function() {
+              // Click handler
+              document.addEventListener('click', function(e) {
+                var target = e.target;
+                var anchor = target;
+                while (anchor && anchor.tagName !== 'A') {
+                  anchor = anchor.parentElement;
+                }
+                if (anchor && anchor.tagName === 'A' && anchor.href) {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  window.parent.postMessage({
+                    type: 'editor-navigate',
+                    href: anchor.getAttribute('href') || anchor.href
+                  }, '*');
+                  return;
+                }
+                var element = target;
+                var group = null;
+                while (element && !element.dataset.blockId) {
+                  if (element.dataset && element.dataset.blockGroup && !group) {
+                    group = element.dataset.blockGroup;
+                  }
+                  element = element.parentElement;
+                }
+                if (element && element.dataset.blockId) {
+                  window.parent.postMessage({
+                    type: 'block-click',
+                    blockId: element.dataset.blockId,
+                    group: group
+                  }, '*');
+                }
+              }, true);
+
+              // Hover tooltip — block name map injected from parent via postMessage
+              var _blockNames = {};
+              var _hoverTooltip = null;
+
+              window.addEventListener('message', function(e) {
+                if (e.data && e.data.type === 'sg-set-block-names') {
+                  _blockNames = e.data.names || {};
+                }
+              });
+
+              function getTooltip() {
+                if (_hoverTooltip) return _hoverTooltip;
+                _hoverTooltip = document.createElement('div');
+                _hoverTooltip.id = 'sg-hover-tooltip';
+                _hoverTooltip.style.cssText = 'position:fixed;top:0;left:0;background:#334155;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;z-index:99999;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;opacity:0;transition:opacity 0.12s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);';
+                document.body.appendChild(_hoverTooltip);
+                return _hoverTooltip;
+              }
+
+              var _currentHoveredBlock = null;
+              var _currentHoveredGroup = null;
+
+              document.addEventListener('mouseover', function(e) {
+                // Check if hover overlay is active
+                if (!document.getElementById('sg-hover-overlay')) return;
+                var el = e.target;
+                var groupName = null;
+                while (el && !el.dataset.blockId) {
+                  if (el.dataset && el.dataset.blockGroup && !groupName) {
+                    groupName = el.dataset.blockGroup;
+                  }
+                  el = el.parentElement;
+                }
+                if (el && el.dataset.blockId) {
+                  if (el !== _currentHoveredBlock || groupName !== _currentHoveredGroup) {
+                    _currentHoveredBlock = el;
+                    _currentHoveredGroup = groupName;
+                    var tt = getTooltip();
+                    var blockName = _blockNames[el.dataset.blockId] || el.dataset.blockId;
+                    tt.textContent = groupName ? (blockName + ' \\u203A ' + groupName) : blockName;
+                    tt.style.opacity = '1';
+                  }
+                }
+              }, true);
+
+              document.addEventListener('mousemove', function(e) {
+                if (_hoverTooltip && _hoverTooltip.style.opacity === '1') {
+                  _hoverTooltip.style.left = (e.clientX + 12) + 'px';
+                  _hoverTooltip.style.top = (e.clientY - 28) + 'px';
+                }
+              }, true);
+
+              document.addEventListener('mouseout', function(e) {
+                var el = e.target;
+                while (el && !el.dataset.blockId) el = el.parentElement;
+                if (el === _currentHoveredBlock) {
+                  var related = e.relatedTarget;
+                  while (related && related !== el) related = related.parentElement;
+                  if (!related) {
+                    _currentHoveredBlock = null;
+                    _currentHoveredGroup = null;
+                    if (_hoverTooltip) _hoverTooltip.style.opacity = '0';
+                  }
+                }
+              }, true);
+            })();
+          <\/script>
+        `;
+        o = o.replace("</body>", `${n}</body>`), o.includes("</body>") || (o = o + n);
+        const p = l.current, g = () => {
+          L(I.current || null), z.current && q(!0);
+        };
+        e ? (p.onload = () => {
+          N(!1), _.current = JSON.parse(JSON.stringify(t)), A.current = P(t), g();
+        }, setTimeout(() => {
+          N(!1), _.current = JSON.parse(JSON.stringify(t)), A.current = P(t), g();
+        }, 1e3)) : (_.current = JSON.parse(JSON.stringify(t)), A.current = P(t), p.onload = () => {
+          g();
+        }), p.srcdoc = o;
+      } catch (o) {
+        D.error("[Preview] Error:", o), e && N(!1);
+      }
+  }, O = (t, e) => {
+    if (!(!l.current || !u))
+      try {
+        const o = U(u, t);
+        if (!o) {
+          m(e, !1);
+          return;
+        }
+        const n = K(o, void 0, e.theme);
+        requestAnimationFrame(() => {
+          const p = l.current;
+          if (!p) return;
+          const g = p.contentDocument || p.contentWindow?.document;
+          if (!g) return;
+          const d = g.querySelector(`[data-block-id="${t}"]`);
+          if (d)
+            try {
+              g.querySelectorAll(`style[data-block-style="${t}"]`).forEach((h) => h.remove());
+              const x = g.createElement("div");
+              x.innerHTML = n, x.querySelectorAll("style").forEach((h) => {
+                h.setAttribute("data-block-style", t);
+              });
+              const f = g.createDocumentFragment();
+              for (; x.firstChild; )
+                f.appendChild(x.firstChild);
+              f.childNodes.length > 0 ? d.parentNode?.replaceChild(f, d) : d.outerHTML = n, _.current = JSON.parse(JSON.stringify(e)), A.current = P(e), L(I.current || null);
+            } catch (T) {
+              D.error("[Preview] Erro ao atualizar:", T), m(e, !1);
+            }
+          else
+            m(e, !1);
+        });
+      } catch (o) {
+        D.error("[Preview] Erro:", o), m(e, !1);
+      }
+  };
+  return k(() => {
+    if (!u) {
+      N(!1);
+      return;
+    }
+    const t = P(a);
+    if (!B.current) {
+      l.current && (B.current = !0, R.current = u?.id ?? null, m(a, !0));
+      return;
+    }
+    if (!l.current) return;
+    const e = u?.id ?? null;
+    if (R.current !== e) {
+      R.current = e, m(a, !1);
+      return;
+    }
+    if (A.current === t)
+      return;
+    const o = Q(
+      _.current || a,
+      a,
+      u?.id
+    );
+    if (o.length === 0) {
+      D.debug(
+        "[Preview] Hash changed but no changes detected, forcing reload"
+      ), m(a, !1);
+      return;
+    }
+    if (o.some(
+      (n) => n.blockId === "__structural__" || n.changedProps?.includes("children")
+    )) {
+      m(a, !1);
+      return;
+    }
+    if (o.length === 1) {
+      const n = o[0];
+      if (!(n.changedProps || []).some(
+        (d) => d === "children" || d === "header" || d === "content" || d === "footer"
+      )) {
+        O(n.blockId, a);
+        return;
+      }
+    }
+    m(a, !1);
+  }, [a, u]), k(() => {
+    B.current && L(i || null);
+  }, [i, H]), k(() => {
+    B.current && q(r);
+  }, [r]), k(() => {
+    if (!c) return;
+    const t = (e) => {
+      e.data?.type === "block-click" && e.data?.blockId && c(e.data.blockId, e.data.group || void 0);
+    };
+    return window.addEventListener("message", t), () => {
+      window.removeEventListener("message", t);
+    };
+  }, [c]), u ? /* @__PURE__ */ W("div", { className: s, style: { position: "relative", ...E }, children: [
+    G && /* @__PURE__ */ C(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "rgba(255, 255, 255, 0.8)",
+          zIndex: 10
+        },
+        children: /* @__PURE__ */ C("div", { style: { color: "#6b7280" }, children: "Carregando preview..." })
+      }
+    ),
+    /* @__PURE__ */ C(
+      "iframe",
+      {
+        ref: l,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: "none",
+          backgroundColor: "#ffffff"
+        },
+        title: "Preview do site"
+      }
+    )
+  ] }) : /* @__PURE__ */ C("div", { className: s, style: E, children: /* @__PURE__ */ C("div", { style: { padding: "2rem", textAlign: "center", color: "#6b7280" }, children: "Página não encontrada" }) });
+}
+export {
+  le as Preview
+};
+//# sourceMappingURL=Preview.js.map

package/dist/engine/preview/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sources":["../../../src/engine/preview/Preview.tsx"],"sourcesContent":["/**\n * Preview\n * Sem dependências circulares, sem reloads desnecessários\n */\n\nimport React, { useEffect, useRef, useState, useMemo } from \"react\";\nimport { SiteDocument, Block } from \"../schema/siteDocument\";\nimport { componentRegistry } from \"../registry/registry\";\nimport { exportPageToHtml, exportBlockToHtml } from \"../export/exportHtml\";\nimport { detectChangedBlocks } from \"../../utils/changeDetector\";\nimport { hashDocument } from \"../../utils/documentHash\";\nimport { logger } from \"../../utils/logger\";\n\nexport interface PreviewProps {\n  document: SiteDocument;\n  pageId?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onBlockClick?: (blockId: string, group?: string) => void;\n  selectedBlockId?: string | null;\n  /** Exibe hover e label de seleção nos blocos do preview */\n  showSelectionOverlay?: boolean;\n  /** Grupo focado para indicador visual no preview */\n  focusedGroup?: string | null;\n}\n\n/**\n * Encontra um bloco na estrutura recursivamente\n */\nfunction findBlockInPage(page: any, blockId: string): Block | null {\n  const findInBlocks = (blocks: Block[]): Block | null => {\n    for (const block of blocks) {\n      if (block.id === blockId) return block;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) {\n        const found = findInBlocks(props.children);\n        if (found) return found;\n      }\n      if (block.type === \"card\") {\n        if (props.header && Array.isArray(props.header)) {\n          const found = findInBlocks(props.header);\n          if (found) return found;\n        }\n        if (props.content && Array.isArray(props.content)) {\n          const found = findInBlocks(props.content);\n          if (found) return found;\n        }\n        if (props.footer && Array.isArray(props.footer)) {\n          const found = findInBlocks(props.footer);\n          if (found) return found;\n        }\n      }\n    }\n    return null;\n  };\n  return findInBlocks(page.structure);\n}\n\n/**\n * Monta mapa blockId → nome legível (da registry)\n */\nfunction buildBlockNameMap(page: any): Record<string, string> {\n  const map: Record<string, string> = {};\n  const walk = (blocks: Block[]) => {\n    for (const block of blocks) {\n      const def = componentRegistry.get(block.type);\n      map[block.id] = def?.name || block.type;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) walk(props.children);\n      if (block.type === \"card\") {\n        if (Array.isArray(props?.header)) walk(props.header);\n        if (Array.isArray(props?.content)) walk(props.content);\n        if (Array.isArray(props?.footer)) walk(props.footer);\n      }\n    }\n  };\n  if (page?.structure) walk(page.structure);\n  return map;\n}\n\n/**\n * Componente de preview usando iframe isolado\n */\nexport function Preview({\n  document,\n  pageId,\n  className,\n  style,\n  onBlockClick,\n  selectedBlockId,\n  showSelectionOverlay = false,\n  focusedGroup = null,\n}: PreviewProps) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const previousDocRef = useRef<SiteDocument | null>(null);\n  const previousDocHashRef = useRef<string | null>(null);\n  const previousPageIdRef = useRef<string | null>(null);\n  const isInitializedRef = useRef<boolean>(false);\n  const [isLoading, setIsLoading] = useState(true);\n\n  // Usar ref para selectedBlockId (necessário para highlight assíncrono)\n  const selectedBlockIdRef = useRef(selectedBlockId);\n  const showSelectionOverlayRef = useRef(showSelectionOverlay);\n  const focusedGroupRef = useRef(focusedGroup);\n\n  // Atualizar refs quando props mudam\n  useEffect(() => {\n    selectedBlockIdRef.current = selectedBlockId;\n  }, [selectedBlockId]);\n\n  useEffect(() => {\n    showSelectionOverlayRef.current = showSelectionOverlay;\n  }, [showSelectionOverlay]);\n\n  useEffect(() => {\n    focusedGroupRef.current = focusedGroup;\n  }, [focusedGroup]);\n\n  const page = useMemo(() => {\n    return pageId\n      ? document.pages.find((p) => p.id === pageId)\n      : document.pages[0];\n  }, [document, pageId]);\n\n  // Mapa blockId → nome legível para labels\n  const blockNameMapRef = useRef<Record<string, string>>({});\n  useEffect(() => {\n    blockNameMapRef.current = buildBlockNameMap(page);\n  }, [page]);\n\n  // Atualizar highlight + selection overlay diretamente no iframe (sem reload)\n  const updateHighlight = (blockId: string | null) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const overlayEnabled = showSelectionOverlayRef.current;\n    const group = focusedGroupRef.current;\n\n    requestAnimationFrame(() => {\n      // Remover highlight anterior\n      const oldStyle = iframeDoc.getElementById(\"block-highlight\");\n      if (oldStyle) oldStyle.remove();\n\n      const allBlocks = iframeDoc.querySelectorAll(\"[data-block-id]\");\n      allBlocks.forEach((el) => {\n        const htmlEl = el as HTMLElement;\n        htmlEl.style.outline = \"\";\n        htmlEl.style.outlineOffset = \"\";\n      });\n\n      // Remover labels anteriores\n      const oldLabel = iframeDoc.getElementById(\"sg-block-label\");\n      if (oldLabel) oldLabel.remove();\n      const oldGroupStyle = iframeDoc.getElementById(\"sg-group-highlight\");\n      if (oldGroupStyle) oldGroupStyle.remove();\n      const oldGroupLabel = iframeDoc.getElementById(\"sg-group-label\");\n      if (oldGroupLabel) oldGroupLabel.remove();\n\n      // Adicionar novo highlight\n      if (blockId) {\n        const highlightStyle = iframeDoc.createElement(\"style\");\n        highlightStyle.id = \"block-highlight\";\n        highlightStyle.textContent = `\n          [data-block-id=\"${blockId}\"] {\n            outline: 2px solid #3b82f6 !important;\n            outline-offset: 2px !important;\n            position: relative;\n          }\n          [data-block-id=\"${blockId}\"]::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            background: rgba(59, 130, 246, 0.1);\n            pointer-events: none;\n            z-index: -1;\n          }\n        `;\n        iframeDoc.head.appendChild(highlightStyle);\n\n        // Selection label (only when overlay is enabled)\n        if (overlayEnabled) {\n          const selectedEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`) as HTMLElement;\n          if (selectedEl) {\n            const blockName = blockNameMapRef.current[blockId] || blockId;\n            const label = iframeDoc.createElement(\"div\");\n            label.id = \"sg-block-label\";\n            label.textContent = blockName;\n            label.style.cssText = \"position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;\";\n            const pos = getComputedStyle(selectedEl).position;\n            if (pos === \"static\") selectedEl.style.position = \"relative\";\n            selectedEl.appendChild(label);\n          }\n        }\n\n        // Indicador de grupo — mostra qual sub-seção foi clicada (purple)\n        if (group) {\n          const blockEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n          const groupEl = blockEl?.querySelector(`[data-block-group=\"${group}\"]`) as HTMLElement;\n          if (groupEl) {\n            const ghStyle = iframeDoc.createElement(\"style\");\n            ghStyle.id = \"sg-group-highlight\";\n            ghStyle.textContent = `\n              [data-block-id=\"${blockId}\"] [data-block-group=\"${group}\"] {\n                outline: 2px solid #8b5cf6 !important;\n                outline-offset: 2px !important;\n                position: relative;\n              }\n            `;\n            iframeDoc.head.appendChild(ghStyle);\n\n            const gLabel = iframeDoc.createElement(\"div\");\n            gLabel.id = \"sg-group-label\";\n            gLabel.textContent = group;\n            gLabel.style.cssText = \"position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;\";\n            const gPos = getComputedStyle(groupEl).position;\n            if (gPos === \"static\") groupEl.style.position = \"relative\";\n            groupEl.appendChild(gLabel);\n          }\n        }\n      }\n    });\n  };\n\n  // Enviar mapa de nomes para o iframe\n  const sendBlockNamesToIframe = () => {\n    if (!iframeRef.current?.contentWindow) return;\n    iframeRef.current.contentWindow.postMessage({\n      type: \"sg-set-block-names\",\n      names: blockNameMapRef.current,\n    }, \"*\");\n  };\n\n  // Atualizar hover overlay (injetar/remover CSS de hover nos blocos)\n  const updateSelectionOverlay = (enabled: boolean) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const existingStyle = iframeDoc.getElementById(\"sg-hover-overlay\");\n    if (existingStyle) existingStyle.remove();\n\n    // Remove tooltip when disabling\n    if (!enabled) {\n      const tooltip = iframeDoc.getElementById(\"sg-hover-tooltip\");\n      if (tooltip) tooltip.style.opacity = \"0\";\n    }\n\n    if (enabled) {\n      const hoverStyle = iframeDoc.createElement(\"style\");\n      hoverStyle.id = \"sg-hover-overlay\";\n      hoverStyle.textContent = `\n        [data-block-id] {\n          cursor: pointer;\n          transition: outline 0.15s ease, outline-offset 0.15s ease;\n        }\n        [data-block-id]:hover {\n          outline: 2px dashed #94a3b8 !important;\n          outline-offset: 2px !important;\n        }\n        [data-block-group] {\n          cursor: pointer;\n          transition: outline 0.15s ease, background 0.15s ease;\n        }\n        [data-block-group]:hover {\n          outline: 1.5px dashed #a78bfa !important;\n          outline-offset: 1px !important;\n          background: rgba(139, 92, 246, 0.04);\n        }\n      `;\n      iframeDoc.head.appendChild(hoverStyle);\n      sendBlockNamesToIframe();\n    }\n\n    // Re-apply highlight (recalcula label)\n    updateHighlight(selectedBlockIdRef.current || null);\n  };\n\n  // Atualizar preview completo (com srcdoc - causa reload)\n  const updateFullPreview = (doc: SiteDocument, showLoading: boolean) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      if (showLoading) {\n        setIsLoading(true);\n      }\n\n      let html = exportPageToHtml(page, doc, true);\n\n      // Adicionar click handler + hover handler: links não navegam, enviam editor-navigate; outros cliques enviam block-click\n      const clickHandler = `\n          <script>\n            (function() {\n              // Click handler\n              document.addEventListener('click', function(e) {\n                var target = e.target;\n                var anchor = target;\n                while (anchor && anchor.tagName !== 'A') {\n                  anchor = anchor.parentElement;\n                }\n                if (anchor && anchor.tagName === 'A' && anchor.href) {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  window.parent.postMessage({\n                    type: 'editor-navigate',\n                    href: anchor.getAttribute('href') || anchor.href\n                  }, '*');\n                  return;\n                }\n                var element = target;\n                var group = null;\n                while (element && !element.dataset.blockId) {\n                  if (element.dataset && element.dataset.blockGroup && !group) {\n                    group = element.dataset.blockGroup;\n                  }\n                  element = element.parentElement;\n                }\n                if (element && element.dataset.blockId) {\n                  window.parent.postMessage({\n                    type: 'block-click',\n                    blockId: element.dataset.blockId,\n                    group: group\n                  }, '*');\n                }\n              }, true);\n\n              // Hover tooltip — block name map injected from parent via postMessage\n              var _blockNames = {};\n              var _hoverTooltip = null;\n\n              window.addEventListener('message', function(e) {\n                if (e.data && e.data.type === 'sg-set-block-names') {\n                  _blockNames = e.data.names || {};\n                }\n              });\n\n              function getTooltip() {\n                if (_hoverTooltip) return _hoverTooltip;\n                _hoverTooltip = document.createElement('div');\n                _hoverTooltip.id = 'sg-hover-tooltip';\n                _hoverTooltip.style.cssText = 'position:fixed;top:0;left:0;background:#334155;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;z-index:99999;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;opacity:0;transition:opacity 0.12s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);';\n                document.body.appendChild(_hoverTooltip);\n                return _hoverTooltip;\n              }\n\n              var _currentHoveredBlock = null;\n              var _currentHoveredGroup = null;\n\n              document.addEventListener('mouseover', function(e) {\n                // Check if hover overlay is active\n                if (!document.getElementById('sg-hover-overlay')) return;\n                var el = e.target;\n                var groupName = null;\n                while (el && !el.dataset.blockId) {\n                  if (el.dataset && el.dataset.blockGroup && !groupName) {\n                    groupName = el.dataset.blockGroup;\n                  }\n                  el = el.parentElement;\n                }\n                if (el && el.dataset.blockId) {\n                  if (el !== _currentHoveredBlock || groupName !== _currentHoveredGroup) {\n                    _currentHoveredBlock = el;\n                    _currentHoveredGroup = groupName;\n                    var tt = getTooltip();\n                    var blockName = _blockNames[el.dataset.blockId] || el.dataset.blockId;\n                    tt.textContent = groupName ? (blockName + ' \\\\u203A ' + groupName) : blockName;\n                    tt.style.opacity = '1';\n                  }\n                }\n              }, true);\n\n              document.addEventListener('mousemove', function(e) {\n                if (_hoverTooltip && _hoverTooltip.style.opacity === '1') {\n                  _hoverTooltip.style.left = (e.clientX + 12) + 'px';\n                  _hoverTooltip.style.top = (e.clientY - 28) + 'px';\n                }\n              }, true);\n\n              document.addEventListener('mouseout', function(e) {\n                var el = e.target;\n                while (el && !el.dataset.blockId) el = el.parentElement;\n                if (el === _currentHoveredBlock) {\n                  var related = e.relatedTarget;\n                  while (related && related !== el) related = related.parentElement;\n                  if (!related) {\n                    _currentHoveredBlock = null;\n                    _currentHoveredGroup = null;\n                    if (_hoverTooltip) _hoverTooltip.style.opacity = '0';\n                  }\n                }\n              }, true);\n            })();\n          </script>\n        `;\n      html = html.replace(\"</body>\", `${clickHandler}</body>`);\n      if (!html.includes(\"</body>\")) {\n        html = html + clickHandler;\n      }\n\n      const iframe = iframeRef.current;\n\n      const applyOverlayAfterLoad = () => {\n        updateHighlight(selectedBlockIdRef.current || null);\n        if (showSelectionOverlayRef.current) {\n          updateSelectionOverlay(true);\n        }\n      };\n\n      if (showLoading) {\n        iframe.onload = () => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        };\n        setTimeout(() => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        }, 1000);\n      } else {\n        previousDocRef.current = JSON.parse(JSON.stringify(doc));\n        previousDocHashRef.current = hashDocument(doc);\n        iframe.onload = () => {\n          applyOverlayAfterLoad();\n        };\n      }\n\n      iframe.srcdoc = html;\n    } catch (error) {\n      logger.error(\"[Preview] Error:\", error);\n      if (showLoading) {\n        setIsLoading(false);\n      }\n    }\n  };\n\n  // Atualizar apenas um bloco (sem reload)\n  const updatePartialPreview = (blockId: string, doc: SiteDocument) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      const block = findBlockInPage(page, blockId);\n      if (!block) {\n        updateFullPreview(doc, false);\n        return;\n      }\n\n      const blockHtml = exportBlockToHtml(block, undefined, doc.theme);\n\n      requestAnimationFrame(() => {\n        const iframe = iframeRef.current;\n        if (!iframe) return;\n\n        const iframeDoc =\n          iframe.contentDocument || iframe.contentWindow?.document;\n        if (!iframeDoc) return;\n\n        const element = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n        if (element) {\n          try {\n            // Remover <style> tags antigas associadas a este bloco\n            const oldStyles = iframeDoc.querySelectorAll(`style[data-block-style=\"${blockId}\"]`);\n            oldStyles.forEach(s => s.remove());\n\n            const temp = iframeDoc.createElement(\"div\");\n            temp.innerHTML = blockHtml;\n\n            // Marcar e extrair <style> tags para inserção separada\n            const styleTags = temp.querySelectorAll(\"style\");\n            styleTags.forEach(style => {\n              style.setAttribute(\"data-block-style\", blockId);\n            });\n\n            // Usar DocumentFragment para substituir com múltiplos elementos irmãos\n            // (ex: <style>hover CSS</style><button>text</button>)\n            const fragment = iframeDoc.createDocumentFragment();\n            while (temp.firstChild) {\n              fragment.appendChild(temp.firstChild);\n            }\n\n            if (fragment.childNodes.length > 0) {\n              element.parentNode?.replaceChild(fragment, element);\n            } else {\n              element.outerHTML = blockHtml;\n            }\n\n            // Atualizar refs\n            previousDocRef.current = JSON.parse(JSON.stringify(doc));\n            previousDocHashRef.current = hashDocument(doc);\n\n            // Reaplicar highlight\n            updateHighlight(selectedBlockIdRef.current || null);\n          } catch (error) {\n            logger.error(\"[Preview] Erro ao atualizar:\", error);\n            updateFullPreview(doc, false);\n          }\n        } else {\n          updateFullPreview(doc, false);\n        }\n      });\n    } catch (error) {\n      logger.error(\"[Preview] Erro:\", error);\n      updateFullPreview(doc, false);\n    }\n  };\n\n  // Efeito para mudanças no DOCUMENTO (não no selectedBlockId)\n  useEffect(() => {\n    if (!page) {\n      setIsLoading(false);\n      return;\n    }\n\n    const currentDocHash = hashDocument(document);\n\n    // Primeira renderização\n    if (!isInitializedRef.current) {\n      if (iframeRef.current) {\n        isInitializedRef.current = true;\n        previousPageIdRef.current = page?.id ?? null;\n        updateFullPreview(document, true);\n      }\n      return;\n    }\n\n    if (!iframeRef.current) return;\n\n    // Detectar troca de página (pageId mudou)\n    const currentPageId = page?.id ?? null;\n    if (previousPageIdRef.current !== currentPageId) {\n      previousPageIdRef.current = currentPageId;\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Se hash não mudou, não há mudanças no documento\n    if (previousDocHashRef.current === currentDocHash) {\n      return;\n    }\n\n    // Detectar mudanças na página atual\n    const changedBlocks = detectChangedBlocks(\n      previousDocRef.current || document,\n      document,\n      page?.id,\n    );\n\n    // Se não há mudanças detectadas mas o hash mudou, forçar reload\n    if (changedBlocks.length === 0) {\n      logger.debug(\n        \"[Preview] Hash changed but no changes detected, forcing reload\",\n      );\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança estrutural (bloco adicionado/removido) = reload completo\n    if (\n      changedBlocks.some(\n        (c) =>\n          c.blockId === \"__structural__\" ||\n          c.changedProps?.includes(\"children\"),\n      )\n    ) {\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança de 1 bloco (não estrutural) = atualização parcial\n    if (changedBlocks.length === 1) {\n      const change = changedBlocks[0];\n      const changedProps = change.changedProps || [];\n\n      const isStructural = changedProps.some(\n        (prop) =>\n          prop === \"children\" ||\n          prop === \"header\" ||\n          prop === \"content\" ||\n          prop === \"footer\",\n      );\n\n      if (!isStructural) {\n        updatePartialPreview(change.blockId, document);\n        return;\n      }\n    }\n\n    // Fallback: reload completo SEM loader\n    updateFullPreview(document, false);\n  }, [document, page]); // APENAS document e page - sem funções\n\n  // Efeito SEPARADO para highlight (não recarrega o preview)\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateHighlight(selectedBlockId || null);\n  }, [selectedBlockId, focusedGroup]); // eslint-disable-line react-hooks/exhaustive-deps -- updateHighlight reads focusedGroupRef\n\n  // Efeito para toggle do selection overlay\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateSelectionOverlay(showSelectionOverlay);\n  }, [showSelectionOverlay]); // eslint-disable-line react-hooks/exhaustive-deps -- same pattern as updateFullPreview\n\n  // Listener para cliques\n  useEffect(() => {\n    if (!onBlockClick) return;\n\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type === \"block-click\" && event.data?.blockId) {\n        onBlockClick(event.data.blockId, event.data.group || undefined);\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n    };\n  }, [onBlockClick]);\n\n  if (!page) {\n    return (\n      <div className={className} style={style}>\n        <div style={{ padding: \"2rem\", textAlign: \"center\", color: \"#6b7280\" }}>\n          Página não encontrada\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ position: \"relative\", ...style }}>\n      {isLoading && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            backgroundColor: \"rgba(255, 255, 255, 0.8)\",\n            zIndex: 10,\n          }}\n        >\n          <div style={{ color: \"#6b7280\" }}>Carregando preview...</div>\n        </div>\n      )}\n      <iframe\n        ref={iframeRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          border: \"none\",\n          backgroundColor: \"#ffffff\",\n        }}\n        title=\"Preview do site\"\n      />\n    </div>\n  );\n}\n"],"names":["findBlockInPage","page","blockId","findInBlocks","blocks","block","props","found","buildBlockNameMap","map","walk","def","componentRegistry","Preview","document","pageId","className","style","onBlockClick","selectedBlockId","showSelectionOverlay","focusedGroup","iframeRef","useRef","previousDocRef","previousDocHashRef","previousPageIdRef","isInitializedRef","isLoading","setIsLoading","useState","selectedBlockIdRef","showSelectionOverlayRef","focusedGroupRef","useEffect","useMemo","p","blockNameMapRef","updateHighlight","iframeDoc","overlayEnabled","group","oldStyle","el","htmlEl","oldLabel","oldGroupStyle","oldGroupLabel","highlightStyle","selectedEl","blockName","label","groupEl","ghStyle","gLabel","sendBlockNamesToIframe","updateSelectionOverlay","enabled","existingStyle","tooltip","hoverStyle","updateFullPreview","doc","showLoading","html","exportPageToHtml","clickHandler","iframe","applyOverlayAfterLoad","hashDocument","error","logger","updatePartialPreview","blockHtml","exportBlockToHtml","element","s","temp","fragment","currentDocHash","currentPageId","changedBlocks","detectChangedBlocks","c","change","prop","handleMessage","event","jsxs","jsx"],"mappings":"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"}

package/dist/engine/registry/blocks/sections/blogPostCard.d.ts

@@ -0,0 +1,3 @@
+import { BlockDefinition } from '../../types';
+export declare const blogPostCardBlock: BlockDefinition<"blogPostCard">;
+//# sourceMappingURL=blogPostCard.d.ts.map

package/dist/engine/registry/blocks/sections/blogPostCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blogPostCard.d.ts","sourceRoot":"","sources":["../../../../../src/engine/registry/blocks/sections/blogPostCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,cAAc,CA8C7D,CAAC"}