@builder.io/sdk-vue 4.1.3 → 4.2.3

package/lib/node/{index-0s5_7Gfu.js → index-BtCfIIfO.js}

@@ -1,13 +1,13 @@
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as Z, mergeProps as w, toHandlers as O, withCtx as U, renderSlot as V, resolveComponent as k, createTextVNode as Rt, toDisplayString as ce, defineAsyncComponent as X, createVNode as E, renderList as L, createCommentVNode as C, h as Ke, createElementVNode as z, normalizeStyle as j, normalizeClass as ee, markRaw as Et } from "vue";
-import { T as $, g as Pt, f as At, i as R, s as Bt, r as Vt, p as Nt, a as Wt, l as N, b as qe, c as ke, d as xt, n as ze, e as K, h as P, j as Dt } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as w, toHandlers as F, withCtx as O, renderSlot as V, resolveComponent as k, createTextVNode as Rt, toDisplayString as le, defineAsyncComponent as Y, createVNode as E, renderList as L, createCommentVNode as C, h as Ke, createElementVNode as z, normalizeStyle as M, normalizeClass as _, markRaw as Et } from "vue";
+import { T as $, g as At, f as Pt, i as R, s as Bt, r as Vt, p as Nt, a as xt, l as x, b as qe, c as Se, d as Wt, n as ze, e as K, h as A, j as Dt } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
 const Ot = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ut = (e) => typeof e == "string" && Ot.has(e.toLowerCase());
