@builder.io/sdk-vue 0.13.1 → 0.13.3

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

@@ -1,48 +1,48 @@
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as R, createBlock as k, resolveDynamicComponent as L, mergeProps as C, toHandlers as O, withCtx as B, renderSlot as E, resolveComponent as g, createTextVNode as rt, toDisplayString as st, defineAsyncComponent as M, createVNode as P, renderList as F, createCommentVNode as v, h as Ie, createElementVNode as X, normalizeStyle as Z, normalizeClass as $e, markRaw as it } from "vue";
-const at = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), lt = (e) => typeof e == "string" && at.has(e.toLowerCase());
-function G(e = {}, t, n) {
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as I, createBlock as g, resolveDynamicComponent as D, mergeProps as C, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as it, toDisplayString as _, defineAsyncComponent as q, createVNode as V, renderList as O, createCommentVNode as v, h as Te, createElementVNode as Z, normalizeStyle as ee, normalizeClass as Re, markRaw as at } from "vue";
+const lt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ct = (e) => typeof e == "string" && lt.has(e.toLowerCase());
+function F(e = {}, t, n) {
   const o = {};
-  for (const r in e) {
-    if (!e[r] || n && !r.startsWith(t))
+  for (const s in e) {
+    if (!e[s] || n && !s.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const r = n ? s.replace(t, "") : s;
+    o[r] = e[s];
   }
   return o;
 }
-const ct = f({
+const dt = f({
   name: "dynamic-renderer",
   props: ["attributes", "actionAttributes", "TagName"],
   data() {
-    return { isEmptyElement: lt };
+    return { isEmptyElement: ct };
   }
-}), b = (e, t) => {
+}), y = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
+  for (const [o, s] of t)
+    n[o] = s;
   return n;
 };
-function dt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(L(e.TagName), C({ key: 1 }, e.attributes, O(e.actionAttributes)), null, 16)) : (d(), m(R, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(L(e.TagName), C({ key: 0 }, e.attributes, O(e.actionAttributes)), {
+function ut(e, t, n, o, s, r) {
+  return e.isEmptyElement(e.TagName) ? (u(), g(D(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (u(), g(D(e.TagName), C({ key: 0 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
-        E(e.$slots, "default")
+        P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(L(e.TagName), C({ key: 1 }, e.attributes, O(e.actionAttributes)), {
+    }, 16)) : (u(), g(D(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
-        E(e.$slots, "default")
+        P(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const oe = /* @__PURE__ */ b(ct, [["render", dt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]), Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const se = /* @__PURE__ */ y(dt, [["render", ut]]), qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: oe
-}, Symbol.toStringTag, { value: "Module" })), T = "vue", re = () => {
-  switch (T) {
+  default: se
+}, Symbol.toStringTag, { value: "Module" })), A = "vue", re = () => {
+  switch (A) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -53,9 +53,9 @@ const oe = /* @__PURE__ */ b(ct, [["render", dt], ["__file", "/home/runner/work/
     case "qwik":
       return "class";
   }
-}, ut = f({
+}, pt = f({
   name: "builder-button",
-  components: { DynamicRenderer: oe },
+  components: { DynamicRenderer: se },
   props: [
     "link",
     "builderLinkComponent",
@@ -64,12 +64,12 @@ const oe = /* @__PURE__ */ b(ct, [["render", dt], ["__file", "/home/runner/work/
     "text"
   ],
   data() {
-    return { getClassPropName: re, filterAttrs: G };
+    return { getClassPropName: re, filterAttrs: F };
   }
 });
-function pt(e, t, n, o, r, s) {
-  const i = g("dynamic-renderer");
-  return d(), k(i, {
+function mt(e, t, n, o, s, r) {
+  const i = k("dynamic-renderer");
+  return u(), g(i, {
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     attributes: {
       ...e.filterAttrs(e.attributes, "v-on:", !1),
@@ -85,12 +85,12 @@ function pt(e, t, n, o, r, s) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: B(() => [
-      rt(st(e.text), 1)
+      it(_(e.text), 1)
     ]),
     _: 1
   }, 8, ["TagName", "attributes", "actionAttributes"]);
 }
-const mt = /* @__PURE__ */ b(ut, [["render", pt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), ht = Symbol(), ee = {
+const ht = /* @__PURE__ */ y(pt, [["render", mt]]), ft = Symbol(), te = {
   Builder: {
     content: null,
     context: {},
@@ -105,42 +105,45 @@ const mt = /* @__PURE__ */ b(ut, [["render", pt], ["__file", "/home/runner/work/
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: ht
-}, ft = Symbol(), Re = {
-  Components: { registeredComponents: {} },
   key: ft
+}, bt = Symbol(), Ee = {
+  Components: { registeredComponents: {} },
+  key: bt
 };
-function bt(e) {
+function gt(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options,
+    /**
+     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
+     */
     builderBlock: e
   };
 }
-const D = "[Builder.io]: ", w = {
-  log: (...e) => console.log(D, ...e),
-  error: (...e) => console.error(D, ...e),
-  warn: (...e) => console.warn(D, ...e),
-  debug: (...e) => console.debug(D, ...e)
+const z = "[Builder.io]: ", $ = {
+  log: (...e) => console.log(z, ...e),
+  error: (...e) => console.error(z, ...e),
+  warn: (...e) => console.warn(z, ...e),
+  debug: (...e) => console.debug(z, ...e)
 };
-function y() {
+function w() {
   return typeof window < "u" && typeof document < "u";
 }
-function gt() {
-  return y() && window.self !== window.top;
+function yt() {
+  return w() && window.self !== window.top;
 }
-function A() {
-  return gt() && (T === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+function T() {
+  return yt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const kt = () => {
-  if (y()) {
+  if (w()) {
     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;
-}, yt = () => typeof navigator == "object" && navigator.userAgent || "", Te = () => {
-  const e = yt(), t = {
+}, St = () => typeof navigator == "object" && navigator.userAgent || "", Pe = () => {
+  const e = St(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -157,7 +160,7 @@ const kt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || T === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = kt();
   return {
@@ -173,165 +176,166 @@ const kt = () => {
 }) => Object.entries({
   state: o,
   Builder: e,
+  // legacy
   builder: e,
   context: t,
   event: n
-}), St = () => ({
-  isEditing: A(),
-  isBrowser: y(),
-  isServer: !y(),
-  getUserAttributes: () => Te()
-}), Ct = (e, {
+}), Ct = () => ({
+  isEditing: T(),
+  isBrowser: w(),
+  isServer: !w(),
+  getUserAttributes: () => Pe()
+}), wt = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, me = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
   code: e,
   builder: t,
   context: n,
   event: o,
-  localState: r,
-  rootSetState: s,
+  localState: s,
+  rootSetState: r,
   rootState: i
 }) => {
   const a = vt({
     builder: t,
     context: n,
     event: o,
-    state: Ee({
+    state: Ae({
       rootState: i,
-      localState: r,
-      rootSetState: s
+      localState: s,
+      rootSetState: r
     })
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function Ee({
+function Ae({
   rootState: e,
   localState: t,
   rootSetState: n
 }) {
   return new Proxy(e, {
-    get: (o, r) => {
-      if (t && r in t)
-        return t[r];
-      const s = o[r];
-      return typeof s == "object" ? Ee({
-        rootState: s,
+    get: (o, s) => {
+      if (t && s in t)
+        return t[s];
+      const r = o[s];
+      return typeof r == "object" ? Ae({
+        rootState: r,
         localState: void 0,
         rootSetState: n ? (i) => {
-          o[r] = i, n(o);
+          o[s] = i, n(o);
         } : void 0
-      }) : s;
+      }) : r;
     },
-    set: (o, r, s) => {
-      if (t && r in t)
+    set: (o, s, r) => {
+      if (t && s in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[r] = s, n == null || n(o), !0;
+      return o[s] = r, n == null || n(o), !0;
     }
   });
 }
-const W = (e) => e != null;
-function wt() {
+const N = (e) => e != null;
+function It() {
   var e;
-  return typeof process < "u" && W((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && N((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const It = () => {
+const $t = () => {
   var o;
-  if (!wt())
+  if (!It())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
-  return e && t && !n ? (w.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;
-}, $t = (e) => (y() || It(), me(e));
-function q({
+  return e && t && !n ? ($.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+}, Tt = (e) => (w() || $t(), fe(e));
+function Y({
   code: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: r,
-  event: s,
+  rootSetState: s,
+  event: r,
   isExpression: i = !0
 }) {
   if (e === "") {
-    w.warn("Skipping evaluation of empty code block.");
+    $.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
-    code: Ct(e, {
+    code: wt(e, {
       isExpression: i
     }),
-    builder: St(),
+    builder: Ct(),
     context: t,
-    event: s,
-    rootSetState: r,
+    event: r,
+    rootSetState: s,
     rootState: o,
     localState: n
   };
   try {
-    return $t(a);
+    return Tt(a);
   } catch (l) {
-    w.error("Failed code evaluation: " + l.message, {
+    $.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
   }
 }
-const j = (e) => JSON.parse(JSON.stringify(e)), Rt = (e, t, n) => {
+const j = (e) => JSON.parse(JSON.stringify(e)), xe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const Tt = ({
+const Rt = ({
   block: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: r
+  rootSetState: s
 }) => {
   if (!e.bindings)
     return e;
-  const s = j(e), i = {
-    ...s,
+  const r = j(e), i = {
+    ...r,
     properties: {
-      ...s.properties
+      ...r.properties
     },
     actions: {
-      ...s.actions
+      ...r.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = q({
+    const l = e.bindings[a], d = Y({
       code: l,
       localState: n,
       rootState: o,
-      rootSetState: r,
+      rootSetState: s,
       context: t
     });
-    Rt(i, a, c);
+    xe(i, a, d);
   }
   return i;
 };
-function Pe({
+function Ve({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
-  rootState: r,
-  rootSetState: s
+  rootState: s,
+  rootSetState: r
 }) {
   const i = e;
-  return n ? Tt({
+  return n ? Rt({
     block: i,
     localState: o,
-    rootState: r,
-    rootSetState: s,
+    rootState: s,
+    rootSetState: r,
     context: t
   }) : i;
 }
-const Et = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Ae = (e) => Object.entries(e).map(([n, o]) => {
+const Et = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Be = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${Et(n)}: ${o};`;
-}).filter(W), Pt = (e) => Ae(e).join(`
-`), wr = ({
+}).filter(N), Pt = (e) => Be(e).join(`
+`), zs = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -348,20 +352,20 @@ function At({
 }) {
   return e;
 }
-const Ir = ({
+const Js = ({
   block: e,
   context: t
-}) => Be(At({
+}) => We(At({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Be(e) {
-  switch (T) {
+function We(e) {
+  switch (A) {
     case "svelte":
     case "vue":
     case "solid":
-      return Ae(e).join(" ");
+      return Be(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -369,147 +373,147 @@ function Be(e) {
       return e;
   }
 }
-function Bt(e, t, n = {}) {
-  let o, r, s, i = null, a = 0;
+function xt(e, t, n = {}) {
+  let o, s, r, i = null, a = 0;
   const l = function() {
-    a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+    a = n.leading === !1 ? 0 : Date.now(), i = null, r = e.apply(o, s), i || (o = s = null);
   };
   return function() {
-    const c = Date.now();
-    !a && n.leading === !1 && (a = c);
-    const u = t - (c - a);
-    return o = this, r = arguments, u <= 0 || u > t ? (i && (clearTimeout(i), i = null), a = c, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, u)), s;
+    const d = Date.now();
+    !a && n.leading === !1 && (a = d);
+    const m = t - (d - a);
+    return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = d, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
   };
 }
-function V(e, ...t) {
+function U(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
-    const r = arguments[o];
-    if (r != null)
-      for (const s in r)
-        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
+    const s = arguments[o];
+    if (s != null)
+      for (const r in s)
+        Object.prototype.hasOwnProperty.call(s, r) && (n[r] = s[r]);
   }
   return n;
 }
-const se = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function xt(e) {
+const ie = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function Vt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        xe(t);
+        Ne(t);
         break;
       case "hover":
-        Vt(t);
+        Wt(t);
         break;
       case "scrollInView":
         Nt(t);
         break;
     }
 }
-function ie(e) {
+function ae(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function ae(e, t) {
-  const n = Wt(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+function le(e, t) {
+  const n = Bt(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
   for (const a of i)
     for (const l of n)
       l in a || (a[l] = o[l]);
 }
-function Wt(e) {
+function Bt(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 xe(e) {
+function Ne(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ie(e.elementId || e.id || "");
+    ae(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    ae(e, n), n.style.transition = "none", n.style.transitionDelay = "0", V(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), V(n.style, e.steps[1].styles), setTimeout(() => {
+    le(e, n), n.style.transition = "none", n.style.transitionDelay = "0", U(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ie(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), U(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Vt(e) {
+function Wt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ie(e.elementId || e.id || "");
+    ae(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    ae(e, n);
-    const o = e.steps[0].styles, r = e.steps[1].styles;
-    function s() {
-      V(n.style, o);
+    le(e, n);
+    const o = e.steps[0].styles, s = e.steps[1].styles;
+    function r() {
+      U(n.style, o);
     }
     function i() {
-      V(n.style, r);
+      U(n.style, s);
     }
-    s(), n.addEventListener("mouseenter", i), n.addEventListener("mouseleave", s), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    r(), n.addEventListener("mouseenter", i), n.addEventListener("mouseleave", r), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ie(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     });
   });
 }
 function Nt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ie(e.elementId || e.id || "");
+    ae(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    ae(e, n);
-    let o = !1, r = !1;
-    function s() {
-      !o && a(n) ? (o = !0, r = !0, setTimeout(() => {
-        V(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
-          r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
+    le(e, n);
+    let o = !1, s = !1;
+    function r() {
+      !o && a(n) ? (o = !0, s = !0, setTimeout(() => {
+        U(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+          s = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !a(n) && (o = !1, V(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !s && !a(n) && (o = !1, U(n.style, e.steps[0].styles));
     }
-    const i = Bt(s, 200, {
+    const i = xt(r, 200, {
       leading: !1
     });
-    function a(u) {
-      const p = u.getBoundingClientRect(), h = window.innerHeight, I = (e.thresholdPercent || 0) / 100 * h;
-      return p.bottom > I && p.top < h - I;
+    function a(m) {
+      const c = m.getBoundingClientRect(), p = window.innerHeight, b = (e.thresholdPercent || 0) / 100 * p;
+      return c.bottom > b && c.top < p - b;
     }
     const l = e.steps[0].styles;
-    function c() {
-      V(n.style, l);
+    function d() {
+      U(n.style, l);
     }
-    c(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    d(), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ie(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
-    }), s();
+    }), r();
   });
 }
-const Ot = ({
+const Ft = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = Pe({
+  var r;
+  const o = (r = Ve({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : r.name;
   if (!o)
     return null;
-  const r = n[o];
-  if (r)
-    return r;
+  const s = n[o];
+  if (s)
+    return s;
   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?`);
@@ -523,56 +527,56 @@ const Ot = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = q({
+  const s = Y({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(r))
+  if (!Array.isArray(s))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, c) => ({
+  const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
+  return s.map((l, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
+        $index: d,
         $item: l,
         [i]: l,
-        [`$${i}Index`]: c
+        [`$${i}Index`]: d
       }
     },
     block: o
   }));
-}, _t = () => import("./block-styles.f235a6b3.js").then((e) => e.default).catch((e) => {
+}, Ot = () => import("./block-styles-jDSz7IPu.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Lt = () => import("./block-wrapper.0326cf92.js").then((e) => e.default).catch((e) => {
+}), Mt = () => import("./block-wrapper-i3S3k3_c.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Ft = () => import("./component-ref.4425a615.js").then((e) => e.default).catch((e) => {
+}), Lt = () => import("./component-ref-YzJX0Oul.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), Ht = () => import("./repeated-block.ea7178d4.js").then((e) => e.default).catch((e) => {
+}), Dt = () => import("./repeated-block-hRYVKXrX.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), jt = f({
+}), Ht = f({
   name: "block",
   components: {
-    BlockStyles: M(_t),
-    ComponentRef: M(Ft),
-    RepeatedBlock: M(Ht),
-    BlockWrapper: M(Lt)
+    BlockStyles: q(Ot),
+    ComponentRef: q(Lt),
+    RepeatedBlock: q(Dt),
+    BlockWrapper: q(Mt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -580,7 +584,7 @@ const Ot = ({
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && xt(
+    t && e && Vt(
       t.filter((n) => n.trigger !== "hover").map((n) => ({
         ...n,
         elementId: e
@@ -589,7 +593,7 @@ const Ot = ({
   },
   computed: {
     blockComponent() {
-      return Ot({
+      return Ft({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
@@ -603,7 +607,7 @@ const Ot = ({
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : Pe({
+      return (e = this.block.repeat) != null && e.collection ? this.block : Ve({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -624,21 +628,21 @@ const Ot = ({
       return ("show" in this.processedBlock ? this.processedBlock.show : !0) && !e;
     },
     childrenWithoutParentComponent() {
-      var t, n;
-      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
+      var t;
+      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? this.processedBlock.children ?? [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, s, i, a, l;
+      var e, t, n, o, s, r, i, a, l, d;
       return {
-        blockChildren: (e = this.processedBlock.children) != null ? e : [],
-        componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
+        blockChildren: this.processedBlock.children ?? [],
+        componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...bt(this.processedBlock),
+          ...gt(this.processedBlock),
           builderContext: this.context,
-          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Core:Button" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Symbol" || ((r = this.blockComponent) == null ? void 0 : r.name) === "Columns" ? {
+          ...((t = this.blockComponent) == null ? void 0 : t.name) === "Core:Button" || ((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Form:Form" ? {
             builderLinkComponent: this.linkComponent
           } : {},
-          ...((s = this.blockComponent) == null ? void 0 : s.name) === "Symbol" || ((i = this.blockComponent) == null ? void 0 : i.name) === "Columns" ? {
+          ...((r = this.blockComponent) == null ? void 0 : r.name) === "Symbol" || ((i = this.blockComponent) == null ? void 0 : i.name) === "Columns" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Form:Form" ? {
             builderComponents: this.registeredComponents
           } : {}
         },
@@ -646,21 +650,21 @@ const Ot = ({
         linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((a = this.blockComponent) == null ? void 0 : a.noWrap) === !0,
-        isInteractive: !((l = this.blockComponent) != null && l.isRSC)
+        includeBlockProps: ((l = this.blockComponent) == null ? void 0 : l.noWrap) === !0,
+        isInteractive: !((d = this.blockComponent) != null && d.isRSC)
       };
     }
   }
 });
-function Mt(e, t, n, o, r, s) {
-  var p;
-  const i = g("block-styles"), a = g("component-ref"), l = g("block", !0), c = g("block-wrapper"), u = g("repeated-block");
-  return e.canShowBlock ? (d(), m(R, { key: 0 }, [
-    P(i, {
+function jt(e, t, n, o, s, r) {
+  var c;
+  const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), d = k("block-wrapper"), m = k("repeated-block");
+  return e.canShowBlock ? (u(), h(I, { key: 0 }, [
+    V(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (p = e.blockComponent) != null && p.noWrap ? (d(), k(a, {
+    (c = e.blockComponent) != null && c.noWrap ? (u(), g(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -671,14 +675,14 @@ function Mt(e, t, n, o, r, s) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), m(R, { key: 0 }, [
-      e.repeatItem ? (d(!0), m(R, { key: 1 }, F(e.repeatItem, (h, S) => (d(), k(u, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h(I, { key: 0 }, [
+      e.repeatItem ? (u(!0), h(I, { key: 1 }, O(e.repeatItem, (p, S) => (u(), g(m, {
         key: S,
-        repeatContext: h.context,
-        block: h.block,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(c, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), g(d, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -686,7 +690,7 @@ function Mt(e, t, n, o, r, s) {
         linkComponent: e.linkComponent
       }, {
         default: B(() => [
-          P(a, {
+          V(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -697,9 +701,9 @@ function Mt(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), m(R, null, F(e.childrenWithoutParentComponent, (h, S) => (d(), k(l, {
-            key: h.id,
-            block: h,
+          (u(!0), h(I, null, O(e.childrenWithoutParentComponent, (p, S) => (u(), g(l, {
+            key: p.id,
+            block: p,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent
@@ -708,12 +712,12 @@ function Mt(e, t, n, o, r, s) {
         _: 1
       }, 8, ["Wrapper", "block", "context", "linkComponent"]))
     ], 64))
-  ], 64)) : v("v-if", !0);
+  ], 64)) : v("", !0);
 }
-const We = /* @__PURE__ */ b(jt, [["render", Mt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ce = /* @__PURE__ */ y(Ht, [["render", jt]]), Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: We
-}, Symbol.toStringTag, { value: "Module" })), Dt = f({
+  default: ce
+}, Symbol.toStringTag, { value: "Module" })), Kt = f({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -732,7 +736,7 @@ const We = /* @__PURE__ */ b(jt, [["render", Mt], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -745,7 +749,7 @@ const We = /* @__PURE__ */ b(jt, [["render", Mt], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -758,9 +762,9 @@ const We = /* @__PURE__ */ b(jt, [["render", Mt], ["__file", "/home/runner/work/
     }
   }
 });
-function Kt(e, t, n, o, r, s) {
-  return d(), k(L(e.BlocksWrapper), C({
-    class: e.className + " component-1k2igrjdg3x",
+function qt(e, t, n, o, s, r) {
+  return u(), g(D(e.BlocksWrapper), C({
+    class: e.className + " component-b1turyjjkok",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -769,14 +773,14 @@ function Kt(e, t, n, o, r, s) {
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: B(() => [
-      E(e.$slots, "default", {}, void 0, !0)
+      P(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const zt = /* @__PURE__ */ b(Dt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), qt = f({
+const zt = /* @__PURE__ */ y(Kt, [["render", qt], ["__scopeId", "data-v-3403e3cb"]]), Jt = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: zt, Block: We },
+  components: { BlocksWrapper: zt, Block: ce },
   props: [
     "blocks",
     "parent",
@@ -787,40 +791,40 @@ const zt = /* @__PURE__ */ b(Dt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: ee.key,
-    componentsContext: Re.key
+    builderContext: te.key,
+    componentsContext: Ee.key
   }
 });
-function Gt(e, t, n, o, r, s) {
-  var l, c;
-  const i = g("block"), a = g("blocks-wrapper");
-  return d(), k(a, {
+function Gt(e, t, n, o, s, r) {
+  var l, d;
+  const i = k("block"), a = k("blocks-wrapper");
+  return u(), g(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
     BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
-    BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
+    BlocksWrapperProps: (d = e.context) == null ? void 0 : d.BlocksWrapperProps
   }, {
     default: B(() => [
-      e.blocks ? (d(!0), m(R, { key: 0 }, F(e.blocks, (u, p) => (d(), k(i, {
-        key: u.id,
-        block: u,
+      e.blocks ? (u(!0), h(I, { key: 0 }, O(e.blocks, (m, c) => (u(), g(i, {
+        key: m.id,
+        block: m,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : v("v-if", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : v("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), Jt = f({
+const K = /* @__PURE__ */ y(Jt, [["render", Gt]]), de = f({
   render() {
-    return Ie("style", { id: this.id, innerHTML: this.styles });
+    return Te("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), le = /* @__PURE__ */ b(Jt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), Ve = {
+}), Fe = {
   small: {
     min: 320,
     default: 321,
@@ -836,11 +840,11 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
     default: 991,
     max: 1200
   }
-}, Rr = (e, t = Ve) => `@media (max-width: ${t[e].max}px)`, Yt = ({
+}, Ys = (e, t = Fe) => `@media (max-width: ${t[e].max}px)`, Yt = ({
   small: e,
   medium: t
 }) => {
-  const n = j(Ve);
+  const n = j(Fe);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -849,27 +853,27 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
     min: o,
     default: o + 1
   };
-  const r = n.small.max + 1;
+  const s = n.small.max + 1;
   n.medium = {
     max: t,
-    min: r,
-    default: r + 1
+    min: s,
+    default: s + 1
   };
-  const s = n.medium.max + 1;
+  const r = n.medium.max + 1;
   return n.large = {
     max: 2e3,
-    min: s,
-    default: s + 1
+    // TODO: decide upper limit
+    min: r,
+    default: r + 1
   }, n;
-}, Qt = f({
+}, _t = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: le,
-    DynamicRenderer: oe,
-    Blocks: J
+    InlinedStyles: de,
+    DynamicRenderer: se,
+    Blocks: K
   },
   props: [
-    "js",
     "space",
     "columns",
     "stackColumnsAt",
@@ -885,9 +889,9 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: T,
+      TARGET: A,
       getClassPropName: re,
-      mapStyleObjToStrIfNeeded: Be
+      mapStyleObjToStrIfNeeded: We
     };
   },
   computed: {
@@ -950,7 +954,7 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
       return {
         ...{
           display: "flex",
@@ -960,19 +964,19 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: o
         })
       };
@@ -985,31 +989,31 @@ const J = /* @__PURE__ */ b(qt, [["render", Gt], ["__file", "/home/runner/work/b
     }
   }
 });
-function Xt(e, t, n, o, r, s) {
-  const i = g("inlined-styles"), a = g("blocks"), l = g("dynamic-renderer");
-  return d(), m("div", C({
+function Qt(e, t, n, o, s, r) {
+  const i = k("inlined-styles"), a = k("blocks"), l = k("dynamic-renderer");
+  return u(), h("div", C({
     class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), k(i, {
+    e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : v("v-if", !0),
-    (d(!0), m(R, null, F(e.columns, (c, u) => (d(), k(l, {
-      key: u,
-      TagName: c.link ? e.builderLinkComponent || "a" : "div",
+    }, null, 8, ["styles"])) : v("", !0),
+    (u(!0), h(I, null, O(e.columns, (d, m) => (u(), g(l, {
+      key: m,
+      TagName: d.link ? e.builderLinkComponent || "a" : "div",
       actionAttributes: {},
       attributes: {
-        ...c.link ? {
-          href: c.link
+        ...d.link ? {
+          href: d.link
         } : {},
         [e.getClassPropName()]: "builder-column",
-        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(u))
+        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(m))
       }
     }, {
       default: B(() => [
-        P(a, {
-          path: `component.options.columns.${u}.blocks`,
+        V(a, {
+          path: `component.options.columns.${m}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1017,52 +1021,52 @@ function Xt(e, t, n, o, r, s) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: c.blocks
+          blocks: d.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Zt = /* @__PURE__ */ b(Qt, [["render", Xt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), en = f({
+const Xt = /* @__PURE__ */ y(_t, [["render", Qt], ["__scopeId", "data-v-3a12caec"]]), Zt = f({
   name: "builder-fragment-component",
   props: []
 });
-function tn(e, t, n, o, r, s) {
-  return d(), m("span", null, [
-    E(e.$slots, "default")
+function en(e, t, n, o, s, r) {
+  return u(), h("span", null, [
+    P(e.$slots, "default")
   ]);
 }
-const nn = /* @__PURE__ */ b(en, [["render", tn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
-function he(e) {
+const tn = /* @__PURE__ */ y(Zt, [["render", en]]);
+function be(e) {
   return e.replace(/http(s)?:/, "");
 }
-function on(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 nn(e = "", t, n) {
+  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function rn(e, t) {
+function on(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return he(e);
+    return be(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return he(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), s = n[3], r = t.match("x") ? t : `${t}x`;
+    return be(`${o[0]}_${r}${s}`);
   }
   return null;
 }
-function Q(e) {
+function X(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) => `${on(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${nn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [rn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [on(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
 const sn = f({
   name: "builder-image",
@@ -1084,18 +1088,20 @@ const sn = f({
     srcSetToUse() {
       var n;
       const t = this.image || this.src;
-      if (!t || !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
+      if (!t || // We can auto add srcset for cdn.builder.io and shopify
+      // images, otherwise you can supply this prop manually
+      !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
         return this.srcset;
-      if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
+      if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), Q(t);
+          return console.debug("Removed given srcset"), X(t);
       } else if (this.image && !this.srcset)
-        return Q(t);
-      return Q(t);
+        return X(t);
+      return X(t);
     },
     webpSrcSet() {
       var e;
-      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+      return (e = this.srcSetToUse) != null && e.match(/builder\.io/) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
     },
     aspectRatioCss() {
       const e = {
@@ -1108,59 +1114,58 @@ const sn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-});
-const an = ["srcset"], ln = ["alt", "role", "src", "srcset", "sizes"], cn = {
+}), rn = ["srcset"], an = ["alt", "role", "src", "srcset", "sizes"], ln = {
   key: 2,
-  class: "div-1be3j8m9ewb-2"
+  class: "div-4wbls88y960-2"
 };
-function dn(e, t, n, o, r, s) {
-  var i, a, l, c;
-  return d(), m(R, null, [
-    X("picture", null, [
-      e.webpSrcSet ? (d(), m("source", {
+function cn(e, t, n, o, s, r) {
+  var i, a, l, d;
+  return u(), h(I, null, [
+    Z("picture", null, [
+      e.webpSrcSet ? (u(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, an)) : v("v-if", !0),
-      X("img", {
+      }, null, 8, rn)) : v("", !0),
+      Z("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: Z({
+        style: ee({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: $e(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
+        class: Re(
+          "builder-image" + (e.className ? " " + e.className : "") + " img-4wbls88y960"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, ln)
+      }, null, 14, an)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), m("div", {
+    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
       key: 0,
-      class: "builder-image-sizer div-1be3j8m9ewb",
-      style: Z({
+      class: "builder-image-sizer div-4wbls88y960",
+      style: ee({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : v("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : v("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), m("div", cn, [
-      E(e.$slots, "default", {}, void 0, !0)
-    ])) : v("v-if", !0)
+    }, null, 4)) : v("", !0),
+    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && e.$slots.default ? (u(), h("div", ln, [
+      P(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const un = /* @__PURE__ */ b(sn, [["render", dn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), pn = f({
+const dn = /* @__PURE__ */ y(sn, [["render", cn], ["__scopeId", "data-v-4ab1cc9f"]]), un = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: G };
+    return { filterAttrs: F };
   }
 });
-function mn(e, t, n, o, r, s) {
-  return d(), m("section", C({
+function pn(e, t, n, o, s, r) {
+  return u(), h("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1173,16 +1178,16 @@ function mn(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    E(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    P(e.$slots, "default")
   ], 16);
 }
-const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), fn = (e) => {
+const mn = /* @__PURE__ */ y(un, [["render", pn]]), hn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Ne = ({
+}, Ue = ({
   name: e,
   canTrack: t
 }) => {
@@ -1190,17 +1195,17 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    w.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    $.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Oe = async (e) => Ne(e), bn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(W).join("; "), gn = [["secure", ""], ["SameSite", "None"]], kn = ({
+}, Oe = async (e) => Ue(e), fn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(N).join("; "), bn = [["secure", ""], ["SameSite", "None"]], gn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (y() ? location.protocol === "https:" : !0) ? gn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", fn(window.location.hostname)], ...r];
-  return bn(i);
-}, Ue = async ({
+  const s = (w() ? location.protocol === "https:" : !0) ? bn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", hn(window.location.hostname)], ...s];
+  return fn(i);
+}, Me = async ({
   name: e,
   value: t,
   expires: n,
@@ -1209,59 +1214,60 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const r = kn({
+    const s = gn({
       name: e,
       value: t,
       expires: n
     });
-    document.cookie = r;
-  } catch (r) {
-    w.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    document.cookie = s;
+  } catch (s) {
+    $.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
-}, yn = "builder.tests", ce = (e) => `${yn}.${e}`, vn = ({
+}, yn = "builder.tests", ue = (e) => `${yn}.${e}`, kn = ({
   contentId: e
 }) => Oe({
-  name: ce(e),
+  name: ue(e),
   canTrack: !0
 }), Sn = ({
   contentId: e
-}) => Ne({
-  name: ce(e),
+}) => Ue({
+  name: ue(e),
   canTrack: !0
-}), Cn = ({
+}), vn = ({
   contentId: e,
   value: t
-}) => Ue({
-  name: ce(e),
+}) => Me({
+  name: ue(e),
   value: t,
   canTrack: !0
-}), _e = (e) => W(e.id) && W(e.variations) && Object.keys(e.variations).length > 0, wn = ({
+}), Le = (e) => N(e.id) && N(e.variations) && Object.keys(e.variations).length > 0, Cn = ({
   id: e,
   variations: t
 }) => {
-  var r;
+  var s;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+  for (const r in t) {
+    const i = (s = t[r]) == null ? void 0 : s.testRatio;
     if (n += i, o < n)
-      return s;
+      return r;
   }
   return e;
-}, Le = (e) => {
-  const t = wn(e);
-  return Cn({
+}, De = (e) => {
+  const t = Cn(e);
+  return vn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    w.error("could not store A/B test variation: ", n);
+    $.error("could not store A/B test variation: ", n);
   }), t;
-}, Fe = ({
+}, He = ({
   item: e,
   testGroupId: t
 }) => {
   const n = e.variations[t];
-  return t === e.id || !n ? {
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
     testVariationId: e.id,
     testVariationName: "Default"
   } : {
@@ -1269,7 +1275,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, In = ({
+}, wn = ({
   item: e,
   canTrack: t
 }) => {
@@ -1277,14 +1283,14 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!_e(e))
+  if (!Le(e))
     return e;
   const n = Sn({
     contentId: e.id
-  }) || Le({
+  }) || De({
     variations: e.variations,
     id: e.id
-  }), o = Fe({
+  }), o = He({
     item: e,
     testGroupId: n
   });
@@ -1292,29 +1298,30 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     ...e,
     ...o
   };
-}, $n = async ({
+}, In = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !_e(e))
+  if (!t || !Le(e))
     return e;
-  const o = await vn({
+  const o = await kn({
     contentId: e.id
-  }) || Le({
+  }) || De({
     variations: e.variations,
     id: e.id
-  }), r = Fe({
+  }), s = He({
     item: e,
     testGroupId: o
   });
   return {
     ...e,
-    ...r
+    ...s
   };
-}, H = (e) => W(e) ? e : !0, Rn = {
+}, H = (e) => N(e) ? e : !0, $n = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
+    // TODO: make min width more intuitive and set one
     appearance: "none",
     paddingTop: "15px",
     paddingBottom: "15px",
@@ -1344,6 +1351,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
   static: !0,
   noWrap: !0
 }, Tn = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1521,7 +1529,7 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((s) => s.get("width")) && (n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1543,152 +1551,13 @@ const hn = /* @__PURE__ */ b(pn, [["render", mn], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, En = {
-  name: "Custom Code",
-  static: !0,
-  requiredPermissions: ["editCode"],
-  inputs: [{
-    name: "code",
-    type: "html",
-    required: !0,
-    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
-    code: !0
-  }, {
-    name: "replaceNodes",
-    type: "boolean",
-    helperText: "Preserve server rendered dom nodes",
-    advanced: !0
-  }, {
-    name: "scriptsClientOnly",
-    type: "boolean",
-    defaultValue: !1,
-    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
-    advanced: !0
-  }]
-}, Pn = f({
-  name: "builder-custom-code",
-  props: ["replaceNodes", "code"],
-  data() {
-    return { scriptsInserted: [], scriptsRun: [] };
-  },
-  mounted() {
-    var t;
-    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
-      return;
-    const e = this.$refs.elementRef.getElementsByTagName("script");
-    for (let n = 0; n < e.length; n++) {
-      const o = e[n];
-      if (o.src) {
-        if (this.scriptsInserted.includes(o.src))
-          continue;
-        this.scriptsInserted.push(o.src);
-        const r = document.createElement("script");
-        r.async = !0, r.src = o.src, document.head.appendChild(r);
-      } else if (!o.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(o.type)) {
-        if (this.scriptsRun.includes(o.innerText))
-          continue;
-        try {
-          this.scriptsRun.push(o.innerText), new Function(o.innerText)();
-        } catch (r) {
-          console.warn("`CustomCode`: Error running script:", r);
-        }
-      }
-    }
-  }
-}), An = ["innerHTML"];
-function Bn(e, t, n, o, r, s) {
-  return d(), m("div", {
-    ref: "elementRef",
-    class: $e("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
-    innerHTML: e.code
-  }, null, 10, An);
-}
-const xn = /* @__PURE__ */ b(Pn, [["render", Bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), Wn = {
-  name: "Embed",
-  static: !0,
-  inputs: [{
-    name: "url",
-    type: "url",
-    required: !0,
-    defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (e) => {
-      const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
-          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
-        }).catch((o) => {
-          e.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      e.delete("content");
-    }
-  }, {
-    name: "content",
-    type: "html",
-    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-    hideFromUI: !0
-  }]
-}, Vn = ["text/javascript", "application/javascript", "application/ecmascript"], Nn = (e) => Vn.includes(e.type), On = f({
-  name: "builder-embed",
-  props: ["content"],
-  data() {
-    return { scriptsInserted: [], scriptsRun: [], ranInitFn: !1 };
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
-      },
-      immediate: !0
-    }
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.$refs.elem,
-        1: this.ranInitFn
-      };
-    }
-  },
-  methods: {
-    findAndRunScripts() {
-      if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
-        return;
-      const e = this.$refs.elem.getElementsByTagName("script");
-      for (let t = 0; t < e.length; t++) {
-        const n = e[t];
-        if (n.src && !this.scriptsInserted.includes(n.src)) {
-          this.scriptsInserted.push(n.src);
-          const o = document.createElement("script");
-          o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Nn(n) && !this.scriptsRun.includes(n.innerText))
-          try {
-            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
-          } catch (o) {
-            console.warn("`Embed`: Error running script:", o);
-          }
-      }
-    }
-  }
-}), Un = ["innerHTML"];
-function _n(e, t, n, o, r, s) {
-  return d(), m("div", {
-    class: "builder-embed",
-    ref: "elem",
-    innerHTML: e.content
-  }, null, 8, Un);
-}
-const Ln = /* @__PURE__ */ b(On, [["render", _n], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), Fn = {
+}, Rn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Hn = {
+}, En = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1709,28 +1578,28 @@ const Ln = /* @__PURE__ */ b(On, [["render", _n], ["__file", "/home/runner/work/
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
-        return new Promise((l, c) => {
-          const u = document.createElement("img");
-          let p = !1;
-          u.onload = () => {
-            p = !0, l(u);
-          }, u.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), c(h.error);
-          }), u.src = i, setTimeout(() => {
-            p || c(new Error("Image load timed out"));
+        return new Promise((l, d) => {
+          const m = document.createElement("img");
+          let c = !1;
+          m.onload = () => {
+            c = !0, l(m);
+          }, m.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), d(p.error);
+          }), m.src = i, setTimeout(() => {
+            c || d(new Error("Image load timed out"));
           }, a);
         });
       }
       function o(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
+      const s = e.get("image"), r = e.get("aspectRatio");
+      if (fetch(s).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
+      }), s && (!r || r === 0.7041))
+        return n(s).then((i) => {
           const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === s && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -1788,45 +1657,7 @@ const Ln = /* @__PURE__ */ b(On, [["render", _n], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, jn = {
-  name: "Raw:Img",
-  hideFromInsertMenu: !0,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
-  inputs: [{
-    name: "image",
-    bubble: !0,
-    type: "file",
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
-    required: !0
-  }],
-  noWrap: !0,
-  static: !0
-}, Mn = f({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: A, filterAttrs: G };
-  }
-}), Dn = ["alt", "src"];
-function Kn(e, t, n, o, r, s) {
-  return d(), m("img", C({
-    style: {
-      objectFit: e.backgroundSize || "cover",
-      objectPosition: e.backgroundPosition || "center"
-    },
-    key: e.isEditing() && e.imgSrc || "default-key",
-    alt: e.altText,
-    src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Dn);
-}
-const zn = /* @__PURE__ */ b(Mn, [["render", Kn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), qn = {
+}, Pn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1865,27 +1696,28 @@ const zn = /* @__PURE__ */ b(Mn, [["render", Kn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, Gn = {
+}, An = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
   docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
   image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
   inputs: [{
     name: "name",
     type: "string",
     required: !0,
     defaultValue: "children"
   }]
-}, Jn = f({
+}, xn = f({
   name: "builder-slot",
-  components: { Blocks: J },
-  props: ["builderContext", "name"]
+  components: { Blocks: K },
+  props: ["js", "builderContext", "name"]
 });
-function Yn(e, t, n, o, r, s) {
-  var a, l, c;
-  const i = g("blocks");
-  return d(), m("div", C(
+function Vn(e, t, n, o, s, r) {
+  var a, l, d;
+  const i = k("blocks");
+  return u(), h("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -1893,15 +1725,15 @@ function Yn(e, t, n, o, r, s) {
       "builder-slot": e.name
     }
   ), [
-    P(i, {
+    V(i, {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
+      blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Qn = /* @__PURE__ */ b(Jn, [["render", Yn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/slot/slot.vue"]]), Xn = {
+const Bn = /* @__PURE__ */ y(xn, [["render", Vn]]), Wn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1934,7 +1766,7 @@ const Qn = /* @__PURE__ */ b(Jn, [["render", Yn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Zn = {
+}, Nn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1952,65 +1784,860 @@ const Qn = /* @__PURE__ */ b(Jn, [["render", Yn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, eo = f({
+}, Fn = f({
   name: "builder-text",
   props: ["text"]
-}), to = ["innerHTML"];
-function no(e, t, n, o, r, s) {
+}), Un = ["innerHTML"];
+function On(e, t, n, o, s, r) {
   var i;
-  return d(), m("div", {
+  return u(), h("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, to);
+  }, null, 8, Un);
 }
-const oo = /* @__PURE__ */ b(eo, [["render", no], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), ro = {
-  name: "Video",
-  canHaveChildren: !0,
-  defaultStyles: {
-    minHeight: "20px",
-    minWidth: "20px"
-  },
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+const Mn = /* @__PURE__ */ y(Fn, [["render", On]]), Ln = {
+  name: "Custom Code",
+  static: !0,
+  requiredPermissions: ["editCode"],
   inputs: [{
-    name: "video",
-    type: "file",
-    allowedFileTypes: ["mp4"],
-    bubble: !0,
-    defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-    required: !0
-  }, {
-    name: "posterImage",
-    type: "file",
-    allowedFileTypes: ["jpeg", "png"],
-    helperText: "Image to show before the video plays"
-  }, {
-    name: "autoPlay",
-    type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "controls",
-    type: "boolean",
-    defaultValue: !1
-  }, {
-    name: "muted",
-    type: "boolean",
-    defaultValue: !0
+    name: "code",
+    type: "html",
+    required: !0,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: !0
   }, {
-    name: "loop",
+    name: "replaceNodes",
     type: "boolean",
-    defaultValue: !0
+    helperText: "Preserve server rendered dom nodes",
+    advanced: !0
   }, {
-    name: "playsInline",
+    name: "scriptsClientOnly",
     type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "fit",
-    type: "text",
-    defaultValue: "cover",
-    enum: ["contain", "cover", "fill", "auto"]
+    defaultValue: !1,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+    advanced: !0
+  }]
+}, Dn = f({
+  name: "builder-custom-code",
+  props: ["replaceNodes", "code"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [] };
+  },
+  mounted() {
+    var t;
+    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
+      return;
+    const e = this.$refs.elementRef.getElementsByTagName("script");
+    for (let n = 0; n < e.length; n++) {
+      const o = e[n];
+      if (o.src) {
+        if (this.scriptsInserted.includes(o.src))
+          continue;
+        this.scriptsInserted.push(o.src);
+        const s = document.createElement("script");
+        s.async = !0, s.src = o.src, document.head.appendChild(s);
+      } else if (!o.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(o.type)) {
+        if (this.scriptsRun.includes(o.innerText))
+          continue;
+        try {
+          this.scriptsRun.push(o.innerText), new Function(o.innerText)();
+        } catch (s) {
+          console.warn("`CustomCode`: Error running script:", s);
+        }
+      }
+    }
+  }
+}), Hn = ["innerHTML"];
+function jn(e, t, n, o, s, r) {
+  return u(), h("div", {
+    ref: "elementRef",
+    class: Re("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    innerHTML: e.code
+  }, null, 10, Hn);
+}
+const Kn = /* @__PURE__ */ y(Dn, [["render", jn]]), qn = {
+  name: "Embed",
+  static: !0,
+  inputs: [{
+    name: "url",
+    type: "url",
+    required: !0,
+    defaultValue: "",
+    helperText: "e.g. enter a youtube url, google map, etc",
+    onChange: (e) => {
+      const t = e.get("url");
+      if (t)
+        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
+          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((o) => {
+          e.set("content", "There was an error embedding this URL, please try again or another URL");
+        });
+      e.delete("content");
+    }
+  }, {
+    name: "content",
+    type: "html",
+    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+    hideFromUI: !0
+  }]
+}, zn = ["text/javascript", "application/javascript", "application/ecmascript"], Jn = (e) => zn.includes(e.type), Gn = f({
+  name: "builder-embed",
+  props: ["content"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [], ranInitFn: !1 };
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.$refs.elem,
+        1: this.ranInitFn
+      };
+    }
+  },
+  methods: {
+    findAndRunScripts() {
+      if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
+        return;
+      const e = this.$refs.elem.getElementsByTagName("script");
+      for (let t = 0; t < e.length; t++) {
+        const n = e[t];
+        if (n.src && !this.scriptsInserted.includes(n.src)) {
+          this.scriptsInserted.push(n.src);
+          const o = document.createElement("script");
+          o.async = !0, o.src = n.src, document.head.appendChild(o);
+        } else if (Jn(n) && !this.scriptsRun.includes(n.innerText))
+          try {
+            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+          } catch (o) {
+            console.warn("`Embed`: Error running script:", o);
+          }
+      }
+    }
+  }
+}), Yn = ["innerHTML"];
+function _n(e, t, n, o, s, r) {
+  return u(), h("div", {
+    class: "builder-embed",
+    ref: "elem",
+    innerHTML: e.content
+  }, null, 8, Yn);
+}
+const Qn = /* @__PURE__ */ y(Gn, [["render", _n]]), Xn = {
+  name: "Form:Form",
+  // editableTags: ['builder-form-error']
+  defaults: {
+    responsiveStyles: {
+      large: {
+        marginTop: "15px",
+        paddingBottom: "15px"
+      }
+    }
+  },
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",
+  inputs: [{
+    name: "sendSubmissionsTo",
+    type: "string",
+    // TODO: save to builder data and user can download as csv
+    // TODO: easy for mode too or computed add/remove fields form mode
+    // so you can edit details and high level mode at same time...
+    // Later - more integrations like mailchimp
+    // /api/v1/form-submit?to=mailchimp
+    enum: [{
+      label: "Send to email",
+      value: "email",
+      helperText: "Send form submissions to the email address of your choosing"
+    }, {
+      label: "Custom",
+      value: "custom",
+      helperText: "Handle where the form requests go manually with a little code, e.g. to your own custom backend"
+    }],
+    defaultValue: "email"
+  }, {
+    name: "sendSubmissionsToEmail",
+    type: "string",
+    required: !0,
+    // TODO: required: () => options.get("sendSubmissionsTo") === "email"
+    defaultValue: "your@email.com",
+    showIf: 'options.get("sendSubmissionsTo") === "email"'
+  }, {
+    name: "sendWithJs",
+    type: "boolean",
+    helperText: "Set to false to use basic html form action",
+    defaultValue: !0,
+    showIf: 'options.get("sendSubmissionsTo") === "custom"'
+  }, {
+    name: "name",
+    type: "string",
+    defaultValue: "My form"
+    // advanced: true
+  }, {
+    name: "action",
+    type: "string",
+    helperText: "URL to send the form data to",
+    showIf: 'options.get("sendSubmissionsTo") === "custom"'
+  }, {
+    name: "contentType",
+    type: "string",
+    defaultValue: "application/json",
+    advanced: !0,
+    // TODO: do automatically if file input
+    enum: ["application/json", "multipart/form-data", "application/x-www-form-urlencoded"],
+    showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
+  }, {
+    name: "method",
+    type: "string",
+    showIf: 'options.get("sendSubmissionsTo") === "custom"',
+    defaultValue: "POST",
+    advanced: !0
+  }, {
+    name: "previewState",
+    type: "string",
+    // TODO: persist: false flag
+    enum: ["unsubmitted", "sending", "success", "error"],
+    defaultValue: "unsubmitted",
+    helperText: 'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',
+    showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
+  }, {
+    name: "successUrl",
+    type: "url",
+    helperText: "Optional URL to redirect the user to on form submission success",
+    showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
+  }, {
+    name: "resetFormOnSubmit",
+    type: "boolean",
+    showIf: "options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",
+    advanced: !0
+  }, {
+    name: "successMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Thanks!</span>"
+        }
+      }
+    }]
+  }, {
+    name: "validate",
+    type: "boolean",
+    defaultValue: !0,
+    advanced: !0
+  }, {
+    name: "errorMessagePath",
+    type: "text",
+    advanced: !0,
+    helperText: 'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'
+  }, {
+    name: "errorMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      bindings: {
+        "component.options.text": "state.formErrorMessage || block.component.options.text"
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Form submission error :( Please check your answers and try again</span>"
+        }
+      }
+    }]
+  }, {
+    name: "sendingMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Sending...</span>"
+        }
+      }
+    }]
+  }, {
+    name: "customHeaders",
+    type: "map",
+    valueType: {
+      type: "string"
+    },
+    advanced: !0,
+    showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
+  }],
+  noWrap: !0,
+  canHaveChildren: !0,
+  defaultChildren: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "<span>Enter your name</span>"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:Input",
+      options: {
+        name: "name",
+        placeholder: "Jane Doe"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "<span>Enter your email</span>"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:Input",
+      options: {
+        name: "email",
+        placeholder: "jane@doe.com"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:SubmitButton",
+      options: {
+        text: "Submit"
+      }
+    }
+  }]
+}, Zn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], eo = () => {
+  const e = process.env.NODE_ENV || "production";
+  return Zn.includes(e) ? e : "production";
+}, to = (e, t, n) => {
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((s, r) => s != null ? s[r] : s, e);
+  return o === void 0 || o === e ? n : o;
+}, no = f({
+  name: "builder-form-component",
+  components: { Block: ce, Blocks: K },
+  props: [
+    "js",
+    "builderContext",
+    "previewState",
+    "sendWithJs",
+    "sendSubmissionsTo",
+    "action",
+    "customHeaders",
+    "contentType",
+    "sendSubmissionsToEmail",
+    "name",
+    "method",
+    "errorMessagePath",
+    "resetFormOnSubmit",
+    "successUrl",
+    "validate",
+    "attributes",
+    "builderBlock",
+    "builderComponents",
+    "builderLinkComponent",
+    "errorMessage",
+    "sendingMessage",
+    "successMessage"
+  ],
+  data() {
+    return {
+      formState: "unsubmitted",
+      responseData: null,
+      formErrorMessage: "",
+      filterAttrs: F
+    };
+  },
+  methods: {
+    mergeNewRootState(e) {
+      var n, o;
+      const t = {
+        ...this.builderContext.rootState,
+        ...e
+      };
+      this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
+    },
+    submissionState() {
+      return T() && this.previewState || this.formState;
+    },
+    onSubmit(e) {
+      var n;
+      const t = this.sendWithJs || this.sendSubmissionsTo === "email";
+      if (this.sendSubmissionsTo === "zapier")
+        e.preventDefault();
+      else if (t) {
+        if (!(this.action || this.sendSubmissionsTo === "email")) {
+          e.preventDefault();
+          return;
+        }
+        e.preventDefault();
+        const o = e.currentTarget, s = this.customHeaders || {};
+        let r;
+        const i = new FormData(o), a = Array.from(
+          e.currentTarget.querySelectorAll("input,select,textarea")
+        ).filter((c) => !!c.name).map((c) => {
+          let p;
+          const S = c.name;
+          if (c instanceof HTMLInputElement)
+            if (c.type === "radio") {
+              if (c.checked)
+                return p = c.name, {
+                  key: S,
+                  value: p
+                };
+            } else if (c.type === "checkbox")
+              p = c.checked;
+            else if (c.type === "number" || c.type === "range") {
+              const b = c.valueAsNumber;
+              isNaN(b) || (p = b);
+            } else
+              c.type === "file" ? p = c.files : p = c.value;
+          else
+            p = c.value;
+          return {
+            key: S,
+            value: p
+          };
+        });
+        let l = this.contentType;
+        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
+        }), l !== "application/json")
+          r = i;
+        else {
+          const c = {};
+          Array.from(a).forEach(({ value: p, key: S }) => {
+            xe(c, S, p);
+          }), r = JSON.stringify(c);
+        }
+        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (s["content-type"] = l));
+        const d = new CustomEvent("presubmit", {
+          detail: {
+            body: r
+          }
+        });
+        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
+          return;
+        this.formState = "sending";
+        const m = `${eo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+          this.sendSubmissionsToEmail || ""
+        )}&name=${encodeURIComponent(this.name || "")}`;
+        fetch(
+          this.sendSubmissionsTo === "email" ? m : this.action,
+          {
+            body: r,
+            headers: s,
+            method: this.method || "post"
+          }
+        ).then(
+          async (c) => {
+            let p;
+            const S = c.headers.get("content-type");
+            if (S && S.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
+              let b = to(p, this.errorMessagePath);
+              b && (typeof b != "string" && (b = JSON.stringify(b)), this.formErrorMessage = b, this.mergeNewRootState({
+                formErrorMessage: b
+              }));
+            }
+            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+              const b = new CustomEvent("submit:success", {
+                detail: {
+                  res: c,
+                  body: p
+                }
+              });
+              if (this.$refs.formRef) {
+                if (this.$refs.formRef.dispatchEvent(b), b.defaultPrevented)
+                  return;
+                this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
+              }
+              if (this.successUrl)
+                if (this.$refs.formRef) {
+                  const x = new CustomEvent("route", {
+                    detail: {
+                      url: this.successUrl
+                    }
+                  });
+                  this.$refs.formRef.dispatchEvent(x), x.defaultPrevented || (location.href = this.successUrl);
+                } else
+                  location.href = this.successUrl;
+            }
+          },
+          (c) => {
+            const p = new CustomEvent("submit:error", {
+              detail: {
+                error: c
+              }
+            });
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
+          }
+        );
+      }
+    }
+  }
+}), oo = ["validate", "action", "method", "name"], so = {
+  key: 3,
+  class: "builder-form-error-text pre-tqyw9m0iue"
+};
+function ro(e, t, n, o, s, r) {
+  var l;
+  const i = k("block"), a = k("blocks");
+  return u(), h("form", C({
+    validate: e.validate,
+    ref: "formRef",
+    action: !e.sendWithJs && e.action,
+    method: e.method,
+    name: e.name,
+    onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (u(!0), h(I, { key: 0 }, O((l = e.builderBlock) == null ? void 0 : l.children, (d, m) => (u(), g(i, {
+      key: `form-block-${e.idx}`,
+      block: d,
+      context: e.builderContext,
+      registeredComponents: e.builderComponents,
+      linkComponent: e.builderLinkComponent
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
+    e.submissionState() === "error" ? (u(), g(a, {
+      key: 1,
+      path: "errorMessage",
+      blocks: e.errorMessage,
+      context: e.builderContext
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "sending" ? (u(), g(a, {
+      key: 2,
+      path: "sendingMessage",
+      blocks: e.sendingMessage,
+      context: e.builderContext
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (u(), h("pre", so, "         " + _(JSON.stringify(e.responseData, null, 2)) + `
+       `, 1)) : v("", !0),
+    e.submissionState() === "success" ? (u(), g(a, {
+      key: 4,
+      path: "successMessage",
+      blocks: e.successMessage,
+      context: e.builderContext
+    }, null, 8, ["blocks", "context"])) : v("", !0)
+  ], 16, oo);
+}
+const io = /* @__PURE__ */ y(no, [["render", ro], ["__scopeId", "data-v-e7803f50"]]), ao = {
+  name: "Form:Input",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
+  inputs: [
+    {
+      name: "type",
+      type: "text",
+      enum: ["text", "number", "email", "url", "checkbox", "radio", "range", "date", "datetime-local", "search", "tel", "time", "file", "month", "week", "password", "color", "hidden"],
+      defaultValue: "text"
+    },
+    {
+      name: "name",
+      type: "string",
+      required: !0,
+      helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"'
+    },
+    {
+      name: "placeholder",
+      type: "string",
+      defaultValue: "Hello there",
+      helperText: "Text to display when there is no value"
+    },
+    // TODO: handle value vs default value automatically like ng-model
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "value",
+      type: "string",
+      advanced: !0
+    },
+    {
+      name: "required",
+      type: "boolean",
+      helperText: "Is this input required to be filled out to submit a form",
+      defaultValue: !1
+    }
+  ],
+  noWrap: !0,
+  static: !0,
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  }
+}, lo = f({
+  name: "builder-form-input-component",
+  props: [
+    "attributes",
+    "defaultValue",
+    "placeholder",
+    "type",
+    "name",
+    "value",
+    "required"
+  ],
+  data() {
+    return { isEditing: T, filterAttrs: F };
+  }
+}), co = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function uo(e, t, n, o, s, r) {
+  return u(), h("input", C({
+    key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
+    placeholder: e.placeholder,
+    type: e.type,
+    name: e.name,
+    value: e.value,
+    defaultValue: e.defaultValue,
+    required: e.required
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, co);
+}
+const po = /* @__PURE__ */ y(lo, [["render", uo]]), mo = {
+  name: "Form:Select",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
+  defaultStyles: {
+    alignSelf: "flex-start"
+  },
+  inputs: [{
+    name: "options",
+    type: "list",
+    required: !0,
+    subFields: [{
+      name: "value",
+      type: "text",
+      required: !0
+    }, {
+      name: "name",
+      type: "text"
+    }],
+    defaultValue: [{
+      value: "option 1"
+    }, {
+      value: "option 2"
+    }]
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "value",
+    type: "string",
+    advanced: !0
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  static: !0,
+  noWrap: !0
+}, ho = f({
+  name: "builder-select-component",
+  props: ["attributes", "value", "defaultValue", "name", "options"],
+  data() {
+    return { isEditing: T, filterAttrs: F };
+  }
+}), fo = ["value", "defaultValue", "name"], bo = ["value"];
+function go(e, t, n, o, s, r) {
+  return u(), h("select", C({
+    value: e.value,
+    key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
+    defaultValue: e.defaultValue,
+    name: e.name
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (u(!0), h(I, null, O(e.options, (i, a) => (u(), h("option", {
+      key: a,
+      value: i.value
+    }, _(i.name || i.value), 9, bo))), 128))
+  ], 16, fo);
+}
+const yo = /* @__PURE__ */ y(ho, [["render", go]]), ko = {
+  name: "Form:SubmitButton",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#3898EC",
+    color: "white",
+    borderRadius: "4px",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me"
+  }],
+  static: !0,
+  noWrap: !0
+  // TODO: optional children? maybe as optional form input
+  // that only shows if advanced setting is flipped
+  // TODO: defaultChildren
+  // canHaveChildren: true,
+}, So = f({
+  name: "builder-submit-button",
+  props: ["attributes", "text"],
+  data() {
+    return { filterAttrs: F };
+  }
+});
+function vo(e, t, n, o, s, r) {
+  return u(), h("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), _(e.text), 17);
+}
+const Co = /* @__PURE__ */ y(So, [["render", vo]]), wo = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  inputs: [{
+    name: "image",
+    bubble: !0,
+    type: "file",
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    required: !0
+  }],
+  noWrap: !0,
+  static: !0
+}, Io = f({
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data() {
+    return { isEditing: T, filterAttrs: F };
+  }
+}), $o = ["alt", "src"];
+function To(e, t, n, o, s, r) {
+  return u(), h("img", C({
+    style: {
+      objectFit: e.backgroundSize || "cover",
+      objectPosition: e.backgroundPosition || "center"
+    },
+    key: e.isEditing() && e.imgSrc || "default-key",
+    alt: e.altText,
+    src: e.imgSrc || e.image
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, $o);
+}
+const Ro = /* @__PURE__ */ y(Io, [["render", To]]), Eo = {
+  name: "Video",
+  canHaveChildren: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [{
+    name: "video",
+    type: "file",
+    allowedFileTypes: ["mp4"],
+    bubble: !0,
+    defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+    required: !0
+  }, {
+    name: "posterImage",
+    type: "file",
+    allowedFileTypes: ["jpeg", "png"],
+    helperText: "Image to show before the video plays"
+  }, {
+    name: "autoPlay",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "controls",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "muted",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "loop",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "playsInline",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "fit",
+    type: "text",
+    defaultValue: "cover",
+    enum: ["contain", "cover", "fill", "auto"]
   }, {
     name: "preload",
     type: "text",
@@ -2047,7 +2674,7 @@ const oo = /* @__PURE__ */ b(eo, [["render", no], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, so = f({
+}, Po = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2092,16 +2719,16 @@ const oo = /* @__PURE__ */ b(eo, [["render", no], ["__file", "/home/runner/work/
       };
     }
   }
-}), io = { style: {
+}), Ao = { style: {
   position: "relative"
-} }, ao = ["preload", "src", "poster"], lo = ["src"], co = {
+} }, xo = ["preload", "src", "poster"], Vo = ["src"], Bo = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, uo = {
+}, Wo = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2115,10 +2742,10 @@ const oo = /* @__PURE__ */ b(eo, [["render", no], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function po(e, t, n, o, r, s) {
-  var i, a, l, c, u, p, h;
-  return d(), m("div", io, [
-    X("video", C({
+function No(e, t, n, o, s, r) {
+  var i, a, l, d, m, c, p;
+  return u(), h("div", Ao, [
+    Z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -2127,6 +2754,8 @@ function po(e, t, n, o, r, s) {
         ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
+        // Hack to get object fit to work as expected and
+        // not have the video overflow
         zIndex: 2,
         borderRadius: "1px",
         ...e.aspectRatio ? {
@@ -2136,81 +2765,93 @@ function po(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? v("v-if", !0) : (d(), m("source", {
+      e.lazyLoad ? v("", !0) : (u(), h("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, lo))
-    ], 16, ao),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), m("div", {
+      }, null, 8, Vo))
+    ], 16, xo),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
       key: 0,
-      style: Z({
+      style: ee({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : v("v-if", !0),
-    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), m("div", co, [
-      E(e.$slots, "default")
-    ])) : v("v-if", !0),
-    ((h = (p = e.builderBlock) == null ? void 0 : p.children) == null ? void 0 : h.length) && !e.fitContent ? (d(), m("div", uo, [
-      E(e.$slots, "default")
-    ])) : v("v-if", !0)
+    }, null, 4)) : v("", !0),
+    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", Bo, [
+      P(e.$slots, "default")
+    ])) : v("", !0),
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Wo, [
+      P(e.$slots, "default")
+    ])) : v("", !0)
   ]);
 }
-const mo = /* @__PURE__ */ b(so, [["render", po], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), fe = () => [{
-  component: mt,
-  ...Rn
+const Fo = /* @__PURE__ */ y(Po, [["render", No]]), Uo = () => [{
+  component: Kn,
+  ...Ln
 }, {
-  component: Zt,
-  ...Tn
+  component: Qn,
+  ...qn
 }, {
-  component: xn,
-  ...En
+  component: io,
+  ...Xn
 }, {
-  component: Ln,
-  ...Wn
+  component: po,
+  ...ao
 }, {
-  component: nn,
-  ...Fn
+  component: Co,
+  ...ko
 }, {
-  component: un,
-  ...Hn
+  component: yo,
+  ...mo
 }, {
-  component: zn,
-  ...jn
+  component: Ro,
+  ...wo
 }, {
-  component: hn,
-  ...qn
+  component: Fo,
+  ...Eo
+}], ge = () => [{
+  component: ht,
+  ...$n
 }, {
-  component: yr,
-  ...Xn
+  component: Xt,
+  ...Tn
 }, {
-  component: oo,
-  ...Zn
+  component: tn,
+  ...Rn
 }, {
-  component: mo,
-  ...ro
+  component: dn,
+  ...En
 }, {
-  component: Qn,
-  ...Gn
-}], be = [], ho = (e) => ({
+  component: mn,
+  ...Pn
+}, {
+  component: Bn,
+  ...An
+}, {
+  component: Hs,
+  ...Wn
+}, {
+  component: Mn,
+  ...Nn
+}, ...Uo()], ye = [], Oo = (e) => ({
   type: "builder.registerComponent",
-  data: te(e)
-}), fo = (e) => {
+  data: ne(e)
+}), Mo = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, bo = (e) => typeof e == "function" ? fo(e) : j(e), te = ({
+}, Lo = (e) => typeof e == "function" ? Mo(e) : j(e), ne = ({
   inputs: e,
   ...t
 }) => ({
   ...j(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [r]: bo(s)
+    [s]: Lo(r)
   }), {}))
-}), go = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Do = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2266,7 +2907,7 @@ const mo = /* @__PURE__ */ b(so, [["render", po], ["__file", "/home/runner/work/
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, ko = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Ho = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2300,249 +2941,249 @@ const mo = /* @__PURE__ */ b(so, [["render", po], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, He = "builderIoAbTest", je = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, je = "builderIoAbTest", Ke = "builderIoRenderContent", J = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), yo = ({
+})), jo = ({
   canTrack: e,
   content: t
-}) => !(!(K(t).length > 0) || !e), vo = (e) => e === "react" || e === "reactNative", Me = vo(T), So = () => `
-  window.${He} = ${go}
-  window.${je} = ${ko}
-  `, Co = (e, t) => `
-  window.${He}(
-    "${t}",${JSON.stringify(e)}, ${Me}
-  )`, wo = ({
+}) => !(!(J(t).length > 0) || !e), Ko = (e) => e === "react" || e === "reactNative", qe = Ko(A), qo = () => `
+  window.${je} = ${Do}
+  window.${Ke} = ${Ho}
+  `, zo = (e, t) => `
+  window.${je}(
+    "${t}",${JSON.stringify(e)}, ${qe}
+  )`, Jo = ({
   contentId: e,
   variationId: t
-}) => `window.${je}(
-    "${t}", "${e}", ${Me}
-  )`, Io = f({
+}) => `window.${Ke}(
+    "${t}", "${e}", ${qe}
+  )`, ze = f({
   render() {
-    return Ie("script", { id: this.id, innerHTML: this.scriptStr });
+    return Te("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), De = /* @__PURE__ */ b(Io, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
-function $o() {
+});
+function Go() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Ro() {
-  const e = $o().fetch;
+function Yo() {
+  const e = Go().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const Ke = Ro();
-function z(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+const Je = Yo();
+function G(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, s) => {
+    const r = e[s], i = [t, s].filter(Boolean).join(n);
+    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...z(s, i, n)
+      ...G(r, i, n)
     } : {
       ...o,
-      [i]: s
+      [i]: r
     };
   }, {});
 }
-const To = "v3", ge = "builder.", Eo = "options.", Po = (e) => {
+const _o = "v3", ke = "builder.", Qo = "options.", Xo = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, ze = (e) => {
+}, Ge = (e) => {
   if (!e)
     return {};
-  const t = qe(e), n = {};
+  const t = Ye(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ge)) {
-      const r = o.replace(ge, "").replace(Eo, "");
-      n[r] = t[o];
+    if (o.startsWith(ke)) {
+      const s = o.replace(ke, "").replace(Qo, "");
+      n[s] = t[o];
     }
   }), n;
-}, Ao = () => {
-  if (!y())
+}, Zo = () => {
+  if (!w())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ze(e);
-}, qe = (e) => e instanceof URLSearchParams ? Po(e) : e, ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, de = (e) => {
+  return Ge(e);
+}, Ye = (e) => e instanceof URLSearchParams ? Xo(e) : e, Se = (e) => typeof e == "number" && !isNaN(e) && e >= 0, pe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
   const {
     limit: n = 30,
     userAttributes: o,
-    query: r,
-    model: s,
+    query: s,
+    model: r,
     apiKey: i,
     includeRefs: a = !0,
     enrich: l,
-    locale: c,
-    apiVersion: u = To,
-    fields: p,
-    omit: h,
+    locale: d,
+    apiVersion: m = _o,
+    fields: c,
+    omit: p,
     offset: S,
-    cacheSeconds: I,
-    staleCacheSeconds: N,
-    sort: U,
-    includeUnpublished: ue
+    cacheSeconds: b,
+    staleCacheSeconds: x,
+    sort: M,
+    includeUnpublished: me
   } = e;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);
+  if (!["v3"].includes(m))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${m}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const $ = new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if ($.searchParams.set("omit", h || "meta.componentsUsed"), p && $.searchParams.set("fields", p), Number.isFinite(S) && S > -1 && $.searchParams.set("offset", String(Math.floor(S))), typeof ue == "boolean" && $.searchParams.set("includeUnpublished", String(ue)), I && ke(I) && $.searchParams.set("cacheSeconds", String(I)), N && ke(N) && $.searchParams.set("staleCacheSeconds", String(N)), U) {
-    const x = z({
-      sort: U
+  const R = new URL(`https://cdn.builder.io/api/${m}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${d ? `&locale=${d}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (R.searchParams.set("omit", p || "meta.componentsUsed"), c && R.searchParams.set("fields", c), Number.isFinite(S) && S > -1 && R.searchParams.set("offset", String(Math.floor(S))), typeof me == "boolean" && R.searchParams.set("includeUnpublished", String(me)), b && Se(b) && R.searchParams.set("cacheSeconds", String(b)), x && Se(x) && R.searchParams.set("staleCacheSeconds", String(x)), M) {
+    const W = G({
+      sort: M
     });
-    for (const _ in x)
-      $.searchParams.set(_, JSON.stringify(x[_]));
+    for (const L in W)
+      R.searchParams.set(L, JSON.stringify(W[L]));
   }
-  const ot = {
-    ...Ao(),
-    ...qe(e.options || {})
-  }, pe = z(ot);
-  for (const x in pe)
-    $.searchParams.set(x, String(pe[x]));
-  if (o && $.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const x = z({
-      query: r
+  const rt = {
+    ...Zo(),
+    ...Ye(e.options || {})
+  }, he = G(rt);
+  for (const W in he)
+    R.searchParams.set(W, String(he[W]));
+  if (o && R.searchParams.set("userAttributes", JSON.stringify(o)), s) {
+    const W = G({
+      query: s
     });
-    for (const _ in x)
-      $.searchParams.set(_, JSON.stringify(x[_]));
+    for (const L in W)
+      R.searchParams.set(L, JSON.stringify(W[L]));
   }
-  return $;
-}, Bo = (e) => "results" in e;
-async function Y(e) {
-  const t = await Ge({
+  return R;
+}, es = (e) => "results" in e;
+async function Q(e) {
+  const t = await _e({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Tr = Y, xo = async (e) => {
-  const t = de(e);
-  return await (await Ke(t.href)).json();
-}, Wo = async (e, t, n = de(e)) => {
+const _s = Q, ts = async (e) => {
+  const t = pe(e);
+  return await (await Je(t.href)).json();
+}, ns = async (e, t, n = pe(e)) => {
   const o = H(e.canTrack);
-  if (n.search.includes("preview="), !o || !(y() || T === "reactNative"))
+  if (n.search.includes("preview="), !o || !(w() || A === "reactNative"))
     return t.results;
   try {
-    const r = [];
-    for (const s of t.results)
-      r.push(await $n({
-        item: s,
+    const s = [];
+    for (const r of t.results)
+      s.push(await In({
+        item: r,
         canTrack: o
       }));
-    t.results = r;
-  } catch (r) {
-    w.error("Could not process A/B tests. ", r);
+    t.results = s;
+  } catch (s) {
+    $.error("Could not process A/B tests. ", s);
   }
   return t.results;
 };
-async function Ge(e) {
+async function _e(e) {
   try {
-    const t = de(e), n = await xo(e);
-    return Bo(n) ? Wo(e, n) : (w.error("Error fetching data. ", {
+    const t = pe(e), n = await ts(e);
+    return es(n) ? ns(e, n) : ($.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return w.error("Error fetching data. ", t), null;
+    return $.error("Error fetching data. ", t), null;
   }
 }
-const Er = Ge;
-function Vo() {
-  return !y() || A() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const Qs = _e;
+function os() {
+  return !w() || T() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
-function No() {
+function ss() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Je() {
-  return No().replace(/-/g, "");
+function Qe() {
+  return ss().replace(/-/g, "");
 }
-const Ye = "builderSessionId", Oo = async ({
+const Xe = "builderSessionId", rs = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = await Oe({
-    name: Ye,
+    name: Xe,
     canTrack: e
   });
-  if (W(t))
+  if (N(t))
     return t;
   {
-    const n = Uo();
-    return _o({
+    const n = is();
+    return as({
       id: n,
       canTrack: e
     }), n;
   }
-}, Uo = () => Je(), _o = ({
+}, is = () => Qe(), as = ({
   id: e,
   canTrack: t
-}) => Ue({
-  name: Ye,
+}) => Me({
+  name: Xe,
   value: e,
   canTrack: t
-}), Qe = () => y() && typeof localStorage < "u" ? localStorage : void 0, Lo = ({
+}), Ze = () => w() && typeof localStorage < "u" ? localStorage : void 0, ls = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Qe()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Ze()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Fo = ({
+}, cs = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Qe()) == null || o.setItem(e, n));
-  } catch (r) {
-    console.debug("[LocalStorage] SET error: ", r);
+    t && ((o = Ze()) == null || o.setItem(e, n));
+  } catch (s) {
+    console.debug("[LocalStorage] SET error: ", s);
   }
-}, Xe = "builderVisitorId", Ho = ({
+}, et = "builderVisitorId", ds = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Lo({
-    key: Xe,
+  const t = ls({
+    key: et,
     canTrack: e
   });
-  if (W(t))
+  if (N(t))
     return t;
   {
-    const n = jo();
-    return Mo({
+    const n = us();
+    return ps({
       id: n,
       canTrack: e
     }), n;
   }
-}, jo = () => Je(), Mo = ({
+}, us = () => Qe(), ps = ({
   id: e,
   canTrack: t
-}) => Fo({
-  key: Xe,
+}) => cs({
+  key: et,
   value: e,
   canTrack: t
-}), Do = async ({
+}), ms = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2550,46 +3191,46 @@ const Ye = "builderSessionId", Oo = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Oo({
+  const t = await rs({
     canTrack: e
-  }), n = Ho({
+  }), n = ds({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Ko = async ({
+}, hs = async ({
   type: e,
   canTrack: t,
   apiKey: n,
   metadata: o,
-  ...r
+  ...s
 }) => ({
   type: e,
   data: {
-    ...r,
+    ...s,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await Do({
+    ...await ms({
       canTrack: t
     }),
-    userAttributes: Te(),
+    userAttributes: Pe(),
     ownerId: n
   }
 });
-async function ne(e) {
+async function oe(e) {
   if (!e.apiKey) {
-    w.error("Missing API key for track call. Please provide your API key.");
+    $.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !A() && !!(y() || T === "reactNative"))
+  if (e.canTrack && !T() && (w() || A === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Ko(e)]
+        events: [await hs(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2599,14 +3240,14 @@ async function ne(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Pr = (e) => ne({
+const Xs = (e) => oe({
   ...e,
   canTrack: !0
 });
-function ye(e) {
+function ve(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const zo = (e, t, n = !0) => {
+const fs = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2617,43 +3258,43 @@ const zo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, qo = (e) => zo(e, (t) => {
+}, bs = (e) => fs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), ve = ({
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
+}), Ce = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = ye(o / n.width), i = ye(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ve(o / n.width), i = ve(s / n.height);
   return {
-    x: s,
+    x: r,
     y: i
   };
-}, Go = (e) => {
-  const t = e.target, n = t && qo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, gs = (e) => {
+  const t = e.target, n = t && bs(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ve({
+      targetOffset: t ? Ce({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ve({
+      builderTargetOffset: n ? Ce({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Jo = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function Ze(e, t) {
+}, ys = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function tt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Jo).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || ys).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Yo = "0.13.1", Se = {};
-function Qo(e, t) {
-  let n = Se[e];
-  if (n || (n = Se[e] = []), n.push(t), y()) {
+const ks = "0.13.3", we = {};
+function Ss(e, t) {
+  let n = we[e];
+  if (n || (n = we[e] = []), n.push(t), w()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2663,13 +3304,13 @@ function Qo(e, t) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
+    } catch (s) {
+      console.debug("Could not postmessage", s);
     }
   }
 }
-const Xo = () => {
-  Qo("insertMenu", {
+const vs = () => {
+  Ss("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2691,15 +3332,17 @@ const Xo = () => {
     }]
   });
 };
-let Ce = !1;
-const et = (e = {}) => {
+let Ie = !1;
+const nt = (e = {}) => {
   var t, n;
-  Ce || (Ce = !0, y() && ((t = window.parent) == null || t.postMessage({
+  Ie || (Ie = !0, w() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: T,
-      version: Yo,
+      target: A,
+      version: ks,
       supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
     }
@@ -2709,80 +3352,80 @@ const et = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var s, i;
-    if (!Ze(e.trustedHosts, o))
+    var r, i;
+    if (!tt(e.trustedHosts, o))
       return;
     const {
-      data: r
+      data: s
     } = o;
-    if (!!(r != null && r.type))
-      switch (r.type) {
+    if (s != null && s.type)
+      switch (s.type) {
         case "builder.evaluate": {
-          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, u = new Function(a);
-          let p, h = null;
+          const a = s.data.text, l = s.data.arguments || [], d = s.data.id, m = new Function(a);
+          let c, p = null;
           try {
-            p = u.apply(null, l);
+            c = m.apply(null, l);
           } catch (S) {
-            h = S;
+            p = S;
           }
-          h ? (s = window.parent) == null || s.postMessage({
+          p ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
-              error: h.message
+              id: d,
+              error: p.message
             }
-          }, "*") : p && typeof p.then == "function" ? p.then((S) => {
-            var I;
-            (I = window.parent) == null || I.postMessage({
+          }, "*") : c && typeof c.then == "function" ? c.then((S) => {
+            var b;
+            (b = window.parent) == null || b.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
+                id: d,
                 result: S
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: p,
-              id: c
+              result: c,
+              id: d
             }
           }, "*");
           break;
         }
       }
   })));
-}, tt = ({
+}, ot = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!Ze(t, o))
+  if (!tt(t, o))
     return;
   const {
-    data: r
+    data: s
   } = o;
-  if (r)
-    switch (r.type) {
+  if (s)
+    switch (s.type) {
       case "builder.configureSdk": {
-        n.configureSdk(r.data);
+        n.configureSdk(s.data);
         break;
       }
       case "builder.triggerAnimation": {
-        n.animation(r.data);
+        n.animation(s.data);
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, a = s.data;
+        const r = s.data, i = r.key || r.alias || r.entry || r.modelName, a = r.data;
         i === e && n.contentUpdate(a);
         break;
       }
     }
-}, Ar = (e, t, n) => {
-  if (!y)
-    return w.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+}, Zs = (e, t, n) => {
+  if (!w)
+    return $.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  et();
-  const o = tt({
+  nt();
+  const o = ot({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -2796,7 +3439,7 @@ const et = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Zo = f({
+}, Cs = f({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2823,37 +3466,37 @@ const et = (e = {}) => {
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
-      builderContext: ee
+      builderContext: te
     };
   },
   provide() {
     const e = this;
     return {
-      [ee.key]: e.builderContextSignal
+      [te.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
-      if (y()) {
-        if (A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (w()) {
+        if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && H(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          ne({
+          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          oe({
             type: "impression",
             canTrack: !0,
             contentId: i,
             apiKey: a,
-            variationId: s !== i ? s : void 0
+            variationId: r !== i ? r : void 0
           });
         }
-        Vo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        os() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || w.error(
+      this.apiKey || $.error(
         "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
@@ -2901,7 +3544,7 @@ const et = (e = {}) => {
     }
   },
   unmounted() {
-    y() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    w() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2955,7 +3598,7 @@ const et = (e = {}) => {
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, s, r, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2966,27 +3609,27 @@ const et = (e = {}) => {
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((s = e == null ? void 0 : e.meta) == null ? void 0 : s.breakpoints) || ((i = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return tt({
+      return ot({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
           configureSdk: (t) => {
-            var r;
+            var s;
             const { breakpoints: n, contentId: o } = t;
-            !o || o !== ((r = this.builderContextSignal.content) == null ? void 0 : r.id) || n && (this.mergeNewContent({
+            !o || o !== ((s = this.builderContextSignal.content) == null ? void 0 : s.id) || n && (this.mergeNewContent({
               meta: {
                 breakpoints: n
               }
             }), this.forceReRenderCount = this.forceReRenderCount + 1);
           },
           animation: (t) => {
-            xe(t);
+            Ne(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t), this.forceReRenderCount = this.forceReRenderCount + 1;
@@ -2997,7 +3640,7 @@ const et = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && q({
+      e && Y({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -3008,14 +3651,14 @@ const et = (e = {}) => {
     onClick(e) {
       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;
-        ne({
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        oe({
           type: "click",
           canTrack: H(this.canTrack),
-          contentId: r,
+          contentId: s,
           apiKey: this.apiKey,
-          variationId: o !== r ? o : void 0,
-          ...Go(e),
+          variationId: o !== s ? o : void 0,
+          ...gs(e),
           unique: !this.clicked
         });
       }
@@ -3024,7 +3667,7 @@ const et = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => q({
+        (t, n) => Y({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -3034,32 +3677,32 @@ const et = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      Ke(e).then((n) => n.json()).then((n) => {
-        var r, s;
+      Je(e).then((n) => n.json()).then((n) => {
+        var s, r;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
+        (r = (s = this.builderContextSignal).rootSetState) == null || r.call(s, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
     },
     runHttpRequests() {
-      var t, n, o;
-      const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([r, s]) => {
-        if (s && (!this.httpReqsData[r] || A())) {
-          const i = this.evalExpression(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, s]) => {
+        if (s && (!this.httpReqsData[o] || T())) {
+          const r = this.evalExpression(s);
           this.handleRequest({
-            url: i,
-            key: r
+            url: r,
+            key: o
           });
         }
       });
     },
     emitStateUpdate() {
-      A() && window.dispatchEvent(
+      T() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -3074,7 +3717,7 @@ const et = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Xo(), et({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), vs(), nt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -3091,7 +3734,7 @@ const et = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = ho(t);
+        const n = Oo(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -3101,28 +3744,28 @@ const et = (e = {}) => {
     elementRef_onInitpreviewingbldr(e) {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
-      ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && Y({
+      ), s = t.get("apiKey") || t.get("builder.space");
+      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && Q({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((r) => {
+        r && this.mergeNewContent(r);
       });
     }
   }
 });
-function er(e, t, n, o, r, s) {
+function ws(e, t, n, o, s, r) {
   var i, a, l;
-  return e.builderContextSignal.content ? (d(), k(L(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (u(), g(D(e.ContentWrapper), C({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: (c) => e.onClick(c),
+    onClick: (d) => e.onClick(d),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
-    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
-    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
+    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
+    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
@@ -3131,16 +3774,16 @@ function er(e, t, n, o, r, s) {
     ...e.contentWrapperProps
   }), {
     default: B(() => [
-      E(e.$slots, "default")
+      P(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("v-if", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const tr = /* @__PURE__ */ b(Zo, [["render", er], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), nr = (e) => {
-  var s, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
-  let r = "";
-  if (o && t && n && (r += `
+const Is = /* @__PURE__ */ y(Cs, [["render", ws]]), $s = (e) => {
+  var r;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
+  let s = "";
+  if (o && t && n && (s += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${o}') format('woff2');
@@ -3148,40 +3791,40 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const c = e.files[a];
-      c && c !== o && (r += `
+      const l = e.files[i];
+      l && l !== o && (s += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
-font-weight: ${a};
+font-weight: ${i};
 }
         `.trim());
     }
-  return r;
-}, or = ({
+  return s;
+}, Ts = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => nr(n))) == null ? void 0 : t.join(" ")) || "";
-}, rr = ({
+  return ((t = e == null ? void 0 : e.map((n) => $s(n))) == null ? void 0 : t.join(" ")) || "";
+}, Rs = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", sr = f({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Es = f({
   name: "content-styles",
-  components: { InlinedStyles: le },
+  components: { InlinedStyles: de },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${rr({
+${Rs({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${or({
+${Ts({
         customFonts: this.customFonts
       })}
 
@@ -3205,28 +3848,28 @@ ${or({
     };
   }
 });
-function ir(e, t, n, o, r, s) {
-  const i = g("inlined-styles");
-  return d(), k(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function Ps(e, t, n, o, s, r) {
+  const i = k("inlined-styles");
+  return u(), g(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), lr = ({
+const As = /* @__PURE__ */ y(Es, [["render", Ps]]), xs = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, a;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  var r, i, a;
+  const o = {}, s = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.state) || {};
   return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
     l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
   }), {
     ...o,
-    ...r,
+    ...s,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, cr = ({
+}, Vs = ({
   content: e,
   data: t
 }) => e ? {
@@ -3236,13 +3879,13 @@ const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, dr = it, ur = f({
+} : void 0, Bs = at, Ws = f({
   name: "content-component",
   components: {
-    EnableEditor: tr,
-    InlinedScript: De,
-    ContentStyles: ar,
-    Blocks: J
+    EnableEditor: Is,
+    InlinedScript: ze,
+    ContentStyles: As,
+    Blocks: K
   },
   props: [
     "content",
@@ -3268,31 +3911,38 @@ const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/
   data() {
     var e, t;
     return {
-      scriptStr: wo({
+      scriptStr: Jo({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...fe(),
-        ...be,
+        ...ge(),
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
+        ...ye,
         ...this.customComponents || []
       ].reduce(
-        (n, { component: o, ...r }) => ({
+        (n, { component: o, ...s }) => ({
           ...n,
-          [r.name]: {
-            component: dr(o),
-            ...te(r)
+          [s.name]: {
+            component: Bs(o),
+            ...ne(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: cr({
+        content: Vs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: lr({
+        rootState: xs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3302,13 +3952,18 @@ const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...fe(),
-          ...be,
+          ...ge(),
+          // While this `components` object is deprecated, we must maintain support for it.
+          // Since users are able to override our default components, we need to make sure that we do not break such
+          // existing usage.
+          // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+          // which is the new standard way of providing custom components, and must therefore take precedence.
+          ...ye,
           ...this.customComponents || []
         ].reduce(
-          (n, { component: o, ...r }) => ({
+          (n, { component: o, ...s }) => ({
             ...n,
-            [r.name]: te(r)
+            [s.name]: ne(s)
           }),
           {}
         ),
@@ -3316,13 +3971,13 @@ const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: T
+      TARGET: A
     };
   },
   provide() {
     const e = this;
     return {
-      [Re.key]: {
+      [Ee.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3333,9 +3988,9 @@ const ar = /* @__PURE__ */ b(sr, [["render", ir], ["__file", "/home/runner/work/
     }
   }
 });
-function pr(e, t, n, o, r, s) {
-  const i = g("inlined-script"), a = g("content-styles"), l = g("blocks"), c = g("enable-editor");
-  return d(), k(c, C({
+function Ns(e, t, n, o, s, r) {
+  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), d = k("enable-editor");
+  return u(), g(d, C({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3353,20 +4008,20 @@ function pr(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: B(() => {
-      var u, p, h, S, I, N, U;
+      var m, c, p, S, b, x, M;
       return [
-        e.isSsrAbTest ? (d(), k(i, {
+        e.isSsrAbTest ? (u(), g(i, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : v("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), k(a, {
+        }, null, 8, ["scriptStr"])) : v("", !0),
+        e.TARGET !== "reactNative" ? (u(), g(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.cssCode,
-          customFonts: (I = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : I.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("v-if", !0),
-        P(l, {
-          blocks: (U = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : U.blocks,
+          contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
+          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
+        V(l, {
+          blocks: (M = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : M.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -3376,12 +4031,12 @@ function pr(e, t, n, o, r, s) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const mr = /* @__PURE__ */ b(ur, [["render", pr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), hr = f({
+const Fs = /* @__PURE__ */ y(Ws, [["render", Ns]]), Us = f({
   name: "content-variants",
   components: {
-    InlinedScript: De,
-    InlinedStyles: le,
-    ContentComponent: mr
+    InlinedScript: ze,
+    InlinedStyles: de,
+    ContentComponent: Fs
   },
   props: [
     "canTrack",
@@ -3405,13 +4060,13 @@ const mr = /* @__PURE__ */ b(ur, [["render", pr], ["__file", "/home/runner/work/
   ],
   data() {
     return {
-      shouldRenderVariants: yo({
+      shouldRenderVariants: jo({
         canTrack: H(this.canTrack),
         content: this.content
       }),
-      TARGET: T,
-      getScriptString: So,
-      getVariants: K
+      TARGET: A,
+      getScriptString: qo,
+      getVariants: J
     };
   },
   mounted() {
@@ -3420,8 +4075,8 @@ const mr = /* @__PURE__ */ b(ur, [["render", pr], ["__file", "/home/runner/work/
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Co(
-        K(this.content).map((t) => ({
+      return zo(
+        J(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3429,37 +4084,37 @@ const mr = /* @__PURE__ */ b(ur, [["render", pr], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return K(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return J(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : In({
+      } : wn({
         item: this.content,
         canTrack: H(this.canTrack)
       });
     }
   }
 });
-function fr(e, t, n, o, r, s) {
-  var c;
-  const i = g("inlined-script"), a = g("inlined-styles"), l = g("content-component");
-  return d(), m(R, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
+function Os(e, t, n, o, s, r) {
+  var d;
+  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
+  return u(), h(I, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : v("v-if", !0),
-    e.shouldRenderVariants ? (d(), m(R, { key: 1 }, [
-      P(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+    }, null, 8, ["scriptStr"])) : v("", !0),
+    e.shouldRenderVariants ? (u(), h(I, { key: 1 }, [
+      V(a, {
+        id: `variants-styles-${(d = e.content) == null ? void 0 : d.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      P(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), m(R, null, F(e.getVariants(e.content), (u, p) => (d(), k(l, {
-        key: u.testVariationId,
-        content: u,
+      V(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (u(!0), h(I, null, O(e.getVariants(e.content), (m, c) => (u(), g(l, {
+        key: m.testVariationId,
+        content: m,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -3479,8 +4134,8 @@ function fr(e, t, n, o, r, s) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : v("v-if", !0),
-    P(l, C({
+    ], 64)) : v("", !0),
+    V(l, C({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3505,12 +4160,13 @@ function fr(e, t, n, o, r, s) {
     }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), br = async ({
+const st = /* @__PURE__ */ y(Us, [["render", Os]]), Ms = async ({
   builderContextValue: e,
   symbol: t
 }) => {
-  if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return Y({
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
+    return Q({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3520,13 +4176,12 @@ const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      w.error("Could not fetch symbol content: ", n);
+      $.error("Could not fetch symbol content: ", n);
     });
-}, gr = f({
+}, Ls = f({
   name: "builder-symbol",
-  components: { ContentVariants: nt },
+  components: { ContentVariants: st },
   props: [
-    "js",
     "attributes",
     "symbol",
     "dynamic",
@@ -3537,7 +4192,7 @@ const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: G };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: F };
   },
   mounted() {
     this.setContent();
@@ -3557,7 +4212,7 @@ const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/
         this.attributes[re()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+        (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
       ].filter(Boolean).join(" ");
     },
     onUpdateHook0() {
@@ -3568,7 +4223,7 @@ const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || br({
+      this.contentToUse || Ms({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3577,11 +4232,11 @@ const nt = /* @__PURE__ */ b(hr, [["render", fr], ["__file", "/home/runner/work/
     }
   }
 });
-function kr(e, t, n, o, r, s) {
-  var a, l, c, u, p;
-  const i = g("content-variants");
-  return d(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(i, {
+function Ds(e, t, n, o, s, r) {
+  var a, l, d, m, c;
+  const i = k("content-variants");
+  return u(), h("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    V(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3593,28 +4248,28 @@ function kr(e, t, n, o, r, s) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(u = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : u.state
+        ...(m = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : m.state
       },
-      model: (p = e.symbol) == null ? void 0 : p.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const yr = /* @__PURE__ */ b(gr, [["render", kr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), Br = J, xr = nt, we = {};
-function Wr(e) {
-  if (y()) {
-    Object.assign(we, e);
+const Hs = /* @__PURE__ */ y(Ls, [["render", Ds]]), er = K, tr = st, $e = {};
+function nr(e) {
+  if (w()) {
+    Object.assign($e, e);
     const t = {
       type: "builder.settingsChange",
-      data: we
+      data: $e
     };
     parent.postMessage(t, "*");
   }
 }
-const Vr = 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 = {
+const or = async (e) => {
+  var o, s, r;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
     model: e.model || "page",
@@ -3624,55 +4279,55 @@ const Vr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ze(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: Ge(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await Y(n)
+    content: await Q(n)
   };
 };
 export {
-  Wo as A,
-  We as B,
-  nt as C,
-  Ge as D,
-  Y as E,
-  nn as F,
-  Er as G,
-  Tr as H,
-  le as I,
-  Cr as J,
-  $r as K,
-  Br as R,
-  hn as S,
-  T,
-  mo as V,
-  b as _,
+  ns as A,
+  ce as B,
+  st as C,
+  _e as D,
+  Q as E,
+  tn as F,
+  Qs as G,
+  _s as H,
+  dn as I,
+  qs as J,
+  Gs as K,
+  er as R,
+  mn as S,
+  A as T,
+  Fo as V,
+  de as _,
   Yt as a,
-  wr as b,
-  W as c,
-  Rr as d,
-  q as e,
-  Ir as f,
-  Pe as g,
-  re as h,
-  ee as i,
-  J as j,
-  xr as k,
-  mt as l,
-  Zt as m,
-  un as n,
-  yr as o,
-  oo as p,
-  A as q,
-  Vo as r,
-  ho as s,
-  Qo as t,
-  Wr as u,
-  ze as v,
-  dr as w,
-  Pr as x,
-  Ar as y,
-  Vr as z
+  zs as b,
+  N as c,
+  Ys as d,
+  y as e,
+  Y as f,
+  Ve as g,
+  Js as h,
+  re as i,
+  te as j,
+  K as k,
+  tr as l,
+  ht as m,
+  Xt as n,
+  Hs as o,
+  Mn as p,
+  T as q,
+  os as r,
+  Oo as s,
+  Ss as t,
+  nr as u,
+  Ge as v,
+  Bs as w,
+  Xs as x,
+  Zs as y,
+  or as z
 };