@easybits.cloud/html-tailwind-generator 0.2.123 → 0.2.124

package/dist/{chunk-P2S3TGLP.js → chunk-3I6UJ7UH.js}

@@ -1,9 +1,9 @@
 import {
   buildPreviewHtml
-} from "./chunk-G7YWRKWJ.js";
+} from "./chunk-7XHJJBGN.js";
 import {
   LANDING_THEMES
-} from "./chunk-YSDJHLUA.js";
+} from "./chunk-VV5I53WR.js";
 
 // src/components/Canvas.tsx
 import { useRef, useEffect, useCallback, useState, forwardRef, useImperativeHandle } from "react";
@@ -1368,4 +1368,4 @@ export {
   ViewportToggle,
   useUndoStack
 };
-//# sourceMappingURL=chunk-P2S3TGLP.js.map
+//# sourceMappingURL=chunk-3I6UJ7UH.js.map

package/dist/{chunk-M6WQNGEL.js → chunk-4I5FFYHG.js}

@@ -1,6 +1,6 @@
 import {
   buildDeployHtml
-} from "./chunk-G7YWRKWJ.js";
+} from "./chunk-7XHJJBGN.js";
 
 // src/deploy.ts
 async function deployToS3(options) {
@@ -39,4 +39,4 @@ export {
   deployToS3,
   deployToEasyBits
 };
-//# sourceMappingURL=chunk-M6WQNGEL.js.map
+//# sourceMappingURL=chunk-4I5FFYHG.js.map

package/dist/{chunk-G7YWRKWJ.js → chunk-7XHJJBGN.js}

@@ -2,7 +2,7 @@ import {
   buildCustomTheme,
   buildSingleThemeCss,
   buildThemeCss
-} from "./chunk-YSDJHLUA.js";
+} from "./chunk-VV5I53WR.js";
 
 // src/iframeScript.ts
 function getIframeScript() {
@@ -633,4 +633,4 @@ export {
   buildPreviewHtml,
   buildDeployHtml
 };
-//# sourceMappingURL=chunk-G7YWRKWJ.js.map
+//# sourceMappingURL=chunk-7XHJJBGN.js.map

package/dist/{chunk-4AMNAQT6.js → chunk-JL3YZFRC.js}

@@ -1,6 +1,6 @@
 import {
   buildThemePromptContext
-} from "./chunk-YSDJHLUA.js";
+} from "./chunk-VV5I53WR.js";
 import {
   dataUrlToImagePart,
   streamGenerate
@@ -188,4 +188,4 @@ export {
   PROMPT_SUFFIX,
   generateLanding
 };
-//# sourceMappingURL=chunk-4AMNAQT6.js.map
+//# sourceMappingURL=chunk-JL3YZFRC.js.map

package/dist/{chunk-6K6OS7B6.js → chunk-KNFJ7M2T.js}

@@ -1,6 +1,6 @@
 import {
   buildThemePromptContext
-} from "./chunk-YSDJHLUA.js";
+} from "./chunk-VV5I53WR.js";
 import {
   currentDateLine,
   enrichImages,
@@ -161,4 +161,4 @@ export {
   extractSectionDescription,
   refineLanding
 };
-//# sourceMappingURL=chunk-6K6OS7B6.js.map
+//# sourceMappingURL=chunk-KNFJ7M2T.js.map

package/dist/{chunk-YSDJHLUA.js → chunk-VV5I53WR.js}

@@ -107,6 +107,78 @@ var LANDING_THEMES = [
       "on-secondary": "#ffffff",
       "on-accent": "#ffffff"
     }
+  },
+  {
+    id: "lavanda",
+    label: "Lavanda",
+    colors: {
+      primary: "#7c3aed",
+      "primary-light": "#8b5cf6",
+      "primary-dark": "#6d28d9",
+      secondary: "#a78bfa",
+      accent: "#ec4899",
+      surface: "#faf5ff",
+      "surface-alt": "#f3e8ff",
+      "on-surface": "#1e1b4b",
+      "on-surface-muted": "#6b7280",
+      "on-primary": "#ffffff",
+      "on-secondary": "#1e1b4b",
+      "on-accent": "#ffffff"
+    }
+  },
+  {
+    id: "corporativo",
+    label: "Corporativo",
+    colors: {
+      primary: "#1e3a5f",
+      "primary-light": "#2d5986",
+      "primary-dark": "#0f2440",
+      secondary: "#64748b",
+      accent: "#0ea5e9",
+      surface: "#ffffff",
+      "surface-alt": "#f1f5f9",
+      "on-surface": "#0f172a",
+      "on-surface-muted": "#64748b",
+      "on-primary": "#ffffff",
+      "on-secondary": "#ffffff",
+      "on-accent": "#ffffff"
+    }
+  },
+  {
+    id: "esmeralda",
+    label: "Esmeralda",
+    colors: {
+      primary: "#059669",
+      "primary-light": "#10b981",
+      "primary-dark": "#047857",
+      secondary: "#6b7280",
+      accent: "#f97316",
+      surface: "#ffffff",
+      "surface-alt": "#ecfdf5",
+      "on-surface": "#064e3b",
+      "on-surface-muted": "#6b7280",
+      "on-primary": "#ffffff",
+      "on-secondary": "#ffffff",
+      "on-accent": "#ffffff"
+    }
+  },
+  {
+    id: "medianoche",
+    label: "Medianoche",
+    colors: {
+      primary: "#3b82f6",
+      "primary-light": "#60a5fa",
+      "primary-dark": "#2563eb",
+      secondary: "#94a3b8",
+      accent: "#facc15",
+      surface: "#0f172a",
+      "surface-alt": "#1e293b",
+      "on-surface": "#f1f5f9",
+      "on-surface-muted": "#94a3b8",
+      "on-primary": "#ffffff",
+      "on-secondary": "#0f172a",
+      "on-accent": "#0f172a"
+    }
   }
 ];
 var THEME_DESCRIPTIONS = {
@@ -115,7 +187,11 @@ var THEME_DESCRIPTIONS = {
   oceano: "Cool blue tones \u2014 deep ocean blues, clean white surfaces, professional and fresh",
   noche: "DARK theme \u2014 very dark surfaces, purple/violet accents, moody and modern. Surfaces are dark, text is light.",
   bosque: "DARK nature theme \u2014 black surfaces, vibrant green primary, amber accents. Surfaces are dark, text is light.",
-  rosa: "Soft pink/rose tones \u2014 delicate, feminine, elegant with light surfaces"
+  rosa: "Soft pink/rose tones \u2014 delicate, feminine, elegant with light surfaces",
+  lavanda: "Purple/violet tones \u2014 creative, dreamy, soft purple surfaces with pink accent",
+  corporativo: "Navy blue professional \u2014 classic corporate feel, slate grays, sky blue accent",
+  esmeralda: "Emerald green \u2014 fresh, trustworthy, white surfaces with warm orange accent",
+  medianoche: "DARK blue theme \u2014 deep navy surfaces, bright blue primary, gold accent. Surfaces are dark, text is light."
 };
 function buildThemePromptContext(themeName) {
   const desc = THEME_DESCRIPTIONS[themeName] || themeName;
@@ -229,4 +305,4 @@ export {
   buildThemeCss,
   buildSingleThemeCss
 };
-//# sourceMappingURL=chunk-YSDJHLUA.js.map
+//# sourceMappingURL=chunk-VV5I53WR.js.map

package/dist/chunk-VV5I53WR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes.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    \"on-secondary\": string;\n    \"on-accent\": 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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#111827\",\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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"noche\",\n    label: \"Noche\",\n    colors: {\n      primary: \"#a78bfa\",\n      \"primary-light\": \"#c4b5fd\",\n      \"primary-dark\": \"#7c3aed\",\n      secondary: \"#9ca3af\",\n      accent: \"#f472b6\",\n      surface: \"#111827\",\n      \"surface-alt\": \"#1f2937\",\n      \"on-surface\": \"#f9fafb\",\n      \"on-surface-muted\": \"#9ca3af\",\n      \"on-primary\": \"#111827\",\n      \"on-secondary\": \"#111827\",\n      \"on-accent\": \"#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: \"#f59e0b\",\n      surface: \"#0a0a0a\",\n      \"surface-alt\": \"#171717\",\n      \"on-surface\": \"#fafafa\",\n      \"on-surface-muted\": \"#a3a3a3\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#111827\",\n      \"on-accent\": \"#111827\",\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: \"#8b5cf6\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#fdf2f8\",\n      \"on-surface\": \"#1f2937\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"lavanda\",\n    label: \"Lavanda\",\n    colors: {\n      primary: \"#7c3aed\",\n      \"primary-light\": \"#8b5cf6\",\n      \"primary-dark\": \"#6d28d9\",\n      secondary: \"#a78bfa\",\n      accent: \"#ec4899\",\n      surface: \"#faf5ff\",\n      \"surface-alt\": \"#f3e8ff\",\n      \"on-surface\": \"#1e1b4b\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#1e1b4b\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"corporativo\",\n    label: \"Corporativo\",\n    colors: {\n      primary: \"#1e3a5f\",\n      \"primary-light\": \"#2d5986\",\n      \"primary-dark\": \"#0f2440\",\n      secondary: \"#64748b\",\n      accent: \"#0ea5e9\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#f1f5f9\",\n      \"on-surface\": \"#0f172a\",\n      \"on-surface-muted\": \"#64748b\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"esmeralda\",\n    label: \"Esmeralda\",\n    colors: {\n      primary: \"#059669\",\n      \"primary-light\": \"#10b981\",\n      \"primary-dark\": \"#047857\",\n      secondary: \"#6b7280\",\n      accent: \"#f97316\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#ecfdf5\",\n      \"on-surface\": \"#064e3b\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"medianoche\",\n    label: \"Medianoche\",\n    colors: {\n      primary: \"#3b82f6\",\n      \"primary-light\": \"#60a5fa\",\n      \"primary-dark\": \"#2563eb\",\n      secondary: \"#94a3b8\",\n      accent: \"#facc15\",\n      surface: \"#0f172a\",\n      \"surface-alt\": \"#1e293b\",\n      \"on-surface\": \"#f1f5f9\",\n      \"on-surface-muted\": \"#94a3b8\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#0f172a\",\n      \"on-accent\": \"#0f172a\",\n    },\n  },\n];\n\nexport const THEME_DESCRIPTIONS: Record<string, string> = {\n  minimal: \"Clean, light, professional — white surfaces, subtle grays, minimal decoration\",\n  calido: \"Warm tones — amber/orange primary, cream surfaces, cozy and inviting feel\",\n  oceano: \"Cool blue tones — deep ocean blues, clean white surfaces, professional and fresh\",\n  noche: \"DARK theme — very dark surfaces, purple/violet accents, moody and modern. Surfaces are dark, text is light.\",\n  bosque: \"DARK nature theme — black surfaces, vibrant green primary, amber accents. Surfaces are dark, text is light.\",\n  rosa: \"Soft pink/rose tones — delicate, feminine, elegant with light surfaces\",\n  lavanda: \"Purple/violet tones — creative, dreamy, soft purple surfaces with pink accent\",\n  corporativo: \"Navy blue professional — classic corporate feel, slate grays, sky blue accent\",\n  esmeralda: \"Emerald green — fresh, trustworthy, white surfaces with warm orange accent\",\n  medianoche: \"DARK blue theme — deep navy surfaces, bright blue primary, gold accent. Surfaces are dark, text is light.\",\n};\n\n/**\n * Build a prompt context string describing the active theme + its hex values.\n * Used by both generate and refine to give the AI concrete color awareness.\n */\nexport function buildThemePromptContext(themeName: string): string {\n  const desc = THEME_DESCRIPTIONS[themeName] || themeName;\n  const lines: string[] = [];\n  lines.push(`Active theme: \"${themeName}\" — ${desc}`);\n  lines.push(\"The CSS variables for this theme are already loaded. Just use the semantic classes (bg-primary, text-on-surface, bg-accent, etc.). The theme handles the actual color values.\");\n  const themeObj = LANDING_THEMES.find(t => t.id === themeName);\n  if (themeObj) {\n    lines.push(\"Actual color values for this theme:\");\n    for (const [key, hex] of Object.entries(themeObj.colors)) {\n      lines.push(`  - ${key}: ${hex}`);\n    }\n    lines.push(\"Use these values to understand the visual mood. Generate designs that COMPLEMENT these specific colors.\");\n  }\n  return lines.join(\"\\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 onSecondary = luminance(secondary) > 0.5 ? \"#111827\" : \"#ffffff\";\n  const onAccent = luminance(accent) > 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      \"on-secondary\": onSecondary,\n      \"on-accent\": onAccent,\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"],"mappings":"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","names":[]}

