@brunoalz/smartgesti-site-editor 1.0.0 → 1.2.0

package/dist/engine/render/renderers/sections/BlogPostDetailRenderer.js

@@ -0,0 +1,293 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+function p({ size: t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        width: t,
+        height: t,
+        borderRadius: "50%",
+        background: "linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        color: "#fff",
+        fontSize: `calc(${t} * 0.45)`,
+        fontWeight: 700
+      },
+      children: "A"
+    }
+  );
+}
+function S(t) {
+  const {
+    title: l,
+    content: h,
+    featuredImage: s,
+    date: i,
+    category: o,
+    readingTime: a,
+    tags: d = [],
+    showFeaturedImage: u = !0,
+    showAuthor: f = !0,
+    authorVariant: n = "inline",
+    showDate: g = !0,
+    showTags: m = !0,
+    showReadingTime: c = !0,
+    contentMaxWidth: v = "720px"
+  } = t.props;
+  return /* @__PURE__ */ r(
+    "article",
+    {
+      style: {
+        padding: "var(--sg-section-padding-md)",
+        backgroundColor: "var(--sg-bg)"
+      },
+      children: [
+        u && s && /* @__PURE__ */ e(
+          "div",
+          {
+            "data-block-group": "Mídia",
+            style: {
+              maxWidth: "1200px",
+              margin: "0 auto 2.5rem auto",
+              borderRadius: "var(--sg-card-radius)",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: s,
+                alt: l,
+                style: {
+                  width: "100%",
+                  height: "auto",
+                  maxHeight: "480px",
+                  objectFit: "cover",
+                  display: "block"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              maxWidth: v,
+              margin: "0 auto",
+              padding: "0 1rem"
+            },
+            children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  "data-block-group": "Conteúdo",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.75rem",
+                    marginBottom: "1rem",
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    o && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "0.8125rem",
+                          fontWeight: 600,
+                          color: "var(--sg-primary)",
+                          textTransform: "uppercase",
+                          letterSpacing: "0.05em"
+                        },
+                        children: o
+                      }
+                    ),
+                    o && (g && i || c && a) && /* @__PURE__ */ e("span", { style: { color: "var(--sg-muted-text)", fontSize: "0.75rem" }, children: "·" }),
+                    g && i && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        style: {
+                          color: "var(--sg-muted-text)",
+                          fontSize: "0.875rem"
+                        },
+                        children: i
+                      }
+                    ),
+                    c && a && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        style: {
+                          color: "var(--sg-muted-text)",
+                          fontSize: "0.875rem"
+                        },
+                        children: a
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  style: {
+                    fontSize: "2.5rem",
+                    fontWeight: 700,
+                    lineHeight: 1.2,
+                    marginBottom: "2rem"
+                  },
+                  children: l
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  style: {
+                    fontSize: "1.0625rem",
+                    lineHeight: 1.8,
+                    color: "var(--sg-text)"
+                  },
+                  dangerouslySetInnerHTML: { __html: h || "" }
+                }
+              ),
+              m && d.length > 0 && /* @__PURE__ */ e(
+                "div",
+                {
+                  "data-block-group": "Visibilidade",
+                  style: {
+                    display: "flex",
+                    flexWrap: "wrap",
+                    gap: "0.5rem",
+                    marginTop: "2.5rem",
+                    paddingTop: "1.5rem",
+                    borderTop: "1px solid var(--sg-border, #e5e7eb)"
+                  },
+                  children: d.map((y, x) => /* @__PURE__ */ e(
+                    "span",
+                    {
+                      style: {
+                        display: "inline-block",
+                        padding: "0.25rem 0.75rem",
+                        backgroundColor: "var(--sg-surface)",
+                        color: "var(--sg-muted-text)",
+                        borderRadius: "9999px",
+                        fontSize: "0.8125rem",
+                        fontWeight: 500
+                      },
+                      children: y
+                    },
+                    x
+                  ))
+                }
+              ),
+              f && /* @__PURE__ */ r(
+                "div",
+                {
+                  "data-block-group": "Autor",
+                  style: {
+                    marginTop: "2.5rem",
+                    paddingTop: "1.5rem",
+                    borderTop: m && d.length > 0 ? void 0 : "1px solid var(--sg-border, #e5e7eb)"
+                  },
+                  children: [
+                    n === "card" && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "flex-start",
+                          gap: "1rem",
+                          padding: "1.25rem",
+                          borderRadius: "var(--sg-card-radius, 0.75rem)",
+                          backgroundColor: "var(--sg-surface, #f9fafb)"
+                        },
+                        children: [
+                          /* @__PURE__ */ e(p, { size: "3.5rem" }),
+                          /* @__PURE__ */ r("div", { children: [
+                            /* @__PURE__ */ e(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: "0.75rem",
+                                  color: "var(--sg-muted-text)",
+                                  textTransform: "uppercase",
+                                  letterSpacing: "0.05em",
+                                  marginBottom: "0.125rem"
+                                },
+                                children: "Escrito por"
+                              }
+                            ),
+                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "1rem" }, children: "Nome do Autor" }),
+                            /* @__PURE__ */ e(
+                              "p",
+                              {
+                                style: {
+                                  color: "var(--sg-muted-text)",
+                                  fontSize: "0.9375rem",
+                                  lineHeight: 1.5,
+                                  margin: "0.25rem 0 0"
+                                },
+                                children: "Bio do autor carregada do banco de dados."
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    ),
+                    n === "inline" && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "0.75rem"
+                        },
+                        children: [
+                          /* @__PURE__ */ e(p, { size: "2.5rem" }),
+                          /* @__PURE__ */ r("div", { children: [
+                            /* @__PURE__ */ e(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: "0.75rem",
+                                  color: "var(--sg-muted-text)"
+                                },
+                                children: "Escrito por"
+                              }
+                            ),
+                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "0.9375rem" }, children: "Nome do Autor" })
+                          ] })
+                        ]
+                      }
+                    ),
+                    n === "minimal" && /* @__PURE__ */ r(
+                      "p",
+                      {
+                        style: {
+                          color: "var(--sg-muted-text)",
+                          fontSize: "0.9375rem"
+                        },
+                        children: [
+                          "Escrito por",
+                          " ",
+                          /* @__PURE__ */ e("span", { style: { fontWeight: 600, color: "var(--sg-text)" }, children: "Nome do Autor" })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    },
+    t.id
+  );
+}
+export {
+  S as renderBlogPostDetail
+};
+//# sourceMappingURL=BlogPostDetailRenderer.js.map

