@brunoalz/smartgesti-site-editor 1.5.2 → 1.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"BlogRecentPostsRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogRecentPostsRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAuIjE"}
+{"version":3,"file":"BlogRecentPostsRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogRecentPostsRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAkLjE"}

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

@@ -1,148 +1,180 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-function c(i) {
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import $ from "react";
+import { resolveWidgetShadow as C } from "../../../shared/widgetStyles.js";
+import { generateLinkHoverStyles as H } from "../../../shared/hoverEffects/linkHover.js";
+function z(n) {
   const {
-    title: n = "Posts Recentes",
-    posts: o = [],
-    showThumbnail: l = !0,
-    showDate: d = !0,
-    showCategory: a = !1
-  } = i.props;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-block-group": "Conteúdo",
-      style: {
-        backgroundColor: "var(--sg-bg)",
-        borderRadius: "var(--sg-card-radius, 0.75rem)",
-        border: "1px solid var(--sg-border, #e5e7eb)",
-        overflow: "hidden"
-      },
-      children: [
-        n && /* @__PURE__ */ r(
-          "div",
-          {
-            style: {
-              padding: "1rem 1.25rem",
-              borderBottom: "1px solid var(--sg-border, #e5e7eb)"
-            },
-            children: /* @__PURE__ */ r(
-              "h3",
-              {
-                style: {
-                  fontSize: "1rem",
-                  fontWeight: 600,
-                  margin: 0,
-                  color: "var(--sg-text)"
-                },
-                children: n
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ r("div", { style: { padding: "0.5rem 0" }, children: o.length === 0 ? /* @__PURE__ */ r(
-          "p",
-          {
-            style: {
-              padding: "1.5rem 1.25rem",
-              color: "var(--sg-muted-text)",
-              fontSize: "0.875rem",
-              textAlign: "center",
-              margin: 0
-            },
-            children: "Nenhum post recente"
-          }
-        ) : o.map((e, s) => /* @__PURE__ */ t(
-          "a",
-          {
-            href: `/site/p/blog/${e.slug}`,
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "0.75rem",
-              padding: "0.75rem 1.25rem",
-              textDecoration: "none",
-              color: "inherit",
-              transition: "background-color 0.15s"
-            },
-            children: [
-              l && e.image && /* @__PURE__ */ r(
-                "img",
+    title: a = "Posts Recentes",
+    posts: c = [],
+    showThumbnail: m = !0,
+    showDate: h = !0,
+    showCategory: v = !1,
+    borderRadius: d = "0.75rem",
+    shadow: p = "none",
+    linkColor: f,
+    linkHoverColor: y,
+    linkHoverEffect: b,
+    linkHoverIntensity: x
+  } = n.props, k = f || "", i = y || "", u = b || "background", w = x ?? 50, t = `widget-recent-${n.id}`, g = C(p);
+  let s = "";
+  if (i) {
+    const e = H({
+      effect: u,
+      intensity: w,
+      hoverColor: i
+    }), l = e.base ? `#${t} .sg-recent-post { ${e.base}; transition: all 0.3s ease; }` : `#${t} .sg-recent-post { transition: all 0.3s ease; }`, S = `#${t} .sg-recent-post:hover { ${e.hover}; transition: all 0.3s ease; }
+      #${t} .sg-recent-post:hover .sg-recent-title { color: ${i}; }`;
+    s = l + `
+` + S;
+  } else
+    s = `
+      #${t} .sg-recent-post { transition: background-color 0.2s; }
+      #${t} .sg-recent-post:hover { background-color: rgba(0,0,0,0.04); }
+      #${t} .sg-recent-post:hover .sg-recent-title { color: var(--sg-primary); }
+    `;
+  return /* @__PURE__ */ o($.Fragment, { children: [
+    /* @__PURE__ */ r("style", { children: s }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        id: t,
+        "data-block-group": "Conteúdo",
+        style: {
+          backgroundColor: "var(--sg-surface, var(--sg-bg))",
+          borderRadius: d,
+          border: "1px solid var(--sg-border, #e5e7eb)",
+          boxShadow: g !== "none" ? g : void 0,
+          overflow: "hidden"
+        },
+        children: [
+          a && /* @__PURE__ */ r(
+            "div",
+            {
+              style: {
+                padding: "1rem 1.25rem",
+                borderBottom: "1px solid var(--sg-border, #e5e7eb)"
+              },
+              children: /* @__PURE__ */ r(
+                "h3",
                 {
-                  src: e.image,
-                  alt: e.title,
                   style: {
-                    width: "64px",
-                    height: "64px",
-                    objectFit: "cover",
-                    borderRadius: "var(--sg-card-radius, 0.5rem)",
-                    flexShrink: 0
-                  }
+                    fontSize: "1rem",
+                    fontWeight: 600,
+                    margin: 0,
+                    color: "var(--sg-text)"
+                  },
+                  children: a
                 }
-              ),
-              /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ r(
-                  "div",
+              )
+            }
+          ),
+          /* @__PURE__ */ r("div", { style: { padding: "0.5rem 0" }, children: c.length === 0 ? /* @__PURE__ */ r(
+            "p",
+            {
+              style: {
+                padding: "1.5rem 1.25rem",
+                color: "var(--sg-muted-text)",
+                fontSize: "0.875rem",
+                textAlign: "center",
+                margin: 0
+              },
+              children: "Nenhum post recente"
+            }
+          ) : c.map((e, l) => /* @__PURE__ */ o(
+            "a",
+            {
+              href: `/site/p/blog/${e.slug}`,
+              className: "sg-recent-post",
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "0.75rem",
+                padding: "0.75rem 1.25rem",
+                textDecoration: "none",
+                color: "inherit",
+                transition: "background-color 0.2s"
+              },
+              children: [
+                m && e.image && /* @__PURE__ */ r(
+                  "img",
                   {
+                    src: e.image,
+                    alt: e.title,
                     style: {
-                      fontSize: "0.875rem",
-                      fontWeight: 500,
-                      color: "var(--sg-text)",
-                      lineHeight: 1.4,
-                      display: "-webkit-box",
-                      WebkitLineClamp: 2,
-                      WebkitBoxOrient: "vertical",
-                      overflow: "hidden"
-                    },
-                    children: e.title
+                      width: "64px",
+                      height: "64px",
+                      objectFit: "cover",
+                      borderRadius: `calc(${d} * 0.5)`,
+                      flexShrink: 0
+                    }
                   }
                 ),
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "0.5rem",
-                      marginTop: "0.25rem"
-                    },
-                    children: [
-                      d && e.date && /* @__PURE__ */ r(
-                        "span",
-                        {
-                          style: {
-                            fontSize: "0.75rem",
-                            color: "var(--sg-muted-text)"
-                          },
-                          children: e.date
-                        }
-                      ),
-                      a && e.category && /* @__PURE__ */ r(
-                        "span",
-                        {
-                          style: {
-                            fontSize: "0.6875rem",
-                            color: "var(--sg-primary)",
-                            fontWeight: 600,
-                            textTransform: "uppercase",
-                            letterSpacing: "0.03em"
-                          },
-                          children: e.category
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] })
-            ]
-          },
-          s
-        )) })
-      ]
-    },
-    i.id
-  );
+                /* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: "sg-recent-title",
+                      style: {
+                        fontSize: "0.875rem",
+                        fontWeight: 500,
+                        color: k || "var(--sg-text)",
+                        lineHeight: 1.4,
+                        display: "-webkit-box",
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: "vertical",
+                        overflow: "hidden",
+                        transition: "color 0.2s"
+                      },
+                      children: e.title
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        marginTop: "0.25rem"
+                      },
+                      children: [
+                        h && e.date && /* @__PURE__ */ r(
+                          "span",
+                          {
+                            style: {
+                              fontSize: "0.75rem",
+                              color: "var(--sg-muted-text)"
+                            },
+                            children: e.date
+                          }
+                        ),
+                        v && e.category && /* @__PURE__ */ r(
+                          "span",
+                          {
+                            style: {
+                              fontSize: "0.6875rem",
+                              color: "var(--sg-primary)",
+                              fontWeight: 600,
+                              textTransform: "uppercase",
+                              letterSpacing: "0.03em"
+                            },
+                            children: e.category
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            },
+            l
+          )) })
+        ]
+      }
+    )
+  ] }, n.id);
 }
 export {
-  c as renderBlogRecentPosts
+  z as renderBlogRecentPosts
 };
 //# sourceMappingURL=BlogRecentPostsRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlogRecentPostsRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogRecentPostsRenderer.tsx"],"sourcesContent":["/**\n * BlogRecentPosts Renderer\n * Widget de sidebar com lista dos posts mais recentes\n */\n\nimport React from \"react\";\n\ninterface RecentPost {\n  title: string;\n  slug: string;\n  date?: string;\n  image?: string;\n  category?: string;\n}\n\nexport function renderBlogRecentPosts(block: any): React.ReactNode {\n  const {\n    title = \"Posts Recentes\",\n    posts = [],\n    showThumbnail = true,\n    showDate = true,\n    showCategory = false,\n  } = block.props;\n\n  return (\n    <div\n      key={block.id}\n      data-block-group=\"Conteúdo\"\n      style={{\n        backgroundColor: \"var(--sg-bg)\",\n        borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n        border: \"1px solid var(--sg-border, #e5e7eb)\",\n        overflow: \"hidden\",\n      }}\n    >\n      {title && (\n        <div\n          style={{\n            padding: \"1rem 1.25rem\",\n            borderBottom: \"1px solid var(--sg-border, #e5e7eb)\",\n          }}\n        >\n          <h3\n            style={{\n              fontSize: \"1rem\",\n              fontWeight: 600,\n              margin: 0,\n              color: \"var(--sg-text)\",\n            }}\n          >\n            {title}\n          </h3>\n        </div>\n      )}\n\n      <div style={{ padding: \"0.5rem 0\" }}>\n        {posts.length === 0 ? (\n          <p\n            style={{\n              padding: \"1.5rem 1.25rem\",\n              color: \"var(--sg-muted-text)\",\n              fontSize: \"0.875rem\",\n              textAlign: \"center\",\n              margin: 0,\n            }}\n          >\n            Nenhum post recente\n          </p>\n        ) : (\n          posts.map((post: RecentPost, index: number) => (\n            <a\n              key={index}\n              href={`/site/p/blog/${post.slug}`}\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: \"0.75rem\",\n                padding: \"0.75rem 1.25rem\",\n                textDecoration: \"none\",\n                color: \"inherit\",\n                transition: \"background-color 0.15s\",\n              }}\n            >\n              {showThumbnail && post.image && (\n                <img\n                  src={post.image}\n                  alt={post.title}\n                  style={{\n                    width: \"64px\",\n                    height: \"64px\",\n                    objectFit: \"cover\",\n                    borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n                    flexShrink: 0,\n                  }}\n                />\n              )}\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <div\n                  style={{\n                    fontSize: \"0.875rem\",\n                    fontWeight: 500,\n                    color: \"var(--sg-text)\",\n                    lineHeight: 1.4,\n                    display: \"-webkit-box\",\n                    WebkitLineClamp: 2,\n                    WebkitBoxOrient: \"vertical\",\n                    overflow: \"hidden\",\n                  }}\n                >\n                  {post.title}\n                </div>\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: \"0.5rem\",\n                    marginTop: \"0.25rem\",\n                  }}\n                >\n                  {showDate && post.date && (\n                    <span\n                      style={{\n                        fontSize: \"0.75rem\",\n                        color: \"var(--sg-muted-text)\",\n                      }}\n                    >\n                      {post.date}\n                    </span>\n                  )}\n                  {showCategory && post.category && (\n                    <span\n                      style={{\n                        fontSize: \"0.6875rem\",\n                        color: \"var(--sg-primary)\",\n                        fontWeight: 600,\n                        textTransform: \"uppercase\",\n                        letterSpacing: \"0.03em\",\n                      }}\n                    >\n                      {post.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </a>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["renderBlogRecentPosts","block","title","posts","showThumbnail","showDate","showCategory","jsxs","jsx","post","index"],"mappings":"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"}
