@builder.io/sdk-react-nextjs 0.17.2 → 0.17.6

package/lib/browser/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var g,f;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var f,g;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks})},t))]}),o.jsx("style",{children:`.div-6e395700 {
+      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((f=e.builderBlock)==null?void 0:f.id)+" div-1aff548e",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-1aff548e {
   display: flex;
   line-height: normal;
 }`})]})}module.exports=N;

package/lib/browser/blocks/columns/columns.mjs

@@ -114,7 +114,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
+        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-1aff548e",
         style: v(),
         children: [
           /* @__PURE__ */ r(
@@ -136,13 +136,13 @@ function q(e) {
                 {
                   path: `columns.${t}.blocks`,
                   parent: e.builderBlock.id,
-                  styleProp: {
-                    flexGrow: "1"
-                  },
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: n.blocks
+                  blocks: n.blocks,
+                  styleProp: {
+                    flexGrow: "1"
+                  }
                 }
               )
             },
@@ -151,7 +151,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-6e395700 {
+    /* @__PURE__ */ r("style", { children: `.div-1aff548e {
   display: flex;
   line-height: normal;
 }` })

package/lib/browser/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-c071ff08",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
+"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(i)}else if(e.image&&!e.srcset)return a.getSrcSet(i);return a.getSrcSet(i)}}function l(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-606b99a4",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-606b99a4",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-606b99a4-2",children:e.children}):null]}),t.jsx("style",{children:`.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/blocks/image/image.mjs

@@ -1,18 +1,17 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
-import { useEffect as v } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
 import { getSrcSet as o } from "./image.helpers.mjs";
-function w(e) {
-  var d, s, u, f, g, m;
+function x(e) {
+  var d, s, u, g, h, m;
   function n() {
-    var h;
+    var b;
     const i = e.image || e.src;
     if (!i || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(typeof i == "string" && (i.match(/builder\.io/) || i.match(/cdn\.shopify\.com/))))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((b = e.image) != null && b.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), o(i);
       } else if (e.image && !e.srcset)
@@ -21,23 +20,22 @@ function w(e) {
     }
   }
   function r() {
-    var c;
-    return (c = n == null ? void 0 : n()) != null && c.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+    var l;
+    return (l = n == null ? void 0 : n()) != null && l.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
-  function b() {
-    const c = {
+  function f() {
+    const l = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? c : void 0;
+    return e.aspectRatio ? l : void 0;
   }
-  return v(() => {
-  }, []), /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ l("picture", { children: [
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a("picture", { children: [
         r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
@@ -49,9 +47,9 @@ function w(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...b()
+              ...f()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-606b99a4",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
@@ -61,23 +59,23 @@ function w(e) {
       e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-c071ff08",
+          className: "builder-image-sizer div-606b99a4",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
-      !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
+      (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(c, { children: e.children }) : null,
+      !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-606b99a4-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
+    /* @__PURE__ */ t("style", { children: `.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -90,5 +88,5 @@ function w(e) {
   ] });
 }
 export {
-  w as default
+  x as default
 };

package/lib/browser/blocks/video/video.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;
+"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;

package/lib/browser/blocks/video/video.mjs

@@ -47,7 +47,6 @@ function f(e) {
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
               // not have the video overflow
-              zIndex: 2,
               borderRadius: "1px",
               ...e.aspectRatio ? {
                 position: "absolute"

package/lib/browser/components/awaiter.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
+"use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;

package/lib/browser/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
+"use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/components/blocks/blocks-wrapper.mjs

@@ -50,7 +50,7 @@ function b(e) {
       e.BlocksWrapper,
       {
         ref: o,
-        className: c() + " props-blocks-wrapper-215a41e0",
+        className: c() + " props-blocks-wrapper-754e6138",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.6";exports.SDK_VERSION=e;

package/lib/browser/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.17.2";
+const o = "0.17.6";
 export {
   o as SDK_VERSION
 };

package/lib/edge/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var g,f;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var f,g;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks})},t))]}),o.jsx("style",{children:`.div-6e395700 {
+      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((f=e.builderBlock)==null?void 0:f.id)+" div-1aff548e",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-1aff548e {
   display: flex;
   line-height: normal;
 }`})]})}module.exports=N;

package/lib/edge/blocks/columns/columns.mjs