package/dist/components.js

@@ -5,9 +5,9 @@ import {
   SectionList,
   ViewportToggle,
   useUndoStack
-} from "./chunk-P2S3TGLP.js";
-import "./chunk-G7YWRKWJ.js";
-import "./chunk-YSDJHLUA.js";
+} from "./chunk-3I6UJ7UH.js";
+import "./chunk-7XHJJBGN.js";
+import "./chunk-VV5I53WR.js";
 export {
   Canvas,
   CodeEditor,

package/dist/deploy.js

@@ -1,9 +1,9 @@
 import {
   deployToEasyBits,
   deployToS3
-} from "./chunk-M6WQNGEL.js";
-import "./chunk-G7YWRKWJ.js";
-import "./chunk-YSDJHLUA.js";
+} from "./chunk-4I5FFYHG.js";
+import "./chunk-7XHJJBGN.js";
+import "./chunk-VV5I53WR.js";
 export {
   deployToEasyBits,
   deployToS3

package/dist/generate.js

@@ -2,8 +2,8 @@ import {
   PROMPT_SUFFIX,
   SYSTEM_PROMPT,
   generateLanding
-} from "./chunk-4AMNAQT6.js";
-import "./chunk-YSDJHLUA.js";
+} from "./chunk-JL3YZFRC.js";
+import "./chunk-VV5I53WR.js";
 import {
   extractJsonObjects
 } from "./chunk-L7D64X7G.js";

