npm - @brunoalz/smartgesti-site-editor - Versions diffs - 1.2.0 → 1.3.0 - Mend

@brunoalz/smartgesti-site-editor 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/engine/render/renderers/sections/AboutSectionRenderer.js ADDED Viewed

@@ -0,0 +1,246 @@
+import { jsx as e, jsxs as t, Fragment as C } from "react/jsx-runtime";
+import { generateButtonHoverStyles as W, generateButtonOverlayCSS as w, getButtonHoverKeyframes as z } from "../../../shared/hoverEffects/buttonHover.js";
+function I(n) {
+  const {
+    title: o,
+    subtitle: l,
+    description: d,
+    secondaryDescription: s,
+    image: m,
+    achievements: g = [],
+    primaryButton: c,
+    variant: f = "image-left",
+    bg: v,
+    stats: b = [],
+    buttonHoverEffect: x = "none",
+    buttonHoverIntensity: B = 50,
+    buttonHoverOverlay: p = "none",
+    buttonHoverIconName: k = "arrow-right"
+  } = n.props, H = f === "centered", h = f === "image-right", u = `[data-block-id="${n.id}"]`;
+  let i = "";
+  if (x !== "none") {
+    const r = W({
+      effect: x,
+      intensity: B,
+      buttonColor: "#6366f1",
+      variant: "solid"
+    });
+    r.base && (i += `${u} .sg-about__btn--primary { ${r.base} }`), i += `${u} .sg-about__btn--primary:hover { ${r.hover} }`, i += z();
+  }
+  p && p !== "none" && (i += w(`${u} .sg-about__btn--primary`, {
+    overlay: p,
+    primaryColor: "#6366f1",
+    iconName: k,
+    textColor: "#fff"
+  }));
+  const S = i.length > 0, _ = {
+    display: "inline-block",
+    padding: "0.75rem 1.5rem",
+    backgroundColor: "var(--sg-primary)",
+    color: "var(--sg-primary-text)",
+    borderRadius: "var(--sg-button-radius, 0.5rem)",
+    textDecoration: "none",
+    fontWeight: 500,
+    position: "relative",
+    overflow: "hidden",
+    transition: "all 0.2s ease"
+  }, y = c ? /* @__PURE__ */ e(
+    "a",
+    {
+      href: c.href || "#",
+      className: "sg-about__btn sg-about__btn--primary",
+      style: _,
+      children: c.text
+    }
+  ) : null;
+  return H ? /* @__PURE__ */ t(C, { children: [
+    S && /* @__PURE__ */ e("style", { children: i }),
+    /* @__PURE__ */ e(
+      "section",
+      {
+        "data-block-id": n.id,
+        style: {
+          padding: "var(--sg-section-padding-md, 4rem 0)",
+          backgroundColor: v || "var(--sg-bg)"
+        },
+        children: /* @__PURE__ */ t("div", { style: { maxWidth: "800px", margin: "0 auto", padding: "0 1rem", textAlign: "center" }, children: [
+          l && /* @__PURE__ */ e(
+            "span",
+            {
+              "data-block-group": "Conteúdo",
+              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: l
+            }
+          ),
+          o && /* @__PURE__ */ e("h2", { style: { fontSize: "var(--sg-heading-h2)", marginBottom: "1rem" }, children: o }),
+          m && /* @__PURE__ */ e("div", { "data-block-group": "Mídia", style: { margin: "2rem 0" }, children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: m,
+              alt: o || "About",
+              style: {
+                width: "100%",
+                borderRadius: "var(--sg-card-radius, 0.75rem)",
+                objectFit: "cover"
+              }
+            }
+          ) }),
+          d && /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", fontSize: "1.125rem", lineHeight: 1.7, marginBottom: "1rem" }, children: d }),
+          s && /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", lineHeight: 1.7, marginBottom: "1.5rem" }, children: s }),
+          g.length > 0 && /* @__PURE__ */ e("div", { style: { display: "inline-flex", flexDirection: "column", gap: "0.5rem", textAlign: "left", marginBottom: "1.5rem" }, children: g.map((r, a) => /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+            /* @__PURE__ */ e("span", { style: { color: "#10b981", fontWeight: 700 }, children: "✓" }),
+            /* @__PURE__ */ e("span", { children: r.text })
+          ] }, a)) }),
+          y && /* @__PURE__ */ e("div", { children: y })
+        ] })
+      },
+      n.id
+    )
+  ] }) : /* @__PURE__ */ t(C, { children: [
+    S && /* @__PURE__ */ e("style", { children: i }),
+    /* @__PURE__ */ e(
+      "section",
+      {
+        "data-block-id": n.id,
+        style: {
+          padding: "var(--sg-section-padding-md, 4rem 0)",
+          backgroundColor: v || "var(--sg-bg)"
+        },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              maxWidth: "1200px",
+              margin: "0 auto",
+              padding: "0 1rem",
+              display: "flex",
+              gap: "3rem",
+              alignItems: "center",
+              flexDirection: h ? "row-reverse" : "row"
+            },
+            children: [
+              /* @__PURE__ */ t("div", { "data-block-group": "Mídia", style: { flex: "1 1 50%", position: "relative" }, children: [
+                m ? /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: m,
+                    alt: o || "About",
+                    style: {
+                      width: "100%",
+                      borderRadius: "var(--sg-card-radius, 0.75rem)",
+                      objectFit: "cover"
+                    }
+                  }
+                ) : /* @__PURE__ */ e(
+                  "div",
+                  {
+                    style: {
+                      width: "100%",
+                      height: "400px",
+                      backgroundColor: "var(--sg-surface)",
+                      borderRadius: "var(--sg-card-radius, 0.75rem)",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      fontSize: "1rem",
+                      color: "var(--sg-muted-text)"
+                    },
+                    children: "Adicione uma imagem"
+                  }
+                ),
+                b.length > 0 && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      bottom: "-1rem",
+                      right: h ? "auto" : "-1rem",
+                      left: h ? "-1rem" : "auto",
+                      display: "flex",
+                      gap: "0.5rem"
+                    },
+                    children: b.map((r, a) => /* @__PURE__ */ t(
+                      "div",
+                      {
+                        style: {
+                          backgroundColor: "var(--sg-primary)",
+                          color: "#fff",
+                          padding: "0.75rem 1rem",
+                          borderRadius: "var(--sg-card-radius, 0.75rem)",
+                          textAlign: "center",
+                          boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                          minWidth: "80px"
+                        },
+                        children: [
+                          /* @__PURE__ */ e("div", { style: { fontSize: "1.5rem", fontWeight: 700 }, children: r.value }),
+                          /* @__PURE__ */ e("div", { style: { fontSize: "0.7rem", opacity: 0.9 }, children: r.label })
+                        ]
+                      },
+                      a
+                    ))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { "data-block-group": "Conteúdo", style: { flex: "1 1 50%" }, children: [
+                l && /* @__PURE__ */ e(
+                  "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: l
+                  }
+                ),
+                o && /* @__PURE__ */ e("h2", { style: { fontSize: "var(--sg-heading-h2)", marginBottom: "1rem" }, children: o }),
+                d && /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", lineHeight: 1.7, marginBottom: "1rem" }, children: d }),
+                s && /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", lineHeight: 1.7, marginBottom: "1.5rem" }, children: s }),
+                g.length > 0 && /* @__PURE__ */ e("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 1.5rem 0" }, children: g.map((r, a) => /* @__PURE__ */ t(
+                  "li",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "0.5rem",
+                      marginBottom: "0.5rem"
+                    },
+                    children: [
+                      /* @__PURE__ */ e("span", { style: { color: "#10b981", fontWeight: 700 }, children: "✓" }),
+                      /* @__PURE__ */ e("span", { children: r.text })
+                    ]
+                  },
+                  a
+                )) }),
+                y
+              ] })
+            ]
+          }
+        )
+      },
+      n.id
+    )
+  ] });
+}
+export {
+  I as renderAboutSection
+};
+//# sourceMappingURL=AboutSectionRenderer.js.map

