veo-sdk 0.5.13 → 0.5.15

package/dist/builder-2YOKNVDM.mjs

@@ -0,0 +1,5 @@
+export { VEO_BLOCK_MIME, attachBlockDropTarget, attachDesignManipulator, createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-GFRB4SOK.mjs';
+import './chunk-GHXV62K3.mjs';
+import './chunk-PTG3BTJE.mjs';
+//# sourceMappingURL=builder-2YOKNVDM.mjs.map
+//# sourceMappingURL=builder-2YOKNVDM.mjs.map

package/dist/{builder-Q6GDLAFC.mjs.map → builder-2YOKNVDM.mjs.map}

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

package/dist/builder.cjs

@@ -961,7 +961,7 @@ var GUIDE_STYLES = `
   z-index: ${GUIDE_Z_INDEX};
   pointer-events: none;
 }
-/* Backdrop atenuado (solo centro con backdrop activo). */
+/* Backdrop atenuado (cualquier posici\xF3n flotante con backdrop activo). */
 .veo-composite-overlay--dim {
   background: rgba(0, 0, 0, 0.5);
   pointer-events: auto;
@@ -2328,6 +2328,10 @@ var CompositeRenderer = class extends BaseRenderer {
       const closeColor = typeof design.closeColor === "string" ? design.closeColor : null;
       const hoverColor = typeof design.closeHoverColor === "string" ? design.closeHoverColor : null;
       if (closeColor) closeBtn.style.color = closeColor;
+      applyClosePosition(
+        closeBtn,
+        typeof design.closePosition === "string" ? design.closePosition : "top-right"
+      );
       if (hoverColor) {
         closeBtn.addEventListener("mouseenter", () => {
           closeBtn.style.color = hoverColor;
@@ -2364,7 +2368,7 @@ var CompositeRenderer = class extends BaseRenderer {
     } else {
       const overlay = doc.createElement("div");
       overlay.className = "veo-composite-overlay";
-      if (step.position === "center" && design.backdrop !== false) {
+      if (design.backdrop !== false) {
         overlay.classList.add("veo-composite-overlay--dim");
         if (typeof design.backdropColor === "string") {
           overlay.style.background = design.backdropColor;
@@ -2554,6 +2558,18 @@ function applyViewportPosition(card, position, design) {
   const ty = v === "middle" ? "-50%" : "0";
   s.transform = tx === "0" && ty === "0" ? "" : `translate(${tx}, ${ty})`;
 }
+var CLOSE_INSET = "10px";
+function applyClosePosition(btn, position) {
+  const s = btn.style;
+  s.top = "auto";
+  s.right = "auto";
+  s.bottom = "auto";
+  s.left = "auto";
+  const vertical = position.includes("bottom") ? "bottom" : "top";
+  const horizontal = position.includes("left") ? "left" : "right";
+  s.setProperty(vertical, CLOSE_INSET);
+  s.setProperty(horizontal, CLOSE_INSET);
+}
 function makeCaret(doc, design) {
   const caret = doc.createElement("div");
   caret.className = "veo-composite-caret";