@brunoalz/smartgesti-site-editor 0.2.2 → 1.1.0

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 interface LeftPanelProps {
     currentPage: any;
     selectedBlockId: string | null;
@@ -5,6 +6,6 @@ interface LeftPanelProps {
     onSelectBlock: (id: string | null) => void;
     onDeleteBlock: (id: string) => void;
 }
-export declare function LeftPanel({ currentPage, selectedBlockId, isPaletteSelected, onSelectBlock, onDeleteBlock, }: LeftPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare const LeftPanel: React.NamedExoticComponent<LeftPanelProps>;
 export {};
 //# sourceMappingURL=LeftPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LeftPanel.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,aAAa,GACd,EAAE,cAAc,2CAgChB"}
+{"version":3,"file":"LeftPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LeftPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,cAAc;IACtB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,4CAsCpB,CAAC"}

package/dist/editor/components/LeftPanel.js

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn.js";
-import { BlockSelector as n } from "../BlockSelector.js";
-function b({
+import s from "react";
+import { cn as n } from "../../utils/cn.js";
+import { BlockSelector as f } from "../BlockSelector.js";
+const h = s.memo(function({
   currentPage: e,
-  selectedBlockId: l,
-  isPaletteSelected: o,
+  selectedBlockId: a,
+  isPaletteSelected: l,
   onSelectBlock: t,
   onDeleteBlock: d
 }) {
@@ -13,25 +14,25 @@ function b({
       "button",
       {
         onClick: () => t("palette-selector"),
-        className: s(
+        className: n(
           "w-full px-2 py-1.5 text-xs font-medium rounded transition-all",
-          o ? "bg-blue-500 text-white" : "bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-600"
+          l ? "bg-blue-500 text-white" : "bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-600"
         ),
         children: "🎨 Paletas de Cores"
       }
     ) }),
     e && /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-hidden min-h-0", children: /* @__PURE__ */ r(
-      n,
+      f,
       {
-        structure: e.structure?.filter((a) => a?.id && a?.type) || [],
-        selectedBlockId: l,
+        structure: e.structure?.filter((o) => o?.id && o?.type) || [],
+        selectedBlockId: a,
         onSelectBlock: t,
         onDeleteBlock: d
       }
     ) })
   ] });
