@builder.io/sdk-vue 3.0.0 → 3.0.2

package/lib/browser/{index-tDGIvfSj.js → index-mAw516k1.js}

@@ -1,48 +1,48 @@
 import "./style.css";
-import { defineComponent as b, openBlock as c, createElementBlock as p, Fragment as T, createBlock as y, resolveDynamicComponent as j, mergeProps as C, toHandlers as x, withCtx as N, renderSlot as A, resolveComponent as k, createTextVNode as bt, toDisplayString as te, defineAsyncComponent as H, createVNode as R, renderList as V, createCommentVNode as v, h as Ae, createElementVNode as q, normalizeStyle as F, normalizeClass as z, markRaw as gt } from "vue";
-const yt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), kt = (e) => typeof e == "string" && yt.has(e.toLowerCase());
+import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as T, createBlock as y, resolveDynamicComponent as K, mergeProps as C, toHandlers as A, withCtx as N, renderSlot as x, resolveComponent as k, createTextVNode as St, toDisplayString as ne, defineAsyncComponent as j, createVNode as P, renderList as V, createCommentVNode as v, h as Ne, createElementVNode as z, normalizeStyle as F, normalizeClass as G, markRaw as Ct } from "vue";
+const wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Tt = (e) => typeof e == "string" && wt.has(e.toLowerCase());
 function W(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const i = n ? r.replace(t, "") : r;
-    o[i] = e[r];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const vt = b({
+const It = g({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: kt };
+    return { isEmptyElement: Tt };
   }
-}), g = (e, t) => {
+}), b = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
 };
