@builder.io/sdk-vue 5.2.11 → 5.2.12

package/lib/edge/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-LWGIJNVx.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Q1mE-A20.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/edge/index.mjs

@@ -1,4 +1,4 @@
-import { p as t, b as a, m as r, C as i, q as n, F as o, I as c, S as g, n as u, o as l, V as m, E as d, t as C, D as E, G as b, H as p, y as B, i as S, r as f, u as h, v as x, s as y, x as A, A as P, z as k } from "./index-Bgm0yCrN.js";
+import { q as t, b as a, n as r, C as i, r as n, F as o, I as c, S as g, o as u, p as l, V as d, G as m, u as C, E, H as b, J as p, z as B, i as S, t as f, v as h, x, s as y, y as A, D as P, A as k } from "./index-NPl2zFFt.js";
 export {
   t as Blocks,
   a as BuilderContext,
@@ -10,8 +10,8 @@ export {
   g as Section,
   u as Symbol,
   l as Text,
-  m as Video,
-  d as _processContentResult,
+  d as Video,
+  m as _processContentResult,
   C as createRegisterComponentMessage,
   E as fetchBuilderProps,
   b as fetchEntries,

package/lib/{node/live-edit-xPik2aUh.cjs → edge/live-edit-NlcA1TEi.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-7xT7wMXt.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-Q1mE-A20.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;

package/lib/edge/{live-edit-tegdYGJO.js → live-edit-mfyAZvt8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
 import { f as c } from "./find-block-3Ig0kVVe.js";
-import { b as d, _ as l } from "./index-Bgm0yCrN.js";
+import { b as d, _ as l } from "./index-NPl2zFFt.js";
 const m = o({
   name: "live-edit",
   props: ["id", "attributes", "Wrapper"],

package/lib/edge/{repeated-block--MhEsXmR.cjs → repeated-block-fItsEFz7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-LWGIJNVx.cjs"),r=()=>Promise.resolve().then(()=>require("./index-LWGIJNVx.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-Q1mE-A20.cjs"),r=()=>Promise.resolve().then(()=>require("./index-Q1mE-A20.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;

package/lib/edge/{repeated-block-yZJM5I60.js → repeated-block-lZx6tufR.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
-import { b as c, _ as i } from "./index-Bgm0yCrN.js";
-const a = () => import("./index-Bgm0yCrN.js").then((e) => e.K).then((e) => e.default).catch((e) => {
+import { b as c, _ as i } from "./index-NPl2zFFt.js";
+const a = () => import("./index-NPl2zFFt.js").then((e) => e.L).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/edge/style-wrapper-9SPXPEOl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-Q1mE-A20.cjs"),_=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f,v;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),k=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",g=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,g,x,p,y].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const I=s._export_sfc(P,[["render",E]]),Q=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return _.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,v,u,T;const e=s.getResponsiveStylesWithImagePosition((y=this.processedBlock)==null?void 0:y.responsiveStyles,((h=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:h.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)||{}),l=!!((f=(C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(v=this.processedBlock)==null?void 0:v.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",g=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(p){const $=((T=(u=p.steps)==null?void 0:u[1])==null?void 0:T.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,b,g,x,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const R=s._export_sfc(Q,[["render",A]]),W=o.defineComponent({name:"style-wrapper",components:{BlockStyles:I,LiveEditBlockStyles:R},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const w=s._export_sfc(W,[["render",z]]);exports.default=w;

package/lib/edge/{style-wrapper-i8R7NpdY.js → style-wrapper-C9W8emFx.js}

@@ -1,9 +1,9 @@
-import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as $, createCommentVNode as Q, createElementBlock as z, Fragment as G } from "vue";
-import { c as A, T as w, d as C, f as N, h as l, j as u, k as j, _ as I, l as H, b as R } from "./index-Bgm0yCrN.js";
-import { f as U } from "./find-block-3Ig0kVVe.js";
-const W = E({
+import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
+import { c as R, T as w, d as C, f as W, h as j, j as l, k as u, l as z, _ as Q, m as U, b as D } from "./index-NPl2zFFt.js";
+import { f as F } from "./find-block-3Ig0kVVe.js";
+const L = E({
   name: "block-styles",
-  components: { InlinedStyles: A },
+  components: { InlinedStyles: R },
   props: ["block", "context"],
   data() {
     return { TARGET: w };
@@ -14,85 +14,88 @@ const W = E({
       return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
     },
     css() {
-      var h, B, f, v, b;
-      const e = this.block, s = e.responsiveStyles, t = this.context.content, o = N(
-        ((h = t == null ? void 0 : t.meta) == null ? void 0 : h.breakpoints) || {}
-      ), p = !!((f = (B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, r = s == null ? void 0 : s.xsmall, d = e.id;
+      var S, B, f, v, b, $;
+      const e = this.block, s = W(
+        e.responsiveStyles,
+        ((S = e.component) == null ? void 0 : S.name) === "Image"
+      ), t = this.context.content, o = j(
+        ((B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) || {}
+      ), p = !!((v = (f = t == null ? void 0 : t.meta) == null ? void 0 : f.breakpoints) != null && v.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, c = s == null ? void 0 : s.xsmall, d = e.id;
       if (!d)
         return "";
-      const g = i ? l({
+      const P = i ? l({
         className: d,
         styles: i
-      }) : "", P = n ? l({
+      }) : "", T = n ? l({
         className: d,
         styles: n,
         mediaQuery: u(
           "medium",
           o
         )
-      }) : "", T = a ? l({
+      }) : "", _ = a ? l({
         className: d,
         styles: a,
         mediaQuery: u(
           "small",
           o
         )
-      }) : "", m = r && p ? l({
+      }) : "", m = c && p ? l({
         className: d,
-        styles: r,
+        styles: c,
         mediaQuery: u(
           "xsmall",
           o
         )
-      }) : "", c = e.animations && e.animations.find((k) => k.trigger === "hover");
-      let S = "";
-      if (c) {
-        const k = ((b = (v = c.steps) == null ? void 0 : v[1]) == null ? void 0 : b.styles) || {};
-        S = l({
+      }) : "", r = e.animations && e.animations.find((k) => k.trigger === "hover");
+      let h = "";
+      if (r) {
+        const k = (($ = (b = r.steps) == null ? void 0 : b[1]) == null ? void 0 : $.styles) || {};
+        h = l({
           className: `${d}:hover`,
           styles: {
             ...k,
-            transition: `all ${c.duration}s ${j(
-              c.easing
+            transition: `all ${r.duration}s ${z(
+              r.easing
             )}`,
-            transitionDelay: c.delay ? `${c.delay}s` : "0s"
+            transitionDelay: r.delay ? `${r.delay}s` : "0s"
           }
         }) || "";
       }
       return [
-        g,
         P,
         T,
+        _,
         m,
-        S
+        h
       ].join(" ");
     }
   }
 });
-function D(e, s, t, o, p, i) {
+function X(e, s, t, o, p, i) {
   const n = x("InlinedStyles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), $(n, {
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), g(n, {
     key: 0,
     id: "builderio-block",
     styles: e.css,
     nonce: e.context.nonce
-  }, null, 8, ["styles", "nonce"])) : Q("", !0);
+  }, null, 8, ["styles", "nonce"])) : N("", !0);
 }
-const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
+const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
   name: "live-edit-block-styles",
-  components: { InlinedStyles: A },
+  components: { InlinedStyles: R },
   props: ["contextProvider", "id"],
   data() {
     return { TARGET: w };
   },
   computed: {
     block() {
-      return U(this.contextProvider.content, this.id);
+      return F(this.contextProvider.content, this.id);
     },
     processedBlock() {
       var t;
       const e = this.block;
-      return e ? (t = e.repeat) != null && t.collection ? e : H({
+      return e ? (t = e.repeat) != null && t.collection ? e : U({
         block: e,
         localState: this.contextProvider.localState,
         rootState: this.contextProvider.rootState,
@@ -105,45 +108,48 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
       return C((e = this.processedBlock) == null ? void 0 : e.hide) ? !((s = this.processedBlock) != null && s.hide) : C((t = this.processedBlock) == null ? void 0 : t.show) ? (o = this.processedBlock) == null ? void 0 : o.show : !0;
     },
     css() {
-      var S, h, B, f, v, b, k;
-      const e = (S = this.processedBlock) == null ? void 0 : S.responsiveStyles, s = this.contextProvider.content, t = N(
-        ((h = s == null ? void 0 : s.meta) == null ? void 0 : h.breakpoints) || {}
-      ), o = !!((f = (B = s == null ? void 0 : s.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, r = (v = this.processedBlock) == null ? void 0 : v.id;
-      if (!r)
+      var h, S, B, f, v, b, $, k, A;
+      const e = W(
+        (h = this.processedBlock) == null ? void 0 : h.responsiveStyles,
+        ((B = (S = this.processedBlock) == null ? void 0 : S.component) == null ? void 0 : B.name) === "Image"
+      ), s = this.contextProvider.content, t = j(
+        ((f = s == null ? void 0 : s.meta) == null ? void 0 : f.breakpoints) || {}
+      ), o = !!((b = (v = s == null ? void 0 : s.meta) == null ? void 0 : v.breakpoints) != null && b.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, c = ($ = this.processedBlock) == null ? void 0 : $.id;
+      if (!c)
         return "";
       const d = p ? l({
-        className: r,
+        className: c,
         styles: p
-      }) : "", g = i ? l({
-        className: r,
+      }) : "", P = i ? l({
+        className: c,
         styles: i,
         mediaQuery: u(
           "medium",
           t
         )
-      }) : "", P = n ? l({
-        className: r,
+      }) : "", T = n ? l({
+        className: c,
         styles: n,
         mediaQuery: u(
           "small",
           t
         )
-      }) : "", T = a && o ? l({
-        className: r,
+      }) : "", _ = a && o ? l({
+        className: c,
         styles: a,
         mediaQuery: u(
           "xsmall",
           t
         )
-      }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((_) => _.trigger === "hover");
-      let c = "";
+      }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((I) => I.trigger === "hover");
+      let r = "";
       if (m) {
-        const _ = ((k = (b = m.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
-        c = l({
-          className: `${r}:hover`,
+        const I = ((A = (k = m.steps) == null ? void 0 : k[1]) == null ? void 0 : A.styles) || {};
+        r = l({
+          className: `${c}:hover`,
           styles: {
-            ..._,
-            transition: `all ${m.duration}s ${j(
+            ...I,
+            transition: `all ${m.duration}s ${z(
               m.easing
             )}`,
             transitionDelay: m.delay ? `${m.delay}s` : "0s"
@@ -152,58 +158,58 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
       }
       return [
         d,
-        g,
         P,
         T,
-        c
+        _,
+        r
       ].join(" ");
     }
   }
 });
-function X(e, s, t, o, p, i) {
+function V(e, s, t, o, p, i) {
   const n = x("InlinedStyles");
-  return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), $(n, {
+  return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), g(n, {
     key: 0,
     id: "builderio-block",
     styles: e.css,
     nonce: e.contextProvider.nonce
-  }, null, 8, ["styles", "nonce"])) : Q("", !0);
+  }, null, 8, ["styles", "nonce"])) : N("", !0);
 }
-const K = /* @__PURE__ */ I(L, [["render", X]]), M = E({
+const q = /* @__PURE__ */ Q(M, [["render", V]]), J = E({
   name: "style-wrapper",
   components: {
-    BlockStyles: F,
-    LiveEditBlockStyles: K
+    BlockStyles: K,
+    LiveEditBlockStyles: q
   },
   props: ["block", "context"],
   data() {
     return { isClientEditing: !1, isHydrated: !1, TARGET: w };
   },
   inject: {
-    contextProvider: R.key
+    contextProvider: D.key
   },
   mounted() {
   }
 });
-function V(e, s, t, o, p, i) {
+function O(e, s, t, o, p, i) {
   const n = x("LiveEditBlockStyles"), a = x("BlockStyles");
-  return e.isHydrated ? (y(), z(G, { key: 0 }, [
-    e.TARGET === "rsc" && e.isClientEditing ? (y(), $(n, {
+  return e.isHydrated ? (y(), G(H, { key: 0 }, [
+    e.TARGET === "rsc" && e.isClientEditing ? (y(), g(n, {
       key: 0,
       id: e.block.id,
       contextProvider: e.contextProvider
-    }, null, 8, ["id", "contextProvider"])) : (y(), $(a, {
+    }, null, 8, ["id", "contextProvider"])) : (y(), g(a, {
       key: 1,
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]))
-  ], 64)) : (y(), $(a, {
+  ], 64)) : (y(), g(a, {
     key: 1,
     block: e.block,
     context: e.context
   }, null, 8, ["block", "context"]));
 }
-const Y = /* @__PURE__ */ I(M, [["render", V]]);
+const se = /* @__PURE__ */ Q(J, [["render", O]]);
 export {
-  Y as default
+  se as default
 };

package/lib/edge/style.css

@@ -1 +1 @@
-.component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-bb2384ad]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-bb2384ad]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-bb2384ad]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
+.component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-f109a7da]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-f109a7da]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-f109a7da]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}

package/lib/node/{awaiter-Vwjft2v-.cjs → awaiter-Se1nH_ny.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-7xT7wMXt.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-jBWgo8LI.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;

package/lib/node/{awaiter-o3ynOQKr.js → awaiter-if1ZrvLi.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, renderSlot as o } from "vue";
-import { _ as r } from "./index-JQgNoVXs.js";
+import { _ as r } from "./index-vP-oPL56.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/node/{block-wrapper-KX1-Y2Oq.cjs → block-wrapper-B7fQ00-T.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties-2yGkQVh7.cjs"),a=require("./index-7xT7wMXt.cjs"),i=()=>Promise.resolve().then(()=>require("./index-7xT7wMXt.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties-NSTAD_o0.cjs"),a=require("./index-jBWgo8LI.cjs"),i=()=>Promise.resolve().then(()=>require("./index-jBWgo8LI.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;

package/lib/{edge/block-wrapper-GT2d4luN.js → node/block-wrapper-Nkj9awCA.js}

@@ -1,7 +1,7 @@
 import { defineComponent as r, defineAsyncComponent as a, resolveComponent as c, openBlock as i, createBlock as p, withCtx as s, renderSlot as l } from "vue";
-import { g as m, a as d } from "./get-block-properties-bMVCvUX0.js";
-import { _ as k } from "./index-Bgm0yCrN.js";
-const u = () => import("./index-Bgm0yCrN.js").then((t) => t.J).then((t) => t.default).catch((t) => {
+import { g as m, a as d } from "./get-block-properties-I05vUwHl.js";
+import { _ as k } from "./index-vP-oPL56.js";
+const u = () => import("./index-vP-oPL56.js").then((t) => t.E).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     t

package/lib/node/{component-ref-o3vjSyAQ.cjs → component-ref-BFKh4Vpb.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=require("./index-7xT7wMXt.cjs"),d=require("./should-force-browser-runtime-in-node-aeKfQiEQ.cjs"),l=require("./get-block-properties-2yGkQVh7.cjs"),k=()=>Promise.resolve().then(()=>require("./awaiter-Vwjft2v-.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),h=()=>Promise.resolve().then(()=>require("./live-edit-xPik2aUh.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),b=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(h),Awaiter:t.defineAsyncComponent(k)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:d.TARGET,isEditing:d.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function f(e,o,s,a,i,c){const r=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(r,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const m=p._export_sfc(b,[["render",f]]),C=({componentOptions:e,builderBlock:o,context:s,componentRef:a,includeBlockProps:i,isInteractive:c,contextValue:r})=>{const n={...e,...i?{attributes:l.getBlockProperties({block:o,context:r})}:{}};return c?{Wrapper:a,block:o,context:s,wrapperProps:e,includeBlockProps:i}:n},B=t.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:C}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function v(e,o,s,a,i,c){const r=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,u)=>(t.openBlock(),t.createBlock(r,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const g=p._export_sfc(B,[["render",v]]);exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=require("./index-jBWgo8LI.cjs"),d=require("./should-force-browser-runtime-in-node--WFVCCbl.cjs"),l=require("./get-block-properties-NSTAD_o0.cjs"),k=()=>Promise.resolve().then(()=>require("./awaiter-Se1nH_ny.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),h=()=>Promise.resolve().then(()=>require("./live-edit-Qt7v1n8V.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),b=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(h),Awaiter:t.defineAsyncComponent(k)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:d.TARGET,isEditing:d.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function f(e,o,s,a,i,c){const r=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(r,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const m=p._export_sfc(b,[["render",f]]),C=({componentOptions:e,builderBlock:o,context:s,componentRef:a,includeBlockProps:i,isInteractive:c,contextValue:r})=>{const n={...e,...i?{attributes:l.getBlockProperties({block:o,context:r})}:{}};return c?{Wrapper:a,block:o,context:s,wrapperProps:e,includeBlockProps:i}:n},B=t.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:C}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function v(e,o,s,a,i,c){const r=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,u)=>(t.openBlock(),t.createBlock(r,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const g=p._export_sfc(B,[["render",v]]);exports.default=g;

package/lib/node/{component-ref-HmJKie9z.js → component-ref-IheEdKTm.js}

@@ -1,13 +1,13 @@
 import { defineComponent as h, defineAsyncComponent as u, resolveComponent as m, openBlock as o, createBlock as i, withCtx as p, renderSlot as d, createElementBlock as f, Fragment as b, resolveDynamicComponent as C, mergeProps as w, normalizeProps as W, renderList as y, createCommentVNode as B } from "vue";
-import { _ as g, B as E, w as R } from "./index-JQgNoVXs.js";
-import { T as $, o as A } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
-import { a as v, g as S } from "./get-block-properties-DGfMhs4M.js";
-const T = () => import("./awaiter-o3ynOQKr.js").then((t) => t.default).catch((t) => {
+import { _ as g, B as E, w as R } from "./index-vP-oPL56.js";
+import { T as $, o as A } from "./should-force-browser-runtime-in-node-cWvDK4Td.js";
+import { a as v, g as S } from "./get-block-properties-I05vUwHl.js";
+const T = () => import("./awaiter-if1ZrvLi.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     t
   ), t;
-}), I = () => import("./live-edit-hxNZMHld.js").then((t) => t.default).catch((t) => {
+}), I = () => import("./live-edit-yKSQ0yqr.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",
     t

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "5.2.11";
+export declare const SDK_VERSION = "5.2.12";

package/lib/node/{get-block-properties-DGfMhs4M.js → get-block-properties-I05vUwHl.js}

@@ -1,5 +1,5 @@
-import { T as s } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
-import { e as c, g as i, a as l } from "./index-JQgNoVXs.js";
+import { T as s } from "./should-force-browser-runtime-in-node-cWvDK4Td.js";
+import { e as c, g as i, a as l } from "./index-vP-oPL56.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => c({
   code: e,
   context: t.context,

package/lib/node/{get-block-properties-2yGkQVh7.cjs → get-block-properties-NSTAD_o0.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./should-force-browser-runtime-in-node-aeKfQiEQ.cjs"),s=require("./index-7xT7wMXt.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function u(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=i(o);if(e.stripPrefix)switch(c.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(a,e)}return t}function d({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return d({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;
+"use strict";const c=require("./should-force-browser-runtime-in-node--WFVCCbl.cjs"),s=require("./index-jBWgo8LI.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function u(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=i(o);if(e.stripPrefix)switch(c.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(a,e)}return t}function d({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return d({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;

package/lib/node/helpers/css.d.ts

@@ -1,3 +1,5 @@
+import type { BuilderBlock } from '../types/builder-block';
+export declare const getResponsiveStylesWithImagePosition: (styles: BuilderBlock['responsiveStyles'], isBuilderImage: boolean) => BuilderBlock['responsiveStyles'];
 export declare const convertStyleMapToCSSArray: (style: Partial<CSSStyleDeclaration>) => string[];
 export declare const convertStyleMapToCSS: (style: Partial<CSSStyleDeclaration>) => string;
 export declare const createCssClass: ({ mediaQuery, className, styles }: {