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

@brunoalz/smartgesti-site-editor 1.2.0 → 1.4.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 (108) hide show

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

	@@ -1 +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 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":";;AAQO,SAASA,EAAkBC,GAA6B;AAC7D,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW,CAAA;AAAA,EAAC,IACVL,EAAM,OACJM,IAAeF,MAAY;AAEjC,SACE,gBAAAG;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,GACzD,UAAA;AAAA,SAAAP,KAASC,MACT,gBAAAM,EAAC,OAAA,EAAI,oBAAiB,YAAW,OAAO,EAAE,WAAW,UAAU,cAAc,OAAA,GAC1E,UAAA;AAAA,UAAAP,KACC,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,cAAc;AAAA,cAAA;AAAA,cAGf,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJC,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA;AAAA,cAEjD,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QAEF,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,oBAAiB;AAAA,YACjB,OAAO;AAAA,cACL,SAAS;AAAA,cACT,qBAAqB,UAAUJ,CAAO;AAAA,cACtC,KAAK;AAAA,YAAA;AAAA,YAGN,UAAAE,EAAS,IAAI,CAACI,GAAcC,MAC3B,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,kBACL,iBAAiB;AAAA,kBACjB,cAAc;AAAA,kBACd,SAASF,KAAgBG,EAAQ,QAAQ,IAAI;AAAA,kBAC7C,WAAW;AAAA,kBACX,UAAU;AAAA,gBAAA;AAAA,gBAGX,UAAA;AAAA,kBAAAH,KAAgBG,EAAQ,SACvB,gBAAAF;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,wBACL,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,iBAAiB,OAAOE,EAAQ,KAAK;AAAA,wBACrC,gBAAgB;AAAA,wBAChB,oBAAoB;AAAA,sBAAA;AAAA,oBACtB;AAAA,kBAAA;AAAA,kBAGJ,gBAAAD;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,wBACL,SAASF,KAAgBG,EAAQ,QAAQ,WAAW;AAAA,sBAAA;AAAA,sBAGrD,UAAA;AAAA,wBAAA,CAACH,KAAgBG,EAAQ,QACxB,gBAAAF;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,8BACL,OAAO;AAAA,8BACP,QAAQ;AAAA,8BACR,iBAAiB;AAAA,8BACjB,cAAc;AAAA,8BACd,SAAS;AAAA,8BACT,YAAY;AAAA,8BACZ,gBAAgB;AAAA,8BAChB,cAAc;AAAA,4BAAA;AAAA,4BAGf,UAAAI,EAAW;AAAA,8BACV,IAAI,GAAGX,EAAM,EAAE,SAASU,CAAK;AAAA,8BAC7B,OAAO,EAAE,MAAMD,EAAQ,MAAM,OAAO~~,OAAA~~;AAAA,~~4BAAO~~,~~CAC5C~~;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAGL,gBAAAF;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,8BACL,UAAU;AAAA,8BACV,YAAY;AAAA,8BACZ,cAAc;AAAA,4BAAA;AAAA,4BAGf,UAAAE,EAAQ;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEX,gBAAAF,EAAC,OAAE,OAAO,EAAE,OAAO,uBAAA,GAChB,YAAQ,aACX;AAAA,wBACCE,EAAQ,QACP,gBAAAF;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,MAAME,EAAQ,KAAK,QAAQ;AAAA,4BAC3B,OAAO;AAAA,8BACL,SAAS;AAAA,8BACT,WAAW;AAAA,8BACX,OAAO;AAAA,8BACP,YAAY;AAAA,8BACZ,gBAAgB;AAAA,8BAChB,QAAQ;AAAA,8BACR,SAAS;AAAA,8BACT,cAAc;AAAA,4BAAA;AAAA,4BAGf,YAAQ,KAAK;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAChB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,cAAA;AAAA,cAzEKC;AAAA,YAAA,CA2ER;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA;AAAA,IAnHKV,EAAM;AAAA,EAAA;AAsHjB;"}
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 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: \"var(--sg-primary-text, #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.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { renderIcon as d } from "../content/IconRenderer.js";
-function a(e) {
-  const { icon: t, title: i, description: o } = e.props;
+function a(r) {
+  const { icon: t, title: i, description: o } = r.props;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -11,7 +11,7 @@ function a(e) {
         textAlign: "center"
       },
       children: [
-        t && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -26,22 +26,22 @@ function a(e) {
               color: "var(--sg-primary-text)"
             },
             children: d({
-              id: `${e.id}-icon`,
-              props: { name: t, size: "md", color: "#fff" }
+              id: `${r.id}-icon`,
+              props: { name: t, size: "md", color: "var(--sg-primary-text, #fff)" }
             })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "h3",
           {
             style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "0.5rem" },
             children: i
           }
         ),
-        /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
+        /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
       ]
     },
