@brunoalz/smartgesti-site-editor 0.1.1 → 0.1.3

package/dist/editor/LandingPageEditorV2.js

@@ -1,12 +1,12 @@
 import { jsx as m, jsxs as C } from "react/jsx-runtime";
-import { useState as T, useCallback as H, useEffect as B } from "react";
-import { TemplatePicker as J } from "./TemplatePicker.js";
-import { Toolbar as O } from "./components/Toolbar.js";
-import { LeftPanel as Q } from "./components/LeftPanel.js";
-import { CenterPanel as X } from "./components/CenterPanel.js";
-import { RightPanel as Y } from "./components/RightPanel.js";
-import { useEditorState as Z } from "../hooks/useEditorState.js";
-import { useKeyboardShortcuts as _ } from "../hooks/useKeyboardShortcuts.js";
+import { useState as T, useCallback as J, useEffect as B } from "react";
+import { TemplatePicker as O } from "./TemplatePicker.js";
+import { Toolbar as Q } from "./components/Toolbar.js";
+import { LeftPanel as X } from "./components/LeftPanel.js";
+import { CenterPanel as Y } from "./components/CenterPanel.js";
+import { RightPanel as Z } from "./components/RightPanel.js";
+import { useEditorState as _ } from "../hooks/useEditorState.js";
+import { useKeyboardShortcuts as $ } from "../hooks/useKeyboardShortcuts.js";
 import "../engine/schema/themeTokens.js";
 import "../engine/registry/blocks/layout/container.js";
 import "../engine/registry/blocks/layout/stack.js";
@@ -62,46 +62,47 @@ import "../engine/export/exporters/layout/index.js";
 import "../engine/export/exporters/content/index.js";
 import "../engine/export/exporters/sections/index.js";
 import "../engine/export/exporters/forms/index.js";
-import { PatchBuilder as $ } from "../engine/patch/PatchBuilder.js";
+import { PatchBuilder as oo } from "../engine/patch/PatchBuilder.js";
 import "../engine/theme/defaultTheme.js";
 import { getTemplate as w } from "../shared/templates/index.js";
 import { sharedTemplateToEngineDocument as L } from "../utils/sharedTemplateToEngine.js";
-import { findBlockInStructure as oo } from "../utils/blockUtils.js";
+import { findBlockInStructure as ro } from "../utils/blockUtils.js";
 import { isLightColor as D } from "../utils/colorUtils.js";