package/dist/index.js

@@ -4,13 +4,13 @@ import {
   FloatingToolbar,
   SectionList,
   ViewportToggle
-} from "./chunk-P2S3TGLP.js";
+} from "./chunk-3I6UJ7UH.js";
 import "./chunk-MJ34S5ZC.js";
 import {
   PROMPT_SUFFIX,
   SYSTEM_PROMPT,
   generateLanding
-} from "./chunk-4AMNAQT6.js";
+} from "./chunk-JL3YZFRC.js";
 import {
   DOCUMENT_PROMPT_SUFFIX,
   DOCUMENT_SYSTEM_PROMPT,
@@ -19,23 +19,23 @@ import {
 import {
   REFINE_SYSTEM,
   refineLanding
-} from "./chunk-6K6OS7B6.js";
+} from "./chunk-KNFJ7M2T.js";
 import {
   deployToEasyBits,
   deployToS3
-} from "./chunk-M6WQNGEL.js";
+} from "./chunk-4I5FFYHG.js";
 import {
   buildDeployHtml,
   buildPreviewHtml,
   getIframeScript
-} from "./chunk-G7YWRKWJ.js";
+} from "./chunk-7XHJJBGN.js";
 import {
   LANDING_THEMES,
   buildCustomTheme,
   buildCustomThemeCss,
   buildSingleThemeCss,
   buildThemeCss
-} from "./chunk-YSDJHLUA.js";
+} from "./chunk-VV5I53WR.js";
 import {
   enrichImages,
   extractJsonObjects,

package/dist/refine.js

@@ -2,8 +2,8 @@ import {
   REFINE_SYSTEM,
   extractSectionDescription,
   refineLanding
-} from "./chunk-6K6OS7B6.js";
-import "./chunk-YSDJHLUA.js";
+} from "./chunk-KNFJ7M2T.js";
+import "./chunk-VV5I53WR.js";
 import "./chunk-L7D64X7G.js";
 export {
   REFINE_SYSTEM,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easybits.cloud/html-tailwind-generator",
-  "version": "0.2.123",
+  "version": "0.2.124",
   "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-YSDJHLUA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/themes.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    \"on-secondary\": string;\n    \"on-accent\": 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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#111827\",\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      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n  {\n    id: \"noche\",\n    label: \"Noche\",\n    colors: {\n      primary: \"#a78bfa\",\n      \"primary-light\": \"#c4b5fd\",\n      \"primary-dark\": \"#7c3aed\",\n      secondary: \"#9ca3af\",\n      accent: \"#f472b6\",\n      surface: \"#111827\",\n      \"surface-alt\": \"#1f2937\",\n      \"on-surface\": \"#f9fafb\",\n      \"on-surface-muted\": \"#9ca3af\",\n      \"on-primary\": \"#111827\",\n      \"on-secondary\": \"#111827\",\n      \"on-accent\": \"#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: \"#f59e0b\",\n      surface: \"#0a0a0a\",\n      \"surface-alt\": \"#171717\",\n      \"on-surface\": \"#fafafa\",\n      \"on-surface-muted\": \"#a3a3a3\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#111827\",\n      \"on-accent\": \"#111827\",\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: \"#8b5cf6\",\n      surface: \"#ffffff\",\n      \"surface-alt\": \"#fdf2f8\",\n      \"on-surface\": \"#1f2937\",\n      \"on-surface-muted\": \"#6b7280\",\n      \"on-primary\": \"#ffffff\",\n      \"on-secondary\": \"#ffffff\",\n      \"on-accent\": \"#ffffff\",\n    },\n  },\n];\n\nexport const THEME_DESCRIPTIONS: Record<string, string> = {\n  minimal: \"Clean, light, professional — white surfaces, subtle grays, minimal decoration\",\n  calido: \"Warm tones — amber/orange primary, cream surfaces, cozy and inviting feel\",\n  oceano: \"Cool blue tones — deep ocean blues, clean white surfaces, professional and fresh\",\n  noche: \"DARK theme — very dark surfaces, purple/violet accents, moody and modern. Surfaces are dark, text is light.\",\n  bosque: \"DARK nature theme — black surfaces, vibrant green primary, amber accents. Surfaces are dark, text is light.\",\n  rosa: \"Soft pink/rose tones — delicate, feminine, elegant with light surfaces\",\n};\n\n/**\n * Build a prompt context string describing the active theme + its hex values.\n * Used by both generate and refine to give the AI concrete color awareness.\n */\nexport function buildThemePromptContext(themeName: string): string {\n  const desc = THEME_DESCRIPTIONS[themeName] || themeName;\n  const lines: string[] = [];\n  lines.push(`Active theme: \"${themeName}\" — ${desc}`);\n  lines.push(\"The CSS variables for this theme are already loaded. Just use the semantic classes (bg-primary, text-on-surface, bg-accent, etc.). The theme handles the actual color values.\");\n  const themeObj = LANDING_THEMES.find(t => t.id === themeName);\n  if (themeObj) {\n    lines.push(\"Actual color values for this theme:\");\n    for (const [key, hex] of Object.entries(themeObj.colors)) {\n      lines.push(`  - ${key}: ${hex}`);\n    }\n    lines.push(\"Use these values to understand the visual mood. Generate designs that COMPLEMENT these specific colors.\");\n  }\n  return lines.join(\"\\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 onSecondary = luminance(secondary) > 0.5 ? \"#111827\" : \"#ffffff\";\n  const onAccent = luminance(accent) > 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      \"on-secondary\": onSecondary,\n      \"on-accent\": onAccent,\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"],"mappings":"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","names":[]}