@easybits.cloud/html-tailwind-generator 0.2.66 → 0.2.68

package/dist/{chunk-PWED7WHZ.js → chunk-2KACBJCN.js}

@@ -1,6 +1,6 @@
 import {
   buildDeployHtml
-} from "./chunk-VCZIZCME.js";
+} from "./chunk-LHVMUMQS.js";
 
 // src/deploy.ts
 async function deployToS3(options) {
@@ -39,4 +39,4 @@ export {
   deployToS3,
   deployToEasyBits
 };
-//# sourceMappingURL=chunk-PWED7WHZ.js.map
+//# sourceMappingURL=chunk-2KACBJCN.js.map

package/dist/{chunk-VCZIZCME.js → chunk-LHVMUMQS.js}

@@ -188,8 +188,8 @@ function getIframeScript() {
 (function() {
   let hoveredEl = null;
   let selectedEl = null;
-  const OUTLINE_HOVER = '2px solid #3B82F6';
-  const OUTLINE_SELECTED = '2px solid #8B5CF6';
+  const SHADOW_HOVER = 'inset 0 0 0 2px #3B82F6';
+  const SHADOW_SELECTED = 'inset 0 0 0 2px #8B5CF6';
 
   function getSectionId(el) {
     let node = el;
@@ -225,22 +225,17 @@ function getIframeScript() {
     var saved = [];
     for (var i = 0; i < els.length; i++) {
       var s = els[i].style;
-      saved.push({ outline: s.outline, outlineOffset: s.outlineOffset, ce: els[i].contentEditable });
-      s.outline = '';
-      s.outlineOffset = '';
+      saved.push({ boxShadow: s.boxShadow, ce: els[i].contentEditable });
+      s.boxShadow = '';
       if (els[i].contentEditable === 'true') els[i].removeAttribute('contenteditable');
     }
     // Also clean the section root
-    var rootOutline = sectionEl.style.outline;
-    var rootOffset = sectionEl.style.outlineOffset;
-    sectionEl.style.outline = '';
-    sectionEl.style.outlineOffset = '';
+    var rootShadow = sectionEl.style.boxShadow;
+    sectionEl.style.boxShadow = '';
     var html = sectionEl.innerHTML;
-    sectionEl.style.outline = rootOutline;
-    sectionEl.style.outlineOffset = rootOffset;
+    sectionEl.style.boxShadow = rootShadow;
     for (var i = 0; i < els.length; i++) {
-      els[i].style.outline = saved[i].outline;
-      els[i].style.outlineOffset = saved[i].outlineOffset;
+      els[i].style.boxShadow = saved[i].boxShadow;
       if (saved[i].ce === 'true') els[i].contentEditable = 'true';
     }
     return html;
@@ -282,20 +277,17 @@ function getIframeScript() {
     if (el === document.body || el === document.documentElement) return;
     if (el === selectedEl) return;
     if (hoveredEl && hoveredEl !== selectedEl) {
-      hoveredEl.style.outline = '';
-      hoveredEl.style.outlineOffset = '';
+      hoveredEl.style.boxShadow = '';
     }
     hoveredEl = el;
     if (el !== selectedEl) {
-      el.style.outline = OUTLINE_HOVER;
-      el.style.outlineOffset = '-2px';
+      el.style.boxShadow = SHADOW_HOVER;
     }
   });
 
   document.addEventListener('mouseout', function(e) {
     if (hoveredEl && hoveredEl !== selectedEl) {
-      hoveredEl.style.outline = '';
-      hoveredEl.style.outlineOffset = '';
+      hoveredEl.style.boxShadow = '';
     }
     hoveredEl = null;
   });
@@ -317,8 +309,7 @@ function getIframeScript() {
 
     // Deselect previous
     if (selectedEl) {
-      selectedEl.style.outline = '';
-      selectedEl.style.outlineOffset = '';
+      selectedEl.style.boxShadow = '';
     }
 
     if (selectedEl === el) {
@@ -330,12 +321,10 @@ function getIframeScript() {
     selectedEl = el;
 
     // Clear hover styles BEFORE capturing openTag (so it matches source HTML)
-    el.style.outline = '';
-    el.style.outlineOffset = '';
+    el.style.boxShadow = '';
     var openTag = el.outerHTML.substring(0, el.outerHTML.indexOf('>') + 1).substring(0, 120);
 
-    el.style.outline = OUTLINE_SELECTED;
-    el.style.outlineOffset = '-2px';
+    el.style.boxShadow = SHADOW_SELECTED;
 
     var rect = el.getBoundingClientRect();
     var attrs = {};
@@ -369,13 +358,11 @@ function getIframeScript() {
 
     el.contentEditable = 'true';
     el.focus();
-    el.style.outline = '2px dashed #F59E0B';
-    el.style.outlineOffset = '-2px';
+    el.style.boxShadow = 'inset 0 0 0 2px #F59E0B';
 
     function onBlur() {
       el.contentEditable = 'false';
-      el.style.outline = '';
-      el.style.outlineOffset = '';
+      el.style.boxShadow = '';
       el.removeEventListener('blur', onBlur);
       el.removeEventListener('keydown', onKeydown);
 
@@ -762,4 +749,4 @@ export {
   buildPreviewHtml,
   buildDeployHtml
 };
-//# sourceMappingURL=chunk-VCZIZCME.js.map
+//# sourceMappingURL=chunk-LHVMUMQS.js.map

package/dist/chunk-LHVMUMQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes.ts","../src/iframeScript.ts","../src/buildHtml.ts"],"sourcesContent":["export interface LandingTheme {\n  id: string;\n  label: string;\n  colors: {\n    primary: string;\n    \"primary-light\": string;\n    \"primary-dark\": string;\n    secondary: string;\n    accent: string;\n    surface: string;\n    \"surface-alt\": string;\n    \"on-surface\": string;\n    \"on-surface-muted\": string;\n    \"on-primary\": string;\n  };\n}\n\nexport const LANDING_THEMES: LandingTheme[] = [\n  {\n    id: \"minimal\",\n    label: \"Minimal\",\n    colors: {\n      primary: \"#18181b\",\n      \"primary-light\": \"#3f3f46\",\n      \"primary-dark\": \"#09090b\",\n      secondary: \"#71717a\",\n      accent: \"#2563eb\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#f4f4f5\",\n      \"on-surface\": \"#18181b\",\n      \"on-surface-muted\": \"#71717a\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"calido\",\n    label: \"Cálido\",\n    colors: {\n      primary: \"#9a3412\",\n      \"primary-light\": \"#c2410c\",\n      \"primary-dark\": \"#7c2d12\",\n      secondary: \"#78716c\",\n      accent: \"#d97706\",\n      surface: \"#fafaf9\",\n      \"surface-alt\": \"#f5f5f4\",\n      \"on-surface\": \"#1c1917\",\n      \"on-surface-muted\": \"#78716c\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"oceano\",\n    label: \"Océano\",\n    colors: {\n      primary: \"#0f4c75\",\n      \"primary-light\": \"#1a6fa0\",\n      \"primary-dark\": \"#0a3555\",\n      secondary: \"#6b7280\",\n      accent: \"#0d9488\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#f0fdfa\",\n      \"on-surface\": \"#0f172a\",\n      \"on-surface-muted\": \"#64748b\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"noche\",\n    label: \"Noche\",\n    colors: {\n      primary: \"#a78bfa\",\n      \"primary-light\": \"#c4b5fd\",\n      \"primary-dark\": \"#8b5cf6\",\n      secondary: \"#9ca3af\",\n      accent: \"#a78bfa\",\n      surface: \"#111827\",\n      \"surface-alt\": \"#1f2937\",\n      \"on-surface\": \"#f9fafb\",\n      \"on-surface-muted\": \"#9ca3af\",\n      \"on-primary\": \"#111827\",\n    },\n  },\n  {\n    id: \"bosque\",\n    label: \"Bosque\",\n    colors: {\n      primary: \"#16a34a\",\n      \"primary-light\": \"#22c55e\",\n      \"primary-dark\": \"#15803d\",\n      secondary: \"#a3a3a3\",\n      accent: \"#16a34a\",\n      surface: \"#0a0a0a\",\n      \"surface-alt\": \"#171717\",\n      \"on-surface\": \"#fafafa\",\n      \"on-surface-muted\": \"#a3a3a3\",\n      \"on-primary\": \"#000000\",\n    },\n  },\n  {\n    id: \"rosa\",\n    label: \"Rosa\",\n    colors: {\n      primary: \"#be185d\",\n      \"primary-light\": \"#db2777\",\n      \"primary-dark\": \"#9d174d\",\n      secondary: \"#6b7280\",\n      accent: \"#be185d\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#fdf2f8\",\n      \"on-surface\": \"#1f2937\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n];\n\nexport interface CustomColors {\n  primary: string;\n  secondary?: string;\n  accent?: string;\n  surface?: string;\n}\n\nfunction parseHex(hex: string) {\n  return {\n    r: parseInt(hex.slice(1, 3), 16),\n    g: parseInt(hex.slice(3, 5), 16),\n    b: parseInt(hex.slice(5, 7), 16),\n  };\n}\n\nfunction toHex(r: number, g: number, b: number) {\n  return `#${[r, g, b].map((c) => Math.max(0, Math.min(255, c)).toString(16).padStart(2, \"0\")).join(\"\")}`;\n}\n\nfunction luminance(hex: string) {\n  const { r, g, b } = parseHex(hex);\n  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n}\n\nfunction lighten(hex: string, amount = 40) {\n  const { r, g, b } = parseHex(hex);\n  return toHex(r + amount, g + amount, b + amount);\n}\n\nfunction darken(hex: string, amount = 40) {\n  const { r, g, b } = parseHex(hex);\n  return toHex(r - amount, g - amount, b - amount);\n}\n\nexport function buildCustomTheme(colors: CustomColors): LandingTheme {\n  const { primary, secondary = \"#f59e0b\", accent = \"#06b6d4\", surface = \"#ffffff\" } = colors;\n\n  const onPrimary = luminance(primary) > 0.5 ? \"#111827\" : \"#ffffff\";\n  const surfaceLum = luminance(surface);\n  const isDarkSurface = surfaceLum < 0.5;\n\n  return {\n    id: \"custom\",\n    label: \"Custom\",\n    colors: {\n      primary,\n      \"primary-light\": lighten(primary),\n      \"primary-dark\": darken(primary),\n      secondary,\n      accent,\n      surface,\n      \"surface-alt\": isDarkSurface ? lighten(surface, 20) : darken(surface, 5),\n      \"on-surface\": isDarkSurface ? \"#f1f5f9\" : \"#111827\",\n      \"on-surface-muted\": isDarkSurface ? \"#94a3b8\" : \"#6b7280\",\n      \"on-primary\": onPrimary,\n    },\n  };\n}\n\nexport function buildCustomThemeCss(colors: CustomColors): string {\n  const theme = buildCustomTheme(colors);\n  return `[data-theme=\"custom\"] {\\n${buildCssVars(theme.colors)}\\n}`;\n}\n\n/** CSS custom properties for a theme */\nfunction buildCssVars(colors: LandingTheme[\"colors\"]): string {\n  return Object.entries(colors)\n    .map(([k, v]) => `  --color-${k}: ${v};`)\n    .join(\"\\n\");\n}\n\n/** Build the tailwind.config JS object string for TW v3 CDN */\nfunction buildTailwindConfig(): string {\n  const colorEntries = Object.keys(LANDING_THEMES[0].colors)\n    .map((k) => `          '${k}': 'var(--color-${k})'`)\n    .join(\",\\n\");\n\n  return `{\n    theme: {\n      extend: {\n        colors: {\n${colorEntries}\n        }\n      }\n    }\n  }`;\n}\n\nexport function buildThemeCss(): { css: string; tailwindConfig: string } {\n  const defaultTheme = LANDING_THEMES[0];\n\n  const overrides = LANDING_THEMES.slice(1)\n    .map((t) => `[data-theme=\"${t.id}\"] {\\n${buildCssVars(t.colors)}\\n}`)\n    .join(\"\\n\\n\");\n\n  const css = `:root {\\n${buildCssVars(defaultTheme.colors)}\\n}\\n\\n${overrides}`;\n  return { css, tailwindConfig: buildTailwindConfig() };\n}\n\nexport function buildSingleThemeCss(themeId: string): { css: string; tailwindConfig: string } {\n  const theme = LANDING_THEMES.find((t) => t.id === themeId) || LANDING_THEMES[0];\n  const css = `:root {\\n${buildCssVars(theme.colors)}\\n}`;\n  return { css, tailwindConfig: buildTailwindConfig() };\n}\n","/**\n * JavaScript injected into the landing v3 iframe.\n * Handles hover highlights, click selection, contentEditable text editing,\n * postMessage communication with the parent editor,\n * and incremental section injection from parent.\n */\nexport function getIframeScript(): string {\n  return `\n(function() {\n  let hoveredEl = null;\n  let selectedEl = null;\n  const SHADOW_HOVER = 'inset 0 0 0 2px #3B82F6';\n  const SHADOW_SELECTED = 'inset 0 0 0 2px #8B5CF6';\n\n  function getSectionId(el) {\n    let node = el;\n    while (node && node !== document.body) {\n      if (node.dataset && node.dataset.sectionId) {\n        return node.dataset.sectionId;\n      }\n      node = node.parentElement;\n    }\n    return null;\n  }\n\n  function getSectionElement(sectionId) {\n    return document.querySelector('[data-section-id=\"' + sectionId + '\"]');\n  }\n\n  function getElementPath(el) {\n    const parts = [];\n    let node = el;\n    while (node && node !== document.body) {\n      let tag = node.tagName.toLowerCase();\n      if (node.id) { tag += '#' + node.id; }\n      const siblings = node.parentElement ? Array.from(node.parentElement.children).filter(function(c) { return c.tagName === node.tagName; }) : [];\n      if (siblings.length > 1) { tag += ':nth(' + siblings.indexOf(node) + ')'; }\n      parts.unshift(tag);\n      node = node.parentElement;\n    }\n    return parts.join(' > ');\n  }\n\n  function getCleanSectionHtml(sectionEl) {\n    var els = sectionEl.querySelectorAll('*');\n    var saved = [];\n    for (var i = 0; i < els.length; i++) {\n      var s = els[i].style;\n      saved.push({ boxShadow: s.boxShadow, ce: els[i].contentEditable });\n      s.boxShadow = '';\n      if (els[i].contentEditable === 'true') els[i].removeAttribute('contenteditable');\n    }\n    // Also clean the section root\n    var rootShadow = sectionEl.style.boxShadow;\n    sectionEl.style.boxShadow = '';\n    var html = sectionEl.innerHTML;\n    sectionEl.style.boxShadow = rootShadow;\n    for (var i = 0; i < els.length; i++) {\n      els[i].style.boxShadow = saved[i].boxShadow;\n      if (saved[i].ce === 'true') els[i].contentEditable = 'true';\n    }\n    return html;\n  }\n\n  function isTextElement(el) {\n    var textTags = ['H1','H2','H3','H4','H5','H6','P','SPAN','LI','A','BLOCKQUOTE','LABEL','TD','TH','FIGCAPTION','BUTTON'];\n    return textTags.indexOf(el.tagName) !== -1;\n  }\n\n  function emitElementSelected(el) {\n    var rect = el.getBoundingClientRect();\n    var attrs = {};\n    if (el.tagName === 'IMG') attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };\n    if (el.tagName === 'A') attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };\n    var ot = el.outerHTML.split('>')[0] + '>';\n    if (ot.length > 200) ot = ot.substring(0, 200);\n    window.parent.postMessage({\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: ot,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: (typeof el.className === 'string' ? el.className : '') || '',\n    }, '*');\n  }\n\n  // Hover\n  document.addEventListener('mouseover', function(e) {\n    var el = e.target;\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    if (el && el.tagName === 'svg' && el.parentElement) el = el.parentElement;\n    if (el === document.body || el === document.documentElement) return;\n    if (el === selectedEl) return;\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.boxShadow = '';\n    }\n    hoveredEl = el;\n    if (el !== selectedEl) {\n      el.style.boxShadow = SHADOW_HOVER;\n    }\n  });\n\n  document.addEventListener('mouseout', function(e) {\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.boxShadow = '';\n    }\n    hoveredEl = null;\n  });\n\n  // Click — select element\n  document.addEventListener('click', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n\n    // Bubble up from SVG internals to the nearest HTML element\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    // If we landed on an <svg>, bubble up to its HTML parent\n    if (el && el.tagName === 'svg' && el.parentElement) {\n      el = el.parentElement;\n    }\n\n    // Deselect previous\n    if (selectedEl) {\n      selectedEl.style.boxShadow = '';\n    }\n\n    if (selectedEl === el) {\n      selectedEl = null;\n      window.parent.postMessage({ type: 'element-deselected' }, '*');\n      return;\n    }\n\n    selectedEl = el;\n\n    // Clear hover styles BEFORE capturing openTag (so it matches source HTML)\n    el.style.boxShadow = '';\n    var openTag = el.outerHTML.substring(0, el.outerHTML.indexOf('>') + 1).substring(0, 120);\n\n    el.style.boxShadow = SHADOW_SELECTED;\n\n    var rect = el.getBoundingClientRect();\n    var attrs = {};\n    if (el.tagName === 'IMG') {\n      attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };\n    }\n    if (el.tagName === 'A') {\n      attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };\n    }\n\n    window.parent.postMessage({\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: openTag,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: el.className || '',\n    }, '*');\n  }, true);\n\n  // Double-click — contentEditable for text\n  document.addEventListener('dblclick', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n    if (!isTextElement(el)) return;\n\n    el.contentEditable = 'true';\n    el.focus();\n    el.style.boxShadow = 'inset 0 0 0 2px #F59E0B';\n\n    function onBlur() {\n      el.contentEditable = 'false';\n      el.style.boxShadow = '';\n      el.removeEventListener('blur', onBlur);\n      el.removeEventListener('keydown', onKeydown);\n\n      var sid = getSectionId(el);\n      var sectionEl = sid ? getSectionElement(sid) : null;\n      window.parent.postMessage({\n        type: 'text-edited',\n        sectionId: sid,\n        elementPath: getElementPath(el),\n        newText: el.innerHTML,\n        sectionHtml: sectionEl ? getCleanSectionHtml(sectionEl) : null,\n      }, '*');\n\n      selectedEl = null;\n    }\n\n    function onKeydown(ev) {\n      if (ev.key === 'Escape') {\n        el.blur();\n      }\n    }\n\n    el.addEventListener('blur', onBlur);\n    el.addEventListener('keydown', onKeydown);\n  }, true);\n\n  // Listen for messages FROM parent (incremental section injection)\n  window.addEventListener('message', function(e) {\n    var msg = e.data;\n    if (!msg || !msg.action) return;\n\n    if (msg.action === 'add-section') {\n      var wrapper = document.createElement('div');\n      wrapper.setAttribute('data-section-id', msg.id);\n      wrapper.innerHTML = msg.html;\n      wrapper.style.animation = 'fadeInUp 0.4s ease-out';\n      document.body.appendChild(wrapper);\n      if (msg.scroll) {\n        wrapper.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }\n    }\n\n    if (msg.action === 'update-section') {\n      var el = getSectionElement(msg.id);\n      if (el && typeof window.morphdom === 'function') {\n        var tmp = document.createElement('div');\n        tmp.innerHTML = msg.html;\n        window.morphdom(el, tmp, {\n          childrenOnly: true,\n          onBeforeElUpdated: function(fromEl, toEl) {\n            if (fromEl.isEqualNode(toEl)) return false;\n            return true;\n          }\n        });\n      } else if (el) {\n        el.innerHTML = msg.html;\n      }\n    }\n\n    if (msg.action === 'remove-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.remove(); }\n    }\n\n    if (msg.action === 'reorder-sections') {\n      // msg.order = [id1, id2, id3, ...]\n      var order = msg.order;\n      for (var i = 0; i < order.length; i++) {\n        var el = getSectionElement(order[i]);\n        if (el) { document.body.appendChild(el); }\n      }\n    }\n\n    if (msg.action === 'update-attribute') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl) {\n        var target = null;\n        if (msg.elementPath) {\n          // Find element by matching path\n          var allEls = sectionEl.querySelectorAll(msg.tagName || '*');\n          for (var i = 0; i < allEls.length; i++) {\n            if (getElementPath(allEls[i]) === msg.elementPath) {\n              target = allEls[i];\n              break;\n            }\n          }\n        }\n        if (target) {\n          if (msg.attr === 'style' && msg.value.indexOf(':') !== -1) {\n            // Merge style property instead of replacing entire style\n            var parts = msg.value.split(':');\n            var prop = parts[0].trim();\n            var val = parts.slice(1).join(':').trim();\n            target.style.setProperty(prop, val);\n          } else {\n            target.setAttribute(msg.attr, msg.value);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'replace-class') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target) {\n          // Remove classes matching prefixes (supports responsive variants like md:p-4)\n          var prefixes = msg.removePrefixes || [];\n          var toRemove = [];\n          for (var ci = 0; ci < target.classList.length; ci++) {\n            var cls = target.classList[ci];\n            var bare = cls.indexOf(':') !== -1 ? cls.substring(cls.lastIndexOf(':') + 1) : cls;\n            for (var pi = 0; pi < prefixes.length; pi++) {\n              if (bare === prefixes[pi] || bare.indexOf(prefixes[pi]) === 0) {\n                toRemove.push(cls);\n                break;\n              }\n            }\n          }\n          for (var ri = 0; ri < toRemove.length; ri++) {\n            target.classList.remove(toRemove[ri]);\n          }\n          // Add new class\n          if (msg.addClass && !target.classList.contains(msg.addClass)) {\n            target.classList.add(msg.addClass);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'delete-element') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          target.parentNode.removeChild(target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          window.parent.postMessage({ type: 'element-deselected' }, '*');\n        }\n      }\n    }\n\n    if (msg.action === 'change-tag') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath && msg.newTag) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          var newEl = document.createElement(msg.newTag);\n          for (var a = 0; a < target.attributes.length; a++) {\n            newEl.setAttribute(target.attributes[a].name, target.attributes[a].value);\n          }\n          while (target.firstChild) newEl.appendChild(target.firstChild);\n          target.parentNode.replaceChild(newEl, target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(newEl);\n        }\n      }\n    }\n\n    if (msg.action === 'set-theme') {\n      if (msg.theme && msg.theme !== 'default') {\n        document.documentElement.setAttribute('data-theme', msg.theme);\n      } else {\n        document.documentElement.removeAttribute('data-theme');\n      }\n    }\n\n    if (msg.action === 'set-custom-css') {\n      var customStyle = document.getElementById('custom-theme-css');\n      if (!customStyle) {\n        customStyle = document.createElement('style');\n        customStyle.id = 'custom-theme-css';\n        document.head.appendChild(customStyle);\n      }\n      customStyle.textContent = msg.css || '';\n    }\n\n    if (msg.action === 'scroll-to-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n    }\n\n    if (msg.action === 'get-scroll') {\n      window.parent.postMessage({ type: 'scroll-position', y: window.scrollY }, '*');\n    }\n\n    if (msg.action === 'restore-scroll') {\n      window.scrollTo(0, msg.y);\n    }\n\n    if (msg.action === 'full-rewrite') {\n      // Fallback: rewrite everything\n      document.body.innerHTML = msg.html;\n    }\n  });\n\n  // Forward Cmd/Ctrl+Z undo/redo to parent (iframe captures keyboard focus)\n  document.addEventListener('keydown', function(e) {\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'z') {\n      e.preventDefault();\n      window.parent.postMessage({ type: e.shiftKey ? 'redo' : 'undo' }, '*');\n    }\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'y') {\n      e.preventDefault();\n      window.parent.postMessage({ type: 'redo' }, '*');\n    }\n  });\n\n  // Image loading placeholders\n  function setupImagePlaceholder(img) {\n    if (img.complete && img.naturalWidth > 0) return;\n    img.style.background = 'linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)';\n    img.style.backgroundSize = '200% 100%';\n    img.style.animation = 'shimmer 1.5s infinite';\n    if (!img.style.minHeight && !img.getAttribute('height')) img.style.minHeight = '120px';\n    function onDone() {\n      img.style.background = '';\n      img.style.backgroundSize = '';\n      img.style.animation = '';\n      if (img.style.minHeight === '120px') img.style.minHeight = '';\n      img.removeEventListener('load', onDone);\n      img.removeEventListener('error', onDone);\n    }\n    img.addEventListener('load', onDone);\n    img.addEventListener('error', onDone);\n  }\n  // Observe new/changed images\n  var imgObserver = new MutationObserver(function(mutations) {\n    for (var m = 0; m < mutations.length; m++) {\n      // New nodes\n      for (var n = 0; n < mutations[m].addedNodes.length; n++) {\n        var node = mutations[m].addedNodes[n];\n        if (node.tagName === 'IMG') setupImagePlaceholder(node);\n        if (node.querySelectorAll) {\n          var imgs = node.querySelectorAll('img');\n          for (var i = 0; i < imgs.length; i++) setupImagePlaceholder(imgs[i]);\n        }\n      }\n      // src attribute changed\n      if (mutations[m].type === 'attributes' && mutations[m].attributeName === 'src' && mutations[m].target.tagName === 'IMG') {\n        setupImagePlaceholder(mutations[m].target);\n      }\n    }\n  });\n  imgObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src'] });\n  // Initial images\n  var existingImgs = document.querySelectorAll('img');\n  for (var ii = 0; ii < existingImgs.length; ii++) setupImagePlaceholder(existingImgs[ii]);\n\n  // Inject animation keyframes\n  var style = document.createElement('style');\n  style.textContent = '@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }';\n  document.head.appendChild(style);\n\n  // Notify parent we're ready\n  window.parent.postMessage({ type: 'ready' }, '*');\n})();\n`;\n}\n","import type { Section3 } from \"./types\";\nimport { getIframeScript } from \"./iframeScript\";\nimport { buildThemeCss, buildSingleThemeCss, buildCustomTheme, type CustomColors } from \"./themes\";\n\n/**\n * Build the full HTML for the iframe preview (with editing script).\n */\nexport function buildPreviewHtml(sections: Section3[], theme?: string): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted\n    .map((s) => `<div data-section-id=\"${s.id}\">${s.html}</div>`)\n    .join(\"\\n\");\n\n  const dataTheme = theme && theme !== \"default\" ? ` data-theme=\"${theme}\"` : \"\";\n  const { css, tailwindConfig } = buildThemeCss();\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script src=\"https://unpkg.com/morphdom@2.7.4/dist/morphdom-umd.min.js\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${css}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nimg{max-width:100%}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n[contenteditable=\"true\"]{cursor:text}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n<script>${getIframeScript()}</script>\n</body>\n</html>`;\n}\n\n/**\n * Build the deploy HTML (no editing script, clean output).\n */\n/**\n * Remove editor artifacts (outline, outlineOffset, contenteditable) from HTML before deploy.\n */\nfunction stripEditorArtifacts(html: string): string {\n  return html\n    .replace(/\\s*outline:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*outline-offset:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*style=\"\\s*\"/gi, \"\")\n    .replace(/\\s+contenteditable=\"[^\"]*\"/gi, \"\")\n    .replace(/\\s+data-section-id=\"[^\"]*\"/gi, \"\")\n}\n\nexport function buildDeployHtml(sections: Section3[], theme?: string, customColors?: CustomColors, showBranding = true): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted.map((s) => stripEditorArtifacts(s.html)).join(\"\\n\");\n\n  const isCustom = theme === \"custom\" && customColors;\n  const dataTheme = theme && theme !== \"default\" && !isCustom ? ` data-theme=\"${theme}\"` : \"\";\n\n  // For custom theme, build CSS from the custom colors directly (no data-theme needed, inject as :root)\n  const { css: baseCss, tailwindConfig } = isCustom\n    ? (() => {\n        const ct = buildCustomTheme(customColors);\n        const vars = Object.entries(ct.colors).map(([k, v]) => `  --color-${k}: ${v};`).join(\"\\n\");\n        return { css: `:root {\\n${vars}\\n}`, tailwindConfig: buildSingleThemeCss(\"default\").tailwindConfig };\n      })()\n    : buildSingleThemeCss(theme || \"default\");\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<title>Landing Page</title>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${baseCss}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n${showBranding ? `<div style=\"text-align:center;padding:16px 0 12px;font-size:12px\">\n  <a href=\"https://www.easybits.cloud\" target=\"_blank\" rel=\"noopener\"\n     style=\"color:#9ca3af;text-decoration:none\">\n    Powered by easybits.cloud\n  </a>\n</div>` : \"\"}\n</body>\n</html>`;\n}\n"],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8dT;;;AC9dO,SAAS,iBAAiB,UAAsB,OAAwB;AAC7E,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OACV,IAAI,CAAC,MAAM,yBAAyB,EAAE,EAAE,KAAK,EAAE,IAAI,QAAQ,EAC3D,KAAK,IAAI;AAEZ,QAAM,YAAY,SAAS,UAAU,YAAY,gBAAgB,KAAK,MAAM;AAC5E,QAAM,EAAE,KAAK,eAAe,IAAI,cAAc;AAE9C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWH,IAAI;AAAA,UACI,gBAAgB,CAAC;AAAA;AAAA;AAG3B;AAQA,SAAS,qBAAqB,MAAsB;AAClD,SAAO,KACJ,QAAQ,4BAA4B,EAAE,EACtC,QAAQ,mCAAmC,EAAE,EAC7C,QAAQ,oBAAoB,EAAE,EAC9B,QAAQ,gCAAgC,EAAE,EAC1C,QAAQ,gCAAgC,EAAE;AAC/C;AAEO,SAAS,gBAAgB,UAAsB,OAAgB,cAA6B,eAAe,MAAc;AAC9H,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OAAO,IAAI,CAAC,MAAM,qBAAqB,EAAE,IAAI,CAAC,EAAE,KAAK,IAAI;AAEtE,QAAM,WAAW,UAAU,YAAY;AACvC,QAAM,YAAY,SAAS,UAAU,aAAa,CAAC,WAAW,gBAAgB,KAAK,MAAM;AAGzF,QAAM,EAAE,KAAK,SAAS,eAAe,IAAI,YACpC,MAAM;AACL,UAAM,KAAK,iBAAiB,YAAY;AACxC,UAAM,OAAO,OAAO,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI;AACzF,WAAO,EAAE,KAAK;AAAA,EAAY,IAAI;AAAA,IAAO,gBAAgB,oBAAoB,SAAS,EAAE,eAAe;AAAA,EACrG,GAAG,IACH,oBAAoB,SAAS,SAAS;AAE1C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASP,IAAI;AAAA,EACJ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKP,EAAE;AAAA;AAAA;AAGZ;","names":[]}

package/dist/{chunk-2VNHQS5O.js → chunk-PDPKR37F.js}

@@ -1,7 +1,7 @@
 import {
   LANDING_THEMES,
   buildPreviewHtml
-} from "./chunk-VCZIZCME.js";
+} from "./chunk-LHVMUMQS.js";
 
 // src/components/Canvas.tsx
 import { useRef, useEffect, useCallback, useState, forwardRef, useImperativeHandle } from "react";
@@ -1296,4 +1296,4 @@ export {
   ViewportToggle,
   useUndoStack
 };
-//# sourceMappingURL=chunk-2VNHQS5O.js.map
+//# sourceMappingURL=chunk-PDPKR37F.js.map

package/dist/{chunk-ORB536XW.js → chunk-XZN2UQ3E.js}

@@ -195,18 +195,9 @@ Additional instructions: ${extraInstructions}` : "";
   const safePrompt = prompt.length > 15e3 ? prompt.substring(0, 15e3) + "\n[...content truncated...]" : prompt;
   const logoInstruction = logoUrl ? `
 LOGO: Include this logo on the cover page and as a small header on other pages:
-<img src="__LOGO_URL__" alt="Logo" class="h-12 object-contain" />
-Use this exact <img> tag with src="__LOGO_URL__" \u2014 do NOT invent a different URL.` : "";
+<img src="${logoUrl}" alt="Logo" class="h-12 object-contain" />
+Use this exact <img> tag with this exact src URL \u2014 do NOT invent a different URL or modify it.` : "";
   const content = [];
-  if (logoUrl) {
-    const convertedLogo = dataUrlToImagePart(logoUrl);
-    if (convertedLogo) {
-      content.push({ type: "image", ...convertedLogo });
-    } else {
-      content.push({ type: "image", image: logoUrl });
-    }
-    content.push({ type: "text", text: "This is the company logo. Use it on the cover and as a small header on other pages." });
-  }
   if (referenceImage) {
     const converted = dataUrlToImagePart(referenceImage);
     if (converted) {
@@ -236,4 +227,4 @@ export {
   DOCUMENT_PROMPT_SUFFIX,
   generateDocument
 };
-//# sourceMappingURL=chunk-ORB536XW.js.map
+//# sourceMappingURL=chunk-XZN2UQ3E.js.map

package/dist/{chunk-ORB536XW.js.map → chunk-XZN2UQ3E.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/generateDocument.ts"],"sourcesContent":["import { streamGenerate, dataUrlToImagePart } from \"./streamCore\";\nimport type { Section3 } from \"./types\";\n\nexport const DOCUMENT_SYSTEM_PROMPT = `You are a professional document designer who creates stunning letter-sized (8.5\" × 11\") document pages using HTML + Tailwind CSS.\n\nRULES:\n- Each page is a <section> element sized for letter paper\n- Page structure: <section class=\"w-[8.5in] h-[11in] relative overflow-hidden\">\n- The section itself has NO padding — backgrounds, gradients, and decorative elements go edge-to-edge\n- For text content, use an inner wrapper: <div class=\"px-[0.75in] py-[0.5in]\">...content...</div>\n- Cover pages and decorative sections can use full-bleed backgrounds (bg-primary, gradients, images that fill the entire page)\n- Content MUST NOT overflow page boundaries — be conservative with spacing\n- Use Tailwind CDN classes ONLY (no custom CSS, no @apply, no @import)\n- NO JavaScript, only HTML+Tailwind\n- All text content in Spanish unless the prompt specifies otherwise\n- Use real content from the source material, not Lorem ipsum\n- NOT responsive — fixed letter size, no breakpoints needed\n- Sections can have ANY background — full-bleed color, gradients, or white. Not limited to white paper.\n\nSTRICT PROHIBITIONS:\n1. **NO EMOJI** — Never use emoji characters (🚀❌✅📊 etc.). Instead use inline SVG icons or colored divs. For bullet decorators use small colored circles (<span class=\"w-2 h-2 rounded-full bg-primary inline-block\"></span>) or simple SVG.\n2. **NO Chart.js / NO JavaScript** — Never reference Chart.js, canvas, or any JS library. For data visualization use pure CSS: progress bars (div with percentage width + bg-primary), horizontal bars, styled tables with colored cells. Never use <canvas> or <script>.\n3. **NO buttons or CTAs** — This is a print document, not a web page. No \"Contactar\", \"Ver más\", \"Comprar\" buttons. Use text with contact info instead.\n4. **CONTRAST IS MANDATORY** — Dark/colored backgrounds (bg-primary, bg-primary-dark, bg-secondary, dark gradients) MUST use text-white or text-on-primary. Light backgrounds (white, bg-surface, bg-surface-alt) MUST use text-gray-900 or text-on-surface. NEVER use dark text on dark backgrounds or light text on light backgrounds.\n5. **Max 2 font weights per page** — Pick 2 (e.g. font-semibold + font-normal, or font-bold + font-light). Don't mix 4-5 weights.\n6. **Generous whitespace** — Don't fill every centimeter. Leave breathing room. Use py-8, py-12, gap-6, gap-8 liberally. Less content per page = more professional.\n\nLAYOUT OVERFLOW PREVENTION — CRITICAL:\n- Max 2 columns side by side — each with w-1/2. NEVER use 3+ columns.\n- Decorative sidebars: max w-16 (4rem). NEVER use w-[2.5in] or wider sidebars — they steal too much space.\n- Stats/metric grids: max 3 items per row (grid-cols-3). Use gap-4 or gap-6.\n- Tables: max 4 columns, use text-xs or text-sm for cell text, px-3 py-2 cell padding.\n- Images: always w-full or max-w-[50%] — never fixed pixel widths.\n- Text: never use text-6xl or larger except for cover page title. Body text: text-sm or text-base.\n- NEVER use absolute positioning that could overflow — prefer flex/grid layouts.\n- Decorative shapes with absolute positioning MUST stay fully inside the page. Use overflow-hidden on parent AND keep coordinates positive (no negative right/left values).\n- Large decorative text (text-[200px], text-[10rem] etc.) MUST have opacity-5 or lower AND overflow-hidden on its container. These giant texts frequently overflow — be extra careful.\n- NEVER place elements beyond the right edge — all content and decorations must fit within 8.5in width.\n\nDESIGN — ADAPT to the document type. Read the prompt carefully and match the visual style:\n\nGENERAL PRINCIPLES (apply to ALL documents):\n- First page is ALWAYS a stunning cover/title page with impactful design\n- Typography: strong hierarchy with just 2 weights, clear headings vs body\n- Each page visually distinct — different layouts, accent placements\n- Use the full page creatively — backgrounds, sidebars, geometric shapes\n- Professional and polished, never generic or template-looking\n- Icons: use simple inline SVG (12-20px) for visual accents. Keep SVGs minimal (single path, no complex illustrations)\n\nADAPT YOUR STYLE to what the user is creating:\n- Reports/Data: structured grids, tables with alternating rows (bg-surface-alt), progress bars, stat cards, clean data hierarchy\n- Brochures/Marketing: bold hero images, large headlines, feature grids, testimonial-style quotes, visual storytelling\n- Catalogs/Products: product cards with images, specs grids, price highlights, category headers with full-bleed color\n- Invitations/Events: centered dramatic typography, decorative borders, elegant spacing, date/location prominently styled\n- Proposals/Pitches: problem→solution flow, metric highlights, team/about sections, pricing tables\n- CVs/Resumes: clean sidebar layouts, skill bars, timeline for experience, contact info header\n- Creative/General: mix techniques — bento grids, full-bleed images, overlapping elements, bold color blocking\n\nVISUAL TECHNIQUES available to you:\n- Full-bleed colored pages (bg-primary, gradients)\n- Geometric accent shapes (CSS divs with clip-path or rotation)\n- Asymmetric layouts (grid with unequal columns)\n- Large stat numbers as visual anchors (text-5xl font-black)\n- Header/footer bands with contrasting color\n- Sidebar accents (thin, max w-16)\n- Image + text compositions\n- Bento-grid mixing content blocks of different sizes\n- Tables: alternating row colors, clean borders, generous cell padding (px-4 py-3)\n- For numerical data: CSS progress bars, styled tables with colored cells, large stat numbers — NEVER canvas/charts\n\nCSS PROGRESS BARS — use this pattern for data visualization:\n<div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-primary h-3 rounded-full\" style=\"width: 75%\"></div></div>\n\nCOLOR SYSTEM — use semantic classes:\n- bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary\n- bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted\n- bg-secondary, text-secondary, bg-accent, text-accent\n- Cover pages should use bold full-bleed backgrounds (bg-primary, gradients from-primary to-primary-dark)\n- CONTRAST: bg-primary/bg-primary-dark/bg-secondary → text-white or text-on-primary. White/bg-surface → text-gray-900 or text-on-surface\n\nIMAGES — USE GENEROUSLY:\n- EVERY image MUST use: <img data-image-query=\"english search query\" alt=\"description\" class=\"w-full h-auto object-cover rounded-xl\"/>\n- NEVER include a src attribute — the system auto-replaces data-image-query with a real image\n- For avatar-like elements, use colored divs with initials instead of img tags\n- Include at LEAST 3-5 images across the document — hero images, section illustrations, backgrounds, product photos\n- Each data-image-query should be a UNIQUE, specific search query in English (e.g. \"modern office workspace aerial view\", \"team brainstorming whiteboard\", \"abstract blue technology network\")\n- Use images to break up text-heavy pages and add visual interest\n\nCHARTS & DATA VISUALIZATION (SVG):\n- For charts, diagrams, and decorative data graphics, use:\n  <div data-svg-chart=\"bar chart showing Q1 revenue: Jan $45K, Feb $52K, Mar $61K\" class=\"w-full\"></div>\n- The system generates professional SVG charts with a specialized tool — NEVER draw SVGs yourself\n- Use descriptive prompts with data points: type of chart + what it shows + actual values\n- Examples: \"donut chart: 40% Marketing, 30% Sales, 20% R&D, 10% Admin\", \"line chart showing growth: Q1 $100K, Q2 $150K, Q3 $220K, Q4 $310K\"\n- For simple metrics, still prefer CSS progress bars (they render faster)\n\nTAILWIND v3 NOTES:\n- Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)\n- Borders: border + border-gray-200 for visible borders\n\nEXAMPLE — Cover page (simple, no wide sidebars):\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-white\">\n  <div class=\"absolute left-0 top-0 w-2 h-full bg-primary\"></div>\n  <div class=\"flex flex-col justify-center h-[11in] px-[1in]\">\n    <div class=\"text-sm font-normal text-primary mb-4\">Marzo 2026 · Versión 1.0</div>\n    <h1 class=\"text-5xl font-bold text-gray-900 leading-tight\">Reporte<br/>Trimestral</h1>\n    <div class=\"w-16 h-1 bg-primary mt-6 mb-4\"></div>\n    <p class=\"text-lg font-normal text-gray-500\">Resultados y análisis del primer trimestre</p>\n  </div>\n</section>\n\nEXAMPLE — Marketing/brochure page (bold, visual):\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-primary\">\n  <div class=\"flex h-[11in]\">\n    <div class=\"w-1/2 flex flex-col justify-center px-[0.75in]\">\n      <span class=\"text-sm font-normal text-on-primary opacity-70 uppercase tracking-widest mb-3\">Solución Premium</span>\n      <h2 class=\"text-4xl font-bold text-on-primary leading-tight mb-6\">Transforma tu negocio digital</h2>\n      <p class=\"text-base font-normal text-on-primary opacity-80 mb-8\">Herramientas inteligentes que simplifican la gestión de tus activos digitales.</p>\n      <div class=\"flex gap-6\">\n        <div><div class=\"text-3xl font-bold text-accent\">98%</div><div class=\"text-xs text-on-primary opacity-70\">Satisfacción</div></div>\n        <div><div class=\"text-3xl font-bold text-accent\">2.4K</div><div class=\"text-xs text-on-primary opacity-70\">Empresas</div></div>\n      </div>\n    </div>\n    <div class=\"w-1/2 relative\">\n      <img data-image-query=\"modern office team collaboration technology\" alt=\"Team working\" class=\"absolute inset-0 w-full h-full object-cover\" />\n    </div>\n  </div>\n</section>\n\nEXAMPLE — Catalog/product grid page:\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-surface\">\n  <div class=\"h-1 bg-primary w-full\"></div>\n  <div class=\"px-[0.75in] py-[0.5in]\">\n    <div class=\"flex justify-between items-baseline mb-6\">\n      <h2 class=\"text-2xl font-bold text-on-surface\">Colección Primavera</h2>\n      <span class=\"text-xs font-normal text-on-surface-muted uppercase tracking-wider\">Página 3 de 8</span>\n    </div>\n    <div class=\"grid grid-cols-2 gap-6\">\n      <div class=\"bg-surface-alt rounded-xl overflow-hidden\">\n        <img data-image-query=\"minimalist product on white background\" alt=\"Product\" class=\"w-full h-48 object-cover\" />\n        <div class=\"p-4\"><h3 class=\"font-bold text-on-surface text-sm\">Producto Alpha</h3><p class=\"text-xs text-on-surface-muted mt-1\">Diseño ergonómico premium</p><div class=\"text-lg font-bold text-primary mt-2\">$2,490</div></div>\n      </div>\n      <div class=\"bg-surface-alt rounded-xl overflow-hidden\">\n        <img data-image-query=\"elegant product photography studio\" alt=\"Product\" class=\"w-full h-48 object-cover\" />\n        <div class=\"p-4\"><h3 class=\"font-bold text-on-surface text-sm\">Producto Beta</h3><p class=\"text-xs text-on-surface-muted mt-1\">Tecnología de vanguardia</p><div class=\"text-lg font-bold text-primary mt-2\">$3,190</div></div>\n      </div>\n    </div>\n  </div>\n</section>\n\nEXAMPLE — Content page with table + progress bars:\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-white\">\n  <div class=\"h-1.5 bg-primary w-full\"></div>\n  <div class=\"px-[0.75in] py-[0.5in]\">\n    <h2 class=\"text-2xl font-bold text-gray-900 mb-1\">Métricas de Rendimiento</h2>\n    <p class=\"text-sm font-normal text-gray-500 mb-8\">Indicadores clave del periodo enero—marzo</p>\n    <table class=\"w-full text-sm mb-10\">\n      <thead><tr class=\"bg-primary text-white\"><th class=\"px-4 py-3 text-left font-semibold\">Indicador</th><th class=\"px-4 py-3 text-left font-semibold\">Valor</th><th class=\"px-4 py-3 text-left font-semibold\">Meta</th></tr></thead>\n      <tbody>\n        <tr class=\"bg-surface-alt\"><td class=\"px-4 py-3 text-gray-900\">Ingresos</td><td class=\"px-4 py-3 text-gray-900\">$1.2M</td><td class=\"px-4 py-3 text-gray-900\">$1.5M</td></tr>\n        <tr><td class=\"px-4 py-3 text-gray-900\">Clientes nuevos</td><td class=\"px-4 py-3 text-gray-900\">340</td><td class=\"px-4 py-3 text-gray-900\">300</td></tr>\n        <tr class=\"bg-surface-alt\"><td class=\"px-4 py-3 text-gray-900\">Retención</td><td class=\"px-4 py-3 text-gray-900\">92%</td><td class=\"px-4 py-3 text-gray-900\">90%</td></tr>\n      </tbody>\n    </table>\n    <h3 class=\"text-lg font-bold text-gray-900 mb-4\">Progreso por Área</h3>\n    <div class=\"space-y-4\">\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Ventas</span><span class=\"text-gray-500\">80%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-primary h-3 rounded-full\" style=\"width: 80%\"></div></div></div>\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Marketing</span><span class=\"text-gray-500\">65%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-secondary h-3 rounded-full\" style=\"width: 65%\"></div></div></div>\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Producto</span><span class=\"text-gray-500\">95%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-accent h-3 rounded-full\" style=\"width: 95%\"></div></div></div>\n    </div>\n  </div>\n</section>`;\n\nexport const DOCUMENT_PROMPT_SUFFIX = `\n\nOUTPUT FORMAT: NDJSON — one JSON object per line, NO wrapper array, NO markdown fences.\nEach line: {\"label\": \"Page Title\", \"html\": \"<section class='w-[8.5in] min-h-[11in] relative overflow-hidden'>...</section>\"}\n\nGenerate 3-8 pages depending on content length. First page = cover/title page.\nEach page must fit within letter size (8.5\" × 11\"). Be conservative with spacing.\nMake each page visually distinct — different layouts, different accent placements.\nIMPORTANT: Adapt your design style to match the type of document — not everything is a report. Brochures should feel bold and visual, catalogs should showcase products, invitations should feel elegant, etc.`;\n\nexport interface GenerateDocumentOptions {\n  anthropicApiKey?: string;\n  openaiApiKey?: string;\n  prompt: string;\n  logoUrl?: string;\n  referenceImage?: string;\n  extraInstructions?: string;\n  model?: string;\n  pexelsApiKey?: string;\n  persistImage?: (tempUrl: string, query: string) => Promise<string>;\n  onSection?: (section: Section3) => void;\n  onImageUpdate?: (sectionId: string, html: string) => void;\n  onRawChunk?: (buffer: string, completedCount: number) => void;\n  onDone?: (sections: Section3[]) => void;\n  onError?: (error: Error) => void;\n}\n\n/**\n * Generate a multi-page document with streaming AI + image enrichment.\n */\nexport async function generateDocument(options: GenerateDocumentOptions): Promise<Section3[]> {\n  const {\n    prompt,\n    logoUrl,\n    referenceImage,\n    extraInstructions,\n    ...rest\n  } = options;\n\n  const extra = extraInstructions ? `\\nAdditional instructions: ${extraInstructions}` : \"\";\n  // Truncate prompt to prevent token overflow (max ~15K chars ≈ 5K tokens)\n  const safePrompt = prompt.length > 15_000 ? prompt.substring(0, 15_000) + \"\\n[...content truncated...]\" : prompt;\n  const logoInstruction = logoUrl\n    ? `\\nLOGO: Include this logo on the cover page and as a small header on other pages:\\n<img src=\"__LOGO_URL__\" alt=\"Logo\" class=\"h-12 object-contain\" />\\nUse this exact <img> tag with src=\"__LOGO_URL__\" — do NOT invent a different URL.`\n    : \"\";\n\n  const content: any[] = [];\n\n  // Add logo as vision input so the AI can actually see it\n  if (logoUrl) {\n    const convertedLogo = dataUrlToImagePart(logoUrl);\n    if (convertedLogo) {\n      content.push({ type: \"image\", ...convertedLogo });\n    } else {\n      content.push({ type: \"image\", image: logoUrl });\n    }\n    content.push({ type: \"text\", text: \"This is the company logo. Use it on the cover and as a small header on other pages.\" });\n  }\n\n  if (referenceImage) {\n    const converted = dataUrlToImagePart(referenceImage);\n    if (converted) {\n      content.push({ type: \"image\", ...converted });\n    } else {\n      content.push({ type: \"image\", image: referenceImage });\n    }\n    content.push({\n      type: \"text\",\n      text: `Create a professional document inspired by this reference image for: ${safePrompt}${logoInstruction}${extra}${DOCUMENT_PROMPT_SUFFIX}`,\n    });\n  } else {\n    content.push({\n      type: \"text\",\n      text: `Create a professional document for: ${safePrompt}${logoInstruction}${extra}${DOCUMENT_PROMPT_SUFFIX}`,\n    });\n  }\n\n  return streamGenerate({\n    ...rest,\n    systemPrompt: DOCUMENT_SYSTEM_PROMPT,\n    userContent: content,\n  });\n}\n"],"mappings":";;;;;;AAGO,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0K/B,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BtC,eAAsB,iBAAiB,SAAuD;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,QAAQ,oBAAoB;AAAA,2BAA8B,iBAAiB,KAAK;AAEtF,QAAM,aAAa,OAAO,SAAS,OAAS,OAAO,UAAU,GAAG,IAAM,IAAI,gCAAgC;AAC1G,QAAM,kBAAkB,UACpB;AAAA;AAAA;AAAA,0FACA;AAEJ,QAAM,UAAiB,CAAC;AAGxB,MAAI,SAAS;AACX,UAAM,gBAAgB,mBAAmB,OAAO;AAChD,QAAI,eAAe;AACjB,cAAQ,KAAK,EAAE,MAAM,SAAS,GAAG,cAAc,CAAC;AAAA,IAClD,OAAO;AACL,cAAQ,KAAK,EAAE,MAAM,SAAS,OAAO,QAAQ,CAAC;AAAA,IAChD;AACA,YAAQ,KAAK,EAAE,MAAM,QAAQ,MAAM,sFAAsF,CAAC;AAAA,EAC5H;AAEA,MAAI,gBAAgB;AAClB,UAAM,YAAY,mBAAmB,cAAc;AACnD,QAAI,WAAW;AACb,cAAQ,KAAK,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC;AAAA,IAC9C,OAAO;AACL,cAAQ,KAAK,EAAE,MAAM,SAAS,OAAO,eAAe,CAAC;AAAA,IACvD;AACA,YAAQ,KAAK;AAAA,MACX,MAAM;AAAA,MACN,MAAM,wEAAwE,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,sBAAsB;AAAA,IAC7I,CAAC;AAAA,EACH,OAAO;AACL,YAAQ,KAAK;AAAA,MACX,MAAM;AAAA,MACN,MAAM,uCAAuC,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,sBAAsB;AAAA,IAC5G,CAAC;AAAA,EACH;AAEA,SAAO,eAAe;AAAA,IACpB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,aAAa;AAAA,EACf,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../src/generateDocument.ts"],"sourcesContent":["import { streamGenerate, dataUrlToImagePart } from \"./streamCore\";\nimport type { Section3 } from \"./types\";\n\nexport const DOCUMENT_SYSTEM_PROMPT = `You are a professional document designer who creates stunning letter-sized (8.5\" × 11\") document pages using HTML + Tailwind CSS.\n\nRULES:\n- Each page is a <section> element sized for letter paper\n- Page structure: <section class=\"w-[8.5in] h-[11in] relative overflow-hidden\">\n- The section itself has NO padding — backgrounds, gradients, and decorative elements go edge-to-edge\n- For text content, use an inner wrapper: <div class=\"px-[0.75in] py-[0.5in]\">...content...</div>\n- Cover pages and decorative sections can use full-bleed backgrounds (bg-primary, gradients, images that fill the entire page)\n- Content MUST NOT overflow page boundaries — be conservative with spacing\n- Use Tailwind CDN classes ONLY (no custom CSS, no @apply, no @import)\n- NO JavaScript, only HTML+Tailwind\n- All text content in Spanish unless the prompt specifies otherwise\n- Use real content from the source material, not Lorem ipsum\n- NOT responsive — fixed letter size, no breakpoints needed\n- Sections can have ANY background — full-bleed color, gradients, or white. Not limited to white paper.\n\nSTRICT PROHIBITIONS:\n1. **NO EMOJI** — Never use emoji characters (🚀❌✅📊 etc.). Instead use inline SVG icons or colored divs. For bullet decorators use small colored circles (<span class=\"w-2 h-2 rounded-full bg-primary inline-block\"></span>) or simple SVG.\n2. **NO Chart.js / NO JavaScript** — Never reference Chart.js, canvas, or any JS library. For data visualization use pure CSS: progress bars (div with percentage width + bg-primary), horizontal bars, styled tables with colored cells. Never use <canvas> or <script>.\n3. **NO buttons or CTAs** — This is a print document, not a web page. No \"Contactar\", \"Ver más\", \"Comprar\" buttons. Use text with contact info instead.\n4. **CONTRAST IS MANDATORY** — Dark/colored backgrounds (bg-primary, bg-primary-dark, bg-secondary, dark gradients) MUST use text-white or text-on-primary. Light backgrounds (white, bg-surface, bg-surface-alt) MUST use text-gray-900 or text-on-surface. NEVER use dark text on dark backgrounds or light text on light backgrounds.\n5. **Max 2 font weights per page** — Pick 2 (e.g. font-semibold + font-normal, or font-bold + font-light). Don't mix 4-5 weights.\n6. **Generous whitespace** — Don't fill every centimeter. Leave breathing room. Use py-8, py-12, gap-6, gap-8 liberally. Less content per page = more professional.\n\nLAYOUT OVERFLOW PREVENTION — CRITICAL:\n- Max 2 columns side by side — each with w-1/2. NEVER use 3+ columns.\n- Decorative sidebars: max w-16 (4rem). NEVER use w-[2.5in] or wider sidebars — they steal too much space.\n- Stats/metric grids: max 3 items per row (grid-cols-3). Use gap-4 or gap-6.\n- Tables: max 4 columns, use text-xs or text-sm for cell text, px-3 py-2 cell padding.\n- Images: always w-full or max-w-[50%] — never fixed pixel widths.\n- Text: never use text-6xl or larger except for cover page title. Body text: text-sm or text-base.\n- NEVER use absolute positioning that could overflow — prefer flex/grid layouts.\n- Decorative shapes with absolute positioning MUST stay fully inside the page. Use overflow-hidden on parent AND keep coordinates positive (no negative right/left values).\n- Large decorative text (text-[200px], text-[10rem] etc.) MUST have opacity-5 or lower AND overflow-hidden on its container. These giant texts frequently overflow — be extra careful.\n- NEVER place elements beyond the right edge — all content and decorations must fit within 8.5in width.\n\nDESIGN — ADAPT to the document type. Read the prompt carefully and match the visual style:\n\nGENERAL PRINCIPLES (apply to ALL documents):\n- First page is ALWAYS a stunning cover/title page with impactful design\n- Typography: strong hierarchy with just 2 weights, clear headings vs body\n- Each page visually distinct — different layouts, accent placements\n- Use the full page creatively — backgrounds, sidebars, geometric shapes\n- Professional and polished, never generic or template-looking\n- Icons: use simple inline SVG (12-20px) for visual accents. Keep SVGs minimal (single path, no complex illustrations)\n\nADAPT YOUR STYLE to what the user is creating:\n- Reports/Data: structured grids, tables with alternating rows (bg-surface-alt), progress bars, stat cards, clean data hierarchy\n- Brochures/Marketing: bold hero images, large headlines, feature grids, testimonial-style quotes, visual storytelling\n- Catalogs/Products: product cards with images, specs grids, price highlights, category headers with full-bleed color\n- Invitations/Events: centered dramatic typography, decorative borders, elegant spacing, date/location prominently styled\n- Proposals/Pitches: problem→solution flow, metric highlights, team/about sections, pricing tables\n- CVs/Resumes: clean sidebar layouts, skill bars, timeline for experience, contact info header\n- Creative/General: mix techniques — bento grids, full-bleed images, overlapping elements, bold color blocking\n\nVISUAL TECHNIQUES available to you:\n- Full-bleed colored pages (bg-primary, gradients)\n- Geometric accent shapes (CSS divs with clip-path or rotation)\n- Asymmetric layouts (grid with unequal columns)\n- Large stat numbers as visual anchors (text-5xl font-black)\n- Header/footer bands with contrasting color\n- Sidebar accents (thin, max w-16)\n- Image + text compositions\n- Bento-grid mixing content blocks of different sizes\n- Tables: alternating row colors, clean borders, generous cell padding (px-4 py-3)\n- For numerical data: CSS progress bars, styled tables with colored cells, large stat numbers — NEVER canvas/charts\n\nCSS PROGRESS BARS — use this pattern for data visualization:\n<div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-primary h-3 rounded-full\" style=\"width: 75%\"></div></div>\n\nCOLOR SYSTEM — use semantic classes:\n- bg-primary, text-primary, bg-primary-light, bg-primary-dark, text-on-primary\n- bg-surface, bg-surface-alt, text-on-surface, text-on-surface-muted\n- bg-secondary, text-secondary, bg-accent, text-accent\n- Cover pages should use bold full-bleed backgrounds (bg-primary, gradients from-primary to-primary-dark)\n- CONTRAST: bg-primary/bg-primary-dark/bg-secondary → text-white or text-on-primary. White/bg-surface → text-gray-900 or text-on-surface\n\nIMAGES — USE GENEROUSLY:\n- EVERY image MUST use: <img data-image-query=\"english search query\" alt=\"description\" class=\"w-full h-auto object-cover rounded-xl\"/>\n- NEVER include a src attribute — the system auto-replaces data-image-query with a real image\n- For avatar-like elements, use colored divs with initials instead of img tags\n- Include at LEAST 3-5 images across the document — hero images, section illustrations, backgrounds, product photos\n- Each data-image-query should be a UNIQUE, specific search query in English (e.g. \"modern office workspace aerial view\", \"team brainstorming whiteboard\", \"abstract blue technology network\")\n- Use images to break up text-heavy pages and add visual interest\n\nCHARTS & DATA VISUALIZATION (SVG):\n- For charts, diagrams, and decorative data graphics, use:\n  <div data-svg-chart=\"bar chart showing Q1 revenue: Jan $45K, Feb $52K, Mar $61K\" class=\"w-full\"></div>\n- The system generates professional SVG charts with a specialized tool — NEVER draw SVGs yourself\n- Use descriptive prompts with data points: type of chart + what it shows + actual values\n- Examples: \"donut chart: 40% Marketing, 30% Sales, 20% R&D, 10% Admin\", \"line chart showing growth: Q1 $100K, Q2 $150K, Q3 $220K, Q4 $310K\"\n- For simple metrics, still prefer CSS progress bars (they render faster)\n\nTAILWIND v3 NOTES:\n- Standard Tailwind v3 classes (shadow-sm, shadow-md, rounded-md, etc.)\n- Borders: border + border-gray-200 for visible borders\n\nEXAMPLE — Cover page (simple, no wide sidebars):\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-white\">\n  <div class=\"absolute left-0 top-0 w-2 h-full bg-primary\"></div>\n  <div class=\"flex flex-col justify-center h-[11in] px-[1in]\">\n    <div class=\"text-sm font-normal text-primary mb-4\">Marzo 2026 · Versión 1.0</div>\n    <h1 class=\"text-5xl font-bold text-gray-900 leading-tight\">Reporte<br/>Trimestral</h1>\n    <div class=\"w-16 h-1 bg-primary mt-6 mb-4\"></div>\n    <p class=\"text-lg font-normal text-gray-500\">Resultados y análisis del primer trimestre</p>\n  </div>\n</section>\n\nEXAMPLE — Marketing/brochure page (bold, visual):\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-primary\">\n  <div class=\"flex h-[11in]\">\n    <div class=\"w-1/2 flex flex-col justify-center px-[0.75in]\">\n      <span class=\"text-sm font-normal text-on-primary opacity-70 uppercase tracking-widest mb-3\">Solución Premium</span>\n      <h2 class=\"text-4xl font-bold text-on-primary leading-tight mb-6\">Transforma tu negocio digital</h2>\n      <p class=\"text-base font-normal text-on-primary opacity-80 mb-8\">Herramientas inteligentes que simplifican la gestión de tus activos digitales.</p>\n      <div class=\"flex gap-6\">\n        <div><div class=\"text-3xl font-bold text-accent\">98%</div><div class=\"text-xs text-on-primary opacity-70\">Satisfacción</div></div>\n        <div><div class=\"text-3xl font-bold text-accent\">2.4K</div><div class=\"text-xs text-on-primary opacity-70\">Empresas</div></div>\n      </div>\n    </div>\n    <div class=\"w-1/2 relative\">\n      <img data-image-query=\"modern office team collaboration technology\" alt=\"Team working\" class=\"absolute inset-0 w-full h-full object-cover\" />\n    </div>\n  </div>\n</section>\n\nEXAMPLE — Catalog/product grid page:\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-surface\">\n  <div class=\"h-1 bg-primary w-full\"></div>\n  <div class=\"px-[0.75in] py-[0.5in]\">\n    <div class=\"flex justify-between items-baseline mb-6\">\n      <h2 class=\"text-2xl font-bold text-on-surface\">Colección Primavera</h2>\n      <span class=\"text-xs font-normal text-on-surface-muted uppercase tracking-wider\">Página 3 de 8</span>\n    </div>\n    <div class=\"grid grid-cols-2 gap-6\">\n      <div class=\"bg-surface-alt rounded-xl overflow-hidden\">\n        <img data-image-query=\"minimalist product on white background\" alt=\"Product\" class=\"w-full h-48 object-cover\" />\n        <div class=\"p-4\"><h3 class=\"font-bold text-on-surface text-sm\">Producto Alpha</h3><p class=\"text-xs text-on-surface-muted mt-1\">Diseño ergonómico premium</p><div class=\"text-lg font-bold text-primary mt-2\">$2,490</div></div>\n      </div>\n      <div class=\"bg-surface-alt rounded-xl overflow-hidden\">\n        <img data-image-query=\"elegant product photography studio\" alt=\"Product\" class=\"w-full h-48 object-cover\" />\n        <div class=\"p-4\"><h3 class=\"font-bold text-on-surface text-sm\">Producto Beta</h3><p class=\"text-xs text-on-surface-muted mt-1\">Tecnología de vanguardia</p><div class=\"text-lg font-bold text-primary mt-2\">$3,190</div></div>\n      </div>\n    </div>\n  </div>\n</section>\n\nEXAMPLE — Content page with table + progress bars:\n<section class=\"w-[8.5in] min-h-[11in] relative overflow-hidden bg-white\">\n  <div class=\"h-1.5 bg-primary w-full\"></div>\n  <div class=\"px-[0.75in] py-[0.5in]\">\n    <h2 class=\"text-2xl font-bold text-gray-900 mb-1\">Métricas de Rendimiento</h2>\n    <p class=\"text-sm font-normal text-gray-500 mb-8\">Indicadores clave del periodo enero—marzo</p>\n    <table class=\"w-full text-sm mb-10\">\n      <thead><tr class=\"bg-primary text-white\"><th class=\"px-4 py-3 text-left font-semibold\">Indicador</th><th class=\"px-4 py-3 text-left font-semibold\">Valor</th><th class=\"px-4 py-3 text-left font-semibold\">Meta</th></tr></thead>\n      <tbody>\n        <tr class=\"bg-surface-alt\"><td class=\"px-4 py-3 text-gray-900\">Ingresos</td><td class=\"px-4 py-3 text-gray-900\">$1.2M</td><td class=\"px-4 py-3 text-gray-900\">$1.5M</td></tr>\n        <tr><td class=\"px-4 py-3 text-gray-900\">Clientes nuevos</td><td class=\"px-4 py-3 text-gray-900\">340</td><td class=\"px-4 py-3 text-gray-900\">300</td></tr>\n        <tr class=\"bg-surface-alt\"><td class=\"px-4 py-3 text-gray-900\">Retención</td><td class=\"px-4 py-3 text-gray-900\">92%</td><td class=\"px-4 py-3 text-gray-900\">90%</td></tr>\n      </tbody>\n    </table>\n    <h3 class=\"text-lg font-bold text-gray-900 mb-4\">Progreso por Área</h3>\n    <div class=\"space-y-4\">\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Ventas</span><span class=\"text-gray-500\">80%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-primary h-3 rounded-full\" style=\"width: 80%\"></div></div></div>\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Marketing</span><span class=\"text-gray-500\">65%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-secondary h-3 rounded-full\" style=\"width: 65%\"></div></div></div>\n      <div><div class=\"flex justify-between text-sm mb-1\"><span class=\"text-gray-900 font-semibold\">Producto</span><span class=\"text-gray-500\">95%</span></div><div class=\"w-full bg-gray-200 rounded-full h-3\"><div class=\"bg-accent h-3 rounded-full\" style=\"width: 95%\"></div></div></div>\n    </div>\n  </div>\n</section>`;\n\nexport const DOCUMENT_PROMPT_SUFFIX = `\n\nOUTPUT FORMAT: NDJSON — one JSON object per line, NO wrapper array, NO markdown fences.\nEach line: {\"label\": \"Page Title\", \"html\": \"<section class='w-[8.5in] min-h-[11in] relative overflow-hidden'>...</section>\"}\n\nGenerate 3-8 pages depending on content length. First page = cover/title page.\nEach page must fit within letter size (8.5\" × 11\"). Be conservative with spacing.\nMake each page visually distinct — different layouts, different accent placements.\nIMPORTANT: Adapt your design style to match the type of document — not everything is a report. Brochures should feel bold and visual, catalogs should showcase products, invitations should feel elegant, etc.`;\n\nexport interface GenerateDocumentOptions {\n  anthropicApiKey?: string;\n  openaiApiKey?: string;\n  prompt: string;\n  logoUrl?: string;\n  referenceImage?: string;\n  extraInstructions?: string;\n  model?: string;\n  pexelsApiKey?: string;\n  persistImage?: (tempUrl: string, query: string) => Promise<string>;\n  onSection?: (section: Section3) => void;\n  onImageUpdate?: (sectionId: string, html: string) => void;\n  onRawChunk?: (buffer: string, completedCount: number) => void;\n  onDone?: (sections: Section3[]) => void;\n  onError?: (error: Error) => void;\n}\n\n/**\n * Generate a multi-page document with streaming AI + image enrichment.\n */\nexport async function generateDocument(options: GenerateDocumentOptions): Promise<Section3[]> {\n  const {\n    prompt,\n    logoUrl,\n    referenceImage,\n    extraInstructions,\n    ...rest\n  } = options;\n\n  const extra = extraInstructions ? `\\nAdditional instructions: ${extraInstructions}` : \"\";\n  // Truncate prompt to prevent token overflow (max ~15K chars ≈ 5K tokens)\n  const safePrompt = prompt.length > 15_000 ? prompt.substring(0, 15_000) + \"\\n[...content truncated...]\" : prompt;\n  const logoInstruction = logoUrl\n    ? `\\nLOGO: Include this logo on the cover page and as a small header on other pages:\\n<img src=\"${logoUrl}\" alt=\"Logo\" class=\"h-12 object-contain\" />\\nUse this exact <img> tag with this exact src URL — do NOT invent a different URL or modify it.`\n    : \"\";\n\n  const content: any[] = [];\n\n  if (referenceImage) {\n    const converted = dataUrlToImagePart(referenceImage);\n    if (converted) {\n      content.push({ type: \"image\", ...converted });\n    } else {\n      content.push({ type: \"image\", image: referenceImage });\n    }\n    content.push({\n      type: \"text\",\n      text: `Create a professional document inspired by this reference image for: ${safePrompt}${logoInstruction}${extra}${DOCUMENT_PROMPT_SUFFIX}`,\n    });\n  } else {\n    content.push({\n      type: \"text\",\n      text: `Create a professional document for: ${safePrompt}${logoInstruction}${extra}${DOCUMENT_PROMPT_SUFFIX}`,\n    });\n  }\n\n  return streamGenerate({\n    ...rest,\n    systemPrompt: DOCUMENT_SYSTEM_PROMPT,\n    userContent: content,\n  });\n}\n"],"mappings":";;;;;;AAGO,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0K/B,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BtC,eAAsB,iBAAiB,SAAuD;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,QAAQ,oBAAoB;AAAA,2BAA8B,iBAAiB,KAAK;AAEtF,QAAM,aAAa,OAAO,SAAS,OAAS,OAAO,UAAU,GAAG,IAAM,IAAI,gCAAgC;AAC1G,QAAM,kBAAkB,UACpB;AAAA;AAAA,YAAgG,OAAO;AAAA,uGACvG;AAEJ,QAAM,UAAiB,CAAC;AAExB,MAAI,gBAAgB;AAClB,UAAM,YAAY,mBAAmB,cAAc;AACnD,QAAI,WAAW;AACb,cAAQ,KAAK,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC;AAAA,IAC9C,OAAO;AACL,cAAQ,KAAK,EAAE,MAAM,SAAS,OAAO,eAAe,CAAC;AAAA,IACvD;AACA,YAAQ,KAAK;AAAA,MACX,MAAM;AAAA,MACN,MAAM,wEAAwE,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,sBAAsB;AAAA,IAC7I,CAAC;AAAA,EACH,OAAO;AACL,YAAQ,KAAK;AAAA,MACX,MAAM;AAAA,MACN,MAAM,uCAAuC,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,sBAAsB;AAAA,IAC5G,CAAC;AAAA,EACH;AAEA,SAAO,eAAe;AAAA,IACpB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,aAAa;AAAA,EACf,CAAC;AACH;","names":[]}

package/dist/components.js

@@ -5,8 +5,8 @@ import {
   SectionList,
   ViewportToggle,
   useUndoStack
-} from "./chunk-2VNHQS5O.js";
-import "./chunk-VCZIZCME.js";
+} from "./chunk-PDPKR37F.js";
+import "./chunk-LHVMUMQS.js";
 export {
   Canvas,
   CodeEditor,

package/dist/deploy.js

@@ -1,8 +1,8 @@
 import {
   deployToEasyBits,
   deployToS3
-} from "./chunk-PWED7WHZ.js";
-import "./chunk-VCZIZCME.js";
+} from "./chunk-2KACBJCN.js";
+import "./chunk-LHVMUMQS.js";
 export {
   deployToEasyBits,
   deployToS3

package/dist/generateDocument.js

@@ -2,7 +2,7 @@ import {
   DOCUMENT_PROMPT_SUFFIX,
   DOCUMENT_SYSTEM_PROMPT,
   generateDocument
-} from "./chunk-ORB536XW.js";
+} from "./chunk-XZN2UQ3E.js";
 import "./chunk-ED6RAB2Z.js";
 import "./chunk-4NOYN34W.js";
 import "./chunk-GW5ZUYWT.js";

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   FloatingToolbar,
   SectionList,
   ViewportToggle
-} from "./chunk-2VNHQS5O.js";
+} from "./chunk-PDPKR37F.js";
 import "./chunk-MJ34S5ZC.js";
 import {
   PROMPT_SUFFIX,
@@ -15,7 +15,7 @@ import {
   DOCUMENT_PROMPT_SUFFIX,
   DOCUMENT_SYSTEM_PROMPT,
   generateDocument
-} from "./chunk-ORB536XW.js";
+} from "./chunk-XZN2UQ3E.js";
 import {
   extractJsonObjects
 } from "./chunk-ED6RAB2Z.js";
@@ -35,7 +35,7 @@ import {
 import {
   deployToEasyBits,
   deployToS3
-} from "./chunk-PWED7WHZ.js";
+} from "./chunk-2KACBJCN.js";
 import {
   LANDING_THEMES,
   buildCustomTheme,
@@ -45,7 +45,7 @@ import {
   buildSingleThemeCss,
   buildThemeCss,
   getIframeScript
-} from "./chunk-VCZIZCME.js";
+} from "./chunk-LHVMUMQS.js";
 export {
   Canvas,
   CodeEditor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easybits.cloud/html-tailwind-generator",
-  "version": "0.2.66",
+  "version": "0.2.68",
   "description": "AI-powered landing page generator with Tailwind CSS — canvas editor, streaming generation, and one-click deploy",
   "license": "PolyForm-Noncommercial-1.0.0",
   "type": "module",

package/dist/chunk-VCZIZCME.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/themes.ts","../src/iframeScript.ts","../src/buildHtml.ts"],"sourcesContent":["export interface LandingTheme {\n  id: string;\n  label: string;\n  colors: {\n    primary: string;\n    \"primary-light\": string;\n    \"primary-dark\": string;\n    secondary: string;\n    accent: string;\n    surface: string;\n    \"surface-alt\": string;\n    \"on-surface\": string;\n    \"on-surface-muted\": string;\n    \"on-primary\": string;\n  };\n}\n\nexport const LANDING_THEMES: LandingTheme[] = [\n  {\n    id: \"minimal\",\n    label: \"Minimal\",\n    colors: {\n      primary: \"#18181b\",\n      \"primary-light\": \"#3f3f46\",\n      \"primary-dark\": \"#09090b\",\n      secondary: \"#71717a\",\n      accent: \"#2563eb\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#f4f4f5\",\n      \"on-surface\": \"#18181b\",\n      \"on-surface-muted\": \"#71717a\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"calido\",\n    label: \"Cálido\",\n    colors: {\n      primary: \"#9a3412\",\n      \"primary-light\": \"#c2410c\",\n      \"primary-dark\": \"#7c2d12\",\n      secondary: \"#78716c\",\n      accent: \"#d97706\",\n      surface: \"#fafaf9\",\n      \"surface-alt\": \"#f5f5f4\",\n      \"on-surface\": \"#1c1917\",\n      \"on-surface-muted\": \"#78716c\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"oceano\",\n    label: \"Océano\",\n    colors: {\n      primary: \"#0f4c75\",\n      \"primary-light\": \"#1a6fa0\",\n      \"primary-dark\": \"#0a3555\",\n      secondary: \"#6b7280\",\n      accent: \"#0d9488\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#f0fdfa\",\n      \"on-surface\": \"#0f172a\",\n      \"on-surface-muted\": \"#64748b\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"noche\",\n    label: \"Noche\",\n    colors: {\n      primary: \"#a78bfa\",\n      \"primary-light\": \"#c4b5fd\",\n      \"primary-dark\": \"#8b5cf6\",\n      secondary: \"#9ca3af\",\n      accent: \"#a78bfa\",\n      surface: \"#111827\",\n      \"surface-alt\": \"#1f2937\",\n      \"on-surface\": \"#f9fafb\",\n      \"on-surface-muted\": \"#9ca3af\",\n      \"on-primary\": \"#111827\",\n    },\n  },\n  {\n    id: \"bosque\",\n    label: \"Bosque\",\n    colors: {\n      primary: \"#16a34a\",\n      \"primary-light\": \"#22c55e\",\n      \"primary-dark\": \"#15803d\",\n      secondary: \"#a3a3a3\",\n      accent: \"#16a34a\",\n      surface: \"#0a0a0a\",\n      \"surface-alt\": \"#171717\",\n      \"on-surface\": \"#fafafa\",\n      \"on-surface-muted\": \"#a3a3a3\",\n      \"on-primary\": \"#000000\",\n    },\n  },\n  {\n    id: \"rosa\",\n    label: \"Rosa\",\n    colors: {\n      primary: \"#be185d\",\n      \"primary-light\": \"#db2777\",\n      \"primary-dark\": \"#9d174d\",\n      secondary: \"#6b7280\",\n      accent: \"#be185d\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#fdf2f8\",\n      \"on-surface\": \"#1f2937\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n    },\n  },\n];\n\nexport interface CustomColors {\n  primary: string;\n  secondary?: string;\n  accent?: string;\n  surface?: string;\n}\n\nfunction parseHex(hex: string) {\n  return {\n    r: parseInt(hex.slice(1, 3), 16),\n    g: parseInt(hex.slice(3, 5), 16),\n    b: parseInt(hex.slice(5, 7), 16),\n  };\n}\n\nfunction toHex(r: number, g: number, b: number) {\n  return `#${[r, g, b].map((c) => Math.max(0, Math.min(255, c)).toString(16).padStart(2, \"0\")).join(\"\")}`;\n}\n\nfunction luminance(hex: string) {\n  const { r, g, b } = parseHex(hex);\n  return (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n}\n\nfunction lighten(hex: string, amount = 40) {\n  const { r, g, b } = parseHex(hex);\n  return toHex(r + amount, g + amount, b + amount);\n}\n\nfunction darken(hex: string, amount = 40) {\n  const { r, g, b } = parseHex(hex);\n  return toHex(r - amount, g - amount, b - amount);\n}\n\nexport function buildCustomTheme(colors: CustomColors): LandingTheme {\n  const { primary, secondary = \"#f59e0b\", accent = \"#06b6d4\", surface = \"#ffffff\" } = colors;\n\n  const onPrimary = luminance(primary) > 0.5 ? \"#111827\" : \"#ffffff\";\n  const surfaceLum = luminance(surface);\n  const isDarkSurface = surfaceLum < 0.5;\n\n  return {\n    id: \"custom\",\n    label: \"Custom\",\n    colors: {\n      primary,\n      \"primary-light\": lighten(primary),\n      \"primary-dark\": darken(primary),\n      secondary,\n      accent,\n      surface,\n      \"surface-alt\": isDarkSurface ? lighten(surface, 20) : darken(surface, 5),\n      \"on-surface\": isDarkSurface ? \"#f1f5f9\" : \"#111827\",\n      \"on-surface-muted\": isDarkSurface ? \"#94a3b8\" : \"#6b7280\",\n      \"on-primary\": onPrimary,\n    },\n  };\n}\n\nexport function buildCustomThemeCss(colors: CustomColors): string {\n  const theme = buildCustomTheme(colors);\n  return `[data-theme=\"custom\"] {\\n${buildCssVars(theme.colors)}\\n}`;\n}\n\n/** CSS custom properties for a theme */\nfunction buildCssVars(colors: LandingTheme[\"colors\"]): string {\n  return Object.entries(colors)\n    .map(([k, v]) => `  --color-${k}: ${v};`)\n    .join(\"\\n\");\n}\n\n/** Build the tailwind.config JS object string for TW v3 CDN */\nfunction buildTailwindConfig(): string {\n  const colorEntries = Object.keys(LANDING_THEMES[0].colors)\n    .map((k) => `          '${k}': 'var(--color-${k})'`)\n    .join(\",\\n\");\n\n  return `{\n    theme: {\n      extend: {\n        colors: {\n${colorEntries}\n        }\n      }\n    }\n  }`;\n}\n\nexport function buildThemeCss(): { css: string; tailwindConfig: string } {\n  const defaultTheme = LANDING_THEMES[0];\n\n  const overrides = LANDING_THEMES.slice(1)\n    .map((t) => `[data-theme=\"${t.id}\"] {\\n${buildCssVars(t.colors)}\\n}`)\n    .join(\"\\n\\n\");\n\n  const css = `:root {\\n${buildCssVars(defaultTheme.colors)}\\n}\\n\\n${overrides}`;\n  return { css, tailwindConfig: buildTailwindConfig() };\n}\n\nexport function buildSingleThemeCss(themeId: string): { css: string; tailwindConfig: string } {\n  const theme = LANDING_THEMES.find((t) => t.id === themeId) || LANDING_THEMES[0];\n  const css = `:root {\\n${buildCssVars(theme.colors)}\\n}`;\n  return { css, tailwindConfig: buildTailwindConfig() };\n}\n","/**\n * JavaScript injected into the landing v3 iframe.\n * Handles hover highlights, click selection, contentEditable text editing,\n * postMessage communication with the parent editor,\n * and incremental section injection from parent.\n */\nexport function getIframeScript(): string {\n  return `\n(function() {\n  let hoveredEl = null;\n  let selectedEl = null;\n  const OUTLINE_HOVER = '2px solid #3B82F6';\n  const OUTLINE_SELECTED = '2px solid #8B5CF6';\n\n  function getSectionId(el) {\n    let node = el;\n    while (node && node !== document.body) {\n      if (node.dataset && node.dataset.sectionId) {\n        return node.dataset.sectionId;\n      }\n      node = node.parentElement;\n    }\n    return null;\n  }\n\n  function getSectionElement(sectionId) {\n    return document.querySelector('[data-section-id=\"' + sectionId + '\"]');\n  }\n\n  function getElementPath(el) {\n    const parts = [];\n    let node = el;\n    while (node && node !== document.body) {\n      let tag = node.tagName.toLowerCase();\n      if (node.id) { tag += '#' + node.id; }\n      const siblings = node.parentElement ? Array.from(node.parentElement.children).filter(function(c) { return c.tagName === node.tagName; }) : [];\n      if (siblings.length > 1) { tag += ':nth(' + siblings.indexOf(node) + ')'; }\n      parts.unshift(tag);\n      node = node.parentElement;\n    }\n    return parts.join(' > ');\n  }\n\n  function getCleanSectionHtml(sectionEl) {\n    var els = sectionEl.querySelectorAll('*');\n    var saved = [];\n    for (var i = 0; i < els.length; i++) {\n      var s = els[i].style;\n      saved.push({ outline: s.outline, outlineOffset: s.outlineOffset, ce: els[i].contentEditable });\n      s.outline = '';\n      s.outlineOffset = '';\n      if (els[i].contentEditable === 'true') els[i].removeAttribute('contenteditable');\n    }\n    // Also clean the section root\n    var rootOutline = sectionEl.style.outline;\n    var rootOffset = sectionEl.style.outlineOffset;\n    sectionEl.style.outline = '';\n    sectionEl.style.outlineOffset = '';\n    var html = sectionEl.innerHTML;\n    sectionEl.style.outline = rootOutline;\n    sectionEl.style.outlineOffset = rootOffset;\n    for (var i = 0; i < els.length; i++) {\n      els[i].style.outline = saved[i].outline;\n      els[i].style.outlineOffset = saved[i].outlineOffset;\n      if (saved[i].ce === 'true') els[i].contentEditable = 'true';\n    }\n    return html;\n  }\n\n  function isTextElement(el) {\n    var textTags = ['H1','H2','H3','H4','H5','H6','P','SPAN','LI','A','BLOCKQUOTE','LABEL','TD','TH','FIGCAPTION','BUTTON'];\n    return textTags.indexOf(el.tagName) !== -1;\n  }\n\n  function emitElementSelected(el) {\n    var rect = el.getBoundingClientRect();\n    var attrs = {};\n    if (el.tagName === 'IMG') attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };\n    if (el.tagName === 'A') attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };\n    var ot = el.outerHTML.split('>')[0] + '>';\n    if (ot.length > 200) ot = ot.substring(0, 200);\n    window.parent.postMessage({\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: ot,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: (typeof el.className === 'string' ? el.className : '') || '',\n    }, '*');\n  }\n\n  // Hover\n  document.addEventListener('mouseover', function(e) {\n    var el = e.target;\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    if (el && el.tagName === 'svg' && el.parentElement) el = el.parentElement;\n    if (el === document.body || el === document.documentElement) return;\n    if (el === selectedEl) return;\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.outline = '';\n      hoveredEl.style.outlineOffset = '';\n    }\n    hoveredEl = el;\n    if (el !== selectedEl) {\n      el.style.outline = OUTLINE_HOVER;\n      el.style.outlineOffset = '-2px';\n    }\n  });\n\n  document.addEventListener('mouseout', function(e) {\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.outline = '';\n      hoveredEl.style.outlineOffset = '';\n    }\n    hoveredEl = null;\n  });\n\n  // Click — select element\n  document.addEventListener('click', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n\n    // Bubble up from SVG internals to the nearest HTML element\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    // If we landed on an <svg>, bubble up to its HTML parent\n    if (el && el.tagName === 'svg' && el.parentElement) {\n      el = el.parentElement;\n    }\n\n    // Deselect previous\n    if (selectedEl) {\n      selectedEl.style.outline = '';\n      selectedEl.style.outlineOffset = '';\n    }\n\n    if (selectedEl === el) {\n      selectedEl = null;\n      window.parent.postMessage({ type: 'element-deselected' }, '*');\n      return;\n    }\n\n    selectedEl = el;\n\n    // Clear hover styles BEFORE capturing openTag (so it matches source HTML)\n    el.style.outline = '';\n    el.style.outlineOffset = '';\n    var openTag = el.outerHTML.substring(0, el.outerHTML.indexOf('>') + 1).substring(0, 120);\n\n    el.style.outline = OUTLINE_SELECTED;\n    el.style.outlineOffset = '-2px';\n\n    var rect = el.getBoundingClientRect();\n    var attrs = {};\n    if (el.tagName === 'IMG') {\n      attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };\n    }\n    if (el.tagName === 'A') {\n      attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };\n    }\n\n    window.parent.postMessage({\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: openTag,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: el.className || '',\n    }, '*');\n  }, true);\n\n  // Double-click — contentEditable for text\n  document.addEventListener('dblclick', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n    if (!isTextElement(el)) return;\n\n    el.contentEditable = 'true';\n    el.focus();\n    el.style.outline = '2px dashed #F59E0B';\n    el.style.outlineOffset = '-2px';\n\n    function onBlur() {\n      el.contentEditable = 'false';\n      el.style.outline = '';\n      el.style.outlineOffset = '';\n      el.removeEventListener('blur', onBlur);\n      el.removeEventListener('keydown', onKeydown);\n\n      var sid = getSectionId(el);\n      var sectionEl = sid ? getSectionElement(sid) : null;\n      window.parent.postMessage({\n        type: 'text-edited',\n        sectionId: sid,\n        elementPath: getElementPath(el),\n        newText: el.innerHTML,\n        sectionHtml: sectionEl ? getCleanSectionHtml(sectionEl) : null,\n      }, '*');\n\n      selectedEl = null;\n    }\n\n    function onKeydown(ev) {\n      if (ev.key === 'Escape') {\n        el.blur();\n      }\n    }\n\n    el.addEventListener('blur', onBlur);\n    el.addEventListener('keydown', onKeydown);\n  }, true);\n\n  // Listen for messages FROM parent (incremental section injection)\n  window.addEventListener('message', function(e) {\n    var msg = e.data;\n    if (!msg || !msg.action) return;\n\n    if (msg.action === 'add-section') {\n      var wrapper = document.createElement('div');\n      wrapper.setAttribute('data-section-id', msg.id);\n      wrapper.innerHTML = msg.html;\n      wrapper.style.animation = 'fadeInUp 0.4s ease-out';\n      document.body.appendChild(wrapper);\n      if (msg.scroll) {\n        wrapper.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }\n    }\n\n    if (msg.action === 'update-section') {\n      var el = getSectionElement(msg.id);\n      if (el && typeof window.morphdom === 'function') {\n        var tmp = document.createElement('div');\n        tmp.innerHTML = msg.html;\n        window.morphdom(el, tmp, {\n          childrenOnly: true,\n          onBeforeElUpdated: function(fromEl, toEl) {\n            if (fromEl.isEqualNode(toEl)) return false;\n            return true;\n          }\n        });\n      } else if (el) {\n        el.innerHTML = msg.html;\n      }\n    }\n\n    if (msg.action === 'remove-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.remove(); }\n    }\n\n    if (msg.action === 'reorder-sections') {\n      // msg.order = [id1, id2, id3, ...]\n      var order = msg.order;\n      for (var i = 0; i < order.length; i++) {\n        var el = getSectionElement(order[i]);\n        if (el) { document.body.appendChild(el); }\n      }\n    }\n\n    if (msg.action === 'update-attribute') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl) {\n        var target = null;\n        if (msg.elementPath) {\n          // Find element by matching path\n          var allEls = sectionEl.querySelectorAll(msg.tagName || '*');\n          for (var i = 0; i < allEls.length; i++) {\n            if (getElementPath(allEls[i]) === msg.elementPath) {\n              target = allEls[i];\n              break;\n            }\n          }\n        }\n        if (target) {\n          if (msg.attr === 'style' && msg.value.indexOf(':') !== -1) {\n            // Merge style property instead of replacing entire style\n            var parts = msg.value.split(':');\n            var prop = parts[0].trim();\n            var val = parts.slice(1).join(':').trim();\n            target.style.setProperty(prop, val);\n          } else {\n            target.setAttribute(msg.attr, msg.value);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'replace-class') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target) {\n          // Remove classes matching prefixes (supports responsive variants like md:p-4)\n          var prefixes = msg.removePrefixes || [];\n          var toRemove = [];\n          for (var ci = 0; ci < target.classList.length; ci++) {\n            var cls = target.classList[ci];\n            var bare = cls.indexOf(':') !== -1 ? cls.substring(cls.lastIndexOf(':') + 1) : cls;\n            for (var pi = 0; pi < prefixes.length; pi++) {\n              if (bare === prefixes[pi] || bare.indexOf(prefixes[pi]) === 0) {\n                toRemove.push(cls);\n                break;\n              }\n            }\n          }\n          for (var ri = 0; ri < toRemove.length; ri++) {\n            target.classList.remove(toRemove[ri]);\n          }\n          // Add new class\n          if (msg.addClass && !target.classList.contains(msg.addClass)) {\n            target.classList.add(msg.addClass);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'delete-element') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          target.parentNode.removeChild(target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          window.parent.postMessage({ type: 'element-deselected' }, '*');\n        }\n      }\n    }\n\n    if (msg.action === 'change-tag') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath && msg.newTag) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          var newEl = document.createElement(msg.newTag);\n          for (var a = 0; a < target.attributes.length; a++) {\n            newEl.setAttribute(target.attributes[a].name, target.attributes[a].value);\n          }\n          while (target.firstChild) newEl.appendChild(target.firstChild);\n          target.parentNode.replaceChild(newEl, target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(newEl);\n        }\n      }\n    }\n\n    if (msg.action === 'set-theme') {\n      if (msg.theme && msg.theme !== 'default') {\n        document.documentElement.setAttribute('data-theme', msg.theme);\n      } else {\n        document.documentElement.removeAttribute('data-theme');\n      }\n    }\n\n    if (msg.action === 'set-custom-css') {\n      var customStyle = document.getElementById('custom-theme-css');\n      if (!customStyle) {\n        customStyle = document.createElement('style');\n        customStyle.id = 'custom-theme-css';\n        document.head.appendChild(customStyle);\n      }\n      customStyle.textContent = msg.css || '';\n    }\n\n    if (msg.action === 'scroll-to-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n    }\n\n    if (msg.action === 'get-scroll') {\n      window.parent.postMessage({ type: 'scroll-position', y: window.scrollY }, '*');\n    }\n\n    if (msg.action === 'restore-scroll') {\n      window.scrollTo(0, msg.y);\n    }\n\n    if (msg.action === 'full-rewrite') {\n      // Fallback: rewrite everything\n      document.body.innerHTML = msg.html;\n    }\n  });\n\n  // Forward Cmd/Ctrl+Z undo/redo to parent (iframe captures keyboard focus)\n  document.addEventListener('keydown', function(e) {\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'z') {\n      e.preventDefault();\n      window.parent.postMessage({ type: e.shiftKey ? 'redo' : 'undo' }, '*');\n    }\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'y') {\n      e.preventDefault();\n      window.parent.postMessage({ type: 'redo' }, '*');\n    }\n  });\n\n  // Image loading placeholders\n  function setupImagePlaceholder(img) {\n    if (img.complete && img.naturalWidth > 0) return;\n    img.style.background = 'linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)';\n    img.style.backgroundSize = '200% 100%';\n    img.style.animation = 'shimmer 1.5s infinite';\n    if (!img.style.minHeight && !img.getAttribute('height')) img.style.minHeight = '120px';\n    function onDone() {\n      img.style.background = '';\n      img.style.backgroundSize = '';\n      img.style.animation = '';\n      if (img.style.minHeight === '120px') img.style.minHeight = '';\n      img.removeEventListener('load', onDone);\n      img.removeEventListener('error', onDone);\n    }\n    img.addEventListener('load', onDone);\n    img.addEventListener('error', onDone);\n  }\n  // Observe new/changed images\n  var imgObserver = new MutationObserver(function(mutations) {\n    for (var m = 0; m < mutations.length; m++) {\n      // New nodes\n      for (var n = 0; n < mutations[m].addedNodes.length; n++) {\n        var node = mutations[m].addedNodes[n];\n        if (node.tagName === 'IMG') setupImagePlaceholder(node);\n        if (node.querySelectorAll) {\n          var imgs = node.querySelectorAll('img');\n          for (var i = 0; i < imgs.length; i++) setupImagePlaceholder(imgs[i]);\n        }\n      }\n      // src attribute changed\n      if (mutations[m].type === 'attributes' && mutations[m].attributeName === 'src' && mutations[m].target.tagName === 'IMG') {\n        setupImagePlaceholder(mutations[m].target);\n      }\n    }\n  });\n  imgObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src'] });\n  // Initial images\n  var existingImgs = document.querySelectorAll('img');\n  for (var ii = 0; ii < existingImgs.length; ii++) setupImagePlaceholder(existingImgs[ii]);\n\n  // Inject animation keyframes\n  var style = document.createElement('style');\n  style.textContent = '@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }';\n  document.head.appendChild(style);\n\n  // Notify parent we're ready\n  window.parent.postMessage({ type: 'ready' }, '*');\n})();\n`;\n}\n","import type { Section3 } from \"./types\";\nimport { getIframeScript } from \"./iframeScript\";\nimport { buildThemeCss, buildSingleThemeCss, buildCustomTheme, type CustomColors } from \"./themes\";\n\n/**\n * Build the full HTML for the iframe preview (with editing script).\n */\nexport function buildPreviewHtml(sections: Section3[], theme?: string): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted\n    .map((s) => `<div data-section-id=\"${s.id}\">${s.html}</div>`)\n    .join(\"\\n\");\n\n  const dataTheme = theme && theme !== \"default\" ? ` data-theme=\"${theme}\"` : \"\";\n  const { css, tailwindConfig } = buildThemeCss();\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script src=\"https://unpkg.com/morphdom@2.7.4/dist/morphdom-umd.min.js\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${css}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nimg{max-width:100%}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n[contenteditable=\"true\"]{cursor:text}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n<script>${getIframeScript()}</script>\n</body>\n</html>`;\n}\n\n/**\n * Build the deploy HTML (no editing script, clean output).\n */\n/**\n * Remove editor artifacts (outline, outlineOffset, contenteditable) from HTML before deploy.\n */\nfunction stripEditorArtifacts(html: string): string {\n  return html\n    .replace(/\\s*outline:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*outline-offset:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*style=\"\\s*\"/gi, \"\")\n    .replace(/\\s+contenteditable=\"[^\"]*\"/gi, \"\")\n    .replace(/\\s+data-section-id=\"[^\"]*\"/gi, \"\")\n}\n\nexport function buildDeployHtml(sections: Section3[], theme?: string, customColors?: CustomColors, showBranding = true): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted.map((s) => stripEditorArtifacts(s.html)).join(\"\\n\");\n\n  const isCustom = theme === \"custom\" && customColors;\n  const dataTheme = theme && theme !== \"default\" && !isCustom ? ` data-theme=\"${theme}\"` : \"\";\n\n  // For custom theme, build CSS from the custom colors directly (no data-theme needed, inject as :root)\n  const { css: baseCss, tailwindConfig } = isCustom\n    ? (() => {\n        const ct = buildCustomTheme(customColors);\n        const vars = Object.entries(ct.colors).map(([k, v]) => `  --color-${k}: ${v};`).join(\"\\n\");\n        return { css: `:root {\\n${vars}\\n}`, tailwindConfig: buildSingleThemeCss(\"default\").tailwindConfig };\n      })()\n    : buildSingleThemeCss(theme || \"default\");\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<title>Landing Page</title>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${baseCss}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n${showBranding ? `<div style=\"text-align:center;padding:16px 0 12px;font-size:12px\">\n  <a href=\"https://www.easybits.cloud\" target=\"_blank\" rel=\"noopener\"\n     style=\"color:#9ca3af;text-decoration:none\">\n    Powered by easybits.cloud\n  </a>\n</div>` : \"\"}\n</body>\n</html>`;\n}\n"],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2eT;;;AC3eO,SAAS,iBAAiB,UAAsB,OAAwB;AAC7E,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OACV,IAAI,CAAC,MAAM,yBAAyB,EAAE,EAAE,KAAK,EAAE,IAAI,QAAQ,EAC3D,KAAK,IAAI;AAEZ,QAAM,YAAY,SAAS,UAAU,YAAY,gBAAgB,KAAK,MAAM;AAC5E,QAAM,EAAE,KAAK,eAAe,IAAI,cAAc;AAE9C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWH,IAAI;AAAA,UACI,gBAAgB,CAAC;AAAA;AAAA;AAG3B;AAQA,SAAS,qBAAqB,MAAsB;AAClD,SAAO,KACJ,QAAQ,4BAA4B,EAAE,EACtC,QAAQ,mCAAmC,EAAE,EAC7C,QAAQ,oBAAoB,EAAE,EAC9B,QAAQ,gCAAgC,EAAE,EAC1C,QAAQ,gCAAgC,EAAE;AAC/C;AAEO,SAAS,gBAAgB,UAAsB,OAAgB,cAA6B,eAAe,MAAc;AAC9H,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OAAO,IAAI,CAAC,MAAM,qBAAqB,EAAE,IAAI,CAAC,EAAE,KAAK,IAAI;AAEtE,QAAM,WAAW,UAAU,YAAY;AACvC,QAAM,YAAY,SAAS,UAAU,aAAa,CAAC,WAAW,gBAAgB,KAAK,MAAM;AAGzF,QAAM,EAAE,KAAK,SAAS,eAAe,IAAI,YACpC,MAAM;AACL,UAAM,KAAK,iBAAiB,YAAY;AACxC,UAAM,OAAO,OAAO,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI;AACzF,WAAO,EAAE,KAAK;AAAA,EAAY,IAAI;AAAA,IAAO,gBAAgB,oBAAoB,SAAS,EAAE,eAAe;AAAA,EACrG,GAAG,IACH,oBAAoB,SAAS,SAAS;AAE1C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASP,IAAI;AAAA,EACJ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKP,EAAE;AAAA;AAAA;AAGZ;","names":[]}