package/dist/engine/render/renderers/sections/BlogPostDetailRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostDetailRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogPostDetailRenderer.tsx"],"sourcesContent":["/**\n * BlogPostDetail Renderer\n * Renderiza conteudo completo de um post de blog (pagina blog/:slug)\n * Dados do autor sao dinamicos (vem do banco) — aqui usamos placeholders.\n */\n\nimport React from \"react\";\n\nfunction AuthorPlaceholderAvatar({ size }: { size: string }) {\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%)\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n        color: \"#fff\",\n        fontSize: `calc(${size} * 0.45)`,\n        fontWeight: 700,\n      }}\n    >\n      A\n    </div>\n  );\n}\n\nexport function renderBlogPostDetail(block: any): React.ReactNode {\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.props;\n\n  return (\n    <article\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: \"var(--sg-bg)\",\n      }}\n    >\n      {/* Featured image — full width banner */}\n      {showFeaturedImage && featuredImage && (\n        <div\n          data-block-group=\"Mídia\"\n          style={{\n            maxWidth: \"1200px\",\n            margin: \"0 auto 2.5rem auto\",\n            borderRadius: \"var(--sg-card-radius)\",\n            overflow: \"hidden\",\n          }}\n        >\n          <img\n            src={featuredImage}\n            alt={title}\n            style={{\n              width: \"100%\",\n              height: \"auto\",\n              maxHeight: \"480px\",\n              objectFit: \"cover\",\n              display: \"block\",\n            }}\n          />\n        </div>\n      )}\n\n      {/* Content area */}\n      <div\n        style={{\n          maxWidth: contentMaxWidth,\n          margin: \"0 auto\",\n          padding: \"0 1rem\",\n        }}\n      >\n        {/* Post header: category, date, reading time */}\n        <div\n          data-block-group=\"Conteúdo\"\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"0.75rem\",\n            marginBottom: \"1rem\",\n            flexWrap: \"wrap\",\n          }}\n        >\n          {category && (\n            <span\n              style={{\n                fontSize: \"0.8125rem\",\n                fontWeight: 600,\n                color: \"var(--sg-primary)\",\n                textTransform: \"uppercase\",\n                letterSpacing: \"0.05em\",\n              }}\n            >\n              {category}\n            </span>\n          )}\n          {category && ((showDate && date) || (showReadingTime && readingTime)) && (\n            <span style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.75rem\" }}>\n              {\"\\u00B7\"}\n            </span>\n          )}\n          {showDate && date && (\n            <span\n              style={{\n                color: \"var(--sg-muted-text)\",\n                fontSize: \"0.875rem\",\n              }}\n            >\n              {date}\n            </span>\n          )}\n          {showReadingTime && readingTime && (\n            <span\n              style={{\n                color: \"var(--sg-muted-text)\",\n                fontSize: \"0.875rem\",\n              }}\n            >\n              {readingTime}\n            </span>\n          )}\n        </div>\n\n        {/* Title */}\n        <h1\n          style={{\n            fontSize: \"2.5rem\",\n            fontWeight: 700,\n            lineHeight: 1.2,\n            marginBottom: \"2rem\",\n          }}\n        >\n          {title}\n        </h1>\n\n        {/* Content body (rendered HTML) */}\n        <div\n          style={{\n            fontSize: \"1.0625rem\",\n            lineHeight: 1.8,\n            color: \"var(--sg-text)\",\n          }}\n          dangerouslySetInnerHTML={{ __html: content || \"\" }}\n        />\n\n        {/* Tags */}\n        {showTags && tags.length > 0 && (\n          <div\n            data-block-group=\"Visibilidade\"\n            style={{\n              display: \"flex\",\n              flexWrap: \"wrap\",\n              gap: \"0.5rem\",\n              marginTop: \"2.5rem\",\n              paddingTop: \"1.5rem\",\n              borderTop: \"1px solid var(--sg-border, #e5e7eb)\",\n            }}\n          >\n            {tags.map((tag: string, index: number) => (\n              <span\n                key={index}\n                style={{\n                  display: \"inline-block\",\n                  padding: \"0.25rem 0.75rem\",\n                  backgroundColor: \"var(--sg-surface)\",\n                  color: \"var(--sg-muted-text)\",\n                  borderRadius: \"9999px\",\n                  fontSize: \"0.8125rem\",\n                  fontWeight: 500,\n                }}\n              >\n                {tag}\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Author — dynamic placeholder (data comes from DB at runtime) */}\n        {showAuthor && (\n          <div\n            data-block-group=\"Autor\"\n            style={{\n              marginTop: \"2.5rem\",\n              paddingTop: \"1.5rem\",\n              borderTop:\n                showTags && tags.length > 0\n                  ? undefined\n                  : \"1px solid var(--sg-border, #e5e7eb)\",\n            }}\n          >\n            {authorVariant === \"card\" && (\n              <div\n                style={{\n                  display: \"flex\",\n                  alignItems: \"flex-start\",\n                  gap: \"1rem\",\n                  padding: \"1.25rem\",\n                  borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                  backgroundColor: \"var(--sg-surface, #f9fafb)\",\n                }}\n              >\n                <AuthorPlaceholderAvatar size=\"3.5rem\" />\n                <div>\n                  <div\n                    style={{\n                      fontSize: \"0.75rem\",\n                      color: \"var(--sg-muted-text)\",\n                      textTransform: \"uppercase\",\n                      letterSpacing: \"0.05em\",\n                      marginBottom: \"0.125rem\",\n                    }}\n                  >\n                    Escrito por\n                  </div>\n                  <div style={{ fontWeight: 600, fontSize: \"1rem\" }}>\n                    Nome do Autor\n                  </div>\n                  <p\n                    style={{\n                      color: \"var(--sg-muted-text)\",\n                      fontSize: \"0.9375rem\",\n                      lineHeight: 1.5,\n                      margin: \"0.25rem 0 0\",\n                    }}\n                  >\n                    Bio do autor carregada do banco de dados.\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {authorVariant === \"inline\" && (\n              <div\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"0.75rem\",\n                }}\n              >\n                <AuthorPlaceholderAvatar size=\"2.5rem\" />\n                <div>\n                  <div\n                    style={{\n                      fontSize: \"0.75rem\",\n                      color: \"var(--sg-muted-text)\",\n                    }}\n                  >\n                    Escrito por\n                  </div>\n                  <div style={{ fontWeight: 600, fontSize: \"0.9375rem\" }}>\n                    Nome do Autor\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {authorVariant === \"minimal\" && (\n              <p\n                style={{\n                  color: \"var(--sg-muted-text)\",\n                  fontSize: \"0.9375rem\",\n                }}\n              >\n                Escrito por{\" \"}\n                <span style={{ fontWeight: 600, color: \"var(--sg-text)\" }}>\n                  Nome do Autor\n                </span>\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </article>\n  );\n}\n"],"names":["AuthorPlaceholderAvatar","size","jsx","renderBlogPostDetail","block","title","content","featuredImage","date","category","readingTime","tags","showFeaturedImage","showAuthor","authorVariant","showDate","showTags","showReadingTime","contentMaxWidth","jsxs","tag","index"],"mappings":"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"}

