@builder.io/sdk-vue 3.0.6 → 3.0.7

package/lib/browser/{awaiter-B_2yazFf.cjs → awaiter-_VmV8-WL.cjs}

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

package/lib/browser/{awaiter-sU4SDpX0.js → awaiter-qTJKqZvs.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as t, renderSlot as o } from "vue";
-import { e as r } from "./index-B6NDWuX_.js";
+import { e as r } from "./index-2YUdegEe.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/browser/block-styles-lDAdx_vR.cjs

@@ -0,0 +1 @@
+var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-E49duuRO.cjs"),x=a.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,k,C,f;const e=this.block,t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((S=o==null?void 0:o.meta)==null?void 0:S.breakpoints)||{}),d=!!((k=(h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)!=null&&k.xsmall),i=t==null?void 0:t.large,c=t==null?void 0:t.medium,u=t==null?void 0:t.small,y=t==null?void 0:t.xsmall,n=e.id;if(!n)return"";const b=i?s.createCssClass({className:n,styles:i}):"",g=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",v=u?s.createCssClass({className:n,styles:u,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"",B=y&&d?s.createCssClass({className:n,styles:y,mediaQuery:s.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(m=>m.trigger==="hover");let p="";if(l){const m=((f=(C=l.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};p=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${s.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[b,g,v,B,p].join(" ")}}});function T(e,t,o,r,d,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const $=s._export_sfc(x,[["render",T]]);exports.default=$;

package/lib/browser/block-styles-lH0YkYH7.js

@@ -0,0 +1,84 @@
+import "./style.css";
+import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
+import { _ as N, T as Q, c as C, g as z, a, b as m, d as A, e as D } from "./index-2YUdegEe.js";
+const E = _({
+  name: "block-styles",
+  components: { InlinedStyles: N },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: Q };
+  },
+  computed: {
+    canShowBlock() {
+      const e = this.block;
+      return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
+    },
+    css() {
+      var S, k, h, f, b;
+      const e = this.block, s = e.responsiveStyles, t = this.context.content, l = z(
+        ((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
+      ), d = !!((h = (k = t == null ? void 0 : t.meta) == null ? void 0 : k.breakpoints) != null && h.xsmall), c = s == null ? void 0 : s.large, r = s == null ? void 0 : s.medium, p = s == null ? void 0 : s.small, y = s == null ? void 0 : s.xsmall, o = e.id;
+      if (!o)
+        return "";
+      const B = c ? a({
+        className: o,
+        styles: c
+      }) : "", g = r ? a({
+        className: o,
+        styles: r,
+        mediaQuery: m(
+          "medium",
+          l
+        )
+      }) : "", $ = p ? a({
+        className: o,
+        styles: p,
+        mediaQuery: m(
+          "small",
+          l
+        )
+      }) : "", v = y && d ? a({
+        className: o,
+        styles: y,
+        mediaQuery: m(
+          "xsmall",
+          l
+        )
+      }) : "", n = e.animations && e.animations.find((i) => i.trigger === "hover");
+      let u = "";
+      if (n) {
+        const i = ((b = (f = n.steps) == null ? void 0 : f[1]) == null ? void 0 : b.styles) || {};
+        u = a({
+          className: `${o}:hover`,
+          styles: {
+            ...i,
+            transition: `all ${n.duration}s ${A(
+              n.easing
+            )}`,
+            transitionDelay: n.delay ? `${n.delay}s` : "0s"
+          }
+        }) || "";
+      }
+      return [
+        B,
+        g,
+        $,
+        v,
+        u
+      ].join(" ");
+    }
+  }
+});
+function F(e, s, t, l, d, c) {
+  const r = x("InlinedStyles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (T(), w(r, {
+    key: 0,
+    id: "builderio-block",
+    styles: e.css,
+    nonce: e.context.nonce
+  }, null, 8, ["styles", "nonce"])) : I("", !0);
+}
+const j = /* @__PURE__ */ D(E, [["render", F]]);
+export {
+  j as default
+};

package/lib/browser/{block-wrapper-cNFnfUiY.cjs → block-wrapper-8blpYCju.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-CKOWhK-0.cjs"),n=require("./index-kfabrDm6.cjs"),c=()=>Promise.resolve().then(()=>require("./index-kfabrDm6.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}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{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})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties--ucCo9kV.cjs"),n=require("./index-E49duuRO.cjs"),c=()=>Promise.resolve().then(()=>require("./index-E49duuRO.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}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{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})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/browser/{block-wrapper-sJoVtUVt.js → block-wrapper-bJ0fGq-G.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-aoErppFn.js";
-import { e as m } from "./index-B6NDWuX_.js";
-const d = () => import("./index-B6NDWuX_.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-GmG9ANiw.js";
+import { e as m } from "./index-2YUdegEe.js";
+const d = () => import("./index-2YUdegEe.js").then((e) => e.G).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/browser/{component-ref-InYIqrKn.js → component-ref-0bMZghu6.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as d, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
-import { e as h, B as S, w as y } from "./index-B6NDWuX_.js";
-import { a as C, g as A } from "./get-block-properties-aoErppFn.js";
-const R = () => import("./awaiter-sU4SDpX0.js").then((e) => e.default).catch((e) => {
+import { e as h, B as S, w as y } from "./index-2YUdegEe.js";
+import { a as C, g as A } from "./get-block-properties-GmG9ANiw.js";
+const R = () => import("./awaiter-qTJKqZvs.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e

package/lib/browser/{component-ref-Lo1xYT1R.cjs → component-ref-iWkUvVQ1.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-kfabrDm6.cjs"),a=require("./get-block-properties-CKOWhK-0.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-B_2yazFf.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function f(e,n,s,i,r,l){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(d,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:i,includeBlockProps:r,isInteractive:l,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return l?{Wrapper:i,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function C(e,n,s,i,r,l){const o=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.blockChildren,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const h=c._export_sfc(B,[["render",C]]);exports.default=h;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-E49duuRO.cjs"),a=require("./get-block-properties--ucCo9kV.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-_VmV8-WL.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function f(e,n,s,i,r,l){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(d,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:i,includeBlockProps:r,isInteractive:l,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return l?{Wrapper:i,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function C(e,n,s,i,r,l){const o=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.blockChildren,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const h=c._export_sfc(B,[["render",C]]);exports.default=h;

package/lib/browser/components/content-variants/content-variants.vue.d.ts

@@ -44,7 +44,9 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         meta?: {
             [key: string]: any;
             breakpoints?: import("../../types/typescript").Nullable<import("../../types/builder-content").Breakpoints>;
-        } | undefined;
+        } | undefined; /**
+         * For internal use only. Do not provide this prop.
+         */
     }[];
 }, {
     updateCookieAndStylesScriptStr(): string;

package/lib/browser/constants/device-sizes.d.ts

@@ -1,4 +1,4 @@
-export type SizeName = 'large' | 'medium' | 'small';
+export type SizeName = 'large' | 'medium' | 'small' | 'xsmall';
 interface Size {
     min: number;
     default: number;
@@ -6,8 +6,9 @@ interface Size {
 }
 export declare const getMaxWidthQueryForSize: (size: SizeName, sizeValues?: Record<SizeName, Size>) => string;
 interface Breakpoints {
+    xsmall?: number;
     small?: number;
     medium?: number;
 }
-export declare const getSizesForBreakpoints: ({ small, medium }: Breakpoints) => Record<SizeName, Size>;
+export declare const getSizesForBreakpoints: (breakpoints: Breakpoints) => Record<SizeName, Size>;
 export {};

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.0.6";
+export declare const SDK_VERSION = "3.0.7";

package/lib/browser/{get-block-properties-CKOWhK-0.cjs → get-block-properties--ucCo9kV.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const s=require("./index-kfabrDm6.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(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 u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=f;
+var d=require("./style.css");const s=require("./index-E49duuRO.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(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 u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=f;

package/lib/browser/{get-block-properties-aoErppFn.js → get-block-properties-GmG9ANiw.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { f as n, T as c, h as i, i as l } from "./index-B6NDWuX_.js";
+import { f as n, T as c, h as i, i as l } from "./index-2YUdegEe.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
   code: e,
   context: t.context,

package/lib/browser/{index-B6NDWuX_.js → index-2YUdegEe.js}

@@ -504,7 +504,7 @@ const Pe = "builder.", an = "options.", Je = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Je(e);
-}, Ge = "3.0.6", Ye = () => ({
+}, Ge = "3.0.7", Ye = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": Ge
@@ -745,6 +745,7 @@ const nt = (e = {}) => {
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0,
+      supportsXSmallBreakpoint: !0,
       blockLevelPersonalization: !0
     }
   }, "*"), (n = window.parent) == null || n.postMessage({
@@ -1367,22 +1368,22 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), ro = () => import("./block-styles-K1JPlueX.js").then((e) => e.default).catch((e) => {
+}), ro = () => import("./block-styles-lH0YkYH7.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;
-}), so = () => import("./block-wrapper-sJoVtUVt.js").then((e) => e.default).catch((e) => {
+}), so = () => import("./block-wrapper-bJ0fGq-G.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;
-}), io = () => import("./component-ref-InYIqrKn.js").then((e) => e.default).catch((e) => {
+}), io = () => import("./component-ref-0bMZghu6.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;
-}), ao = () => import("./repeated-block-P2xyBE88.js").then((e) => e.default).catch((e) => {
+}), ao = () => import("./repeated-block-8jINQA8S.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1692,8 +1693,13 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
 }), gt = {
+  xsmall: {
+    min: 0,
+    default: 160,
+    max: 320
+  },
   small: {
-    min: 320,
+    min: 321,
     default: 321,
     max: 640
   },
@@ -1707,32 +1713,44 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, ai = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, ko = ({
-  small: e,
-  medium: t
-}) => {
-  const n = he(gt);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
+}, ai = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, ko = (e) => {
+  const t = he(gt);
+  if (!e)
+    return t;
+  const {
+    xsmall: n,
+    small: o,
+    medium: r
+  } = e;
+  if (n) {
+    const a = Math.floor(n / 2);
+    t.xsmall = {
+      max: n,
+      min: a,
+      default: a + 1
+    };
+  }
+  if (!o || !r)
+    return t;
+  const s = n ? t.xsmall.max + 1 : Math.floor(o / 2);
+  t.small = {
+    max: o,
+    min: s,
+    default: s + 1
   };
-  const r = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: r,
-    default: r + 1
+  const i = t.small.max + 1;
+  t.medium = {
+    max: r,
+    min: i,
+    default: i + 1
   };
-  const s = n.medium.max + 1;
-  return n.large = {
+  const l = t.medium.max + 1;
+  return t.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: s,
-    default: s + 1
-  }, n;
+    min: l,
+    default: l + 1
+  }, t;
 }, vo = (e) => `builder-columns ${e}-breakpoints`, So = g({
   name: "builder-columns",
   components: {