@brunoalz/smartgesti-site-editor 1.3.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 (53) hide show
  1. package/dist/editor/LandingPageEditor.d.ts.map +1 -1
  2. package/dist/editor/LandingPageEditor.js +183 -169
  3. package/dist/editor/LandingPageEditor.js.map +1 -1
  4. package/dist/editor/PaletteSelector.d.ts +3 -0
  5. package/dist/editor/PaletteSelector.d.ts.map +1 -1
  6. package/dist/editor/PaletteSelector.js +114 -25
  7. package/dist/editor/PaletteSelector.js.map +1 -1
  8. package/dist/editor/components/RightPanel.d.ts +2 -0
  9. package/dist/editor/components/RightPanel.d.ts.map +1 -1
  10. package/dist/editor/components/RightPanel.js +23 -22
  11. package/dist/editor/components/RightPanel.js.map +1 -1
  12. package/dist/engine/export/exporters/content/AvatarExporter.js +2 -2
  13. package/dist/engine/export/exporters/content/AvatarExporter.js.map +1 -1
  14. package/dist/engine/export/exporters/content/BadgeExporter.js +11 -11
  15. package/dist/engine/export/exporters/content/BadgeExporter.js.map +1 -1
  16. package/dist/engine/export/exporters/sections/AdminSectionExporters.js +17 -17
  17. package/dist/engine/export/exporters/sections/AdminSectionExporters.js.map +1 -1
  18. package/dist/engine/export/exporters/sections/BlogPostExporters.js +34 -34
  19. package/dist/engine/export/exporters/sections/BlogPostExporters.js.map +1 -1
  20. package/dist/engine/export/exporters/sections/ContentGridExporters.js +16 -16
  21. package/dist/engine/export/exporters/sections/ContentGridExporters.js.map +1 -1
  22. package/dist/engine/export/exporters/sections/MarketingExporters.js +4 -4
  23. package/dist/engine/export/exporters/sections/MarketingExporters.js.map +1 -1
  24. package/dist/engine/render/renderers/content/BadgeRenderer.js +12 -12
  25. package/dist/engine/render/renderers/content/BadgeRenderer.js.map +1 -1
  26. package/dist/engine/render/renderers/sections/AboutSectionRenderer.js +8 -8
  27. package/dist/engine/render/renderers/sections/AboutSectionRenderer.js.map +1 -1
  28. package/dist/engine/render/renderers/sections/ContactSectionRenderer.js +52 -52
  29. package/dist/engine/render/renderers/sections/ContactSectionRenderer.js.map +1 -1
  30. package/dist/engine/render/renderers/sections/FeatureGridRenderer.js +5 -5
  31. package/dist/engine/render/renderers/sections/FeatureGridRenderer.js.map +1 -1
  32. package/dist/engine/render/renderers/sections/FeatureRenderer.js +9 -9
  33. package/dist/engine/render/renderers/sections/FeatureRenderer.js.map +1 -1
  34. package/dist/engine/render/renderers/sections/PricingCardRenderer.js +5 -5
  35. package/dist/engine/render/renderers/sections/PricingCardRenderer.js.map +1 -1
  36. package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.js +17 -17
  37. package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.js.map +1 -1
  38. package/dist/hooks/useEditorState.d.ts +2 -0
  39. package/dist/hooks/useEditorState.d.ts.map +1 -1
  40. package/dist/hooks/useEditorState.js +82 -77
  41. package/dist/hooks/useEditorState.js.map +1 -1
  42. package/dist/shared/templates/index.d.ts +4 -0
  43. package/dist/shared/templates/index.d.ts.map +1 -1
  44. package/dist/shared/templates/index.js +14 -7
  45. package/dist/shared/templates/index.js.map +1 -1
  46. package/dist/shared/templates/smartgesti-admin.d.ts.map +1 -1
  47. package/dist/shared/templates/smartgesti-admin.js +1 -4
  48. package/dist/shared/templates/smartgesti-admin.js.map +1 -1
  49. package/dist/utils/colorUtils.d.ts +73 -16
  50. package/dist/utils/colorUtils.d.ts.map +1 -1
  51. package/dist/utils/colorUtils.js +95 -9
  52. package/dist/utils/colorUtils.js.map +1 -1
  53. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