-function vr({
+function yr({
   initialData: E,
   defaultTemplateId: d,
   onSave: u,
-  onPublish: f
+  onPublish: f,
+  uploadConfig: R
 }) {
   const {
     document: r,
-    currentPageId: R,
+    currentPageId: U,
     currentPage: g,
     selectedBlockId: c,
-    selectedBlock: U,
-    history: I,
+    selectedBlock: I,
+    history: N,
     setCurrentPageId: s,
-    addPage: N,
-    removePage: j,
-    canRemovePage: A,
+    addPage: j,
+    removePage: A,
+    canRemovePage: K,
     setSelectedBlockId: a,
     handleUndo: k,
     handleRedo: v,
     handleDeleteBlock: y,
-    handleUpdateBlock: K,
-    applyChange: M,
-    resetToTemplate: V,
+    handleUpdateBlock: M,
+    applyChange: V,
+    resetToTemplate: W,
     isPaletteSelected: P,
     loadDocument: h
-  } = Z({ initialData: E }), [W, p] = T(!1), [x, q] = T(
+  } = _({ initialData: E }), [q, p] = T(!1), [x, z] = T(
     null
-  ), b = H(
+  ), b = J(
     (o) => {
       const e = w(o);
       if (!e) return;
       const t = L(e);
-      h(t), q(o);
+      h(t), z(o);
     },
     [h]
   );
@@ -119,7 +120,7 @@ function vr({
         p(!1);
       }
     }
-  }, z = async () => {
+  }, F = async () => {
     if (!(!r || !f)) {
       p(!0);
       try {
@@ -130,9 +131,9 @@ function vr({
         p(!1);
       }
     }
-  }, F = (o) => {
+  }, G = (o) => {
     if (!r) return;
-    const e = D(o.background ?? "#ffffff"), t = D(o.primary ?? "#3b82f6"), l = e ? "#6b7280" : "#9ca3af", n = t ? "#1f2937" : "#ffffff", i = $.updateTheme(r, {
+    const e = D(o.background ?? "#ffffff"), t = D(o.primary ?? "#3b82f6"), l = e ? "#6b7280" : "#9ca3af", n = t ? "#1f2937" : "#ffffff", i = oo.updateTheme(r, {
       colors: {
         ...r.theme.colors,
         primary: o.primary,
@@ -149,9 +150,9 @@ function vr({
         // Links do menu navbar
       }
     });
-    M(i, "Update color palette");
+    V(i, "Update color palette");
   };
-  return _({
+  return $({
     onUndo: k,
     onRedo: v,
     onSave: S,
@@ -166,14 +167,14 @@ function vr({
       if (!r) return;
       const l = t.match(/^(?:\/site)?\/p\/([^#?]+)/);
       if (l) {
-        const n = l[1], i = r.pages.find((G) => G.slug === n);
+        const n = l[1], i = r.pages.find((H) => H.slug === n);
         i && s(i.id);
         return;
       }
       if (t.startsWith("#")) {
         const n = t.slice(1);
         for (const i of r.pages)
-          if (oo(i.structure || [], n)) {
+          if (ro(i.structure || [], n)) {
             s(i.id), a(n);
             break;
           }
@@ -182,23 +183,23 @@ function vr({
     return window.addEventListener("message", o), () => window.removeEventListener("message", o);
   }, [r, s, a]), r ? /* @__PURE__ */ C("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: [
     /* @__PURE__ */ m(
-      O,
+      Q,
       {
-        history: I,
-        isSaving: W,
+        history: N,
+        isSaving: q,
         onUndo: k,
         onRedo: v,
         onSave: S,
-        onPublish: f ? z : void 0,
+        onPublish: f ? F : void 0,
         onReset: x ? () => {
           const o = w(x);
           o && h(L(o));
-        } : V
+        } : W
       }
     ),
     /* @__PURE__ */ C("div", { className: "flex-1 flex overflow-hidden min-h-0 max-h-full", children: [
       /* @__PURE__ */ m(
-        Q,
+        X,
         {
           currentPage: g,
           selectedBlockId: c,
@@ -208,10 +209,10 @@ function vr({
         }
       ),
       /* @__PURE__ */ m(
-        X,
+        Y,
         {
           document: r,
-          currentPageId: R,
+          currentPageId: U,
           currentPage: g,
           selectedBlockId: c,
           onBlockClick: a,
@@ -220,25 +221,26 @@ function vr({
             const o = prompt("Nome da página:");
             if (!o) return;
             const e = o.toLowerCase().replace(/\s+/g, "-");
-            N(e, o, e);
+            j(e, o, e);
           },
-          onRemovePage: j,
-          canRemovePage: A
+          onRemovePage: A,
+          canRemovePage: K
         }
       ),
       /* @__PURE__ */ m(
-        Y,
+        Z,
         {
           isPaletteSelected: P,
-          selectedBlock: U,
-          onPaletteChange: F,
-          onUpdateBlock: K
+          selectedBlock: I,
+          onPaletteChange: G,
+          onUpdateBlock: M,
+          uploadConfig: R
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ m("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ m(J, { onSelectTemplate: b }) });
+  ] }) : /* @__PURE__ */ m("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ m(O, { onSelectTemplate: b }) });
 }
 export {
-  vr as LandingPageEditorV2
+  yr as LandingPageEditorV2
 };
 //# sourceMappingURL=LandingPageEditorV2.js.map

package/dist/editor/LandingPageEditorV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LandingPageEditorV2.js","sources":["../../src/editor/LandingPageEditorV2.tsx"],"sourcesContent":["/**\n * Landing Page Editor V2 - Refatorado\n * Editor de landing pages usando engine V2\n */\n\nimport { useState, useCallback, useEffect, lazy, Suspense } from \"react\";\nimport { TemplatePicker } from \"./TemplatePicker\";\nimport { Toolbar, LeftPanel, CenterPanel, RightPanel } from \"./components\";\nimport { useEditorState } from \"../hooks/useEditorState\";\nimport { useKeyboardShortcuts } from \"../hooks/useKeyboardShortcuts\";\nimport { LoadingSpinner } from \"../components/LoadingSpinner\";\nimport { SiteDocumentV2, PatchBuilder } from \"../engine\";\nimport { getTemplate } from \"../shared/templates\";\nimport type { TemplateId } from \"../shared/templates\";\nimport { sharedTemplateToEngineDocument } from \"../utils/sharedTemplateToEngine\";\nimport { findBlockInStructure } from \"../utils/blockUtils\";\nimport { isLightColor } from \"../utils/colorUtils\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface LandingPageEditorV2Props {\n  initialData?: SiteDocumentV2;\n  /** ID do template a carregar quando não houver initialData (ex.: \"escola-edvi\") */\n  defaultTemplateId?: TemplateId;\n  onSave?: (data: SiteDocumentV2) => Promise<void>;\n  onPublish?: (data: SiteDocumentV2) => Promise<void>;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LandingPageEditorV2({\n  initialData,\n  defaultTemplateId,\n  onSave,\n  onPublish,\n}: LandingPageEditorV2Props) {\n  // Hook de estado do editor (edição por páginas; sem navegação)\n  const {\n    document,\n    currentPageId,\n    currentPage,\n    selectedBlockId,\n    selectedBlock,\n    history,\n    setCurrentPageId,\n    addPage,\n    removePage,\n    canRemovePage,\n    setSelectedBlockId,\n    handleUndo,\n    handleRedo,\n    handleDeleteBlock,\n    handleUpdateBlock,\n    applyChange,\n    resetToTemplate,\n    isPaletteSelected,\n    loadDocument,\n  } = useEditorState({ initialData });\n\n  // Estado local da UI\n  const [isSaving, setIsSaving] = useState(false);\n  const [currentTemplateId, setCurrentTemplateId] = useState<TemplateId | null>(\n    null,\n  );\n\n  // Carregar template escolhido (converter shared → engine e carregar no editor)\n  const handleSelectTemplate = useCallback(\n    (templateId: TemplateId) => {\n      const sharedDoc = getTemplate(templateId);\n      if (!sharedDoc) return;\n      const engineDoc = sharedTemplateToEngineDocument(sharedDoc);\n      loadDocument(engineDoc);\n      setCurrentTemplateId(templateId);\n    },\n    [loadDocument],\n  );\n\n  // Ao montar sem documento: carregar defaultTemplateId se informado\n  useEffect(() => {\n    if (!document && defaultTemplateId) {\n      handleSelectTemplate(defaultTemplateId);\n    }\n  }, [defaultTemplateId]); // eslint-disable-line react-hooks/exhaustive-deps -- carregar só uma vez quando defaultTemplateId existe\n\n  // Handlers de save/publish\n  const handleSave = async () => {\n    if (!document || !onSave) return;\n    setIsSaving(true);\n    try {\n      await onSave(document);\n    } catch (error) {\n      console.error(\"Error saving:\", error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handlePublish = async () => {\n    if (!document || !onPublish) return;\n    setIsSaving(true);\n    try {\n      await onPublish(document);\n    } catch (error) {\n      console.error(\"Error publishing:\", error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  // Handler para atualizar paleta de cores (inclui mutedText, primaryText, linkColor e menuLinkColor)\n  const handlePaletteChange = (palette: any) => {\n    if (!document) return;\n    const bgLight = isLightColor(palette.background ?? \"#ffffff\");\n    const primaryLight = isLightColor(palette.primary ?? \"#3b82f6\");\n    const mutedText = bgLight ? \"#6b7280\" : \"#9ca3af\";\n    const primaryText = primaryLight ? \"#1f2937\" : \"#ffffff\";\n    const patch = PatchBuilder.updateTheme(document, {\n      colors: {\n        ...document.theme.colors,\n        primary: palette.primary,\n        secondary: palette.secondary,\n        accent: palette.accent,\n        bg: palette.background,\n        surface: palette.surface || document.theme.colors.surface,\n        text: palette.text || document.theme.colors.text,\n        mutedText,\n        primaryText,\n        linkColor: palette.linkColor || palette.primary, // Links gerais\n        menuLinkColor: palette.menuLinkColor || palette.primary, // Links do menu navbar\n      },\n    });\n    applyChange(patch, \"Update color palette\");\n  };\n\n  // No editor: cliques em links no preview não navegam; trocam a página em edição\n  // Keyboard shortcuts\n  useKeyboardShortcuts({\n    onUndo: handleUndo,\n    onRedo: handleRedo,\n    onSave: handleSave,\n    onDelete: () => {\n      if (selectedBlockId) {\n        handleDeleteBlock(selectedBlockId);\n      }\n    },\n    onDeselect: () => setSelectedBlockId(null),\n  });\n\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type !== \"editor-navigate\" || !event.data.href) return;\n      const href = String(event.data.href);\n      if (!document) return;\n      // Links internos: /site/p/:slug ou /p/:slug\n      const match = href.match(/^(?:\\/site)?\\/p\\/([^#?]+)/);\n      if (match) {\n        const slug = match[1];\n        const page = document.pages.find((p) => p.slug === slug);\n        if (page) setCurrentPageId(page.id);\n        return;\n      }\n      // Âncora #id: selecionar bloco com esse id e trocar para a página que o contém\n      if (href.startsWith(\"#\")) {\n        const id = href.slice(1);\n        for (const p of document.pages) {\n          if (findBlockInStructure(p.structure || [], id)) {\n            setCurrentPageId(p.id);\n            setSelectedBlockId(id);\n            break;\n          }\n        }\n      }\n    };\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [document, setCurrentPageId, setSelectedBlockId]);\n\n  // Sem documento: mostrar seletor de templates\n  if (!document) {\n    return (\n      <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n        <TemplatePicker onSelectTemplate={handleSelectTemplate} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n      {/* Toolbar */}\n      <Toolbar\n        history={history}\n        isSaving={isSaving}\n        onUndo={handleUndo}\n        onRedo={handleRedo}\n        onSave={handleSave}\n        onPublish={onPublish ? handlePublish : undefined}\n        onReset={\n          currentTemplateId\n            ? () => {\n                // Recarregar o mesmo template\n                const sharedDoc = getTemplate(currentTemplateId);\n                if (sharedDoc)\n                  loadDocument(sharedTemplateToEngineDocument(sharedDoc));\n              }\n            : resetToTemplate\n        }\n      />\n\n      {/* Main Content - 3 Columns */}\n      <div className=\"flex-1 flex overflow-hidden min-h-0 max-h-full\">\n        {/* Left: Block Selector + Paletas */}\n        <LeftPanel\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          isPaletteSelected={isPaletteSelected}\n          onSelectBlock={setSelectedBlockId}\n          onDeleteBlock={handleDeleteBlock}\n        />\n\n        {/* Center: Preview (apenas a página em edição) */}\n        <CenterPanel\n          document={document}\n          currentPageId={currentPageId}\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          onBlockClick={setSelectedBlockId}\n          onSelectPage={setCurrentPageId}\n          onAddPage={() => {\n            const name = prompt(\"Nome da página:\");\n            if (!name) return;\n            const slug = name.toLowerCase().replace(/\\s+/g, \"-\");\n            const id = slug;\n            addPage(id, name, slug);\n          }}\n          onRemovePage={removePage}\n          canRemovePage={canRemovePage}\n        />\n\n        {/* Right: Editor Panel */}\n        <RightPanel\n          isPaletteSelected={isPaletteSelected}\n          selectedBlock={selectedBlock}\n          onPaletteChange={handlePaletteChange}\n          onUpdateBlock={handleUpdateBlock}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["LandingPageEditorV2","initialData","defaultTemplateId","onSave","onPublish","document","currentPageId","currentPage","selectedBlockId","selectedBlock","history","setCurrentPageId","addPage","removePage","canRemovePage","setSelectedBlockId","handleUndo","handleRedo","handleDeleteBlock","handleUpdateBlock","applyChange","resetToTemplate","isPaletteSelected","loadDocument","useEditorState","isSaving","setIsSaving","useState","currentTemplateId","setCurrentTemplateId","handleSelectTemplate","useCallback","templateId","sharedDoc","getTemplate","engineDoc","sharedTemplateToEngineDocument","useEffect","handleSave","error","handlePublish","handlePaletteChange","palette","bgLight","isLightColor","primaryLight","mutedText","primaryText","patch","PatchBuilder","useKeyboardShortcuts","handleMessage","event","href","match","slug","page","p","id","findBlockInStructure","jsxs","jsx","Toolbar","LeftPanel","CenterPanel","name","RightPanel","TemplatePicker"],"mappings":"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"}
+{"version":3,"file":"LandingPageEditorV2.js","sources":["../../src/editor/LandingPageEditorV2.tsx"],"sourcesContent":["/**\n * Landing Page Editor V2 - Refatorado\n * Editor de landing pages usando engine V2\n */\n\nimport { useState, useCallback, useEffect, lazy, Suspense } from \"react\";\nimport { TemplatePicker } from \"./TemplatePicker\";\nimport { Toolbar, LeftPanel, CenterPanel, RightPanel } from \"./components\";\nimport { useEditorState } from \"../hooks/useEditorState\";\nimport { useKeyboardShortcuts } from \"../hooks/useKeyboardShortcuts\";\nimport { LoadingSpinner } from \"../components/LoadingSpinner\";\nimport { SiteDocumentV2, PatchBuilder } from \"../engine\";\nimport { getTemplate } from \"../shared/templates\";\nimport type { TemplateId } from \"../shared/templates\";\nimport { sharedTemplateToEngineDocument } from \"../utils/sharedTemplateToEngine\";\nimport { findBlockInStructure } from \"../utils/blockUtils\";\nimport { isLightColor } from \"../utils/colorUtils\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UploadConfig {\n  tenantId?: string;\n  schoolId?: string;\n  siteId?: string | null;\n  authToken?: string;\n}\n\nexport interface LandingPageEditorV2Props {\n  initialData?: SiteDocumentV2;\n  /** ID do template a carregar quando não houver initialData (ex.: \"escola-edvi\") */\n  defaultTemplateId?: TemplateId;\n  onSave?: (data: SiteDocumentV2) => Promise<void>;\n  onPublish?: (data: SiteDocumentV2) => Promise<void>;\n  /** Configuração para upload seguro de imagens/vídeos */\n  uploadConfig?: UploadConfig;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LandingPageEditorV2({\n  initialData,\n  defaultTemplateId,\n  onSave,\n  onPublish,\n  uploadConfig,\n}: LandingPageEditorV2Props) {\n  // Hook de estado do editor (edição por páginas; sem navegação)\n  const {\n    document,\n    currentPageId,\n    currentPage,\n    selectedBlockId,\n    selectedBlock,\n    history,\n    setCurrentPageId,\n    addPage,\n    removePage,\n    canRemovePage,\n    setSelectedBlockId,\n    handleUndo,\n    handleRedo,\n    handleDeleteBlock,\n    handleUpdateBlock,\n    applyChange,\n    resetToTemplate,\n    isPaletteSelected,\n    loadDocument,\n  } = useEditorState({ initialData });\n\n  // Estado local da UI\n  const [isSaving, setIsSaving] = useState(false);\n  const [currentTemplateId, setCurrentTemplateId] = useState<TemplateId | null>(\n    null,\n  );\n\n  // Carregar template escolhido (converter shared → engine e carregar no editor)\n  const handleSelectTemplate = useCallback(\n    (templateId: TemplateId) => {\n      const sharedDoc = getTemplate(templateId);\n      if (!sharedDoc) return;\n      const engineDoc = sharedTemplateToEngineDocument(sharedDoc);\n      loadDocument(engineDoc);\n      setCurrentTemplateId(templateId);\n    },\n    [loadDocument],\n  );\n\n  // Ao montar sem documento: carregar defaultTemplateId se informado\n  useEffect(() => {\n    if (!document && defaultTemplateId) {\n      handleSelectTemplate(defaultTemplateId);\n    }\n  }, [defaultTemplateId]); // eslint-disable-line react-hooks/exhaustive-deps -- carregar só uma vez quando defaultTemplateId existe\n\n  // Handlers de save/publish\n  const handleSave = async () => {\n    if (!document || !onSave) return;\n    setIsSaving(true);\n    try {\n      await onSave(document);\n    } catch (error) {\n      console.error(\"Error saving:\", error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handlePublish = async () => {\n    if (!document || !onPublish) return;\n    setIsSaving(true);\n    try {\n      await onPublish(document);\n    } catch (error) {\n      console.error(\"Error publishing:\", error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  // Handler para atualizar paleta de cores (inclui mutedText, primaryText, linkColor e menuLinkColor)\n  const handlePaletteChange = (palette: any) => {\n    if (!document) return;\n    const bgLight = isLightColor(palette.background ?? \"#ffffff\");\n    const primaryLight = isLightColor(palette.primary ?? \"#3b82f6\");\n    const mutedText = bgLight ? \"#6b7280\" : \"#9ca3af\";\n    const primaryText = primaryLight ? \"#1f2937\" : \"#ffffff\";\n    const patch = PatchBuilder.updateTheme(document, {\n      colors: {\n        ...document.theme.colors,\n        primary: palette.primary,\n        secondary: palette.secondary,\n        accent: palette.accent,\n        bg: palette.background,\n        surface: palette.surface || document.theme.colors.surface,\n        text: palette.text || document.theme.colors.text,\n        mutedText,\n        primaryText,\n        linkColor: palette.linkColor || palette.primary, // Links gerais\n        menuLinkColor: palette.menuLinkColor || palette.primary, // Links do menu navbar\n      },\n    });\n    applyChange(patch, \"Update color palette\");\n  };\n\n  // No editor: cliques em links no preview não navegam; trocam a página em edição\n  // Keyboard shortcuts\n  useKeyboardShortcuts({\n    onUndo: handleUndo,\n    onRedo: handleRedo,\n    onSave: handleSave,\n    onDelete: () => {\n      if (selectedBlockId) {\n        handleDeleteBlock(selectedBlockId);\n      }\n    },\n    onDeselect: () => setSelectedBlockId(null),\n  });\n\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type !== \"editor-navigate\" || !event.data.href) return;\n      const href = String(event.data.href);\n      if (!document) return;\n      // Links internos: /site/p/:slug ou /p/:slug\n      const match = href.match(/^(?:\\/site)?\\/p\\/([^#?]+)/);\n      if (match) {\n        const slug = match[1];\n        const page = document.pages.find((p) => p.slug === slug);\n        if (page) setCurrentPageId(page.id);\n        return;\n      }\n      // Âncora #id: selecionar bloco com esse id e trocar para a página que o contém\n      if (href.startsWith(\"#\")) {\n        const id = href.slice(1);\n        for (const p of document.pages) {\n          if (findBlockInStructure(p.structure || [], id)) {\n            setCurrentPageId(p.id);\n            setSelectedBlockId(id);\n            break;\n          }\n        }\n      }\n    };\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [document, setCurrentPageId, setSelectedBlockId]);\n\n  // Sem documento: mostrar seletor de templates\n  if (!document) {\n    return (\n      <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n        <TemplatePicker onSelectTemplate={handleSelectTemplate} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden\">\n      {/* Toolbar */}\n      <Toolbar\n        history={history}\n        isSaving={isSaving}\n        onUndo={handleUndo}\n        onRedo={handleRedo}\n        onSave={handleSave}\n        onPublish={onPublish ? handlePublish : undefined}\n        onReset={\n          currentTemplateId\n            ? () => {\n                // Recarregar o mesmo template\n                const sharedDoc = getTemplate(currentTemplateId);\n                if (sharedDoc)\n                  loadDocument(sharedTemplateToEngineDocument(sharedDoc));\n              }\n            : resetToTemplate\n        }\n      />\n\n      {/* Main Content - 3 Columns */}\n      <div className=\"flex-1 flex overflow-hidden min-h-0 max-h-full\">\n        {/* Left: Block Selector + Paletas */}\n        <LeftPanel\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          isPaletteSelected={isPaletteSelected}\n          onSelectBlock={setSelectedBlockId}\n          onDeleteBlock={handleDeleteBlock}\n        />\n\n        {/* Center: Preview (apenas a página em edição) */}\n        <CenterPanel\n          document={document}\n          currentPageId={currentPageId}\n          currentPage={currentPage}\n          selectedBlockId={selectedBlockId}\n          onBlockClick={setSelectedBlockId}\n          onSelectPage={setCurrentPageId}\n          onAddPage={() => {\n            const name = prompt(\"Nome da página:\");\n            if (!name) return;\n            const slug = name.toLowerCase().replace(/\\s+/g, \"-\");\n            const id = slug;\n            addPage(id, name, slug);\n          }}\n          onRemovePage={removePage}\n          canRemovePage={canRemovePage}\n        />\n\n        {/* Right: Editor Panel */}\n        <RightPanel\n          isPaletteSelected={isPaletteSelected}\n          selectedBlock={selectedBlock}\n          onPaletteChange={handlePaletteChange}\n          onUpdateBlock={handleUpdateBlock}\n          uploadConfig={uploadConfig}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["LandingPageEditorV2","initialData","defaultTemplateId","onSave","onPublish","uploadConfig","document","currentPageId","currentPage","selectedBlockId","selectedBlock","history","setCurrentPageId","addPage","removePage","canRemovePage","setSelectedBlockId","handleUndo","handleRedo","handleDeleteBlock","handleUpdateBlock","applyChange","resetToTemplate","isPaletteSelected","loadDocument","useEditorState","isSaving","setIsSaving","useState","currentTemplateId","setCurrentTemplateId","handleSelectTemplate","useCallback","templateId","sharedDoc","getTemplate","engineDoc","sharedTemplateToEngineDocument","useEffect","handleSave","error","handlePublish","handlePaletteChange","palette","bgLight","isLightColor","primaryLight","mutedText","primaryText","patch","PatchBuilder","useKeyboardShortcuts","handleMessage","event","href","match","slug","page","p","id","findBlockInStructure","jsxs","jsx","Toolbar","LeftPanel","CenterPanel","name","RightPanel","TemplatePicker"],"mappings":"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"}

package/dist/editor/PageTabBar.d.ts

@@ -0,0 +1,11 @@
+import { SitePage } from '../engine/schema/siteDocument';
+export interface PageTabBarProps {
+    pages: SitePage[];
+    currentPageId: string;
+    onSelectPage: (id: string) => void;
+    onAddPage: () => void;
+    onRemovePage: (id: string) => void;
+    canRemovePage: (id: string) => boolean;
+}
+export declare function PageTabBar({ pages, currentPageId, onSelectPage, onAddPage, onRemovePage, canRemovePage, }: PageTabBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageTabBar.d.ts.map

package/dist/editor/PageTabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTabBar.d.ts","sourceRoot":"","sources":["../../src/editor/PageTabBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACxC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,eAAe,2CA+GjB"}

package/dist/editor/PaletteSelector.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Palette Selector
+ * Seletor de paletas de cores para o editor
+ */
+export interface ColorPalette {
+    name: string;
+    primary: string;
+    secondary: string;
+    accent: string;
+    background: string;
+    surface?: string;
+    text: string;
+    linkColor?: string;
+    menuLinkColor?: string;
+    gradient: string[];
+}
+export declare const colorPalettes: ColorPalette[];
+interface PaletteSelectorProps {
+    selectedPalette?: ColorPalette;
+    onPaletteChange: (palette: ColorPalette) => void;
+}
+export declare function PaletteSelector({ selectedPalette, onPaletteChange, }: PaletteSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaletteSelector.d.ts.map

package/dist/editor/PaletteSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteSelector.d.ts","sourceRoot":"","sources":["../../src/editor/PaletteSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAMD,eAAO,MAAM,aAAa,EAAE,YAAY,EAuJvC,CAAC;AAMF,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,eAAe,CAAC,EAC9B,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,2CAmCtB"}

package/dist/editor/PropertyEditor/BlockPropertyEditor.d.ts

@@ -0,0 +1,16 @@
+import { Block, SiteDocumentV2 } from '../../engine';
+import { UploadConfig } from '../LandingPageEditorV2';
+interface BlockPropertyEditorProps {
+    block: Block | null;
+    document?: SiteDocumentV2;
+    currentPageId?: string;
+    onUpdate: (updates: Record<string, any>) => void;
+    uploadConfig?: UploadConfig;
+}
+/**
+ * Componente principal do editor de propriedades
+ * Memoizado para performance
+ */
+export declare const BlockPropertyEditor: import('react').NamedExoticComponent<BlockPropertyEditorProps>;
+export {};
+//# sourceMappingURL=BlockPropertyEditor.d.ts.map

package/dist/editor/PropertyEditor/BlockPropertyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPropertyEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,cAAc,EAAoC,MAAM,cAAc,CAAC;AAGvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,UAAU,wBAAwB;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,gEA6F9B,CAAC"}

package/dist/editor/PropertyEditor/BlockPropertyEditor.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { memo as x, useMemo as d, useCallback as u } from "react";
+import { memo as u, useMemo as d, useCallback as g } from "react";
 import "../../engine/schema/themeTokens.js";
-import { componentRegistry as g } from "../../engine/registry/registry.js";
+import { componentRegistry as y } from "../../engine/registry/registry.js";
 import "../../engine/registry/blocks/layout/container.js";
 import "../../engine/registry/blocks/layout/stack.js";
 import "../../engine/registry/blocks/layout/grid.js";
@@ -57,13 +57,14 @@ import "../../engine/export/exporters/content/index.js";
 import "../../engine/export/exporters/sections/index.js";
 import "../../engine/export/exporters/forms/index.js";
 import "../../engine/theme/defaultTheme.js";
-import { VariationSelector as y } from "./VariationSelector.js";
-import { PropertyGroup as f } from "./PropertyGroup.js";
-const Or = x(function({
+import { VariationSelector as f } from "./VariationSelector.js";
+import { PropertyGroup as h } from "./PropertyGroup.js";
+const kr = u(function({
   block: r,
-  onUpdate: p
+  onUpdate: p,
+  uploadConfig: l
 }) {
-  const o = d(() => r ? g.get(r.type) : null, [r]), n = d(() => {
+  const o = d(() => r ? y.get(r.type) : null, [r]), n = d(() => {
     if (!r || !o?.inspectorMeta) return {};
     const i = r.props, t = {};
     for (const [s, c] of Object.entries(
@@ -85,7 +86,7 @@ const Or = x(function({
       "Tipo de bloco desconhecido: ",
       r.type
     ] });
-  const l = u((i, t) => {
+  const x = g((i, t) => {
     p({ [i]: t });
   }, [p]);
   return /* @__PURE__ */ a("div", { className: "p-3 space-y-4", children: [
@@ -93,19 +94,20 @@ const Or = x(function({
       /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: o.name }),
       /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-0.5", children: o.description })
     ] }),
-    o.variations && /* @__PURE__ */ e(y, { block: r, onUpdate: p }),
+    o.variations && /* @__PURE__ */ e(f, { block: r, onUpdate: p }),
     Object.keys(n).length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-4", children: "Nenhuma propriedade configurável" }) : Object.entries(n).map(([i, t]) => /* @__PURE__ */ e(
-      f,
+      h,
       {
         groupName: i,
         props: t,
-        onPropChange: l
+        onPropChange: x,
+        uploadConfig: l
       },
       i
     ))
   ] });
 });
 export {
-  Or as BlockPropertyEditor
+  kr as BlockPropertyEditor
 };
 //# sourceMappingURL=BlockPropertyEditor.js.map

package/dist/editor/PropertyEditor/BlockPropertyEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockPropertyEditor.js","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"sourcesContent":["/**\n * Block Property Editor - Refatorado\n * Editor dinâmico de propriedades baseado em inspectorMeta\n */\n\nimport { memo, useMemo, useCallback } from \"react\";\nimport { Block, SiteDocumentV2, componentRegistry, InspectorMeta } from \"../../engine\";\nimport { VariationSelector } from \"./VariationSelector\";\nimport { PropertyGroup } from \"./PropertyGroup\";\n\ninterface BlockPropertyEditorProps {\n  block: Block | null;\n  document?: SiteDocumentV2;\n  currentPageId?: string;\n  onUpdate: (updates: Record<string, any>) => void;\n}\n\n/**\n * Componente principal do editor de propriedades\n * Memoizado para performance\n */\nexport const BlockPropertyEditor = memo(function BlockPropertyEditor({\n  block,\n  onUpdate,\n}: BlockPropertyEditorProps) {\n  // Obter definição do bloco do registry\n  const blockDefinition = useMemo(() => {\n    if (!block) return null;\n    return componentRegistry.get(block.type);\n  }, [block]);\n\n  // Agrupar propriedades por grupo\n  const groupedProps = useMemo(() => {\n    if (!block || !blockDefinition?.inspectorMeta) return {};\n\n    const props = block.props as Record<string, any>;\n    const groups: Record<\n      string,\n      Array<{ propName: string; meta: InspectorMeta; value: any }>\n    > = {};\n\n    for (const [propName, meta] of Object.entries(\n      blockDefinition.inspectorMeta,\n    )) {\n      const group = meta.group || \"Geral\";\n      if (!groups[group]) {\n        groups[group] = [];\n      }\n      groups[group].push({\n        propName,\n        meta,\n        value: props[propName],\n      });\n    }\n\n    return groups;\n  }, [block, blockDefinition]);\n\n  if (!block) {\n    return (\n      <div className=\"p-4 text-center text-gray-500 dark:text-gray-400 text-sm\">\n        Selecione um bloco para editar\n      </div>\n    );\n  }\n\n  if (!blockDefinition) {\n    return (\n      <div className=\"p-4 text-center text-red-500 text-sm\">\n        Tipo de bloco desconhecido: {block.type}\n      </div>\n    );\n  }\n\n  const handlePropChange = useCallback((propName: string, value: any) => {\n    onUpdate({ [propName]: value });\n  }, [onUpdate]);\n\n  return (\n    <div className=\"p-3 space-y-4\">\n      {/* Header com nome do bloco */}\n      <div className=\"pb-2 border-b border-gray-200 dark:border-gray-700\">\n        <h3 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">\n          {blockDefinition.name}\n        </h3>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-0.5\">\n          {blockDefinition.description}\n        </p>\n      </div>\n\n      {/* Seletor de variações (Hero/Navbar) */}\n      {blockDefinition.variations && (\n        <VariationSelector block={block} onUpdate={onUpdate} />\n      )}\n\n      {/* Propriedades agrupadas */}\n      {Object.keys(groupedProps).length === 0 ? (\n        <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-4\">\n          Nenhuma propriedade configurável\n        </div>\n      ) : (\n        Object.entries(groupedProps).map(([groupName, props]) => (\n          <PropertyGroup\n            key={groupName}\n            groupName={groupName}\n            props={props}\n            onPropChange={handlePropChange}\n          />\n        ))\n      )}\n    </div>\n  );\n});\n"],"names":["BlockPropertyEditor","memo","block","onUpdate","blockDefinition","useMemo","componentRegistry","groupedProps","props","groups","propName","meta","group","jsx","jsxs","handlePropChange","useCallback","value","VariationSelector","groupName","PropertyGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,KAAsBC,EAAK,SAA6B;AAAA,EACnE,OAAAC;AAAA,EACA,UAAAC;AACF,GAA6B;AAE3B,QAAMC,IAAkBC,EAAQ,MACzBH,IACEI,EAAkB,IAAIJ,EAAM,IAAI,IADpB,MAElB,CAACA,CAAK,CAAC,GAGJK,IAAeF,EAAQ,MAAM;AACjC,QAAI,CAACH,KAAS,CAACE,GAAiB,sBAAsB,CAAA;AAEtD,UAAMI,IAAQN,EAAM,OACdO,IAGF,CAAA;AAEJ,eAAW,CAACC,GAAUC,CAAI,KAAK,OAAO;AAAA,MACpCP,EAAgB;AAAA,IAAA,GACf;AACD,YAAMQ,IAAQD,EAAK,SAAS;AAC5B,MAAKF,EAAOG,CAAK,MACfH,EAAOG,CAAK,IAAI,CAAA,IAElBH,EAAOG,CAAK,EAAE,KAAK;AAAA,QACjB,UAAAF;AAAA,QACA,MAAAC;AAAA,QACA,OAAOH,EAAME,CAAQ;AAAA,MAAA,CACtB;AAAA,IACH;AAEA,WAAOD;AAAA,EACT,GAAG,CAACP,GAAOE,CAAe,CAAC;AAE3B,MAAI,CAACF;AACH,WACE,gBAAAW,EAAC,OAAA,EAAI,WAAU,4DAA2D,UAAA,kCAE1E;AAIJ,MAAI,CAACT;AACH,WACE,gBAAAU,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA;AAAA,MAAA;AAAA,MACvBZ,EAAM;AAAA,IAAA,GACrC;AAIJ,QAAMa,IAAmBC,EAAY,CAACN,GAAkBO,MAAe;AACrE,IAAAd,EAAS,EAAE,CAACO,CAAQ,GAAGO,GAAO;AAAA,EAChC,GAAG,CAACd,CAAQ,CAAC;AAEb,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAU,iBAEb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,0DACX,UAAAT,EAAgB,MACnB;AAAA,MACA,gBAAAS,EAAC,KAAA,EAAE,WAAU,mDACV,YAAgB,YAAA,CACnB;AAAA,IAAA,GACF;AAAA,IAGCT,EAAgB,cACf,gBAAAS,EAACK,GAAA,EAAkB,OAAAhB,GAAc,UAAAC,GAAoB;AAAA,IAItD,OAAO,KAAKI,CAAY,EAAE,WAAW,IACpC,gBAAAM,EAAC,SAAI,WAAU,6DAA4D,8CAE3E,IAEA,OAAO,QAAQN,CAAY,EAAE,IAAI,CAAC,CAACY,GAAWX,CAAK,MACjD,gBAAAK;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,WAAAD;AAAA,QACA,OAAAX;AAAA,QACA,cAAcO;AAAA,MAAA;AAAA,MAHTI;AAAA,IAAA,CAKR;AAAA,EAAA,GAEL;AAEJ,CAAC;"}
+{"version":3,"file":"BlockPropertyEditor.js","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"sourcesContent":["/**\n * Block Property Editor - Refatorado\n * Editor dinâmico de propriedades baseado em inspectorMeta\n */\n\nimport { memo, useMemo, useCallback } from \"react\";\nimport { Block, SiteDocumentV2, componentRegistry, InspectorMeta } from \"../../engine\";\nimport { VariationSelector } from \"./VariationSelector\";\nimport { PropertyGroup } from \"./PropertyGroup\";\nimport type { UploadConfig } from \"../LandingPageEditorV2\";\n\ninterface BlockPropertyEditorProps {\n  block: Block | null;\n  document?: SiteDocumentV2;\n  currentPageId?: string;\n  onUpdate: (updates: Record<string, any>) => void;\n  uploadConfig?: UploadConfig;\n}\n\n/**\n * Componente principal do editor de propriedades\n * Memoizado para performance\n */\nexport const BlockPropertyEditor = memo(function BlockPropertyEditor({\n  block,\n  onUpdate,\n  uploadConfig,\n}: BlockPropertyEditorProps) {\n  // Obter definição do bloco do registry\n  const blockDefinition = useMemo(() => {\n    if (!block) return null;\n    return componentRegistry.get(block.type);\n  }, [block]);\n\n  // Agrupar propriedades por grupo\n  const groupedProps = useMemo(() => {\n    if (!block || !blockDefinition?.inspectorMeta) return {};\n\n    const props = block.props as Record<string, any>;\n    const groups: Record<\n      string,\n      Array<{ propName: string; meta: InspectorMeta; value: any }>\n    > = {};\n\n    for (const [propName, meta] of Object.entries(\n      blockDefinition.inspectorMeta,\n    )) {\n      const group = meta.group || \"Geral\";\n      if (!groups[group]) {\n        groups[group] = [];\n      }\n      groups[group].push({\n        propName,\n        meta,\n        value: props[propName],\n      });\n    }\n\n    return groups;\n  }, [block, blockDefinition]);\n\n  if (!block) {\n    return (\n      <div className=\"p-4 text-center text-gray-500 dark:text-gray-400 text-sm\">\n        Selecione um bloco para editar\n      </div>\n    );\n  }\n\n  if (!blockDefinition) {\n    return (\n      <div className=\"p-4 text-center text-red-500 text-sm\">\n        Tipo de bloco desconhecido: {block.type}\n      </div>\n    );\n  }\n\n  const handlePropChange = useCallback((propName: string, value: any) => {\n    onUpdate({ [propName]: value });\n  }, [onUpdate]);\n\n  return (\n    <div className=\"p-3 space-y-4\">\n      {/* Header com nome do bloco */}\n      <div className=\"pb-2 border-b border-gray-200 dark:border-gray-700\">\n        <h3 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">\n          {blockDefinition.name}\n        </h3>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-0.5\">\n          {blockDefinition.description}\n        </p>\n      </div>\n\n      {/* Seletor de variações (Hero/Navbar) */}\n      {blockDefinition.variations && (\n        <VariationSelector block={block} onUpdate={onUpdate} />\n      )}\n\n      {/* Propriedades agrupadas */}\n      {Object.keys(groupedProps).length === 0 ? (\n        <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-4\">\n          Nenhuma propriedade configurável\n        </div>\n      ) : (\n        Object.entries(groupedProps).map(([groupName, props]) => (\n          <PropertyGroup\n            key={groupName}\n            groupName={groupName}\n            props={props}\n            onPropChange={handlePropChange}\n            uploadConfig={uploadConfig}\n          />\n        ))\n      )}\n    </div>\n  );\n});\n"],"names":["BlockPropertyEditor","memo","block","onUpdate","uploadConfig","blockDefinition","useMemo","componentRegistry","groupedProps","props","groups","propName","meta","group","jsx","jsxs","handlePropChange","useCallback","value","VariationSelector","groupName","PropertyGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,KAAsBC,EAAK,SAA6B;AAAA,EACnE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,GAA6B;AAE3B,QAAMC,IAAkBC,EAAQ,MACzBJ,IACEK,EAAkB,IAAIL,EAAM,IAAI,IADpB,MAElB,CAACA,CAAK,CAAC,GAGJM,IAAeF,EAAQ,MAAM;AACjC,QAAI,CAACJ,KAAS,CAACG,GAAiB,sBAAsB,CAAA;AAEtD,UAAMI,IAAQP,EAAM,OACdQ,IAGF,CAAA;AAEJ,eAAW,CAACC,GAAUC,CAAI,KAAK,OAAO;AAAA,MACpCP,EAAgB;AAAA,IAAA,GACf;AACD,YAAMQ,IAAQD,EAAK,SAAS;AAC5B,MAAKF,EAAOG,CAAK,MACfH,EAAOG,CAAK,IAAI,CAAA,IAElBH,EAAOG,CAAK,EAAE,KAAK;AAAA,QACjB,UAAAF;AAAA,QACA,MAAAC;AAAA,QACA,OAAOH,EAAME,CAAQ;AAAA,MAAA,CACtB;AAAA,IACH;AAEA,WAAOD;AAAA,EACT,GAAG,CAACR,GAAOG,CAAe,CAAC;AAE3B,MAAI,CAACH;AACH,WACE,gBAAAY,EAAC,OAAA,EAAI,WAAU,4DAA2D,UAAA,kCAE1E;AAIJ,MAAI,CAACT;AACH,WACE,gBAAAU,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA;AAAA,MAAA;AAAA,MACvBb,EAAM;AAAA,IAAA,GACrC;AAIJ,QAAMc,IAAmBC,EAAY,CAACN,GAAkBO,MAAe;AACrE,IAAAf,EAAS,EAAE,CAACQ,CAAQ,GAAGO,GAAO;AAAA,EAChC,GAAG,CAACf,CAAQ,CAAC;AAEb,SACE,gBAAAY,EAAC,OAAA,EAAI,WAAU,iBAEb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,0DACX,UAAAT,EAAgB,MACnB;AAAA,MACA,gBAAAS,EAAC,KAAA,EAAE,WAAU,mDACV,YAAgB,YAAA,CACnB;AAAA,IAAA,GACF;AAAA,IAGCT,EAAgB,cACf,gBAAAS,EAACK,GAAA,EAAkB,OAAAjB,GAAc,UAAAC,GAAoB;AAAA,IAItD,OAAO,KAAKK,CAAY,EAAE,WAAW,IACpC,gBAAAM,EAAC,SAAI,WAAU,6DAA4D,8CAE3E,IAEA,OAAO,QAAQN,CAAY,EAAE,IAAI,CAAC,CAACY,GAAWX,CAAK,MACjD,gBAAAK;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,WAAAD;AAAA,QACA,OAAAX;AAAA,QACA,cAAcO;AAAA,QACd,cAAAZ;AAAA,MAAA;AAAA,MAJKgB;AAAA,IAAA,CAMR;AAAA,EAAA,GAEL;AAEJ,CAAC;"}

package/dist/editor/PropertyEditor/PropertyGroup.d.ts

@@ -0,0 +1,19 @@
+import { InspectorMeta } from '../../engine';
+import { UploadConfig } from '../LandingPageEditorV2';
+interface PropertyGroupProps {
+    groupName: string;
+    props: Array<{
+        propName: string;
+        meta: InspectorMeta;
+        value: any;
+    }>;
+    onPropChange: (propName: string, value: any) => void;
+    uploadConfig?: UploadConfig;
+}
+/**
+ * Componente para agrupar propriedades relacionadas
+ * Memoizado para evitar re-renders desnecessários
+ */
+export declare const PropertyGroup: import('react').NamedExoticComponent<PropertyGroupProps>;
+export {};
+//# sourceMappingURL=PropertyGroup.d.ts.map

package/dist/editor/PropertyEditor/PropertyGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/PropertyGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,0DA4BxB,CAAC"}

package/dist/editor/PropertyEditor/PropertyGroup.js

@@ -1,24 +1,26 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { memo as m } from "react";
-import { renderPropertyInput as p } from "./renderPropertyInput.js";
-const y = m(function({
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { memo as p } from "react";
+import { renderPropertyInput as l } from "./renderPropertyInput.js";
+const f = p(function({
   groupName: o,
   props: r,
-  onPropChange: n
+  onPropChange: n,
+  uploadConfig: s
 }) {
-  return r.length === 0 ? null : /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+  return r.length === 0 ? null : /* @__PURE__ */ m("div", { className: "space-y-3", children: [
     /* @__PURE__ */ t("h4", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide", children: o }),
     /* @__PURE__ */ t("div", { className: "space-y-3", children: r.map(
-      ({ propName: e, meta: s, value: a }) => p(
+      ({ propName: e, meta: a, value: i }) => l(
         e,
-        s,
         a,
-        (i) => n(e, i)
+        i,
+        (c) => n(e, c),
+        s
       )
     ) })
   ] });
 });
 export {
-  y as PropertyGroup
+  f as PropertyGroup
 };
 //# sourceMappingURL=PropertyGroup.js.map

package/dist/editor/PropertyEditor/PropertyGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGroup.js","sources":["../../../src/editor/PropertyEditor/PropertyGroup.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { InspectorMeta } from \"../../engine\";\nimport { renderPropertyInput } from \"./renderPropertyInput\";\n\ninterface PropertyGroupProps {\n  groupName: string;\n  props: Array<{\n    propName: string;\n    meta: InspectorMeta;\n    value: any;\n  }>;\n  onPropChange: (propName: string, value: any) => void;\n}\n\n/**\n * Componente para agrupar propriedades relacionadas\n * Memoizado para evitar re-renders desnecessários\n */\nexport const PropertyGroup = memo(function PropertyGroup({\n  groupName,\n  props,\n  onPropChange,\n}: PropertyGroupProps) {\n  if (props.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n        {groupName}\n      </h4>\n      <div className=\"space-y-3\">\n        {props.map(({ propName, meta, value }) =>\n          renderPropertyInput(propName, meta, value, (newValue) =>\n            onPropChange(propName, newValue),\n          ),\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["PropertyGroup","memo","groupName","props","onPropChange","jsxs","jsx","propName","meta","value","renderPropertyInput","newValue"],"mappings":";;;AAkBO,MAAMA,IAAgBC,EAAK,SAAuB;AAAA,EACvD,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AACF,GAAuB;AACrB,SAAID,EAAM,WAAW,IACZ,OAIP,gBAAAE,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,kFACX,UAAAJ,GACH;AAAA,IACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,aACZ,UAAAH,EAAM;AAAA,MAAI,CAAC,EAAE,UAAAI,GAAU,MAAAC,GAAM,OAAAC,QAC5BC;AAAA,QAAoBH;AAAA,QAAUC;AAAA,QAAMC;AAAA,QAAO,CAACE,MAC1CP,EAAaG,GAAUI,CAAQ;AAAA,MAAA;AAAA,IACjC,EACF,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"PropertyGroup.js","sources":["../../../src/editor/PropertyEditor/PropertyGroup.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { InspectorMeta } from \"../../engine\";\nimport { renderPropertyInput } from \"./renderPropertyInput\";\nimport type { UploadConfig } from \"../LandingPageEditorV2\";\n\ninterface PropertyGroupProps {\n  groupName: string;\n  props: Array<{\n    propName: string;\n    meta: InspectorMeta;\n    value: any;\n  }>;\n  onPropChange: (propName: string, value: any) => void;\n  uploadConfig?: UploadConfig;\n}\n\n/**\n * Componente para agrupar propriedades relacionadas\n * Memoizado para evitar re-renders desnecessários\n */\nexport const PropertyGroup = memo(function PropertyGroup({\n  groupName,\n  props,\n  onPropChange,\n  uploadConfig,\n}: PropertyGroupProps) {\n  if (props.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <h4 className=\"text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wide\">\n        {groupName}\n      </h4>\n      <div className=\"space-y-3\">\n        {props.map(({ propName, meta, value }) =>\n          renderPropertyInput(\n            propName,\n            meta,\n            value,\n            (newValue) => onPropChange(propName, newValue),\n            uploadConfig,\n          ),\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["PropertyGroup","memo","groupName","props","onPropChange","uploadConfig","jsxs","jsx","propName","meta","value","renderPropertyInput","newValue"],"mappings":";;;AAoBO,MAAMA,IAAgBC,EAAK,SAAuB;AAAA,EACvD,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,GAAuB;AACrB,SAAIF,EAAM,WAAW,IACZ,OAIP,gBAAAG,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,kFACX,UAAAL,GACH;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACZ,UAAAJ,EAAM;AAAA,MAAI,CAAC,EAAE,UAAAK,GAAU,MAAAC,GAAM,OAAAC,QAC5BC;AAAA,QACEH;AAAA,QACAC;AAAA,QACAC;AAAA,QACA,CAACE,MAAaR,EAAaI,GAAUI,CAAQ;AAAA,QAC7CP;AAAA,MAAA;AAAA,IACF,EACF,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/editor/PropertyEditor/VariationSelector.d.ts

@@ -0,0 +1,12 @@
+import { Block } from '../../engine';
+interface VariationSelectorProps {
+    block: Block;
+    onUpdate: (updates: Record<string, any>) => void;
+}
+/**
+ * Componente para selecionar variações de Hero e Navbar
+ * Preserva props customizadas ao trocar variação
+ */
+export declare function VariationSelector({ block, onUpdate }: VariationSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=VariationSelector.d.ts.map

package/dist/editor/PropertyEditor/VariationSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariationSelector.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/VariationSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAUrC,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,kDA0G5E"}

package/dist/editor/PropertyEditor/index.d.ts

@@ -0,0 +1,6 @@
+export { BlockPropertyEditor } from './BlockPropertyEditor';
+export { VariationSelector } from './VariationSelector';
+export { PropertyGroup } from './PropertyGroup';
+export { renderPropertyInput } from './renderPropertyInput';
+export * from './inputs';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/PropertyEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,UAAU,CAAC"}

package/dist/editor/PropertyEditor/inputs/CheckboxInput.d.ts

@@ -0,0 +1,13 @@
+interface CheckboxInputProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    label: string;
+    description?: string;
+    propName: string;
+}
+/**
+ * Componente de checkbox
+ */
+export declare function CheckboxInput({ value, onChange, label, description, propName, }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/editor/PropertyEditor/inputs/CheckboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/CheckboxInput.tsx"],"names":[],"mappings":"AACA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,2CAyBpB"}

package/dist/editor/PropertyEditor/inputs/ColorInput.d.ts

@@ -0,0 +1,13 @@
+interface ColorInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    label: string;
+    description?: string;
+}
+/**
+ * Componente de input de cor com debounce para arrastar
+ * Memoizado para performance
+ */
+export declare const ColorInput: import('react').NamedExoticComponent<ColorInputProps>;
+export {};
+//# sourceMappingURL=ColorInput.d.ts.map

package/dist/editor/PropertyEditor/inputs/ColorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/ColorInput.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,uDAiFrB,CAAC"}

package/dist/editor/PropertyEditor/inputs/NumberInput.d.ts

@@ -0,0 +1,16 @@
+interface NumberInputProps {
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+/**
+ * Componente de input numérico
+ */
+export declare function NumberInput({ value, onChange, label, description, placeholder, min, max, step, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/editor/PropertyEditor/inputs/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/editor/PropertyEditor/inputs/NumberInput.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAQ,GACT,EAAE,gBAAgB,2CA6BlB"}

package/dist/editor/PropertyEditor/inputs/SelectInput.d.ts

@@ -0,0 +1,17 @@
+interface SelectOption {
+    label: string;
+    value: string | number | boolean;
+}
+interface SelectInputProps {
+    value: any;
+    onChange: (value: any) => void;
+    label: string;
+    description?: string;
+    options: SelectOption[];
+}
+/**
+ * Componente de select/dropdown
+ */
+export declare function SelectInput({ value, onChange, label, description, options, }: SelectInputProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SelectInput.d.ts.map