package/dist/engine/render/renderers/sections/BlogPostGridRenderer.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare function renderBlogPostGrid(block: any): React.ReactNode;
+//# sourceMappingURL=BlogPostGridRenderer.d.ts.map

package/dist/engine/render/renderers/sections/BlogPostGridRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostGridRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogPostGridRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CA+G9D"}

package/dist/engine/render/renderers/sections/BlogPostGridRenderer.js

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { renderBlogPostCard as c } from "./BlogPostCardRenderer.js";
+function v(r) {
+  const {
+    title: t,
+    subtitle: i,
+    columns: l = 3,
+    cards: a = [],
+    variant: d = "default",
+    showViewAll: s = !1,
+    viewAllText: m = "Ver todos",
+    viewAllHref: g = "#"
+  } = r.props;
+  return /* @__PURE__ */ e(
+    "section",
+    {
+      style: {
+        padding: "var(--sg-section-padding-md)",
+        backgroundColor: "var(--sg-bg)"
+      },
+      children: /* @__PURE__ */ o("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
+        (t || i) && /* @__PURE__ */ o("div", { "data-block-group": "Cabeçalho", style: { textAlign: "center", marginBottom: "3rem" }, children: [
+          t && /* @__PURE__ */ e(
+            "h2",
+            {
+              style: {
+                fontSize: "var(--sg-heading-h2)",
+                marginBottom: "0.5rem"
+              },
+              children: t
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            "p",
+            {
+              style: { color: "var(--sg-muted-text)", fontSize: "1.125rem" },
+              children: i
+            }
+          )
+        ] }),
+        a.length > 0 ? /* @__PURE__ */ e(
+          "div",
+          {
+            "data-block-group": "Layout",
+            style: {
+              display: "grid",
+              gridTemplateColumns: `repeat(${l}, 1fr)`,
+              gap: "2rem"
+            },
+            children: a.map(
+              (p, n) => c({
+                id: `${r.id}-card-${n}`,
+                props: {
+                  ...p,
+                  variant: d === "featured" && n === 0 ? "horizontal" : d === "minimal" ? "minimal" : "default"
+                }
+              })
+            )
+          }
+        ) : /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              padding: "3rem 1rem",
+              color: "var(--sg-muted-text)",
+              border: "2px dashed var(--sg-border, #e5e7eb)",
+              borderRadius: "var(--sg-card-radius, 0.5rem)"
+            },
+            children: [
+              /* @__PURE__ */ e("p", { style: { fontSize: "1rem", marginBottom: "0.5rem" }, children: "Nenhum post encontrado" }),
+              /* @__PURE__ */ e("p", { style: { fontSize: "0.875rem" }, children: "Os posts aparecerão aqui quando forem publicados." })
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ e("div", { "data-block-group": "Rodapé", style: { textAlign: "center", marginTop: "2.5rem" }, children: /* @__PURE__ */ e(
+          "a",
+          {
+            href: g,
+            style: {
+              display: "inline-block",
+              padding: "0.75rem 2rem",
+              color: "var(--sg-primary)",
+              border: "1px solid var(--sg-primary)",
+              borderRadius: "var(--sg-button-radius, 0.5rem)",
+              textDecoration: "none",
+              fontWeight: 500,
+              fontSize: "0.9375rem"
+            },
+            children: m
+          }
+        ) })
+      ] })
+    },
+    r.id
+  );
+}
+export {
+  v as renderBlogPostGrid
+};
+//# sourceMappingURL=BlogPostGridRenderer.js.map

