@builder.io/sdk-vue 1.0.36 → 1.1.1

package/lib/browser/{index-NLkfEtPh.js → index-ZjI6yLCn.js}

@@ -1,24 +1,24 @@
-var pt = Object.defineProperty;
-var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var mt = Object.defineProperty;
+var ht = (e, t, n) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var re = (e, t, n) => (ht(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as x, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as R, renderList as N, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
-const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
-function A(e = {}, t, n) {
+import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as S, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ft, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as Ae, createElementVNode as z, normalizeStyle as O, normalizeClass as J, markRaw as bt } from "vue";
+const gt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), yt = (e) => typeof e == "string" && gt.has(e.toLowerCase());
+function x(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
-const yt = f({
+const kt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: gt };
+    return { isEmptyElement: yt };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
@@ -26,26 +26,26 @@ const yt = f({
     n[o] = r;
   return n;
 };
-function kt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (d(), p(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(K(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
+function vt(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), S({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (d(), p(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(K(e.TagName), S({ key: 0 }, e.attributes, P(e.actionAttributes)), {
       default: W(() => [
-        x(e.$slots, "default")
+        E(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
+    }, 16)) : (d(), k(K(e.TagName), S({ key: 1 }, e.attributes, P(e.actionAttributes)), {
       default: W(() => [
-        x(e.$slots, "default")
+        E(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const he = /* @__PURE__ */ b(kt, [["render", vt]]), Ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: me
-}, Symbol.toStringTag, { value: "Module" })), $ = "vue", ee = () => {
-  switch ($) {
+  default: he
+}, Symbol.toStringTag, { value: "Module" })), A = "vue", ee = () => {
+  switch (A) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -57,9 +57,9 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Bs = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, St = f({
+}, Ct = f({
   name: "builder-button",
-  components: { DynamicRenderer: me },
+  components: { DynamicRenderer: he },
   props: [
     "attributes",
     "link",
@@ -68,12 +68,12 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Bs = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: x };
   },
   methods: {
     attrs() {
       return {
-        ...A(this.attributes, "v-on:", !1),
+        ...x(this.attributes, "v-on:", !1),
         [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
         ...this.link ? {
           href: this.link,
@@ -86,20 +86,20 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Bs = /* @__PURE__ */ Object.
     }
   }
 });
-function vt(e, t, n, o, r, s) {
-  const i = g("DynamicRenderer");
-  return d(), k(i, {
+function St(e, t, n, o, r, i) {
+  const s = g("DynamicRenderer");
+  return d(), k(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: W(() => [
-      ht(ne(e.text), 1)
+      ft(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ct = /* @__PURE__ */ b(St, [["render", vt]]), wt = Symbol(), ce = {
+const wt = /* @__PURE__ */ b(Ct, [["render", St]]), Tt = Symbol(), de = {
   Builder: {
     content: null,
     context: {},
@@ -114,12 +114,12 @@ const Ct = /* @__PURE__ */ b(St, [["render", vt]]), wt = Symbol(), ce = {
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: wt
-}, Tt = Symbol(), Ae = {
-  Components: { registeredComponents: {} },
   key: Tt
+}, It = Symbol(), Ve = {
+  Components: { registeredComponents: {} },
+  key: It
 };
-function It(e) {
+function $t(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -135,27 +135,27 @@ const Z = "[Builder.io]: ", B = {
 function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const $t = (e) => {
+const Rt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ve = (e) => e instanceof URLSearchParams ? $t(e) : e, We = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Rt() {
+}, We = (e) => e instanceof URLSearchParams ? Rt(e) : e, Ne = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Bt() {
   return T() && window.self !== window.top;
 }
-function E(e) {
-  return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  We(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function R(e) {
+  return Bt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  Ne(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Et = () => {
+const Pt = () => {
   if (T()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Bt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
-  const e = Bt(), t = {
+}, Et = () => typeof navigator == "object" && navigator.userAgent || "", Le = () => {
+  const e = Et(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -172,15 +172,15 @@ const Et = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || $ === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Et();
+  }, n = e.match(/Tablet|iPad/i), o = Pt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Pt = ({
+}, xt = ({
   builder: e,
   context: t,
   event: n,
@@ -192,30 +192,30 @@ const Et = () => {
   builder: e,
   context: t,
   event: n
-}), xt = () => ({
-  isEditing: E(),
+}), At = () => ({
+  isEditing: R(),
   isBrowser: T(),
   isServer: !T(),
-  getUserAttributes: () => Ne()
-}), At = (e, {
+  getUserAttributes: () => Le()
+}), Vt = (e, {
   isExpression: t = !0
-}) => /* 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, ve = ({
+}) => /* 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, Se = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
-  const l = Pt({
+  const l = xt({
     builder: t,
     context: n,
     event: o,
     state: Fe({
-      rootState: i,
+      rootState: s,
       localState: r,
-      rootSetState: s
+      rootSetState: i
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
@@ -229,34 +229,34 @@ function Fe({
     get: (o, r) => {
       if (t && r in t)
         return t[r];
-      const s = o[r];
-      return typeof s == "object" && s !== null ? Fe({
-        rootState: s,
+      const i = o[r];
+      return typeof i == "object" && i !== null ? Fe({
+        rootState: i,
         localState: void 0,
-        rootSetState: n ? (i) => {
-          o[r] = i, n(o);
+        rootSetState: n ? (s) => {
+          o[r] = s, n(o);
         } : void 0
-      }) : s;
+      }) : i;
     },
-    set: (o, r, s) => {
+    set: (o, r, i) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[r] = s, n == null || n(o), !0;
+      return o[r] = i, n == null || n(o), !0;
     }
   });
 }
-const U = (e) => e != null;
-function Vt() {
+const D = (e) => e != null;
+function Wt() {
   var e;
-  return typeof process < "u" && U((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Wt = () => {
+const Nt = () => {
   var o;
-  if (!Vt())
+  if (!Wt())
     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 ? (B.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;
-}, Nt = (e) => (T() || Wt(), ve(e)), V = class V {
+}, Lt = (e) => (T() || Nt(), Se(e)), V = class V {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -274,41 +274,41 @@ const Wt = () => {
     });
   }
 };
-oe(V, "cacheLimit", 20), oe(V, "cache", /* @__PURE__ */ new Map());
-let L = V;
+re(V, "cacheLimit", 20), re(V, "cache", /* @__PURE__ */ new Map());
+let U = V;
 function te({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0,
+  event: i,
+  isExpression: s = !0,
   enableCache: l
 }) {
   if (e === "")
     return;
   const a = {
-    code: At(e, {
-      isExpression: i
+    code: Vt(e, {
+      isExpression: s
     }),
-    builder: xt(),
+    builder: At(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   if (l) {
-    const u = L.getCacheKey(a), h = L.getCachedValue(u);
+    const u = U.getCacheKey(a), h = U.getCachedValue(u);
     if (h)
       return h.value;
   }
   try {
-    const u = Nt(a);
+    const u = Lt(a);
     if (l) {
-      const h = L.getCacheKey(a);
-      L.setCachedValue(h, u);
+      const h = U.getCacheKey(a);
+      U.setCachedValue(h, u);
     }
     return u;
   } catch (u) {
@@ -322,7 +322,7 @@ const Y = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
 const Ft = ({
   block: e,
@@ -333,13 +333,13 @@ const Ft = ({
 }) => {
   if (!e.bindings)
     return e;
-  const s = Y(e), i = {
-    ...s,
+  const i = Y(e), s = {
+    ...i,
     properties: {
-      ...s.properties
+      ...i.properties
     },
     actions: {
-      ...s.actions
+      ...i.actions
     }
   };
   for (const l in e.bindings) {
@@ -351,9 +351,9 @@ const Ft = ({
       context: t,
       enableCache: !0
     });
-    Oe(i, l, u);
+    Oe(s, l, u);
   }
-  return i;
+  return s;
 };
 function De({
   block: e,
@@ -361,28 +361,28 @@ function De({
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const i = e;
+  const s = e;
   return n ? Ft({
-    block: i,
+    block: s,
     localState: o,
     rootState: r,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : i;
+  }) : s;
 }
-const he = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+const fe = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function Ot(e, t, n = {}) {
-  let o, r, s, i = null, l = 0;
+  let o, r, i, s = null, l = 0;
   const a = function() {
-    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+    l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
   };
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
     const h = t - (u - l);
-    return o = this, r = arguments, h <= 0 || h > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, h)), s;
+    return o = this, r = arguments, h <= 0 || h > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, h)), i;
   };
 }
 function q(e, ...t) {
@@ -390,8 +390,8 @@ function q(e, ...t) {
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
     if (r != null)
-      for (const s in r)
-        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
+      for (const i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
   }
   return n;
 }
@@ -399,19 +399,19 @@ function Dt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Me(t);
+        je(t);
         break;
       case "scrollInView":
-        Lt(t);
+        Mt(t);
         break;
     }
 }
 function Ue(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Le(e, t) {
-  const n = Ut(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
-  for (const l of i)
+function Me(e, t) {
+  const n = Ut(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
@@ -422,37 +422,37 @@ function Ut(e) {
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function Me(e) {
+function je(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     Ue(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Le(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
+    Me(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Lt(e) {
+function Mt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     Ue(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Le(e, n);
+    Me(e, n);
     let o = !1, r = !1;
-    function s() {
+    function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const i = Ot(s, 200, {
+    const s = Ot(i, 200, {
       leading: !1
     });
     function l(h) {
@@ -464,49 +464,49 @@ function Lt(e) {
       q(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", i, {
+      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
-    }), s();
+    }), i();
   });
 }
-const je = (e) => Object.entries(e).map(([n, o]) => {
+const He = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${he(n)}: ${o};`;
-}).filter(U), Mt = (e) => je(e).join(`
-`), Ps = ({
+    return `${fe(n)}: ${o};`;
+}).filter(D), jt = (e) => He(e).join(`
+`), xi = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Mt(n)}
+    ${jt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function jt({
+function Ht({
   style: e
 }) {
   return e;
 }
-const xs = ({
+const Ai = ({
   block: e,
   context: t
-}) => He(jt({
+}) => Ke(Ht({
   style: e.style || {},
   context: t,
   block: e
 }));
-function He(e) {
-  switch ($) {
+function Ke(e) {
+  switch (A) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return je(e).join(" ");
+      return He(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -514,20 +514,20 @@ function He(e) {
       return e;
   }
 }
-const Ht = ({
+const Kt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = De({
+  var i;
+  const o = (i = De({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : i.name;
   if (!o)
     return null;
   const r = n[o];
@@ -536,7 +536,7 @@ const Ht = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Kt = ({
+}, qt = ({
   block: e,
   context: t
 }) => {
@@ -556,7 +556,7 @@ const Ht = ({
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
   return r.map((a, u) => ({
     context: {
       ...t,
@@ -564,53 +564,61 @@ const Ht = ({
         ...t.localState,
         $index: u,
         $item: a,
-        [i]: a,
-        [`$${i}Index`]: u
+        [s]: a,
+        [`$${s}Index`]: u
       }
     },
     block: o
   }));
-}, qt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+}, oe = (e) => ({
+  // once we bump to a major version, toggle this to `false`.
+  builderBlock: !0,
+  // once we bump to a major version, toggle this to `false`.
+  builderContext: !0,
+  builderComponents: !1,
+  builderLinkComponent: !1,
+  ...e
+}), zt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderLinkComponent ? {
   builderLinkComponent: t
-} : {}, zt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+} : {} : {}, Jt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderComponents ? {
   builderComponents: t
-} : {}, Jt = (e, t) => e && (e.isRSC && $ === "rsc" || $ === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
+} : {} : {}, Gt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderBlock ? {
   builderBlock: t
-} : {}, Gt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
+} : {} : {}, Yt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderContext ? {
   builderContext: t
-} : {}, Yt = () => Promise.resolve().then(() => dn).then((e) => e.default).catch((e) => {
+} : {} : {}, Qt = () => Promise.resolve().then(() => un).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-QmmLdzpW.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-styles-IgeLKqtO.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;
-}), Xt = () => import("./block-wrapper-26flngEX.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./block-wrapper-2dz0ANfE.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;
-}), Zt = () => import("./component-ref-f6HeLjzo.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./component-ref-V2PjOzrU.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-By1JKWmB.js").then((e) => e.default).catch((e) => {
+}), en = () => import("./repeated-block-N87PTuTY.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;
-}), en = f({
+}), tn = f({
   name: "block",
   components: {
-    BlockStyles: H(Qt),
-    ComponentRef: H(Zt),
-    RepeatedBlock: H(_t),
-    BlockWrapper: H(Xt),
-    DynamicDiv: H(Yt)
+    BlockStyles: H(Xt),
+    ComponentRef: H(_t),
+    RepeatedBlock: H(en),
+    BlockWrapper: H(Zt),
+    DynamicDiv: H(Qt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
@@ -624,14 +632,14 @@ const Ht = ({
   },
   computed: {
     blockComponent() {
-      return Ht({
+      return Kt({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return Kt({
+      return qt({
         block: this.block,
         context: this.context
       });
@@ -668,11 +676,11 @@ const Ht = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...It(this.processedBlock),
-          ...Jt(this.blockComponent, this.processedBlock),
-          ...Gt(this.blockComponent, this.context),
-          ...qt(this.blockComponent, this.linkComponent),
-          ...zt(
+          ...$t(this.processedBlock),
+          ...Gt(this.blockComponent, this.processedBlock),
+          ...Yt(this.blockComponent, this.context),
+          ...zt(this.blockComponent, this.linkComponent),
+          ...Jt(
             this.blockComponent,
             this.registeredComponents
           )
@@ -687,11 +695,11 @@ const Ht = ({
     }
   }
 });
-function tn(e, t, n, o, r, s) {
+function nn(e, t, n, o, r, i) {
   var c;
-  const i = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
+  const s = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
   return e.canShowBlock ? (d(), p(I, { key: 0 }, [
-    R(i, {
+    $(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -707,8 +715,8 @@ function tn(e, t, n, o, r, s) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(I, { key: 0 }, [
-      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, v) => (d(), k(h, {
-        key: v,
+      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, C) => (d(), k(h, {
+        key: C,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
@@ -720,7 +728,7 @@ function tn(e, t, n, o, r, s) {
         context: e.context
       }, {
         default: W(() => [
-          R(l, {
+          $(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -731,7 +739,7 @@ function tn(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, v) => (d(), k(a, {
+          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, C) => (d(), k(a, {
             key: m.id,
             block: m,
             registeredComponents: e.registeredComponents,
@@ -742,12 +750,12 @@ function tn(e, t, n, o, r, s) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : S("", !0);
+  ], 64)) : v("", !0);
 }
-const fe = /* @__PURE__ */ b(en, [["render", tn]]), As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const be = /* @__PURE__ */ b(tn, [["render", nn]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: fe
-}, Symbol.toStringTag, { value: "Module" })), nn = f({
+  default: be
+}, Symbol.toStringTag, { value: "Module" })), on = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -766,7 +774,7 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), As = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -779,7 +787,7 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), As = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -792,25 +800,25 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), As = /* @__PURE__ */ Object.
     }
   }
 });
-function on(e, t, n, o, r, s) {
-  return d(), k(K(e.BlocksWrapper), C({
+function rn(e, t, n, o, r, i) {
+  return d(), k(K(e.BlocksWrapper), S({
     class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (i) => e.onClick(),
-    onMouseEnter: (i) => e.onMouseEnter(),
-    onKeyPress: (i) => e.onClick()
+    onClick: (s) => e.onClick(),
+    onMouseEnter: (s) => e.onMouseEnter(),
+    onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: W(() => [
-      x(e.$slots, "default", {}, void 0, !0)
+      E(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9"]]), sn = f({
+const sn = /* @__PURE__ */ b(on, [["render", rn], ["__scopeId", "data-v-a5b13ef9"]]), an = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: rn, Block: fe },
+  components: { BlocksWrapper: sn, Block: be },
   props: [
     "blocks",
     "parent",
@@ -821,13 +829,13 @@ const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: ce.key,
-    componentsContext: Ae.key
+    builderContext: de.key,
+    componentsContext: Ve.key
   }
 });
-function an(e, t, n, o, r, s) {
+function ln(e, t, n, o, r, i) {
   var a, u;
-  const i = g("Block"), l = g("BlocksWrapper");
+  const s = g("Block"), l = g("BlocksWrapper");
   return d(), k(l, {
     blocks: e.blocks,
     parent: e.parent,
@@ -837,39 +845,39 @@ function an(e, t, n, o, r, s) {
     BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: W(() => [
-      e.blocks ? (d(!0), p(I, { key: 0 }, N(e.blocks, (h, c) => (d(), k(i, {
+      e.blocks ? (d(!0), p(I, { key: 0 }, N(e.blocks, (h, c) => (d(), k(s, {
         key: h.id,
         block: h,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : v("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const M = /* @__PURE__ */ b(sn, [["render", an]]), ln = f({
+const M = /* @__PURE__ */ b(an, [["render", ln]]), cn = f({
   name: "dynamic-div",
   props: []
 });
-function cn(e, t, n, o, r, s) {
+function dn(e, t, n, o, r, i) {
   return d(), p("div", null, [
-    x(e.$slots, "default")
+    E(e.$slots, "default")
   ]);
 }
-const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Q
-}, Symbol.toStringTag, { value: "Module" })), be = f({
+}, Symbol.toStringTag, { value: "Module" })), ge = f({
   render() {
-    return xe("style", {
+    return Ae("style", {
       innerHTML: this.styles,
       "data-id": this.id
     });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), Ke = {
+}), qe = {
   small: {
     min: 320,
     default: 321,
@@ -885,11 +893,11 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Vs = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
+}, Wi = (e, t = qe) => `@media (max-width: ${t[e].max}px)`, pn = ({
   small: e,
   medium: t
 }) => {
-  const n = Y(Ke);
+  const n = Y(qe);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -904,18 +912,18 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     min: r,
     default: r + 1
   };
-  const s = n.medium.max + 1;
+  const i = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   }, n;
-}, pn = (e) => `builder-columns ${e}-breakpoints`, mn = f({
+}, mn = (e) => `builder-columns ${e}-breakpoints`, hn = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: be,
-    DynamicRenderer: me,
+    InlinedStyles: ge,
+    DynamicRenderer: he,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -935,8 +943,8 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: $,
-      getColumnsClass: pn
+      TARGET: A,
+      getColumnsClass: mn
     };
   },
   methods: {
@@ -973,7 +981,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
         ...{
           display: "flex",
@@ -987,7 +995,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -995,14 +1003,14 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return un(
+      return pn(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1039,23 +1047,23 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [ee()]: "builder-column",
-        style: He(this.columnCssVars(t))
+        style: Ke(this.columnCssVars(t))
       };
     }
   }
 });
-function hn(e, t, n, o, r, s) {
+function fn(e, t, n, o, r, i) {
   var u;
-  const i = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
-  return d(), p("div", C({
+  const s = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
+  return d(), p("div", S({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), k(i, {
+    e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles()
-    }, null, 8, ["styles"])) : S("", !0),
+    }, null, 8, ["styles"])) : v("", !0),
     (d(!0), p(I, null, N(e.columns, (h, c) => (d(), k(a, {
       key: c,
       TagName: e.getTagName(h),
@@ -1063,7 +1071,7 @@ function hn(e, t, n, o, r, s) {
       attributes: e.getAttributes(h, c)
     }, {
       default: W(() => [
-        R(l, {
+        $(l, {
           path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1079,47 +1087,47 @@ function hn(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-27a4dde0"]]), bn = f({
+const bn = /* @__PURE__ */ b(hn, [["render", fn], ["__scopeId", "data-v-27a4dde0"]]), gn = f({
   name: "builder-fragment-component",
   props: []
 });
-function gn(e, t, n, o, r, s) {
+function yn(e, t, n, o, r, i) {
   return d(), p("span", null, [
-    x(e.$slots, "default")
+    E(e.$slots, "default")
   ]);
 }
-const yn = /* @__PURE__ */ b(bn, [["render", gn]]);
-function Ce(e) {
+const kn = /* @__PURE__ */ b(gn, [["render", yn]]);
+function we(e) {
   return e.replace(/http(s)?:/, "");
 }
-function kn(e = "", t, n) {
+function vn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function Sn(e, t) {
+function Cn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ce(e);
+    return we(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return Ce(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return we(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function re(e) {
+function ie(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${kn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${vn(e, "width", r)} ${r}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) => [Cn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const vn = f({
+const Sn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1146,10 +1154,10 @@ const vn = f({
         return this.srcset;
       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"), re(t);
+          return console.debug("Removed given srcset"), ie(t);
       } else if (this.image && !this.srcset)
-        return re(t);
-      return re(t);
+        return ie(t);
+      return ie(t);
     },
     webpSrcSet() {
       var e;
@@ -1166,25 +1174,25 @@ const vn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Cn = ["srcset"], wn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Tn = {
+}), wn = ["srcset"], Tn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], In = {
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
-function In(e, t, n, o, r, s) {
-  var i, l, a, u, h, c;
+function $n(e, t, n, o, r, i) {
+  var s, l, a, u, h, c;
   return d(), p(I, null, [
     z("picture", null, [
       e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Cn)) : S("", !0),
+      }, null, 8, wn)) : v("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: D({
+        style: O({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1195,30 +1203,30 @@ function In(e, t, n, o, r, s) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, wn)
+      }, null, 14, Tn)
     ]),
-    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), p("div", {
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
-      style: D({
+      style: O({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", Tn, [
-      x(e.$slots, "default", {}, void 0, !0)
-    ])) : S("", !0)
+    }, null, 4)) : v("", !0),
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", In, [
+      E(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const $n = /* @__PURE__ */ b(vn, [["render", In], ["__scopeId", "data-v-0d528855"]]), Rn = f({
+const Rn = /* @__PURE__ */ b(Sn, [["render", $n], ["__scopeId", "data-v-0d528855"]]), Bn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: x };
   }
 });
-function En(e, t, n, o, r, s) {
-  return d(), p("section", C({
+function Pn(e, t, n, o, r, i) {
+  return d(), p("section", S({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1232,15 +1240,15 @@ function En(e, t, n, o, r, s) {
       marginRight: "auto"
     }
   }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(e.$slots, "default")
+    E(e.$slots, "default")
   ], 16);
 }
-const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
+const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, qe = ({
+}, ze = ({
   name: e,
   canTrack: t
 }) => {
@@ -1251,14 +1259,14 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
+}, Je = async (e) => ze(e), An = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), Vn = [["secure", ""], ["SameSite", "None"]], Wn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (T() ? location.protocol === "https:" : !0) ? An : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", Pn(window.location.hostname)], ...r];
-  return xn(i);
-}, Je = async ({
+  const r = (T() ? location.protocol === "https:" : !0) ? Vn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", xn(window.location.hostname)], ...r];
+  return An(s);
+}, Ge = async ({
   name: e,
   value: t,
   expires: n,
@@ -1267,7 +1275,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
   try {
     if (!o)
       return;
-    const r = Vn({
+    const r = Wn({
       name: e,
       value: t,
       expires: n
@@ -1276,37 +1284,37 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
   } catch (r) {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, Wn = "builder.tests", ge = (e) => `${Wn}.${e}`, Nn = ({
+}, Nn = "builder.tests", ye = (e) => `${Nn}.${e}`, Ln = ({
   contentId: e
-}) => ze({
-  name: ge(e),
+}) => Je({
+  name: ye(e),
   canTrack: !0
 }), Fn = ({
   contentId: e
-}) => qe({
-  name: ge(e),
+}) => ze({
+  name: ye(e),
   canTrack: !0
 }), On = ({
   contentId: e,
   value: t
-}) => Je({
-  name: ge(e),
+}) => Ge({
+  name: ye(e),
   value: t,
   canTrack: !0
-}), Ge = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
+}), Ye = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
   id: e,
   variations: t
 }) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
-}, Ye = (e) => {
+}, Qe = (e) => {
   const t = Dn(e);
   return On({
     contentId: e.id,
@@ -1314,7 +1322,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
   }).catch((n) => {
     B.error("could not store A/B test variation: ", n);
   }), t;
-}, Qe = ({
+}, Xe = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1336,14 +1344,14 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     return e;
   if (!e)
     return;
-  if (!Ge(e))
+  if (!Ye(e))
     return e;
   const n = Fn({
     contentId: e.id
-  }) || Ye({
+  }) || Qe({
     variations: e.variations,
     id: e.id
-  }), o = Qe({
+  }), o = Xe({
     item: e,
     testGroupId: n
   });
@@ -1351,18 +1359,18 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     ...e,
     ...o
   };
-}, Ln = async ({
+}, Mn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ge(e))
+  if (!t || !Ye(e))
     return e;
-  const o = await Nn({
+  const o = await Ln({
     contentId: e.id
-  }) || Ye({
+  }) || Qe({
     variations: e.variations,
     id: e.id
-  }), r = Qe({
+  }), r = Xe({
     item: e,
     testGroupId: o
   });
@@ -1370,7 +1378,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     ...e,
     ...r
   };
-}, G = (e) => U(e) ? e : !0, se = {
+}, G = (e) => D(e) ? e : !0, se = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1399,7 +1407,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
       }
     }
   }]
-}, ie = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1430,7 +1438,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
       }
     }
   }]
-}, Mn = {
+}, jn = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1452,14 +1460,14 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [ae]
     }],
     defaultValue: [{
       title: [se],
-      detail: [ie]
+      detail: [ae]
     }, {
       title: [se],
-      detail: [ie]
+      detail: [ae]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1487,8 +1495,14 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     onChange: (e) => {
       e.get("useChildrenForItems") === !0 && e.set("items", []);
     }
-  }]
-}, jn = (e) => e.toString(), Hn = f({
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Hn = (e) => e.toString(), Kn = f({
   name: "builder-accordion",
   components: { Blocks: M },
   props: [
@@ -1502,7 +1516,7 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: jn };
+    return { open: [], convertOrderNumberToString: Hn };
   },
   computed: {
     onlyOneAtATime() {
@@ -1541,18 +1555,18 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
           `.builder-accordion-title[data-index="${n}"]`
         );
         if (e = n, r) {
-          let s = r.getBoundingClientRect();
+          let i = r.getBoundingClientRect();
           for (; r = r && r.nextElementSibling; )
             if (r) {
               if (r.classList.contains("builder-accordion-detail"))
                 continue;
-              const i = r.getBoundingClientRect();
-              if (i.left > s.left) {
+              const s = r.getBoundingClientRect();
+              if (s.left > i.left) {
                 const l = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(l) || (s = i, e = l);
+                isNaN(l) || (i = s, e = l);
               } else
                 break;
             }
@@ -1583,17 +1597,17 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), Kn = ["data-index", "onClick"];
-function qn(e, t, n, o, r, s) {
-  const i = g("Blocks");
+}), qn = ["data-index", "onClick"];
+function zn(e, t, n, o, r, i) {
+  const s = g("Blocks");
   return d(), p("div", {
     class: "builder-accordion",
-    style: D(e.accordionStyles)
+    style: O(e.accordionStyles)
   }, [
     (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
-        style: D({
+        style: O({
           ...e.accordionTitleStyles,
           width: e.grid ? e.gridRowWidth : void 0,
           order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
@@ -1601,7 +1615,7 @@ function qn(e, t, n, o, r, s) {
         "data-index": a,
         onClick: (u) => e.onClick(a)
       }, [
-        R(i, {
+        $(s, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -1609,13 +1623,13 @@ function qn(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, Kn),
+      ], 14, qn),
       e.open.includes(a) ? (d(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
-        style: D(e.accordionDetailStyles)
+        style: O(e.accordionDetailStyles)
       }, [
-        R(i, {
+        $(s, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -1623,11 +1637,11 @@ function qn(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 6)) : S("", !0)
+      ], 6)) : v("", !0)
     ], 64))), 128))
   ], 4);
 }
-const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
+const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1659,8 +1673,14 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     friendlyName: "Open link in new tab"
   }],
   static: !0,
-  noWrap: !0
-}, Gn = {
+  noWrap: !0,
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !0
+  }
+}, Yn = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1839,7 +1859,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1860,14 +1880,26 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     defaultValue: !1,
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
-  }]
-}, Yn = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Qn = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Qn = {
+}, Xn = {
   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",
@@ -1887,7 +1919,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, l = 6e4) {
+      function n(s, l = 6e4) {
         return new Promise((a, u) => {
           const h = document.createElement("img");
           let c = !1;
@@ -1895,21 +1927,21 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
             c = !0, a(h);
           }, h.addEventListener("error", (m) => {
             console.warn("Image load failed", m.error), u(m.error);
-          }), h.src = i, setTimeout(() => {
+          }), h.src = s, setTimeout(() => {
             c || u(new Error("Image load timed out"));
           }, l);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
+      const r = e.get("image"), i = e.get("aspectRatio");
+      if (fetch(r).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!i || i === 0.7041))
+        return n(r).then((s) => {
           const l = e.get("aspectRatio");
-          e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === r && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
         });
     }
   }, {
@@ -1971,8 +2003,20 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: !0,
     defaultValue: 0.7041
-  }]
-}, Xn = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, Zn = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2011,7 +2055,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
       }
     }
   }]
-}, Zn = {
+}, _n = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2023,16 +2067,22 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     type: "string",
     required: !0,
     defaultValue: "children"
-  }]
-}, _n = f({
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !0,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, eo = f({
   name: "builder-slot",
   components: { Blocks: M },
   props: ["builderContext", "name"]
 });
-function eo(e, t, n, o, r, s) {
+function to(e, t, n, o, r, i) {
   var l, a, u;
-  const i = g("Blocks");
-  return d(), p("div", C(
+  const s = g("Blocks");
+  return d(), p("div", S(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2040,7 +2090,7 @@ function eo(e, t, n, o, r, s) {
       "builder-slot": e.name
     }
   ), [
-    R(i, {
+    $(s, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2048,7 +2098,7 @@ function eo(e, t, n, o, r, s) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
+const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2080,8 +2130,14 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
     name: "useChildren",
     hideFromUI: !0,
     type: "boolean"
-  }]
-}, ae = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, le = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2103,7 +2159,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab"
     }
   }
-}, le = {
+}, ce = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2119,7 +2175,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab content "
     }
   }
-}, oo = {
+}, ro = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2129,16 +2185,16 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [le]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [le]
+      defaultValue: [ce]
     }],
     defaultValue: [{
       label: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2147,7 +2203,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ce,
         component: {
           name: "Text",
           options: {
@@ -2157,7 +2213,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       }]
     }, {
       label: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2166,7 +2222,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ce,
         component: {
           name: "Text",
           options: {
@@ -2215,8 +2271,14 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       label: "Right",
       value: "flex-end"
     }]
-  }]
-}, ro = f({
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, io = f({
   name: "builder-tabs",
   components: { Blocks: M },
   props: [
@@ -2241,13 +2303,13 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), so = ["onClick"], io = { key: 0 };
-function ao(e, t, n, o, r, s) {
-  const i = g("Blocks");
+}), so = ["onClick"], ao = { key: 0 };
+function lo(e, t, n, o, r, i) {
+  const s = g("Blocks");
   return d(), p("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
-      style: D({
+      style: O({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -2257,12 +2319,12 @@ function ao(e, t, n, o, r, s) {
       (d(!0), p(I, null, N(e.tabs, (l, a) => (d(), p("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: D({
+        style: O({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
       }, [
-        R(i, {
+        $(s, {
           parent: e.builderBlock.id,
           path: `component.options.tabs.${a}.label`,
           blocks: l.label,
@@ -2272,8 +2334,8 @@ function ao(e, t, n, o, r, s) {
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
       ], 14, so))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), p("div", io, [
-      R(i, {
+    e.activeTabContent(e.activeTab) ? (d(), p("div", ao, [
+      $(s, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2281,10 +2343,16 @@ function ao(e, t, n, o, r, s) {
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : S("", !0)
+    ])) : v("", !0)
   ]);
 }
-const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
+const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2302,21 +2370,27 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
     height: "auto",
     textAlign: "center"
   }
-}, uo = f({
+}, po = f({
   name: "builder-text",
   props: ["text"]
-}), po = ["innerHTML"];
-function mo(e, t, n, o, r, s) {
-  var i;
+}), mo = ["innerHTML"];
+function ho(e, t, n, o, r, i) {
+  var s;
   return d(), p("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, po);
+  }, null, 8, mo);
 }
-const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
+const fo = /* @__PURE__ */ b(po, [["render", ho]]), bo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2338,7 +2412,7 @@ const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, bo = f({
+}, go = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2372,15 +2446,21 @@ const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
       }
     }
   }
-}), go = ["innerHTML"];
-function yo(e, t, n, o, r, s) {
+}), yo = ["innerHTML"];
+function ko(e, t, n, o, r, i) {
   return d(), p("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, go);
+  }, null, 10, yo);
 }
-const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
+const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2408,7 +2488,7 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, vo = ["text/javascript", "application/javascript", "application/ecmascript"], Co = (e) => vo.includes(e.type), wo = f({
+}, So = ["text/javascript", "application/javascript", "application/ecmascript"], wo = (e) => So.includes(e.type), To = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2441,7 +2521,7 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Co(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (wo(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2450,15 +2530,15 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
       }
     }
   }
-}), To = ["innerHTML"];
-function Io(e, t, n, o, r, s) {
+}), Io = ["innerHTML"];
+function $o(e, t, n, o, r, i) {
   return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, To);
+  }, null, 8, Io);
 }
-const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
+const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2688,16 +2768,22 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         text: "Submit"
       }
     }
-  }]
-}, Eo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Bo = () => {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Po = ["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";
-}, Po = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
+  return Po.includes(e) ? e : "production";
+}, xo = (e, t, n) => {
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
   return o === void 0 || o === e ? n : o;
-}, xo = f({
+}, Ao = f({
   name: "builder-form-component",
-  components: { Block: fe, Blocks: M },
+  components: { Block: be, Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -2726,7 +2812,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: A
+      filterAttrs: x
     };
   },
   methods: {
@@ -2739,7 +2825,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return E() && this.previewState || this.formState;
+      return R() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -2753,15 +2839,15 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         }
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
-        let s;
-        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
+        let i;
+        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
           let m;
-          const v = c.name;
+          const C = c.name;
           if (c instanceof HTMLInputElement)
             if (c.type === "radio") {
               if (c.checked)
                 return m = c.name, {
-                  key: v,
+                  key: C,
                   value: m
                 };
             } else if (c.type === "checkbox")
@@ -2774,7 +2860,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
           else
             m = c.value;
           return {
-            key: v,
+            key: C,
             value: m
           };
         });
@@ -2782,38 +2868,38 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
           (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
-          s = i;
+          i = s;
         else {
           const c = {};
-          Array.from(l).forEach(({ value: m, key: v }) => {
-            Oe(c, v, m);
-          }), s = JSON.stringify(c);
+          Array.from(l).forEach(({ value: m, key: C }) => {
+            Oe(c, C, m);
+          }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const u = new CustomEvent("presubmit", {
           detail: {
-            body: s
+            body: i
           }
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${Bo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${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" ? h : this.action,
           {
-            body: s,
+            body: i,
             headers: r,
             method: this.method || "post"
           }
         ).then(
           async (c) => {
             let m;
-            const v = c.headers.get("content-type");
-            if (v && v.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
-              let y = Po(m, this.errorMessagePath);
+            const C = c.headers.get("content-type");
+            if (C && C.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
+              let y = xo(m, this.errorMessagePath);
               y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
                 formErrorMessage: y
               }));
@@ -2832,12 +2918,12 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const F = new CustomEvent("route", {
+                  const L = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(L), L.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
@@ -2854,14 +2940,14 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       }
     }
   }
-}), Ao = ["validate", "action", "method", "name"], Vo = {
+}), Vo = ["validate", "action", "method", "name"], Wo = {
   key: 3,
   class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function Wo(e, t, n, o, r, s) {
+function No(e, t, n, o, r, i) {
   var a;
-  const i = g("Block"), l = g("Blocks");
-  return d(), p("form", C({
+  const s = g("Block"), l = g("Blocks");
+  return d(), p("form", S({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -2869,35 +2955,41 @@ function Wo(e, t, n, o, r, s) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (d(!0), p(I, { key: 0 }, N((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
+    e.builderBlock && e.builderBlock.children ? (d(!0), p(I, { key: 0 }, N((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(s, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
     e.submissionState() === "error" ? (d(), k(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
+    }, null, 8, ["blocks", "context"])) : v("", !0),
     e.submissionState() === "sending" ? (d(), k(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Wo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, Ao);
+    }, null, 8, ["blocks", "context"])) : v("", !0)
+  ], 16, Vo);
 }
-const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7"]]), Fo = {
+const Lo = /* @__PURE__ */ b(Ao, [["render", No], ["__scopeId", "data-v-489330f7"]]), Fo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2960,11 +3052,11 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7
     "required"
   ],
   data() {
-    return { isEditing: E, filterAttrs: A };
+    return { isEditing: R, filterAttrs: x };
   }
 }), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Uo(e, t, n, o, r, s) {
-  return d(), p("input", C({
+function Uo(e, t, n, o, r, i) {
+  return d(), p("input", S({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -2974,7 +3066,13 @@ function Uo(e, t, n, o, r, s) {
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
 }
-const Lo = /* @__PURE__ */ b(Oo, [["render", Uo]]), Mo = {
+const Mo = /* @__PURE__ */ b(Oo, [["render", Uo]]), jo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3016,28 +3114,34 @@ const Lo = /* @__PURE__ */ b(Oo, [["render", Uo]]), Mo = {
   }],
   static: !0,
   noWrap: !0
-}, jo = f({
+}, Ho = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: E, filterAttrs: A };
+    return { isEditing: R, filterAttrs: x };
   }
-}), Ho = ["value", "defaultValue", "name", "required"], Ko = ["value"];
-function qo(e, t, n, o, r, s) {
-  return d(), p("select", C({
+}), Ko = ["value", "defaultValue", "name", "required"], qo = ["value"];
+function zo(e, t, n, o, r, i) {
+  return d(), p("select", S({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), p(I, null, N(e.options, (i, l) => (d(), p("option", {
-      key: `${i.name}-${l}`,
-      value: i.value
-    }, ne(i.name || i.value), 9, Ko))), 128))
-  ], 16, Ho);
+    (d(!0), p(I, null, N(e.options, (s, l) => (d(), p("option", {
+      key: `${s.name}-${l}`,
+      value: s.value
+    }, ne(s.name || s.value), 9, qo))), 128))
+  ], 16, Ko);
 }
-const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
+const Jo = /* @__PURE__ */ b(Ho, [["render", zo]]), Go = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3062,17 +3166,23 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Go = f({
+}, Yo = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: x };
   }
 });
-function Yo(e, t, n, o, r, s) {
-  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+function Qo(e, t, n, o, r, i) {
+  return d(), p("button", S({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
+const Xo = /* @__PURE__ */ b(Yo, [["render", Qo]]), Zo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3108,7 +3218,7 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   },
   static: !0,
   noWrap: !0
-}, Zo = f({
+}, _o = f({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3119,19 +3229,25 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
     "required"
   ],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: x };
   }
-}), _o = ["placeholder", "name", "value", "defaultValue", "required"];
-function er(e, t, n, o, r, s) {
-  return d(), p("textarea", C({
+}), er = ["placeholder", "name", "value", "defaultValue", "required"];
+function tr(e, t, n, o, r, i) {
+  return d(), p("textarea", S({
     placeholder: e.placeholder,
     name: e.name,
     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, _o);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, er);
 }
-const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
+const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3145,7 +3261,7 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
   }],
   noWrap: !0,
   static: !0
-}, or = f({
+}, rr = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3156,11 +3272,11 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
     "attributes"
   ],
   data() {
-    return { isEditing: E, filterAttrs: A };
+    return { isEditing: R, filterAttrs: x };
   }
-}), rr = ["alt", "src"];
-function sr(e, t, n, o, r, s) {
-  return d(), p("img", C({
+}), ir = ["alt", "src"];
+function sr(e, t, n, o, r, i) {
+  return d(), p("img", S({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3168,9 +3284,9 @@ function sr(e, t, n, o, r, s) {
     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, rr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ir);
 }
-const ir = /* @__PURE__ */ b(or, [["render", sr]]), ar = {
+const ar = /* @__PURE__ */ b(rr, [["render", sr]]), lr = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3250,8 +3366,14 @@ const ir = /* @__PURE__ */ b(or, [["render", sr]]), ar = {
     helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
     defaultValue: !0,
     advanced: !0
-  }]
-}, lr = f({
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, cr = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3296,16 +3418,16 @@ const ir = /* @__PURE__ */ b(or, [["render", sr]]), ar = {
       };
     }
   }
-}), cr = { style: {
+}), dr = { style: {
   position: "relative"
-} }, dr = ["preload", "src", "poster"], ur = ["src"], pr = {
+} }, ur = ["preload", "src", "poster"], pr = ["src"], mr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, mr = {
+}, hr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3319,16 +3441,16 @@ const ir = /* @__PURE__ */ b(or, [["render", sr]]), ar = {
     height: "100%"
   }
 };
-function hr(e, t, n, o, r, s) {
-  var i, l, a, u, h, c, m;
-  return d(), p("div", cr, [
-    z("video", C({
+function fr(e, t, n, o, r, i) {
+  var s, l, a, u, h, c, m;
+  return d(), p("div", dr, [
+    z("video", S({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(i = e.attributes) == null ? void 0 : i.style,
+        ...(s = e.attributes) == null ? void 0 : s.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -3342,102 +3464,102 @@ function hr(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (d(), p("source", {
+      e.lazyLoad ? v("", !0) : (d(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, ur))
-    ], 16, dr),
+      }, null, 8, pr))
+    ], 16, ur),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), p("div", {
       key: 0,
-      style: D({
+      style: O({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", pr, [
-      x(e.$slots, "default")
-    ])) : S("", !0),
-    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", mr, [
-      x(e.$slots, "default")
-    ])) : S("", !0)
+    }, null, 4)) : v("", !0),
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", mr, [
+      E(e.$slots, "default")
+    ])) : v("", !0),
+    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", hr, [
+      E(e.$slots, "default")
+    ])) : v("", !0)
   ]);
 }
-const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
-  component: ko,
-  ...fo
-}, {
-  component: $o,
-  ...So
+const br = /* @__PURE__ */ b(cr, [["render", fr]]), gr = () => [{
+  component: vo,
+  ...bo
 }, {
-  component: No,
-  ...Ro
+  component: Ro,
+  ...Co
 }, {
   component: Lo,
-  ...Fo
+  ...Bo
 }, {
-  component: Qo,
-  ...Jo
+  component: Mo,
+  ...Fo
 }, {
-  component: zo,
-  ...Mo
+  component: Xo,
+  ...Go
 }, {
-  component: tr,
-  ...Xo
+  component: Jo,
+  ...jo
 }, {
-  component: ir,
-  ...nr
+  component: nr,
+  ...Zo
 }, {
-  component: fr,
-  ...ar
-}], we = () => [{
-  component: Ct,
-  ...Jn
+  component: ar,
+  ...or
 }, {
-  component: fn,
+  component: br,
+  ...lr
+}], Te = () => [{
+  component: wt,
   ...Gn
 }, {
-  component: yn,
+  component: bn,
   ...Yn
 }, {
-  component: $n,
+  component: kn,
   ...Qn
 }, {
-  component: Bn,
+  component: Rn,
   ...Xn
 }, {
-  component: to,
+  component: En,
   ...Zn
 }, {
-  component: Is,
-  ...no
-}, {
-  component: ho,
-  ...co
+  component: no,
+  ..._n
 }, {
-  component: lo,
+  component: $i,
   ...oo
 }, {
-  component: zn,
-  ...Mn
-}, ...br()], gr = (e) => ({
+  component: fo,
+  ...uo
+}, {
+  component: co,
+  ...ro
+}, {
+  component: Jn,
+  ...jn
+}, ...gr()], yr = (e) => ({
   type: "builder.registerComponent",
-  data: de(e)
-}), yr = (e) => {
+  data: ue(e)
+}), kr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, kr = (e) => typeof e == "function" ? yr(e) : Y(e), de = ({
+}, vr = (e) => typeof e == "function" ? kr(e) : Y(e), ue = ({
   inputs: e,
   ...t
 }) => ({
   ...Y(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: kr(s)
+    [r]: vr(i)
   }), {}))
-}), Sr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Cr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3493,7 +3615,7 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, vr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Sr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3527,27 +3649,27 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Xe = "builderIoAbTest", Ze = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Ze = "builderIoAbTest", _e = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Cr = ({
+})), wr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), wr = (e) => e === "react" || e === "reactNative", _e = wr($), Tr = () => `
-  window.${Xe} = ${Sr}
-  window.${Ze} = ${vr}
-  `, Ir = (e, t) => `
-  window.${Xe}(
-    "${t}",${JSON.stringify(e)}, ${_e}
-  )`, $r = ({
+}) => !(!(_(t).length > 0) || !e), Tr = (e) => e === "react" || e === "reactNative", et = Tr(A), Ir = () => `
+  window.${Ze} = ${Cr}
+  window.${_e} = ${Sr}
+  `, $r = (e, t) => `
+  window.${Ze}(
+    "${t}",${JSON.stringify(e)}, ${et}
+  )`, Rr = ({
   contentId: e,
   variationId: t
-}) => `window.${Ze}(
-    "${t}", "${e}", ${_e}
-  )`, et = f({
+}) => `window.${_e}(
+    "${t}", "${e}", ${et}
+  )`, tt = f({
   render() {
-    return xe("script", {
+    return Ae("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id
     });
@@ -3555,115 +3677,115 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Rr() {
+function Br() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Er() {
-  const e = Rr().fetch;
+function Pr() {
+  const e = Br().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 tt = Er();
-function ue(e, t = null, n = ".") {
+const nt = Pr();
+function pe(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...ue(s, i, n)
+      ...pe(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
-function nt(e, t, n = {}) {
+function ot(e, t, n = {}) {
   for (const o in e) {
-    const r = e[o], s = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? nt(r, s, n) : n[s] = r;
+    const r = e[o], i = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? ot(r, i, n) : n[i] = r;
   }
   return n;
 }
-const Br = "v3", Te = "builder.", Pr = "options.", ot = (e) => {
+const Er = "v3", Ie = "builder.", xr = "options.", rt = (e) => {
   if (!e)
     return {};
-  const t = Ve(e), n = {};
+  const t = We(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Te)) {
-      const r = o.replace(Te, "").replace(Pr, "");
+    if (o.startsWith(Ie)) {
+      const r = o.replace(Ie, "").replace(xr, "");
       n[r] = t[o];
     }
   }), n;
-}, xr = () => {
+}, Ar = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ot(e);
-}, Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (e) => {
+  return rt(e);
+}, $e = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
     query: o,
     model: r,
-    apiKey: s,
-    enrich: i,
+    apiKey: i,
+    enrich: s,
     locale: l,
-    apiVersion: a = Br,
+    apiVersion: a = Er,
     fields: u,
     omit: h,
     offset: c,
     cacheSeconds: m,
-    staleCacheSeconds: v,
+    staleCacheSeconds: C,
     sort: y,
-    includeUnpublished: F
+    includeUnpublished: L
   } = e;
-  if (!s)
+  if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const X = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (w.searchParams.set("apiKey", s), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), i && w.searchParams.set("enrich", String(i)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), v && Ie(v) && w.searchParams.set("staleCacheSeconds", String(v)), y) {
-    const O = ue({
+  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof L == "boolean" && w.searchParams.set("includeUnpublished", String(L)), m && $e(m) && w.searchParams.set("cacheSeconds", String(m)), C && $e(C) && w.searchParams.set("staleCacheSeconds", String(C)), y) {
+    const F = pe({
       sort: y
     });
-    for (const j in O)
-      w.searchParams.set(j, JSON.stringify(O[j]));
+    for (const j in F)
+      w.searchParams.set(j, JSON.stringify(F[j]));
   }
-  const ut = {
-    ...xr(),
-    ...Ve(e.options || {})
-  }, Se = ue(ut);
-  for (const O in Se)
-    w.searchParams.set(O, String(Se[O]));
+  const pt = {
+    ...Ar(),
+    ...We(e.options || {})
+  }, Ce = pe(pt);
+  for (const F in Ce)
+    w.searchParams.set(F, String(Ce[F]));
   if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const O = nt({
+    const F = ot({
       query: o
     });
-    for (const j in O)
-      w.searchParams.set(j, JSON.stringify(O[j]));
+    for (const j in F)
+      w.searchParams.set(j, JSON.stringify(F[j]));
   }
   return w;
-}, Ar = (e) => "results" in e;
-async function ke(e) {
-  const t = await Nr({
+}, Vr = (e) => "results" in e;
+async function ve(e) {
+  const t = await Lr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Vr = async (e) => {
-  const t = ye(e);
-  return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Wr = async (e, t, n = ye(e)) => {
+const Wr = async (e) => {
+  const t = ke(e);
+  return await (await (e.fetch ?? nt)(t.href, e.fetchOptions)).json();
+}, Nr = async (e, t, n = ke(e)) => {
   const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !(T() || $ === "reactNative"))
+  if (n.search.includes("preview="), !o || !(T() || A === "reactNative"))
     return t.results;
   try {
     const r = [];
-    for (const s of t.results)
-      r.push(await Ln({
-        item: s,
+    for (const i of t.results)
+      r.push(await Mn({
+        item: i,
         canTrack: o
       }));
     t.results = r;
@@ -3672,10 +3794,10 @@ const Vr = async (e) => {
   }
   return t.results;
 };
-async function Nr(e) {
+async function Lr(e) {
   try {
-    const t = ye(e), n = await Vr(e);
-    return Ar(n) ? Wr(e, n) : (B.error("Error fetching data. ", {
+    const t = ke(e), n = await Wr(e);
+    return Vr(n) ? Nr(e, n) : (B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3686,7 +3808,7 @@ async function Nr(e) {
 }
 function Fr(e) {
   const t = e || (T() ? window.location.search : void 0);
-  return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? Ne(t).indexOf("builder.preview=") !== -1 : !1;
 }
 function Or() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -3694,7 +3816,7 @@ function Or() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function rt() {
+function it() {
   return Or().replace(/-/g, "");
 }
 const st = "builderSessionId", Dr = async ({
@@ -3702,74 +3824,74 @@ const st = "builderSessionId", Dr = async ({
 }) => {
   if (!e)
     return;
-  const t = await ze({
+  const t = await Je({
     name: st,
     canTrack: e
   });
-  if (U(t))
+  if (D(t))
     return t;
   {
     const n = Ur();
-    return Lr({
+    return Mr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ur = () => rt(), Lr = ({
+}, Ur = () => it(), Mr = ({
   id: e,
   canTrack: t
-}) => Je({
+}) => Ge({
   name: st,
   value: e,
   canTrack: t
-}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Mr = ({
+}), at = () => T() && typeof localStorage < "u" ? localStorage : void 0, jr = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = it()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = at()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, jr = ({
+}, Hr = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = it()) == null || o.setItem(e, n));
+    t && ((o = at()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", Hr = ({
+}, lt = "builderVisitorId", Kr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Mr({
-    key: at,
+  const t = jr({
+    key: lt,
     canTrack: e
   });
-  if (U(t))
+  if (D(t))
     return t;
   {
-    const n = Kr();
-    return qr({
+    const n = qr();
+    return zr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Kr = () => rt(), qr = ({
+}, qr = () => it(), zr = ({
   id: e,
   canTrack: t
-}) => jr({
-  key: at,
+}) => Hr({
+  key: lt,
   value: e,
   canTrack: t
-}), zr = async ({
+}), Jr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3779,14 +3901,14 @@ const st = "builderSessionId", Dr = async ({
     };
   const t = await Dr({
     canTrack: e
-  }), n = Hr({
+  }), n = Kr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Jr = async ({
+}, Gr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3800,23 +3922,23 @@ const st = "builderSessionId", Dr = async ({
       url: location.href,
       ...o
     },
-    ...await zr({
+    ...await Jr({
       canTrack: t
     }),
-    userAttributes: Ne(),
+    userAttributes: Le(),
     ownerId: n
   }
 });
-async function pe(e) {
+async function me(e) {
   if (!e.apiKey) {
     B.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !E() && (T() || $ === "reactNative"))
+  if (e.canTrack && !R() && (T() || A === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Jr(e)]
+        events: [await Gr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3826,14 +3948,14 @@ async function pe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Ws = (e) => pe({
+const Ni = (e) => me({
   ...e,
   canTrack: !0
 });
-function $e(e) {
+function Re(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Gr = (e, t, n = !0) => {
+const Yr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3844,45 +3966,45 @@ const Gr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Yr = (e) => Gr(e, (t) => {
+}, Qr = (e) => Yr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Re = ({
+}), Be = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = $e(o / n.width), i = $e(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Re(o / n.width), s = Re(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
-}, Qr = (e) => {
-  const t = e.target, n = t && Yr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Xr = (e) => {
+  const t = e.target, n = t && Qr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Re({
+      targetOffset: t ? Be({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Re({
+      builderTargetOffset: n ? Be({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Xr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function lt(e, t) {
+}, Zr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function ct(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Xr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || Zr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Zr = "1.0.36", Ee = {};
-function _r(e, t) {
-  let n = Ee[e];
-  if (n || (n = Ee[e] = []), n.push(t), T()) {
+const _r = "1.1.1", Pe = {};
+function ei(e, t) {
+  let n = Pe[e];
+  if (n || (n = Pe[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -3897,8 +4019,8 @@ function _r(e, t) {
     }
   }
 }
-const es = () => {
-  _r("insertMenu", {
+const ti = () => {
+  ei("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3920,14 +4042,14 @@ const es = () => {
     }]
   });
 };
-let Be = !1;
-const ct = (e = {}) => {
+let Ee = !1;
+const dt = (e = {}) => {
   var t, n;
-  Be || (Be = !0, T() && ((t = window.parent) == null || t.postMessage({
+  Ee || (Ee = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: $,
-      version: Zr,
+      target: A,
+      version: _r,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3940,8 +4062,8 @@ const ct = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var s, i;
-    if (!lt(e.trustedHosts, o))
+    var i, s;
+    if (!ct(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -3953,25 +4075,25 @@ const ct = (e = {}) => {
           let c, m = null;
           try {
             c = h.apply(null, a);
-          } catch (v) {
-            m = v;
+          } catch (C) {
+            m = C;
           }
-          m ? (s = window.parent) == null || s.postMessage({
+          m ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
               error: m.message
             }
-          }, "*") : c && typeof c.then == "function" ? c.then((v) => {
+          }, "*") : c && typeof c.then == "function" ? c.then((C) => {
             var y;
             (y = window.parent) == null || y.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: v
+                result: C
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: c,
@@ -3982,12 +4104,12 @@ const ct = (e = {}) => {
         }
       }
   })));
-}, dt = ({
+}, ut = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!lt(t, o))
+  if (!ct(t, o))
     return;
   const {
     data: r
@@ -4003,17 +4125,17 @@ const ct = (e = {}) => {
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
-        i === e && n.contentUpdate(l);
+        const i = r.data, s = i.key || i.alias || i.entry || i.modelName, l = i.data;
+        s === e && n.contentUpdate(l);
         break;
       }
     }
-}, Ns = (e, t, n) => {
+}, Li = (e, t, n) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  ct();
-  const o = dt({
+  dt();
+  const o = ut({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -4027,9 +4149,9 @@ const ct = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, ts = (e) => {
-  var s;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
+}, ni = (e) => {
+  var i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -4039,29 +4161,29 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const i in e.files) {
-      if (!(String(Number(i)) === i))
+    for (const s in e.files) {
+      if (!(String(Number(s)) === s))
         continue;
-      const a = e.files[i];
+      const a = e.files[s];
       a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${a}') format('woff2');
 font-display: fallback;
-font-weight: ${i};
+font-weight: ${s};
 }
         `.trim());
     }
   return r;
-}, ns = ({
+}, oi = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ts(n))) == null ? void 0 : t.join(" ")) || "";
-}, os = ({
+  return ((t = e == null ? void 0 : e.map((n) => ni(n))) == null ? void 0 : t.join(" ")) || "";
+}, ri = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", rs = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ii = `
 .builder-button {
   all: unset;
 }
@@ -4078,7 +4200,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, ss = (e) => e ? "" : rs, is = (e) => `variant-${e}`, as = f({
+`, si = (e) => e ? "" : ii, ai = (e) => `variant-${e}`, li = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4102,33 +4224,33 @@ font-weight: ${i};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: ce,
-      getWrapperClassName: is
+      builderContext: de,
+      getWrapperClassName: ai
     };
   },
   provide() {
     const e = this;
     return {
-      [ce.key]: e.builderContextSignal
+      [de.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
       if (T()) {
-        if (E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && G(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          pe({
+          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
+          me({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: l,
-            variationId: s !== i ? s : void 0
+            variationId: i !== s ? i : void 0
           });
         }
-        Fr() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Fr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -4234,7 +4356,7 @@ font-weight: ${i};
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, r, i, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -4245,13 +4367,13 @@ font-weight: ${i};
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return dt({
+      return ut({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4265,7 +4387,7 @@ font-weight: ${i};
             });
           },
           animation: (t) => {
-            Me(t);
+            je(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4292,13 +4414,13 @@ font-weight: ${i};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        pe({
+        me({
           type: "click",
           canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Qr(e),
+          ...Xr(e),
           unique: !this.clicked
         });
       }
@@ -4308,12 +4430,12 @@ font-weight: ${i};
       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, r]) => {
-        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !E())
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !R())
           return;
         this.httpReqsPending[o] = !0;
-        const s = r.replace(
+        const i = r.replace(
           /{{([^}]+)}}/g,
-          (i, l) => String(
+          (s, l) => String(
             te({
               code: l,
               context: this.context || {},
@@ -4324,19 +4446,19 @@ font-weight: ${i};
             })
           )
         );
-        tt(s).then((i) => i.json()).then((i) => {
+        nt(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
-            [o]: i
+            [o]: s
           }), this.httpReqsData[o] = !0;
-        }).catch((i) => {
-          console.error("error fetching dynamic data", r, i);
+        }).catch((s) => {
+          console.error("error fetching dynamic data", r, s);
         }).finally(() => {
           this.httpReqsPending[o] = !1;
         });
       });
     },
     emitStateUpdate() {
-      E() && window.dispatchEvent(
+      R() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -4351,7 +4473,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), es(), ct({
+      window.addEventListener("message", this.processMessage), ti(), dt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4365,7 +4487,7 @@ font-weight: ${i};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = gr(t);
+        const n = yr(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4376,68 +4498,68 @@ font-weight: ${i};
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ke({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ve({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((i) => {
+        i && this.mergeNewContent(i);
       });
     }
   }
 });
-function ls(e, t, n, o, r, s) {
-  var i, l, a;
-  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
+function ci(e, t, n, o, r, i) {
+  var s, l, a;
+  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), S({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
     class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
     default: W(() => [
-      x(e.$slots, "default")
+      E(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const cs = /* @__PURE__ */ b(as, [["render", ls]]), ds = f({
+const di = /* @__PURE__ */ b(li, [["render", ci]]), ui = f({
   name: "content-styles",
-  components: { InlinedStyles: be },
+  components: { InlinedStyles: ge },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${os({
+${ri({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${ns({
+${oi({
         customFonts: this.customFonts
       })}
-${ss(this.isNestedRender)}
+${si(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function us(e, t, n, o, r, s) {
-  const i = g("InlinedStyles");
-  return d(), k(i, {
+function pi(e, t, n, o, r, i) {
+  const s = g("InlinedStyles");
+  return d(), k(s, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
+const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, l;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
+  var i, s, l;
+  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
+  return (l = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || l.forEach((a) => {
     a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
@@ -4447,7 +4569,7 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
       locale: n
     } : {}
   };
-}, hs = ({
+}, fi = ({
   content: e,
   data: t
 }) => e ? {
@@ -4457,12 +4579,12 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, fs = ft, bs = f({
+} : void 0, bi = bt, gi = f({
   name: "content-component",
   components: {
-    EnableEditor: cs,
-    InlinedScript: et,
-    ContentStyles: ps,
+    EnableEditor: di,
+    InlinedScript: tt,
+    ContentStyles: mi,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4490,32 +4612,32 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
   data() {
     var e, t;
     return {
-      scriptStr: $r({
+      scriptStr: Rr({
         // 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: [
-        ...we(),
+        ...Te(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: fs(o),
-            ...de(r)
+            component: bi(o),
+            ...ue(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: hs({
+        content: fi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: ms({
+        rootState: hi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4526,12 +4648,12 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...we(),
+          ...Te(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: de(r)
+            [r.name]: ue(r)
           }),
           {}
         ),
@@ -4539,13 +4661,13 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: $
+      TARGET: A
     };
   },
   provide() {
     const e = this;
     return {
-      [Ae.key]: {
+      [Ve.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4556,9 +4678,9 @@ const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
     }
   }
 });
-function gs(e, t, n, o, r, s) {
-  const i = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
-  return d(), k(u, C({
+function yi(e, t, n, o, r, i) {
+  const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
+  return d(), k(u, S({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4574,22 +4696,22 @@ function gs(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: W(() => {
-      var h, c, m, v, y, F, X;
+      var h, c, m, C, y, L, X;
       return [
-        e.isSsrAbTest ? (d(), k(i, {
+        e.isSsrAbTest ? (d(), k(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : S("", !0),
+        }, null, 8, ["scriptStr"])) : v("", !0),
         e.TARGET !== "reactNative" ? (d(), k(l, {
           key: 1,
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
           cssCode: (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
-          customFonts: (y = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : y.customFonts
-        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
-        R(a, {
-          blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
+          customFonts: (y = (C = e.builderContextSignal.content) == null ? void 0 : C.data) == null ? void 0 : y.customFonts
+        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+        $(a, {
+          blocks: (X = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4599,12 +4721,12 @@ function gs(e, t, n, o, r, s) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const ys = /* @__PURE__ */ b(bs, [["render", gs]]), ks = f({
+const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
   name: "content-variants",
   components: {
-    InlinedScript: et,
-    InlinedStyles: be,
-    ContentComponent: ys
+    InlinedScript: tt,
+    InlinedStyles: ge,
+    ContentComponent: ki
   },
   props: [
     "canTrack",
@@ -4627,21 +4749,23 @@ const ys = /* @__PURE__ */ b(bs, [["render", gs]]), ks = f({
   ],
   data() {
     return {
-      shouldRenderVariants: Cr({
+      shouldRenderVariants: wr({
         canTrack: G(this.canTrack),
         content: this.content
       }),
-      TARGET: $,
-      getInitVariantsFnsScriptString: Tr,
+      TARGET: A,
+      getInitVariantsFnsScriptString: Ir,
       getVariants: _
     };
   },
   mounted() {
   },
+  updated() {
+  },
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Ir(
+      return $r(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4664,20 +4788,20 @@ const ys = /* @__PURE__ */ b(bs, [["render", gs]]), ks = f({
     }
   }
 });
-function Ss(e, t, n, o, r, s) {
-  const i = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
+function Ci(e, t, n, o, r, i) {
+  const s = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
   return d(), p(I, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString()
-    }, null, 8, ["scriptStr"])) : S("", !0),
+    }, null, 8, ["scriptStr"])) : v("", !0),
     e.shouldRenderVariants ? (d(), p(I, { key: 1 }, [
-      R(l, {
+      $(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
       }, null, 8, ["styles"]),
-      R(i, {
+      $(s, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
@@ -4703,8 +4827,8 @@ function Ss(e, t, n, o, r, s) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : S("", !0),
-    R(a, C({
+    ], 64)) : v("", !0),
+    $(a, S({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4729,13 +4853,13 @@ function Ss(e, t, n, o, r, s) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
+const Si = /* @__PURE__ */ b(vi, [["render", Ci]]), wi = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   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 ke({
+    return ve({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4747,9 +4871,9 @@ const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, ws = f({
+}, Ti = f({
   name: "builder-symbol",
-  components: { ContentVariants: vs, DynamicDiv: Q },
+  components: { ContentVariants: Si, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4761,7 +4885,7 @@ const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: A };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: x };
   },
   mounted() {
     this.setContent();
@@ -4798,7 +4922,7 @@ const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Cs({
+      this.contentToUse || wi({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4807,11 +4931,11 @@ const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
     }
   }
 });
-function Ts(e, t, n, o, r, s) {
+function Ii(e, t, n, o, r, i) {
   var l, a, u, h, c;
-  const i = g("ContentVariants");
-  return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    R(i, {
+  const s = g("ContentVariants");
+  return d(), p("div", S({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    $(s, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -4834,19 +4958,19 @@ function Ts(e, t, n, o, r, s) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Is = /* @__PURE__ */ b(ws, [["render", Ts]]), Pe = {};
-function Fs(e) {
+const $i = /* @__PURE__ */ b(Ti, [["render", Ii]]), xe = {};
+function Fi(e) {
   if (T()) {
-    Object.assign(Pe, e);
+    Object.assign(xe, e);
     const t = {
       type: "builder.settingsChange",
-      data: Pe
+      data: xe
     };
     parent.postMessage(t, "*");
   }
 }
-const Os = async (e) => {
-  var o, r, s;
+const Oi = async (e) => {
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -4857,52 +4981,52 @@ const Os = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ot(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: rt(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await ke(n)
+    content: await ve(n)
   };
 };
 export {
-  Wr as A,
-  fe as B,
-  fn as C,
-  Nr as D,
-  ke as E,
-  yn as F,
-  Bs as G,
-  As as H,
-  $n as I,
-  Bn as S,
-  $ as T,
-  fr as V,
-  be as _,
-  un as a,
-  Ps as b,
-  U as c,
-  Vs as d,
-  he as e,
+  Nr as A,
+  be as B,
+  bn as C,
+  Lr as D,
+  ve as E,
+  kn as F,
+  Ei as G,
+  Vi as H,
+  Rn as I,
+  En as S,
+  A as T,
+  br as V,
+  ge as _,
+  pn as a,
+  xi as b,
+  D as c,
+  Wi as d,
+  fe as e,
   b as f,
   De as g,
   te as h,
-  xs as i,
+  Ai as i,
   ee as j,
-  ce as k,
-  Ct as l,
-  Is as m,
-  ho as n,
+  de as k,
+  wt as l,
+  $i as m,
+  fo as n,
   M as o,
-  vs as p,
-  E as q,
+  Si as p,
+  R as q,
   Fr as r,
-  gr as s,
-  _r as t,
-  Fs as u,
-  ot as v,
-  fs as w,
-  Ws as x,
-  Ns as y,
-  Os as z
+  yr as s,
+  ei as t,
+  Fi as u,
+  rt as v,
+  bi as w,
+  Ni as x,
+  Li as y,
+  Oi as z
 };