npm - @brunoalz/smartgesti-site-editor - Versions diffs - 1.2.0 → 1.4.0 - Mend

@brunoalz/smartgesti-site-editor 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/dist/editor/LandingPageEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LandingPageEditor.js","sources":["../../src/editor/LandingPageEditor.tsx"],"sourcesContent":["/*\n Landing Page Editor\n * Editor de landing pages usando block engine\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 { SiteDocument, PatchBuilder, Block } 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\";\nimport { logger } from \"../utils/logger\";\nimport { processBlockDataURLs } from \"../utils/dataURLUtils\";\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 LandingPageEditorProps {\n initialData?: SiteDocument;\n /* ID do template a carregar quando não houver initialData (ex.: \"escola-edvi\") /\n defaultTemplateId?: TemplateId;\n onSave?: (data: SiteDocument) => Promise<void>;\n onPublish?: (data: SiteDocument) => Promise<void>;\n /* Configuração para upload seguro de imagens/vídeos /\n uploadConfig?: UploadConfig;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LandingPageEditor({\n initialData,\n defaultTemplateId,\n onSave,\n onPublish,\n uploadConfig,\n}: LandingPageEditorProps) {\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 activePlugins,\n activatePlugin,\n deactivatePlugin,\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 const [focusedGroup, setFocusedGroup] = useState<string \| null>(null);\n const [showSelectionOverlay, setShowSelectionOverlay] = useState(false);\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 \|\| !uploadConfig) return;\n setIsSaving(true);\n try {\n // Processar o documento para fazer upload de todos os Data URLs\n const processedPages = await Promise.all(\n (document.pages \|\| []).map(async (page) => ({\n ...page,\n structure: await Promise.all(\n (page.structure \|\| []).map((block) => processBlockDataURLs(block, uploadConfig))\n ),\n }))\n );\n\n const processedDocument = {\n ...document,\n pages: processedPages,\n };\n\n await onSave(processedDocument);\n } catch (error) {\n logger.error(\"Error saving:\", error);\n throw 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 logger.error(\"Error publishing:\", error);\n } finally {\n setIsSaving(false);\n }\n };\n\n // Handler para atualizar um bloco específico\n const handleUpdateBlockById = useCallback(\n (blockId: string, updates: Record<string, any>) => {\n if (!document \|\| !currentPage) return;\n const pageId = (currentPage as any).id;\n if (!pageId) return;\n\n try {\n const patch = PatchBuilder.updateBlockProps(\n document,\n pageId,\n blockId,\n updates\n );\n if (patch?.length) {\n applyChange(patch, \"Update block properties\");\n }\n } catch (error) {\n logger.error(\"Error updating block:\", error);\n }\n },\n [document, currentPage, applyChange]\n );\n\n // Handler para atualizar paleta de cores (inclui mutedText, primaryText, linkColor e menuLinkColor)\n const handlePaletteChange = useCallback((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 }, [document, applyChange]);\n\n // Handler para clique no preview (com grupo opcional para scroll-to-group)\n const handleBlockClick = useCallback((blockId: string, group?: string) => {\n setSelectedBlockId(blockId);\n setFocusedGroup(group \|\| null);\n }, [setSelectedBlockId]);\n\n // Limpar focusedGroup quando o bloco selecionado muda (via seleção no painel esquerdo, etc.)\n // Nota: handleBlockClick já define o focusedGroup corretamente quando vem do preview\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 showSelectionOverlay={showSelectionOverlay}\n onToggleSelectionOverlay={() => setShowSelectionOverlay(prev => !prev)}\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={(id) => { setSelectedBlockId(id); setFocusedGroup(null); }}\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={handleBlockClick}\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 onUpdateBlock={handleUpdateBlockById}\n activePlugins={activePlugins}\n onActivatePlugin={activatePlugin}\n onDeactivatePlugin={deactivatePlugin}\n showSelectionOverlay={showSelectionOverlay}\n focusedGroup={focusedGroup}\n />\n\n {/ Right: Editor Panel */}\n <RightPanel\n isPaletteSelected={isPaletteSelected}\n selectedBlock={selectedBlock}\n onPaletteChange={handlePaletteChange}\n onUpdateBlock={handleUpdateBlock}\n uploadConfig={uploadConfig}\n document={document}\n currentPageId={currentPageId}\n focusedGroup={focusedGroup}\n />\n </div>\n </div>\n );\n}\n"],"names":["LandingPageEditor","initialData","defaultTemplateId","onSave","onPublish","uploadConfig","document","currentPageId","currentPage","selectedBlockId","selectedBlock","history","setCurrentPageId","addPage","removePage","canRemovePage","setSelectedBlockId","handleUndo","handleRedo","handleDeleteBlock","handleUpdateBlock","applyChange","resetToTemplate","isPaletteSelected","loadDocument","activePlugins","activatePlugin","deactivatePlugin","useEditorState","isSaving","setIsSaving","useState","currentTemplateId","setCurrentTemplateId","focusedGroup","setFocusedGroup","showSelectionOverlay","setShowSelectionOverlay","handleSelectTemplate","useCallback","templateId","sharedDoc","getTemplate","engineDoc","sharedTemplateToEngineDocument","useEffect","handleSave","processedPages","page","block","processBlockDataURLs","processedDocument","error","logger","handlePublish","handleUpdateBlockById","blockId","updates","pageId","patch","PatchBuilder","handlePaletteChange","palette","bgLight","isLightColor","primaryLight","mutedText","primaryText","handleBlockClick","group","useKeyboardShortcuts","handleMessage","event","href","match","slug","p","id","findBlockInStructure","jsxs","jsx","Toolbar","prev","LeftPanel","CenterPanel","name","RightPanel","TemplatePicker"],"mappings":"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"}
1	+ {"version":3,"file":"LandingPageEditor.js","sources":["../../src/editor/LandingPageEditor.tsx"],"sourcesContent":["/*\n Landing Page Editor\n * Editor de landing pages usando block engine\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 { SiteDocument, PatchBuilder, Block } from \"../engine\";\nimport { getTemplate, templateDefaultPalette } from \"../shared/templates\";\nimport type { TemplateId } from \"../shared/templates\";\nimport { findPaletteByName } from \"./PaletteSelector\";\nimport { sharedTemplateToEngineDocument } from \"../utils/sharedTemplateToEngine\";\nimport { findBlockInStructure } from \"../utils/blockUtils\";\nimport { derivePaletteColors } from \"../utils/colorUtils\";\nimport { logger } from \"../utils/logger\";\nimport { processBlockDataURLs } from \"../utils/dataURLUtils\";\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 LandingPageEditorProps {\n initialData?: SiteDocument;\n /* ID do template a carregar quando não houver initialData (ex.: \"escola-edvi\") /\n defaultTemplateId?: TemplateId;\n onSave?: (data: SiteDocument) => Promise<void>;\n onPublish?: (data: SiteDocument) => Promise<void>;\n /* Configuração para upload seguro de imagens/vídeos /\n uploadConfig?: UploadConfig;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LandingPageEditor({\n initialData,\n defaultTemplateId,\n onSave,\n onPublish,\n uploadConfig,\n}: LandingPageEditorProps) {\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 selectedPalette,\n setSelectedPalette,\n activePlugins,\n activatePlugin,\n deactivatePlugin,\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 const [focusedGroup, setFocusedGroup] = useState<string \| null>(null);\n const [showSelectionOverlay, setShowSelectionOverlay] = useState(false);\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 // Auto-selecionar paleta correspondente ao template\n const paletteName = templateDefaultPalette[templateId];\n if (paletteName) {\n setSelectedPalette(paletteName);\n }\n },\n [loadDocument, setSelectedPalette],\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 \|\| !uploadConfig) return;\n setIsSaving(true);\n try {\n // Processar o documento para fazer upload de todos os Data URLs\n const processedPages = await Promise.all(\n (document.pages \|\| []).map(async (page) => ({\n ...page,\n structure: await Promise.all(\n (page.structure \|\| []).map((block) => processBlockDataURLs(block, uploadConfig))\n ),\n }))\n );\n\n const processedDocument = {\n ...document,\n pages: processedPages,\n };\n\n await onSave(processedDocument);\n } catch (error) {\n logger.error(\"Error saving:\", error);\n throw 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 logger.error(\"Error publishing:\", error);\n } finally {\n setIsSaving(false);\n }\n };\n\n // Handler para atualizar um bloco específico\n const handleUpdateBlockById = useCallback(\n (blockId: string, updates: Record<string, any>) => {\n if (!document \|\| !currentPage) return;\n const pageId = (currentPage as any).id;\n if (!pageId) return;\n\n try {\n const patch = PatchBuilder.updateBlockProps(\n document,\n pageId,\n blockId,\n updates\n );\n if (patch?.length) {\n applyChange(patch, \"Update block properties\");\n }\n } catch (error) {\n logger.error(\"Error updating block:\", error);\n }\n },\n [document, currentPage, applyChange]\n );\n\n // Handler para atualizar paleta de cores\n // Usa derivePaletteColors() para derivar todas as cores e patcha Hero/Navbar/Footer alem do theme\n const handlePaletteChange = useCallback((palette: any) => {\n if (!document) return;\n const derived = derivePaletteColors(palette);\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const allPatches: Array<{ op: \"replace\"; path: string; value: any }> = [];\n\n // 1. Theme color updates\n for (const [key, value] of Object.entries(derived.themeColors)) {\n allPatches.push({ op: \"replace\", path: `/theme/colors/${key}`, value });\n }\n\n // 2. Block-level patches (todas as paginas)\n // Hero variations that use dark gradient backgrounds\n const darkGradientVariations = new Set([\n \"hero-gradient\", \"hero-parallax\", \"hero-overlay\", \"hero-carousel\",\n ]);\n\n for (let pageIdx = 0; pageIdx < document.pages.length; pageIdx++) {\n const page = document.pages[pageIdx];\n if (!page?.structure) continue;\n for (let blockIdx = 0; blockIdx < page.structure.length; blockIdx++) {\n const block = page.structure[blockIdx];\n const base = `/pages/${pageIdx}/structure/${blockIdx}/props`;\n\n if (block.type === \"hero\") {\n const variation = (block.props as any)?.variation \|\| \"\";\n if (darkGradientVariations.has(variation)) {\n allPatches.push(\n { op: \"replace\", path: `${base}/background`, value: `linear-gradient(135deg, ${derived.heroGradientStart} 0%, ${derived.heroGradientEnd} 100%)` },\n { op: \"replace\", path: `${base}/titleColor`, value: derived.heroTitleColor },\n { op: \"replace\", path: `${base}/subtitleColor`, value: derived.heroSubtitleColor },\n { op: \"replace\", path: `${base}/descriptionColor`, value: derived.heroDescColor },\n );\n }\n } else if (block.type === \"navbar\") {\n allPatches.push(\n { op: \"replace\", path: `${base}/bg`, value: derived.navbarBg },\n { op: \"replace\", path: `${base}/linkColor`, value: derived.themeColors.menuLinkColor },\n { op: \"replace\", path: `${base}/linkHoverColor`, value: derived.themeColors.primary },\n { op: \"replace\", path: `${base}/buttonColor`, value: derived.themeColors.primary },\n { op: \"replace\", path: `${base}/buttonTextColor`, value: derived.themeColors.primaryText },\n );\n } else if (block.type === \"footer\") {\n allPatches.push(\n { op: \"replace\", path: `${base}/linkHoverColor`, value: derived.footerLinkHover },\n );\n }\n }\n }\n\n applyChange(allPatches, \"Update color palette\");\n setSelectedPalette(palette.name ?? null);\n }, [document, applyChange, setSelectedPalette]);\n\n // Handler para clique no preview (com grupo opcional para scroll-to-group)\n const handleBlockClick = useCallback((blockId: string, group?: string) => {\n setSelectedBlockId(blockId);\n setFocusedGroup(group \|\| null);\n }, [setSelectedBlockId]);\n\n // Limpar focusedGroup quando o bloco selecionado muda (via seleção no painel esquerdo, etc.)\n // Nota: handleBlockClick já define o focusedGroup corretamente quando vem do preview\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 const paletteName = templateDefaultPalette[currentTemplateId];\n if (paletteName) {\n setSelectedPalette(paletteName);\n }\n }\n }\n : resetToTemplate\n }\n showSelectionOverlay={showSelectionOverlay}\n onToggleSelectionOverlay={() => setShowSelectionOverlay(prev => !prev)}\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={(id) => { setSelectedBlockId(id); setFocusedGroup(null); }}\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={handleBlockClick}\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 onUpdateBlock={handleUpdateBlockById}\n activePlugins={activePlugins}\n onActivatePlugin={activatePlugin}\n onDeactivatePlugin={deactivatePlugin}\n showSelectionOverlay={showSelectionOverlay}\n focusedGroup={focusedGroup}\n />\n\n {/ Right: Editor Panel */}\n <RightPanel\n isPaletteSelected={isPaletteSelected}\n selectedBlock={selectedBlock}\n selectedPalette={selectedPalette ? findPaletteByName(selectedPalette) : undefined}\n onPaletteChange={handlePaletteChange}\n onUpdateBlock={handleUpdateBlock}\n uploadConfig={uploadConfig}\n document={document}\n currentPageId={currentPageId}\n focusedGroup={focusedGroup}\n />\n </div>\n </div>\n );\n}\n"],"names":["LandingPageEditor","initialData","defaultTemplateId","onSave","onPublish","uploadConfig","document","currentPageId","currentPage","selectedBlockId","selectedBlock","history","setCurrentPageId","addPage","removePage","canRemovePage","setSelectedBlockId","handleUndo","handleRedo","handleDeleteBlock","handleUpdateBlock","applyChange","resetToTemplate","isPaletteSelected","loadDocument","selectedPalette","setSelectedPalette","activePlugins","activatePlugin","deactivatePlugin","useEditorState","isSaving","setIsSaving","useState","currentTemplateId","setCurrentTemplateId","focusedGroup","setFocusedGroup","showSelectionOverlay","setShowSelectionOverlay","handleSelectTemplate","useCallback","templateId","sharedDoc","getTemplate","engineDoc","sharedTemplateToEngineDocument","paletteName","templateDefaultPalette","useEffect","handleSave","processedPages","page","block","processBlockDataURLs","processedDocument","error","logger","handlePublish","handleUpdateBlockById","blockId","updates","pageId","patch","PatchBuilder","handlePaletteChange","palette","derived","derivePaletteColors","allPatches","key","value","darkGradientVariations","pageIdx","blockIdx","base","variation","handleBlockClick","group","useKeyboardShortcuts","handleMessage","event","href","match","slug","p","id","findBlockInStructure","jsxs","jsx","Toolbar","prev","LeftPanel","CenterPanel","name","RightPanel","findPaletteByName","TemplatePicker"],"mappings":";;;;;;;;;;;;;;;;;AA8CO,SAASA,GAAkB;AAAA,EAChC,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,GAA2B;AAEzB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,GAAe,EAAE,aAAA7B,GAAa,GAG5B,CAAC8B,IAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAmBC,EAAoB,IAAIF;AAAA,IAChD;AAAA,EAAA,GAEI,CAACG,GAAcC,CAAe,IAAIJ,EAAwB,IAAI,GAC9D,CAACK,GAAsBC,EAAuB,IAAIN,EAAS,EAAK,GAGhEO,IAAuBC;AAAA,IAC3B,CAACC,MAA2B;AAC1B,YAAMC,IAAYC,EAAYF,CAAU;AACxC,UAAI,CAACC,EAAW;AAChB,YAAME,IAAYC,EAA+BH,CAAS;AAC1D,MAAAnB,EAAaqB,CAAS,GACtBV,GAAqBO,CAAU;AAG/B,YAAMK,IAAcC,EAAuBN,CAAU;AACrD,MAAIK,KACFrB,EAAmBqB,CAAW;AAAA,IAElC;AAAA,IACA,CAACvB,GAAcE,CAAkB;AAAA,EAAA;AAInC,EAAAuB,EAAU,MAAM;AACd,IAAI,CAAC3C,KAAYJ,KACfsC,EAAqBtC,CAAiB;AAAA,EAE1C,GAAG,CAACA,CAAiB,CAAC;AAGtB,QAAMgD,IAAa,YAAY;AAC7B,QAAI,GAAC5C,KAAY,CAACH,KAAU,CAACE,IAC7B;AAAA,MAAA2B,EAAY,EAAI;AAChB,UAAI;AAEF,cAAMmB,IAAiB,MAAM,QAAQ;AAAA,WAClC7C,EAAS,SAAS,CAAA,GAAI,IAAI,OAAO8C,OAAU;AAAA,YAC1C,GAAGA;AAAA,YACH,WAAW,MAAM,QAAQ;AAAA,eACtBA,EAAK,aAAa,IAAI,IAAI,CAACC,MAAUC,GAAqBD,GAAOhD,CAAY,CAAC;AAAA,YAAA;AAAA,UACjF,EACA;AAAA,QAAA,GAGEkD,IAAoB;AAAA,UACxB,GAAGjD;AAAA,UACH,OAAO6C;AAAA,QAAA;AAGT,cAAMhD,EAAOoD,CAAiB;AAAA,MAChC,SAASC,GAAO;AACd,cAAAC,EAAO,MAAM,iBAAiBD,CAAK,GAC7BA;AAAA,MACR,UAAA;AACE,QAAAxB,EAAY,EAAK;AAAA,MACnB;AAAA;AAAA,EACF,GAEM0B,KAAgB,YAAY;AAChC,QAAI,GAACpD,KAAY,CAACF,IAClB;AAAA,MAAA4B,EAAY,EAAI;AAChB,UAAI;AACF,cAAM5B,EAAUE,CAAQ;AAAA,MAC1B,SAASkD,GAAO;AACd,QAAAC,EAAO,MAAM,qBAAqBD,CAAK;AAAA,MACzC,UAAA;AACE,QAAAxB,EAAY,EAAK;AAAA,MACnB;AAAA;AAAA,EACF,GAGM2B,KAAwBlB;AAAA,IAC5B,CAACmB,GAAiBC,MAAiC;AACjD,UAAI,CAACvD,KAAY,CAACE,EAAa;AAC/B,YAAMsD,IAAUtD,EAAoB;AACpC,UAAKsD;AAEL,YAAI;AACF,gBAAMC,IAAQC,GAAa;AAAA,YACzB1D;AAAA,YACAwD;AAAA,YACAF;AAAA,YACAC;AAAA,UAAA;AAEF,UAAIE,GAAO,UACT1C,EAAY0C,GAAO,yBAAyB;AAAA,QAEhD,SAASP,GAAO;AACd,UAAAC,EAAO,MAAM,yBAAyBD,CAAK;AAAA,QAC7C;AAAA,IACF;AAAA,IACA,CAAClD,GAAUE,GAAaa,CAAW;AAAA,EAAA,GAK/B4C,KAAsBxB,EAAY,CAACyB,MAAiB;AACxD,QAAI,CAAC5D,EAAU;AACf,UAAM6D,IAAUC,GAAoBF,CAAO,GAGrCG,IAAiE,CAAA;AAGvE,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,EAAQ,WAAW;AAC3D,MAAAE,EAAW,KAAK,EAAE,IAAI,WAAW,MAAM,iBAAiBC,CAAG,IAAI,OAAAC,GAAO;AAKxE,UAAMC,wBAA6B,IAAI;AAAA,MACrC;AAAA,MAAiB;AAAA,MAAiB;AAAA,MAAgB;AAAA,IAAA,CACnD;AAED,aAASC,IAAU,GAAGA,IAAUnE,EAAS,MAAM,QAAQmE,KAAW;AAChE,YAAMrB,IAAO9C,EAAS,MAAMmE,CAAO;AACnC,UAAKrB,GAAM;AACX,iBAASsB,IAAW,GAAGA,IAAWtB,EAAK,UAAU,QAAQsB,KAAY;AACnE,gBAAMrB,IAAQD,EAAK,UAAUsB,CAAQ,GAC/BC,IAAO,UAAUF,CAAO,cAAcC,CAAQ;AAEpD,cAAIrB,EAAM,SAAS,QAAQ;AACzB,kBAAMuB,KAAavB,EAAM,OAAe,aAAa;AACrD,YAAImB,EAAuB,IAAII,EAAS,KACtCP,EAAW;AAAA,cACT,EAAE,IAAI,WAAW,MAAM,GAAGM,CAAI,eAAe,OAAO,2BAA2BR,EAAQ,iBAAiB,QAAQA,EAAQ,eAAe,SAAA;AAAA,cACvI,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,eAAe,OAAOR,EAAQ,eAAA;AAAA,cAC5D,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,kBAAkB,OAAOR,EAAQ,kBAAA;AAAA,cAC/D,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,qBAAqB,OAAOR,EAAQ,cAAA;AAAA,YAAc;AAAA,UAGtF,MAAA,CAAWd,EAAM,SAAS,WACxBgB,EAAW;AAAA,YACT,EAAE,IAAI,WAAW,MAAM,GAAGM,CAAI,OAAO,OAAOR,EAAQ,SAAA;AAAA,YACpD,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,cAAc,OAAOR,EAAQ,YAAY,cAAA;AAAA,YACvE,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,mBAAmB,OAAOR,EAAQ,YAAY,QAAA;AAAA,YAC5E,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,gBAAgB,OAAOR,EAAQ,YAAY,QAAA;AAAA,YACzE,EAAE,IAAI,WAAW,MAAM,GAAGQ,CAAI,oBAAoB,OAAOR,EAAQ,YAAY,YAAA;AAAA,UAAY,IAElFd,EAAM,SAAS,YACxBgB,EAAW;AAAA,YACT,EAAE,IAAI,WAAW,MAAM,GAAGM,CAAI,mBAAmB,OAAOR,EAAQ,gBAAA;AAAA,UAAgB;AAAA,QAGtF;AAAA,IACF;AAEA,IAAA9C,EAAYgD,GAAY,sBAAsB,GAC9C3C,EAAmBwC,EAAQ,QAAQ,IAAI;AAAA,EACzC,GAAG,CAAC5D,GAAUe,GAAaK,CAAkB,CAAC,GAGxCmD,KAAmBpC,EAAY,CAACmB,GAAiBkB,MAAmB;AACxE,IAAA9D,EAAmB4C,CAAO,GAC1BvB,EAAgByC,KAAS,IAAI;AAAA,EAC/B,GAAG,CAAC9D,CAAkB,CAAC;AAiDvB,SA1CA+D,GAAqB;AAAA,IACnB,QAAQ9D;AAAA,IACR,QAAQC;AAAA,IACR,QAAQgC;AAAA,IACR,UAAU,MAAM;AACd,MAAIzC,KACFU,EAAkBV,CAAe;AAAA,IAErC;AAAA,IACA,YAAY,MAAMO,EAAmB,IAAI;AAAA,EAAA,CAC1C,GAEDiC,EAAU,MAAM;AACd,UAAM+B,IAAgB,CAACC,MAAwB;AAC7C,UAAIA,EAAM,MAAM,SAAS,qBAAqB,CAACA,EAAM,KAAK,KAAM;AAChE,YAAMC,IAAO,OAAOD,EAAM,KAAK,IAAI;AACnC,UAAI,CAAC3E,EAAU;AAEf,YAAM6E,IAAQD,EAAK,MAAM,2BAA2B;AACpD,UAAIC,GAAO;AACT,cAAMC,IAAOD,EAAM,CAAC,GACd/B,IAAO9C,EAAS,MAAM,KAAK,CAAC+E,MAAMA,EAAE,SAASD,CAAI;AACvD,QAAIhC,KAAMxC,EAAiBwC,EAAK,EAAE;AAClC;AAAA,MACF;AAEA,UAAI8B,EAAK,WAAW,GAAG,GAAG;AACxB,cAAMI,IAAKJ,EAAK,MAAM,CAAC;AACvB,mBAAWG,KAAK/E,EAAS;AACvB,cAAIiF,GAAqBF,EAAE,aAAa,CAAA,GAAIC,CAAE,GAAG;AAC/C,YAAA1E,EAAiByE,EAAE,EAAE,GACrBrE,EAAmBsE,CAAE;AACrB;AAAA,UACF;AAAA,MAEJ;AAAA,IACF;AACA,kBAAO,iBAAiB,WAAWN,CAAa,GACzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAClE,GAAG,CAAC1E,GAAUM,GAAkBI,CAAkB,CAAC,GAG9CV,IASH,gBAAAkF,EAAC,OAAA,EAAI,WAAU,qEAEb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAA/E;AAAA,QACA,UAAAoB;AAAA,QACA,QAAQd;AAAA,QACR,QAAQC;AAAA,QACR,QAAQgC;AAAA,QACR,WAAW9C,IAAYsD,KAAgB;AAAA,QACvC,SACExB,IACI,MAAM;AAEJ,gBAAMS,IAAYC,EAAYV,CAAiB;AAC/C,cAAIS,GAAW;AACb,YAAAnB,EAAasB,EAA+BH,CAAS,CAAC;AACtD,kBAAMI,IAAcC,EAAuBd,CAAiB;AAC5D,YAAIa,KACFrB,EAAmBqB,CAAW;AAAA,UAElC;AAAA,QACF,IACAzB;AAAA,QAEN,sBAAAgB;AAAA,QACA,0BAA0B,MAAMC,GAAwB,CAAAoD,MAAQ,CAACA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAIvE,gBAAAH,EAAC,OAAA,EAAI,WAAU,kDAEb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAApF;AAAA,UACA,iBAAAC;AAAA,UACA,mBAAAc;AAAA,UACA,eAAe,CAAC+D,MAAO;AAAE,YAAAtE,EAAmBsE,CAAE,GAAGjD,EAAgB,IAAI;AAAA,UAAG;AAAA,UACxE,eAAelB;AAAA,QAAA;AAAA,MAAA;AAAA,MAIjB,gBAAAsE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAAvF;AAAA,UACA,eAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAcoE;AAAA,UACd,cAAcjE;AAAA,UACd,WAAW,MAAM;AACf,kBAAMkF,IAAO,OAAO,iBAAiB;AACrC,gBAAI,CAACA,EAAM;AACX,kBAAMV,IAAOU,EAAK,YAAA,EAAc,QAAQ,QAAQ,GAAG;AAEnD,YAAAjF,EADWuE,GACCU,GAAMV,CAAI;AAAA,UACxB;AAAA,UACA,cAActE;AAAA,UACd,eAAAC;AAAA,UACA,eAAe4C;AAAA,UACf,eAAAhC;AAAA,UACA,kBAAkBC;AAAA,UAClB,oBAAoBC;AAAA,UACpB,sBAAAS;AAAA,UACA,cAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAIF,gBAAAqD;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,mBAAAxE;AAAA,UACA,eAAAb;AAAA,UACA,iBAAiBe,IAAkBuE,GAAkBvE,CAAe,IAAI;AAAA,UACxE,iBAAiBwC;AAAA,UACjB,eAAe7C;AAAA,UACf,cAAAf;AAAA,UACA,UAAAC;AAAA,UACA,eAAAC;AAAA,UACA,cAAA6B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF,IApFE,gBAAAqD,EAAC,SAAI,WAAU,qEACb,4BAACQ,IAAA,EAAe,kBAAkBzD,GAAsB,EAAA,CAC1D;AAoFN;"}