package/dist/engine/render/renderers/sections/BlogPostGridRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostGridRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogPostGridRenderer.tsx"],"sourcesContent":["/**\n * BlogPostGrid Renderer\n * Renderiza grid de cards de blog posts com título, subtítulo e link \"ver todos\"\n */\n\nimport React from \"react\";\nimport { renderBlogPostCard } from \"./BlogPostCardRenderer\";\n\nexport function renderBlogPostGrid(block: any): React.ReactNode {\n  const {\n    title,\n    subtitle,\n    columns = 3,\n    cards = [],\n    variant = \"default\",\n    showViewAll = false,\n    viewAllText = \"Ver todos\",\n    viewAllHref = \"#\",\n  } = block.props;\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: \"var(--sg-bg)\",\n      }}\n    >\n      <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        {/* Header */}\n        {(title || subtitle) && (\n          <div data-block-group=\"Cabeçalho\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n            {title && (\n              <h2\n                style={{\n                  fontSize: \"var(--sg-heading-h2)\",\n                  marginBottom: \"0.5rem\",\n                }}\n              >\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p\n                style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\" }}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n\n        {/* Grid */}\n        {cards.length > 0 ? (\n          <div\n            data-block-group=\"Layout\"\n            style={{\n              display: \"grid\",\n              gridTemplateColumns: `repeat(${columns}, 1fr)`,\n              gap: \"2rem\",\n            }}\n          >\n            {cards.map((card: any, index: number) =>\n              renderBlogPostCard({\n                id: `${block.id}-card-${index}`,\n                props: {\n                  ...card,\n                  variant:\n                    variant === \"featured\" && index === 0\n                      ? \"horizontal\"\n                      : variant === \"minimal\"\n                        ? \"minimal\"\n                        : \"default\",\n                },\n              }),\n            )}\n          </div>\n        ) : (\n          <div\n            style={{\n              textAlign: \"center\",\n              padding: \"3rem 1rem\",\n              color: \"var(--sg-muted-text)\",\n              border: \"2px dashed var(--sg-border, #e5e7eb)\",\n              borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n            }}\n          >\n            <p style={{ fontSize: \"1rem\", marginBottom: \"0.5rem\" }}>\n              Nenhum post encontrado\n            </p>\n            <p style={{ fontSize: \"0.875rem\" }}>\n              Os posts aparecerão aqui quando forem publicados.\n            </p>\n          </div>\n        )}\n\n        {/* View All link */}\n        {showViewAll && (\n          <div data-block-group=\"Rodapé\" style={{ textAlign: \"center\", marginTop: \"2.5rem\" }}>\n            <a\n              href={viewAllHref}\n              style={{\n                display: \"inline-block\",\n                padding: \"0.75rem 2rem\",\n                color: \"var(--sg-primary)\",\n                border: \"1px solid var(--sg-primary)\",\n                borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                textDecoration: \"none\",\n                fontWeight: 500,\n                fontSize: \"0.9375rem\",\n              }}\n            >\n              {viewAllText}\n            </a>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"names":["renderBlogPostGrid","block","title","subtitle","columns","cards","variant","showViewAll","viewAllText","viewAllHref","jsx","jsxs","card","index","renderBlogPostCard"],"mappings":";;AAQO,SAASA,EAAmBC,GAA6B;AAC9D,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ,CAAA;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,EAAA,IACZR,EAAM;AAEV,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,MAGnB,UAAA,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,UAAU,QAAQ,UAAU,SAAS,SAAA,GAEzD,UAAA;AAAA,SAAAT,KAASC,MACT,gBAAAQ,EAAC,OAAA,EAAI,oBAAiB,aAAY,OAAO,EAAE,WAAW,UAAU,cAAc,OAAA,GAC3E,UAAA;AAAA,UAAAT,KACC,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,cAAA;AAAA,cAGf,UAAAR;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJC,KACC,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA;AAAA,cAEjD,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QAIDE,EAAM,SAAS,IACd,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,oBAAiB;AAAA,YACjB,OAAO;AAAA,cACL,SAAS;AAAA,cACT,qBAAqB,UAAUN,CAAO;AAAA,cACtC,KAAK;AAAA,YAAA;AAAA,YAGN,UAAAC,EAAM;AAAA,cAAI,CAACO,GAAWC,MACrBC,EAAmB;AAAA,gBACjB,IAAI,GAAGb,EAAM,EAAE,SAASY,CAAK;AAAA,gBAC7B,OAAO;AAAA,kBACL,GAAGD;AAAA,kBACH,SACEN,MAAY,cAAcO,MAAU,IAChC,eACAP,MAAY,YACV,YACA;AAAA,gBAAA;AAAA,cACV,CACD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,IAGF,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,WAAW;AAAA,cACX,SAAS;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAA,gBAAAD,EAAC,KAAA,EAAE,OAAO,EAAE,UAAU,QAAQ,cAAc,SAAA,GAAY,UAAA,yBAAA,CAExD;AAAA,gCACC,KAAA,EAAE,OAAO,EAAE,UAAU,WAAA,GAAc,UAAA,oDAAA,CAEpC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKHH,KACC,gBAAAG,EAAC,OAAA,EAAI,oBAAiB,UAAS,OAAO,EAAE,WAAW,UAAU,WAAW,SAAA,GACtE,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMD;AAAA,YACN,OAAO;AAAA,cACL,SAAS;AAAA,cACT,SAAS;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,UAAU;AAAA,YAAA;AAAA,YAGX,UAAAD;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,IA9FKP,EAAM;AAAA,EAAA;AAiGjB;"}