-function W(e = {}, t, n) {
+function N(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
@@ -23,25 +23,25 @@ const Ft = y({
     n[o] = r;
   return n;
 };
-function Lt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (d(), S(Z(e.TagName), w({ key: 1 }, e.attributes, O(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), S(Z(e.TagName), w({ key: 0 }, e.attributes, O(e.actionAttributes)), {
-      default: U(() => [
+function Lt(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (d(), S(X(e.TagName), w({ key: 1 }, e.attributes, F(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), S(X(e.TagName), w({ key: 0 }, e.attributes, F(e.actionAttributes)), {
+      default: O(() => [
         V(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), S(Z(e.TagName), w({ key: 1 }, e.attributes, O(e.actionAttributes)), {
-      default: U(() => [
+    }, 16)) : (d(), S(X(e.TagName), w({ key: 1 }, e.attributes, F(e.actionAttributes)), {
+      default: O(() => [
         V(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const Ce = /* @__PURE__ */ v(Ft, [["render", Lt]]), hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ke = /* @__PURE__ */ v(Ft, [["render", Lt]]), hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ce
-}, Symbol.toStringTag, { value: "Module" })), G = () => {
+  default: ke
+}, Symbol.toStringTag, { value: "Module" })), j = () => {
   switch ($) {
     case "react":
     case "reactNative":
@@ -56,7 +56,7 @@ const Ce = /* @__PURE__ */ v(Ft, [["render", Lt]]), hs = /* @__PURE__ */ Object.
   }
 }, Ht = y({
   name: "builder-button",
-  components: { DynamicRenderer: Ce },
+  components: { DynamicRenderer: ke },
   props: [
     "attributes",
     "link",
@@ -65,13 +65,13 @@ const Ce = /* @__PURE__ */ v(Ft, [["render", Lt]]), hs = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   },
   methods: {
     attrs() {
       return {
-        ...W(this.attributes, "v-on:", !1),
-        [G()]: `${this.link ? "" : "builder-button"} ${this.attributes[G()] || ""}`,
+        ...N(this.attributes, "v-on:", !1),
+        [j()]: `${this.link ? "" : "builder-button"} ${this.attributes[j()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -83,20 +83,20 @@ const Ce = /* @__PURE__ */ v(Ft, [["render", Lt]]), hs = /* @__PURE__ */ Object.
     }
   }
 });
-function Mt(e, t, n, o, r, s) {
-  const i = k("DynamicRenderer");
-  return d(), S(i, {
+function Mt(e, t, n, o, r, i) {
+  const s = k("DynamicRenderer");
+  return d(), S(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: U(() => [
-      Rt(ce(e.text), 1)
+    default: O(() => [
+      Rt(le(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), Kt = Symbol(), be = {
+const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), Kt = Symbol(), fe = {
   Builder: {
     content: null,
     context: {},
@@ -118,7 +118,7 @@ const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), Kt = Symbol(), be = {
   Components: { registeredComponents: {} },
   key: qt
 }, Je = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
   return o === void 0 || o === e ? n : o;
 }, zt = ({
   code: e,
@@ -126,58 +126,58 @@ const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), Kt = Symbol(), be = {
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
-  const a = Pt({
+  const l = At({
     builder: t,
     context: n,
     event: o,
-    state: At({
-      rootState: i,
+    state: Pt({
+      rootState: s,
       localState: r,
-      rootSetState: s
+      rootSetState: i
     })
   });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 }, Gt = (e) => R() || Bt({
   shouldLogWarning: !0
 }) ? zt(e) : Vt(e), Jt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Qt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Yt = (e) => {
-  var t, n, o, r, s, i;
-  return ((o = (n = (t = Jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = Qt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
+  var t, n, o, r, i, s;
+  return ((o = (n = (t = Jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Qt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
-function te({
+function ee({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0
+  event: i,
+  isExpression: s = !0
 }) {
   if (e.trim() === "")
     return;
-  const a = Yt(e.trim());
-  if (a)
+  const l = Yt(e.trim());
+  if (l)
     return Je({
       ...o,
       ...n
-    }, a);
-  const l = {
+    }, l);
+  const a = {
     code: Nt(e, {
-      isExpression: i
+      isExpression: s
     }),
-    builder: Wt(),
+    builder: xt(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return Gt(l);
+    return Gt(a);
   } catch (u) {
-    N.error("Failed code evaluation: " + u.message, {
+    x.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
@@ -196,8 +196,8 @@ const Zt = (e, t) => {
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((o = e.component.options) != null && o.text) && typeof e.component.options.text == "string")
     return {
       ...e.component.options,
-      text: e.component.options.text.replace(/{{([^}]+)}}/g, (r, s) => te({
-        code: s,
+      text: e.component.options.text.replace(/{{([^}]+)}}/g, (r, i) => ee({
+        code: i,
         context: t,
         localState: t.localState,
         rootState: t.rootState,
@@ -211,21 +211,21 @@ function _t(e, ...t) {
     delete n[o];
   return n;
 }
-function se(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
+function ie(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
-    t(e, (s) => {
-      n !== null && o !== null && (n[o] = s);
+    t(e, (i) => {
+      n !== null && o !== null && (n[o] = i);
     });
     return;
   }
-  r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((s, i) => {
-    t(s, (l) => {
-      e[i] = l;
-    }), se(s, t, e, i, r);
-  }) : Object.entries(e).forEach(([s, i]) => {
-    t(i, (l) => {
-      e[s] = l;
-    }), se(i, t, e, s, r);
+  r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((i, s) => {
+    t(i, (a) => {
+      e[s] = a;
+    }), ie(i, t, e, s, r);
+  }) : Object.entries(e).forEach(([i, s]) => {
+    t(s, (a) => {
+      e[i] = a;
+    }), ie(s, t, e, i, r);
   }));
 }
 function Qe(e) {
@@ -235,7 +235,7 @@ function en(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return se(e, (n) => {
+  return ie(e, (n) => {
     if (Qe(n)) {
       t = !0;
       return;
@@ -243,7 +243,7 @@ function en(e) {
   }), t;
 }
 function tn(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (se(e, (n, o) => {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ie(e, (n, o) => {
     Qe(n) && o(n[t] ?? void 0);
   }), e);
 }
@@ -251,21 +251,21 @@ function nn(e, t) {
   var n, o;
   return (n = e.component) != null && n.options && en((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = tn(e.component.options, t ?? "Default")), e;
 }
-function ge(e) {
+function be(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => ge(n));
+    return e.map((n) => be(n));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
   const t = {};
   for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ge(e[n]));
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = be(e[n]));
   return t;
 }
 const on = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rn = (e) => {
   if (on) {
-    const t = ke(e);
+    const t = Se(e);
     return {
       ...t,
       properties: {
@@ -276,7 +276,7 @@ const on = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rn = (e) =
       }
     };
   } else {
-    const t = ge(_t(e, "children", "meta"));
+    const t = be(_t(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -298,18 +298,18 @@ const on = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rn = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const s = rn(e);
-  for (const i in e.bindings) {
-    const a = e.bindings[i], l = te({
-      code: a,
+  const i = rn(e);
+  for (const s in e.bindings) {
+    const l = e.bindings[s], a = ee({
+      code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    qe(s, i, l);
+    qe(i, s, a);
   }
-  return s;
+  return i;
 };
 function an({
   block: e,
@@ -318,32 +318,32 @@ function an({
   rootState: o,
   rootSetState: r
 }) {
-  let s = e;
-  return s = sn({
-    block: s,
+  let i = e;
+  return i = sn({
+    block: i,
     localState: n,
     rootState: o,
     rootSetState: r,
     context: t
-  }), s = nn(s, o.locale), s;
+  }), i = nn(i, o.locale), i;
 }
-function Te(e) {
+function Ce(e) {
   const t = e || (R() ? window.location.search : void 0);
-  return t ? xt(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? Wt(t).indexOf("builder.preview=") !== -1 : !1;
 }
 const ln = (e) => ({
   type: "builder.registerComponent",
-  data: ae(e)
+  data: se(e)
 }), cn = (e) => {
   const t = e.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
   return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function ae(e) {
+function se(e) {
   return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? cn(n) : n));
 }
 const Ne = {};
 function fs(e, t) {
-  e === "plugin" && (t = ae(t));
+  e === "plugin" && (t = se(t));
   let n = Ne[e];
   if (n || (n = Ne[e] = []), n.push(t), R()) {
     const o = {
@@ -360,24 +360,34 @@ function fs(e, t) {
     }
   }
 }
-const We = {};
 function bs(e) {
+  var t;
   if (R()) {
-    Object.assign(We, e);
+    const n = JSON.parse(JSON.stringify(e));
+    e.action && (n.action = e.action.toString()), (t = window.parent) == null || t.postMessage({
+      type: "builder.registerAction",
+      data: n
+    }, "*");
+  }
+}
+const xe = {};
+function gs(e) {
+  if (R()) {
+    Object.assign(xe, e);
     const t = {
       type: "builder.settingsChange",
-      data: We
+      data: xe
     };
     parent.postMessage(t, "*");
   }
 }
-const xe = "builder.", dn = "options.", Ye = (e) => {
+const We = "builder.", dn = "options.", Ye = (e) => {
   if (!e)
     return {};
   const t = ze(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(xe)) {
-      const r = o.replace(xe, "").replace(dn, "");
+    if (o.startsWith(We)) {
+      const r = o.replace(We, "").replace(dn, "");
       n[r] = t[o];
     }
   }), n;
@@ -386,7 +396,7 @@ const xe = "builder.", dn = "options.", Ye = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Ye(e);
-}, Xe = "4.1.3", Ze = () => ({
+}, Xe = "4.2.3", Ze = () => ({
   "X-Builder-SDK": $,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": Xe
@@ -395,7 +405,7 @@ const xe = "builder.", dn = "options.", Ye = (e) => {
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, de = ({
+}, ce = ({
   name: e,
   canTrack: t
 }) => {
@@ -403,17 +413,17 @@ const xe = "builder.", dn = "options.", Ye = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    N.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, _e = async (e) => de(e), mn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), hn = [["secure", ""], ["SameSite", "None"]], fn = ({
+}, _e = async (e) => ce(e), mn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), hn = [["secure", ""], ["SameSite", "None"]], fn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (R() ? location.protocol === "https:" : !0) ? hn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", pn(window.location.hostname)], ...r];
-  return mn(i);
-}, Ie = async ({
+  const r = (R() ? location.protocol === "https:" : !0) ? hn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", pn(window.location.hostname)], ...r];
+  return mn(s);
+}, Te = async ({
   name: e,
   value: t,
   expires: n,
@@ -429,7 +439,7 @@ const xe = "builder.", dn = "options.", Ye = (e) => {
     });
     document.cookie = r;
   } catch (r) {
-    N.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
 function bn() {
@@ -462,7 +472,7 @@ const tt = "builderSessionId", gn = async ({
 }, yn = () => et(), vn = ({
   id: e,
   canTrack: t
-}) => Ie({
+}) => Te({
   name: tt,
   value: e,
   canTrack: t
@@ -514,9 +524,9 @@ const tt = "builderSessionId", gn = async ({
   value: e,
   canTrack: t
 });
-function we(e) {
+function Ie(e) {
   var t;
-  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && N.log(e);
+  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && x.log(e);
 }
 const wn = async ({
   canTrack: e
@@ -556,18 +566,18 @@ const wn = async ({
     ownerId: n
   }
 });
-async function ye({
+async function ge({
   apiHost: e,
   ...t
 }) {
   if (!t.apiKey) {
-    N.error("Missing API key for track call. Please provide your API key.");
+    x.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || P() || !(R() || $ === "reactNative"))
+  if (!t.canTrack || A() || !(R() || $ === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
-  return we(o), fetch(o, {
+  return Ie(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
       events: [await $n(t)]
@@ -581,7 +591,7 @@ async function ye({
     console.error("Failed to track: ", r);
   });
 }
-const gs = (e) => ye({
+const ys = (e) => ge({
   ...e,
   canTrack: !0
 }), Rn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
@@ -615,7 +625,7 @@ const it = (e) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var s, i;
+    var i, s;
     if (!rt(e.trustedHosts, o))
       return;
     const {
@@ -624,14 +634,14 @@ const it = (e) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const a = r.data.text, l = r.data.arguments || [], u = r.data.id, p = new Function(a);
+          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, p = new Function(l);
           let f, c = null;
           try {
-            f = p.apply(null, l);
+            f = p.apply(null, a);
           } catch (m) {
             c = m;
           }
-          c ? (s = window.parent) == null || s.postMessage({
+          c ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
@@ -646,7 +656,7 @@ const it = (e) => {
                 result: m
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: f,
@@ -678,24 +688,24 @@ const it = (e) => {
         break;
       }
       case "builder.resetState": {
-        const s = r.data, i = s.model, a = s == null ? void 0 : s.state;
-        i === e && a && n.stateUpdate(a);
+        const i = r.data, s = i.model, l = i == null ? void 0 : i.state, a = i.editType;
+        s === e && l && n.stateUpdate(l, a);
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, a = s.data;
-        i === e && n.contentUpdate(a);
+        const i = r.data, s = i.key || i.alias || i.entry || i.modelName, l = i.data, a = i.editType;
+        s === e && n.contentUpdate(l, a);
         break;
       }
     }
-}, ys = ({
+}, vs = ({
   model: e,
   apiKey: t,
   callback: n,
   trustedHosts: o
 }) => {
   if (!R)
-    return N.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    return x.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
   it({
     modelName: e,
@@ -717,21 +727,21 @@ const it = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, En = "builder.tests", $e = (e) => `${En}.${e}`, Pn = ({
+}, En = "builder.tests", we = (e) => `${En}.${e}`, An = ({
   contentId: e
 }) => _e({
-  name: $e(e),
+  name: we(e),
   canTrack: !0
-}), An = ({
+}), Pn = ({
   contentId: e
-}) => de({
-  name: $e(e),
+}) => ce({
+  name: we(e),
   canTrack: !0
 }), Bn = ({
   contentId: e,
   value: t
-}) => Ie({
-  name: $e(e),
+}) => Te({
+  name: we(e),
   value: t,
   canTrack: !0
 }), at = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, Vn = ({
@@ -741,10 +751,10 @@ const it = (e) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
 }, lt = (e) => {
@@ -753,7 +763,7 @@ const it = (e) => {
     contentId: e.id,
     value: t
   }).catch((n) => {
-    N.error("could not store A/B test variation: ", n);
+    x.error("could not store A/B test variation: ", n);
   }), t;
 }, ct = ({
   item: e,
@@ -779,7 +789,7 @@ const it = (e) => {
     return;
   if (!at(e))
     return e;
-  const n = An({
+  const n = Pn({
     contentId: e.id
   }) || lt({
     variations: e.variations,
@@ -792,13 +802,13 @@ const it = (e) => {
     ...e,
     ...o
   };
-}, Wn = async ({
+}, xn = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !at(e))
     return e;
-  const o = await Pn({
+  const o = await An({
     contentId: e.id
   }) || lt({
     variations: e.variations,
@@ -824,14 +834,14 @@ function Ue() {
         ...this.getUserAttributes(),
         ...n
       };
-      Ie({
+      Te({
         name: Oe,
         value: JSON.stringify(o),
         canTrack: e
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
-      return R() ? JSON.parse(de({
+      return R() ? JSON.parse(ce({
         name: Oe,
         canTrack: e
       }) || "{}") : {};
@@ -848,41 +858,41 @@ function Ue() {
     }
   };
 }
-let ve;
-R() && $ === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Ue()), ve = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ve = Ue();
-const le = ve, vs = (e) => {
-  le.setUserAttributes(e);
-}, J = (e) => {
+let ye;
+R() && $ === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Ue()), ye = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ye = Ue();
+const ae = ye, Ss = (e) => {
+  ae.setUserAttributes(e);
+}, G = (e) => {
   const t = K(e) ? e : !0;
-  return le.setCanTrack(t), t;
+  return ae.setCanTrack(t), t;
 };
-function xn() {
+function Wn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
 function Dn() {
-  const e = xn().fetch;
+  const e = Wn().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 On = Dn();
-function Se(e, t = null, n = ".") {
+function ve(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...Se(s, i, n)
+      ...ve(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
 function dt(e, t, n = {}) {
   for (const o in e) {
-    const r = e[o], s = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? dt(r, s, n) : n[s] = r;
+    const r = e[o], i = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? dt(r, i, n) : n[i] = r;
   }
   return n;
 }
@@ -891,23 +901,23 @@ function Un(e) {
   for (const n in e) {
     const o = n.split(".");
     let r = t;
-    for (let s = 0; s < o.length; s++) {
-      const i = o[s];
-      s === o.length - 1 ? r[i] = e[n] : (r[i] = r[i] || {}, r = r[i]);
+    for (let i = 0; i < o.length; i++) {
+      const s = o[i];
+      i === o.length - 1 ? r[s] = e[n] : (r[s] = r[s] || {}, r = r[s]);
     }
   }
   return t;
 }
-const Fn = "v3", Fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (e) => {
+const Fn = "v3", Fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, $e = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
     query: o,
     model: r,
-    apiKey: s,
-    enrich: i,
-    locale: a,
-    apiVersion: l = Fn,
+    apiKey: i,
+    enrich: s,
+    locale: l,
+    apiVersion: a = Fn,
     fields: u,
     omit: p,
     offset: f,
@@ -915,43 +925,39 @@ const Fn = "v3", Fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (
     staleCacheSeconds: m,
     sort: b,
     includeUnpublished: g,
-    apiHost: A
+    apiHost: P
   } = e;
-  if (!s)
+  if (!i)
     throw new Error("Missing API key");
-  if (!["v3"].includes(l))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const F = t !== 1, B = A || "https://cdn.builder.io", T = new URL(`${B}/api/${l}/content/${r}`);
-  T.searchParams.set("apiKey", s), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(F)), T.searchParams.set("includeRefs", String(!0));
-  const x = a || (n == null ? void 0 : n.locale);
-  let H = n || {};
-  if (x && (T.searchParams.set("locale", x), H = {
-    locale: x,
-    ...H
-  }), i && T.searchParams.set("enrich", String(i)), T.searchParams.set("omit", p ?? "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && T.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && T.searchParams.set("includeUnpublished", String(g)), c && Fe(c) && T.searchParams.set("cacheSeconds", String(c)), m && Fe(m) && T.searchParams.set("staleCacheSeconds", String(m)), b) {
-    const D = Se({
+  if (!["v3"].includes(a))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
+  const U = t !== 1, B = P || "https://cdn.builder.io", T = new URL(`${B}/api/${a}/content/${r}`);
+  T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(U)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l);
+  let W = n || {};
+  if (s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", p ?? "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && T.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && T.searchParams.set("includeUnpublished", String(g)), c && Fe(c) && T.searchParams.set("cacheSeconds", String(c)), m && Fe(m) && T.searchParams.set("staleCacheSeconds", String(m)), b) {
+    const D = ve({
       sort: b
     });
-    for (const M in D)
-      T.searchParams.set(M, JSON.stringify(D[M]));
+    for (const H in D)
+      T.searchParams.set(H, JSON.stringify(D[H]));
   }
-  const Q = {
+  const J = {
     ...un(),
     ...ze(e.options || {})
   };
-  H = {
-    ...H,
-    ...Hn(Q)
+  W = {
+    ...W,
+    ...Hn(J)
   };
-  const Y = Se(Q);
-  for (const D in Y)
-    T.searchParams.set(D, String(Y[D]));
-  if (Object.keys(H).length > 0 && T.searchParams.set("userAttributes", JSON.stringify(H)), o) {
+  const Q = ve(J);
+  for (const D in Q)
+    T.searchParams.set(D, String(Q[D]));
+  if (Object.keys(W).length > 0 && T.searchParams.set("userAttributes", JSON.stringify(W)), o) {
     const D = dt({
       query: o
     });
-    for (const M in D)
-      T.searchParams.set(M, JSON.stringify(D[M]));
+    for (const H in D)
+      T.searchParams.set(H, JSON.stringify(D[H]));
   }
   return T;
 }, Ln = (e) => {
@@ -969,52 +975,58 @@ const Fn = "v3", Fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (
   }
   return {};
 }, Mn = (e) => "results" in e;
-async function Ee(e) {
-  const t = await qn({
+async function Re(e) {
+  var o;
+  const t = e.locale || ((o = e.userAttributes) == null ? void 0 : o.locale);
+  t && (e.locale = t, e.userAttributes = {
+    locale: t,
+    ...e.userAttributes
+  });
+  const n = await qn({
     ...e,
     limit: 1
   });
-  return t && t[0] || null;
+  return n && n[0] || null;
 }
 const jn = async (e) => {
-  var i;
-  const t = Re(e), n = e.fetch ?? On, o = {
+  var s;
+  const t = $e(e), n = e.fetch ?? On, o = {
     ...e.fetchOptions,
     headers: {
-      ...(i = e.fetchOptions) == null ? void 0 : i.headers,
+      ...(s = e.fetchOptions) == null ? void 0 : s.headers,
       ...Ze()
     }
   };
   return await (await n(t.href, o)).json();
-}, Kn = async (e, t, n = Re(e)) => {
-  const o = J(e.canTrack);
+}, Kn = async (e, t, n = $e(e)) => {
+  const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(R() || $ === "reactNative"))
     return t.results;
   try {
     const r = [];
-    for (const s of t.results)
-      r.push(await Wn({
-        item: s,
+    for (const i of t.results)
+      r.push(await xn({
+        item: i,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    N.error("Could not process A/B tests. ", r);
+    x.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
 async function qn(e) {
-  const t = Re(e), n = await jn(e);
+  const t = $e(e), n = await jn(e);
   if (!Mn(n))
-    throw N.error("Error fetching data. ", {
+    throw x.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
   return Kn(e, n);
 }
-const Ss = async (e) => {
-  var o, r, s;
+const ks = async (e) => {
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -1025,33 +1037,33 @@ const Ss = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ye(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: Ye(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await Ee(n)
+    content: await Re(n)
   };
-}, Pe = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+}, Ee = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function zn(e, t, n = {}) {
-  let o, r, s, i = null, a = 0;
-  const l = function() {
-    a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+  let o, r, i, s = null, l = 0;
+  const a = function() {
+    l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
   };
   return function() {
     const u = Date.now();
-    !a && n.leading === !1 && (a = u);
-    const p = t - (u - a);
-    return o = this, r = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), a = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, p)), s;
+    !l && n.leading === !1 && (l = u);
+    const p = t - (u - l);
+    return o = this, r = arguments, p <= 0 || p > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, p)), i;
   };
 }
-function _(e, ...t) {
+function Z(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
     if (r != null)
-      for (const s in r)
-        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
+      for (const i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
   }
   return n;
 }
@@ -1070,10 +1082,10 @@ function ut(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function pt(e, t) {
-  const n = Jn(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
-  for (const a of i)
-    for (const l of n)
-      l in a || (a[l] = o[l]);
+  const n = Jn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  for (const l of s)
+    for (const a of n)
+      a in l || (l[a] = o[a]);
 }
 function Jn(e) {
   const t = [];
@@ -1089,8 +1101,8 @@ function mt(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    pt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", _(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Pe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), _(n.style, e.steps[1].styles), setTimeout(() => {
+    pt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Ee(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -1105,37 +1117,37 @@ function Qn(e) {
   Array.from(t).forEach((n) => {
     pt(e, n);
     let o = !1, r = !1;
-    function s() {
-      !o && a(n) ? (o = !0, r = !0, setTimeout(() => {
-        _(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+    function i() {
+      !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
+        Z(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !a(n) && (o = !1, _(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, Z(n.style, e.steps[0].styles));
     }
-    const i = zn(s, 200, {
+    const s = zn(i, 200, {
       leading: !1
     });
-    function a(p) {
+    function l(p) {
       const f = p.getBoundingClientRect(), c = window.innerHeight, b = (e.thresholdPercent || 0) / 100 * c;
       return f.bottom > b && f.top < c - b;
     }
-    const l = e.steps[0].styles;
+    const a = e.steps[0].styles;
     function u() {
-      _(n.style, l);
+      Z(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Pe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", i, {
+      n.style.transition = `all ${e.duration}s ${Ee(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
-    }), s();
+    }), i();
   });
 }
 const ht = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Pe(n)}: ${o};`;
+    return `${Ee(n)}: ${o};`;
 }).filter(K), Yn = (e) => ht(e).join(`
-`), ks = ({
+`), Cs = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -1152,7 +1164,7 @@ function Xn({
 }) {
   return e;
 }
-const Cs = ({
+const Ts = ({
   block: e,
   context: t
 }) => ft(Xn({
@@ -1179,8 +1191,8 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   registeredComponents: t,
   model: n
 }) => {
-  var s;
-  const o = (s = e.component) == null ? void 0 : s.name;
+  var i;
+  const o = (i = e.component) == null ? void 0 : i.name;
   if (!o)
     return null;
   const r = t[o];
@@ -1201,7 +1213,7 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = te({
+  const r = ee({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -1210,16 +1222,16 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, u) => ({
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  return r.map((a, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: u,
-        $item: l,
-        [i]: l,
-        [`$${i}Index`]: u
+        $item: a,
+        [s]: a,
+        [`$${s}Index`]: u
       }
     },
     block: o
@@ -1232,7 +1244,7 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }, to = (e, t, n) => {
   var o;
   return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([s, i]) => !bt(i, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !bt(s, n)))
   } : {};
 }, no = (e, t) => {
   var n;
@@ -1249,34 +1261,34 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), so = () => import("./block-styles-16ywDrRK.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;
-}), ao = () => import("./block-wrapper-Yxq8cADp.js").then((e) => e.default).catch((e) => {
+}), so = () => import("./block-wrapper-HC1GKPg-.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;
-}), lo = () => import("./component-ref-c_8IgXLb.js").then((e) => e.default).catch((e) => {
+}), ao = () => import("./component-ref-bqN5ZiyT.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;
-}), co = () => import("./repeated-block-FPm9ifh_.js").then((e) => e.default).catch((e) => {
+}), lo = () => import("./repeated-block-FOLLYnPQ.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;
+}), co = () => import("./style-wrapper-bEfbvdLX.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
+    e
+  ), e;
 }), uo = y({
   name: "block",
   components: {
-    BlockStyles: X(so),
-    RepeatedBlock: X(co),
-    ComponentRef: X(lo),
-    BlockWrapper: X(ao),
-    DynamicDiv: X(io)
+    StyleWrapper: Y(co),
+    RepeatedBlock: Y(lo),
+    ComponentRef: Y(ao),
+    BlockWrapper: Y(so),
+    DynamicDiv: Y(io)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1364,14 +1376,15 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function po(e, t, n, o, r, s) {
+function po(e, t, n, o, r, i) {
   var f;
-  const i = k("BlockStyles"), a = k("ComponentRef"), l = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
+  const s = k("StyleWrapper"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
   return e.canShowBlock ? (d(), h(I, { key: 0 }, [
-    E(i, {
+    E(s, {
       block: e.processedBlock,
-      context: e.context
-    }, null, 8, ["block", "context"]),
+      context: e.context,
+      id: e.block.id
+    }, null, 8, ["block", "context", "id"]),
     (f = e.blockComponent) != null && f.noWrap ? (d(), h(I, { key: 1 }, [
       e.repeatItem ? (d(!0), h(I, { key: 1 }, L(e.repeatItem, (c, m) => (d(), S(p, {
         key: e.generateKey(m),
@@ -1379,7 +1392,7 @@ function po(e, t, n, o, r, s) {
         block: c.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), S(a, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), S(l, {
         key: 0,
         componentRef: e.componentRefProps.componentRef,
         componentOptions: e.componentRefProps.componentOptions,
@@ -1404,8 +1417,8 @@ function po(e, t, n, o, r, s) {
         block: e.processedBlock,
         context: e.context
       }, {
-        default: U(() => [
-          E(a, {
+        default: O(() => [
+          E(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -1416,7 +1429,7 @@ function po(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), h(I, null, L(e.childrenWithoutParentComponent, (c, m) => (d(), S(l, {
+          (d(!0), h(I, null, L(e.childrenWithoutParentComponent, (c, m) => (d(), S(a, {
             key: c.id,
             block: c,
             registeredComponents: e.registeredComponents,
@@ -1429,7 +1442,7 @@ function po(e, t, n, o, r, s) {
     ], 64))
   ], 64)) : C("", !0);
 }
-const gt = /* @__PURE__ */ v(uo, [["render", po]]), Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gt = /* @__PURE__ */ v(uo, [["render", po]]), Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: gt
 }, Symbol.toStringTag, { value: "Module" })), mo = y({
@@ -1476,7 +1489,7 @@ const gt = /* @__PURE__ */ v(uo, [["render", po]]), Ts = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1489,7 +1502,7 @@ const gt = /* @__PURE__ */ v(uo, [["render", po]]), Ts = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -1502,24 +1515,24 @@ const gt = /* @__PURE__ */ v(uo, [["render", po]]), Ts = /* @__PURE__ */ Object.
     }
   }
 });
-function ho(e, t, n, o, r, s) {
-  return d(), S(Z(e.BlocksWrapper), w({
+function ho(e, t, n, o, r, i) {
+  return d(), S(X(e.BlocksWrapper), w({
     ref: "blocksWrapperRef",
-    class: e.className + " component-tqyw9m0iue",
+    class: e.className + " component-5vz8uirn7sc",
     "builder-path": e.dataPath,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (i) => e.onClick(),
-    onMouseEnter: (i) => e.onMouseEnter(),
-    onKeyPress: (i) => e.onClick()
+    onClick: (s) => e.onClick(),
+    onMouseEnter: (s) => e.onMouseEnter(),
+    onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: U(() => [
+    default: O(() => [
       V(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const fo = /* @__PURE__ */ v(mo, [["render", ho], ["__scopeId", "data-v-161c6b74"]]), bo = y({
+const fo = /* @__PURE__ */ v(mo, [["render", ho], ["__scopeId", "data-v-82fc93d6"]]), bo = y({
   name: "builder-blocks",
   components: { BlocksWrapper: fo, Block: gt },
   props: [
@@ -1534,27 +1547,27 @@ const fo = /* @__PURE__ */ v(mo, [["render", ho], ["__scopeId", "data-v-161c6b74
     "registeredComponents"
   ],
   inject: {
-    builderContext: be.key,
+    builderContext: fe.key,
     componentsContext: Ge.key
   }
 });
-function go(e, t, n, o, r, s) {
-  var l, u, p, f;
-  const i = k("Block"), a = k("BlocksWrapper");
-  return d(), S(a, {
+function go(e, t, n, o, r, i) {
+  var a, u, p, f;
+  const s = k("Block"), l = k("BlocksWrapper");
+  return d(), S(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapperProps: e.BlocksWrapperProps || ((l = e.context) == null ? void 0 : l.BlocksWrapperProps) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapperProps),
+    BlocksWrapperProps: e.BlocksWrapperProps || ((a = e.context) == null ? void 0 : a.BlocksWrapperProps) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapperProps),
     classNameProp: e.className,
     BlocksWrapper: ((p = e.context) == null ? void 0 : p.BlocksWrapper) || ((f = e.builderContext) == null ? void 0 : f.BlocksWrapper)
   }, {
-    default: U(() => [
+    default: O(() => [
       V(e.$slots, "default"),
       e.blocks ? (d(!0), h(I, { key: 0 }, L(e.blocks, (c, m) => {
         var b;
-        return d(), S(i, {
+        return d(), S(s, {
           key: c.id,
           block: c,
           linkComponent: e.linkComponent,
@@ -1570,15 +1583,15 @@ const q = /* @__PURE__ */ v(bo, [["render", go]]), yo = y({
   name: "dynamic-div",
   props: []
 });
-function vo(e, t, n, o, r, s) {
+function vo(e, t, n, o, r, i) {
   return d(), h("div", null, [
     V(e.$slots, "default")
   ]);
 }
-const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ne
-}, Symbol.toStringTag, { value: "Module" })), ue = y({
+  default: te
+}, Symbol.toStringTag, { value: "Module" })), de = y({
   render() {
     return Ke("style", {
       innerHTML: this.styles,
@@ -1609,8 +1622,8 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
     default: 991,
     max: 1200
   }
-}, Is = (e, t = yt) => `@media (max-width: ${t[e].max}px)`, ko = (e) => {
-  const t = ke(yt);
+}, ws = (e, t = yt) => `@media (max-width: ${t[e].max}px)`, ko = (e) => {
+  const t = Se(yt);
   if (!e)
     return t;
   const {
@@ -1619,41 +1632,41 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
     medium: r
   } = e;
   if (n) {
-    const l = Math.floor(n / 2);
+    const a = Math.floor(n / 2);
     t.xsmall = {
       max: n,
-      min: l,
-      default: l + 1
+      min: a,
+      default: a + 1
     };
   }
   if (!o || !r)
     return t;
-  const s = n ? t.xsmall.max + 1 : Math.floor(o / 2);
+  const i = n ? t.xsmall.max + 1 : Math.floor(o / 2);
   t.small = {
     max: o,
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   };
-  const i = t.small.max + 1;
+  const s = t.small.max + 1;
   t.medium = {
     max: r,
-    min: i,
-    default: i + 1
+    min: s,
+    default: s + 1
   };
-  const a = t.medium.max + 1;
+  const l = t.medium.max + 1;
   return t.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: a,
-    default: a + 1
+    min: l,
+    default: l + 1
   }, t;
 }, Co = (e) => `builder-columns ${e}-breakpoints`, To = y({
   name: "builder-columns",
   components: {
-    InlinedStyles: ue,
-    DynamicRenderer: Ce,
+    InlinedStyles: de,
+    DynamicRenderer: ke,
     Blocks: q,
-    DynamicDiv: ne
+    DynamicDiv: te
   },
   props: [
     "space",
@@ -1716,7 +1729,7 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
         ...{
           display: "flex",
@@ -1730,7 +1743,7 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -1738,7 +1751,7 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
@@ -1782,33 +1795,33 @@ const ne = /* @__PURE__ */ v(yo, [["render", vo]]), So = /* @__PURE__ */ Object.
         ...e.link ? {
           href: e.link
         } : {},
-        [G()]: "builder-column",
+        [j()]: "builder-column",
         style: ft(this.columnCssVars(t))
       };
     }
   }
 });
-function Io(e, t, n, o, r, s) {
+function Io(e, t, n, o, r, i) {
   var u;
-  const i = k("InlinedStyles"), a = k("Blocks"), l = k("DynamicRenderer");
+  const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", w({
-    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-1be3j8m9ewb",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), S(i, {
+    e.TARGET !== "reactNative" ? (d(), S(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
     }, null, 8, ["styles", "nonce"])) : C("", !0),
-    (d(!0), h(I, null, L(e.columns, (p, f) => (d(), S(l, {
+    (d(!0), h(I, null, L(e.columns, (p, f) => (d(), S(a, {
       key: f,
       TagName: e.getTagName(p),
       actionAttributes: {},
       attributes: e.getAttributes(p, f)
     }, {
-      default: U(() => [
-        E(a, {
+      default: O(() => [
+        E(l, {
           path: `columns.${f}.blocks`,
           parent: e.builderBlock.id,
           context: e.builderContext,
@@ -1824,11 +1837,11 @@ function Io(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const wo = /* @__PURE__ */ v(To, [["render", Io], ["__scopeId", "data-v-459e0e34"]]), $o = y({
+const wo = /* @__PURE__ */ v(To, [["render", Io], ["__scopeId", "data-v-ab15749a"]]), $o = y({
   name: "builder-fragment-component",
   props: []
 });
-function Ro(e, t, n, o, r, s) {
+function Ro(e, t, n, o, r, i) {
   return d(), h("span", null, [
     V(e.$slots, "default")
   ]);
@@ -1837,32 +1850,32 @@ const Eo = /* @__PURE__ */ v($o, [["render", Ro]]);
 function Le(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Po(e = "", t, n) {
+function Ao(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function Ao(e, t) {
+function Po(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
     return Le(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return Le(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return Le(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function oe(e) {
+function ne(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Po(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Ao(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ao(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) => [Po(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
 const Bo = y({
   name: "builder-image",
@@ -1894,10 +1907,10 @@ const Bo = y({
       if (!this.noWebp) {
         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"), oe(t);
+            return console.debug("Removed given srcset"), ne(t);
         } else if (this.image && !this.srcset)
-          return oe(t);
-        return oe(t);
+          return ne(t);
+        return ne(t);
       }
     },
     webpSrcSet() {
@@ -1915,12 +1928,12 @@ const Bo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Vo = ["srcset"], No = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Wo = {
+}), Vo = ["srcset"], No = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], xo = {
   key: 2,
-  class: "div-29wpyomtntv-2"
+  class: "div-t43jfuqn6g-2"
 };
-function xo(e, t, n, o, r, s) {
-  var i, a, l, u, p, f;
+function Wo(e, t, n, o, r, i) {
+  var s, l, a, u, p, f;
   return d(), h(I, null, [
     z("picture", null, [
       e.webpSrcSet ? (d(), h("source", {
@@ -1934,40 +1947,40 @@ function xo(e, t, n, o, r, s) {
         alt: e.altText,
         title: e.title,
         role: e.altText ? void 0 : "presentation",
-        style: j({
+        style: M({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: ee(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
+        class: _(
+          "builder-image" + (e.className ? " " + e.className : "") + " img-t43jfuqn6g"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
       }, null, 14, No)
     ]),
-    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (d(), h("div", {
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
       key: 0,
-      class: "builder-image-sizer div-29wpyomtntv",
-      style: j({
+      class: "builder-image-sizer div-t43jfuqn6g",
+      style: M({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : C("", !0),
-    (u = (l = e.builderBlock) == null ? void 0 : l.children) != null && u.length && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
-    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", Wo, [
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
+    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", xo, [
       V(e.$slots, "default", {}, void 0, !0)
     ])) : C("", !0)
   ], 64);
 }
-const Do = /* @__PURE__ */ v(Bo, [["render", xo], ["__scopeId", "data-v-e6416c92"]]), Oo = y({
+const Do = /* @__PURE__ */ v(Bo, [["render", Wo], ["__scopeId", "data-v-741b9bbc"]]), Oo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   }
 });
-function Uo(e, t, n, o, r, s) {
+function Uo(e, t, n, o, r, i) {
   return d(), h("section", w({
     style: {
       width: "100%",
@@ -1981,7 +1994,7 @@ function Uo(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default")
   ], 16);
 }
@@ -1990,24 +2003,24 @@ function Lo(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
-  function s(u) {
+  function i(u) {
     return typeof u == "number";
   }
-  function i(u, p) {
+  function s(u, p) {
     return (() => {
       const c = p.property, m = p.operator;
       let b = p.value;
       if (p && p.property === "urlPath" && p.value && typeof p.value == "string" && p.value !== "/" && p.value.endsWith("/") && (b = p.value.slice(0, -1)), !(c && m))
         return !0;
       if (Array.isArray(b))
-        return m === "isNot" ? b.every((A) => i(u, {
+        return m === "isNot" ? b.every((P) => s(u, {
           property: c,
           operator: m,
-          value: A
-        })) : !!b.find((A) => i(u, {
+          value: P
+        })) : !!b.find((P) => s(u, {
           property: c,
           operator: m,
-          value: A
+          value: P
         }));
       const g = u[c];
       if (Array.isArray(g))
@@ -2024,24 +2037,24 @@ function Lo(e, t, n, o) {
         case "endsWith":
           return r(g) && g.endsWith(String(b));
         case "greaterThan":
-          return s(g) && s(b) && g > b;
+          return i(g) && i(b) && g > b;
         case "lessThan":
-          return s(g) && s(b) && g < b;
+          return i(g) && i(b) && g < b;
         case "greaterThanOrEqualTo":
-          return s(g) && s(b) && g >= b;
+          return i(g) && i(b) && g >= b;
         case "lessThanOrEqualTo":
-          return s(g) && s(b) && g <= b;
+          return i(g) && i(b) && g <= b;
         default:
           return !1;
       }
     })();
   }
-  const a = {
+  const l = {
     query: t,
     startDate: n,
     endDate: o
-  }, l = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
-  return a.startDate && new Date(a.startDate) > l || a.endDate && new Date(a.endDate) < l ? !1 : !a.query || !a.query.length ? !0 : a.query.every((u) => i(e, u));
+  }, a = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
+  return l.startDate && new Date(l.startDate) > a || l.endDate && new Date(l.endDate) < a ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => s(e, u));
 }
 const Ho = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
@@ -2204,7 +2217,7 @@ const Ho = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, re = "default", Ko = "filterWithCustomTargeting", vt = "builderIoPersonalization", St = "updateVisibilityStylesScript", kt = ["react", "vue", "svelte", "qwik"], Ct = ["vue", "svelte", "qwik"];
+}`, oe = "default", Ko = "filterWithCustomTargeting", vt = "builderIoPersonalization", St = "updateVisibilityStylesScript", kt = ["react", "vue", "svelte", "qwik"], Ct = ["vue", "svelte", "qwik"];
 function qo(e, t) {
   return !(e && e.length > 0) || !t ? !1 : Ct.includes($) ? !0 : !R();
 }
@@ -2215,42 +2228,42 @@ function zo({
   filteredVariants: o,
   fallbackBlocks: r
 }) {
-  const s = {
+  const i = {
     blocks: r ?? [],
     path: "this.children",
-    index: re
+    index: oe
   };
-  if (n && P()) {
+  if (n && A()) {
     if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
-      const i = e == null ? void 0 : e[t];
-      if (i)
+      const s = e == null ? void 0 : e[t];
+      if (s)
         return {
-          blocks: i.blocks,
+          blocks: s.blocks,
           path: `variants.${t}.blocks`,
           index: t
         };
     }
-    return s;
+    return i;
   }
   if (R()) {
-    const i = o == null ? void 0 : o[0];
-    if (i && e) {
-      const a = e.indexOf(i);
-      if (a !== -1)
+    const s = o == null ? void 0 : o[0];
+    if (s && e) {
+      const l = e.indexOf(s);
+      if (l !== -1)
         return {
-          blocks: i.blocks,
-          path: `variants.${a}.blocks`,
-          index: a
+          blocks: s.blocks,
+          path: `variants.${l}.blocks`,
+          index: l
         };
     }
   }
-  return s;
+  return i;
 }
 const Go = () => `
   window.${Ko} = ${Mo}
   window.${vt} = ${Ho}
   window.${St} = ${jo}
-  `, Tt = $ === "react", Jo = (e, t, n) => `window.${vt}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, Qo = (e, t, n) => `window.${St}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, pe = {
+  `, Tt = $ === "react", Jo = (e, t, n) => `window.${vt}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, Qo = (e, t, n) => `window.${St}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, ue = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2279,7 +2292,7 @@ const Go = () => `
       }
     }
   }]
-}, me = {
+}, pe = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -2327,19 +2340,19 @@ const Go = () => `
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [pe]
+      defaultValue: [ue]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [me]
+      defaultValue: [pe]
     }],
     defaultValue: [{
-      title: [pe],
-      detail: [me]
+      title: [ue],
+      detail: [pe]
     }, {
-      title: [pe],
-      detail: [me]
+      title: [ue],
+      detail: [pe]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -2427,18 +2440,18 @@ const Go = () => `
           `.builder-accordion-title[data-index="${n}"]`
         );
         if (e = n, r) {
-          let s = r.getBoundingClientRect();
+          let i = r.getBoundingClientRect();
           for (; r = r && r.nextElementSibling; )
             if (r) {
               if (r.classList.contains("builder-accordion-detail"))
                 continue;
-              const i = r.getBoundingClientRect();
-              if (i.left > s.left) {
-                const a = parseInt(
+              const s = r.getBoundingClientRect();
+              if (s.left > i.left) {
+                const l = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(a) || (s = i, e = a);
+                isNaN(l) || (i = s, e = l);
               } else
                 break;
             }
@@ -2470,42 +2483,42 @@ const Go = () => `
     }
   }
 }), _o = ["data-index", "onClick"];
-function er(e, t, n, o, r, s) {
-  const i = k("Blocks");
+function er(e, t, n, o, r, i) {
+  const s = k("Blocks");
   return d(), h("div", {
     class: "builder-accordion",
-    style: j(e.accordionStyles)
+    style: M(e.accordionStyles)
   }, [
-    (d(!0), h(I, null, L(e.items, (a, l) => (d(), h(I, { key: l }, [
+    (d(!0), h(I, null, L(e.items, (l, a) => (d(), h(I, { key: a }, [
       z("div", {
-        class: ee(e.getAccordionTitleClassName(l)),
-        style: j({
+        class: _(e.getAccordionTitleClassName(a)),
+        style: M({
           ...e.accordionTitleStyles,
           ...e.grid && {
             width: e.gridRowWidth,
-            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(l) : e.convertOrderNumberToString(l + 1)
+            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
           }
         }),
-        "data-index": l,
-        onClick: async (u) => e.onClick(l)
+        "data-index": a,
+        onClick: async (u) => e.onClick(a)
       }, [
-        E(i, {
-          blocks: a.title,
-          path: `items.${l}.title`,
+        E(s, {
+          blocks: l.title,
+          path: `items.${a}.title`,
           parent: e.builderBlock.id,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
       ], 14, _o),
-      e.open.includes(l) ? (d(), h("div", {
+      e.open.includes(a) ? (d(), h("div", {
         key: 0,
-        class: ee(e.getAccordionDetailClassName(l)),
-        style: j(e.accordionDetailStyles)
+        class: _(e.getAccordionDetailClassName(a)),
+        style: M(e.accordionDetailStyles)
       }, [
-        E(i, {
-          blocks: a.detail,
-          path: `items.${l}.detail`,
+        E(s, {
+          blocks: l.detail,
+          path: `items.${a}.detail`,
           parent: e.builderBlock.id,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
@@ -2730,7 +2743,7 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2784,29 +2797,29 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((l, u) => {
+      function n(s, l = 6e4) {
+        return new Promise((a, u) => {
           const p = document.createElement("img");
           let f = !1;
           p.onload = () => {
-            f = !0, l(p);
+            f = !0, a(p);
           }, p.addEventListener("error", (c) => {
             console.warn("Image load failed", c.error), u(c.error);
-          }), p.src = i, setTimeout(() => {
+          }), p.src = s, setTimeout(() => {
             f || u(new Error("Image load timed out"));
-          }, a);
+          }, l);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
-          const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+      const r = e.get("image"), i = e.get("aspectRatio");
+      if (fetch(r).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!i || i === 0.7041))
+        return n(r).then((s) => {
+          const l = e.get("aspectRatio");
+          e.get("image") === r && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
         });
     }
   }, {
@@ -2912,7 +2925,7 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
       defaultValue: []
     }]
   }]
-}, Be = y({
+}, Pe = y({
   render() {
     return Ke("script", {
       innerHTML: this.scriptStr,
@@ -2926,8 +2939,8 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
   name: "builder-personalization-container",
   components: {
     Blocks: q,
-    InlinedStyles: ue,
-    InlinedScript: Be
+    InlinedStyles: de,
+    InlinedScript: Pe
   },
   props: [
     "builderContext",
@@ -2938,9 +2951,9 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
     "builderComponents"
   ],
   data() {
-    var e, t, n, o, r, s, i;
+    var e, t, n, o, r, i, s;
     return {
-      userAttributes: le.getUserAttributes(),
+      userAttributes: ae.getUserAttributes(),
       scriptStr: Jo(
         this.variants,
         ((e = this.builderBlock) == null ? void 0 : e.id) || "none",
@@ -2949,23 +2962,23 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
       updateVisibilityStylesScript: Qo(
         this.variants,
         ((o = this.builderBlock) == null ? void 0 : o.id) || "none",
-        (s = (r = this.builderContext) == null ? void 0 : r.rootState) == null ? void 0 : s.locale
+        (i = (r = this.builderContext) == null ? void 0 : r.rootState) == null ? void 0 : i.locale
       ),
       unsubscribers: [],
       shouldRenderVariants: qo(
         this.variants,
-        J((i = this.builderContext) == null ? void 0 : i.canTrack)
+        G((s = this.builderContext) == null ? void 0 : s.canTrack)
       ),
       shouldResetVariants: !1,
       TARGET: $,
-      DEFAULT_INDEX: re,
+      DEFAULT_INDEX: oe,
       SDKS_REQUIRING_RESET_APPROACH: Ct
     };
   },
   mounted() {
     var t;
     this.shouldResetVariants = !0;
-    const e = le.subscribeOnUserAttributesChange(
+    const e = ae.subscribeOnUserAttributesChange(
       (n) => {
         this.userAttributes = n;
       },
@@ -2973,24 +2986,24 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
         fireImmediately: $ === "qwik"
       }
     );
-    if (!(P() || Te())) {
+    if (!(A() || Ce())) {
       const n = this.filteredVariants[0];
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: n || re,
+            variant: n || oe,
             content: (t = this.builderContext) == null ? void 0 : t.content
           },
           bubbles: !0
         })
       ), new IntersectionObserver((r) => {
-        r.forEach((s) => {
-          var i;
-          s.isIntersecting && this.$refs.rootRef && this.$refs.rootRef.dispatchEvent(
+        r.forEach((i) => {
+          var s;
+          i.isIntersecting && this.$refs.rootRef && this.$refs.rootRef.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: n || re,
-                content: (i = this.builderContext) == null ? void 0 : i.content
+                variant: n || oe,
+                content: (s = this.builderContext) == null ? void 0 : s.content
               },
               bubbles: !0
             })
@@ -3006,9 +3019,9 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
   computed: {
     attrs() {
       return {
-        ...W(this.attributes, "v-on:", !1),
-        ...W(this.attributes, "v-on:", !0),
-        [G()]: `builder-personalization-container ${this.attributes[G()] || ""}`
+        ...N(this.attributes, "v-on:", !1),
+        ...N(this.attributes, "v-on:", !0),
+        [j()]: `builder-personalization-container ${this.attributes[j()] || ""}`
       };
     },
     filteredVariants() {
@@ -3047,11 +3060,11 @@ const tr = /* @__PURE__ */ v(Zo, [["render", er]]), nr = {
     }
   }
 });
-function cr(e, t, n, o, r, s) {
-  var u, p, f, c, m, b, g, A, F, B;
-  const i = k("Blocks"), a = k("InlinedStyles"), l = k("InlinedScript");
+function cr(e, t, n, o, r, i) {
+  var u, p, f, c, m, b, g, P, U, B;
+  const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", w({ ref: "rootRef" }, e.attrs), [
-    e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(i, {
+    e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(s, {
       key: 0,
       blocks: e.blocksToRender.blocks,
       parent: (u = e.builderBlock) == null ? void 0 : u.id,
@@ -3065,39 +3078,39 @@ function cr(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "parent", "path", "context", "registeredComponents", "BlocksWrapperProps"])) : C("", !0),
     !e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) || !e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), h(I, { key: 1 }, [
       e.shouldRenderVariants ? (d(), h(I, { key: 0 }, [
-        E(a, {
+        E(l, {
           nonce: ((c = e.builderContext) == null ? void 0 : c.nonce) || "",
           styles: e.hideVariantsStyleString,
           id: `variants-styles-${(m = e.builderBlock) == null ? void 0 : m.id}`
         }, null, 8, ["nonce", "styles", "id"]),
-        E(l, {
+        E(a, {
           nonce: ((b = e.builderContext) == null ? void 0 : b.nonce) || "",
           scriptStr: e.updateVisibilityStylesScript,
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
-        (d(!0), h(I, null, L(e.variants, (T, x) => {
-          var H, Q, Y, D;
-          return d(), S(i, {
-            key: `${(H = e.builderBlock) == null ? void 0 : H.id}-${x}`,
+        (d(!0), h(I, null, L(e.variants, (T, W) => {
+          var J, Q, D, H;
+          return d(), S(s, {
+            key: `${(J = e.builderBlock) == null ? void 0 : J.id}-${W}`,
             BlocksWrapperProps: {
               ...(Q = e.builderContext) == null ? void 0 : Q.BlocksWrapperProps,
               "aria-hidden": !0,
               hidden: !0,
-              "data-variant-id": `${(Y = e.builderBlock) == null ? void 0 : Y.id}-${x}`
+              "data-variant-id": `${(D = e.builderBlock) == null ? void 0 : D.id}-${W}`
             },
             blocks: T.blocks,
-            parent: (D = e.builderBlock) == null ? void 0 : D.id,
-            path: `component.options.variants.${x}.blocks`,
+            parent: (H = e.builderBlock) == null ? void 0 : H.id,
+            path: `component.options.variants.${W}.blocks`,
             context: e.builderContext,
             registeredComponents: e.builderComponents
           }, {
-            default: U(() => {
-              var M, Ve;
+            default: O(() => {
+              var Be, Ve;
               return [
-                E(l, {
-                  nonce: ((M = e.builderContext) == null ? void 0 : M.nonce) || "",
+                E(a, {
+                  nonce: ((Be = e.builderContext) == null ? void 0 : Be.nonce) || "",
                   scriptStr: e.scriptStr,
-                  id: `variants-script-${(Ve = e.builderBlock) == null ? void 0 : Ve.id}-${x}`
+                  id: `variants-script-${(Ve = e.builderBlock) == null ? void 0 : Ve.id}-${W}`
                 }, null, 8, ["nonce", "scriptStr", "id"])
               ];
             }),
@@ -3105,25 +3118,25 @@ function cr(e, t, n, o, r, s) {
           }, 1032, ["BlocksWrapperProps", "blocks", "parent", "path", "context", "registeredComponents"]);
         }), 128))
       ], 64)) : C("", !0),
-      E(i, {
+      E(s, {
         blocks: e.blocksToRender.blocks,
-        parent: (A = e.builderBlock) == null ? void 0 : A.id,
+        parent: (P = e.builderBlock) == null ? void 0 : P.id,
         path: e.blocksToRender.path,
         context: e.builderContext,
         registeredComponents: e.builderComponents,
         BlocksWrapperProps: {
-          ...(F = e.builderContext) == null ? void 0 : F.BlocksWrapperProps,
+          ...(U = e.builderContext) == null ? void 0 : U.BlocksWrapperProps,
           "data-variant-id": `${(B = e.builderBlock) == null ? void 0 : B.id}-${e.blocksToRender.index}`
         }
       }, {
-        default: U(() => {
-          var T, x;
+        default: O(() => {
+          var T, W;
           return [
-            e.shouldRenderVariants ? (d(), S(l, {
+            e.shouldRenderVariants ? (d(), S(a, {
               key: 0,
               nonce: ((T = e.builderContext) == null ? void 0 : T.nonce) || "",
               scriptStr: e.scriptStr,
-              id: `variants-script-${(x = e.builderBlock) == null ? void 0 : x.id}-${e.DEFAULT_INDEX}`
+              id: `variants-script-${(W = e.builderBlock) == null ? void 0 : W.id}-${e.DEFAULT_INDEX}`
             }, null, 8, ["nonce", "scriptStr", "id"])) : C("", !0)
           ];
         }),
@@ -3193,19 +3206,19 @@ const dr = /* @__PURE__ */ v(lr, [["render", cr]]), ur = {
   components: { Blocks: q },
   props: ["builderContext", "name", "builderComponents"]
 });
-function hr(e, t, n, o, r, s) {
-  var a, l, u;
-  const i = k("Blocks");
+function hr(e, t, n, o, r, i) {
+  var l, a, u;
+  const s = k("Blocks");
   return d(), h("div", w(
     { style: {
       pointerEvents: "auto"
     } },
-    !((a = e.builderContext.context) != null && a.symbolId) && {
+    !((l = e.builderContext.context) != null && l.symbolId) && {
       "builder-slot": e.name
     }
   ), [
-    E(i, {
-      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
+    E(s, {
+      parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
@@ -3252,7 +3265,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, he = {
+}, me = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -3274,7 +3287,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
       text: "New tab"
     }
   }
-}, fe = {
+}, he = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -3300,16 +3313,16 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [he]
+      defaultValue: [me]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [fe]
+      defaultValue: [he]
     }],
     defaultValue: [{
       label: [{
-        ...he,
+        ...me,
         component: {
           name: "Text",
           options: {
@@ -3318,7 +3331,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
         }
       }],
       content: [{
-        ...fe,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -3328,7 +3341,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
       }]
     }, {
       label: [{
-        ...he,
+        ...me,
         component: {
           name: "Text",
           options: {
@@ -3337,7 +3350,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
         }
       }],
       content: [{
-        ...fe,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -3399,9 +3412,9 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
   props: [
     "defaultActiveTab",
     "tabs",
+    "activeTabStyle",
     "collapsible",
     "tabHeaderLayout",
-    "activeTabStyle",
     "builderBlock",
     "builderContext",
     "builderComponents",
@@ -3414,35 +3427,36 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
     activeTabContent(e) {
       return this.tabs && this.tabs[e].content;
     },
+    getTabStyle(e) {
+      return e === this.activeTab ? this.activeTabStyle : {};
+    },
     onClick(e) {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
 }), vr = ["onClick"], Sr = { key: 0 };
-function kr(e, t, n, o, r, s) {
-  const i = k("Blocks");
+function kr(e, t, n, o, r, i) {
+  const s = k("Blocks");
   return d(), h("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
-      style: j({
+      style: M({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
         overflow: "auto"
       })
     }, [
-      (d(!0), h(I, null, L(e.tabs, (a, l) => (d(), h("span", {
-        key: l,
-        class: ee(`builder-tab-wrap ${e.activeTab === l ? "builder-tab-active" : ""}`),
-        style: j({
-          ...e.activeTab === l ? e.activeTabStyle : {}
-        }),
-        onClick: async (u) => e.onClick(l)
+      (d(!0), h(I, null, L(e.tabs, (l, a) => (d(), h("span", {
+        key: a,
+        class: _(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        style: M(e.getTabStyle(a)),
+        onClick: async (u) => e.onClick(a)
       }, [
-        E(i, {
+        E(s, {
           parent: e.builderBlock.id,
-          path: `tabs.${l}.label`,
-          blocks: a.label,
+          path: `tabs.${a}.label`,
+          blocks: l.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
@@ -3450,7 +3464,7 @@ function kr(e, t, n, o, r, s) {
       ], 14, vr))), 128))
     ], 4),
     e.activeTabContent(e.activeTab) ? (d(), h("div", Sr, [
-      E(i, {
+      E(s, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -3465,7 +3479,6 @@ const Cr = /* @__PURE__ */ v(yr, [["render", kr]]), Tr = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
-  isRSC: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [{
     name: "text",
@@ -3484,11 +3497,11 @@ const Cr = /* @__PURE__ */ v(yr, [["render", kr]]), Tr = {
   name: "builder-text",
   props: ["text"]
 }), wr = ["innerHTML"];
-function $r(e, t, n, o, r, s) {
-  var i;
+function $r(e, t, n, o, r, i) {
+  var s;
   return d(), h("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
@@ -3516,7 +3529,7 @@ const Rr = /* @__PURE__ */ v(Ir, [["render", $r]]), Er = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Pr = y({
+}, Ar = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3528,7 +3541,7 @@ const Rr = /* @__PURE__ */ v(Ir, [["render", $r]]), Er = {
   watch: {
     onUpdateHook0: {
       handler() {
-        P() && setTimeout(() => {
+        A() && setTimeout(() => {
           this.runScripts();
         }, 0);
       },
@@ -3566,7 +3579,7 @@ const Rr = /* @__PURE__ */ v(Ir, [["render", $r]]), Er = {
           try {
             this.scriptsRun.push(o.innerText), new Function(o.innerText)();
           } catch (r) {
-            N.warn(
+            x.warn(
               "[BUILDER.IO] `CustomCode`: Error running script:",
               r
             );
@@ -3575,15 +3588,15 @@ const Rr = /* @__PURE__ */ v(Ir, [["render", $r]]), Er = {
       }
     }
   }
-}), Ar = ["innerHTML"];
-function Br(e, t, n, o, r, s) {
+}), Pr = ["innerHTML"];
+function Br(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
-    class: ee("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: _("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, Ar);
+  }, null, 10, Pr);
 }
-const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
+const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3598,7 +3611,7 @@ const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Wr = ["text/javascript", "application/javascript", "application/ecmascript"], xr = (e) => Wr.includes(e.type), Dr = y({
+}, xr = ["text/javascript", "application/javascript", "application/ecmascript"], Wr = (e) => xr.includes(e.type), Dr = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3631,17 +3644,17 @@ const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (xr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Wr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
-            N.warn("[BUILDER.IO] `Embed`: Error running script:", o);
+            x.warn("[BUILDER.IO] `Embed`: Error running script:", o);
           }
       }
     }
   }
 }), Or = ["innerHTML"];
-function Ur(e, t, n, o, r, s) {
+function Ur(e, t, n, o, r, i) {
   return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
@@ -3916,7 +3929,7 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: W
+      filterAttrs: N
     };
   },
   methods: {
@@ -3929,7 +3942,10 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return P() && this.previewState || this.formState;
+      return A() && this.previewState || this.formState;
+    },
+    errorResponse(e) {
+      return JSON.stringify(e, null, 2);
     },
     onSubmit(e) {
       var n;
@@ -3943,14 +3959,16 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
         }
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
-        let s;
-        const i = new FormData(o), a = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
+        let i;
+        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).filter(
+          (c) => !!c.name && (c.type !== "radio" || c.checked)
+        ).map((c) => {
           let m;
           const b = c.name;
           if (c instanceof HTMLInputElement)
             if (c.type === "radio") {
               if (c.checked)
-                return m = c.name, {
+                return m = c.value, {
                   key: b,
                   value: m
                 };
@@ -3968,21 +3986,21 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
             value: m
           };
         });
-        let l = this.contentType;
-        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")
-          s = i;
+        let a = this.contentType;
+        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
+        }), a !== "application/json")
+          i = s;
         else {
           const c = {};
-          Array.from(a).forEach(({ value: m, key: b }) => {
+          Array.from(l).forEach(({ value: m, key: b }) => {
             qe(c, b, m);
-          }), s = JSON.stringify(c);
+          }), i = JSON.stringify(c);
         }
-        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = l));
+        a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const u = new CustomEvent("presubmit", {
           detail: {
-            body: s
+            body: i
           }
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
@@ -3997,25 +4015,25 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
         const p = `${Mr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`, f = this.sendSubmissionsTo === "email" ? p : this.action;
-        we(f), fetch(f, {
-          body: s,
+        Ie(f), fetch(f, {
+          body: i,
           headers: r,
           method: this.method || "post"
         }).then(
           async (c) => {
-            var g, A;
+            var g, P;
             let m;
             const b = c.headers.get("content-type");
             if (b && b.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok) {
-              const F = new CustomEvent("submit:error", {
+              const U = new CustomEvent("submit:error", {
                 detail: {
                   error: m,
                   status: c.status
                 }
               });
-              if ((g = this.$refs.formRef) != null && g.nativeElement && ((A = this.$refs.formRef) == null || A.nativeElement.dispatchEvent(
-                F
-              ), F.defaultPrevented))
+              if ((g = this.$refs.formRef) != null && g.nativeElement && ((P = this.$refs.formRef) == null || P.nativeElement.dispatchEvent(
+                U
+              ), U.defaultPrevented))
                 return;
               this.responseData = m, this.formState = "error";
               let B = this.errorMessagePath ? Je(m, this.errorMessagePath) : m.message || m.error || m;
@@ -4025,14 +4043,14 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
               return;
             }
             if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
-              const F = new CustomEvent("submit:success", {
+              const U = new CustomEvent("submit:success", {
                 detail: {
                   res: c,
                   body: m
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(F), F.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(U), U.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
@@ -4062,33 +4080,33 @@ const Fr = /* @__PURE__ */ v(Dr, [["render", Ur]]), Lr = {
   }
 }), Kr = ["validate", "action", "method", "name"], qr = {
   key: 2,
-  class: "builder-form-error-text pre-1hjwvu3r5mj"
+  class: "builder-form-error-text pre-2oa2wtipkzk"
 };
-function zr(e, t, n, o, r, s) {
-  const i = k("Blocks");
+function zr(e, t, n, o, r, i) {
+  const s = k("Blocks");
   return d(), h("form", w({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = async (a) => e.onSubmit(a))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    onSubmit: t[0] || (t[0] = async (l) => e.onSubmit(l))
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default", {}, void 0, !0),
-    e.submissionState() === "error" ? (d(), S(i, {
+    e.submissionState() === "error" ? (d(), S(s, {
       key: 0,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : C("", !0),
-    e.submissionState() === "sending" ? (d(), S(i, {
+    e.submissionState() === "sending" ? (d(), S(s, {
       key: 1,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : C("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), h("pre", qr, ce(JSON.stringify(e.responseData, null, 2)), 1)) : C("", !0),
-    e.submissionState() === "success" ? (d(), S(i, {
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", qr, le(e.errorResponse(e.responseData)), 1)) : C("", !0),
+    e.submissionState() === "success" ? (d(), S(s, {
       key: 3,
       path: "successMessage",
       blocks: e.successMessage,
@@ -4096,7 +4114,7 @@ function zr(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : C("", !0)
   ], 16, Kr);
 }
-const Gr = /* @__PURE__ */ v(jr, [["render", zr], ["__scopeId", "data-v-89aa89a6"]]), Jr = {
+const Gr = /* @__PURE__ */ v(jr, [["render", zr], ["__scopeId", "data-v-77c7888c"]]), Jr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4159,10 +4177,10 @@ const Gr = /* @__PURE__ */ v(jr, [["render", zr], ["__scopeId", "data-v-89aa89a6
     "required"
   ],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: A, filterAttrs: N };
   }
 }), Yr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Xr(e, t, n, o, r, s) {
+function Xr(e, t, n, o, r, i) {
   return d(), h("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -4171,7 +4189,7 @@ function Xr(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Yr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Yr);
 }
 const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
   name: "Form:Select",
@@ -4219,21 +4237,21 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: A, filterAttrs: N };
   }
 }), ti = ["value", "defaultValue", "name", "required"], ni = ["value"];
-function oi(e, t, n, o, r, s) {
+function oi(e, t, n, o, r, i) {
   return d(), h("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), h(I, null, L(e.options, (i, a) => (d(), h("option", {
-      key: `${i.name}-${a}`,
-      value: i.value
-    }, ce(i.name || i.value), 9, ni))), 128))
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (d(!0), h(I, null, L(e.options, (s, l) => (d(), h("option", {
+      key: `${s.name}-${l}`,
+      value: s.value
+    }, le(s.name || s.value), 9, ni))), 128))
   ], 16, ti);
 }
 const ri = /* @__PURE__ */ v(ei, [["render", oi]]), ii = {
@@ -4265,11 +4283,11 @@ const ri = /* @__PURE__ */ v(ei, [["render", oi]]), ii = {
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   }
 });
-function ai(e, t, n, o, r, s) {
-  return d(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17);
+function ai(e, t, n, o, r, i) {
+  return d(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17);
 }
 const li = /* @__PURE__ */ v(si, [["render", ai]]), ci = {
   name: "Form:TextArea",
@@ -4318,20 +4336,19 @@ const li = /* @__PURE__ */ v(si, [["render", ai]]), ci = {
     "required"
   ],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   }
 }), ui = ["placeholder", "name", "value", "defaultValue", "required"];
-function pi(e, t, n, o, r, s) {
+function pi(e, t, n, o, r, i) {
   return d(), h("textarea", w({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ui);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ui);
 }
 const mi = /* @__PURE__ */ v(di, [["render", pi]]), hi = {
-  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -4341,42 +4358,86 @@ const mi = /* @__PURE__ */ v(di, [["render", pi]]), hi = {
     type: "file",
     allowedFileTypes: Ae,
     required: !0
+  }, {
+    name: "backgroundSize",
+    type: "text",
+    defaultValue: "cover",
+    enum: [{
+      label: "contain",
+      value: "contain",
+      helperText: "The image should never get cropped"
+    }, {
+      label: "cover",
+      value: "cover",
+      helperText: "The image should fill it's box, cropping when needed"
+    }]
+  }, {
+    name: "backgroundPosition",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "altText",
+    type: "string",
+    helperText: "Text to display when the user has images off"
+  }, {
+    name: "title",
+    type: "string",
+    helperText: "Text to display when hovering over the asset"
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+    advanced: !0,
+    defaultValue: 0.7041
   }],
-  noWrap: !0,
-  static: !0
+  noWrap: !0
 }, fi = y({
   name: "builder-img-component",
   props: [
     "imgSrc",
     "image",
+    "attributes",
+    "altText",
+    "title",
     "backgroundSize",
     "backgroundPosition",
-    "altText",
-    "attributes"
+    "aspectRatio"
   ],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: A };
   },
   computed: {
     srcSetToUse() {
       const e = this.imgSrc || this.image;
       if (!(!e || typeof e != "string") && e.match(/builder\.io/))
-        return oe(e);
+        return ne(e);
+    },
+    imgAttrs() {
+      const e = {
+        ...N(this.attributes, "v-on:", !1),
+        ...N(this.attributes, "v-on:", !0),
+        [j()]: `builder-raw-img ${this.attributes[j()] || ""}`
+      };
+      return delete e.style, e;
     }
   }
-}), bi = ["alt", "src", "srcSet"];
-function gi(e, t, n, o, r, s) {
+}), bi = ["alt", "title", "src"];
+function gi(e, t, n, o, r, i) {
+  var s;
   return d(), h("img", w({
     loading: "lazy",
-    style: {
-      objectFit: e.backgroundSize || "cover",
-      objectPosition: e.backgroundPosition || "center"
-    },
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
+    title: e.title,
     src: e.imgSrc || e.image,
-    srcSet: e.srcSetToUse
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, bi);
+    style: {
+      objectFit: e.backgroundSize || "cover",
+      objectPosition: e.backgroundPosition || "center",
+      aspectRatio: e.aspectRatio || void 0,
+      ...((s = e.attributes) == null ? void 0 : s.style) || {}
+    }
+  }, e.imgAttrs), null, 16, bi);
 }
 const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
   name: "Video",
@@ -4495,8 +4556,8 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
             Array.from(o.children).filter(
               (r) => r instanceof HTMLElement && r.tagName === "SOURCE"
             ).forEach((r) => {
-              const s = r.dataset.src;
-              s && (r.src = s);
+              const i = r.dataset.src;
+              i && (r.src = i);
             }), o.load(), e.unobserve(o);
           } catch (r) {
             console.error("Error loading lazy video:", r);
@@ -4558,8 +4619,8 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
     height: "100%"
   }
 };
-function wi(e, t, n, o, r, s) {
-  var i, a, l, u, p, f, c;
+function wi(e, t, n, o, r, i) {
+  var s, l, a, u, p, f, c;
   return d(), h("div", ki, [
     z("video", w({
       class: "builder-video",
@@ -4568,7 +4629,7 @@ function wi(e, t, n, o, r, s) {
       style: {
         width: "100%",
         height: "100%",
-        ...(i = e.attributes) == null ? void 0 : i.style,
+        ...(s = e.attributes) == null ? void 0 : s.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -4589,9 +4650,9 @@ function wi(e, t, n, o, r, s) {
         }
       ), null, 16)
     ], 16, Ci),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (d(), h("div", {
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), h("div", {
       key: 0,
-      style: j({
+      style: M({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
@@ -4725,7 +4786,7 @@ const $i = /* @__PURE__ */ v(Si, [["render", wi]]), Ri = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Pi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Ai = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4759,20 +4820,20 @@ const $i = /* @__PURE__ */ v(Si, [["render", wi]]), Ri = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, It = "builderIoAbTest", wt = "builderIoRenderContent", ie = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, It = "builderIoAbTest", wt = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Ai = ({
+})), Pi = ({
   canTrack: e,
   content: t
-}) => !(!(ie(t).length > 0) || !e), Bi = (e) => e === "react" || e === "reactNative", Vi = $ === "angular", $t = Bi($), Ni = () => `
+}) => !(!(re(t).length > 0) || !e), Bi = (e) => e === "react" || e === "reactNative", Vi = $ === "angular", $t = Bi($), Ni = () => `
   window.${It} = ${Ei}
-  window.${wt} = ${Pi}
-  `, Wi = (e, t) => `
+  window.${wt} = ${Ai}
+  `, xi = (e, t) => `
   window.${It}(
     "${t}",${JSON.stringify(e)}, ${$t}, ${Vi}
-  )`, xi = ({
+  )`, Wi = ({
   contentId: e,
   variationId: t
 }) => `window.${wt}(
@@ -4799,10 +4860,10 @@ const Di = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Me(o / n.width), i = Me(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Me(o / n.width), s = Me(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
 }, Ui = (e) => {
   const t = e.target, n = t && Oi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
@@ -4820,9 +4881,9 @@ const Di = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Fi = ["svelte", "qwik", "vue"], Li = () => Fi.includes($) && (P() || Te()), Hi = (e) => {
-  var s;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
+}, Fi = ["svelte", "qwik", "vue"], Li = () => Fi.includes($) && (A() || Ce()), Hi = (e) => {
+  var i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -4832,16 +4893,16 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const i in e.files) {
-      if (!(String(Number(i)) === i))
+    for (const s in e.files) {
+      if (!(String(Number(s)) === s))
         continue;
-      const l = e.files[i];
-      l && l !== o && (r += `
+      const a = e.files[s];
+      a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${l}') format('woff2');
+src: url('${a}') format('woff2');
 font-display: fallback;
-font-weight: ${i};
+font-weight: ${s};
 }
         `.trim());
     }
@@ -4873,7 +4934,7 @@ font-weight: ${i};
 }
 `, qi = (e) => e ? "" : Ki, zi = (e) => `variant-${e}`, Gi = y({
   name: "enable-editor",
-  components: { DynamicDiv: ne },
+  components: { DynamicDiv: te },
   props: [
     "isNestedRender",
     "builderContextSignal",
@@ -4894,11 +4955,14 @@ font-weight: ${i};
   data() {
     return {
       hasExecuted: !1,
+      contextValue: this.builderContextSignal,
+      prevData: null,
+      prevLocale: "",
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: be,
+      builderContext: fe,
       needsElementRefDivForEditing: Li,
       getWrapperClassName: zi
     };
@@ -4906,7 +4970,7 @@ font-weight: ${i};
   provide() {
     const e = this;
     return {
-      [be.key]: e.builderContextSignal
+      [fe.key]: e.builderContextSignal
     };
   },
   created() {
@@ -4915,25 +4979,25 @@ font-weight: ${i};
   mounted() {
     var e, t, n;
     if (R()) {
-      P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      A() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
-      const o = this.builderContextSignal.content && J(this.canTrack), r = de({
+      const o = this.builderContextSignal.content && G(this.canTrack), r = ce({
         name: `builder.tests.${(e = this.builderContextSignal.content) == null ? void 0 : e.id}`,
         canTrack: !0
-      }), s = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
-      if (o && s === r) {
-        const i = (n = this.builderContextSignal.content) == null ? void 0 : n.id, a = this.apiKey;
-        ye({
+      }), i = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
+      if (o && i === r) {
+        const s = (n = this.builderContextSignal.content) == null ? void 0 : n.id, l = this.apiKey;
+        ge({
           apiHost: this.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: i,
-          apiKey: a,
-          variationId: r !== i ? r : void 0
+          contentId: s,
+          apiKey: l,
+          variationId: r !== s ? r : void 0
         });
       }
-      Te() && !P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Ce() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4953,15 +5017,23 @@ font-weight: ${i};
     },
     onUpdateHook2: {
       handler() {
-        this.data && this.mergeNewRootState(this.data);
+        if (this.data) {
+          if (this.prevData === this.data)
+            return;
+          this.mergeNewRootState(this.data), this.prevData = this.data;
+        }
       },
       immediate: !0
     },
     onUpdateHook3: {
       handler() {
-        this.locale && this.mergeNewRootState({
-          locale: this.locale
-        });
+        if (this.locale) {
+          if (this.prevLocale === this.locale)
+            return;
+          this.mergeNewRootState({
+            locale: this.locale
+          }), this.prevLocale = this.locale;
+        }
       },
       immediate: !0
     }
@@ -5001,30 +5073,30 @@ font-weight: ${i};
     }
   },
   methods: {
-    mergeNewRootState(e) {
-      var n, o;
-      const t = {
+    mergeNewRootState(e, t) {
+      var o, r;
+      const n = {
         ...this.builderContextSignal.rootState,
         ...e
       };
-      this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
+      this.builderContextSignal.rootSetState ? (r = (o = this.builderContextSignal).rootSetState) == null || r.call(o, n) : this.builderContextSignal.rootState = n, this.builderContextSignal.rootSetState ? this.builderContextSignal.rootSetState(n) : this.builderContextSignal.rootState = n;
     },
-    mergeNewContent(e) {
-      var n, o, r, s, i;
-      const t = {
+    mergeNewContent(e, t) {
+      var o, r, i, s, l;
+      const n = {
         ...this.builderContextSignal.content,
         ...e,
         data: {
-          ...(n = this.builderContextSignal.content) == null ? void 0 : n.data,
+          ...(o = this.builderContextSignal.content) == null ? void 0 : o.data,
           ...e == null ? void 0 : e.data
         },
         meta: {
-          ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
+          ...(r = this.builderContextSignal.content) == null ? void 0 : r.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((i = e == null ? void 0 : e.meta) == null ? void 0 : i.breakpoints) || ((l = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : l.breakpoints)
         }
       };
-      this.builderContextSignal.content = t;
+      this.builderContextSignal.content = n;
     },
     processMessage(e) {
       return st({
@@ -5043,11 +5115,11 @@ font-weight: ${i};
           animation: (t) => {
             mt(t);
           },
-          contentUpdate: (t) => {
-            this.mergeNewContent(t);
+          contentUpdate: (t, n) => {
+            this.mergeNewContent(t, n);
           },
-          stateUpdate: (t) => {
-            this.mergeNewRootState(t);
+          stateUpdate: (t, n) => {
+            this.mergeNewRootState(t, n);
           }
         }
       })(e);
@@ -5056,10 +5128,10 @@ font-weight: ${i};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        ye({
+        ge({
           apiHost: this.apiHost,
           type: "click",
-          canTrack: J(this.canTrack),
+          canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
@@ -5072,40 +5144,64 @@ font-weight: ${i};
     runHttpRequests() {
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
-      Object.entries(e).forEach(([o, r]) => {
-        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !P())
-          return;
-        this.httpReqsPending[o] = !0;
-        const s = r.replace(
-          /{{([^}]+)}}/g,
-          (i, a) => String(
-            te({
-              code: a,
-              context: this.context || {},
-              localState: void 0,
-              rootState: this.builderContextSignal.rootState,
-              rootSetState: this.builderContextSignal.rootSetState
-            })
-          )
-        );
-        we(s), fetch(s).then((i) => i.json()).then((i) => {
-          this.mergeNewRootState({
-            [o]: i
-          }), this.httpReqsData[o] = !0;
-        }).catch((i) => {
-          console.error("error fetching dynamic data", r, i);
-        }).finally(() => {
-          this.httpReqsPending[o] = !1;
-        });
-      });
+      Object.entries(e).forEach(
+        ([o, r]) => {
+          if (!r)
+            return;
+          const i = typeof r == "object" && r["@type"] === "@builder.io/core:Request";
+          if (this.httpReqsPending[o] || this.httpReqsData[o] && !A())
+            return;
+          const s = i ? r.request.url : r;
+          this.httpReqsPending[o] = !0;
+          const l = s.replace(
+            /{{([^}]+)}}/g,
+            (p, f) => String(
+              ee({
+                code: f,
+                context: this.context || {},
+                localState: void 0,
+                rootState: this.builderContextSignal.rootState,
+                rootSetState: this.builderContextSignal.rootSetState
+              })
+            )
+          ), a = i ? {
+            url: l,
+            method: r.request.method,
+            headers: r.request.headers,
+            body: r.request.body
+          } : {
+            url: l,
+            method: "GET"
+          };
+          Ie(JSON.stringify(a));
+          const u = {
+            method: a.method,
+            headers: a.headers,
+            body: a.body
+          };
+          a.method === "GET" && delete u.body, fetch(a.url, u).then((p) => p.json()).then((p) => {
+            this.mergeNewRootState({
+              [o]: p
+            }), this.httpReqsData[o] = !0;
+          }).catch((p) => {
+            console.error(
+              "error fetching dynamic data",
+              JSON.stringify(r),
+              p
+            );
+          }).finally(() => {
+            this.httpReqsPending[o] = !1;
+          });
+        }
+      );
     },
     emitStateUpdate() {
-      P() && window.dispatchEvent(
+      A() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: ke(this.builderContextSignal.rootState),
+              state: Se(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -5141,41 +5237,41 @@ font-weight: ${i};
       );
     },
     elementRef_onInitpreviewingbldr(e) {
-      var s;
+      var i;
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Ee({
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Re({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
-        ...n === "BUILDER_STUDIO" && ((s = this.context) != null && s.symbolId) ? {
+        ...n === "BUILDER_STUDIO" && ((i = this.context) != null && i.symbolId) ? {
           query: {
             id: this.context.symbolId
           }
         } : {}
-      }).then((i) => {
-        i && this.mergeNewContent(i);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     }
   }
 });
-function Ji(e, t, n, o, r, s) {
-  var i, a, l;
-  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(Z(e.ContentWrapper), w({
+function Ji(e, t, n, o, r, i) {
+  var s, l, a;
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(X(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
-    className: e.getWrapperClassName(((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)),
+    className: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     style: {
       display: !e.builderContextSignal.content && e.needsElementRefDivForEditing() ? "none" : void 0
     },
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: U(() => [
+    default: O(() => [
       V(e.$slots, "default")
     ]),
     _: 3
@@ -5183,7 +5279,7 @@ function Ji(e, t, n, o, r, s) {
 }
 const Qi = /* @__PURE__ */ v(Gi, [["render", Ji]]), Yi = y({
   name: "content-styles",
-  components: { InlinedStyles: ue },
+  components: { InlinedStyles: de },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
@@ -5200,9 +5296,9 @@ ${qi(this.isNestedRender)}
     };
   }
 });
-function Xi(e, t, n, o, r, s) {
-  const i = k("InlinedStyles");
-  return d(), S(i, {
+function Xi(e, t, n, o, r, i) {
+  const s = k("InlinedStyles");
+  return d(), S(s, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
@@ -5213,10 +5309,10 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
   data: t,
   locale: n
 }) => {
-  var s, i, a;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  var i, s, l;
+  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
+  return (l = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || l.forEach((a) => {
+    a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
     ...r,
@@ -5239,10 +5335,10 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
   name: "content-component",
   components: {
     EnableEditor: Qi,
-    InlinedScript: Be,
+    InlinedScript: Pe,
     ContentStyles: Zi,
     Blocks: q,
-    DynamicDiv: ne
+    DynamicDiv: te
   },
   props: [
     "apiKey",
@@ -5270,7 +5366,7 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
   data() {
     var e, t;
     return {
-      scriptStr: xi({
+      scriptStr: Wi({
         // 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
@@ -5284,7 +5380,7 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
           ...n,
           [r.name]: {
             component: ts(o),
-            ...ae(r)
+            ...se(r)
           }
         }),
         {}
@@ -5311,7 +5407,7 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: ae(r)
+            [r.name]: se(r)
           }),
           {}
         ),
@@ -5334,11 +5430,11 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
   },
   created() {
     var t, n;
-    this.apiKey || N.error(
+    this.apiKey || x.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
     const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-    e && te({
+    e && ee({
       code: e,
       context: this.context || {},
       localState: void 0,
@@ -5355,8 +5451,8 @@ const Zi = /* @__PURE__ */ v(Yi, [["render", Xi]]), _i = ({
     }
   }
 });
-function os(e, t, n, o, r, s) {
-  const i = k("InlinedScript"), a = k("ContentStyles"), l = k("Blocks"), u = k("EnableEditor");
+function os(e, t, n, o, r, i) {
+  const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return d(), S(u, w({
     apiHost: e.apiHost,
     nonce: e.nonce,
@@ -5375,16 +5471,16 @@ function os(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: U(() => {
-      var p, f, c, m, b, g, A;
+    default: O(() => {
+      var p, f, c, m, b, g, P;
       return [
-        e.isSsrAbTest ? (d(), S(i, {
+        e.isSsrAbTest ? (d(), S(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
         }, null, 8, ["scriptStr", "nonce"])) : C("", !0),
-        e.TARGET !== "reactNative" ? (d(), S(a, {
+        e.TARGET !== "reactNative" ? (d(), S(l, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
@@ -5392,8 +5488,8 @@ function os(e, t, n, o, r, s) {
           cssCode: (c = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : c.cssCode,
           customFonts: (b = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : b.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : C("", !0),
-        E(l, {
-          blocks: (A = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : A.blocks,
+        E(a, {
+          blocks: (P = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : P.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -5406,8 +5502,8 @@ function os(e, t, n, o, r, s) {
 const rs = /* @__PURE__ */ v(ns, [["render", os]]), is = y({
   name: "content-variants",
   components: {
-    InlinedScript: Be,
-    InlinedStyles: ue,
+    InlinedScript: Pe,
+    InlinedStyles: de,
     ContentComponent: rs
   },
   props: [
@@ -5433,15 +5529,15 @@ const rs = /* @__PURE__ */ v(ns, [["render", os]]), is = y({
   ],
   data() {
     return {
-      shouldRenderVariants: Ai({
-        canTrack: J(this.canTrack),
+      shouldRenderVariants: Pi({
+        canTrack: G(this.canTrack),
         content: this.content
       }),
       SDKS_SUPPORTING_PERSONALIZATION: kt,
       getInitPersonalizationVariantsFnsScriptString: Go,
       TARGET: $,
       getInitVariantsFnsScriptString: Ni,
-      getVariants: ie
+      getVariants: re
     };
   },
   mounted() {
@@ -5449,8 +5545,8 @@ const rs = /* @__PURE__ */ v(ns, [["render", os]]), is = y({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Wi(
-        ie(this.content).map((t) => ({
+      return xi(
+        re(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -5458,7 +5554,7 @@ const rs = /* @__PURE__ */ v(ns, [["render", os]]), is = y({
       );
     },
     hideVariantsStyleString() {
-      return ie(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return re(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
@@ -5467,21 +5563,21 @@ const rs = /* @__PURE__ */ v(ns, [["render", os]]), is = y({
         testVariationId: (e = this.content) == null ? void 0 : e.id
       } : Nn({
         item: this.content,
-        canTrack: J(this.canTrack)
+        canTrack: G(this.canTrack)
       });
     }
   }
 });
-function ss(e, t, n, o, r, s) {
-  const i = k("InlinedScript"), a = k("InlinedStyles"), l = k("ContentComponent");
+function ss(e, t, n, o, r, i) {
+  const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return d(), h(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), h(I, { key: 0 }, [
-      E(i, {
+      E(s, {
         id: "builderio-init-variants-fns",
         scriptStr: e.getInitVariantsFnsScriptString(),
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET) ? (d(), S(i, {
+      e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET) ? (d(), S(s, {
         key: 0,
         id: "builderio-init-personalization-variants-fns",
         nonce: e.nonce || "",
@@ -5489,17 +5585,17 @@ function ss(e, t, n, o, r, s) {
       }, null, 8, ["nonce", "scriptStr"])) : C("", !0)
     ], 64)) : C("", !0),
     e.shouldRenderVariants ? (d(), h(I, { key: 1 }, [
-      E(a, {
+      E(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      E(i, {
+      E(s, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (d(!0), h(I, null, L(e.getVariants(e.content), (u, p) => (d(), S(l, w({
+      (d(!0), h(I, null, L(e.getVariants(e.content), (u, p) => (d(), S(a, w({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -5524,7 +5620,7 @@ function ss(e, t, n, o, r, s) {
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["apiHost", "isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : C("", !0),
-    E(l, w({
+    E(a, w({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -5557,7 +5653,7 @@ const as = /* @__PURE__ */ v(is, [["render", ss]]), ls = async ({
 }) => {
   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 Ee({
+    return Re({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -5567,18 +5663,18 @@ const as = /* @__PURE__ */ v(is, [["render", ss]]), ls = async ({
         }
       }
     }).catch((n) => {
-      N.error("Could not fetch symbol content: ", n);
+      x.error("Could not fetch symbol content: ", n);
     });
 }, cs = y({
   name: "builder-symbol",
-  components: { ContentVariants: as, DynamicDiv: ne },
+  components: { ContentVariants: as, DynamicDiv: te },
   props: [
     "symbol",
+    "builderComponents",
     "attributes",
     "dynamic",
     "builderContext",
     "builderBlock",
-    "builderComponents",
     "builderLinkComponent"
   ],
   data() {
@@ -5586,7 +5682,7 @@ const as = /* @__PURE__ */ v(is, [["render", ss]]), ls = async ({
     return {
       contentToUse: (e = this.symbol) == null ? void 0 : e.content,
       symbolEntry: (t = this.symbol) == null ? void 0 : t.entry,
-      filterAttrs: W
+      filterAttrs: N
     };
   },
   mounted() {
@@ -5607,10 +5703,13 @@ const as = /* @__PURE__ */ v(is, [["render", ss]]), ls = async ({
     contentWrapper() {
       return "div";
     },
+    customComponents() {
+      return Object.values(this.builderComponents);
+    },
     className() {
       var e, t;
       return [
-        this.attributes[G()],
+        this.attributes[j()],
         "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
@@ -5635,22 +5734,22 @@ const as = /* @__PURE__ */ v(is, [["render", ss]]), ls = async ({
     }
   }
 });
-function ds(e, t, n, o, r, s) {
-  var a, l, u, p, f;
-  const i = k("ContentVariants");
-  return d(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    E(i, {
+function ds(e, t, n, o, r, i) {
+  var l, a, u, p, f;
+  const s = k("ContentVariants");
+  return d(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    E(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
+        symbolId: (l = e.builderBlock) == null ? void 0 : l.id
       },
-      customComponents: Object.values(e.builderComponents),
+      customComponents: e.customComponents,
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
         ...(p = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : p.state
       },
@@ -5665,40 +5764,42 @@ function ds(e, t, n, o, r, s) {
 }
 const us = /* @__PURE__ */ v(cs, [["render", ds]]);
 export {
-  hs as A,
+  qn as A,
   gt as B,
   wo as C,
-  Ts as D,
+  Re as D,
+  hs as E,
   Eo as F,
+  Is as G,
   Do as I,
   Fo as S,
   Rr as T,
   $i as V,
-  ue as _,
-  Is as a,
-  Pe as b,
-  ks as c,
-  v as d,
-  te as e,
+  v as _,
+  j as a,
+  fe as b,
+  de as c,
+  ko as d,
+  ee as e,
   Cs as f,
-  ko as g,
-  G as h,
-  be as i,
-  jt as j,
-  us as k,
-  q as l,
-  as as m,
-  Te as n,
-  ln as o,
-  bs as p,
-  Ye as q,
+  Ts as g,
+  ws as h,
+  Ee as i,
+  an as j,
+  jt as k,
+  us as l,
+  q as m,
+  as as n,
+  Ce as o,
+  ln as p,
+  bs as q,
   fs as r,
-  vs as s,
+  Ss as s,
   gs as t,
-  ys as u,
-  Ss as v,
+  Ye as u,
+  ys as v,
   ts as w,
-  Kn as x,
-  qn as y,
-  Ee as z
+  vs as x,
+  ks as y,
+  Kn as z
 };