@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

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

@@ -0,0 +1,199 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+function T(s) {
+  const {
+    title: a,
+    excerpt: d,
+    image: m,
+    date: n,
+    category: c,
+    authorName: i,
+    authorAvatar: h,
+    readingTime: l,
+    linkHref: o,
+    linkText: g = "Ler mais",
+    variant: p = "default",
+    showImage: v = !0,
+    showCategory: x = !0,
+    showDate: f = !0,
+    showAuthor: u = !0,
+    showReadingTime: y = !0
+  } = s.props, r = p === "horizontal";
+  return /* @__PURE__ */ t(
+    "article",
+    {
+      style: {
+        backgroundColor: "var(--sg-surface)",
+        borderRadius: "var(--sg-card-radius)",
+        boxShadow: "var(--sg-card-shadow)",
+        overflow: "hidden",
+        display: r ? "flex" : "block"
+      },
+      children: [
+        v && !(p === "minimal") && m ? /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              width: r ? "40%" : "100%",
+              height: r ? "100%" : "200px",
+              minHeight: r ? "200px" : void 0,
+              flexShrink: 0,
+              overflow: "hidden",
+              borderRadius: r ? "var(--sg-card-radius) 0 0 var(--sg-card-radius)" : "var(--sg-card-radius) var(--sg-card-radius) 0 0"
+            },
+            children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: m,
+                alt: a,
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "cover",
+                  display: "block"
+                }
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              padding: "1.5rem",
+              display: "flex",
+              flexDirection: "column",
+              flex: 1
+            },
+            children: [
+              x && c && /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    display: "inline-block",
+                    fontSize: "0.75rem",
+                    fontWeight: 600,
+                    color: "var(--sg-primary)",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                    marginBottom: "0.5rem"
+                  },
+                  children: c
+                }
+              ),
+              /* @__PURE__ */ e(
+                "h3",
+                {
+                  style: {
+                    fontSize: "1.25rem",
+                    fontWeight: 600,
+                    marginBottom: "0.5rem",
+                    lineHeight: 1.3
+                  },
+                  children: o ? /* @__PURE__ */ e(
+                    "a",
+                    {
+                      href: o,
+                      style: {
+                        color: "inherit",
+                        textDecoration: "none"
+                      },
+                      children: a
+                    }
+                  ) : a
+                }
+              ),
+              d && /* @__PURE__ */ e(
+                "p",
+                {
+                  style: {
+                    color: "var(--sg-muted-text)",
+                    fontSize: "0.9375rem",
+                    lineHeight: 1.6,
+                    marginBottom: "1rem",
+                    flex: 1
+                  },
+                  children: d
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.75rem",
+                    marginTop: "auto",
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    u && i && /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      h && /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: h,
+                          alt: i,
+                          style: {
+                            width: "1.75rem",
+                            height: "1.75rem",
+                            borderRadius: "50%",
+                            objectFit: "cover"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { style: { fontSize: "0.875rem", fontWeight: 500 }, children: i })
+                    ] }),
+                    u && i && (f && n || y && l) && /* @__PURE__ */ e("span", { style: { color: "var(--sg-muted-text)", fontSize: "0.75rem" }, children: "·" }),
+                    f && n && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        style: {
+                          color: "var(--sg-muted-text)",
+                          fontSize: "0.8125rem"
+                        },
+                        children: n
+                      }
+                    ),
+                    y && l && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        style: {
+                          color: "var(--sg-muted-text)",
+                          fontSize: "0.8125rem"
+                        },
+                        children: l
+                      }
+                    )
+                  ]
+                }
+              ),
+              o && g && /* @__PURE__ */ t(
+                "a",
+                {
+                  href: o,
+                  style: {
+                    display: "inline-block",
+                    marginTop: "1rem",
+                    color: "var(--sg-primary)",
+                    fontWeight: 500,
+                    fontSize: "0.875rem",
+                    textDecoration: "none"
+                  },
+                  children: [
+                    g,
+                    " ",
+                    "→"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    },
+    s.id
+  );
+}
+export {
+  T as renderBlogPostCard
+};
+//# sourceMappingURL=BlogPostCardRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostCardRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogPostCardRenderer.tsx"],"sourcesContent":["/**\n * BlogPostCard Renderer\n * Renderiza card individual de post de blog\n * Variantes: default (vertical), horizontal (imagem esquerda), minimal (sem imagem)\n */\n\nimport React from \"react\";\n\nexport function renderBlogPostCard(block: any): React.ReactNode {\n  const {\n    title,\n    excerpt,\n    image,\n    date,\n    category,\n    authorName,\n    authorAvatar,\n    readingTime,\n    linkHref,\n    linkText = \"Ler mais\",\n    variant = \"default\",\n    showImage = true,\n    showCategory = true,\n    showDate = true,\n    showAuthor = true,\n    showReadingTime = true,\n  } = block.props;\n\n  const isHorizontal = variant === \"horizontal\";\n  const isMinimal = variant === \"minimal\";\n  const shouldShowImage = showImage && !isMinimal && image;\n\n  const imageElement = shouldShowImage ? (\n    <div\n      style={{\n        width: isHorizontal ? \"40%\" : \"100%\",\n        height: isHorizontal ? \"100%\" : \"200px\",\n        minHeight: isHorizontal ? \"200px\" : undefined,\n        flexShrink: 0,\n        overflow: \"hidden\",\n        borderRadius: isHorizontal\n          ? \"var(--sg-card-radius) 0 0 var(--sg-card-radius)\"\n          : \"var(--sg-card-radius) var(--sg-card-radius) 0 0\",\n      }}\n    >\n      <img\n        src={image}\n        alt={title}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          objectFit: \"cover\",\n          display: \"block\",\n        }}\n      />\n    </div>\n  ) : null;\n\n  const contentElement = (\n    <div\n      style={{\n        padding: \"1.5rem\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        flex: 1,\n      }}\n    >\n      {/* Category badge */}\n      {showCategory && category && (\n        <span\n          style={{\n            display: \"inline-block\",\n            fontSize: \"0.75rem\",\n            fontWeight: 600,\n            color: \"var(--sg-primary)\",\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n            marginBottom: \"0.5rem\",\n          }}\n        >\n          {category}\n        </span>\n      )}\n\n      {/* Title */}\n      <h3\n        style={{\n          fontSize: \"1.25rem\",\n          fontWeight: 600,\n          marginBottom: \"0.5rem\",\n          lineHeight: 1.3,\n        }}\n      >\n        {linkHref ? (\n          <a\n            href={linkHref}\n            style={{\n              color: \"inherit\",\n              textDecoration: \"none\",\n            }}\n          >\n            {title}\n          </a>\n        ) : (\n          title\n        )}\n      </h3>\n\n      {/* Excerpt */}\n      {excerpt && (\n        <p\n          style={{\n            color: \"var(--sg-muted-text)\",\n            fontSize: \"0.9375rem\",\n            lineHeight: 1.6,\n            marginBottom: \"1rem\",\n            flex: 1,\n          }}\n        >\n          {excerpt}\n        </p>\n      )}\n\n      {/* Meta row: author + date + reading time */}\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: \"0.75rem\",\n          marginTop: \"auto\",\n          flexWrap: \"wrap\",\n        }}\n      >\n        {/* Author */}\n        {showAuthor && authorName && (\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: \"0.5rem\" }}>\n            {authorAvatar && (\n              <img\n                src={authorAvatar}\n                alt={authorName}\n                style={{\n                  width: \"1.75rem\",\n                  height: \"1.75rem\",\n                  borderRadius: \"50%\",\n                  objectFit: \"cover\",\n                }}\n              />\n            )}\n            <span style={{ fontSize: \"0.875rem\", fontWeight: 500 }}>\n              {authorName}\n            </span>\n          </div>\n        )}\n\n        {/* Separator dot if author + date/readingTime */}\n        {showAuthor && authorName && ((showDate && date) || (showReadingTime && readingTime)) && (\n          <span style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.75rem\" }}>\n            {\"\\u00B7\"}\n          </span>\n        )}\n\n        {/* Date */}\n        {showDate && date && (\n          <span\n            style={{\n              color: \"var(--sg-muted-text)\",\n              fontSize: \"0.8125rem\",\n            }}\n          >\n            {date}\n          </span>\n        )}\n\n        {/* Reading time */}\n        {showReadingTime && readingTime && (\n          <span\n            style={{\n              color: \"var(--sg-muted-text)\",\n              fontSize: \"0.8125rem\",\n            }}\n          >\n            {readingTime}\n          </span>\n        )}\n      </div>\n\n      {/* Read more link */}\n      {linkHref && linkText && (\n        <a\n          href={linkHref}\n          style={{\n            display: \"inline-block\",\n            marginTop: \"1rem\",\n            color: \"var(--sg-primary)\",\n            fontWeight: 500,\n            fontSize: \"0.875rem\",\n            textDecoration: \"none\",\n          }}\n        >\n          {linkText} {\"\\u2192\"}\n        </a>\n      )}\n    </div>\n  );\n\n  return (\n    <article\n      key={block.id}\n      style={{\n        backgroundColor: \"var(--sg-surface)\",\n        borderRadius: \"var(--sg-card-radius)\",\n        boxShadow: \"var(--sg-card-shadow)\",\n        overflow: \"hidden\",\n        display: isHorizontal ? \"flex\" : \"block\",\n      }}\n    >\n      {imageElement}\n      {contentElement}\n    </article>\n  );\n}\n"],"names":["renderBlogPostCard","block","title","excerpt","image","date","category","authorName","authorAvatar","readingTime","linkHref","linkText","variant","showImage","showCategory","showDate","showAuthor","showReadingTime","isHorizontal","jsxs","jsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostDetailRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogPostDetailRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAqQhE"}

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