+{"version":3,"file":"BlogRecentPostsRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogRecentPostsRenderer.tsx"],"sourcesContent":["/**\n * BlogRecentPosts Renderer\n * Card widget de sidebar com lista dos posts mais recentes\n * Background: var(--sg-surface) para contraste com layout\n * Hover effects nos links de posts\n */\n\nimport React from \"react\";\nimport { resolveWidgetShadow } from \"../../../shared/widgetStyles\";\nimport { generateLinkHoverStyles } from \"../../../shared/hoverEffects\";\n\ninterface RecentPost {\n  title: string;\n  slug: string;\n  date?: string;\n  image?: string;\n  category?: string;\n}\n\nexport function renderBlogRecentPosts(block: any): React.ReactNode {\n  const {\n    title = \"Posts Recentes\",\n    posts = [],\n    showThumbnail = true,\n    showDate = true,\n    showCategory = false,\n    borderRadius = \"0.75rem\",\n    shadow = \"none\",\n    linkColor: linkColorProp,\n    linkHoverColor: linkHoverColorProp,\n    linkHoverEffect: linkHoverEffectProp,\n    linkHoverIntensity: linkHoverIntensityProp,\n  } = block.props;\n\n  const linkColor = linkColorProp || \"\";\n  const linkHoverColor = linkHoverColorProp || \"\";\n  const linkHoverEffect = linkHoverEffectProp || \"background\";\n  const linkHoverIntensity = linkHoverIntensityProp ?? 50;\n\n  const widgetId = `widget-recent-${block.id}`;\n  const boxShadow = resolveWidgetShadow(shadow);\n\n  // Hover CSS for post items\n  let hoverCSS = \"\";\n  if (linkHoverColor) {\n    const styles = generateLinkHoverStyles({\n      effect: linkHoverEffect as any,\n      intensity: linkHoverIntensity,\n      hoverColor: linkHoverColor,\n    });\n    const baseRule = styles.base\n      ? `#${widgetId} .sg-recent-post { ${styles.base}; transition: all 0.3s ease; }`\n      : `#${widgetId} .sg-recent-post { transition: all 0.3s ease; }`;\n    const hoverRule = `#${widgetId} .sg-recent-post:hover { ${styles.hover}; transition: all 0.3s ease; }\n      #${widgetId} .sg-recent-post:hover .sg-recent-title { color: ${linkHoverColor}; }`;\n    hoverCSS = baseRule + \"\\n\" + hoverRule;\n  } else {\n    hoverCSS = `\n      #${widgetId} .sg-recent-post { transition: background-color 0.2s; }\n      #${widgetId} .sg-recent-post:hover { background-color: rgba(0,0,0,0.04); }\n      #${widgetId} .sg-recent-post:hover .sg-recent-title { color: var(--sg-primary); }\n    `;\n  }\n\n  return (\n    <React.Fragment key={block.id}>\n      <style>{hoverCSS}</style>\n      <div\n        id={widgetId}\n        data-block-group=\"Conteúdo\"\n        style={{\n          backgroundColor: \"var(--sg-surface, var(--sg-bg))\",\n          borderRadius,\n          border: \"1px solid var(--sg-border, #e5e7eb)\",\n          boxShadow: boxShadow !== \"none\" ? boxShadow : undefined,\n          overflow: \"hidden\",\n        }}\n      >\n        {title && (\n          <div\n            style={{\n              padding: \"1rem 1.25rem\",\n              borderBottom: \"1px solid var(--sg-border, #e5e7eb)\",\n            }}\n          >\n            <h3\n              style={{\n                fontSize: \"1rem\",\n                fontWeight: 600,\n                margin: 0,\n                color: \"var(--sg-text)\",\n              }}\n            >\n              {title}\n            </h3>\n          </div>\n        )}\n\n        <div style={{ padding: \"0.5rem 0\" }}>\n          {posts.length === 0 ? (\n            <p\n              style={{\n                padding: \"1.5rem 1.25rem\",\n                color: \"var(--sg-muted-text)\",\n                fontSize: \"0.875rem\",\n                textAlign: \"center\",\n                margin: 0,\n              }}\n            >\n              Nenhum post recente\n            </p>\n          ) : (\n            posts.map((post: RecentPost, index: number) => (\n              <a\n                key={index}\n                href={`/site/p/blog/${post.slug}`}\n                className=\"sg-recent-post\"\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"0.75rem\",\n                  padding: \"0.75rem 1.25rem\",\n                  textDecoration: \"none\",\n                  color: \"inherit\",\n                  transition: \"background-color 0.2s\",\n                }}\n              >\n                {showThumbnail && post.image && (\n                  <img\n                    src={post.image}\n                    alt={post.title}\n                    style={{\n                      width: \"64px\",\n                      height: \"64px\",\n                      objectFit: \"cover\",\n                      borderRadius: `calc(${borderRadius} * 0.5)`,\n                      flexShrink: 0,\n                    }}\n                  />\n                )}\n                <div style={{ flex: 1, minWidth: 0 }}>\n                  <div\n                    className=\"sg-recent-title\"\n                    style={{\n                      fontSize: \"0.875rem\",\n                      fontWeight: 500,\n                      color: linkColor || \"var(--sg-text)\",\n                      lineHeight: 1.4,\n                      display: \"-webkit-box\",\n                      WebkitLineClamp: 2,\n                      WebkitBoxOrient: \"vertical\",\n                      overflow: \"hidden\",\n                      transition: \"color 0.2s\",\n                    }}\n                  >\n                    {post.title}\n                  </div>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      gap: \"0.5rem\",\n                      marginTop: \"0.25rem\",\n                    }}\n                  >\n                    {showDate && post.date && (\n                      <span\n                        style={{\n                          fontSize: \"0.75rem\",\n                          color: \"var(--sg-muted-text)\",\n                        }}\n                      >\n                        {post.date}\n                      </span>\n                    )}\n                    {showCategory && post.category && (\n                      <span\n                        style={{\n                          fontSize: \"0.6875rem\",\n                          color: \"var(--sg-primary)\",\n                          fontWeight: 600,\n                          textTransform: \"uppercase\",\n                          letterSpacing: \"0.03em\",\n                        }}\n                      >\n                        {post.category}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </a>\n            ))\n          )}\n        </div>\n      </div>\n    </React.Fragment>\n  );\n}\n"],"names":["renderBlogRecentPosts","block","title","posts","showThumbnail","showDate","showCategory","borderRadius","shadow","linkColorProp","linkHoverColorProp","linkHoverEffectProp","linkHoverIntensityProp","linkColor","linkHoverColor","linkHoverEffect","linkHoverIntensity","widgetId","boxShadow","resolveWidgetShadow","hoverCSS","styles","generateLinkHoverStyles","baseRule","hoverRule","jsxs","React","jsx","post","index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlogSearchBarRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogSearchBarRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAmI/D"}
+{"version":3,"file":"BlogSearchBarRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogSearchBarRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CA+G/D"}

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