-}
+});
 export {
-  b as LeftPanel
+  h as LeftPanel
 };
 //# sourceMappingURL=LeftPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","sources":["../../../src/editor/components/LeftPanel.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { BlockSelector } from \"../BlockSelector\";\n\ninterface LeftPanelProps {\n  currentPage: any;\n  selectedBlockId: string | null;\n  isPaletteSelected: boolean;\n  onSelectBlock: (id: string | null) => void;\n  onDeleteBlock: (id: string) => void;\n}\n\nexport function LeftPanel({\n  currentPage,\n  selectedBlockId,\n  isPaletteSelected,\n  onSelectBlock,\n  onDeleteBlock,\n}: LeftPanelProps) {\n  return (\n    <div className=\"w-64 flex-shrink-0 border-r border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col\">\n      {/* Paletas de Cores */}\n      <div className=\"flex-shrink-0 p-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50\">\n        <button\n          onClick={() => onSelectBlock(\"palette-selector\")}\n          className={cn(\n            \"w-full px-2 py-1.5 text-xs font-medium rounded transition-all\",\n            isPaletteSelected\n              ? \"bg-blue-500 text-white\"\n              : \"bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-600\",\n          )}\n        >\n          🎨 Paletas de Cores\n        </button>\n      </div>\n      {/* Lista de blocos da página atual */}\n      {currentPage && (\n        <div className=\"flex-1 flex flex-col overflow-hidden min-h-0\">\n          <BlockSelector\n            structure={\n              currentPage.structure?.filter((b: any) => b?.id && b?.type) || []\n            }\n            selectedBlockId={selectedBlockId}\n            onSelectBlock={onSelectBlock}\n            onDeleteBlock={onDeleteBlock}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["LeftPanel","currentPage","selectedBlockId","isPaletteSelected","onSelectBlock","onDeleteBlock","jsxs","jsx","cn","BlockSelector","b"],"mappings":";;;AAWO,SAASA,EAAU;AAAA,EACxB,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,GAAmB;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,kGAEb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kGACb,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMH,EAAc,kBAAkB;AAAA,QAC/C,WAAWI;AAAA,UACT;AAAA,UACAL,IACI,2BACA;AAAA,QAAA;AAAA,QAEP,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IAECF,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WACER,EAAY,WAAW,OAAO,CAACS,MAAWA,GAAG,MAAMA,GAAG,IAAI,KAAK,CAAA;AAAA,QAEjE,iBAAAR;AAAA,QACA,eAAAE;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"LeftPanel.js","sources":["../../../src/editor/components/LeftPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { BlockSelector } from \"../BlockSelector\";\n\ninterface LeftPanelProps {\n  currentPage: any;\n  selectedBlockId: string | null;\n  isPaletteSelected: boolean;\n  onSelectBlock: (id: string | null) => void;\n  onDeleteBlock: (id: string) => void;\n}\n\nexport const LeftPanel = React.memo(function LeftPanel({\n  currentPage,\n  selectedBlockId,\n  isPaletteSelected,\n  onSelectBlock,\n  onDeleteBlock,\n}: LeftPanelProps) {\n  return (\n    <div className=\"w-64 flex-shrink-0 border-r border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col\">\n      {/* Paletas de Cores */}\n      <div className=\"flex-shrink-0 p-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50\">\n        <button\n          onClick={() => onSelectBlock(\"palette-selector\")}\n          className={cn(\n            \"w-full px-2 py-1.5 text-xs font-medium rounded transition-all\",\n            isPaletteSelected\n              ? \"bg-blue-500 text-white\"\n              : \"bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-600\",\n          )}\n        >\n          🎨 Paletas de Cores\n        </button>\n      </div>\n      {/* Lista de blocos da página atual */}\n      {currentPage && (\n        <div className=\"flex-1 flex flex-col overflow-hidden min-h-0\">\n          <BlockSelector\n            structure={\n              currentPage.structure?.filter((b: any) => b?.id && b?.type) || []\n            }\n            selectedBlockId={selectedBlockId}\n            onSelectBlock={onSelectBlock}\n            onDeleteBlock={onDeleteBlock}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["LeftPanel","React","currentPage","selectedBlockId","isPaletteSelected","onSelectBlock","onDeleteBlock","jsxs","jsx","cn","BlockSelector","b"],"mappings":";;;;AAYO,MAAMA,IAAYC,EAAM,KAAK,SAAmB;AAAA,EACrD,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,GAAmB;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,kGAEb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kGACb,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMH,EAAc,kBAAkB;AAAA,QAC/C,WAAWI;AAAA,UACT;AAAA,UACAL,IACI,2BACA;AAAA,QAAA;AAAA,QAEP,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IAECF,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WACER,EAAY,WAAW,OAAO,CAACS,MAAWA,GAAG,MAAMA,GAAG,IAAI,KAAK,CAAA;AAAA,QAEjE,iBAAAR;AAAA,QACA,eAAAE;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wBAAgB,cAAc,4CA8B7B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/editor/components/LoadingSpinner.tsx"],"sourcesContent":["/**\n * Loading Spinner\n * Componente de loading usado em Suspense boundaries\n */\n\nexport function LoadingSpinner() {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: \"100%\",\n        height: \"100%\",\n        minHeight: \"200px\",\n      }}\n    >\n      <div\n        style={{\n          width: \"40px\",\n          height: \"40px\",\n          border: \"4px solid #f3f4f6\",\n          borderTop: \"4px solid #3b82f6\",\n          borderRadius: \"50%\",\n          animation: \"spin 1s linear infinite\",\n        }}\n      />\n      <style>{`\n        @keyframes spin {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n      `}</style>\n    </div>\n  );\n}\n"],"names":["LoadingSpinner","jsxs","jsx"],"mappings":";AAKO,SAASA,IAAiB;AAC/B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,0BAED,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAKN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGR;"}

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

@@ -1,11 +1,17 @@
-import { UploadConfig } from '../LandingPageEditorV2';
+import { default as React } from 'react';
+import { UploadConfig } from '../LandingPageEditor';
+import { SiteDocument } from '../../engine';
 interface RightPanelProps {
     isPaletteSelected: boolean;
     selectedBlock: any;
     onPaletteChange: (palette: any) => void;
     onUpdateBlock: (updates: Record<string, any>) => void;
     uploadConfig?: UploadConfig;
+    document?: SiteDocument;
+    currentPageId?: string;
+    /** When set, the matching property group opens and scrolls into view */
+    focusedGroup?: string | null;
 }