package/dist/engine/render/renderers/sections/CtaRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CtaRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/CtaRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAuFrD"}
+{"version":3,"file":"CtaRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/CtaRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAyFrD"}

package/dist/engine/render/renderers/sections/CtaRenderer.js

@@ -1,46 +1,48 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-function l(n) {
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+function l(o) {
   const {
     title: d,
     description: i,
     primaryButton: e,
     secondaryButton: a,
-    variant: s = "centered",
-    bg: g
-  } = n.props, r = s === "gradient";
+    variant: g = "centered",
+    bg: s
+  } = o.props, r = g === "gradient";
   return /* @__PURE__ */ t(
     "section",
     {
       style: {
         padding: "var(--sg-section-padding-md)",
-        backgroundColor: r ? "var(--sg-primary)" : g || "var(--sg-surface)",
+        backgroundColor: r ? "var(--sg-primary)" : s || "var(--sg-surface)",
         background: r ? "linear-gradient(135deg, var(--sg-primary), var(--sg-accent))" : void 0,
         textAlign: "center"
       },
-      children: /* @__PURE__ */ o("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "0 1rem" }, children: [
-        /* @__PURE__ */ t(
-          "h2",
-          {
-            style: {
-              fontSize: "var(--sg-heading-h2)",
-              marginBottom: "1rem",
-              color: r ? "#fff" : "var(--sg-text)"
-            },
-            children: d
-          }
-        ),
-        i && /* @__PURE__ */ t(
-          "p",
-          {
-            style: {
-              fontSize: "1.125rem",
-              marginBottom: "2rem",
-              color: r ? "rgba(255,255,255,0.9)" : "var(--sg-muted-text)"
-            },
-            children: i
-          }
-        ),
-        /* @__PURE__ */ o("div", { style: { display: "flex", gap: "1rem", justifyContent: "center" }, children: [
+      children: /* @__PURE__ */ n("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "0 1rem" }, children: [
+        /* @__PURE__ */ n("div", { "data-block-group": "Conteúdo", children: [
+          /* @__PURE__ */ t(
+            "h2",
+            {
+              style: {
+                fontSize: "var(--sg-heading-h2)",
+                marginBottom: "1rem",
+                color: r ? "#fff" : "var(--sg-text)"
+              },
+              children: d
+            }
+          ),
+          i && /* @__PURE__ */ t(
+            "p",
+            {
+              style: {
+                fontSize: "1.125rem",
+                marginBottom: "2rem",
+                color: r ? "rgba(255,255,255,0.9)" : "var(--sg-muted-text)"
+              },
+              children: i
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { "data-block-group": "Botoes", style: { display: "flex", gap: "1rem", justifyContent: "center" }, children: [
           e && /* @__PURE__ */ t(
             "a",
             {
@@ -75,7 +77,7 @@ function l(n) {
         ] })
       ] })
     },
-    n.id
+    o.id
   );
 }
 export {

package/dist/engine/render/renderers/sections/CtaRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CtaRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/CtaRenderer.tsx"],"sourcesContent":["/**\n * CTA Renderer\n * Renderiza call-to-action com título, descrição e botões\n */\n\nimport React from \"react\";\n\nexport function renderCta(block: any): React.ReactNode {\n  const {\n    title,\n    description,\n    primaryButton,\n    secondaryButton,\n    variant = \"centered\",\n    bg,\n  } = block.props;\n\n  const isGradient = variant === \"gradient\";\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: isGradient\n          ? \"var(--sg-primary)\"\n          : bg || \"var(--sg-surface)\",\n        background: isGradient\n          ? \"linear-gradient(135deg, var(--sg-primary), var(--sg-accent))\"\n          : undefined,\n        textAlign: \"center\",\n      }}\n    >\n      <div style={{ maxWidth: \"800px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        <h2\n          style={{\n            fontSize: \"var(--sg-heading-h2)\",\n            marginBottom: \"1rem\",\n            color: isGradient ? \"#fff\" : \"var(--sg-text)\",\n          }}\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            style={{\n              fontSize: \"1.125rem\",\n              marginBottom: \"2rem\",\n              color: isGradient\n                ? \"rgba(255,255,255,0.9)\"\n                : \"var(--sg-muted-text)\",\n            }}\n          >\n            {description}\n          </p>\n        )}\n        <div style={{ display: \"flex\", gap: \"1rem\", justifyContent: \"center\" }}>\n          {primaryButton && (\n            <a\n              href={primaryButton.href || \"#\"}\n              style={{\n                padding: \"var(--sg-button-padding-lg)\",\n                backgroundColor: isGradient ? \"#fff\" : \"var(--sg-primary)\",\n                color: isGradient\n                  ? \"var(--sg-primary)\"\n                  : \"var(--sg-primary-text)\",\n                borderRadius: \"var(--sg-button-radius)\",\n                textDecoration: \"none\",\n                fontWeight: 500,\n              }}\n            >\n              {primaryButton.text}\n            </a>\n          )}\n          {secondaryButton && (\n            <a\n              href={secondaryButton.href || \"#\"}\n              style={{\n                padding: \"var(--sg-button-padding-lg)\",\n                backgroundColor: \"transparent\",\n                color: isGradient ? \"#fff\" : \"var(--sg-primary)\",\n                border: `1px solid ${isGradient ? \"#fff\" : \"var(--sg-primary)\"}`,\n                borderRadius: \"var(--sg-button-radius)\",\n                textDecoration: \"none\",\n                fontWeight: 500,\n              }}\n            >\n              {secondaryButton.text}\n            </a>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderCta","block","title","description","primaryButton","secondaryButton","variant","bg","isGradient","jsx","jsxs"],"mappings":";AAOO,SAASA,EAAUC,GAA6B;AACrD,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,IAAAC;AAAA,EAAA,IACEN,EAAM,OAEJO,IAAaF,MAAY;AAE/B,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiBD,IACb,sBACAD,KAAM;AAAA,QACV,YAAYC,IACR,iEACA;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAE,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,SAAS,QAAQ,UAAU,SAAS,SAAA,GAC1D,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,cAAc;AAAA,cACd,OAAOD,IAAa,SAAS;AAAA,YAAA;AAAA,YAG9B,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC,KACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,cAAc;AAAA,cACd,OAAOD,IACH,0BACA;AAAA,YAAA;AAAA,YAGL,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAO,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,gBAAgB,SAAA,GACzD,UAAA;AAAA,UAAAN,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAML,EAAc,QAAQ;AAAA,cAC5B,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,iBAAiBI,IAAa,SAAS;AAAA,gBACvC,OAAOA,IACH,sBACA;AAAA,gBACJ,cAAc;AAAA,gBACd,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cAAA;AAAA,cAGb,UAAAJ,EAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlBC,KACC,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAMJ,EAAgB,QAAQ;AAAA,cAC9B,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,OAAOG,IAAa,SAAS;AAAA,gBAC7B,QAAQ,aAAaA,IAAa,SAAS,mBAAmB;AAAA,gBAC9D,cAAc;AAAA,gBACd,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cAAA;AAAA,cAGb,UAAAH,EAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnB,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,IAtEKJ,EAAM;AAAA,EAAA;AAyEjB;"}
+{"version":3,"file":"CtaRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/CtaRenderer.tsx"],"sourcesContent":["/**\n * CTA Renderer\n * Renderiza call-to-action com título, descrição e botões\n */\n\nimport React from \"react\";\n\nexport function renderCta(block: any): React.ReactNode {\n  const {\n    title,\n    description,\n    primaryButton,\n    secondaryButton,\n    variant = \"centered\",\n    bg,\n  } = block.props;\n\n  const isGradient = variant === \"gradient\";\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: isGradient\n          ? \"var(--sg-primary)\"\n          : bg || \"var(--sg-surface)\",\n        background: isGradient\n          ? \"linear-gradient(135deg, var(--sg-primary), var(--sg-accent))\"\n          : undefined,\n        textAlign: \"center\",\n      }}\n    >\n      <div style={{ maxWidth: \"800px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        <div data-block-group=\"Conteúdo\">\n        <h2\n          style={{\n            fontSize: \"var(--sg-heading-h2)\",\n            marginBottom: \"1rem\",\n            color: isGradient ? \"#fff\" : \"var(--sg-text)\",\n          }}\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            style={{\n              fontSize: \"1.125rem\",\n              marginBottom: \"2rem\",\n              color: isGradient\n                ? \"rgba(255,255,255,0.9)\"\n                : \"var(--sg-muted-text)\",\n            }}\n          >\n            {description}\n          </p>\n        )}\n        </div>\n        <div data-block-group=\"Botoes\" style={{ display: \"flex\", gap: \"1rem\", justifyContent: \"center\" }}>\n          {primaryButton && (\n            <a\n              href={primaryButton.href || \"#\"}\n              style={{\n                padding: \"var(--sg-button-padding-lg)\",\n                backgroundColor: isGradient ? \"#fff\" : \"var(--sg-primary)\",\n                color: isGradient\n                  ? \"var(--sg-primary)\"\n                  : \"var(--sg-primary-text)\",\n                borderRadius: \"var(--sg-button-radius)\",\n                textDecoration: \"none\",\n                fontWeight: 500,\n              }}\n            >\n              {primaryButton.text}\n            </a>\n          )}\n          {secondaryButton && (\n            <a\n              href={secondaryButton.href || \"#\"}\n              style={{\n                padding: \"var(--sg-button-padding-lg)\",\n                backgroundColor: \"transparent\",\n                color: isGradient ? \"#fff\" : \"var(--sg-primary)\",\n                border: `1px solid ${isGradient ? \"#fff\" : \"var(--sg-primary)\"}`,\n                borderRadius: \"var(--sg-button-radius)\",\n                textDecoration: \"none\",\n                fontWeight: 500,\n              }}\n            >\n              {secondaryButton.text}\n            </a>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderCta","block","title","description","primaryButton","secondaryButton","variant","bg","isGradient","jsx","jsxs"],"mappings":";AAOO,SAASA,EAAUC,GAA6B;AACrD,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,IAAAC;AAAA,EAAA,IACEN,EAAM,OAEJO,IAAaF,MAAY;AAE/B,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiBD,IACb,sBACAD,KAAM;AAAA,QACV,YAAYC,IACR,iEACA;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAE,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,SAAS,QAAQ,UAAU,SAAS,SAAA,GAC1D,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,oBAAiB,YACtB,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,OAAOD,IAAa,SAAS;AAAA,cAAA;AAAA,cAG9B,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFC,KACC,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,OAAOD,IACH,0BACA;AAAA,cAAA;AAAA,cAGL,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEF;AAAA,QACA,gBAAAO,EAAC,OAAA,EAAI,oBAAiB,UAAS,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,gBAAgB,SAAA,GACnF,UAAA;AAAA,UAAAN,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAML,EAAc,QAAQ;AAAA,cAC5B,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,iBAAiBI,IAAa,SAAS;AAAA,gBACvC,OAAOA,IACH,sBACA;AAAA,gBACJ,cAAc;AAAA,gBACd,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cAAA;AAAA,cAGb,UAAAJ,EAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlBC,KACC,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAMJ,EAAgB,QAAQ;AAAA,cAC9B,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,OAAOG,IAAa,SAAS;AAAA,gBAC7B,QAAQ,aAAaA,IAAa,SAAS,mBAAmB;AAAA,gBAC9D,cAAc;AAAA,gBACd,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cAAA;AAAA,cAGb,UAAAH,EAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnB,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,IAxEKJ,EAAM;AAAA,EAAA;AA2EjB;"}

package/dist/engine/render/renderers/sections/FaqItemRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FaqItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/FaqItemRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CA6BzD"}
+{"version":3,"file":"FaqItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/FaqItemRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CA8BzD"}

package/dist/engine/render/renderers/sections/FaqItemRenderer.js

@@ -1,15 +1,16 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 function i(e) {
-  const { question: n, answer: s } = e.props;
-  return /* @__PURE__ */ r(
+  const { question: n, answer: o } = e.props;
+  return /* @__PURE__ */ t(
     "details",
     {
+      "data-block-group": "Conteúdo",
       style: {
         borderBottom: "1px solid var(--sg-border)",
         padding: "1rem 0"
       },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "summary",
           {
             style: {
@@ -22,11 +23,11 @@ function i(e) {
             },
             children: [
               n,
-              /* @__PURE__ */ t("span", { style: { fontSize: "1.25rem" }, children: "+" })
+              /* @__PURE__ */ r("span", { style: { fontSize: "1.25rem" }, children: "+" })
             ]
           }
         ),
-        /* @__PURE__ */ t("p", { style: { marginTop: "1rem", color: "var(--sg-muted-text)" }, children: s })
+        /* @__PURE__ */ r("p", { style: { marginTop: "1rem", color: "var(--sg-muted-text)" }, children: o })
       ]
     },
     e.id

package/dist/engine/render/renderers/sections/FaqItemRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaqItemRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FaqItemRenderer.tsx"],"sourcesContent":["/**\n * FaqItem Renderer\n * Renderiza item individual de FAQ (pergunta + resposta)\n */\n\nimport React from \"react\";\n\nexport function renderFaqItem(block: any): React.ReactNode {\n  const { question, answer } = block.props;\n\n  return (\n    <details\n      key={block.id}\n      style={{\n        borderBottom: \"1px solid var(--sg-border)\",\n        padding: \"1rem 0\",\n      }}\n    >\n      <summary\n        style={{\n          fontWeight: 600,\n          cursor: \"pointer\",\n          listStyle: \"none\",\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n        }}\n      >\n        {question}\n        <span style={{ fontSize: \"1.25rem\" }}>+</span>\n      </summary>\n      <p style={{ marginTop: \"1rem\", color: \"var(--sg-muted-text)\" }}>\n        {answer}\n      </p>\n    </details>\n  );\n}\n"],"names":["renderFaqItem","block","question","answer","jsxs","jsx"],"mappings":";AAOO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,EAAM;AAEnC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAAF;AAAA,gCACA,QAAA,EAAK,OAAO,EAAE,UAAU,UAAA,GAAa,UAAA,IAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC,gBAAAG,EAAC,OAAE,OAAO,EAAE,WAAW,QAAQ,OAAO,uBAAA,GACnC,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IArBKF,EAAM;AAAA,EAAA;AAwBjB;"}
+{"version":3,"file":"FaqItemRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FaqItemRenderer.tsx"],"sourcesContent":["/**\n * FaqItem Renderer\n * Renderiza item individual de FAQ (pergunta + resposta)\n */\n\nimport React from \"react\";\n\nexport function renderFaqItem(block: any): React.ReactNode {\n  const { question, answer } = block.props;\n\n  return (\n    <details\n      key={block.id}\n      data-block-group=\"Conteúdo\"\n      style={{\n        borderBottom: \"1px solid var(--sg-border)\",\n        padding: \"1rem 0\",\n      }}\n    >\n      <summary\n        style={{\n          fontWeight: 600,\n          cursor: \"pointer\",\n          listStyle: \"none\",\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n        }}\n      >\n        {question}\n        <span style={{ fontSize: \"1.25rem\" }}>+</span>\n      </summary>\n      <p style={{ marginTop: \"1rem\", color: \"var(--sg-muted-text)\" }}>\n        {answer}\n      </p>\n    </details>\n  );\n}\n"],"names":["renderFaqItem","block","question","answer","jsxs","jsx"],"mappings":";AAOO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,EAAM;AAEnC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAAF;AAAA,gCACA,QAAA,EAAK,OAAO,EAAE,UAAU,UAAA,GAAa,UAAA,IAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC,gBAAAG,EAAC,OAAE,OAAO,EAAE,WAAW,QAAQ,OAAO,uBAAA,GACnC,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAtBKF,EAAM;AAAA,EAAA;AAyBjB;"}