npm - @brunoalz/smartgesti-site-editor - Versions diffs - 1.2.0 → 1.4.0 - Mend

@brunoalz/smartgesti-site-editor 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/dist/engine/export/exporters/sections/BlogPostExporters.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { escapeHtml as e, dataBlockIdAttr as z } from "../../shared/htmlHelpers.js";
+import { escapeHtml as t, dataBlockIdAttr as z } from "../../shared/htmlHelpers.js";
 import { generateScopedId as B } from "../../shared/idGenerator.js";
 import { resolveResponsiveColumns as N, generateResponsiveGridStyles as R } from "../../shared/responsiveGridHelper.js";
 function D(r, k, H, A) {
   const {
     title: c,
-    excerpt: t,
+    excerpt: e,
     image: s,
     date: o,
     category: i,
@@ -13,64 +13,64 @@ function D(r, k, H, A) {
     readingTime: m,
     linkHref: p,
     linkText: n,
-    variant: y = "default",
+    variant: b = "default",
     showImage: x = !0,
     showCategory: f = !0,
-    showDate: h = !0,
+    showDate: v = !0,
     showAuthor: $ = !1,
-    showReadingTime: v = !1
+    showReadingTime: h = !1
   } = r.props;
-  if (y === "horizontal") {
-    const g = x && s ? `<div style="width: 260px; min-height: 180px; flex-shrink: 0; background-image: url(${e(s)}); background-size: cover; background-position: center;"></div>` : "", a = [];
-    f && i && a.push(e(i)), h && o && a.push(e(o)), v && m && a.push(e(m));
-    const w = a.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${a.join(" &middot; ")}</p>` : "", I = $ && d ? `<div style="display: flex; align-items: center; gap: 0.5rem; margin-top: auto; padding-top: 0.75rem;">${l ? `<img src="${e(l)}" alt="${e(d)}" style="width: 28px; height: 28px; border-radius: 50%; object-fit: cover;" />` : ""}<span style="font-size: 0.8rem; color: var(--sg-muted-text);">${e(d)}</span></div>` : "", T = n ? `<a href="${e(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${e(n)}</a>` : "";
-    return `<article ${z(r.id)} class="sg-blog-post-card" style="display: flex; background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);" data-variant="horizontal">${g}<div style="padding: 1.25rem; display: flex; flex-direction: column; flex: 1;">${w}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${e(c)}</h3>${t ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.75rem;">${e(t)}</p>` : ""}${T}${I}</div></article>`;
+  if (b === "horizontal") {
+    const g = x && s ? `<div style="width: 260px; min-height: 180px; flex-shrink: 0; background-image: url(${t(s)}); background-size: cover; background-position: center;"></div>` : "", a = [];
+    f && i && a.push(t(i)), v && o && a.push(t(o)), h && m && a.push(t(m));
+    const w = a.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${a.join(" &middot; ")}</p>` : "", I = $ && d ? `<div style="display: flex; align-items: center; gap: 0.5rem; margin-top: auto; padding-top: 0.75rem;">${l ? `<img src="${t(l)}" alt="${t(d)}" style="width: 28px; height: 28px; border-radius: 50%; object-fit: cover;" />` : ""}<span style="font-size: 0.8rem; color: var(--sg-muted-text);">${t(d)}</span></div>` : "", T = n ? `<a href="${t(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${t(n)}</a>` : "";
+    return `<article ${z(r.id)} class="sg-blog-post-card" style="display: flex; background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);" data-variant="horizontal">${g}<div style="padding: 1.25rem; display: flex; flex-direction: column; flex: 1;">${w}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${t(c)}</h3>${e ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.75rem;">${t(e)}</p>` : ""}${T}${I}</div></article>`;
   }
-  if (y === "minimal") {
+  if (b === "minimal") {
     const g = [];
-    f && i && g.push(e(i)), h && o && g.push(e(o)), v && m && g.push(e(m));
-    const a = g.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${g.join(" &middot; ")}</p>` : "", w = n ? `<a href="${e(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${e(n)}</a>` : "";
-    return `<article ${z(r.id)} class="sg-blog-post-card" style="padding: 1.25rem 0; border-bottom: 1px solid var(--sg-border, #e5e7eb);" data-variant="minimal">${a}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;">${e(c)}</h3>${t ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.5rem;">${e(t)}</p>` : ""}${w}</article>`;
+    f && i && g.push(t(i)), v && o && g.push(t(o)), h && m && g.push(t(m));
+    const a = g.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${g.join(" &middot; ")}</p>` : "", w = n ? `<a href="${t(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${t(n)}</a>` : "";
+    return `<article ${z(r.id)} class="sg-blog-post-card" style="padding: 1.25rem 0; border-bottom: 1px solid var(--sg-border, #e5e7eb);" data-variant="minimal">${a}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;">${t(c)}</h3>${e ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.5rem;">${t(e)}</p>` : ""}${w}</article>`;
   }
-  const u = x && s ? `<div style="height: 200px; background-image: url(${e(s)}); background-size: cover; background-position: center;"></div>` : "", b = [];
-  f && i && b.push(e(i)), h && o && b.push(e(o)), v && m && b.push(e(m));
-  const P = b.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${b.join(" &middot; ")}</p>` : "", j = $ && d ? `<div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">${l ? `<img src="${e(l)}" alt="${e(d)}" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover;" />` : ""}<span style="font-size: 0.8rem; color: var(--sg-muted-text);">${e(d)}</span></div>` : "", C = n ? `<a href="${e(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${e(n)}</a>` : "";
-  return `<article ${z(r.id)} class="sg-blog-post-card" style="background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);" data-variant="default">${u}<div style="padding: 1.5rem;">${P}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${e(c)}</h3>${t ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;">${e(t)}</p>` : ""}${C}${j}</div></article>`;
+  const u = x && s ? `<div style="height: 200px; background-image: url(${t(s)}); background-size: cover; background-position: center;"></div>` : "", y = [];
+  f && i && y.push(t(i)), v && o && y.push(t(o)), h && m && y.push(t(m));
+  const P = y.length ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${y.join(" &middot; ")}</p>` : "", j = $ && d ? `<div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">${l ? `<img src="${t(l)}" alt="${t(d)}" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover;" />` : ""}<span style="font-size: 0.8rem; color: var(--sg-muted-text);">${t(d)}</span></div>` : "", C = n ? `<a href="${t(p || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;">${t(n)}</a>` : "";
+  return `<article ${z(r.id)} class="sg-blog-post-card" style="background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);" data-variant="default">${u}<div style="padding: 1.5rem;">${P}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${t(c)}</h3>${e ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;">${t(e)}</p>` : ""}${C}${j}</div></article>`;
 }
 function G(r, k, H, A, c) {
   const {
-    title: t,
+    title: e,
     subtitle: s,
     columns: o = 3,
     cards: i = [],
     showViewAll: d = !1,
     viewAllText: l,
     viewAllHref: m
-  } = r.props, p = B(r.id || "", "blog-post-grid"), n = N(o, 1, 2, o), { inlineStyles: y, mediaQueries: x } = R(
+  } = r.props, p = B(r.id || "", "blog-post-grid"), n = N(o, 1, 2, o), { inlineStyles: b, mediaQueries: x } = R(
     p,
     n,
     "2rem"
-  ), f = t || s ? `<div data-block-group="Cabeçalho" style="text-align: center; margin-bottom: 3rem;">${t ? `<h2 style="font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;">${e(t)}</h2>` : ""}${s ? `<p style="color: var(--sg-muted-text);">${e(s)}</p>` : ""}</div>` : "";
+  ), f = e || s ? `<div data-block-group="Cabeçalho" style="text-align: center; margin-bottom: 3rem;">${e ? `<h2 style="font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;">${t(e)}</h2>` : ""}${s ? `<p style="color: var(--sg-muted-text);">${t(s)}</p>` : ""}</div>` : "";
   if (!c)
     throw new Error("exportBlogPostGrid requires renderChild function");
-  const h = i.length > 0 ? i.map(
-    (v, u) => c(
+  const v = i.length > 0 ? i.map(
+    (h, u) => c(
       {
         id: `${r.id}-card-${u}`,
         type: "blogPostCard",
-        props: v
+        props: h
       },
       k + 1,
       H,
       A
     )
-  ).join("") : '<div style="grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; color: var(--sg-muted-text); border: 2px dashed var(--sg-border, #e5e7eb); border-radius: var(--sg-card-radius, 0.5rem);"><p style="font-size: 1rem; margin-bottom: 0.5rem;">Nenhum post encontrado</p><p style="font-size: 0.875rem;">Os posts aparecerão aqui quando forem publicados.</p></div>', $ = d && l ? `<div data-block-group="Rodapé" style="text-align: center; margin-top: 2.5rem;"><a href="${e(m || "#")}" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--sg-primary); color: #fff; font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;">${e(l)}</a></div>` : "";
-  return `<style>${x}</style><section ${z(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${f}<div data-block-group="Layout" id="${p}" style="${y}">${h}</div>${$}</div></section>`;
+  ).join("") : '<div style="grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; color: var(--sg-muted-text); border: 2px dashed var(--sg-border, #e5e7eb); border-radius: var(--sg-card-radius, 0.5rem);"><p style="font-size: 1rem; margin-bottom: 0.5rem;">Nenhum post encontrado</p><p style="font-size: 0.875rem;">Os posts aparecerão aqui quando forem publicados.</p></div>', $ = d && l ? `<div data-block-group="Rodapé" style="text-align: center; margin-top: 2.5rem;"><a href="${t(m || "#")}" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;">${t(l)}</a></div>` : "";
+  return `<style>${x}</style><section ${z(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${f}<div data-block-group="Layout" id="${p}" style="${b}">${v}</div>${$}</div></section>`;
 }
 function V(r, k, H, A) {
   const {
     title: c,
-    content: t,
+    content: e,
     featuredImage: s,
     date: o,
     category: i,
@@ -79,19 +79,19 @@ function V(r, k, H, A) {
     showFeaturedImage: m = !0,
     showAuthor: p = !0,
     authorVariant: n = "inline",
-    showDate: y = !0,
+    showDate: b = !0,
     showTags: x = !0,
     showReadingTime: f = !0,
-    contentMaxWidth: h = "720px"
-  } = r.props, $ = m && s ? `<div data-block-group="Mídia" style="width: 100%; height: 400px; background-image: url(${e(s)}); background-size: cover; background-position: center; border-radius: var(--sg-card-radius); margin-bottom: 2rem;"></div>` : "", v = i ? `<span style="display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-primary); color: #fff; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 1rem;">${e(i)}</span>` : "", u = [];
-  y && o && u.push(e(o)), f && d && u.push(e(d));
-  const b = u.length ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1.5rem;">${u.join(" &middot; ")}</p>` : "", P = `<h1 data-block-group="Conteúdo" style="font-size: var(--sg-heading-h1, 2.25rem); font-weight: 700; margin-bottom: 0.75rem; line-height: 1.2;">${e(c)}</h1>`, j = t ? `<div class="sg-blog-post-content" style="font-size: 1.0625rem; line-height: 1.75; color: var(--sg-text);">${t}</div>` : "", C = '<div style="width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.5rem;font-weight:700;">A</div>', g = '<div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.1rem;font-weight:700;">A</div>';
+    contentMaxWidth: v = "720px"
+  } = r.props, $ = m && s ? `<div data-block-group="Mídia" style="width: 100%; height: 400px; background-image: url(${t(s)}); background-size: cover; background-position: center; border-radius: var(--sg-card-radius); margin-bottom: 2rem;"></div>` : "", h = i ? `<span style="display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 1rem;">${t(i)}</span>` : "", u = [];
+  b && o && u.push(t(o)), f && d && u.push(t(d));
+  const y = u.length ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1.5rem;">${u.join(" &middot; ")}</p>` : "", P = `<h1 data-block-group="Conteúdo" style="font-size: var(--sg-heading-h1, 2.25rem); font-weight: 700; margin-bottom: 0.75rem; line-height: 1.2;">${t(c)}</h1>`, j = e ? `<div class="sg-blog-post-content" style="font-size: 1.0625rem; line-height: 1.75; color: var(--sg-text);">${e}</div>` : "", C = '<div style="width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sg-primary-text, #fff);font-size:1.5rem;font-weight:700;">A</div>', g = '<div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sg-primary-text, #fff);font-size:1.1rem;font-weight:700;">A</div>';
   let a = "";
   p && (n === "card" ? a = `<div data-block-group="Autor" style="display:flex;align-items:flex-start;gap:1rem;margin-top:3rem;padding:1.25rem;border-radius:var(--sg-card-radius, 0.75rem);background-color:var(--sg-surface, #f9fafb);">${C}<div><div style="font-size:0.75rem;color:var(--sg-muted-text);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.125rem;">Escrito por</div><div style="font-weight:600;font-size:1rem;">Nome do Autor</div><p style="color:var(--sg-muted-text);font-size:0.875rem;margin:0.25rem 0 0;">Bio do autor carregada do banco de dados.</p></div></div>` : n === "minimal" ? a = '<p data-block-group="Autor" style="margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);color:var(--sg-muted-text);font-size:0.9375rem;">Escrito por <span style="font-weight:600;color:var(--sg-text);">Nome do Autor</span></p>' : a = `<div data-block-group="Autor" style="display:flex;align-items:center;gap:0.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);">${g}<div><div style="font-size:0.75rem;color:var(--sg-muted-text);">Escrito por</div><div style="font-weight:600;font-size:0.9375rem;">Nome do Autor</div></div></div>`);
   const w = x && l.length > 0 ? `<div data-block-group="Visibilidade" style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">${l.map(
-    (I) => `<span style="display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-surface, #f3f4f6); color: var(--sg-text); border-radius: 999px; font-size: 0.75rem;">${e(I)}</span>`
+    (I) => `<span style="display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-surface, #f3f4f6); color: var(--sg-text); border-radius: 999px; font-size: 0.75rem;">${t(I)}</span>`
   ).join("")}</div>` : "";
-  return `<article ${z(r.id)} class="sg-blog-post-detail" style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: ${e(h)}; margin: 0 auto; padding: 0 1rem;">${$}${v}${P}${b}${j}${a}${w}</div></article>`;
+  return `<article ${z(r.id)} class="sg-blog-post-detail" style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: ${t(v)}; margin: 0 auto; padding: 0 1rem;">${$}${h}${P}${y}${j}${a}${w}</div></article>`;
 }
 export {
   D as exportBlogPostCard,

package/dist/engine/export/exporters/sections/BlogPostExporters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlogPostExporters.js","sources":["../../../../../src/engine/export/exporters/sections/BlogPostExporters.ts"],"sourcesContent":["/*\n Blog Post Exporters\n * BlogPostCard, BlogPostGrid, BlogPostDetail\n * Mobile-first responsive layouts for blog plugin blocks\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\nimport { generateScopedId } from \"../../shared/idGenerator\";\nimport {\n resolveResponsiveColumns,\n generateResponsiveGridStyles,\n} from \"../../shared/responsiveGridHelper\";\n\n// ---------------------------------------------------------------------------\n// BlogPostCard\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n excerpt,\n image,\n date,\n category,\n authorName,\n authorAvatar,\n readingTime,\n linkHref,\n linkText,\n variant = \"default\",\n showImage = true,\n showCategory = true,\n showDate = true,\n showAuthor = false,\n showReadingTime = false,\n } = (block as any).props;\n\n // ---------- variant: horizontal ----------\n if (variant === \"horizontal\") {\n const imgHtml =\n showImage && image\n ? `<div style=\"width: 260px; min-height: 180px; flex-shrink: 0; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const authorHtml =\n showAuthor && authorName\n ? `<div style=\"display: flex; align-items: center; gap: 0.5rem; margin-top: auto; padding-top: 0.75rem;\">${\n authorAvatar\n ? `<img src=\"${escapeHtml(authorAvatar)}\" alt=\"${escapeHtml(authorName)}\" style=\"width: 28px; height: 28px; border-radius: 50%; object-fit: cover;\" />`\n : \"\"\n }<span style=\"font-size: 0.8rem; color: var(--sg-muted-text);\">${escapeHtml(authorName)}</span></div>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"display: flex; background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\" data-variant=\"horizontal\">${imgHtml}<div style=\"padding: 1.25rem; display: flex; flex-direction: column; flex: 1;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.75rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}${authorHtml}</div></article>`;\n }\n\n // ---------- variant: minimal ----------\n if (variant === \"minimal\") {\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"padding: 1.25rem 0; border-bottom: 1px solid var(--sg-border, #e5e7eb);\" data-variant=\"minimal\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.5rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}</article>`;\n }\n\n // ---------- variant: default ----------\n const imgHtml =\n showImage && image\n ? `<div style=\"height: 200px; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const authorHtml =\n showAuthor && authorName\n ? `<div style=\"display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;\">${\n authorAvatar\n ? `<img src=\"${escapeHtml(authorAvatar)}\" alt=\"${escapeHtml(authorName)}\" style=\"width: 32px; height: 32px; border-radius: 50%; object-fit: cover;\" />`\n : \"\"\n }<span style=\"font-size: 0.8rem; color: var(--sg-muted-text);\">${escapeHtml(authorName)}</span></div>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\" data-variant=\"default\">${imgHtml}<div style=\"padding: 1.5rem;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}${authorHtml}</div></article>`;\n}\n\n// ---------------------------------------------------------------------------\n// BlogPostGrid\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const {\n title,\n subtitle,\n columns = 3,\n cards = [],\n showViewAll = false,\n viewAllText,\n viewAllHref,\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) -> 2 cols (tablet) -> N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"blog-post-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div data-block-group=\"Cabeçalho\" style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportBlogPostGrid requires renderChild function\");\n }\n\n const cardsHtml = cards.length > 0\n ? cards\n .map((c: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-card-${i}`,\n type: \"blogPostCard\",\n props: c,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\")\n : `<div style=\"grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; color: var(--sg-muted-text); border: 2px dashed var(--sg-border, #e5e7eb); border-radius: var(--sg-card-radius, 0.5rem);\"><p style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Nenhum post encontrado</p><p style=\"font-size: 0.875rem;\">Os posts aparecerão aqui quando forem publicados.</p></div>`;\n\n const viewAllHtml =\n showViewAll && viewAllText\n ? `<div data-block-group=\"Rodapé\" style=\"text-align: center; margin-top: 2.5rem;\"><a href=\"${escapeHtml(viewAllHref \|\| \"#\")}\" style=\"display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--sg-primary); color: #fff; font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;\">${escapeHtml(viewAllText)}</a></div>`\n : \"\";\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div data-block-group=\"Layout\" id=\"${gridId}\" style=\"${inlineStyles}\">${cardsHtml}</div>${viewAllHtml}</div></section>`;\n}\n\n// ---------------------------------------------------------------------------\n// BlogPostDetail\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostDetail(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n content,\n featuredImage,\n date,\n category,\n readingTime,\n tags = [],\n showFeaturedImage = true,\n showAuthor = true,\n authorVariant = \"inline\",\n showDate = true,\n showTags = true,\n showReadingTime = true,\n contentMaxWidth = \"720px\",\n } = (block as any).props;\n\n // Featured image banner\n const featuredImageHtml =\n showFeaturedImage && featuredImage\n ? `<div data-block-group=\"Mídia\" style=\"width: 100%; height: 400px; background-image: url(${escapeHtml(featuredImage)}); background-size: cover; background-position: center; border-radius: var(--sg-card-radius); margin-bottom: 2rem;\"></div>`\n : \"\";\n\n // Category badge\n const categoryHtml = category\n ? `<span style=\"display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-primary); color: #fff; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 1rem;\">${escapeHtml(category)}</span>`\n : \"\";\n\n // Meta line (date + reading time)\n const metaParts: string[] = [];\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n // Title\n const titleHtml = `<h1 data-block-group=\"Conteúdo\" style=\"font-size: var(--sg-heading-h1, 2.25rem); font-weight: 700; margin-bottom: 0.75rem; line-height: 1.2;\">${escapeHtml(title)}</h1>`;\n\n // Content — trusted HTML from backend, not escaped\n const contentHtml = content\n ? `<div class=\"sg-blog-post-content\" style=\"font-size: 1.0625rem; line-height: 1.75; color: var(--sg-text);\">${content}</div>`\n : \"\";\n\n // Author — placeholder structure (real data injected by ContentProvider at runtime)\n const avatarPlaceholder = `<div style=\"width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.5rem;font-weight:700;\">A</div>`;\n const avatarSmall = `<div style=\"width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.1rem;font-weight:700;\">A</div>`;\n\n let authorHtml = \"\";\n if (showAuthor) {\n if (authorVariant === \"card\") {\n authorHtml = `<div data-block-group=\"Autor\" style=\"display:flex;align-items:flex-start;gap:1rem;margin-top:3rem;padding:1.25rem;border-radius:var(--sg-card-radius, 0.75rem);background-color:var(--sg-surface, #f9fafb);\">${avatarPlaceholder}<div><div style=\"font-size:0.75rem;color:var(--sg-muted-text);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.125rem;\">Escrito por</div><div style=\"font-weight:600;font-size:1rem;\">Nome do Autor</div><p style=\"color:var(--sg-muted-text);font-size:0.875rem;margin:0.25rem 0 0;\">Bio do autor carregada do banco de dados.</p></div></div>`;\n } else if (authorVariant === \"minimal\") {\n authorHtml = `<p data-block-group=\"Autor\" style=\"margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);color:var(--sg-muted-text);font-size:0.9375rem;\">Escrito por <span style=\"font-weight:600;color:var(--sg-text);\">Nome do Autor</span></p>`;\n } else {\n // inline (default)\n authorHtml = `<div data-block-group=\"Autor\" style=\"display:flex;align-items:center;gap:0.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);\">${avatarSmall}<div><div style=\"font-size:0.75rem;color:var(--sg-muted-text);\">Escrito por</div><div style=\"font-weight:600;font-size:0.9375rem;\">Nome do Autor</div></div></div>`;\n }\n }\n\n // Tags\n const tagsHtml =\n showTags && tags.length > 0\n ? `<div data-block-group=\"Visibilidade\" style=\"margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">${tags\n .map(\n (tag: string) =>\n `<span style=\"display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-surface, #f3f4f6); color: var(--sg-text); border-radius: 999px; font-size: 0.75rem;\">${escapeHtml(tag)}</span>`,\n )\n .join(\"\")}</div>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-detail\" style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: ${escapeHtml(contentMaxWidth)}; margin: 0 auto; padding: 0 1rem;\">${featuredImageHtml}${categoryHtml}${titleHtml}${metaHtml}${contentHtml}${authorHtml}${tagsHtml}</div></article>`;\n}\n"],"names":["exportBlogPostCard","block","depth","basePath","theme","title","excerpt","image","date","category","authorName","authorAvatar","readingTime","linkHref","linkText","variant","showImage","showCategory","showDate","showAuthor","showReadingTime","imgHtml","escapeHtml","metaParts","metaHtml","authorHtml","linkHtml","dataBlockIdAttr","exportBlogPostGrid","renderChild","subtitle","columns","cards","showViewAll","viewAllText","viewAllHref","gridId","generateScopedId","responsiveConfig","resolveResponsiveColumns","inlineStyles","mediaQueries","generateResponsiveGridStyles","headerHtml","cardsHtml","c","i","viewAllHtml","exportBlogPostDetail","content","featuredImage","tags","showFeaturedImage","authorVariant","showTags","contentMaxWidth","featuredImageHtml","categoryHtml","titleHtml","contentHtml","avatarPlaceholder","avatarSmall","tagsHtml","tag"],"mappings":"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"}
1	+ {"version":3,"file":"BlogPostExporters.js","sources":["../../../../../src/engine/export/exporters/sections/BlogPostExporters.ts"],"sourcesContent":["/*\n Blog Post Exporters\n * BlogPostCard, BlogPostGrid, BlogPostDetail\n * Mobile-first responsive layouts for blog plugin blocks\n */\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\nimport { generateScopedId } from \"../../shared/idGenerator\";\nimport {\n resolveResponsiveColumns,\n generateResponsiveGridStyles,\n} from \"../../shared/responsiveGridHelper\";\n\n// ---------------------------------------------------------------------------\n// BlogPostCard\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n excerpt,\n image,\n date,\n category,\n authorName,\n authorAvatar,\n readingTime,\n linkHref,\n linkText,\n variant = \"default\",\n showImage = true,\n showCategory = true,\n showDate = true,\n showAuthor = false,\n showReadingTime = false,\n } = (block as any).props;\n\n // ---------- variant: horizontal ----------\n if (variant === \"horizontal\") {\n const imgHtml =\n showImage && image\n ? `<div style=\"width: 260px; min-height: 180px; flex-shrink: 0; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const authorHtml =\n showAuthor && authorName\n ? `<div style=\"display: flex; align-items: center; gap: 0.5rem; margin-top: auto; padding-top: 0.75rem;\">${\n authorAvatar\n ? `<img src=\"${escapeHtml(authorAvatar)}\" alt=\"${escapeHtml(authorName)}\" style=\"width: 28px; height: 28px; border-radius: 50%; object-fit: cover;\" />`\n : \"\"\n }<span style=\"font-size: 0.8rem; color: var(--sg-muted-text);\">${escapeHtml(authorName)}</span></div>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"display: flex; background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\" data-variant=\"horizontal\">${imgHtml}<div style=\"padding: 1.25rem; display: flex; flex-direction: column; flex: 1;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.75rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}${authorHtml}</div></article>`;\n }\n\n // ---------- variant: minimal ----------\n if (variant === \"minimal\") {\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"padding: 1.25rem 0; border-bottom: 1px solid var(--sg-border, #e5e7eb);\" data-variant=\"minimal\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 0.5rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}</article>`;\n }\n\n // ---------- variant: default ----------\n const imgHtml =\n showImage && image\n ? `<div style=\"height: 200px; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaParts: string[] = [];\n if (showCategory && category) metaParts.push(escapeHtml(category));\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n const authorHtml =\n showAuthor && authorName\n ? `<div style=\"display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;\">${\n authorAvatar\n ? `<img src=\"${escapeHtml(authorAvatar)}\" alt=\"${escapeHtml(authorName)}\" style=\"width: 32px; height: 32px; border-radius: 50%; object-fit: cover;\" />`\n : \"\"\n }<span style=\"font-size: 0.8rem; color: var(--sg-muted-text);\">${escapeHtml(authorName)}</span></div>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none; font-size: 0.875rem;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-card\" style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\" data-variant=\"default\">${imgHtml}<div style=\"padding: 1.5rem;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}${authorHtml}</div></article>`;\n}\n\n// ---------------------------------------------------------------------------\n// BlogPostGrid\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const {\n title,\n subtitle,\n columns = 3,\n cards = [],\n showViewAll = false,\n viewAllText,\n viewAllHref,\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) -> 2 cols (tablet) -> N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"blog-post-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div data-block-group=\"Cabeçalho\" style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportBlogPostGrid requires renderChild function\");\n }\n\n const cardsHtml = cards.length > 0\n ? cards\n .map((c: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-card-${i}`,\n type: \"blogPostCard\",\n props: c,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\")\n : `<div style=\"grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; color: var(--sg-muted-text); border: 2px dashed var(--sg-border, #e5e7eb); border-radius: var(--sg-card-radius, 0.5rem);\"><p style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Nenhum post encontrado</p><p style=\"font-size: 0.875rem;\">Os posts aparecerão aqui quando forem publicados.</p></div>`;\n\n const viewAllHtml =\n showViewAll && viewAllText\n ? `<div data-block-group=\"Rodapé\" style=\"text-align: center; margin-top: 2.5rem;\"><a href=\"${escapeHtml(viewAllHref \|\| \"#\")}\" style=\"display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;\">${escapeHtml(viewAllText)}</a></div>`\n : \"\";\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div data-block-group=\"Layout\" id=\"${gridId}\" style=\"${inlineStyles}\">${cardsHtml}</div>${viewAllHtml}</div></section>`;\n}\n\n// ---------------------------------------------------------------------------\n// BlogPostDetail\n// ---------------------------------------------------------------------------\n\nexport function exportBlogPostDetail(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n content,\n featuredImage,\n date,\n category,\n readingTime,\n tags = [],\n showFeaturedImage = true,\n showAuthor = true,\n authorVariant = \"inline\",\n showDate = true,\n showTags = true,\n showReadingTime = true,\n contentMaxWidth = \"720px\",\n } = (block as any).props;\n\n // Featured image banner\n const featuredImageHtml =\n showFeaturedImage && featuredImage\n ? `<div data-block-group=\"Mídia\" style=\"width: 100%; height: 400px; background-image: url(${escapeHtml(featuredImage)}); background-size: cover; background-position: center; border-radius: var(--sg-card-radius); margin-bottom: 2rem;\"></div>`\n : \"\";\n\n // Category badge\n const categoryHtml = category\n ? `<span style=\"display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 1rem;\">${escapeHtml(category)}</span>`\n : \"\";\n\n // Meta line (date + reading time)\n const metaParts: string[] = [];\n if (showDate && date) metaParts.push(escapeHtml(date));\n if (showReadingTime && readingTime) metaParts.push(escapeHtml(readingTime));\n const metaHtml = metaParts.length\n ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1.5rem;\">${metaParts.join(\" · \")}</p>`\n : \"\";\n\n // Title\n const titleHtml = `<h1 data-block-group=\"Conteúdo\" style=\"font-size: var(--sg-heading-h1, 2.25rem); font-weight: 700; margin-bottom: 0.75rem; line-height: 1.2;\">${escapeHtml(title)}</h1>`;\n\n // Content — trusted HTML from backend, not escaped\n const contentHtml = content\n ? `<div class=\"sg-blog-post-content\" style=\"font-size: 1.0625rem; line-height: 1.75; color: var(--sg-text);\">${content}</div>`\n : \"\";\n\n // Author — placeholder structure (real data injected by ContentProvider at runtime)\n const avatarPlaceholder = `<div style=\"width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sg-primary-text, #fff);font-size:1.5rem;font-weight:700;\">A</div>`;\n const avatarSmall = `<div style=\"width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sg-primary-text, #fff);font-size:1.1rem;font-weight:700;\">A</div>`;\n\n let authorHtml = \"\";\n if (showAuthor) {\n if (authorVariant === \"card\") {\n authorHtml = `<div data-block-group=\"Autor\" style=\"display:flex;align-items:flex-start;gap:1rem;margin-top:3rem;padding:1.25rem;border-radius:var(--sg-card-radius, 0.75rem);background-color:var(--sg-surface, #f9fafb);\">${avatarPlaceholder}<div><div style=\"font-size:0.75rem;color:var(--sg-muted-text);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.125rem;\">Escrito por</div><div style=\"font-weight:600;font-size:1rem;\">Nome do Autor</div><p style=\"color:var(--sg-muted-text);font-size:0.875rem;margin:0.25rem 0 0;\">Bio do autor carregada do banco de dados.</p></div></div>`;\n } else if (authorVariant === \"minimal\") {\n authorHtml = `<p data-block-group=\"Autor\" style=\"margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);color:var(--sg-muted-text);font-size:0.9375rem;\">Escrito por <span style=\"font-weight:600;color:var(--sg-text);\">Nome do Autor</span></p>`;\n } else {\n // inline (default)\n authorHtml = `<div data-block-group=\"Autor\" style=\"display:flex;align-items:center;gap:0.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sg-border, #e5e7eb);\">${avatarSmall}<div><div style=\"font-size:0.75rem;color:var(--sg-muted-text);\">Escrito por</div><div style=\"font-weight:600;font-size:0.9375rem;\">Nome do Autor</div></div></div>`;\n }\n }\n\n // Tags\n const tagsHtml =\n showTags && tags.length > 0\n ? `<div data-block-group=\"Visibilidade\" style=\"margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\">${tags\n .map(\n (tag: string) =>\n `<span style=\"display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--sg-surface, #f3f4f6); color: var(--sg-text); border-radius: 999px; font-size: 0.75rem;\">${escapeHtml(tag)}</span>`,\n )\n .join(\"\")}</div>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-post-detail\" style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: ${escapeHtml(contentMaxWidth)}; margin: 0 auto; padding: 0 1rem;\">${featuredImageHtml}${categoryHtml}${titleHtml}${metaHtml}${contentHtml}${authorHtml}${tagsHtml}</div></article>`;\n}\n"],"names":["exportBlogPostCard","block","depth","basePath","theme","title","excerpt","image","date","category","authorName","authorAvatar","readingTime","linkHref","linkText","variant","showImage","showCategory","showDate","showAuthor","showReadingTime","imgHtml","escapeHtml","metaParts","metaHtml","authorHtml","linkHtml","dataBlockIdAttr","exportBlogPostGrid","renderChild","subtitle","columns","cards","showViewAll","viewAllText","viewAllHref","gridId","generateScopedId","responsiveConfig","resolveResponsiveColumns","inlineStyles","mediaQueries","generateResponsiveGridStyles","headerHtml","cardsHtml","c","i","viewAllHtml","exportBlogPostDetail","content","featuredImage","tags","showFeaturedImage","authorVariant","showTags","contentMaxWidth","featuredImageHtml","categoryHtml","titleHtml","contentHtml","avatarPlaceholder","avatarSmall","tagsHtml","tag"],"mappings":";;;AAmBO,SAASA,EACdC,GACAC,GACAC,GACAC,GACQ;AACR,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,iBAAAC,IAAkB;AAAA,EAAA,IACfnB,EAAc;AAGnB,MAAIc,MAAY,cAAc;AAC5B,UAAMM,IACJL,KAAaT,IACT,sFAAsFe,EAAWf,CAAK,CAAC,oEACvG,IAEAgB,IAAsB,CAAA;AAC5B,IAAIN,KAAgBR,KAAUc,EAAU,KAAKD,EAAWb,CAAQ,CAAC,GAC7DS,KAAYV,KAAMe,EAAU,KAAKD,EAAWd,CAAI,CAAC,GACjDY,KAAmBR,KAAaW,EAAU,KAAKD,EAAWV,CAAW,CAAC;AAC1E,UAAMY,IAAWD,EAAU,SACvB,sFAAsFA,EAAU,KAAK,YAAY,CAAC,SAClH,IAEEE,IACJN,KAAcT,IACV,yGACEC,IACI,aAAaW,EAAWX,CAAY,CAAC,UAAUW,EAAWZ,CAAU,CAAC,mFACrE,EACN,iEAAiEY,EAAWZ,CAAU,CAAC,kBACvF,IAEAgB,IAAWZ,IACb,YAAYQ,EAAWT,KAAY,GAAG,CAAC,qGAAqGS,EAAWR,CAAQ,CAAC,SAChK;AAEJ,WAAO,YAAYa,EAAgB1B,EAAM,EAAE,CAAC,0MAA0MoB,CAAO,kFAAkFG,CAAQ,6EAA6EF,EAAWjB,CAAK,CAAC,QAAQC,IAAU,wFAAwFgB,EAAWhB,CAAO,CAAC,SAAS,EAAE,GAAGoB,CAAQ,GAAGD,CAAU;AAAA,EACvlB;AAGA,MAAIV,MAAY,WAAW;AACzB,UAAMQ,IAAsB,CAAA;AAC5B,IAAIN,KAAgBR,KAAUc,EAAU,KAAKD,EAAWb,CAAQ,CAAC,GAC7DS,KAAYV,KAAMe,EAAU,KAAKD,EAAWd,CAAI,CAAC,GACjDY,KAAmBR,KAAaW,EAAU,KAAKD,EAAWV,CAAW,CAAC;AAC1E,UAAMY,IAAWD,EAAU,SACvB,sFAAsFA,EAAU,KAAK,YAAY,CAAC,SAClH,IAEEG,IAAWZ,IACb,YAAYQ,EAAWT,KAAY,GAAG,CAAC,qGAAqGS,EAAWR,CAAQ,CAAC,SAChK;AAEJ,WAAO,YAAYa,EAAgB1B,EAAM,EAAE,CAAC,qIAAqIuB,CAAQ,8EAA8EF,EAAWjB,CAAK,CAAC,QAAQC,IAAU,uFAAuFgB,EAAWhB,CAAO,CAAC,SAAS,EAAE,GAAGoB,CAAQ;AAAA,EAC5a;AAGA,QAAML,IACJL,KAAaT,IACT,oDAAoDe,EAAWf,CAAK,CAAC,oEACrE,IAEAgB,IAAsB,CAAA;AAC5B,EAAIN,KAAgBR,KAAUc,EAAU,KAAKD,EAAWb,CAAQ,CAAC,GAC7DS,KAAYV,KAAMe,EAAU,KAAKD,EAAWd,CAAI,CAAC,GACjDY,KAAmBR,KAAaW,EAAU,KAAKD,EAAWV,CAAW,CAAC;AAC1E,QAAMY,IAAWD,EAAU,SACvB,sFAAsFA,EAAU,KAAK,YAAY,CAAC,SAClH,IAEEE,IACJN,KAAcT,IACV,mFACEC,IACI,aAAaW,EAAWX,CAAY,CAAC,UAAUW,EAAWZ,CAAU,CAAC,mFACrE,EACN,iEAAiEY,EAAWZ,CAAU,CAAC,kBACvF,IAEAgB,IAAWZ,IACb,YAAYQ,EAAWT,KAAY,GAAG,CAAC,qGAAqGS,EAAWR,CAAQ,CAAC,SAChK;AAEJ,SAAO,YAAYa,EAAgB1B,EAAM,EAAE,CAAC,wLAAwLoB,CAAO,iCAAiCG,CAAQ,6EAA6EF,EAAWjB,CAAK,CAAC,QAAQC,IAAU,qFAAqFgB,EAAWhB,CAAO,CAAC,SAAS,EAAE,GAAGoB,CAAQ,GAAGD,CAAU;AACjhB;AAMO,SAASG,EACd3B,GACAC,GACAC,GACAC,GACAyB,GACQ;AACR,QAAM;AAAA,IACJ,OAAAxB;AAAA,IACA,UAAAyB;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ,CAAA;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACGlC,EAAc,OAGbmC,IAASC,EAAiBpC,EAAM,MAAM,IAAI,gBAAgB,GAC1DqC,IAAmBC,EAAyBR,GAAS,GAAG,GAAGA,CAAO,GAClE,EAAE,cAAAS,GAAc,cAAAC,EAAA,IAAiBC;AAAA,IACrCN;AAAA,IACAE;AAAA,IACA;AAAA,EAAA,GAGIK,IACJtC,KAASyB,IACL,sFAAsFzB,IAAQ,uEAAuEiB,EAAWjB,CAAK,CAAC,UAAU,EAAE,GAAGyB,IAAW,2CAA2CR,EAAWQ,CAAQ,CAAC,SAAS,EAAE,WAC1R;AAEN,MAAI,CAACD;AACH,UAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAMe,IAAYZ,EAAM,SAAS,IAC7BA,EACG;AAAA,IAAI,CAACa,GAAQC,MACZjB;AAAA,MACE;AAAA,QACE,IAAI,GAAG5B,EAAM,EAAE,SAAS6C,CAAC;AAAA,QACzB,MAAM;AAAA,QACN,OAAOD;AAAA,MAAA;AAAA,MAET3C,IAAQ;AAAA,MACRC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF,EAED,KAAK,EAAE,IACV,+WAEE2C,IACJd,KAAeC,IACX,2FAA2FZ,EAAWa,KAAe,GAAG,CAAC,wNAAwNb,EAAWY,CAAW,CAAC,eACxW;AAEN,SAAO,UAAUO,CAAY,oBAAoBd,EAAgB1B,EAAM,EAAE,CAAC,8HAA8H0C,CAAU,sCAAsCP,CAAM,YAAYI,CAAY,KAAKI,CAAS,SAASG,CAAW;AAC1T;AAMO,SAASC,EACd/C,GACAC,GACAC,GACAC,GACQ;AACR,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAA4C;AAAA,IACA,eAAAC;AAAA,IACA,MAAA1C;AAAA,IACA,UAAAC;AAAA,IACA,aAAAG;AAAA,IACA,MAAAuC,IAAO,CAAA;AAAA,IACP,mBAAAC,IAAoB;AAAA,IACpB,YAAAjC,IAAa;AAAA,IACb,eAAAkC,IAAgB;AAAA,IAChB,UAAAnC,IAAW;AAAA,IACX,UAAAoC,IAAW;AAAA,IACX,iBAAAlC,IAAkB;AAAA,IAClB,iBAAAmC,IAAkB;AAAA,EAAA,IACftD,EAAc,OAGbuD,IACJJ,KAAqBF,IACjB,0FAA0F5B,EAAW4B,CAAa,CAAC,+HACnH,IAGAO,IAAehD,IACjB,6NAA6Na,EAAWb,CAAQ,CAAC,YACjP,IAGEc,IAAsB,CAAA;AAC5B,EAAIL,KAAYV,KAAMe,EAAU,KAAKD,EAAWd,CAAI,CAAC,GACjDY,KAAmBR,KAAaW,EAAU,KAAKD,EAAWV,CAAW,CAAC;AAC1E,QAAMY,IAAWD,EAAU,SACvB,uFAAuFA,EAAU,KAAK,YAAY,CAAC,SACnH,IAGEmC,IAAY,iJAAiJpC,EAAWjB,CAAK,CAAC,SAG9KsD,IAAcV,IAChB,6GAA6GA,CAAO,WACpH,IAGEW,IAAoB,2RACpBC,IAAc;AAEpB,MAAIpC,IAAa;AACjB,EAAIN,MACEkC,MAAkB,SACpB5B,IAAa,gNAAgNmC,CAAiB,kWACrOP,MAAkB,YAC3B5B,IAAa,iQAGbA,IAAa,sKAAsKoC,CAAW;AAKlM,QAAMC,IACJR,KAAYH,EAAK,SAAS,IACtB,+GAA+GA,EAC5G;AAAA,IACC,CAACY,MACC,iLAAiLzC,EAAWyC,CAAG,CAAC;AAAA,EAAA,EAEnM,KAAK,EAAE,CAAC,WACX;AAEN,SAAO,YAAYpC,EAAgB1B,EAAM,EAAE,CAAC,gHAAgHqB,EAAWiC,CAAe,CAAC,uCAAuCC,CAAiB,GAAGC,CAAY,GAAGC,CAAS,GAAGlC,CAAQ,GAAGmC,CAAW,GAAGlC,CAAU,GAAGqC,CAAQ;AAC7T;"}

package/dist/engine/export/exporters/sections/ContentGridExporters.js CHANGED Viewed

@@ -2,13 +2,13 @@ import { escapeHtml as t, dataBlockIdAttr as y } from "../../shared/htmlHelpers.
 import { generateScopedId as h } from "../../shared/idGenerator.js";
 import { resolveResponsiveColumns as z, generateResponsiveGridStyles as H } from "../../shared/responsiveGridHelper.js";
 function I(r, p, u, v) {
-  const { image: s, date: e, category: i, title: n, excerpt: d, linkText: a, linkHref: l } = r.props, m = s ? `<div style="height: 200px; background-image: url(${t(s)}); background-size: cover; background-position: center;"></div>` : "", c = e || i ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${[e, i].filter(Boolean).join(" / ")}</p>` : "", g = a ? `<a href="${t(l || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none;">${t(a)}</a>` : "";
-  return `<article ${y(r.id)} class="sg-blog-card" style="background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);">${m}<div style="padding: 1.5rem;">${c}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${t(n)}</h3>${d ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;">${t(d)}</p>` : ""}${g}</div></article>`;
+  const { image: s, date: e, category: i, title: n, excerpt: d, linkText: a, linkHref: m } = r.props, l = s ? `<div style="height: 200px; background-image: url(${t(s)}); background-size: cover; background-position: center;"></div>` : "", c = e || i ? `<p style="font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;">${[e, i].filter(Boolean).join(" / ")}</p>` : "", g = a ? `<a href="${t(m || "#")}" style="color: var(--sg-primary); font-weight: 500; text-decoration: none;">${t(a)}</a>` : "";
+  return `<article ${y(r.id)} class="sg-blog-card" style="background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);">${l}<div style="padding: 1.5rem;">${c}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${t(n)}</h3>${d ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;">${t(d)}</p>` : ""}${g}</div></article>`;
 }
 function S(r, p, u, v, s) {
-  const { title: e, subtitle: i, columns: n = 3, cards: d = [] } = r.props, a = h(r.id || "", "blog-grid"), l = z(n, 1, 2, n), { inlineStyles: m, mediaQueries: c } = H(
+  const { title: e, subtitle: i, columns: n = 3, cards: d = [] } = r.props, a = h(r.id || "", "blog-grid"), m = z(n, 1, 2, n), { inlineStyles: l, mediaQueries: c } = H(
     a,
-    l,
+    m,
     "2rem"
   ), g = e || i ? `<div style="text-align: center; margin-bottom: 3rem;">${e ? `<h2 style="font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;">${t(e)}</h2>` : ""}${i ? `<p style="color: var(--sg-muted-text);">${t(i)}</p>` : ""}</div>` : "";
   if (!s)
@@ -25,10 +25,10 @@ function S(r, p, u, v, s) {
       v
     )
   ).join("");
-  return `<style>${c}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${g}<div id="${a}" style="${m}">${o}</div></div></section>`;
+  return `<style>${c}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${g}<div id="${a}" style="${l}">${o}</div></div></section>`;
 }
 function T(r, p, u, v) {
-  const { avatar: s, name: e, role: i } = r.props, n = s ? `<img src="${t(s)}" alt="${t(e)}" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; display: block;" />` : `<div style="width: 120px; height: 120px; border-radius: 50%; background-color: var(--sg-primary); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 2rem; font-weight: 600;">${e ? e.charAt(0) : "?"}</div>`;
+  const { avatar: s, name: e, role: i } = r.props, n = s ? `<img src="${t(s)}" alt="${t(e)}" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; display: block;" />` : `<div style="width: 120px; height: 120px; border-radius: 50%; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 2rem; font-weight: 600;">${e ? e.charAt(0) : "?"}</div>`;
   return `<div ${y(r.id)} class="sg-team-card" style="text-align: center;">${n}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;">${t(e)}</h3>${i ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem;">${t(i)}</p>` : ""}</div>`;
 }
 function G(r, p, u, v, s) {
@@ -37,9 +37,9 @@ function G(r, p, u, v, s) {
     subtitle: i,
     columns: n = 4,
     members: d = []
-  } = r.props, a = h(r.id || "", "team-grid"), l = z(n, 1, 2, n), { inlineStyles: m, mediaQueries: c } = H(
+  } = r.props, a = h(r.id || "", "team-grid"), m = z(n, 1, 2, n), { inlineStyles: l, mediaQueries: c } = H(
     a,
-    l,
+    m,
     "2rem"
   ), g = e || i ? `<div style="text-align: center; margin-bottom: 3rem;">${e ? `<h2 style="font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;">${t(e)}</h2>` : ""}${i ? `<p style="color: var(--sg-muted-text);">${t(i)}</p>` : ""}</div>` : "";
   if (!s)
@@ -56,7 +56,7 @@ function G(r, p, u, v, s) {
       v
     )
   ).join("");
-  return `<style>${c}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-surface);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${g}<div id="${a}" style="${m}">${o}</div></div></section>`;
+  return `<style>${c}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-surface);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${g}<div id="${a}" style="${l}">${o}</div></div></section>`;
 }
 function P(r, p, u, v) {
   const {
@@ -64,7 +64,7 @@ function P(r, p, u, v) {
     subtitle: e,
     columns: i = 3,
     cards: n = []
-  } = r.props, d = h(r.id || "", "course-grid"), a = z(i, 1, 2, i), { inlineStyles: l, mediaQueries: m } = H(
+  } = r.props, d = h(r.id || "", "course-grid"), a = z(i, 1, 2, i), { inlineStyles: m, mediaQueries: l } = H(
     d,
     a,
     "2rem"
@@ -72,7 +72,7 @@ function P(r, p, u, v) {
     const $ = o.image ? `<div style="height: 180px; background-image: url(${t(o.image)}); background-size: cover; background-position: center;"></div>` : "", f = o.period ? ' <span style="font-size: 0.875rem; font-weight: 400; color: var(--sg-muted-text);">/ ' + t(o.period) + "</span>" : "", b = o.price != null ? `<p style="font-size: 1rem; font-weight: 600; color: var(--sg-primary); margin-bottom: 0.5rem;">${t(String(o.price))}${f}</p>` : "", x = o.duration ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem;">Duração: ${t(o.duration)}</p>` : "", w = o.level ? `<span style="display: inline-block; padding: 0.25rem 0.5rem; background-color: var(--sg-surface2); color: var(--sg-text); border-radius: 0.25rem; font-size: 0.75rem; margin-bottom: 0.5rem;">${t(o.level)}</span>` : "";
     return `<div style="background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);">${$}<div style="padding: 1.5rem;">${w}<h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">${t(o.title)}</h3>${o.description ? `<p style="color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;">${t(o.description)}</p>` : ""}${b}${x}</div></div>`;
   }).join("");