-    e.id
+    r.id
   );
 }
 export {

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

	@@ -1 +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 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;"}
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 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: \"var(--sg-primary-text, #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,+BAAA;AAAA,YAA+B,CACxE;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/PricingCardRenderer.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
 function h(t) {
   const {
     name: n,
-    price: l,
+    price: g,
     period: i,
     description: a,
-    features: g = [],
+    features: l = [],
     buttonText: d,
     highlighted: e,
     badge: s
@@ -31,7 +31,7 @@ function h(t) {
               top: "-0.75rem",
               right: "1rem",
               backgroundColor: "var(--sg-primary)",
-              color: "#fff",
+              color: "var(--sg-primary-text, #fff)",
               padding: "0.25rem 0.75rem",
               borderRadius: "9999px",
               fontSize: "0.75rem"
@@ -48,10 +48,10 @@ function h(t) {
         ),
         a && /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", marginBottom: "1rem" }, children: a }),
         /* @__PURE__ */ o("div", { style: { marginBottom: "1.5rem" }, children: [
-          /* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children: l }),
+          /* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children: g }),
           i && /* @__PURE__ */ r("span", { style: { color: "var(--sg-muted-text)" }, children: i })
         ] }),
-        /* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children: g.map((m, p) => /* @__PURE__ */ o(
+        /* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children: l.map((m, p) => /* @__PURE__ */ o(
           "li",
           {
             style: {

package/dist/engine/render/renderers/sections/PricingCardRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PricingCardRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/PricingCardRenderer.tsx"],"sourcesContent":["/*\n PricingCard Renderer\n * Renderiza card individual de pricing\n */\n\nimport React from \"react\";\n\nexport function renderPricingCard(block: any): React.ReactNode {\n const {\n name,\n price,\n period,\n description,\n features = [],\n buttonText,\n highlighted,\n badge,\n } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n backgroundColor: \"var(--sg-bg)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n padding: \"2rem\",\n boxShadow: highlighted\n ? \"var(--sg-shadow-strong)\"\n : \"var(--sg-card-shadow)\",\n border: highlighted\n ? \"2px solid var(--sg-primary)\"\n : \"1px solid var(--sg-border)\",\n position: \"relative\",\n }}\n >\n {badge && (\n <span\n style={{\n position: \"absolute\",\n top: \"-0.75rem\",\n right: \"1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n padding: \"0.25rem 0.75rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n }}\n >\n {badge}\n </span>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {name}\n </h3>\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n <div style={{ marginBottom: \"1.5rem\" }}>\n <span style={{ fontSize: \"2.5rem\", fontWeight: 700 }}>{price}</span>\n {period && (\n <span style={{ color: \"var(--sg-muted-text)\" }}>{period}</span>\n )}\n </div>\n <ul style={{ listStyle: \"none\", padding: 0, marginBottom: \"1.5rem\" }}>\n {features.map((feature: string, index: number) => (\n <li\n key={index}\n style={{\n padding: \"0.5rem 0\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n }}\n >\n <span style={{ color: \"var(--sg-success)\" }}>✓</span>\n {feature}\n </li>\n ))}\n </ul>\n {buttonText && (\n <button\n style={{\n width: \"100%\",\n padding: \"var(--sg-button-padding-md)\",\n backgroundColor: highlighted ? \"var(--sg-primary)\" : \"transparent\",\n color: highlighted ? \"var(--sg-primary-text)\" : \"var(--sg-primary)\",\n border: highlighted ? \"none\" : \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius)\",\n fontWeight: 500,\n cursor: \"pointer\",\n }}\n >\n {buttonText}\n </button>\n )}\n </div>\n );\n}\n"],"names":["renderPricingCard","block","name","price","period","description","features","buttonText","highlighted","badge","jsxs","jsx","feature","index"],"mappings":";AAOO,SAASA,EAAkBC,GAA6B;AAC7D,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,IACX,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACER,EAAM;AAEV,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,WAAWF,IACP,4BACA;AAAA,QACJ,QAAQA,IACJ,gCACA;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAAC,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAc;AAAA,cACd,UAAU;AAAA,YAAA;AAAA,YAGX,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAM,EAAC,KAAA,EAAE,OAAO,EAAE,OAAO,wBAAwB,cAAc,OAAA,GACtD,UAAAN,EAAA,CACH;AAAA,0BAED,OAAA,EAAI,OAAO,EAAE,cAAc,YAC1B,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,YAAY,IAAA,GAAQ,UAAAR,EAAA,CAAM;AAAA,UAC5DC,uBACE,QAAA,EAAK,OAAO,EAAE,OAAO,uBAAA,GAA2B,UAAAA,EAAA,CAAO;AAAA,QAAA,GAE5D;AAAA,QACA,gBAAAO,EAAC,MAAA,EAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,cAAc,YACvD,UAAAL,EAAS,IAAI,CAACM,GAAiBC,MAC9B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,gBAAAC,EAAC,UAAK,OAAO,EAAE,OAAO,oBAAA,GAAuB,UAAA,KAAC;AAAA,cAC7CC;AAAA,YAAA;AAAA,UAAA;AAAA,UATIC;AAAA,QAAA,CAWR,GACH;AAAA,QACCN,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,iBAAiBH,IAAc,sBAAsB;AAAA,cACrD,OAAOA,IAAc,2BAA2B;AAAA,cAChD,QAAQA,IAAc,SAAS;AAAA,cAC/B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,YAAA;AAAA,YAGT,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IA7EGN,EAAM;AAAA,EAAA;AAiFjB;"}
1	+ {"version":3,"file":"PricingCardRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/PricingCardRenderer.tsx"],"sourcesContent":["/*\n PricingCard Renderer\n * Renderiza card individual de pricing\n */\n\nimport React from \"react\";\n\nexport function renderPricingCard(block: any): React.ReactNode {\n const {\n name,\n price,\n period,\n description,\n features = [],\n buttonText,\n highlighted,\n badge,\n } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n backgroundColor: \"var(--sg-bg)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n padding: \"2rem\",\n boxShadow: highlighted\n ? \"var(--sg-shadow-strong)\"\n : \"var(--sg-card-shadow)\",\n border: highlighted\n ? \"2px solid var(--sg-primary)\"\n : \"1px solid var(--sg-border)\",\n position: \"relative\",\n }}\n >\n {badge && (\n <span\n style={{\n position: \"absolute\",\n top: \"-0.75rem\",\n right: \"1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text, #fff)\",\n padding: \"0.25rem 0.75rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n }}\n >\n {badge}\n </span>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {name}\n </h3>\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n <div style={{ marginBottom: \"1.5rem\" }}>\n <span style={{ fontSize: \"2.5rem\", fontWeight: 700 }}>{price}</span>\n {period && (\n <span style={{ color: \"var(--sg-muted-text)\" }}>{period}</span>\n )}\n </div>\n <ul style={{ listStyle: \"none\", padding: 0, marginBottom: \"1.5rem\" }}>\n {features.map((feature: string, index: number) => (\n <li\n key={index}\n style={{\n padding: \"0.5rem 0\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n }}\n >\n <span style={{ color: \"var(--sg-success)\" }}>✓</span>\n {feature}\n </li>\n ))}\n </ul>\n {buttonText && (\n <button\n style={{\n width: \"100%\",\n padding: \"var(--sg-button-padding-md)\",\n backgroundColor: highlighted ? \"var(--sg-primary)\" : \"transparent\",\n color: highlighted ? \"var(--sg-primary-text)\" : \"var(--sg-primary)\",\n border: highlighted ? \"none\" : \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius)\",\n fontWeight: 500,\n cursor: \"pointer\",\n }}\n >\n {buttonText}\n </button>\n )}\n </div>\n );\n}\n"],"names":["renderPricingCard","block","name","price","period","description","features","buttonText","highlighted","badge","jsxs","jsx","feature","index"],"mappings":";AAOO,SAASA,EAAkBC,GAA6B;AAC7D,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,IACX,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACER,EAAM;AAEV,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,WAAWF,IACP,4BACA;AAAA,QACJ,QAAQA,IACJ,gCACA;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAAC,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAc;AAAA,cACd,UAAU;AAAA,YAAA;AAAA,YAGX,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAM,EAAC,KAAA,EAAE,OAAO,EAAE,OAAO,wBAAwB,cAAc,OAAA,GACtD,UAAAN,EAAA,CACH;AAAA,0BAED,OAAA,EAAI,OAAO,EAAE,cAAc,YAC1B,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,YAAY,IAAA,GAAQ,UAAAR,EAAA,CAAM;AAAA,UAC5DC,uBACE,QAAA,EAAK,OAAO,EAAE,OAAO,uBAAA,GAA2B,UAAAA,EAAA,CAAO;AAAA,QAAA,GAE5D;AAAA,QACA,gBAAAO,EAAC,MAAA,EAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,cAAc,YACvD,UAAAL,EAAS,IAAI,CAACM,GAAiBC,MAC9B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,gBAAAC,EAAC,UAAK,OAAO,EAAE,OAAO,oBAAA,GAAuB,UAAA,KAAC;AAAA,cAC7CC;AAAA,YAAA;AAAA,UAAA;AAAA,UATIC;AAAA,QAAA,CAWR,GACH;AAAA,QACCN,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,iBAAiBH,IAAc,sBAAsB;AAAA,cACrD,OAAOA,IAAc,2BAA2B;AAAA,cAChD,QAAQA,IAAc,SAAS;AAAA,cAC/B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,YAAA;AAAA,YAGT,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IA7EGN,EAAM;AAAA,EAAA;AAiFjB;"}

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"}

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

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

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

@@ -0,0 +1 @@

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

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

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

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

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