@@ -114,7 +114,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
+        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-1aff548e",
         style: v(),
         children: [
           /* @__PURE__ */ r(
@@ -136,13 +136,13 @@ function q(e) {
                 {
                   path: `columns.${t}.blocks`,
                   parent: e.builderBlock.id,
-                  styleProp: {
-                    flexGrow: "1"
-                  },
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: n.blocks
+                  blocks: n.blocks,
+                  styleProp: {
+                    flexGrow: "1"
+                  }
                 }
               )
             },
@@ -151,7 +151,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-6e395700 {
+    /* @__PURE__ */ r("style", { children: `.div-1aff548e {
   display: flex;
   line-height: normal;
 }` })

package/lib/edge/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-c071ff08",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
+"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(i)}else if(e.image&&!e.srcset)return a.getSrcSet(i);return a.getSrcSet(i)}}function l(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-606b99a4",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-606b99a4",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-606b99a4-2",children:e.children}):null]}),t.jsx("style",{children:`.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/blocks/image/image.mjs

@@ -1,18 +1,17 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
-import { useEffect as v } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
 import { getSrcSet as o } from "./image.helpers.mjs";
-function w(e) {
-  var d, s, u, f, g, m;
+function x(e) {
+  var d, s, u, g, h, m;
   function n() {
-    var h;
+    var b;
     const i = e.image || e.src;
     if (!i || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(typeof i == "string" && (i.match(/builder\.io/) || i.match(/cdn\.shopify\.com/))))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((b = e.image) != null && b.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), o(i);
       } else if (e.image && !e.srcset)
@@ -21,23 +20,22 @@ function w(e) {
     }
   }
   function r() {
-    var c;
-    return (c = n == null ? void 0 : n()) != null && c.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+    var l;
+    return (l = n == null ? void 0 : n()) != null && l.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
-  function b() {
-    const c = {
+  function f() {
+    const l = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? c : void 0;
+    return e.aspectRatio ? l : void 0;
   }
-  return v(() => {
-  }, []), /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ l("picture", { children: [
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a("picture", { children: [
         r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
@@ -49,9 +47,9 @@ function w(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...b()
+              ...f()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-606b99a4",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
@@ -61,23 +59,23 @@ function w(e) {
       e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-c071ff08",
+          className: "builder-image-sizer div-606b99a4",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
-      !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
+      (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(c, { children: e.children }) : null,
+      !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-606b99a4-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
+    /* @__PURE__ */ t("style", { children: `.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -90,5 +88,5 @@ function w(e) {
   ] });
 }
 export {
-  w as default
+  x as default
 };

package/lib/edge/blocks/video/video.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;
+"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;

package/lib/edge/blocks/video/video.mjs

@@ -47,7 +47,6 @@ function f(e) {
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
               // not have the video overflow
-              zIndex: 2,
               borderRadius: "1px",
               ...e.aspectRatio ? {
                 position: "absolute"

package/lib/edge/components/awaiter.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
+"use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;

package/lib/edge/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
+"use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/components/blocks/blocks-wrapper.mjs

@@ -50,7 +50,7 @@ function b(e) {
       e.BlocksWrapper,
       {
         ref: o,
-        className: c() + " props-blocks-wrapper-215a41e0",
+        className: c() + " props-blocks-wrapper-754e6138",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.6";exports.SDK_VERSION=e;

package/lib/edge/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.17.2";
+const o = "0.17.6";
 export {
   o as SDK_VERSION
 };

package/lib/node/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var g,f;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var f,g;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks})},t))]}),o.jsx("style",{children:`.div-6e395700 {
+      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((f=e.builderBlock)==null?void 0:f.id)+" div-1aff548e",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-1aff548e {
   display: flex;
   line-height: normal;
 }`})]})}module.exports=N;

package/lib/node/blocks/columns/columns.mjs

@@ -114,7 +114,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
+        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-1aff548e",
         style: v(),
         children: [
           /* @__PURE__ */ r(
@@ -136,13 +136,13 @@ function q(e) {
                 {
                   path: `columns.${t}.blocks`,
                   parent: e.builderBlock.id,
-                  styleProp: {
-                    flexGrow: "1"
-                  },
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: n.blocks
+                  blocks: n.blocks,
+                  styleProp: {
+                    flexGrow: "1"
+                  }
                 }
               )
             },
@@ -151,7 +151,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-6e395700 {
+    /* @__PURE__ */ r("style", { children: `.div-1aff548e {
   display: flex;
   line-height: normal;
 }` })

package/lib/node/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-c071ff08",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
+"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(i)}else if(e.image&&!e.srcset)return a.getSrcSet(i);return a.getSrcSet(i)}}function l(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-606b99a4",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-606b99a4",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-606b99a4-2",children:e.children}):null]}),t.jsx("style",{children:`.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/blocks/image/image.mjs

@@ -1,18 +1,17 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
-import { useEffect as v } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
 import { getSrcSet as o } from "./image.helpers.mjs";
-function w(e) {
-  var d, s, u, f, g, m;
+function x(e) {
+  var d, s, u, g, h, m;
   function n() {
-    var h;
+    var b;
     const i = e.image || e.src;
     if (!i || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(typeof i == "string" && (i.match(/builder\.io/) || i.match(/cdn\.shopify\.com/))))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((b = e.image) != null && b.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), o(i);
       } else if (e.image && !e.srcset)
@@ -21,23 +20,22 @@ function w(e) {
     }
   }
   function r() {
-    var c;
-    return (c = n == null ? void 0 : n()) != null && c.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+    var l;
+    return (l = n == null ? void 0 : n()) != null && l.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
-  function b() {
-    const c = {
+  function f() {
+    const l = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? c : void 0;
+    return e.aspectRatio ? l : void 0;
   }
-  return v(() => {
-  }, []), /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ l("picture", { children: [
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a("picture", { children: [
         r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
@@ -49,9 +47,9 @@ function w(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...b()
+              ...f()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-606b99a4",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
@@ -61,23 +59,23 @@ function w(e) {
       e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-c071ff08",
+          className: "builder-image-sizer div-606b99a4",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
-      !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
+      (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(c, { children: e.children }) : null,
+      !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-606b99a4-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
+    /* @__PURE__ */ t("style", { children: `.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-c071ff08 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-c071ff08-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -90,5 +88,5 @@ function w(e) {
   ] });
 }
 export {
-  w as default
+  x as default
 };

