@brunoalz/smartgesti-site-editor 1.3.0 → 1.4.1

package/dist/editor/BlockSelector.js

@@ -47,6 +47,8 @@ import "../engine/registry/blocks/sections/categoryCardGrid.js";
 import "../engine/registry/blocks/sections/blogPostCard.js";
 import "../engine/registry/blocks/sections/blogPostGrid.js";
 import "../engine/registry/blocks/sections/blogPostDetail.js";
+import "../engine/registry/blocks/sections/blogCategoryFilter.js";
+import "../engine/registry/blocks/sections/blogSearchBar.js";
 import "../engine/registry/blocks/sections/productShowcase.js";
 import "../engine/registry/blocks/sections/aboutSection.js";
 import "../engine/registry/blocks/sections/contactSection.js";
@@ -151,7 +153,7 @@ function b(t, r, c, d, l) {
     ) })
   ] }, t.id);
 }
-const Tt = A.memo(function({
+const It = A.memo(function({
   structure: r,
   selectedBlockId: c,
   onSelectBlock: d,
@@ -202,6 +204,6 @@ const Tt = A.memo(function({
   ] });
 });
 export {
-  Tt as BlockSelector
+  It as BlockSelector
 };
 //# sourceMappingURL=BlockSelector.js.map

package/dist/editor/BlockSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}
+{"version":3,"file":"BlockSelector.js","sources":["../../src/editor/BlockSelector.tsx"],"sourcesContent":["/**\n * Block Selector\n * Lista blocos da estrutura de forma hierárquica\n */\n\nimport React, { useMemo } from 'react'\nimport { Block } from '../engine'\nimport { componentRegistry } from '../engine'\nimport { Trash2, ChevronRight } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface BlockSelectorProps {\n  structure: Block[]\n  selectedBlockId: string | null\n  onSelectBlock: (blockId: string) => void\n  onDeleteBlock: (blockId: string) => void\n}\n\n/**\n * Obtém nome amigável do tipo de bloco\n */\nfunction getBlockTypeName(type: Block['type']): string {\n  const definition = componentRegistry.get(type)\n  return definition?.name || type\n}\n\n/**\n * Obtém preview do bloco (texto ou propriedade relevante)\n */\nfunction getBlockPreview(block: Block): string {\n  const props = block.props as Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- dynamic access for preview\n\n  switch (block.type) {\n    case 'heading':\n      return props.text || 'Heading'\n    case 'text':\n      return props.text ? String(props.text).substring(0, 30) + (String(props.text).length > 30 ? '...' : '') : 'Text'\n    case 'button':\n      return props.text || 'Button'\n    case 'link':\n      return props.text || 'Link'\n    case 'image':\n      return props.alt || props.src ? 'Image' : 'Image'\n    case 'container':\n    case 'stack':\n    case 'grid':\n    case 'box':\n      return `${getBlockTypeName(block.type)} (${Array.isArray(props.children) ? props.children.length : 0} children)`\n    case 'section':\n      return props.id ? `Section: ${props.id}` : 'Section'\n    case 'card':\n      return 'Card'\n    case 'divider':\n      return 'Divider'\n    default:\n      return getBlockTypeName(block.type)\n  }\n}\n\n/**\n * Renderiza um bloco e seus children recursivamente\n */\nfunction renderBlockTree(\n  block: Block,\n  depth: number,\n  selectedBlockId: string | null,\n  onSelectBlock: (blockId: string) => void,\n  onDeleteBlock: (blockId: string) => void\n): React.ReactNode {\n  // Verificar se o bloco é válido\n  if (!block || typeof block !== 'object' || !block.id || !block.type) {\n    return null\n  }\n\n  const isSelected = block.id === selectedBlockId\n  const props = block.props as Record<string, any>\n  const hasChildren = props && typeof props === 'object' && props.children && Array.isArray(props.children) && props.children.length > 0\n\n  return (\n    <div key={block.id}>\n      <div\n        className={cn(\n          'flex items-center gap-2 p-2 rounded-lg transition-all cursor-pointer group',\n          'hover:scale-[1.01] active:scale-[0.99]',\n          isSelected\n            ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20'\n            : 'bg-gray-100/50 dark:bg-gray-800/50 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300',\n          depth > 0 && 'ml-4'\n        )}\n        style={{ paddingLeft: `${depth * 12 + 8}px` }}\n        onClick={() => onSelectBlock(block.id)}\n      >\n        {/* Indentação visual */}\n        {depth > 0 && (\n          <div className=\"flex-shrink-0 w-4 flex items-center justify-center\">\n            <ChevronRight className=\"w-3 h-3 opacity-50\" />\n          </div>\n        )}\n\n        {/* Badge de tipo */}\n        <div\n          className={cn(\n            'flex-shrink-0 w-6 h-6 rounded text-xs font-semibold flex items-center justify-center',\n            isSelected\n              ? 'bg-white/20 text-white'\n              : componentRegistry.get(block.type)?.pluginId\n                ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400'\n                : 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400'\n          )}\n          title={getBlockTypeName(block.type)}\n        >\n          {componentRegistry.get(block.type)?.pluginId ? '🧩' : block.type.substring(0, 2).toUpperCase()}\n        </div>\n\n        {/* Nome e preview */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs font-medium truncate\">{getBlockTypeName(block.type)}</div>\n          <div\n            className={cn(\n              'text-xs truncate',\n              isSelected ? 'text-white/80' : 'text-gray-500 dark:text-gray-400'\n            )}\n          >\n            {getBlockPreview(block)}\n          </div>\n        </div>\n\n        {/* Botão deletar */}\n        <button\n          onClick={(e) => {\n            e.stopPropagation()\n            onDeleteBlock(block.id)\n          }}\n          className={cn(\n            'p-1.5 rounded-full transition-all opacity-0 group-hover:opacity-100',\n            'hover:bg-white/30 dark:hover:bg-gray-700/50',\n            'hover:scale-110 active:scale-95',\n            isSelected\n              ? 'text-white hover:bg-white/40'\n              : 'text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'\n          )}\n          title=\"Deletar bloco\"\n        >\n          <Trash2 className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Renderizar children recursivamente */}\n      {hasChildren && (\n        <div className=\"mt-1\">\n          {props.children\n            .filter((child: Block) => child && child.id && child.type) // Filtrar children inválidos\n            .map((child: Block) =>\n              renderBlockTree(child, depth + 1, selectedBlockId, onSelectBlock, onDeleteBlock)\n            )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const BlockSelector = React.memo(function BlockSelector({\n  structure,\n  selectedBlockId,\n  onSelectBlock,\n  onDeleteBlock,\n}: BlockSelectorProps) {\n  // Filtrar estrutura inválida ANTES de usar\n  const validStructure = useMemo(() => {\n    if (!structure || !Array.isArray(structure)) return []\n    return structure.filter((b) => b && typeof b === 'object' && b.id && b.type)\n  }, [structure])\n\n  // Contar total de blocos (incluindo children) - usando useMemo para evitar recálculos\n  const totalBlocks = useMemo(() => {\n    const count = (blocks: Block[]): number => {\n      if (!blocks || !Array.isArray(blocks) || blocks.length === 0) return 0\n      \n      let total = 0\n      for (let i = 0; i < blocks.length; i++) {\n        const block = blocks[i]\n        \n        // Verificar se o bloco é válido ANTES de acessar qualquer propriedade\n        if (!block || typeof block !== 'object' || !block.id || !block.type) {\n          continue\n        }\n        \n        total++ // Contar o bloco atual\n        \n        // Verificar props de forma segura - SEMPRE dentro de try-catch\n        try {\n          if (!block.props) {\n            continue\n          }\n          \n          const props = block.props\n          if (props && typeof props === 'object' && !Array.isArray(props)) {\n            const children = (props as Record<string, any>).children\n            if (children && Array.isArray(children) && children.length > 0) {\n              // Filtrar children inválidos antes de contar recursivamente\n              const validChildren = children.filter(\n                (child: unknown) => child && typeof child === 'object' && (child as Block).id && (child as Block).type\n              )\n              if (validChildren.length > 0) {\n                total += count(validChildren)\n              }\n            }\n          }\n        } catch (error) {\n          // Se houver erro ao acessar props, apenas continuar\n          continue\n        }\n      }\n      return total\n    }\n    \n    return count(validStructure)\n  }, [validStructure])\n\n  return (\n    <div className=\"h-full flex flex-col overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex-shrink-0 p-3 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900\">\n        <h2 className=\"text-sm font-semibold text-gray-800 dark:text-gray-100\">Blocos</h2>\n        <p className=\"text-xs text-gray-500 dark:text-gray-400 mt-1\">\n          {totalBlocks} {totalBlocks === 1 ? 'bloco' : 'blocos'}\n        </p>\n      </div>\n\n      {/* Lista de blocos */}\n      <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n        {!validStructure || validStructure.length === 0 ? (\n          <div className=\"text-center text-gray-500 dark:text-gray-400 text-xs py-8\">\n            Nenhum bloco adicionado ainda\n          </div>\n        ) : (\n          validStructure.map((block) =>\n            renderBlockTree(block, 0, selectedBlockId, onSelectBlock, onDeleteBlock)\n          )\n        )}\n      </div>\n    </div>\n  )\n});\n"],"names":["getBlockTypeName","type","componentRegistry","getBlockPreview","block","props","renderBlockTree","depth","selectedBlockId","onSelectBlock","onDeleteBlock","isSelected","hasChildren","jsxs","cn","jsx","ChevronRight","Trash2","child","BlockSelector","React","structure","validStructure","useMemo","b","totalBlocks","count","blocks","total","i","children","validChildren"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LandingPageEditor.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAAE,YAAY,EAAuB,MAAM,WAAW,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAWtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,2CAkTxB"}
+{"version":3,"file":"LandingPageEditor.d.ts","sourceRoot":"","sources":["../../src/editor/LandingPageEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAAE,YAAY,EAAuB,MAAM,WAAW,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wDAAwD;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,2CAqUxB"}

package/dist/editor/LandingPageEditor.js

@@ -1,251 +1,265 @@
-import { jsx as i, jsxs as G } from "react/jsx-runtime";
-import { useState as y, useCallback as P, useEffect as F } from "react";
-import { TemplatePicker as ie } from "./TemplatePicker.js";
-import { useEditorState as de } from "../hooks/useEditorState.js";
-import { useKeyboardShortcuts as fe } from "../hooks/useKeyboardShortcuts.js";
-import { getTemplate as H } from "../shared/templates/index.js";
+import { jsx as p, jsxs as j } from "react/jsx-runtime";
+import { useState as k, useCallback as P, useEffect as H } from "react";
+import { TemplatePicker as ce } from "./TemplatePicker.js";
+import { useEditorState as ie } from "../hooks/useEditorState.js";
+import { useKeyboardShortcuts as pe } from "../hooks/useKeyboardShortcuts.js";
+import { getTemplate as A, templateDefaultPalette as F } from "../shared/templates/index.js";
+import { findPaletteByName as de } from "./PaletteSelector.js";
 import { sharedTemplateToEngineDocument as K } from "../utils/sharedTemplateToEngine.js";
 import { findBlockInStructure as ue } from "../utils/blockUtils.js";
-import { isLightColor as M } from "../utils/colorUtils.js";
-import { logger as B } from "../utils/logger.js";
+import { derivePaletteColors as he } from "../utils/colorUtils.js";
+import { logger as x } from "../utils/logger.js";
 import { processBlockDataURLs as me } from "../utils/dataURLUtils.js";
-import { Toolbar as pe } from "./components/Toolbar.js";
-import { LeftPanel as he } from "./components/LeftPanel.js";
-import { CenterPanel as ge } from "./components/CenterPanel.js";
-import { RightPanel as ve } from "./components/RightPanel.js";
-import { PatchBuilder as ke } from "../engine/patch/PatchBuilder.js";
-function Ne({
-  initialData: W,
-  defaultTemplateId: b,
+import { Toolbar as fe } from "./components/Toolbar.js";
+import { LeftPanel as ge } from "./components/LeftPanel.js";
+import { CenterPanel as ve } from "./components/CenterPanel.js";
+import { RightPanel as ke } from "./components/RightPanel.js";
+import { PatchBuilder as Pe } from "../engine/patch/PatchBuilder.js";
+function Oe({
+  initialData: M,
+  defaultTemplateId: C,
   onSave: w,
-  onPublish: x,
-  uploadConfig: C
+  onPublish: y,
+  uploadConfig: b
 }) {
   const {
-    document: o,
-    currentPageId: T,
+    document: t,
+    currentPageId: $,
     currentPage: d,
-    selectedBlockId: m,
-    selectedBlock: q,
-    history: z,
-    setCurrentPageId: p,
-    addPage: J,
-    removePage: Q,
-    canRemovePage: V,
-    setSelectedBlockId: s,
+    selectedBlockId: h,
+    selectedBlock: V,
+    history: W,
+    setCurrentPageId: m,
+    addPage: q,
+    removePage: z,
+    canRemovePage: J,
+    setSelectedBlockId: c,
     handleUndo: D,
-    handleRedo: L,
-    handleDeleteBlock: U,
-    handleUpdateBlock: X,
-    applyChange: h,
-    resetToTemplate: Y,
-    isPaletteSelected: E,
+    handleRedo: T,
+    handleDeleteBlock: E,
+    handleUpdateBlock: Q,
+    applyChange: f,
+    resetToTemplate: X,
+    isPaletteSelected: U,
     loadDocument: S,
-    activePlugins: Z,
-    activatePlugin: _,
-    deactivatePlugin: ee
-  } = de({ initialData: W }), [oe, g] = y(!1), [I, re] = y(
+    selectedPalette: I,
+    setSelectedPalette: u,
+    activePlugins: Y,
+    activatePlugin: Z,
+    deactivatePlugin: _
+  } = ie({ initialData: M }), [ee, g] = k(!1), [B, oe] = k(
     null
-  ), [R, $] = y(null), [N, te] = y(!1), O = P(
+  ), [L, R] = k(null), [N, te] = k(!1), G = P(
     (e) => {
-      const r = H(e);
-      if (!r) return;
-      const t = K(r);
-      S(t), re(e);
+      const o = A(e);
+      if (!o) return;
+      const r = K(o);
+      S(r), oe(e);
+      const a = F[e];
+      a && u(a);
     },
-    [S]
+    [S, u]
   );
-  F(() => {
-    !o && b && O(b);
-  }, [b]);
-  const j = async () => {
-    if (!(!o || !w || !C)) {
+  H(() => {
+    !t && C && G(C);
+  }, [C]);
+  const O = async () => {
+    if (!(!t || !w || !b)) {
       g(!0);
       try {
         const e = await Promise.all(
-          (o.pages || []).map(async (t) => ({
-            ...t,
+          (t.pages || []).map(async (r) => ({
+            ...r,
             structure: await Promise.all(
-              (t.structure || []).map((n) => me(n, C))
+              (r.structure || []).map((a) => me(a, b))
             )
           }))
-        ), r = {
-          ...o,
+        ), o = {
+          ...t,
           pages: e
         };
-        await w(r);
+        await w(o);
       } catch (e) {
-        throw B.error("Error saving:", e), e;
+        throw x.error("Error saving:", e), e;
       } finally {
         g(!1);
       }
     }
-  }, ne = async () => {
-    if (!(!o || !x)) {
+  }, re = async () => {
+    if (!(!t || !y)) {
       g(!0);
       try {
-        await x(o);
+        await y(t);
       } catch (e) {
-        B.error("Error publishing:", e);
+        x.error("Error publishing:", e);
       } finally {
         g(!1);
       }
     }
   }, ae = P(
-    (e, r) => {
-      if (!o || !d) return;
-      const t = d.id;
-      if (t)
+    (e, o) => {
+      if (!t || !d) return;
+      const r = d.id;
+      if (r)
         try {
-          const n = ke.updateBlockProps(
-            o,
+          const a = Pe.updateBlockProps(
             t,
+            r,
             e,
-            r
+            o
           );
-          n?.length && h(n, "Update block properties");
-        } catch (n) {
-          B.error("Error updating block:", n);
+          a?.length && f(a, "Update block properties");
+        } catch (a) {
+          x.error("Error updating block:", a);
         }
     },
-    [o, d, h]
-  ), ce = P((e) => {
-    if (!o) return;
-    const r = M(e.background ?? "#ffffff"), t = M(e.primary ?? "#3b82f6"), n = r ? "#6b7280" : "#9ca3af", c = t ? "#1f2937" : "#ffffff", a = e.menuLinkColor || e.primary, f = [], A = o.theme.colors, le = {
-      primary: e.primary,
-      secondary: e.secondary,
-      accent: e.accent,
-      bg: e.background,
-      surface: e.surface || A.surface || "#f8fafc",
-      text: e.text || A.text || "#1e293b",
-      mutedText: n,
-      primaryText: c,
-      linkColor: e.linkColor || e.primary,
-      menuLinkColor: a
-    };
-    for (const [l, u] of Object.entries(le))
-      f.push({ op: "replace", path: `/theme/colors/${l}`, value: u });
-    for (let l = 0; l < o.pages.length; l++) {
-      const u = o.pages[l];
-      if (u?.structure) {
-        for (let v = 0; v < u.structure.length; v++)
-          if (u.structure[v].type === "navbar") {
-            const k = `/pages/${l}/structure/${v}/props`;
-            f.push(
-              { op: "replace", path: `${k}/linkColor`, value: a },
-              { op: "replace", path: `${k}/linkHoverColor`, value: e.primary },
-              { op: "replace", path: `${k}/buttonColor`, value: e.primary },
-              { op: "replace", path: `${k}/buttonTextColor`, value: c }
+    [t, d, f]
+  ), le = P((e) => {
+    if (!t) return;
+    const o = he(e), r = [];
+    for (const [l, n] of Object.entries(o.themeColors))
+      r.push({ op: "replace", path: `/theme/colors/${l}`, value: n });
+    const a = /* @__PURE__ */ new Set([
+      "hero-gradient",
+      "hero-parallax",
+      "hero-overlay",
+      "hero-carousel"
+    ]);
+    for (let l = 0; l < t.pages.length; l++) {
+      const n = t.pages[l];
+      if (n?.structure)
+        for (let i = 0; i < n.structure.length; i++) {
+          const v = n.structure[i], s = `/pages/${l}/structure/${i}/props`;
+          if (v.type === "hero") {
+            const se = v.props?.variation || "";
+            a.has(se) && r.push(
+              { op: "replace", path: `${s}/background`, value: `linear-gradient(135deg, ${o.heroGradientStart} 0%, ${o.heroGradientEnd} 100%)` },
+              { op: "replace", path: `${s}/titleColor`, value: o.heroTitleColor },
+              { op: "replace", path: `${s}/subtitleColor`, value: o.heroSubtitleColor },
+              { op: "replace", path: `${s}/descriptionColor`, value: o.heroDescColor }
             );
-          }
-      }
+          } else v.type === "navbar" ? r.push(
+            { op: "replace", path: `${s}/bg`, value: o.navbarBg },
+            { op: "replace", path: `${s}/linkColor`, value: o.themeColors.menuLinkColor },
+            { op: "replace", path: `${s}/linkHoverColor`, value: o.themeColors.primary },
+            { op: "replace", path: `${s}/buttonColor`, value: o.themeColors.primary },
+            { op: "replace", path: `${s}/buttonTextColor`, value: o.themeColors.primaryText }
+          ) : v.type === "footer" && r.push(
+            { op: "replace", path: `${s}/linkHoverColor`, value: o.footerLinkHover }
+          );
+        }
     }
-    h(f, "Update color palette");
-  }, [o, h]), se = P((e, r) => {
-    s(e), $(r || null);
-  }, [s]);
-  return fe({
+    f(r, "Update color palette"), u(e.name ?? null);
+  }, [t, f, u]), ne = P((e, o) => {
+    c(e), R(o || null);
+  }, [c]);
+  return pe({
     onUndo: D,
-    onRedo: L,
-    onSave: j,
+    onRedo: T,
+    onSave: O,
     onDelete: () => {
-      m && U(m);
+      h && E(h);
     },
-    onDeselect: () => s(null)
-  }), F(() => {
-    const e = (r) => {
-      if (r.data?.type !== "editor-navigate" || !r.data.href) return;
-      const t = String(r.data.href);
-      if (!o) return;
-      const n = t.match(/^(?:\/site)?\/p\/([^#?]+)/);
-      if (n) {
-        const c = n[1], a = o.pages.find((f) => f.slug === c);
-        a && p(a.id);
+    onDeselect: () => c(null)
+  }), H(() => {
+    const e = (o) => {
+      if (o.data?.type !== "editor-navigate" || !o.data.href) return;
+      const r = String(o.data.href);
+      if (!t) return;
+      const a = r.match(/^(?:\/site)?\/p\/([^#?]+)/);
+      if (a) {
+        const l = a[1], n = t.pages.find((i) => i.slug === l);
+        n && m(n.id);
         return;
       }
-      if (t.startsWith("#")) {
-        const c = t.slice(1);
-        for (const a of o.pages)
-          if (ue(a.structure || [], c)) {
-            p(a.id), s(c);
+      if (r.startsWith("#")) {
+        const l = r.slice(1);
+        for (const n of t.pages)
+          if (ue(n.structure || [], l)) {
+            m(n.id), c(l);
             break;
           }
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [o, p, s]), o ? /* @__PURE__ */ G("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: [
-    /* @__PURE__ */ i(
-      pe,
+  }, [t, m, c]), t ? /* @__PURE__ */ j("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: [
+    /* @__PURE__ */ p(
+      fe,
       {
-        history: z,
-        isSaving: oe,
+        history: W,
+        isSaving: ee,
         onUndo: D,
-        onRedo: L,
-        onSave: j,
-        onPublish: x ? ne : void 0,
-        onReset: I ? () => {
-          const e = H(I);
-          e && S(K(e));
-        } : Y,
+        onRedo: T,
+        onSave: O,
+        onPublish: y ? re : void 0,
+        onReset: B ? () => {
+          const e = A(B);
+          if (e) {
+            S(K(e));
+            const o = F[B];
+            o && u(o);
+          }
+        } : X,
         showSelectionOverlay: N,
         onToggleSelectionOverlay: () => te((e) => !e)
       }
     ),
-    /* @__PURE__ */ G("div", { className: "flex-1 flex overflow-hidden min-h-0 max-h-full", children: [
-      /* @__PURE__ */ i(
-        he,
+    /* @__PURE__ */ j("div", { className: "flex-1 flex overflow-hidden min-h-0 max-h-full", children: [
+      /* @__PURE__ */ p(
+        ge,
         {
           currentPage: d,
-          selectedBlockId: m,
-          isPaletteSelected: E,
+          selectedBlockId: h,
+          isPaletteSelected: U,
           onSelectBlock: (e) => {
-            s(e), $(null);
+            c(e), R(null);
           },
-          onDeleteBlock: U
+          onDeleteBlock: E
         }
       ),
-      /* @__PURE__ */ i(
-        ge,
+      /* @__PURE__ */ p(
+        ve,
         {
-          document: o,
-          currentPageId: T,
+          document: t,
+          currentPageId: $,
           currentPage: d,
-          selectedBlockId: m,
-          onBlockClick: se,
-          onSelectPage: p,
+          selectedBlockId: h,
+          onBlockClick: ne,
+          onSelectPage: m,
           onAddPage: () => {
             const e = prompt("Nome da página:");
             if (!e) return;
-            const r = e.toLowerCase().replace(/\s+/g, "-");
-            J(r, e, r);
+            const o = e.toLowerCase().replace(/\s+/g, "-");
+            q(o, e, o);
           },
-          onRemovePage: Q,
-          canRemovePage: V,
+          onRemovePage: z,
+          canRemovePage: J,
           onUpdateBlock: ae,
-          activePlugins: Z,
-          onActivatePlugin: _,
-          onDeactivatePlugin: ee,
+          activePlugins: Y,
+          onActivatePlugin: Z,
+          onDeactivatePlugin: _,
           showSelectionOverlay: N,
-          focusedGroup: R
+          focusedGroup: L
         }
       ),
-      /* @__PURE__ */ i(
-        ve,
+      /* @__PURE__ */ p(
+        ke,
         {
-          isPaletteSelected: E,
-          selectedBlock: q,
-          onPaletteChange: ce,
-          onUpdateBlock: X,
-          uploadConfig: C,
-          document: o,
-          currentPageId: T,
-          focusedGroup: R
+          isPaletteSelected: U,
+          selectedBlock: V,
+          selectedPalette: I ? de(I) : void 0,
+          onPaletteChange: le,
+          onUpdateBlock: Q,
+          uploadConfig: b,
+          document: t,
+          currentPageId: $,
+          focusedGroup: L
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ i("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ i(ie, { onSelectTemplate: O }) });
+  ] }) : /* @__PURE__ */ p("div", { className: "h-[91vh] max-h-[91vh] flex flex-col bg-background overflow-hidden", children: /* @__PURE__ */ p(ce, { onSelectTemplate: G }) });
 }
 export {
-  Ne as LandingPageEditor
+  Oe as LandingPageEditor
 };
 //# sourceMappingURL=LandingPageEditor.js.map