@builder.io/sdk-vue 0.7.1-1 → 0.7.2

package/vue3/lib/node/{index.88589866.js → index.bb1871d7.js}

@@ -1,16 +1,16 @@
-import { defineComponent as y, openBlock as d, createElementBlock as h, mergeProps as I, toHandlers as F, toDisplayString as ae, h as Ce, resolveComponent as v, createBlock as C, createCommentVNode as w, defineAsyncComponent as W, Fragment as R, renderList as B, withCtx as ne, createVNode as V, normalizeProps as ce, guardReactiveProps as nt, renderSlot as U, createElementVNode as le, normalizeStyle as de, normalizeClass as we, markRaw as ot } from "vue";
-import { createRequire as st } from "node:module";
+import { defineComponent as y, openBlock as u, createElementBlock as h, mergeProps as I, toHandlers as U, toDisplayString as ae, defineAsyncComponent as W, resolveComponent as v, Fragment as T, createBlock as C, createCommentVNode as w, renderList as V, withCtx as ne, createVNode as j, h as Se, renderSlot as O, createElementVNode as le, normalizeStyle as ce, normalizeClass as Ce, markRaw as tt } from "vue";
+import { createRequire as nt } from "node:module";
 function q(e = {}, t, n) {
   const o = {};
-  for (const s in e) {
-    if (!e[s] || n && !s.startsWith(t))
+  for (const r in e) {
+    if (!e[r] || n && !r.startsWith(t))
       continue;
-    const r = n ? s.replace(t, "") : s;
-    o[r] = e[s];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const rt = y({
+const ot = y({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
@@ -30,64 +30,64 @@ const rt = y({
 });
 const k = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
+  for (const [o, r] of t)
+    n[o] = r;
   return n;
-}, it = ["href", "target"];
-function at(e, t, n, o, s, r) {
-  return e.link ? (d(), h("a", I({
+}, rt = ["href", "target"];
+function st(e, t, n, o, r, s) {
+  return e.link ? (u(), h("a", I({
     key: 0,
-    role: "button",
     href: e.link,
-    target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17, it)) : (d(), h("button", I({
+    target: e.openLinkInNewTab ? "_blank" : void 0,
+    role: "button"
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17, rt)) : (u(), h("button", I({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17));
 }
-const ct = /* @__PURE__ */ k(rt, [["render", at], ["__scopeId", "data-v-becdf225"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), N = (e) => JSON.parse(JSON.stringify(e)), $e = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
+const it = /* @__PURE__ */ k(ot, [["render", st], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), at = Symbol(), Q = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    componentInfos: {},
+    inheritedStyles: {}
   },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, ue = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Te = ({
-  small: e,
-  medium: t
-}) => {
-  const n = N($e);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
-  };
-  const s = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: s,
-    default: s + 1
+  key: at
+}, lt = Symbol(), we = {
+  Components: { registeredComponents: {} },
+  key: lt
+};
+function ct(e) {
+  var t;
+  return {
+    ...(t = e.component) == null ? void 0 : t.options,
+    ...e.options,
+    builderBlock: e
   };
-  const r = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    min: r,
-    default: r + 1
-  }, n;
-}, j = "vue3", L = "[Builder.io]: ", x = {
+}
+const A = "vue3", ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), _ = (e) => e != null, dt = (e) => Object.entries(e).map(([n, o]) => {
+  if (typeof o == "string")
+    return `${ut(n)}: ${o};`;
+}).filter(_), pt = (e) => dt(e).join(`
+`), Y = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const o = `.${t} {
+    ${pt(n)}
+  }`;
+  return e ? `${e} {
+      ${o}
+    }` : o;
+}, L = "[Builder.io]: ", x = {
   log: (...e) => console.log(L, ...e),
   error: (...e) => console.error(L, ...e),
   warn: (...e) => console.warn(L, ...e),
@@ -96,20 +96,20 @@ const ct = /* @__PURE__ */ k(rt, [["render", at], ["__scopeId", "data-v-becdf225
 function $() {
   return typeof window < "u" && typeof document < "u";
 }
-function lt() {
+function mt() {
   return $() && window.self !== window.top;
 }
-function _() {
-  return lt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function P() {
+  return mt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const dt = () => {
+const ht = () => {
   if ($()) {
     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;
-}, ut = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
-  const e = ut(), t = {
+}, ft = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
+  const e = ft(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -126,9 +126,9 @@ const dt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || j === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = dt();
+  }, n = e.match(/Tablet|iPad/i), o = ht();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
@@ -145,54 +145,54 @@ const dt = () => {
   builder: e,
   context: t,
   event: n
-}), pt = () => ({
-  isEditing: _(),
+}), bt = () => ({
+  isEditing: P(),
   isBrowser: $(),
   isServer: !$(),
-  getUserAttributes: () => Ie()
-}), mt = (e, {
+  getUserAttributes: () => $e()
+}), gt = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ht = ({
+}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, yt = ({
   code: e,
   builder: t,
   context: n,
   event: o,
-  localState: s,
-  rootSetState: r,
+  localState: r,
+  rootSetState: s,
   rootState: i
 }) => {
   const a = Re({
     builder: t,
     context: n,
     event: o,
-    state: ft(i, s, r)
+    state: kt(i, r, s)
   });
-  return new Function(...a.map(([c]) => c), e)(...a.map(([, c]) => c));
+  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function ft(e, t, n) {
+function kt(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
-    get: (o, s) => t && s in t ? t[s] : e[s],
-    set: (o, s, r) => {
-      if (t && s in t)
+    get: (o, r) => t && r in t ? t[r] : e[r],
+    set: (o, r, s) => {
+      if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[s] = r, n == null || n(e), !0;
+      return e[r] = s, n == null || n(e), !0;
     }
   });
 }
-const bt = () => null;
-let xe = bt;
-try {
-  xe = st(import.meta.url);
-} catch {
-}
-const Ee = (e, t, n) => {
+const N = (e) => JSON.parse(JSON.stringify(e)), Te = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
-}, Q = xe("isolated-vm"), _e = (e) => `bldr_${e}_sync`, Ae = "BUILDER_SET_STATE", je = "BUILDER_IVM", gt = `
+  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;
+}, vt = () => null;
+let Ie = vt;
+try {
+  Ie = nt(import.meta.url);
+} catch {
+}
+const Z = Ie("isolated-vm"), xe = (e) => `bldr_${e}_sync`, Ee = "BUILDER_SET_STATE", Pe = "BUILDER_IVM", St = `
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
@@ -209,22 +209,22 @@ var refToProxy = (obj) => {
         return val;
     },
     set(target, key, value) {
-        const v = typeof value === 'object' ? new ${je}.Reference(value) : value;
+        const v = typeof value === 'object' ? new ${Pe}.Reference(value) : value;
         obj.setSync(key, v);
-        ${Ae}(key, value)
+        ${Ee}(key, value)
     },
     deleteProperty(target, key) {
         obj.deleteSync(key);
     }
   })
 }
-`, yt = ({
+`, Ct = ({
   code: e,
   args: t
 }) => {
-  const n = t.map(([o]) => `var ${o} = refToProxy(${_e(o)}); `).join("");
+  const n = t.map(([o]) => `var ${o} = refToProxy(${xe(o)}); `).join("");
   return `
-${gt}
+${St}
 ${n}
 function theFunction() {
   ${e}
@@ -238,56 +238,56 @@ if (typeof output === 'object' && output !== null) {
 
 output;
 `;
-}, kt = () => new Q.Isolate({
+}, wt = () => new Z.Isolate({
   memoryLimit: 128
-}).createContextSync(), vt = ({
+}).createContextSync(), $t = ({
   code: e,
   builder: t,
   context: n,
   event: o,
-  localState: s,
-  rootSetState: r,
+  localState: r,
+  rootSetState: s,
   rootState: i
 }) => {
   const a = N({
     ...i,
-    ...s
-  }), c = Re({
+    ...r
+  }), l = Re({
     builder: t,
     context: n,
     event: o,
     state: a
-  }), l = kt(), u = l.global;
-  u.setSync("global", u.derefInto()), u.setSync("log", function(...p) {
+  }), c = wt(), d = c.global;
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...p) {
     console.log(...p);
-  }), u.setSync(Ae, function(p, b) {
-    Ee(i, p, b), r == null || r(i);
-  }), c.forEach(([p, b]) => {
-    const S = typeof b == "object" ? new Q.Reference(
+  }), d.setSync(Ee, function(p, b) {
+    Te(i, p, b), s == null || s(i);
+  }), l.forEach(([p, b]) => {
+    const S = typeof b == "object" ? new Z.Reference(
       p === "builder" ? {
         ...b,
         getUserAttributes: () => b.getUserAttributes()
       } : b
     ) : null;
-    u.setSync(_e(p), S);
-  }), u.setSync(je, Q);
-  const f = yt({
+    d.setSync(xe(p), S);
+  }), d.setSync(Pe, Z);
+  const f = Ct({
     code: e,
-    args: c
-  }), m = l.evalSync(f);
+    args: l
+  }), m = c.evalSync(f);
   try {
     return JSON.parse(m);
   } catch {
     return m;
   }
-}, St = (e) => $() ? ht(e) : vt(e);
+}, Rt = (e) => $() ? yt(e) : $t(e);
 function z({
   code: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: s,
-  event: r,
+  rootSetState: r,
+  event: s,
   isExpression: i = !0
 }) {
   if (e === "") {
@@ -295,52 +295,52 @@ function z({
     return;
   }
   const a = {
-    code: mt(e, {
+    code: gt(e, {
       isExpression: i
     }),
-    builder: pt(),
+    builder: bt(),
     context: t,
-    event: r,
-    rootSetState: s,
+    event: s,
+    rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return St(a);
-  } catch (c) {
-    x.error("Failed code evaluation: " + c.message, {
+    return Rt(a);
+  } catch (l) {
+    x.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
   }
 }
-const Ct = ({
+const Tt = ({
   block: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: s
+  rootSetState: r
 }) => {
   if (!e.bindings)
     return e;
-  const r = N(e), i = {
-    ...r,
+  const s = N(e), i = {
+    ...s,
     properties: {
-      ...r.properties
+      ...s.properties
     },
     actions: {
-      ...r.actions
+      ...s.actions
     }
   };
   for (const a in e.bindings) {
-    const c = e.bindings[a], l = z({
-      code: c,
+    const l = e.bindings[a], c = z({
+      code: l,
       localState: n,
       rootState: o,
-      rootSetState: s,
+      rootSetState: r,
       context: t
     });
-    Ee(i, a, l);
+    Te(i, a, c);
   }
   return i;
 };
@@ -349,136 +349,41 @@ function D({
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
-  rootState: s,
-  rootSetState: r
+  rootState: r,
+  rootSetState: s
 }) {
   const i = e;
-  return n ? Ct({
+  return n ? Tt({
     block: i,
     localState: o,
-    rootState: s,
-    rootSetState: r,
+    rootState: r,
+    rootSetState: s,
     context: t
   }) : i;
 }
-const wt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), A = (e) => e != null, $t = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${wt(n)}: ${o};`;
-}).filter(A), Tt = (e) => $t(e).join(`
-`), Y = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${Tt(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
-}, It = y({
-  render() {
-    return Ce("style", { id: this.id, innerHTML: this.styles });
-  },
-  name: "inlined-styles",
-  props: ["styles", "id"]
-}), G = /* @__PURE__ */ k(It, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Rt = y({
-  name: "block-styles",
-  components: { InlinedStyles: G },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: j };
-  },
-  computed: {
-    canShowBlock() {
-      const e = D({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-      return A(e.hide) ? !e.hide : A(e.show) ? e.show : !0;
-    },
-    css() {
-      var f;
-      const e = D({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = Te(
-        ((f = n == null ? void 0 : n.meta) == null ? void 0 : f.breakpoints) || {}
-      ), s = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
-      if (!a)
-        return "";
-      const c = s ? Y({
-        className: a,
-        styles: s
-      }) : "", l = r ? Y({
-        className: a,
-        styles: r,
-        mediaQuery: ue(
-          "medium",
-          o
-        )
-      }) : "", u = i ? Y({
-        className: a,
-        styles: i,
-        mediaQuery: ue(
-          "small",
-          o
-        )
-      }) : "";
-      return [c, l, u].join(" ");
-    }
-  }
-});
-function xt(e, t, n, o, s, r) {
-  const i = v("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), C(i, {
-    key: 0,
-    styles: e.css
-  }, null, 8, ["styles"])) : w("v-if", !0);
-}
-const Pe = /* @__PURE__ */ k(Rt, [["render", xt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" }));
-function _t(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    builderBlock: e
-  };
-}
-const At = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], jt = (e) => typeof e == "string" && At.includes(e.toLowerCase()), Pt = ({
+const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], xt = (e) => typeof e == "string" && It.includes(e.toLowerCase()), Et = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var r;
-  const o = (r = D({
+  var s;
+  const o = (s = D({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : r.name;
+  }).component) == null ? void 0 : s.name;
   if (!o)
     return null;
-  const s = n[o];
-  if (s)
-    return s;
+  const r = n[o];
+  if (r)
+    return r;
   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?`);
-}, Bt = ({
+}, Pt = ({
   block: e,
   context: t
 }) => {
@@ -488,71 +393,71 @@ const At = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = z({
+  const r = z({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(s))
+  if (!Array.isArray(r))
     return;
-  const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((c, l) => ({
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  return r.map((l, c) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: l,
-        $item: c,
-        [i]: c,
-        [`$${i}Index`]: l
+        $index: c,
+        $item: l,
+        [i]: l,
+        [`$${i}Index`]: c
       }
     },
     block: o
   }));
-}, Vt = () => Promise.resolve().then(() => Et).then((e) => e.default).catch((e) => {
+}, _t = () => Promise.resolve().then(() => Mt).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Ut = () => import("./repeated-block.57ca2ba1.js").then((e) => e.default).catch((e) => {
+}), At = () => import("./block-wrapper.1f5bec88.js").then((e) => e.default).catch((e) => {
   throw console.error(
-    "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
+    "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Nt = () => import("./component-ref.cd59ca4d.js").then((e) => e.default).catch((e) => {
+}), Bt = () => import("./component-ref.d2c6eedf.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;
-}), Ot = () => import("./block-wrapper.56bce6c4.js").then((e) => e.default).catch((e) => {
+}), Vt = () => import("./repeated-block.c5b9936f.js").then((e) => e.default).catch((e) => {
   throw console.error(
-    "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
+    "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), Ft = y({
+}), jt = y({
   name: "block",
   components: {
-    ComponentRef: W(Nt),
-    BlockWrapper: W(Ot),
-    RepeatedBlock: W(Ut),
-    BlockStyles: W(Vt)
+    ComponentRef: W(Bt),
+    BlockWrapper: W(At),
+    RepeatedBlock: W(Vt),
+    BlockStyles: W(_t)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: jt };
+    return { childrenContext: this.context, isEmptyHtmlElement: xt };
   },
   computed: {
     blockComponent() {
-      return Pt({
+      return Et({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return Bt({
+      return Pt({
         block: this.block,
         context: this.context
       });
@@ -578,12 +483,12 @@ const At = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, s, r;
+      var e, t, n, o, r, s;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ..._t(this.processedBlock),
+          ...ct(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -592,31 +497,41 @@ const At = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         context: this.childrenContext,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((s = this.blockComponent) == null ? void 0 : s.noWrap) === !0,
-        isInteractive: !((r = this.blockComponent) != null && r.isRSC)
+        includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
+        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
       };
     }
   }
 });
-function Mt(e, t, n, o, s, r) {
+function Ot(e, t, n, o, r, s) {
   var f;
-  const i = v("block-wrapper"), a = v("repeated-block"), c = v("component-ref"), l = v("block", !0), u = v("block-styles");
-  return e.canShowBlock ? (d(), h(R, { key: 0 }, [
-    (f = e.blockComponent) != null && f.noWrap ? (d(), C(c, ce(I({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), h(R, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), C(i, {
+  const i = v("block-wrapper"), a = v("repeated-block"), l = v("component-ref"), c = v("block", !0), d = v("block-styles");
+  return e.canShowBlock ? (u(), h(T, { key: 0 }, [
+    (f = e.blockComponent) != null && f.noWrap ? (u(), C(l, {
+      key: 1,
+      componentRef: e.componentRefProps.componentRef,
+      componentOptions: e.componentRefProps.componentOptions,
+      blockChildren: e.componentRefProps.blockChildren,
+      context: e.componentRefProps.context,
+      registeredComponents: e.componentRefProps.registeredComponents,
+      builderBlock: e.componentRefProps.builderBlock,
+      includeBlockProps: e.componentRefProps.includeBlockProps,
+      isInteractive: e.componentRefProps.isInteractive
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h(T, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (u(), C(i, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
       }, null, 8, ["Wrapper", "block", "context"])) : w("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), h(R, { key: 1 }, B(e.repeatItem, (m, p) => (d(), C(a, {
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (u(!0), h(T, { key: 1 }, V(e.repeatItem, (m, p) => (u(), C(a, {
         key: p,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents
       }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : w("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), C(i, {
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (u(), C(i, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -624,14 +539,23 @@ function Mt(e, t, n, o, s, r) {
         hasChildren: !0
       }, {
         default: ne(() => [
-          V(c, ce(nt(e.componentRefProps)), null, 16),
-          (d(!0), h(R, null, B(e.childrenWithoutParentComponent, (m, p) => (d(), C(l, {
+          j(l, {
+            componentRef: e.componentRefProps.componentRef,
+            componentOptions: e.componentRefProps.componentOptions,
+            blockChildren: e.componentRefProps.blockChildren,
+            context: e.componentRefProps.context,
+            registeredComponents: e.componentRefProps.registeredComponents,
+            builderBlock: e.componentRefProps.builderBlock,
+            includeBlockProps: e.componentRefProps.includeBlockProps,
+            isInteractive: e.componentRefProps.isInteractive
+          }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
+          (u(!0), h(T, null, V(e.childrenWithoutParentComponent, (m, p) => (u(), C(c, {
             key: "block-" + m.id,
             block: m,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), h(R, null, B(e.childrenWithoutParentComponent, (m, p) => (d(), C(u, {
+          (u(!0), h(T, null, V(e.childrenWithoutParentComponent, (m, p) => (u(), C(d, {
             key: "block-style-" + m.id,
             block: m,
             context: e.childrenContext
@@ -642,9 +566,121 @@ function Mt(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : w("v-if", !0);
 }
-const Be = /* @__PURE__ */ k(Ft, [["render", Mt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), ms = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _e
+}, Symbol.toStringTag, { value: "Module" })), Ae = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, ue = (e, t = Ae) => `@media (max-width: ${t[e].max}px)`, Be = ({
+  small: e,
+  medium: t
+}) => {
+  const n = N(Ae);
+  if (!e || !t)
+    return n;
+  const o = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: o,
+    default: o + 1
+  };
+  const r = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: r,
+    default: r + 1
+  };
+  const s = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    min: s,
+    default: s + 1
+  }, n;
+}, Nt = y({
+  render() {
+    return Se("style", { id: this.id, innerHTML: this.styles });
+  },
+  name: "inlined-styles",
+  props: ["styles", "id"]
+}), G = /* @__PURE__ */ k(Nt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Ft = y({
+  name: "block-styles",
+  components: { InlinedStyles: G },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: A };
+  },
+  computed: {
+    canShowBlock() {
+      const e = D({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+      return _(e.hide) ? !e.hide : _(e.show) ? e.show : !0;
+    },
+    css() {
+      var f;
+      const e = D({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      }), t = e.responsiveStyles, n = this.context.content, o = Be(
+        ((f = n == null ? void 0 : n.meta) == null ? void 0 : f.breakpoints) || {}
+      ), r = t == null ? void 0 : t.large, s = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
+      if (!a)
+        return "";
+      const l = r ? Y({
+        className: a,
+        styles: r
+      }) : "", c = s ? Y({
+        className: a,
+        styles: s,
+        mediaQuery: ue(
+          "medium",
+          o
+        )
+      }) : "", d = i ? Y({
+        className: a,
+        styles: i,
+        mediaQuery: ue(
+          "small",
+          o
+        )
+      }) : "";
+      return [l, c, d].join(" ");
+    }
+  }
+});
+function Ut(e, t, n, o, r, s) {
+  const i = v("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (u(), C(i, {
+    key: 0,
+    styles: e.css
+  }, null, 8, ["styles"])) : w("v-if", !0);
+}
+const Ve = /* @__PURE__ */ k(Ft, [["render", Ut], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Be
+  default: Ve
 }, Symbol.toStringTag, { value: "Module" })), Wt = y({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
@@ -657,7 +693,7 @@ const Be = /* @__PURE__ */ k(Ft, [["render", Mt], ["__file", "/Users/samijaber/c
   methods: {
     onClick() {
       var e, t;
-      _() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -670,7 +706,7 @@ const Be = /* @__PURE__ */ k(Ft, [["render", Mt], ["__file", "/Users/samijaber/c
     },
     onMouseEnter() {
       var e, t;
-      _() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -693,8 +729,8 @@ const Be = /* @__PURE__ */ k(Ft, [["render", Mt], ["__file", "/Users/samijaber/c
   }
 });
 const Lt = ["builder-path", "builder-parent-id"];
-function Kt(e, t, n, o, s, r) {
-  return d(), h("div", I({
+function Kt(e, t, n, o, r, s) {
+  return u(), h("div", I({
     class: e._classStringToObject(e.className + " div-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -703,32 +739,15 @@ function Kt(e, t, n, o, s, r) {
     onMouseenter: t[1] || (t[1] = (i) => e.onMouseEnter()),
     onKeypress: t[2] || (t[2] = (i) => e.onClick())
   }, {}), [
-    U(e.$slots, "default", {}, void 0, !0)
+    O(e.$slots, "default", {}, void 0, !0)
   ], 16, Lt);
 }
-const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), zt = Symbol(), Z = {
-  Builder: {
-    content: null,
-    context: {},
-    localState: void 0,
-    rootSetState() {
-    },
-    rootState: {},
-    apiKey: null,
-    apiVersion: void 0,
-    componentInfos: {},
-    inheritedStyles: {}
-  },
-  key: zt
-}, Dt = Symbol(), Ve = {
-  Components: { registeredComponents: {} },
-  key: Dt
-}, qt = y({
+const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), zt = y({
   name: "builder-blocks",
   components: {
     BlocksWrapper: Ht,
-    Block: Be,
-    BlockStyles: Pe
+    Block: _e,
+    BlockStyles: Ve
   },
   props: [
     "blocks",
@@ -739,35 +758,35 @@ const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Z.key,
-    componentsContext: Ve.key
+    builderContext: Q.key,
+    componentsContext: we.key
   }
 });
-function Gt(e, t, n, o, s, r) {
-  const i = v("block"), a = v("block-styles"), c = v("blocks-wrapper");
-  return d(), C(c, {
+function Dt(e, t, n, o, r, s) {
+  const i = v("block"), a = v("block-styles"), l = v("blocks-wrapper");
+  return u(), C(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp
   }, {
     default: ne(() => [
-      e.blocks ? (d(!0), h(R, { key: 0 }, B(e.blocks, (l, u) => (d(), C(i, {
-        key: "render-block-" + l.id,
-        block: l,
+      e.blocks ? (u(!0), h(T, { key: 0 }, V(e.blocks, (c, d) => (u(), C(i, {
+        key: "render-block-" + c.id,
+        block: c,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : w("v-if", !0),
-      e.blocks ? (d(!0), h(R, { key: 1 }, B(e.blocks, (l, u) => (d(), C(a, {
-        key: "block-style-" + l.id,
-        block: l,
+      e.blocks ? (u(!0), h(T, { key: 1 }, V(e.blocks, (c, d) => (u(), C(a, {
+        key: "block-style-" + c.id,
+        block: c,
         context: e.context || e.builderContext
       }, null, 8, ["block", "context"]))), 128)) : w("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const oe = /* @__PURE__ */ k(qt, [["render", Gt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Jt = y({
+const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), qt = y({
   name: "builder-columns",
   components: { InlinedStyles: G, Blocks: oe },
   props: [
@@ -786,7 +805,7 @@ const oe = /* @__PURE__ */ k(qt, [["render", Gt], ["__file", "/Users/samijaber/c
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: j
+      TARGET: A
     };
   },
   computed: {
@@ -849,31 +868,31 @@ const oe = /* @__PURE__ */ k(qt, [["render", Gt], ["__file", "/Users/samijaber/c
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Te(
+      return Be(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -888,62 +907,62 @@ const oe = /* @__PURE__ */ k(qt, [["render", Gt], ["__file", "/Users/samijaber/c
     }
   }
 });
-function Yt(e, t, n, o, s, r) {
+function Gt(e, t, n, o, r, s) {
   const i = v("inlined-styles"), a = v("blocks");
-  return d(), h("div", I({
+  return u(), h("div", I({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), C(i, {
+    e.TARGET !== "reactNative" ? (u(), C(i, {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : w("v-if", !0),
-    (d(!0), h(R, null, B(e.columns, (c, l) => (d(), h("div", I({
-      key: l,
+    (u(!0), h(T, null, V(e.columns, (l, c) => (u(), h("div", I({
+      key: c,
       class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(l)
+      style: e.columnCssVars(c)
     }, {}), [
-      V(a, {
-        path: `component.options.columns.${l}.blocks`,
+      j(a, {
+        path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
         },
         context: e.builderContext,
         registeredComponents: e.builderComponents,
-        blocks: c.blocks
+        blocks: l.blocks
       }, null, 8, ["path", "parent", "context", "registeredComponents", "blocks"])
     ], 16))), 128))
   ], 16);
 }
-const Xt = /* @__PURE__ */ k(Jt, [["render", Yt], ["__scopeId", "data-v-7be099dc"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Qt = y({
+const Jt = /* @__PURE__ */ k(qt, [["render", Gt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Yt = y({
   name: "builder-fragment-component",
   props: []
 });
-function Zt(e, t, n, o, s, r) {
-  return d(), h("span", null, [
-    U(e.$slots, "default")
+function Xt(e, t, n, o, r, s) {
+  return u(), h("span", null, [
+    O(e.$slots, "default")
   ]);
 }
-const en = /* @__PURE__ */ k(Qt, [["render", Zt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
-function pe(e) {
+const Qt = /* @__PURE__ */ k(Yt, [["render", Xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
+function de(e) {
   return e.replace(/http(s)?:/, "");
 }
-function tn(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 Zt(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) {
+function en(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return pe(e);
+    return de(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return pe(`${o[0]}_${r}${s}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return de(`${o[0]}_${s}${r}`);
   }
   return null;
 }
@@ -954,11 +973,11 @@ function X(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${tn(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Zt(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [nn(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) => [en(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const on = y({
+const tn = y({
   name: "builder-image",
   props: [
     "image",
@@ -1014,29 +1033,29 @@ const on = y({
     }
   }
 });
-const sn = ["srcset"], rn = ["alt", "role", "src", "srcset", "sizes"], an = {
+const nn = ["srcset"], on = ["alt", "role", "src", "srcset", "sizes"], rn = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function cn(e, t, n, o, s, r) {
-  var i, a, c, l;
-  return d(), h(R, null, [
+function sn(e, t, n, o, r, s) {
+  var i, a, l, c;
+  return u(), h(T, null, [
     le("picture", null, [
-      e.webpSrcSet ? (d(), h("source", {
+      e.webpSrcSet ? (u(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, sn)) : w("v-if", !0),
+      }, null, 8, nn)) : w("v-if", !0),
       le("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: de({
+        style: ce({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: we(
+        class: Ce(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -1044,30 +1063,30 @@ function cn(e, t, n, o, s, r) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, rn)
+      }, null, 14, on)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), h("div", {
+    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (u(), h("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: de({
+      style: ce({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : w("v-if", !0),
-    ((l = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : l.length) && e.fitContent ? U(e.$slots, "default", { key: 1 }, void 0, !0) : w("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), h("div", an, [
-      U(e.$slots, "default", {}, void 0, !0)
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? O(e.$slots, "default", { key: 1 }, void 0, !0) : w("v-if", !0),
+    !e.fitContent && e.$slots.default ? (u(), h("div", rn, [
+      O(e.$slots, "default", {}, void 0, !0)
     ])) : w("v-if", !0)
   ], 64);
 }
-const ln = /* @__PURE__ */ k(on, [["render", cn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), dn = y({
+const an = /* @__PURE__ */ k(tn, [["render", sn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), ln = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: q };
   }
 });
-function un(e, t, n, o, s, r) {
-  return d(), h("section", I({
+function cn(e, t, n, o, r, s) {
+  return u(), h("section", I({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1080,102 +1099,145 @@ function un(e, t, n, o, s, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    U(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    O(e.$slots, "default")
   ], 16);
 }
-const pn = /* @__PURE__ */ k(dn, [["render", un], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), mn = ({
-  canTrack: e,
-  content: t
-}) => !(!(K(t).length > 0) || !e);
-function hn(e, t, n) {
-  var i;
-  function o() {
-    function a(b, S, T) {
-      let E = "";
-      if (T) {
-        const g = new Date();
-        g.setTime(g.getTime() + T * 24 * 60 * 60 * 1e3), E = "; expires=" + g.toUTCString();
-      }
-      document.cookie = b + "=" + (S || "") + E + "; path=/; Secure; SameSite=None";
-    }
-    function c(b) {
-      const S = b + "=", T = document.cookie.split(";");
-      for (let E = 0; E < T.length; E++) {
-        let g = T[E];
-        for (; g.charAt(0) === " "; )
-          g = g.substring(1, g.length);
-        if (g.indexOf(S) === 0)
-          return g.substring(S.length, g.length);
-      }
-      return null;
-    }
-    const l = `builder.tests.${e}`, u = c(l), f = t.map((b) => b.id).concat(e);
-    if (u && f.includes(u))
-      return u;
-    let m = 0;
-    const p = Math.random();
-    for (let b = 0; b < t.length; b++) {
-      const S = t[b], T = S.testRatio;
-      if (m += T, p < m)
-        return a(l, S.id), S.id;
-    }
-    return a(l, e), e;
-  }
-  const s = o(), r = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
-  if (n) {
-    r.remove();
-    const a = document.currentScript;
-    a == null || a.remove();
-  } else {
-    const a = t.concat({
-      id: e
-    }).filter((c) => c.id !== s).map((c) => `.variant-${c.id} {  display: none; }
-        `).join("");
-    r.innerHTML = a;
-  }
-}
-function fn(e, t, n) {
-  var c;
-  if (!navigator.cookieEnabled)
+const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), dn = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, je = ({
+  name: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (o) {
+    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
-  function o(l) {
-    const u = l + "=", f = document.cookie.split(";");
-    for (let m = 0; m < f.length; m++) {
-      let p = f[m];
-      for (; p.charAt(0) === " "; )
-        p = p.substring(1, p.length);
-      if (p.indexOf(u) === 0)
-        return p.substring(u.length, p.length);
-    }
-    return null;
   }
-  const s = `builder.tests.${t}`, r = o(s), i = (c = document.currentScript) == null ? void 0 : c.parentElement, a = e === t;
-  if (r === e) {
-    if (a)
+}, Oe = async (e) => je(e), pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(_).join("; "), mn = [["secure", ""], ["SameSite", "None"]], hn = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = ($() ? location.protocol === "https:" : !0) ? mn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", dn(window.location.hostname)], ...r];
+  return pn(i);
+}, Ne = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
       return;
-    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
-  } else {
-    a && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
-    return;
+    const r = hn({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = r;
+  } catch (r) {
+    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}
-const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builderIoAbTest", Oe = "builderIoRenderContent", gn = () => {
-  const e = hn.toString().replace(/\s+/g, " "), t = fn.toString().replace(/\s+/g, " ");
-  return `
-  window.${Ne} = ${e}
-  window.${Oe} = ${t}
-  `;
-}, yn = (e, t) => `
-  window.${Ne}("${t}",${JSON.stringify(e)}, ${Ue})`, kn = ({
+}, fn = "builder.tests", re = (e) => `${fn}.${e}`, bn = ({
+  contentId: e
+}) => Oe({
+  name: re(e),
+  canTrack: !0
+}), gn = ({
+  contentId: e
+}) => je({
+  name: re(e),
+  canTrack: !0
+}), yn = ({
   contentId: e,
-  variationId: t
-}) => `
-  window.${Oe}("${t}", "${e}", ${Ue})`, vn = {
+  value: t
+}) => Ne({
+  name: re(e),
+  value: t,
+  canTrack: !0
+}), Fe = (e) => _(e.id) && _(e.variations) && Object.keys(e.variations).length > 0, kn = ({
+  id: e,
+  variations: t
+}) => {
+  var r;
+  let n = 0;
+  const o = Math.random();
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
+  }
+  return e;
+}, Ue = (e) => {
+  const t = kn(e);
+  return yn({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    x.error("could not store A/B test variation: ", n);
+  }), t;
+}, Me = ({
+  item: e,
+  testGroupId: t
+}) => {
+  const n = e.variations[t];
+  return t === e.id || !n ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
+  };
+}, vn = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!Fe(e))
+    return e;
+  const n = gn({
+    contentId: e.id
+  }) || Ue({
+    variations: e.variations,
+    id: e.id
+  }), o = Me({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, Sn = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !Fe(e))
+    return e;
+  const o = await bn({
+    contentId: e.id
+  }) || Ue({
+    variations: e.variations,
+    id: e.id
+  }), r = Me({
+    item: e,
+    testGroupId: o
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, M = (e) => _(e) ? e : !0, Cn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1207,7 +1269,7 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
   }],
   static: !0,
   noWrap: !0
-}, Sn = {
+}, wn = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1385,7 +1447,7 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((s) => s.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
+      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();
     }
   }, {
     name: "space",
@@ -1407,113 +1469,305 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Cn = {
-  name: "Fragment",
-  static: !0,
-  hidden: !0,
-  canHaveChildren: !0,
-  noWrap: !0
-}, wn = {
-  name: "Image",
+}, $n = {
+  name: "Custom Code",
   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",
-  defaultStyles: {
-    position: "relative",
-    minHeight: "20px",
-    minWidth: "20px",
-    overflow: "hidden"
-  },
-  canHaveChildren: !0,
+  requiredPermissions: ["editCode"],
   inputs: [{
-    name: "image",
-    type: "file",
-    bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    name: "code",
+    type: "html",
     required: !0,
-    defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-    onChange: (e) => {
-      e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((c, l) => {
-          const u = document.createElement("img");
-          let f = !1;
-          u.onload = () => {
-            f = !0, c(u);
-          }, u.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), l(m.error);
-          }), u.src = i, setTimeout(() => {
-            f || l(new Error("Image load timed out"));
-          }, a);
-        });
-      }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
-      }
-      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);
-      }), s && (!r || r === 0.7041))
-        return n(s).then((i) => {
-          const a = e.get("aspectRatio");
-          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));
-        });
-    }
-  }, {
-    name: "backgroundSize",
-    type: "text",
-    defaultValue: "cover",
-    enum: [{
-      label: "contain",
-      value: "contain",
-      helperText: "The image should never get cropped"
-    }, {
-      label: "cover",
-      value: "cover",
-      helperText: "The image should fill it's box, cropping when needed"
-    }]
-  }, {
-    name: "backgroundPosition",
-    type: "text",
-    defaultValue: "center",
-    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
-  }, {
-    name: "altText",
-    type: "string",
-    helperText: "Text to display when the user has images off"
-  }, {
-    name: "height",
-    type: "number",
-    hideFromUI: !0
-  }, {
-    name: "width",
-    type: "number",
-    hideFromUI: !0
-  }, {
-    name: "sizes",
-    type: "string",
-    hideFromUI: !0
-  }, {
-    name: "srcset",
-    type: "string",
-    hideFromUI: !0
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: !0
   }, {
-    name: "lazy",
+    name: "replaceNodes",
     type: "boolean",
-    defaultValue: !0,
-    hideFromUI: !0
+    helperText: "Preserve server rendered dom nodes",
+    advanced: !0
   }, {
-    name: "fitContent",
+    name: "scriptsClientOnly",
     type: "boolean",
-    helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
-    defaultValue: !0
-  }, {
-    name: "aspectRatio",
+    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
+  }]
+}, Rn = y({
+  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);
+        }
+      }
+    }
+  },
+  methods: {
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+}), Tn = ["innerHTML"];
+function In(e, t, n, o, r, s) {
+  return u(), h("div", {
+    ref: "elementRef",
+    class: Ce(
+      e._classStringToObject(
+        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
+      )
+    ),
+    innerHTML: e.code
+  }, null, 10, Tn);
+}
+const xn = /* @__PURE__ */ k(Rn, [["render", In], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), En = {
+  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
+  }]
+}, Pn = ["text/javascript", "application/javascript", "application/ecmascript"], _n = (e) => Pn.includes(e.type), An = y({
+  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 (_n(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);
+          }
+      }
+    }
+  }
+}), Bn = ["innerHTML"];
+function Vn(e, t, n, o, r, s) {
+  return u(), h("div", {
+    class: "builder-embed",
+    ref: "elem",
+    innerHTML: e.content
+  }, null, 8, Bn);
+}
+const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), On = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, Nn = {
+  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",
+  defaultStyles: {
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
+  },
+  canHaveChildren: !0,
+  inputs: [{
+    name: "image",
+    type: "file",
+    bubble: !0,
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    required: !0,
+    defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
+    onChange: (e) => {
+      e.delete("srcset"), e.delete("noWebp");
+      function n(i, a = 6e4) {
+        return new Promise((l, c) => {
+          const d = document.createElement("img");
+          let f = !1;
+          d.onload = () => {
+            f = !0, l(d);
+          }, d.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), c(m.error);
+          }), d.src = i, setTimeout(() => {
+            f || c(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) => {
+        i.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!s || s === 0.7041))
+        return n(r).then((i) => {
+          const a = e.get("aspectRatio");
+          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+        });
+    }
+  }, {
+    name: "backgroundSize",
+    type: "text",
+    defaultValue: "cover",
+    enum: [{
+      label: "contain",
+      value: "contain",
+      helperText: "The image should never get cropped"
+    }, {
+      label: "cover",
+      value: "cover",
+      helperText: "The image should fill it's box, cropping when needed"
+    }]
+  }, {
+    name: "backgroundPosition",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "altText",
+    type: "string",
+    helperText: "Text to display when the user has images off"
+  }, {
+    name: "height",
+    type: "number",
+    hideFromUI: !0
+  }, {
+    name: "width",
+    type: "number",
+    hideFromUI: !0
+  }, {
+    name: "sizes",
+    type: "string",
+    hideFromUI: !0
+  }, {
+    name: "srcset",
+    type: "string",
+    hideFromUI: !0
+  }, {
+    name: "lazy",
+    type: "boolean",
+    defaultValue: !0,
+    hideFromUI: !0
+  }, {
+    name: "fitContent",
+    type: "boolean",
+    helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+    defaultValue: !0
+  }, {
+    name: "aspectRatio",
     type: "number",
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, $n = {
+}, Fn = {
+  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
+}, Un = y({
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data() {
+    return { isEditing: P, filterAttrs: q };
+  }
+}), Mn = ["alt", "src"];
+function Wn(e, t, n, o, r, s) {
+  return u(), h("img", I({
+    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), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Mn);
+}
+const Ln = /* @__PURE__ */ k(Un, [["render", Wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Kn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1552,7 +1806,7 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
       }
     }
   }]
-}, Tn = {
+}, Hn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1585,7 +1839,7 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
     hideFromUI: !0,
     type: "boolean"
   }]
-}, In = {
+}, zn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1603,21 +1857,21 @@ const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builde
     height: "auto",
     textAlign: "center"
   }
-}, Rn = y({
+}, Dn = y({
   name: "builder-text",
   props: ["text"]
-}), xn = ["innerHTML"];
-function En(e, t, n, o, s, r) {
+}), qn = ["innerHTML"];
+function Gn(e, t, n, o, r, s) {
   var i;
-  return d(), h("div", {
+  return u(), h("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, xn);
+  }, null, 8, qn);
 }
-const _n = /* @__PURE__ */ k(Rn, [["render", En], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), An = {
+const Jn = /* @__PURE__ */ k(Dn, [["render", Gn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Yn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1698,7 +1952,7 @@ const _n = /* @__PURE__ */ k(Rn, [["render", En], ["__file", "/Users/samijaber/c
     defaultValue: !0,
     advanced: !0
   }]
-}, jn = y({
+}, Xn = y({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1740,10 +1994,10 @@ const _n = /* @__PURE__ */ k(Rn, [["render", En], ["__file", "/Users/samijaber/c
       };
     }
   }
-}), Pn = ["preload", "src", "poster"];
-function Bn(e, t, n, o, s, r) {
+}), Qn = ["preload", "src", "poster"];
+function Zn(e, t, n, o, r, s) {
   var i;
-  return d(), h("video", I({
+  return u(), h("video", I({
     preload: e.preload || "metadata",
     style: {
       width: "100%",
@@ -1755,484 +2009,372 @@ function Bn(e, t, n, o, s, r) {
     },
     src: e.video || "no-src",
     poster: e.posterImage
-  }, e.spreadProps), null, 16, Pn);
+  }, e.spreadProps), null, 16, Qn);
 }
-const Vn = /* @__PURE__ */ k(jn, [["render", Bn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), Un = {
-  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
-  }]
-}, Nn = ["text/javascript", "application/javascript", "application/ecmascript"], On = (e) => Nn.includes(e.type), Fn = y({
-  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 (On(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);
-          }
-      }
-    }
-  }
-}), Mn = ["innerHTML"];
-function Wn(e, t, n, o, s, r) {
-  return d(), h("div", {
-    class: "builder-embed",
-    ref: "elem",
-    innerHTML: e.content
-  }, null, 8, Mn);
-}
-const Ln = /* @__PURE__ */ k(Fn, [["render", Wn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), Kn = y({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: _, filterAttrs: q };
-  }
-}), Hn = ["alt", "src"];
-function zn(e, t, n, o, s, r) {
-  return d(), h("img", I({
-    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), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Hn);
-}
-const Dn = /* @__PURE__ */ k(Kn, [["render", zn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), qn = {
-  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
-}, Gn = y({
-  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);
-        }
-      }
-    }
-  },
-  methods: {
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-}), Jn = ["innerHTML"];
-function Yn(e, t, n, o, s, r) {
-  return d(), h("div", {
-    ref: "elementRef",
-    class: we(
-      e._classStringToObject(
-        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-      )
-    ),
-    innerHTML: e.code
-  }, null, 10, Jn);
-}
-const Xn = /* @__PURE__ */ k(Gn, [["render", Yn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), Qn = {
-  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
-  }]
-}, me = () => [{
-  component: ct,
-  ...vn
+const eo = /* @__PURE__ */ k(Xn, [["render", Zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
+  component: it,
+  ...Cn
 }, {
-  component: Xt,
-  ...Sn
+  component: Jt,
+  ...wn
 }, {
-  component: Xn,
-  ...Qn
+  component: xn,
+  ...$n
 }, {
-  component: Ln,
-  ...Un
+  component: jn,
+  ...En
 }, {
-  component: en,
-  ...Cn
+  component: Qt,
+  ...On
 }, {
-  component: ln,
-  ...wn
+  component: an,
+  ...Nn
 }, {
-  component: Dn,
-  ...qn
+  component: Ln,
+  ...Fn
 }, {
-  component: pn,
-  ...$n
+  component: un,
+  ...Kn
 }, {
-  component: ds,
-  ...Tn
+  component: lr,
+  ...Hn
 }, {
-  component: _n,
-  ...In
+  component: Jn,
+  ...zn
 }, {
-  component: Vn,
-  ...An
-}], he = [], Zn = (e) => ({
+  component: eo,
+  ...Yn
+}], me = [], to = (e) => ({
   type: "builder.registerComponent",
   data: ee(e)
-}), eo = (e) => {
+}), no = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, to = (e) => typeof e == "function" ? eo(e) : N(e), ee = ({
+}, oo = (e) => typeof e == "function" ? no(e) : N(e), ee = ({
   inputs: e,
   ...t
 }) => ({
   ...N(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [s]: to(r)
+    [r]: oo(s)
   }), {}))
-}), no = (e) => {
-  var r, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
-  let s = "";
-  if (o && t && n && (s += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${o}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
-        continue;
-      const l = e.files[a];
-      l && l !== o && (s += `
-@font-face {
-font-family: "${t}";
-src: url('${l}') format('woff2');
-font-display: fallback;
-font-weight: ${a};
-}
-        `.trim());
+}), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), ro = ({
+  canTrack: e,
+  content: t
+}) => !(!(K(t).length > 0) || !e);
+function so(e, t, n) {
+  var i;
+  function o() {
+    function a(b, S, R) {
+      let E = "";
+      if (R) {
+        const g = new Date();
+        g.setTime(g.getTime() + R * 24 * 60 * 60 * 1e3), E = "; expires=" + g.toUTCString();
+      }
+      document.cookie = b + "=" + (S || "") + E + "; path=/; Secure; SameSite=None";
     }
-  return s;
-}, oo = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => no(n))) == null ? void 0 : t.join(" ")) || "";
-}, so = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ro = y({
-  name: "content-styles",
-  components: { InlinedStyles: G },
-  props: ["cssCode", "contentId", "customFonts"],
-  data() {
-    return {
-      injectedStyles: `
-${so({
-        cssCode: this.cssCode,
-        contentId: this.contentId
-      })}
-${oo({
-        customFonts: this.customFonts
-      })}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-  margin: 0;
-}
-.builder-text > p, .builder-text > .builder-paragraph {
-  color: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  text-align: inherit;
-  font-family: inherit;
+    function l(b) {
+      const S = b + "=", R = document.cookie.split(";");
+      for (let E = 0; E < R.length; E++) {
+        let g = R[E];
+        for (; g.charAt(0) === " "; )
+          g = g.substring(1, g.length);
+        if (g.indexOf(S) === 0)
+          return g.substring(S.length, g.length);
+      }
+      return null;
+    }
+    const c = `builder.tests.${e}`, d = l(c), f = t.map((b) => b.id).concat(e);
+    if (d && f.includes(d))
+      return d;
+    let m = 0;
+    const p = Math.random();
+    for (let b = 0; b < t.length; b++) {
+      const S = t[b], R = S.testRatio;
+      if (m += R, p < m)
+        return a(c, S.id), S.id;
+    }
+    return a(c, e), e;
+  }
+  const r = o(), s = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
+  if (n) {
+    s.remove();
+    const a = document.currentScript;
+    a == null || a.remove();
+  } else {
+    const a = t.concat({
+      id: e
+    }).filter((l) => l.id !== r).map((l) => `.variant-${l.id} {  display: none; }
+        `).join("");
+    s.innerHTML = a;
+  }
 }
-`.trim()
-    };
+function io(e, t, n) {
+  var l;
+  if (!navigator.cookieEnabled)
+    return;
+  function o(c) {
+    const d = c + "=", f = document.cookie.split(";");
+    for (let m = 0; m < f.length; m++) {
+      let p = f[m];
+      for (; p.charAt(0) === " "; )
+        p = p.substring(1, p.length);
+      if (p.indexOf(d) === 0)
+        return p.substring(d.length, p.length);
+    }
+    return null;
+  }
+  const r = `builder.tests.${t}`, s = o(r), i = (l = document.currentScript) == null ? void 0 : l.parentElement, a = e === t;
+  if (s === e) {
+    if (a)
+      return;
+    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
+  } else {
+    a && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
+    return;
   }
-});
-function io(e, t, n, o, s, r) {
-  const i = v("inlined-styles");
-  return d(), C(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const ao = /* @__PURE__ */ k(ro, [["render", io], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), co = ({
-  content: e,
-  data: t,
-  locale: n
-}) => {
-  var r, i, a;
-  const o = {};
-  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((c) => {
-    var l;
-    c.name && c.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[c.name] === void 0 && (o[c.name] = c.defaultValue);
-  });
-  const s = {
-    ...(a = e == null ? void 0 : e.data) == null ? void 0 : a.state,
-    ...t,
-    ...n ? {
-      locale: n
-    } : {}
-  };
-  return {
-    ...o,
-    ...s
-  };
-}, lo = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
-  data: {
-    ...e == null ? void 0 : e.data,
-    ...t
+const ao = (e) => e === "react" || e === "reactNative", We = ao(A), Le = "builderIoAbTest", Ke = "builderIoRenderContent", lo = () => {
+  const e = so.toString().replace(/\s+/g, " "), t = io.toString().replace(/\s+/g, " ");
+  return `
+  window.${Le} = ${e}
+  window.${Ke} = ${t}
+  `;
+}, co = (e, t) => `
+  window.${Le}("${t}",${JSON.stringify(e)}, ${We})`, uo = ({
+  contentId: e,
+  variationId: t
+}) => `
+  window.${Ke}("${t}", "${e}", ${We})`, po = y({
+  render() {
+    return Se("script", { id: this.id, innerHTML: this.scriptStr });
   },
-  meta: e == null ? void 0 : e.meta
-} : void 0;
-function uo() {
+  name: "inlined-script",
+  props: ["scriptStr", "id"]
+}), He = /* @__PURE__ */ k(po, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
+function mo() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function po() {
-  const e = uo().fetch;
+function ho() {
+  const e = mo().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 Fe = po(), mo = (e) => {
-  if (e === "localhost" || e === "127.0.0.1")
-    return e;
-  const t = e.split(".");
-  return t.length > 2 ? t.slice(1).join(".") : e;
-}, Me = ({
-  name: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
-    return;
+const ze = ho();
+function H(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) ? {
+      ...o,
+      ...H(s, i, n)
+    } : {
+      ...o,
+      [i]: s
+    };
+  }, {});
+}
+const fo = "v3", he = "builder.", bo = "options.", go = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, De = (e) => {
+  if (!e)
+    return {};
+  const t = qe(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(he)) {
+      const r = o.replace(he, "").replace(bo, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, yo = () => {
+  if (!$())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return De(e);
+}, qe = (e) => e instanceof URLSearchParams ? go(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
+  let {
+    noTraverse: t = !1
+  } = e;
+  const {
+    limit: n = 30,
+    userAttributes: o,
+    query: r,
+    model: s,
+    apiKey: i,
+    includeRefs: a = !0,
+    enrich: l,
+    locale: c,
+    apiVersion: d = fo,
+    fields: f,
+    omit: m,
+    offset: p,
+    cacheSeconds: b,
+    staleCacheSeconds: S,
+    sort: R,
+    includeUnpublished: E
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(d))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
+  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
+  const g = new URL(`https://cdn.builder.io/api/${d}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (g.searchParams.set("omit", m || "meta.componentsUsed"), f && g.searchParams.set("fields", f), Number.isFinite(p) && p > -1 && g.searchParams.set("offset", String(Math.floor(p))), typeof E == "boolean" && g.searchParams.set("includeUnpublished", String(E)), b && fe(b) && g.searchParams.set("cacheSeconds", String(b)), S && fe(S) && g.searchParams.set("staleCacheSeconds", String(S)), R) {
+    const B = H({
+      sort: R
+    });
+    for (const F in B)
+      g.searchParams.set(F, JSON.stringify(B[F]));
   }
-}, We = async (e) => Me(e), ho = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), fo = [["secure", ""], ["SameSite", "None"]], bo = ({
-  name: e,
-  value: t,
-  expires: n
-}) => {
-  const s = ($() ? location.protocol === "https:" : !0) ? fo : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", mo(window.location.hostname)], ...s];
-  return ho(i);
-}, Le = async ({
-  name: e,
-  value: t,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const s = bo({
-      name: e,
-      value: t,
-      expires: n
+  const et = {
+    ...yo(),
+    ...qe(e.options || {})
+  }, ie = H(et);
+  for (const B in ie)
+    g.searchParams.set(B, String(ie[B]));
+  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const B = H({
+      query: r
     });
-    document.cookie = s;
-  } catch (s) {
-    x.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
+    for (const F in B)
+      g.searchParams.set(F, JSON.stringify(B[F]));
   }
+  return g;
+}, ko = (e) => "results" in e;
+async function J(e) {
+  const t = await Ge({
+    ...e,
+    limit: 1
+  });
+  return t && t.results[0] || null;
+}
+const pr = J, vo = async (e) => {
+  const t = se(e);
+  return await (await ze(t.href)).json();
+}, So = async (e, t, n = se(e)) => {
+  const o = M(e.canTrack);
+  if (n.search.includes("preview="), !o || !($() || A === "reactNative"))
+    return t;
+  try {
+    const r = [];
+    for (const s of t.results)
+      r.push(await Sn({
+        item: s,
+        canTrack: o
+      }));
+    t.results = r;
+  } catch (r) {
+    x.error("Could not process A/B tests. ", r);
+  }
+  return t;
 };
-function go() {
+async function Ge(e) {
+  try {
+    const t = se(e), n = await vo(e);
+    return ko(n) ? So(e, n) : (x.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return x.error("Error fetching data. ", t), null;
+  }
+}
+const mr = Ge;
+function Co() {
+  return !$() || P() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+function wo() {
   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 Ke() {
-  return go().replace(/-/g, "");
+function Je() {
+  return wo().replace(/-/g, "");
 }
-const He = "builderSessionId", yo = async ({
+const Ye = "builderSessionId", $o = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await We({
-    name: He,
+  const t = await Oe({
+    name: Ye,
     canTrack: e
   });
-  if (A(t))
+  if (_(t))
     return t;
   {
-    const n = ko();
-    return vo({
+    const n = Ro();
+    return To({
       id: n,
       canTrack: e
     }), n;
   }
-}, ko = () => Ke(), vo = ({
+}, Ro = () => Je(), To = ({
   id: e,
   canTrack: t
-}) => Le({
-  name: He,
+}) => Ne({
+  name: Ye,
   value: e,
   canTrack: t
-}), ze = () => $() && typeof localStorage < "u" ? localStorage : void 0, So = ({
+}), Xe = () => $() && typeof localStorage < "u" ? localStorage : void 0, Io = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Xe()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Co = ({
+}, xo = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = ze()) == null || o.setItem(e, n));
-  } catch (s) {
-    console.debug("[LocalStorage] SET error: ", s);
+    t && ((o = Xe()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
   }
-}, De = "builderVisitorId", wo = ({
+}, Qe = "builderVisitorId", Eo = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = So({
-    key: De,
+  const t = Io({
+    key: Qe,
     canTrack: e
   });
-  if (A(t))
+  if (_(t))
     return t;
   {
-    const n = $o();
-    return To({
+    const n = Po();
+    return _o({
       id: n,
       canTrack: e
     }), n;
   }
-}, $o = () => Ke(), To = ({
+}, Po = () => Je(), _o = ({
   id: e,
   canTrack: t
-}) => Co({
-  key: De,
+}) => xo({
+  key: Qe,
   value: e,
   canTrack: t
-}), Io = async ({
+}), Ao = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2240,33 +2382,33 @@ const He = "builderSessionId", yo = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await yo({
+  const t = await $o({
     canTrack: e
-  }), n = wo({
+  }), n = Eo({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Ro = async ({
+}, Bo = async ({
   type: e,
   canTrack: t,
   apiKey: n,
   metadata: o,
-  ...s
+  ...r
 }) => ({
   type: e,
   data: {
-    ...s,
+    ...r,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await Io({
+    ...await Ao({
       canTrack: t
     }),
-    userAttributes: Ie(),
+    userAttributes: $e(),
     ownerId: n
   }
 });
@@ -2275,11 +2417,11 @@ async function te(e) {
     x.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !_() && !!($() || j === "reactNative"))
+  if (!!e.canTrack && !P() && !!($() || A === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Ro(e)]
+        events: [await Bo(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2289,13 +2431,56 @@ async function te(e) {
       console.error("Failed to track: ", t);
     });
 }
-const hs = (e) => te({
+const hr = (e) => te({
   ...e,
   canTrack: !0
-}), xo = "0.7.1-1", fe = {};
-function Eo(e, t) {
-  let n = fe[e];
-  if (n || (n = fe[e] = []), n.push(t), $()) {
+});
+function be(e) {
+  return Math.round(e * 1e3) / 1e3;
+}
+const Vo = (e, t, n = !0) => {
+  if (!(e instanceof HTMLElement))
+    return null;
+  let o = n ? e : e.parentElement;
+  do {
+    if (!o)
+      return null;
+    if (t(o))
+      return o;
+  } while (o = o.parentElement);
+  return null;
+}, jo = (e) => Vo(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+}), ge = ({
+  event: e,
+  target: t
+}) => {
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = be(o / n.width), i = be(r / n.height);
+  return {
+    x: s,
+    y: i
+  };
+}, Oo = (e) => {
+  const t = e.target, n = t && jo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: o || void 0,
+    metadata: {
+      targetOffset: t ? ge({
+        event: e,
+        target: t
+      }) : void 0,
+      builderTargetOffset: n ? ge({
+        event: e,
+        target: n
+      }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+    }
+  };
+}, No = "0.7.2", ye = {};
+function Fo(e, t) {
+  let n = ye[e];
+  if (n || (n = ye[e] = []), n.push(t), $()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2305,13 +2490,13 @@ function Eo(e, t) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (s) {
-      console.debug("Could not postmessage", s);
+    } catch (r) {
+      console.debug("Could not postmessage", r);
     }
   }
 }
-const _o = () => {
-  Eo("insertMenu", {
+const Uo = () => {
+  Fo("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2333,14 +2518,14 @@ const _o = () => {
     }]
   });
 };
-let be = !1;
-const Ao = (e = {}) => {
+let ke = !1;
+const Mo = (e = {}) => {
   var t, n;
-  be || (be = !0, $() && ((t = window.parent) == null || t.postMessage({
+  ke || (ke = !0, $() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: j,
-      version: xo,
+      target: A,
+      version: No,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2353,306 +2538,44 @@ const Ao = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var s, r;
+    var r, s;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(i);
-          let u, f = null;
+          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(i);
+          let d, f = null;
           try {
-            u = l.apply(null, a);
+            d = c.apply(null, a);
           } catch (m) {
             f = m;
           }
-          f ? (s = window.parent) == null || s.postMessage({
+          f ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
+              id: l,
               error: f.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((m) => {
             var p;
             (p = window.parent) == null || p.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
+                id: l,
                 result: m
               }
             }, "*");
-          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: u,
-              id: c
+              result: d,
+              id: l
             }
           }, "*");
           break;
         }
       }
   })));
-};
-function ge(e) {
-  return Math.round(e * 1e3) / 1e3;
-}
-const jo = (e, t, n = !0) => {
-  if (!(e instanceof HTMLElement))
-    return null;
-  let o = n ? e : e.parentElement;
-  do {
-    if (!o)
-      return null;
-    if (t(o))
-      return o;
-  } while (o = o.parentElement);
-  return null;
-}, Po = (e) => jo(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), ye = ({
-  event: e,
-  target: t
-}) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ge(o / n.width), i = ge(s / n.height);
-  return {
-    x: r,
-    y: i
-  };
-}, Bo = (e) => {
-  const t = e.target, n = t && Po(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: o || void 0,
-    metadata: {
-      targetOffset: t ? ye({
-        event: e,
-        target: t
-      }) : void 0,
-      builderTargetOffset: n ? ye({
-        event: e,
-        target: n
-      }) : void 0,
-      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
-    }
-  };
-}, Vo = "builder.tests", se = (e) => `${Vo}.${e}`, Uo = ({
-  contentId: e
-}) => We({
-  name: se(e),
-  canTrack: !0
-}), No = ({
-  contentId: e
-}) => Me({
-  name: se(e),
-  canTrack: !0
-}), Oo = ({
-  contentId: e,
-  value: t
-}) => Le({
-  name: se(e),
-  value: t,
-  canTrack: !0
-}), qe = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, Fo = ({
-  id: e,
-  variations: t
-}) => {
-  var s;
-  let n = 0;
-  const o = Math.random();
-  for (const r in t) {
-    const i = (s = t[r]) == null ? void 0 : s.testRatio;
-    if (n += i, o < n)
-      return r;
-  }
-  return e;
-}, Ge = (e) => {
-  const t = Fo(e);
-  return Oo({
-    contentId: e.id,
-    value: t
-  }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
-  }), t;
-}, Je = ({
-  item: e,
-  testGroupId: t
-}) => {
-  const n = e.variations[t];
-  return t === e.id || !n ? {
-    testVariationId: e.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === e.id ? "Default" : "")
-  };
-}, Mo = ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t)
-    return e;
-  if (!e)
-    return;
-  if (!qe(e))
-    return e;
-  const n = No({
-    contentId: e.id
-  }) || Ge({
-    variations: e.variations,
-    id: e.id
-  }), o = Je({
-    item: e,
-    testGroupId: n
-  });
-  return {
-    ...e,
-    ...o
-  };
-}, Wo = async ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t || !qe(e))
-    return e;
-  const o = await Uo({
-    contentId: e.id
-  }) || Ge({
-    variations: e.variations,
-    id: e.id
-  }), s = Je({
-    item: e,
-    testGroupId: o
-  });
-  return {
-    ...e,
-    ...s
-  };
-}, M = (e) => A(e) ? e : !0;
-function H(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,
-      ...H(r, i, n)
-    } : {
-      ...o,
-      [i]: r
-    };
-  }, {});
-}
-const ke = "builder.", Lo = "options.", Ko = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, Ye = (e) => {
-  if (!e)
-    return {};
-  const t = Xe(e), n = {};
-  return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ke)) {
-      const s = o.replace(ke, "").replace(Lo, "");
-      n[s] = t[o];
-    }
-  }), n;
-}, Ho = () => {
-  if (!$())
-    return {};
-  const e = new URLSearchParams(window.location.search);
-  return Ye(e);
-}, Xe = (e) => e instanceof URLSearchParams ? Ko(e) : e, zo = "v3", ve = (e) => typeof e == "number" && !isNaN(e) && e >= 0, re = (e) => {
-  let {
-    noTraverse: t = !1
-  } = e;
-  const {
-    limit: n = 30,
-    userAttributes: o,
-    query: s,
-    model: r,
-    apiKey: i,
-    includeRefs: a = !0,
-    enrich: c,
-    locale: l,
-    apiVersion: u = zo,
-    fields: f,
-    omit: m,
-    offset: p,
-    cacheSeconds: b,
-    staleCacheSeconds: S,
-    sort: T,
-    includeUnpublished: E
-  } = e;
-  if (!i)
-    throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
-  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const g = new URL(`https://cdn.builder.io/api/${u}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (g.searchParams.set("omit", m || "meta.componentsUsed"), f && g.searchParams.set("fields", f), Number.isFinite(p) && p > -1 && g.searchParams.set("offset", String(Math.floor(p))), typeof E == "boolean" && g.searchParams.set("includeUnpublished", String(E)), b && ve(b) && g.searchParams.set("cacheSeconds", String(b)), S && ve(S) && g.searchParams.set("staleCacheSeconds", String(S)), T) {
-    const P = H({
-      sort: T
-    });
-    for (const O in P)
-      g.searchParams.set(O, JSON.stringify(P[O]));
-  }
-  const tt = {
-    ...Ho(),
-    ...Xe(e.options || {})
-  }, ie = H(tt);
-  for (const P in ie)
-    g.searchParams.set(P, String(ie[P]));
-  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), s) {
-    const P = H({
-      query: s
-    });
-    for (const O in P)
-      g.searchParams.set(O, JSON.stringify(P[O]));
-  }
-  return g;
-}, Do = (e) => "results" in e;
-async function J(e) {
-  const t = await Qe({
-    ...e,
-    limit: 1
-  });
-  return t && t.results[0] || null;
-}
-const fs = J, qo = async (e) => {
-  const t = re(e);
-  return await (await Fe(t.href)).json();
-}, Go = async (e, t, n = re(e)) => {
-  const o = M(e.canTrack);
-  if (n.search.includes("preview="), !o || !($() || j === "reactNative"))
-    return t;
-  try {
-    const s = [];
-    for (const r of t.results)
-      s.push(await Wo({
-        item: r,
-        canTrack: o
-      }));
-    t.results = s;
-  } catch (s) {
-    x.error("Could not process A/B tests. ", s);
-  }
-  return t;
-};
-async function Qe(e) {
-  try {
-    const t = re(e), n = await qo(e);
-    return Do(n) ? Go(e, n) : (x.error("Error fetching data. ", {
-      url: t,
-      content: n,
-      options: e
-    }), null);
-  } catch (t) {
-    return x.error("Error fetching data. ", t), null;
-  }
-}
-const bs = Qe;
-function Jo() {
-  return !$() || _() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
-}
-const Yo = y({
+}, Wo = y({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2674,32 +2597,32 @@ const Yo = y({
       shouldSendResetCookie: !1,
       httpReqsData: {},
       clicked: !1,
-      builderContext: Z
+      builderContext: Q
     };
   },
   provide() {
     const e = this;
     return {
-      [Z.key]: e.builderContextSignal
+      [Q.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
       if ($()) {
-        if (_() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && M(this.canTrack)) {
-          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
           te({
             type: "impression",
             canTrack: !0,
             contentId: i,
             apiKey: a,
-            variationId: r !== i ? r : void 0
+            variationId: s !== i ? s : void 0
           });
         }
-        Jo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Co() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -2775,7 +2698,7 @@ const Yo = y({
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, s, r, i;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2786,7 +2709,7 @@ const Yo = y({
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          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)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2797,19 +2720,19 @@ const Yo = y({
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: s, contentId: r } = o;
-            if (!r || r !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: r, contentId: s } = o;
+            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
-            s && this.mergeNewContent({
+            r && this.mergeNewContent({
               meta: {
-                breakpoints: s
+                breakpoints: r
               }
             }), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const o = t.data, s = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            s === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, s = o.data;
+            r === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2828,14 +2751,14 @@ const Yo = y({
     onClick(e) {
       var t, n;
       if (this.builderContextSignal.content) {
-        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         te({
           type: "click",
           canTrack: M(this.canTrack),
-          contentId: s,
+          contentId: r,
           apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0,
-          ...Bo(e),
+          variationId: o !== r ? o : void 0,
+          ...Oo(e),
           unique: !this.clicked
         });
       }
@@ -2854,13 +2777,13 @@ const Yo = y({
       );
     },
     handleRequest({ url: e, key: t }) {
-      Fe(e).then((n) => n.json()).then((n) => {
-        var s, r;
+      ze(e).then((n) => n.json()).then((n) => {
+        var r, s;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (r = (s = this.builderContextSignal).rootSetState) == null || r.call(s, o), this.httpReqsData[t] = !0;
+        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2868,18 +2791,18 @@ const Yo = y({
     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(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || _())) {
-          const i = this.evalExpression(r);
+      Object.entries(e).forEach(([r, s]) => {
+        if (s && (!this.httpReqsData[r] || P())) {
+          const i = this.evalExpression(s);
           this.handleRequest({
             url: i,
-            key: s
+            key: r
           });
         }
       });
     },
     emitStateUpdate() {
-      _() && window.dispatchEvent(
+      P() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -2894,7 +2817,7 @@ const Yo = y({
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), _o(), Ao({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Uo(), Mo({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2908,7 +2831,7 @@ const Yo = y({
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Zn(t);
+        const n = to(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2918,13 +2841,13 @@ const Yo = y({
     elementRef_onInitpreviewingbldr(e) {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
-      ), s = t.get("apiKey") || t.get("builder.space");
-      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && J({
+      ), r = t.get("apiKey") || t.get("builder.space");
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && J({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((r) => {
-        r && this.mergeNewContent(r);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     },
     _classStringToObject(e) {
@@ -2937,10 +2860,10 @@ const Yo = y({
       return t;
     }
   }
-}), Xo = ["builder-content-id", "builder-model"];
-function Qo(e, t, n, o, s, r) {
+}), Lo = ["builder-content-id", "builder-model"];
+function Ko(e, t, n, o, r, s) {
   var i;
-  return e.builderContextSignal.content ? (d(), h("div", I({
+  return e.builderContextSignal.content ? (u(), h("div", I({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: t[0] || (t[0] = (a) => e.onClick(a)),
@@ -2955,21 +2878,116 @@ function Qo(e, t, n, o, s, r) {
       "aria-hidden": !0
     }
   }), [
-    U(e.$slots, "default")
-  ], 16, Xo)) : w("v-if", !0);
+    O(e.$slots, "default")
+  ], 16, Lo)) : w("v-if", !0);
 }
-const Zo = /* @__PURE__ */ k(Yo, [["render", Qo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), es = y({
-  render() {
-    return Ce("script", { id: this.id, innerHTML: this.scriptStr });
+const Ho = /* @__PURE__ */ k(Wo, [["render", Ko], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), zo = (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 += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${o}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const a in e.files) {
+      if (!(String(Number(a)) === a))
+        continue;
+      const c = e.files[a];
+      c && c !== o && (r += `
+@font-face {
+font-family: "${t}";
+src: url('${c}') format('woff2');
+font-display: fallback;
+font-weight: ${a};
+}
+        `.trim());
+    }
+  return r;
+}, Do = ({
+  customFonts: e
+}) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => zo(n))) == null ? void 0 : t.join(" ")) || "";
+}, qo = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Go = y({
+  name: "content-styles",
+  components: { InlinedStyles: G },
+  props: ["cssCode", "contentId", "customFonts"],
+  data() {
+    return {
+      injectedStyles: `
+${qo({
+        cssCode: this.cssCode,
+        contentId: this.contentId
+      })}
+${Do({
+        customFonts: this.customFonts
+      })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()
+    };
+  }
+});
+function Jo(e, t, n, o, r, s) {
+  const i = v("inlined-styles");
+  return u(), C(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+}
+const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Xo = ({
+  content: e,
+  data: t,
+  locale: n
+}) => {
+  var s, i, a;
+  const o = {};
+  (i = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || i.forEach((l) => {
+    var c;
+    l.name && l.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[l.name] === void 0 && (o[l.name] = l.defaultValue);
+  });
+  const r = {
+    ...(a = e == null ? void 0 : e.data) == null ? void 0 : a.state,
+    ...t,
+    ...n ? {
+      locale: n
+    } : {}
+  };
+  return {
+    ...o,
+    ...r
+  };
+}, Qo = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
   },
-  name: "inlined-script",
-  props: ["scriptStr", "id"]
-}), Ze = /* @__PURE__ */ k(es, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]), ts = ot, ns = y({
+  meta: e == null ? void 0 : e.meta
+} : void 0, Zo = tt, er = y({
   name: "content-component",
   components: {
-    EnableEditor: Zo,
-    InlinedScript: Ze,
-    ContentStyles: ao,
+    EnableEditor: Ho,
+    InlinedScript: He,
+    ContentStyles: Yo,
     Blocks: oe
   },
   props: [
@@ -2991,31 +3009,31 @@ const Zo = /* @__PURE__ */ k(Yo, [["render", Qo], ["__file", "/Users/samijaber/c
   data() {
     var e, t;
     return {
-      scriptStr: kn({
+      scriptStr: uo({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...me(),
-        ...he,
+        ...pe(),
+        ...me,
         ...this.customComponents || []
       ].reduce(
-        (n, { component: o, ...s }) => ({
+        (n, { component: o, ...r }) => ({
           ...n,
-          [s.name]: {
-            component: ts(o),
-            ...ee(s)
+          [r.name]: {
+            component: Zo(o),
+            ...ee(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: lo({
+        content: Qo({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: co({
+        rootState: Xo({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3025,25 +3043,25 @@ const Zo = /* @__PURE__ */ k(Yo, [["render", Qo], ["__file", "/Users/samijaber/c
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...me(),
-          ...he,
+          ...pe(),
+          ...me,
           ...this.customComponents || []
         ].reduce(
-          (n, { component: o, ...s }) => ({
+          (n, { component: o, ...r }) => ({
             ...n,
-            [s.name]: ee(s)
+            [r.name]: ee(r)
           }),
           {}
         ),
         inheritedStyles: {}
       },
-      TARGET: j
+      TARGET: A
     };
   },
   provide() {
     const e = this;
     return {
-      [Ve.key]: {
+      [we.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3054,9 +3072,9 @@ const Zo = /* @__PURE__ */ k(Yo, [["render", Qo], ["__file", "/Users/samijaber/c
     }
   }
 });
-function os(e, t, n, o, s, r) {
-  const i = v("inlined-script"), a = v("content-styles"), c = v("blocks"), l = v("enable-editor");
-  return d(), C(l, I({
+function tr(e, t, n, o, r, s) {
+  const i = v("inlined-script"), a = v("content-styles"), l = v("blocks"), c = v("enable-editor");
+  return u(), C(c, I({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -3070,20 +3088,20 @@ function os(e, t, n, o, s, r) {
     builderContextSignal: e.builderContextSignal
   }, {}), {
     default: ne(() => {
-      var u, f, m, p, b, S, T;
+      var d, f, m, p, b, S, R;
       return [
-        e.isSsrAbTest ? (d(), C(i, {
+        e.isSsrAbTest ? (u(), C(i, {
           key: 0,
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : w("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), C(a, {
+        e.TARGET !== "reactNative" ? (u(), C(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
+          contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
           cssCode: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.cssCode,
           customFonts: (b = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : w("v-if", !0),
-        V(c, {
-          blocks: (T = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : T.blocks,
+        j(l, {
+          blocks: (R = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : R.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
@@ -3092,12 +3110,12 @@ function os(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "classNameProp", "showContent", "builderContextSignal"]);
 }
-const ss = /* @__PURE__ */ k(ns, [["render", os], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), rs = y({
+const nr = /* @__PURE__ */ k(er, [["render", tr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), or = y({
   name: "content-variants",
   components: {
-    InlinedScript: Ze,
+    InlinedScript: He,
     InlinedStyles: G,
-    ContentComponent: ss
+    ContentComponent: nr
   },
   props: [
     "canTrack",
@@ -3115,13 +3133,13 @@ const ss = /* @__PURE__ */ k(ns, [["render", os], ["__file", "/Users/samijaber/c
   ],
   data() {
     return {
-      shouldRenderVariants: mn({
+      shouldRenderVariants: ro({
         canTrack: M(this.canTrack),
         content: this.content
       }),
-      getScriptString: gn,
-      getVariants: K,
-      TARGET: j
+      TARGET: A,
+      getScriptString: lo,
+      getVariants: K
     };
   },
   mounted() {
@@ -3130,7 +3148,7 @@ const ss = /* @__PURE__ */ k(ns, [["render", os], ["__file", "/Users/samijaber/c
   computed: {
     variantScriptStr() {
       var e;
-      return yn(
+      return co(
         K(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -3146,28 +3164,28 @@ const ss = /* @__PURE__ */ k(ns, [["render", os], ["__file", "/Users/samijaber/c
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Mo({
+      } : vn({
         item: this.content,
         canTrack: M(this.canTrack)
       });
     }
   }
 });
-function is(e, t, n, o, s, r) {
-  var l, u;
-  const i = v("inlined-script"), a = v("inlined-styles"), c = v("content-component");
-  return d(), h(R, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), C(i, {
+function rr(e, t, n, o, r, s) {
+  var c, d;
+  const i = v("inlined-script"), a = v("inlined-styles"), l = v("content-component");
+  return u(), h(T, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), C(i, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : w("v-if", !0),
-    e.shouldRenderVariants ? (d(), h(R, { key: 1 }, [
-      V(a, {
-        id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
+    e.shouldRenderVariants ? (u(), h(T, { key: 1 }, [
+      j(a, {
+        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      V(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), h(R, null, B(e.getVariants(e.content), (f, m) => (d(), C(c, {
+      j(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
+      (u(!0), h(T, null, V(e.getVariants(e.content), (f, m) => (u(), C(l, {
         key: f.testVariationId,
         content: f,
         showContent: !1,
@@ -3185,9 +3203,9 @@ function is(e, t, n, o, s, r) {
         isSsrAbTest: e.shouldRenderVariants
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
     ], 64)) : w("v-if", !0),
-    V(c, I({
+    j(l, I({
       content: e.defaultContent,
-      classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
+      classNameProp: `variant-${(d = e.content) == null ? void 0 : d.id}`,
       showContent: !0,
       model: e.model,
       data: e.data,
@@ -3205,7 +3223,7 @@ function is(e, t, n, o, s, r) {
     }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
   ], 64);
 }
-const et = /* @__PURE__ */ k(rs, [["render", is], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), as = async ({
+const Ze = /* @__PURE__ */ k(or, [["render", rr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), sr = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3222,9 +3240,9 @@ const et = /* @__PURE__ */ k(rs, [["render", is], ["__file", "/Users/samijaber/c
     }).catch((n) => {
       x.error("Could not fetch symbol content: ", n);
     });
-}, cs = y({
+}, ir = y({
   name: "builder-symbol",
-  components: { ContentVariants: et },
+  components: { ContentVariants: Ze },
   props: [
     "js",
     "attributes",
@@ -3266,7 +3284,7 @@ const et = /* @__PURE__ */ k(rs, [["render", is], ["__file", "/Users/samijaber/c
   },
   methods: {
     setContent() {
-      this.contentToUse || as({
+      this.contentToUse || sr({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3284,13 +3302,13 @@ const et = /* @__PURE__ */ k(rs, [["render", is], ["__file", "/Users/samijaber/c
     }
   }
 });
-function ls(e, t, n, o, s, r) {
-  var a, c, l, u;
+function ar(e, t, n, o, r, s) {
+  var a, l, c, d;
   const i = v("content-variants");
-  return d(), h("div", I({
+  return u(), h("div", I({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    V(i, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    j(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3299,27 +3317,27 @@ function ls(e, t, n, o, s, r) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(l = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : l.state
+        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
       },
-      model: (u = e.symbol) == null ? void 0 : u.model,
+      model: (d = e.symbol) == null ? void 0 : d.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const ds = /* @__PURE__ */ k(cs, [["render", ls], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), gs = oe, ys = et, Se = {};
-function ks(e) {
+const lr = /* @__PURE__ */ k(ir, [["render", ar], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), fr = oe, br = Ze, ve = {};
+function gr(e) {
   if ($()) {
-    Object.assign(Se, e);
+    Object.assign(ve, e);
     const t = {
       type: "builder.settingsChange",
-      data: Se
+      data: ve
     };
     parent.postMessage(t, "*");
   }
 }
-const vs = 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 = {
+const yr = async (e) => {
+  var o, r, s;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
     model: e.model || "page",
@@ -3329,7 +3347,7 @@ const vs = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ye(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: De(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -3338,38 +3356,38 @@ const vs = async (e) => {
   };
 };
 export {
-  Z as B,
-  et as C,
-  en as F,
-  ln as I,
-  gs as R,
-  pn as S,
-  j as T,
-  Vn as V,
+  _e as B,
+  Ze as C,
+  Qt as F,
+  an as I,
+  fr as R,
+  un as S,
+  A as T,
+  eo as V,
   k as _,
-  Be as a,
-  Pe as b,
-  $t as c,
+  Ve as a,
+  Q as b,
+  dt as c,
   oe as d,
   z as e,
-  ys as f,
-  ct as g,
-  Xt as h,
-  ds as i,
-  _n as j,
-  _ as k,
-  Jo as l,
-  Zn as m,
-  Qe as n,
-  J as o,
-  bs as p,
-  fs as q,
-  Eo as r,
-  ks as s,
-  Go as t,
-  Ye as u,
-  hs as v,
-  ts as w,
-  vs as x,
-  ms as y
+  br as f,
+  it as g,
+  Jt as h,
+  lr as i,
+  Jn as j,
+  P as k,
+  Co as l,
+  to as m,
+  So as n,
+  Ge as o,
+  J as p,
+  mr as q,
+  Fo as r,
+  gr as s,
+  pr as t,
+  De as u,
+  hr as v,
+  Zo as w,
+  yr as x,
+  dr as y
 };