package/lib/node/blocks/video/video.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;
+"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;

package/lib/node/blocks/video/video.mjs

@@ -47,7 +47,6 @@ function f(e) {
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
               // not have the video overflow
-              zIndex: 2,
               borderRadius: "1px",
               ...e.aspectRatio ? {
                 position: "absolute"

package/lib/node/components/awaiter.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
+"use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;

package/lib/node/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
+"use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/components/blocks/blocks-wrapper.mjs

@@ -50,7 +50,7 @@ function b(e) {
       e.BlocksWrapper,
       {
         ref: o,
-        className: c() + " props-blocks-wrapper-215a41e0",
+        className: c() + " props-blocks-wrapper-754e6138",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.6";exports.SDK_VERSION=e;

package/lib/node/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.17.2";
+const o = "0.17.6";
 export {
   o as SDK_VERSION
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.17.2",
+  "version": "0.17.6",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",
@@ -107,7 +107,7 @@
     "next": ">=13.4.20",
     "react": "^18.2.0",
     "typescript": "^5.1.6",
-    "vite": "^4.4.9"
+    "vite": "^4.5.6"
   },
   "dependencies": {
     "isolated-vm": "^5.0.0"

package/types/cjs/blocks/form/form/form.d.ts

@@ -22,6 +22,7 @@ export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkCo
     sendingMessage?: BuilderBlock[];
     resetFormOnSubmit?: boolean;
     errorMessagePath?: string;
+    children?: any;
 };
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.2";
+export declare const SDK_VERSION = "0.17.6";

package/types/cjs/types/builder-content.d.ts

@@ -33,6 +33,7 @@ export interface BuilderContent extends BuilderContentVariation {
     published?: 'published' | 'draft' | 'archived';
     modelId?: string;
     priority?: number;
+    firstPublished?: number;
     lastUpdated?: number;
     startDate?: number;
     endDate?: number;

package/types/cjs/types/components.d.ts

@@ -122,7 +122,7 @@ export interface ComponentInfo {
         /**
          * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderBlock?: boolean;
         /**
@@ -130,7 +130,7 @@ export interface ComponentInfo {
          * The Builder Context contains a lot of data relevant to the current `Content` render.
          * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderContext?: boolean;
         /**

package/types/cjs/types/input.d.ts

@@ -19,6 +19,16 @@ export interface Input {
     /** @hidden */
     autoFocus?: boolean;
     subFields?: Input[];
+    /**
+     * When input is of `type` `object`, use this field to collapse multiple inputs
+     * in the Visual Editor by default and preserve screen space.
+     */
+    folded?: boolean;
+    /**
+     * When input is of `type` `object`, provide guidance in the Visual Editor
+     * on how to edit this object's contents.
+     */
+    keysHelperText?: string;
     /**
      * Additional text to render in the UI to give guidance on how to use this
      *

package/types/esm/blocks/form/form/form.d.ts

@@ -22,6 +22,7 @@ export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkCo
     sendingMessage?: BuilderBlock[];
     resetFormOnSubmit?: boolean;
     errorMessagePath?: string;
+    children?: any;
 };
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.2";
+export declare const SDK_VERSION = "0.17.6";

package/types/esm/types/builder-content.d.ts

@@ -33,6 +33,7 @@ export interface BuilderContent extends BuilderContentVariation {
     published?: 'published' | 'draft' | 'archived';
     modelId?: string;
     priority?: number;
+    firstPublished?: number;
     lastUpdated?: number;
     startDate?: number;
     endDate?: number;

package/types/esm/types/components.d.ts

@@ -122,7 +122,7 @@ export interface ComponentInfo {
         /**
          * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderBlock?: boolean;
         /**
@@ -130,7 +130,7 @@ export interface ComponentInfo {
          * The Builder Context contains a lot of data relevant to the current `Content` render.
          * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
          *
-         * Defaults to `true`.
+         * Defaults to `false`.
          */
         builderContext?: boolean;
         /**

package/types/esm/types/input.d.ts

@@ -19,6 +19,16 @@ export interface Input {
     /** @hidden */
     autoFocus?: boolean;
     subFields?: Input[];
+    /**
+     * When input is of `type` `object`, use this field to collapse multiple inputs
+     * in the Visual Editor by default and preserve screen space.
+     */
+    folded?: boolean;
+    /**
+     * When input is of `type` `object`, provide guidance in the Visual Editor
+     * on how to edit this object's contents.
+     */
+    keysHelperText?: string;
     /**
      * Additional text to render in the UI to give guidance on how to use this
      *