- import { jsxs as n, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
2
  import { renderIcon as d } from "../content/IconRenderer.js";
3
- function a(e) {
4
- const { icon: t, title: i, description: o } = e.props;
3
+ function a(r) {
4
+ const { icon: t, title: i, description: o } = r.props;
5
5
  return /* @__PURE__ */ n(
6
6
  "div",
7
7
  {
@@ -11,7 +11,7 @@ function a(e) {
11
11
  textAlign: "center"
12
12
  },
13
13
  children: [
14
- t && /* @__PURE__ */ r(
14
+ t && /* @__PURE__ */ e(
15
15
  "div",
16
16
  {
17
17
  style: {
@@ -26,22 +26,22 @@ function a(e) {
26
26
  color: "var(--sg-primary-text)"
27
27
  },
28
28
  children: d({
29
- id: `${e.id}-icon`,
30
- props: { name: t, size: "md", color: "#fff" }
29
+ id: `${r.id}-icon`,
30
+ props: { name: t, size: "md", color: "var(--sg-primary-text, #fff)" }
31
31
  })
32
32
  }
33
33
  ),
34
- /* @__PURE__ */ r(
34
+ /* @__PURE__ */ e(
35
35
  "h3",
36
36
  {
37
37
  style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "0.5rem" },
38
38
  children: i
39
39
  }
40
40
  ),
41
- /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
41
+ /* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
42
42
  ]
43
43
  },
44
- e.id
44
+ r.id
45
45
  );
46
46
  }
47
47
  export {
@@ -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;"}
@@ -2,10 +2,10 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
2
  function h(t) {
3
3
  const {
4
4
  name: n,
5
- price: l,
5
+ price: g,
6
6
  period: i,
7
7
  description: a,
8
- features: g = [],
8
+ features: l = [],
9
9
  buttonText: d,
10
10
  highlighted: e,
11
11
  badge: s
@@ -31,7 +31,7 @@ function h(t) {
31
31
  top: "-0.75rem",
32
32
  right: "1rem",
33
33
  backgroundColor: "var(--sg-primary)",
34
- color: "#fff",
34
+ color: "var(--sg-primary-text, #fff)",
35
35
  padding: "0.25rem 0.75rem",
36
36
  borderRadius: "9999px",
37
37
  fontSize: "0.75rem"
@@ -48,10 +48,10 @@ function h(t) {
48
48
  ),
49
49
  a && /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", marginBottom: "1rem" }, children: a }),
50
50
  /* @__PURE__ */ o("div", { style: { marginBottom: "1.5rem" }, children: [
51
- /* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children: l }),
51
+ /* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children: g }),
52
52
  i && /* @__PURE__ */ r("span", { style: { color: "var(--sg-muted-text)" }, children: i })
53
53
  ] }),
54
- /* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children: g.map((m, p) => /* @__PURE__ */ o(
54
+ /* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children: l.map((m, p) => /* @__PURE__ */ o(
55
55
  "li",
56
56
  {
57
57
  style: {
@@ -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;"}
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as C, jsx as r } from "react/jsx-runtime";
2
- import { generateButtonHoverStyles as b, generateButtonOverlayCSS as v, getButtonHoverKeyframes as k } from "../../../shared/hoverEffects/buttonHover.js";
2
+ import { generateButtonHoverStyles as v, generateButtonOverlayCSS as b, getButtonHoverKeyframes as k } from "../../../shared/hoverEffects/buttonHover.js";
3
3
  function $(o) {
4
4
  const {
5
5
  title: l,
@@ -12,39 +12,39 @@ function $(o) {
12
12
  buttonHoverOverlay: s = "none",
13
13
  buttonHoverIconName: f = "arrow-right"
14
14
  } = o.props, u = h === "grid", i = `[data-block-id="${o.id}"]`;
15
- let n = "";
15
+ let a = "";
16
16
  if (g !== "none") {
17
- const e = b({
17
+ const e = v({
18
18
  effect: g,
19
19
  intensity: y,
20
20
  buttonColor: "#6366f1",
21
21
  variant: "solid"
22
- }), a = b({
22
+ }), n = v({
23
23
  effect: g,
24
24
  intensity: y,
25
25
  buttonColor: "#6366f1",
26
26
  variant: "outline"
27
27
  });
28
- e.base && (n += `${i} .sg-showcase__btn--primary { ${e.base} }`), a.base && (n += `${i} .sg-showcase__btn--secondary { ${a.base} }`), n += `${i} .sg-showcase__btn--primary:hover { ${e.hover} }`, n += `${i} .sg-showcase__btn--secondary:hover { ${a.hover} }`, n += k();
28
+ 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();
29
29
  }
30
- s && s !== "none" && (n += v(`${i} .sg-showcase__btn--primary`, {
30
+ s && s !== "none" && (a += b(`${i} .sg-showcase__btn--primary`, {
31
31
  overlay: s,
32
32
  primaryColor: "#6366f1",
33
33
  iconName: f,
34
34
  textColor: "#fff"
35
- }), n += v(`${i} .sg-showcase__btn--secondary`, {
35
+ }), a += b(`${i} .sg-showcase__btn--secondary`, {
36
36
  overlay: s,
37
37
  primaryColor: "#6366f1",
38
38
  iconName: f,
39
39
  textColor: "#6366f1"
40
40
  }));
41
- const x = n.length > 0, c = {
41
+ const x = a.length > 0, c = {
42
42
  position: "relative",
43
43
  overflow: "hidden",
44
44
  transition: "all 0.2s ease"
45
45
  };
46
46
  return /* @__PURE__ */ t(C, { children: [
47
- x && /* @__PURE__ */ r("style", { children: n }),
47
+ x && /* @__PURE__ */ r("style", { children: a }),
48
48
  /* @__PURE__ */ r(
49
49
  "section",
50
50
  {
@@ -62,7 +62,7 @@ function $(o) {
62
62
  display: "inline-block",
63
63
  padding: "0.25rem 0.75rem",
64
64
  backgroundColor: "var(--sg-primary)",
65
- color: "#fff",
65
+ color: "var(--sg-primary-text, #fff)",
66
66
  borderRadius: "9999px",
67
67
  fontSize: "0.75rem",
68
68
  fontWeight: 600,
@@ -84,7 +84,7 @@ function $(o) {
84
84
  gridTemplateColumns: `repeat(${Math.min(m.length, 3)}, 1fr)`,
85
85
  gap: "2rem"
86
86
  },
87
- children: m.map((e, a) => /* @__PURE__ */ t(
87
+ children: m.map((e, n) => /* @__PURE__ */ t(
88
88
  "div",
89
89
  {
90
90
  style: {
@@ -114,7 +114,7 @@ function $(o) {
114
114
  display: "inline-block",
115
115
  padding: "0.125rem 0.5rem",
116
116
  backgroundColor: "var(--sg-primary)",
117
- color: "#fff",
117
+ color: "var(--sg-primary-text, #fff)",
118
118
  borderRadius: "9999px",
119
119
  fontSize: "0.7rem",
120
120
  fontWeight: 600,
@@ -151,11 +151,11 @@ function $(o) {
151
151
  ] })
152
152
  ]
153
153
  },
154
- a
154
+ n
155
155
  ))
156
156
  }
157
- ) : /* @__PURE__ */ r("div", { "data-block-group": "Layout", style: { display: "flex", flexDirection: "column", gap: "4rem" }, children: m.map((e, a) => {
158
- const _ = h === "alternating" && a % 2 === 1;
157
+ ) : /* @__PURE__ */ r("div", { "data-block-group": "Layout", style: { display: "flex", flexDirection: "column", gap: "4rem" }, children: m.map((e, n) => {
158
+ const _ = h === "alternating" && n % 2 === 1;
159
159
  return /* @__PURE__ */ t(
160
160
  "div",
161
161
  {
@@ -201,7 +201,7 @@ function $(o) {
201
201
  display: "inline-block",
202
202
  padding: "0.25rem 0.75rem",
203
203
  backgroundColor: "var(--sg-primary)",
204
- color: "#fff",
204
+ color: "var(--sg-primary-text, #fff)",
205
205
  borderRadius: "9999px",
206
206
  fontSize: "0.75rem",
207
207
  fontWeight: 600,
@@ -272,7 +272,7 @@ function $(o) {
272
272
  ] })
273
273
  ]
274
274
  },
275
- a
275
+ n
276
276
  );
277
277
  }) })
278
278
  ] })
@@ -1 +1 @@
1
- {"version":3,"file":"ProductShowcaseRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/ProductShowcaseRenderer.tsx"],"sourcesContent":["/**\n * ProductShowcase Renderer\n * Renderiza vitrine de produtos com layouts alternado, grid ou empilhado\n */\n\nimport React from \"react\";\nimport {\n generateButtonHoverStyles,\n generateButtonOverlayCSS,\n getButtonHoverKeyframes,\n type ButtonHoverEffect,\n type ButtonHoverOverlay,\n} from \"../../../shared/hoverEffects\";\n\nexport function renderProductShowcase(block: any): React.ReactNode {\n const {\n title,\n subtitle,\n products = [],\n variant = \"alternating\",\n bg,\n buttonHoverEffect = \"none\",\n buttonHoverIntensity = 50,\n buttonHoverOverlay = \"none\",\n buttonHoverIconName = \"arrow-right\",\n } = block.props;\n\n const isGrid = variant === \"grid\";\n\n // Generate hover CSS\n const scope = `[data-block-id=\"${block.id}\"]`;\n let hoverCss = \"\";\n\n if (buttonHoverEffect !== \"none\") {\n const primaryResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"solid\",\n });\n const outlineResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"outline\",\n });\n if (primaryResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--primary { ${primaryResult.base} }`;\n }\n if (outlineResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--secondary { ${outlineResult.base} }`;\n }\n hoverCss += `${scope} .sg-showcase__btn--primary:hover { ${primaryResult.hover} }`;\n hoverCss += `${scope} .sg-showcase__btn--secondary:hover { ${outlineResult.hover} }`;\n hoverCss += getButtonHoverKeyframes();\n }\n\n if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--primary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#fff\",\n });\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--secondary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#6366f1\",\n });\n }\n\n const hasHover = hoverCss.length > 0;\n const btnBaseStyle: React.CSSProperties = {\n position: \"relative\",\n overflow: \"hidden\",\n transition: \"all 0.2s ease\",\n };\n\n return (\n <>\n {hasHover && <style>{hoverCss}</style>}\n <section\n key={block.id}\n data-block-id={block.id}\n style={{\n padding: \"var(--sg-section-padding-md, 4rem 0)\",\n backgroundColor: bg || \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {(title || subtitle) && (\n <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n {subtitle && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n marginBottom: \"0.75rem\",\n }}\n >\n {subtitle}\n </span>\n )}\n {title && (\n <h2 style={{ fontSize: \"var(--sg-heading-h2)\", marginBottom: \"0.5rem\" }}>\n {title}\n </h2>\n )}\n </div>\n )}\n\n {isGrid ? (\n <div\n data-block-group=\"Layout\"\n style={{\n display: \"grid\",\n gridTemplateColumns: `repeat(${Math.min(products.length, 3)}, 1fr)`,\n gap: \"2rem\",\n }}\n >\n {products.map((product: any, index: number) => (\n <div\n key={index}\n style={{\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n overflow: \"hidden\",\n boxShadow: \"var(--sg-card-shadow)\",\n }}\n >\n {product.image && (\n <div\n style={{\n width: \"100%\",\n height: \"200px\",\n backgroundImage: `url(${product.image})`,\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n }}\n />\n )}\n <div style={{ padding: \"1.5rem\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.125rem 0.5rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.7rem\",\n fontWeight: 600,\n marginBottom: \"0.5rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {product.description}\n </p>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n display: \"inline-block\",\n marginTop: \"1rem\",\n padding: \"0.5rem 1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n fontSize: \"0.875rem\",\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n </div>\n </div>\n ))}\n </div>\n ) : (\n <div data-block-group=\"Layout\" style={{ display: \"flex\", flexDirection: \"column\", gap: \"4rem\" }}>\n {products.map((product: any, index: number) => {\n const isReversed = variant === \"alternating\" && index % 2 === 1;\n return (\n <div\n key={index}\n style={{\n display: \"flex\",\n gap: \"3rem\",\n alignItems: \"center\",\n flexDirection: isReversed ? \"row-reverse\" : \"row\",\n }}\n >\n {/* Image side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.image ? (\n <img\n src={product.image}\n alt={product.name}\n style={{\n width: \"100%\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n objectFit: \"cover\",\n }}\n />\n ) : (\n <div\n style={{\n width: \"100%\",\n height: \"300px\",\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"4rem\",\n }}\n >\n {product.icon || \"📦\"}\n </div>\n )}\n </div>\n\n {/* Content side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n marginBottom: \"0.75rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.5rem\", fontWeight: 700, marginBottom: \"0.75rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\", lineHeight: 1.7 }}>\n {product.longDescription || product.description}\n </p>\n {product.features && product.features.length > 0 && (\n <ul style={{ listStyle: \"none\", padding: 0, margin: \"0 0 1.5rem 0\" }}>\n {product.features.map((feat: string, fi: number) => (\n <li\n key={fi}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n marginBottom: \"0.5rem\",\n color: \"var(--sg-text)\",\n }}\n >\n <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n {feat}\n </li>\n ))}\n </ul>\n )}\n <div style={{ display: \"flex\", gap: \"0.75rem\" }}>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n {product.secondaryButton && (\n <a\n href={product.secondaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--secondary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"transparent\",\n color: \"var(--sg-primary)\",\n border: \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.secondaryButton.text}\n </a>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </div>\n </section>\n </>\n );\n}\n"],"names":["renderProductShowcase","block","title","subtitle","products","variant","bg","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isGrid","scope","hoverCss","primaryResult","generateButtonHoverStyles","outlineResult","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","btnBaseStyle","jsxs","Fragment","jsx","product","index","isReversed","feat","fi"],"mappings":"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"}
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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"}
@@ -26,6 +26,8 @@ interface UseEditorStateReturn {
26
26
  isPaletteSelected: boolean;
27
27
  isTemplateSelected: boolean;
28
28
  canRemovePage: (pageId: string) => boolean;
29
+ selectedPalette: string | null;
30
+ setSelectedPalette: (name: string | null) => void;
29
31
  activePlugins: string[];
30
32
  activatePlugin: (pluginId: string) => void;
31
33
  deactivatePlugin: (pluginId: string) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,OAAO,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,YAAY,EAEZ,KAAK,EACL,SAAS,EACT,cAAc,EAMf,MAAM,WAAW,CAAC;AAYnB,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED,UAAU,oBAAoB;IAE5B,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC;IAGxB,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CACd,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAG3C,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA+VtB"}
1
+ {"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,OAAO,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,YAAY,EAEZ,KAAK,EACL,SAAS,EACT,cAAc,EAMf,MAAM,WAAW,CAAC;AAYnB,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED,UAAU,oBAAoB;IAE5B,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC;IAGxB,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CACd,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAG3C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAGlD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CAyWtB"}
@@ -1,45 +1,45 @@
1
- import { useMemo as P, useState as k, useCallback as o } from "react";
2
- import { cleanDocumentStructure as O, findBlockInStructure as Q } from "../utils/blockUtils.js";
1
+ import { useMemo as k, useState as p, useCallback as o } from "react";
2
+ import { cleanDocumentStructure as V, findBlockInStructure as W } from "../utils/blockUtils.js";
3
3
  import { logger as f } from "../utils/logger.js";
4
- import { generateUniqueSlug as T, createDefaultPageStructure as V } from "../utils/pageTemplateFactory.js";
5
- import { useNavbarAutoSync as W } from "./useNavbarAutoSync.js";
6
- import { createHistoryManager as X } from "../engine/patch/history.js";
7
- import { applyPatch as Y } from "../engine/patch/applyPatch.js";
8
- import { PatchBuilder as p } from "../engine/patch/PatchBuilder.js";
9
- import { componentRegistry as Z } from "../engine/registry/registry.js";
4
+ import { generateUniqueSlug as X, createDefaultPageStructure as Y } from "../utils/pageTemplateFactory.js";
5
+ import { useNavbarAutoSync as Z } from "./useNavbarAutoSync.js";
6
+ import { createHistoryManager as _ } from "../engine/patch/history.js";
7
+ import { applyPatch as I } from "../engine/patch/applyPatch.js";
8
+ import { PatchBuilder as h } from "../engine/patch/PatchBuilder.js";
9
+ import { componentRegistry as ee } from "../engine/registry/registry.js";
10
10
  import { pluginRegistry as v } from "../engine/plugins/pluginRegistry.js";
11
- function le(S = {}) {
12
- const { initialData: B } = S, D = P(() => B || null, [B]), [t, d] = k(
13
- D
14
- ), [g, m] = k("home"), [c] = k(() => X(50)), [n, i] = k(null), s = o(
11
+ function de(D = {}) {
12
+ const { initialData: B } = D, A = k(() => B || null, [B]), [t, d] = p(
13
+ A
14
+ ), [g, m] = p("home"), [c] = p(() => _(50)), [n, i] = p(null), [C, S] = p(null), s = o(
15
15
  (e, r) => {
16
16
  if (!t || !e?.length) return;
17
17
  c.push(t, e, r || "User edit");
18
- const l = Y(t, e);
19
- if (f.debug("[applyChange] Patch result:", l), l.success && l.document) {
20
- const a = O(l.document);
18
+ const u = I(t, e);
19
+ if (f.debug("[applyChange] Patch result:", u), u.success && u.document) {
20
+ const a = V(u.document);
21
21
  d(a);
22
22
  } else
23
23
  c.canUndo() && (c.undo(t).success || f.error("[applyChange] Failed to undo after patch error"));
24
24
  },
25
25
  [t, c]
26
26
  );
27
- W(t, s);
28
- const u = P(() => {
27
+ Z(t, s);
28
+ const l = k(() => {
29
29
  if (!t?.pages?.length) return null;
30
30
  const e = t.pages.find((r) => r?.id === g) ?? t.pages[0];
31
31
  return e && !Array.isArray(e.structure) && (e.structure = []), e;
32
- }, [t, g]), A = P(() => !n || !u || n === "palette-selector" || n === "template-selector" ? null : Q(u.structure, n), [n, u]), C = n === "palette-selector", R = n === "template-selector", U = o(() => {
32
+ }, [t, g]), R = k(() => !n || !l || n === "palette-selector" || n === "template-selector" ? null : W(l.structure, n), [n, l]), U = n === "palette-selector", $ = n === "template-selector", b = o(() => {
33
33
  if (!t) return;
34
34
  const e = c.undo(t);
35
35
  e.success && e.document && d(e.document);
36
- }, [t, c]), $ = o(() => {
36
+ }, [t, c]), E = o(() => {
37
37
  if (!t) return;
38
38
  const e = c.redo(t);
39
39
  e.success && e.document && d(e.document);
40
40
  }, [t, c]), y = o(
41
41
  (e) => {
42
- const r = Z.get(e);
42
+ const r = ee.get(e);
43
43
  return r ? {
44
44
  id: `${e}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
45
45
  type: e,
@@ -54,36 +54,36 @@ function le(S = {}) {
54
54
  ), null);
55
55
  },
56
56
  []
57
- ), b = o(
58
- (e, r, l) => {
59
- if (!(!t || !u))
57
+ ), F = o(
58
+ (e, r, u) => {
59
+ if (!(!t || !l))
60
60
  try {
61
61
  const a = y(e);
62
62
  if (!a) {
63
63
  f.error("[handleAddBlock] Failed to create block:", e);
64
64
  return;
65
65
  }
66
- const h = p.addBlock(
66
+ const P = h.addBlock(
67
67
  t,
68
- u.id,
68
+ l.id,
69
69
  a,
70
70
  r,
71
- l
71
+ u
72
72
  );
73
- s(h, `Add ${e} block`), i(a.id);
73
+ s(P, `Add ${e} block`), i(a.id);
74
74
  } catch (a) {
75
75
  f.error("[handleAddBlock] Error adding block:", a);
76
76
  }
77
77
  },
78
- [u, t, y, s]
79
- ), E = o(
78
+ [l, t, y, s]
79
+ ), w = o(
80
80
  (e) => {
81
- if (!(!t || !u))
81
+ if (!(!t || !l))
82
82
  try {
83
83
  n === e && i(null);
84
- const r = p.removeBlock(
84
+ const r = h.removeBlock(
85
85
  t,
86
- u.id,
86
+ l.id,
87
87
  e
88
88
  );
89
89
  s(r, "Delete block");
@@ -91,14 +91,14 @@ function le(S = {}) {
91
91
  f.error("Error deleting block:", r), n === e && i(null);
92
92
  }
93
93
  },
94
- [t, u, n, s]
95
- ), F = o(
94
+ [t, l, n, s]
95
+ ), x = o(
96
96
  (e) => {
97
- if (!(!t || !n || !u) && !(n === "palette-selector" || n === "template-selector"))
97
+ if (!(!t || !n || !l) && !(n === "palette-selector" || n === "template-selector"))
98
98
  try {
99
- const r = p.updateBlockProps(
99
+ const r = h.updateBlockProps(
100
100
  t,
101
- u.id,
101
+ l.id,
102
102
  n,
103
103
  e
104
104
  );
@@ -107,53 +107,55 @@ function le(S = {}) {
107
107
  f.error("Error updating block:", r);
108
108
  }
109
109
  },
110
- [t, n, u, s]
111
- ), w = o(() => {
112
- d(null), m("home"), c.clear(), i(null);
113
- }, [c]), x = o(
110
+ [t, n, l, s]
111
+ ), M = o((e) => {
112
+ S(e);
113
+ }, []), q = o(() => {
114
+ d(null), m("home"), c.clear(), i(null), S(null);
115
+ }, [c]), H = o(
114
116
  (e) => {
115
117
  d(e), m(e.pages?.[0]?.id ?? "home"), c.clear(), i(null), e.pages?.[0]?.structure?.length > 0 && i(e.pages[0].structure[0].id);
116
118
  },
117
119
  [c]
118
- ), M = o((e) => {
120
+ ), N = o((e) => {
119
121
  m(e), i(null);
120
- }, []), q = o(
121
- (e, r, l) => {
122
- if (!t || t.pages.find((L) => L.id === e)) return;
123
- const h = T(l, t.pages), J = V(
122
+ }, []), j = o(
123
+ (e, r, u) => {
124
+ if (!t || t.pages.find((T) => T.id === e)) return;
125
+ const P = X(u, t.pages), O = Y(
124
126
  e,
125
127
  r,
126
- h,
127
- [...t.pages, { id: e, name: r, slug: h, structure: [] }]
128
- ), K = p.addPage(t, J);
129
- s(K, `Adicionar página ${r}`), m(e), i(null);
128
+ P,
129
+ [...t.pages, { id: e, name: r, slug: P, structure: [] }]
130
+ ), Q = h.addPage(t, O);
131
+ s(Q, `Adicionar página ${r}`), m(e), i(null);
130
132
  },
131
133
  [t, s]
132
- ), H = o(
134
+ ), z = o(
133
135
  (e) => {
134
136
  if (!t || e === "home" || t.pages.length <= 1) return;
135
- const r = p.removePage(t, e);
137
+ const r = h.removePage(t, e);
136
138
  if (s(r, "Remover página"), g === e) {
137
- const l = t.pages.filter((a) => a.id !== e);
138
- m(l[0]?.id ?? "home");
139
+ const u = t.pages.filter((a) => a.id !== e);
140
+ m(u[0]?.id ?? "home");
139
141
  }
140
142
  i(null);
141
143
  },
142
144
  [t, g, s]
143
- ), N = o(
145
+ ), G = o(
144
146
  (e) => t ? e !== "home" && t.pages.length > 1 : !1,
145
147
  [t]
146
- ), j = P(
148
+ ), J = k(
147
149
  () => t?.plugins?.active ?? [],
148
150
  [t]
149
- ), z = o(
151
+ ), K = o(
150
152
  (e) => {
151
153
  if (!t) return;
152
154
  const r = v.activate(t, e);
153
155
  r !== t && d(r);
154
156
  },
155
157
  [t]
156
- ), G = o(
158
+ ), L = o(
157
159
  (e) => {
158
160
  if (!t) return;
159
161
  const r = v.deactivate(t, e);
@@ -165,35 +167,38 @@ function le(S = {}) {
165
167
  // Estado
166
168
  document: t,
167
169
  currentPageId: g,
168
- currentPage: u,
170
+ currentPage: l,
169
171
  selectedBlockId: n,
170
- selectedBlock: A,
172
+ selectedBlock: R,
171
173
  history: c,
172
174
  // Ações
173
175
  setDocument: d,
174
- loadDocument: x,
175
- setCurrentPageId: M,
176
- addPage: q,
177
- removePage: H,
176
+ loadDocument: H,
177
+ setCurrentPageId: N,
178
+ addPage: j,
179
+ removePage: z,
178
180
  setSelectedBlockId: i,
179
- handleUndo: U,
180
- handleRedo: $,
181
- handleAddBlock: b,
182
- handleDeleteBlock: E,
183
- handleUpdateBlock: F,
181
+ handleUndo: b,
182
+ handleRedo: E,
183
+ handleAddBlock: F,
184
+ handleDeleteBlock: w,
185
+ handleUpdateBlock: x,
184
186
  applyChange: s,
185
- resetToTemplate: w,
187
+ resetToTemplate: q,
186
188
  // Estado derivado
187
- isPaletteSelected: C,
188
- isTemplateSelected: R,
189
- canRemovePage: N,
189
+ isPaletteSelected: U,
190
+ isTemplateSelected: $,
191
+ canRemovePage: G,
192
+ // Paleta
193
+ selectedPalette: C,
194
+ setSelectedPalette: M,
190
195
  // Plugins
191
- activePlugins: j,
192
- activatePlugin: z,
193
- deactivatePlugin: G
196
+ activePlugins: J,
197
+ activatePlugin: K,
198
+ deactivatePlugin: L
194
199
  };
195
200
  }
196
201
  export {
197
- le as useEditorState
202
+ de as useEditorState
198
203
  };
199
204
  //# sourceMappingURL=useEditorState.js.map