@brunoalz/smartgesti-site-editor 1.2.0 → 1.3.0

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

@@ -0,0 +1,287 @@
+import { jsxs as t, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { generateButtonHoverStyles as b, generateButtonOverlayCSS as v, getButtonHoverKeyframes as k } from "../../../shared/hoverEffects/buttonHover.js";
+function $(o) {
+  const {
+    title: l,
+    subtitle: d,
+    products: m = [],
+    variant: h = "alternating",
+    bg: p,
+    buttonHoverEffect: g = "none",
+    buttonHoverIntensity: y = 50,
+    buttonHoverOverlay: s = "none",
+    buttonHoverIconName: f = "arrow-right"
+  } = o.props, u = h === "grid", i = `[data-block-id="${o.id}"]`;
+  let n = "";
+  if (g !== "none") {
+    const e = b({
+      effect: g,
+      intensity: y,
+      buttonColor: "#6366f1",
+      variant: "solid"
+    }), a = b({
+      effect: g,
+      intensity: y,
+      buttonColor: "#6366f1",
+      variant: "outline"
+    });
+    e.base && (n += `${i} .sg-showcase__btn--primary { ${e.base} }`), a.base && (n += `${i} .sg-showcase__btn--secondary { ${a.base} }`), n += `${i} .sg-showcase__btn--primary:hover { ${e.hover} }`, n += `${i} .sg-showcase__btn--secondary:hover { ${a.hover} }`, n += k();
+  }
+  s && s !== "none" && (n += v(`${i} .sg-showcase__btn--primary`, {
+    overlay: s,
+    primaryColor: "#6366f1",
+    iconName: f,
+    textColor: "#fff"
+  }), n += v(`${i} .sg-showcase__btn--secondary`, {
+    overlay: s,
+    primaryColor: "#6366f1",
+    iconName: f,
+    textColor: "#6366f1"
+  }));
+  const x = n.length > 0, c = {
+    position: "relative",
+    overflow: "hidden",
+    transition: "all 0.2s ease"
+  };
+  return /* @__PURE__ */ t(C, { children: [
+    x && /* @__PURE__ */ r("style", { children: n }),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        "data-block-id": o.id,
+        style: {
+          padding: "var(--sg-section-padding-md, 4rem 0)",
+          backgroundColor: p || "var(--sg-bg)"
+        },
+        children: /* @__PURE__ */ t("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
+          (l || d) && /* @__PURE__ */ t("div", { "data-block-group": "Conteúdo", style: { textAlign: "center", marginBottom: "3rem" }, children: [
+            d && /* @__PURE__ */ r(
+              "span",
+              {
+                style: {
+                  display: "inline-block",
+                  padding: "0.25rem 0.75rem",
+                  backgroundColor: "var(--sg-primary)",
+                  color: "#fff",
+                  borderRadius: "9999px",
+                  fontSize: "0.75rem",
+                  fontWeight: 600,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.05em",
+                  marginBottom: "0.75rem"
+                },
+                children: d
+              }
+            ),
+            l && /* @__PURE__ */ r("h2", { style: { fontSize: "var(--sg-heading-h2)", marginBottom: "0.5rem" }, children: l })
+          ] }),
+          u ? /* @__PURE__ */ r(
+            "div",
+            {
+              "data-block-group": "Layout",
+              style: {
+                display: "grid",
+                gridTemplateColumns: `repeat(${Math.min(m.length, 3)}, 1fr)`,
+                gap: "2rem"
+              },
+              children: m.map((e, a) => /* @__PURE__ */ t(
+                "div",
+                {
+                  style: {
+                    backgroundColor: "var(--sg-surface)",
+                    borderRadius: "var(--sg-card-radius, 0.75rem)",
+                    overflow: "hidden",
+                    boxShadow: "var(--sg-card-shadow)"
+                  },
+                  children: [
+                    e.image && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        style: {
+                          width: "100%",
+                          height: "200px",
+                          backgroundImage: `url(${e.image})`,
+                          backgroundSize: "cover",
+                          backgroundPosition: "center"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ t("div", { style: { padding: "1.5rem" }, children: [
+                      e.badge && /* @__PURE__ */ r(
+                        "span",
+                        {
+                          style: {
+                            display: "inline-block",
+                            padding: "0.125rem 0.5rem",
+                            backgroundColor: "var(--sg-primary)",
+                            color: "#fff",
+                            borderRadius: "9999px",
+                            fontSize: "0.7rem",
+                            fontWeight: 600,
+                            marginBottom: "0.5rem"
+                          },
+                          children: e.badge
+                        }
+                      ),
+                      /* @__PURE__ */ t("h3", { style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "0.5rem" }, children: [
+                        e.icon && /* @__PURE__ */ r("span", { style: { marginRight: "0.5rem" }, children: e.icon }),
+                        e.name
+                      ] }),
+                      /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: e.description }),
+                      e.primaryButton && /* @__PURE__ */ r(
+                        "a",
+                        {
+                          href: e.primaryButton.href || "#",
+                          className: "sg-showcase__btn sg-showcase__btn--primary",
+                          style: {
+                            display: "inline-block",
+                            marginTop: "1rem",
+                            padding: "0.5rem 1rem",
+                            backgroundColor: "var(--sg-primary)",
+                            color: "var(--sg-primary-text)",
+                            borderRadius: "var(--sg-button-radius, 0.5rem)",
+                            textDecoration: "none",
+                            fontWeight: 500,
+                            fontSize: "0.875rem",
+                            ...c
+                          },
+                          children: e.primaryButton.text
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                a
+              ))
+            }
+          ) : /* @__PURE__ */ r("div", { "data-block-group": "Layout", style: { display: "flex", flexDirection: "column", gap: "4rem" }, children: m.map((e, a) => {
+            const _ = h === "alternating" && a % 2 === 1;
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  gap: "3rem",
+                  alignItems: "center",
+                  flexDirection: _ ? "row-reverse" : "row"
+                },
+                children: [
+                  /* @__PURE__ */ r("div", { style: { flex: "1 1 50%" }, children: e.image ? /* @__PURE__ */ r(
+                    "img",
+                    {
+                      src: e.image,
+                      alt: e.name,
+                      style: {
+                        width: "100%",
+                        borderRadius: "var(--sg-card-radius, 0.75rem)",
+                        objectFit: "cover"
+                      }
+                    }
+                  ) : /* @__PURE__ */ r(
+                    "div",
+                    {
+                      style: {
+                        width: "100%",
+                        height: "300px",
+                        backgroundColor: "var(--sg-surface)",
+                        borderRadius: "var(--sg-card-radius, 0.75rem)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontSize: "4rem"
+                      },
+                      children: e.icon || "📦"
+                    }
+                  ) }),
+                  /* @__PURE__ */ t("div", { style: { flex: "1 1 50%" }, children: [
+                    e.badge && /* @__PURE__ */ r(
+                      "span",
+                      {
+                        style: {
+                          display: "inline-block",
+                          padding: "0.25rem 0.75rem",
+                          backgroundColor: "var(--sg-primary)",
+                          color: "#fff",
+                          borderRadius: "9999px",
+                          fontSize: "0.75rem",
+                          fontWeight: 600,
+                          marginBottom: "0.75rem"
+                        },
+                        children: e.badge
+                      }
+                    ),
+                    /* @__PURE__ */ t("h3", { style: { fontSize: "1.5rem", fontWeight: 700, marginBottom: "0.75rem" }, children: [
+                      e.icon && /* @__PURE__ */ r("span", { style: { marginRight: "0.5rem" }, children: e.icon }),
+                      e.name
+                    ] }),
+                    /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", marginBottom: "1rem", lineHeight: 1.7 }, children: e.longDescription || e.description }),
+                    e.features && e.features.length > 0 && /* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 1.5rem 0" }, children: e.features.map((w, B) => /* @__PURE__ */ t(
+                      "li",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "0.5rem",
+                          marginBottom: "0.5rem",
+                          color: "var(--sg-text)"
+                        },
+                        children: [
+                          /* @__PURE__ */ r("span", { style: { color: "#10b981", fontWeight: 700 }, children: "✓" }),
+                          w
+                        ]
+                      },
+                      B
+                    )) }),
+                    /* @__PURE__ */ t("div", { style: { display: "flex", gap: "0.75rem" }, children: [
+                      e.primaryButton && /* @__PURE__ */ r(
+                        "a",
+                        {
+                          href: e.primaryButton.href || "#",
+                          className: "sg-showcase__btn sg-showcase__btn--primary",
+                          style: {
+                            padding: "0.625rem 1.25rem",
+                            backgroundColor: "var(--sg-primary)",
+                            color: "var(--sg-primary-text)",
+                            borderRadius: "var(--sg-button-radius, 0.5rem)",
+                            textDecoration: "none",
+                            fontWeight: 500,
+                            ...c
+                          },
+                          children: e.primaryButton.text
+                        }
+                      ),
+                      e.secondaryButton && /* @__PURE__ */ r(
+                        "a",
+                        {
+                          href: e.secondaryButton.href || "#",
+                          className: "sg-showcase__btn sg-showcase__btn--secondary",
+                          style: {
+                            padding: "0.625rem 1.25rem",
+                            backgroundColor: "transparent",
+                            color: "var(--sg-primary)",
+                            border: "1px solid var(--sg-primary)",
+                            borderRadius: "var(--sg-button-radius, 0.5rem)",
+                            textDecoration: "none",
+                            fontWeight: 500,
+                            ...c
+                          },
+                          children: e.secondaryButton.text
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              },
+              a
+            );
+          }) })
+        ] })
+      },
+      o.id
+    )
+  ] });
+}
+export {
+  $ as renderProductShowcase
+};
+//# sourceMappingURL=ProductShowcaseRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductShowcaseRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/ProductShowcaseRenderer.tsx"],"sourcesContent":["/**\n * ProductShowcase Renderer\n * Renderiza vitrine de produtos com layouts alternado, grid ou empilhado\n */\n\nimport React from \"react\";\nimport {\n  generateButtonHoverStyles,\n  generateButtonOverlayCSS,\n  getButtonHoverKeyframes,\n  type ButtonHoverEffect,\n  type ButtonHoverOverlay,\n} from \"../../../shared/hoverEffects\";\n\nexport function renderProductShowcase(block: any): React.ReactNode {\n  const {\n    title,\n    subtitle,\n    products = [],\n    variant = \"alternating\",\n    bg,\n    buttonHoverEffect = \"none\",\n    buttonHoverIntensity = 50,\n    buttonHoverOverlay = \"none\",\n    buttonHoverIconName = \"arrow-right\",\n  } = block.props;\n\n  const isGrid = variant === \"grid\";\n\n  // Generate hover CSS\n  const scope = `[data-block-id=\"${block.id}\"]`;\n  let hoverCss = \"\";\n\n  if (buttonHoverEffect !== \"none\") {\n    const primaryResult = generateButtonHoverStyles({\n      effect: buttonHoverEffect as ButtonHoverEffect,\n      intensity: buttonHoverIntensity,\n      buttonColor: \"#6366f1\",\n      variant: \"solid\",\n    });\n    const outlineResult = generateButtonHoverStyles({\n      effect: buttonHoverEffect as ButtonHoverEffect,\n      intensity: buttonHoverIntensity,\n      buttonColor: \"#6366f1\",\n      variant: \"outline\",\n    });\n    if (primaryResult.base) {\n      hoverCss += `${scope} .sg-showcase__btn--primary { ${primaryResult.base} }`;\n    }\n    if (outlineResult.base) {\n      hoverCss += `${scope} .sg-showcase__btn--secondary { ${outlineResult.base} }`;\n    }\n    hoverCss += `${scope} .sg-showcase__btn--primary:hover { ${primaryResult.hover} }`;\n    hoverCss += `${scope} .sg-showcase__btn--secondary:hover { ${outlineResult.hover} }`;\n    hoverCss += getButtonHoverKeyframes();\n  }\n\n  if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n    hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--primary`, {\n      overlay: buttonHoverOverlay as ButtonHoverOverlay,\n      primaryColor: \"#6366f1\",\n      iconName: buttonHoverIconName,\n      textColor: \"#fff\",\n    });\n    hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--secondary`, {\n      overlay: buttonHoverOverlay as ButtonHoverOverlay,\n      primaryColor: \"#6366f1\",\n      iconName: buttonHoverIconName,\n      textColor: \"#6366f1\",\n    });\n  }\n\n  const hasHover = hoverCss.length > 0;\n  const btnBaseStyle: React.CSSProperties = {\n    position: \"relative\",\n    overflow: \"hidden\",\n    transition: \"all 0.2s ease\",\n  };\n\n  return (\n    <>\n      {hasHover && <style>{hoverCss}</style>}\n      <section\n        key={block.id}\n        data-block-id={block.id}\n        style={{\n          padding: \"var(--sg-section-padding-md, 4rem 0)\",\n          backgroundColor: bg || \"var(--sg-bg)\",\n        }}\n      >\n        <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n          {(title || subtitle) && (\n            <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n              {subtitle && (\n                <span\n                  style={{\n                    display: \"inline-block\",\n                    padding: \"0.25rem 0.75rem\",\n                    backgroundColor: \"var(--sg-primary)\",\n                    color: \"#fff\",\n                    borderRadius: \"9999px\",\n                    fontSize: \"0.75rem\",\n                    fontWeight: 600,\n                    textTransform: \"uppercase\",\n                    letterSpacing: \"0.05em\",\n                    marginBottom: \"0.75rem\",\n                  }}\n                >\n                  {subtitle}\n                </span>\n              )}\n              {title && (\n                <h2 style={{ fontSize: \"var(--sg-heading-h2)\", marginBottom: \"0.5rem\" }}>\n                  {title}\n                </h2>\n              )}\n            </div>\n          )}\n\n          {isGrid ? (\n            <div\n              data-block-group=\"Layout\"\n              style={{\n                display: \"grid\",\n                gridTemplateColumns: `repeat(${Math.min(products.length, 3)}, 1fr)`,\n                gap: \"2rem\",\n              }}\n            >\n              {products.map((product: any, index: number) => (\n                <div\n                  key={index}\n                  style={{\n                    backgroundColor: \"var(--sg-surface)\",\n                    borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                    overflow: \"hidden\",\n                    boxShadow: \"var(--sg-card-shadow)\",\n                  }}\n                >\n                  {product.image && (\n                    <div\n                      style={{\n                        width: \"100%\",\n                        height: \"200px\",\n                        backgroundImage: `url(${product.image})`,\n                        backgroundSize: \"cover\",\n                        backgroundPosition: \"center\",\n                      }}\n                    />\n                  )}\n                  <div style={{ padding: \"1.5rem\" }}>\n                    {product.badge && (\n                      <span\n                        style={{\n                          display: \"inline-block\",\n                          padding: \"0.125rem 0.5rem\",\n                          backgroundColor: \"var(--sg-primary)\",\n                          color: \"#fff\",\n                          borderRadius: \"9999px\",\n                          fontSize: \"0.7rem\",\n                          fontWeight: 600,\n                          marginBottom: \"0.5rem\",\n                        }}\n                      >\n                        {product.badge}\n                      </span>\n                    )}\n                    <h3 style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}>\n                      {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n                      {product.name}\n                    </h3>\n                    <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n                      {product.description}\n                    </p>\n                    {product.primaryButton && (\n                      <a\n                        href={product.primaryButton.href || \"#\"}\n                        className=\"sg-showcase__btn sg-showcase__btn--primary\"\n                        style={{\n                          display: \"inline-block\",\n                          marginTop: \"1rem\",\n                          padding: \"0.5rem 1rem\",\n                          backgroundColor: \"var(--sg-primary)\",\n                          color: \"var(--sg-primary-text)\",\n                          borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                          textDecoration: \"none\",\n                          fontWeight: 500,\n                          fontSize: \"0.875rem\",\n                          ...btnBaseStyle,\n                        }}\n                      >\n                        {product.primaryButton.text}\n                      </a>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div data-block-group=\"Layout\" style={{ display: \"flex\", flexDirection: \"column\", gap: \"4rem\" }}>\n              {products.map((product: any, index: number) => {\n                const isReversed = variant === \"alternating\" && index % 2 === 1;\n                return (\n                  <div\n                    key={index}\n                    style={{\n                      display: \"flex\",\n                      gap: \"3rem\",\n                      alignItems: \"center\",\n                      flexDirection: isReversed ? \"row-reverse\" : \"row\",\n                    }}\n                  >\n                    {/* Image side */}\n                    <div style={{ flex: \"1 1 50%\" }}>\n                      {product.image ? (\n                        <img\n                          src={product.image}\n                          alt={product.name}\n                          style={{\n                            width: \"100%\",\n                            borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                            objectFit: \"cover\",\n                          }}\n                        />\n                      ) : (\n                        <div\n                          style={{\n                            width: \"100%\",\n                            height: \"300px\",\n                            backgroundColor: \"var(--sg-surface)\",\n                            borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                            display: \"flex\",\n                            alignItems: \"center\",\n                            justifyContent: \"center\",\n                            fontSize: \"4rem\",\n                          }}\n                        >\n                          {product.icon || \"📦\"}\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Content side */}\n                    <div style={{ flex: \"1 1 50%\" }}>\n                      {product.badge && (\n                        <span\n                          style={{\n                            display: \"inline-block\",\n                            padding: \"0.25rem 0.75rem\",\n                            backgroundColor: \"var(--sg-primary)\",\n                            color: \"#fff\",\n                            borderRadius: \"9999px\",\n                            fontSize: \"0.75rem\",\n                            fontWeight: 600,\n                            marginBottom: \"0.75rem\",\n                          }}\n                        >\n                          {product.badge}\n                        </span>\n                      )}\n                      <h3 style={{ fontSize: \"1.5rem\", fontWeight: 700, marginBottom: \"0.75rem\" }}>\n                        {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n                        {product.name}\n                      </h3>\n                      <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\", lineHeight: 1.7 }}>\n                        {product.longDescription || product.description}\n                      </p>\n                      {product.features && product.features.length > 0 && (\n                        <ul style={{ listStyle: \"none\", padding: 0, margin: \"0 0 1.5rem 0\" }}>\n                          {product.features.map((feat: string, fi: number) => (\n                            <li\n                              key={fi}\n                              style={{\n                                display: \"flex\",\n                                alignItems: \"center\",\n                                gap: \"0.5rem\",\n                                marginBottom: \"0.5rem\",\n                                color: \"var(--sg-text)\",\n                              }}\n                            >\n                              <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n                              {feat}\n                            </li>\n                          ))}\n                        </ul>\n                      )}\n                      <div style={{ display: \"flex\", gap: \"0.75rem\" }}>\n                        {product.primaryButton && (\n                          <a\n                            href={product.primaryButton.href || \"#\"}\n                            className=\"sg-showcase__btn sg-showcase__btn--primary\"\n                            style={{\n                              padding: \"0.625rem 1.25rem\",\n                              backgroundColor: \"var(--sg-primary)\",\n                              color: \"var(--sg-primary-text)\",\n                              borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                              textDecoration: \"none\",\n                              fontWeight: 500,\n                              ...btnBaseStyle,\n                            }}\n                          >\n                            {product.primaryButton.text}\n                          </a>\n                        )}\n                        {product.secondaryButton && (\n                          <a\n                            href={product.secondaryButton.href || \"#\"}\n                            className=\"sg-showcase__btn sg-showcase__btn--secondary\"\n                            style={{\n                              padding: \"0.625rem 1.25rem\",\n                              backgroundColor: \"transparent\",\n                              color: \"var(--sg-primary)\",\n                              border: \"1px solid var(--sg-primary)\",\n                              borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                              textDecoration: \"none\",\n                              fontWeight: 500,\n                              ...btnBaseStyle,\n                            }}\n                          >\n                            {product.secondaryButton.text}\n                          </a>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </section>\n    </>\n  );\n}\n"],"names":["renderProductShowcase","block","title","subtitle","products","variant","bg","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isGrid","scope","hoverCss","primaryResult","generateButtonHoverStyles","outlineResult","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","btnBaseStyle","jsxs","Fragment","jsx","product","index","isReversed","feat","fi"],"mappings":"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"}

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

@@ -5,34 +5,40 @@ import { renderFeatureGrid as o } from "./FeatureGridRenderer.js";
 import { renderPricing as i } from "./PricingRenderer.js";
 import { renderPricingCard as m } from "./PricingCardRenderer.js";
 import { renderTestimonial as s } from "./TestimonialRenderer.js";
-import { renderTestimonialGrid as d } from "./TestimonialGridRenderer.js";
-import { renderFaq as g } from "./FaqRenderer.js";
-import { renderFaqItem as a } from "./FaqItemRenderer.js";
-import { renderCta as n } from "./CtaRenderer.js";
+import { renderTestimonialGrid as n } from "./TestimonialGridRenderer.js";
+import { renderFaq as d } from "./FaqRenderer.js";
+import { renderFaqItem as g } from "./FaqItemRenderer.js";
+import { renderCta as a } from "./CtaRenderer.js";
 import { renderStats as f } from "./StatsRenderer.js";
 import { renderStatItem as p } from "./StatItemRenderer.js";
-import { renderLogoCloud as l } from "./LogoCloudRenderer.js";
-import { renderNavbar as P } from "./NavbarRenderer.js";
-import { renderFooter as C } from "./FooterRenderer.js";
-import { renderBlogPostCard as u } from "./BlogPostCardRenderer.js";
-import { renderBlogPostGrid as G } from "./BlogPostGridRenderer.js";
-import { renderBlogPostDetail as b } from "./BlogPostDetailRenderer.js";
+import { renderLogoCloud as c } from "./LogoCloudRenderer.js";
+import { renderNavbar as l } from "./NavbarRenderer.js";
+import { renderFooter as u } from "./FooterRenderer.js";
+import { renderBlogPostCard as P } from "./BlogPostCardRenderer.js";
+import { renderBlogPostGrid as C } from "./BlogPostGridRenderer.js";
+import { renderBlogPostDetail as S } from "./BlogPostDetailRenderer.js";
+import { renderProductShowcase as b } from "./ProductShowcaseRenderer.js";
+import { renderAboutSection as G } from "./AboutSectionRenderer.js";
+import { renderContactSection as F } from "./ContactSectionRenderer.js";
 r.register("hero", e);
 r.register("feature", t);
 r.register("featureGrid", o);
 r.register("pricing", i);
 r.register("pricingCard", m);
 r.register("testimonial", s);
-r.register("testimonialGrid", d);
-r.register("faq", g);
-r.register("faqItem", a);
-r.register("cta", n);
+r.register("testimonialGrid", n);
+r.register("faq", d);
+r.register("faqItem", g);
+r.register("cta", a);
 r.register("stats", f);
 r.register("statItem", p);
-r.register("logoCloud", l);
-r.register("navbar", P);
-r.register("footer", C);
-r.register("blogPostCard", u);
-r.register("blogPostGrid", G);
-r.register("blogPostDetail", b);
+r.register("logoCloud", c);
+r.register("navbar", l);
+r.register("footer", u);
+r.register("blogPostCard", P);
+r.register("blogPostGrid", C);
+r.register("blogPostDetail", S);
+r.register("productShowcase", b);
+r.register("aboutSection", G);
+r.register("contactSection", F);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/engine/render/renderers/sections/index.ts"],"sourcesContent":["/**\n * Section Renderers\n * Auto-registra todos os renderizadores de seções\n */\n\nimport { renderRegistry } from \"../../registry/renderRegistry\";\nimport { renderHero } from \"./HeroRenderer\";\nimport { renderFeature } from \"./FeatureRenderer\";\nimport { renderFeatureGrid } from \"./FeatureGridRenderer\";\nimport { renderPricing } from \"./PricingRenderer\";\nimport { renderPricingCard } from \"./PricingCardRenderer\";\nimport { renderTestimonial } from \"./TestimonialRenderer\";\nimport { renderTestimonialGrid } from \"./TestimonialGridRenderer\";\nimport { renderFaq } from \"./FaqRenderer\";\nimport { renderFaqItem } from \"./FaqItemRenderer\";\nimport { renderCta } from \"./CtaRenderer\";\nimport { renderStats } from \"./StatsRenderer\";\nimport { renderStatItem } from \"./StatItemRenderer\";\nimport { renderLogoCloud } from \"./LogoCloudRenderer\";\nimport { renderNavbar } from \"./NavbarRenderer\";\nimport { renderFooter } from \"./FooterRenderer\";\nimport { renderBlogPostCard } from \"./BlogPostCardRenderer\";\nimport { renderBlogPostGrid } from \"./BlogPostGridRenderer\";\nimport { renderBlogPostDetail } from \"./BlogPostDetailRenderer\";\n\n// Registrar renderizadores\nrenderRegistry.register(\"hero\", renderHero);\nrenderRegistry.register(\"feature\", renderFeature);\nrenderRegistry.register(\"featureGrid\", renderFeatureGrid);\nrenderRegistry.register(\"pricing\", renderPricing);\nrenderRegistry.register(\"pricingCard\", renderPricingCard);\nrenderRegistry.register(\"testimonial\", renderTestimonial);\nrenderRegistry.register(\"testimonialGrid\", renderTestimonialGrid);\nrenderRegistry.register(\"faq\", renderFaq);\nrenderRegistry.register(\"faqItem\", renderFaqItem);\nrenderRegistry.register(\"cta\", renderCta);\nrenderRegistry.register(\"stats\", renderStats);\nrenderRegistry.register(\"statItem\", renderStatItem);\nrenderRegistry.register(\"logoCloud\", renderLogoCloud);\nrenderRegistry.register(\"navbar\", renderNavbar);\nrenderRegistry.register(\"footer\", renderFooter);\nrenderRegistry.register(\"blogPostCard\", renderBlogPostCard);\nrenderRegistry.register(\"blogPostGrid\", renderBlogPostGrid);\nrenderRegistry.register(\"blogPostDetail\", renderBlogPostDetail);\n"],"names":["renderRegistry","renderHero","renderFeature","renderFeatureGrid","renderPricing","renderPricingCard","renderTestimonial","renderTestimonialGrid","renderFaq","renderFaqItem","renderCta","renderStats","renderStatItem","renderLogoCloud","renderNavbar","renderFooter","renderBlogPostCard","renderBlogPostGrid","renderBlogPostDetail"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BAA,EAAe,SAAS,QAAQC,CAAU;AAC1CD,EAAe,SAAS,WAAWE,CAAa;AAChDF,EAAe,SAAS,eAAeG,CAAiB;AACxDH,EAAe,SAAS,WAAWI,CAAa;AAChDJ,EAAe,SAAS,eAAeK,CAAiB;AACxDL,EAAe,SAAS,eAAeM,CAAiB;AACxDN,EAAe,SAAS,mBAAmBO,CAAqB;AAChEP,EAAe,SAAS,OAAOQ,CAAS;AACxCR,EAAe,SAAS,WAAWS,CAAa;AAChDT,EAAe,SAAS,OAAOU,CAAS;AACxCV,EAAe,SAAS,SAASW,CAAW;AAC5CX,EAAe,SAAS,YAAYY,CAAc;AAClDZ,EAAe,SAAS,aAAaa,CAAe;AACpDb,EAAe,SAAS,UAAUc,CAAY;AAC9Cd,EAAe,SAAS,UAAUe,CAAY;AAC9Cf,EAAe,SAAS,gBAAgBgB,CAAkB;AAC1DhB,EAAe,SAAS,gBAAgBiB,CAAkB;AAC1DjB,EAAe,SAAS,kBAAkBkB,CAAoB;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/engine/render/renderers/sections/index.ts"],"sourcesContent":["/**\n * Section Renderers\n * Auto-registra todos os renderizadores de seções\n */\n\nimport { renderRegistry } from \"../../registry/renderRegistry\";\nimport { renderHero } from \"./HeroRenderer\";\nimport { renderFeature } from \"./FeatureRenderer\";\nimport { renderFeatureGrid } from \"./FeatureGridRenderer\";\nimport { renderPricing } from \"./PricingRenderer\";\nimport { renderPricingCard } from \"./PricingCardRenderer\";\nimport { renderTestimonial } from \"./TestimonialRenderer\";\nimport { renderTestimonialGrid } from \"./TestimonialGridRenderer\";\nimport { renderFaq } from \"./FaqRenderer\";\nimport { renderFaqItem } from \"./FaqItemRenderer\";\nimport { renderCta } from \"./CtaRenderer\";\nimport { renderStats } from \"./StatsRenderer\";\nimport { renderStatItem } from \"./StatItemRenderer\";\nimport { renderLogoCloud } from \"./LogoCloudRenderer\";\nimport { renderNavbar } from \"./NavbarRenderer\";\nimport { renderFooter } from \"./FooterRenderer\";\nimport { renderBlogPostCard } from \"./BlogPostCardRenderer\";\nimport { renderBlogPostGrid } from \"./BlogPostGridRenderer\";\nimport { renderBlogPostDetail } from \"./BlogPostDetailRenderer\";\nimport { renderProductShowcase } from \"./ProductShowcaseRenderer\";\nimport { renderAboutSection } from \"./AboutSectionRenderer\";\nimport { renderContactSection } from \"./ContactSectionRenderer\";\n\n// Registrar renderizadores\nrenderRegistry.register(\"hero\", renderHero);\nrenderRegistry.register(\"feature\", renderFeature);\nrenderRegistry.register(\"featureGrid\", renderFeatureGrid);\nrenderRegistry.register(\"pricing\", renderPricing);\nrenderRegistry.register(\"pricingCard\", renderPricingCard);\nrenderRegistry.register(\"testimonial\", renderTestimonial);\nrenderRegistry.register(\"testimonialGrid\", renderTestimonialGrid);\nrenderRegistry.register(\"faq\", renderFaq);\nrenderRegistry.register(\"faqItem\", renderFaqItem);\nrenderRegistry.register(\"cta\", renderCta);\nrenderRegistry.register(\"stats\", renderStats);\nrenderRegistry.register(\"statItem\", renderStatItem);\nrenderRegistry.register(\"logoCloud\", renderLogoCloud);\nrenderRegistry.register(\"navbar\", renderNavbar);\nrenderRegistry.register(\"footer\", renderFooter);\nrenderRegistry.register(\"blogPostCard\", renderBlogPostCard);\nrenderRegistry.register(\"blogPostGrid\", renderBlogPostGrid);\nrenderRegistry.register(\"blogPostDetail\", renderBlogPostDetail);\nrenderRegistry.register(\"productShowcase\", renderProductShowcase);\nrenderRegistry.register(\"aboutSection\", renderAboutSection);\nrenderRegistry.register(\"contactSection\", renderContactSection);\n"],"names":["renderRegistry","renderHero","renderFeature","renderFeatureGrid","renderPricing","renderPricingCard","renderTestimonial","renderTestimonialGrid","renderFaq","renderFaqItem","renderCta","renderStats","renderStatItem","renderLogoCloud","renderNavbar","renderFooter","renderBlogPostCard","renderBlogPostGrid","renderBlogPostDetail","renderProductShowcase","renderAboutSection","renderContactSection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BAA,EAAe,SAAS,QAAQC,CAAU;AAC1CD,EAAe,SAAS,WAAWE,CAAa;AAChDF,EAAe,SAAS,eAAeG,CAAiB;AACxDH,EAAe,SAAS,WAAWI,CAAa;AAChDJ,EAAe,SAAS,eAAeK,CAAiB;AACxDL,EAAe,SAAS,eAAeM,CAAiB;AACxDN,EAAe,SAAS,mBAAmBO,CAAqB;AAChEP,EAAe,SAAS,OAAOQ,CAAS;AACxCR,EAAe,SAAS,WAAWS,CAAa;AAChDT,EAAe,SAAS,OAAOU,CAAS;AACxCV,EAAe,SAAS,SAASW,CAAW;AAC5CX,EAAe,SAAS,YAAYY,CAAc;AAClDZ,EAAe,SAAS,aAAaa,CAAe;AACpDb,EAAe,SAAS,UAAUc,CAAY;AAC9Cd,EAAe,SAAS,UAAUe,CAAY;AAC9Cf,EAAe,SAAS,gBAAgBgB,CAAkB;AAC1DhB,EAAe,SAAS,gBAAgBiB,CAAkB;AAC1DjB,EAAe,SAAS,kBAAkBkB,CAAoB;AAC9DlB,EAAe,SAAS,mBAAmBmB,CAAqB;AAChEnB,EAAe,SAAS,gBAAgBoB,CAAkB;AAC1DpB,EAAe,SAAS,kBAAkBqB,CAAoB;"}

package/dist/engine/schema/siteDocument.d.ts

@@ -7,7 +7,7 @@ export type { TypographyConfig } from '../shared/typography';
 /**
  * Tipos de blocos disponíveis
  */
-export type BlockType = "container" | "stack" | "grid" | "box" | "spacer" | "heading" | "text" | "image" | "button" | "link" | "divider" | "badge" | "icon" | "avatar" | "video" | "socialLinks" | "card" | "section" | "hero" | "feature" | "featureGrid" | "pricing" | "pricingCard" | "testimonial" | "testimonialGrid" | "faq" | "faqItem" | "cta" | "stats" | "statItem" | "logoCloud" | "navbar" | "footer" | "countdown" | "carousel" | "blogCard" | "blogCardGrid" | "teamCard" | "teamGrid" | "courseCardGrid" | "categoryCardGrid" | "blogPostCard" | "blogPostGrid" | "blogPostDetail" | "form" | "input" | "textarea" | "formSelect";
+export type BlockType = "container" | "stack" | "grid" | "box" | "spacer" | "heading" | "text" | "image" | "button" | "link" | "divider" | "badge" | "icon" | "avatar" | "video" | "socialLinks" | "card" | "section" | "hero" | "feature" | "featureGrid" | "pricing" | "pricingCard" | "testimonial" | "testimonialGrid" | "faq" | "faqItem" | "cta" | "stats" | "statItem" | "logoCloud" | "navbar" | "footer" | "countdown" | "carousel" | "blogCard" | "blogCardGrid" | "teamCard" | "teamGrid" | "courseCardGrid" | "categoryCardGrid" | "blogPostCard" | "blogPostGrid" | "blogPostDetail" | "productShowcase" | "aboutSection" | "contactSection" | "form" | "input" | "textarea" | "formSelect";
 /**
  * Props base de um bloco
  */
@@ -915,6 +915,100 @@ export interface BlogPostDetailBlock extends BlockBase {
         contentMaxWidth?: string;
     };
 }
+/**
+ * ProductShowcase - Seção de produtos com layout alternado
+ */
+export interface ProductShowcaseBlock extends BlockBase {
+    type: "productShowcase";
+    props: {
+        title?: string;
+        subtitle?: string;
+        products: Array<{
+            image?: string;
+            icon?: string;
+            badge?: string;
+            name: string;
+            description: string;
+            longDescription?: string;
+            features?: string[];
+            primaryButton?: {
+                text: string;
+                href?: string;
+            };
+            secondaryButton?: {
+                text: string;
+                href?: string;
+            };
+        }>;
+        variant?: "alternating" | "grid" | "stacked";
+        bg?: string;
+        buttonHoverEffect?: "none" | "darken" | "lighten" | "scale" | "glow" | "shadow" | "pulse";
+        buttonHoverIntensity?: number;
+        buttonHoverOverlay?: "none" | "shine" | "fill" | "bounce" | "icon" | "border-glow";
+        buttonHoverIconName?: string;
+    };
+}
+/**
+ * AboutSection - Seção sobre com imagem decorativa + texto + achievements
+ */
+export interface AboutSectionBlock extends BlockBase {
+    type: "aboutSection";
+    props: {
+        title?: string;
+        subtitle?: string;
+        description?: string;
+        secondaryDescription?: string;
+        image?: string;
+        achievements?: Array<{
+            text: string;
+        }>;
+        primaryButton?: {
+            text: string;
+            href?: string;
+        };
+        variant?: "image-left" | "image-right" | "centered";
+        bg?: string;
+        stats?: Array<{
+            value: string;
+            label: string;
+        }>;
+        buttonHoverEffect?: "none" | "darken" | "lighten" | "scale" | "glow" | "shadow" | "pulse";
+        buttonHoverIntensity?: number;
+        buttonHoverOverlay?: "none" | "shine" | "fill" | "bounce" | "icon" | "border-glow";
+        buttonHoverIconName?: string;
+    };
+}
+/**
+ * ContactSection - Seção de contato com info cards + formulário
+ */
+export interface ContactSectionBlock extends BlockBase {
+    type: "contactSection";
+    props: {
+        title?: string;
+        subtitle?: string;
+        description?: string;
+        contactInfo?: Array<{
+            icon?: string;
+            label: string;
+            value: string;
+        }>;
+        formTitle?: string;
+        formFields?: Array<{
+            name: string;
+            label: string;
+            type: "text" | "email" | "tel" | "textarea";
+            placeholder?: string;
+            required?: boolean;
+        }>;
+        submitText?: string;
+        variant?: "split" | "stacked" | "form-only";
+        bg?: string;
+        buttonHoverEffect?: "none" | "darken" | "lighten" | "scale" | "glow" | "shadow" | "pulse";
+        buttonHoverIntensity?: number;
+        buttonHoverOverlay?: "none" | "shine" | "fill" | "bounce" | "icon" | "border-glow";
+        buttonHoverIconName?: string;
+    };
+}
 /**
  * Form - Container de formulário
  */
@@ -972,7 +1066,7 @@ export interface FormSelectBlock extends BlockBase {
 /**
  * Union type de todos os blocos
  */
-export type Block = ContainerBlock | StackBlock | GridBlock | BoxBlock | SpacerBlock | HeadingBlock | TextBlock | ImageBlock | ButtonBlock | LinkBlock | DividerBlock | BadgeBlock | IconBlock | AvatarBlock | VideoBlock | SocialLinksBlock | CardBlock | SectionBlock | HeroBlock | FeatureBlock | FeatureGridBlock | PricingBlock | PricingCardBlock | TestimonialBlock | TestimonialGridBlock | FaqBlock | FaqItemBlock | CtaBlock | StatsBlock | StatItemBlock | LogoCloudBlock | NavbarBlock | FooterBlock | CountdownBlock | CarouselBlock | BlogCardBlock | BlogCardGridBlock | TeamCardBlock | TeamGridBlock | CourseCardGridBlock | CategoryCardGridBlock | BlogPostCardBlock | BlogPostGridBlock | BlogPostDetailBlock | FormBlock | InputBlock | TextareaBlock | FormSelectBlock;
+export type Block = ContainerBlock | StackBlock | GridBlock | BoxBlock | SpacerBlock | HeadingBlock | TextBlock | ImageBlock | ButtonBlock | LinkBlock | DividerBlock | BadgeBlock | IconBlock | AvatarBlock | VideoBlock | SocialLinksBlock | CardBlock | SectionBlock | HeroBlock | FeatureBlock | FeatureGridBlock | PricingBlock | PricingCardBlock | TestimonialBlock | TestimonialGridBlock | FaqBlock | FaqItemBlock | CtaBlock | StatsBlock | StatItemBlock | LogoCloudBlock | NavbarBlock | FooterBlock | CountdownBlock | CarouselBlock | BlogCardBlock | BlogCardGridBlock | TeamCardBlock | TeamGridBlock | CourseCardGridBlock | CategoryCardGridBlock | BlogPostCardBlock | BlogPostGridBlock | BlogPostDetailBlock | ProductShowcaseBlock | AboutSectionBlock | ContactSectionBlock | FormBlock | InputBlock | TextareaBlock | FormSelectBlock;
 /**
  * Utility type: extract the block interface for a given BlockType
  */