package/dist/engine/render/renderers/sections/AboutSectionRenderer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AboutSectionRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/AboutSectionRenderer.tsx"],"sourcesContent":["/**\n * AboutSection Renderer\n * Renderiza seção sobre com imagem, texto, achievements e stats\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 renderAboutSection(block: any): React.ReactNode {\n const {\n title,\n subtitle,\n description,\n secondaryDescription,\n image,\n achievements = [],\n primaryButton,\n variant = \"image-left\",\n bg,\n stats = [],\n buttonHoverEffect = \"none\",\n buttonHoverIntensity = 50,\n buttonHoverOverlay = \"none\",\n buttonHoverIconName = \"arrow-right\",\n } = block.props;\n\n const isCentered = variant === \"centered\";\n const isReversed = variant === \"image-right\";\n\n // Generate hover CSS\n const scope = `[data-block-id=\"${block.id}\"]`;\n let hoverCss = \"\";\n\n if (buttonHoverEffect !== \"none\") {\n const result = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"solid\",\n });\n if (result.base) {\n hoverCss += `${scope} .sg-about__btn--primary { ${result.base} }`;\n }\n hoverCss += `${scope} .sg-about__btn--primary:hover { ${result.hover} }`;\n hoverCss += getButtonHoverKeyframes();\n }\n\n if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-about__btn--primary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#fff\",\n });\n }\n\n const hasHover = hoverCss.length > 0;\n const btnStyle: React.CSSProperties = {\n display: \"inline-block\",\n padding: \"0.75rem 1.5rem\",\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 position: \"relative\",\n overflow: \"hidden\",\n transition: \"all 0.2s ease\",\n };\n\n const buttonElement = primaryButton ? (\n <a\n href={primaryButton.href || \"#\"}\n className=\"sg-about__btn sg-about__btn--primary\"\n style={btnStyle}\n >\n {primaryButton.text}\n </a>\n ) : null;\n\n if (isCentered) {\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: \"800px\", margin: \"0 auto\", padding: \"0 1rem\", textAlign: \"center\" }}>\n {subtitle && (\n <span\n data-block-group=\"Conteúdo\"\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: \"1rem\" }}>{title}</h2>\n )}\n {image && (\n <div data-block-group=\"Mídia\" style={{ margin: \"2rem 0\" }}>\n <img\n src={image}\n alt={title || \"About\"}\n style={{\n width: \"100%\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n objectFit: \"cover\",\n }}\n />\n </div>\n )}\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"1.125rem\", lineHeight: 1.7, marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n {secondaryDescription && (\n <p style={{ color: \"var(--sg-muted-text)\", lineHeight: 1.7, marginBottom: \"1.5rem\" }}>\n {secondaryDescription}\n </p>\n )}\n {achievements.length > 0 && (\n <div style={{ display: \"inline-flex\", flexDirection: \"column\", gap: \"0.5rem\", textAlign: \"left\", marginBottom: \"1.5rem\" }}>\n {achievements.map((a: any, i: number) => (\n <div key={i} style={{ display: \"flex\", alignItems: \"center\", gap: \"0.5rem\" }}>\n <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n <span>{a.text}</span>\n </div>\n ))}\n </div>\n )}\n {buttonElement && <div>{buttonElement}</div>}\n </div>\n </section>\n </>\n );\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\n style={{\n maxWidth: \"1200px\",\n margin: \"0 auto\",\n padding: \"0 1rem\",\n display: \"flex\",\n gap: \"3rem\",\n alignItems: \"center\",\n flexDirection: isReversed ? \"row-reverse\" : \"row\",\n }}\n >\n {/* Image side */}\n <div data-block-group=\"Mídia\" style={{ flex: \"1 1 50%\", position: \"relative\" }}>\n {image ? (\n <img\n src={image}\n alt={title || \"About\"}\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: \"400px\",\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"1rem\",\n color: \"var(--sg-muted-text)\",\n }}\n >\n Adicione uma imagem\n </div>\n )}\n {/* Floating stats */}\n {stats.length > 0 && (\n <div\n style={{\n position: \"absolute\",\n bottom: \"-1rem\",\n right: isReversed ? \"auto\" : \"-1rem\",\n left: isReversed ? \"-1rem\" : \"auto\",\n display: \"flex\",\n gap: \"0.5rem\",\n }}\n >\n {stats.map((stat: any, i: number) => (\n <div\n key={i}\n style={{\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n padding: \"0.75rem 1rem\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n textAlign: \"center\",\n boxShadow: \"0 4px 12px rgba(0,0,0,0.15)\",\n minWidth: \"80px\",\n }}\n >\n <div style={{ fontSize: \"1.5rem\", fontWeight: 700 }}>{stat.value}</div>\n <div style={{ fontSize: \"0.7rem\", opacity: 0.9 }}>{stat.label}</div>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/* Content side */}\n <div data-block-group=\"Conteúdo\" style={{ flex: \"1 1 50%\" }}>\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: \"1rem\" }}>{title}</h2>\n )}\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", lineHeight: 1.7, marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n {secondaryDescription && (\n <p style={{ color: \"var(--sg-muted-text)\", lineHeight: 1.7, marginBottom: \"1.5rem\" }}>\n {secondaryDescription}\n </p>\n )}\n {achievements.length > 0 && (\n <ul style={{ listStyle: \"none\", padding: 0, margin: \"0 0 1.5rem 0\" }}>\n {achievements.map((a: any, i: number) => (\n <li\n key={i}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n marginBottom: \"0.5rem\",\n }}\n >\n <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n <span>{a.text}</span>\n </li>\n ))}\n </ul>\n )}\n {buttonElement}\n </div>\n </div>\n </section>\n </>\n );\n}\n"],"names":["renderAboutSection","block","title","subtitle","description","secondaryDescription","image","achievements","primaryButton","variant","bg","stats","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isCentered","isReversed","scope","hoverCss","result","generateButtonHoverStyles","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","btnStyle","buttonElement","jsx","jsxs","Fragment","a","i","stat"],"mappings":"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"}

package/dist/engine/render/renderers/sections/ContactSectionRenderer.d.ts ADDED Viewed

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

package/dist/engine/render/renderers/sections/ContactSectionRenderer.d.ts.map ADDED Viewed

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

package/dist/engine/render/renderers/sections/ContactSectionRenderer.js ADDED Viewed

@@ -0,0 +1,287 @@
+import { jsxs as t, jsx as r, Fragment as y } from "react/jsx-runtime";
+import { generateButtonHoverStyles as B, generateButtonOverlayCSS as w, getButtonHoverKeyframes as _ } from "../../../shared/hoverEffects/buttonHover.js";
+const I = {
+  mail: "✉",
+  phone: "📞",
+  "map-pin": "📍",
+  clock: "🕐",
+  globe: "🌐"
+};
+function H(n) {
+  const {
+    title: i,
+    subtitle: a,
+    description: d,
+    contactInfo: g = [],
+    formTitle: p,
+    formFields: x = [],
+    submitText: S = "Enviar",
+    variant: u = "split",
+    bg: b,
+    buttonHoverEffect: h = "none",
+    buttonHoverIntensity: C = 50,
+    buttonHoverOverlay: s = "none",
+    buttonHoverIconName: k = "arrow-right"
+  } = n.props, z = u === "form-only", l = u === "stacked", c = `[data-block-id="${n.id}"]`;
+  let o = "";
+  if (h !== "none") {
+    const e = B({
+      effect: h,
+      intensity: C,
+      buttonColor: "#6366f1",
+      variant: "solid"
+    });
+    e.base && (o += `${c} .sg-contact__btn--submit { ${e.base} }`), o += `${c} .sg-contact__btn--submit:hover { ${e.hover} }`, o += _();
+  }
+  s && s !== "none" && (o += w(`${c} .sg-contact__btn--submit`, {
+    overlay: s,
+    primaryColor: "#6366f1",
+    iconName: k,
+    textColor: "#fff"
+  }));
+  const v = o.length > 0, f = /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        backgroundColor: "var(--sg-surface)",
+        borderRadius: "var(--sg-card-radius, 0.75rem)",
+        padding: "2rem",
+        boxShadow: "var(--sg-card-shadow)"
+      },
+      children: [
+        p && /* @__PURE__ */ r("h3", { style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "1.5rem" }, children: p }),
+        /* @__PURE__ */ t(
+          "form",
+          {
+            onSubmit: (e) => e.preventDefault(),
+            style: { display: "flex", flexDirection: "column", gap: "1rem" },
+            children: [
+              x.map((e, m) => /* @__PURE__ */ t("div", { children: [
+                e.label && /* @__PURE__ */ t(
+                  "label",
+                  {
+                    style: {
+                      display: "block",
+                      fontSize: "0.875rem",
+                      fontWeight: 500,
+                      marginBottom: "0.375rem",
+                      color: "var(--sg-text)"
+                    },
+                    children: [
+                      e.label,
+                      e.required && /* @__PURE__ */ r("span", { style: { color: "#ef4444" }, children: " *" })
+                    ]
+                  }
+                ),
+                e.type === "textarea" ? /* @__PURE__ */ r(
+                  "textarea",
+                  {
+                    name: e.name,
+                    placeholder: e.placeholder,
+                    required: e.required,
+                    rows: 4,
+                    style: {
+                      width: "100%",
+                      padding: "0.625rem 0.75rem",
+                      border: "1px solid var(--sg-border)",
+                      borderRadius: "var(--sg-button-radius, 0.5rem)",
+                      fontSize: "0.875rem",
+                      backgroundColor: "var(--sg-bg)",
+                      color: "var(--sg-text)",
+                      resize: "vertical",
+                      boxSizing: "border-box"
+                    }
+                  }
+                ) : /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: e.type || "text",
+                    name: e.name,
+                    placeholder: e.placeholder,
+                    required: e.required,
+                    style: {
+                      width: "100%",
+                      padding: "0.625rem 0.75rem",
+                      border: "1px solid var(--sg-border)",
+                      borderRadius: "var(--sg-button-radius, 0.5rem)",
+                      fontSize: "0.875rem",
+                      backgroundColor: "var(--sg-bg)",
+                      color: "var(--sg-text)",
+                      boxSizing: "border-box"
+                    }
+                  }
+                )
+              ] }, m)),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "submit",
+                  className: "sg-contact__btn sg-contact__btn--submit",
+                  style: {
+                    padding: "0.75rem 1.5rem",
+                    backgroundColor: "var(--sg-primary)",
+                    color: "var(--sg-primary-text)",
+                    border: "none",
+                    borderRadius: "var(--sg-button-radius, 0.5rem)",
+                    fontWeight: 500,
+                    cursor: "pointer",
+                    fontSize: "1rem",
+                    position: "relative",
+                    overflow: "hidden",
+                    transition: "all 0.2s ease"
+                  },
+                  children: S
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return z ? /* @__PURE__ */ t(y, { children: [
+    v && /* @__PURE__ */ r("style", { children: o }),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        "data-block-id": n.id,
+        style: {
+          padding: "var(--sg-section-padding-md, 4rem 0)",
+          backgroundColor: b || "var(--sg-bg)"
+        },
+        children: /* @__PURE__ */ t("div", { style: { maxWidth: "600px", margin: "0 auto", padding: "0 1rem" }, children: [
+          (i || a) && /* @__PURE__ */ t("div", { "data-block-group": "Conteúdo", style: { textAlign: "center", marginBottom: "2rem" }, children: [
+            a && /* @__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: a
+              }
+            ),
+            i && /* @__PURE__ */ r("h2", { style: { fontSize: "var(--sg-heading-h2)", marginBottom: "0.5rem" }, children: i }),
+            d && /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)" }, children: d })
+          ] }),
+          /* @__PURE__ */ r("div", { "data-block-group": "Formulário", children: f })
+        ] })
+      },
+      n.id
+    )
+  ] }) : /* @__PURE__ */ t(y, { children: [
+    v && /* @__PURE__ */ r("style", { children: o }),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        "data-block-id": n.id,
+        style: {
+          padding: "var(--sg-section-padding-md, 4rem 0)",
+          backgroundColor: b || "var(--sg-bg)"
+        },
+        children: /* @__PURE__ */ t("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
+          (i || a) && /* @__PURE__ */ t("div", { "data-block-group": "Conteúdo", style: { textAlign: "center", marginBottom: "3rem" }, children: [
+            a && /* @__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: a
+              }
+            ),
+            i && /* @__PURE__ */ r("h2", { style: { fontSize: "var(--sg-heading-h2)", marginBottom: "0.5rem" }, children: i }),
+            d && /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)" }, children: d })
+          ] }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: "3rem",
+                flexDirection: l ? "column" : "row",
+                alignItems: l ? "stretch" : "flex-start"
+              },
+              children: [
+                g.length > 0 && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    "data-block-group": "Info",
+                    style: {
+                      flex: l ? "1" : "1 1 40%",
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "1rem"
+                    },
+                    children: g.map((e, m) => /* @__PURE__ */ t(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "flex-start",
+                          gap: "1rem",
+                          padding: "1.25rem",
+                          backgroundColor: "var(--sg-surface)",
+                          borderRadius: "var(--sg-card-radius, 0.75rem)",
+                          boxShadow: "var(--sg-card-shadow)"
+                        },
+                        children: [
+                          /* @__PURE__ */ r(
+                            "div",
+                            {
+                              style: {
+                                width: "2.5rem",
+                                height: "2.5rem",
+                                backgroundColor: "var(--sg-primary)",
+                                borderRadius: "0.5rem",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                color: "#fff",
+                                flexShrink: 0,
+                                fontSize: "1.25rem"
+                              },
+                              children: I[e.icon || ""] || "📧"
+                            }
+                          ),
+                          /* @__PURE__ */ t("div", { children: [
+                            /* @__PURE__ */ r("div", { style: { fontWeight: 600, fontSize: "0.875rem", marginBottom: "0.25rem" }, children: e.label }),
+                            /* @__PURE__ */ r("div", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: e.value })
+                          ] })
+                        ]
+                      },
+                      m
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ r("div", { "data-block-group": "Formulário", style: { flex: l ? "1" : "1 1 60%" }, children: f })
+              ]
+            }
+          )
+        ] })
+      },
+      n.id
+    )
+  ] });
+}
+export {
+  H as renderContactSection
+};
+//# sourceMappingURL=ContactSectionRenderer.js.map

