@builder.io/sdk-vue 0.11.1 → 0.11.3

package/lib/node/{index.cc3260e1.js → index.29fcda33.js}

@@ -1,17 +1,16 @@
-import "./style.css";
-import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createBlock, createCommentVNode, renderList, withCtx, createVNode, h, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createVNode, createBlock, createCommentVNode, renderList, withCtx, resolveDynamicComponent, renderSlot, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
 function filterAttrs(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
-const _sfc_main$k = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
@@ -34,7 +33,7 @@ const _sfc_main$k = defineComponent({
     n[o] = r;
   return n;
 }, _hoisted_1$6 = ["href", "target"];
-function _sfc_render$i(e, t, n, o, r, s) {
+function _sfc_render$h(e, t, n, o, r, i) {
   return e.link ? (openBlock(), createElementBlock("a", mergeProps({
     key: 0,
     href: e.link,
@@ -46,7 +45,7 @@ function _sfc_render$i(e, t, n, o, r, s) {
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17));
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
   Builder: {
     content: null,
     context: {},
@@ -74,22 +73,7 @@ function getBlockComponentOptions(e) {
     builderBlock: e
   };
 }
-const TARGET = "vue", camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), checkIsDefined = (e) => e != null, convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${camelToKebabCase(n)}: ${o};`;
-}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
-`), createCssClass = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${convertStyleMapToCSS(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
-}, MSG_PREFIX = "[Builder.io]: ", logger = {
+const TARGET = "vue", checkIsDefined = (e) => e != null, MSG_PREFIX = "[Builder.io]: ", logger = {
   log: (...e) => console.log(MSG_PREFIX, ...e),
   error: (...e) => console.error(MSG_PREFIX, ...e),
   warn: (...e) => console.warn(MSG_PREFIX, ...e),
@@ -102,7 +86,7 @@ function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
 function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
 const getLocation = () => {
   if (isBrowser()) {
@@ -160,14 +144,14 @@ const getLocation = () => {
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
   const a = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
-    state: flattenState(i, r, s)
+    state: flattenState(s, r, i)
   });
   return new Function(...a.map(([c]) => c), e)(...a.map(([, c]) => c));
 };
@@ -176,10 +160,10 @@ function flattenState(e, t, n) {
     throw new Error("rootState === localState");
   return new Proxy(e, {
     get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, s) => {
+    set: (o, r, i) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = s, n == null || n(e), !0;
+      return e[r] = i, n == null || n(e), !0;
     }
   });
 }
@@ -187,7 +171,7 @@ const fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 }, noop = () => {
 };
 let safeDynamicRequire = noop;
@@ -253,11 +237,11 @@ output;
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
   const a = fastClone({
-    ...i,
+    ...s,
     ...r
   }), c = getFunctionArguments({
     builder: t,
@@ -268,7 +252,7 @@ output;
   d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
     console.log(...m);
   }), d.setSync(BUILDER_SET_STATE_NAME, function(m, f) {
-    set(i, m, f), s == null || s(i);
+    set(s, m, f), i == null || i(s);
   }), c.forEach(([m, f]) => {
     const b = typeof f == "object" ? new ivm.Reference(
       m === "builder" ? {
@@ -278,14 +262,14 @@ output;
     ) : null;
     d.setSync(getSyncValName(m), b);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const u = processCode({
+  const p = processCode({
     code: e,
     args: c
-  }), p = l.evalSync(u);
+  }), u = l.evalSync(p);
   try {
-    return JSON.parse(p);
+    return JSON.parse(u);
   } catch {
-    return p;
+    return u;
   }
 }, chooseBrowserOrServerEval = (e) => isBrowser() ? runInBrowser(e) : runInNode(e);
 function evaluate({
@@ -294,8 +278,8 @@ function evaluate({
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0
+  event: i,
+  isExpression: s = !0
 }) {
   if (e === "") {
     logger.warn("Skipping evaluation of empty code block.");
@@ -303,11 +287,11 @@ function evaluate({
   }
   const a = {
     code: parseCode(e, {
-      isExpression: i
+      isExpression: s
     }),
     builder: getBuilderGlobals(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
@@ -333,13 +317,13 @@ const evaluateBindings = ({
 }) => {
   if (!e.bindings)
     return e;
-  const s = fastClone(e), i = {
-    ...s,
+  const i = fastClone(e), s = {
+    ...i,
     properties: {
-      ...s.properties
+      ...i.properties
     },
     actions: {
-      ...s.actions
+      ...i.actions
     }
   };
   for (const a in e.bindings) {
@@ -350,9 +334,9 @@ const evaluateBindings = ({
       rootSetState: r,
       context: t
     });
-    set(i, a, l);
+    set(s, a, l);
   }
-  return i;
+  return s;
 };
 function getProcessedBlock({
   block: e,
@@ -360,31 +344,31 @@ function getProcessedBlock({
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const i = e;
+  const s = e;
   return n ? evaluateBindings({
-    block: i,
+    block: s,
     localState: o,
     rootState: r,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : i;
+  }) : s;
 }
 const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = getProcessedBlock({
+  var i;
+  const o = (i = getProcessedBlock({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : i.name;
   if (!o)
     return null;
   const r = n[o];
@@ -412,7 +396,7 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
   return r.map((c, l) => ({
     context: {
       ...t,
@@ -420,39 +404,39 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
         ...t.localState,
         $index: l,
         $item: c,
-        [i]: c,
-        [`$${i}Index`]: l
+        [s]: c,
+        [`$${s}Index`]: l
       }
     },
     block: o
   }));
-}, BlockStyles$1 = () => Promise.resolve().then(() => blockStyles).then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles.b4e350c6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper.f2c88f1b.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.35fb80b6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref.130474d3.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.2211624f.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;
-}), RepeatedBlock = () => import("./repeated-block.2c78eba4.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.f9ea4988.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), _sfc_main$j = defineComponent({
+}), _sfc_main$i = defineComponent({
   name: "block",
   components: {
+    BlockStyles: defineAsyncComponent(BlockStyles),
     ComponentRef: defineAsyncComponent(ComponentRef),
     BlockWrapper: defineAsyncComponent(BlockWrapper),
-    RepeatedBlock: defineAsyncComponent(RepeatedBlock),
-    BlockStyles: defineAsyncComponent(BlockStyles$1)
+    RepeatedBlock: defineAsyncComponent(RepeatedBlock)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
@@ -498,7 +482,7 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, s;
+      var e, t, n, o, r, i;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
@@ -513,16 +497,20 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
-        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
+        isInteractive: !((i = this.blockComponent) != null && i.isRSC)
       };
     }
   }
 });
-function _sfc_render$h(e, t, n, o, r, s) {
-  var u;
-  const i = resolveComponent("block-wrapper"), a = resolveComponent("repeated-block"), c = resolveComponent("component-ref"), l = resolveComponent("block", !0), d = resolveComponent("block-styles");
+function _sfc_render$g(e, t, n, o, r, i) {
+  var p;
+  const s = resolveComponent("block-styles"), a = resolveComponent("block-wrapper"), c = resolveComponent("repeated-block"), l = resolveComponent("component-ref"), d = resolveComponent("block", !0);
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(c, {
+    createVNode(s, {
+      block: e.block,
+      context: e.context
+    }, null, 8, ["block", "context"]),
+    (p = e.blockComponent) != null && p.noWrap ? (openBlock(), createBlock(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -533,20 +521,20 @@ function _sfc_render$h(e, t, n, o, r, s) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (openBlock(), createBlock(i, {
+      e.isEmptyHtmlElement(e.Tag) ? (openBlock(), createBlock(a, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
       }, null, 8, ["Wrapper", "block", "context"])) : createCommentVNode("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, m) => (openBlock(), createBlock(a, {
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (u, m) => (openBlock(), createBlock(c, {
         key: m,
-        repeatContext: p.context,
-        block: p.block,
+        repeatContext: u.context,
+        block: u.block,
         registeredComponents: e.registeredComponents
       }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (openBlock(), createBlock(i, {
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (openBlock(), createBlock(a, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -554,7 +542,7 @@ function _sfc_render$h(e, t, n, o, r, s) {
         hasChildren: !0
       }, {
         default: withCtx(() => [
-          createVNode(c, {
+          createVNode(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -564,139 +552,22 @@ function _sfc_render$h(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(l, {
-            key: "block-" + p.id,
-            block: p,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, m) => (openBlock(), createBlock(d, {
+            key: u.id,
+            block: u,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
-          }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(d, {
-            key: "block-style-" + p.id,
-            block: p,
-            context: e.childrenContext
-          }, null, 8, ["block", "context"]))), 128))
+          }, null, 8, ["block", "context", "registeredComponents"]))), 128))
         ]),
         _: 1
       }, 8, ["Wrapper", "block", "context"])) : createCommentVNode("v-if", !0)
     ], 64))
   ], 64)) : createCommentVNode("v-if", !0);
 }
-const Block = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Block = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Block
-}, Symbol.toStringTag, { value: "Module" })), SIZES = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, getMaxWidthQueryForSize = (e, t = SIZES) => `@media (max-width: ${t[e].max}px)`, getSizesForBreakpoints = ({
-  small: e,
-  medium: t
-}) => {
-  const n = fastClone(SIZES);
-  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;
-}, _sfc_main$i = defineComponent({
-  render() {
-    return h("style", { id: this.id, innerHTML: this.styles });
-  },
-  name: "inlined-styles",
-  props: ["styles", "id"]
-}), InlinedStyles = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), _sfc_main$h = defineComponent({
-  name: "block-styles",
-  components: { InlinedStyles },
-  props: ["block", "context"],
-  data() {
-    return { TARGET };
-  },
-  computed: {
-    canShowBlock() {
-      const e = getProcessedBlock({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-      return checkIsDefined(e.hide) ? !e.hide : checkIsDefined(e.show) ? e.show : !0;
-    },
-    css() {
-      var u;
-      const e = getProcessedBlock({
-        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 = getSizesForBreakpoints(
-        ((u = n == null ? void 0 : n.meta) == null ? void 0 : u.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 c = r ? createCssClass({
-        className: a,
-        styles: r
-      }) : "", l = s ? createCssClass({
-        className: a,
-        styles: s,
-        mediaQuery: getMaxWidthQueryForSize(
-          "medium",
-          o
-        )
-      }) : "", d = i ? createCssClass({
-        className: a,
-        styles: i,
-        mediaQuery: getMaxWidthQueryForSize(
-          "small",
-          o
-        )
-      }) : "";
-      return [c, l, d].join(" ");
-    }
-  }
-});
-function _sfc_render$g(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (openBlock(), createBlock(i, {
-    key: 0,
-    styles: e.css
-  }, null, 8, ["styles"])) : createCommentVNode("v-if", !0);
-}
-const BlockStyles = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]), blockStyles = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: BlockStyles
-}, Symbol.toStringTag, { value: "Module" })), _sfc_main$g = defineComponent({
+}, Symbol.toStringTag, { value: "Module" })), _sfc_main$h = defineComponent({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -750,15 +621,15 @@ const BlockStyles = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_re
     }
   }
 }), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "";
-function _sfc_render$f(e, t, n, o, r, s) {
+function _sfc_render$f(e, t, n, o, r, i) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
     class: e._classStringToObject(e.className + " component-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (i) => e.onClick(),
-    onMouseEnter: (i) => e.onMouseEnter(),
-    onKeyPress: (i) => e.onClick()
+    onClick: (s) => e.onClick(),
+    onMouseEnter: (s) => e.onMouseEnter(),
+    onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: withCtx(() => [
       renderSlot(e.$slots, "default", {}, void 0, !0)
@@ -766,13 +637,9 @@ function _sfc_render$f(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), _sfc_main$f = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), _sfc_main$g = defineComponent({
   name: "builder-blocks",
-  components: {
-    BlocksWrapper,
-    Block,
-    BlockStyles
-  },
+  components: { BlocksWrapper, Block },
   props: [
     "blocks",
     "parent",
@@ -786,34 +653,76 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_
     componentsContext: ComponentsContext.key
   }
 });
-function _sfc_render$e(e, t, n, o, r, s) {
-  var l, d;
-  const i = resolveComponent("block"), a = resolveComponent("block-styles"), c = resolveComponent("blocks-wrapper");
-  return openBlock(), createBlock(c, {
+function _sfc_render$e(e, t, n, o, r, i) {
+  var c, l;
+  const s = resolveComponent("block"), a = resolveComponent("blocks-wrapper");
+  return openBlock(), createBlock(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
-    BlocksWrapperProps: (d = e.context) == null ? void 0 : d.BlocksWrapperProps
+    BlocksWrapper: (c = e.context) == null ? void 0 : c.BlocksWrapper,
+    BlocksWrapperProps: (l = e.context) == null ? void 0 : l.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(i, {
-        key: "render-block-" + u.id,
-        block: u,
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (d, p) => (openBlock(), createBlock(s, {
+        key: d.id,
+        block: d,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(a, {
-        key: "block-style-" + u.id,
-        block: u,
-        context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : createCommentVNode("v-if", !0)
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), _sfc_main$e = defineComponent({
+const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), _sfc_main$f = defineComponent({
+  render() {
+    return h("style", { id: this.id, innerHTML: this.styles });
+  },
+  name: "inlined-styles",
+  props: ["styles", "id"]
+}), InlinedStyles = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), SIZES = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, getMaxWidthQueryForSize = (e, t = SIZES) => `@media (max-width: ${t[e].max}px)`, getSizesForBreakpoints = ({
+  small: e,
+  medium: t
+}) => {
+  const n = fastClone(SIZES);
+  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 i = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    min: i,
+    default: i + 1
+  }, n;
+}, _sfc_main$e = defineComponent({
   name: "builder-columns",
   components: { InlinedStyles, Blocks },
   props: [
@@ -895,7 +804,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
         width: n,
         ["margin-left"]: o,
@@ -904,7 +813,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -912,7 +821,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
@@ -934,15 +843,15 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$
     }
   }
 }), columns_vue_vue_type_style_index_0_scoped_7be099dc_lang = "";
-function _sfc_render$d(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-styles"), a = resolveComponent("blocks");
+function _sfc_render$d(e, t, n, o, r, i) {
+  const s = resolveComponent("inlined-styles"), a = resolveComponent("blocks");
   return openBlock(), createElementBlock("div", mergeProps({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
+    e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : createCommentVNode("v-if", !0),
@@ -968,7 +877,7 @@ const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render
   name: "builder-fragment-component",
   props: []
 });
-function _sfc_render$c(e, t, n, o, r, s) {
+function _sfc_render$c(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("span", null, [
     renderSlot(e.$slots, "default")
   ]);
@@ -988,8 +897,8 @@ function getShopifyImageUrl(e, t) {
     return removeProtocol(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return removeProtocol(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return removeProtocol(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -1063,8 +972,8 @@ const _sfc_main$c = defineComponent({
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function _sfc_render$b(e, t, n, o, r, s) {
-  var i, a, c, l;
+function _sfc_render$b(e, t, n, o, r, i) {
+  var s, a, c, l;
   return openBlock(), createElementBlock(Fragment$1, null, [
     createElementVNode("picture", null, [
       e.webpSrcSet ? (openBlock(), createElementBlock("source", {
@@ -1091,7 +1000,7 @@ function _sfc_render$b(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, _hoisted_2$1)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
       style: normalizeStyle({
@@ -1111,7 +1020,7 @@ const Image = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
     return { filterAttrs };
   }
 });
-function _sfc_render$a(e, t, n, o, r, s) {
+function _sfc_render$a(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("section", mergeProps({
     style: {
       width: "100%",
@@ -1150,8 +1059,8 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render
   value: t,
   expires: n
 }) => {
-  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
-  return stringifyCookie(i);
+  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
+  return stringifyCookie(s);
 }, setCookie = async ({
   name: e,
   value: t,
@@ -1194,10 +1103,10 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render
   var r;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
 }, getAndSetVariantId = (e) => {
@@ -1473,7 +1382,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1563,7 +1472,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render
     }
   }
 }), _hoisted_1$4 = ["innerHTML"];
-function _sfc_render$9(e, t, n, o, r, s) {
+function _sfc_render$9(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", {
     ref: "elementRef",
     class: normalizeClass(
@@ -1642,7 +1551,7 @@ const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_ren
     }
   }
 }), _hoisted_1$3 = ["innerHTML"];
-function _sfc_render$8(e, t, n, o, r, s) {
+function _sfc_render$8(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", {
     class: "builder-embed",
     ref: "elem",
@@ -1675,29 +1584,29 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
+      function n(s, a = 6e4) {
         return new Promise((c, l) => {
           const d = document.createElement("img");
-          let u = !1;
+          let p = !1;
           d.onload = () => {
-            u = !0, c(d);
-          }, d.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), l(p.error);
-          }), d.src = i, setTimeout(() => {
-            u || l(new Error("Image load timed out"));
+            p = !0, c(d);
+          }, d.addEventListener("error", (u) => {
+            console.warn("Image load failed", u.error), l(u.error);
+          }), d.src = s, setTimeout(() => {
+            p || l(new Error("Image load timed out"));
           }, a);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
+      const r = e.get("image"), i = e.get("aspectRatio");
+      if (fetch(r).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!i || i === 0.7041))
+        return n(r).then((s) => {
           const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === r && (!a || a === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
         });
     }
   }, {
@@ -1782,7 +1691,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8
     return { isEditing, filterAttrs };
   }
 }), _hoisted_1$2 = ["alt", "src"];
-function _sfc_render$7(e, t, n, o, r, s) {
+function _sfc_render$7(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("img", mergeProps({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -1887,11 +1796,11 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7],
   name: "builder-text",
   props: ["text"]
 }), _hoisted_1$1 = ["innerHTML"];
-function _sfc_render$6(e, t, n, o, r, s) {
-  var i;
+function _sfc_render$6(e, t, n, o, r, i) {
+  var s;
   return openBlock(), createElementBlock("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
@@ -2046,8 +1955,8 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]
     height: "100%"
   }
 };
-function _sfc_render$5(e, t, n, o, r, s) {
-  var i, a, c, l, d, u, p;
+function _sfc_render$5(e, t, n, o, r, i) {
+  var s, a, c, l, d, p, u;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -2055,7 +1964,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
       style: {
         width: "100%",
         height: "100%",
-        ...(i = e.attributes) == null ? void 0 : i.style,
+        ...(s = e.attributes) == null ? void 0 : s.style,
         objectFit: e.fit,
         objectPosition: e.position,
         zIndex: 2,
@@ -2085,7 +1994,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
     ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0),
-    ((p = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ((u = (p = e.builderBlock) == null ? void 0 : p.children) == null ? void 0 : u.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0)
   ]);
@@ -2134,9 +2043,9 @@ const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5
   ...t
 }) => ({
   ...fastClone(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: serializeValue(s)
+    [r]: serializeValue(i)
   }), {}))
 }), UPDATE_COOKIES_AND_STYLES_SCRIPT = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -2266,13 +2175,13 @@ function getFetch() {
 const fetch$1 = getFetch();
 function flatten(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...flatten(s, i, n)
+      ...flatten(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
@@ -2304,27 +2213,27 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     limit: n = 30,
     userAttributes: o,
     query: r,
-    model: s,
-    apiKey: i,
+    model: i,
+    apiKey: s,
     includeRefs: a = !0,
     enrich: c,
     locale: l,
     apiVersion: d = DEFAULT_API_VERSION,
-    fields: u,
-    omit: p,
+    fields: p,
+    omit: u,
     offset: m,
     cacheSeconds: f,
     staleCacheSeconds: b,
     sort: y,
     includeUnpublished: C
   } = e;
-  if (!i)
+  if (!s)
     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}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof C == "boolean" && g.searchParams.set("includeUnpublished", String(C)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
+  const g = new URL(`https://cdn.builder.io/api/${d}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (g.searchParams.set("omit", u || "meta.componentsUsed"), p && g.searchParams.set("fields", p), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof C == "boolean" && g.searchParams.set("includeUnpublished", String(C)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
     const k = flatten({
       sort: y
     });
@@ -2362,9 +2271,9 @@ const getContent = fetchOneEntry, _fetchContent = async (e) => {
     return t.results;
   try {
     const r = [];
-    for (const s of t.results)
+    for (const i of t.results)
       r.push(await handleABTesting({
-        item: s,
+        item: i,
         canTrack: o
       }));
     t.results = r;
@@ -2552,10 +2461,10 @@ const findParentElement = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = round(o / n.width), i = round(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = round(o / n.width), s = round(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
 }, getInteractionPropertiesForEvent = (e) => {
   const t = e.target, n = t && findBuilderParent(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
@@ -2573,7 +2482,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.11.1", registry = {};
+}, SDK_VERSION = "0.11.3", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2634,33 +2543,33 @@ const setupBrowserForEditing = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var r, s;
+    var r, i;
     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 d, u = null;
+          const s = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(s);
+          let d, p = null;
           try {
             d = l.apply(null, a);
-          } catch (p) {
-            u = p;
+          } catch (u) {
+            p = u;
           }
-          u ? (r = window.parent) == null || r.postMessage({
+          p ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: u.message
+              error: p.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((p) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((u) => {
             var m;
             (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: p
+                result: u
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: d,
@@ -2711,13 +2620,13 @@ const setupBrowserForEditing = (e = {}) => {
         if (isEditing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && getDefaultCanTrack(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
           _track({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: a,
-            variationId: s !== i ? s : void 0
+            variationId: i !== s ? i : void 0
           });
         }
         isPreviewing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
@@ -2796,7 +2705,7 @@ const setupBrowserForEditing = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, r, i, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2807,7 +2716,7 @@ const setupBrowserForEditing = (e = {}) => {
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2818,8 +2727,8 @@ const setupBrowserForEditing = (e = {}) => {
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: r, contentId: s } = o;
-            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: r, contentId: i } = o;
+            if (!i || i !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
             r && this.mergeNewContent({
               meta: {
@@ -2829,8 +2738,8 @@ const setupBrowserForEditing = (e = {}) => {
             break;
           }
           case "builder.contentUpdate": {
-            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);
+            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, i = o.data;
+            r === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2876,12 +2785,12 @@ const setupBrowserForEditing = (e = {}) => {
     },
     handleRequest({ url: e, key: t }) {
       fetch$1(e).then((n) => n.json()).then((n) => {
-        var r, s;
+        var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
+        (i = (r = this.builderContextSignal).rootSetState) == null || i.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2889,11 +2798,11 @@ const setupBrowserForEditing = (e = {}) => {
     runHttpRequests() {
       var t, n, o;
       const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([r, s]) => {
-        if (s && (!this.httpReqsData[r] || isEditing())) {
-          const i = this.evalExpression(s);
+      Object.entries(e).forEach(([r, i]) => {
+        if (i && (!this.httpReqsData[r] || isEditing())) {
+          const s = this.evalExpression(i);
           this.handleRequest({
-            url: i,
+            url: s,
             key: r
           });
         }
@@ -2944,8 +2853,8 @@ const setupBrowserForEditing = (e = {}) => {
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((i) => {
+        i && this.mergeNewContent(i);
       });
     },
     _classStringToObject(e) {
@@ -2959,13 +2868,13 @@ const setupBrowserForEditing = (e = {}) => {
     }
   }
 });
-function _sfc_render$4(e, t, n, o, r, s) {
-  var i, a, c;
+function _sfc_render$4(e, t, n, o, r, i) {
+  var s, a, c;
   return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: (l) => e.onClick(l),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
     class: e._classStringToObject(
       `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((c = e.content) == null ? void 0 : c.id)}`
@@ -2986,8 +2895,8 @@ function _sfc_render$4(e, t, n, o, r, s) {
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : createCommentVNode("v-if", !0);
 }
 const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), getCssFromFont = (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;
+  var i, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -3050,18 +2959,18 @@ ${getFontCss({
     };
   }
 });
-function _sfc_render$3(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-styles");
-  return openBlock(), createBlock(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function _sfc_render$3(e, t, n, o, r, i) {
+  const s = resolveComponent("inlined-styles");
+  return openBlock(), createBlock(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
 const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), getContextStateInitialValue = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, a;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((c) => {
+  var i, s, a;
+  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
+  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((c) => {
     c.name && c.defaultValue !== void 0 && (o[c.name] = c.defaultValue);
   }), {
     ...o,
@@ -3176,8 +3085,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     }
   }
 });
-function _sfc_render$2(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), c = resolveComponent("blocks"), l = resolveComponent("enable-editor");
+function _sfc_render$2(e, t, n, o, r, i) {
+  const s = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), c = resolveComponent("blocks"), l = resolveComponent("enable-editor");
   return openBlock(), createBlock(l, mergeProps({
     content: e.content,
     model: e.model,
@@ -3193,16 +3102,16 @@ function _sfc_render$2(e, t, n, o, r, s) {
     contentWrapperProps: e.contentWrapperProps
   }, {}), {
     default: withCtx(() => {
-      var d, u, p, m, f, b, y;
+      var d, p, u, m, f, b, y;
       return [
-        e.isSsrAbTest ? (openBlock(), createBlock(i, {
+        e.isSsrAbTest ? (openBlock(), createBlock(s, {
           key: 0,
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
           contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
-          cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
+          cssCode: (u = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : u.cssCode,
           customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
         createVNode(c, {
@@ -3280,11 +3189,11 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     }
   }
 });
-function _sfc_render$1(e, t, n, o, r, s) {
+function _sfc_render$1(e, t, n, o, r, i) {
   var l;
-  const i = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), c = resolveComponent("content-component");
+  const s = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), c = resolveComponent("content-component");
   return openBlock(), createElementBlock(Fragment$1, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
@@ -3293,8 +3202,8 @@ function _sfc_render$1(e, t, n, o, r, s) {
         id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      createVNode(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(c, {
+      createVNode(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(c, {
         key: d.testVariationId,
         content: d,
         showContent: !1,
@@ -3417,13 +3326,13 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
     }
   }
 });
-function _sfc_render(e, t, n, o, r, s) {
+function _sfc_render(e, t, n, o, r, i) {
   var a, c, l, d;
-  const i = resolveComponent("content-variants");
+  const s = resolveComponent("content-variants");
   return openBlock(), createElementBlock("div", mergeProps({
     class: e._classStringToObject(e.className)
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    createVNode(i, {
+    createVNode(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3451,7 +3360,7 @@ function setEditorSettings(e) {
   }
 }
 const fetchBuilderProps = async (e) => {
-  var o, r, s;
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -3462,7 +3371,7 @@ const fetchBuilderProps = async (e) => {
         urlPath: t
       } : {}
     },
-    options: getBuilderSearchParams(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: getBuilderSearchParams(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -3471,38 +3380,41 @@ const fetchBuilderProps = async (e) => {
   };
 };
 export {
+  fetchBuilderProps as A,
   Block as B,
   Content as C,
+  block as D,
   Fragment as F,
-  Image as I,
+  InlinedStyles as I,
   RenderBlocks as R,
   Section as S,
   TARGET as T,
   Video as V,
   _export_sfc as _,
-  BlockStyles as a,
-  BuilderContext as b,
-  convertStyleMapToCSSArray as c,
-  Blocks as d,
+  getSizesForBreakpoints as a,
+  getMaxWidthQueryForSize as b,
+  checkIsDefined as c,
+  BuilderContext as d,
   evaluate as e,
-  RenderContent as f,
-  Button as g,
-  Columns as h,
-  Symbol$1 as i,
-  Text as j,
-  isEditing as k,
-  isPreviewing as l,
-  createRegisterComponentMessage as m,
-  _processContentResult as n,
-  fetchEntries as o,
-  fetchOneEntry as p,
-  getAllContent as q,
+  Blocks as f,
+  getProcessedBlock as g,
+  RenderContent as h,
+  Button as i,
+  Columns as j,
+  Image as k,
+  Symbol$1 as l,
+  Text as m,
+  isEditing as n,
+  isPreviewing as o,
+  createRegisterComponentMessage as p,
+  _processContentResult as q,
   register as r,
   setEditorSettings as s,
-  getContent as t,
-  getBuilderSearchParams as u,
-  track as v,
+  fetchEntries as t,
+  fetchOneEntry as u,
+  getAllContent as v,
   wrapComponentRef as w,
-  fetchBuilderProps as x,
-  block as y
+  getContent as x,
+  getBuilderSearchParams as y,
+  track as z
 };