-function St(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (c(), y(j(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (c(), p(T, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), y(j(e.TagName), C({ key: 0 }, e.attributes, x(e.actionAttributes)), {
+function $t(e, t, n, o, r, s) {
+  return e.isEmptyElement(e.TagName) ? (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, A(e.actionAttributes)), null, 16)) : (c(), p(T, { key: 0 }, [
+    typeof e.TagName == "string" ? (c(), y(K(e.TagName), C({ key: 0 }, e.attributes, A(e.actionAttributes)), {
       default: N(() => [
-        A(e.$slots, "default")
+        x(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), y(j(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), {
+    }, 16)) : (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, A(e.actionAttributes)), {
       default: N(() => [
-        A(e.$slots, "default")
+        x(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const pe = /* @__PURE__ */ g(vt, [["render", St]]), Ni = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(It, [["render", $t]]), Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: pe
-}, Symbol.toStringTag, { value: "Module" })), E = "vue", _ = () => {
-  switch (E) {
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), R = "vue", _ = () => {
+  switch (R) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -54,9 +54,9 @@ const pe = /* @__PURE__ */ g(vt, [["render", St]]), Ni = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Ct = b({
+}, Rt = g({
   name: "builder-button",
-  components: { DynamicRenderer: pe },
+  components: { DynamicRenderer: me },
   props: [
     "attributes",
     "link",
@@ -83,20 +83,20 @@ const pe = /* @__PURE__ */ g(vt, [["render", St]]), Ni = /* @__PURE__ */ Object.
     }
   }
 });
-function wt(e, t, n, o, r, i) {
-  const s = k("DynamicRenderer");
-  return c(), y(s, {
+function Et(e, t, n, o, r, s) {
+  const i = k("DynamicRenderer");
+  return c(), y(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: N(() => [
-      bt(te(e.text), 1)
+      St(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Tt = /* @__PURE__ */ g(Ct, [["render", wt]]), It = Symbol(), le = {
+const Pt = /* @__PURE__ */ b(Rt, [["render", Et]]), Bt = Symbol(), ce = {
   Builder: {
     content: null,
     context: {},
@@ -110,59 +110,46 @@ const Tt = /* @__PURE__ */ g(Ct, [["render", wt]]), It = Symbol(), le = {
     inheritedStyles: {},
     BlocksWrapper: "div",
     BlocksWrapperProps: {},
-    nonce: ""
+    nonce: "",
+    model: ""
   },
-  key: It
-}, $t = Symbol(), Ve = {
+  key: Bt
+}, At = Symbol(), Oe = {
   Components: { registeredComponents: {} },
-  key: $t
-};
-function Rt(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options
-  };
-}
-function Et(e, ...t) {
-  const n = Object.assign({}, e);
-  for (const o of t)
-    delete n[o];
-  return n;
-}
-const Q = "[Builder.io]: ", B = {
+  key: At
+}, Q = "[Builder.io]: ", B = {
   log: (...e) => console.log(Q, ...e),
   error: (...e) => console.error(Q, ...e),
   warn: (...e) => console.warn(Q, ...e),
   debug: (...e) => console.debug(Q, ...e)
-}, We = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
+}, Fe = (e, t, n) => {
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
 };
-function $() {
+function I() {
   return typeof window < "u" && typeof document < "u";
 }
-const Pt = (e) => {
+const xt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ne = (e) => e instanceof URLSearchParams ? Pt(e) : e, Oe = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Bt() {
-  return $() && window.self !== window.top;
+}, De = (e) => e instanceof URLSearchParams ? xt(e) : e, Le = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Vt() {
+  return I() && window.self !== window.top;
 }
-function P(e) {
-  return Bt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Oe(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function E(e) {
+  return Vt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  Le(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const xt = () => {
-  if ($()) {
+const Wt = () => {
+  if (I()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, At = () => typeof navigator == "object" && navigator.userAgent || "", Fe = () => {
-  const e = At(), t = {
+}, Nt = () => typeof navigator == "object" && navigator.userAgent || "", Ue = () => {
+  const e = Nt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -179,15 +166,15 @@ const xt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = xt();
+  }, n = e.match(/Tablet|iPad/i), o = Wt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Vt = ({
+}, Ot = ({
   builder: e,
   context: t,
   event: n,
@@ -199,15 +186,15 @@ const xt = () => {
   builder: e,
   context: t,
   event: n
-}), Wt = () => ({
-  isEditing: P(),
-  isBrowser: $(),
-  isServer: !$(),
-  getUserAttributes: () => Fe()
-}), Nt = (e, {
+}), Ft = () => ({
+  isEditing: E(),
+  isBrowser: I(),
+  isServer: !I(),
+  getUserAttributes: () => Ue()
+}), Dt = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-function De({
+function Me({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -216,91 +203,91 @@ function De({
     get: (o, r) => {
       if (t && r in t)
         return t[r];
-      const i = o[r];
-      return typeof i == "object" && i !== null ? De({
-        rootState: i,
+      const s = o[r];
+      return typeof s == "object" && s !== null ? Me({
+        rootState: s,
         localState: void 0,
-        rootSetState: n ? (s) => {
-          o[r] = s, n(o);
+        rootSetState: n ? (i) => {
+          o[r] = i, n(o);
         } : void 0
-      }) : i;
+      }) : s;
     },
-    set: (o, r, i) => {
+    set: (o, r, s) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[r] = i, n == null || n(o), !0;
+      return o[r] = s, n == null || n(o), !0;
     }
   });
 }
-const Ce = ({
+const Ie = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: i,
-  rootState: s
+  rootSetState: s,
+  rootState: i
 }) => {
-  const l = Vt({
+  const l = Ot({
     builder: t,
     context: n,
     event: o,
-    state: De({
-      rootState: s,
+    state: Me({
+      rootState: i,
       localState: r,
-      rootSetState: i
+      rootSetState: s
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 }, D = (e) => e != null;
-function Ot() {
+function Lt() {
   var e;
   return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Ft = ({
+const Ut = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!Ot())
+  if (!Lt())
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !o ? (e && B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Dt = (e) => ($() || Ft({
+}, Mt = (e) => (I() || Ut({
   shouldLogWarning: !0
-}), Ce(e)), Lt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Ut = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Mt = (e) => {
-  var t, n, o, r, i, s;
-  return ((o = (n = (t = Lt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Ut.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+}), Ie(e)), Ht = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, jt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Kt = (e) => {
+  var t, n, o, r, s, i;
+  return ((o = (n = (t = Ht.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = jt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
 };
-function J({
+function Y({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: i,
-  isExpression: s = !0
+  event: s,
+  isExpression: i = !0
 }) {
   if (e.trim() === "")
     return;
-  const l = Mt(e.trim());
+  const l = Kt(e.trim());
   if (l)
-    return We({
+    return Fe({
       ...o,
       ...n
     }, l);
   const a = {
-    code: Nt(e, {
-      isExpression: s
+    code: Dt(e, {
+      isExpression: i
     }),
-    builder: Wt(),
+    builder: Ft(),
     context: t,
-    event: i,
+    event: s,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return Dt(a);
+    return Mt(a);
   } catch (u) {
     B.error("Failed code evaluation: " + u.message, {
       code: e
@@ -308,27 +295,95 @@ function J({
     return;
   }
 }
-const me = (e) => JSON.parse(JSON.stringify(e)), Le = (e, t, n) => {
+function qt(e, t) {
+  var n;
+  return {
+    ...(n = e.component) == null ? void 0 : n.options,
+    ...e.options,
+    ...zt(e, t)
+  };
+}
+const zt = (e, t) => {
+  var n, o;
+  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) => Y({
+        code: s,
+        context: t,
+        localState: t.localState,
+        rootState: t.rootState,
+        rootSetState: t.rootSetState
+      }))
+    };
+};
+function Gt(e, ...t) {
+  const n = Object.assign({}, e);
+  for (const o of t)
+    delete n[o];
+  return n;
+}
+function ee(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);
+    });
+    return;
+  }
+  r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((s, i) => {
+    t(s, (a) => {
+      e[i] = a;
+    }), ee(s, t, e, i, r);
+  }) : Object.entries(e).forEach(([s, i]) => {
+    t(i, (a) => {
+      e[s] = a;
+    }), ee(i, t, e, s, r);
+  }));
+}
+function He(e) {
+  return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
+}
+function Jt(e) {
+  if (!e || !Object.getOwnPropertyNames(e).length)
+    return !1;
+  let t = !1;
+  return ee(e, (n) => {
+    if (He(n)) {
+      t = !0;
+      return;
+    }
+  }), t;
+}
+function Yt(e, t) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ee(e, (n, o) => {
+    He(n) && o(n[t] ?? void 0);
+  }), e);
+}
+function Xt(e, t) {
+  var n, o;
+  return (n = e.component) != null && n.options && Jt((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 = Yt(e.component.options, t ?? "Default")), e;
+}
+const he = (e) => JSON.parse(JSON.stringify(e)), je = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-function ce(e) {
+function de(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => ce(n));
+    return e.map((n) => de(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] = ce(e[n]));
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = de(e[n]));
   return t;
 }
-const Ht = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), jt = (e) => {
-  if (Ht) {
-    const t = me(e);
+const Qt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Zt = (e) => {
+  if (Qt) {
+    const t = he(e);
     return {
       ...t,
       properties: {
@@ -339,7 +394,7 @@ const Ht = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), jt = (e) =
       }
     };
   } else {
-    const t = ce(Et(e, "children", "meta"));
+    const t = de(Gt(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -352,7 +407,7 @@ const Ht = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), jt = (e) =
       meta: e.meta
     };
   }
-}, Kt = ({
+}, _t = ({
   block: e,
   context: t,
   localState: n,
@@ -361,55 +416,54 @@ const Ht = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), jt = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = jt(e);
-  for (const s in e.bindings) {
-    const l = e.bindings[s], a = J({
+  const s = Zt(e);
+  for (const i in e.bindings) {
+    const l = e.bindings[i], a = Y({
       code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    Le(i, s, a);
+    je(s, i, a);
   }
-  return i;
+  return s;
 };
-function qt({
+function en({
   block: e,
   context: t,
-  shouldEvaluateBindings: n,
-  localState: o,
-  rootState: r,
-  rootSetState: i
+  localState: n,
+  rootState: o,
+  rootSetState: r
 }) {
-  const s = e;
-  return n ? Kt({
+  let s = Xt(e, o.locale);
+  return s = s, _t({
     block: s,
-    localState: o,
-    rootState: r,
-    rootSetState: i,
+    localState: n,
+    rootState: o,
+    rootSetState: r,
     context: t
-  }) : s;
+  });
 }
-function zt(e) {
-  const t = e || ($() ? window.location.search : void 0);
-  return t ? Oe(t).indexOf("builder.preview=") !== -1 : !1;
+function Ke(e) {
+  const t = e || (I() ? window.location.search : void 0);
+  return t ? Le(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const Gt = (e) => ({
+const tn = (e) => ({
   type: "builder.registerComponent",
-  data: ee(e)
-}), Jt = (e) => {
+  data: te(e)
+}), nn = (e) => {
   const t = e.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
-  return `return (${!t.startsWith("function") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
+  return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function ee(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Jt(n) : n));
+function te(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? nn(n) : n));
 }
-const we = {};
-function Yt(e, t) {
-  e === "plugin" && (t = ee(t));
-  let n = we[e];
-  if (n || (n = we[e] = []), n.push(t), $()) {
+const $e = {};
+function on(e, t) {
+  e === "plugin" && (t = te(t));
+  let n = $e[e];
+  if (n || (n = $e[e] = []), n.push(t), I()) {
     const o = {
       type: "builder.register",
       data: {
@@ -424,42 +478,42 @@ function Yt(e, t) {
     }
   }
 }
-const Te = {};
-function Oi(e) {
-  if ($()) {
-    Object.assign(Te, e);
+const Re = {};
+function Xs(e) {
+  if (I()) {
+    Object.assign(Re, e);
     const t = {
       type: "builder.settingsChange",
-      data: Te
+      data: Re
     };
     parent.postMessage(t, "*");
   }
 }
-const Ie = "builder.", Xt = "options.", Ue = (e) => {
+const Ee = "builder.", rn = "options.", qe = (e) => {
   if (!e)
     return {};
-  const t = Ne(e), n = {};
+  const t = De(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Ie)) {
-      const r = o.replace(Ie, "").replace(Xt, "");
+    if (o.startsWith(Ee)) {
+      const r = o.replace(Ee, "").replace(rn, "");
       n[r] = t[o];
     }
   }), n;
-}, Qt = () => {
-  if (!$())
+}, sn = () => {
+  if (!I())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ue(e);
-}, Me = "3.0.0", He = () => ({
-  "X-Builder-SDK": E,
+  return qe(e);
+}, ze = "3.0.2", Ge = () => ({
+  "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": Me
-}), Zt = (e) => {
+  "X-Builder-SDK-Version": ze
+}), an = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, je = ({
+}, Je = ({
   name: e,
   canTrack: t
 }) => {
@@ -470,14 +524,14 @@ const Ie = "builder.", Xt = "options.", Ue = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Ke = async (e) => je(e), _t = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), en = [["secure", ""], ["SameSite", "None"]], tn = ({
+}, Ye = async (e) => Je(e), ln = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), cn = [["secure", ""], ["SameSite", "None"]], dn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = ($() ? location.protocol === "https:" : !0) ? en : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Zt(window.location.hostname)], ...r];
-  return _t(s);
-}, qe = async ({
+  const r = (I() ? location.protocol === "https:" : !0) ? cn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", an(window.location.hostname)], ...r];
+  return ln(i);
+}, Xe = async ({
   name: e,
   value: t,
   expires: n,
@@ -486,7 +540,7 @@ const Ie = "builder.", Xt = "options.", Ue = (e) => {
   try {
     if (!o)
       return;
-    const r = tn({
+    const r = dn({
       name: e,
       value: t,
       expires: n
@@ -496,93 +550,93 @@ const Ie = "builder.", Xt = "options.", Ue = (e) => {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function nn() {
+function un() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function ze() {
-  return nn().replace(/-/g, "");
+function Qe() {
+  return un().replace(/-/g, "");
 }
-const Ge = "builderSessionId", on = async ({
+const Ze = "builderSessionId", pn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Ke({
-    name: Ge,
+  const t = await Ye({
+    name: Ze,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = rn();
-    return sn({
+    const n = mn();
+    return hn({
       id: n,
       canTrack: e
     }), n;
   }
-}, rn = () => ze(), sn = ({
+}, mn = () => Qe(), hn = ({
   id: e,
   canTrack: t
-}) => qe({
-  name: Ge,
+}) => Xe({
+  name: Ze,
   value: e,
   canTrack: t
-}), Je = () => $() && typeof localStorage < "u" ? localStorage : void 0, an = ({
+}), _e = () => I() && typeof localStorage < "u" ? localStorage : void 0, fn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Je()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = _e()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, ln = ({
+}, gn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Je()) == null || o.setItem(e, n));
+    t && ((o = _e()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, Ye = "builderVisitorId", cn = ({
+}, et = "builderVisitorId", bn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = an({
-    key: Ye,
+  const t = fn({
+    key: et,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = dn();
-    return un({
+    const n = yn();
+    return kn({
       id: n,
       canTrack: e
     }), n;
   }
-}, dn = () => ze(), un = ({
+}, yn = () => Qe(), kn = ({
   id: e,
   canTrack: t
-}) => ln({
-  key: Ye,
+}) => gn({
+  key: et,
   value: e,
   canTrack: t
 });
-function he(e) {
+function fe(e) {
   var t;
   typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && B.log(e);
 }
-const pn = async ({
+const vn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -590,16 +644,16 @@ const pn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await on({
+  const t = await pn({
     canTrack: e
-  }), n = cn({
+  }), n = bn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, mn = async ({
+}, Sn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -613,14 +667,14 @@ const pn = async ({
       url: location.href,
       ...o
     },
-    ...await pn({
+    ...await vn({
       canTrack: t
     }),
-    userAttributes: Fe(),
+    userAttributes: Ue(),
     ownerId: n
   }
 });
-async function de({
+async function ue({
   apiHost: e,
   ...t
 }) {
@@ -628,35 +682,35 @@ async function de({
     B.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || P() || !($() || E === "reactNative"))
+  if (!t.canTrack || E() || !(I() || R === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
-  return he(o), fetch(o, {
+  return fe(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await mn(t)]
+      events: [await Sn(t)]
     }),
     headers: {
       "content-type": "application/json",
-      ...He()
+      ...Ge()
     },
     mode: "cors"
   }).catch((r) => {
     console.error("Failed to track: ", r);
   });
 }
-const Fi = (e) => de({
+const Qs = (e) => ue({
   ...e,
   canTrack: !0
-}), hn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function Xe(e, t) {
+}), Cn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function tt(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || hn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || Cn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const fn = () => {
-  Yt("insertMenu", {
+const wn = () => {
+  on("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -678,14 +732,14 @@ const fn = () => {
     }]
   });
 };
-let $e = !1;
-const Qe = (e = {}) => {
+let Pe = !1;
+const nt = (e = {}) => {
   var t, n;
-  $e || ($e = !0, $() && ((t = window.parent) == null || t.postMessage({
+  Pe || (Pe = !0, I() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: E,
-      version: Me,
+      target: R,
+      version: ze,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -698,8 +752,8 @@ const Qe = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var i, s;
-    if (!Xe(e.trustedHosts, o))
+    var s, i;
+    if (!tt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -714,7 +768,7 @@ const Qe = (e = {}) => {
           } catch (f) {
             d = f;
           }
-          d ? (i = window.parent) == null || i.postMessage({
+          d ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
@@ -729,7 +783,7 @@ const Qe = (e = {}) => {
                 result: f
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: h,
@@ -740,12 +794,12 @@ const Qe = (e = {}) => {
         }
       }
   })));
-}, Ze = ({
+}, ot = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!Xe(t, o))
+  if (!tt(t, o))
     return;
   const {
     data: r
@@ -761,17 +815,17 @@ const Qe = (e = {}) => {
         break;
       }
       case "builder.contentUpdate": {
-        const i = r.data, s = i.key || i.alias || i.entry || i.modelName, l = i.data;
-        s === e && n.contentUpdate(l);
+        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
+        i === e && n.contentUpdate(l);
         break;
       }
     }
-}, Di = (e, t, n) => {
-  if (!$)
+}, Zs = (e, t, n) => {
+  if (!I)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  Qe();
-  const o = Ze({
+  nt();
+  const o = ot({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -785,45 +839,45 @@ const Qe = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, bn = "builder.tests", fe = (e) => `${bn}.${e}`, gn = ({
+}, Tn = "builder.tests", ge = (e) => `${Tn}.${e}`, In = ({
   contentId: e
-}) => Ke({
-  name: fe(e),
+}) => Ye({
+  name: ge(e),
   canTrack: !0
-}), yn = ({
+}), $n = ({
   contentId: e
-}) => je({
-  name: fe(e),
+}) => Je({
+  name: ge(e),
   canTrack: !0
-}), kn = ({
+}), Rn = ({
   contentId: e,
   value: t
-}) => qe({
-  name: fe(e),
+}) => Xe({
+  name: ge(e),
   value: t,
   canTrack: !0
-}), _e = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, vn = ({
+}), rt = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, En = ({
   id: e,
   variations: t
 }) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const i in t) {
-    const s = (r = t[i]) == null ? void 0 : r.testRatio;
-    if (n += s, o < n)
-      return i;
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
   }
   return e;
-}, et = (e) => {
-  const t = vn(e);
-  return kn({
+}, st = (e) => {
+  const t = En(e);
+  return Rn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     B.error("could not store A/B test variation: ", n);
   }), t;
-}, tt = ({
+}, it = ({
   item: e,
   testGroupId: t
 }) => {
@@ -837,7 +891,7 @@ const Qe = (e = {}) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Sn = ({
+}, Pn = ({
   item: e,
   canTrack: t
 }) => {
@@ -845,14 +899,14 @@ const Qe = (e = {}) => {
     return e;
   if (!e)
     return;
-  if (!_e(e))
+  if (!rt(e))
     return e;
-  const n = yn({
+  const n = $n({
     contentId: e.id
-  }) || et({
+  }) || st({
     variations: e.variations,
     id: e.id
-  }), o = tt({
+  }), o = it({
     item: e,
     testGroupId: n
   });
@@ -860,18 +914,18 @@ const Qe = (e = {}) => {
     ...e,
     ...o
   };
-}, Cn = async ({
+}, Bn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !_e(e))
+  if (!t || !rt(e))
     return e;
-  const o = await gn({
+  const o = await In({
     contentId: e.id
-  }) || et({
+  }) || st({
     variations: e.variations,
     id: e.id
-  }), r = tt({
+  }), r = it({
     item: e,
     testGroupId: o
   });
@@ -879,47 +933,59 @@ const Qe = (e = {}) => {
     ...e,
     ...r
   };
-}, G = (e) => D(e) ? e : !0;
-function wn() {
+}, J = (e) => D(e) ? e : !0;
+function An() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Tn() {
-  const e = wn().fetch;
+function xn() {
+  const e = An().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 In = Tn();
-function ue(e, t = null, n = ".") {
+const Vn = xn();
+function pe(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    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) ? {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...ue(i, s, n)
+      ...pe(s, i, n)
     } : {
       ...o,
-      [s]: i
+      [i]: s
     };
   }, {});
 }
-function nt(e, t, n = {}) {
+function at(e, t, n = {}) {
   for (const o in e) {
-    const r = e[o], i = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? nt(r, i, n) : n[i] = r;
+    const r = e[o], s = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? at(r, s, n) : n[s] = r;
   }
   return n;
 }
-const $n = "v3", Re = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (e) => {
+function Wn(e) {
+  const t = {};
+  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]);
+    }
+  }
+  return t;
+}
+const Nn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
     query: o,
     model: r,
-    apiKey: i,
-    enrich: s,
+    apiKey: s,
+    enrich: i,
     locale: l,
-    apiVersion: a = $n,
+    apiVersion: a = Nn,
     fields: u,
     omit: m,
     offset: h,
@@ -929,65 +995,84 @@ const $n = "v3", Re = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (
     includeUnpublished: w,
     apiHost: L
   } = e;
-  if (!i)
+  if (!s)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const mt = t !== 1, ht = L || "https://cdn.builder.io", I = new URL(`${ht}/api/${a}/content/${r}`);
-  I.searchParams.set("apiKey", i), I.searchParams.set("limit", String(t)), I.searchParams.set("noTraverse", String(mt)), I.searchParams.set("includeRefs", String(!0));
-  const ne = l || (n == null ? void 0 : n.locale);
-  let X = n;
-  if (ne && (I.searchParams.set("locale", ne), X = {
-    locale: ne,
-    ...X
-  }), s && I.searchParams.set("enrich", String(s)), I.searchParams.set("omit", m || "meta.componentsUsed"), u && I.searchParams.set("fields", u), Number.isFinite(h) && h > -1 && I.searchParams.set("offset", String(Math.floor(h))), typeof w == "boolean" && I.searchParams.set("includeUnpublished", String(w)), d && Re(d) && I.searchParams.set("cacheSeconds", String(d)), f && Re(f) && I.searchParams.set("staleCacheSeconds", String(f)), S) {
-    const O = ue({
+  const kt = t !== 1, vt = L || "https://cdn.builder.io", $ = new URL(`${vt}/api/${a}/content/${r}`);
+  $.searchParams.set("apiKey", s), $.searchParams.set("limit", String(t)), $.searchParams.set("noTraverse", String(kt)), $.searchParams.set("includeRefs", String(!0));
+  const oe = l || (n == null ? void 0 : n.locale);
+  let U = n || {};
+  if (oe && ($.searchParams.set("locale", oe), U = {
+    locale: oe,
+    ...U
+  }), i && $.searchParams.set("enrich", String(i)), $.searchParams.set("omit", m || "meta.componentsUsed"), u && $.searchParams.set("fields", u), Number.isFinite(h) && h > -1 && $.searchParams.set("offset", String(Math.floor(h))), typeof w == "boolean" && $.searchParams.set("includeUnpublished", String(w)), d && Be(d) && $.searchParams.set("cacheSeconds", String(d)), f && Be(f) && $.searchParams.set("staleCacheSeconds", String(f)), S) {
+    const O = pe({
       sort: S
     });
-    for (const M in O)
-      I.searchParams.set(M, JSON.stringify(O[M]));
+    for (const H in O)
+      $.searchParams.set(H, JSON.stringify(O[H]));
   }
-  const ft = {
-    ...Qt(),
-    ...Ne(e.options || {})
-  }, Se = ue(ft);
-  for (const O in Se)
-    I.searchParams.set(O, String(Se[O]));
-  if (X && I.searchParams.set("userAttributes", JSON.stringify(X)), o) {
-    const O = nt({
+  const we = {
+    ...sn(),
+    ...De(e.options || {})
+  };
+  U = {
+    ...U,
+    ...Fn(we)
+  };
+  const Te = pe(we);
+  for (const O in Te)
+    $.searchParams.set(O, String(Te[O]));
+  if (Object.keys(U).length > 0 && $.searchParams.set("userAttributes", JSON.stringify(U)), o) {
+    const O = at({
       query: o
     });
-    for (const M in O)
-      I.searchParams.set(M, JSON.stringify(O[M]));
+    for (const H in O)
+      $.searchParams.set(H, JSON.stringify(O[H]));
+  }
+  return $;
+}, On = (e) => {
+  const t = {};
+  for (const n in e)
+    n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
+  return t;
+}, Fn = (e) => {
+  if (I() && e.preview === "BUILDER_STUDIO") {
+    e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
+    const t = On(e), {
+      userAttributes: n
+    } = Wn(t);
+    return n;
   }
-  return I;
-}, Rn = (e) => "results" in e;
-async function ge(e) {
-  const t = await Bn({
+  return {};
+}, Dn = (e) => "results" in e;
+async function ye(e) {
+  const t = await Mn({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const En = async (e) => {
-  var s;
-  const t = be(e), n = e.fetch ?? In, o = {
+const Ln = async (e) => {
+  var i;
+  const t = be(e), n = e.fetch ?? Vn, o = {
     ...e.fetchOptions,
     headers: {
-      ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...He()
+      ...(i = e.fetchOptions) == null ? void 0 : i.headers,
+      ...Ge()
     }
   };
   return await (await n(t.href, o)).json();
-}, Pn = async (e, t, n = be(e)) => {
-  const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !($() || E === "reactNative"))
+}, Un = async (e, t, n = be(e)) => {
+  const o = J(e.canTrack);
+  if (n.search.includes("preview="), !o || !(I() || R === "reactNative"))
     return t.results;
   try {
     const r = [];
-    for (const i of t.results)
-      r.push(await Cn({
-        item: i,
+    for (const s of t.results)
+      r.push(await Bn({
+        item: s,
         canTrack: o
       }));
     t.results = r;
@@ -996,18 +1081,18 @@ const En = async (e) => {
   }
   return t.results;
 };
-async function Bn(e) {
-  const t = be(e), n = await En(e);
-  if (!Rn(n))
+async function Mn(e) {
+  const t = be(e), n = await Ln(e);
+  if (!Dn(n))
     throw B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return Pn(e, n);
+  return Un(e, n);
 }
-const Li = async (e) => {
-  var o, r, i;
+const _s = async (e) => {
+  var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -1018,94 +1103,94 @@ const Li = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ue(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: qe(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await ge(n)
+    content: await ye(n)
   };
-}, ye = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function xn(e, t, n = {}) {
-  let o, r, i, s = null, l = 0;
+}, ke = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function Hn(e, t, n = {}) {
+  let o, r, s, i = null, l = 0;
   const a = function() {
-    l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
+    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
     const m = t - (u - l);
-    return o = this, r = arguments, m <= 0 || m > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, m)), i;
+    return o = this, r = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, m)), s;
   };
 }
-function K(e, ...t) {
+function q(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
     if (r != null)
-      for (const i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+      for (const s in r)
+        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
   }
   return n;
 }
-function An(e) {
+function jn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        it(t);
+        dt(t);
         break;
       case "scrollInView":
-        Wn(t);
+        qn(t);
         break;
     }
 }
-function ot(e) {
+function lt(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function rt(e, t) {
-  const n = Vn(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)
+function ct(e, t) {
+  const n = Kn(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+  for (const l of i)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Vn(e) {
+function Kn(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function it(e) {
+function dt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ot(e.elementId || e.id || "");
+    lt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    rt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", K(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${ye(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), K(n.style, e.steps[1].styles), setTimeout(() => {
+    ct(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ke(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Wn(e) {
+function qn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ot(e.elementId || e.id || "");
+    lt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    rt(e, n);
+    ct(e, n);
     let o = !1, r = !1;
-    function i() {
+    function s() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        K(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !l(n) && (o = !1, K(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const s = xn(i, 200, {
+    const i = Hn(s, 200, {
       leading: !1
     });
     function l(m) {
@@ -1114,52 +1199,52 @@ function Wn(e) {
     }
     const a = e.steps[0].styles;
     function u() {
-      K(n.style, a);
+      q(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${ye(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", s, {
+      n.style.transition = `all ${e.duration}s ${ke(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
-    }), i();
+    }), s();
   });
 }
-const st = (e) => Object.entries(e).map(([n, o]) => {
+const ut = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${ye(n)}: ${o};`;
-}).filter(D), Nn = (e) => st(e).join(`
-`), Ui = ({
+    return `${ke(n)}: ${o};`;
+}).filter(D), zn = (e) => ut(e).join(`
+`), ei = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Nn(n)}
+    ${zn(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function On({
+function Gn({
   style: e
 }) {
   return e;
 }
-const Mi = ({
+const ti = ({
   block: e,
   context: t
-}) => at(On({
+}) => pt(Gn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function at(e) {
-  switch (E) {
+function pt(e) {
+  switch (R) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return st(e).join(" ");
+      return ut(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1167,21 +1252,24 @@ function at(e) {
       return e;
   }
 }
-const Fn = ({
+const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Jn = ({
   block: e,
-  registeredComponents: t
+  registeredComponents: t,
+  model: n
 }) => {
-  var r;
-  const n = (r = e.component) == null ? void 0 : r.name;
-  if (!n)
+  var s;
+  const o = (s = e.component) == null ? void 0 : s.name;
+  if (!o)
     return null;
-  const o = t[n];
-  if (o)
-    return o;
-  console.warn(`
-      Could not find a registered component named "${n}". 
+  const r = t[o];
+  if (!r || mt(r, n)) {
+    console.warn(`
+      Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Dn = ({
+    return;
+  } else
+    return r;
+}, Yn = ({
   block: e,
   context: t
 }) => {
@@ -1191,7 +1279,7 @@ const Fn = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = J({
+  const r = Y({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -1200,7 +1288,7 @@ const Fn = ({
   });
   if (!Array.isArray(r))
     return;
-  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
   return r.map((a, u) => ({
     context: {
       ...t,
@@ -1208,65 +1296,65 @@ const Fn = ({
         ...t.localState,
         $index: u,
         $item: a,
-        [s]: a,
-        [`$${s}Index`]: u
+        [i]: a,
+        [`$${i}Index`]: u
       }
     },
     block: o
   }));
-}, Ln = (e, t) => {
+}, Xn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Un = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
-    builderComponents: t
+}, Qn = (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]) => !mt(i, n)))
   } : {};
-}, Mn = (e, t) => {
+}, Zn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Hn = (e, t) => {
+}, _n = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, jn = () => Promise.resolve().then(() => oo).then((e) => e.default).catch((e) => {
+}, eo = () => Promise.resolve().then(() => fo).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Kn = () => import("./block-styles-ytvCIXMJ.js").then((e) => e.default).catch((e) => {
+}), to = () => import("./block-styles-zLkeE8Yo.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;
-}), qn = () => import("./block-wrapper-UdxI8OCZ.js").then((e) => e.default).catch((e) => {
+}), no = () => import("./block-wrapper-RHvSza0L.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;
-}), zn = () => import("./component-ref-CKlhzm4D.js").then((e) => e.default).catch((e) => {
+}), oo = () => import("./component-ref-QZVWIf-w.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;
-}), Gn = () => import("./repeated-block-9RoptQEu.js").then((e) => e.default).catch((e) => {
+}), ro = () => import("./repeated-block-9wsw76F2.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;
-}), Jn = b({
+}), so = g({
   name: "block",
   components: {
-    BlockStyles: H(Kn),
-    RepeatedBlock: H(Gn),
-    ComponentRef: H(zn),
-    BlockWrapper: H(qn),
-    DynamicDiv: H(jn)
+    BlockStyles: j(to),
+    RepeatedBlock: j(ro),
+    ComponentRef: j(oo),
+    BlockWrapper: j(no),
+    DynamicDiv: j(eo)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1279,7 +1367,7 @@ const Fn = ({
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && An(
+    t && e && jn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1290,26 +1378,26 @@ const Fn = ({
   },
   computed: {
     repeatItem() {
-      return Dn({
+      return Yn({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : qt({
+      return (t = this.block.repeat) != null && t.collection ? this.block : en({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
         rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
+        context: this.context.context
       });
     },
     blockComponent() {
-      return Fn({
+      return Jn({
         block: this.processedBlock,
-        registeredComponents: this.registeredComponents
+        registeredComponents: this.registeredComponents,
+        model: this.context.model
       });
     },
     Tag() {
@@ -1333,13 +1421,14 @@ const Fn = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Rt(this.processedBlock),
-          ...Mn(this.blockComponent, this.processedBlock),
-          ...Hn(this.blockComponent, this.context),
-          ...Ln(this.blockComponent, this.linkComponent),
-          ...Un(
+          ...qt(this.processedBlock, this.context),
+          ...Zn(this.blockComponent, this.processedBlock),
+          ..._n(this.blockComponent, this.context),
+          ...Xn(this.blockComponent, this.linkComponent),
+          ...Qn(
             this.blockComponent,
-            this.registeredComponents
+            this.registeredComponents,
+            this.context.model
           )
         },
         context: this.context,
@@ -1347,16 +1436,16 @@ const Fn = ({
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
-        isInteractive: !((n = this.blockComponent) != null && n.isRSC && E === "rsc")
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC && R === "rsc")
       };
     }
   }
 });
-function Yn(e, t, n, o, r, i) {
+function io(e, t, n, o, r, s) {
   var h;
-  const s = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), m = k("RepeatedBlock");
+  const i = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), m = k("RepeatedBlock");
   return e.canShowBlock ? (c(), p(T, { key: 0 }, [
-    R(s, {
+    P(i, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -1393,7 +1482,7 @@ function Yn(e, t, n, o, r, i) {
         context: e.context
       }, {
         default: N(() => [
-          R(l, {
+          P(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -1417,10 +1506,10 @@ function Yn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const ke = /* @__PURE__ */ g(Jn, [["render", Yn]]), Hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ve = /* @__PURE__ */ b(so, [["render", io]]), ni = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ke
-}, Symbol.toStringTag, { value: "Module" })), Xn = b({
+  default: ve
+}, Symbol.toStringTag, { value: "Module" })), ao = g({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1452,7 +1541,7 @@ const ke = /* @__PURE__ */ g(Jn, [["render", Yn]]), Hi = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1465,7 +1554,7 @@ const ke = /* @__PURE__ */ g(Jn, [["render", Yn]]), Hi = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -1478,26 +1567,26 @@ const ke = /* @__PURE__ */ g(Jn, [["render", Yn]]), Hi = /* @__PURE__ */ Object.
     }
   }
 });
-function Qn(e, t, n, o, r, i) {
-  return c(), y(j(e.BlocksWrapper), C({
+function lo(e, t, n, o, r, s) {
+  return c(), y(K(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.dataPath,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (s) => e.onClick(),
-    onMouseEnter: (s) => e.onMouseEnter(),
-    onKeyPress: (s) => e.onClick()
+    onClick: (i) => e.onClick(),
+    onMouseEnter: (i) => e.onMouseEnter(),
+    onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: N(() => [
-      A(e.$slots, "default", {}, void 0, !0)
+      x(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Zn = /* @__PURE__ */ g(Xn, [["render", Qn], ["__scopeId", "data-v-ba2bc5c0"]]), _n = b({
+const co = /* @__PURE__ */ b(ao, [["render", lo], ["__scopeId", "data-v-ba2bc5c0"]]), uo = g({
   name: "builder-blocks",
-  components: { BlocksWrapper: Zn, Block: ke },
+  components: { BlocksWrapper: co, Block: ve },
   props: [
     "blocks",
     "parent",
@@ -1509,13 +1598,13 @@ const Zn = /* @__PURE__ */ g(Xn, [["render", Qn], ["__scopeId", "data-v-ba2bc5c0
     "registeredComponents"
   ],
   inject: {
-    builderContext: le.key,
-    componentsContext: Ve.key
+    builderContext: ce.key,
+    componentsContext: Oe.key
   }
 });
-function eo(e, t, n, o, r, i) {
+function po(e, t, n, o, r, s) {
   var a, u, m, h;
-  const s = k("Block"), l = k("BlocksWrapper");
+  const i = k("Block"), l = k("BlocksWrapper");
   return c(), y(l, {
     blocks: e.blocks,
     parent: e.parent,
@@ -1528,7 +1617,7 @@ function eo(e, t, n, o, r, i) {
     default: N(() => [
       e.blocks ? (c(!0), p(T, { key: 0 }, V(e.blocks, (d, f) => {
         var S;
-        return c(), y(s, {
+        return c(), y(i, {
           key: d.id,
           block: d,
           linkComponent: e.linkComponent,
@@ -1540,21 +1629,21 @@ function eo(e, t, n, o, r, i) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const U = /* @__PURE__ */ g(_n, [["render", eo]]), to = b({
+const M = /* @__PURE__ */ b(uo, [["render", po]]), mo = g({
   name: "dynamic-div",
   props: []
 });
-function no(e, t, n, o, r, i) {
+function ho(e, t, n, o, r, s) {
   return c(), p("div", null, [
-    A(e.$slots, "default")
+    x(e.$slots, "default")
   ]);
 }
-const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X = /* @__PURE__ */ b(mo, [["render", ho]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Y
-}, Symbol.toStringTag, { value: "Module" })), ve = b({
+  default: X
+}, Symbol.toStringTag, { value: "Module" })), Se = g({
   render() {
-    return Ae("style", {
+    return Ne("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1562,7 +1651,7 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), lt = {
+}), ht = {
   small: {
     min: 320,
     default: 321,
@@ -1578,11 +1667,11 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, ji = (e, t = lt) => `@media (max-width: ${t[e].max}px)`, ro = ({
+}, oi = (e, t = ht) => `@media (max-width: ${t[e].max}px)`, go = ({
   small: e,
   medium: t
 }) => {
-  const n = me(lt);
+  const n = he(ht);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -1597,20 +1686,20 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
     min: r,
     default: r + 1
   };
-  const i = n.medium.max + 1;
+  const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: i,
-    default: i + 1
+    min: s,
+    default: s + 1
   }, n;
-}, io = (e) => `builder-columns ${e}-breakpoints`, so = b({
+}, bo = (e) => `builder-columns ${e}-breakpoints`, yo = g({
   name: "builder-columns",
   components: {
-    InlinedStyles: ve,
-    DynamicRenderer: pe,
-    Blocks: U,
-    DynamicDiv: Y
+    InlinedStyles: Se,
+    DynamicRenderer: me,
+    Blocks: M,
+    DynamicDiv: X
   },
   props: [
     "space",
@@ -1623,7 +1712,7 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
     "builderComponents"
   ],
   data() {
-    return { TARGET: E, getColumnsClass: io };
+    return { TARGET: R, getColumnsClass: bo };
   },
   computed: {
     gutterSize() {
@@ -1673,7 +1762,7 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         ...{
           display: "flex",
@@ -1687,7 +1776,7 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -1695,14 +1784,14 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return ro(
+      return go(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1740,19 +1829,19 @@ const Y = /* @__PURE__ */ g(to, [["render", no]]), oo = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [_()]: "builder-column",
-        style: at(this.columnCssVars(t))
+        style: pt(this.columnCssVars(t))
       };
     }
   }
 });
-function ao(e, t, n, o, r, i) {
+function ko(e, t, n, o, r, s) {
   var u;
-  const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
+  const i = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return c(), p("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (c(), y(s, {
+    e.TARGET !== "reactNative" ? (c(), y(i, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
@@ -1765,7 +1854,7 @@ function ao(e, t, n, o, r, i) {
       attributes: e.getAttributes(m, h)
     }, {
       default: N(() => [
-        R(l, {
+        P(l, {
           path: `columns.${h}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1781,47 +1870,47 @@ function ao(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const lo = /* @__PURE__ */ g(so, [["render", ao], ["__scopeId", "data-v-3354f136"]]), co = b({
+const vo = /* @__PURE__ */ b(yo, [["render", ko], ["__scopeId", "data-v-3354f136"]]), So = g({
   name: "builder-fragment-component",
   props: []
 });
-function uo(e, t, n, o, r, i) {
+function Co(e, t, n, o, r, s) {
   return c(), p("span", null, [
-    A(e.$slots, "default")
+    x(e.$slots, "default")
   ]);
 }
-const po = /* @__PURE__ */ g(co, [["render", uo]]);
-function Ee(e) {
+const wo = /* @__PURE__ */ b(So, [["render", Co]]);
+function Ae(e) {
   return e.replace(/http(s)?:/, "");
 }
-function mo(e = "", t, n) {
+function To(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 ho(e, t) {
+function Io(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ee(e);
+    return Ae(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], i = t.match("x") ? t : `${t}x`;
-    return Ee(`${o[0]}_${i}${r}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return Ae(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function oe(e) {
+function re(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) => `${mo(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${To(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [ho(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) => [Io(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const fo = b({
+const $o = g({
   name: "builder-image",
   props: [
     "image",
@@ -1846,15 +1935,15 @@ const fo = b({
       const t = this.image || this.src;
       if (!t || // We can auto add srcset for cdn.builder.io and shopify
       // images, otherwise you can supply this prop manually
-      !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
+      !(typeof t == "string" && (t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/))))
         return this.srcset;
       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"), re(t);
         } else if (this.image && !this.srcset)
-          return oe(t);
-        return oe(t);
+          return re(t);
+        return re(t);
       }
     },
     webpSrcSet() {
@@ -1872,20 +1961,20 @@ const fo = b({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), bo = ["srcset"], go = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], yo = {
+}), Ro = ["srcset"], Eo = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Po = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
-function ko(e, t, n, o, r, i) {
-  var s, l, a, u, m, h;
+function Bo(e, t, n, o, r, s) {
+  var i, l, a, u, m, h;
   return c(), p(T, null, [
-    q("picture", null, [
+    z("picture", null, [
       e.webpSrcSet ? (c(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, bo)) : v("", !0),
-      q("img", {
+      }, null, 8, Ro)) : v("", !0),
+      z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -1895,35 +1984,35 @@ function ko(e, t, n, o, r, i) {
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: z(
+        class: G(
           "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, go)
+      }, null, 14, Eo)
     ]),
-    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), p("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), p("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
       style: F({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : v("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && ((h = (m = e.builderBlock) == null ? void 0 : m.children) != null && h.length) ? (c(), p("div", yo, [
-      A(e.$slots, "default", {}, void 0, !0)
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && ((h = (m = e.builderBlock) == null ? void 0 : m.children) != null && h.length) ? (c(), p("div", Po, [
+      x(e.$slots, "default", {}, void 0, !0)
     ])) : v("", !0)
   ], 64);
 }
-const vo = /* @__PURE__ */ g(fo, [["render", ko], ["__scopeId", "data-v-77f8a6c4"]]), So = b({
+const Ao = /* @__PURE__ */ b($o, [["render", Bo], ["__scopeId", "data-v-a3766aaf"]]), xo = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: W };
   }
 });
-function Co(e, t, n, o, r, i) {
+function Vo(e, t, n, o, r, s) {
   return c(), p("section", C({
     style: {
       width: "100%",
@@ -1937,11 +2026,11 @@ function Co(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    A(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    x(e.$slots, "default")
   ], 16);
 }
-const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
+const Wo = /* @__PURE__ */ b(xo, [["render", Vo]]), se = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2001,7 +2090,7 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
       }
     }
   }]
-}, To = {
+}, No = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2018,7 +2107,7 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [re]
+      defaultValue: [se]
     }, {
       name: "detail",
       type: "uiBlocks",
@@ -2026,10 +2115,10 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
       defaultValue: [ie]
     }],
     defaultValue: [{
-      title: [re],
+      title: [se],
       detail: [ie]
     }, {
-      title: [re],
+      title: [se],
       detail: [ie]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
@@ -2065,9 +2154,9 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Io = (e) => e.toString(), $o = b({
+}, Oo = (e) => e.toString(), Fo = g({
   name: "builder-accordion",
-  components: { Blocks: U },
+  components: { Blocks: M },
   props: [
     "grid",
     "oneAtATime",
@@ -2079,7 +2168,7 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Io };
+    return { open: [], convertOrderNumberToString: Oo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2118,18 +2207,18 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
           `.builder-accordion-title[data-index="${n}"]`
         );
         if (e = n, r) {
-          let i = r.getBoundingClientRect();
+          let s = r.getBoundingClientRect();
           for (; r = r && r.nextElementSibling; )
             if (r) {
               if (r.classList.contains("builder-accordion-detail"))
                 continue;
-              const s = r.getBoundingClientRect();
-              if (s.left > i.left) {
+              const i = r.getBoundingClientRect();
+              if (i.left > s.left) {
                 const l = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(l) || (i = s, e = l);
+                isNaN(l) || (s = i, e = l);
               } else
                 break;
             }
@@ -2160,16 +2249,16 @@ const wo = /* @__PURE__ */ g(So, [["render", Co]]), re = {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), Ro = ["data-index", "onClick"];
-function Eo(e, t, n, o, r, i) {
-  const s = k("Blocks");
+}), Do = ["data-index", "onClick"];
+function Lo(e, t, n, o, r, s) {
+  const i = k("Blocks");
   return c(), p("div", {
     class: "builder-accordion",
     style: F(e.accordionStyles)
   }, [
     (c(!0), p(T, null, V(e.items, (l, a) => (c(), p(T, { key: a }, [
-      q("div", {
-        class: z(e.getAccordionTitleClassName(a)),
+      z("div", {
+        class: G(e.getAccordionTitleClassName(a)),
         style: F({
           ...e.accordionTitleStyles,
           ...e.grid && {
@@ -2180,7 +2269,7 @@ function Eo(e, t, n, o, r, i) {
         "data-index": a,
         onClick: (u) => e.onClick(a)
       }, [
-        R(s, {
+        P(i, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -2188,13 +2277,13 @@ function Eo(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, Ro),
+      ], 14, Do),
       e.open.includes(a) ? (c(), p("div", {
         key: 0,
-        class: z(e.getAccordionDetailClassName(a)),
+        class: G(e.getAccordionDetailClassName(a)),
         style: F(e.accordionDetailStyles)
       }, [
-        R(s, {
+        P(i, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -2206,7 +2295,7 @@ function Eo(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
+const Uo = /* @__PURE__ */ b(Fo, [["render", Lo]]), Mo = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2242,7 +2331,7 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, xo = {
+}, Ho = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2421,7 +2510,7 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
         });
       }
       const n = e.get("columns");
-      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();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2449,13 +2538,13 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ao = {
+}, jo = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Vo = {
+}, Ce = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Ko = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], qo = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2470,12 +2559,12 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
+    allowedFileTypes: Ce,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(s, l = 6e4) {
+      function n(i, l = 6e4) {
         return new Promise((a, u) => {
           const m = document.createElement("img");
           let h = !1;
@@ -2483,21 +2572,21 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
             h = !0, a(m);
           }, m.addEventListener("error", (d) => {
             console.warn("Image load failed", d.error), u(d.error);
-          }), m.src = s, setTimeout(() => {
+          }), m.src = i, setTimeout(() => {
             h || u(new Error("Image load timed out"));
           }, l);
         });
       }
-      function o(s) {
-        return Math.round(s * 1e3) / 1e3;
+      function o(i) {
+        return Math.round(i * 1e3) / 1e3;
       }
-      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 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 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));
+          e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -2563,7 +2652,7 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Wo = {
+}, zo = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2602,7 +2691,7 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
       }
     }
   }]
-}, No = {
+}, Go = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2619,14 +2708,14 @@ const Po = /* @__PURE__ */ g($o, [["render", Eo]]), Bo = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Oo = b({
+}, Jo = g({
   name: "builder-slot",
-  components: { Blocks: U },
+  components: { Blocks: M },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Fo(e, t, n, o, r, i) {
+function Yo(e, t, n, o, r, s) {
   var l, a, u;
-  const s = k("Blocks");
+  const i = k("Blocks");
   return c(), p("div", C(
     { style: {
       pointerEvents: "auto"
@@ -2635,7 +2724,7 @@ function Fo(e, t, n, o, r, i) {
       "builder-slot": e.name
     }
   ), [
-    R(s, {
+    P(i, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2644,7 +2733,7 @@ function Fo(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
+const Xo = /* @__PURE__ */ b(Jo, [["render", Yo]]), Qo = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2683,7 +2772,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, se = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2705,7 +2794,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
       text: "New tab"
     }
   }
-}, ae = {
+}, le = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2721,7 +2810,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
       text: "New tab content "
     }
   }
-}, Uo = {
+}, Zo = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2731,16 +2820,16 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [se]
+      defaultValue: [ae]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [le]
     }],
     defaultValue: [{
       label: [{
-        ...se,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2749,7 +2838,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
         }
       }],
       content: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2759,7 +2848,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
       }]
     }, {
       label: [{
-        ...se,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2768,7 +2857,7 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
         }
       }],
       content: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2824,9 +2913,9 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Mo = b({
+}, _o = g({
   name: "builder-tabs",
-  components: { Blocks: U },
+  components: { Blocks: M },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -2849,11 +2938,11 @@ const Do = /* @__PURE__ */ g(Oo, [["render", Fo]]), Lo = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), Ho = ["onClick"], jo = { key: 0 };
-function Ko(e, t, n, o, r, i) {
-  const s = k("Blocks");
+}), er = ["onClick"], tr = { key: 0 };
+function nr(e, t, n, o, r, s) {
+  const i = k("Blocks");
   return c(), p("div", null, [
-    q("div", {
+    z("div", {
       class: "builder-tabs-wrap",
       style: F({
         display: "flex",
@@ -2864,13 +2953,13 @@ function Ko(e, t, n, o, r, i) {
     }, [
       (c(!0), p(T, null, V(e.tabs, (l, a) => (c(), p("span", {
         key: a,
-        class: z(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        class: G(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: F({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
       }, [
-        R(s, {
+        P(i, {
           parent: e.builderBlock.id,
           path: `tabs.${a}.label`,
           blocks: l.label,
@@ -2878,10 +2967,10 @@ function Ko(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, Ho))), 128))
+      ], 14, er))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (c(), p("div", jo, [
-      R(s, {
+    e.activeTabContent(e.activeTab) ? (c(), p("div", tr, [
+      P(i, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2892,7 +2981,7 @@ function Ko(e, t, n, o, r, i) {
     ])) : v("", !0)
   ]);
 }
-const qo = /* @__PURE__ */ g(Mo, [["render", Ko]]), zo = {
+const or = /* @__PURE__ */ b(_o, [["render", nr]]), rr = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -2914,41 +3003,21 @@ const qo = /* @__PURE__ */ g(Mo, [["render", Ko]]), zo = {
     height: "auto",
     textAlign: "center"
   }
-}, Go = b({
+}, sr = g({
   name: "builder-text",
-  props: ["builderContext", "text"],
-  computed: {
-    processedText() {
-      var i;
-      const e = this.builderContext, {
-        context: t,
-        localState: n,
-        rootState: o,
-        rootSetState: r
-      } = e;
-      return String(((i = this.text) == null ? void 0 : i.toString()) || "").replace(
-        /{{([^}]+)}}/g,
-        (s, l) => J({
-          code: l,
-          context: t,
-          localState: n,
-          rootState: o,
-          rootSetState: r
-        })
-      );
-    }
-  }
-}), Jo = ["innerHTML"];
-function Yo(e, t, n, o, r, i) {
+  props: ["text"]
+}), ir = ["innerHTML"];
+function ar(e, t, n, o, r, s) {
+  var i;
   return c(), p("div", {
     class: "builder-text",
-    innerHTML: e.processedText,
+    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, Jo);
+  }, null, 8, ir);
 }
-const Xo = /* @__PURE__ */ g(Go, [["render", Yo]]), Qo = {
+const lr = /* @__PURE__ */ b(sr, [["render", ar]]), cr = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2970,7 +3039,7 @@ const Xo = /* @__PURE__ */ g(Go, [["render", Yo]]), Qo = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Zo = b({
+}, dr = g({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -3004,15 +3073,15 @@ const Xo = /* @__PURE__ */ g(Go, [["render", Yo]]), Qo = {
       }
     }
   }
-}), _o = ["innerHTML"];
-function er(e, t, n, o, r, i) {
+}), ur = ["innerHTML"];
+function pr(e, t, n, o, r, s) {
   return c(), p("div", {
     ref: "elementRef",
-    class: z("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: G("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, _o);
+  }, null, 10, ur);
 }
-const tr = /* @__PURE__ */ g(Zo, [["render", er]]), nr = {
+const mr = /* @__PURE__ */ b(dr, [["render", pr]]), hr = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3027,7 +3096,7 @@ const tr = /* @__PURE__ */ g(Zo, [["render", er]]), nr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, or = ["text/javascript", "application/javascript", "application/ecmascript"], rr = (e) => or.includes(e.type), ir = b({
+}, fr = ["text/javascript", "application/javascript", "application/ecmascript"], gr = (e) => fr.includes(e.type), br = g({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3060,7 +3129,7 @@ const tr = /* @__PURE__ */ g(Zo, [["render", er]]), nr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (rr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (gr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3069,15 +3138,15 @@ const tr = /* @__PURE__ */ g(Zo, [["render", er]]), nr = {
       }
     }
   }
-}), sr = ["innerHTML"];
-function ar(e, t, n, o, r, i) {
+}), yr = ["innerHTML"];
+function kr(e, t, n, o, r, s) {
   return c(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, sr);
+  }, null, 8, yr);
 }
-const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
+const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3314,12 +3383,12 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, dr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], ur = () => {
+}, Cr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], wr = () => {
   const e = process.env.NODE_ENV || "production";
-  return dr.includes(e) ? e : "production";
-}, pr = b({
+  return Cr.includes(e) ? e : "production";
+}, Tr = g({
   name: "builder-form-component",
-  components: { Block: ke, Blocks: U },
+  components: { Block: ve, Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -3361,7 +3430,7 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
       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 E() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -3375,8 +3444,8 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
         }
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
-        let i;
-        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
+        let s;
+        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
           let f;
           const S = d.name;
           if (d instanceof HTMLInputElement)
@@ -3404,27 +3473,27 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
         if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: d }) => {
           (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
-          i = s;
+          s = i;
         else {
           const d = {};
           Array.from(l).forEach(({ value: f, key: S }) => {
-            Le(d, S, f);
-          }), i = JSON.stringify(d);
+            je(d, S, f);
+          }), s = JSON.stringify(d);
         }
         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: i
+            body: s
           }
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${ur() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${wr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`, h = this.sendSubmissionsTo === "email" ? m : this.action;
-        he(h), fetch(h, {
-          body: i,
+        fe(h), fetch(h, {
+          body: s,
           headers: r,
           method: this.method || "post"
         }).then(
@@ -3432,7 +3501,7 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
             let f;
             const S = d.headers.get("content-type");
             if (S && S.indexOf("application/json") !== -1 ? f = await d.json() : f = await d.text(), !d.ok && this.errorMessagePath) {
-              let w = We(f, this.errorMessagePath);
+              let w = Fe(f, this.errorMessagePath);
               w && (typeof w != "string" && (w = JSON.stringify(w)), this.formErrorMessage = w, this.mergeNewRootState({
                 formErrorMessage: w
               }));
@@ -3473,13 +3542,13 @@ const lr = /* @__PURE__ */ g(ir, [["render", ar]]), cr = {
       }
     }
   }
-}), mr = ["validate", "action", "method", "name"], hr = {
+}), Ir = ["validate", "action", "method", "name"], $r = {
   key: 3,
   class: "builder-form-error-text pre-3q96myty4lk"
 };
-function fr(e, t, n, o, r, i) {
+function Rr(e, t, n, o, r, s) {
   var a;
-  const s = k("Block"), l = k("Blocks");
+  const i = k("Block"), l = k("Blocks");
   return c(), p("form", C({
     validate: e.validate,
     ref: "formRef",
@@ -3487,8 +3556,8 @@ function fr(e, t, n, o, r, i) {
     method: e.method,
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (c(!0), p(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, m) => (c(), y(s, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (c(!0), p(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, m) => (c(), y(i, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
@@ -3507,16 +3576,16 @@ function fr(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), p("pre", hr, te(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), p("pre", $r, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (c(), y(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0)
-  ], 16, mr);
+  ], 16, Ir);
 }
-const br = /* @__PURE__ */ g(pr, [["render", fr], ["__scopeId", "data-v-cd94d6c1"]]), gr = {
+const Er = /* @__PURE__ */ b(Tr, [["render", Rr], ["__scopeId", "data-v-cd94d6c1"]]), Pr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3567,7 +3636,7 @@ const br = /* @__PURE__ */ g(pr, [["render", fr], ["__scopeId", "data-v-cd94d6c1
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, yr = b({
+}, Br = g({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3579,10 +3648,10 @@ const br = /* @__PURE__ */ g(pr, [["render", fr], ["__scopeId", "data-v-cd94d6c1
     "required"
   ],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: E, filterAttrs: W };
   }
-}), kr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function vr(e, t, n, o, r, i) {
+}), Ar = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function xr(e, t, n, o, r, s) {
   return c(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3591,9 +3660,9 @@ function vr(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, kr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ar);
 }
-const Sr = /* @__PURE__ */ g(yr, [["render", vr]]), Cr = {
+const Vr = /* @__PURE__ */ b(Br, [["render", xr]]), Wr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3635,28 +3704,28 @@ const Sr = /* @__PURE__ */ g(yr, [["render", vr]]), Cr = {
   }],
   static: !0,
   noWrap: !0
-}, wr = b({
+}, Nr = g({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: E, filterAttrs: W };
   }
-}), Tr = ["value", "defaultValue", "name", "required"], Ir = ["value"];
-function $r(e, t, n, o, r, i) {
+}), Or = ["value", "defaultValue", "name", "required"], Fr = ["value"];
+function Dr(e, t, n, o, r, s) {
   return c(), p("select", C({
     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), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), p(T, null, V(e.options, (s, l) => (c(), p("option", {
-      key: `${s.name}-${l}`,
-      value: s.value
-    }, te(s.name || s.value), 9, Ir))), 128))
-  ], 16, Tr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (c(!0), p(T, null, V(e.options, (i, l) => (c(), p("option", {
+      key: `${i.name}-${l}`,
+      value: i.value
+    }, ne(i.name || i.value), 9, Fr))), 128))
+  ], 16, Or);
 }
-const Rr = /* @__PURE__ */ g(wr, [["render", $r]]), Er = {
+const Lr = /* @__PURE__ */ b(Nr, [["render", Dr]]), Ur = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3681,17 +3750,17 @@ const Rr = /* @__PURE__ */ g(wr, [["render", $r]]), Er = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Pr = b({
+}, Mr = g({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: W };
   }
 });
-function Br(e, t, n, o, r, i) {
-  return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
+function Hr(e, t, n, o, r, s) {
+  return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const xr = /* @__PURE__ */ g(Pr, [["render", Br]]), Ar = {
+const jr = /* @__PURE__ */ b(Mr, [["render", Hr]]), Kr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3727,7 +3796,7 @@ const xr = /* @__PURE__ */ g(Pr, [["render", Br]]), Ar = {
   },
   static: !0,
   noWrap: !0
-}, Vr = b({
+}, qr = g({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3740,17 +3809,17 @@ const xr = /* @__PURE__ */ g(Pr, [["render", Br]]), Ar = {
   data() {
     return { filterAttrs: W };
   }
-}), Wr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Nr(e, t, n, o, r, i) {
+}), zr = ["placeholder", "name", "value", "defaultValue", "required"];
+function Gr(e, t, n, o, r, s) {
   return c(), p("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Wr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, zr);
 }
-const Or = /* @__PURE__ */ g(Vr, [["render", Nr]]), Fr = {
+const Jr = /* @__PURE__ */ b(qr, [["render", Gr]]), Yr = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3759,12 +3828,12 @@ const Or = /* @__PURE__ */ g(Vr, [["render", Nr]]), Fr = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    allowedFileTypes: Ce,
     required: !0
   }],
   noWrap: !0,
   static: !0
-}, Dr = b({
+}, Xr = g({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3775,10 +3844,10 @@ const Or = /* @__PURE__ */ g(Vr, [["render", Nr]]), Fr = {
     "attributes"
   ],
   data() {
-    return { isEditing: P, filterAttrs: W };
+    return { isEditing: E, filterAttrs: W };
   }
-}), Lr = ["alt", "src"];
-function Ur(e, t, n, o, r, i) {
+}), Qr = ["alt", "src"];
+function Zr(e, t, n, o, r, s) {
   return c(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -3787,9 +3856,9 @@ function Ur(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Lr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Qr);
 }
-const Mr = /* @__PURE__ */ g(Dr, [["render", Ur]]), Hr = {
+const _r = /* @__PURE__ */ b(Xr, [["render", Zr]]), es = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3800,14 +3869,14 @@ const Mr = /* @__PURE__ */ g(Dr, [["render", Ur]]), Hr = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: ["mp4"],
+    allowedFileTypes: Ko,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: ["jpeg", "png"],
+    allowedFileTypes: Ce,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -3873,7 +3942,7 @@ const Mr = /* @__PURE__ */ g(Dr, [["render", Ur]]), Hr = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, jr = b({
+}, ts = g({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3918,16 +3987,16 @@ const Mr = /* @__PURE__ */ g(Dr, [["render", Ur]]), Hr = {
       };
     }
   }
-}), Kr = { style: {
+}), ns = { style: {
   position: "relative"
-} }, qr = ["preload", "src", "poster"], zr = ["src"], Gr = {
+} }, os = ["preload", "src", "poster"], rs = ["src"], ss = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Jr = {
+}, is = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3941,16 +4010,16 @@ const Mr = /* @__PURE__ */ g(Dr, [["render", Ur]]), Hr = {
     height: "100%"
   }
 };
-function Yr(e, t, n, o, r, i) {
-  var s, l, a, u, m, h, d;
-  return c(), p("div", Kr, [
-    q("video", C({
+function as(e, t, n, o, r, s) {
+  var i, l, a, u, m, h, d;
+  return c(), p("div", ns, [
+    z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(s = e.attributes) == null ? void 0 : s.style,
+        ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -3968,8 +4037,8 @@ function Yr(e, t, n, o, r, i) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, zr))
-    ], 16, qr),
+      }, null, 8, rs))
+    ], 16, os),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
       key: 0,
       style: F({
@@ -3979,72 +4048,72 @@ function Yr(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, null, 4)) : v("", !0),
-    (m = (u = e.builderBlock) == null ? void 0 : u.children) != null && m.length && e.fitContent ? (c(), p("div", Gr, [
-      A(e.$slots, "default")
+    (m = (u = e.builderBlock) == null ? void 0 : u.children) != null && m.length && e.fitContent ? (c(), p("div", ss, [
+      x(e.$slots, "default")
     ])) : v("", !0),
-    (d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length && !e.fitContent ? (c(), p("div", Jr, [
-      A(e.$slots, "default")
+    (d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length && !e.fitContent ? (c(), p("div", is, [
+      x(e.$slots, "default")
     ])) : v("", !0)
   ]);
 }
-const Xr = /* @__PURE__ */ g(jr, [["render", Yr]]), Qr = () => [{
-  component: tr,
-  ...Qo
-}, {
-  component: lr,
-  ...nr
-}, {
-  component: br,
+const ls = /* @__PURE__ */ b(ts, [["render", as]]), cs = () => [{
+  component: mr,
   ...cr
 }, {
-  component: Sr,
-  ...gr
+  component: vr,
+  ...hr
 }, {
-  component: xr,
-  ...Er
+  component: Er,
+  ...Sr
 }, {
-  component: Rr,
-  ...Cr
+  component: Vr,
+  ...Pr
 }, {
-  component: Or,
-  ...Ar
+  component: jr,
+  ...Ur
 }, {
-  component: Mr,
-  ...Fr
+  component: Lr,
+  ...Wr
 }, {
-  component: Xr,
-  ...Hr
-}], Pe = () => [{
-  component: Tt,
-  ...Bo
+  component: Jr,
+  ...Kr
 }, {
-  component: lo,
-  ...xo
+  component: _r,
+  ...Yr
 }, {
-  component: po,
-  ...Ao
+  component: ls,
+  ...es
+}], xe = () => [{
+  component: Pt,
+  ...Mo
 }, {
   component: vo,
-  ...Vo
+  ...Ho
 }, {
   component: wo,
-  ...Wo
+  ...jo
 }, {
-  component: Do,
-  ...No
+  component: Ao,
+  ...qo
 }, {
-  component: Ai,
-  ...Lo
+  component: Wo,
+  ...zo
 }, {
   component: Xo,
-  ...zo
+  ...Go
+}, {
+  component: zs,
+  ...Qo
+}, {
+  component: lr,
+  ...rr
 }, {
-  component: qo,
-  ...Uo
+  component: or,
+  ...Zo
 }, {
-  component: Po,
-  ...To
-}, ...Qr()], Zr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Uo,
+  ...No
+}, ...cs()], ds = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4100,7 +4169,7 @@ const Xr = /* @__PURE__ */ g(jr, [["render", Yr]]), Qr = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, _r = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, us = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4134,27 +4203,27 @@ const Xr = /* @__PURE__ */ g(jr, [["render", Yr]]), Qr = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, ct = "builderIoAbTest", dt = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ft = "builderIoAbTest", gt = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), ei = ({
+})), ps = ({
   canTrack: e,
   content: t
-}) => !(!(Z(t).length > 0) || !e), ti = (e) => e === "react" || e === "reactNative", ut = ti(E), ni = () => `
-  window.${ct} = ${Zr}
-  window.${dt} = ${_r}
-  `, oi = (e, t) => `
-  window.${ct}(
-    "${t}",${JSON.stringify(e)}, ${ut}
-  )`, ri = ({
+}) => !(!(Z(t).length > 0) || !e), ms = (e) => e === "react" || e === "reactNative", bt = ms(R), hs = () => `
+  window.${ft} = ${ds}
+  window.${gt} = ${us}
+  `, fs = (e, t) => `
+  window.${ft}(
+    "${t}",${JSON.stringify(e)}, ${bt}
+  )`, gs = ({
   contentId: e,
   variationId: t
-}) => `window.${dt}(
-    "${t}", "${e}", ${ut}
-  )`, pt = b({
+}) => `window.${gt}(
+    "${t}", "${e}", ${bt}
+  )`, yt = g({
   render() {
-    return Ae("script", {
+    return Ne("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -4163,10 +4232,10 @@ const Xr = /* @__PURE__ */ g(jr, [["render", Yr]]), Qr = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
 });
-function Be(e) {
+function Ve(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ii = (e, t, n = !0) => {
+const bs = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4177,37 +4246,37 @@ const ii = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, si = (e) => ii(e, (t) => {
+}, ys = (e) => bs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), xe = ({
+}), We = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Be(o / n.width), s = Be(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Ve(o / n.width), i = Ve(r / n.height);
   return {
-    x: i,
-    y: s
+    x: s,
+    y: i
   };
-}, ai = (e) => {
-  const t = e.target, n = t && si(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ks = (e) => {
+  const t = e.target, n = t && ys(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? xe({
+      targetOffset: t ? We({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? xe({
+      builderTargetOffset: n ? We({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, li = (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);
+}, vs = ["svelte", "qwik", "vue"], Ss = () => vs.includes(R) && (E() || Ke()), Cs = (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);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -4217,29 +4286,29 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const s in e.files) {
-      if (!(String(Number(s)) === s))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const a = e.files[s];
+      const a = e.files[i];
       a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${a}') format('woff2');
 font-display: fallback;
-font-weight: ${s};
+font-weight: ${i};
 }
         `.trim());
     }
   return r;
-}, ci = ({
+}, ws = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => li(n))) == null ? void 0 : t.join(" ")) || "";
-}, di = ({
+  return ((t = e == null ? void 0 : e.map((n) => Cs(n))) == null ? void 0 : t.join(" ")) || "";
+}, Ts = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ui = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Is = `
 .builder-button {
   all: unset;
 }
@@ -4256,9 +4325,9 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, pi = (e) => e ? "" : ui, mi = (e) => `variant-${e}`, hi = b({
+`, $s = (e) => e ? "" : Is, Rs = (e) => `variant-${e}`, Es = g({
   name: "enable-editor",
-  components: { DynamicDiv: Y },
+  components: { DynamicDiv: X },
   props: [
     "isNestedRender",
     "builderContextSignal",
@@ -4270,10 +4339,10 @@ font-weight: ${s};
     "trustedHosts",
     "model",
     "content",
+    "context",
     "data",
     "showContent",
     "contentWrapper",
-    "context",
     "contentWrapperProps"
   ],
   data() {
@@ -4282,14 +4351,15 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: le,
-      getWrapperClassName: mi
+      builderContext: ce,
+      needsElementRefDivForEditing: Ss,
+      getWrapperClassName: Rs
     };
   },
   provide() {
     const e = this;
     return {
-      [le.key]: e.builderContextSignal
+      [ce.key]: e.builderContextSignal
     };
   },
   created() {
@@ -4297,21 +4367,21 @@ font-weight: ${s};
   },
   mounted() {
     var e, t;
-    if ($()) {
-      if (P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+    if (I()) {
+      if (E() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
-      ), this.builderContextSignal.content && G(this.canTrack)) {
-        const o = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (t = this.builderContextSignal.content) == null ? void 0 : t.id, i = this.apiKey;
-        de({
+      ), this.builderContextSignal.content && J(this.canTrack)) {
+        const o = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (t = this.builderContextSignal.content) == null ? void 0 : t.id, s = this.apiKey;
+        ue({
           apiHost: this.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: r,
-          apiKey: i,
+          apiKey: s,
           variationId: o !== r ? o : void 0
         });
       }
-      zt() && !P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Ke() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4345,7 +4415,7 @@ font-weight: ${s};
     }
   },
   unmounted() {
-    $() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    I() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4388,7 +4458,7 @@ font-weight: ${s};
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, r, i, s;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -4399,13 +4469,13 @@ font-weight: ${s};
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return Ze({
+      return ot({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4419,7 +4489,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            it(t);
+            dt(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4431,14 +4501,14 @@ font-weight: ${s};
       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;
-        de({
+        ue({
           apiHost: this.apiHost,
           type: "click",
-          canTrack: G(this.canTrack),
+          canTrack: J(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...ai(e),
+          ...ks(e),
           unique: !this.clicked
         });
       }
@@ -4448,13 +4518,13 @@ font-weight: ${s};
       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())
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !E())
           return;
         this.httpReqsPending[o] = !0;
-        const i = r.replace(
+        const s = r.replace(
           /{{([^}]+)}}/g,
-          (s, l) => String(
-            J({
+          (i, l) => String(
+            Y({
               code: l,
               context: this.context || {},
               localState: void 0,
@@ -4463,24 +4533,24 @@ font-weight: ${s};
             })
           )
         );
-        he(i), fetch(i).then((s) => s.json()).then((s) => {
+        fe(s), fetch(s).then((i) => i.json()).then((i) => {
           this.mergeNewRootState({
-            [o]: s
+            [o]: i
           }), this.httpReqsData[o] = !0;
-        }).catch((s) => {
-          console.error("error fetching dynamic data", r, s);
+        }).catch((i) => {
+          console.error("error fetching dynamic data", r, i);
         }).finally(() => {
           this.httpReqsPending[o] = !1;
         });
       });
     },
     emitStateUpdate() {
-      P() && window.dispatchEvent(
+      E() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: me(this.builderContextSignal.rootState),
+              state: he(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4490,7 +4560,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), fn(), Qe({
+      window.addEventListener("message", this.processMessage), wn(), nt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4503,81 +4573,92 @@ font-weight: ${s};
       }), Object.values(
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
-        var o;
-        const n = Gt(t);
-        (o = window.parent) == null || o.postMessage(n, "*");
+        var n, o;
+        if (!this.model || !((n = t.models) != null && n.length) || t.models.includes(this.model)) {
+          const r = tn(t);
+          (o = window.parent) == null || o.postMessage(r, "*");
+        }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
       );
     },
     elementRef_onInitpreviewingbldr(e) {
+      var s;
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ge({
-        model: this.model,
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && ye({
+        model: this.model || "",
         apiKey: this.apiKey,
-        apiVersion: this.builderContextSignal.apiVersion
+        apiVersion: this.builderContextSignal.apiVersion,
+        ...n === "BUILDER_STUDIO" && ((s = this.context) != null && s.symbolId) ? {
+          query: {
+            id: this.context.symbolId
+          }
+        } : {}
       }).then((i) => {
         i && this.mergeNewContent(i);
       });
     }
   }
 });
-function fi(e, t, n, o, r, i) {
-  var s, l, a;
-  return e.builderContextSignal.content ? (c(), y(j(e.ContentWrapper), C({
+function Ps(e, t, n, o, r, s) {
+  var i, l, a;
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (c(), y(K(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
-    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
+    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     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: N(() => [
-      A(e.$slots, "default")
+      x(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const bi = /* @__PURE__ */ g(hi, [["render", fi]]), gi = b({
+const Bs = /* @__PURE__ */ b(Es, [["render", Ps]]), As = g({
   name: "content-styles",
-  components: { InlinedStyles: ve },
+  components: { InlinedStyles: Se },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${di({
+${Ts({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${ci({
+${ws({
         customFonts: this.customFonts
       })}
-${pi(this.isNestedRender)}
+${$s(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function yi(e, t, n, o, r, i) {
-  const s = k("InlinedStyles");
-  return c(), y(s, {
+function xs(e, t, n, o, r, s) {
+  const i = k("InlinedStyles");
+  return c(), y(i, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
+const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ws = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  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) => {
+  var s, i, l;
+  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
     a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
@@ -4587,7 +4668,7 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
       locale: n
     } : {}
   };
-}, Si = ({
+}, Ns = ({
   content: e,
   data: t
 }) => e ? {
@@ -4597,21 +4678,20 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Ci = gt, wi = b({
+} : void 0, Os = Ct, Fs = g({
   name: "content-component",
   components: {
-    EnableEditor: bi,
-    InlinedScript: pt,
-    ContentStyles: ki,
-    Blocks: U,
-    DynamicDiv: Y
+    EnableEditor: Bs,
+    InlinedScript: yt,
+    ContentStyles: Vs,
+    Blocks: M,
+    DynamicDiv: X
   },
   props: [
     "apiKey",
     "context",
     "content",
     "customComponents",
-    "model",
     "data",
     "locale",
     "canTrack",
@@ -4619,6 +4699,7 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
     "blocksWrapper",
     "blocksWrapperProps",
     "nonce",
+    "model",
     "apiHost",
     "enrich",
     "showContent",
@@ -4630,34 +4711,34 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
     "linkComponent"
   ],
   data() {
-    var e, t, n, o;
+    var e, t;
     return {
-      scriptStr: ri({
+      scriptStr: gs({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...Pe(),
-        ...((n = this.customComponents) == null ? void 0 : n.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
+        ...xe(),
+        ...this.customComponents || []
       ].reduce(
-        (r, { component: i, ...s }) => ({
-          ...r,
-          [s.name]: {
-            component: Ci(i),
-            ...ee(s)
+        (n, { component: o, ...r }) => ({
+          ...n,
+          [r.name]: {
+            component: Os(o),
+            ...te(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Si({
+        content: Ns({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: vi({
+        rootState: Ws({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4668,27 +4749,28 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Pe(),
-          ...((o = this.customComponents) == null ? void 0 : o.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
+          ...xe(),
+          ...this.customComponents || []
         ].reduce(
-          (r, { component: i, ...s }) => ({
-            ...r,
-            [s.name]: ee(s)
+          (n, { component: o, ...r }) => ({
+            ...n,
+            [r.name]: te(r)
           }),
           {}
         ),
         inheritedStyles: {},
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {},
-        nonce: this.nonce || ""
+        nonce: this.nonce || "",
+        model: this.model || ""
       },
-      TARGET: E
+      TARGET: R
     };
   },
   provide() {
     const e = this;
     return {
-      [Ve.key]: {
+      [Oe.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4699,7 +4781,7 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
       "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 && J({
+    e && Y({
       code: e,
       context: this.context || {},
       localState: void 0,
@@ -4716,8 +4798,8 @@ const ki = /* @__PURE__ */ g(gi, [["render", yi]]), vi = ({
     }
   }
 });
-function Ti(e, t, n, o, r, i) {
-  const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
+function Ds(e, t, n, o, r, s) {
+  const i = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return c(), y(u, C({
     apiHost: e.apiHost,
     nonce: e.nonce,
@@ -4739,7 +4821,7 @@ function Ti(e, t, n, o, r, i) {
     default: N(() => {
       var m, h, d, f, S, w, L;
       return [
-        e.isSsrAbTest ? (c(), y(s, {
+        e.isSsrAbTest ? (c(), y(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
@@ -4753,7 +4835,7 @@ function Ti(e, t, n, o, r, i) {
           cssCode: (d = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : d.cssCode,
           customFonts: (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
-        R(a, {
+        P(a, {
           blocks: (L = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : L.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
@@ -4764,12 +4846,12 @@ function Ti(e, t, n, o, r, i) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Ii = /* @__PURE__ */ g(wi, [["render", Ti]]), $i = b({
+const Ls = /* @__PURE__ */ b(Fs, [["render", Ds]]), Us = g({
   name: "content-variants",
   components: {
-    InlinedScript: pt,
-    InlinedStyles: ve,
-    ContentComponent: Ii
+    InlinedScript: yt,
+    InlinedStyles: Se,
+    ContentComponent: Ls
   },
   props: [
     "canTrack",
@@ -4794,12 +4876,12 @@ const Ii = /* @__PURE__ */ g(wi, [["render", Ti]]), $i = b({
   ],
   data() {
     return {
-      shouldRenderVariants: ei({
-        canTrack: G(this.canTrack),
+      shouldRenderVariants: ps({
+        canTrack: J(this.canTrack),
         content: this.content
       }),
-      TARGET: E,
-      getInitVariantsFnsScriptString: ni,
+      TARGET: R,
+      getInitVariantsFnsScriptString: hs,
       getVariants: Z
     };
   },
@@ -4808,7 +4890,7 @@ const Ii = /* @__PURE__ */ g(wi, [["render", Ti]]), $i = b({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return oi(
+      return fs(
         Z(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4824,29 +4906,29 @@ const Ii = /* @__PURE__ */ g(wi, [["render", Ti]]), $i = b({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Sn({
+      } : Pn({
         item: this.content,
-        canTrack: G(this.canTrack)
+        canTrack: J(this.canTrack)
       });
     }
   }
 });
-function Ri(e, t, n, o, r, i) {
-  const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
+function Ms(e, t, n, o, r, s) {
+  const i = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return c(), p(T, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(s, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
     }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
     e.shouldRenderVariants ? (c(), p(T, { key: 1 }, [
-      R(l, {
+      P(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      R(s, {
+      P(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
@@ -4876,7 +4958,7 @@ function Ri(e, t, n, o, r, i) {
         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)) : v("", !0),
-    R(a, C({
+    P(a, C({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -4903,13 +4985,13 @@ function Ri(e, t, n, o, r, i) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Ei = /* @__PURE__ */ g($i, [["render", Ri]]), Pi = async ({
+const Hs = /* @__PURE__ */ b(Us, [["render", Ms]]), js = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return ge({
+    return ye({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4921,9 +5003,9 @@ const Ei = /* @__PURE__ */ g($i, [["render", Ri]]), Pi = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, Bi = b({
+}, Ks = g({
   name: "builder-symbol",
-  components: { ContentVariants: Ei, DynamicDiv: Y },
+  components: { ContentVariants: Hs, DynamicDiv: X },
   props: [
     "symbol",
     "attributes",
@@ -4972,7 +5054,7 @@ const Ei = /* @__PURE__ */ g($i, [["render", Ri]]), Pi = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Pi({
+      this.contentToUse || js({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4981,11 +5063,11 @@ const Ei = /* @__PURE__ */ g($i, [["render", Ri]]), Pi = async ({
     }
   }
 });
-function xi(e, t, n, o, r, i) {
+function qs(e, t, n, o, r, s) {
   var l, a, u, m, h;
-  const s = k("ContentVariants");
-  return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    R(s, {
+  const i = k("ContentVariants");
+  return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    P(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -5009,44 +5091,44 @@ function xi(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ai = /* @__PURE__ */ g(Bi, [["render", xi]]);
+const zs = /* @__PURE__ */ b(Ks, [["render", qs]]);
 export {
-  Bn as A,
-  ke as B,
-  lo as C,
-  ge as D,
-  Ni as E,
-  po as F,
-  Hi as G,
-  vo as I,
-  wo as S,
-  E as T,
-  Xr as V,
-  ve as _,
-  Ui as a,
-  ji as b,
+  Mn as A,
+  ve as B,
+  vo as C,
+  ye as D,
+  Ys as E,
+  wo as F,
+  ni as G,
+  Ao as I,
+  Wo as S,
+  R as T,
+  ls as V,
+  Se as _,
+  ei as a,
+  oi as b,
   D as c,
-  ye as d,
-  g as e,
-  J as f,
-  ro as g,
-  Mi as h,
+  ke as d,
+  b as e,
+  Y as f,
+  go as g,
+  ti as h,
   _ as i,
-  le as j,
-  Tt as k,
-  Ai as l,
-  Xo as m,
-  U as n,
-  Ei as o,
-  P as p,
-  zt as q,
-  Gt as r,
-  Yt as s,
-  Oi as t,
-  Ue as u,
-  Fi as v,
-  Ci as w,
-  Di as x,
-  Li as y,
-  Pn as z
+  ce as j,
+  Pt as k,
+  zs as l,
+  lr as m,
+  M as n,
+  Hs as o,
+  E as p,
+  Ke as q,
+  tn as r,
+  on as s,
+  Xs as t,
+  qe as u,
+  Qs as v,
+  Os as w,
+  Zs as x,
+  _s as y,
+  Un as z
 };