-  return `<style>${m}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${c}<div id="${d}" style="${l}">${g}</div></div></section>`;
+  return `<style>${l}</style><section ${y(r.id)} style="padding: 4rem 0; background-color: var(--sg-bg);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${c}<div id="${d}" style="${m}">${g}</div></div></section>`;
 }
 function D(r, p, u, v) {
   const {
@@ -82,9 +82,9 @@ function D(r, p, u, v) {
     buttonText: n,
     buttonHref: d,
     variant: a = "default",
-    badgeText: l,
-    bg: m
-  } = r.props, c = a === "banner", g = `padding: 4rem 2rem; background-color: ${m || "var(--sg-primary)"}; color: #fff;`, o = h(r.id || "", "countdown-numbers"), $ = `
+    badgeText: m,
+    bg: l
+  } = r.props, c = a === "banner", g = `padding: 4rem 2rem; background-color: ${l || "var(--sg-primary)"}; color: var(--sg-primary-text, #fff);`, o = h(r.id || "", "countdown-numbers"), $ = `
     /* Countdown numbers: 2×2 grid em mobile, 1 linha em desktop */
     #${o} {
       display: grid;
@@ -99,7 +99,7 @@ function D(r, p, u, v) {
         gap: 1.5rem;
       }
     }
-  `, f = c && l ? `<div style="width: 140px; height: 140px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-align: center; padding: 1rem; font-weight: 600; font-size: 0.875rem;">${t(l)}</div>` : "", b = i ? `<style>${$}</style><div id="${o}">${["Days", "Hours", "Minutes", "Seconds"].map((C) => `<div style="text-align: center;"><div style="font-size: 1.75rem; font-weight: 700;">00</div><div style="font-size: 0.75rem; opacity: 0.9;">${C}</div></div>`).join("")}</div>` : "", x = n ? `<a href="${t(d || "#")}" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;">${t(n)}</a>` : "", w = `<div style="max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; justify-content: center;">${f}<div style="flex: 1; min-width: 200px;">${s ? `<h2 style="margin-bottom: 0.5rem; font-size: 1.5rem;">${t(s)}</h2>` : ""}${e ? `<p style="opacity: 0.9; margin-bottom: 1rem;">${t(e)}</p>` : ""}${b}${x}</div></div>`;
+  `, f = c && m ? `<div style="width: 140px; height: 140px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-align: center; padding: 1rem; font-weight: 600; font-size: 0.875rem;">${t(m)}</div>` : "", b = i ? `<style>${$}</style><div id="${o}">${["Days", "Hours", "Minutes", "Seconds"].map((C) => `<div style="text-align: center;"><div style="font-size: 1.75rem; font-weight: 700;">00</div><div style="font-size: 0.75rem; opacity: 0.9;">${C}</div></div>`).join("")}</div>` : "", x = n ? `<a href="${t(d || "#")}" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;">${t(n)}</a>` : "", w = `<div style="max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; justify-content: center;">${f}<div style="flex: 1; min-width: 200px;">${s ? `<h2 style="margin-bottom: 0.5rem; font-size: 1.5rem;">${t(s)}</h2>` : ""}${e ? `<p style="opacity: 0.9; margin-bottom: 1rem;">${t(e)}</p>` : ""}${b}${x}</div></div>`;
   return `<section ${y(r.id)} class="sg-countdown" style="${g}" data-variant="${t(a)}">${w}</section>`;
 }
 function Q(r, p, u, v) {
@@ -122,7 +122,7 @@ function Q(r, p, u, v) {
         gap: 2rem;
       }
     }
-  `, d = e.image ? `<div style="min-height: 300px; background-image: url(${t(e.image)}); background-size: cover; background-position: center;"></div>` : "", a = e.primaryButton ? `<a href="${t(e.primaryButton.href || "#")}" style="padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;">${t(e.primaryButton.text)}</a>` : "", l = e.secondaryButton ? `<a href="${t(e.secondaryButton.href || "#")}" style="padding: 0.75rem 1.5rem; border: 2px solid #fff; color: #fff; border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;">${t(e.secondaryButton.text)}</a>` : "", m = `<div style="padding: 2rem; color: #fff;">${e.title ? `<h2 style="margin-bottom: 1rem;">${t(e.title)}</h2>` : ""}${e.description ? `<p style="margin-bottom: 1.5rem; opacity: 0.9;">${t(e.description)}</p>` : ""}<div style="display: flex; gap: 1rem; flex-wrap: wrap;">${a}${l}</div></div>`, c = `<style>${n}</style><div id="${i}" style="background-color: var(--sg-primary); border-radius: var(--sg-card-radius); overflow: hidden;">${d}${m}</div>`;
+  `, d = e.image ? `<div style="min-height: 300px; background-image: url(${t(e.image)}); background-size: cover; background-position: center;"></div>` : "", a = e.primaryButton ? `<a href="${t(e.primaryButton.href || "#")}" style="padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;">${t(e.primaryButton.text)}</a>` : "", m = e.secondaryButton ? `<a href="${t(e.secondaryButton.href || "#")}" style="padding: 0.75rem 1.5rem; border: 2px solid #fff; color: #fff; border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;">${t(e.secondaryButton.text)}</a>` : "", l = `<div style="padding: 2rem; color: var(--sg-primary-text, #fff);">${e.title ? `<h2 style="margin-bottom: 1rem;">${t(e.title)}</h2>` : ""}${e.description ? `<p style="margin-bottom: 1.5rem; opacity: 0.9;">${t(e.description)}</p>` : ""}<div style="display: flex; gap: 1rem; flex-wrap: wrap;">${a}${m}</div></div>`, c = `<style>${n}</style><div id="${i}" style="background-color: var(--sg-primary); border-radius: var(--sg-card-radius); overflow: hidden;">${d}${l}</div>`;
   return `<section ${y(r.id)} class="sg-carousel" style="padding: 4rem 0; background-color: var(--sg-surface);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${c}</div></section>`;
 }
 export {

package/dist/engine/export/exporters/sections/ContentGridExporters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentGridExporters.js","sources":["../../../../../src/engine/export/exporters/sections/ContentGridExporters.ts"],"sourcesContent":["/*\n Content Grid Exporters\n * Blog Cards, Team Cards, Course Cards, Countdown, Carousel\n * Mobile-first responsive grids\n /\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\nimport { generateScopedId } from \"../../shared/idGenerator\";\nimport {\n resolveResponsiveColumns,\n generateResponsiveGridStyles,\n} from \"../../shared/responsiveGridHelper\";\n\nexport function exportBlogCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { image, date, category, title, excerpt, linkText, linkHref } = (\n block as any\n ).props;\n\n const imgHtml = image\n ? `<div style=\"height: 200px; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaHtml =\n date \|\| category\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${[date, category].filter(Boolean).join(\" / \")}</p>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-card\" style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\">${imgHtml}<div style=\"padding: 1.5rem;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}</div></article>`;\n}\n\nexport function exportBlogCardGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const { title, subtitle, columns = 3, cards = [] } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"blog-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportBlogCardGrid requires renderChild function\");\n }\n\n const cardsHtml = cards\n .map((c: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-card-${i}`,\n type: \"blogCard\",\n props: c,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${cardsHtml}</div></div></section>`;\n}\n\nexport function exportTeamCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { avatar, name, role } = (block as any).props;\n\n const avatarHtml = avatar\n ? `<img src=\"${escapeHtml(avatar)}\" alt=\"${escapeHtml(name)}\" style=\"width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; display: block;\" />`\n : `<div style=\"width: 120px; height: 120px; border-radius: 50%; background-color: var(--sg-primary); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 2rem; font-weight: 600;\">${name ? name.charAt(0) : \"?\"}</div>`;\n\n return `<div ${dataBlockIdAttr(block.id)} class=\"sg-team-card\" style=\"text-align: center;\">${avatarHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;\">${escapeHtml(name)}</h3>${role ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem;\">${escapeHtml(role)}</p>` : \"\"}</div>`;\n}\n\nexport function exportTeamGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const {\n title,\n subtitle,\n columns = 4,\n members = [],\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"team-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportTeamGrid requires renderChild function\");\n }\n\n const membersHtml = members\n .map((m: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-member-${i}`,\n type: \"teamCard\",\n props: m,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-surface);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${membersHtml}</div></div></section>`;\n}\n\nexport function exportCourseCardGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title: courseTitle,\n subtitle: courseSubtitle,\n columns: courseCols = 3,\n cards = [],\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"course-grid\");\n const responsiveConfig = resolveResponsiveColumns(courseCols, 1, 2, courseCols);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const courseHeaderHtml =\n courseTitle \|\| courseSubtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${courseTitle ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(courseTitle)}</h2>` : \"\"}${courseSubtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(courseSubtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n const courseCardsHtml = cards\n .map((card: any) => {\n const imgHtml = card.image\n ? `<div style=\"height: 180px; background-image: url(${escapeHtml(card.image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n const priceInner = card.period\n ? ' <span style=\"font-size: 0.875rem; font-weight: 400; color: var(--sg-muted-text);\">/ ' +\n escapeHtml(card.period) +\n \"</span>\"\n : \"\";\n const priceHtml =\n card.price != null\n ? `<p style=\"font-size: 1rem; font-weight: 600; color: var(--sg-primary); margin-bottom: 0.5rem;\">${escapeHtml(String(card.price))}${priceInner}</p>`\n : \"\";\n const durationHtml = card.duration\n ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem;\">Duração: ${escapeHtml(card.duration)}</p>`\n : \"\";\n const levelHtml = card.level\n ? `<span style=\"display: inline-block; padding: 0.25rem 0.5rem; background-color: var(--sg-surface2); color: var(--sg-text); border-radius: 0.25rem; font-size: 0.75rem; margin-bottom: 0.5rem;\">${escapeHtml(card.level)}</span>`\n : \"\";\n return `<div style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\">${imgHtml}<div style=\"padding: 1.5rem;\">${levelHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(card.title)}</h3>${card.description ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(card.description)}</p>` : \"\"}${priceHtml}${durationHtml}</div></div>`;\n })\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${courseHeaderHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${courseCardsHtml}</div></div></section>`;\n}\n\nexport function exportCountdown(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n description,\n showPlaceholders = true,\n buttonText,\n buttonHref,\n variant = \"default\",\n badgeText,\n bg,\n } = (block as any).props;\n\n const isBanner = variant === \"banner\";\n const sectionStyle = `padding: 4rem 2rem; background-color: ${bg \|\| \"var(--sg-primary)\"}; color: #fff;`;\n\n // Responsive countdown grid\n const countdownId = generateScopedId(block.id \|\| \"\", \"countdown-numbers\");\n const countdownCss = `\n / Countdown numbers: 2×2 grid em mobile, 1 linha em desktop /\n #${countdownId} {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n @media (min-width: 640px) {\n #${countdownId} {\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n }\n `;\n\n const badgeCircle =\n isBanner && badgeText\n ? `<div style=\"width: 140px; height: 140px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-align: center; padding: 1rem; font-weight: 600; font-size: 0.875rem;\">${escapeHtml(badgeText)}</div>`\n : \"\";\n\n const placeholdersHtml = showPlaceholders\n ? `<style>${countdownCss}</style><div id=\"${countdownId}\">${[\"Days\", \"Hours\", \"Minutes\", \"Seconds\"].map((label) => `<div style=\"text-align: center;\"><div style=\"font-size: 1.75rem; font-weight: 700;\">00</div><div style=\"font-size: 0.75rem; opacity: 0.9;\">${label}</div></div>`).join(\"\")}</div>`\n : \"\";\n\n const btnHtml = buttonText\n ? `<a href=\"${escapeHtml(buttonHref \|\| \"#\")}\" style=\"display: inline-block; padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;\">${escapeHtml(buttonText)}</a>`\n : \"\";\n\n const inner = `<div style=\"max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; justify-content: center;\">${badgeCircle}<div style=\"flex: 1; min-width: 200px;\">${title ? `<h2 style=\"margin-bottom: 0.5rem; font-size: 1.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${description ? `<p style=\"opacity: 0.9; margin-bottom: 1rem;\">${escapeHtml(description)}</p>` : \"\"}${placeholdersHtml}${btnHtml}</div></div>`;\n\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-countdown\" style=\"${sectionStyle}\" data-variant=\"${escapeHtml(variant)}\">${inner}</section>`;\n}\n\nexport function exportCarousel(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { slides = [] } = (block as any).props;\n const slide = slides[0];\n\n if (!slide)\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-carousel\"></section>`;\n\n // Responsive carousel: 1 col (mobile) → 2 cols split (desktop)\n const carouselId = generateScopedId(block.id \|\| \"\", \"carousel\");\n const carouselCss = `\n / Base: Mobile - 1 coluna (stack) /\n #${carouselId} {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n align-items: center;\n }\n\n / Desktop: 2 colunas (split) */\n @media (min-width: 1024px) {\n #${carouselId} {\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n }\n }\n `;\n\n const slideImg = slide.image\n ? `<div style=\"min-height: 300px; background-image: url(${escapeHtml(slide.image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const primaryBtn = slide.primaryButton\n ? `<a href=\"${escapeHtml(slide.primaryButton.href \|\| \"#\")}\" style=\"padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;\">${escapeHtml(slide.primaryButton.text)}</a>`\n : \"\";\n\n const secondaryBtn = slide.secondaryButton\n ? `<a href=\"${escapeHtml(slide.secondaryButton.href \|\| \"#\")}\" style=\"padding: 0.75rem 1.5rem; border: 2px solid #fff; color: #fff; border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;\">${escapeHtml(slide.secondaryButton.text)}</a>`\n : \"\";\n\n const slideContent = `<div style=\"padding: 2rem; color: #fff;\">${slide.title ? `<h2 style=\"margin-bottom: 1rem;\">${escapeHtml(slide.title)}</h2>` : \"\"}${slide.description ? `<p style=\"margin-bottom: 1.5rem; opacity: 0.9;\">${escapeHtml(slide.description)}</p>` : \"\"}<div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">${primaryBtn}${secondaryBtn}</div></div>`;\n\n const slideHtml = `<style>${carouselCss}</style><div id=\"${carouselId}\" style=\"background-color: var(--sg-primary); border-radius: var(--sg-card-radius); overflow: hidden;\">${slideImg}${slideContent}</div>`;\n\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-carousel\" style=\"padding: 4rem 0; background-color: var(--sg-surface);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${slideHtml}</div></section>`;\n}\n"],"names":["exportBlogCard","block","depth","basePath","theme","image","date","category","title","excerpt","linkText","linkHref","imgHtml","escapeHtml","metaHtml","linkHtml","dataBlockIdAttr","exportBlogCardGrid","renderChild","subtitle","columns","cards","gridId","generateScopedId","responsiveConfig","resolveResponsiveColumns","inlineStyles","mediaQueries","generateResponsiveGridStyles","headerHtml","cardsHtml","c","i","exportTeamCard","avatar","name","role","avatarHtml","exportTeamGrid","members","membersHtml","m","exportCourseCardGrid","courseTitle","courseSubtitle","courseCols","courseHeaderHtml","courseCardsHtml","card","priceInner","priceHtml","durationHtml","levelHtml","exportCountdown","description","showPlaceholders","buttonText","buttonHref","variant","badgeText","bg","isBanner","sectionStyle","countdownId","countdownCss","badgeCircle","placeholdersHtml","label","btnHtml","inner","exportCarousel","slides","slide","carouselId","carouselCss","slideImg","primaryBtn","secondaryBtn","slideContent","slideHtml"],"mappings":"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"}
1	+ {"version":3,"file":"ContentGridExporters.js","sources":["../../../../../src/engine/export/exporters/sections/ContentGridExporters.ts"],"sourcesContent":["/*\n Content Grid Exporters\n * Blog Cards, Team Cards, Course Cards, Countdown, Carousel\n * Mobile-first responsive grids\n /\n\nimport { Block } from \"../../../schema/siteDocument\";\nimport { ThemeTokens } from \"../../../schema/themeTokens\";\nimport { dataBlockIdAttr, escapeHtml } from \"../../shared/htmlHelpers\";\nimport { generateScopedId } from \"../../shared/idGenerator\";\nimport {\n resolveResponsiveColumns,\n generateResponsiveGridStyles,\n} from \"../../shared/responsiveGridHelper\";\n\nexport function exportBlogCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { image, date, category, title, excerpt, linkText, linkHref } = (\n block as any\n ).props;\n\n const imgHtml = image\n ? `<div style=\"height: 200px; background-image: url(${escapeHtml(image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const metaHtml =\n date \|\| category\n ? `<p style=\"font-size: 0.75rem; color: var(--sg-muted-text); margin-bottom: 0.5rem;\">${[date, category].filter(Boolean).join(\" / \")}</p>`\n : \"\";\n\n const linkHtml = linkText\n ? `<a href=\"${escapeHtml(linkHref \|\| \"#\")}\" style=\"color: var(--sg-primary); font-weight: 500; text-decoration: none;\">${escapeHtml(linkText)}</a>`\n : \"\";\n\n return `<article ${dataBlockIdAttr(block.id)} class=\"sg-blog-card\" style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\">${imgHtml}<div style=\"padding: 1.5rem;\">${metaHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(title)}</h3>${excerpt ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(excerpt)}</p>` : \"\"}${linkHtml}</div></article>`;\n}\n\nexport function exportBlogCardGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const { title, subtitle, columns = 3, cards = [] } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"blog-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportBlogCardGrid requires renderChild function\");\n }\n\n const cardsHtml = cards\n .map((c: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-card-${i}`,\n type: \"blogCard\",\n props: c,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${cardsHtml}</div></div></section>`;\n}\n\nexport function exportTeamCard(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { avatar, name, role } = (block as any).props;\n\n const avatarHtml = avatar\n ? `<img src=\"${escapeHtml(avatar)}\" alt=\"${escapeHtml(name)}\" style=\"width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; display: block;\" />`\n : `<div style=\"width: 120px; height: 120px; border-radius: 50%; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 2rem; font-weight: 600;\">${name ? name.charAt(0) : \"?\"}</div>`;\n\n return `<div ${dataBlockIdAttr(block.id)} class=\"sg-team-card\" style=\"text-align: center;\">${avatarHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.25rem;\">${escapeHtml(name)}</h3>${role ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem;\">${escapeHtml(role)}</p>` : \"\"}</div>`;\n}\n\nexport function exportTeamGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string,\n): string {\n const {\n title,\n subtitle,\n columns = 4,\n members = [],\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"team-grid\");\n const responsiveConfig = resolveResponsiveColumns(columns, 1, 2, columns);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const headerHtml =\n title \|\| subtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${title ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${subtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(subtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n if (!renderChild) {\n throw new Error(\"exportTeamGrid requires renderChild function\");\n }\n\n const membersHtml = members\n .map((m: any, i: number) =>\n renderChild(\n {\n id: `${block.id}-member-${i}`,\n type: \"teamCard\",\n props: m,\n } as Block,\n depth + 1,\n basePath,\n theme,\n ),\n )\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-surface);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${headerHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${membersHtml}</div></div></section>`;\n}\n\nexport function exportCourseCardGrid(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title: courseTitle,\n subtitle: courseSubtitle,\n columns: courseCols = 3,\n cards = [],\n } = (block as any).props;\n\n // Responsive grid: 1 col (mobile) → 2 cols (tablet) → N cols (desktop)\n const gridId = generateScopedId(block.id \|\| \"\", \"course-grid\");\n const responsiveConfig = resolveResponsiveColumns(courseCols, 1, 2, courseCols);\n const { inlineStyles, mediaQueries } = generateResponsiveGridStyles(\n gridId,\n responsiveConfig,\n \"2rem\",\n );\n\n const courseHeaderHtml =\n courseTitle \|\| courseSubtitle\n ? `<div style=\"text-align: center; margin-bottom: 3rem;\">${courseTitle ? `<h2 style=\"font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;\">${escapeHtml(courseTitle)}</h2>` : \"\"}${courseSubtitle ? `<p style=\"color: var(--sg-muted-text);\">${escapeHtml(courseSubtitle)}</p>` : \"\"}</div>`\n : \"\";\n\n const courseCardsHtml = cards\n .map((card: any) => {\n const imgHtml = card.image\n ? `<div style=\"height: 180px; background-image: url(${escapeHtml(card.image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n const priceInner = card.period\n ? ' <span style=\"font-size: 0.875rem; font-weight: 400; color: var(--sg-muted-text);\">/ ' +\n escapeHtml(card.period) +\n \"</span>\"\n : \"\";\n const priceHtml =\n card.price != null\n ? `<p style=\"font-size: 1rem; font-weight: 600; color: var(--sg-primary); margin-bottom: 0.5rem;\">${escapeHtml(String(card.price))}${priceInner}</p>`\n : \"\";\n const durationHtml = card.duration\n ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem;\">Duração: ${escapeHtml(card.duration)}</p>`\n : \"\";\n const levelHtml = card.level\n ? `<span style=\"display: inline-block; padding: 0.25rem 0.5rem; background-color: var(--sg-surface2); color: var(--sg-text); border-radius: 0.25rem; font-size: 0.75rem; margin-bottom: 0.5rem;\">${escapeHtml(card.level)}</span>`\n : \"\";\n return `<div style=\"background-color: var(--sg-bg); border-radius: var(--sg-card-radius); overflow: hidden; box-shadow: var(--sg-card-shadow);\">${imgHtml}<div style=\"padding: 1.5rem;\">${levelHtml}<h3 style=\"font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;\">${escapeHtml(card.title)}</h3>${card.description ? `<p style=\"color: var(--sg-muted-text); font-size: 0.875rem; margin-bottom: 1rem;\">${escapeHtml(card.description)}</p>` : \"\"}${priceHtml}${durationHtml}</div></div>`;\n })\n .join(\"\");\n\n return `<style>${mediaQueries}</style><section ${dataBlockIdAttr(block.id)} style=\"padding: 4rem 0; background-color: var(--sg-bg);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${courseHeaderHtml}<div id=\"${gridId}\" style=\"${inlineStyles}\">${courseCardsHtml}</div></div></section>`;\n}\n\nexport function exportCountdown(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const {\n title,\n description,\n showPlaceholders = true,\n buttonText,\n buttonHref,\n variant = \"default\",\n badgeText,\n bg,\n } = (block as any).props;\n\n const isBanner = variant === \"banner\";\n const sectionStyle = `padding: 4rem 2rem; background-color: ${bg \|\| \"var(--sg-primary)\"}; color: var(--sg-primary-text, #fff);`;\n\n // Responsive countdown grid\n const countdownId = generateScopedId(block.id \|\| \"\", \"countdown-numbers\");\n const countdownCss = `\n / Countdown numbers: 2×2 grid em mobile, 1 linha em desktop /\n #${countdownId} {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n @media (min-width: 640px) {\n #${countdownId} {\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n }\n `;\n\n const badgeCircle =\n isBanner && badgeText\n ? `<div style=\"width: 140px; height: 140px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-align: center; padding: 1rem; font-weight: 600; font-size: 0.875rem;\">${escapeHtml(badgeText)}</div>`\n : \"\";\n\n const placeholdersHtml = showPlaceholders\n ? `<style>${countdownCss}</style><div id=\"${countdownId}\">${[\"Days\", \"Hours\", \"Minutes\", \"Seconds\"].map((label) => `<div style=\"text-align: center;\"><div style=\"font-size: 1.75rem; font-weight: 700;\">00</div><div style=\"font-size: 0.75rem; opacity: 0.9;\">${label}</div></div>`).join(\"\")}</div>`\n : \"\";\n\n const btnHtml = buttonText\n ? `<a href=\"${escapeHtml(buttonHref \|\| \"#\")}\" style=\"display: inline-block; padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); font-weight: 600; border-radius: var(--sg-button-radius); text-decoration: none;\">${escapeHtml(buttonText)}</a>`\n : \"\";\n\n const inner = `<div style=\"max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; justify-content: center;\">${badgeCircle}<div style=\"flex: 1; min-width: 200px;\">${title ? `<h2 style=\"margin-bottom: 0.5rem; font-size: 1.5rem;\">${escapeHtml(title)}</h2>` : \"\"}${description ? `<p style=\"opacity: 0.9; margin-bottom: 1rem;\">${escapeHtml(description)}</p>` : \"\"}${placeholdersHtml}${btnHtml}</div></div>`;\n\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-countdown\" style=\"${sectionStyle}\" data-variant=\"${escapeHtml(variant)}\">${inner}</section>`;\n}\n\nexport function exportCarousel(\n block: Block,\n depth: number,\n basePath?: string,\n theme?: ThemeTokens,\n): string {\n const { slides = [] } = (block as any).props;\n const slide = slides[0];\n\n if (!slide)\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-carousel\"></section>`;\n\n // Responsive carousel: 1 col (mobile) → 2 cols split (desktop)\n const carouselId = generateScopedId(block.id \|\| \"\", \"carousel\");\n const carouselCss = `\n / Base: Mobile - 1 coluna (stack) /\n #${carouselId} {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n align-items: center;\n }\n\n / Desktop: 2 colunas (split) */\n @media (min-width: 1024px) {\n #${carouselId} {\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n }\n }\n `;\n\n const slideImg = slide.image\n ? `<div style=\"min-height: 300px; background-image: url(${escapeHtml(slide.image)}); background-size: cover; background-position: center;\"></div>`\n : \"\";\n\n const primaryBtn = slide.primaryButton\n ? `<a href=\"${escapeHtml(slide.primaryButton.href \|\| \"#\")}\" style=\"padding: 0.75rem 1.5rem; background-color: #fff; color: var(--sg-primary); border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;\">${escapeHtml(slide.primaryButton.text)}</a>`\n : \"\";\n\n const secondaryBtn = slide.secondaryButton\n ? `<a href=\"${escapeHtml(slide.secondaryButton.href \|\| \"#\")}\" style=\"padding: 0.75rem 1.5rem; border: 2px solid #fff; color: #fff; border-radius: var(--sg-button-radius); font-weight: 500; text-decoration: none;\">${escapeHtml(slide.secondaryButton.text)}</a>`\n : \"\";\n\n const slideContent = `<div style=\"padding: 2rem; color: var(--sg-primary-text, #fff);\">${slide.title ? `<h2 style=\"margin-bottom: 1rem;\">${escapeHtml(slide.title)}</h2>` : \"\"}${slide.description ? `<p style=\"margin-bottom: 1.5rem; opacity: 0.9;\">${escapeHtml(slide.description)}</p>` : \"\"}<div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">${primaryBtn}${secondaryBtn}</div></div>`;\n\n const slideHtml = `<style>${carouselCss}</style><div id=\"${carouselId}\" style=\"background-color: var(--sg-primary); border-radius: var(--sg-card-radius); overflow: hidden;\">${slideImg}${slideContent}</div>`;\n\n return `<section ${dataBlockIdAttr(block.id)} class=\"sg-carousel\" style=\"padding: 4rem 0; background-color: var(--sg-surface);\"><div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem;\">${slideHtml}</div></section>`;\n}\n"],"names":["exportBlogCard","block","depth","basePath","theme","image","date","category","title","excerpt","linkText","linkHref","imgHtml","escapeHtml","metaHtml","linkHtml","dataBlockIdAttr","exportBlogCardGrid","renderChild","subtitle","columns","cards","gridId","generateScopedId","responsiveConfig","resolveResponsiveColumns","inlineStyles","mediaQueries","generateResponsiveGridStyles","headerHtml","cardsHtml","c","i","exportTeamCard","avatar","name","role","avatarHtml","exportTeamGrid","members","membersHtml","m","exportCourseCardGrid","courseTitle","courseSubtitle","courseCols","courseHeaderHtml","courseCardsHtml","card","priceInner","priceHtml","durationHtml","levelHtml","exportCountdown","description","showPlaceholders","buttonText","buttonHref","variant","badgeText","bg","isBanner","sectionStyle","countdownId","countdownCss","badgeCircle","placeholdersHtml","label","btnHtml","inner","exportCarousel","slides","slide","carouselId","carouselCss","slideImg","primaryBtn","secondaryBtn","slideContent","slideHtml"],"mappings":"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"}

package/dist/engine/export/exporters/sections/MarketingExporters.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { generateScopedId as C } from "../../shared/idGenerator.js";
 import { resolveResponsiveColumns as k, generateResponsiveGridStyles as S } from "../../shared/responsiveGridHelper.js";
 import { generateButtonHoverStyles as G, generateButtonOverlayCSS as R, getButtonHoverKeyframes as J } from "../../../shared/hoverEffects/buttonHover.js";
 function Z(t, p, l, m) {
-  const { icon: n, title: o, description: r } = t.props, i = n ? '<div style="width: 3rem; height: 3rem; background-color: var(--sg-primary); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: #fff;">[★]</div>' : "";
+  const { icon: n, title: o, description: r } = t.props, i = n ? '<div style="width: 3rem; height: 3rem; background-color: var(--sg-primary); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; color: var(--sg-primary-text, #fff);">[★]</div>' : "";
   return `<div ${$(t.id)} data-block-group="Conteúdo" style="padding: 1.5rem; text-align: center;">${i}<h3 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem;">${e(o)}</h3><p style="color: var(--sg-muted-text); font-size: 0.875rem;">${e(r)}</p></div>`;
 }
 function tt(t, p, l, m, n) {
@@ -14,7 +14,7 @@ function tt(t, p, l, m, n) {
     variant: a = "default",
     features: s = []
   } = t.props, d = C(t.id || "", "feature-grid"), u = k(i, 1, 2, i), { inlineStyles: g, mediaQueries: v } = S(d, u, "2rem"), y = a === "image-cards", f = o || r ? `<div data-block-group="Conteúdo" style="text-align: center; margin-bottom: 3rem;">${o ? `<h2 style="font-size: var(--sg-heading-h2); margin-bottom: 0.5rem;">${e(o)}</h2>` : ""}${r ? `<p style="color: var(--sg-muted-text); font-size: 1.125rem;">${e(r)}</p>` : ""}</div>` : "", z = s.map((c) => {
-    const h = y && c.image ? `<div style="width: 100%; height: 200px; background-image: url(${e(c.image)}); background-size: cover; background-position: center;"></div>` : "", b = !y && c.icon ? '<div style="width: 3rem; height: 3rem; background-color: var(--sg-primary); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; color: #fff;">[★]</div>' : "", B = c.link ? `<a href="${e(c.link.href || "#")}" style="display: inline-block; margin-top: 0.75rem; color: var(--sg-primary); font-weight: 500; text-decoration: none; border: 1px solid var(--sg-primary); padding: 0.5rem 1rem; border-radius: var(--sg-button-radius);">${e(c.link.text)}</a>` : "", H = y && c.image ? "1.5rem" : "2rem";
+    const h = y && c.image ? `<div style="width: 100%; height: 200px; background-image: url(${e(c.image)}); background-size: cover; background-position: center;"></div>` : "", b = !y && c.icon ? '<div style="width: 3rem; height: 3rem; background-color: var(--sg-primary); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; color: var(--sg-primary-text, #fff);">[★]</div>' : "", B = c.link ? `<a href="${e(c.link.href || "#")}" style="display: inline-block; margin-top: 0.75rem; color: var(--sg-primary); font-weight: 500; text-decoration: none; border: 1px solid var(--sg-primary); padding: 0.5rem 1rem; border-radius: var(--sg-button-radius);">${e(c.link.text)}</a>` : "", H = y && c.image ? "1.5rem" : "2rem";
     return `<div style="background-color: var(--sg-bg); border-radius: 0.75rem; padding: ${y && c.image ? 0 : "2rem"}; box-shadow: var(--sg-card-shadow); overflow: hidden;">${h}<div style="padding: ${H};">${b}<h3 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem;">${e(c.title)}</h3><p style="color: var(--sg-muted-text);">${e(c.description)}</p>${B}</div></div>`;
   }).join("");
   return `<style>${v}</style><section ${w(t.id)} ${$(t.id)} style="padding: 4rem 0; background-color: var(--sg-surface);"><div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">${f}<div data-block-group="Layout" id="${d}" style="${g}">${z}</div></div></section>`;
@@ -103,7 +103,7 @@ function rt(t, p, l, m) {
     buttonText: s,
     highlighted: d,
     badge: u
-  } = t.props, g = u ? `<span style="position: absolute; top: -0.75rem; right: 1rem; background-color: var(--sg-primary); color: #fff; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem;">${e(u)}</span>` : "", v = a.map(
+  } = t.props, g = u ? `<span style="position: absolute; top: -0.75rem; right: 1rem; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem;">${e(u)}</span>` : "", v = a.map(
     (f) => `<li style="padding: 0.5rem 0; display: flex; align-items: center; gap: 0.5rem;"><span style="color: var(--sg-success);">✓</span>${e(f)}</li>`
   ).join(""), y = d ? "background-color: var(--sg-primary); color: var(--sg-primary-text); border: none;" : "background-color: transparent; color: var(--sg-primary); border: 1px solid var(--sg-primary);";
   return `<div ${$(t.id)} data-block-group="Conteúdo" style="background-color: var(--sg-bg); border-radius: 0.75rem; padding: 2rem; box-shadow: ${d ? "var(--sg-shadow-strong)" : "var(--sg-card-shadow)"}; border: ${d ? "2px solid var(--sg-primary)" : "1px solid var(--sg-border)"}; position: relative;">${g}<h3 style="font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem;">${e(n)}</h3>${i ? `<p style="color: var(--sg-muted-text); margin-bottom: 1rem;">${e(i)}</p>` : ""}<div style="margin-bottom: 1.5rem;"><span style="font-size: 2.5rem; font-weight: 700;">${e(o)}</span>${r ? `<span style="color: var(--sg-muted-text);">${e(r)}</span>` : ""}</div><ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">${v}</ul>${s ? `<button style="width: 100%; padding: 0.625rem 1.25rem; ${y} border-radius: var(--sg-button-radius); font-weight: 500; cursor: pointer;">${e(s)}</button>` : ""}</div>`;
@@ -130,7 +130,7 @@ function it(t, p, l, m) {
     authorCompany: i,
     authorAvatar: a,
     rating: s
-  } = t.props, d = s ? `<div data-block-group="Estilo" style="margin-bottom: 1rem; color: #fbbf24;">${"★".repeat(s)}</div>` : "", u = a ? `<img src="${e(a)}" alt="${e(o)}" style="width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover;" />` : `<div style="width: 3rem; height: 3rem; border-radius: 50%; background-color: var(--sg-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600;">${o ? o.split(" ").map((g) => g[0]).join("").toUpperCase().slice(0, 2) : "?"}</div>`;
+  } = t.props, d = s ? `<div data-block-group="Estilo" style="margin-bottom: 1rem; color: #fbbf24;">${"★".repeat(s)}</div>` : "", u = a ? `<img src="${e(a)}" alt="${e(o)}" style="width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover;" />` : `<div style="width: 3rem; height: 3rem; border-radius: 50%; background-color: var(--sg-primary); color: var(--sg-primary-text, #fff); display: flex; align-items: center; justify-content: center; font-weight: 600;">${o ? o.split(" ").map((g) => g[0]).join("").toUpperCase().slice(0, 2) : "?"}</div>`;
   return `<div ${$(t.id)} style="background-color: var(--sg-surface); border-radius: var(--sg-card-radius); padding: 2rem;">${d}<blockquote data-block-group="Conteúdo" style="font-size: 1rem; margin-bottom: 1.5rem; font-style: italic;">"${e(n)}"</blockquote><div data-block-group="Autor" style="display: flex; align-items: center; gap: 1rem;">${u}<div><div style="font-weight: 600;">${e(o)}</div>${r || i ? `<div style="color: var(--sg-muted-text); font-size: 0.875rem;">${e(r || "")}${r && i ? ", " : ""}${e(i || "")}</div>` : ""}</div></div></div>`;
 }
 function nt(t, p, l, m, n) {