@builder.io/sdk-react 2.0.24-4 → 2.0.25

package/lib/browser/blocks-exports.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),p=require("./server-entry-416ffa04.cjs"),g=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Ve=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function G(e){return a.jsx(a.Fragment,{children:Ve(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const N=()=>{switch(p.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function se(e){function t(){return{...e.attributes,[N()]:`${e.link?"":"builder-button"} ${e.attributes[N()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return a.jsx(G,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const O=g.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""}),ce=g.createContext({registeredComponents:{}});function Ne(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options}}function We(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}const ue=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((o,r)=>o!=null?o[r]:o,e);return i===void 0||i===e?n:i},$e=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),De=()=>({isEditing:p.isEditing(),isBrowser:p.isBrowser(),isServer:!p.isBrowser(),getUserAttributes:()=>p.getUserAttributes()}),Oe=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function de({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?de({rootState:r,localState:void 0,rootSetState:n?l=>{i[o]=l,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}const X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:l})=>{const s=$e({builder:t,context:n,event:i,state:de({rootState:l,localState:o,rootSetState:r})});return new Function(...s.map(([u])=>u),e)(...s.map(([,u])=>u))};function Le(){var e;return typeof process!="undefined"&&p.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Ue=({shouldLogWarning:e})=>{var o;if(!Le())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!i?(e&&p.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1},Me=e=>(p.isBrowser()||Ue({shouldLogWarning:!0}),X(e)),_e=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,He=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,qe=e=>{var t,n,i,o,r,l;return((i=(n=(t=_e.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((l=(r=(o=He.exec(e.trim()))==null?void 0:o.groups)==null?void 0:r.getPath)==null?void 0:l.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:l=!0}){if(e.trim()==="")return;const s=qe(e.trim());if(s)return ue({...i,...n},s);const u={code:Oe(e,{isExpression:l}),builder:De(),context:t,event:r,rootSetState:o,rootState:i,localState:n};try{return Me(u)}catch(c){p.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const Y=e=>JSON.parse(JSON.stringify(e)),me=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,r,l)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[l+1]))>>0===+i[l+1]?[]:{},e)[i[i.length-1]]=n,e};function z(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>z(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=z(e[n]));return t}const Ke=["svelte","vue","angular","qwik","solid"].includes(p.TARGET),ze=e=>{if(Ke){const t=Y(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=z(We(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},Je=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=ze(e);for(const l in e.bindings){const s=e.bindings[l],u=F({code:s,localState:n,rootState:i,rootSetState:o,context:t});me(r,l,u)}return r};function Ge({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const l=e;return n?Je({block:l,localState:i,rootState:o,rootSetState:r,context:t}):l}const L=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function Ye(e,t,n={}){let i,o,r,l=null,s=0;const u=function(){s=n.leading===!1?0:Date.now(),l=null,r=e.apply(i,o),l||(i=o=null)};return function(){const c=Date.now();!s&&n.leading===!1&&(s=c);const h=t-(c-s);return i=this,o=arguments,h<=0||h>t?(l&&(clearTimeout(l),l=null),s=c,r=e.apply(i,o),l||(i=o=null)):!l&&n.trailing!==!1&&(l=setTimeout(u,h)),r}}function V(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}function Qe(e){for(const t of e)switch(t.trigger){case"pageLoad":he(t);break;case"scrollInView":Ze(t);break}}function fe(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function ge(e,t){const n=Xe(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,l=[o,r];for(const s of l)for(const u of n)u in s||(s[u]=i[u])}function Xe(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function he(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n),n.style.transition="none",n.style.transitionDelay="0",V(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),V(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function Ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n);let i=!1,o=!1;function r(){!i&&s(n)?(i=!0,o=!0,setTimeout(()=>{V(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",l),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!s(n)&&(i=!1,V(n.style,e.steps[0].styles))}const l=Ye(r,200,{leading:!1});function s(h){const x=h.getBoundingClientRect(),f=window.innerHeight,b=(e.thresholdPercent||0)/100*f;return x.bottom>b&&x.top<f-b}const u=e.steps[0].styles;function c(){V(n.style,u)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",l,{capture:!0,passive:!0}),r()})}const be=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${L(n)}: ${i};`}).filter(p.checkIsDefined),et=e=>be(e).join(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),p=require("./server-entry-f8b08c1e.cjs"),g=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Ve=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function G(e){return a.jsx(a.Fragment,{children:Ve(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const N=()=>{switch(p.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function se(e){function t(){return{...e.attributes,[N()]:`${e.link?"":"builder-button"} ${e.attributes[N()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return a.jsx(G,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const O=g.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""}),ce=g.createContext({registeredComponents:{}});function Ne(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options}}function We(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}const ue=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((o,r)=>o!=null?o[r]:o,e);return i===void 0||i===e?n:i},$e=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),De=()=>({isEditing:p.isEditing(),isBrowser:p.isBrowser(),isServer:!p.isBrowser(),getUserAttributes:()=>p.getUserAttributes()}),Oe=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function de({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?de({rootState:r,localState:void 0,rootSetState:n?l=>{i[o]=l,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}const X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:l})=>{const s=$e({builder:t,context:n,event:i,state:de({rootState:l,localState:o,rootSetState:r})});return new Function(...s.map(([u])=>u),e)(...s.map(([,u])=>u))};function Le(){var e;return typeof process!="undefined"&&p.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Ue=({shouldLogWarning:e})=>{var o;if(!Le())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!i?(e&&p.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1},Me=e=>(p.isBrowser()||Ue({shouldLogWarning:!0}),X(e)),_e=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,He=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,qe=e=>{var t,n,i,o,r,l;return((i=(n=(t=_e.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((l=(r=(o=He.exec(e.trim()))==null?void 0:o.groups)==null?void 0:r.getPath)==null?void 0:l.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:l=!0}){if(e.trim()==="")return;const s=qe(e.trim());if(s)return ue({...i,...n},s);const u={code:Oe(e,{isExpression:l}),builder:De(),context:t,event:r,rootSetState:o,rootState:i,localState:n};try{return Me(u)}catch(c){p.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const Y=e=>JSON.parse(JSON.stringify(e)),me=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,r,l)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[l+1]))>>0===+i[l+1]?[]:{},e)[i[i.length-1]]=n,e};function z(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>z(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=z(e[n]));return t}const Ke=["svelte","vue","angular","qwik","solid"].includes(p.TARGET),ze=e=>{if(Ke){const t=Y(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=z(We(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},Je=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=ze(e);for(const l in e.bindings){const s=e.bindings[l],u=F({code:s,localState:n,rootState:i,rootSetState:o,context:t});me(r,l,u)}return r};function Ge({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const l=e;return n?Je({block:l,localState:i,rootState:o,rootSetState:r,context:t}):l}const L=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function Ye(e,t,n={}){let i,o,r,l=null,s=0;const u=function(){s=n.leading===!1?0:Date.now(),l=null,r=e.apply(i,o),l||(i=o=null)};return function(){const c=Date.now();!s&&n.leading===!1&&(s=c);const h=t-(c-s);return i=this,o=arguments,h<=0||h>t?(l&&(clearTimeout(l),l=null),s=c,r=e.apply(i,o),l||(i=o=null)):!l&&n.trailing!==!1&&(l=setTimeout(u,h)),r}}function V(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}function Qe(e){for(const t of e)switch(t.trigger){case"pageLoad":he(t);break;case"scrollInView":Ze(t);break}}function fe(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function ge(e,t){const n=Xe(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,l=[o,r];for(const s of l)for(const u of n)u in s||(s[u]=i[u])}function Xe(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function he(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n),n.style.transition="none",n.style.transitionDelay="0",V(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),V(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function Ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n);let i=!1,o=!1;function r(){!i&&s(n)?(i=!0,o=!0,setTimeout(()=>{V(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",l),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!s(n)&&(i=!1,V(n.style,e.steps[0].styles))}const l=Ye(r,200,{leading:!1});function s(h){const x=h.getBoundingClientRect(),f=window.innerHeight,b=(e.thresholdPercent||0)/100*f;return x.bottom>b&&x.top<f-b}const u=e.steps[0].styles;function c(){V(n.style,u)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",l,{capture:!0,passive:!0}),r()})}const be=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${L(n)}: ${i};`}).filter(p.checkIsDefined),et=e=>be(e).join(`
 `),$=({mediaQuery:e,className:t,styles:n})=>{const i=`.${t} {
     ${et(n)}
   }`;return e?`${e} {
@@ -9,7 +9,7 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-}`})]})}function A(e){var i,o,r;const t=g.useContext(O),n=g.useContext(ce);return a.jsx(yt,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:((i=e.context)==null?void 0:i.BlocksWrapper)||t.BlocksWrapper,BlocksWrapperProps:((o=e.context)==null?void 0:o.BlocksWrapperProps)||t.BlocksWrapperProps,children:e.blocks?a.jsx(a.Fragment,{children:(r=e.blocks)==null?void 0:r.map(l=>a.jsx(W,{block:l,linkComponent:e.linkComponent,context:e.context||t,registeredComponents:e.registeredComponents||n.registeredComponents},l.id))}):null})}const vt=e=>`builder-columns ${e}-breakpoints`;function Se(e){var T,B;const[t,n]=g.useState(()=>typeof e.space=="number"?e.space||0:20),[i,o]=g.useState(()=>e.columns||[]),[r,l]=g.useState(()=>e.stackColumnsAt||"tablet");function s(m){return m.link?e.builderLinkComponent||"a":"div"}function u(m){var v;return((v=i[m])==null?void 0:v.width)||100/i.length}function c(m){const v=u(m),w=t*(i.length-1)*(v/100);return`calc(${v}% - ${w}px)`}function h({stackedStyle:m,desktopStyle:v}){return r==="tablet"?m:v}function x({stackedStyle:m,desktopStyle:v}){return r==="never"?v:m}const[f,k]=g.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function b(){return{"--flex-dir":f,"--flex-dir-tablet":h({stackedStyle:f,desktopStyle:"row"})}}function C(m){const v=m===0?0:t,w=c(m),d=`${v}px`,y="100%",E=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:w,["marginLeft"]:d,"--column-width-mobile":x({stackedStyle:y,desktopStyle:w}),"--column-margin-left-mobile":x({stackedStyle:E,desktopStyle:d}),"--column-width-tablet":h({stackedStyle:y,desktopStyle:w}),"--column-margin-left-tablet":h({stackedStyle:E,desktopStyle:d})}}function S(m){var w,d;return ye(((d=(w=e.builderContext.content)==null?void 0:w.meta)==null?void 0:d.breakpoints)||{})[m].max}function R(){const m=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+}`})]})}function A(e){var i,o,r;const t=g.useContext(O),n=g.useContext(ce);return a.jsx(yt,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:((i=e.context)==null?void 0:i.BlocksWrapper)||(t==null?void 0:t.BlocksWrapper),BlocksWrapperProps:((o=e.context)==null?void 0:o.BlocksWrapperProps)||(t==null?void 0:t.BlocksWrapperProps),children:e.blocks?a.jsx(a.Fragment,{children:(r=e.blocks)==null?void 0:r.map(l=>a.jsx(W,{block:l,linkComponent:e.linkComponent,context:e.context||t,registeredComponents:e.registeredComponents||(n==null?void 0:n.registeredComponents)},l.id))}):null})}const vt=e=>`builder-columns ${e}-breakpoints`;function Se(e){var T,B;const[t,n]=g.useState(()=>typeof e.space=="number"?e.space||0:20),[i,o]=g.useState(()=>e.columns||[]),[r,l]=g.useState(()=>e.stackColumnsAt||"tablet");function s(m){return m.link?e.builderLinkComponent||"a":"div"}function u(m){var v;return((v=i[m])==null?void 0:v.width)||100/i.length}function c(m){const v=u(m),w=t*(i.length-1)*(v/100);return`calc(${v}% - ${w}px)`}function h({stackedStyle:m,desktopStyle:v}){return r==="tablet"?m:v}function x({stackedStyle:m,desktopStyle:v}){return r==="never"?v:m}const[f,k]=g.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function b(){return{"--flex-dir":f,"--flex-dir-tablet":h({stackedStyle:f,desktopStyle:"row"})}}function C(m){const v=m===0?0:t,w=c(m),d=`${v}px`,y="100%",E=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:w,["marginLeft"]:d,"--column-width-mobile":x({stackedStyle:y,desktopStyle:w}),"--column-margin-left-mobile":x({stackedStyle:E,desktopStyle:d}),"--column-width-tablet":h({stackedStyle:y,desktopStyle:w}),"--column-margin-left-tablet":h({stackedStyle:E,desktopStyle:d})}}function S(m){var w,d;return ye(((d=(w=e.builderContext.content)==null?void 0:w.meta)==null?void 0:d.breakpoints)||{})[m].max}function R(){const m=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${S("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);

package/lib/browser/blocks-exports.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as l, Fragment as w, jsxs as V } from "react/jsx-runtime";
-import { TARGET as D, isEditing as W, isBrowser as L, getUserAttributes as Ue, checkIsDefined as q, logger as z, isPreviewing as ve, registerInsertMenu as je, setupBrowserForEditing as Me, createRegisterComponentMessage as _e, getDefaultCanTrack as K, _track as le, fetchOneEntry as Se, createEditorListener as He, serializeIncludingFunctions as se, handleABTestingSync as qe } from "./server-entry-9d006173.js";
+import { TARGET as D, isEditing as W, isBrowser as L, getUserAttributes as Ue, checkIsDefined as q, logger as z, isPreviewing as ve, registerInsertMenu as je, setupBrowserForEditing as Me, createRegisterComponentMessage as _e, getDefaultCanTrack as K, _track as le, fetchOneEntry as Se, createEditorListener as He, serializeIncludingFunctions as se, handleABTestingSync as qe } from "./server-entry-350f7ecc.js";
 import { createContext as ke, useEffect as B, useState as T, useRef as $, useContext as ce, createElement as Ce } from "react";
 const Ke = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ze = (e) => typeof e == "string" && Ke.has(e.toLowerCase());
 function ie(e) {
@@ -1008,15 +1008,15 @@ function F(e) {
       path: e.path,
       styleProp: e.styleProp,
       classNameProp: e.className,
-      BlocksWrapper: ((i = e.context) == null ? void 0 : i.BlocksWrapper) || t.BlocksWrapper,
-      BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || t.BlocksWrapperProps,
+      BlocksWrapper: ((i = e.context) == null ? void 0 : i.BlocksWrapper) || (t == null ? void 0 : t.BlocksWrapper),
+      BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || (t == null ? void 0 : t.BlocksWrapperProps),
       children: e.blocks ? /* @__PURE__ */ l(w, { children: (a = e.blocks) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
         M,
         {
           block: r,
           linkComponent: e.linkComponent,
           context: e.context || t,
-          registeredComponents: e.registeredComponents || n.registeredComponents
+          registeredComponents: e.registeredComponents || (n == null ? void 0 : n.registeredComponents)
         },
         r.id
       )) }) : null

package/lib/browser/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-416ffa04.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.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.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-f8b08c1e.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.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.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import { Blocks as i, BuilderContext as s, Button as n, Columns as c, Content as m, Fragment as g, Image as a, Section as d, Symbol as l, Text as p, Video as u } from "./blocks-exports.mjs";
-import { _processContentResult as B, createRegisterComponentMessage as C, fetchBuilderProps as E, fetchEntries as h, fetchOneEntry as x, getBuilderSearchParams as S, isEditing as b, isPreviewing as P, register as k, setEditorSettings as y, subscribeToEditor as R, track as T } from "./server-entry-9d006173.js";
+import { _processContentResult as B, createRegisterComponentMessage as C, fetchBuilderProps as E, fetchEntries as h, fetchOneEntry as x, getBuilderSearchParams as S, isEditing as b, isPreviewing as P, register as k, setEditorSettings as y, subscribeToEditor as R, track as T } from "./server-entry-350f7ecc.js";
 import "react/jsx-runtime";
 import "react";
 export {