@builder.io/sdk-vue 0.13.2 → 0.13.3

package/lib/browser/{index.5e2629c5.js → index-6a_qPbnw.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as y, resolveDynamicComponent as _, mergeProps as C, toHandlers as P, withCtx as B, renderSlot as x, resolveComponent as k, createTextVNode as it, toDisplayString as Y, defineAsyncComponent as K, createVNode as V, renderList as O, createCommentVNode as S, h as Te, createElementVNode as Z, normalizeStyle as ee, normalizeClass as Re, markRaw as at } from "vue";
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as I, createBlock as g, resolveDynamicComponent as D, mergeProps as C, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as it, toDisplayString as _, defineAsyncComponent as q, createVNode as V, renderList as O, createCommentVNode as v, h as Te, createElementVNode as Z, normalizeStyle as ee, normalizeClass as Re, markRaw as at } from "vue";
 const lt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ct = (e) => typeof e == "string" && lt.has(e.toLowerCase());
 function F(e = {}, t, n) {
   const o = {};
@@ -17,32 +17,32 @@ const dt = f({
   data() {
     return { isEmptyElement: ct };
   }
-}), b = (e, t) => {
+}), y = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
     n[o] = s;
   return n;
 };
 function ut(e, t, n, o, s, r) {
-  return e.isEmptyElement(e.TagName) ? (u(), y(_(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
-    typeof e.TagName == "string" ? (u(), y(_(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (u(), g(D(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (u(), g(D(e.TagName), C({ key: 0 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
-        x(e.$slots, "default")
+        P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (u(), y(_(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
+    }, 16)) : (u(), g(D(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
-        x(e.$slots, "default")
+        P(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const se = /* @__PURE__ */ b(dt, [["render", ut], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]), zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const se = /* @__PURE__ */ y(dt, [["render", ut]]), qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: se
-}, Symbol.toStringTag, { value: "Module" })), E = "vue", re = () => {
-  switch (E) {
+}, Symbol.toStringTag, { value: "Module" })), A = "vue", re = () => {
+  switch (A) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -69,7 +69,7 @@ const se = /* @__PURE__ */ b(dt, [["render", ut], ["__file", "/home/runner/work/
 });
 function mt(e, t, n, o, s, r) {
   const i = k("dynamic-renderer");
-  return u(), y(i, {
+  return u(), g(i, {
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     attributes: {
       ...e.filterAttrs(e.attributes, "v-on:", !1),
@@ -85,12 +85,12 @@ function mt(e, t, n, o, s, r) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: B(() => [
-      it(Y(e.text), 1)
+      it(_(e.text), 1)
     ]),
     _: 1
   }, 8, ["TagName", "attributes", "actionAttributes"]);
 }
-const ht = /* @__PURE__ */ b(pt, [["render", mt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), ft = Symbol(), te = {
+const ht = /* @__PURE__ */ y(pt, [["render", mt]]), ft = Symbol(), te = {
   Builder: {
     content: null,
     context: {},
@@ -115,14 +115,17 @@ function gt(e) {
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options,
+    /**
+     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
+     */
     builderBlock: e
   };
 }
-const q = "[Builder.io]: ", I = {
-  log: (...e) => console.log(q, ...e),
-  error: (...e) => console.error(q, ...e),
-  warn: (...e) => console.warn(q, ...e),
-  debug: (...e) => console.debug(q, ...e)
+const z = "[Builder.io]: ", $ = {
+  log: (...e) => console.log(z, ...e),
+  error: (...e) => console.error(z, ...e),
+  warn: (...e) => console.warn(z, ...e),
+  debug: (...e) => console.debug(z, ...e)
 };
 function w() {
   return typeof window < "u" && typeof document < "u";
@@ -131,7 +134,7 @@ function yt() {
   return w() && window.self !== window.top;
 }
 function T() {
-  return yt() && (E === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+  return yt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const kt = () => {
   if (w()) {
@@ -139,8 +142,8 @@ const kt = () => {
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, vt = () => typeof navigator == "object" && navigator.userAgent || "", Pe = () => {
-  const e = vt(), t = {
+}, St = () => typeof navigator == "object" && navigator.userAgent || "", Pe = () => {
+  const e = St(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -157,7 +160,7 @@ const kt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = kt();
   return {
@@ -165,7 +168,7 @@ const kt = () => {
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, St = ({
+}, vt = ({
   builder: e,
   context: t,
   event: n,
@@ -173,6 +176,7 @@ const kt = () => {
 }) => Object.entries({
   state: o,
   Builder: e,
+  // legacy
   builder: e,
   context: t,
   event: n
@@ -183,7 +187,7 @@ const kt = () => {
   getUserAttributes: () => Pe()
 }), wt = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
   code: e,
   builder: t,
   context: n,
@@ -192,11 +196,11 @@ const kt = () => {
   rootSetState: r,
   rootState: i
 }) => {
-  const a = St({
+  const a = vt({
     builder: t,
     context: n,
     event: o,
-    state: xe({
+    state: Ae({
       rootState: i,
       localState: s,
       rootSetState: r
@@ -204,7 +208,7 @@ const kt = () => {
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function xe({
+function Ae({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -214,7 +218,7 @@ function xe({
       if (t && s in t)
         return t[s];
       const r = o[s];
-      return typeof r == "object" ? xe({
+      return typeof r == "object" ? Ae({
         rootState: r,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -230,18 +234,18 @@ function xe({
   });
 }
 const N = (e) => e != null;
-function $t() {
+function It() {
   var e;
   return typeof process < "u" && N((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const It = () => {
+const $t = () => {
   var o;
-  if (!$t())
+  if (!It())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
-  return e && t && !n ? (I.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Tt = (e) => (w() || It(), fe(e));
-function G({
+  return e && t && !n ? ($.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+}, Tt = (e) => (w() || $t(), fe(e));
+function Y({
   code: e,
   context: t,
   localState: n,
@@ -251,7 +255,7 @@ function G({
   isExpression: i = !0
 }) {
   if (e === "") {
-    I.warn("Skipping evaluation of empty code block.");
+    $.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
@@ -268,13 +272,13 @@ function G({
   try {
     return Tt(a);
   } catch (l) {
-    I.error("Failed code evaluation: " + l.message, {
+    $.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
   }
 }
-const H = (e) => JSON.parse(JSON.stringify(e)), Ae = (e, t, n) => {
+const j = (e) => JSON.parse(JSON.stringify(e)), xe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -289,7 +293,7 @@ const Rt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = H(e), i = {
+  const r = j(e), i = {
     ...r,
     properties: {
       ...r.properties
@@ -299,14 +303,14 @@ const Rt = ({
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = G({
+    const l = e.bindings[a], d = Y({
       code: l,
       localState: n,
       rootState: o,
       rootSetState: s,
       context: t
     });
-    Ae(i, a, c);
+    xe(i, a, d);
   }
   return i;
 };
@@ -331,7 +335,7 @@ const Et = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
   if (typeof o == "string")
     return `${Et(n)}: ${o};`;
 }).filter(N), Pt = (e) => Be(e).join(`
-`), Js = ({
+`), zs = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -343,21 +347,21 @@ const Et = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
       ${o}
     }` : o;
 };
-function xt({
+function At({
   style: e
 }) {
   return e;
 }
-const Gs = ({
+const Js = ({
   block: e,
   context: t
-}) => We(xt({
+}) => We(At({
   style: e.style || {},
   context: t,
   block: e
 }));
 function We(e) {
-  switch (E) {
+  switch (A) {
     case "svelte":
     case "vue":
     case "solid":
@@ -369,16 +373,16 @@ function We(e) {
       return e;
   }
 }
-function At(e, t, n = {}) {
+function xt(e, t, n = {}) {
   let o, s, r, i = null, a = 0;
   const l = function() {
     a = n.leading === !1 ? 0 : Date.now(), i = null, r = e.apply(o, s), i || (o = s = null);
   };
   return function() {
-    const c = Date.now();
-    !a && n.leading === !1 && (a = c);
-    const p = t - (c - a);
-    return o = this, s = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), a = c, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, p)), r;
+    const d = Date.now();
+    !a && n.leading === !1 && (a = d);
+    const m = t - (d - a);
+    return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = d, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
   };
 }
 function U(e, ...t) {
@@ -472,18 +476,18 @@ function Nt(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !s && !a(n) && (o = !1, U(n.style, e.steps[0].styles));
     }
-    const i = At(r, 200, {
+    const i = xt(r, 200, {
       leading: !1
     });
-    function a(p) {
-      const d = p.getBoundingClientRect(), m = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * m;
-      return d.bottom > g && d.top < m - g;
+    function a(m) {
+      const c = m.getBoundingClientRect(), p = window.innerHeight, b = (e.thresholdPercent || 0) / 100 * p;
+      return c.bottom > b && c.top < p - b;
     }
     const l = e.steps[0].styles;
-    function c() {
+    function d() {
       U(n.style, l);
     }
-    c(), setTimeout(() => {
+    d(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ie(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
@@ -523,7 +527,7 @@ const Ft = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = G({
+  const s = Y({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -533,46 +537,46 @@ const Ft = ({
   if (!Array.isArray(s))
     return;
   const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((l, c) => ({
+  return s.map((l, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
+        $index: d,
         $item: l,
         [i]: l,
-        [`$${i}Index`]: c
+        [`$${i}Index`]: d
       }
     },
     block: o
   }));
-}, Ot = () => import("./block-styles.234c76cc.js").then((e) => e.default).catch((e) => {
+}, Ot = () => import("./block-styles-jDSz7IPu.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Mt = () => import("./block-wrapper.87efb259.js").then((e) => e.default).catch((e) => {
+}), Mt = () => import("./block-wrapper-i3S3k3_c.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;
-}), Lt = () => import("./component-ref.3863762f.js").then((e) => e.default).catch((e) => {
+}), Lt = () => import("./component-ref-YzJX0Oul.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;
-}), _t = () => import("./repeated-block.83b91a53.js").then((e) => e.default).catch((e) => {
+}), Dt = () => import("./repeated-block-hRYVKXrX.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;
-}), Dt = f({
+}), Ht = f({
   name: "block",
   components: {
-    BlockStyles: K(Ot),
-    ComponentRef: K(Lt),
-    RepeatedBlock: K(_t),
-    BlockWrapper: K(Mt)
+    BlockStyles: q(Ot),
+    ComponentRef: q(Lt),
+    RepeatedBlock: q(Dt),
+    BlockWrapper: q(Mt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -624,21 +628,21 @@ const Ft = ({
       return ("show" in this.processedBlock ? this.processedBlock.show : !0) && !e;
     },
     childrenWithoutParentComponent() {
-      var t, n;
-      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
+      var t;
+      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? this.processedBlock.children ?? [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, s, r, i, a, l, c, p;
+      var e, t, n, o, s, r, i, a, l, d;
       return {
-        blockChildren: (e = this.processedBlock.children) != null ? e : [],
-        componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
+        blockChildren: this.processedBlock.children ?? [],
+        componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
           ...gt(this.processedBlock),
           builderContext: this.context,
-          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Core:Button" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Symbol" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Columns" || ((r = this.blockComponent) == null ? void 0 : r.name) === "Form:Form" ? {
+          ...((t = this.blockComponent) == null ? void 0 : t.name) === "Core:Button" || ((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Form:Form" ? {
             builderLinkComponent: this.linkComponent
           } : {},
-          ...((i = this.blockComponent) == null ? void 0 : i.name) === "Symbol" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Columns" || ((l = this.blockComponent) == null ? void 0 : l.name) === "Form:Form" ? {
+          ...((r = this.blockComponent) == null ? void 0 : r.name) === "Symbol" || ((i = this.blockComponent) == null ? void 0 : i.name) === "Columns" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Form:Form" ? {
             builderComponents: this.registeredComponents
           } : {}
         },
@@ -646,21 +650,21 @@ const Ft = ({
         linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((c = this.blockComponent) == null ? void 0 : c.noWrap) === !0,
-        isInteractive: !((p = this.blockComponent) != null && p.isRSC)
+        includeBlockProps: ((l = this.blockComponent) == null ? void 0 : l.noWrap) === !0,
+        isInteractive: !((d = this.blockComponent) != null && d.isRSC)
       };
     }
   }
 });
-function Ht(e, t, n, o, s, r) {
-  var d;
-  const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), c = k("block-wrapper"), p = k("repeated-block");
-  return e.canShowBlock ? (u(), h($, { key: 0 }, [
+function jt(e, t, n, o, s, r) {
+  var c;
+  const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), d = k("block-wrapper"), m = k("repeated-block");
+  return e.canShowBlock ? (u(), h(I, { key: 0 }, [
     V(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (d = e.blockComponent) != null && d.noWrap ? (u(), y(a, {
+    (c = e.blockComponent) != null && c.noWrap ? (u(), g(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -671,14 +675,14 @@ function Ht(e, t, n, o, s, r) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h($, { key: 0 }, [
-      e.repeatItem ? (u(!0), h($, { key: 1 }, O(e.repeatItem, (m, v) => (u(), y(p, {
-        key: v,
-        repeatContext: m.context,
-        block: m.block,
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h(I, { key: 0 }, [
+      e.repeatItem ? (u(!0), h(I, { key: 1 }, O(e.repeatItem, (p, S) => (u(), g(m, {
+        key: S,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), y(c, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), g(d, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -697,9 +701,9 @@ function Ht(e, t, n, o, s, r) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (u(!0), h($, null, O(e.childrenWithoutParentComponent, (m, v) => (u(), y(l, {
-            key: m.id,
-            block: m,
+          (u(!0), h(I, null, O(e.childrenWithoutParentComponent, (p, S) => (u(), g(l, {
+            key: p.id,
+            block: p,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent
@@ -708,12 +712,12 @@ function Ht(e, t, n, o, s, r) {
         _: 1
       }, 8, ["Wrapper", "block", "context", "linkComponent"]))
     ], 64))
-  ], 64)) : S("v-if", !0);
+  ], 64)) : v("", !0);
 }
-const ce = /* @__PURE__ */ b(Dt, [["render", Ht], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ce = /* @__PURE__ */ y(Ht, [["render", jt]]), Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ce
-}, Symbol.toStringTag, { value: "Module" })), jt = f({
+}, Symbol.toStringTag, { value: "Module" })), Kt = f({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -758,8 +762,8 @@ const ce = /* @__PURE__ */ b(Dt, [["render", Ht], ["__file", "/home/runner/work/
     }
   }
 });
-function Kt(e, t, n, o, s, r) {
-  return u(), y(_(e.BlocksWrapper), C({
+function qt(e, t, n, o, s, r) {
+  return u(), g(D(e.BlocksWrapper), C({
     class: e.className + " component-b1turyjjkok",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -769,14 +773,14 @@ function Kt(e, t, n, o, s, r) {
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: B(() => [
-      x(e.$slots, "default", {}, void 0, !0)
+      P(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const qt = /* @__PURE__ */ b(jt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), zt = f({
+const zt = /* @__PURE__ */ y(Kt, [["render", qt], ["__scopeId", "data-v-3403e3cb"]]), Jt = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: qt, Block: ce },
+  components: { BlocksWrapper: zt, Block: ce },
   props: [
     "blocks",
     "parent",
@@ -791,36 +795,36 @@ const qt = /* @__PURE__ */ b(jt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f
     componentsContext: Ee.key
   }
 });
-function Jt(e, t, n, o, s, r) {
-  var l, c;
+function Gt(e, t, n, o, s, r) {
+  var l, d;
   const i = k("block"), a = k("blocks-wrapper");
-  return u(), y(a, {
+  return u(), g(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
     BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
-    BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
+    BlocksWrapperProps: (d = e.context) == null ? void 0 : d.BlocksWrapperProps
   }, {
     default: B(() => [
-      e.blocks ? (u(!0), h($, { key: 0 }, O(e.blocks, (p, d) => (u(), y(i, {
-        key: p.id,
-        block: p,
+      e.blocks ? (u(!0), h(I, { key: 0 }, O(e.blocks, (m, c) => (u(), g(i, {
+        key: m.id,
+        block: m,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("v-if", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : v("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const j = /* @__PURE__ */ b(zt, [["render", Jt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), Gt = f({
+const K = /* @__PURE__ */ y(Jt, [["render", Gt]]), de = f({
   render() {
     return Te("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), de = /* @__PURE__ */ b(Gt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), Fe = {
+}), Fe = {
   small: {
     min: 320,
     default: 321,
@@ -836,11 +840,11 @@ const j = /* @__PURE__ */ b(zt, [["render", Jt], ["__file", "/home/runner/work/b
     default: 991,
     max: 1200
   }
-}, Qs = (e, t = Fe) => `@media (max-width: ${t[e].max}px)`, Yt = ({
+}, Ys = (e, t = Fe) => `@media (max-width: ${t[e].max}px)`, Yt = ({
   small: e,
   medium: t
 }) => {
-  const n = H(Fe);
+  const n = j(Fe);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -858,18 +862,18 @@ const j = /* @__PURE__ */ b(zt, [["render", Jt], ["__file", "/home/runner/work/b
   const r = n.medium.max + 1;
   return n.large = {
     max: 2e3,
+    // TODO: decide upper limit
     min: r,
     default: r + 1
   }, n;
-}, Qt = f({
+}, _t = f({
   name: "builder-columns",
   components: {
     InlinedStyles: de,
     DynamicRenderer: se,
-    Blocks: j
+    Blocks: K
   },
   props: [
-    "js",
     "space",
     "columns",
     "stackColumnsAt",
@@ -885,7 +889,7 @@ const j = /* @__PURE__ */ b(zt, [["render", Jt], ["__file", "/home/runner/work/b
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: E,
+      TARGET: A,
       getClassPropName: re,
       mapStyleObjToStrIfNeeded: We
     };
@@ -985,31 +989,31 @@ const j = /* @__PURE__ */ b(zt, [["render", Jt], ["__file", "/home/runner/work/b
     }
   }
 });
-function Xt(e, t, n, o, s, r) {
+function Qt(e, t, n, o, s, r) {
   const i = k("inlined-styles"), a = k("blocks"), l = k("dynamic-renderer");
   return u(), h("div", C({
     class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (u(), y(i, {
+    e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : S("v-if", !0),
-    (u(!0), h($, null, O(e.columns, (c, p) => (u(), y(l, {
-      key: p,
-      TagName: c.link ? e.builderLinkComponent || "a" : "div",
+    }, null, 8, ["styles"])) : v("", !0),
+    (u(!0), h(I, null, O(e.columns, (d, m) => (u(), g(l, {
+      key: m,
+      TagName: d.link ? e.builderLinkComponent || "a" : "div",
       actionAttributes: {},
       attributes: {
-        ...c.link ? {
-          href: c.link
+        ...d.link ? {
+          href: d.link
         } : {},
         [e.getClassPropName()]: "builder-column",
-        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(p))
+        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(m))
       }
     }, {
       default: B(() => [
         V(a, {
-          path: `component.options.columns.${p}.blocks`,
+          path: `component.options.columns.${m}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1017,31 +1021,31 @@ function Xt(e, t, n, o, s, r) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: c.blocks
+          blocks: d.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Zt = /* @__PURE__ */ b(Qt, [["render", Xt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), en = f({
+const Xt = /* @__PURE__ */ y(_t, [["render", Qt], ["__scopeId", "data-v-3a12caec"]]), Zt = f({
   name: "builder-fragment-component",
   props: []
 });
-function tn(e, t, n, o, s, r) {
+function en(e, t, n, o, s, r) {
   return u(), h("span", null, [
-    x(e.$slots, "default")
+    P(e.$slots, "default")
   ]);
 }
-const nn = /* @__PURE__ */ b(en, [["render", tn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
+const tn = /* @__PURE__ */ y(Zt, [["render", en]]);
 function be(e) {
   return e.replace(/http(s)?:/, "");
 }
-function on(e = "", t, n) {
+function nn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function sn(e, t) {
+function on(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1060,11 +1064,11 @@ function X(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${on(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${nn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [sn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [on(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const rn = f({
+const sn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1084,9 +1088,11 @@ const rn = f({
     srcSetToUse() {
       var n;
       const t = this.image || this.src;
-      if (!t || !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
+      if (!t || // We can auto add srcset for cdn.builder.io and shopify
+      // images, otherwise you can supply this prop manually
+      !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
         return this.srcset;
-      if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
+      if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
           return console.debug("Removed given srcset"), X(t);
       } else if (this.image && !this.srcset)
@@ -1095,7 +1101,7 @@ const rn = f({
     },
     webpSrcSet() {
       var e;
-      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+      return (e = this.srcSetToUse) != null && e.match(/builder\.io/) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
     },
     aspectRatioCss() {
       const e = {
@@ -1108,20 +1114,19 @@ const rn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-});
-const an = ["srcset"], ln = ["alt", "role", "src", "srcset", "sizes"], cn = {
+}), rn = ["srcset"], an = ["alt", "role", "src", "srcset", "sizes"], ln = {
   key: 2,
   class: "div-4wbls88y960-2"
 };
-function dn(e, t, n, o, s, r) {
-  var i, a, l, c;
-  return u(), h($, null, [
+function cn(e, t, n, o, s, r) {
+  var i, a, l, d;
+  return u(), h(I, null, [
     Z("picture", null, [
       e.webpSrcSet ? (u(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, an)) : S("v-if", !0),
+      }, null, 8, rn)) : v("", !0),
       Z("img", {
         loading: "lazy",
         alt: e.altText,
@@ -1137,29 +1142,29 @@ function dn(e, t, n, o, s, r) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, ln)
+      }, null, 14, an)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (u(), h("div", {
+    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
       key: 0,
       class: "builder-image-sizer div-4wbls88y960",
       style: ee({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : S("v-if", !0),
-    !e.fitContent && e.$slots.default ? (u(), h("div", cn, [
-      x(e.$slots, "default", {}, void 0, !0)
-    ])) : S("v-if", !0)
+    }, null, 4)) : v("", !0),
+    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && e.$slots.default ? (u(), h("div", ln, [
+      P(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const un = /* @__PURE__ */ b(rn, [["render", dn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), pn = f({
+const dn = /* @__PURE__ */ y(sn, [["render", cn], ["__scopeId", "data-v-4ab1cc9f"]]), un = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: F };
   }
 });
-function mn(e, t, n, o, s, r) {
+function pn(e, t, n, o, s, r) {
   return u(), h("section", C({
     style: {
       width: "100%",
@@ -1173,11 +1178,11 @@ function mn(e, t, n, o, s, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    P(e.$slots, "default")
   ], 16);
 }
-const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), fn = (e) => {
+const mn = /* @__PURE__ */ y(un, [["render", pn]]), hn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1190,16 +1195,16 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    I.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    $.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Oe = async (e) => Ue(e), bn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(N).join("; "), gn = [["secure", ""], ["SameSite", "None"]], yn = ({
+}, Oe = async (e) => Ue(e), fn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(N).join("; "), bn = [["secure", ""], ["SameSite", "None"]], gn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (w() ? location.protocol === "https:" : !0) ? gn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", fn(window.location.hostname)], ...s];
-  return bn(i);
+  const s = (w() ? location.protocol === "https:" : !0) ? bn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", hn(window.location.hostname)], ...s];
+  return fn(i);
 }, Me = async ({
   name: e,
   value: t,
@@ -1209,16 +1214,16 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const s = yn({
+    const s = gn({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = s;
   } catch (s) {
-    I.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
+    $.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
-}, kn = "builder.tests", ue = (e) => `${kn}.${e}`, vn = ({
+}, yn = "builder.tests", ue = (e) => `${yn}.${e}`, kn = ({
   contentId: e
 }) => Oe({
   name: ue(e),
@@ -1228,14 +1233,14 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
 }) => Ue({
   name: ue(e),
   canTrack: !0
-}), Cn = ({
+}), vn = ({
   contentId: e,
   value: t
 }) => Me({
   name: ue(e),
   value: t,
   canTrack: !0
-}), Le = (e) => N(e.id) && N(e.variations) && Object.keys(e.variations).length > 0, wn = ({
+}), Le = (e) => N(e.id) && N(e.variations) && Object.keys(e.variations).length > 0, Cn = ({
   id: e,
   variations: t
 }) => {
@@ -1248,20 +1253,21 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
       return r;
   }
   return e;
-}, _e = (e) => {
-  const t = wn(e);
-  return Cn({
+}, De = (e) => {
+  const t = Cn(e);
+  return vn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    I.error("could not store A/B test variation: ", n);
+    $.error("could not store A/B test variation: ", n);
   }), t;
-}, De = ({
+}, He = ({
   item: e,
   testGroupId: t
 }) => {
   const n = e.variations[t];
-  return t === e.id || !n ? {
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
     testVariationId: e.id,
     testVariationName: "Default"
   } : {
@@ -1269,7 +1275,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, $n = ({
+}, wn = ({
   item: e,
   canTrack: t
 }) => {
@@ -1281,10 +1287,10 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     return e;
   const n = Sn({
     contentId: e.id
-  }) || _e({
+  }) || De({
     variations: e.variations,
     id: e.id
-  }), o = De({
+  }), o = He({
     item: e,
     testGroupId: n
   });
@@ -1298,12 +1304,12 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
 }) => {
   if (!t || !Le(e))
     return e;
-  const o = await vn({
+  const o = await kn({
     contentId: e.id
-  }) || _e({
+  }) || De({
     variations: e.variations,
     id: e.id
-  }), s = De({
+  }), s = He({
     item: e,
     testGroupId: o
   });
@@ -1311,10 +1317,11 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     ...e,
     ...s
   };
-}, D = (e) => N(e) ? e : !0, Tn = {
+}, H = (e) => N(e) ? e : !0, $n = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
+    // TODO: make min width more intuitive and set one
     appearance: "none",
     paddingTop: "15px",
     paddingBottom: "15px",
@@ -1343,7 +1350,8 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
-}, Rn = {
+}, Tn = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1521,7 +1529,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((s) => s.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((s) => s.get("width")) && (n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1543,13 +1551,13 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, En = {
+}, Rn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Pn = {
+}, En = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1570,15 +1578,15 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
-        return new Promise((l, c) => {
-          const p = document.createElement("img");
-          let d = !1;
-          p.onload = () => {
-            d = !0, l(p);
-          }, p.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), c(m.error);
-          }), p.src = i, setTimeout(() => {
-            d || c(new Error("Image load timed out"));
+        return new Promise((l, d) => {
+          const m = document.createElement("img");
+          let c = !1;
+          m.onload = () => {
+            c = !0, l(m);
+          }, m.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), d(p.error);
+          }), m.src = i, setTimeout(() => {
+            c || d(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1649,7 +1657,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, xn = {
+}, Pn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1694,19 +1702,20 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
   docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
   image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
   inputs: [{
     name: "name",
     type: "string",
     required: !0,
     defaultValue: "children"
   }]
-}, Vn = f({
+}, xn = f({
   name: "builder-slot",
-  components: { Blocks: j },
+  components: { Blocks: K },
   props: ["js", "builderContext", "name"]
 });
-function Bn(e, t, n, o, s, r) {
-  var a, l, c;
+function Vn(e, t, n, o, s, r) {
+  var a, l, d;
   const i = k("blocks");
   return u(), h("div", C(
     { style: {
@@ -1720,11 +1729,11 @@ function Bn(e, t, n, o, s, r) {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
+      blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Wn = /* @__PURE__ */ b(Vn, [["render", Bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/slot/slot.vue"]]), Nn = {
+const Bn = /* @__PURE__ */ y(xn, [["render", Vn]]), Wn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1757,7 +1766,7 @@ const Wn = /* @__PURE__ */ b(Vn, [["render", Bn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Fn = {
+}, Nn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1775,11 +1784,11 @@ const Wn = /* @__PURE__ */ b(Vn, [["render", Bn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, Un = f({
+}, Fn = f({
   name: "builder-text",
   props: ["text"]
-}), On = ["innerHTML"];
-function Mn(e, t, n, o, s, r) {
+}), Un = ["innerHTML"];
+function On(e, t, n, o, s, r) {
   var i;
   return u(), h("div", {
     class: "builder-text",
@@ -1787,9 +1796,9 @@ function Mn(e, t, n, o, s, r) {
     style: {
       outline: "none"
     }
-  }, null, 8, On);
+  }, null, 8, Un);
 }
-const Ln = /* @__PURE__ */ b(Un, [["render", Mn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), _n = {
+const Mn = /* @__PURE__ */ y(Fn, [["render", On]]), Ln = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1853,7 +1862,7 @@ function jn(e, t, n, o, s, r) {
     innerHTML: e.code
   }, null, 10, Hn);
 }
-const Kn = /* @__PURE__ */ b(Dn, [["render", jn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), qn = {
+const Kn = /* @__PURE__ */ y(Dn, [["render", jn]]), qn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1921,15 +1930,16 @@ const Kn = /* @__PURE__ */ b(Dn, [["render", jn], ["__file", "/home/runner/work/
     }
   }
 }), Yn = ["innerHTML"];
-function Qn(e, t, n, o, s, r) {
+function _n(e, t, n, o, s, r) {
   return u(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
   }, null, 8, Yn);
 }
-const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), Zn = {
+const Qn = /* @__PURE__ */ y(Gn, [["render", _n]]), Xn = {
   name: "Form:Form",
+  // editableTags: ['builder-form-error']
   defaults: {
     responsiveStyles: {
       large: {
@@ -1942,6 +1952,11 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
   inputs: [{
     name: "sendSubmissionsTo",
     type: "string",
+    // TODO: save to builder data and user can download as csv
+    // TODO: easy for mode too or computed add/remove fields form mode
+    // so you can edit details and high level mode at same time...
+    // Later - more integrations like mailchimp
+    // /api/v1/form-submit?to=mailchimp
     enum: [{
       label: "Send to email",
       value: "email",
@@ -1956,6 +1971,7 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
     name: "sendSubmissionsToEmail",
     type: "string",
     required: !0,
+    // TODO: required: () => options.get("sendSubmissionsTo") === "email"
     defaultValue: "your@email.com",
     showIf: 'options.get("sendSubmissionsTo") === "email"'
   }, {
@@ -1968,6 +1984,7 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
     name: "name",
     type: "string",
     defaultValue: "My form"
+    // advanced: true
   }, {
     name: "action",
     type: "string",
@@ -1978,6 +1995,7 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
     type: "string",
     defaultValue: "application/json",
     advanced: !0,
+    // TODO: do automatically if file input
     enum: ["application/json", "multipart/form-data", "application/x-www-form-urlencoded"],
     showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
   }, {
@@ -1989,6 +2007,7 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
   }, {
     name: "previewState",
     type: "string",
+    // TODO: persist: false flag
     enum: ["unsubmitted", "sending", "success", "error"],
     defaultValue: "unsubmitted",
     helperText: 'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',
@@ -2149,15 +2168,15 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, eo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], to = () => {
+}, Zn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], eo = () => {
   const e = process.env.NODE_ENV || "production";
-  return eo.includes(e) ? e : "production";
-}, no = (e, t, n) => {
+  return Zn.includes(e) ? e : "production";
+}, to = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((s, r) => s != null ? s[r] : s, e);
   return o === void 0 || o === e ? n : o;
-}, oo = f({
+}, no = f({
   name: "builder-form-component",
-  components: { Block: ce, Blocks: j },
+  components: { Block: ce, Blocks: K },
   props: [
     "js",
     "builderContext",
@@ -2217,112 +2236,111 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn], ["__file", "/home/runner/work/
         let r;
         const i = new FormData(o), a = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
-        ).filter((d) => !!d.name).map((d) => {
-          let m;
-          const v = d.name;
-          if (d instanceof HTMLInputElement)
-            if (d.type === "radio") {
-              if (d.checked)
-                return m = d.name, {
-                  key: v,
-                  value: m
+        ).filter((c) => !!c.name).map((c) => {
+          let p;
+          const S = c.name;
+          if (c instanceof HTMLInputElement)
+            if (c.type === "radio") {
+              if (c.checked)
+                return p = c.name, {
+                  key: S,
+                  value: p
                 };
-            } else if (d.type === "checkbox")
-              m = d.checked;
-            else if (d.type === "number" || d.type === "range") {
-              const g = d.valueAsNumber;
-              isNaN(g) || (m = g);
+            } else if (c.type === "checkbox")
+              p = c.checked;
+            else if (c.type === "number" || c.type === "range") {
+              const b = c.valueAsNumber;
+              isNaN(b) || (p = b);
             } else
-              d.type === "file" ? m = d.files : m = d.value;
+              c.type === "file" ? p = c.files : p = c.value;
           else
-            m = d.value;
+            p = c.value;
           return {
-            key: v,
-            value: m
+            key: S,
+            value: p
           };
         });
         let l = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: d }) => {
-          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (l = "multipart/form-data");
+        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
         }), l !== "application/json")
           r = i;
         else {
-          const d = {};
-          Array.from(a).forEach(({ value: m, key: v }) => {
-            Ae(d, v, m);
-          }), r = JSON.stringify(d);
+          const c = {};
+          Array.from(a).forEach(({ value: p, key: S }) => {
+            xe(c, S, p);
+          }), r = JSON.stringify(c);
         }
-        l && l !== "multipart/form-data" && (t && ((n = this.action) == null ? void 0 : n.includes("zapier.com")) || (s["content-type"] = l));
-        const c = new CustomEvent("presubmit", {
+        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (s["content-type"] = l));
+        const d = new CustomEvent("presubmit", {
           detail: {
             body: r
           }
         });
-        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(c), c.defaultPrevented))
+        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
           return;
         this.formState = "sending";
-        const p = `${to() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${eo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
-          this.sendSubmissionsTo === "email" ? p : this.action,
+          this.sendSubmissionsTo === "email" ? m : this.action,
           {
             body: r,
             headers: s,
             method: this.method || "post"
           }
         ).then(
-          async (d) => {
-            let m;
-            const v = d.headers.get("content-type");
-            if (v && v.indexOf("application/json") !== -1 ? m = await d.json() : m = await d.text(), !d.ok && this.errorMessagePath) {
-              let g = no(m, this.errorMessagePath);
-              g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
-                formErrorMessage: g
+          async (c) => {
+            let p;
+            const S = c.headers.get("content-type");
+            if (S && S.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
+              let b = to(p, this.errorMessagePath);
+              b && (typeof b != "string" && (b = JSON.stringify(b)), this.formErrorMessage = b, this.mergeNewRootState({
+                formErrorMessage: b
               }));
             }
-            if (this.responseData = m, this.formState = d.ok ? "success" : "error", d.ok) {
-              const g = new CustomEvent("submit:success", {
+            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+              const b = new CustomEvent("submit:success", {
                 detail: {
-                  res: d,
-                  body: m
+                  res: c,
+                  body: p
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(g), g.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(b), b.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const A = new CustomEvent("route", {
+                  const x = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(A), A.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(x), x.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
           },
-          (d) => {
-            const m = new CustomEvent("submit:error", {
+          (c) => {
+            const p = new CustomEvent("submit:error", {
               detail: {
-                error: d
+                error: c
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(m), m.defaultPrevented) || (this.responseData = d, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
           }
         );
       }
     }
   }
-});
-const so = ["validate", "action", "method", "name"], ro = {
+}), oo = ["validate", "action", "method", "name"], so = {
   key: 3,
   class: "builder-form-error-text pre-tqyw9m0iue"
 };
-function io(e, t, n, o, s, r) {
+function ro(e, t, n, o, s, r) {
   var l;
   const i = k("block"), a = k("blocks");
   return u(), h("form", C({
@@ -2331,38 +2349,38 @@ function io(e, t, n, o, s, r) {
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = (c) => e.onSubmit(c))
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, O((l = e.builderBlock) == null ? void 0 : l.children, (c, p) => (u(), y(i, {
+    onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (u(!0), h(I, { key: 0 }, O((l = e.builderBlock) == null ? void 0 : l.children, (d, m) => (u(), g(i, {
       key: `form-block-${e.idx}`,
-      block: c,
+      block: d,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("v-if", !0),
-    e.submissionState() === "error" ? (u(), y(a, {
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
+    e.submissionState() === "error" ? (u(), g(a, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("v-if", !0),
-    e.submissionState() === "sending" ? (u(), y(a, {
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "sending" ? (u(), g(a, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("v-if", !0),
-    e.submissionState() === "error" && e.responseData ? (u(), h("pre", ro, "         " + Y(JSON.stringify(e.responseData, null, 2)) + `
-       `, 1)) : S("v-if", !0),
-    e.submissionState() === "success" ? (u(), y(a, {
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (u(), h("pre", so, "         " + _(JSON.stringify(e.responseData, null, 2)) + `
+       `, 1)) : v("", !0),
+    e.submissionState() === "success" ? (u(), g(a, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("v-if", !0)
-  ], 16, so);
+    }, null, 8, ["blocks", "context"])) : v("", !0)
+  ], 16, oo);
 }
-const ao = /* @__PURE__ */ b(oo, [["render", io], ["__scopeId", "data-v-fac74b80"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/form/form.vue"]]), lo = {
+const io = /* @__PURE__ */ y(no, [["render", ro], ["__scopeId", "data-v-e7803f50"]]), ao = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2384,6 +2402,7 @@ const ao = /* @__PURE__ */ b(oo, [["render", io], ["__scopeId", "data-v-fac74b80
       defaultValue: "Hello there",
       helperText: "Text to display when there is no value"
     },
+    // TODO: handle value vs default value automatically like ng-model
     {
       name: "defaultValue",
       type: "string"
@@ -2412,7 +2431,7 @@ const ao = /* @__PURE__ */ b(oo, [["render", io], ["__scopeId", "data-v-fac74b80
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, co = f({
+}, lo = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2426,8 +2445,8 @@ const ao = /* @__PURE__ */ b(oo, [["render", io], ["__scopeId", "data-v-fac74b80
   data() {
     return { isEditing: T, filterAttrs: F };
   }
-}), uo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function po(e, t, n, o, s, r) {
+}), co = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function uo(e, t, n, o, s, r) {
   return u(), h("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -2436,9 +2455,9 @@ function po(e, t, n, o, s, r) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, uo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, co);
 }
-const mo = /* @__PURE__ */ b(co, [["render", po], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/input/input.vue"]]), ho = {
+const po = /* @__PURE__ */ y(lo, [["render", uo]]), mo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2480,27 +2499,27 @@ const mo = /* @__PURE__ */ b(co, [["render", po], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
-}, fo = f({
+}, ho = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
     return { isEditing: T, filterAttrs: F };
   }
-}), bo = ["value", "defaultValue", "name"], go = ["value"];
-function yo(e, t, n, o, s, r) {
+}), fo = ["value", "defaultValue", "name"], bo = ["value"];
+function go(e, t, n, o, s, r) {
   return u(), h("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (u(!0), h($, null, O(e.options, (i, a) => (u(), h("option", {
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (u(!0), h(I, null, O(e.options, (i, a) => (u(), h("option", {
       key: a,
       value: i.value
-    }, Y(i.name || i.value), 9, go))), 128))
-  ], 16, bo);
+    }, _(i.name || i.value), 9, bo))), 128))
+  ], 16, fo);
 }
-const ko = /* @__PURE__ */ b(fo, [["render", yo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/select/select.vue"]]), vo = {
+const yo = /* @__PURE__ */ y(ho, [["render", go]]), ko = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2521,6 +2540,10 @@ const ko = /* @__PURE__ */ b(fo, [["render", yo], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
+  // TODO: optional children? maybe as optional form input
+  // that only shows if advanced setting is flipped
+  // TODO: defaultChildren
+  // canHaveChildren: true,
 }, So = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
@@ -2528,10 +2551,11 @@ const ko = /* @__PURE__ */ b(fo, [["render", yo], ["__file", "/home/runner/work/
     return { filterAttrs: F };
   }
 });
-function Co(e, t, n, o, s, r) {
-  return u(), h("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), Y(e.text), 17);
+function vo(e, t, n, o, s, r) {
+  return u(), h("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), _(e.text), 17);
 }
-const wo = /* @__PURE__ */ b(So, [["render", Co], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/submit-button/submit-button.vue"]]), $o = {
+const Co = /* @__PURE__ */ y(So, [["render", vo]]), wo = {
+  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2557,8 +2581,8 @@ const wo = /* @__PURE__ */ b(So, [["render", Co], ["__file", "/home/runner/work/
   data() {
     return { isEditing: T, filterAttrs: F };
   }
-}), To = ["alt", "src"];
-function Ro(e, t, n, o, s, r) {
+}), $o = ["alt", "src"];
+function To(e, t, n, o, s, r) {
   return u(), h("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -2567,9 +2591,9 @@ function Ro(e, t, n, o, s, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, To);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, $o);
 }
-const Eo = /* @__PURE__ */ b(Io, [["render", Ro], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), Po = {
+const Ro = /* @__PURE__ */ y(Io, [["render", To]]), Eo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2650,7 +2674,7 @@ const Eo = /* @__PURE__ */ b(Io, [["render", Ro], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, xo = f({
+}, Po = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2697,14 +2721,14 @@ const Eo = /* @__PURE__ */ b(Io, [["render", Ro], ["__file", "/home/runner/work/
   }
 }), Ao = { style: {
   position: "relative"
-} }, Vo = ["preload", "src", "poster"], Bo = ["src"], Wo = {
+} }, xo = ["preload", "src", "poster"], Vo = ["src"], Bo = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, No = {
+}, Wo = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2718,8 +2742,8 @@ const Eo = /* @__PURE__ */ b(Io, [["render", Ro], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function Fo(e, t, n, o, s, r) {
-  var i, a, l, c, p, d, m;
+function No(e, t, n, o, s, r) {
+  var i, a, l, d, m, c, p;
   return u(), h("div", Ao, [
     Z("video", C({
       class: "builder-video",
@@ -2730,6 +2754,8 @@ function Fo(e, t, n, o, s, r) {
         ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
+        // Hack to get object fit to work as expected and
+        // not have the video overflow
         zIndex: 2,
         borderRadius: "1px",
         ...e.aspectRatio ? {
@@ -2739,13 +2765,13 @@ function Fo(e, t, n, o, s, r) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("v-if", !0) : (u(), h("source", {
+      e.lazyLoad ? v("", !0) : (u(), h("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, Bo))
-    ], 16, Vo),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (u(), h("div", {
+      }, null, 8, Vo))
+    ], 16, xo),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
       key: 0,
       style: ee({
         width: "100%",
@@ -2753,77 +2779,77 @@ function Fo(e, t, n, o, s, r) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : S("v-if", !0),
-    ((p = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : p.length) && e.fitContent ? (u(), h("div", Wo, [
-      x(e.$slots, "default")
-    ])) : S("v-if", !0),
-    ((m = (d = e.builderBlock) == null ? void 0 : d.children) == null ? void 0 : m.length) && !e.fitContent ? (u(), h("div", No, [
-      x(e.$slots, "default")
-    ])) : S("v-if", !0)
+    }, null, 4)) : v("", !0),
+    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", Bo, [
+      P(e.$slots, "default")
+    ])) : v("", !0),
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Wo, [
+      P(e.$slots, "default")
+    ])) : v("", !0)
   ]);
 }
-const Uo = /* @__PURE__ */ b(xo, [["render", Fo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), Oo = () => [{
+const Fo = /* @__PURE__ */ y(Po, [["render", No]]), Uo = () => [{
   component: Kn,
-  ..._n
+  ...Ln
 }, {
-  component: Xn,
+  component: Qn,
   ...qn
 }, {
-  component: ao,
-  ...Zn
+  component: io,
+  ...Xn
 }, {
-  component: mo,
-  ...lo
+  component: po,
+  ...ao
 }, {
-  component: wo,
-  ...vo
+  component: Co,
+  ...ko
 }, {
-  component: ko,
-  ...ho
+  component: yo,
+  ...mo
 }, {
-  component: Eo,
-  ...$o
+  component: Ro,
+  ...wo
 }, {
-  component: Uo,
-  ...Po
+  component: Fo,
+  ...Eo
 }], ge = () => [{
   component: ht,
+  ...$n
+}, {
+  component: Xt,
   ...Tn
 }, {
-  component: Zt,
+  component: tn,
   ...Rn
 }, {
-  component: nn,
+  component: dn,
   ...En
 }, {
-  component: un,
+  component: mn,
   ...Pn
 }, {
-  component: hn,
-  ...xn
-}, {
-  component: Wn,
+  component: Bn,
   ...An
 }, {
-  component: js,
-  ...Nn
+  component: Hs,
+  ...Wn
 }, {
-  component: Ln,
-  ...Fn
-}, ...Oo()], ye = [], Mo = (e) => ({
+  component: Mn,
+  ...Nn
+}, ...Uo()], ye = [], Oo = (e) => ({
   type: "builder.registerComponent",
   data: ne(e)
-}), Lo = (e) => {
+}), Mo = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, _o = (e) => typeof e == "function" ? Lo(e) : H(e), ne = ({
+}, Lo = (e) => typeof e == "function" ? Mo(e) : j(e), ne = ({
   inputs: e,
   ...t
 }) => ({
-  ...H(t),
+  ...j(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: _o(r)
+    [s]: Lo(r)
   }), {}))
 }), Do = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -2915,75 +2941,75 @@ const Uo = /* @__PURE__ */ b(xo, [["render", Fo], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, He = "builderIoAbTest", je = "builderIoRenderContent", z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, je = "builderIoAbTest", Ke = "builderIoRenderContent", J = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), jo = ({
   canTrack: e,
   content: t
-}) => !(!(z(t).length > 0) || !e), Ko = (e) => e === "react" || e === "reactNative", Ke = Ko(E), qo = () => `
-  window.${He} = ${Do}
-  window.${je} = ${Ho}
+}) => !(!(J(t).length > 0) || !e), Ko = (e) => e === "react" || e === "reactNative", qe = Ko(A), qo = () => `
+  window.${je} = ${Do}
+  window.${Ke} = ${Ho}
   `, zo = (e, t) => `
-  window.${He}(
-    "${t}",${JSON.stringify(e)}, ${Ke}
+  window.${je}(
+    "${t}",${JSON.stringify(e)}, ${qe}
   )`, Jo = ({
   contentId: e,
   variationId: t
-}) => `window.${je}(
-    "${t}", "${e}", ${Ke}
-  )`, Go = f({
+}) => `window.${Ke}(
+    "${t}", "${e}", ${qe}
+  )`, ze = f({
   render() {
     return Te("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), qe = /* @__PURE__ */ b(Go, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
-function Yo() {
+});
+function Go() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Qo() {
-  const e = Yo().fetch;
+function Yo() {
+  const e = Go().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 ze = Qo();
-function J(e, t = null, n = ".") {
+const Je = Yo();
+function G(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, s) => {
     const r = e[s], i = [t, s].filter(Boolean).join(n);
     return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...J(r, i, n)
+      ...G(r, i, n)
     } : {
       ...o,
       [i]: r
     };
   }, {});
 }
-const Xo = "v3", ke = "builder.", Zo = "options.", es = (e) => {
+const _o = "v3", ke = "builder.", Qo = "options.", Xo = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Je = (e) => {
+}, Ge = (e) => {
   if (!e)
     return {};
-  const t = Ge(e), n = {};
+  const t = Ye(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ke)) {
-      const s = o.replace(ke, "").replace(Zo, "");
+      const s = o.replace(ke, "").replace(Qo, "");
       n[s] = t[o];
     }
   }), n;
-}, ts = () => {
+}, Zo = () => {
   if (!w())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Je(e);
-}, Ge = (e) => e instanceof URLSearchParams ? es(e) : e, ve = (e) => typeof e == "number" && !isNaN(e) && e >= 0, pe = (e) => {
+  return Ge(e);
+}, Ye = (e) => e instanceof URLSearchParams ? Xo(e) : e, Se = (e) => typeof e == "number" && !isNaN(e) && e >= 0, pe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2995,57 +3021,57 @@ const Xo = "v3", ke = "builder.", Zo = "options.", es = (e) => {
     apiKey: i,
     includeRefs: a = !0,
     enrich: l,
-    locale: c,
-    apiVersion: p = Xo,
-    fields: d,
-    omit: m,
-    offset: v,
-    cacheSeconds: g,
-    staleCacheSeconds: A,
+    locale: d,
+    apiVersion: m = _o,
+    fields: c,
+    omit: p,
+    offset: S,
+    cacheSeconds: b,
+    staleCacheSeconds: x,
     sort: M,
     includeUnpublished: me
   } = e;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v3"].includes(p))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${p}'`);
+  if (!["v3"].includes(m))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${m}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const R = new URL(`https://cdn.builder.io/api/${p}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (R.searchParams.set("omit", m || "meta.componentsUsed"), d && R.searchParams.set("fields", d), Number.isFinite(v) && v > -1 && R.searchParams.set("offset", String(Math.floor(v))), typeof me == "boolean" && R.searchParams.set("includeUnpublished", String(me)), g && ve(g) && R.searchParams.set("cacheSeconds", String(g)), A && ve(A) && R.searchParams.set("staleCacheSeconds", String(A)), M) {
-    const W = J({
+  const R = new URL(`https://cdn.builder.io/api/${m}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${d ? `&locale=${d}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (R.searchParams.set("omit", p || "meta.componentsUsed"), c && R.searchParams.set("fields", c), Number.isFinite(S) && S > -1 && R.searchParams.set("offset", String(Math.floor(S))), typeof me == "boolean" && R.searchParams.set("includeUnpublished", String(me)), b && Se(b) && R.searchParams.set("cacheSeconds", String(b)), x && Se(x) && R.searchParams.set("staleCacheSeconds", String(x)), M) {
+    const W = G({
       sort: M
     });
     for (const L in W)
       R.searchParams.set(L, JSON.stringify(W[L]));
   }
   const rt = {
-    ...ts(),
-    ...Ge(e.options || {})
-  }, he = J(rt);
+    ...Zo(),
+    ...Ye(e.options || {})
+  }, he = G(rt);
   for (const W in he)
     R.searchParams.set(W, String(he[W]));
   if (o && R.searchParams.set("userAttributes", JSON.stringify(o)), s) {
-    const W = J({
+    const W = G({
       query: s
     });
     for (const L in W)
       R.searchParams.set(L, JSON.stringify(W[L]));
   }
   return R;
-}, ns = (e) => "results" in e;
+}, es = (e) => "results" in e;
 async function Q(e) {
-  const t = await Ye({
+  const t = await _e({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Xs = Q, os = async (e) => {
+const _s = Q, ts = async (e) => {
   const t = pe(e);
-  return await (await ze(t.href)).json();
-}, ss = async (e, t, n = pe(e)) => {
-  const o = D(e.canTrack);
-  if (n.search.includes("preview="), !o || !(w() || E === "reactNative"))
+  return await (await Je(t.href)).json();
+}, ns = async (e, t, n = pe(e)) => {
+  const o = H(e.canTrack);
+  if (n.search.includes("preview="), !o || !(w() || A === "reactNative"))
     return t.results;
   try {
     const s = [];
@@ -3056,36 +3082,36 @@ const Xs = Q, os = async (e) => {
       }));
     t.results = s;
   } catch (s) {
-    I.error("Could not process A/B tests. ", s);
+    $.error("Could not process A/B tests. ", s);
   }
   return t.results;
 };
-async function Ye(e) {
+async function _e(e) {
   try {
-    const t = pe(e), n = await os(e);
-    return ns(n) ? ss(e, n) : (I.error("Error fetching data. ", {
+    const t = pe(e), n = await ts(e);
+    return es(n) ? ns(e, n) : ($.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return I.error("Error fetching data. ", t), null;
+    return $.error("Error fetching data. ", t), null;
   }
 }
-const Zs = Ye;
-function rs() {
-  return !w() || T() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const Qs = _e;
+function os() {
+  return !w() || T() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
-function is() {
+function ss() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function Qe() {
-  return is().replace(/-/g, "");
+  return ss().replace(/-/g, "");
 }
-const Xe = "builderSessionId", as = async ({
+const Xe = "builderSessionId", rs = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3097,20 +3123,20 @@ const Xe = "builderSessionId", as = async ({
   if (N(t))
     return t;
   {
-    const n = ls();
-    return cs({
+    const n = is();
+    return as({
       id: n,
       canTrack: e
     }), n;
   }
-}, ls = () => Qe(), cs = ({
+}, is = () => Qe(), as = ({
   id: e,
   canTrack: t
 }) => Me({
   name: Xe,
   value: e,
   canTrack: t
-}), Ze = () => w() && typeof localStorage < "u" ? localStorage : void 0, ds = ({
+}), Ze = () => w() && typeof localStorage < "u" ? localStorage : void 0, ls = ({
   key: e,
   canTrack: t
 }) => {
@@ -3121,7 +3147,7 @@ const Xe = "builderSessionId", as = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, us = ({
+}, cs = ({
   key: e,
   canTrack: t,
   value: n
@@ -3132,32 +3158,32 @@ const Xe = "builderSessionId", as = async ({
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, et = "builderVisitorId", ps = ({
+}, et = "builderVisitorId", ds = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = ds({
+  const t = ls({
     key: et,
     canTrack: e
   });
   if (N(t))
     return t;
   {
-    const n = ms();
-    return hs({
+    const n = us();
+    return ps({
       id: n,
       canTrack: e
     }), n;
   }
-}, ms = () => Qe(), hs = ({
+}, us = () => Qe(), ps = ({
   id: e,
   canTrack: t
-}) => us({
+}) => cs({
   key: et,
   value: e,
   canTrack: t
-}), fs = async ({
+}), ms = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3165,16 +3191,16 @@ const Xe = "builderSessionId", as = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await as({
+  const t = await rs({
     canTrack: e
-  }), n = ps({
+  }), n = ds({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, bs = async ({
+}, hs = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3188,7 +3214,7 @@ const Xe = "builderSessionId", as = async ({
       url: location.href,
       ...o
     },
-    ...await fs({
+    ...await ms({
       canTrack: t
     }),
     userAttributes: Pe(),
@@ -3197,14 +3223,14 @@ const Xe = "builderSessionId", as = async ({
 });
 async function oe(e) {
   if (!e.apiKey) {
-    I.error("Missing API key for track call. Please provide your API key.");
+    $.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !T() && !!(w() || E === "reactNative"))
+  if (e.canTrack && !T() && (w() || A === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await bs(e)]
+        events: [await hs(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3214,14 +3240,14 @@ async function oe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const er = (e) => oe({
+const Xs = (e) => oe({
   ...e,
   canTrack: !0
 });
-function Se(e) {
+function ve(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const gs = (e, t, n = !0) => {
+const fs = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3232,20 +3258,20 @@ const gs = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, ys = (e) => gs(e, (t) => {
+}, bs = (e) => fs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Ce = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = Se(o / n.width), i = Se(s / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ve(o / n.width), i = ve(s / n.height);
   return {
     x: r,
     y: i
   };
-}, ks = (e) => {
-  const t = e.target, n = t && ys(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, gs = (e) => {
+  const t = e.target, n = t && bs(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3260,13 +3286,13 @@ const gs = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, vs = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, ys = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function tt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
+  return (e || ys).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Ss = "0.13.2", we = {};
-function Cs(e, t) {
+const ks = "0.13.3", we = {};
+function Ss(e, t) {
   let n = we[e];
   if (n || (n = we[e] = []), n.push(t), w()) {
     const o = {
@@ -3283,8 +3309,8 @@ function Cs(e, t) {
     }
   }
 }
-const ws = () => {
-  Cs("insertMenu", {
+const vs = () => {
+  Ss("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3306,15 +3332,17 @@ const ws = () => {
     }]
   });
 };
-let $e = !1;
+let Ie = !1;
 const nt = (e = {}) => {
   var t, n;
-  $e || ($e = !0, w() && ((t = window.parent) == null || t.postMessage({
+  Ie || (Ie = !0, w() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: E,
-      version: Ss,
+      target: A,
+      version: ks,
       supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
     }
@@ -3330,36 +3358,36 @@ const nt = (e = {}) => {
     const {
       data: s
     } = o;
-    if (!!(s != null && s.type))
+    if (s != null && s.type)
       switch (s.type) {
         case "builder.evaluate": {
-          const a = s.data.text, l = s.data.arguments || [], c = s.data.id, p = new Function(a);
-          let d, m = null;
+          const a = s.data.text, l = s.data.arguments || [], d = s.data.id, m = new Function(a);
+          let c, p = null;
           try {
-            d = p.apply(null, l);
-          } catch (v) {
-            m = v;
+            c = m.apply(null, l);
+          } catch (S) {
+            p = S;
           }
-          m ? (r = window.parent) == null || r.postMessage({
+          p ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
-              error: m.message
+              id: d,
+              error: p.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((v) => {
-            var g;
-            (g = window.parent) == null || g.postMessage({
+          }, "*") : c && typeof c.then == "function" ? c.then((S) => {
+            var b;
+            (b = window.parent) == null || b.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
-                result: v
+                id: d,
+                result: S
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
-              id: c
+              result: c,
+              id: d
             }
           }, "*");
           break;
@@ -3392,9 +3420,9 @@ const nt = (e = {}) => {
         break;
       }
     }
-}, tr = (e, t, n) => {
+}, Zs = (e, t, n) => {
   if (!w)
-    return I.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    return $.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
   nt();
   const o = ot({
@@ -3411,7 +3439,7 @@ const nt = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, $s = f({
+}, Cs = f({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -3453,7 +3481,7 @@ const nt = (e = {}) => {
       if (w()) {
         if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && D(this.canTrack)) {
+        ), this.builderContextSignal.content && H(this.canTrack)) {
           const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
           oe({
             type: "impression",
@@ -3463,12 +3491,12 @@ const nt = (e = {}) => {
             variationId: r !== i ? r : void 0
           });
         }
-        rs() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        os() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || I.error(
+      this.apiKey || $.error(
         "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
@@ -3612,7 +3640,7 @@ const nt = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && G({
+      e && Y({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -3626,11 +3654,11 @@ const nt = (e = {}) => {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         oe({
           type: "click",
-          canTrack: D(this.canTrack),
+          canTrack: H(this.canTrack),
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...ks(e),
+          ...gs(e),
           unique: !this.clicked
         });
       }
@@ -3639,7 +3667,7 @@ const nt = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => G({
+        (t, n) => Y({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -3649,7 +3677,7 @@ const nt = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      ze(e).then((n) => n.json()).then((n) => {
+      Je(e).then((n) => n.json()).then((n) => {
         var s, r;
         const o = {
           ...this.builderContextSignal.rootState,
@@ -3661,14 +3689,14 @@ const nt = (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(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || T())) {
-          const i = this.evalExpression(r);
+      var t, n;
+      const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
+      Object.entries(e).forEach(([o, s]) => {
+        if (s && (!this.httpReqsData[o] || T())) {
+          const r = this.evalExpression(s);
           this.handleRequest({
-            url: i,
-            key: s
+            url: r,
+            key: o
           });
         }
       });
@@ -3679,7 +3707,7 @@ const nt = (e = {}) => {
           "builder:component:stateChange",
           {
             detail: {
-              state: H(this.builderContextSignal.rootState),
+              state: j(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -3689,7 +3717,7 @@ const nt = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), ws(), nt({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), vs(), nt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -3706,7 +3734,7 @@ const nt = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Mo(t);
+        const n = Oo(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -3727,17 +3755,17 @@ const nt = (e = {}) => {
     }
   }
 });
-function Is(e, t, n, o, s, r) {
+function ws(e, t, n, o, s, r) {
   var i, a, l;
-  return e.builderContextSignal.content ? (u(), y(_(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (u(), g(D(e.ContentWrapper), C({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: (c) => e.onClick(c),
+    onClick: (d) => e.onClick(d),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
-    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
-    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
+    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
+    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
@@ -3746,14 +3774,14 @@ function Is(e, t, n, o, s, r) {
     ...e.contentWrapperProps
   }), {
     default: B(() => [
-      x(e.$slots, "default")
+      P(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("v-if", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const Ts = /* @__PURE__ */ b($s, [["render", Is], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), Rs = (e) => {
-  var r, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
+const Is = /* @__PURE__ */ y(Cs, [["render", ws]]), $s = (e) => {
+  var r;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let s = "";
   if (o && t && n && (s += `
 @font-face {
@@ -3763,40 +3791,40 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const c = e.files[a];
-      c && c !== o && (s += `
+      const l = e.files[i];
+      l && l !== o && (s += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
-font-weight: ${a};
+font-weight: ${i};
 }
         `.trim());
     }
   return s;
-}, Es = ({
+}, Ts = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Rs(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ps = ({
+  return ((t = e == null ? void 0 : e.map((n) => $s(n))) == null ? void 0 : t.join(" ")) || "";
+}, Rs = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xs = f({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Es = f({
   name: "content-styles",
   components: { InlinedStyles: de },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Ps({
+${Rs({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Es({
+${Ts({
         customFonts: this.customFonts
       })}
 
@@ -3820,11 +3848,11 @@ ${Es({
     };
   }
 });
-function As(e, t, n, o, s, r) {
+function Ps(e, t, n, o, s, r) {
   const i = k("inlined-styles");
-  return u(), y(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+  return u(), g(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Bs = ({
+const As = /* @__PURE__ */ y(Es, [["render", Ps]]), xs = ({
   content: e,
   data: t,
   locale: n
@@ -3841,7 +3869,7 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
       locale: n
     } : {}
   };
-}, Ws = ({
+}, Vs = ({
   content: e,
   data: t
 }) => e ? {
@@ -3851,13 +3879,13 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Ns = at, Fs = f({
+} : void 0, Bs = at, Ws = f({
   name: "content-component",
   components: {
-    EnableEditor: Ts,
-    InlinedScript: qe,
-    ContentStyles: Vs,
-    Blocks: j
+    EnableEditor: Is,
+    InlinedScript: ze,
+    ContentStyles: As,
+    Blocks: K
   },
   props: [
     "content",
@@ -3884,30 +3912,37 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
     var e, t;
     return {
       scriptStr: Jo({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
         ...ge(),
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
         ...ye,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: Ns(o),
+            component: Bs(o),
             ...ne(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Ws({
+        content: Vs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Bs({
+        rootState: xs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3918,6 +3953,11 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
         apiVersion: this.apiVersion,
         componentInfos: [
           ...ge(),
+          // While this `components` object is deprecated, we must maintain support for it.
+          // Since users are able to override our default components, we need to make sure that we do not break such
+          // existing usage.
+          // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+          // which is the new standard way of providing custom components, and must therefore take precedence.
           ...ye,
           ...this.customComponents || []
         ].reduce(
@@ -3931,7 +3971,7 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: E
+      TARGET: A
     };
   },
   provide() {
@@ -3948,9 +3988,9 @@ const Vs = /* @__PURE__ */ b(xs, [["render", As], ["__file", "/home/runner/work/
     }
   }
 });
-function Us(e, t, n, o, s, r) {
-  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
-  return u(), y(c, C({
+function Ns(e, t, n, o, s, r) {
+  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), d = k("enable-editor");
+  return u(), g(d, C({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3968,20 +4008,20 @@ function Us(e, t, n, o, s, r) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: B(() => {
-      var p, d, m, v, g, A, M;
+      var m, c, p, S, b, x, M;
       return [
-        e.isSsrAbTest ? (u(), y(i, {
+        e.isSsrAbTest ? (u(), g(i, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : S("v-if", !0),
-        e.TARGET !== "reactNative" ? (u(), y(a, {
+        }, null, 8, ["scriptStr"])) : v("", !0),
+        e.TARGET !== "reactNative" ? (u(), g(a, {
           key: 1,
-          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
-          cssCode: (m = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
-          customFonts: (g = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : g.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : S("v-if", !0),
+          contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
+          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
         V(l, {
-          blocks: (M = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : M.blocks,
+          blocks: (M = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : M.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -3991,12 +4031,12 @@ function Us(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const Os = /* @__PURE__ */ b(Fs, [["render", Us], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Ms = f({
+const Fs = /* @__PURE__ */ y(Ws, [["render", Ns]]), Us = f({
   name: "content-variants",
   components: {
-    InlinedScript: qe,
+    InlinedScript: ze,
     InlinedStyles: de,
-    ContentComponent: Os
+    ContentComponent: Fs
   },
   props: [
     "canTrack",
@@ -4021,12 +4061,12 @@ const Os = /* @__PURE__ */ b(Fs, [["render", Us], ["__file", "/home/runner/work/
   data() {
     return {
       shouldRenderVariants: jo({
-        canTrack: D(this.canTrack),
+        canTrack: H(this.canTrack),
         content: this.content
       }),
-      TARGET: E,
+      TARGET: A,
       getScriptString: qo,
-      getVariants: z
+      getVariants: J
     };
   },
   mounted() {
@@ -4036,7 +4076,7 @@ const Os = /* @__PURE__ */ b(Fs, [["render", Us], ["__file", "/home/runner/work/
     updateCookieAndStylesScriptStr() {
       var e;
       return zo(
-        z(this.content).map((t) => ({
+        J(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -4044,37 +4084,37 @@ const Os = /* @__PURE__ */ b(Fs, [["render", Us], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return z(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return J(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : $n({
+      } : wn({
         item: this.content,
-        canTrack: D(this.canTrack)
+        canTrack: H(this.canTrack)
       });
     }
   }
 });
-function Ls(e, t, n, o, s, r) {
-  var c;
+function Os(e, t, n, o, s, r) {
+  var d;
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return u(), h($, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), y(i, {
+  return u(), h(I, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : S("v-if", !0),
-    e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
+    }, null, 8, ["scriptStr"])) : v("", !0),
+    e.shouldRenderVariants ? (u(), h(I, { key: 1 }, [
       V(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+        id: `variants-styles-${(d = e.content) == null ? void 0 : d.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       V(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, O(e.getVariants(e.content), (p, d) => (u(), y(l, {
-        key: p.testVariationId,
-        content: p,
+      (u(!0), h(I, null, O(e.getVariants(e.content), (m, c) => (u(), g(l, {
+        key: m.testVariationId,
+        content: m,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -4094,7 +4134,7 @@ function Ls(e, t, n, o, s, r) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : S("v-if", !0),
+    ], 64)) : v("", !0),
     V(l, C({
       content: e.defaultContent,
       showContent: !0,
@@ -4120,11 +4160,12 @@ function Ls(e, t, n, o, s, r) {
     }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const st = /* @__PURE__ */ b(Ms, [["render", Ls], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), _s = async ({
+const st = /* @__PURE__ */ y(Us, [["render", Os]]), Ms = async ({
   builderContextValue: e,
   symbol: t
 }) => {
-  if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
     return Q({
       model: t.model,
       apiKey: e.apiKey,
@@ -4135,13 +4176,12 @@ const st = /* @__PURE__ */ b(Ms, [["render", Ls], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      I.error("Could not fetch symbol content: ", n);
+      $.error("Could not fetch symbol content: ", n);
     });
-}, Ds = f({
+}, Ls = f({
   name: "builder-symbol",
   components: { ContentVariants: st },
   props: [
-    "js",
     "attributes",
     "symbol",
     "dynamic",
@@ -4172,7 +4212,7 @@ const st = /* @__PURE__ */ b(Ms, [["render", Ls], ["__file", "/home/runner/work/
         this.attributes[re()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+        (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
       ].filter(Boolean).join(" ");
     },
     onUpdateHook0() {
@@ -4183,7 +4223,7 @@ const st = /* @__PURE__ */ b(Ms, [["render", Ls], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || _s({
+      this.contentToUse || Ms({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4192,10 +4232,10 @@ const st = /* @__PURE__ */ b(Ms, [["render", Ls], ["__file", "/home/runner/work/
     }
   }
 });
-function Hs(e, t, n, o, s, r) {
-  var a, l, c, p, d;
+function Ds(e, t, n, o, s, r) {
+  var a, l, d, m, c;
   const i = k("content-variants");
-  return u(), h("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return u(), h("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -4208,26 +4248,26 @@ function Hs(e, t, n, o, s, r) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(p = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : p.state
+        ...(m = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : m.state
       },
-      model: (d = e.symbol) == null ? void 0 : d.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const js = /* @__PURE__ */ b(Ds, [["render", Hs], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), nr = j, or = st, Ie = {};
-function sr(e) {
+const Hs = /* @__PURE__ */ y(Ls, [["render", Ds]]), er = K, tr = st, $e = {};
+function nr(e) {
   if (w()) {
-    Object.assign(Ie, e);
+    Object.assign($e, e);
     const t = {
       type: "builder.settingsChange",
-      data: Ie
+      data: $e
     };
     parent.postMessage(t, "*");
   }
 }
-const rr = async (e) => {
+const or = async (e) => {
   var o, s, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
     ...e,
@@ -4239,7 +4279,7 @@ const rr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Je(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: Ge(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -4248,46 +4288,46 @@ const rr = async (e) => {
   };
 };
 export {
-  ss as A,
+  ns as A,
   ce as B,
   st as C,
-  Ye as D,
+  _e as D,
   Q as E,
-  nn as F,
-  Zs as G,
-  Xs as H,
-  de as I,
-  zs as J,
-  Ys as K,
-  nr as R,
-  hn as S,
-  E as T,
-  Uo as V,
-  b as _,
+  tn as F,
+  Qs as G,
+  _s as H,
+  dn as I,
+  qs as J,
+  Gs as K,
+  er as R,
+  mn as S,
+  A as T,
+  Fo as V,
+  de as _,
   Yt as a,
-  Js as b,
+  zs as b,
   N as c,
-  Qs as d,
-  G as e,
-  Gs as f,
+  Ys as d,
+  y as e,
+  Y as f,
   Ve as g,
-  re as h,
-  te as i,
-  j,
-  or as k,
-  ht as l,
-  Zt as m,
-  un as n,
-  js as o,
-  Ln as p,
+  Js as h,
+  re as i,
+  te as j,
+  K as k,
+  tr as l,
+  ht as m,
+  Xt as n,
+  Hs as o,
+  Mn as p,
   T as q,
-  rs as r,
-  Mo as s,
-  Cs as t,
-  sr as u,
-  Je as v,
-  Ns as w,
-  er as x,
-  tr as y,
-  rr as z
+  os as r,
+  Oo as s,
+  Ss as t,
+  nr as u,
+  Ge as v,
+  Bs as w,
+  Xs as x,
+  Zs as y,
+  or as z
 };