@@ -1,6 +1,8 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-function s() {
-  return /* @__PURE__ */ t(
+import { jsxs as r, jsx as e, Fragment as S } from "react/jsx-runtime";
+import u from "react";
+import { resolveWidgetShadow as C } from "../../../shared/widgetStyles.js";
+function b() {
+  return /* @__PURE__ */ r(
     "svg",
     {
       style: {
@@ -22,117 +24,72 @@ function s() {
     }
   );
 }
-function h(a) {
+function F(t) {
   const {
-    placeholder: d = "Buscar posts...",
-    variant: r = "simple",
+    placeholder: n = "Buscar posts...",
+    variant: o = "simple",
     showIcon: i = !0,
-    searchUrl: o = "#",
-    filterCategories: c = !1,
-    filterTags: p = !1,
-    filterDate: g = !1
-  } = a.props, n = {
+    searchUrl: s = "#",
+    filterCategories: v = !1,
+    filterTags: f = !1,
+    filterDate: y = !1,
+    borderRadius: l = "0.75rem",
+    shadow: x = "none"
+  } = t.props, d = `widget-search-${t.id}`, c = C(x), p = {
+    backgroundColor: "var(--sg-surface, var(--sg-bg))",
+    border: "1px solid var(--sg-border, #e5e7eb)",
+    borderRadius: l,
+    boxShadow: c !== "none" ? c : void 0,
+    overflow: "hidden"
+  }, g = `calc(${l} * 0.6)`, m = {
     width: "100%",
     paddingLeft: i ? "2.5rem" : "0.75rem",
     paddingRight: "1rem",
-    paddingTop: r === "expanded" ? "0.875rem" : "0.625rem",
-    paddingBottom: r === "expanded" ? "0.875rem" : "0.625rem",
-    fontSize: r === "expanded" ? "1.0625rem" : "0.875rem",
-    border: r === "expanded" ? "2px solid var(--sg-border, #e5e7eb)" : "1px solid var(--sg-border, #e5e7eb)",
-    borderRadius: "var(--sg-card-radius, 0.5rem)",
+    paddingTop: o === "expanded" ? "0.875rem" : "0.625rem",
+    paddingBottom: o === "expanded" ? "0.875rem" : "0.625rem",
+    fontSize: o === "expanded" ? "1.0625rem" : "0.875rem",
+    border: o === "expanded" ? "2px solid var(--sg-border, #e5e7eb)" : "1px solid var(--sg-border, #e5e7eb)",
+    borderRadius: g,
     backgroundColor: "var(--sg-bg)",
     color: "var(--sg-text)",
-    outline: "none"
-  }, l = {
+    outline: "none",
+    transition: "border-color 0.2s, box-shadow 0.2s"
+  }, a = {
     padding: "0.625rem 0.75rem",
     fontSize: "0.875rem",
     border: "1px solid var(--sg-border, #e5e7eb)",
-    borderRadius: "var(--sg-card-radius, 0.5rem)",
+    borderRadius: g,
     backgroundColor: "var(--sg-bg)",
-    color: "var(--sg-text)"
-  };
-  return r === "expanded" ? /* @__PURE__ */ e(
-    "form",
-    {
-      "data-block-group": "Conteúdo",
-      action: o,
-      method: "get",
-      style: {
-        padding: "2rem 0",
-        backgroundColor: "var(--sg-bg)"
-      },
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            maxWidth: "1200px",
-            margin: "0 auto",
-            padding: "0 1rem",
-            display: "flex",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ t("div", { style: { position: "relative", width: "100%", maxWidth: "600px" }, children: [
-            i && /* @__PURE__ */ e(s, {}),
-            /* @__PURE__ */ e("input", { type: "search", name: "busca", placeholder: d, style: n })
-          ] })
-        }
-      )
-    },
-    a.id
-  ) : r === "with-filters" ? /* @__PURE__ */ e(
-    "form",
-    {
-      "data-block-group": "Conteúdo",
-      action: o,
-      method: "get",
-      style: {
-        padding: "1.5rem 0",
-        backgroundColor: "var(--sg-bg)"
-      },
-      children: /* @__PURE__ */ t(
-        "div",
-        {
-          style: {
-            maxWidth: "1200px",
-            margin: "0 auto",
-            padding: "0 1rem",
-            display: "flex",
-            flexWrap: "wrap",
-            gap: "0.75rem",
-            alignItems: "center"
-          },
-          children: [
-            /* @__PURE__ */ t("div", { style: { position: "relative", flex: 1, minWidth: "200px" }, children: [
-              i && /* @__PURE__ */ e(s, {}),
-              /* @__PURE__ */ e("input", { type: "search", name: "busca", placeholder: d, style: n })
-            ] }),
-            c && /* @__PURE__ */ e("select", { name: "categoria", style: l, children: /* @__PURE__ */ e("option", { value: "", children: "Categoria" }) }),
-            p && /* @__PURE__ */ e("select", { name: "tag", style: l, children: /* @__PURE__ */ e("option", { value: "", children: "Tag" }) }),
-            g && /* @__PURE__ */ e("select", { name: "periodo", style: l, children: /* @__PURE__ */ e("option", { value: "", children: "Período" }) })
-          ]
-        }
-      )
-    },
-    a.id
-  ) : /* @__PURE__ */ e(
-    "form",
-    {
-      "data-block-group": "Conteúdo",
-      action: o,
-      method: "get",
-      style: {
-        padding: "1.5rem 0",
-        backgroundColor: "var(--sg-bg)"
-      },
-      children: /* @__PURE__ */ e("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: /* @__PURE__ */ t("div", { style: { position: "relative", width: "100%", maxWidth: "400px" }, children: [
-        i && /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ e("input", { type: "search", name: "busca", placeholder: d, style: n })
-      ] }) })
-    },
-    a.id
-  );
+    color: "var(--sg-text)",
+    transition: "border-color 0.2s"
+  }, h = `
+    #${d} input:focus, #${d} select:focus {
+      border-color: var(--sg-primary);
+      box-shadow: 0 0 0 3px rgba(var(--sg-primary-rgb, 59, 130, 246), 0.15);
+    }
+  `, w = () => /* @__PURE__ */ r(S, { children: [
+    v && /* @__PURE__ */ e("select", { name: "categoria", style: a, children: /* @__PURE__ */ e("option", { value: "", children: "Categoria" }) }),
+    f && /* @__PURE__ */ e("select", { name: "tag", style: a, children: /* @__PURE__ */ e("option", { value: "", children: "Tag" }) }),
+    y && /* @__PURE__ */ e("select", { name: "periodo", style: a, children: /* @__PURE__ */ e("option", { value: "", children: "Período" }) })
+  ] });
+  return o === "with-filters" ? /* @__PURE__ */ r(u.Fragment, { children: [
+    /* @__PURE__ */ e("style", { children: h }),
+    /* @__PURE__ */ e("div", { id: d, "data-block-group": "Conteúdo", style: p, children: /* @__PURE__ */ r("form", { action: s, method: "get", style: { padding: "1.25rem" }, children: [
+      /* @__PURE__ */ r("div", { style: { position: "relative", marginBottom: "0.75rem" }, children: [
+        i && /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e("input", { type: "search", name: "busca", placeholder: n, style: m })
+      ] }),
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: w() })
+    ] }) })
+  ] }, t.id) : /* @__PURE__ */ r(u.Fragment, { children: [
+    /* @__PURE__ */ e("style", { children: h }),
+    /* @__PURE__ */ e("div", { id: d, "data-block-group": "Conteúdo", style: p, children: /* @__PURE__ */ e("form", { action: s, method: "get", style: { padding: "1.25rem" }, children: /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
+      i && /* @__PURE__ */ e(b, {}),
+      /* @__PURE__ */ e("input", { type: "search", name: "busca", placeholder: n, style: m })
+    ] }) }) })
+  ] }, t.id);
 }
 export {
-  h as renderBlogSearchBar
+  F as renderBlogSearchBar
 };
 //# sourceMappingURL=BlogSearchBarRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlogSearchBarRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogSearchBarRenderer.tsx"],"sourcesContent":["/**\n * BlogSearchBar Renderer\n * Renderiza barra de busca com 3 variantes: simple, expanded, with-filters\n */\n\nimport React from \"react\";\n\nfunction SearchIcon() {\n  return (\n    <svg\n      style={{\n        position: \"absolute\",\n        left: \"0.75rem\",\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n        width: \"1.25rem\",\n        height: \"1.25rem\",\n        color: \"var(--sg-muted-text)\",\n      }}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.35-4.35\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function renderBlogSearchBar(block: any): React.ReactNode {\n  const {\n    placeholder = \"Buscar posts...\",\n    variant = \"simple\",\n    showIcon = true,\n    searchUrl = \"#\",\n    filterCategories = false,\n    filterTags = false,\n    filterDate = false,\n  } = block.props;\n\n  const inputStyle: React.CSSProperties = {\n    width: \"100%\",\n    paddingLeft: showIcon ? \"2.5rem\" : \"0.75rem\",\n    paddingRight: \"1rem\",\n    paddingTop: variant === \"expanded\" ? \"0.875rem\" : \"0.625rem\",\n    paddingBottom: variant === \"expanded\" ? \"0.875rem\" : \"0.625rem\",\n    fontSize: variant === \"expanded\" ? \"1.0625rem\" : \"0.875rem\",\n    border: variant === \"expanded\" ? \"2px solid var(--sg-border, #e5e7eb)\" : \"1px solid var(--sg-border, #e5e7eb)\",\n    borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n    backgroundColor: \"var(--sg-bg)\",\n    color: \"var(--sg-text)\",\n    outline: \"none\",\n  };\n\n  const selectStyle: React.CSSProperties = {\n    padding: \"0.625rem 0.75rem\",\n    fontSize: \"0.875rem\",\n    border: \"1px solid var(--sg-border, #e5e7eb)\",\n    borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n    backgroundColor: \"var(--sg-bg)\",\n    color: \"var(--sg-text)\",\n  };\n\n  if (variant === \"expanded\") {\n    return (\n      <form\n        key={block.id}\n        data-block-group=\"Conteúdo\"\n        action={searchUrl}\n        method=\"get\"\n        style={{\n          padding: \"2rem 0\",\n          backgroundColor: \"var(--sg-bg)\",\n        }}\n      >\n        <div\n          style={{\n            maxWidth: \"1200px\",\n            margin: \"0 auto\",\n            padding: \"0 1rem\",\n            display: \"flex\",\n            justifyContent: \"center\",\n          }}\n        >\n          <div style={{ position: \"relative\", width: \"100%\", maxWidth: \"600px\" }}>\n            {showIcon && <SearchIcon />}\n            <input type=\"search\" name=\"busca\" placeholder={placeholder} style={inputStyle} />\n          </div>\n        </div>\n      </form>\n    );\n  }\n\n  if (variant === \"with-filters\") {\n    return (\n      <form\n        key={block.id}\n        data-block-group=\"Conteúdo\"\n        action={searchUrl}\n        method=\"get\"\n        style={{\n          padding: \"1.5rem 0\",\n          backgroundColor: \"var(--sg-bg)\",\n        }}\n      >\n        <div\n          style={{\n            maxWidth: \"1200px\",\n            margin: \"0 auto\",\n            padding: \"0 1rem\",\n            display: \"flex\",\n            flexWrap: \"wrap\",\n            gap: \"0.75rem\",\n            alignItems: \"center\",\n          }}\n        >\n          <div style={{ position: \"relative\", flex: 1, minWidth: \"200px\" }}>\n            {showIcon && <SearchIcon />}\n            <input type=\"search\" name=\"busca\" placeholder={placeholder} style={inputStyle} />\n          </div>\n          {filterCategories && (\n            <select name=\"categoria\" style={selectStyle}>\n              <option value=\"\">Categoria</option>\n            </select>\n          )}\n          {filterTags && (\n            <select name=\"tag\" style={selectStyle}>\n              <option value=\"\">Tag</option>\n            </select>\n          )}\n          {filterDate && (\n            <select name=\"periodo\" style={selectStyle}>\n              <option value=\"\">Período</option>\n            </select>\n          )}\n        </div>\n      </form>\n    );\n  }\n\n  // simple variant\n  return (\n    <form\n      key={block.id}\n      data-block-group=\"Conteúdo\"\n      action={searchUrl}\n      method=\"get\"\n      style={{\n        padding: \"1.5rem 0\",\n        backgroundColor: \"var(--sg-bg)\",\n      }}\n    >\n      <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        <div style={{ position: \"relative\", width: \"100%\", maxWidth: \"400px\" }}>\n          {showIcon && <SearchIcon />}\n          <input type=\"search\" name=\"busca\" placeholder={placeholder} style={inputStyle} />\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"names":["SearchIcon","jsxs","jsx","renderBlogSearchBar","block","placeholder","variant","showIcon","searchUrl","filterCategories","filterTags","filterDate","inputStyle","selectStyle"],"mappings":"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"}
