@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { renderFaqItem as s } from "./FaqItemRenderer.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { renderFaqItem as m } from "./FaqItemRenderer.js";
 function l(r) {
-  const { title: t, subtitle: i, items: d = [] } = r.props;
+  const { title: t, subtitle: i, items: n = [] } = r.props;
   return /* @__PURE__ */ e(
     "section",
     {
@@ -9,8 +9,8 @@ function l(r) {
         padding: "var(--sg-section-padding-md)",
         backgroundColor: "var(--sg-bg)"
       },
-      children: /* @__PURE__ */ n("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "0 1rem" }, children: [
-        (t || i) && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginBottom: "3rem" }, children: [
+      children: /* @__PURE__ */ d("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "0 1rem" }, children: [
+        (t || i) && /* @__PURE__ */ d("div", { "data-block-group": "Conteúdo", style: { textAlign: "center", marginBottom: "3rem" }, children: [
           t && /* @__PURE__ */ e(
             "h2",
             {
@@ -29,8 +29,8 @@ function l(r) {
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { children: d.map(
-          (o, m) => s({ id: `${r.id}-faq-${m}`, props: o })
+        /* @__PURE__ */ e("div", { children: n.map(
+          (o, a) => m({ id: `${r.id}-faq-${a}`, props: o })
         ) })
       ] })
     },

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

@@ -1 +1 @@
-{"version":3,"file":"FaqRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FaqRenderer.tsx"],"sourcesContent":["/**\n * Faq Renderer\n * Renderiza seção de FAQ com título e lista de itens\n */\n\nimport React from \"react\";\nimport { renderFaqItem } from \"./FaqItemRenderer\";\n\nexport function renderFaq(block: any): React.ReactNode {\n  const { title, subtitle, items = [] } = block.props;\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: \"var(--sg-bg)\",\n      }}\n    >\n      <div style={{ maxWidth: \"800px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        {(title || subtitle) && (\n          <div style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n            {title && (\n              <h2\n                style={{\n                  fontSize: \"var(--sg-heading-h2)\",\n                  marginBottom: \"0.5rem\",\n                }}\n              >\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p\n                style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\" }}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n        <div>\n          {items.map((item: any, index: number) =>\n            renderFaqItem({ id: `${block.id}-faq-${index}`, props: item }),\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderFaq","block","title","subtitle","items","jsx","jsxs","item","index","renderFaqItem"],"mappings":";;AAQO,SAASA,EAAUC,GAA6B;AACrD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,IAAQ,CAAA,EAAC,IAAMH,EAAM;AAE9C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,MAGnB,UAAA,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,SAAS,QAAQ,UAAU,SAAS,SAAA,GACxD,UAAA;AAAA,SAAAJ,KAASC,wBACR,OAAA,EAAI,OAAO,EAAE,WAAW,UAAU,cAAc,OAAA,GAC9C,UAAA;AAAA,UAAAD,KACC,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,cAAA;AAAA,cAGf,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJC,KACC,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA;AAAA,cAEjD,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QAEF,gBAAAE,EAAC,SACE,UAAAD,EAAM;AAAA,UAAI,CAACG,GAAWC,MACrBC,EAAc,EAAE,IAAI,GAAGR,EAAM,EAAE,QAAQO,CAAK,IAAI,OAAOD,GAAM;AAAA,QAAA,EAC/D,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,IAjCKN,EAAM;AAAA,EAAA;AAoCjB;"}
+{"version":3,"file":"FaqRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FaqRenderer.tsx"],"sourcesContent":["/**\n * Faq Renderer\n * Renderiza seção de FAQ com título e lista de itens\n */\n\nimport React from \"react\";\nimport { renderFaqItem } from \"./FaqItemRenderer\";\n\nexport function renderFaq(block: any): React.ReactNode {\n  const { title, subtitle, items = [] } = block.props;\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md)\",\n        backgroundColor: \"var(--sg-bg)\",\n      }}\n    >\n      <div style={{ maxWidth: \"800px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        {(title || subtitle) && (\n          <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n            {title && (\n              <h2\n                style={{\n                  fontSize: \"var(--sg-heading-h2)\",\n                  marginBottom: \"0.5rem\",\n                }}\n              >\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p\n                style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\" }}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n        <div>\n          {items.map((item: any, index: number) =>\n            renderFaqItem({ id: `${block.id}-faq-${index}`, props: item }),\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderFaq","block","title","subtitle","items","jsx","jsxs","item","index","renderFaqItem"],"mappings":";;AAQO,SAASA,EAAUC,GAA6B;AACrD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,IAAQ,CAAA,EAAC,IAAMH,EAAM;AAE9C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,MAGnB,UAAA,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,SAAS,QAAQ,UAAU,SAAS,SAAA,GACxD,UAAA;AAAA,SAAAJ,KAASC,MACT,gBAAAG,EAAC,OAAA,EAAI,oBAAiB,YAAW,OAAO,EAAE,WAAW,UAAU,cAAc,OAAA,GAC1E,UAAA;AAAA,UAAAJ,KACC,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,cAAA;AAAA,cAGf,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJC,KACC,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA;AAAA,cAEjD,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QAEF,gBAAAE,EAAC,SACE,UAAAD,EAAM;AAAA,UAAI,CAACG,GAAWC,MACrBC,EAAc,EAAE,IAAI,GAAGR,EAAM,EAAE,QAAQO,CAAK,IAAI,OAAOD,GAAM;AAAA,QAAA,EAC/D,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,IAjCKN,EAAM;AAAA,EAAA;AAoCjB;"}

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

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

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

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { renderIcon as g } from "../content/IconRenderer.js";
-function p(n) {
+function h(d) {
   const {
-    title: o,
-    subtitle: t,
+    title: t,
+    subtitle: n,
     columns: s = 3,
-    variant: m = "default",
-    features: l = []
-  } = n.props, i = m === "image-cards";
+    variant: l = "default",
+    features: m = []
+  } = d.props, i = l === "image-cards";
   return /* @__PURE__ */ e(
     "section",
     {
@@ -15,35 +15,36 @@ function p(n) {
         padding: "var(--sg-section-padding-md, 4rem 0)",
         backgroundColor: "var(--sg-surface)"
       },
-      children: /* @__PURE__ */ d("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
-        (o || t) && /* @__PURE__ */ d("div", { style: { textAlign: "center", marginBottom: "3rem" }, children: [
-          o && /* @__PURE__ */ e(
+      children: /* @__PURE__ */ o("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
+        (t || n) && /* @__PURE__ */ o("div", { "data-block-group": "Conteúdo", style: { textAlign: "center", marginBottom: "3rem" }, children: [
+          t && /* @__PURE__ */ e(
             "h2",
             {
               style: {
                 fontSize: "var(--sg-heading-h2)",
                 marginBottom: "0.5rem"
               },
-              children: o
+              children: t
             }
           ),
-          t && /* @__PURE__ */ e(
+          n && /* @__PURE__ */ e(
             "p",
             {
               style: { color: "var(--sg-muted-text)", fontSize: "1.125rem" },
-              children: t
+              children: n
             }
           )
         ] }),
         /* @__PURE__ */ e(
           "div",
           {
+            "data-block-group": "Layout",
             style: {
               display: "grid",
               gridTemplateColumns: `repeat(${s}, 1fr)`,
               gap: "2rem"
             },
-            children: l.map((r, a) => /* @__PURE__ */ d(
+            children: m.map((r, a) => /* @__PURE__ */ o(
               "div",
               {
                 style: {
@@ -66,7 +67,7 @@ function p(n) {
                       }
                     }
                   ),
-                  /* @__PURE__ */ d(
+                  /* @__PURE__ */ o(
                     "div",
                     {
                       style: {
@@ -87,7 +88,7 @@ function p(n) {
                               marginBottom: "1rem"
                             },
                             children: g({
-                              id: `${n.id}-feat-${a}-icon`,
+                              id: `${d.id}-feat-${a}-icon`,
                               props: { name: r.icon, color: "#fff" }
                             })
                           }
@@ -132,10 +133,10 @@ function p(n) {
         )
       ] })
     },
-    n.id
+    d.id
   );
 }
 export {
-  p as renderFeatureGrid
+  h as renderFeatureGrid
 };
 //# sourceMappingURL=FeatureGridRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureGridRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureGridRenderer.tsx"],"sourcesContent":["/**\n * FeatureGrid Renderer\n * Renderiza grid de features com título, subtítulo e cards\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeatureGrid(block: any): React.ReactNode {\n  const {\n    title,\n    subtitle,\n    columns = 3,\n    variant = \"default\",\n    features = [],\n  } = block.props;\n  const isImageCards = variant === \"image-cards\";\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md, 4rem 0)\",\n        backgroundColor: \"var(--sg-surface)\",\n      }}\n    >\n      <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n        {(title || subtitle) && (\n          <div style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n            {title && (\n              <h2\n                style={{\n                  fontSize: \"var(--sg-heading-h2)\",\n                  marginBottom: \"0.5rem\",\n                }}\n              >\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p\n                style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\" }}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: `repeat(${columns}, 1fr)`,\n            gap: \"2rem\",\n          }}\n        >\n          {features.map((feature: any, index: number) => (\n            <div\n              key={index}\n              style={{\n                backgroundColor: \"var(--sg-bg)\",\n                borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                padding: isImageCards && feature.image ? 0 : \"2rem\",\n                boxShadow: \"var(--sg-card-shadow)\",\n                overflow: \"hidden\",\n              }}\n            >\n              {isImageCards && feature.image && (\n                <div\n                  style={{\n                    width: \"100%\",\n                    height: \"200px\",\n                    backgroundImage: `url(${feature.image})`,\n                    backgroundSize: \"cover\",\n                    backgroundPosition: \"center\",\n                  }}\n                />\n              )}\n              <div\n                style={{\n                  padding: isImageCards && feature.image ? \"1.5rem\" : 0,\n                }}\n              >\n                {!isImageCards && feature.icon && (\n                  <div\n                    style={{\n                      width: \"3rem\",\n                      height: \"3rem\",\n                      backgroundColor: \"var(--sg-primary)\",\n                      borderRadius: \"0.75rem\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      marginBottom: \"1rem\",\n                    }}\n                  >\n                    {renderIcon({\n                      id: `${block.id}-feat-${index}-icon`,\n                      props: { name: feature.icon, color: \"#fff\" },\n                    })}\n                  </div>\n                )}\n                <h3\n                  style={{\n                    fontSize: \"1.25rem\",\n                    fontWeight: 600,\n                    marginBottom: \"0.5rem\",\n                  }}\n                >\n                  {feature.title}\n                </h3>\n                <p style={{ color: \"var(--sg-muted-text)\" }}>\n                  {feature.description}\n                </p>\n                {feature.link && (\n                  <a\n                    href={feature.link.href || \"#\"}\n                    style={{\n                      display: \"inline-block\",\n                      marginTop: \"0.75rem\",\n                      color: \"var(--sg-primary)\",\n                      fontWeight: 500,\n                      textDecoration: \"none\",\n                      border: \"1px solid var(--sg-primary)\",\n                      padding: \"0.5rem 1rem\",\n                      borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                    }}\n                  >\n                    {feature.link.text}\n                  </a>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderFeatureGrid","block","title","subtitle","columns","variant","features","isImageCards","jsx","jsxs","feature","index","renderIcon"],"mappings":"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"}
+{"version":3,"file":"FeatureGridRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureGridRenderer.tsx"],"sourcesContent":["/**\n * FeatureGrid Renderer\n * Renderiza grid de features com título, subtítulo e cards\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeatureGrid(block: any): React.ReactNode {\n  const {\n    title,\n    subtitle,\n    columns = 3,\n    variant = \"default\",\n    features = [],\n  } = block.props;\n  const isImageCards = variant === \"image-cards\";\n\n  return (\n    <section\n      key={block.id}\n      style={{\n        padding: \"var(--sg-section-padding-md, 4rem 0)\",\n        backgroundColor: \"var(--sg-surface)\",\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            {title && (\n              <h2\n                style={{\n                  fontSize: \"var(--sg-heading-h2)\",\n                  marginBottom: \"0.5rem\",\n                }}\n              >\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p\n                style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\" }}\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n        <div\n          data-block-group=\"Layout\"\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: `repeat(${columns}, 1fr)`,\n            gap: \"2rem\",\n          }}\n        >\n          {features.map((feature: any, index: number) => (\n            <div\n              key={index}\n              style={{\n                backgroundColor: \"var(--sg-bg)\",\n                borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n                padding: isImageCards && feature.image ? 0 : \"2rem\",\n                boxShadow: \"var(--sg-card-shadow)\",\n                overflow: \"hidden\",\n              }}\n            >\n              {isImageCards && feature.image && (\n                <div\n                  style={{\n                    width: \"100%\",\n                    height: \"200px\",\n                    backgroundImage: `url(${feature.image})`,\n                    backgroundSize: \"cover\",\n                    backgroundPosition: \"center\",\n                  }}\n                />\n              )}\n              <div\n                style={{\n                  padding: isImageCards && feature.image ? \"1.5rem\" : 0,\n                }}\n              >\n                {!isImageCards && feature.icon && (\n                  <div\n                    style={{\n                      width: \"3rem\",\n                      height: \"3rem\",\n                      backgroundColor: \"var(--sg-primary)\",\n                      borderRadius: \"0.75rem\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      marginBottom: \"1rem\",\n                    }}\n                  >\n                    {renderIcon({\n                      id: `${block.id}-feat-${index}-icon`,\n                      props: { name: feature.icon, color: \"#fff\" },\n                    })}\n                  </div>\n                )}\n                <h3\n                  style={{\n                    fontSize: \"1.25rem\",\n                    fontWeight: 600,\n                    marginBottom: \"0.5rem\",\n                  }}\n                >\n                  {feature.title}\n                </h3>\n                <p style={{ color: \"var(--sg-muted-text)\" }}>\n                  {feature.description}\n                </p>\n                {feature.link && (\n                  <a\n                    href={feature.link.href || \"#\"}\n                    style={{\n                      display: \"inline-block\",\n                      marginTop: \"0.75rem\",\n                      color: \"var(--sg-primary)\",\n                      fontWeight: 500,\n                      textDecoration: \"none\",\n                      border: \"1px solid var(--sg-primary)\",\n                      padding: \"0.5rem 1rem\",\n                      borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n                    }}\n                  >\n                    {feature.link.text}\n                  </a>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["renderFeatureGrid","block","title","subtitle","columns","variant","features","isImageCards","jsx","jsxs","feature","index","renderIcon"],"mappings":"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"}

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

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

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

@@ -1,10 +1,11 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { renderIcon as d } from "../content/IconRenderer.js";
 function a(e) {
-  const { icon: t, title: i, description: n } = e.props;
-  return /* @__PURE__ */ o(
+  const { icon: t, title: i, description: o } = e.props;
+  return /* @__PURE__ */ n(
     "div",
     {
+      "data-block-group": "Conteúdo",
       style: {
         padding: "1.5rem",
         textAlign: "center"
@@ -37,7 +38,7 @@ function a(e) {
             children: i
           }
         ),
-        /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: n })
+        /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
       ]
     },
     e.id

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureRenderer.tsx"],"sourcesContent":["/**\n * Feature Renderer\n * Renderiza um item de feature com ícone, título e descrição\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeature(block: any): React.ReactNode {\n  const { icon, title, description } = block.props;\n\n  return (\n    <div\n      key={block.id}\n      style={{\n        padding: \"1.5rem\",\n        textAlign: \"center\",\n      }}\n    >\n      {icon && (\n        <div\n          style={{\n            width: \"3rem\",\n            height: \"3rem\",\n            backgroundColor: \"var(--sg-primary)\",\n            borderRadius: \"0.75rem\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            margin: \"0 auto 1rem\",\n            color: \"var(--sg-primary-text)\",\n          }}\n        >\n          {renderIcon({\n            id: `${block.id}-icon`,\n            props: { name: icon, size: \"md\", color: \"#fff\" },\n          })}\n        </div>\n      )}\n      <h3\n        style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n      >\n        {title}\n      </h3>\n      <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n        {description}\n      </p>\n    </div>\n  );\n}\n"],"names":["renderFeature","block","icon","title","description","jsxs","jsx","renderIcon"],"mappings":";;AAQO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,EAAA,IAAgBH,EAAM;AAE3C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAAH,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAC,EAAW;AAAA,cACV,IAAI,GAAGN,EAAM,EAAE;AAAA,cACf,OAAO,EAAE,MAAMC,GAAM,MAAM,MAAM,OAAO,OAAA;AAAA,YAAO,CAChD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAG,EAAC,OAAE,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA,GAClD,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAjCKH,EAAM;AAAA,EAAA;AAoCjB;"}
+{"version":3,"file":"FeatureRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureRenderer.tsx"],"sourcesContent":["/**\n * Feature Renderer\n * Renderiza um item de feature com ícone, título e descrição\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeature(block: any): React.ReactNode {\n  const { icon, title, description } = block.props;\n\n  return (\n    <div\n      key={block.id}\n      data-block-group=\"Conteúdo\"\n      style={{\n        padding: \"1.5rem\",\n        textAlign: \"center\",\n      }}\n    >\n      {icon && (\n        <div\n          style={{\n            width: \"3rem\",\n            height: \"3rem\",\n            backgroundColor: \"var(--sg-primary)\",\n            borderRadius: \"0.75rem\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            margin: \"0 auto 1rem\",\n            color: \"var(--sg-primary-text)\",\n          }}\n        >\n          {renderIcon({\n            id: `${block.id}-icon`,\n            props: { name: icon, size: \"md\", color: \"#fff\" },\n          })}\n        </div>\n      )}\n      <h3\n        style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n      >\n        {title}\n      </h3>\n      <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n        {description}\n      </p>\n    </div>\n  );\n}\n"],"names":["renderFeature","block","icon","title","description","jsxs","jsx","renderIcon"],"mappings":";;AAQO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,EAAA,IAAgBH,EAAM;AAE3C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAAH,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAC,EAAW;AAAA,cACV,IAAI,GAAGN,EAAM,EAAE;AAAA,cACf,OAAO,EAAE,MAAMC,GAAM,MAAM,MAAM,OAAO,OAAA;AAAA,YAAO,CAChD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAG,EAAC,OAAE,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA,GAClD,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAlCKH,EAAM;AAAA,EAAA;AAqCjB;"}

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

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

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

@@ -1,20 +1,14 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-function x(c) {
+import { socialIconPaths as d } from "../../../shared/socialIcons.js";
+function v(g) {
   const {
-    logo: r,
+    logo: t,
     description: n,
-    columns: d = [],
+    columns: s = [],
     social: l = [],
-    copyright: h,
+    copyright: c,
     variant: p = "simple"
-  } = c.props, a = typeof r == "string" ? r : r?.src ?? "", m = typeof r == "string" ? "Logo" : r?.alt ?? "Logo", s = {
-    facebook: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",
-    twitter: "M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z",
-    instagram: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zM17.5 6.5h.01M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5z",
-    linkedin: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2zM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z",
-    youtube: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33zM9.75 15.02V8.48l5.75 3.27-5.75 3.27z",
-    github: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
-  }, f = p === "multi-column" && d.length > 0;
+  } = g.props, a = typeof t == "string" ? t : t?.src ?? "", m = typeof t == "string" ? "Logo" : t?.alt ?? "Logo", f = p === "multi-column" && s.length > 0;
   return /* @__PURE__ */ e(
     "footer",
     {
@@ -37,12 +31,12 @@ function x(c) {
               {
                 style: {
                   display: "grid",
-                  gridTemplateColumns: `2fr repeat(${d.length}, 1fr)`,
+                  gridTemplateColumns: `2fr repeat(${s.length}, 1fr)`,
                   gap: "2rem",
                   marginBottom: "2rem"
                 },
                 children: [
-                  /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ i("div", { "data-block-group": "Logo", children: [
                     a && /* @__PURE__ */ e(
                       "img",
                       {
@@ -67,10 +61,10 @@ function x(c) {
                         children: n
                       }
                     ),
-                    l.length > 0 && /* @__PURE__ */ e("div", { style: { display: "flex", gap: "0.75rem" }, children: l.map((t, o) => /* @__PURE__ */ e(
+                    l.length > 0 && /* @__PURE__ */ e("div", { style: { display: "flex", gap: "0.75rem" }, children: l.map((r, o) => /* @__PURE__ */ e(
                       "a",
                       {
-                        href: t.href,
+                        href: r.href,
                         target: "_blank",
                         rel: "noopener noreferrer",
                         style: {
@@ -91,7 +85,7 @@ function x(c) {
                             children: /* @__PURE__ */ e(
                               "path",
                               {
-                                d: s[t.platform] || s.github
+                                d: d[r.platform] || d.github
                               }
                             )
                           }
@@ -100,7 +94,7 @@ function x(c) {
                       o
                     )) })
                   ] }),
-                  d.map((t, o) => /* @__PURE__ */ i("div", { children: [
+                  s.map((r, o) => /* @__PURE__ */ i("div", { "data-block-group": "🔗 Links", children: [
                     /* @__PURE__ */ e(
                       "h4",
                       {
@@ -109,7 +103,7 @@ function x(c) {
                           marginBottom: "1rem",
                           color: "var(--sg-text, #0f172a)"
                         },
-                        children: t.title
+                        children: r.title
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -123,18 +117,18 @@ function x(c) {
                           flexDirection: "column",
                           gap: "0.5rem"
                         },
-                        children: t.links?.map((g, v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                        children: r.links?.map((h, u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
                           "a",
                           {
-                            href: g.href,
+                            href: h.href,
                             style: {
                               color: "var(--sg-muted-text, #64748b)",
                               textDecoration: "none",
                               fontSize: "0.875rem"
                             },
-                            children: g.text
+                            children: h.text
                           }
-                        ) }, v))
+                        ) }, u))
                       }
                     )
                   ] }, o))
@@ -143,6 +137,7 @@ function x(c) {
             ) : /* @__PURE__ */ i(
               "div",
               {
+                "data-block-group": "Logo",
                 style: {
                   textAlign: "center",
                   marginBottom: "1.5rem"
@@ -180,10 +175,10 @@ function x(c) {
                         justifyContent: "center",
                         gap: "1rem"
                       },
-                      children: l.map((t, o) => /* @__PURE__ */ e(
+                      children: l.map((r, o) => /* @__PURE__ */ e(
                         "a",
                         {
-                          href: t.href,
+                          href: r.href,
                           target: "_blank",
                           rel: "noopener noreferrer",
                           style: {
@@ -204,7 +199,7 @@ function x(c) {
                               children: /* @__PURE__ */ e(
                                 "path",
                                 {
-                                  d: s[t.platform] || s.github
+                                  d: d[r.platform] || d.github
                                 }
                               )
                             }
@@ -217,7 +212,7 @@ function x(c) {
                 ]
               }
             ),
-            h && /* @__PURE__ */ e(
+            c && /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -233,7 +228,7 @@ function x(c) {
                       fontSize: "0.875rem",
                       margin: 0
                     },
-                    children: h
+                    children: c
                   }
                 )
               }
@@ -242,10 +237,10 @@ function x(c) {
         }
       )
     },
-    c.id
+    g.id
   );
 }
 export {
-  x as renderFooter
+  v as renderFooter
 };
 //# sourceMappingURL=FooterRenderer.js.map