-export declare function RightPanel({ isPaletteSelected, selectedBlock, onPaletteChange, onUpdateBlock, uploadConfig, }: RightPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare const RightPanel: React.NamedExoticComponent<RightPanelProps>;
 export {};
 //# sourceMappingURL=RightPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RightPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAU3D,UAAU,eAAe;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,GACb,EAAE,eAAe,2CA8BjB"}
+{"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../../src/editor/components/RightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAUjD,UAAU,eAAe;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,6CA0CrB,CAAC"}

package/dist/editor/components/RightPanel.js

@@ -1,37 +1,42 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { lazy as o, Suspense as n } from "react";
-import { LoadingSpinner as c } from "../../components/LoadingSpinner.js";
-const s = 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 }))
-), m = o(
+), g = o(
   () => import("../PaletteSelector.js").then((r) => ({ default: r.PaletteSelector }))
-);
-function x({
-  isPaletteSelected: r,
+), v = f.memo(function({
+  isPaletteSelected: a,
   selectedBlock: t,
-  onPaletteChange: a,
-  onUpdateBlock: l,
-  uploadConfig: d
+  onPaletteChange: l,
+  onUpdateBlock: d,
+  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(n, { fallback: /* @__PURE__ */ e(c, {}), children: r ? /* @__PURE__ */ i("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(
-      m,
+      g,
       {
         selectedPalette: void 0,
-        onPaletteChange: a
+        onPaletteChange: l
       }
     )
   ] }) : t ? /* @__PURE__ */ e("div", { className: "overflow-y-auto overflow-x-hidden flex-1", children: /* @__PURE__ */ e(
-    s,
+    x,
     {
       block: t,
-      onUpdate: l,
-      uploadConfig: d
+      document: n,
+      currentPageId: c,
+      onUpdate: d,
+      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 {
-  x 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 { lazy, Suspense } from \"react\";\nimport { LoadingSpinner } from \"../../components/LoadingSpinner\";\nimport type { UploadConfig } from \"../LandingPageEditorV2\";\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 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","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;AAUO,SAASE,EAAW;AAAA,EACzB,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,MAACP;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,iBAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IACED,IACF,gBAAAI,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,OAAOM;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;"}
+{"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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 interface ToolbarProps {
     history: any;
     isSaving: boolean;
@@ -6,7 +7,10 @@ interface ToolbarProps {
     onSave: () => void;
     onPublish?: () => void;
     onReset: () => void;
+    /** Mostrar hover/seleção visual no preview */
+    showSelectionOverlay?: boolean;
+    onToggleSelectionOverlay?: () => void;
 }
-export declare function Toolbar({ history, isSaving, onUndo, onRedo, onSave, onPublish, onReset, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: React.NamedExoticComponent<ToolbarProps>;
 export {};
 //# sourceMappingURL=Toolbar.d.ts.map

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":"AAIA,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,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,YAAY,2CAgEd"}
+{"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,94 +1,110 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../../utils/cn.js";
-import m from "../../node_modules/lucide-react/dist/esm/icons/undo.js";
-import b from "../../node_modules/lucide-react/dist/esm/icons/redo.js";
-import p from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.js";
-import h from "../../node_modules/lucide-react/dist/esm/icons/save.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/eye.js";
+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: a,
-  disabled: r,
-  title: o,
+  onClick: s,
+  disabled: t,
+  title: r,
   icon: d
 }) {
   return /* @__PURE__ */ e(
     "button",
     {
-      onClick: a,
-      disabled: r,
-      className: i(
+      onClick: s,
+      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",
         "disabled:opacity-40 disabled:cursor-not-allowed",
         "flex items-center justify-center"
       ),
-      title: o,
+      title: r,
       children: d
     }
   );
 }
-function N({
-  history: a,
+const R = u.memo(function({
+  history: t,
   isSaving: r,
-  onUndo: o,
-  onRedo: d,
-  onSave: n,
-  onPublish: s,
-  onReset: c
+  onUndo: d,
+  onRedo: c,
+  onSave: b,
+  onPublish: n,
+  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(
         l,
         {
-          onClick: o,
-          disabled: !a.canUndo(),
+          onClick: d,
+          disabled: !t.canUndo(),
           title: "Desfazer",
-          icon: /* @__PURE__ */ e(m, { className: "w-4 h-4" })
+          icon: /* @__PURE__ */ e(x, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ e(
         l,
         {
-          onClick: d,
-          disabled: !a.canRedo(),
+          onClick: c,
+          disabled: !t.canRedo(),
           title: "Refazer",
-          icon: /* @__PURE__ */ e(b, { className: "w-4 h-4" })
+          icon: /* @__PURE__ */ e(h, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ e(
         l,
         {
-          onClick: c,
+          onClick: m,
           title: "Resetar Template",
           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: n,
+          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: i(
+          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(h, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e(k, { className: "w-3.5 h-3.5" }),
             r ? "Salvando..." : "Salvar"
           ]
         }
       ),
-      s && /* @__PURE__ */ t(
+      n && /* @__PURE__ */ a(
         "button",
         {
-          onClick: s,
+          onClick: n,
           disabled: r,
-          className: i(
+          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",
@@ -96,15 +112,15 @@ function N({
             "flex items-center gap-1.5 hover:scale-[1.02] active:scale-[0.98]"
           ),
           children: [
-            /* @__PURE__ */ e(u, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e(y, { className: "w-3.5 h-3.5" }),
             "Publicar"
           ]
         }
       )
     ] })
   ] });
-}
+});
 export {
-  N 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 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","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,SAASG,EAAQ;AAAA,EACtB,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,gBAAAV,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,0BAEzE;AAAA,IAEA,gBAAAU,EAAC,OAAA,EAAI,WAAU,2BAEb,UAAA;AAAA,MAAA,gBAAAV;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASU;AAAA,UACT,UAAU,CAACF,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAH,EAACW,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC,gBAAAX;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASW;AAAA,UACT,UAAU,CAACH,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAH,EAACY,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlC,gBAAAZ;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASc;AAAA,UACT,OAAM;AAAA,UACN,MAAM,gBAAAT,EAACa,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIvC,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASH;AAAA,UACT,UAAUH;AAAA,UACV,WAAWH;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACc,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,WAAWH;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACe,GAAA,EAAI,WAAU,cAAA,CAAc;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjC,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"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":";;;;AAwBA,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;AAAA,EACA,sBAAAC;AAAA,EACA,0BAAAC;AACF,GAAiB;AACf,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4JACb,UAAA;AAAA,IAAA,gBAAAb,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,0BAEzE;AAAA,IAEA,gBAAAa,EAAC,OAAA,EAAI,WAAU,2BAEb,UAAA;AAAA,MAAA,gBAAAb;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASW;AAAA,UACT,UAAU,CAACF,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAJ,EAACc,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC,gBAAAd;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASY;AAAA,UACT,UAAU,CAACH,EAAQ,QAAA;AAAA,UACnB,OAAM;AAAA,UACN,MAAM,gBAAAJ,EAACe,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlC,gBAAAf;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,SAASe;AAAA,UACT,OAAM;AAAA,UACN,MAAM,gBAAAV,EAACgB,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIvC,gBAAAhB,EAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAG7DY,KACC,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASD;AAAA,UACT,WAAWX;AAAA,YACT;AAAA,YACA;AAAA,YACAU,IACI,iHACA;AAAA,UAAA;AAAA,UAEN,OAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAX,EAACiB,GAAA,EAAc,WAAU,cAAA,CAAc;AAAA,YACvC,gBAAAjB,EAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,UAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAK9C,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,UAAUH;AAAA,UACV,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACkB,GAAA,EAAK,WAAU,cAAA,CAAc;AAAA,YAC7Bb,IAAW,gBAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7BI,KACC,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASJ;AAAA,UACT,UAAUJ;AAAA,UACV,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAD,EAACmB,GAAA,EAAI,WAAU,cAAA,CAAc;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjC,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { SiteDocumentV2, SitePage, Block } from '../schema/siteDocument';
+import { SiteDocument, SitePage, Block } from '../schema/siteDocument';
 import { ThemeTokens } from '../schema/themeTokens';
 export interface ExportPageToHtmlOptions {
     /** 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. */
@@ -9,7 +9,7 @@ export interface ExportPageToHtmlOptions {
  * @param basePath - Base path para links (ex.: /site ou /site/escola/:slug)
  * @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
  */
-export declare function exportPageToHtml(page: SitePage, document: SiteDocumentV2, useCache?: boolean, basePath?: string, options?: ExportPageToHtmlOptions): string;
+export declare function exportPageToHtml(page: SitePage, document: SiteDocument, useCache?: boolean, basePath?: string, options?: ExportPageToHtmlOptions): string;
 /**
  * Exporta apenas um bloco para HTML (para atualização parcial)
  */
@@ -19,13 +19,18 @@ export declare function exportBlockToHtml(block: Block, basePath?: string, theme
  */
 export declare function clearHtmlCache(): void;
 /**
- * Exporta documento completo para HTML (sanitizado)
+ * Exporta documento completo para HTML
+ *
+ * Nota: Não sanitiza o HTML pois exportPageToHtml() já gera HTML seguro
+ * (conteúdo de usuário é escapado via escapeHtml nos exporters).
+ * A sanitização anterior (sanitizeHtml) removia o <head> inteiro,
+ * perdendo CSS de tema, hover effects e landing page styles.
  */
-export declare function exportDocumentToHtml(document: SiteDocumentV2, pageId?: string): string;
+export declare function exportDocumentToHtml(document: SiteDocument, pageId?: string): string;
 /**
  * Gera manifest de assets (imagens, fontes, etc)
  */
-export declare function generateAssetsManifest(document: SiteDocumentV2): Array<{
+export declare function generateAssetsManifest(document: SiteDocument): Array<{
     type: string;
     url: string;
 }>;

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,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAA6B,WAAW,EAAE,MAAM,uBAAuB,CAAC;AA6Y/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,cAAc,EACxB,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;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,cAAc,EACxB,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAWR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,cAAc,GACvB,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,9 +1,8 @@
-import { generateThemeCSSVariables as _ } from "../schema/themeTokens.js";
-import { sanitizeHtml as k } from "./sanitizeHtml.js";
-import { hashDocument as z } from "../../utils/documentHash.js";
-import { initializeExporters as E } from "./exporters/index.js";
-import { htmlExportRegistry as S } from "./exporters/HtmlExporter.js";
-const H = `
+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;
@@ -302,41 +301,41 @@ const H = `
     font-size: 0.9rem;
   }
 }
-`, s = /* @__PURE__ */ new Map(), m = 50;
-function C() {
-  if (s.size <= m) return;
+`, 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(([t]) => s.delete(t));
+  r.slice(0, r.length - h).forEach(([t]) => s.delete(t));
 }
-let v = !1;
-function d(r, e = 0, t, a) {
-  v || (E(d), v = !0);
-  const i = S.get(r.type);
-  return i ? i(r, e, t, a) : `<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 D(r) {
+function j(r) {
   return r ? String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
 }
-function j(r, e, t = !0, a, i) {
-  const o = i?.layoutFromPage, f = z(e), h = o?.id ?? "", l = `${f}-${r.id}-${a ?? ""}-${h}`;
-  if (t && s.has(l)) {
-    const n = s.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, a, 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, a, e.theme) : "", c = n.length > 1 ? n[n.length - 1] : null, x = c && c.type !== "navbar" ? d(c, 0, a, 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>${D(r.name)}</title>
+  <title>${j(r.name)}</title>
   <style>
     * {
       margin: 0;
@@ -351,10 +350,10 @@ function j(r, e, t = !0, a, i) {
       line-height: 1.6;
       color: var(--sg-text, #1f2937);
     }
-    ${u}
+    ${x}
 
     /* Landing Page Styles */
-    ${H}
+    ${C}
   </style>
   <script>
     // Smooth scroll para âncoras sem reload
@@ -395,20 +394,19 @@ function j(r, e, t = !0, a, i) {
   ${p}
 </body>
 </html>`;
-  return t && (s.set(l, { html: b, timestamp: Date.now() }), C()), b;
+  return t && (s.set(c, { html: g, timestamp: Date.now() }), D()), g;
 }
-function P(r, e, t) {
-  return d(r, 0, e, t);
+function F(r, e, t) {
+  return l(r, 0, e, t);
 }
-function R() {
+function P() {
   s.clear();
 }
-function F(r, e) {
-  const t = e ? r.pages.find((i) => i.id === e) : r.pages[0];
+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");
-  const a = j(t, r);
-  return k(a);
+  return $(t, r);
 }
 function L(r) {
   const e = [];
@@ -424,10 +422,10 @@ function L(r) {
   }), e;
 }
 export {
-  R as clearHtmlCache,
-  P as exportBlockToHtml,
-  F as exportDocumentToHtml,
-  j as exportPageToHtml,
+  P as clearHtmlCache,
+  F as exportBlockToHtml,
+  R as exportDocumentToHtml,
+  $ as exportPageToHtml,
   L as generateAssetsManifest
 };
 //# sourceMappingURL=exportHtml.js.map