+{"version":3,"file":"BlogSearchBarRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogSearchBarRenderer.tsx"],"sourcesContent":["/**\n * BlogSearchBar Renderer\n * Card widget com barra de busca — 3 variantes: simple, expanded, with-filters\n * Background: var(--sg-surface) para contraste com layout\n * Hover: focus ring no input\n */\n\nimport React from \"react\";\nimport { resolveWidgetShadow } from \"../../../shared/widgetStyles\";\n\nfunction SearchIcon() {\n  return (\n    <svg\n      style={{\n        position: \"absolute\",\n        left: \"0.75rem\",\n        top: \"50%\",\n        transform: \"translateY(-50%)\",\n        width: \"1.25rem\",\n        height: \"1.25rem\",\n        color: \"var(--sg-muted-text)\",\n      }}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.35-4.35\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function renderBlogSearchBar(block: any): React.ReactNode {\n  const {\n    placeholder = \"Buscar posts...\",\n    variant = \"simple\",\n    showIcon = true,\n    searchUrl = \"#\",\n    filterCategories = false,\n    filterTags = false,\n    filterDate = false,\n    borderRadius = \"0.75rem\",\n    shadow = \"none\",\n  } = block.props;\n\n  const widgetId = `widget-search-${block.id}`;\n  const boxShadow = resolveWidgetShadow(shadow);\n\n  const cardStyle: React.CSSProperties = {\n    backgroundColor: \"var(--sg-surface, var(--sg-bg))\",\n    border: \"1px solid var(--sg-border, #e5e7eb)\",\n    borderRadius,\n    boxShadow: boxShadow !== \"none\" ? boxShadow : undefined,\n    overflow: \"hidden\",\n  };\n\n  const inputRadius = `calc(${borderRadius} * 0.6)`;\n\n  const inputStyle: React.CSSProperties = {\n    width: \"100%\",\n    paddingLeft: showIcon ? \"2.5rem\" : \"0.75rem\",\n    paddingRight: \"1rem\",\n    paddingTop: variant === \"expanded\" ? \"0.875rem\" : \"0.625rem\",\n    paddingBottom: variant === \"expanded\" ? \"0.875rem\" : \"0.625rem\",\n    fontSize: variant === \"expanded\" ? \"1.0625rem\" : \"0.875rem\",\n    border: variant === \"expanded\" ? \"2px solid var(--sg-border, #e5e7eb)\" : \"1px solid var(--sg-border, #e5e7eb)\",\n    borderRadius: inputRadius,\n    backgroundColor: \"var(--sg-bg)\",\n    color: \"var(--sg-text)\",\n    outline: \"none\",\n    transition: \"border-color 0.2s, box-shadow 0.2s\",\n  };\n\n  const selectStyle: React.CSSProperties = {\n    padding: \"0.625rem 0.75rem\",\n    fontSize: \"0.875rem\",\n    border: \"1px solid var(--sg-border, #e5e7eb)\",\n    borderRadius: inputRadius,\n    backgroundColor: \"var(--sg-bg)\",\n    color: \"var(--sg-text)\",\n    transition: \"border-color 0.2s\",\n  };\n\n  // Focus ring CSS\n  const focusCSS = `\n    #${widgetId} input:focus, #${widgetId} select:focus {\n      border-color: var(--sg-primary);\n      box-shadow: 0 0 0 3px rgba(var(--sg-primary-rgb, 59, 130, 246), 0.15);\n    }\n  `;\n\n  const renderFilters = () => (\n    <>\n      {filterCategories && (\n        <select name=\"categoria\" style={selectStyle}>\n          <option value=\"\">Categoria</option>\n        </select>\n      )}\n      {filterTags && (\n        <select name=\"tag\" style={selectStyle}>\n          <option value=\"\">Tag</option>\n        </select>\n      )}\n      {filterDate && (\n        <select name=\"periodo\" style={selectStyle}>\n          <option value=\"\">Período</option>\n        </select>\n      )}\n    </>\n  );\n\n  if (variant === \"with-filters\") {\n    return (\n      <React.Fragment key={block.id}>\n        <style>{focusCSS}</style>\n        <div id={widgetId} data-block-group=\"Conteúdo\" style={cardStyle}>\n          <form action={searchUrl} method=\"get\" style={{ padding: \"1.25rem\" }}>\n            <div style={{ position: \"relative\", marginBottom: \"0.75rem\" }}>\n              {showIcon && <SearchIcon />}\n              <input type=\"search\" name=\"busca\" placeholder={placeholder} style={inputStyle} />\n            </div>\n            <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"0.5rem\" }}>\n              {renderFilters()}\n            </div>\n          </form>\n        </div>\n      </React.Fragment>\n    );\n  }\n\n  return (\n    <React.Fragment key={block.id}>\n      <style>{focusCSS}</style>\n      <div id={widgetId} data-block-group=\"Conteúdo\" style={cardStyle}>\n        <form action={searchUrl} method=\"get\" style={{ padding: \"1.25rem\" }}>\n          <div style={{ position: \"relative\" }}>\n            {showIcon && <SearchIcon />}\n            <input type=\"search\" name=\"busca\" placeholder={placeholder} style={inputStyle} />\n          </div>\n        </form>\n      </div>\n    </React.Fragment>\n  );\n}\n"],"names":["SearchIcon","jsxs","jsx","renderBlogSearchBar","block","placeholder","variant","showIcon","searchUrl","filterCategories","filterTags","filterDate","borderRadius","shadow","widgetId","boxShadow","resolveWidgetShadow","cardStyle","inputRadius","inputStyle","selectStyle","focusCSS","renderFilters","Fragment","React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlogTagCloudRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogTagCloudRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAwH9D"}
+{"version":3,"file":"BlogTagCloudRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/render/renderers/sections/BlogTagCloudRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,CAAC,SAAS,CAuK9D"}