@builder.io/sdk-vue 1.0.23 → 1.0.25

package/lib/browser/{index-T89gD77O.js → index-buEOnV4i.js}

@@ -1,10 +1,10 @@
-var it = Object.defineProperty;
-var at = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var _ = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
+var ct = Object.defineProperty;
+var dt = (e, t, n) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var oe = (e, t, n) => (dt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as D, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as q, createVNode as x, renderList as U, createCommentVNode as v, h as Ie, createElementVNode as te, normalizeStyle as ne, normalizeClass as $e, markRaw as ct } from "vue";
-const dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ut = (e) => typeof e == "string" && dt.has(e.toLowerCase());
-function O(e = {}, t, n) {
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as k, resolveDynamicComponent as H, mergeProps as w, toHandlers as x, withCtx as B, renderSlot as P, resolveComponent as y, createTextVNode as ut, toDisplayString as ne, defineAsyncComponent as D, createVNode as E, renderList as O, createCommentVNode as S, h as Ee, createElementVNode as Z, normalizeStyle as K, normalizeClass as de, markRaw as pt } from "vue";
+const mt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ht = (e) => typeof e == "string" && mt.has(e.toLowerCase());
+function W(e = {}, t, n) {
   const o = {};
   for (const s in e) {
     if (!e[s] || n && !s.startsWith(t))
@@ -14,26 +14,26 @@ function O(e = {}, t, n) {
   }
   return o;
 }
-const pt = f({
+const ft = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: ut };
+    return { isEmptyElement: ht };
   }
-}), y = (e, t) => {
+}), b = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
     n[o] = s;
   return n;
 };