package/dist/engine/render/renderers/sections/ContactSectionRenderer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContactSectionRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/ContactSectionRenderer.tsx"],"sourcesContent":["/**\n * ContactSection Renderer\n * Renderiza seção de contato com info cards e formulário\n */\n\nimport React from \"react\";\nimport {\n generateButtonHoverStyles,\n generateButtonOverlayCSS,\n getButtonHoverKeyframes,\n type ButtonHoverEffect,\n type ButtonHoverOverlay,\n} from \"../../../shared/hoverEffects\";\n\nconst CONTACT_ICONS: Record<string, string> = {\n mail: \"✉\",\n phone: \"📞\",\n \"map-pin\": \"📍\",\n clock: \"🕐\",\n globe: \"🌐\",\n};\n\nexport function renderContactSection(block: any): React.ReactNode {\n const {\n title,\n subtitle,\n description,\n contactInfo = [],\n formTitle,\n formFields = [],\n submitText = \"Enviar\",\n variant = \"split\",\n bg,\n buttonHoverEffect = \"none\",\n buttonHoverIntensity = 50,\n buttonHoverOverlay = \"none\",\n buttonHoverIconName = \"arrow-right\",\n } = block.props;\n\n const isFormOnly = variant === \"form-only\";\n const isStacked = variant === \"stacked\";\n\n // Generate hover CSS\n const scope = `[data-block-id=\"${block.id}\"]`;\n let hoverCss = \"\";\n\n if (buttonHoverEffect !== \"none\") {\n const result = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"solid\",\n });\n if (result.base) {\n hoverCss += `${scope} .sg-contact__btn--submit { ${result.base} }`;\n }\n hoverCss += `${scope} .sg-contact__btn--submit:hover { ${result.hover} }`;\n hoverCss += getButtonHoverKeyframes();\n }\n\n if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-contact__btn--submit`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#fff\",\n });\n }\n\n const hasHover = hoverCss.length > 0;\n\n const formElement = (\n <div\n style={{\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n padding: \"2rem\",\n boxShadow: \"var(--sg-card-shadow)\",\n }}\n >\n {formTitle && (\n <h3 style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"1.5rem\" }}>\n {formTitle}\n </h3>\n )}\n <form\n onSubmit={(e) => e.preventDefault()}\n style={{ display: \"flex\", flexDirection: \"column\", gap: \"1rem\" }}\n >\n {formFields.map((field: any, i: number) => (\n <div key={i}>\n {field.label && (\n <label\n style={{\n display: \"block\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n marginBottom: \"0.375rem\",\n color: \"var(--sg-text)\",\n }}\n >\n {field.label}\n {field.required && <span style={{ color: \"#ef4444\" }}> *</span>}\n </label>\n )}\n {field.type === \"textarea\" ? (\n <textarea\n name={field.name}\n placeholder={field.placeholder}\n required={field.required}\n rows={4}\n style={{\n width: \"100%\",\n padding: \"0.625rem 0.75rem\",\n border: \"1px solid var(--sg-border)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n backgroundColor: \"var(--sg-bg)\",\n color: \"var(--sg-text)\",\n resize: \"vertical\",\n boxSizing: \"border-box\",\n }}\n />\n ) : (\n <input\n type={field.type || \"text\"}\n name={field.name}\n placeholder={field.placeholder}\n required={field.required}\n style={{\n width: \"100%\",\n padding: \"0.625rem 0.75rem\",\n border: \"1px solid var(--sg-border)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n backgroundColor: \"var(--sg-bg)\",\n color: \"var(--sg-text)\",\n boxSizing: \"border-box\",\n }}\n />\n )}\n </div>\n ))}\n <button\n type=\"submit\"\n className=\"sg-contact__btn sg-contact__btn--submit\"\n style={{\n padding: \"0.75rem 1.5rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n border: \"none\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n fontWeight: 500,\n cursor: \"pointer\",\n fontSize: \"1rem\",\n position: \"relative\",\n overflow: \"hidden\",\n transition: \"all 0.2s ease\",\n }}\n >\n {submitText}\n </button>\n </form>\n </div>\n );\n\n if (isFormOnly) {\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: \"600px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {(title || subtitle) && (\n <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"2rem\" }}>\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\" }}>{title}</h2>\n )}\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\" }}>{description}</p>\n )}\n </div>\n )}\n <div data-block-group=\"Formulário\">{formElement}</div>\n </div>\n </section>\n </>\n );\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\" }}>{title}</h2>\n )}\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\" }}>{description}</p>\n )}\n </div>\n )}\n\n <div\n style={{\n display: \"flex\",\n gap: \"3rem\",\n flexDirection: isStacked ? \"column\" : \"row\",\n alignItems: isStacked ? \"stretch\" : \"flex-start\",\n }}\n >\n {/* Contact info */}\n {contactInfo.length > 0 && (\n <div\n data-block-group=\"Info\"\n style={{\n flex: isStacked ? \"1\" : \"1 1 40%\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1rem\",\n }}\n >\n {contactInfo.map((info: any, i: number) => (\n <div\n key={i}\n style={{\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: \"1rem\",\n padding: \"1.25rem\",\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n boxShadow: \"var(--sg-card-shadow)\",\n }}\n >\n <div\n style={{\n width: \"2.5rem\",\n height: \"2.5rem\",\n backgroundColor: \"var(--sg-primary)\",\n borderRadius: \"0.5rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#fff\",\n flexShrink: 0,\n fontSize: \"1.25rem\",\n }}\n >\n {CONTACT_ICONS[info.icon || \"\"] || \"📧\"}\n </div>\n <div>\n <div style={{ fontWeight: 600, fontSize: \"0.875rem\", marginBottom: \"0.25rem\" }}>\n {info.label}\n </div>\n <div style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {info.value}\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/* Form */}\n <div data-block-group=\"Formulário\" style={{ flex: isStacked ? \"1\" : \"1 1 60%\" }}>\n {formElement}\n </div>\n </div>\n </div>\n </section>\n </>\n );\n}\n"],"names":["CONTACT_ICONS","renderContactSection","block","title","subtitle","description","contactInfo","formTitle","formFields","submitText","variant","bg","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isFormOnly","isStacked","scope","hoverCss","result","generateButtonHoverStyles","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","formElement","jsxs","jsx","field","i","Fragment","info"],"mappings":"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"}

package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.d.ts ADDED Viewed

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

package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.d.ts.map ADDED Viewed

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