@brunoalz/smartgesti-site-editor 1.4.2 → 1.5.0

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

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-function p({ size: t }) {
+function k({ size: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -20,23 +20,42 @@ function p({ size: t }) {
     }
   );
 }
-function S(t) {
+function A(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;
+    title: c,
+    content: y,
+    featuredImage: g,
+    date: a,
+    category: n,
+    readingTime: d,
+    tags: l = [],
+    showFeaturedImage: x = !0,
+    showAuthor: b = !0,
+    authorVariant: s = "inline",
+    showDate: m = !0,
+    showTags: h = !0,
+    showReadingTime: p = !0,
+    contentMaxWidth: S = "720px",
+    authorName: z,
+    authorAvatar: u,
+    authorBio: T
+  } = t.props, o = z || "Nome do Autor", f = T || "";
+  function v({ size: i }) {
+    return u ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: u,
+        alt: o,
+        style: {
+          width: i,
+          height: i,
+          borderRadius: "50%",
+          objectFit: "cover",
+          flexShrink: 0
+        }
+      }
+    ) : /* @__PURE__ */ e(k, { size: i });
+  }
   return /* @__PURE__ */ r(
     "article",
     {
@@ -45,7 +64,7 @@ function S(t) {
         backgroundColor: "var(--sg-bg)"
       },
       children: [
-        u && s && /* @__PURE__ */ e(
+        x && g && /* @__PURE__ */ e(
           "div",
           {
             "data-block-group": "Mídia",
@@ -58,8 +77,8 @@ function S(t) {
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: s,
-                alt: l,
+                src: g,
+                alt: c,
                 style: {
                   width: "100%",
                   height: "auto",
@@ -75,7 +94,7 @@ function S(t) {
           "div",
           {
             style: {
-              maxWidth: v,
+              maxWidth: S,
               margin: "0 auto",
               padding: "0 1rem"
             },
@@ -92,7 +111,7 @@ function S(t) {
                     flexWrap: "wrap"
                   },
                   children: [
-                    o && /* @__PURE__ */ e(
+                    n && /* @__PURE__ */ e(
                       "span",
                       {
                         style: {
@@ -102,28 +121,28 @@ function S(t) {
                           textTransform: "uppercase",
                           letterSpacing: "0.05em"
                         },
-                        children: o
+                        children: n
                       }
                     ),
-                    o && (g && i || c && a) && /* @__PURE__ */ e("span", { style: { color: "var(--sg-muted-text)", fontSize: "0.75rem" }, children: "·" }),
-                    g && i && /* @__PURE__ */ e(
+                    n && (m && a || p && d) && /* @__PURE__ */ e("span", { style: { color: "var(--sg-muted-text)", fontSize: "0.75rem" }, children: "·" }),
+                    m && a && /* @__PURE__ */ e(
                       "span",
                       {
                         style: {
                           color: "var(--sg-muted-text)",
                           fontSize: "0.875rem"
                         },
-                        children: i
+                        children: a
                       }
                     ),
-                    c && a && /* @__PURE__ */ e(
+                    p && d && /* @__PURE__ */ e(
                       "span",
                       {
                         style: {
                           color: "var(--sg-muted-text)",
                           fontSize: "0.875rem"
                         },
-                        children: a
+                        children: d
                       }
                     )
                   ]
@@ -138,7 +157,7 @@ function S(t) {
                     lineHeight: 1.2,
                     marginBottom: "2rem"
                   },
-                  children: l
+                  children: c
                 }
               ),
               /* @__PURE__ */ e(
@@ -149,10 +168,10 @@ function S(t) {
                     lineHeight: 1.8,
                     color: "var(--sg-text)"
                   },
-                  dangerouslySetInnerHTML: { __html: h || "" }
+                  dangerouslySetInnerHTML: { __html: y || "" }
                 }
               ),
-              m && d.length > 0 && /* @__PURE__ */ e(
+              h && l.length > 0 && /* @__PURE__ */ e(
                 "div",
                 {
                   "data-block-group": "Visibilidade",
@@ -164,7 +183,7 @@ function S(t) {
                     paddingTop: "1.5rem",
                     borderTop: "1px solid var(--sg-border, #e5e7eb)"
                   },
-                  children: d.map((y, x) => /* @__PURE__ */ e(
+                  children: l.map((i, W) => /* @__PURE__ */ e(
                     "span",
                     {
                       style: {
@@ -176,23 +195,23 @@ function S(t) {
                         fontSize: "0.8125rem",
                         fontWeight: 500
                       },
-                      children: y
+                      children: i
                     },
-                    x
+                    W
                   ))
                 }
               ),
-              f && /* @__PURE__ */ r(
+              b && /* @__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)"
+                    borderTop: h && l.length > 0 ? void 0 : "1px solid var(--sg-border, #e5e7eb)"
                   },
                   children: [
-                    n === "card" && /* @__PURE__ */ r(
+                    s === "card" && /* @__PURE__ */ r(
                       "div",
                       {
                         style: {
@@ -204,7 +223,7 @@ function S(t) {
                           backgroundColor: "var(--sg-surface, #f9fafb)"
                         },
                         children: [
-                          /* @__PURE__ */ e(p, { size: "3.5rem" }),
+                          /* @__PURE__ */ e(v, { size: "3.5rem" }),
                           /* @__PURE__ */ r("div", { children: [
                             /* @__PURE__ */ e(
                               "div",
@@ -219,8 +238,8 @@ function S(t) {
                                 children: "Escrito por"
                               }
                             ),
-                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "1rem" }, children: "Nome do Autor" }),
-                            /* @__PURE__ */ e(
+                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "1rem" }, children: o }),
+                            f && /* @__PURE__ */ e(
                               "p",
                               {
                                 style: {
@@ -229,14 +248,14 @@ function S(t) {
                                   lineHeight: 1.5,
                                   margin: "0.25rem 0 0"
                                 },
-                                children: "Bio do autor carregada do banco de dados."
+                                children: f
                               }
                             )
                           ] })
                         ]
                       }
                     ),
-                    n === "inline" && /* @__PURE__ */ r(
+                    s === "inline" && /* @__PURE__ */ r(
                       "div",
                       {
                         style: {
@@ -245,7 +264,7 @@ function S(t) {
                           gap: "0.75rem"
                         },
                         children: [
-                          /* @__PURE__ */ e(p, { size: "2.5rem" }),
+                          /* @__PURE__ */ e(v, { size: "2.5rem" }),
                           /* @__PURE__ */ r("div", { children: [
                             /* @__PURE__ */ e(
                               "div",
@@ -257,12 +276,12 @@ function S(t) {
                                 children: "Escrito por"
                               }
                             ),
-                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "0.9375rem" }, children: "Nome do Autor" })
+                            /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "0.9375rem" }, children: o })
                           ] })
                         ]
                       }
                     ),
-                    n === "minimal" && /* @__PURE__ */ r(
+                    s === "minimal" && /* @__PURE__ */ r(
                       "p",
                       {
                         style: {
@@ -272,7 +291,7 @@ function S(t) {
                         children: [
                           "Escrito por",
                           " ",
-                          /* @__PURE__ */ e("span", { style: { fontWeight: 600, color: "var(--sg-text)" }, children: "Nome do Autor" })
+                          /* @__PURE__ */ e("span", { style: { fontWeight: 600, color: "var(--sg-text)" }, children: o })
                         ]
                       }
                     )
@@ -288,6 +307,6 @@ function S(t) {
   );
 }
 export {
-  S as renderBlogPostDetail
+  A as renderBlogPostDetail
 };
 //# sourceMappingURL=BlogPostDetailRenderer.js.map

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

@@ -1 +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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"}
+{"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    authorName,\n    authorAvatar,\n    authorBio,\n  } = block.props;\n\n  const displayName = authorName || \"Nome do Autor\";\n  const displayBio = authorBio || \"\";\n\n  function AuthorAvatarOrPlaceholder({ size }: { size: string }) {\n    if (authorAvatar) {\n      return (\n        <img\n          src={authorAvatar}\n          alt={displayName}\n          style={{\n            width: size,\n            height: size,\n            borderRadius: \"50%\",\n            objectFit: \"cover\",\n            flexShrink: 0,\n          }}\n        />\n      );\n    }\n    return <AuthorPlaceholderAvatar size={size} />;\n  }\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                <AuthorAvatarOrPlaceholder 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                    {displayName}\n                  </div>\n                  {displayBio && (\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                      {displayBio}\n                    </p>\n                  )}\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                <AuthorAvatarOrPlaceholder 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                    {displayName}\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                  {displayName}\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","authorName","authorAvatar","authorBio","displayName","displayBio","AuthorAvatarOrPlaceholder","jsxs","tag","index"],"mappings":"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"}

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

@@ -1 +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"}
+{"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;AA+B1B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAyP9D"}

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

@@ -1,16 +1,33 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { renderBlogPostCard as c } from "./BlogPostCardRenderer.js";
-function v(r) {
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { renderBlogPostCard as y } from "./BlogPostCardRenderer.js";
+function h(i, r) {
+  if (r <= 1) return i;
+  const t = i.includes("?") ? "&" : "?";
+  return `${i}${t}pagina=${r}`;
+}
+function v(i, r) {
+  if (r <= 7)
+    return Array.from({ length: r }, (o, c) => c + 1);
+  const t = [1];
+  i > 3 && t.push(-1);
+  const m = Math.max(2, i - 1), s = Math.min(r - 1, i + 1);
+  for (let o = m; o <= s; o++) t.push(o);
+  return i < r - 2 && t.push(-1), t[t.length - 1] !== r && t.push(r), t;
+}
+function z(i) {
   const {
-    title: t,
-    subtitle: i,
-    columns: l = 3,
-    cards: a = [],
-    variant: d = "default",
-    showViewAll: s = !1,
-    viewAllText: m = "Ver todos",
-    viewAllHref: g = "#"
-  } = r.props;
+    title: r,
+    subtitle: t,
+    columns: m = 3,
+    cards: s = [],
+    variant: o = "default",
+    showViewAll: c = !1,
+    viewAllText: u = "Ver todos",
+    viewAllHref: f = "#",
+    currentPage: a = 1,
+    totalPages: g = 1,
+    paginationBaseUrl: p = "#"
+  } = i.props;
   return /* @__PURE__ */ e(
     "section",
     {
@@ -18,46 +35,46 @@ function v(r) {
         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(
+      children: /* @__PURE__ */ l("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
+        (r || t) && /* @__PURE__ */ l("div", { "data-block-group": "Cabeçalho", style: { textAlign: "center", marginBottom: "3rem" }, children: [
+          r && /* @__PURE__ */ e(
             "h2",
             {
               style: {
                 fontSize: "var(--sg-heading-h2)",
                 marginBottom: "0.5rem"
               },
-              children: t
+              children: r
             }
           ),
-          i && /* @__PURE__ */ e(
+          t && /* @__PURE__ */ e(
             "p",
             {
               style: { color: "var(--sg-muted-text)", fontSize: "1.125rem" },
-              children: i
+              children: t
             }
           )
         ] }),
-        a.length > 0 ? /* @__PURE__ */ e(
+        s.length > 0 ? /* @__PURE__ */ e(
           "div",
           {
             "data-block-group": "Layout",
             style: {
               display: "grid",
-              gridTemplateColumns: `repeat(${l}, 1fr)`,
+              gridTemplateColumns: `repeat(${m}, 1fr)`,
               gap: "2rem"
             },
-            children: a.map(
-              (p, n) => c({
-                id: `${r.id}-card-${n}`,
+            children: s.map(
+              (n, d) => y({
+                id: `${i.id}-card-${d}`,
                 props: {
-                  ...p,
-                  variant: d === "featured" && n === 0 ? "horizontal" : d === "minimal" ? "minimal" : "default"
+                  ...n,
+                  variant: o === "featured" && d === 0 ? "horizontal" : o === "minimal" ? "minimal" : "default"
                 }
               })
             )
           }
-        ) : /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -73,10 +90,10 @@ function v(r) {
             ]
           }
         ),
-        s && /* @__PURE__ */ e("div", { "data-block-group": "Rodapé", style: { textAlign: "center", marginTop: "2.5rem" }, children: /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e("div", { "data-block-group": "Rodapé", style: { textAlign: "center", marginTop: "2.5rem" }, children: /* @__PURE__ */ e(
           "a",
           {
-            href: g,
+            href: f,
             style: {
               display: "inline-block",
               padding: "0.75rem 2rem",
@@ -87,15 +104,141 @@ function v(r) {
               fontWeight: 500,
               fontSize: "0.9375rem"
             },
-            children: m
+            children: u
+          }
+        ) }),
+        g > 1 && /* @__PURE__ */ l(
+          "nav",
+          {
+            "data-block-group": "Paginação",
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              gap: "0.375rem",
+              marginTop: "2.5rem"
+            },
+            children: [
+              a > 1 ? /* @__PURE__ */ e(
+                "a",
+                {
+                  href: h(p, a - 1),
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "2.25rem",
+                    height: "2.25rem",
+                    borderRadius: "var(--sg-card-radius, 0.5rem)",
+                    border: "1px solid var(--sg-border, #e5e7eb)",
+                    textDecoration: "none",
+                    color: "var(--sg-text)",
+                    fontSize: "0.875rem"
+                  },
+                  children: "‹"
+                }
+              ) : /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "2.25rem",
+                    height: "2.25rem",
+                    borderRadius: "var(--sg-card-radius, 0.5rem)",
+                    border: "1px solid var(--sg-border, #e5e7eb)",
+                    color: "var(--sg-muted-text)",
+                    fontSize: "0.875rem",
+                    opacity: 0.4
+                  },
+                  children: "‹"
+                }
+              ),
+              v(a, g).map(
+                (n, d) => n === -1 ? /* @__PURE__ */ e(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "2.25rem",
+                      height: "2.25rem",
+                      color: "var(--sg-muted-text)",
+                      fontSize: "0.875rem"
+                    },
+                    children: "…"
+                  },
+                  `ellipsis-${d}`
+                ) : /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: h(p, n),
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "2.25rem",
+                      height: "2.25rem",
+                      borderRadius: "var(--sg-card-radius, 0.5rem)",
+                      border: `1px solid ${n === a ? "var(--sg-primary)" : "var(--sg-border, #e5e7eb)"}`,
+                      backgroundColor: n === a ? "var(--sg-primary)" : "transparent",
+                      color: n === a ? "var(--sg-primary-text, #fff)" : "var(--sg-text)",
+                      textDecoration: "none",
+                      fontWeight: n === a ? 600 : 400,
+                      fontSize: "0.875rem"
+                    },
+                    children: n
+                  },
+                  n
+                )
+              ),
+              a < g ? /* @__PURE__ */ e(
+                "a",
+                {
+                  href: h(p, a + 1),
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "2.25rem",
+                    height: "2.25rem",
+                    borderRadius: "var(--sg-card-radius, 0.5rem)",
+                    border: "1px solid var(--sg-border, #e5e7eb)",
+                    textDecoration: "none",
+                    color: "var(--sg-text)",
+                    fontSize: "0.875rem"
+                  },
+                  children: "›"
+                }
+              ) : /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "2.25rem",
+                    height: "2.25rem",
+                    borderRadius: "var(--sg-card-radius, 0.5rem)",
+                    border: "1px solid var(--sg-border, #e5e7eb)",
+                    color: "var(--sg-muted-text)",
+                    fontSize: "0.875rem",
+                    opacity: 0.4
+                  },
+                  children: "›"
+                }
+              )
+            ]
           }
-        ) })
+        )
       ] })
     },
-    r.id
+    i.id
   );
 }
 export {
-  v as renderBlogPostGrid
+  z as renderBlogPostGrid
 };
 //# sourceMappingURL=BlogPostGridRenderer.js.map