@builder.io/sdk-vue 0.8.0 → 0.9.0

package/vue3/lib/browser/{index.dfff88fe.js → index.c84b511e.js}

@@ -1,20 +1,20 @@
 import "./style.css";
-import { defineComponent as b, openBlock as d, createElementBlock as u, mergeProps as w, toHandlers as j, toDisplayString as le, defineAsyncComponent as W, resolveComponent as y, Fragment as C, createBlock as k, createCommentVNode as f, renderList as A, withCtx as ne, createVNode as B, h as Se, renderSlot as P, createElementVNode as Q, normalizeStyle as X, normalizeClass as Ce, markRaw as Je } from "vue";
-function z(e = {}, t, n) {
+import { defineComponent as b, openBlock as c, createElementBlock as p, mergeProps as w, toHandlers as N, toDisplayString as le, defineAsyncComponent as M, resolveComponent as k, Fragment as C, createBlock as y, createCommentVNode as f, renderList as B, withCtx as U, createVNode as W, h as Se, resolveDynamicComponent as Ce, renderSlot as x, createElementVNode as X, normalizeStyle as Z, normalizeClass as we, markRaw as Ye } from "vue";
+function q(e = {}, t, n) {
   const o = {};
-  for (const i in e) {
-    if (!e[i] || n && !i.startsWith(t))
+  for (const r in e) {
+    if (!e[r] || n && !r.startsWith(t))
       continue;
-    const r = n ? i.replace(t, "") : i;
-    o[r] = e[i];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const Ye = b({
+const Qe = b({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: z };
+    return { filterAttrs: q };
   },
   methods: {
     _classStringToObject(e) {
@@ -30,23 +30,23 @@ const Ye = b({
 });
 const g = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
+  for (const [o, r] of t)
+    n[o] = r;
   return n;
-}, Qe = ["href", "target"];
-function Xe(e, t, n, o, i, r) {
-  return e.link ? (d(), u("a", w({
+}, Xe = ["href", "target"];
+function Ze(e, t, n, o, r, s) {
+  return e.link ? (c(), p("a", w({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17, Qe)) : (d(), u("button", w({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17, Xe)) : (c(), p("button", w({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17));
 }
-const Ze = /* @__PURE__ */ g(Ye, [["render", Xe], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), et = Symbol(), Z = {
+const et = /* @__PURE__ */ g(Qe, [["render", Ze], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), tt = Symbol(), ee = {
   Builder: {
     content: null,
     context: {},
@@ -57,14 +57,16 @@ const Ze = /* @__PURE__ */ g(Ye, [["render", Xe], ["__scopeId", "data-v-becdf225
     apiKey: null,
     apiVersion: void 0,
     componentInfos: {},
-    inheritedStyles: {}
+    inheritedStyles: {},
+    BlocksWrapper: "div",
+    BlocksWrapperProps: {}
   },
-  key: et
-}, tt = Symbol(), we = {
-  Components: { registeredComponents: {} },
   key: tt
+}, nt = Symbol(), Ie = {
+  Components: { registeredComponents: {} },
+  key: nt
 };
-function nt(e) {
+function ot(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -72,44 +74,44 @@ function nt(e) {
     builderBlock: e
   };
 }
-const R = "vue3", ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), x = (e) => e != null, it = (e) => Object.entries(e).map(([n, o]) => {
+const R = "vue3", rt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), P = (e) => e != null, st = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${ot(n)}: ${o};`;
-}).filter(x), rt = (e) => it(e).join(`
-`), J = ({
+    return `${rt(n)}: ${o};`;
+}).filter(P), it = (e) => st(e).join(`
+`), Y = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${rt(n)}
+    ${it(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
-}, M = "[Builder.io]: ", $ = {
-  log: (...e) => console.log(M, ...e),
-  error: (...e) => console.error(M, ...e),
-  warn: (...e) => console.warn(M, ...e),
-  debug: (...e) => console.debug(M, ...e)
+}, L = "[Builder.io]: ", $ = {
+  log: (...e) => console.log(L, ...e),
+  error: (...e) => console.error(L, ...e),
+  warn: (...e) => console.warn(L, ...e),
+  debug: (...e) => console.debug(L, ...e)
 };
 function v() {
   return typeof window < "u" && typeof document < "u";
 }
-function st() {
+function at() {
   return v() && window.self !== window.top;
 }
 function T() {
-  return st() && (R === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+  return at() && (R === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
-const at = () => {
+const lt = () => {
   if (v()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, lt = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
-  const e = lt(), t = {
+}, ct = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
+  const e = ct(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -128,13 +130,13 @@ const at = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = at();
+  }, n = e.match(/Tablet|iPad/i), o = lt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, ct = ({
+}, dt = ({
   builder: e,
   context: t,
   event: n,
@@ -145,69 +147,69 @@ const at = () => {
   builder: e,
   context: t,
   event: n
-}), dt = () => ({
+}), ut = () => ({
   isEditing: T(),
   isBrowser: v(),
   isServer: !v(),
-  getUserAttributes: () => Ie()
-}), ut = (e, {
+  getUserAttributes: () => $e()
+}), pt = (e, {
   isExpression: t = !0
 }) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ce = ({
   code: e,
   builder: t,
   context: n,
   event: o,
-  localState: i,
-  rootSetState: r,
-  rootState: s
+  localState: r,
+  rootSetState: s,
+  rootState: i
 }) => {
-  const a = ct({
+  const a = dt({
     builder: t,
     context: n,
     event: o,
-    state: pt(s, i, r)
+    state: mt(i, r, s)
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function pt(e, t, n) {
+function mt(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
-    get: (o, i) => t && i in t ? t[i] : e[i],
-    set: (o, i, r) => {
-      if (t && i in t)
+    get: (o, r) => t && r in t ? t[r] : e[r],
+    set: (o, r, s) => {
+      if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[i] = r, n == null || n(e), !0;
+      return e[r] = s, n == null || n(e), !0;
     }
   });
 }
-const mt = (e) => (v(), ce(e));
-function K({
+const ht = (e) => (v(), ce(e));
+function D({
   code: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: i,
-  event: r,
-  isExpression: s = !0
+  rootSetState: r,
+  event: s,
+  isExpression: i = !0
 }) {
   if (e === "") {
     $.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
-    code: ut(e, {
-      isExpression: s
+    code: pt(e, {
+      isExpression: i
     }),
-    builder: dt(),
+    builder: ut(),
     context: t,
-    event: r,
-    rootSetState: i,
+    event: s,
+    rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return mt(a);
+    return ht(a);
   } catch (l) {
     $.error("Failed code evaluation: " + l.message, {
       code: e
@@ -215,82 +217,82 @@ function K({
     return;
   }
 }
-const F = (e) => JSON.parse(JSON.stringify(e)), ht = (e, t, n) => {
+const F = (e) => JSON.parse(JSON.stringify(e)), ft = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((i, r, s) => Object(i[r]) === i[r] ? i[r] : i[r] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const ft = ({
+const bt = ({
   block: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: i
+  rootSetState: r
 }) => {
   if (!e.bindings)
     return e;
-  const r = F(e), s = {
-    ...r,
+  const s = F(e), i = {
+    ...s,
     properties: {
-      ...r.properties
+      ...s.properties
     },
     actions: {
-      ...r.actions
+      ...s.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = K({
+    const l = e.bindings[a], d = D({
       code: l,
       localState: n,
       rootState: o,
-      rootSetState: i,
+      rootSetState: r,
       context: t
     });
-    ht(s, a, c);
+    ft(i, a, d);
   }
-  return s;
+  return i;
 };
-function D({
+function z({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
-  rootState: i,
-  rootSetState: r
+  rootState: r,
+  rootSetState: s
 }) {
-  const s = e;
-  return n ? ft({
-    block: s,
+  const i = e;
+  return n ? bt({
+    block: i,
     localState: o,
-    rootState: i,
-    rootSetState: r,
+    rootState: r,
+    rootSetState: s,
     context: t
-  }) : s;
+  }) : i;
 }
-const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], gt = (e) => typeof e == "string" && bt.includes(e.toLowerCase()), yt = ({
+const gt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], kt = (e) => typeof e == "string" && gt.includes(e.toLowerCase()), yt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var r;
-  const o = (r = D({
+  var s;
+  const o = (s = z({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : r.name;
+  }).component) == null ? void 0 : s.name;
   if (!o)
     return null;
-  const i = n[o];
-  if (i)
-    return i;
+  const r = n[o];
+  if (r)
+    return r;
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, kt = ({
+}, vt = ({
   block: e,
   context: t
 }) => {
@@ -300,60 +302,60 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const i = K({
+  const r = D({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(i))
+  if (!Array.isArray(r))
     return;
-  const r = n.collection.split(".").pop(), s = n.itemName || (r ? r + "Item" : "item");
-  return i.map((l, c) => ({
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  return r.map((l, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
+        $index: d,
         $item: l,
-        [s]: l,
-        [`$${s}Index`]: c
+        [i]: l,
+        [`$${i}Index`]: d
       }
     },
     block: o
   }));
-}, vt = () => Promise.resolve().then(() => Et).then((e) => e.default).catch((e) => {
+}, St = () => Promise.resolve().then(() => xt).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), St = () => import("./block-wrapper.352385b7.js").then((e) => e.default).catch((e) => {
+}), Ct = () => import("./block-wrapper.15e14a7d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Ct = () => import("./component-ref.bf30bc42.js").then((e) => e.default).catch((e) => {
+}), wt = () => import("./component-ref.b4fe8508.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), wt = () => import("./repeated-block.16b97544.js").then((e) => e.default).catch((e) => {
+}), It = () => import("./repeated-block.c501aed0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), It = b({
+}), $t = b({
   name: "block",
   components: {
-    ComponentRef: W(Ct),
-    BlockWrapper: W(St),
-    RepeatedBlock: W(wt),
-    BlockStyles: W(vt)
+    ComponentRef: M(wt),
+    BlockWrapper: M(Ct),
+    RepeatedBlock: M(It),
+    BlockStyles: M(St)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: gt };
+    return { childrenContext: this.context, isEmptyHtmlElement: kt };
   },
   computed: {
     blockComponent() {
@@ -364,14 +366,14 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       });
     },
     repeatItem() {
-      return kt({
+      return vt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : D({
+      return (e = this.block.repeat) != null && e.collection ? this.block : z({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -395,12 +397,12 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, i, r;
+      var e, t, n, o, r, s;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...nt(this.processedBlock),
+          ...ot(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -409,17 +411,17 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         context: this.childrenContext,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((i = this.blockComponent) == null ? void 0 : i.noWrap) === !0,
-        isInteractive: !((r = this.blockComponent) != null && r.isRSC)
+        includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
+        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
       };
     }
   }
 });
-function $t(e, t, n, o, i, r) {
-  var h;
-  const s = y("block-wrapper"), a = y("repeated-block"), l = y("component-ref"), c = y("block", !0), p = y("block-styles");
-  return e.canShowBlock ? (d(), u(C, { key: 0 }, [
-    (h = e.blockComponent) != null && h.noWrap ? (d(), k(l, {
+function Rt(e, t, n, o, r, s) {
+  var m;
+  const i = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), d = k("block", !0), u = k("block-styles");
+  return e.canShowBlock ? (c(), p(C, { key: 0 }, [
+    (m = e.blockComponent) != null && m.noWrap ? (c(), y(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -429,29 +431,29 @@ function $t(e, t, n, o, i, r) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), u(C, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), k(s, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (c(), p(C, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (c(), y(i, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
       }, null, 8, ["Wrapper", "block", "context"])) : f("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), u(C, { key: 1 }, A(e.repeatItem, (m, S) => (d(), k(a, {
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (c(!0), p(C, { key: 1 }, B(e.repeatItem, (h, S) => (c(), y(a, {
         key: S,
-        repeatContext: m.context,
-        block: m.block,
+        repeatContext: h.context,
+        block: h.block,
         registeredComponents: e.registeredComponents
       }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : f("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), k(s, {
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (c(), y(i, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: ne(() => [
-          B(l, {
+        default: U(() => [
+          W(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -461,15 +463,15 @@ function $t(e, t, n, o, i, r) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), u(C, null, A(e.childrenWithoutParentComponent, (m, S) => (d(), k(c, {
-            key: "block-" + m.id,
-            block: m,
+          (c(!0), p(C, null, B(e.childrenWithoutParentComponent, (h, S) => (c(), y(d, {
+            key: "block-" + h.id,
+            block: h,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), u(C, null, A(e.childrenWithoutParentComponent, (m, S) => (d(), k(p, {
-            key: "block-style-" + m.id,
-            block: m,
+          (c(!0), p(C, null, B(e.childrenWithoutParentComponent, (h, S) => (c(), y(u, {
+            key: "block-style-" + h.id,
+            block: h,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
@@ -478,10 +480,10 @@ function $t(e, t, n, o, i, r) {
     ], 64))
   ], 64)) : f("v-if", !0);
 }
-const $e = /* @__PURE__ */ g(It, [["render", $t], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Re = /* @__PURE__ */ g($t, [["render", Rt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), Re = {
+  default: Re
+}, Symbol.toStringTag, { value: "Module" })), Te = {
   small: {
     min: 320,
     default: 321,
@@ -497,11 +499,11 @@ const $e = /* @__PURE__ */ g(It, [["render", $t], ["__file", "/home/runner/work/
     default: 991,
     max: 1200
   }
-}, de = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Te = ({
+}, de = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Pe = ({
   small: e,
   medium: t
 }) => {
-  const n = F(Re);
+  const n = F(Te);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -510,34 +512,34 @@ const $e = /* @__PURE__ */ g(It, [["render", $t], ["__file", "/home/runner/work/
     min: o,
     default: o + 1
   };
-  const i = n.small.max + 1;
+  const r = n.small.max + 1;
   n.medium = {
     max: t,
-    min: i,
-    default: i + 1
+    min: r,
+    default: r + 1
   };
-  const r = n.medium.max + 1;
+  const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
-    min: r,
-    default: r + 1
+    min: s,
+    default: s + 1
   }, n;
-}, Rt = b({
+}, Tt = b({
   render() {
     return Se("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), q = /* @__PURE__ */ g(Rt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Tt = b({
+}), G = /* @__PURE__ */ g(Tt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Pt = b({
   name: "block-styles",
-  components: { InlinedStyles: q },
+  components: { InlinedStyles: G },
   props: ["block", "context"],
   data() {
     return { TARGET: R };
   },
   computed: {
     canShowBlock() {
-      const e = D({
+      const e = z({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -545,57 +547,64 @@ const $e = /* @__PURE__ */ g(It, [["render", $t], ["__file", "/home/runner/work/
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return x(e.hide) ? !e.hide : x(e.show) ? e.show : !0;
+      return P(e.hide) ? !e.hide : P(e.show) ? e.show : !0;
     },
     css() {
-      var h;
-      const e = D({
+      var m;
+      const e = z({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = Te(
-        ((h = n == null ? void 0 : n.meta) == null ? void 0 : h.breakpoints) || {}
-      ), i = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, s = t == null ? void 0 : t.small, a = e.id;
+      }), t = e.responsiveStyles, n = this.context.content, o = Pe(
+        ((m = n == null ? void 0 : n.meta) == null ? void 0 : m.breakpoints) || {}
+      ), r = t == null ? void 0 : t.large, s = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
       if (!a)
         return "";
-      const l = i ? J({
+      const l = r ? Y({
         className: a,
-        styles: i
-      }) : "", c = r ? J({
+        styles: r
+      }) : "", d = s ? Y({
         className: a,
-        styles: r,
+        styles: s,
         mediaQuery: de(
           "medium",
           o
         )
-      }) : "", p = s ? J({
+      }) : "", u = i ? Y({
         className: a,
-        styles: s,
+        styles: i,
         mediaQuery: de(
           "small",
           o
         )
       }) : "";
-      return [l, c, p].join(" ");
+      return [l, d, u].join(" ");
     }
   }
 });
-function xt(e, t, n, o, i, r) {
-  const s = y("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), k(s, {
+function Et(e, t, n, o, r, s) {
+  const i = k("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (c(), y(i, {
     key: 0,
     styles: e.css
   }, null, 8, ["styles"])) : f("v-if", !0);
 }
-const xe = /* @__PURE__ */ g(Tt, [["render", xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ee = /* @__PURE__ */ g(Pt, [["render", Et], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xe
-}, Symbol.toStringTag, { value: "Module" })), Pt = b({
+  default: Ee
+}, Symbol.toStringTag, { value: "Module" })), Bt = b({
   name: "builder-blocks-wrapper",
-  props: ["blocks", "parent", "path", "styleProp"],
+  props: [
+    "BlocksWrapper",
+    "blocks",
+    "parent",
+    "path",
+    "styleProp",
+    "BlocksWrapperProps"
+  ],
   computed: {
     className() {
       var e;
@@ -640,26 +649,28 @@ const xe = /* @__PURE__ */ g(Tt, [["render", xt], ["__file", "/home/runner/work/
     }
   }
 });
-const At = ["builder-path", "builder-parent-id"];
-function Bt(e, t, n, o, i, r) {
-  return d(), u("div", w({
-    class: e._classStringToObject(e.className + " div-178o76acnws"),
+function Wt(e, t, n, o, r, s) {
+  return c(), y(Ce(e.BlocksWrapper), w({
+    class: e._classStringToObject(e.className + " component-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: t[0] || (t[0] = (s) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (s) => e.onMouseEnter()),
-    onKeypress: t[2] || (t[2] = (s) => e.onClick())
-  }, {}), [
-    P(e.$slots, "default", {}, void 0, !0)
-  ], 16, At);
+    onClick: (i) => e.onClick(),
+    onMouseEnter: (i) => e.onMouseEnter(),
+    onKeyPress: (i) => e.onClick()
+  }, { ...e.BlocksWrapperProps }), {
+    default: U(() => [
+      x(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Vt = /* @__PURE__ */ g(Pt, [["render", Bt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), _t = b({
+const At = /* @__PURE__ */ g(Bt, [["render", Wt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), Vt = b({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: Vt,
-    Block: $e,
-    BlockStyles: xe
+    BlocksWrapper: At,
+    Block: Re,
+    BlockStyles: Ee
   },
   props: [
     "blocks",
@@ -670,37 +681,40 @@ const Vt = /* @__PURE__ */ g(Pt, [["render", Bt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Z.key,
-    componentsContext: we.key
+    builderContext: ee.key,
+    componentsContext: Ie.key
   }
 });
-function Ot(e, t, n, o, i, r) {
-  const s = y("block"), a = y("block-styles"), l = y("blocks-wrapper");
-  return d(), k(l, {
+function _t(e, t, n, o, r, s) {
+  var d, u;
+  const i = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
+  return c(), y(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
-    styleProp: e.styleProp
+    styleProp: e.styleProp,
+    BlocksWrapper: (d = e.context) == null ? void 0 : d.BlocksWrapper,
+    BlocksWrapperProps: (u = e.context) == null ? void 0 : u.BlocksWrapperProps
   }, {
-    default: ne(() => [
-      e.blocks ? (d(!0), u(C, { key: 0 }, A(e.blocks, (c, p) => (d(), k(s, {
-        key: "render-block-" + c.id,
-        block: c,
+    default: U(() => [
+      e.blocks ? (c(!0), p(C, { key: 0 }, B(e.blocks, (m, h) => (c(), y(i, {
+        key: "render-block-" + m.id,
+        block: m,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : f("v-if", !0),
-      e.blocks ? (d(!0), u(C, { key: 1 }, A(e.blocks, (c, p) => (d(), k(a, {
-        key: "block-style-" + c.id,
-        block: c,
+      e.blocks ? (c(!0), p(C, { key: 1 }, B(e.blocks, (m, h) => (c(), y(a, {
+        key: "block-style-" + m.id,
+        block: m,
         context: e.context || e.builderContext
       }, null, 8, ["block", "context"]))), 128)) : f("v-if", !0)
     ]),
     _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp"]);
+  }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const oe = /* @__PURE__ */ g(_t, [["render", Ot], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Nt = b({
+const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Ot = b({
   name: "builder-columns",
-  components: { InlinedStyles: q, Blocks: oe },
+  components: { InlinedStyles: G, Blocks: oe },
   props: [
     "js",
     "space",
@@ -780,31 +794,31 @@ const oe = /* @__PURE__ */ g(_t, [["render", Ot], ["__file", "/home/runner/work/
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, i = "100%", r = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: i,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: i,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Te(
+      return Pe(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -819,25 +833,25 @@ const oe = /* @__PURE__ */ g(_t, [["render", Ot], ["__file", "/home/runner/work/
     }
   }
 });
-function jt(e, t, n, o, i, r) {
-  const s = y("inlined-styles"), a = y("blocks");
-  return d(), u("div", w({
+function Nt(e, t, n, o, r, s) {
+  const i = k("inlined-styles"), a = k("blocks");
+  return c(), p("div", w({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), k(s, {
+    e.TARGET !== "reactNative" ? (c(), y(i, {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : f("v-if", !0),
-    (d(!0), u(C, null, A(e.columns, (l, c) => (d(), u("div", w({
-      key: c,
+    (c(!0), p(C, null, B(e.columns, (l, d) => (c(), p("div", w({
+      key: d,
       class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(c)
+      style: e.columnCssVars(d)
     }, {}), [
-      B(a, {
-        path: `component.options.columns.${c}.blocks`,
+      W(a, {
+        path: `component.options.columns.${d}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
@@ -849,22 +863,22 @@ function jt(e, t, n, o, i, r) {
     ], 16))), 128))
   ], 16);
 }
-const Ut = /* @__PURE__ */ g(Nt, [["render", jt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Ft = b({
+const jt = /* @__PURE__ */ g(Ot, [["render", Nt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Ut = b({
   name: "builder-fragment-component",
   props: []
 });
-function Wt(e, t, n, o, i, r) {
-  return d(), u("span", null, [
-    P(e.$slots, "default")
+function Ft(e, t, n, o, r, s) {
+  return c(), p("span", null, [
+    x(e.$slots, "default")
   ]);
 }
-const Mt = /* @__PURE__ */ g(Ft, [["render", Wt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
+const Mt = /* @__PURE__ */ g(Ut, [["render", Ft], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
 function ue(e) {
   return e.replace(/http(s)?:/, "");
 }
 function Lt(e = "", t, n) {
-  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
+  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
 function Ht(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
@@ -873,19 +887,19 @@ function Ht(e, t) {
     return ue(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), i = n[3], r = t.match("x") ? t : `${t}x`;
-    return ue(`${o[0]}_${r}${i}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return ue(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function Y(e) {
+function Q(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${Lt(e, "width", i)} ${i}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Lt(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ht(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
@@ -913,10 +927,10 @@ const Kt = b({
         return this.srcset;
       if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), Y(t);
+          return console.debug("Removed given srcset"), Q(t);
       } else if (this.image && !this.srcset)
-        return Y(t);
-      return Y(t);
+        return Q(t);
+      return Q(t);
     },
     webpSrcSet() {
       var e;
@@ -949,25 +963,25 @@ const Dt = ["srcset"], zt = ["alt", "role", "src", "srcset", "sizes"], qt = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Gt(e, t, n, o, i, r) {
-  var s, a, l, c;
-  return d(), u(C, null, [
-    Q("picture", null, [
-      e.webpSrcSet ? (d(), u("source", {
+function Gt(e, t, n, o, r, s) {
+  var i, a, l, d;
+  return c(), p(C, null, [
+    X("picture", null, [
+      e.webpSrcSet ? (c(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
       }, null, 8, Dt)) : f("v-if", !0),
-      Q("img", {
+      X("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: X({
+        style: Z({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: Ce(
+        class: we(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -977,16 +991,16 @@ function Gt(e, t, n, o, i, r) {
         sizes: e.sizes
       }, null, 14, zt)
     ]),
-    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), u("div", {
+    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (c(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: X({
+      style: Z({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : f("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : f("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), u("div", qt, [
-      P(e.$slots, "default", {}, void 0, !0)
+    ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : f("v-if", !0),
+    !e.fitContent && e.$slots.default ? (c(), p("div", qt, [
+      x(e.$slots, "default", {}, void 0, !0)
     ])) : f("v-if", !0)
   ], 64);
 }
@@ -994,11 +1008,11 @@ const Jt = /* @__PURE__ */ g(Kt, [["render", Gt], ["__scopeId", "data-v-58ca75d1
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: z };
+    return { filterAttrs: q };
   }
 });
-function Qt(e, t, n, o, i, r) {
-  return d(), u("section", w({
+function Qt(e, t, n, o, r, s) {
+  return c(), p("section", w({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1011,8 +1025,8 @@ function Qt(e, t, n, o, i, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    x(e.$slots, "default")
   ], 16);
 }
 const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), Zt = (e) => {
@@ -1020,7 +1034,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Ee = ({
+}, xe = ({
   name: e,
   canTrack: t
 }) => {
@@ -1031,14 +1045,14 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     $.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Pe = async (e) => Ee(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(x).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
+}, Be = async (e) => xe(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(P).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (v() ? location.protocol === "https:" : !0) ? tn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...r, ["path", "/"], ["domain", Zt(window.location.hostname)], ...i];
-  return en(s);
-}, Ae = async ({
+  const r = (v() ? location.protocol === "https:" : !0) ? tn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", Zt(window.location.hostname)], ...r];
+  return en(i);
+}, We = async ({
   name: e,
   value: t,
   expires: n,
@@ -1047,43 +1061,43 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const i = nn({
+    const r = nn({
       name: e,
       value: t,
       expires: n
     });
-    document.cookie = i;
-  } catch (i) {
-    $.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
+    document.cookie = r;
+  } catch (r) {
+    $.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, on = "builder.tests", ie = (e) => `${on}.${e}`, rn = ({
+}, on = "builder.tests", re = (e) => `${on}.${e}`, rn = ({
   contentId: e
-}) => Pe({
-  name: ie(e),
+}) => Be({
+  name: re(e),
   canTrack: !0
 }), sn = ({
   contentId: e
-}) => Ee({
-  name: ie(e),
+}) => xe({
+  name: re(e),
   canTrack: !0
 }), an = ({
   contentId: e,
   value: t
-}) => Ae({
-  name: ie(e),
+}) => We({
+  name: re(e),
   value: t,
   canTrack: !0
-}), Be = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, ln = ({
+}), Ae = (e) => P(e.id) && P(e.variations) && Object.keys(e.variations).length > 0, ln = ({
   id: e,
   variations: t
 }) => {
-  var i;
+  var r;
   let n = 0;
   const o = Math.random();
-  for (const r in t) {
-    const s = (i = t[r]) == null ? void 0 : i.testRatio;
-    if (n += s, o < n)
-      return r;
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
   }
   return e;
 }, Ve = (e) => {
@@ -1115,7 +1129,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!Be(e))
+  if (!Ae(e))
     return e;
   const n = sn({
     contentId: e.id
@@ -1134,22 +1148,22 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Be(e))
+  if (!t || !Ae(e))
     return e;
   const o = await rn({
     contentId: e.id
   }) || Ve({
     variations: e.variations,
     id: e.id
-  }), i = _e({
+  }), r = _e({
     item: e,
     testGroupId: o
   });
   return {
     ...e,
-    ...i
+    ...r
   };
-}, U = (e) => x(e) ? e : !0, un = {
+}, j = (e) => P(e) ? e : !0, un = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1359,7 +1373,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((i) => i.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1420,8 +1434,8 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
         if (this.scriptsInserted.includes(o.src))
           continue;
         this.scriptsInserted.push(o.src);
-        const i = document.createElement("script");
-        i.async = !0, i.src = o.src, document.head.appendChild(i);
+        const r = document.createElement("script");
+        r.async = !0, r.src = o.src, document.head.appendChild(r);
       } else if (!o.type || [
         "text/javascript",
         "application/javascript",
@@ -1431,8 +1445,8 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
           continue;
         try {
           this.scriptsRun.push(o.innerText), new Function(o.innerText)();
-        } catch (i) {
-          console.warn("`CustomCode`: Error running script:", i);
+        } catch (r) {
+          console.warn("`CustomCode`: Error running script:", r);
         }
       }
     }
@@ -1449,10 +1463,10 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     }
   }
 }), fn = ["innerHTML"];
-function bn(e, t, n, o, i, r) {
-  return d(), u("div", {
+function bn(e, t, n, o, r, s) {
+  return c(), p("div", {
     ref: "elementRef",
-    class: Ce(
+    class: we(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
@@ -1460,7 +1474,7 @@ function bn(e, t, n, o, i, r) {
     innerHTML: e.code
   }, null, 10, fn);
 }
-const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), yn = {
+const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), kn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1485,7 +1499,7 @@ const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, kn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => kn.includes(e.type), Sn = b({
+}, yn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => yn.includes(e.type), Sn = b({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1528,8 +1542,8 @@ const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/
     }
   }
 }), Cn = ["innerHTML"];
-function wn(e, t, n, o, i, r) {
-  return d(), u("div", {
+function wn(e, t, n, o, r, s) {
+  return c(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
@@ -1561,29 +1575,29 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(s, a = 6e4) {
-        return new Promise((l, c) => {
-          const p = document.createElement("img");
-          let h = !1;
-          p.onload = () => {
-            h = !0, l(p);
-          }, p.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), c(m.error);
-          }), p.src = s, setTimeout(() => {
-            h || c(new Error("Image load timed out"));
+      function n(i, a = 6e4) {
+        return new Promise((l, d) => {
+          const u = document.createElement("img");
+          let m = !1;
+          u.onload = () => {
+            m = !0, l(u);
+          }, u.addEventListener("error", (h) => {
+            console.warn("Image load failed", h.error), d(h.error);
+          }), u.src = i, setTimeout(() => {
+            m || d(new Error("Image load timed out"));
           }, a);
         });
       }
-      function o(s) {
-        return Math.round(s * 1e3) / 1e3;
+      function o(i) {
+        return Math.round(i * 1e3) / 1e3;
       }
-      const i = e.get("image"), r = e.get("aspectRatio");
-      if (fetch(i).then((s) => s.blob()).then((s) => {
-        s.type.includes("svg") && e.set("noWebp", !0);
-      }), i && (!r || r === 0.7041))
-        return n(i).then((s) => {
+      const r = e.get("image"), s = e.get("aspectRatio");
+      if (fetch(r).then((i) => i.blob()).then((i) => {
+        i.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!s || s === 0.7041))
+        return n(r).then((i) => {
           const a = e.get("aspectRatio");
-          e.get("image") === i && (!a || a === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -1654,7 +1668,7 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, xn = b({
+}, Pn = b({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1665,11 +1679,11 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: T, filterAttrs: z };
+    return { isEditing: T, filterAttrs: q };
   }
 }), En = ["alt", "src"];
-function Pn(e, t, n, o, i, r) {
-  return d(), u("img", w({
+function xn(e, t, n, o, r, s) {
+  return c(), p("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1677,9 +1691,9 @@ function Pn(e, t, n, o, i, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, En);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, En);
 }
-const An = /* @__PURE__ */ g(xn, [["render", Pn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Bn = {
+const Bn = /* @__PURE__ */ g(Pn, [["render", xn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Wn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1718,7 +1732,7 @@ const An = /* @__PURE__ */ g(xn, [["render", Pn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, Vn = {
+}, An = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1751,7 +1765,7 @@ const An = /* @__PURE__ */ g(xn, [["render", Pn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, _n = {
+}, Vn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1769,21 +1783,21 @@ const An = /* @__PURE__ */ g(xn, [["render", Pn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, On = b({
+}, _n = b({
   name: "builder-text",
   props: ["text"]
-}), Nn = ["innerHTML"];
-function jn(e, t, n, o, i, r) {
-  var s;
-  return d(), u("div", {
+}), On = ["innerHTML"];
+function Nn(e, t, n, o, r, s) {
+  var i;
+  return c(), p("div", {
     class: "builder-text",
-    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
+    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, Nn);
+  }, null, 8, On);
 }
-const Un = /* @__PURE__ */ g(On, [["render", jn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Fn = {
+const jn = /* @__PURE__ */ g(_n, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Un = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1864,7 +1878,7 @@ const Un = /* @__PURE__ */ g(On, [["render", jn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Wn = b({
+}, Fn = b({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1932,16 +1946,16 @@ const Un = /* @__PURE__ */ g(On, [["render", jn], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function zn(e, t, n, o, i, r) {
-  var s, a, l, c, p, h, m;
-  return d(), u("div", Mn, [
-    Q("video", w({
+function zn(e, t, n, o, r, s) {
+  var i, a, l, d, u, m, h;
+  return c(), p("div", Mn, [
+    X("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(s = e.attributes) == null ? void 0 : s.style,
+        ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
         zIndex: 2,
@@ -1953,41 +1967,41 @@ function zn(e, t, n, o, i, r) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? f("v-if", !0) : (d(), u("source", {
+      e.lazyLoad ? f("v-if", !0) : (c(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
       }, null, 8, Hn))
     ], 16, Ln),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), u("div", {
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (c(), p("div", {
       key: 0,
-      style: X({
+      style: Z({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
     }, null, 4)) : f("v-if", !0),
-    ((p = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : p.length) && e.fitContent ? (d(), u("div", Kn, [
-      P(e.$slots, "default")
+    ((u = (d = e.builderBlock) == null ? void 0 : d.children) == null ? void 0 : u.length) && e.fitContent ? (c(), p("div", Kn, [
+      x(e.$slots, "default")
     ])) : f("v-if", !0),
-    ((m = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : m.length) && !e.fitContent ? (d(), u("div", Dn, [
-      P(e.$slots, "default")
+    ((h = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : h.length) && !e.fitContent ? (c(), p("div", Dn, [
+      x(e.$slots, "default")
     ])) : f("v-if", !0)
   ]);
 }
-const qn = /* @__PURE__ */ g(Wn, [["render", zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
-  component: Ze,
+const qn = /* @__PURE__ */ g(Fn, [["render", zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
+  component: et,
   ...un
 }, {
-  component: Ut,
+  component: jt,
   ...pn
 }, {
   component: gn,
   ...mn
 }, {
   component: In,
-  ...yn
+  ...kn
 }, {
   component: Mt,
   ...$n
@@ -1995,34 +2009,34 @@ const qn = /* @__PURE__ */ g(Wn, [["render", zn], ["__file", "/home/runner/work/
   component: Jt,
   ...Rn
 }, {
-  component: An,
+  component: Bn,
   ...Tn
 }, {
   component: Xt,
-  ...Bn
+  ...Wn
 }, {
-  component: ti,
-  ...Vn
+  component: er,
+  ...An
 }, {
-  component: Un,
-  ..._n
+  component: jn,
+  ...Vn
 }, {
   component: qn,
-  ...Fn
+  ...Un
 }], me = [], Gn = (e) => ({
   type: "builder.registerComponent",
-  data: ee(e)
+  data: te(e)
 }), Jn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Yn = (e) => typeof e == "function" ? Jn(e) : F(e), ee = ({
+}, Yn = (e) => typeof e == "function" ? Jn(e) : F(e), te = ({
   inputs: e,
   ...t
 }) => ({
   ...F(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [i]: Yn(r)
+    [r]: Yn(s)
   }), {}))
 }), Qn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -2114,14 +2128,14 @@ const qn = /* @__PURE__ */ g(Wn, [["render", zn], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, Oe = "builderIoAbTest", Ne = "builderIoRenderContent", L = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Oe = "builderIoAbTest", Ne = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), Zn = ({
   canTrack: e,
   content: t
-}) => !(!(L(t).length > 0) || !e), eo = (e) => e === "react" || e === "reactNative", je = eo(R), to = () => `
+}) => !(!(H(t).length > 0) || !e), eo = (e) => e === "react" || e === "reactNative", je = eo(R), to = () => `
   window.${Oe} = ${Qn}
   window.${Ne} = ${Xn}
   `, no = (e, t) => `
@@ -2132,33 +2146,33 @@ const qn = /* @__PURE__ */ g(Wn, [["render", zn], ["__file", "/home/runner/work/
   variationId: t
 }) => `window.${Ne}(
     "${t}", "${e}", ${je}
-  )`, io = b({
+  )`, ro = b({
   render() {
     return Se("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), Ue = /* @__PURE__ */ g(io, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
-function ro() {
+}), Ue = /* @__PURE__ */ g(ro, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
+function so() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function so() {
-  const e = ro().fetch;
+function io() {
+  const e = so().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const Fe = so();
-function H(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, i) => {
-    const r = e[i], s = [t, i].filter(Boolean).join(n);
-    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
+const Fe = io();
+function K(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...H(r, s, n)
+      ...K(s, i, n)
     } : {
       ...o,
-      [s]: r
+      [i]: s
     };
   }, {});
 }
@@ -2167,101 +2181,101 @@ const ao = "v3", he = "builder.", lo = "options.", co = (e) => {
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, We = (e) => {
+}, Me = (e) => {
   if (!e)
     return {};
-  const t = Me(e), n = {};
+  const t = Le(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(he)) {
-      const i = o.replace(he, "").replace(lo, "");
-      n[i] = t[o];
+      const r = o.replace(he, "").replace(lo, "");
+      n[r] = t[o];
     }
   }), n;
 }, uo = () => {
   if (!v())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return We(e);
-}, Me = (e) => e instanceof URLSearchParams ? co(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, re = (e) => {
+  return Me(e);
+}, Le = (e) => e instanceof URLSearchParams ? co(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
   let {
     noTraverse: t = !1
   } = e;
   const {
     limit: n = 30,
     userAttributes: o,
-    query: i,
-    model: r,
-    apiKey: s,
+    query: r,
+    model: s,
+    apiKey: i,
     includeRefs: a = !0,
     enrich: l,
-    locale: c,
-    apiVersion: p = ao,
-    fields: h,
-    omit: m,
+    locale: d,
+    apiVersion: u = ao,
+    fields: m,
+    omit: h,
     offset: S,
-    cacheSeconds: V,
-    staleCacheSeconds: _,
-    sort: O,
-    includeUnpublished: se
+    cacheSeconds: A,
+    staleCacheSeconds: V,
+    sort: _,
+    includeUnpublished: ie
   } = e;
-  if (!s)
+  if (!i)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(p))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${p}'`);
+  if (!["v2", "v3"].includes(u))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const I = new URL(`https://cdn.builder.io/api/${p}/content/${r}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (I.searchParams.set("omit", m || "meta.componentsUsed"), h && I.searchParams.set("fields", h), Number.isFinite(S) && S > -1 && I.searchParams.set("offset", String(Math.floor(S))), typeof se == "boolean" && I.searchParams.set("includeUnpublished", String(se)), V && fe(V) && I.searchParams.set("cacheSeconds", String(V)), _ && fe(_) && I.searchParams.set("staleCacheSeconds", String(_)), O) {
-    const E = H({
-      sort: O
+  const I = new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${d ? `&locale=${d}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (I.searchParams.set("omit", h || "meta.componentsUsed"), m && I.searchParams.set("fields", m), Number.isFinite(S) && S > -1 && I.searchParams.set("offset", String(Math.floor(S))), typeof ie == "boolean" && I.searchParams.set("includeUnpublished", String(ie)), A && fe(A) && I.searchParams.set("cacheSeconds", String(A)), V && fe(V) && I.searchParams.set("staleCacheSeconds", String(V)), _) {
+    const E = K({
+      sort: _
     });
-    for (const N in E)
-      I.searchParams.set(N, JSON.stringify(E[N]));
+    for (const O in E)
+      I.searchParams.set(O, JSON.stringify(E[O]));
   }
-  const Ge = {
+  const Je = {
     ...uo(),
-    ...Me(e.options || {})
-  }, ae = H(Ge);
+    ...Le(e.options || {})
+  }, ae = K(Je);
   for (const E in ae)
     I.searchParams.set(E, String(ae[E]));
-  if (o && I.searchParams.set("userAttributes", JSON.stringify(o)), i) {
-    const E = H({
-      query: i
+  if (o && I.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const E = K({
+      query: r
     });
-    for (const N in E)
-      I.searchParams.set(N, JSON.stringify(E[N]));
+    for (const O in E)
+      I.searchParams.set(O, JSON.stringify(E[O]));
   }
   return I;
 }, po = (e) => "results" in e;
-async function G(e) {
-  const t = await Le({
+async function J(e) {
+  const t = await He({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const ri = G, mo = async (e) => {
-  const t = re(e);
+const rr = J, mo = async (e) => {
+  const t = se(e);
   return await (await Fe(t.href)).json();
-}, ho = async (e, t, n = re(e)) => {
-  const o = U(e.canTrack);
+}, ho = async (e, t, n = se(e)) => {
+  const o = j(e.canTrack);
   if (n.search.includes("preview="), !o || !(v() || R === "reactNative"))
     return t;
   try {
-    const i = [];
-    for (const r of t.results)
-      i.push(await dn({
-        item: r,
+    const r = [];
+    for (const s of t.results)
+      r.push(await dn({
+        item: s,
         canTrack: o
       }));
-    t.results = i;
-  } catch (i) {
-    $.error("Could not process A/B tests. ", i);
+    t.results = r;
+  } catch (r) {
+    $.error("Could not process A/B tests. ", r);
   }
   return t;
 };
-async function Le(e) {
+async function He(e) {
   try {
-    const t = re(e), n = await mo(e);
+    const t = se(e), n = await mo(e);
     return po(n) ? ho(e, n) : ($.error("Error fetching data. ", {
       url: t,
       content: n,
@@ -2271,7 +2285,7 @@ async function Le(e) {
     return $.error("Error fetching data. ", t), null;
   }
 }
-const si = Le;
+const sr = He;
 function fo() {
   return !v() || T() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
@@ -2281,41 +2295,41 @@ function bo() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function He() {
+function Ke() {
   return bo().replace(/-/g, "");
 }
-const Ke = "builderSessionId", go = async ({
+const De = "builderSessionId", go = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Pe({
-    name: Ke,
+  const t = await Be({
+    name: De,
     canTrack: e
   });
-  if (x(t))
+  if (P(t))
     return t;
   {
-    const n = yo();
-    return ko({
+    const n = ko();
+    return yo({
       id: n,
       canTrack: e
     }), n;
   }
-}, yo = () => He(), ko = ({
+}, ko = () => Ke(), yo = ({
   id: e,
   canTrack: t
-}) => Ae({
-  name: Ke,
+}) => We({
+  name: De,
   value: e,
   canTrack: t
-}), De = () => v() && typeof localStorage < "u" ? localStorage : void 0, vo = ({
+}), ze = () => v() && typeof localStorage < "u" ? localStorage : void 0, vo = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = De()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
@@ -2327,20 +2341,20 @@ const Ke = "builderSessionId", go = async ({
 }) => {
   var o;
   try {
-    t && ((o = De()) == null || o.setItem(e, n));
-  } catch (i) {
-    console.debug("[LocalStorage] SET error: ", i);
+    t && ((o = ze()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
   }
-}, ze = "builderVisitorId", Co = ({
+}, qe = "builderVisitorId", Co = ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = vo({
-    key: ze,
+    key: qe,
     canTrack: e
   });
-  if (x(t))
+  if (P(t))
     return t;
   {
     const n = wo();
@@ -2349,11 +2363,11 @@ const Ke = "builderSessionId", go = async ({
       canTrack: e
     }), n;
   }
-}, wo = () => He(), Io = ({
+}, wo = () => Ke(), Io = ({
   id: e,
   canTrack: t
 }) => So({
-  key: ze,
+  key: qe,
   value: e,
   canTrack: t
 }), $o = async ({
@@ -2378,11 +2392,11 @@ const Ke = "builderSessionId", go = async ({
   canTrack: t,
   apiKey: n,
   metadata: o,
-  ...i
+  ...r
 }) => ({
   type: e,
   data: {
-    ...i,
+    ...r,
     metadata: {
       url: location.href,
       ...o
@@ -2390,11 +2404,11 @@ const Ke = "builderSessionId", go = async ({
     ...await $o({
       canTrack: t
     }),
-    userAttributes: Ie(),
+    userAttributes: $e(),
     ownerId: n
   }
 });
-async function te(e) {
+async function ne(e) {
   if (!e.apiKey) {
     $.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -2413,7 +2427,7 @@ async function te(e) {
       console.error("Failed to track: ", t);
     });
 }
-const ai = (e) => te({
+const ir = (e) => ne({
   ...e,
   canTrack: !0
 });
@@ -2431,20 +2445,20 @@ const To = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, xo = (e) => To(e, (t) => {
+}, Po = (e) => To(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
 }), ge = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, r = be(o / n.width), s = be(i / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = be(o / n.width), i = be(r / n.height);
   return {
-    x: r,
-    y: s
+    x: s,
+    y: i
   };
 }, Eo = (e) => {
-  const t = e.target, n = t && xo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  const t = e.target, n = t && Po(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2459,10 +2473,10 @@ const To = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Po = "0.8.0", ye = {};
-function Ao(e, t) {
-  let n = ye[e];
-  if (n || (n = ye[e] = []), n.push(t), v()) {
+}, xo = "0.9.0", ke = {};
+function Bo(e, t) {
+  let n = ke[e];
+  if (n || (n = ke[e] = []), n.push(t), v()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2472,13 +2486,13 @@ function Ao(e, t) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (i) {
-      console.debug("Could not postmessage", i);
+    } catch (r) {
+      console.debug("Could not postmessage", r);
     }
   }
 }
-const Bo = () => {
-  Ao("insertMenu", {
+const Wo = () => {
+  Bo("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2500,14 +2514,14 @@ const Bo = () => {
     }]
   });
 };
-let ke = !1;
-const Vo = (e = {}) => {
+let ye = !1;
+const Ao = (e = {}) => {
   var t, n;
-  ke || (ke = !0, v() && ((t = window.parent) == null || t.postMessage({
+  ye || (ye = !0, v() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: R,
-      version: Po,
+      version: xo,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2520,36 +2534,36 @@ const Vo = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var i, r;
+    var r, s;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const s = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(s);
-          let p, h = null;
+          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, d = new Function(i);
+          let u, m = null;
           try {
-            p = c.apply(null, a);
-          } catch (m) {
-            h = m;
+            u = d.apply(null, a);
+          } catch (h) {
+            m = h;
           }
-          h ? (i = window.parent) == null || i.postMessage({
+          m ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
               id: l,
-              error: h.message
+              error: m.message
             }
-          }, "*") : p && typeof p.then == "function" ? p.then((m) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((h) => {
             var S;
             (S = window.parent) == null || S.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: l,
-                result: m
+                result: h
               }
             }, "*");
-          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: p,
+              result: u,
               id: l
             }
           }, "*");
@@ -2557,10 +2571,11 @@ const Vo = (e = {}) => {
         }
       }
   })));
-}, _o = b({
+}, Vo = b({
   name: "enable-editor",
   props: [
     "builderContextSignal",
+    "contentWrapper",
     "model",
     "context",
     "canTrack",
@@ -2569,22 +2584,24 @@ const Vo = (e = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent"
+    "showContent",
+    "contentWrapperProps"
   ],
   data() {
     return {
       forceReRenderCount: 0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
+      ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
-      builderContext: Z
+      builderContext: ee
     };
   },
   provide() {
     const e = this;
     return {
-      [Z.key]: e.builderContextSignal
+      [ee.key]: e.builderContextSignal
     };
   },
   mounted() {
@@ -2593,14 +2610,14 @@ const Vo = (e = {}) => {
       if (v()) {
         if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && U(this.canTrack)) {
-          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          te({
+        ), this.builderContextSignal.content && j(this.canTrack)) {
+          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          ne({
             type: "impression",
             canTrack: !0,
-            contentId: s,
+            contentId: i,
             apiKey: a,
-            variationId: r !== s ? r : void 0
+            variationId: s !== i ? s : void 0
           });
         }
         fo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
@@ -2679,7 +2696,7 @@ const Vo = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, i, r, s;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2690,7 +2707,7 @@ const Vo = (e = {}) => {
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((i = e == null ? void 0 : e.meta) == null ? void 0 : i.breakpoints) || ((s = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2701,19 +2718,19 @@ const Vo = (e = {}) => {
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: i, contentId: r } = o;
-            if (!r || r !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: r, contentId: s } = o;
+            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
-            i && this.mergeNewContent({
+            r && this.mergeNewContent({
               meta: {
-                breakpoints: i
+                breakpoints: r
               }
             }), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const o = t.data, i = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            i === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, s = o.data;
+            r === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2721,7 +2738,7 @@ const Vo = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && K({
+      e && D({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2732,13 +2749,13 @@ const Vo = (e = {}) => {
     onClick(e) {
       var t, n;
       if (this.builderContextSignal.content) {
-        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, i = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        te({
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        ne({
           type: "click",
-          canTrack: U(this.canTrack),
-          contentId: i,
+          canTrack: j(this.canTrack),
+          contentId: r,
           apiKey: this.apiKey,
-          variationId: o !== i ? o : void 0,
+          variationId: o !== r ? o : void 0,
           ...Eo(e),
           unique: !this.clicked
         });
@@ -2748,7 +2765,7 @@ const Vo = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => K({
+        (t, n) => D({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2759,12 +2776,12 @@ const Vo = (e = {}) => {
     },
     handleRequest({ url: e, key: t }) {
       Fe(e).then((n) => n.json()).then((n) => {
-        var i, r;
+        var r, s;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (r = (i = this.builderContextSignal).rootSetState) == null || r.call(i, o), this.httpReqsData[t] = !0;
+        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2772,12 +2789,12 @@ const Vo = (e = {}) => {
     runHttpRequests() {
       var t, n, o;
       const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([i, r]) => {
-        if (r && (!this.httpReqsData[i] || T())) {
-          const s = this.evalExpression(r);
+      Object.entries(e).forEach(([r, s]) => {
+        if (s && (!this.httpReqsData[r] || T())) {
+          const i = this.evalExpression(s);
           this.handleRequest({
-            url: s,
-            key: i
+            url: i,
+            key: r
           });
         }
       });
@@ -2798,7 +2815,7 @@ const Vo = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Bo(), Vo({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Wo(), Ao({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2822,13 +2839,13 @@ const Vo = (e = {}) => {
     elementRef_onInitpreviewingbldr(e) {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
-      ), i = t.get("apiKey") || t.get("builder.space");
-      n === this.model && i === this.apiKey && (!this.content || o === this.content.id) && G({
+      ), r = t.get("apiKey") || t.get("builder.space");
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && J({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((r) => {
-        r && this.mergeNewContent(r);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     },
     _classStringToObject(e) {
@@ -2841,34 +2858,38 @@ const Vo = (e = {}) => {
       return t;
     }
   }
-}), Oo = ["builder-content-id", "builder-model"];
-function No(e, t, n, o, i, r) {
-  var s, a, l;
-  return e.builderContextSignal.content ? (d(), u("div", w({
+});
+function _o(e, t, n, o, r, s) {
+  var i, a, l;
+  return e.builderContextSignal.content ? (c(), y(Ce(e.ContentWrapper), w({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: t[0] || (t[0] = (c) => e.onClick(c)),
-    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
+    onClick: (d) => e.onClick(d),
+    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: e._classStringToObject(
       `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`
     ),
-    onIniteditingbldr: t[1] || (t[1] = (c) => e.elementRef_onIniteditingbldr(c)),
-    onInitpreviewingbldr: t[2] || (t[2] = (c) => e.elementRef_onInitpreviewingbldr(c))
+    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
+    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
-    }
-  }), [
-    P(e.$slots, "default")
-  ], 16, Oo)) : f("v-if", !0);
+    },
+    ...e.contentWrapperProps
+  }), {
+    default: U(() => [
+      x(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : f("v-if", !0);
 }
-const jo = /* @__PURE__ */ g(_o, [["render", No], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Uo = (e) => {
-  var r, s;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
-  let i = "";
-  if (o && t && n && (i += `
+const Oo = /* @__PURE__ */ g(Vo, [["render", _o], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), No = (e) => {
+  var s, i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
+  let r = "";
+  if (o && t && n && (r += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${o}') format('woff2');
@@ -2879,37 +2900,37 @@ font-weight: 400;
     for (const a in e.files) {
       if (!(String(Number(a)) === a))
         continue;
-      const c = e.files[a];
-      c && c !== o && (i += `
+      const d = e.files[a];
+      d && d !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${d}') format('woff2');
 font-display: fallback;
 font-weight: ${a};
 }
         `.trim());
     }
-  return i;
-}, Fo = ({
+  return r;
+}, jo = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Uo(n))) == null ? void 0 : t.join(" ")) || "";
-}, Wo = ({
+  return ((t = e == null ? void 0 : e.map((n) => No(n))) == null ? void 0 : t.join(" ")) || "";
+}, Uo = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Mo = b({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Fo = b({
   name: "content-styles",
-  components: { InlinedStyles: q },
+  components: { InlinedStyles: G },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Wo({
+${Uo({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Fo({
+${jo({
         customFonts: this.customFonts
       })}
 
@@ -2929,28 +2950,28 @@ ${Fo({
     };
   }
 });
-function Lo(e, t, n, o, i, r) {
-  const s = y("inlined-styles");
-  return d(), k(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function Mo(e, t, n, o, r, s) {
+  const i = k("inlined-styles");
+  return c(), y(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Ko = ({
+const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Ho = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var r, s, a;
-  const o = {}, i = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.state) || {};
-  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((l) => {
+  var s, i, a;
+  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
     l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
   }), {
     ...o,
-    ...i,
+    ...r,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, Do = ({
+}, Ko = ({
   content: e,
   data: t
 }) => e ? {
@@ -2960,12 +2981,12 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, zo = Je, qo = b({
+} : void 0, Do = Ye, zo = b({
   name: "content-component",
   components: {
-    EnableEditor: jo,
+    EnableEditor: Oo,
     InlinedScript: Ue,
-    ContentStyles: Ho,
+    ContentStyles: Lo,
     Blocks: oe
   },
   props: [
@@ -2976,11 +2997,15 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
     "context",
     "apiKey",
     "apiVersion",
+    "blocksWrapper",
+    "blocksWrapperProps",
     "model",
     "canTrack",
     "includeRefs",
     "enrich",
     "showContent",
+    "contentWrapper",
+    "contentWrapperProps",
     "isSsrAbTest"
   ],
   data() {
@@ -2995,22 +3020,22 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
         ...me,
         ...this.customComponents || []
       ].reduce(
-        (n, { component: o, ...i }) => ({
+        (n, { component: o, ...r }) => ({
           ...n,
-          [i.name]: {
-            component: zo(o),
-            ...ee(i)
+          [r.name]: {
+            component: Do(o),
+            ...te(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Do({
+        content: Ko({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ko({
+        rootState: Ho({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3024,13 +3049,15 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
           ...me,
           ...this.customComponents || []
         ].reduce(
-          (n, { component: o, ...i }) => ({
+          (n, { component: o, ...r }) => ({
             ...n,
-            [i.name]: ee(i)
+            [r.name]: te(r)
           }),
           {}
         ),
-        inheritedStyles: {}
+        inheritedStyles: {},
+        BlocksWrapper: this.blocksWrapper || "div",
+        BlocksWrapperProps: this.blocksWrapperProps || {}
       },
       TARGET: R
     };
@@ -3038,7 +3065,7 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
   provide() {
     const e = this;
     return {
-      [we.key]: {
+      [Ie.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3049,9 +3076,9 @@ const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/
     }
   }
 });
-function Go(e, t, n, o, i, r) {
-  const s = y("inlined-script"), a = y("content-styles"), l = y("blocks"), c = y("enable-editor");
-  return d(), k(c, w({
+function qo(e, t, n, o, r, s) {
+  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), d = k("enable-editor");
+  return c(), y(d, w({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -3061,37 +3088,39 @@ function Go(e, t, n, o, i, r) {
     includeRefs: e.includeRefs,
     enrich: e.enrich,
     showContent: e.showContent,
-    builderContextSignal: e.builderContextSignal
+    builderContextSignal: e.builderContextSignal,
+    contentWrapper: e.contentWrapper,
+    contentWrapperProps: e.contentWrapperProps
   }, {}), {
-    default: ne(() => {
-      var p, h, m, S, V, _, O;
+    default: U(() => {
+      var u, m, h, S, A, V, _;
       return [
-        e.isSsrAbTest ? (d(), k(s, {
+        e.isSsrAbTest ? (c(), y(i, {
           key: 0,
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : f("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), k(a, {
+        e.TARGET !== "reactNative" ? (c(), y(a, {
           key: 1,
-          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
-          cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
-          customFonts: (V = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : V.customFonts
+          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
+          cssCode: (h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.cssCode,
+          customFonts: (A = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : A.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : f("v-if", !0),
-        B(l, {
-          blocks: (O = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : O.blocks,
+        W(l, {
+          blocks: (_ = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : _.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
       ];
     }),
     _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal"]);
+  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
-const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Yo = b({
+const Go = /* @__PURE__ */ g(zo, [["render", qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Jo = b({
   name: "content-variants",
   components: {
     InlinedScript: Ue,
-    InlinedStyles: q,
-    ContentComponent: Jo
+    InlinedStyles: G,
+    ContentComponent: Go
   },
   props: [
     "canTrack",
@@ -3105,17 +3134,21 @@ const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/
     "customComponents",
     "locale",
     "includeRefs",
-    "enrich"
+    "enrich",
+    "blocksWrapper",
+    "blocksWrapperProps",
+    "contentWrapper",
+    "contentWrapperProps"
   ],
   data() {
     return {
       shouldRenderVariants: Zn({
-        canTrack: U(this.canTrack),
+        canTrack: j(this.canTrack),
         content: this.content
       }),
       TARGET: R,
       getScriptString: to,
-      getVariants: L
+      getVariants: H
     };
   },
   mounted() {
@@ -3125,7 +3158,7 @@ const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/
     updateCookieAndStylesScriptStr() {
       var e;
       return no(
-        L(this.content).map((t) => ({
+        H(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3133,7 +3166,7 @@ const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return L(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return H(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
@@ -3142,28 +3175,28 @@ const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/
         testVariationId: (e = this.content) == null ? void 0 : e.id
       } : cn({
         item: this.content,
-        canTrack: U(this.canTrack)
+        canTrack: j(this.canTrack)
       });
     }
   }
 });
-function Qo(e, t, n, o, i, r) {
-  var c;
-  const s = y("inlined-script"), a = y("inlined-styles"), l = y("content-component");
-  return d(), u(C, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
+function Yo(e, t, n, o, r, s) {
+  var d;
+  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
+  return c(), p(C, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : f("v-if", !0),
-    e.shouldRenderVariants ? (d(), u(C, { key: 1 }, [
-      B(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+    e.shouldRenderVariants ? (c(), p(C, { key: 1 }, [
+      W(a, {
+        id: `variants-styles-${(d = e.content) == null ? void 0 : d.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      B(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), u(C, null, A(e.getVariants(e.content), (p, h) => (d(), k(l, {
-        key: p.testVariationId,
-        content: p,
+      W(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (c(!0), p(C, null, B(e.getVariants(e.content), (u, m) => (c(), y(l, {
+        key: u.testVariationId,
+        content: u,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -3175,10 +3208,14 @@ function Qo(e, t, n, o, i, r) {
         locale: e.locale,
         includeRefs: e.includeRefs,
         enrich: e.enrich,
-        isSsrAbTest: e.shouldRenderVariants
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
+        isSsrAbTest: e.shouldRenderVariants,
+        blocksWrapper: e.blocksWrapper,
+        blocksWrapperProps: e.blocksWrapperProps,
+        contentWrapper: e.contentWrapper,
+        contentWrapperProps: e.contentWrapperProps
+      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"]))), 128))
     ], 64)) : f("v-if", !0),
-    B(l, w({
+    W(l, w({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3191,18 +3228,22 @@ function Qo(e, t, n, o, i, r) {
       locale: e.locale,
       includeRefs: e.includeRefs,
       enrich: e.enrich,
-      isSsrAbTest: e.shouldRenderVariants
+      isSsrAbTest: e.shouldRenderVariants,
+      blocksWrapper: e.blocksWrapper,
+      blocksWrapperProps: e.blocksWrapperProps,
+      contentWrapper: e.contentWrapper,
+      contentWrapperProps: e.contentWrapperProps
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
   ], 64);
 }
-const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Xo = async ({
+const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Qo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return G({
+    return J({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3214,9 +3255,9 @@ const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/
     }).catch((n) => {
       $.error("Could not fetch symbol content: ", n);
     });
-}, Zo = b({
+}, Xo = b({
   name: "builder-symbol",
-  components: { ContentVariants: qe },
+  components: { ContentVariants: Ge },
   props: [
     "js",
     "attributes",
@@ -3227,7 +3268,7 @@ const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: z };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: q };
   },
   mounted() {
     this.setContent();
@@ -3258,7 +3299,7 @@ const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || Xo({
+      this.contentToUse || Qo({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3276,13 +3317,13 @@ const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/
     }
   }
 });
-function ei(e, t, n, o, i, r) {
-  var a, l, c, p;
-  const s = y("content-variants");
-  return d(), u("div", w({
+function Zo(e, t, n, o, r, s) {
+  var a, l, d, u;
+  const i = k("content-variants");
+  return c(), p("div", w({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    B(s, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    W(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3291,15 +3332,15 @@ function ei(e, t, n, o, i, r) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
+        ...(d = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : d.state
       },
-      model: (p = e.symbol) == null ? void 0 : p.model,
+      model: (u = e.symbol) == null ? void 0 : u.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const ti = /* @__PURE__ */ g(Zo, [["render", ei], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), li = oe, ci = qe, ve = {};
-function di(e) {
+const er = /* @__PURE__ */ g(Xo, [["render", Zo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), ar = oe, lr = Ge, ve = {};
+function cr(e) {
   if (v()) {
     Object.assign(ve, e);
     const t = {
@@ -3309,9 +3350,9 @@ function di(e) {
     parent.postMessage(t, "*");
   }
 }
-const ui = async (e) => {
-  var o, i, r;
-  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
+const dr = async (e) => {
+  var o, r, s;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
     model: e.model || "page",
@@ -3321,47 +3362,47 @@ const ui = async (e) => {
         urlPath: t
       } : {}
     },
-    options: We(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: Me(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await G(n)
+    content: await J(n)
   };
 };
 export {
-  $e as B,
-  qe as C,
+  Re as B,
+  Ge as C,
   Mt as F,
   Jt as I,
-  li as R,
+  ar as R,
   Xt as S,
   R as T,
   qn as V,
   g as _,
-  xe as a,
-  Z as b,
-  it as c,
+  Ee as a,
+  ee as b,
+  st as c,
   oe as d,
-  K as e,
-  ci as f,
-  Ze as g,
-  Ut as h,
-  ti as i,
-  Un as j,
+  D as e,
+  lr as f,
+  et as g,
+  jt as h,
+  er as i,
+  jn as j,
   T as k,
   fo as l,
   Gn as m,
   ho as n,
-  Le as o,
-  G as p,
-  si as q,
-  Ao as r,
-  di as s,
-  ri as t,
-  We as u,
-  ai as v,
-  zo as w,
-  ui as x,
-  ii as y
+  He as o,
+  J as p,
+  sr as q,
+  Bo as r,
+  cr as s,
+  rr as t,
+  Me as u,
+  ir as v,
+  Do as w,
+  dr as x,
+  or as y
 };