@brunoalz/smartgesti-site-editor 1.0.0 → 1.2.0

package/dist/editor/components/RightPanel.js

@@ -1,36 +1,42 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import c, { Suspense as s, lazy as o } from "react";
-import { LoadingSpinner as m } from "./LoadingSpinner.js";
-const f = o(
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import f, { Suspense as h, lazy as o } from "react";
+import { LoadingSpinner as p } from "./LoadingSpinner.js";
+const x = o(
   () => import("../PropertyEditor/index.js").then((r) => ({ default: r.BlockPropertyEditor }))
-), h = o(
+), g = o(
   () => import("../PaletteSelector.js").then((r) => ({ default: r.PaletteSelector }))
-), y = c.memo(function({
+), v = f.memo(function({
   isPaletteSelected: a,
   selectedBlock: t,
   onPaletteChange: l,
   onUpdateBlock: d,
-  uploadConfig: i
+  uploadConfig: i,
+  document: n,
+  currentPageId: c,
+  focusedGroup: s
 }) {
-  return /* @__PURE__ */ e("div", { className: "w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col", children: /* @__PURE__ */ e(s, { fallback: /* @__PURE__ */ e(m, {}), children: a ? /* @__PURE__ */ n("div", { className: "p-4 overflow-y-auto", children: [
+  return /* @__PURE__ */ e("div", { className: "w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col", children: /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(p, {}), children: a ? /* @__PURE__ */ m("div", { className: "p-4 overflow-y-auto", children: [
     /* @__PURE__ */ e("h2", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4", children: "Escolha uma Paleta de Cores" }),
     /* @__PURE__ */ e(
-      h,
+      g,
       {
         selectedPalette: void 0,
         onPaletteChange: l
       }
     )
   ] }) : t ? /* @__PURE__ */ e("div", { className: "overflow-y-auto overflow-x-hidden flex-1", children: /* @__PURE__ */ e(
-    f,
+    x,
     {
       block: t,
+      document: n,
+      currentPageId: c,
       onUpdate: d,
-      uploadConfig: i
+      uploadConfig: i,
+      focusedGroup: s
     }
   ) }) : /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400", children: "Selecione um bloco para editar" }) }) });
 });
 export {
-  y as RightPanel
+  v as RightPanel
 };
 //# sourceMappingURL=RightPanel.js.map

package/dist/editor/components/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","sources":["../../../src/editor/components/RightPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\n\n// Lazy load componentes pesados do editor\nconst BlockPropertyEditor = lazy(() =>\n  import(\"../PropertyEditor\").then(module => ({ default: module.BlockPropertyEditor }))\n);\nconst PaletteSelector = lazy(() =>\n  import(\"../PaletteSelector\").then(module => ({ default: module.PaletteSelector }))\n);\n\ninterface RightPanelProps {\n  isPaletteSelected: boolean;\n  selectedBlock: any;\n  onPaletteChange: (palette: any) => void;\n  onUpdateBlock: (updates: Record<string, any>) => void;\n  uploadConfig?: UploadConfig;\n}\n\nexport const RightPanel = React.memo(function RightPanel({\n  isPaletteSelected,\n  selectedBlock,\n  onPaletteChange,\n  onUpdateBlock,\n  uploadConfig,\n}: RightPanelProps) {\n  return (\n    <div className=\"w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col\">\n      <Suspense fallback={<LoadingSpinner />}>\n        {isPaletteSelected ? (\n          <div className=\"p-4 overflow-y-auto\">\n            <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4\">\n              Escolha uma Paleta de Cores\n            </h2>\n            <PaletteSelector\n              selectedPalette={undefined}\n              onPaletteChange={onPaletteChange}\n            />\n          </div>\n        ) : selectedBlock ? (\n          <div className=\"overflow-y-auto overflow-x-hidden flex-1\">\n            <BlockPropertyEditor\n              block={selectedBlock}\n              onUpdate={onUpdateBlock}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n        ) : (\n          <div className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n            Selecione um bloco para editar\n          </div>\n        )}\n      </Suspense>\n    </div>\n  );\n});\n"],"names":["BlockPropertyEditor","lazy","module","PaletteSelector","RightPanel","React","isPaletteSelected","selectedBlock","onPaletteChange","onUpdateBlock","uploadConfig","jsx","Suspense","LoadingSpinner","jsxs"],"mappings":";;;AAKA,MAAMA,IAAsBC;AAAA,EAAK,MAC/B,OAAO,4BAAmB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,sBAAsB;AACtF,GACMC,IAAkBF;AAAA,EAAK,MAC3B,OAAO,uBAAoB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,kBAAkB;AACnF,GAUaE,IAAaC,EAAM,KAAK,SAAoB;AAAA,EACvD,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4HACb,4BAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,GAAA,CAAA,CAAe,GACjC,UAAAP,IACC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,+DAA8D,UAAA,+BAE5E;AAAA,IACA,gBAAAA;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,iBAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IACED,IACF,gBAAAI,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,OAAOO;AAAA,MACP,UAAUE;AAAA,MACV,cAAAC;AAAA,IAAA;AAAA,EAAA,EACF,CACF,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDAAmD,UAAA,iCAAA,CAElE,GAEJ,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"RightPanel.js","sources":["../../../src/editor/components/RightPanel.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport type { UploadConfig } from \"../LandingPageEditor\";\nimport type { SiteDocument } from \"../../engine\";\n\n// Lazy load componentes pesados do editor\nconst BlockPropertyEditor = lazy(() =>\n  import(\"../PropertyEditor\").then(module => ({ default: module.BlockPropertyEditor }))\n);\nconst PaletteSelector = lazy(() =>\n  import(\"../PaletteSelector\").then(module => ({ default: module.PaletteSelector }))\n);\n\ninterface RightPanelProps {\n  isPaletteSelected: boolean;\n  selectedBlock: any;\n  onPaletteChange: (palette: any) => void;\n  onUpdateBlock: (updates: Record<string, any>) => void;\n  uploadConfig?: UploadConfig;\n  document?: SiteDocument;\n  currentPageId?: string;\n  /** When set, the matching property group opens and scrolls into view */\n  focusedGroup?: string | null;\n}\n\nexport const RightPanel = React.memo(function RightPanel({\n  isPaletteSelected,\n  selectedBlock,\n  onPaletteChange,\n  onUpdateBlock,\n  uploadConfig,\n  document,\n  currentPageId,\n  focusedGroup,\n}: RightPanelProps) {\n  return (\n    <div className=\"w-80 flex-shrink-0 border-l border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden flex flex-col\">\n      <Suspense fallback={<LoadingSpinner />}>\n        {isPaletteSelected ? (\n          <div className=\"p-4 overflow-y-auto\">\n            <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100 mb-4\">\n              Escolha uma Paleta de Cores\n            </h2>\n            <PaletteSelector\n              selectedPalette={undefined}\n              onPaletteChange={onPaletteChange}\n            />\n          </div>\n        ) : selectedBlock ? (\n          <div className=\"overflow-y-auto overflow-x-hidden flex-1\">\n            <BlockPropertyEditor\n              block={selectedBlock}\n              document={document}\n              currentPageId={currentPageId}\n              onUpdate={onUpdateBlock}\n              uploadConfig={uploadConfig}\n              focusedGroup={focusedGroup}\n            />\n          </div>\n        ) : (\n          <div className=\"p-4 text-center text-gray-500 dark:text-gray-400\">\n            Selecione um bloco para editar\n          </div>\n        )}\n      </Suspense>\n    </div>\n  );\n});\n"],"names":["BlockPropertyEditor","lazy","module","PaletteSelector","RightPanel","React","isPaletteSelected","selectedBlock","onPaletteChange","onUpdateBlock","uploadConfig","document","currentPageId","focusedGroup","jsx","Suspense","LoadingSpinner","jsxs"],"mappings":";;;AAMA,MAAMA,IAAsBC;AAAA,EAAK,MAC/B,OAAO,4BAAmB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,sBAAsB;AACtF,GACMC,IAAkBF;AAAA,EAAK,MAC3B,OAAO,uBAAoB,EAAE,KAAK,QAAW,EAAE,SAASC,EAAO,kBAAkB;AACnF,GAcaE,IAAaC,EAAM,KAAK,SAAoB;AAAA,EACvD,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4HACb,4BAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,GAAA,CAAA,CAAe,GACjC,UAAAV,IACC,gBAAAW,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,+DAA8D,UAAA,+BAE5E;AAAA,IACA,gBAAAA;AAAA,MAACX;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,iBAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IACED,IACF,gBAAAO,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,OAAOO;AAAA,MACP,UAAAI;AAAA,MACA,eAAAC;AAAA,MACA,UAAUH;AAAA,MACV,cAAAC;AAAA,MACA,cAAAG;AAAA,IAAA;AAAA,EAAA,EACF,CACF,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDAAmD,UAAA,iCAAA,CAElE,GAEJ,GACF;AAEJ,CAAC;"}

package/dist/editor/components/Toolbar.d.ts

@@ -7,6 +7,9 @@ interface ToolbarProps {
     onSave: () => void;
     onPublish?: () => void;
     onReset: () => void;
+    /** Mostrar hover/seleção visual no preview */
+    showSelectionOverlay?: boolean;
+    onToggleSelectionOverlay?: () => void;
 }
 export declare const Toolbar: React.NamedExoticComponent<ToolbarProps>;
 export {};

package/dist/editor/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAiCD,eAAO,MAAM,OAAO,0CAwElB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAiCD,eAAO,MAAM,OAAO,0CA+FlB,CAAC"}

package/dist/editor/components/Toolbar.js

@@ -1,19 +1,19 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import b from "react";
-import { Undo as p, Redo as h, RotateCcw as u, Save as x, Eye as g } from "lucide-react";
-import { cn as l } from "../../utils/cn.js";
-function d({
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { Undo as x, Redo as h, RotateCcw as p, MousePointer2 as f, Save as k, Eye as y } from "lucide-react";
+import { cn as o } from "../../utils/cn.js";
+function l({
   onClick: s,
-  disabled: a,
+  disabled: t,
   title: r,
-  icon: o
+  icon: d
 }) {
   return /* @__PURE__ */ e(
     "button",
     {
       onClick: s,
-      disabled: a,
-      className: l(
+      disabled: t,
+      className: o(
         "h-8 w-8 rounded-md text-xs font-medium transition-all cursor-pointer",
         "border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300",
         "hover:bg-gray-100 dark:hover:bg-gray-800",
@@ -21,71 +21,90 @@ function d({
         "flex items-center justify-center"
       ),
       title: r,
-      children: o
+      children: d
     }
   );
 }
-const v = b.memo(function({
-  history: a,
+const R = u.memo(function({
+  history: t,
   isSaving: r,
-  onUndo: o,
-  onRedo: i,
-  onSave: c,
+  onUndo: d,
+  onRedo: c,
+  onSave: b,
   onPublish: n,
-  onReset: m
+  onReset: m,
+  showSelectionOverlay: g,
+  onToggleSelectionOverlay: i
 }) {
-  return /* @__PURE__ */ t("div", { className: "h-12 flex-shrink-0 border-b border-gray-200 dark:border-gray-700 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md flex items-center justify-between px-4", children: [
+  return /* @__PURE__ */ a("div", { className: "h-12 flex-shrink-0 border-b border-gray-200 dark:border-gray-700 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md flex items-center justify-between px-4", children: [
     /* @__PURE__ */ e("h1", { className: "text-base font-semibold text-gray-800 dark:text-gray-100", children: "Editor de Landing Page" }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        d,
+        l,
         {
-          onClick: o,
-          disabled: !a.canUndo(),
+          onClick: d,
+          disabled: !t.canUndo(),
           title: "Desfazer",
-          icon: /* @__PURE__ */ e(p, { className: "w-4 h-4" })
+          icon: /* @__PURE__ */ e(x, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ e(
-        d,
+        l,
         {
-          onClick: i,
-          disabled: !a.canRedo(),
+          onClick: c,
+          disabled: !t.canRedo(),
           title: "Refazer",
           icon: /* @__PURE__ */ e(h, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ e(
-        d,
+        l,
         {
           onClick: m,
           title: "Resetar Template",
-          icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
+          icon: /* @__PURE__ */ e(p, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "w-px h-5 bg-gray-300 dark:bg-gray-600 mx-0.5" }),
+      i && /* @__PURE__ */ a(
         "button",
         {
-          onClick: c,
+          onClick: i,
+          className: o(
+            "h-8 px-2 rounded-md text-xs font-medium transition-all cursor-pointer",
+            "flex items-center gap-1.5",
+            g ? "bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 border border-blue-300 dark:border-blue-700" : "border border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
+          ),
+          title: "Mostrar Seleção",
+          children: [
+            /* @__PURE__ */ e(f, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Seleção" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: b,
           disabled: r,
-          className: l(
+          className: o(
             "h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer",
             "bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white shadow-lg hover:shadow-xl",
             "disabled:opacity-60 disabled:cursor-not-allowed",
             "flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]"
           ),
           children: [
-            /* @__PURE__ */ e(x, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e(k, { className: "w-3.5 h-3.5" }),
             r ? "Salvando..." : "Salvar"
           ]
         }
       ),
-      n && /* @__PURE__ */ t(
+      n && /* @__PURE__ */ a(
         "button",
         {
           onClick: n,
           disabled: r,
-          className: l(
+          className: o(
             "h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer",
             "border-2 border-purple-500 text-purple-600 dark:text-purple-400 bg-transparent",
             "hover:bg-purple-50 dark:hover:bg-purple-950/50",
@@ -93,7 +112,7 @@ const v = b.memo(function({
             "flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]"
           ),
           children: [
-            /* @__PURE__ */ e(g, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e(y, { className: "w-3.5 h-3.5" }),
             "Publicar"
           ]
         }
@@ -102,6 +121,6 @@ const v = b.memo(function({
   ] });
 });
 export {
-  v as Toolbar
+  R as Toolbar
 };
 //# sourceMappingURL=Toolbar.js.map

package/dist/editor/components/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../src/editor/components/Toolbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Save, Eye, Undo, Redo, RotateCcw } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\n\ninterface ToolbarProps {\n  history: any;\n  isSaving: boolean;\n  onUndo: () => void;\n  onRedo: () => void;\n  onSave: () => void;\n  onPublish?: () => void;\n  onReset: () => void;\n}\n\ninterface ToolbarButtonProps {\n  onClick: () => void;\n  disabled?: boolean;\n  title: string;\n  icon: React.ReactNode;\n}\n\nfunction ToolbarButton({\n  onClick,\n  disabled,\n  title,\n  icon,\n}: ToolbarButtonProps) {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(\n        \"h-8 w-8 rounded-md text-xs font-medium transition-all cursor-pointer\",\n        \"border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300\",\n        \"hover:bg-gray-100 dark:hover:bg-gray-800\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        \"flex items-center justify-center\",\n      )}\n      title={title}\n    >\n      {icon}\n    </button>\n  );\n}\n\nexport const Toolbar = React.memo(function Toolbar({\n  history,\n  isSaving,\n  onUndo,\n  onRedo,\n  onSave,\n  onPublish,\n  onReset,\n}: ToolbarProps) {\n  return (\n    <div className=\"h-12 flex-shrink-0 border-b border-gray-200 dark:border-gray-700 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md flex items-center justify-between px-4\">\n      <h1 className=\"text-base font-semibold text-gray-800 dark:text-gray-100\">\n        Editor de Landing Page\n      </h1>\n\n      <div className=\"flex items-center gap-2\">\n        {/* Undo/Redo */}\n        <ToolbarButton\n          onClick={onUndo}\n          disabled={!history.canUndo()}\n          title=\"Desfazer\"\n          icon={<Undo className=\"w-4 h-4\" />}\n        />\n        <ToolbarButton\n          onClick={onRedo}\n          disabled={!history.canRedo()}\n          title=\"Refazer\"\n          icon={<Redo className=\"w-4 h-4\" />}\n        />\n\n        {/* Reset */}\n        <ToolbarButton\n          onClick={onReset}\n          title=\"Resetar Template\"\n          icon={<RotateCcw className=\"w-4 h-4\" />}\n        />\n\n        {/* Save */}\n        <button\n          onClick={onSave}\n          disabled={isSaving}\n          className={cn(\n            \"h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer\",\n            \"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white shadow-lg hover:shadow-xl\",\n            \"disabled:opacity-60 disabled:cursor-not-allowed\",\n            \"flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]\",\n          )}\n        >\n          <Save className=\"w-3.5 h-3.5\" />\n          {isSaving ? \"Salvando...\" : \"Salvar\"}\n        </button>\n\n        {/* Publish */}\n        {onPublish && (\n          <button\n            onClick={onPublish}\n            disabled={isSaving}\n            className={cn(\n              \"h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer\",\n              \"border-2 border-purple-500 text-purple-600 dark:text-purple-400 bg-transparent\",\n              \"hover:bg-purple-50 dark:hover:bg-purple-950/50\",\n              \"disabled:opacity-60 disabled:cursor-not-allowed\",\n              \"flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]\",\n            )}\n          >\n            <Eye className=\"w-3.5 h-3.5\" />\n            Publicar\n          </button>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["ToolbarButton","onClick","disabled","title","icon","jsx","cn","Toolbar","React","history","isSaving","onUndo","onRedo","onSave","onPublish","onReset","jsxs","Undo","Redo","RotateCcw","Save","Eye"],"mappings":";;;;AAqBA,SAASA,EAAc;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAAH;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAMG,IAAUC,EAAM,KAAK,SAAiB;AAAA,EACjD,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAAiB;AACf,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4JACb,UAAA;AAAA,IAAA,gBAAAX,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,0BAEzE;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BAEb,UAAA;AAAA,MAAA,gBAAAX;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASW;AAAA,UACT,UAAU,CAACF,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAJ,EAACY,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC,gBAAAZ;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASY;AAAA,UACT,UAAU,CAACH,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAJ,EAACa,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlC,gBAAAb;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASe;AAAA,UACT,OAAM;AAAA,UACN,MAAM,gBAAAV,EAACc,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIvC,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASH;AAAA,UACT,UAAUH;AAAA,UACV,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACe,GAAA,EAAK,WAAU,cAAA,CAAc;AAAA,YAC7BV,IAAW,gBAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7BI,KACC,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASF;AAAA,UACT,UAAUJ;AAAA,UACV,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACgB,GAAA,EAAI,WAAU,cAAA,CAAc;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjC,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../src/editor/components/Toolbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Save, Eye, Undo, Redo, RotateCcw, MousePointer2 } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\n\ninterface ToolbarProps {\n  history: any;\n  isSaving: boolean;\n  onUndo: () => void;\n  onRedo: () => void;\n  onSave: () => void;\n  onPublish?: () => void;\n  onReset: () => void;\n  /** Mostrar hover/seleção visual no preview */\n  showSelectionOverlay?: boolean;\n  onToggleSelectionOverlay?: () => void;\n}\n\ninterface ToolbarButtonProps {\n  onClick: () => void;\n  disabled?: boolean;\n  title: string;\n  icon: React.ReactNode;\n}\n\nfunction ToolbarButton({\n  onClick,\n  disabled,\n  title,\n  icon,\n}: ToolbarButtonProps) {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(\n        \"h-8 w-8 rounded-md text-xs font-medium transition-all cursor-pointer\",\n        \"border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300\",\n        \"hover:bg-gray-100 dark:hover:bg-gray-800\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        \"flex items-center justify-center\",\n      )}\n      title={title}\n    >\n      {icon}\n    </button>\n  );\n}\n\nexport const Toolbar = React.memo(function Toolbar({\n  history,\n  isSaving,\n  onUndo,\n  onRedo,\n  onSave,\n  onPublish,\n  onReset,\n  showSelectionOverlay,\n  onToggleSelectionOverlay,\n}: ToolbarProps) {\n  return (\n    <div className=\"h-12 flex-shrink-0 border-b border-gray-200 dark:border-gray-700 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md flex items-center justify-between px-4\">\n      <h1 className=\"text-base font-semibold text-gray-800 dark:text-gray-100\">\n        Editor de Landing Page\n      </h1>\n\n      <div className=\"flex items-center gap-2\">\n        {/* Undo/Redo */}\n        <ToolbarButton\n          onClick={onUndo}\n          disabled={!history.canUndo()}\n          title=\"Desfazer\"\n          icon={<Undo className=\"w-4 h-4\" />}\n        />\n        <ToolbarButton\n          onClick={onRedo}\n          disabled={!history.canRedo()}\n          title=\"Refazer\"\n          icon={<Redo className=\"w-4 h-4\" />}\n        />\n\n        {/* Reset */}\n        <ToolbarButton\n          onClick={onReset}\n          title=\"Resetar Template\"\n          icon={<RotateCcw className=\"w-4 h-4\" />}\n        />\n\n        {/* Separator */}\n        <div className=\"w-px h-5 bg-gray-300 dark:bg-gray-600 mx-0.5\" />\n\n        {/* Selection Overlay Toggle */}\n        {onToggleSelectionOverlay && (\n          <button\n            onClick={onToggleSelectionOverlay}\n            className={cn(\n              \"h-8 px-2 rounded-md text-xs font-medium transition-all cursor-pointer\",\n              \"flex items-center gap-1.5\",\n              showSelectionOverlay\n                ? \"bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 border border-blue-300 dark:border-blue-700\"\n                : \"border border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800\",\n            )}\n            title=\"Mostrar Seleção\"\n          >\n            <MousePointer2 className=\"w-3.5 h-3.5\" />\n            <span className=\"hidden sm:inline\">Seleção</span>\n          </button>\n        )}\n\n        {/* Save */}\n        <button\n          onClick={onSave}\n          disabled={isSaving}\n          className={cn(\n            \"h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer\",\n            \"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white shadow-lg hover:shadow-xl\",\n            \"disabled:opacity-60 disabled:cursor-not-allowed\",\n            \"flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]\",\n          )}\n        >\n          <Save className=\"w-3.5 h-3.5\" />\n          {isSaving ? \"Salvando...\" : \"Salvar\"}\n        </button>\n\n        {/* Publish */}\n        {onPublish && (\n          <button\n            onClick={onPublish}\n            disabled={isSaving}\n            className={cn(\n              \"h-8 px-3 rounded-md text-xs font-medium transition-all cursor-pointer\",\n              \"border-2 border-purple-500 text-purple-600 dark:text-purple-400 bg-transparent\",\n              \"hover:bg-purple-50 dark:hover:bg-purple-950/50\",\n              \"disabled:opacity-60 disabled:cursor-not-allowed\",\n              \"flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]\",\n            )}\n          >\n            <Eye className=\"w-3.5 h-3.5\" />\n            Publicar\n          </button>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["ToolbarButton","onClick","disabled","title","icon","jsx","cn","Toolbar","React","history","isSaving","onUndo","onRedo","onSave","onPublish","onReset","showSelectionOverlay","onToggleSelectionOverlay","jsxs","Undo","Redo","RotateCcw","MousePointer2","Save","Eye"],"mappings":"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"}

package/dist/engine/export/exportHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exportHtml.d.ts","sourceRoot":"","sources":["../../../src/engine/export/exportHtml.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAA6B,WAAW,EAAE,MAAM,uBAAuB,CAAC;AA4Y/E,MAAM,WAAW,uBAAuB;IACtC,mIAAmI;IACnI,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAE,OAAc,EACxB,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,uBAAuB,GAChC,MAAM,CAiHR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAER;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,YAAY,EACtB,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAUR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,YAAY,GACrB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAqBtC"}
+{"version":3,"file":"exportHtml.d.ts","sourceRoot":"","sources":["../../../src/engine/export/exportHtml.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAA6B,WAAW,EAAE,MAAM,uBAAuB,CAAC;AA4Y/E,MAAM,WAAW,uBAAuB;IACtC,mIAAmI;IACnI,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAE,OAAc,EACxB,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,uBAAuB,GAChC,MAAM,CA2HR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAER;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,YAAY,EACtB,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAUR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,YAAY,GACrB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAqBtC"}

package/dist/engine/export/exportHtml.js

@@ -1,8 +1,8 @@
-import { generateThemeCSSVariables as _ } from "../schema/themeTokens.js";
-import { hashDocument as k } from "../../utils/documentHash.js";
-import { initializeExporters as z } from "./exporters/index.js";
-import { htmlExportRegistry as E } from "./exporters/HtmlExporter.js";
-const S = `
+import { generateThemeCSSVariables as z } from "../schema/themeTokens.js";
+import { hashDocument as E } from "../../utils/documentHash.js";
+import { initializeExporters as S } from "./exporters/index.js";
+import { htmlExportRegistry as H } from "./exporters/HtmlExporter.js";
+const C = `
 /* Navbar engine (sg-navbar) - base e variações */
 .sg-navbar {
   display: flex;
@@ -301,41 +301,41 @@ const S = `
     font-size: 0.9rem;
   }
 }
-`, i = /* @__PURE__ */ new Map(), m = 50;
-function H() {
-  if (i.size <= m) return;
-  const r = Array.from(i.entries()).sort(
-    (a, t) => a[1].timestamp - t[1].timestamp
+`, s = /* @__PURE__ */ new Map(), h = 50;
+function D() {
+  if (s.size <= h) return;
+  const r = Array.from(s.entries()).sort(
+    (t, a) => t[1].timestamp - a[1].timestamp
   );
-  r.slice(0, r.length - m).forEach(([a]) => i.delete(a));
+  r.slice(0, r.length - h).forEach(([t]) => s.delete(t));
 }
-let v = !1;
-function d(r, e = 0, a, t) {
-  v || (z(d), v = !0);
-  const s = E.get(r.type);
-  return s ? s(r, e, a, t) : `<div data-block-id="${r.id}" style="color: red; padding: 1rem; border: 2px dashed red;">Bloco desconhecido: ${r.type}</div>`;
+let u = !1;
+function l(r, e = 0, t, a) {
+  u || (S(l), u = !0);
+  const d = H.get(r.type);
+  return d ? d(r, e, t, a) : `<div data-block-id="${r.id}" style="color: red; padding: 1rem; border: 2px dashed red;">Bloco desconhecido: ${r.type}</div>`;
 }
-function C(r) {
+function j(r) {
   return r ? String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
 }
-function D(r, e, a = !0, t, s) {
-  const o = s?.layoutFromPage, f = k(e), h = o?.id ?? "", l = `${f}-${r.id}-${t ?? ""}-${h}`;
-  if (a && i.has(l)) {
-    const n = i.get(l);
+function $(r, e, t = !0, a, d) {
+  const o = d?.layoutFromPage, w = E(e), y = o?.id ?? "", c = `${w}-${r.id}-${a ?? ""}-${y}`;
+  if (t && s.has(c)) {
+    const n = s.get(c);
     return n.timestamp = Date.now(), n.html;
   }
-  const u = _(e.theme);
-  let p = r.structure.map((n) => d(n, 0, t, e.theme)).join("");
+  const x = z(e.theme);
+  let p = r.structure.map((n) => l(n, 0, a, e.theme)).join("");
   if (o && o.id !== r.id && o.structure?.length) {
-    const n = o.structure, g = n.find((y) => y.type === "navbar"), w = g ? d(g, 0, t, e.theme) : "", c = n.length > 1 ? n[n.length - 1] : null, x = c && c.type !== "navbar" ? d(c, 0, t, e.theme) : "";
-    p = w + p + x;
+    const n = o.structure, _ = r.structure.some((i) => i.type === "navbar"), k = r.structure.some((i) => i.type === "footer"), m = _ ? null : n.find((i) => i.type === "navbar"), v = m ? l(m, 0, a, e.theme) : "", b = k ? null : n.find((i) => i.type === "footer"), f = b && b.type !== "navbar" ? l(b, 0, a, e.theme) : "";
+    (v || f) && (p = v + p + f);
   }
-  const b = `<!DOCTYPE html>
+  const g = `<!DOCTYPE html>
 <html lang="pt-BR">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${C(r.name)}</title>
+  <title>${j(r.name)}</title>
   <style>
     * {
       margin: 0;
@@ -350,10 +350,10 @@ function D(r, e, a = !0, t, s) {
       line-height: 1.6;
       color: var(--sg-text, #1f2937);
     }
-    ${u}
+    ${x}
 
     /* Landing Page Styles */
-    ${S}
+    ${C}
   </style>
   <script>
     // Smooth scroll para âncoras sem reload
@@ -394,38 +394,38 @@ function D(r, e, a = !0, t, s) {
   ${p}
 </body>
 </html>`;
-  return a && (i.set(l, { html: b, timestamp: Date.now() }), H()), b;
+  return t && (s.set(c, { html: g, timestamp: Date.now() }), D()), g;
 }
-function B(r, e, a) {
-  return d(r, 0, e, a);
+function F(r, e, t) {
+  return l(r, 0, e, t);
 }
-function T() {
-  i.clear();
+function P() {
+  s.clear();
 }
-function P(r, e) {
-  const a = e ? r.pages.find((t) => t.id === e) : r.pages[0];
-  if (!a)
+function R(r, e) {
+  const t = e ? r.pages.find((a) => a.id === e) : r.pages[0];
+  if (!t)
     throw new Error("Page not found");
-  return D(a, r);
+  return $(t, r);
 }
-function R(r) {
+function L(r) {
   const e = [];
-  function a(t) {
-    if (t.type === "image") {
-      const o = t.props.src;
+  function t(a) {
+    if (a.type === "image") {
+      const o = a.props.src;
       o && e.push({ type: "image", url: o });
     }
-    (t.props?.children || []).forEach(a);
+    (a.props?.children || []).forEach(t);
   }
-  return r.pages.forEach((t) => {
-    t.structure.forEach(a);
+  return r.pages.forEach((a) => {
+    a.structure.forEach(t);
   }), e;
 }
 export {
-  T as clearHtmlCache,
-  B as exportBlockToHtml,
-  P as exportDocumentToHtml,
-  D as exportPageToHtml,
-  R as generateAssetsManifest
+  P as clearHtmlCache,
+  F as exportBlockToHtml,
+  R as exportDocumentToHtml,
+  $ as exportPageToHtml,
+  L as generateAssetsManifest
 };
 //# sourceMappingURL=exportHtml.js.map

package/dist/engine/export/exportHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"exportHtml.js","sources":["../../../src/engine/export/exportHtml.ts"],"sourcesContent":["/**\n * HTML Exporter\n * Exporta SiteDocument para HTML estático\n */\n\nimport { SiteDocument, SitePage, Block } from \"../schema/siteDocument\";\nimport { generateThemeCSSVariables, ThemeTokens } from \"../schema/themeTokens\";\nimport { hashDocument } from \"../../utils/documentHash\";\nimport { htmlExportRegistry, initializeExporters } from \"./exporters\";\n\n/**\n * Landing Page CSS crítico para navbar e outros componentes\n * Incluído inline para garantir que sempre esteja disponível\n */\nconst landingPageCSS = `\n/* Navbar engine (sg-navbar) - base e variações */\n.sg-navbar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 4.5rem;\n  color: var(--sg-text, #1f2937);\n  position: relative;\n  transition: all 0.2s ease;\n  background-color: var(--navbar-bg, var(--sg-bg, #fff));\n  border-radius: var(--navbar-border-radius, 0);\n  box-shadow: var(--navbar-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.05));\n}\n\n.sg-navbar::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: inherit;\n  opacity: var(--navbar-blur-opacity, 0);\n  border-radius: inherit;\n  z-index: 0;\n  pointer-events: none;\n  backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n  -webkit-backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n}\n\n.sg-navbar--floating {\n  margin: 1rem;\n  max-width: calc(100% - 2rem);\n  border-radius: var(--navbar-border-radius, 12px);\n  box-shadow: var(--navbar-shadow, 0 10px 40px rgba(0, 0, 0, 0.15));\n}\n\n/* Compact mode - 20% smaller height and smaller elements */\n.sg-navbar--compact {\n  height: 3.6rem;\n}\n\n.sg-navbar--compact .sg-navbar__link {\n  font-size: 0.875rem;\n  padding: 0.375rem 0.5rem;\n}\n\n.sg-navbar--compact .sg-navbar__btn {\n  font-size: 0.875rem;\n  padding: 0.375rem 0.875rem;\n}\n\n.sg-navbar__container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  max-width: 1200px;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 0 1rem;\n  position: relative;\n  z-index: 1;\n}\n\n.sg-navbar__brand {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n}\n\n.sg-navbar__brand a {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  text-decoration: none;\n  color: var(--sg-primary, #3b82f6);\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.sg-navbar__brand img {\n  object-fit: contain;\n  object-position: left center;\n}\n\n.sg-navbar__brand-text {\n  color: var(--sg-primary, #3b82f6);\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.sg-navbar__menu {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n}\n\n.sg-navbar__link {\n  color: var(--navbar-link-color, var(--sg-text, #1f2937));\n  font-size: var(--navbar-link-size, 1rem);\n  text-decoration: none;\n  font-weight: 500;\n  transition: color 0.2s ease;\n}\n\n.sg-navbar__link:hover {\n  color: var(--navbar-link-hover-color, var(--sg-primary, #3b82f6));\n}\n\n.sg-navbar__btn {\n  padding: 0.5rem 1rem;\n  font-weight: 500;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.2s ease;\n  border-radius: var(--navbar-btn-radius, 0.5rem);\n}\n\n.sg-navbar__btn--solid {\n  background-color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  color: var(--navbar-btn-text, var(--sg-primary-text, #fff));\n  border: none;\n}\n\n/* Hover effects are now controlled by the hover effects system */\n\n.sg-navbar__btn--outline {\n  background-color: transparent;\n  color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  border: 2px solid var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n}\n\n.sg-navbar__btn--ghost {\n  background-color: transparent;\n  color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  border: none;\n}\n\n.sg-navbar--classic.sg-navbar--floating {\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sg-border, #e5e7eb);\n}\n\n.sg-navbar--centered.sg-navbar--floating {\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sg-border, #e5e7eb);\n}\n\n.sg-navbar--centered .sg-navbar__container {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n}\n\n.sg-navbar--centered .sg-navbar__brand {\n  justify-self: start;\n}\n\n.sg-navbar--centered .sg-navbar__menu {\n  justify-self: center;\n}\n\n.sg-navbar--centered .sg-navbar__actions {\n  justify-self: end;\n}\n\n/* Dropdown wrapper */\n.sg-navbar__dropdown-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n/* Hover bridge invisível - conecta o botão ao dropdown (16px gap + overlap) */\n.sg-navbar__dropdown-wrapper::before {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: -1rem;\n  right: -1rem;\n  height: 20px;\n  background: transparent;\n}\n\n.sg-navbar__link--has-dropdown {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  padding: 0.5rem 0.75rem;\n  border-radius: 6px;\n  position: relative;\n  text-decoration: none;\n  font-weight: 500;\n  transition: all 0.2s ease;\n}\n\n/* Chevron-down icon (▼) */\n.sg-navbar__link--has-dropdown::after {\n  content: \"\";\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-left: 0.25rem;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid currentColor;\n  transition: transform 0.2s ease;\n}\n\n.sg-navbar__dropdown-wrapper:hover .sg-navbar__link--has-dropdown::after {\n  transform: rotate(180deg);\n}\n\n/* Dropdown container */\n.sg-navbar-dropdown {\n  display: none;\n  opacity: 0;\n  position: absolute;\n  top: calc(100% + 16px); /* Pequeno gap visual abaixo do navbar */\n  left: 0;\n  z-index: 1000;\n  min-width: 200px;\n  padding: 0.5rem 0;\n  transform: translateY(-5px);\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  overflow: visible;\n}\n\n/* Frost layer do dropdown - cobre todo o dropdown */\n.sg-navbar-dropdown::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--dropdown-bg, rgba(255, 255, 255, 0.9));\n  border-radius: var(--dropdown-radius, 25px);\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n  pointer-events: none;\n  z-index: 0;\n  backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n  -webkit-backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n}\n\n/* Dropdown items acima do frost layer */\n.sg-navbar-dropdown > * {\n  position: relative;\n  z-index: 1;\n}\n\n/* Show dropdown on hover/focus with animation */\n.sg-navbar__dropdown-wrapper:hover .sg-navbar-dropdown,\n.sg-navbar__dropdown-wrapper:focus-within .sg-navbar-dropdown {\n  display: block;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Dropdown items */\n.sg-navbar-dropdown__item {\n  display: block;\n  white-space: nowrap;\n}\n\n/* Mobile - dropdowns sempre visíveis no sidebar */\n@media (max-width: 768px) {\n  .sg-navbar-dropdown {\n    position: static;\n    display: block !important;\n    opacity: 1 !important;\n    transform: none !important;\n    min-width: auto;\n    padding-left: 1rem;\n    background: transparent !important;\n    box-shadow: none !important;\n    margin-top: 0.25rem;\n  }\n\n  .sg-navbar__link--has-dropdown::after {\n    content: none;\n  }\n\n  .sg-navbar-dropdown__item {\n    padding: 0.5rem 1.25rem;\n    font-size: 0.9rem;\n  }\n}\n`;\n\n/**\n * Cache de HTML com limite LRU (Last Recently Used)\n * Limite de 50 entradas para evitar memory leak\n */\nconst htmlCache = new Map<string, { html: string; timestamp: number }>();\nconst MAX_CACHE_SIZE = 50;\n\n/**\n * Limpa entradas antigas do cache quando excede o limite\n */\nfunction cleanCache() {\n  if (htmlCache.size <= MAX_CACHE_SIZE) return;\n\n  // Ordenar por timestamp e remover os mais antigos\n  const entries = Array.from(htmlCache.entries()).sort(\n    (a, b) => a[1].timestamp - b[1].timestamp,\n  );\n\n  const toRemove = entries.slice(0, entries.length - MAX_CACHE_SIZE);\n  toRemove.forEach(([key]) => htmlCache.delete(key));\n}\n\n// Inicializar exporters com referência à função de renderização\nlet exportersInitialized = false;\n\n/**\n * Renderiza um bloco diretamente para HTML (sem React)\n * Usa registry pattern para despachar para exporters modulares\n */\nfunction blockToHtmlDirect(\n  block: Block,\n  depth: number = 0,\n  basePath?: string,\n  theme?: ThemeTokens,\n): string {\n  // Inicializar exporters na primeira execução\n  if (!exportersInitialized) {\n    initializeExporters(blockToHtmlDirect);\n    exportersInitialized = true;\n  }\n\n  // Buscar exporter no registry\n  const exporter = htmlExportRegistry.get(block.type);\n\n  if (!exporter) {\n    // Fallback para blocos desconhecidos\n    return `<div data-block-id=\"${block.id}\" style=\"color: red; padding: 1rem; border: 2px dashed red;\">Bloco desconhecido: ${block.type}</div>`;\n  }\n\n  // Executar exporter\n  return exporter(block, depth, basePath, theme);\n}\n\n/**\n * Escapa HTML para prevenir XSS\n * NOTA: Esta função foi mantida aqui por compatibilidade, mas está duplicada\n * em shared/htmlHelpers.ts onde é usada pelos exporters\n */\nfunction escapeHtml(text: string): string {\n  if (!text) return \"\";\n  return String(text)\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#039;\");\n}\n\n// ============================================================================\n// CÓDIGO ANTIGO REMOVIDO - Agora usamos Registry Pattern\n// ============================================================================\n// Todo o switch gigante de blockToHtmlDirect foi refatorado para exporters\n// modulares em /exporters/. Mantido apenas as linhas abaixo para referência\n// do que foi removido:\n//\n// - ~1200 linhas de código de switch/case\n// - 40+ casos de tipos de blocos\n// - Lógica de renderização HTML inline\n//\n// Agora distribuído em:\n// - /exporters/layout/*.ts (Container, Stack, Grid, Box, Section)\n// - /exporters/content/*.ts (Heading, Text, Image, Button, Link, etc)\n// - /exporters/sections/*.ts (Hero, Navbar, Footer, Marketing sections)\n// - /exporters/forms/*.ts (Form, Input, Textarea, FormSelect)\n// ============================================================================\n\n\nexport interface ExportPageToHtmlOptions {\n  /** Página de referência para layout (navbar + footer). Quando a página atual não é a home, inclui navbar e footer desta página. */\n  layoutFromPage?: SitePage;\n}\n\n/**\n * Exporta uma página para HTML (com cache)\n * @param basePath - Base path para links (ex.: /site ou /site/escola/:slug)\n * @param options - layoutFromPage: quando informado e diferente da página atual, inclui navbar (primeiro bloco navbar) e footer (último bloco) da página de referência\n */\nexport function exportPageToHtml(\n  page: SitePage,\n  document: SiteDocument,\n  useCache: boolean = true,\n  basePath?: string,\n  options?: ExportPageToHtmlOptions,\n): string {\n  const layoutFromPage = options?.layoutFromPage;\n  const docHash = hashDocument(document);\n  const layoutId = layoutFromPage?.id ?? \"\";\n  const cacheKey = `${docHash}-${page.id}-${basePath ?? \"\"}-${layoutId}`;\n\n  // Verificar cache\n  if (useCache && htmlCache.has(cacheKey)) {\n    const cached = htmlCache.get(cacheKey)!;\n    cached.timestamp = Date.now();\n    return cached.html;\n  }\n\n  // Gerar HTML\n  const themeCSS = generateThemeCSSVariables(document.theme);\n  let bodyHtml = page.structure\n    .map((block) => blockToHtmlDirect(block, 0, basePath, document.theme))\n    .join(\"\");\n\n  // Layout compartilhado: em páginas não-home, incluir navbar e footer da página de referência (ex.: home)\n  if (\n    layoutFromPage &&\n    layoutFromPage.id !== page.id &&\n    layoutFromPage.structure?.length\n  ) {\n    const layoutStructure = layoutFromPage.structure;\n    const navbarBlock = layoutStructure.find((b) => b.type === \"navbar\");\n    const navbarHtml = navbarBlock\n      ? blockToHtmlDirect(navbarBlock, 0, basePath, document.theme)\n      : \"\";\n    const footerBlock =\n      layoutStructure.length > 1\n        ? layoutStructure[layoutStructure.length - 1]\n        : null;\n    const footerHtml =\n      footerBlock && footerBlock.type !== \"navbar\"\n        ? blockToHtmlDirect(footerBlock, 0, basePath, document.theme)\n        : \"\";\n    bodyHtml = navbarHtml + bodyHtml + footerHtml;\n  }\n\n  const html = `<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(page.name)}</title>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    html {\n      scroll-behavior: smooth;\n    }\n    body {\n      font-family: var(--sg-font-body, system-ui, -apple-system, sans-serif);\n      line-height: 1.6;\n      color: var(--sg-text, #1f2937);\n    }\n    ${themeCSS}\n\n    /* Landing Page Styles */\n    ${landingPageCSS}\n  </style>\n  <script>\n    // Smooth scroll para âncoras sem reload\n    document.addEventListener('DOMContentLoaded', function() {\n      // Interceptar cliques em links com âncoras\n      document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n        anchor.addEventListener('click', function(e) {\n          const href = this.getAttribute('href');\n\n          // Ignorar # vazio\n          if (!href || href === '#') return;\n\n          // Prevenir comportamento padrão (reload)\n          e.preventDefault();\n\n          // Encontrar o elemento alvo\n          const targetId = href.substring(1); // Remove o #\n          const targetElement = document.getElementById(targetId);\n\n          if (targetElement) {\n            // Scroll suave até o elemento\n            targetElement.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n\n            // Atualizar URL sem reload (para manter histórico de navegação)\n            if (history.pushState) {\n              history.pushState(null, '', href);\n            }\n          }\n        });\n      });\n    });\n  </script>\n</head>\n<body>\n  ${bodyHtml}\n</body>\n</html>`;\n\n  // Armazenar no cache\n  if (useCache) {\n    htmlCache.set(cacheKey, { html, timestamp: Date.now() });\n    cleanCache();\n  }\n\n  return html;\n}\n\n/**\n * Exporta apenas um bloco para HTML (para atualização parcial)\n */\nexport function exportBlockToHtml(\n  block: Block,\n  basePath?: string,\n  theme?: ThemeTokens\n): string {\n  return blockToHtmlDirect(block, 0, basePath, theme);\n}\n\n/**\n * Limpa o cache de HTML\n */\nexport function clearHtmlCache(): void {\n  htmlCache.clear();\n}\n\n/**\n * Exporta documento completo para HTML\n *\n * Nota: Não sanitiza o HTML pois exportPageToHtml() já gera HTML seguro\n * (conteúdo de usuário é escapado via escapeHtml nos exporters).\n * A sanitização anterior (sanitizeHtml) removia o <head> inteiro,\n * perdendo CSS de tema, hover effects e landing page styles.\n */\nexport function exportDocumentToHtml(\n  document: SiteDocument,\n  pageId?: string,\n): string {\n  const page = pageId\n    ? document.pages.find((p) => p.id === pageId)\n    : document.pages[0];\n\n  if (!page) {\n    throw new Error(\"Page not found\");\n  }\n\n  return exportPageToHtml(page, document);\n}\n\n/**\n * Gera manifest de assets (imagens, fontes, etc)\n */\nexport function generateAssetsManifest(\n  document: SiteDocument,\n): Array<{ type: string; url: string }> {\n  const assets: Array<{ type: string; url: string }> = [];\n\n  function extractAssetsFromBlock(block: Block) {\n    if (block.type === \"image\") {\n      const src = (block as any).props.src;\n      if (src) {\n        assets.push({ type: \"image\", url: src });\n      }\n    }\n\n    // Recursivamente extrair de children\n    const children = (block as any).props?.children || [];\n    children.forEach(extractAssetsFromBlock);\n  }\n\n  document.pages.forEach((page) => {\n    page.structure.forEach(extractAssetsFromBlock);\n  });\n\n  return assets;\n}\n"],"names":["landingPageCSS","htmlCache","MAX_CACHE_SIZE","cleanCache","entries","b","key","exportersInitialized","blockToHtmlDirect","block","depth","basePath","theme","initializeExporters","exporter","htmlExportRegistry","escapeHtml","text","exportPageToHtml","page","document","useCache","options","layoutFromPage","docHash","hashDocument","layoutId","cacheKey","cached","themeCSS","generateThemeCSSVariables","bodyHtml","layoutStructure","navbarBlock","navbarHtml","footerBlock","footerHtml","html","exportBlockToHtml","clearHtmlCache","exportDocumentToHtml","pageId","p","generateAssetsManifest","assets","extractAssetsFromBlock","src"],"mappings":";;;;AAcA,MAAMA,IAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}
+{"version":3,"file":"exportHtml.js","sources":["../../../src/engine/export/exportHtml.ts"],"sourcesContent":["/**\n * HTML Exporter\n * Exporta SiteDocument para HTML estático\n */\n\nimport { SiteDocument, SitePage, Block } from \"../schema/siteDocument\";\nimport { generateThemeCSSVariables, ThemeTokens } from \"../schema/themeTokens\";\nimport { hashDocument } from \"../../utils/documentHash\";\nimport { htmlExportRegistry, initializeExporters } from \"./exporters\";\n\n/**\n * Landing Page CSS crítico para navbar e outros componentes\n * Incluído inline para garantir que sempre esteja disponível\n */\nconst landingPageCSS = `\n/* Navbar engine (sg-navbar) - base e variações */\n.sg-navbar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 4.5rem;\n  color: var(--sg-text, #1f2937);\n  position: relative;\n  transition: all 0.2s ease;\n  background-color: var(--navbar-bg, var(--sg-bg, #fff));\n  border-radius: var(--navbar-border-radius, 0);\n  box-shadow: var(--navbar-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.05));\n}\n\n.sg-navbar::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: inherit;\n  opacity: var(--navbar-blur-opacity, 0);\n  border-radius: inherit;\n  z-index: 0;\n  pointer-events: none;\n  backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n  -webkit-backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n}\n\n.sg-navbar--floating {\n  margin: 1rem;\n  max-width: calc(100% - 2rem);\n  border-radius: var(--navbar-border-radius, 12px);\n  box-shadow: var(--navbar-shadow, 0 10px 40px rgba(0, 0, 0, 0.15));\n}\n\n/* Compact mode - 20% smaller height and smaller elements */\n.sg-navbar--compact {\n  height: 3.6rem;\n}\n\n.sg-navbar--compact .sg-navbar__link {\n  font-size: 0.875rem;\n  padding: 0.375rem 0.5rem;\n}\n\n.sg-navbar--compact .sg-navbar__btn {\n  font-size: 0.875rem;\n  padding: 0.375rem 0.875rem;\n}\n\n.sg-navbar__container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  max-width: 1200px;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 0 1rem;\n  position: relative;\n  z-index: 1;\n}\n\n.sg-navbar__brand {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n}\n\n.sg-navbar__brand a {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  text-decoration: none;\n  color: var(--sg-primary, #3b82f6);\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.sg-navbar__brand img {\n  object-fit: contain;\n  object-position: left center;\n}\n\n.sg-navbar__brand-text {\n  color: var(--sg-primary, #3b82f6);\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.sg-navbar__menu {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n}\n\n.sg-navbar__link {\n  color: var(--navbar-link-color, var(--sg-text, #1f2937));\n  font-size: var(--navbar-link-size, 1rem);\n  text-decoration: none;\n  font-weight: 500;\n  transition: color 0.2s ease;\n}\n\n.sg-navbar__link:hover {\n  color: var(--navbar-link-hover-color, var(--sg-primary, #3b82f6));\n}\n\n.sg-navbar__btn {\n  padding: 0.5rem 1rem;\n  font-weight: 500;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.2s ease;\n  border-radius: var(--navbar-btn-radius, 0.5rem);\n}\n\n.sg-navbar__btn--solid {\n  background-color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  color: var(--navbar-btn-text, var(--sg-primary-text, #fff));\n  border: none;\n}\n\n/* Hover effects are now controlled by the hover effects system */\n\n.sg-navbar__btn--outline {\n  background-color: transparent;\n  color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  border: 2px solid var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n}\n\n.sg-navbar__btn--ghost {\n  background-color: transparent;\n  color: var(--navbar-btn-bg, var(--sg-primary, #3b82f6));\n  border: none;\n}\n\n.sg-navbar--classic.sg-navbar--floating {\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sg-border, #e5e7eb);\n}\n\n.sg-navbar--centered.sg-navbar--floating {\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sg-border, #e5e7eb);\n}\n\n.sg-navbar--centered .sg-navbar__container {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n}\n\n.sg-navbar--centered .sg-navbar__brand {\n  justify-self: start;\n}\n\n.sg-navbar--centered .sg-navbar__menu {\n  justify-self: center;\n}\n\n.sg-navbar--centered .sg-navbar__actions {\n  justify-self: end;\n}\n\n/* Dropdown wrapper */\n.sg-navbar__dropdown-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n/* Hover bridge invisível - conecta o botão ao dropdown (16px gap + overlap) */\n.sg-navbar__dropdown-wrapper::before {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: -1rem;\n  right: -1rem;\n  height: 20px;\n  background: transparent;\n}\n\n.sg-navbar__link--has-dropdown {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  padding: 0.5rem 0.75rem;\n  border-radius: 6px;\n  position: relative;\n  text-decoration: none;\n  font-weight: 500;\n  transition: all 0.2s ease;\n}\n\n/* Chevron-down icon (▼) */\n.sg-navbar__link--has-dropdown::after {\n  content: \"\";\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-left: 0.25rem;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid currentColor;\n  transition: transform 0.2s ease;\n}\n\n.sg-navbar__dropdown-wrapper:hover .sg-navbar__link--has-dropdown::after {\n  transform: rotate(180deg);\n}\n\n/* Dropdown container */\n.sg-navbar-dropdown {\n  display: none;\n  opacity: 0;\n  position: absolute;\n  top: calc(100% + 16px); /* Pequeno gap visual abaixo do navbar */\n  left: 0;\n  z-index: 1000;\n  min-width: 200px;\n  padding: 0.5rem 0;\n  transform: translateY(-5px);\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  overflow: visible;\n}\n\n/* Frost layer do dropdown - cobre todo o dropdown */\n.sg-navbar-dropdown::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--dropdown-bg, rgba(255, 255, 255, 0.9));\n  border-radius: var(--dropdown-radius, 25px);\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n  pointer-events: none;\n  z-index: 0;\n  backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n  -webkit-backdrop-filter: blur(var(--navbar-blur-amount, 0px));\n}\n\n/* Dropdown items acima do frost layer */\n.sg-navbar-dropdown > * {\n  position: relative;\n  z-index: 1;\n}\n\n/* Show dropdown on hover/focus with animation */\n.sg-navbar__dropdown-wrapper:hover .sg-navbar-dropdown,\n.sg-navbar__dropdown-wrapper:focus-within .sg-navbar-dropdown {\n  display: block;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Dropdown items */\n.sg-navbar-dropdown__item {\n  display: block;\n  white-space: nowrap;\n}\n\n/* Mobile - dropdowns sempre visíveis no sidebar */\n@media (max-width: 768px) {\n  .sg-navbar-dropdown {\n    position: static;\n    display: block !important;\n    opacity: 1 !important;\n    transform: none !important;\n    min-width: auto;\n    padding-left: 1rem;\n    background: transparent !important;\n    box-shadow: none !important;\n    margin-top: 0.25rem;\n  }\n\n  .sg-navbar__link--has-dropdown::after {\n    content: none;\n  }\n\n  .sg-navbar-dropdown__item {\n    padding: 0.5rem 1.25rem;\n    font-size: 0.9rem;\n  }\n}\n`;\n\n/**\n * Cache de HTML com limite LRU (Last Recently Used)\n * Limite de 50 entradas para evitar memory leak\n */\nconst htmlCache = new Map<string, { html: string; timestamp: number }>();\nconst MAX_CACHE_SIZE = 50;\n\n/**\n * Limpa entradas antigas do cache quando excede o limite\n */\nfunction cleanCache() {\n  if (htmlCache.size <= MAX_CACHE_SIZE) return;\n\n  // Ordenar por timestamp e remover os mais antigos\n  const entries = Array.from(htmlCache.entries()).sort(\n    (a, b) => a[1].timestamp - b[1].timestamp,\n  );\n\n  const toRemove = entries.slice(0, entries.length - MAX_CACHE_SIZE);\n  toRemove.forEach(([key]) => htmlCache.delete(key));\n}\n\n// Inicializar exporters com referência à função de renderização\nlet exportersInitialized = false;\n\n/**\n * Renderiza um bloco diretamente para HTML (sem React)\n * Usa registry pattern para despachar para exporters modulares\n */\nfunction blockToHtmlDirect(\n  block: Block,\n  depth: number = 0,\n  basePath?: string,\n  theme?: ThemeTokens,\n): string {\n  // Inicializar exporters na primeira execução\n  if (!exportersInitialized) {\n    initializeExporters(blockToHtmlDirect);\n    exportersInitialized = true;\n  }\n\n  // Buscar exporter no registry\n  const exporter = htmlExportRegistry.get(block.type);\n\n  if (!exporter) {\n    // Fallback para blocos desconhecidos\n    return `<div data-block-id=\"${block.id}\" style=\"color: red; padding: 1rem; border: 2px dashed red;\">Bloco desconhecido: ${block.type}</div>`;\n  }\n\n  // Executar exporter\n  return exporter(block, depth, basePath, theme);\n}\n\n/**\n * Escapa HTML para prevenir XSS\n * NOTA: Esta função foi mantida aqui por compatibilidade, mas está duplicada\n * em shared/htmlHelpers.ts onde é usada pelos exporters\n */\nfunction escapeHtml(text: string): string {\n  if (!text) return \"\";\n  return String(text)\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#039;\");\n}\n\n// ============================================================================\n// CÓDIGO ANTIGO REMOVIDO - Agora usamos Registry Pattern\n// ============================================================================\n// Todo o switch gigante de blockToHtmlDirect foi refatorado para exporters\n// modulares em /exporters/. Mantido apenas as linhas abaixo para referência\n// do que foi removido:\n//\n// - ~1200 linhas de código de switch/case\n// - 40+ casos de tipos de blocos\n// - Lógica de renderização HTML inline\n//\n// Agora distribuído em:\n// - /exporters/layout/*.ts (Container, Stack, Grid, Box, Section)\n// - /exporters/content/*.ts (Heading, Text, Image, Button, Link, etc)\n// - /exporters/sections/*.ts (Hero, Navbar, Footer, Marketing sections)\n// - /exporters/forms/*.ts (Form, Input, Textarea, FormSelect)\n// ============================================================================\n\n\nexport interface ExportPageToHtmlOptions {\n  /** Página de referência para layout (navbar + footer). Quando a página atual não é a home, inclui navbar e footer desta página. */\n  layoutFromPage?: SitePage;\n}\n\n/**\n * Exporta uma página para HTML (com cache)\n * @param basePath - Base path para links (ex.: /site ou /site/escola/:slug)\n * @param options - layoutFromPage: quando informado e diferente da página atual, inclui navbar (primeiro bloco navbar) e footer (último bloco) da página de referência\n */\nexport function exportPageToHtml(\n  page: SitePage,\n  document: SiteDocument,\n  useCache: boolean = true,\n  basePath?: string,\n  options?: ExportPageToHtmlOptions,\n): string {\n  const layoutFromPage = options?.layoutFromPage;\n  const docHash = hashDocument(document);\n  const layoutId = layoutFromPage?.id ?? \"\";\n  const cacheKey = `${docHash}-${page.id}-${basePath ?? \"\"}-${layoutId}`;\n\n  // Verificar cache\n  if (useCache && htmlCache.has(cacheKey)) {\n    const cached = htmlCache.get(cacheKey)!;\n    cached.timestamp = Date.now();\n    return cached.html;\n  }\n\n  // Gerar HTML\n  const themeCSS = generateThemeCSSVariables(document.theme);\n  let bodyHtml = page.structure\n    .map((block) => blockToHtmlDirect(block, 0, basePath, document.theme))\n    .join(\"\");\n\n  // Layout compartilhado: em páginas não-home, incluir navbar e footer da página de referência (ex.: home)\n  // Pula injeção se a página já possui seu próprio navbar/footer (ex.: páginas de plugin)\n  if (\n    layoutFromPage &&\n    layoutFromPage.id !== page.id &&\n    layoutFromPage.structure?.length\n  ) {\n    const layoutStructure = layoutFromPage.structure;\n\n    const pageHasNavbar = page.structure.some((b) => b.type === \"navbar\");\n    const pageHasFooter = page.structure.some((b) => b.type === \"footer\");\n\n    const navbarBlock = !pageHasNavbar\n      ? layoutStructure.find((b) => b.type === \"navbar\")\n      : null;\n    const navbarHtml = navbarBlock\n      ? blockToHtmlDirect(navbarBlock, 0, basePath, document.theme)\n      : \"\";\n\n    const footerBlock = !pageHasFooter\n      ? layoutStructure.find((b) => b.type === \"footer\")\n      : null;\n    const footerHtml =\n      footerBlock && footerBlock.type !== \"navbar\"\n        ? blockToHtmlDirect(footerBlock, 0, basePath, document.theme)\n        : \"\";\n\n    if (navbarHtml || footerHtml) {\n      bodyHtml = navbarHtml + bodyHtml + footerHtml;\n    }\n  }\n\n  const html = `<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(page.name)}</title>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    html {\n      scroll-behavior: smooth;\n    }\n    body {\n      font-family: var(--sg-font-body, system-ui, -apple-system, sans-serif);\n      line-height: 1.6;\n      color: var(--sg-text, #1f2937);\n    }\n    ${themeCSS}\n\n    /* Landing Page Styles */\n    ${landingPageCSS}\n  </style>\n  <script>\n    // Smooth scroll para âncoras sem reload\n    document.addEventListener('DOMContentLoaded', function() {\n      // Interceptar cliques em links com âncoras\n      document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n        anchor.addEventListener('click', function(e) {\n          const href = this.getAttribute('href');\n\n          // Ignorar # vazio\n          if (!href || href === '#') return;\n\n          // Prevenir comportamento padrão (reload)\n          e.preventDefault();\n\n          // Encontrar o elemento alvo\n          const targetId = href.substring(1); // Remove o #\n          const targetElement = document.getElementById(targetId);\n\n          if (targetElement) {\n            // Scroll suave até o elemento\n            targetElement.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n\n            // Atualizar URL sem reload (para manter histórico de navegação)\n            if (history.pushState) {\n              history.pushState(null, '', href);\n            }\n          }\n        });\n      });\n    });\n  </script>\n</head>\n<body>\n  ${bodyHtml}\n</body>\n</html>`;\n\n  // Armazenar no cache\n  if (useCache) {\n    htmlCache.set(cacheKey, { html, timestamp: Date.now() });\n    cleanCache();\n  }\n\n  return html;\n}\n\n/**\n * Exporta apenas um bloco para HTML (para atualização parcial)\n */\nexport function exportBlockToHtml(\n  block: Block,\n  basePath?: string,\n  theme?: ThemeTokens\n): string {\n  return blockToHtmlDirect(block, 0, basePath, theme);\n}\n\n/**\n * Limpa o cache de HTML\n */\nexport function clearHtmlCache(): void {\n  htmlCache.clear();\n}\n\n/**\n * Exporta documento completo para HTML\n *\n * Nota: Não sanitiza o HTML pois exportPageToHtml() já gera HTML seguro\n * (conteúdo de usuário é escapado via escapeHtml nos exporters).\n * A sanitização anterior (sanitizeHtml) removia o <head> inteiro,\n * perdendo CSS de tema, hover effects e landing page styles.\n */\nexport function exportDocumentToHtml(\n  document: SiteDocument,\n  pageId?: string,\n): string {\n  const page = pageId\n    ? document.pages.find((p) => p.id === pageId)\n    : document.pages[0];\n\n  if (!page) {\n    throw new Error(\"Page not found\");\n  }\n\n  return exportPageToHtml(page, document);\n}\n\n/**\n * Gera manifest de assets (imagens, fontes, etc)\n */\nexport function generateAssetsManifest(\n  document: SiteDocument,\n): Array<{ type: string; url: string }> {\n  const assets: Array<{ type: string; url: string }> = [];\n\n  function extractAssetsFromBlock(block: Block) {\n    if (block.type === \"image\") {\n      const src = (block as any).props.src;\n      if (src) {\n        assets.push({ type: \"image\", url: src });\n      }\n    }\n\n    // Recursivamente extrair de children\n    const children = (block as any).props?.children || [];\n    children.forEach(extractAssetsFromBlock);\n  }\n\n  document.pages.forEach((page) => {\n    page.structure.forEach(extractAssetsFromBlock);\n  });\n\n  return assets;\n}\n"],"names":["landingPageCSS","htmlCache","MAX_CACHE_SIZE","cleanCache","entries","a","b","key","exportersInitialized","blockToHtmlDirect","block","depth","basePath","theme","initializeExporters","exporter","htmlExportRegistry","escapeHtml","text","exportPageToHtml","page","document","useCache","options","layoutFromPage","docHash","hashDocument","layoutId","cacheKey","cached","themeCSS","generateThemeCSSVariables","bodyHtml","layoutStructure","pageHasNavbar","pageHasFooter","navbarBlock","navbarHtml","footerBlock","footerHtml","html","exportBlockToHtml","clearHtmlCache","exportDocumentToHtml","pageId","p","generateAssetsManifest","assets","extractAssetsFromBlock","src"],"mappings":";;;;AAcA,MAAMA,IAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}

package/dist/engine/export/exporters/sections/BlogPostExporters.d.ts

@@ -0,0 +1,6 @@
+import { Block } from '../../../schema/siteDocument';
+import { ThemeTokens } from '../../../schema/themeTokens';
+export declare function exportBlogPostCard(block: Block, depth: number, basePath?: string, theme?: ThemeTokens): string;
+export declare function exportBlogPostGrid(block: Block, depth: number, basePath?: string, theme?: ThemeTokens, renderChild?: (block: Block, _depth: number, basePath?: string, theme?: ThemeTokens) => string): string;
+export declare function exportBlogPostDetail(block: Block, depth: number, basePath?: string, theme?: ThemeTokens): string;
+//# sourceMappingURL=BlogPostExporters.d.ts.map

package/dist/engine/export/exporters/sections/BlogPostExporters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostExporters.d.ts","sourceRoot":"","sources":["../../../../../src/engine/export/exporters/sections/BlogPostExporters.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAY1D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAgGR;AAMD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,EACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,KAAK,MAAM,GAC7F,MAAM,CAoDR;AAMD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,MAAM,CAyER"}