@builder.io/sdk-react-nextjs 0.16.16 → 0.16.17

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

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

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

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

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

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

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

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

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

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

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

@@ -1,4 +1,4 @@
-const o = "0.16.16";
+const o = "0.16.17";
 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.16.16",
+  "version": "0.16.17",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/components/blocks/blocks-wrapper.d.ts

@@ -13,6 +13,7 @@ export type BlocksWrapperProps = {
      */
     BlocksWrapperProps: any;
     children?: any;
+    classNameProp?: string;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
 declare function BlocksWrapper(props: BlocksWrapperProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
 import type { BlocksWrapperProps } from './blocks-wrapper.js';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.16";
+export declare const SDK_VERSION = "0.16.17";

package/types/esm/components/blocks/blocks-wrapper.d.ts

@@ -13,6 +13,7 @@ export type BlocksWrapperProps = {
      */
     BlocksWrapperProps: any;
     children?: any;
+    classNameProp?: string;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
 declare function BlocksWrapper(props: BlocksWrapperProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
 import type { BlocksWrapperProps } from './blocks-wrapper.js';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.16";
+export declare const SDK_VERSION = "0.16.17";