@builder.io/sdk-react 2.0.2 → 2.0.5

package/lib/edge/blocks-53ae1b87.cjs

@@ -0,0 +1,12 @@
+"use strict";const c=require("react/jsx-runtime"),S=require("react"),$=require("./blocks-exports.cjs"),p=require("./evaluate-c0eeb4f8.cjs"),g=require("./server-entry-4133a544.cjs"),_=require("./get-class-prop-name-eae60eae.cjs"),V=require("./dynamic-renderer-b29b45ca.cjs"),P=e=>JSON.parse(JSON.stringify(e)),N=S.createContext({registeredComponents:{}});function K(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options}}const Z=({block:e,context:t,localState:n,rootState:o,rootSetState:r})=>{if(!e.bindings)return e;const s=P(e),i={...s,properties:{...s.properties},actions:{...s.actions}};for(const l in e.bindings){const u=e.bindings[l],f=p.evaluate({code:u,localState:n,rootState:o,rootSetState:r,context:t,enableCache:!0});p.set(i,l,f)}return i};function b({block:e,context:t,shouldEvaluateBindings:n,localState:o,rootState:r,rootSetState:s}){const i=e;return n?Z({block:i,localState:o,rootState:r,rootSetState:s,context:t}):i}const B=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function G(e,t,n={}){let o,r,s,i=null,l=0;const u=function(){l=n.leading===!1?0:Date.now(),i=null,s=e.apply(o,r),i||(o=r=null)};return function(){const f=Date.now();!l&&n.leading===!1&&(l=f);const x=t-(f-l);return o=this,r=arguments,x<=0||x>t?(i&&(clearTimeout(i),i=null),l=f,s=e.apply(o,r),i||(o=r=null)):!i&&n.trailing!==!1&&(i=setTimeout(u,x)),s}}function y(e,...t){const n=Object(e);for(let o=1;o<arguments.length;o++){const r=arguments[o];if(r!=null)for(const s in r)Object.prototype.hasOwnProperty.call(r,s)&&(n[s]=r[s])}return n}function J(e){for(const t of e)switch(t.trigger){case"pageLoad":D(t);break;case"scrollInView":X(t);break}}function O(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function T(e,t){const n=Q(e),o=getComputedStyle(t),r=e.steps[0].styles,s=e.steps[e.steps.length-1].styles,i=[r,s];for(const l of i)for(const u of n)u in l||(l[u]=o[u])}function Q(e){const t=[];for(const n of e.steps)for(const o in n.styles)t.indexOf(o)===-1&&t.push(o);return t}function D(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){O(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{T(e,n),n.style.transition="none",n.style.transitionDelay="0",y(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${B(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),y(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function X(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){O(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{T(e,n);let o=!1,r=!1;function s(){!o&&l(n)?(o=!0,r=!0,setTimeout(()=>{y(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",i),setTimeout(()=>{r=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&o&&!r&&!l(n)&&(o=!1,y(n.style,e.steps[0].styles))}const i=G(s,200,{leading:!1});function l(x){const a=x.getBoundingClientRect(),d=window.innerHeight,m=(e.thresholdPercent||0)/100*d;return a.bottom>m&&a.top<d-m}const u=e.steps[0].styles;function f(){y(n.style,u)}f(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${B(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",i,{capture:!0,passive:!0}),s()})}const F=e=>Object.entries(e).map(([n,o])=>{if(typeof o=="string")return`${B(n)}: ${o};`}).filter(g.checkIsDefined),Y=e=>F(e).join(`
+`),C=({mediaQuery:e,className:t,styles:n})=>{const o=`.${t} {
+    ${Y(n)}
+  }`;return e?`${e} {
+      ${o}
+    }`:o};function ee({style:e}){return e}const te=({block:e,context:t})=>M(ee({style:e.style||{},context:t,block:e}));function M(e){switch(g.TARGET){case"svelte":case"vue":case"solid":case"angular":return F(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const ne=({block:e,context:t,registeredComponents:n})=>{var s;const o=(s=b({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:s.name;if(!o)return null;const r=n[o];if(r)return r;console.warn(`
+      Could not find a registered component named "${o}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},oe=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const r=p.evaluate({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,enableCache:!0});if(!Array.isArray(r))return;const s=n.collection.split(".").pop(),i=n.itemName||(s?s+"Item":"item");return r.map((u,f)=>({context:{...t,localState:{...t.localState,$index:f,$item:u,[i]:u,[`$${i}Index`]:f}},block:o}))},re=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},se=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderComponents?{builderComponents:t}:{}},ce=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},le=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},L={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},A=(e,t=L)=>`@media (max-width: ${t[e].max}px)`,q=({small:e,medium:t})=>{const n=P(L);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const r=n.small.max+1;n.medium={max:t,min:r,default:r+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n};function z(e){return c.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id,nonce:e.nonce})}function ie(e){function t(){const o=b({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return g.checkIsDefined(o.hide)?!o.hide:g.checkIsDefined(o.show)?o.show:!0}function n(){var I,R,E;const o=b({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}),r=o.responsiveStyles,s=e.context.content,i=q(((I=s==null?void 0:s.meta)==null?void 0:I.breakpoints)||{}),l=r==null?void 0:r.large,u=r==null?void 0:r.medium,f=r==null?void 0:r.small,x=o.id;if(!x)return"";const a=l?C({className:x,styles:l}):"",d=u?C({className:x,styles:u,mediaQuery:A("medium",i)}):"",h=f?C({className:x,styles:f,mediaQuery:A("small",i)}):"",m=o.animations&&o.animations.find(v=>v.trigger==="hover");let w="";if(m){const v=((E=(R=m.steps)==null?void 0:R[1])==null?void 0:E.styles)||{};w=C({className:`${x}:hover`,styles:{...v,transition:`all ${m.duration}s ${B(m.easing)}`,transitionDelay:m.delay?`${m.delay}s`:"0s"}})||""}return[a,d,h,w].join(" ")}return c.jsx(c.Fragment,{children:n()&&t()?c.jsx(c.Fragment,{children:c.jsx(z,{id:"builderio-block",styles:n(),nonce:e.context.nonce})}):null})}function ae(e){return e.charAt(0).toUpperCase()+e.slice(1)}const ue=e=>`on${ae(e)}`,de=(e,t)=>n=>p.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1,enableCache:!0});function H(e){var o;const t={},n=(o=e.block.actions)!=null?o:{};for(const r in n){if(!n.hasOwnProperty(r))continue;const s=n[r];let i=ue(r);if(e.stripPrefix)switch(g.TARGET){case"vue":i=i.replace("v-on:","");break;case"svelte":i=i.replace("on:","");break}t[i]=de(s,e)}return t}function fe({properties:e}){return e}const me=e=>({href:e.href});function j({block:e,context:t}){var o;const n={...me(e),...e.properties,"builder-id":e.id,style:te({block:e,context:t}),[_.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return fe({properties:n,context:t,block:e})}function xe(e){return c.jsx(V.DynamicRenderer,{TagName:e.Wrapper,attributes:j({block:e.block,context:e.context}),actionAttributes:H({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:e.children})}function he(e){function t(){return e.includeBlockProps?{...j({block:e.block,context:e.context}),...H({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}}return c.jsx(e.Wrapper,{...e.wrapperProps,attributes:t(),children:e.children})}const ge=({componentOptions:e,builderBlock:t,context:n,componentRef:o,includeBlockProps:r,isInteractive:s,contextValue:i})=>{const l={...e,...r?{attributes:j({block:t,context:i})}:{}};return s?{Wrapper:o,block:t,context:n,wrapperProps:e,includeBlockProps:r}:l};function W(e){var o;const[t,n]=S.useState(()=>e.isInteractive?he:e.componentRef);return c.jsx(c.Fragment,{children:e.componentRef?c.jsx(c.Fragment,{children:c.jsx(t,{...ge({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(o=e.blockChildren)==null?void 0:o.map(r=>c.jsx(k,{block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r.id))})}):null})}function Se(e){const[t,n]=S.useState(()=>e.repeatContext);return c.jsx($.BuilderContext.Provider,{value:t,children:c.jsx(k,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function k(e){var u,f,x;function t(){return ne({block:e.block,context:e.context,registeredComponents:e.registeredComponents})}function n(){return oe({block:e.block,context:e.context})}function o(){var a;return(a=e.block.repeat)!=null&&a.collection?e.block:b({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0})}function r(){var d;return e.block.tagName==="a"||((d=o().properties)==null?void 0:d.href)||o().href?e.linkComponent||"a":e.block.tagName||"div"}function s(){var h,m;if((h=e.block.repeat)!=null&&h.collection)return!!((m=n==null?void 0:n())!=null&&m.length);const a="hide"in o()?o().hide:!1;return("show"in o()?o().show:!0)&&!a}function i(){var d,h;return!((d=t==null?void 0:t())!=null&&d.component)&&!n()?(h=o().children)!=null?h:[]:[]}function l(){var a,d,h,m;return{blockChildren:(a=o().children)!=null?a:[],componentRef:(d=t==null?void 0:t())==null?void 0:d.component,componentOptions:{...K(o()),...ce(t(),o()),...le(t(),e.context),...re(t(),e.linkComponent),...se(t(),e.registeredComponents)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:o(),includeBlockProps:((h=t==null?void 0:t())==null?void 0:h.noWrap)===!0,isInteractive:!((m=t==null?void 0:t())!=null&&m.isRSC)}}return S.useEffect(()=>{const a=o().id,d=o().animations;d&&a&&J(d.map(h=>({...h,elementId:a})))},[]),c.jsx(c.Fragment,{children:s()?c.jsxs(c.Fragment,{children:[c.jsx(ie,{block:e.block,context:e.context}),(u=t==null?void 0:t())!=null&&u.noWrap?c.jsx(c.Fragment,{children:c.jsx(W,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive})}):c.jsx(c.Fragment,{children:n()?c.jsx(c.Fragment,{children:(x=n())==null?void 0:x.map((a,d)=>c.jsx(Se,{repeatContext:a.context,block:a.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d))}):c.jsxs(xe,{Wrapper:r(),block:o(),context:e.context,children:[c.jsx(W,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive}),(f=i())==null?void 0:f.map(a=>c.jsx(k,{block:a,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},a.id))]})})]}):null})}function ye(e){function t(){var r;return"builder-blocks"+((r=e.blocks)!=null&&r.length?"":" no-blocks")}function n(){var r,s;g.isEditing()&&!((r=e.blocks)!=null&&r.length)&&((s=window.parent)==null||s.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function o(){var r,s;g.isEditing()&&!((r=e.blocks)!=null&&r.length)&&((s=window.parent)==null||s.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return c.jsxs(c.Fragment,{children:[c.jsx(e.BlocksWrapper,{className:t()+" props-blocks-wrapper-7cd1560e","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:r=>n(),onMouseEnter:r=>o(),onKeyPress:r=>n(),...e.BlocksWrapperProps,children:e.children}),c.jsx("style",{children:`.props-blocks-wrapper-7cd1560e {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}`})]})}function U(e){var o,r,s;const t=S.useContext($.BuilderContext),n=S.useContext(N);return c.jsx(ye,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:((o=e.context)==null?void 0:o.BlocksWrapper)||t.BlocksWrapper,BlocksWrapperProps:((r=e.context)==null?void 0:r.BlocksWrapperProps)||t.BlocksWrapperProps,children:e.blocks?c.jsx(c.Fragment,{children:(s=e.blocks)==null?void 0:s.map(i=>c.jsx(k,{block:i,linkComponent:e.linkComponent,context:e.context||t,registeredComponents:e.registeredComponents||n.registeredComponents},i.id))}):null})}const ke=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"}));exports.Block=k;exports.Blocks=U;exports.ComponentsContext=N;exports.InlinedStyles=z;exports.blocks=ke;exports.fastClone=P;exports.getSizesForBreakpoints=q;exports.mapStyleObjToStrIfNeeded=M;exports.triggerAnimation=D;

package/lib/edge/blocks-exports.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./server-entry-966ac144.cjs");const t=e.lazy(()=>Promise.resolve().then(()=>require("./button-5d140f8e.cjs"))),r=e.lazy(()=>Promise.resolve().then(()=>require("./columns-354bf349.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./image-344ddbb0.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-76e76298.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./video-e20dcbbc.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-078044bc.cjs")).then(o=>o.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-89a9389a.cjs"))),y=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""});exports.Blocks=u;exports.BuilderContext=y;exports.Button=t;exports.Columns=r;exports.Content=m;exports.Fragment=n;exports.Image=s;exports.Section=i;exports.Symbol=l;exports.Text=c;exports.Video=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./server-entry-4133a544.cjs");const t=e.lazy(()=>Promise.resolve().then(()=>require("./button-967d0268.cjs"))),r=e.lazy(()=>Promise.resolve().then(()=>require("./columns-3b921658.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./image-eebfcbac.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-98650b06.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./text-1c1986aa.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./video-e20dcbbc.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-53ae1b87.cjs")).then(o=>o.blocks)),m=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-4b8718f8.cjs"))),y=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""});exports.Blocks=u;exports.BuilderContext=y;exports.Button=t;exports.Columns=r;exports.Content=m;exports.Fragment=n;exports.Image=s;exports.Section=i;exports.Symbol=l;exports.Text=c;exports.Video=a;

package/lib/edge/blocks-exports.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { lazy as t, createContext as n } from "react";
-import "./server-entry-d2020acf.js";
-const i = t(() => import("./button-41169061.js")), r = t(() => import("./columns-f8916a18.js")), a = t(() => import("./fragment-1492bc7f.js")), c = t(() => import("./image-e3fcd611.js")), m = t(() => import("./section-d83e2dd3.js")), p = t(() => import("./symbol-e6515a5f.js")), l = t(() => import("./text-5915f038.js")), u = t(() => import("./video-58c2cc8d.js")), d = t(() => import("./blocks-f55c7d3e.js").then((o) => o.blocks)), x = t(() => import("./content-variants-71ee0c76.js")), S = n({
+import "./server-entry-feff6177.js";
+const i = t(() => import("./button-778062cd.js")), r = t(() => import("./columns-3a8c4d3f.js")), a = t(() => import("./fragment-1492bc7f.js")), c = t(() => import("./image-6a074aab.js")), m = t(() => import("./section-d83e2dd3.js")), p = t(() => import("./symbol-dcef0d8e.js")), l = t(() => import("./text-6f7cbc35.js")), u = t(() => import("./video-58c2cc8d.js")), d = t(() => import("./blocks-426e0c44.js").then((o) => o.blocks)), x = t(() => import("./content-variants-15d191de.js")), S = n({
   content: null,
   context: {},
   localState: void 0,

package/lib/edge/{button-41169061.js → button-778062cd.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { DynamicRenderer as r } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as n } from "./get-class-prop-name-a677d7a5.js";
-import "./server-entry-d2020acf.js";
+import { getClassPropName as n } from "./get-class-prop-name-0a91c3bd.js";
+import "./server-entry-feff6177.js";
 function b(t) {
   function e() {
     return {

package/lib/edge/{button-5d140f8e.cjs → button-967d0268.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-a9b4959e.cjs");require("./server-entry-966ac144.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-eae60eae.cjs");require("./server-entry-4133a544.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;

package/lib/edge/{columns-f8916a18.js → columns-3a8c4d3f.js}

@@ -1,45 +1,46 @@
 import { jsxs as y, Fragment as B, jsx as o } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-f55c7d3e.js";
-import { DynamicRenderer as N } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as D } from "./get-class-prop-name-a677d7a5.js";
+import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-426e0c44.js";
+import { DynamicRenderer as D } from "./dynamic-renderer-8b343325.js";
+import { getClassPropName as N } from "./get-class-prop-name-0a91c3bd.js";
 import "./blocks-exports.mjs";
-import "./server-entry-d2020acf.js";
-const F = (t) => `builder-columns ${t}-breakpoints`;
-function J(t) {
+import "./server-entry-feff6177.js";
+import "./evaluate-26c0fdb7.js";
+const F = (e) => `builder-columns ${e}-breakpoints`;
+function Q(e) {
   var f, k;
   const [c, T] = r(
-    () => typeof t.space == "number" ? t.space || 0 : 20
-  ), [s, j] = r(() => t.columns || []), [m, I] = r(
-    () => t.stackColumnsAt || "tablet"
+    () => typeof e.space == "number" ? e.space || 0 : 20
+  ), [s, j] = r(() => e.columns || []), [m, I] = r(
+    () => e.stackColumnsAt || "tablet"
   );
-  function S(e) {
-    return e.link ? t.builderLinkComponent || "a" : "div";
+  function S(t) {
+    return t.link ? e.builderLinkComponent || "a" : "div";
   }
-  function x(e) {
+  function x(t) {
     var n;
-    return ((n = s[e]) == null ? void 0 : n.width) || 100 / s.length;
+    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
   }
-  function C(e) {
-    const n = x(e), i = c * (s.length - 1) * (n / 100);
+  function C(t) {
+    const n = x(t), i = c * (s.length - 1) * (n / 100);
     return `calc(${n}% - ${i}px)`;
   }
   function a({
-    stackedStyle: e,
+    stackedStyle: t,
     desktopStyle: n
   }) {
-    return m === "tablet" ? e : n;
+    return m === "tablet" ? t : n;
   }
   function u({
-    stackedStyle: e,
+    stackedStyle: t,
     desktopStyle: n
   }) {
-    return m === "never" ? n : e;
+    return m === "never" ? n : t;
   }
   const [d, P] = r(
-    () => t.stackColumnsAt === "never" ? "row" : t.reverseColumnsWhenStacked ? "column-reverse" : "column"
+    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function v() {
+  function p() {
     return {
       "--flex-dir": d,
       "--flex-dir-tablet": a({
@@ -48,8 +49,8 @@ function J(t) {
       })
     };
   }
-  function w(e) {
-    const n = e === 0 ? 0 : c, i = C(e), l = `${n}px`, g = "100%", h = 0;
+  function v(t) {
+    const n = t === 0 ? 0 : c, i = C(t), l = `${n}px`, g = "100%", h = 0;
     return {
       ...{
         display: "flex",
@@ -76,81 +77,82 @@ function J(t) {
       })
     };
   }
-  function b(e) {
+  function b(t) {
     var i, l;
     return W(
-      ((l = (i = t.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
-    )[e].max;
+      ((l = (i = e.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
+    )[t].max;
   }
-  function p() {
+  function w() {
+    const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${b("medium")}px) {
-          .${t.builderBlock.id}-breakpoints {
+          .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
           }
 
-          .${t.builderBlock.id}-breakpoints > .builder-column {
+          ${t} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
         }
 
         @media (max-width: ${b("small")}px) {
-          .${t.builderBlock.id}-breakpoints {
+          .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
           }
 
-          .${t.builderBlock.id}-breakpoints > .builder-column {
+          ${t} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
   }
-  function $(e, n) {
+  function $(t, n) {
     return {
-      ...e.link ? {
-        href: e.link
+      ...t.link ? {
+        href: t.link
       } : {},
-      [D()]: "builder-column",
-      style: L(w(n))
+      [N()]: "builder-column",
+      style: L(v(n))
     };
   }
   return /* @__PURE__ */ y(B, { children: [
     /* @__PURE__ */ y(
       "div",
       {
-        className: F((f = t.builderBlock) == null ? void 0 : f.id) + " div-fe220f58",
-        style: v(),
+        className: F((f = e.builderBlock) == null ? void 0 : f.id) + " div-34f576bb",
+        style: p(),
         children: [
           /* @__PURE__ */ o(
             z,
             {
               id: "builderio-columns",
-              styles: p(),
-              nonce: t.builderContext.nonce
+              styles: w(),
+              nonce: e.builderContext.nonce
             }
           ),
-          (k = t.columns) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ o(
-            N,
+          (k = e.columns) == null ? void 0 : k.map((t, n) => /* @__PURE__ */ o(
+            D,
             {
-              TagName: S(e),
+              TagName: S(t),
               actionAttributes: {},
-              attributes: $(e, n),
+              attributes: $(t, n),
               children: /* @__PURE__ */ o(
                 A,
                 {
                   path: `component.options.columns.${n}.blocks`,
-                  parent: t.builderBlock.id,
+                  parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
                   },
-                  context: t.builderContext,
-                  registeredComponents: t.builderComponents,
-                  linkComponent: t.builderLinkComponent,
-                  blocks: e.blocks
+                  context: e.builderContext,
+                  registeredComponents: e.builderComponents,
+                  linkComponent: e.builderLinkComponent,
+                  blocks: t.blocks
                 }
               )
             },
@@ -159,12 +161,12 @@ function J(t) {
         ]
       }
     ),
-    /* @__PURE__ */ o("style", { children: `.div-fe220f58 {
+    /* @__PURE__ */ o("style", { children: `.div-34f576bb {
   display: flex;
   line-height: normal;
 }` })
   ] });
 }
 export {
-  J as default
+  Q as default
 };

package/lib/edge/columns-3b921658.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-53ae1b87.cjs"),p=require("./dynamic-renderer-b29b45ca.cjs"),q=require("./get-class-prop-name-eae60eae.cjs");require("./blocks-exports.cjs");require("./server-entry-4133a544.cjs");require("./evaluate-c0eeb4f8.cjs");const B=t=>`builder-columns ${t}-breakpoints`;function z(t){var f,g;const[u,A]=o.useState(()=>typeof t.space=="number"?t.space||0:20),[c,L]=o.useState(()=>t.columns||[]),[d,N]=o.useState(()=>t.stackColumnsAt||"tablet");function y(e){return e.link?t.builderLinkComponent||"a":"div"}function x(e){var n;return((n=c[e])==null?void 0:n.width)||100/c.length}function C(e){const n=x(e),i=u*(c.length-1)*(n/100);return`calc(${n}% - ${i}px)`}function a({stackedStyle:e,desktopStyle:n}){return d==="tablet"?e:n}function m({stackedStyle:e,desktopStyle:n}){return d==="never"?n:e}const[b,W]=o.useState(()=>t.stackColumnsAt==="never"?"row":t.reverseColumnsWhenStacked?"column-reverse":"column");function v(){return{"--flex-dir":b,"--flex-dir-tablet":a({stackedStyle:b,desktopStyle:"row"})}}function w(e){const n=e===0?0:u,i=C(e),r=`${n}px`,h="100%",S=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:h,desktopStyle:i}),"--column-margin-left-mobile":m({stackedStyle:S,desktopStyle:r}),"--column-width-tablet":a({stackedStyle:h,desktopStyle:i}),"--column-margin-left-tablet":a({stackedStyle:S,desktopStyle:r})}}function k(e){var i,r;return s.getSizesForBreakpoints(((r=(i=t.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[e].max}function $(){const e=`.${t.builderBlock.id}-breakpoints > .builder-column`;return`
+        @media (max-width: ${k("medium")}px) {
+          .${t.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          ${e} {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${k("small")}px) {
+          .${t.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          ${e} {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `}function j(e,n){return{...e.link?{href:e.link}:{},[q.getClassPropName()]:"builder-column",style:s.mapStyleObjToStrIfNeeded(w(n))}}return l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:B((f=t.builderBlock)==null?void 0:f.id)+" div-34f576bb",style:v(),children:[l.jsx(s.InlinedStyles,{id:"builderio-columns",styles:$(),nonce:t.builderContext.nonce}),(g=t.columns)==null?void 0:g.map((e,n)=>l.jsx(p.DynamicRenderer,{TagName:y(e),actionAttributes:{},attributes:j(e,n),children:l.jsx(s.Blocks,{path:`component.options.columns.${n}.blocks`,parent:t.builderBlock.id,styleProp:{flexGrow:"1"},context:t.builderContext,registeredComponents:t.builderComponents,linkComponent:t.builderLinkComponent,blocks:e.blocks})},n))]}),l.jsx("style",{children:`.div-34f576bb {
+  display: flex;
+  line-height: normal;
+}`})]})}exports.default=z;

package/lib/edge/{content-variants-71ee0c76.js → content-variants-15d191de.js}

@@ -1,9 +1,10 @@
 import { jsx as h, jsxs as H, Fragment as z } from "react/jsx-runtime";
 import { lazy as v, useRef as le, useState as k, useEffect as S } from "react";
-import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-d2020acf.js";
-import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Te, Section as ke, Symbol as Ce, Text as Ie, BuilderContext as we } from "./blocks-exports.mjs";
-import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-f55c7d3e.js";
-import "./get-class-prop-name-a677d7a5.js";
+import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, serializeComponentInfo as Y, handleABTestingSync as he } from "./server-entry-feff6177.js";
+import { Video as be, Button as xe, Columns as ye, Fragment as ve, Image as Se, Section as Te, Symbol as ke, Text as Ce, BuilderContext as Ie } from "./blocks-exports.mjs";
+import { triggerAnimation as we, fastClone as Ve, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-426e0c44.js";
+import { evaluate as Q } from "./evaluate-26c0fdb7.js";
+import "./get-class-prop-name-0a91c3bd.js";
 import "./dynamic-renderer-8b343325.js";
 const B = {
   "@type": "@builder.io/sdk:Element",
@@ -129,7 +130,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Pe = v(() => import("./accordion-ca081054.js")), We = {
+}, Pe = v(() => import("./accordion-99129d68.js")), We = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -541,7 +542,7 @@ const B = {
   shouldReceiveBuilderProps: {
     builderContext: !0
   }
-}, He = v(() => import("./slot-40de071b.js")), $e = {
+}, He = v(() => import("./slot-2347377e.js")), $e = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -721,9 +722,10 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = v(() => import("./tabs-b75be82d.js")), je = {
+}, qe = v(() => import("./tabs-0784574b.js")), je = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1
+    builderBlock: !1,
+    builderContext: !0
   },
   name: "Text",
   static: !0,
@@ -1016,7 +1018,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = v(() => import("./form-ac2f2a0e.js")), Ye = {
+}, Je = v(() => import("./form-ccb0b912.js")), Ye = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1067,7 +1069,7 @@ const B = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = v(() => import("./input-549f090e.js")), Ge = {
+}, Qe = v(() => import("./input-27972020.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1109,7 +1111,7 @@ const B = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = v(() => import("./select-6a5a28ac.js")), Ze = {
+}, Xe = v(() => import("./select-60ff549c.js")), Ze = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1184,7 +1186,7 @@ const B = {
   }],
   noWrap: !0,
   static: !0
-}, it = v(() => import("./img-8fc26395.js")), ot = {
+}, it = v(() => import("./img-75751c89.js")), ot = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1293,31 +1295,31 @@ const B = {
   component: it,
   ...at
 }, {
-  component: xe,
+  component: be,
   ...ot
 }], G = () => [{
-  component: ye,
+  component: xe,
   ...We
 }, {
-  component: ve,
+  component: ye,
   ...Ae
 }, {
-  component: Se,
+  component: ve,
   ...Be
 }, {
-  component: Te,
+  component: Se,
   ...De
 }, {
-  component: ke,
+  component: Te,
   ...Ue
 }, {
   component: He,
   ...Le
 }, {
-  component: Ce,
+  component: ke,
   ...$e
 }, {
-  component: Ie,
+  component: Ce,
   ...je
 }, {
   component: qe,
@@ -1596,7 +1598,7 @@ function kt(e) {
           });
         },
         animation: (u) => {
-          Ve(u);
+          we(u);
         },
         contentUpdate: (u) => {
           i(u);
@@ -1673,7 +1675,7 @@ function kt(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: he(e.builderContextSignal.rootState),
+            state: Ve(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1750,7 +1752,7 @@ function kt(e) {
       "builder:component:stateChangeListenerActivated",
       w
     ));
-  }, []), /* @__PURE__ */ h(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ h(
     m,
     {
       ref: t,
@@ -1944,7 +1946,7 @@ function ee(e) {
     }
   );
 }
-function Bt(e) {
+function Dt(e) {
   var a;
   const [t, n] = k(
     () => dt({
@@ -1970,7 +1972,7 @@ function Bt(e) {
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : be({
+    } : he({
       item: e.content,
       canTrack: A(e.canTrack)
     });
@@ -2057,5 +2059,5 @@ function Bt(e) {
   ] });
 }
 export {
-  Bt as default
+  Dt as default
 };