-function mt(e, t, n, o, s, r) {
-  return e.isEmptyElement(e.TagName) ? (u(), g(D(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
-    typeof e.TagName == "string" ? (u(), g(D(e.TagName), w({ key: 0 }, e.attributes, E(e.actionAttributes)), {
+function bt(e, t, n, o, s, r) {
+  return e.isEmptyElement(e.TagName) ? (u(), k(H(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
+    typeof e.TagName == "string" ? (u(), k(H(e.TagName), w({ key: 0 }, e.attributes, x(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (u(), g(D(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), {
+    }, 16)) : (u(), k(H(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
@@ -41,10 +41,10 @@ function mt(e, t, n, o, s, r) {
     }, 16))
   ], 64));
 }
-const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ue = /* @__PURE__ */ b(ft, [["render", bt]]), hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ie
-}, Symbol.toStringTag, { value: "Module" })), V = "vue", ae = () => {
+  default: ue
+}, Symbol.toStringTag, { value: "Module" })), V = "vue", ee = () => {
   switch (V) {
     case "react":
     case "reactNative":
@@ -54,11 +54,12 @@ const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Xs = /* @__PURE__ */ Object.
     case "vue":
     case "solid":
     case "qwik":
+    case "angular":
       return "class";
   }
-}, ht = f({
+}, gt = f({
   name: "builder-button",
-  components: { DynamicRenderer: ie },
+  components: { DynamicRenderer: ue },
   props: [
     "attributes",
     "link",
@@ -67,33 +68,38 @@ const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Xs = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { getClassPropName: ae, filterAttrs: O };
+    return { filterAttrs: W };
+  },
+  methods: {
+    attrs() {
+      return {
+        ...W(this.attributes, "v-on:", !1),
+        [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
+        ...this.link ? {
+          href: this.link,
+          target: this.openLinkInNewTab ? "_blank" : void 0,
+          role: "link"
+        } : {
+          role: "button"
+        }
+      };
+    }
   }
 });
-function ft(e, t, n, o, s, r) {
-  const i = k("dynamic-renderer");
-  return u(), g(i, {
-    attributes: {
-      ...e.filterAttrs(e.attributes, "v-on:", !1),
-      [e.getClassPropName()]: `${e.link ? "" : "builder-button"} ${e.attributes[e.getClassPropName()] || ""}`,
-      ...e.link ? {
-        href: e.link,
-        target: e.openLinkInNewTab ? "_blank" : void 0,
-        role: "link"
-      } : {
-        role: "button"
-      }
-    },
+function yt(e, t, n, o, s, r) {
+  const i = y("dynamic-renderer");
+  return u(), k(i, {
+    attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: B(() => [
-      lt(X(e.text), 1)
+      ut(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const bt = /* @__PURE__ */ y(ht, [["render", ft]]), gt = Symbol(), oe = {
+const kt = /* @__PURE__ */ b(gt, [["render", yt]]), vt = Symbol(), ae = {
   Builder: {
     content: null,
     context: {},
@@ -108,12 +114,12 @@ const bt = /* @__PURE__ */ y(ht, [["render", ft]]), gt = Symbol(), oe = {
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: gt
-}, yt = Symbol(), Te = {
+  key: vt
+}, St = Symbol(), Pe = {
   Components: { registeredComponents: {} },
-  key: yt
+  key: St
 };
-function kt(e) {
+function Ct(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -124,36 +130,36 @@ function kt(e) {
     builderBlock: e
   };
 }
-const J = "[Builder.io]: ", R = {
-  log: (...e) => console.log(J, ...e),
-  error: (...e) => console.error(J, ...e),
-  warn: (...e) => console.warn(J, ...e),
-  debug: (...e) => console.debug(J, ...e)
+const _ = "[Builder.io]: ", R = {
+  log: (...e) => console.log(_, ...e),
+  error: (...e) => console.error(_, ...e),
+  warn: (...e) => console.warn(_, ...e),
+  debug: (...e) => console.debug(_, ...e)
 };
-function I() {
+function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const St = (e) => {
+const wt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Re = (e) => e instanceof URLSearchParams ? St(e) : e, Ee = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function vt() {
-  return I() && window.self !== window.top;
+}, xe = (e) => e instanceof URLSearchParams ? wt(e) : e, Ve = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Tt() {
+  return T() && window.self !== window.top;
 }
-function T(e) {
-  return vt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Ee(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function I(e) {
+  return Tt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  Ve(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Ct = () => {
-  if (I()) {
+const $t = () => {
+  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;
-}, wt = () => typeof navigator == "object" && navigator.userAgent || "", Pe = () => {
-  const e = wt(), t = {
+}, It = () => typeof navigator == "object" && navigator.userAgent || "", Ae = () => {
+  const e = It(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -172,13 +178,13 @@ const Ct = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || V === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Ct();
+  }, n = e.match(/Tablet|iPad/i), o = $t();
   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"
   };
-}, It = ({
+}, Rt = ({
   builder: e,
   context: t,
   event: n,
@@ -190,14 +196,14 @@ const Ct = () => {
   builder: e,
   context: t,
   event: n
-}), $t = () => ({
-  isEditing: T(),
-  isBrowser: I(),
-  isServer: !I(),
-  getUserAttributes: () => Pe()
-}), Tt = (e, {
+}), Et = () => ({
+  isEditing: I(),
+  isBrowser: T(),
+  isServer: !T(),
+  getUserAttributes: () => Ae()
+}), Pt = (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, he = ({
+}) => /* 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, ye = ({
   code: e,
   builder: t,
   context: n,
@@ -206,11 +212,11 @@ const Ct = () => {
   rootSetState: r,
   rootState: i
 }) => {
-  const a = It({
+  const a = Rt({
     builder: t,
     context: n,
     event: o,
-    state: Ve({
+    state: Be({
       rootState: i,
       localState: s,
       rootSetState: r
@@ -218,7 +224,7 @@ const Ct = () => {
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function Ve({
+function Be({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -228,7 +234,7 @@ function Ve({
       if (t && s in t)
         return t[s];
       const r = o[s];
-      return typeof r == "object" && r !== null ? Ve({
+      return typeof r == "object" && r !== null ? Be({
         rootState: r,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -243,18 +249,18 @@ function Ve({
     }
   });
 }
-const F = (e) => e != null;
-function Rt() {
+const U = (e) => e != null;
+function xt() {
   var e;
-  return typeof process < "u" && F((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && U((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Et = () => {
+const Vt = () => {
   var o;
-  if (!Rt())
+  if (!xt())
     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 ? (R.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;
-}, Pt = (e) => (I() || Et(), he(e)), A = class A {
+}, At = (e) => (T() || Vt(), ye(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -272,9 +278,9 @@ const Et = () => {
     });
   }
 };
-_(A, "cacheLimit", 20), _(A, "cache", /* @__PURE__ */ new Map());
+oe(A, "cacheLimit", 20), oe(A, "cache", /* @__PURE__ */ new Map());
 let L = A;
-function Q({
+function te({
   code: e,
   context: t,
   localState: n,
@@ -287,10 +293,10 @@ function Q({
   if (e === "")
     return;
   const l = {
-    code: Tt(e, {
+    code: Pt(e, {
       isExpression: i
     }),
-    builder: $t(),
+    builder: Et(),
     context: t,
     event: r,
     rootSetState: s,
@@ -298,31 +304,31 @@ function Q({
     localState: n
   };
   if (a) {
-    const c = L.getCacheKey(l), m = L.getCachedValue(c);
+    const d = L.getCacheKey(l), m = L.getCachedValue(d);
     if (m)
       return m.value;
   }
   try {
-    const c = Pt(l);
+    const d = At(l);
     if (a) {
       const m = L.getCacheKey(l);
-      L.setCachedValue(m, c);
+      L.setCachedValue(m, d);
     }
-    return c;
-  } catch (c) {
-    R.error("Failed code evaluation: " + c.message, {
+    return d;
+  } catch (d) {
+    R.error("Failed code evaluation: " + d.message, {
       code: e
     });
     return;
   }
 }
-const K = (e) => JSON.parse(JSON.stringify(e)), Ae = (e, t, n) => {
+const q = (e) => JSON.parse(JSON.stringify(e)), We = (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((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const Vt = ({
+const Bt = ({
   block: e,
   context: t,
   localState: n,
@@ -331,7 +337,7 @@ const Vt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = K(e), i = {
+  const r = q(e), i = {
     ...r,
     properties: {
       ...r.properties
@@ -341,7 +347,7 @@ const Vt = ({
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = Q({
+    const l = e.bindings[a], d = te({
       code: l,
       localState: n,
       rootState: o,
@@ -349,11 +355,11 @@ const Vt = ({
       context: t,
       enableCache: !0
     });
-    Ae(i, a, c);
+    We(i, a, d);
   }
   return i;
 };
-function xe({
+function Ne({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -362,7 +368,7 @@ function xe({
   rootSetState: r
 }) {
   const i = e;
-  return n ? Vt({
+  return n ? Bt({
     block: i,
     localState: o,
     rootState: s,
@@ -370,19 +376,19 @@ function xe({
     context: t
   }) : i;
 }
-function At(e, t, n = {}) {
+function Wt(e, t, n = {}) {
   let o, s, r, i = null, a = 0;
   const l = function() {
     a = n.leading === !1 ? 0 : Date.now(), i = null, r = e.apply(o, s), i || (o = s = null);
   };
   return function() {
-    const c = Date.now();
-    !a && n.leading === !1 && (a = c);
-    const m = t - (c - a);
-    return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = c, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
+    const d = Date.now();
+    !a && n.leading === !1 && (a = d);
+    const m = t - (d - a);
+    return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = d, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
   };
 }
-function H(e, ...t) {
+function j(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const s = arguments[o];
@@ -392,118 +398,119 @@ function H(e, ...t) {
   }
   return n;
 }
-const Be = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function xt(e) {
+const Fe = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function Nt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Fe(t);
+        Le(t);
         break;
       case "scrollInView":
-        Wt(t);
+        Ot(t);
         break;
     }
 }
-function We(e) {
+function Oe(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ne(e, t) {
-  const n = Bt(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
+function Ue(e, t) {
+  const n = Ft(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
   for (const a of i)
     for (const l of n)
       l in a || (a[l] = o[l]);
 }
-function Bt(e) {
+function Ft(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function Fe(e) {
+function Le(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    We(e.elementId || e.id || "");
+    Oe(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ne(e, n), n.style.transition = "none", n.style.transitionDelay = "0", H(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), H(n.style, e.steps[1].styles), setTimeout(() => {
+    Ue(e, n), n.style.transition = "none", n.style.transitionDelay = "0", j(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"), j(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Wt(e) {
+function Ot(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    We(e.elementId || e.id || "");
+    Oe(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ne(e, n);
+    Ue(e, n);
     let o = !1, s = !1;
     function r() {
       !o && a(n) ? (o = !0, s = !0, setTimeout(() => {
-        H(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+        j(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
           s = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !s && !a(n) && (o = !1, H(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !s && !a(n) && (o = !1, j(n.style, e.steps[0].styles));
     }
-    const i = At(r, 200, {
+    const i = Wt(r, 200, {
       leading: !1
     });
     function a(m) {
-      const d = m.getBoundingClientRect(), p = window.innerHeight, b = (e.thresholdPercent || 0) / 100 * p;
-      return d.bottom > b && d.top < p - b;
+      const c = m.getBoundingClientRect(), p = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * p;
+      return c.bottom > g && c.top < p - g;
     }
     const l = e.steps[0].styles;
-    function c() {
-      H(n.style, l);
+    function d() {
+      j(n.style, l);
     }
-    c(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    d(), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
     }), r();
   });
 }
-const Nt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Oe = (e) => Object.entries(e).map(([n, o]) => {
+const Ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Me = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Nt(n)}: ${o};`;
-}).filter(F), Ft = (e) => Oe(e).join(`
-`), Zs = ({
+    return `${Ut(n)}: ${o};`;
+}).filter(U), Lt = (e) => Me(e).join(`
+`), fr = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Ft(n)}
+    ${Lt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Ot({
+function Mt({
   style: e
 }) {
   return e;
 }
-const _s = ({
+const br = ({
   block: e,
   context: t
-}) => Ue(Ot({
+}) => De(Mt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ue(e) {
+function De(e) {
   switch (V) {
     case "svelte":
     case "vue":
     case "solid":
-      return Oe(e).join(" ");
+    case "angular":
+      return Me(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -511,13 +518,13 @@ function Ue(e) {
       return e;
   }
 }
-const Ut = ({
+const Dt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var r;
-  const o = (r = xe({
+  const o = (r = Ne({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -533,7 +540,7 @@ const Ut = ({
   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?`);
-}, Lt = ({
+}, Ht = ({
   block: e,
   context: t
 }) => {
@@ -543,7 +550,7 @@ const Ut = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = Q({
+  const s = te({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -554,51 +561,57 @@ const Ut = ({
   if (!Array.isArray(s))
     return;
   const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((l, c) => ({
+  return s.map((l, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
+        $index: d,
         $item: l,
         [i]: l,
-        [`$${i}Index`]: c
+        [`$${i}Index`]: d
       }
     },
     block: o
   }));
-}, Mt = () => import("./block-styles-dCtjVM33.js").then((e) => e.default).catch((e) => {
+}, jt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), Kt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), zt = () => import("./block-styles-VucTuDWS.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;
-}), Dt = () => import("./block-wrapper-JRsL0Mr2.js").then((e) => e.default).catch((e) => {
+}), qt = () => import("./block-wrapper-PSbhfk7Q.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;
-}), Ht = () => import("./component-ref-IfYzvEjh.js").then((e) => e.default).catch((e) => {
+}), Jt = () => import("./component-ref-fp2vR2QJ.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;
-}), jt = () => import("./repeated-block-oYGHWwW3.js").then((e) => e.default).catch((e) => {
+}), Gt = () => import("./repeated-block-CJGGYuy2.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;
-}), Kt = f({
+}), Yt = () => Promise.resolve().then(() => ln).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
+    e
+  ), e;
+}), _t = f({
   name: "block",
   components: {
-    BlockStyles: q(Mt),
-    ComponentRef: q(Ht),
-    RepeatedBlock: q(jt),
-    BlockWrapper: q(Dt)
+    BlockStyles: D(zt),
+    ComponentRef: D(Jt),
+    RepeatedBlock: D(Gt),
+    BlockWrapper: D(qt),
+    DynamicDiv: D(Yt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && xt(
+    t && e && Nt(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -607,21 +620,21 @@ const Ut = ({
   },
   computed: {
     blockComponent() {
-      return Ut({
+      return Dt({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return Lt({
+      return Ht({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : xe({
+      return (e = this.block.repeat) != null && e.collection ? this.block : Ne({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -646,17 +659,17 @@ const Ut = ({
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? this.processedBlock.children ?? [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, s, r, i, a, l, c;
+      var e, t, n;
       return {
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...kt(this.processedBlock),
+          ...Ct(this.processedBlock),
           builderContext: this.context,
-          ...((t = this.blockComponent) == null ? void 0 : t.name) === "Core:Button" || ((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Form:Form" ? {
+          ...jt(this.blockComponent) ? {
             builderLinkComponent: this.linkComponent
           } : {},
-          ...((r = this.blockComponent) == null ? void 0 : r.name) === "Symbol" || ((i = this.blockComponent) == null ? void 0 : i.name) === "Columns" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Form:Form" ? {
+          ...Kt(this.blockComponent) ? {
             builderComponents: this.registeredComponents
           } : {}
         },
@@ -664,21 +677,21 @@ const Ut = ({
         linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((l = this.blockComponent) == null ? void 0 : l.noWrap) === !0,
-        isInteractive: !((c = this.blockComponent) != null && c.isRSC)
+        includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC)
       };
     }
   }
 });
-function zt(e, t, n, o, s, r) {
-  var d;
-  const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), c = k("block-wrapper"), m = k("repeated-block");
+function Qt(e, t, n, o, s, r) {
+  var c;
+  const i = y("block-styles"), a = y("component-ref"), l = y("block", !0), d = y("block-wrapper"), m = y("repeated-block");
   return e.canShowBlock ? (u(), h($, { key: 0 }, [
-    x(i, {
+    E(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (d = e.blockComponent) != null && d.noWrap ? (u(), g(a, {
+    (c = e.blockComponent) != null && c.noWrap ? (u(), k(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -690,13 +703,13 @@ function zt(e, t, n, o, s, r) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h($, { key: 0 }, [
-      e.repeatItem ? (u(!0), h($, { key: 1 }, U(e.repeatItem, (p, S) => (u(), g(m, {
-        key: S,
+      e.repeatItem ? (u(!0), h($, { key: 1 }, O(e.repeatItem, (p, v) => (u(), k(m, {
+        key: v,
         repeatContext: p.context,
         block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), g(c, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), k(d, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -704,7 +717,7 @@ function zt(e, t, n, o, s, r) {
         linkComponent: e.linkComponent
       }, {
         default: B(() => [
-          x(a, {
+          E(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -715,7 +728,7 @@ function zt(e, t, n, o, s, r) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (u(!0), h($, null, U(e.childrenWithoutParentComponent, (p, S) => (u(), g(l, {
+          (u(!0), h($, null, O(e.childrenWithoutParentComponent, (p, v) => (u(), k(l, {
             key: p.id,
             block: p,
             registeredComponents: e.registeredComponents,
@@ -726,12 +739,12 @@ function zt(e, t, n, o, s, r) {
         _: 1
       }, 8, ["Wrapper", "block", "context", "linkComponent"]))
     ], 64))
-  ], 64)) : v("", !0);
+  ], 64)) : S("", !0);
 }
-const le = /* @__PURE__ */ y(Kt, [["render", zt]]), er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pe = /* @__PURE__ */ b(_t, [["render", Qt]]), gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: le
-}, Symbol.toStringTag, { value: "Module" })), qt = f({
+  default: pe
+}, Symbol.toStringTag, { value: "Module" })), Xt = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -750,7 +763,7 @@ const le = /* @__PURE__ */ y(Kt, [["render", zt]]), er = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      I() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -763,7 +776,7 @@ const le = /* @__PURE__ */ y(Kt, [["render", zt]]), er = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      I() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -776,9 +789,9 @@ const le = /* @__PURE__ */ y(Kt, [["render", zt]]), er = /* @__PURE__ */ Object.
     }
   }
 });
-function Jt(e, t, n, o, s, r) {
-  return u(), g(D(e.BlocksWrapper), w({
-    class: e.className + " component-1o2kztlxdt6",
+function Zt(e, t, n, o, s, r) {
+  return u(), k(H(e.BlocksWrapper), w({
+    class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -792,9 +805,9 @@ function Jt(e, t, n, o, s, r) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Gt = /* @__PURE__ */ y(qt, [["render", Jt], ["__scopeId", "data-v-9724ab41"]]), Yt = f({
+const en = /* @__PURE__ */ b(Xt, [["render", Zt], ["__scopeId", "data-v-a5b13ef9"]]), tn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: Gt, Block: le },
+  components: { BlocksWrapper: en, Block: pe },
   props: [
     "blocks",
     "parent",
@@ -805,43 +818,43 @@ const Gt = /* @__PURE__ */ y(qt, [["render", Jt], ["__scopeId", "data-v-9724ab41
     "registeredComponents"
   ],
   inject: {
-    builderContext: oe.key,
-    componentsContext: Te.key
+    builderContext: ae.key,
+    componentsContext: Pe.key
   }
 });
-function Qt(e, t, n, o, s, r) {
-  var l, c;
-  const i = k("block"), a = k("blocks-wrapper");
-  return u(), g(a, {
+function nn(e, t, n, o, s, r) {
+  var l, d;
+  const i = y("block"), a = y("blocks-wrapper");
+  return u(), k(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
     BlocksWrapper: ((l = e.context) == null ? void 0 : l.BlocksWrapper) || e.builderContext.BlocksWrapper,
-    BlocksWrapperProps: ((c = e.context) == null ? void 0 : c.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
+    BlocksWrapperProps: ((d = e.context) == null ? void 0 : d.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: B(() => [
-      e.blocks ? (u(!0), h($, { key: 0 }, U(e.blocks, (m, d) => (u(), g(i, {
+      e.blocks ? (u(!0), h($, { key: 0 }, O(e.blocks, (m, c) => (u(), k(i, {
         key: m.id,
         block: m,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : v("", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
+const J = /* @__PURE__ */ b(tn, [["render", nn]]), me = f({
   render() {
-    return Ie("style", {
+    return Ee("style", {
       innerHTML: this.styles,
       "data-id": this.id
     });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), Le = {
+}), He = {
   small: {
     min: 320,
     default: 321,
@@ -857,11 +870,11 @@ const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
     default: 991,
     max: 1200
   }
-}, tr = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, Xt = ({
+}, yr = (e, t = He) => `@media (max-width: ${t[e].max}px)`, on = ({
   small: e,
   medium: t
 }) => {
-  const n = K(Le);
+  const n = q(He);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -883,21 +896,34 @@ const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
     min: r,
     default: r + 1
   }, n;
-}, Zt = f({
+}, sn = (e) => `builder-columns ${e}-breakpoints`, rn = f({
+  name: "dynamic-div",
+  props: []
+});
+function an(e, t, n, o, s, r) {
+  return u(), h("div", null, [
+    P(e.$slots, "default")
+  ]);
+}
+const G = /* @__PURE__ */ b(rn, [["render", an]]), ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: G
+}, Symbol.toStringTag, { value: "Module" })), cn = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: ce,
-    DynamicRenderer: ie,
-    Blocks: Z
+    InlinedStyles: me,
+    DynamicRenderer: ue,
+    Blocks: J,
+    DynamicDiv: G
   },
   props: [
     "space",
     "columns",
     "stackColumnsAt",
+    "builderLinkComponent",
     "reverseColumnsWhenStacked",
     "builderContext",
     "builderBlock",
-    "builderLinkComponent",
     "builderComponents"
   ],
   data() {
@@ -907,49 +933,13 @@ const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
       TARGET: V,
-      getClassPropName: ae,
-      mapStyleObjToStrIfNeeded: Ue
+      getColumnsClass: sn
     };
   },
-  computed: {
-    columnsCssVars() {
-      return {
-        "--flex-dir": this.flexDir,
-        "--flex-dir-tablet": this.getTabletStyle({
-          stackedStyle: this.flexDir,
-          desktopStyle: "row"
-        })
-      };
-    },
-    columnsStyles() {
-      return `
-        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
-          .${this.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir-tablet);
-            align-items: stretch;
-          }
-
-          .${this.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-tablet) !important;
-            margin-left: var(--column-margin-left-tablet) !important;
-          }
-        }
-
-        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
-          .${this.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir);
-            align-items: stretch;
-          }
-
-          .${this.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-mobile) !important;
-            margin-left: var(--column-margin-left-mobile) !important;
-          }
-        },
-      `;
-    }
-  },
   methods: {
+    getTagName(e) {
+      return e.link ? this.builderLinkComponent || "a" : "div";
+    },
     getWidth(e) {
       var t;
       return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
@@ -970,6 +960,15 @@ const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
     }) {
       return this.stackAt === "never" ? t : e;
     },
+    columnsCssVars() {
+      return {
+        "--flex-dir": this.flexDir,
+        "--flex-dir-tablet": this.getTabletStyle({
+          stackedStyle: this.flexDir,
+          desktopStyle: "row"
+        })
+      };
+    },
     columnCssVars(e) {
       const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
       return {
@@ -1000,38 +999,69 @@ const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Xt(
+      return on(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
+    },
+    columnsStyles() {
+      return `
+        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+    },
+    getAttributes(e, t) {
+      return {
+        ...e.link ? {
+          href: e.link
+        } : {},
+        [ee()]: "builder-column",
+        style: De(this.columnCssVars(t))
+      };
     }
   }
 });
-function _t(e, t, n, o, s, r) {
-  const i = k("inlined-styles"), a = k("blocks"), l = k("dynamic-renderer");
+function dn(e, t, n, o, s, r) {
+  var d;
+  const i = y("inlined-styles"), a = y("blocks"), l = y("dynamic-renderer");
   return u(), h("div", w({
-    class: `builder-columns ${e.builderBlock.id}-breakpoints div-2fnk003dqad`,
-    style: e.columnsCssVars
+    class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-t9spj7joih",
+    style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (u(), g(i, {
+    e.TARGET !== "reactNative" ? (u(), k(i, {
       key: 0,
       id: "builderio-columns",
-      styles: e.columnsStyles
-    }, null, 8, ["styles"])) : v("", !0),
-    (u(!0), h($, null, U(e.columns, (c, m) => (u(), g(l, {
-      key: m,
-      TagName: c.link ? e.builderLinkComponent || "a" : "div",
+      styles: e.columnsStyles()
+    }, null, 8, ["styles"])) : S("", !0),
+    (u(!0), h($, null, O(e.columns, (m, c) => (u(), k(l, {
+      key: c,
+      TagName: e.getTagName(m),
       actionAttributes: {},
-      attributes: {
-        ...c.link ? {
-          href: c.link
-        } : {},
-        [e.getClassPropName()]: "builder-column",
-        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(m))
-      }
+      attributes: e.getAttributes(m, c)
     }, {
       default: B(() => [
-        x(a, {
-          path: `component.options.columns.${m}.blocks`,
+        E(a, {
+          path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1039,54 +1069,54 @@ function _t(e, t, n, o, s, r) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: c.blocks
+          blocks: m.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const en = /* @__PURE__ */ y(Zt, [["render", _t], ["__scopeId", "data-v-6caab097"]]), tn = f({
+const un = /* @__PURE__ */ b(cn, [["render", dn], ["__scopeId", "data-v-4878b55f"]]), pn = f({
   name: "builder-fragment-component",
   props: []
 });
-function nn(e, t, n, o, s, r) {
+function mn(e, t, n, o, s, r) {
   return u(), h("span", null, [
     P(e.$slots, "default")
   ]);
 }
-const on = /* @__PURE__ */ y(tn, [["render", nn]]);
-function fe(e) {
+const hn = /* @__PURE__ */ b(pn, [["render", mn]]);
+function ke(e) {
   return e.replace(/http(s)?:/, "");
 }
-function sn(e = "", t, n) {
+function fn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function rn(e, t) {
+function bn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return fe(e);
+    return ke(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]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return fe(`${o[0]}_${r}${s}`);
+    return ke(`${o[0]}_${r}${s}`);
   }
   return null;
 }
-function ee(e) {
+function se(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((s) => s !== o).map((s) => `${sn(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${fn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [rn(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) => [bn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const an = f({
+const gn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1112,10 +1142,10 @@ const an = 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"), ee(t);
+          return console.debug("Removed given srcset"), se(t);
       } else if (this.image && !this.srcset)
-        return ee(t);
-      return ee(t);
+        return se(t);
+      return se(t);
     },
     webpSrcSet() {
       var e;
@@ -1132,57 +1162,57 @@ const an = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), ln = ["srcset"], cn = ["alt", "role", "src", "srcset", "sizes"], dn = {
+}), yn = ["srcset"], kn = ["alt", "role", "src", "srcset", "sizes"], vn = {
   key: 2,
-  class: "div-1be3j8m9ewb-2"
+  class: "div-20351ewpue7-2"
 };
-function un(e, t, n, o, s, r) {
-  var i, a, l, c;
+function Sn(e, t, n, o, s, r) {
+  var i, a, l, d, m, c;
   return u(), h($, null, [
-    te("picture", null, [
+    Z("picture", null, [
       e.webpSrcSet ? (u(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, ln)) : v("", !0),
-      te("img", {
+      }, null, 8, yn)) : S("", !0),
+      Z("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: ne({
+        style: K({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: $e(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
+        class: de(
+          "builder-image" + (e.className ? " " + e.className : "") + " img-20351ewpue7"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, cn)
+      }, null, 14, kn)
     ]),
     e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
       key: 0,
-      class: "builder-image-sizer div-1be3j8m9ewb",
-      style: ne({
+      class: "builder-image-sizer div-20351ewpue7",
+      style: K({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : v("", !0),
-    (c = (l = e.builderBlock) == null ? void 0 : l.children) != null && c.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && e.$slots.default ? (u(), h("div", dn, [
+    }, null, 4)) : S("", !0),
+    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
+    !e.fitContent && ((c = (m = e.builderBlock) == null ? void 0 : m.children) != null && c.length) ? (u(), h("div", vn, [
       P(e.$slots, "default", {}, void 0, !0)
-    ])) : v("", !0)
+    ])) : S("", !0)
   ], 64);
 }
-const pn = /* @__PURE__ */ y(an, [["render", un], ["__scopeId", "data-v-dde76a35"]]), mn = f({
+const Cn = /* @__PURE__ */ b(gn, [["render", Sn], ["__scopeId", "data-v-5dee860d"]]), wn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: O };
+    return { filterAttrs: W };
   }
 });
-function hn(e, t, n, o, s, r) {
+function Tn(e, t, n, o, s, r) {
   return u(), h("section", w({
     style: {
       width: "100%",
@@ -1196,16 +1226,16 @@ function hn(e, t, n, o, s, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(e.$slots, "default")
   ], 16);
 }
-const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
+const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Me = ({
+}, je = ({
   name: e,
   canTrack: t
 }) => {
@@ -1216,14 +1246,14 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     R.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, De = async (e) => Me(e), gn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(F).join("; "), yn = [["secure", ""], ["SameSite", "None"]], kn = ({
+}, Ke = async (e) => je(e), Rn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), En = [["secure", ""], ["SameSite", "None"]], Pn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (I() ? location.protocol === "https:" : !0) ? yn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", bn(window.location.hostname)], ...s];
-  return gn(i);
-}, He = async ({
+  const s = (T() ? location.protocol === "https:" : !0) ? En : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", In(window.location.hostname)], ...s];
+  return Rn(i);
+}, ze = async ({
   name: e,
   value: t,
   expires: n,
@@ -1232,7 +1262,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
   try {
     if (!o)
       return;
-    const s = kn({
+    const s = Pn({
       name: e,
       value: t,
       expires: n
@@ -1241,24 +1271,24 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
   } catch (s) {
     R.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
-}, Sn = "builder.tests", de = (e) => `${Sn}.${e}`, vn = ({
+}, xn = "builder.tests", he = (e) => `${xn}.${e}`, Vn = ({
   contentId: e
-}) => De({
-  name: de(e),
+}) => Ke({
+  name: he(e),
   canTrack: !0
-}), Cn = ({
+}), An = ({
   contentId: e
-}) => Me({
-  name: de(e),
+}) => je({
+  name: he(e),
   canTrack: !0
-}), wn = ({
+}), Bn = ({
   contentId: e,
   value: t
-}) => He({
-  name: de(e),
+}) => ze({
+  name: he(e),
   value: t,
   canTrack: !0
-}), je = (e) => F(e.id) && F(e.variations) && Object.keys(e.variations).length > 0, In = ({
+}), qe = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Wn = ({
   id: e,
   variations: t
 }) => {
@@ -1271,15 +1301,15 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
       return r;
   }
   return e;
-}, Ke = (e) => {
-  const t = In(e);
-  return wn({
+}, Je = (e) => {
+  const t = Wn(e);
+  return Bn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     R.error("could not store A/B test variation: ", n);
   }), t;
-}, ze = ({
+}, Ge = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1293,7 +1323,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, $n = ({
+}, Nn = ({
   item: e,
   canTrack: t
 }) => {
@@ -1301,14 +1331,14 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     return e;
   if (!e)
     return;
-  if (!je(e))
+  if (!qe(e))
     return e;
-  const n = Cn({
+  const n = An({
     contentId: e.id
-  }) || Ke({
+  }) || Je({
     variations: e.variations,
     id: e.id
-  }), o = ze({
+  }), o = Ge({
     item: e,
     testGroupId: n
   });
@@ -1316,18 +1346,18 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     ...e,
     ...o
   };
-}, Tn = async ({
+}, Fn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !je(e))
+  if (!t || !qe(e))
     return e;
-  const o = await vn({
+  const o = await Vn({
     contentId: e.id
-  }) || Ke({
+  }) || Je({
     variations: e.variations,
     id: e.id
-  }), s = ze({
+  }), s = Ge({
     item: e,
     testGroupId: o
   });
@@ -1335,7 +1365,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     ...e,
     ...s
   };
-}, j = (e) => F(e) ? e : !0, Rn = {
+}, z = (e) => U(e) ? e : !0, On = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1368,7 +1398,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, En = {
+}, Un = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1569,13 +1599,13 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Pn = {
+}, Ln = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Vn = {
+}, Mn = {
   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",
@@ -1596,15 +1626,15 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
-        return new Promise((l, c) => {
+        return new Promise((l, d) => {
           const m = document.createElement("img");
-          let d = !1;
+          let c = !1;
           m.onload = () => {
-            d = !0, l(m);
+            c = !0, l(m);
           }, m.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), c(p.error);
+            console.warn("Image load failed", p.error), d(p.error);
           }), m.src = i, setTimeout(() => {
-            d || c(new Error("Image load timed out"));
+            c || d(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1675,7 +1705,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, An = {
+}, Dn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1714,7 +1744,7 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
       }
     }
   }]
-}, xn = {
+}, Hn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1727,14 +1757,14 @@ const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
     required: !0,
     defaultValue: "children"
   }]
-}, Bn = f({
+}, jn = f({
   name: "builder-slot",
-  components: { Blocks: Z },
+  components: { Blocks: J },
   props: ["builderContext", "name"]
 });
-function Wn(e, t, n, o, s, r) {
-  var a, l, c;
-  const i = k("blocks");
+function Kn(e, t, n, o, s, r) {
+  var a, l, d;
+  const i = y("blocks");
   return u(), h("div", w(
     { style: {
       pointerEvents: "auto"
@@ -1743,15 +1773,15 @@ function Wn(e, t, n, o, s, r) {
       "builder-slot": e.name
     }
   ), [
-    x(i, {
+    E(i, {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
+      blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Nn = /* @__PURE__ */ y(Bn, [["render", Wn]]), Fn = {
+const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1784,7 +1814,210 @@ const Nn = /* @__PURE__ */ y(Bn, [["render", Wn]]), Fn = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, On = {
+}, re = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      minWidth: "100px",
+      textAlign: "center",
+      display: "flex",
+      flexDirection: "column",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab"
+    }
+  }
+}, ie = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      height: "200px",
+      display: "flex",
+      marginTop: "20px",
+      flexDirection: "column"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab content "
+    }
+  }
+}, Jn = {
+  name: "Builder: Tabs",
+  inputs: [{
+    name: "tabs",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "label",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [re]
+    }, {
+      name: "content",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [ie]
+    }],
+    defaultValue: [{
+      label: [{
+        ...re,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 1"
+          }
+        }
+      }],
+      content: [{
+        ...ie,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 1 content"
+          }
+        }
+      }]
+    }, {
+      label: [{
+        ...re,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 2"
+          }
+        }
+      }],
+      content: [{
+        ...ie,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 2 content"
+          }
+        }
+      }]
+    }]
+  }, {
+    name: "activeTabStyle",
+    type: "uiStyle",
+    helperText: "CSS styles for the active tab",
+    defaultValue: {
+      backgroundColor: "rgba(0, 0, 0, 0.1)"
+    }
+  }, {
+    name: "defaultActiveTab",
+    type: "number",
+    helperText: 'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',
+    defaultValue: 1,
+    advanced: !0
+  }, {
+    name: "collapsible",
+    type: "boolean",
+    helperText: "If on, clicking an open tab closes it so no tabs are active",
+    defaultValue: !1,
+    advanced: !0
+  }, {
+    name: "tabHeaderLayout",
+    type: "enum",
+    helperText: "Change the layout of the tab headers (uses justify-content)",
+    defaultValue: "flex-start",
+    enum: [{
+      label: "Center",
+      value: "center"
+    }, {
+      label: "Space between",
+      value: "space-between"
+    }, {
+      label: "Space around",
+      value: "space-around"
+    }, {
+      label: "Left",
+      value: "flex-start"
+    }, {
+      label: "Right",
+      value: "flex-end"
+    }]
+  }]
+}, Gn = f({
+  name: "builder-tabs",
+  components: { Blocks: J },
+  props: [
+    "defaultActiveTab",
+    "tabs",
+    "activeTabStyle",
+    "tabHeaderLayout",
+    "collapsible",
+    "builderBlock",
+    "builderContext",
+    "builderComponents",
+    "builderLinkComponent"
+  ],
+  data() {
+    return { activeTab: this.defaultActiveTab ? this.defaultActiveTab - 1 : 0 };
+  },
+  methods: {
+    activeTabContent(e) {
+      return this.tabs && this.tabs[e].content;
+    },
+    getActiveTabStyle(e) {
+      return this.activeTab === e ? this.activeTabStyle : {};
+    }
+  }
+}), Yn = ["onClick"], _n = { key: 0 };
+function Qn(e, t, n, o, s, r) {
+  const i = y("blocks");
+  return u(), h("div", null, [
+    Z("div", {
+      class: "builder-tabs-wrap",
+      style: K({
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: e.tabHeaderLayout || "flex-start",
+        overflow: "auto"
+      })
+    }, [
+      (u(!0), h($, null, O(e.tabs, (a, l) => (u(), h("span", {
+        key: l,
+        class: de(`builder-tab-wrap ${e.activeTab === l ? "builder-tab-active" : ""}`),
+        style: K(e.getActiveTabStyle(l)),
+        onClick: (d) => {
+          l === e.activeTab && e.collapsible ? e.activeTab = -1 : e.activeTab = l;
+        }
+      }, [
+        E(i, {
+          parent: e.builderBlock.id,
+          path: `component.options.tabs.${l}.label`,
+          blocks: a.label,
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent
+        }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
+      ], 14, Yn))), 128))
+    ], 4),
+    e.activeTabContent(e.activeTab) ? (u(), h("div", _n, [
+      E(i, {
+        parent: e.builderBlock.id,
+        path: `component.options.tabs.${e.activeTab}.content`,
+        blocks: e.activeTabContent(e.activeTab),
+        context: e.builderContext,
+        registeredComponents: e.builderComponents,
+        linkComponent: e.builderLinkComponent
+      }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
+    ])) : S("", !0)
+  ]);
+}
+const Xn = /* @__PURE__ */ b(Gn, [["render", Qn]]), Zn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1802,11 +2035,11 @@ const Nn = /* @__PURE__ */ y(Bn, [["render", Wn]]), Fn = {
     height: "auto",
     textAlign: "center"
   }
-}, Un = f({
+}, eo = f({
   name: "builder-text",
   props: ["text"]
-}), Ln = ["innerHTML"];
-function Mn(e, t, n, o, s, r) {
+}), to = ["innerHTML"];
+function no(e, t, n, o, s, r) {
   var i;
   return u(), h("div", {
     class: "builder-text",
@@ -1814,9 +2047,9 @@ function Mn(e, t, n, o, s, r) {
     style: {
       outline: "none"
     }
-  }, null, 8, Ln);
+  }, null, 8, to);
 }
-const Dn = /* @__PURE__ */ y(Un, [["render", Mn]]), Hn = {
+const oo = /* @__PURE__ */ b(eo, [["render", no]]), so = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1838,7 +2071,7 @@ const Dn = /* @__PURE__ */ y(Un, [["render", Mn]]), Hn = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, jn = f({
+}, ro = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1872,15 +2105,15 @@ const Dn = /* @__PURE__ */ y(Un, [["render", Mn]]), Hn = {
       }
     }
   }
-}), Kn = ["innerHTML"];
-function zn(e, t, n, o, s, r) {
+}), io = ["innerHTML"];
+function ao(e, t, n, o, s, r) {
   return u(), h("div", {
     ref: "elementRef",
-    class: $e("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: de("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, Kn);
+  }, null, 10, io);
 }
-const qn = /* @__PURE__ */ y(jn, [["render", zn]]), Jn = {
+const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1905,7 +2138,7 @@ const qn = /* @__PURE__ */ y(jn, [["render", zn]]), Jn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Gn = ["text/javascript", "application/javascript", "application/ecmascript"], Yn = (e) => Gn.includes(e.type), Qn = f({
+}, uo = ["text/javascript", "application/javascript", "application/ecmascript"], po = (e) => uo.includes(e.type), mo = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1938,7 +2171,7 @@ const qn = /* @__PURE__ */ y(jn, [["render", zn]]), Jn = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Yn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (po(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1947,15 +2180,15 @@ const qn = /* @__PURE__ */ y(jn, [["render", zn]]), Jn = {
       }
     }
   }
-}), Xn = ["innerHTML"];
-function Zn(e, t, n, o, s, r) {
+}), ho = ["innerHTML"];
+function fo(e, t, n, o, s, r) {
   return u(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Xn);
+  }, null, 8, ho);
 }
-const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
+const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2186,15 +2419,15 @@ const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
       }
     }
   }]
-}, to = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], no = () => {
+}, yo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], ko = () => {
   const e = process.env.NODE_ENV || "production";
-  return to.includes(e) ? e : "production";
-}, oo = (e, t, n) => {
+  return yo.includes(e) ? e : "production";
+}, vo = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((s, r) => s != null ? s[r] : s, e);
   return o === void 0 || o === e ? n : o;
-}, so = f({
+}, So = f({
   name: "builder-form-component",
-  components: { Block: le, Blocks: Z },
+  components: { Block: pe, Blocks: J },
   props: [
     "builderContext",
     "previewState",
@@ -2223,7 +2456,7 @@ const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: O
+      filterAttrs: W
     };
   },
   methods: {
@@ -2236,7 +2469,7 @@ const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return T() && this.previewState || this.formState;
+      return I() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -2253,51 +2486,51 @@ const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
         let r;
         const i = new FormData(o), a = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
-        ).filter((d) => !!d.name).map((d) => {
+        ).filter((c) => !!c.name).map((c) => {
           let p;
-          const S = d.name;
-          if (d instanceof HTMLInputElement)
-            if (d.type === "radio") {
-              if (d.checked)
-                return p = d.name, {
-                  key: S,
+          const v = c.name;
+          if (c instanceof HTMLInputElement)
+            if (c.type === "radio") {
+              if (c.checked)
+                return p = c.name, {
+                  key: v,
                   value: p
                 };
-            } else if (d.type === "checkbox")
-              p = d.checked;
-            else if (d.type === "number" || d.type === "range") {
-              const b = d.valueAsNumber;
-              isNaN(b) || (p = b);
+            } else if (c.type === "checkbox")
+              p = c.checked;
+            else if (c.type === "number" || c.type === "range") {
+              const g = c.valueAsNumber;
+              isNaN(g) || (p = g);
             } else
-              d.type === "file" ? p = d.files : p = d.value;
+              c.type === "file" ? p = c.files : p = c.value;
           else
-            p = d.value;
+            p = c.value;
           return {
-            key: S,
+            key: v,
             value: p
           };
         });
         let l = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: d }) => {
-          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (l = "multipart/form-data");
+        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
         }), l !== "application/json")
           r = i;
         else {
-          const d = {};
-          Array.from(a).forEach(({ value: p, key: S }) => {
-            Ae(d, S, p);
-          }), r = JSON.stringify(d);
+          const c = {};
+          Array.from(a).forEach(({ value: p, key: v }) => {
+            We(c, v, p);
+          }), r = JSON.stringify(c);
         }
         l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (s["content-type"] = l));
-        const c = new CustomEvent("presubmit", {
+        const d = new CustomEvent("presubmit", {
           detail: {
             body: r
           }
         });
-        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(c), c.defaultPrevented))
+        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${no() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${ko() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2308,95 +2541,95 @@ const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
             method: this.method || "post"
           }
         ).then(
-          async (d) => {
+          async (c) => {
             let p;
-            const S = d.headers.get("content-type");
-            if (S && S.indexOf("application/json") !== -1 ? p = await d.json() : p = await d.text(), !d.ok && this.errorMessagePath) {
-              let b = oo(p, this.errorMessagePath);
-              b && (typeof b != "string" && (b = JSON.stringify(b)), this.formErrorMessage = b, this.mergeNewRootState({
-                formErrorMessage: b
+            const v = c.headers.get("content-type");
+            if (v && v.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
+              let g = vo(p, this.errorMessagePath);
+              g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
+                formErrorMessage: g
               }));
             }
-            if (this.responseData = p, this.formState = d.ok ? "success" : "error", d.ok) {
-              const b = new CustomEvent("submit:success", {
+            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+              const g = new CustomEvent("submit:success", {
                 detail: {
-                  res: d,
+                  res: c,
                   body: p
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(b), b.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(g), g.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const W = new CustomEvent("route", {
+                  const N = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(W), W.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(N), N.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
           },
-          (d) => {
+          (c) => {
             const p = new CustomEvent("submit:error", {
               detail: {
-                error: d
+                error: c
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = d, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
           }
         );
       }
     }
   }
-}), ro = ["validate", "action", "method", "name"], io = {
+}), Co = ["validate", "action", "method", "name"], wo = {
   key: 3,
-  class: "builder-form-error-text pre-5vz8uirn7sc"
+  class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function ao(e, t, n, o, s, r) {
+function To(e, t, n, o, s, r) {
   var l;
-  const i = k("block"), a = k("blocks");
+  const i = y("block"), a = y("blocks");
   return u(), h("form", w({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = (c) => e.onSubmit(c))
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, U((l = e.builderBlock) == null ? void 0 : l.children, (c, m) => (u(), g(i, {
+    onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, O((l = e.builderBlock) == null ? void 0 : l.children, (d, m) => (u(), k(i, {
       key: `form-block-${e.idx}`,
-      block: c,
+      block: d,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
-    e.submissionState() === "error" ? (u(), g(a, {
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
+    e.submissionState() === "error" ? (u(), k(a, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "sending" ? (u(), g(a, {
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "sending" ? (u(), k(a, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (u(), h("pre", io, X(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
-    e.submissionState() === "success" ? (u(), g(a, {
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (u(), h("pre", wo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "success" ? (u(), k(a, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : v("", !0)
-  ], 16, ro);
+    }, null, 8, ["blocks", "context"])) : S("", !0)
+  ], 16, Co);
 }
-const lo = /* @__PURE__ */ y(so, [["render", ao], ["__scopeId", "data-v-83a4b1d9"]]), co = {
+const $o = /* @__PURE__ */ b(So, [["render", To], ["__scopeId", "data-v-1573388b"]]), Io = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2447,7 +2680,7 @@ const lo = /* @__PURE__ */ y(so, [["render", ao], ["__scopeId", "data-v-83a4b1d9
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, uo = f({
+}, Ro = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2459,10 +2692,10 @@ const lo = /* @__PURE__ */ y(so, [["render", ao], ["__scopeId", "data-v-83a4b1d9
     "required"
   ],
   data() {
-    return { isEditing: T, filterAttrs: O };
+    return { isEditing: I, filterAttrs: W };
   }
-}), po = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function mo(e, t, n, o, s, r) {
+}), Eo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Po(e, t, n, o, s, r) {
   return u(), h("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -2471,9 +2704,9 @@ function mo(e, t, n, o, s, r) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, po);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Eo);
 }
-const ho = /* @__PURE__ */ y(uo, [["render", mo]]), fo = {
+const xo = /* @__PURE__ */ b(Ro, [["render", Po]]), Vo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2515,27 +2748,27 @@ const ho = /* @__PURE__ */ y(uo, [["render", mo]]), fo = {
   }],
   static: !0,
   noWrap: !0
-}, bo = f({
+}, Ao = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
-    return { isEditing: T, filterAttrs: O };
+    return { isEditing: I, filterAttrs: W };
   }
-}), go = ["value", "defaultValue", "name"], yo = ["value"];
-function ko(e, t, n, o, s, r) {
+}), Bo = ["value", "defaultValue", "name"], Wo = ["value"];
+function No(e, t, n, o, s, r) {
   return u(), h("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (u(!0), h($, null, U(e.options, (i, a) => (u(), h("option", {
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (u(!0), h($, null, O(e.options, (i, a) => (u(), h("option", {
       key: `${i.name}-${a}`,
       value: i.value
-    }, X(i.name || i.value), 9, yo))), 128))
-  ], 16, go);
+    }, ne(i.name || i.value), 9, Wo))), 128))
+  ], 16, Bo);
 }
-const So = /* @__PURE__ */ y(bo, [["render", ko]]), vo = {
+const Fo = /* @__PURE__ */ b(Ao, [["render", No]]), Oo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2560,17 +2793,17 @@ const So = /* @__PURE__ */ y(bo, [["render", ko]]), vo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Co = f({
+}, Uo = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: O };
+    return { filterAttrs: W };
   }
 });
-function wo(e, t, n, o, s, r) {
-  return u(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), X(e.text), 17);
+function Lo(e, t, n, o, s, r) {
+  return u(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const Io = /* @__PURE__ */ y(Co, [["render", wo]]), $o = {
+const Mo = /* @__PURE__ */ b(Uo, [["render", Lo]]), Do = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2584,7 +2817,7 @@ const Io = /* @__PURE__ */ y(Co, [["render", wo]]), $o = {
   }],
   noWrap: !0,
   static: !0
-}, To = f({
+}, Ho = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -2595,10 +2828,10 @@ const Io = /* @__PURE__ */ y(Co, [["render", wo]]), $o = {
     "attributes"
   ],
   data() {
-    return { isEditing: T, filterAttrs: O };
+    return { isEditing: I, filterAttrs: W };
   }
-}), Ro = ["alt", "src"];
-function Eo(e, t, n, o, s, r) {
+}), jo = ["alt", "src"];
+function Ko(e, t, n, o, s, r) {
   return u(), h("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -2607,9 +2840,9 @@ function Eo(e, t, n, o, s, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ro);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, jo);
 }
-const Po = /* @__PURE__ */ y(To, [["render", Eo]]), Vo = {
+const zo = /* @__PURE__ */ b(Ho, [["render", Ko]]), qo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2690,7 +2923,7 @@ const Po = /* @__PURE__ */ y(To, [["render", Eo]]), Vo = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Ao = f({
+}, Jo = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2735,16 +2968,16 @@ const Po = /* @__PURE__ */ y(To, [["render", Eo]]), Vo = {
       };
     }
   }
-}), xo = { style: {
+}), Go = { style: {
   position: "relative"
-} }, Bo = ["preload", "src", "poster"], Wo = ["src"], No = {
+} }, Yo = ["preload", "src", "poster"], _o = ["src"], Qo = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Fo = {
+}, Xo = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2758,10 +2991,10 @@ const Po = /* @__PURE__ */ y(To, [["render", Eo]]), Vo = {
     height: "100%"
   }
 };
-function Oo(e, t, n, o, s, r) {
-  var i, a, l, c, m, d, p;
-  return u(), h("div", xo, [
-    te("video", w({
+function Zo(e, t, n, o, s, r) {
+  var i, a, l, d, m, c, p;
+  return u(), h("div", Go, [
+    Z("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -2781,93 +3014,96 @@ function Oo(e, t, n, o, s, r) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? v("", !0) : (u(), h("source", {
+      e.lazyLoad ? S("", !0) : (u(), h("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, Wo))
-    ], 16, Bo),
+      }, null, 8, _o))
+    ], 16, Yo),
     e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
       key: 0,
-      style: ne({
+      style: K({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : v("", !0),
-    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && e.fitContent ? (u(), h("div", No, [
+    }, null, 4)) : S("", !0),
+    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", Qo, [
       P(e.$slots, "default")
-    ])) : v("", !0),
-    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (u(), h("div", Fo, [
+    ])) : S("", !0),
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Xo, [
       P(e.$slots, "default")
-    ])) : v("", !0)
+    ])) : S("", !0)
   ]);
 }
-const Uo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Lo = () => [{
-  component: qn,
-  ...Hn
-}, {
-  component: _n,
-  ...Jn
-}, {
+const es = /* @__PURE__ */ b(Jo, [["render", Zo]]), ts = () => [{
   component: lo,
-  ...eo
+  ...so
 }, {
-  component: ho,
+  component: bo,
   ...co
 }, {
-  component: Io,
-  ...vo
+  component: $o,
+  ...go
 }, {
-  component: So,
-  ...fo
+  component: xo,
+  ...Io
 }, {
-  component: Po,
-  ...$o
+  component: Mo,
+  ...Oo
 }, {
-  component: Uo,
+  component: Fo,
   ...Vo
-}], be = () => [{
-  component: bt,
-  ...Rn
 }, {
-  component: en,
-  ...En
+  component: zo,
+  ...Do
+}, {
+  component: es,
+  ...qo
+}], ve = () => [{
+  component: kt,
+  ...On
 }, {
-  component: on,
-  ...Pn
+  component: un,
+  ...Un
 }, {
-  component: pn,
-  ...Vn
+  component: hn,
+  ...Ln
 }, {
-  component: fn,
-  ...An
+  component: Cn,
+  ...Mn
 }, {
-  component: Nn,
-  ...xn
+  component: $n,
+  ...Dn
 }, {
-  component: Js,
-  ...Fn
+  component: zn,
+  ...Hn
 }, {
-  component: Dn,
-  ...On
-}, ...Lo()], Mo = (e) => ({
+  component: dr,
+  ...qn
+}, {
+  component: oo,
+  ...Zn
+}, {
+  component: Xn,
+  ...Jn
+}, ...ts()], ns = (e) => ({
   type: "builder.registerComponent",
-  data: se(e)
-}), Do = (e) => {
+  data: le(e)
+}), os = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Ho = (e) => typeof e == "function" ? Do(e) : K(e), se = ({
+}, ss = (e) => typeof e == "function" ? os(e) : q(e), le = ({
   inputs: e,
   ...t
 }) => ({
-  ...K(t),
+  ...q(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: Ho(r)
+    [s]: ss(r)
   }), {}))
-}), jo = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), rs = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2923,7 +3159,7 @@ const Uo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Lo = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Ko = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, is = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2957,27 +3193,27 @@ const Uo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Lo = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, qe = "builderIoAbTest", Je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Ye = "builderIoAbTest", _e = "builderIoRenderContent", Q = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), zo = ({
+})), as = ({
   canTrack: e,
   content: t
-}) => !(!(G(t).length > 0) || !e), qo = (e) => e === "react" || e === "reactNative", Ge = qo(V), Jo = () => `
-  window.${qe} = ${jo}
-  window.${Je} = ${Ko}
-  `, Go = (e, t) => `
-  window.${qe}(
-    "${t}",${JSON.stringify(e)}, ${Ge}
-  )`, Yo = ({
+}) => !(!(Q(t).length > 0) || !e), ls = (e) => e === "react" || e === "reactNative", Qe = ls(V), cs = () => `
+  window.${Ye} = ${rs}
+  window.${_e} = ${is}
+  `, ds = (e, t) => `
+  window.${Ye}(
+    "${t}",${JSON.stringify(e)}, ${Qe}
+  )`, us = ({
   contentId: e,
   variationId: t
-}) => `window.${Je}(
-    "${t}", "${e}", ${Ge}
-  )`, Ye = f({
+}) => `window.${_e}(
+    "${t}", "${e}", ${Qe}
+  )`, Xe = f({
   render() {
-    return Ie("script", {
+    return Ee("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id
     });
@@ -2985,45 +3221,45 @@ const Uo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Lo = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Qo() {
+function ps() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Xo() {
-  const e = Qo().fetch;
+function ms() {
+  const e = ps().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 Qe = Xo();
-function Y(e, t = null, n = ".") {
+const Ze = ms();
+function X(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, s) => {
     const r = e[s], i = [t, s].filter(Boolean).join(n);
     return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...Y(r, i, n)
+      ...X(r, i, n)
     } : {
       ...o,
       [i]: r
     };
   }, {});
 }
-const Zo = "v3", ge = "builder.", _o = "options.", Xe = (e) => {
+const hs = "v3", Se = "builder.", fs = "options.", et = (e) => {
   if (!e)
     return {};
-  const t = Re(e), n = {};
+  const t = xe(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ge)) {
-      const s = o.replace(ge, "").replace(_o, "");
+    if (o.startsWith(Se)) {
+      const s = o.replace(Se, "").replace(fs, "");
       n[s] = t[o];
     }
   }), n;
-}, es = () => {
-  if (!I())
+}, bs = () => {
+  if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Xe(e);
-}, ye = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ue = (e) => {
+  return et(e);
+}, Ce = (e) => typeof e == "number" && !isNaN(e) && e >= 0, fe = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -3032,60 +3268,60 @@ const Zo = "v3", ge = "builder.", _o = "options.", Xe = (e) => {
     apiKey: r,
     enrich: i,
     locale: a,
-    apiVersion: l = Zo,
-    fields: c,
+    apiVersion: l = hs,
+    fields: d,
     omit: m,
-    offset: d,
+    offset: c,
     cacheSeconds: p,
-    staleCacheSeconds: S,
-    sort: b,
-    includeUnpublished: W
+    staleCacheSeconds: v,
+    sort: g,
+    includeUnpublished: N
   } = e;
   if (!r)
     throw new Error("Missing API key");
   if (!["v3"].includes(l))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const z = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
-  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(z)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), c && C.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && C.searchParams.set("offset", String(Math.floor(d))), typeof W == "boolean" && C.searchParams.set("includeUnpublished", String(W)), p && ye(p) && C.searchParams.set("cacheSeconds", String(p)), S && ye(S) && C.searchParams.set("staleCacheSeconds", String(S)), b) {
-    const N = Y({
-      sort: b
+  const Y = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
+  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(Y)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), d && C.searchParams.set("fields", d), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof N == "boolean" && C.searchParams.set("includeUnpublished", String(N)), p && Ce(p) && C.searchParams.set("cacheSeconds", String(p)), v && Ce(v) && C.searchParams.set("staleCacheSeconds", String(v)), g) {
+    const F = X({
+      sort: g
     });
-    for (const M in N)
-      C.searchParams.set(M, JSON.stringify(N[M]));
+    for (const M in F)
+      C.searchParams.set(M, JSON.stringify(F[M]));
   }
-  const rt = {
-    ...es(),
-    ...Re(e.options || {})
-  }, me = Y(rt);
-  for (const N in me)
-    C.searchParams.set(N, String(me[N]));
+  const lt = {
+    ...bs(),
+    ...xe(e.options || {})
+  }, ge = X(lt);
+  for (const F in ge)
+    C.searchParams.set(F, String(ge[F]));
   if (n && C.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const N = Y({
+    const F = X({
       query: o
     });
-    for (const M in N)
-      C.searchParams.set(M, JSON.stringify(N[M]));
+    for (const M in F)
+      C.searchParams.set(M, JSON.stringify(F[M]));
   }
   return C;
-}, ts = (e) => "results" in e;
-async function pe(e) {
-  const t = await ss({
+}, gs = (e) => "results" in e;
+async function be(e) {
+  const t = await vs({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const ns = async (e) => {
-  const t = ue(e);
-  return await (await (e.fetch ?? Qe)(t.href, e.fetchOptions)).json();
-}, os = async (e, t, n = ue(e)) => {
-  const o = j(e.canTrack);
-  if (n.search.includes("preview="), !o || !(I() || V === "reactNative"))
+const ys = async (e) => {
+  const t = fe(e);
+  return await (await (e.fetch ?? Ze)(t.href, e.fetchOptions)).json();
+}, ks = async (e, t, n = fe(e)) => {
+  const o = z(e.canTrack);
+  if (n.search.includes("preview="), !o || !(T() || V === "reactNative"))
     return t.results;
   try {
     const s = [];
     for (const r of t.results)
-      s.push(await Tn({
+      s.push(await Fn({
         item: r,
         canTrack: o
       }));
@@ -3095,10 +3331,10 @@ const ns = async (e) => {
   }
   return t.results;
 };
-async function ss(e) {
+async function vs(e) {
   try {
-    const t = ue(e), n = await ns(e);
-    return ts(n) ? os(e, n) : (R.error("Error fetching data. ", {
+    const t = fe(e), n = await ys(e);
+    return gs(n) ? ks(e, n) : (R.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3107,92 +3343,92 @@ async function ss(e) {
     return R.error("Error fetching data. ", t), null;
   }
 }
-function rs(e) {
-  const t = e || (I() ? window.location.search : void 0);
-  return t ? Ee(t).indexOf("builder.preview=") !== -1 : !1;
+function Ss(e) {
+  const t = e || (T() ? window.location.search : void 0);
+  return t ? Ve(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function is() {
+function Cs() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Ze() {
-  return is().replace(/-/g, "");
+function tt() {
+  return Cs().replace(/-/g, "");
 }
-const _e = "builderSessionId", as = async ({
+const nt = "builderSessionId", ws = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await De({
-    name: _e,
+  const t = await Ke({
+    name: nt,
     canTrack: e
   });
-  if (F(t))
+  if (U(t))
     return t;
   {
-    const n = ls();
-    return cs({
+    const n = Ts();
+    return $s({
       id: n,
       canTrack: e
     }), n;
   }
-}, ls = () => Ze(), cs = ({
+}, Ts = () => tt(), $s = ({
   id: e,
   canTrack: t
-}) => He({
-  name: _e,
+}) => ze({
+  name: nt,
   value: e,
   canTrack: t
-}), et = () => I() && typeof localStorage < "u" ? localStorage : void 0, ds = ({
+}), ot = () => T() && typeof localStorage < "u" ? localStorage : void 0, Is = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = et()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = ot()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, us = ({
+}, Rs = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = et()) == null || o.setItem(e, n));
+    t && ((o = ot()) == null || o.setItem(e, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, tt = "builderVisitorId", ps = ({
+}, st = "builderVisitorId", Es = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = ds({
-    key: tt,
+  const t = Is({
+    key: st,
     canTrack: e
   });
-  if (F(t))
+  if (U(t))
     return t;
   {
-    const n = ms();
-    return hs({
+    const n = Ps();
+    return xs({
       id: n,
       canTrack: e
     }), n;
   }
-}, ms = () => Ze(), hs = ({
+}, Ps = () => tt(), xs = ({
   id: e,
   canTrack: t
-}) => us({
-  key: tt,
+}) => Rs({
+  key: st,
   value: e,
   canTrack: t
-}), fs = async ({
+}), Vs = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3200,16 +3436,16 @@ const _e = "builderSessionId", as = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await as({
+  const t = await ws({
     canTrack: e
-  }), n = ps({
+  }), n = Es({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, bs = async ({
+}, As = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3223,23 +3459,23 @@ const _e = "builderSessionId", as = async ({
       url: location.href,
       ...o
     },
-    ...await fs({
+    ...await Vs({
       canTrack: t
     }),
-    userAttributes: Pe(),
+    userAttributes: Ae(),
     ownerId: n
   }
 });
-async function re(e) {
+async function ce(e) {
   if (!e.apiKey) {
     R.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !T() && (I() || V === "reactNative"))
+  if (e.canTrack && !I() && (T() || V === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await bs(e)]
+        events: [await As(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3249,14 +3485,14 @@ async function re(e) {
       console.error("Failed to track: ", t);
     });
 }
-const nr = (e) => re({
+const kr = (e) => ce({
   ...e,
   canTrack: !0
 });
-function ke(e) {
+function we(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const gs = (e, t, n = !0) => {
+const Bs = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3267,43 +3503,43 @@ const gs = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, ys = (e) => gs(e, (t) => {
+}, Ws = (e) => Bs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Se = ({
+}), Te = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ke(o / n.width), i = ke(s / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = we(o / n.width), i = we(s / n.height);
   return {
     x: r,
     y: i
   };
-}, ks = (e) => {
-  const t = e.target, n = t && ys(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Ns = (e) => {
+  const t = e.target, n = t && Ws(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Se({
+      targetOffset: t ? Te({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Se({
+      builderTargetOffset: n ? Te({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Ss = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function nt(e, t) {
+}, Fs = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function rt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Ss).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
+  return (e || Fs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const vs = "1.0.23", ve = {};
-function Cs(e, t) {
-  let n = ve[e];
-  if (n || (n = ve[e] = []), n.push(t), I()) {
+const Os = "1.0.25", $e = {};
+function Us(e, t) {
+  let n = $e[e];
+  if (n || (n = $e[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -3318,8 +3554,8 @@ function Cs(e, t) {
     }
   }
 }
-const ws = () => {
-  Cs("insertMenu", {
+const Ls = () => {
+  Us("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3341,14 +3577,14 @@ const ws = () => {
     }]
   });
 };
-let Ce = !1;
-const ot = (e = {}) => {
+let Ie = !1;
+const it = (e = {}) => {
   var t, n;
-  Ce || (Ce = !0, I() && ((t = window.parent) == null || t.postMessage({
+  Ie || (Ie = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: V,
-      version: vs,
+      version: Os,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3362,7 +3598,7 @@ const ot = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var r, i;
-    if (!nt(e.trustedHosts, o))
+    if (!rt(e.trustedHosts, o))
       return;
     const {
       data: s
@@ -3370,45 +3606,45 @@ const ot = (e = {}) => {
     if (s != null && s.type)
       switch (s.type) {
         case "builder.evaluate": {
-          const a = s.data.text, l = s.data.arguments || [], c = s.data.id, m = new Function(a);
-          let d, p = null;
+          const a = s.data.text, l = s.data.arguments || [], d = s.data.id, m = new Function(a);
+          let c, p = null;
           try {
-            d = m.apply(null, l);
-          } catch (S) {
-            p = S;
+            c = m.apply(null, l);
+          } catch (v) {
+            p = v;
           }
           p ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
+              id: d,
               error: p.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((S) => {
-            var b;
-            (b = window.parent) == null || b.postMessage({
+          }, "*") : c && typeof c.then == "function" ? c.then((v) => {
+            var g;
+            (g = window.parent) == null || g.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
-                result: S
+                id: d,
+                result: v
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
-              id: c
+              result: c,
+              id: d
             }
           }, "*");
           break;
         }
       }
   })));
-}, st = ({
+}, at = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!nt(t, o))
+  if (!rt(t, o))
     return;
   const {
     data: s
@@ -3429,12 +3665,12 @@ const ot = (e = {}) => {
         break;
       }
     }
-}, or = (e, t, n) => {
-  if (!I)
+}, vr = (e, t, n) => {
+  if (!T)
     return R.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  ot();
-  const o = st({
+  it();
+  const o = at({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -3448,8 +3684,60 @@ const ot = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Is = f({
+}, Ms = (e) => {
+  var r;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
+  let s = "";
+  if (o && t && n && (s += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${o}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
+        continue;
+      const l = e.files[i];
+      l && l !== o && (s += `
+@font-face {
+font-family: "${t}";
+src: url('${l}') format('woff2');
+font-display: fallback;
+font-weight: ${i};
+}
+        `.trim());
+    }
+  return s;
+}, Ds = ({
+  customFonts: e
+}) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => Ms(n))) == null ? void 0 : t.join(" ")) || "";
+}, Hs = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", js = `
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`, Ks = (e) => e ? "" : js, zs = (e) => `variant-${e}`, qs = f({
   name: "enable-editor",
+  components: { DynamicDiv: G },
   props: [
     "builderContextSignal",
     "canTrack",
@@ -3460,9 +3748,9 @@ const ot = (e = {}) => {
     "model",
     "content",
     "data",
+    "showContent",
     "contentWrapper",
     "context",
-    "showContent",
     "contentWrapperProps"
   ],
   data() {
@@ -3471,24 +3759,25 @@ const ot = (e = {}) => {
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: oe
+      builderContext: ae,
+      getWrapperClassName: zs
     };
   },
   provide() {
     const e = this;
     return {
-      [oe.key]: e.builderContextSignal
+      [ae.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
-      if (I()) {
-        if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (T()) {
+        if (I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && j(this.canTrack)) {
+        ), this.builderContextSignal.content && z(this.canTrack)) {
           const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          re({
+          ce({
             type: "impression",
             canTrack: !0,
             contentId: i,
@@ -3496,7 +3785,7 @@ const ot = (e = {}) => {
             variationId: r !== i ? r : void 0
           });
         }
-        rs() && !T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Ss() && !I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -3547,12 +3836,18 @@ const ot = (e = {}) => {
     }
   },
   unmounted() {
-    I() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    T() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
   },
   computed: {
+    showContentProps() {
+      return this.showContent ? {} : {
+        hidden: !0,
+        "aria-hidden": !0
+      };
+    },
     onUpdateHook0() {
       return {
         0: this.content
@@ -3613,7 +3908,7 @@ const ot = (e = {}) => {
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return st({
+      return at({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -3627,7 +3922,7 @@ const ot = (e = {}) => {
             });
           },
           animation: (t) => {
-            Fe(t);
+            Le(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -3638,7 +3933,7 @@ const ot = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && Q({
+      e && te({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -3654,13 +3949,13 @@ const ot = (e = {}) => {
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        re({
+        ce({
           type: "click",
-          canTrack: j(this.canTrack),
+          canTrack: z(this.canTrack),
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...ks(e),
+          ...Ns(e),
           unique: !this.clicked
         });
       }
@@ -3670,13 +3965,13 @@ const ot = (e = {}) => {
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
       Object.entries(e).forEach(([o, s]) => {
-        if (!s || this.httpReqsPending[o] || this.httpReqsData[o] && !T())
+        if (!s || this.httpReqsPending[o] || this.httpReqsData[o] && !I())
           return;
         this.httpReqsPending[o] = !0;
         const r = s.replace(
           /{{([^}]+)}}/g,
           (i, a) => String(
-            Q({
+            te({
               code: a,
               context: this.context || {},
               localState: void 0,
@@ -3686,7 +3981,7 @@ const ot = (e = {}) => {
             })
           )
         );
-        Qe(r).then((i) => i.json()).then((i) => {
+        Ze(r).then((i) => i.json()).then((i) => {
           this.mergeNewRootState({
             [o]: i
           }), this.httpReqsData[o] = !0;
@@ -3698,12 +3993,12 @@ const ot = (e = {}) => {
       });
     },
     emitStateUpdate() {
-      T() && window.dispatchEvent(
+      I() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: K(this.builderContextSignal.rootState),
+              state: q(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -3713,7 +4008,7 @@ const ot = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), ws(), ot({
+      window.addEventListener("message", this.processMessage), Ls(), it({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -3727,7 +4022,7 @@ const ot = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Mo(t);
+        const n = ns(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -3738,7 +4033,7 @@ const ot = (e = {}) => {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
       ), s = t.get("apiKey") || t.get("builder.space");
-      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && pe({
+      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && be({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -3748,108 +4043,51 @@ const ot = (e = {}) => {
     }
   }
 });
-function $s(e, t, n, o, s, r) {
+function Js(e, t, n, o, s, r) {
   var i, a, l;
-  return e.builderContextSignal.content ? (u(), g(D(e.ContentWrapper), w({
+  return e.builderContextSignal.content ? (u(), k(H(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
-    onClick: (c) => e.onClick(c),
+    onClick: (d) => e.onClick(d),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
-    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
-    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
-  }, {
-    ...e.showContent ? {} : {
-      hidden: !0,
-      "aria-hidden": !0
-    },
-    ...e.contentWrapperProps
-  }), {
+    class: e.getWrapperClassName(((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)),
+    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
+    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
+  }, { ...e.showContentProps, ...e.contentWrapperProps }), {
     default: B(() => [
       P(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
-}
-const Ts = /* @__PURE__ */ y(Is, [["render", $s]]), Rs = (e) => {
-  var r;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
-  let s = "";
-  if (o && t && n && (s += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${o}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), e.files)
-    for (const i in e.files) {
-      if (!(String(Number(i)) === i))
-        continue;
-      const l = e.files[i];
-      l && l !== o && (s += `
-@font-face {
-font-family: "${t}";
-src: url('${l}') format('woff2');
-font-display: fallback;
-font-weight: ${i};
-}
-        `.trim());
-    }
-  return s;
-}, Es = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => Rs(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ps = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Vs = `
-.builder-button {
-  all: unset;
-}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-  margin: 0;
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-.builder-text > p, .builder-text > .builder-paragraph {
-  color: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  text-align: inherit;
-  font-family: inherit;
-}
-`, As = (e) => e ? "" : Vs, xs = f({
+const Gs = /* @__PURE__ */ b(qs, [["render", Js]]), Ys = f({
   name: "content-styles",
-  components: { InlinedStyles: ce },
+  components: { InlinedStyles: me },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${Ps({
+${Hs({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Es({
+${Ds({
         customFonts: this.customFonts
       })}
-${As(this.isNestedRender)}
+${Ks(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Bs(e, t, n, o, s, r) {
-  const i = k("inlined-styles");
-  return u(), g(i, {
+function _s(e, t, n, o, s, r) {
+  const i = y("inlined-styles");
+  return u(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
+const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
   content: e,
   data: t,
   locale: n
@@ -3866,7 +4104,7 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
       locale: n
     } : {}
   };
-}, Fs = ({
+}, Zs = ({
   content: e,
   data: t
 }) => e ? {
@@ -3876,13 +4114,14 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Os = ct, Us = f({
+} : void 0, er = pt, tr = f({
   name: "content-component",
   components: {
-    EnableEditor: Ts,
-    InlinedScript: Ye,
-    ContentStyles: Ws,
-    Blocks: Z
+    EnableEditor: Gs,
+    InlinedScript: Xe,
+    ContentStyles: Qs,
+    Blocks: J,
+    DynamicDiv: G
   },
   props: [
     "content",
@@ -3908,32 +4147,32 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
   data() {
     var e, t;
     return {
-      scriptStr: Yo({
+      scriptStr: us({
         // 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: [
-        ...be(),
+        ...ve(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: Os(o),
-            ...se(s)
+            component: er(o),
+            ...le(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Fs({
+        content: Zs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ns({
+        rootState: Xs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3943,12 +4182,12 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...be(),
+          ...ve(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...s }) => ({
             ...n,
-            [s.name]: se(s)
+            [s.name]: le(s)
           }),
           {}
         ),
@@ -3962,7 +4201,7 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
   provide() {
     const e = this;
     return {
-      [Te.key]: {
+      [Pe.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3973,9 +4212,9 @@ const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
     }
   }
 });
-function Ls(e, t, n, o, s, r) {
-  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
-  return u(), g(c, w({
+function nr(e, t, n, o, s, r) {
+  const i = y("inlined-script"), a = y("content-styles"), l = y("blocks"), d = y("enable-editor");
+  return u(), k(d, w({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3992,22 +4231,22 @@ function Ls(e, t, n, o, s, r) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: B(() => {
-      var m, d, p, S, b, W, z;
+      var m, c, p, v, g, N, Y;
       return [
-        e.isSsrAbTest ? (u(), g(i, {
+        e.isSsrAbTest ? (u(), k(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : v("", !0),
-        e.TARGET !== "reactNative" ? (u(), g(a, {
+        }, null, 8, ["scriptStr"])) : S("", !0),
+        e.TARGET !== "reactNative" ? (u(), k(a, {
           key: 1,
           isNestedRender: e.isNestedRender,
           contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
-          cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
-          customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
-        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
-        x(l, {
-          blocks: (z = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : z.blocks,
+          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          customFonts: (g = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : g.customFonts
+        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
+        E(l, {
+          blocks: (Y = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : Y.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4017,12 +4256,12 @@ function Ls(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const Ms = /* @__PURE__ */ y(Us, [["render", Ls]]), Ds = f({
+const or = /* @__PURE__ */ b(tr, [["render", nr]]), sr = f({
   name: "content-variants",
   components: {
-    InlinedScript: Ye,
-    InlinedStyles: ce,
-    ContentComponent: Ms
+    InlinedScript: Xe,
+    InlinedStyles: me,
+    ContentComponent: or
   },
   props: [
     "canTrack",
@@ -4045,13 +4284,13 @@ const Ms = /* @__PURE__ */ y(Us, [["render", Ls]]), Ds = f({
   ],
   data() {
     return {
-      shouldRenderVariants: zo({
-        canTrack: j(this.canTrack),
+      shouldRenderVariants: as({
+        canTrack: z(this.canTrack),
         content: this.content
       }),
       TARGET: V,
-      getInitVariantsFnsScriptString: Jo,
-      getVariants: G
+      getInitVariantsFnsScriptString: cs,
+      getVariants: Q
     };
   },
   mounted() {
@@ -4059,8 +4298,8 @@ const Ms = /* @__PURE__ */ y(Us, [["render", Ls]]), Ds = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Go(
-        G(this.content).map((t) => ({
+      return ds(
+        Q(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -4068,41 +4307,41 @@ const Ms = /* @__PURE__ */ y(Us, [["render", Ls]]), Ds = f({
       );
     },
     hideVariantsStyleString() {
-      return G(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return Q(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : $n({
+      } : Nn({
         item: this.content,
-        canTrack: j(this.canTrack)
+        canTrack: z(this.canTrack)
       });
     }
   }
 });
-function Hs(e, t, n, o, s, r) {
-  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
+function rr(e, t, n, o, s, r) {
+  const i = y("inlined-script"), a = y("inlined-styles"), l = y("content-component");
   return u(), h($, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), k(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString()
-    }, null, 8, ["scriptStr"])) : v("", !0),
+    }, null, 8, ["scriptStr"])) : S("", !0),
     e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
-      x(a, {
+      E(a, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
       }, null, 8, ["styles"]),
-      x(i, {
+      E(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, U(e.getVariants(e.content), (c, m) => (u(), g(l, {
-        key: c.testVariationId,
+      (u(!0), h($, null, O(e.getVariants(e.content), (d, m) => (u(), k(l, {
+        key: d.testVariationId,
         isNestedRender: e.isNestedRender,
-        content: c,
+        content: d,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -4121,8 +4360,8 @@ function Hs(e, t, n, o, s, r) {
         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)) : v("", !0),
-    x(l, w({
+    ], 64)) : S("", !0),
+    E(l, w({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4147,13 +4386,13 @@ function Hs(e, t, n, o, s, r) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
+const ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = 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 pe({
+    return be({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4165,9 +4404,9 @@ const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
     }).catch((n) => {
       R.error("Could not fetch symbol content: ", n);
     });
-}, zs = f({
+}, lr = f({
   name: "builder-symbol",
-  components: { ContentVariants: js },
+  components: { ContentVariants: ir, DynamicDiv: G },
   props: [
     "symbol",
     "attributes",
@@ -4179,7 +4418,7 @@ const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: O };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: W };
   },
   mounted() {
     this.setContent();
@@ -4193,10 +4432,16 @@ const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
     }
   },
   computed: {
+    blocksWrapper() {
+      return "div";
+    },
+    contentWrapper() {
+      return "div";
+    },
     className() {
       var e, t;
       return [
-        this.attributes[ae()],
+        this.attributes[ee()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -4210,7 +4455,7 @@ const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Ks({
+      this.contentToUse || ar({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4219,11 +4464,11 @@ const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = async ({
     }
   }
 });
-function qs(e, t, n, o, s, r) {
-  var a, l, c, m, d;
-  const i = k("content-variants");
-  return u(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(i, {
+function cr(e, t, n, o, s, r) {
+  var a, l, d, m, c;
+  const i = y("content-variants");
+  return u(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    E(i, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -4235,28 +4480,28 @@ function qs(e, t, n, o, s, r) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(m = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : m.state
+        ...(m = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : m.state
       },
-      model: (d = e.symbol) == null ? void 0 : d.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
-      blocksWrapper: "div",
-      contentWrapper: "div"
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
+      blocksWrapper: e.blocksWrapper,
+      contentWrapper: e.contentWrapper
+    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Js = /* @__PURE__ */ y(zs, [["render", qs]]), we = {};
-function sr(e) {
-  if (I()) {
-    Object.assign(we, e);
+const dr = /* @__PURE__ */ b(lr, [["render", cr]]), Re = {};
+function Sr(e) {
+  if (T()) {
+    Object.assign(Re, e);
     const t = {
       type: "builder.settingsChange",
-      data: we
+      data: Re
     };
     parent.postMessage(t, "*");
   }
 }
-const rr = async (e) => {
+const Cr = async (e) => {
   var o, s, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
     ...e,
@@ -4268,52 +4513,52 @@ const rr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Xe(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: et(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await pe(n)
+    content: await be(n)
   };
 };
 export {
-  os as A,
-  le as B,
-  en as C,
-  ss as D,
-  pe as E,
-  on as F,
-  Xs as G,
-  er as H,
-  pn as I,
-  fn as S,
+  ks as A,
+  pe as B,
+  un as C,
+  vs as D,
+  be as E,
+  hn as F,
+  hr as G,
+  gr as H,
+  Cn as I,
+  $n as S,
   V as T,
-  Uo as V,
-  ce as _,
-  Xt as a,
-  Zs as b,
-  F as c,
-  tr as d,
-  Be as e,
-  y as f,
-  xe as g,
-  Q as h,
-  _s as i,
-  ae as j,
-  oe as k,
-  bt as l,
-  Js as m,
-  Dn as n,
-  Z as o,
-  js as p,
-  T as q,
-  rs as r,
-  Mo as s,
-  Cs as t,
-  sr as u,
-  Xe as v,
-  Os as w,
-  nr as x,
-  or as y,
-  rr as z
+  es as V,
+  me as _,
+  on as a,
+  fr as b,
+  U as c,
+  yr as d,
+  Fe as e,
+  b as f,
+  Ne as g,
+  te as h,
+  br as i,
+  ee as j,
+  ae as k,
+  kt as l,
+  dr as m,
+  oo as n,
+  J as o,
+  ir as p,
+  I as q,
+  Ss as r,
+  ns as s,
+  Us as t,
+  Sr as u,
+  et as v,
+  er as w,
+  kr as x,
+  vr as y,
+  Cr as z
 };