veo-sdk 0.3.12 → 0.3.15

package/dist/builder-BKLDSVN5.mjs

@@ -0,0 +1,5 @@
+export { createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-EF4BZR5R.mjs';
+import './chunk-2INDL77W.mjs';
+import './chunk-PTG3BTJE.mjs';
+//# sourceMappingURL=builder-BKLDSVN5.mjs.map
+//# sourceMappingURL=builder-BKLDSVN5.mjs.map

package/dist/{builder-K2NEYSSB.mjs.map → builder-BKLDSVN5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-K2NEYSSB.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-BKLDSVN5.mjs"}

package/dist/builder.cjs

@@ -455,6 +455,15 @@ function applyDesignVars(host, style) {
       host.style.setProperty(key, value);
     }
   }
+  if (typeof s.background === "string" && COLOR_RE.test(s.background.trim())) {
+    host.style.setProperty("--veo-bg", s.background.trim());
+  }
+  if (typeof s.textColor === "string" && COLOR_RE.test(s.textColor.trim())) {
+    host.style.setProperty("--veo-text", s.textColor.trim());
+  }
+  if (typeof s.textSecondaryColor === "string" && COLOR_RE.test(s.textSecondaryColor.trim())) {
+    host.style.setProperty("--veo-text-secondary", s.textSecondaryColor.trim());
+  }
   if (typeof s.radius === "number" && Number.isFinite(s.radius)) {
     host.style.setProperty("--veo-radius", `${clamp(s.radius, 0, 48)}px`);
   }
@@ -496,10 +505,26 @@ function applyDesignVars(host, style) {
     applyElementVars(host, "title", el.title);
     applyElementVars(host, "text", el.text);
     applyElementVars(host, "image", el.image);
-    const cta = el.cta;
-    if (cta && typeof cta.align === "string" && ALIGN_JUSTIFY[cta.align]) {
-      host.style.setProperty("--veo-actions-justify", ALIGN_JUSTIFY[cta.align]);
-    }
+    applyCtaVars(host, el.cta);
+  }
+}
+function applyCtaVars(host, raw) {
+  if (!raw || typeof raw !== "object") return;
+  const cta = raw;
+  if (typeof cta.align === "string" && ALIGN_JUSTIFY[cta.align]) {
+    host.style.setProperty("--veo-actions-justify", ALIGN_JUSTIFY[cta.align]);
+  }
+  if (typeof cta.background === "string" && COLOR_RE.test(cta.background.trim())) {
+    host.style.setProperty("--veo-cta-bg", cta.background.trim());
+  }
+  if (typeof cta.color === "string" && COLOR_RE.test(cta.color.trim())) {
+    host.style.setProperty("--veo-cta-color", cta.color.trim());
+  }
+  if (typeof cta.fontSize === "number" && Number.isFinite(cta.fontSize)) {
+    host.style.setProperty("--veo-cta-size", `${clamp(cta.fontSize, 10, 24)}px`);
+  }
+  if (typeof cta.radius === "number" && Number.isFinite(cta.radius)) {
+    host.style.setProperty("--veo-cta-radius", `${clamp(cta.radius, 0, 48)}px`);
   }
 }
 function applyElementVars(host, prefix, raw) {
@@ -533,7 +558,7 @@ function applyElementVars(host, prefix, raw) {
 // src/plugins/guides/styles.ts
 var GUIDE_STYLES = `
 :host {
-  --veo-primary: #4f46e5;
+  --veo-primary: #FF5B35;
   --veo-text: #1f2937;
   --veo-text-secondary: #4b5563;
   --veo-bg: #ffffff;
@@ -651,9 +676,10 @@ var GUIDE_STYLES = `
   display: flex; gap: 8px; justify-content: var(--veo-actions-justify);
 }
 .veo-guide-cta {
-  background: var(--veo-primary); color: #fff; border: none;
-  padding: 9px 18px; border-radius: 8px;
-  font-size: 14px; font-weight: 500; cursor: pointer;
+  background: var(--veo-cta-bg, var(--veo-primary));
+  color: var(--veo-cta-color, #fff); border: none;
+  padding: 9px 18px; border-radius: var(--veo-cta-radius, 8px);
+  font-size: var(--veo-cta-size, 14px); font-weight: 500; cursor: pointer;
   transition: opacity 120ms ease;
 }
 .veo-guide-cta:hover { opacity: 0.9; }
@@ -666,6 +692,24 @@ var GUIDE_STYLES = `
   cursor: pointer; color: #9ca3af; padding: 0;
 }
 .veo-guide-close:hover { color: var(--veo-text); }
+/*
+ * Si el PRIMER bloque es una imagen, la \u2715 quedar\xEDa sobre la esquina de la foto
+ * (invisible seg\xFAn el color). En ese caso pasa a ser una pastilla flotante con
+ * fondo propio, legible sobre cualquier imagen. (Sin soporte de :has() queda el
+ * estilo base \u2014 mismo comportamiento de antes, sin regresi\xF3n.)
+ */
+.veo-guide-content:has(> .veo-guide-image:first-child) > .veo-guide-close {
+  top: 2px; right: 2px;
+  display: flex; align-items: center; justify-content: center;
+  font-size: 16px; color: #374151;
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
+}
+.veo-guide-content:has(> .veo-guide-image:first-child) > .veo-guide-close:hover {
+  color: #111827;
+}
 
 .veo-form { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
 .veo-form-field { display: flex; flex-direction: column; gap: 6px; }
@@ -958,7 +1002,7 @@ function mountCustomFrame(doc, step, context, opts) {
   const iframe = doc.createElement("iframe");
   iframe.className = "veo-custom-frame";
   iframe.setAttribute("sandbox", "allow-scripts");
-  iframe.setAttribute("title", context.guide.guideName || "Veo");
+  iframe.setAttribute("title", context.guide.guideName || "OnUser");
   iframe.style.width = opts.width;
   const hasFixedHeight = opts.fixedHeight !== void 0 && opts.fixedHeight !== null;
   if (hasFixedHeight) iframe.style.height = toCssSize(opts.fixedHeight);
@@ -1218,7 +1262,7 @@ function mountFormContent(card, context, doc) {
       const empty = value === void 0 || value === null || value === "";
       if (empty) {
         if (field.required) {
-          error.textContent = `Complet\xE1 "${field.label}"`;
+          error.textContent = `Completa "${field.label}"`;
           error.style.display = "block";
           return;
         }
@@ -1227,7 +1271,7 @@ function mountFormContent(card, context, doc) {
       answers[field.key] = value;
     }
     if (Object.keys(answers).length === 0) {
-      error.textContent = "Respond\xE9 al menos un campo";
+      error.textContent = "Responde al menos un campo";
       error.style.display = "block";
       return;
     }
@@ -1236,7 +1280,7 @@ function mountFormContent(card, context, doc) {
     void submitFn(answers).then((ok) => {
       if (!ok) {
         submit.disabled = false;
-        error.textContent = "No se pudo enviar. Prob\xE1 de nuevo.";
+        error.textContent = "No se pudo enviar. Prueba de nuevo.";
         error.style.display = "block";
         return;
       }
@@ -1295,7 +1339,7 @@ function buildField(field, doc) {
       select.className = "veo-form-input";
       const blank = doc.createElement("option");
       blank.value = "";
-      blank.textContent = field.placeholder || "Eleg\xED una opci\xF3n\u2026";
+      blank.textContent = field.placeholder || "Elige una opci\xF3n\u2026";
       select.appendChild(blank);
       for (const opt of field.options ?? []) {
         const option = doc.createElement("option");
@@ -1977,7 +2021,7 @@ function injectBuilderPanel(opts) {
   header.className = "veo-panel-header";
   const title = document.createElement("span");
   title.className = "veo-panel-title";
-  title.textContent = "Veo \xB7 Editor";
+  title.textContent = "OnUser \xB7 Editor";
   const actions = document.createElement("div");
   actions.className = "veo-panel-actions";
   const popout = document.createElement("button");
@@ -2109,7 +2153,7 @@ var PANEL_CSS = `
   flex: 0 0 auto;
   display: flex; align-items: center; justify-content: space-between;
   padding: 8px 10px 8px 12px;
-  background: #0f172a; color: #fff;
+  background: #1b1714; color: #f7f1eb;
   font-size: 13px; font-weight: 600;
   cursor: grab;
 }
@@ -2325,7 +2369,7 @@ var ElementPicker = class {
     this.label.style.display = "none";
     const hint = document.createElement("div");
     hint.className = "veo-pick-hint";
-    hint.textContent = options.hint ?? "Seleccion\xE1 un elemento \xB7 Esc para cancelar";
+    hint.textContent = options.hint ?? "Selecciona un elemento \xB7 Esc para cancelar";
     shadow.append(style, this.box, this.label, hint);
     document.body.appendChild(host);
     this.host = host;