package/dist/editor/PaletteSelector.d.ts CHANGED Viewed

@@ -13,8 +13,11 @@ export interface ColorPalette {
     linkColor?: string;
     menuLinkColor?: string;
     gradient: string[];
+    heroGradientStart?: string;
+    heroGradientEnd?: string;
 }
 export declare const colorPalettes: ColorPalette[];
+export declare function findPaletteByName(name: string): ColorPalette | undefined;
 interface PaletteSelectorProps {
     selectedPalette?: ColorPalette;
     onPaletteChange: (palette: ColorPalette) => void;

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

	@@ -1 +1 @@
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~~"}
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;IAGnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD,eAAO,MAAM,aAAa,EAAE,YAAY,EAwOvC,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAExE;AAMD,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,2CAyCtB"}

package/dist/editor/PaletteSelector.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { cn as t } from "../utils/cn.js";
-const i = [
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { cn as i } from "../utils/cn.js";
+const d = [
   // Azuis
   {
     name: "Blue Serenity",
@@ -14,7 +14,9 @@ const i = [
     // Links gerais - azul escuro
     menuLinkColor: "#2563eb",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#3b82f6", "#60a5fa", "#93c5fd"]
+    gradient: ["#3b82f6", "#60a5fa", "#93c5fd"],
+    heroGradientStart: "#1e3a5f",
+    heroGradientEnd: "#2d5a8e"
   },
   {
     name: "Ocean Deep",
@@ -28,7 +30,9 @@ const i = [
     // Links gerais - azul claro
     menuLinkColor: "#38bdf8",
     // Links do menu - tom do primary mais claro
-    gradient: ["#0284c7", "#0369a1", "#38bdf8"]
+    gradient: ["#0284c7", "#0369a1", "#38bdf8"],
+    heroGradientStart: "#0a1628",
+    heroGradientEnd: "#0c2d4d"
   },
   // Verdes
   {
@@ -43,7 +47,9 @@ const i = [
     // Links gerais - verde escuro
     menuLinkColor: "#059669",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#10b981", "#059669", "#34d399"]
+    gradient: ["#10b981", "#059669", "#34d399"],
+    heroGradientStart: "#0d3320",
+    heroGradientEnd: "#1a5c3a"
   },
   {
     name: "Forest",
@@ -57,7 +63,9 @@ const i = [
     // Links gerais - verde claro
     menuLinkColor: "#4ade80",
     // Links do menu - tom do primary mais claro
-    gradient: ["#22c55e", "#16a34a", "#4ade80"]
+    gradient: ["#22c55e", "#16a34a", "#4ade80"],
+    heroGradientStart: "#0a1f12",
+    heroGradientEnd: "#153d25"
   },
   // Roxos
   {
@@ -72,7 +80,9 @@ const i = [
     // Links gerais - roxo escuro
     menuLinkColor: "#7c3aed",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#8b5cf6", "#7c3aed", "#a78bfa"]
+    gradient: ["#8b5cf6", "#7c3aed", "#a78bfa"],
+    heroGradientStart: "#2d1b69",
+    heroGradientEnd: "#4c2889"
   },
   {
     name: "Midnight",
@@ -86,7 +96,9 @@ const i = [
     // Links gerais - roxo claro
     menuLinkColor: "#c084fc",
     // Links do menu - tom do primary mais claro
-    gradient: ["#a855f7", "#9333ea", "#c084fc"]
+    gradient: ["#a855f7", "#9333ea", "#c084fc"],
+    heroGradientStart: "#1e1b4b",
+    heroGradientEnd: "#312e81"
   },
   // Laranjas/Amarelos
   {
@@ -101,7 +113,9 @@ const i = [
     // Links gerais - laranja escuro
     menuLinkColor: "#ea580c",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#f97316", "#ea580c", "#fb923c"]
+    gradient: ["#f97316", "#ea580c", "#fb923c"],
+    heroGradientStart: "#4a1d0a",
+    heroGradientEnd: "#7a3012"
   },
   {
     name: "Golden",
@@ -115,7 +129,9 @@ const i = [
     // Links gerais - amarelo claro
     menuLinkColor: "#fde047",
     // Links do menu - amarelo bem claro para contraste
-    gradient: ["#eab308", "#ca8a04", "#facc15"]
+    gradient: ["#eab308", "#ca8a04", "#facc15"],
+    heroGradientStart: "#1a1500",
+    heroGradientEnd: "#3d3005"
   },
   // Vermelhos/Rosas
   {
@@ -130,7 +146,9 @@ const i = [
     // Links gerais - rosa escuro
     menuLinkColor: "#e11d48",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#f43f5e", "#e11d48", "#fb7185"]
+    gradient: ["#f43f5e", "#e11d48", "#fb7185"],
+    heroGradientStart: "#4a0a1a",
+    heroGradientEnd: "#7a1230"
   },
   {
     name: "Berry",
@@ -144,7 +162,9 @@ const i = [
     // Links gerais - amarelo para contraste
     menuLinkColor: "#fda4d0",
     // Links do menu - rosa bem claro para contraste
-    gradient: ["#ec4899", "#db2777", "#f472b6"]
+    gradient: ["#ec4899", "#db2777", "#f472b6"],
+    heroGradientStart: "#3d0724",
+    heroGradientEnd: "#6b1040"
   },
   // Neutros
   {
@@ -159,7 +179,9 @@ const i = [
     // Links gerais - cinza escuro
     menuLinkColor: "#334155",
     // Links do menu - tom do primary mais escuro
-    gradient: ["#475569", "#334155", "#64748b"]
+    gradient: ["#475569", "#334155", "#64748b"],
+    heroGradientStart: "#1a1a2e",
+    heroGradientEnd: "#2d2d4a"
   },
   {
     name: "Dark Mode",
@@ -173,29 +195,95 @@ const i = [
     // Links gerais - índigo claro
     menuLinkColor: "#818cf8",
     // Links do menu - tom do primary mais claro
-    gradient: ["#6366f1", "#4f46e5", "#818cf8"]
+    gradient: ["#6366f1", "#4f46e5", "#818cf8"],
+    heroGradientStart: "#0f0a2e",
+    heroGradientEnd: "#1a1552"
+  },
+  // Template-specific palettes
+  {
+    name: "Indigo & Cyan",
+    primary: "#6366f1",
+    secondary: "#0ea5e9",
+    accent: "#f97316",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#4338ca",
+    menuLinkColor: "#6366f1",
+    gradient: ["#6366f1", "#0ea5e9", "#f97316"],
+    heroGradientStart: "#3730a3",
+    heroGradientEnd: "#0369a1"
+  },
+  {
+    name: "Blue Academy",
+    primary: "#2563eb",
+    secondary: "#1d4ed8",
+    accent: "#3b82f6",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#1e40af",
+    menuLinkColor: "#2563eb",
+    gradient: ["#2563eb", "#1d4ed8", "#3b82f6"],
+    heroGradientStart: "#1e3a8a",
+    heroGradientEnd: "#1e40af"
+  },
+  {
+    name: "Indigo Amber",
+    primary: "#4f46e5",
+    secondary: "#6366f1",
+    accent: "#f59e0b",
+    background: "#ffffff",
+    surface: "#f9fafb",
+    text: "#111827",
+    linkColor: "#4338ca",
+    menuLinkColor: "#4f46e5",
+    gradient: ["#4f46e5", "#6366f1", "#f59e0b"],
+    heroGradientStart: "#312e81",
+    heroGradientEnd: "#3730a3"
+  },
+  {
+    name: "Indigo Pro",
+    primary: "#6366f1",
+    secondary: "#4f46e5",
+    accent: "#8b5cf6",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    linkColor: "#4338ca",
+    menuLinkColor: "#6366f1",
+    gradient: ["#6366f1", "#4f46e5", "#8b5cf6"],
+    heroGradientStart: "#1e1b4b",
+    heroGradientEnd: "#312e81"
   }
 ];
-function m({
+function m(r) {
+  return d.find((n) => n.name === r);
+}
+function s({
   selectedPalette: r,
-  onPaletteChange: f
+  onPaletteChange: n
 }) {
-  const n = (e) => r?.name === e.name;
-  return /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: i.map((e) => /* @__PURE__ */ d(
+  const o = (e) => r?.name === e.name;
+  return /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: d.map((e) => /* @__PURE__ */ f(
     "button",
     {
-      onClick: () => f(e),
-      className: t(
+      onClick: () => n(e),
+      className: i(
         "rounded-lg cursor-pointer transition-all p-2",
         "flex flex-col items-center gap-1.5",
         "border-2",
-        n(e) ? "border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",
+        o(e) ? "border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",
         "bg-white dark:bg-gray-800",
         "hover:scale-[1.02] active:scale-[0.98]"
       ),
       title: e.name,
       children: [
-        /* @__PURE__ */ a("div", { className: "w-full h-8 rounded-md flex overflow-hidden mb-1.5", children: e.gradient.map((c, o) => /* @__PURE__ */ a("span", { className: "flex-1", style: { background: c } }, o)) }),
+        /* @__PURE__ */ f("div", { className: "w-full h-8 rounded-md flex overflow-hidden mb-1.5", children: [
+          e.gradient.map((c, t) => /* @__PURE__ */ a("span", { className: "flex-1", style: { background: c } }, t)),
+          e.heroGradientStart && /* @__PURE__ */ a("span", { className: "flex-1", style: { background: e.heroGradientStart } }),
+          e.heroGradientEnd && /* @__PURE__ */ a("span", { className: "flex-1", style: { background: e.heroGradientEnd } })
+        ] }),
         /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1", children: e.name })
       ]
     },
@@ -203,7 +291,8 @@ function m({
   )) });
 }
 export {
-  m as PaletteSelector,
-  i as colorPalettes
+  s as PaletteSelector,
+  d as colorPalettes,
+  m as findPaletteByName
 };
 //# sourceMappingURL=PaletteSelector.js.map

package/dist/editor/PaletteSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaletteSelector.js","sources":["../../src/editor/PaletteSelector.tsx"],"sourcesContent":["/*\r\n Palette Selector\r\n * Seletor de paletas de cores para o editor\r\n */\r\n\r\nimport { cn } from \"../utils/cn\";\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface ColorPalette {\r\n name: string;\r\n primary: string;\r\n secondary: string;\r\n accent: string;\r\n background: string;\r\n surface?: string;\r\n text: string;\r\n linkColor?: string; // Cor específica para links em geral (dropdowns, etc)\r\n menuLinkColor?: string; // Cor específica para links do menu navbar (derivada do primary)\r\n gradient: string[];\r\n}\r\n\r\n// ============================================================================\r\n// Palettes (text e background devem ter contraste adequado; evitar text === background)\r\n// ============================================================================\r\n\r\nexport const colorPalettes: ColorPalette[] = [\r\n // Azuis\r\n {\r\n name: \"Blue Serenity\",\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n accent: \"#93c5fd\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#1e293b\",\r\n linkColor: \"#1e40af\", // Links gerais - azul escuro\r\n menuLinkColor: \"#2563eb\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#3b82f6\", \"#60a5fa\", \"#93c5fd\"],\r\n },\r\n {\r\n name: \"Ocean Deep\",\r\n primary: \"#0284c7\",\r\n secondary: \"#0369a1\",\r\n accent: \"#38bdf8\",\r\n background: \"#0f172a\",\r\n surface: \"#1e293b\",\r\n text: \"#f8fafc\",\r\n linkColor: \"#7dd3fc\", // Links gerais - azul claro\r\n menuLinkColor: \"#38bdf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#0284c7\", \"#0369a1\", \"#38bdf8\"],\r\n },\r\n // Verdes\r\n {\r\n name: \"Emerald\",\r\n primary: \"#10b981\",\r\n secondary: \"#059669\",\r\n accent: \"#34d399\",\r\n background: \"#ffffff\",\r\n surface: \"#f0fdf4\",\r\n text: \"#166534\",\r\n linkColor: \"#047857\", // Links gerais - verde escuro\r\n menuLinkColor: \"#059669\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#10b981\", \"#059669\", \"#34d399\"],\r\n },\r\n {\r\n name: \"Forest\",\r\n primary: \"#22c55e\",\r\n secondary: \"#16a34a\",\r\n accent: \"#4ade80\",\r\n background: \"#052e16\",\r\n surface: \"#14532d\",\r\n text: \"#f0fdf4\",\r\n linkColor: \"#86efac\", // Links gerais - verde claro\r\n menuLinkColor: \"#4ade80\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#22c55e\", \"#16a34a\", \"#4ade80\"],\r\n },\r\n // Roxos\r\n {\r\n name: \"Purple Dream\",\r\n primary: \"#8b5cf6\",\r\n secondary: \"#7c3aed\",\r\n accent: \"#a78bfa\",\r\n background: \"#ffffff\",\r\n surface: \"#faf5ff\",\r\n text: \"#4c1d95\",\r\n linkColor: \"#6d28d9\", // Links gerais - roxo escuro\r\n menuLinkColor: \"#7c3aed\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#8b5cf6\", \"#7c3aed\", \"#a78bfa\"],\r\n },\r\n {\r\n name: \"Midnight\",\r\n primary: \"#a855f7\",\r\n secondary: \"#9333ea\",\r\n accent: \"#c084fc\",\r\n background: \"#1e1b4b\",\r\n surface: \"#312e81\",\r\n text: \"#f5f3ff\",\r\n linkColor: \"#d8b4fe\", // Links gerais - roxo claro\r\n menuLinkColor: \"#c084fc\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#a855f7\", \"#9333ea\", \"#c084fc\"],\r\n },\r\n // Laranjas/Amarelos\r\n {\r\n name: \"Sunset\",\r\n primary: \"#f97316\",\r\n secondary: \"#ea580c\",\r\n accent: \"#fb923c\",\r\n background: \"#ffffff\",\r\n surface: \"#fff7ed\",\r\n text: \"#7c2d12\",\r\n linkColor: \"#c2410c\", // Links gerais - laranja escuro\r\n menuLinkColor: \"#ea580c\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f97316\", \"#ea580c\", \"#fb923c\"],\r\n },\r\n {\r\n name: \"Golden\",\r\n primary: \"#eab308\",\r\n secondary: \"#ca8a04\",\r\n accent: \"#facc15\",\r\n background: \"#1a1a1a\",\r\n surface: \"#262626\",\r\n text: \"#fefce8\",\r\n linkColor: \"#fde047\", // Links gerais - amarelo claro\r\n menuLinkColor: \"#fde047\", // Links do menu - amarelo bem claro para contraste\r\n gradient: [\"#eab308\", \"#ca8a04\", \"#facc15\"],\r\n },\r\n // Vermelhos/Rosas\r\n {\r\n name: \"Rose\",\r\n primary: \"#f43f5e\",\r\n secondary: \"#e11d48\",\r\n accent: \"#fb7185\",\r\n background: \"#ffffff\",\r\n surface: \"#fff1f2\",\r\n text: \"#881337\",\r\n linkColor: \"#be123c\", // Links gerais - rosa escuro\r\n menuLinkColor: \"#e11d48\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f43f5e\", \"#e11d48\", \"#fb7185\"],\r\n },\r\n {\r\n name: \"Berry\",\r\n primary: \"#ec4899\",\r\n secondary: \"#db2777\",\r\n accent: \"#f472b6\",\r\n background: \"#500724\",\r\n surface: \"#831843\",\r\n text: \"#fdf2f8\",\r\n linkColor: \"#fbbf24\", // Links gerais - amarelo para contraste\r\n menuLinkColor: \"#fda4d0\", // Links do menu - rosa bem claro para contraste\r\n gradient: [\"#ec4899\", \"#db2777\", \"#f472b6\"],\r\n },\r\n // Neutros\r\n {\r\n name: \"Slate Modern\",\r\n primary: \"#475569\",\r\n secondary: \"#334155\",\r\n accent: \"#64748b\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e293b\", // Links gerais - cinza escuro\r\n menuLinkColor: \"#334155\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#475569\", \"#334155\", \"#64748b\"],\r\n },\r\n {\r\n name: \"Dark Mode\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#818cf8\",\r\n background: \"#0f0f0f\",\r\n surface: \"#1a1a1a\",\r\n text: \"#fafafa\",\r\n linkColor: \"#a5b4fc\", // Links gerais - índigo claro\r\n menuLinkColor: \"#818cf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#818cf8\"],\r\n },\r\n];\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\ninterface PaletteSelectorProps {\r\n selectedPalette?: ColorPalette;\r\n onPaletteChange: (palette: ColorPalette) => void;\r\n}\r\n\r\nexport function PaletteSelector({\r\n selectedPalette,\r\n onPaletteChange,\r\n}: PaletteSelectorProps) {\r\n const isSelected = (palette: ColorPalette) => {\r\n return selectedPalette?.name === palette.name;\r\n };\r\n\r\n return (\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n {colorPalettes.map((palette) => (\r\n <button\r\n key={palette.name}\r\n onClick={() => onPaletteChange(palette)}\r\n className={cn(\r\n \"rounded-lg cursor-pointer transition-all p-2\",\r\n \"flex flex-col items-center gap-1.5\",\r\n \"border-2\",\r\n isSelected(palette)\r\n ? \"border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm\"\r\n : \"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600\",\r\n \"bg-white dark:bg-gray-800\",\r\n \"hover:scale-[1.02] active:scale-[0.98]\",\r\n )}\r\n title={palette.name}\r\n >\r\n <div className=\"w-full h-8 rounded-md flex overflow-hidden mb-1.5\">\r\n {palette.gradient.map((color, i) => (\r\n <span key={i} className=\"flex-1\" style={{ background: color }} />\r\n ))}\r\n </div>\r\n <span className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1\">\r\n {palette.name}\r\n </span>\r\n </button>\r\n ))}\r\n </div>\r\n );\r\n}\r\n"],"names":["colorPalettes","PaletteSelector","selectedPalette","onPaletteChange","isSelected","palette","jsxs","cn","jsx","color","i"],"mappings":"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"}
1	+ {"version":3,"file":"PaletteSelector.js","sources":["../../src/editor/PaletteSelector.tsx"],"sourcesContent":["/*\r\n Palette Selector\r\n * Seletor de paletas de cores para o editor\r\n */\r\n\r\nimport { cn } from \"../utils/cn\";\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface ColorPalette {\r\n name: string;\r\n primary: string;\r\n secondary: string;\r\n accent: string;\r\n background: string;\r\n surface?: string;\r\n text: string;\r\n linkColor?: string; // Cor específica para links em geral (dropdowns, etc)\r\n menuLinkColor?: string; // Cor específica para links do menu navbar (derivada do primary)\r\n gradient: string[];\r\n\r\n // Hero gradient overrides (derivados automaticamente se ausentes)\r\n heroGradientStart?: string;\r\n heroGradientEnd?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Palettes (text e background devem ter contraste adequado; evitar text === background)\r\n// ============================================================================\r\n\r\nexport const colorPalettes: ColorPalette[] = [\r\n // Azuis\r\n {\r\n name: \"Blue Serenity\",\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n accent: \"#93c5fd\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#1e293b\",\r\n linkColor: \"#1e40af\", // Links gerais - azul escuro\r\n menuLinkColor: \"#2563eb\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#3b82f6\", \"#60a5fa\", \"#93c5fd\"],\r\n heroGradientStart: \"#1e3a5f\",\r\n heroGradientEnd: \"#2d5a8e\",\r\n },\r\n {\r\n name: \"Ocean Deep\",\r\n primary: \"#0284c7\",\r\n secondary: \"#0369a1\",\r\n accent: \"#38bdf8\",\r\n background: \"#0f172a\",\r\n surface: \"#1e293b\",\r\n text: \"#f8fafc\",\r\n linkColor: \"#7dd3fc\", // Links gerais - azul claro\r\n menuLinkColor: \"#38bdf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#0284c7\", \"#0369a1\", \"#38bdf8\"],\r\n heroGradientStart: \"#0a1628\",\r\n heroGradientEnd: \"#0c2d4d\",\r\n },\r\n // Verdes\r\n {\r\n name: \"Emerald\",\r\n primary: \"#10b981\",\r\n secondary: \"#059669\",\r\n accent: \"#34d399\",\r\n background: \"#ffffff\",\r\n surface: \"#f0fdf4\",\r\n text: \"#166534\",\r\n linkColor: \"#047857\", // Links gerais - verde escuro\r\n menuLinkColor: \"#059669\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#10b981\", \"#059669\", \"#34d399\"],\r\n heroGradientStart: \"#0d3320\",\r\n heroGradientEnd: \"#1a5c3a\",\r\n },\r\n {\r\n name: \"Forest\",\r\n primary: \"#22c55e\",\r\n secondary: \"#16a34a\",\r\n accent: \"#4ade80\",\r\n background: \"#052e16\",\r\n surface: \"#14532d\",\r\n text: \"#f0fdf4\",\r\n linkColor: \"#86efac\", // Links gerais - verde claro\r\n menuLinkColor: \"#4ade80\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#22c55e\", \"#16a34a\", \"#4ade80\"],\r\n heroGradientStart: \"#0a1f12\",\r\n heroGradientEnd: \"#153d25\",\r\n },\r\n // Roxos\r\n {\r\n name: \"Purple Dream\",\r\n primary: \"#8b5cf6\",\r\n secondary: \"#7c3aed\",\r\n accent: \"#a78bfa\",\r\n background: \"#ffffff\",\r\n surface: \"#faf5ff\",\r\n text: \"#4c1d95\",\r\n linkColor: \"#6d28d9\", // Links gerais - roxo escuro\r\n menuLinkColor: \"#7c3aed\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#8b5cf6\", \"#7c3aed\", \"#a78bfa\"],\r\n heroGradientStart: \"#2d1b69\",\r\n heroGradientEnd: \"#4c2889\",\r\n },\r\n {\r\n name: \"Midnight\",\r\n primary: \"#a855f7\",\r\n secondary: \"#9333ea\",\r\n accent: \"#c084fc\",\r\n background: \"#1e1b4b\",\r\n surface: \"#312e81\",\r\n text: \"#f5f3ff\",\r\n linkColor: \"#d8b4fe\", // Links gerais - roxo claro\r\n menuLinkColor: \"#c084fc\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#a855f7\", \"#9333ea\", \"#c084fc\"],\r\n heroGradientStart: \"#1e1b4b\",\r\n heroGradientEnd: \"#312e81\",\r\n },\r\n // Laranjas/Amarelos\r\n {\r\n name: \"Sunset\",\r\n primary: \"#f97316\",\r\n secondary: \"#ea580c\",\r\n accent: \"#fb923c\",\r\n background: \"#ffffff\",\r\n surface: \"#fff7ed\",\r\n text: \"#7c2d12\",\r\n linkColor: \"#c2410c\", // Links gerais - laranja escuro\r\n menuLinkColor: \"#ea580c\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f97316\", \"#ea580c\", \"#fb923c\"],\r\n heroGradientStart: \"#4a1d0a\",\r\n heroGradientEnd: \"#7a3012\",\r\n },\r\n {\r\n name: \"Golden\",\r\n primary: \"#eab308\",\r\n secondary: \"#ca8a04\",\r\n accent: \"#facc15\",\r\n background: \"#1a1a1a\",\r\n surface: \"#262626\",\r\n text: \"#fefce8\",\r\n linkColor: \"#fde047\", // Links gerais - amarelo claro\r\n menuLinkColor: \"#fde047\", // Links do menu - amarelo bem claro para contraste\r\n gradient: [\"#eab308\", \"#ca8a04\", \"#facc15\"],\r\n heroGradientStart: \"#1a1500\",\r\n heroGradientEnd: \"#3d3005\",\r\n },\r\n // Vermelhos/Rosas\r\n {\r\n name: \"Rose\",\r\n primary: \"#f43f5e\",\r\n secondary: \"#e11d48\",\r\n accent: \"#fb7185\",\r\n background: \"#ffffff\",\r\n surface: \"#fff1f2\",\r\n text: \"#881337\",\r\n linkColor: \"#be123c\", // Links gerais - rosa escuro\r\n menuLinkColor: \"#e11d48\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#f43f5e\", \"#e11d48\", \"#fb7185\"],\r\n heroGradientStart: \"#4a0a1a\",\r\n heroGradientEnd: \"#7a1230\",\r\n },\r\n {\r\n name: \"Berry\",\r\n primary: \"#ec4899\",\r\n secondary: \"#db2777\",\r\n accent: \"#f472b6\",\r\n background: \"#500724\",\r\n surface: \"#831843\",\r\n text: \"#fdf2f8\",\r\n linkColor: \"#fbbf24\", // Links gerais - amarelo para contraste\r\n menuLinkColor: \"#fda4d0\", // Links do menu - rosa bem claro para contraste\r\n gradient: [\"#ec4899\", \"#db2777\", \"#f472b6\"],\r\n heroGradientStart: \"#3d0724\",\r\n heroGradientEnd: \"#6b1040\",\r\n },\r\n // Neutros\r\n {\r\n name: \"Slate Modern\",\r\n primary: \"#475569\",\r\n secondary: \"#334155\",\r\n accent: \"#64748b\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e293b\", // Links gerais - cinza escuro\r\n menuLinkColor: \"#334155\", // Links do menu - tom do primary mais escuro\r\n gradient: [\"#475569\", \"#334155\", \"#64748b\"],\r\n heroGradientStart: \"#1a1a2e\",\r\n heroGradientEnd: \"#2d2d4a\",\r\n },\r\n {\r\n name: \"Dark Mode\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#818cf8\",\r\n background: \"#0f0f0f\",\r\n surface: \"#1a1a1a\",\r\n text: \"#fafafa\",\r\n linkColor: \"#a5b4fc\", // Links gerais - índigo claro\r\n menuLinkColor: \"#818cf8\", // Links do menu - tom do primary mais claro\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#818cf8\"],\r\n heroGradientStart: \"#0f0a2e\",\r\n heroGradientEnd: \"#1a1552\",\r\n },\r\n // Template-specific palettes\r\n {\r\n name: \"Indigo & Cyan\",\r\n primary: \"#6366f1\",\r\n secondary: \"#0ea5e9\",\r\n accent: \"#f97316\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#6366f1\",\r\n gradient: [\"#6366f1\", \"#0ea5e9\", \"#f97316\"],\r\n heroGradientStart: \"#3730a3\",\r\n heroGradientEnd: \"#0369a1\",\r\n },\r\n {\r\n name: \"Blue Academy\",\r\n primary: \"#2563eb\",\r\n secondary: \"#1d4ed8\",\r\n accent: \"#3b82f6\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#1e40af\",\r\n menuLinkColor: \"#2563eb\",\r\n gradient: [\"#2563eb\", \"#1d4ed8\", \"#3b82f6\"],\r\n heroGradientStart: \"#1e3a8a\",\r\n heroGradientEnd: \"#1e40af\",\r\n },\r\n {\r\n name: \"Indigo Amber\",\r\n primary: \"#4f46e5\",\r\n secondary: \"#6366f1\",\r\n accent: \"#f59e0b\",\r\n background: \"#ffffff\",\r\n surface: \"#f9fafb\",\r\n text: \"#111827\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#4f46e5\",\r\n gradient: [\"#4f46e5\", \"#6366f1\", \"#f59e0b\"],\r\n heroGradientStart: \"#312e81\",\r\n heroGradientEnd: \"#3730a3\",\r\n },\r\n {\r\n name: \"Indigo Pro\",\r\n primary: \"#6366f1\",\r\n secondary: \"#4f46e5\",\r\n accent: \"#8b5cf6\",\r\n background: \"#ffffff\",\r\n surface: \"#f8fafc\",\r\n text: \"#0f172a\",\r\n linkColor: \"#4338ca\",\r\n menuLinkColor: \"#6366f1\",\r\n gradient: [\"#6366f1\", \"#4f46e5\", \"#8b5cf6\"],\r\n heroGradientStart: \"#1e1b4b\",\r\n heroGradientEnd: \"#312e81\",\r\n },\r\n];\r\n\r\n// ============================================================================\r\n// Utilities\r\n// ============================================================================\r\n\r\nexport function findPaletteByName(name: string): ColorPalette \| undefined {\r\n return colorPalettes.find(p => p.name === name);\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\ninterface PaletteSelectorProps {\r\n selectedPalette?: ColorPalette;\r\n onPaletteChange: (palette: ColorPalette) => void;\r\n}\r\n\r\nexport function PaletteSelector({\r\n selectedPalette,\r\n onPaletteChange,\r\n}: PaletteSelectorProps) {\r\n const isSelected = (palette: ColorPalette) => {\r\n return selectedPalette?.name === palette.name;\r\n };\r\n\r\n return (\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n {colorPalettes.map((palette) => (\r\n <button\r\n key={palette.name}\r\n onClick={() => onPaletteChange(palette)}\r\n className={cn(\r\n \"rounded-lg cursor-pointer transition-all p-2\",\r\n \"flex flex-col items-center gap-1.5\",\r\n \"border-2\",\r\n isSelected(palette)\r\n ? \"border-blue-500 bg-blue-50 dark:bg-blue-950/30 shadow-sm\"\r\n : \"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600\",\r\n \"bg-white dark:bg-gray-800\",\r\n \"hover:scale-[1.02] active:scale-[0.98]\",\r\n )}\r\n title={palette.name}\r\n >\r\n <div className=\"w-full h-8 rounded-md flex overflow-hidden mb-1.5\">\r\n {palette.gradient.map((color, i) => (\r\n <span key={i} className=\"flex-1\" style={{ background: color }} />\r\n ))}\r\n {palette.heroGradientStart && (\r\n <span className=\"flex-1\" style={{ background: palette.heroGradientStart }} />\r\n )}\r\n {palette.heroGradientEnd && (\r\n <span className=\"flex-1\" style={{ background: palette.heroGradientEnd }} />\r\n )}\r\n </div>\r\n <span className=\"text-xs font-medium text-gray-700 dark:text-gray-300 text-center leading-tight px-1\">\r\n {palette.name}\r\n </span>\r\n </button>\r\n ))}\r\n </div>\r\n );\r\n}\r\n"],"names":["colorPalettes","findPaletteByName","name","p","PaletteSelector","selectedPalette","onPaletteChange","isSelected","palette","jsxs","cn","color","i","jsx"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockPropertyEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAsE,MAAM,cAAc,CAAC;AAKvH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;~~AAEzD~~,UAAU,wBAAwB;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,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;IAC5B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,~~gEAyI9B~~,CAAC"}
1	+ {"version":3,"file":"BlockPropertyEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/PropertyEditor/BlockPropertyEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAsE,MAAM,cAAc,CAAC;AAKvH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAkDzD,UAAU,wBAAwB;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,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;IAC5B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,gEAiJ9B,CAAC"}

package/dist/editor/PropertyEditor/BlockPropertyEditor.js CHANGED Viewed

@@ -1,76 +1,114 @@
-import { jsx as p, jsxs as g } from "react/jsx-runtime";
-import { memo as S, useMemo as l, useCallback as j } from "react";
-import { VariationSelector as M } from "./VariationSelector.js";
-import { BlockHeader as O } from "./BlockHeader.js";
-import { CollapsiblePropertyGroup as W } from "./CollapsiblePropertyGroup.js";
-import { evaluateShowWhen as B } from "../../engine/shared/showWhen.js";
+import { jsx as p, jsxs as T } from "react/jsx-runtime";
+import { memo as b, useMemo as d, useCallback as w } from "react";
+import { VariationSelector as S } from "./VariationSelector.js";
+import { BlockHeader as M } from "./BlockHeader.js";
+import { CollapsiblePropertyGroup as O } from "./CollapsiblePropertyGroup.js";
+import { evaluateShowWhen as j } from "../../engine/shared/showWhen.js";
 import { componentRegistry as E } from "../../engine/registry/registry.js";
-import { pluginRegistry as R } from "../../engine/plugins/pluginRegistry.js";
-const I = S(function({
+import { pluginRegistry as k } from "../../engine/plugins/pluginRegistry.js";
+const H = {
+  // Buttons (primary)
+  primaryButtonColor: "primary",
+  buttonColor: "primary",
+  primaryButtonTextColor: "primaryText",
+  buttonTextColor: "primaryText",
+  // Buttons (secondary)
+  secondaryButtonColor: "secondary",
+  secondaryButtonTextColor: "primaryText",
+  // Badge
+  badgeColor: "accent",
+  badgeTextColor: "primaryText",
+  // Links
+  linkColor: "linkColor",
+  linkHoverColor: "primary",
+  // Border
+  borderColor: "border",
+  // Generic text
+  color: "text",
+  // Title/description
+  titleColor: "text",
+  subtitleColor: "mutedText",
+  descriptionColor: "mutedText",
+  // Background (generic)
+  bg: "bg"
+};
+function R(f, e) {
+  const r = H[f];
+  if (!r) return;
+  const s = e[r];
+  return typeof s == "string" ? s : void 0;
+}
+const q = b(function({
   block: e,
-  document: i,
-  currentPageId: f,
-  onUpdate: n,
-  uploadConfig: x,
-  focusedGroup: v
+  document: r,
+  currentPageId: s,
+  onUpdate: l,
+  uploadConfig: v,
+  focusedGroup: B
 }) {
-  const o = l(() => e ? E.get(e.type) : null, [e]), m = l(
-    () => ({ document: i, currentPageId: f }),
-    [i, f]
-  ), h = l(() => {
-    if (!e || !i) return /* @__PURE__ */ new Set();
-    const t = R.getEditorRestrictions(i, e.type);
+  const i = d(() => e ? E.get(e.type) : null, [e]), x = d(
+    () => ({ document: r, currentPageId: s }),
+    [r, s]
+  ), h = d(() => {
+    if (!e || !r) return /* @__PURE__ */ new Set();
+    const t = k.getEditorRestrictions(r, e.type);
     return t?.lockedFields ? new Set(t.lockedFields) : /* @__PURE__ */ new Set();
-  }, [e, i]), y = l(() => {
-    if (!e || !o?.inspectorMeta) return {};
-    const t = e.props, r = o.defaultProps || {}, c = {};
-    for (const [a, s] of Object.entries(
-      o.inspectorMeta
+  }, [e, r]), C = d(() => {
+    if (!e || !i?.inspectorMeta) return {};
+    const t = e.props, o = i.defaultProps || {}, c = {};
+    for (const [a, n] of Object.entries(
+      i.inspectorMeta
     )) {
-      if (s.showWhen && !B(s.showWhen, t, r, m))
+      if (n.showWhen && !j(n.showWhen, t, o, x))
         continue;
-      const d = s.group || "Geral";
-      c[d] || (c[d] = []);
-      const u = t[a], w = s.inputType === "color" || s.inputType === "color-advanced", C = u === void 0 || w && u === "" ? r[a] : u, F = h.has(a) ? { ...s, readOnly: !0 } : s;
-      c[d].push({
+      const m = n.group || "Geral";
+      c[m] || (c[m] = []);
+      const u = t[a], g = n.inputType === "color" || n.inputType === "color-advanced";
+      let y = u === void 0 || g && u === "" ? o[a] : u;
+      y === void 0 && g && r?.theme?.colors && (y = R(
+        a,
+        r.theme.colors
+      ));
+      const P = h.has(a) ? { ...n, readOnly: !0 } : n;
+      c[m].push({
         propName: a,
-        meta: F,
-        value: C
+        meta: P,
+        value: y
       });
     }
     return c;
-  }, [e, o, m, h]), P = j((t, r) => {
-    n(t === "logo" && (r === void 0 || r === "") ? { [t]: r, logoHeight: 70 } : { [t]: r });
-  }, [n]);
-  return e ? o ? /* @__PURE__ */ g("div", { className: "p-3 space-y-4", children: [
+  }, [e, i, r, x, h]), F = w((t, o) => {
+    l(t === "logo" && (o === void 0 || o === "") ? { [t]: o, logoHeight: 70 } : { [t]: o });
+  }, [l]);
+  return e ? i ? /* @__PURE__ */ T("div", { className: "p-3 space-y-4", children: [
     /* @__PURE__ */ p(
-      O,
+      M,
       {
         type: e.type,
-        name: o.name,
-        description: o.description
+        name: i.name,
+        description: i.description
       }
     ),
-    o.variations && /* @__PURE__ */ p(M, { block: e, onUpdate: n }),
-    Object.keys(y).length === 0 ? /* @__PURE__ */ p("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-4", children: "Nenhuma propriedade configurável" }) : Object.entries(y).map(([t, r]) => /* @__PURE__ */ p(
-      W,
+    i.variations && /* @__PURE__ */ p(S, { block: e, onUpdate: l }),
+    Object.keys(C).length === 0 ? /* @__PURE__ */ p("div", { className: "text-center text-gray-500 dark:text-gray-400 text-xs py-4", children: "Nenhuma propriedade configurável" }) : Object.entries(C).map(([t, o]) => /* @__PURE__ */ p(
+      O,
       {
         groupName: t,
-        props: r,
-        onPropChange: P,
-        onMultiUpdate: n,
+        props: o,
+        onPropChange: F,
+        onMultiUpdate: l,
         allProps: e?.props,
-        uploadConfig: x,
-        isFocused: t === v
+        uploadConfig: v,
+        isFocused: t === B
       },
       t
     ))
-  ] }) : /* @__PURE__ */ g("div", { className: "p-4 text-center text-red-500 text-sm", children: [
+  ] }) : /* @__PURE__ */ T("div", { className: "p-4 text-center text-red-500 text-sm", children: [
     "Tipo de bloco desconhecido: ",
     e.type
   ] }) : /* @__PURE__ */ p("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400 text-sm", children: "Selecione um bloco para editar" });
 });
 export {
-  I as BlockPropertyEditor
+  q as BlockPropertyEditor
 };
 //# sourceMappingURL=BlockPropertyEditor.js.map