veo-sdk 0.5.0 → 0.5.1

package/dist/builder-R2BHDQZH.mjs

@@ -0,0 +1,5 @@
+export { attachDesignManipulator, createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-PGGUVH4V.mjs';
+import './chunk-L3JSRBVO.mjs';
+import './chunk-PTG3BTJE.mjs';
+//# sourceMappingURL=builder-R2BHDQZH.mjs.map
+//# sourceMappingURL=builder-R2BHDQZH.mjs.map

package/dist/{builder-AW37YKWO.mjs.map → builder-R2BHDQZH.mjs.map}

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

package/dist/builder.cjs

@@ -996,10 +996,22 @@ var GUIDE_STYLES = `
   padding: 3px 9px;
   white-space: nowrap;
 }
+.veo-badge--text {
+  color: var(--veo-primary);
+  font-weight: 600;
+  white-space: nowrap;
+  text-decoration: underline dotted;
+  text-underline-offset: 3px;
+}
 .veo-badge--image img { display: block; border-radius: 4px; object-fit: cover; }
 /* El tooltip del badge usa strategy fixed (el host vive dentro del flujo del
-   cliente; un absoluto se recortar\xEDa con overflow de ancestros). */
-.veo-badge-tooltip { position: fixed; }
+   cliente; un absoluto se recortar\xEDa con overflow de ancestros). Su ancho es
+   personalizable v\xEDa var dedicada (--veo-width no sirve: el :host la define
+   en 420px siempre y pisar\xEDa el default de 300px de los tooltips). */
+.veo-badge-tooltip {
+  position: fixed;
+  max-width: var(--veo-badge-tip-width, 300px);
+}
 @keyframes veo-badge-pulse {
   0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--veo-primary) 45%, transparent); }
   70% { box-shadow: 0 0 0 7px transparent; }
@@ -1183,6 +1195,13 @@ var BadgeRenderer = class extends BaseRenderer {
     const { host, root } = this.createHost();
     const ownerDocument = root.ownerDocument ?? document;
     this.applyDesign(step.style);
+    const tipWidth = step.style?.width;
+    if (typeof tipWidth === "number" && Number.isFinite(tipWidth)) {
+      host.style.setProperty(
+        "--veo-badge-tip-width",
+        `${Math.min(720, Math.max(220, tipWidth))}px`
+      );
+    }
     this.trigger = step.style?.badgeTrigger === "click" ? "click" : "hover";
     const rawSide = step.style?.tooltipPlacement;
     this.side = rawSide === "bottom" || rawSide === "left" || rawSide === "right" ? rawSide : "top";
@@ -1209,18 +1228,11 @@ var BadgeRenderer = class extends BaseRenderer {
       onCtaClick: (action, target, meta) => {
         emit("cta_clicked", meta);
         if (action === "url" && target) window.open(target, "_blank", "noopener,noreferrer");
-        if (action === "dismiss") {
-          emit("dismissed");
-          context.onClose();
-          return;
-        }
         this.closeTooltip();
         if (action === "guide" && target) context.onOpenGuide?.(target);
       },
-      onDismiss: () => {
-        emit("dismissed");
-        context.onClose();
-      }
+      // La ✕ también cierra solo el tooltip (nunca el badge, nunca dismissed).
+      onDismiss: () => this.closeTooltip()
     });
     const content = buildTooltipContent(step);
     tooltip.appendChild(content);
@@ -1351,7 +1363,7 @@ function readBadgeConfig(step) {
   const raw = step.style?.badge;
   if (!raw || typeof raw !== "object") return { kind: "icon" };
   const b = raw;
-  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
+  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "text" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
   return {
     kind,
     icon: typeof b.icon === "string" ? b.icon : null,
@@ -1382,6 +1394,12 @@ function buildBadgeElement(config, doc) {
       if (config.color) btn.style.background = config.color;
       break;
     }
+    case "text": {
+      btn.textContent = config.text?.slice(0, 32) || "Nuevo";
+      btn.style.fontSize = `${clamp2(Math.round(size * 0.7), 9, 28)}px`;
+      if (config.color) btn.style.color = config.color;
+      break;
+    }
     case "image": {
       if (config.imageUrl && isSafeUrl(config.imageUrl)) {
         const img = doc.createElement("img");