veo-sdk 0.5.1 → 0.5.2

package/dist/builder-LSWVQYFZ.mjs

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

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

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

package/dist/builder.cjs

@@ -265,6 +265,33 @@ function buildStepContent(step, doc, callbacks) {
   container.appendChild(createCloseButton(doc, () => callbacks.onDismiss()));
   return container;
 }
+function buildContentNodes(step, doc) {
+  const blocks = normalizeBlocks(step);
+  if (blocks) {
+    return blocks.filter((b) => b.type !== "button").map((b) => buildContentBlock(b, doc)).filter((n) => n !== null);
+  }
+  const nodes = [];
+  if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
+    const img = doc.createElement("img");
+    img.className = "veo-guide-image";
+    img.src = step.imageUrl;
+    img.alt = typeof step.title === "string" ? step.title : "";
+    nodes.push(img);
+  }
+  if (typeof step.title === "string" && step.title) {
+    const heading = doc.createElement("h2");
+    heading.className = "veo-guide-title";
+    heading.textContent = step.title;
+    nodes.push(heading);
+  }
+  if (typeof step.content === "string" && step.content) {
+    const paragraph = doc.createElement("p");
+    paragraph.className = "veo-guide-text";
+    paragraph.textContent = step.content;
+    nodes.push(paragraph);
+  }
+  return nodes;
+}
 function renderLegacyStep(container, step, doc, callbacks) {
   if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
     const img = doc.createElement("img");
@@ -830,6 +857,18 @@ var GUIDE_STYLES = `
 .veo-guide-text em { font-style: italic; }
 .veo-guide-text u { text-decoration: underline; }
 .veo-guide-text s { text-decoration: line-through; }
+/*
+ * El \xDALTIMO bloque de contenido no deja su margin-bottom colgando: ese margen
+ * existe para separar del bloque SIGUIENTE, y sin siguiente se suma al padding
+ * de la tarjeta y parece un "hueco fantasma" (p.ej. quitar el bot\xF3n de un
+ * tooltip dejaba el espacio como si siguiera ah\xED). El pen\xFAltimo hijo es el
+ * \xFAltimo bloque real (el \u2715 de cerrar siempre va \xFAltimo y es absoluto). La
+ * mayor especificidad le gana a las reglas por clase, pero NO a un margen
+ * inline elegido expl\xEDcitamente por el autor (block.style.marginBottom).
+ */
+.veo-guide-content > :nth-last-child(2) {
+  margin-bottom: 0;
+}
 .veo-guide-actions {
   display: flex; gap: 8px; justify-content: var(--veo-actions-justify);
 }
@@ -1447,24 +1486,8 @@ function buildWalkthroughStepContent(step, stepIndex, totalSteps, doc, callbacks
     progress.appendChild(dot);
   }
   container.appendChild(progress);
-  if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
-    const img = doc.createElement("img");
-    img.className = "veo-guide-image";
-    img.src = step.imageUrl;
-    img.alt = typeof step.title === "string" ? step.title : "";
-    container.appendChild(img);
-  }
-  if (typeof step.title === "string" && step.title) {
-    const heading = doc.createElement("h2");
-    heading.className = "veo-guide-title";
-    heading.textContent = step.title;
-    container.appendChild(heading);
-  }
-  if (typeof step.content === "string" && step.content) {
-    const paragraph = doc.createElement("p");
-    paragraph.className = "veo-guide-text";
-    paragraph.textContent = step.content;
-    container.appendChild(paragraph);
+  for (const node of buildContentNodes(step, doc)) {
+    container.appendChild(node);
   }
   const actions = doc.createElement("div");
   actions.className = "veo-walkthrough-actions";