@builder.io/sdk-qwik 0.8.1 → 0.9.0

package/lib/node/index.qwik.cjs

@@ -603,7 +603,7 @@ function getBlockActions(options) {
   }
   return obj;
 }
-function transformBlockProperties(properties) {
+function transformBlockProperties({ properties }) {
   return properties;
 }
 const extractRelevantRootBlockProperties = (block) => {
@@ -625,7 +625,11 @@ function getBlockProperties({ block, context }) {
       (_a = block.properties) == null ? void 0 : _a.class
     ].filter(Boolean).join(" ")
   };
-  return transformBlockProperties(properties);
+  return transformBlockProperties({
+    properties,
+    context,
+    block
+  });
 }
 function getStyleAttribute(style) {
   switch (TARGET) {
@@ -1134,45 +1138,60 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     props
   ]));
   const state = {};
-  return /* @__PURE__ */ qwik._jsxQ("div", {
+  return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
+    get class() {
+      return className.value + " props-blocks-wrapper-BlocksWrapper";
+    },
+    get "builder-path"() {
+      return props.path;
+    },
+    get "builder-parent-id"() {
+      return props.parent;
+    },
+    get style() {
+      return props.styleProp;
+    },
     onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [props2, state2] = qwik.useLexicalScope();
       return onClick$1(props2);
-    }, "BlocksWrapper_component_div_onClick_1NkidSBS3D0", [
+    }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [props2, state2] = qwik.useLexicalScope();
       return onClick$1(props2);
-    }, "BlocksWrapper_component_div_onKeyPress_Aaf0oNYOi80", [
+    }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
       const [props2, state2] = qwik.useLexicalScope();
       return onMouseEnter(props2);
-    }, "BlocksWrapper_component_div_onMouseEnter_TxzAP5tI9Zc", [
+    }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       props,
       state
-    ])
-  }, {
-    "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
-      props
-    ], "p0.parent"),
-    "builder-path": qwik._fnSignal((p0) => p0.path, [
-      props
-    ], "p0.path"),
-    class: qwik._fnSignal((p0) => p0.value + " div-BlocksWrapper", [
-      className
-    ], 'p0.value+" div-BlocksWrapper"'),
-    style: qwik._fnSignal((p0) => p0.styleProp, [
-      props
-    ], "p0.styleProp")
-  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "3u_0"), 0, "3u_1");
+    ]),
+    ...props.BlocksWrapperProps,
+    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "3u_0"),
+    [qwik._IMMUTABLE]: {
+      "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
+        props
+      ], "p0.parent"),
+      "builder-path": qwik._fnSignal((p0) => p0.path, [
+        props
+      ], "p0.path"),
+      class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
+        className
+      ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
+      style: qwik._fnSignal((p0) => p0.styleProp, [
+        props
+      ], "p0.styleProp")
+    }
+  }, 0, "3u_1");
 }, "BlocksWrapper_component_45hR0o6abzg"));
 const STYLES$2 = `
-.div-BlocksWrapper {
+.props-blocks-wrapper-BlocksWrapper {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1194,6 +1213,14 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
     get styleProp() {
       return props.styleProp;
     },
+    get BlocksWrapper() {
+      var _a;
+      return (_a = props.context) == null ? void 0 : _a.BlocksWrapper;
+    },
+    get BlocksWrapperProps() {
+      var _a;
+      return (_a = props.context) == null ? void 0 : _a.BlocksWrapperProps;
+    },
     children: [
       props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ qwik._jsxC(Block, {
@@ -1232,6 +1259,18 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
       }) : null
     ],
     [qwik._IMMUTABLE]: {
+      BlocksWrapper: qwik._fnSignal((p0) => {
+        var _a;
+        return (_a = p0.context) == null ? void 0 : _a.BlocksWrapper;
+      }, [
+        props
+      ], "p0.context?.BlocksWrapper"),
+      BlocksWrapperProps: qwik._fnSignal((p0) => {
+        var _a;
+        return (_a = p0.context) == null ? void 0 : _a.BlocksWrapperProps;
+      }, [
+        props
+      ], "p0.context?.BlocksWrapperProps"),
       blocks: qwik._fnSignal((p0) => p0.blocks, [
         props
       ], "p0.blocks"),
@@ -3268,7 +3307,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.8.1";
+const SDK_VERSION = "0.9.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3530,6 +3569,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik._jsxBranch();
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
+    ContentWrapper: props.contentWrapper || "div",
     clicked: false,
     forceReRenderCount: 0,
     httpReqsData: {},
@@ -3671,7 +3711,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement("div", {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement(state.ContentWrapper, {
       apiKey: props.apiKey,
       contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
       variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
@@ -3692,6 +3732,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         hidden: true,
         "aria-hidden": true
       },
+      ...props.contentWrapperProps,
       class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
     }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0")) : null
   }, 1, "06_1");
@@ -3835,7 +3876,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
         ...acc,
         [info.name]: serializeComponentInfo(info)
       }), {}),
-      inheritedStyles: {}
+      inheritedStyles: {},
+      BlocksWrapper: props.blocksWrapper || "div",
+      BlocksWrapperProps: props.blocksWrapperProps || {}
     },
     registeredComponents: [
       ...getDefaultRegisteredComponents(),
@@ -3896,6 +3939,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     get builderContextSignal() {
       return state.builderContextSignal;
     },
+    get contentWrapper() {
+      return props.contentWrapper;
+    },
+    get contentWrapperProps() {
+      return props.contentWrapperProps;
+    },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
         get scriptStr() {
@@ -3981,6 +4030,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       content: qwik._fnSignal((p0) => p0.content, [
         props
       ], "p0.content"),
+      contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
+        props
+      ], "p0.contentWrapper"),
+      contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
+        props
+      ], "p0.contentWrapperProps"),
       context: qwik._fnSignal((p0) => p0.context, [
         props
       ], "p0.context"),
@@ -4119,6 +4174,18 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
               get isSsrAbTest() {
                 return state.shouldRenderVariants;
               },
+              get blocksWrapper() {
+                return props.blocksWrapper;
+              },
+              get blocksWrapperProps() {
+                return props.blocksWrapperProps;
+              },
+              get contentWrapper() {
+                return props.contentWrapper;
+              },
+              get contentWrapperProps() {
+                return props.contentWrapperProps;
+              },
               [qwik._IMMUTABLE]: {
                 apiKey: qwik._fnSignal((p0) => p0.apiKey, [
                   props
@@ -4126,9 +4193,21 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                 apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
                   props
                 ], "p0.apiVersion"),
+                blocksWrapper: qwik._fnSignal((p0) => p0.blocksWrapper, [
+                  props
+                ], "p0.blocksWrapper"),
+                blocksWrapperProps: qwik._fnSignal((p0) => p0.blocksWrapperProps, [
+                  props
+                ], "p0.blocksWrapperProps"),
                 canTrack: qwik._fnSignal((p0) => p0.canTrack, [
                   props
                 ], "p0.canTrack"),
+                contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
+                  props
+                ], "p0.contentWrapper"),
+                contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
+                  props
+                ], "p0.contentWrapperProps"),
                 context: qwik._fnSignal((p0) => p0.context, [
                   props
                 ], "p0.context"),
@@ -4197,6 +4276,18 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
         get isSsrAbTest() {
           return state.shouldRenderVariants;
         },
+        get blocksWrapper() {
+          return props.blocksWrapper;
+        },
+        get blocksWrapperProps() {
+          return props.blocksWrapperProps;
+        },
+        get contentWrapper() {
+          return props.contentWrapper;
+        },
+        get contentWrapperProps() {
+          return props.contentWrapperProps;
+        },
         [qwik._IMMUTABLE]: {
           apiKey: qwik._fnSignal((p0) => p0.apiKey, [
             props
@@ -4204,12 +4295,24 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
           apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
             props
           ], "p0.apiVersion"),
+          blocksWrapper: qwik._fnSignal((p0) => p0.blocksWrapper, [
+            props
+          ], "p0.blocksWrapper"),
+          blocksWrapperProps: qwik._fnSignal((p0) => p0.blocksWrapperProps, [
+            props
+          ], "p0.blocksWrapperProps"),
           canTrack: qwik._fnSignal((p0) => p0.canTrack, [
             props
           ], "p0.canTrack"),
           content: qwik._fnSignal((p0) => p0.value, [
             defaultContent
           ], "p0.value"),
+          contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
+            props
+          ], "p0.contentWrapper"),
+          contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
+            props
+          ], "p0.contentWrapperProps"),
           context: qwik._fnSignal((p0) => p0.context, [
             props
           ], "p0.context"),

package/lib/node/index.qwik.mjs

@@ -601,7 +601,7 @@ function getBlockActions(options) {
   }
   return obj;
 }
-function transformBlockProperties(properties) {
+function transformBlockProperties({ properties }) {
   return properties;
 }
 const extractRelevantRootBlockProperties = (block) => {
@@ -623,7 +623,11 @@ function getBlockProperties({ block, context }) {
       (_a = block.properties) == null ? void 0 : _a.class
     ].filter(Boolean).join(" ")
   };
-  return transformBlockProperties(properties);
+  return transformBlockProperties({
+    properties,
+    context,
+    block
+  });
 }
 function getStyleAttribute(style) {
   switch (TARGET) {
@@ -1132,45 +1136,60 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     props
   ]));
   const state = {};
-  return /* @__PURE__ */ _jsxQ("div", {
+  return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
+    get class() {
+      return className.value + " props-blocks-wrapper-BlocksWrapper";
+    },
+    get "builder-path"() {
+      return props.path;
+    },
+    get "builder-parent-id"() {
+      return props.parent;
+    },
+    get style() {
+      return props.styleProp;
+    },
     onClick$: /* @__PURE__ */ inlinedQrl((event) => {
       const [props2, state2] = useLexicalScope();
       return onClick$1(props2);
-    }, "BlocksWrapper_component_div_onClick_1NkidSBS3D0", [
+    }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
       const [props2, state2] = useLexicalScope();
       return onClick$1(props2);
-    }, "BlocksWrapper_component_div_onKeyPress_Aaf0oNYOi80", [
+    }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
       const [props2, state2] = useLexicalScope();
       return onMouseEnter(props2);
-    }, "BlocksWrapper_component_div_onMouseEnter_TxzAP5tI9Zc", [
+    }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       props,
       state
-    ])
-  }, {
-    "builder-parent-id": _fnSignal((p0) => p0.parent, [
-      props
-    ], "p0.parent"),
-    "builder-path": _fnSignal((p0) => p0.path, [
-      props
-    ], "p0.path"),
-    class: _fnSignal((p0) => p0.value + " div-BlocksWrapper", [
-      className
-    ], 'p0.value+" div-BlocksWrapper"'),
-    style: _fnSignal((p0) => p0.styleProp, [
-      props
-    ], "p0.styleProp")
-  }, /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"), 0, "3u_1");
+    ]),
+    ...props.BlocksWrapperProps,
+    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"),
+    [_IMMUTABLE]: {
+      "builder-parent-id": _fnSignal((p0) => p0.parent, [
+        props
+      ], "p0.parent"),
+      "builder-path": _fnSignal((p0) => p0.path, [
+        props
+      ], "p0.path"),
+      class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
+        className
+      ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
+      style: _fnSignal((p0) => p0.styleProp, [
+        props
+      ], "p0.styleProp")
+    }
+  }, 0, "3u_1");
 }, "BlocksWrapper_component_45hR0o6abzg"));
 const STYLES$2 = `
-.div-BlocksWrapper {
+.props-blocks-wrapper-BlocksWrapper {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1192,6 +1211,14 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     get styleProp() {
       return props.styleProp;
     },
+    get BlocksWrapper() {
+      var _a;
+      return (_a = props.context) == null ? void 0 : _a.BlocksWrapper;
+    },
+    get BlocksWrapperProps() {
+      var _a;
+      return (_a = props.context) == null ? void 0 : _a.BlocksWrapperProps;
+    },
     children: [
       props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ _jsxC(Block, {
@@ -1230,6 +1257,18 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       }) : null
     ],
     [_IMMUTABLE]: {
+      BlocksWrapper: _fnSignal((p0) => {
+        var _a;
+        return (_a = p0.context) == null ? void 0 : _a.BlocksWrapper;
+      }, [
+        props
+      ], "p0.context?.BlocksWrapper"),
+      BlocksWrapperProps: _fnSignal((p0) => {
+        var _a;
+        return (_a = p0.context) == null ? void 0 : _a.BlocksWrapperProps;
+      }, [
+        props
+      ], "p0.context?.BlocksWrapperProps"),
       blocks: _fnSignal((p0) => p0.blocks, [
         props
       ], "p0.blocks"),
@@ -3266,7 +3305,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.8.1";
+const SDK_VERSION = "0.9.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3528,6 +3567,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
+    ContentWrapper: props.contentWrapper || "div",
     clicked: false,
     forceReRenderCount: 0,
     httpReqsData: {},
@@ -3669,7 +3709,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ createElement("div", {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ createElement(state.ContentWrapper, {
       apiKey: props.apiKey,
       contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
       variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
@@ -3690,6 +3730,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         hidden: true,
         "aria-hidden": true
       },
+      ...props.contentWrapperProps,
       class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
     }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
   }, 1, "06_1");
@@ -3833,7 +3874,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         ...acc,
         [info.name]: serializeComponentInfo(info)
       }), {}),
-      inheritedStyles: {}
+      inheritedStyles: {},
+      BlocksWrapper: props.blocksWrapper || "div",
+      BlocksWrapperProps: props.blocksWrapperProps || {}
     },
     registeredComponents: [
       ...getDefaultRegisteredComponents(),
@@ -3894,6 +3937,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     get builderContextSignal() {
       return state.builderContextSignal;
     },
+    get contentWrapper() {
+      return props.contentWrapper;
+    },
+    get contentWrapperProps() {
+      return props.contentWrapperProps;
+    },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
         get scriptStr() {
@@ -3979,6 +4028,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       content: _fnSignal((p0) => p0.content, [
         props
       ], "p0.content"),
+      contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
+        props
+      ], "p0.contentWrapper"),
+      contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
+        props
+      ], "p0.contentWrapperProps"),
       context: _fnSignal((p0) => p0.context, [
         props
       ], "p0.context"),
@@ -4117,6 +4172,18 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get isSsrAbTest() {
                 return state.shouldRenderVariants;
               },
+              get blocksWrapper() {
+                return props.blocksWrapper;
+              },
+              get blocksWrapperProps() {
+                return props.blocksWrapperProps;
+              },
+              get contentWrapper() {
+                return props.contentWrapper;
+              },
+              get contentWrapperProps() {
+                return props.contentWrapperProps;
+              },
               [_IMMUTABLE]: {
                 apiKey: _fnSignal((p0) => p0.apiKey, [
                   props
@@ -4124,9 +4191,21 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 apiVersion: _fnSignal((p0) => p0.apiVersion, [
                   props
                 ], "p0.apiVersion"),
+                blocksWrapper: _fnSignal((p0) => p0.blocksWrapper, [
+                  props
+                ], "p0.blocksWrapper"),
+                blocksWrapperProps: _fnSignal((p0) => p0.blocksWrapperProps, [
+                  props
+                ], "p0.blocksWrapperProps"),
                 canTrack: _fnSignal((p0) => p0.canTrack, [
                   props
                 ], "p0.canTrack"),
+                contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
+                  props
+                ], "p0.contentWrapper"),
+                contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
+                  props
+                ], "p0.contentWrapperProps"),
                 context: _fnSignal((p0) => p0.context, [
                   props
                 ], "p0.context"),
@@ -4195,6 +4274,18 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get isSsrAbTest() {
           return state.shouldRenderVariants;
         },
+        get blocksWrapper() {
+          return props.blocksWrapper;
+        },
+        get blocksWrapperProps() {
+          return props.blocksWrapperProps;
+        },
+        get contentWrapper() {
+          return props.contentWrapper;
+        },
+        get contentWrapperProps() {
+          return props.contentWrapperProps;
+        },
         [_IMMUTABLE]: {
           apiKey: _fnSignal((p0) => p0.apiKey, [
             props
@@ -4202,12 +4293,24 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           apiVersion: _fnSignal((p0) => p0.apiVersion, [
             props
           ], "p0.apiVersion"),
+          blocksWrapper: _fnSignal((p0) => p0.blocksWrapper, [
+            props
+          ], "p0.blocksWrapper"),
+          blocksWrapperProps: _fnSignal((p0) => p0.blocksWrapperProps, [
+            props
+          ], "p0.blocksWrapperProps"),
           canTrack: _fnSignal((p0) => p0.canTrack, [
             props
           ], "p0.canTrack"),
           content: _fnSignal((p0) => p0.value, [
             defaultContent
           ], "p0.value"),
+          contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
+            props
+          ], "p0.contentWrapper"),
+          contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
+            props
+          ], "p0.contentWrapperProps"),
           context: _fnSignal((p0) => p0.context, [
             props
           ], "p0.context"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

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

@@ -5,9 +5,17 @@ export type BlocksWrapperProps = {
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
+    /**
+     * The element that wraps each list of blocks. Defaults to a `div` element ('ScrollView' in React Native).
+     */
+    BlocksWrapper: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    BlocksWrapperProps: any;
 };
 export declare const onClick: (props: any, state: any) => void;
 export declare const onMouseEnter: (props: any, state: any) => void;
 export declare const BlocksWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlocksWrapperProps>>;
 export default BlocksWrapper;
-export declare const STYLES = "\n.div-BlocksWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";
+export declare const STYLES = "\n.props-blocks-wrapper-BlocksWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";

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

@@ -1,6 +1,6 @@
 import { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import { BlocksWrapperProps } from "./blocks-wrapper.jsx";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };

package/types/src/components/content/components/enable-editor.d.ts

@@ -1,7 +1,7 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderContent } from "../../../types/builder-content.js";
 import { ContentProps } from "../content.types.js";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
     builderContextSignal: BuilderContextInterface;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;

package/types/src/components/content-variants/content-variants.types.d.ts

@@ -17,4 +17,20 @@ export interface ContentVariantsPrps {
     /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
     enrich?: boolean;
+    /**
+     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     */
+    contentWrapper?: any;
+    /**
+     * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
+     */
+    contentWrapperProps?: any;
+    /**
+     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     */
+    blocksWrapper?: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    blocksWrapperProps?: any;
 }

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.8.1";
+export declare const SDK_VERSION = "0.9.0";

package/types/src/context/types.d.ts

@@ -1,3 +1,4 @@
+import type { BlocksWrapperProps } from '../components/blocks/blocks-wrapper.jsx';
 import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
@@ -8,7 +9,7 @@ export type RegisteredComponent = ComponentInfo & {
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;
 export type BuilderRenderContext = Record<string, unknown>;
-export interface BuilderContextInterface {
+export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
     /**

package/types/src/functions/transform-block-properties.d.ts

@@ -1 +1,7 @@
-export declare function transformBlockProperties<T>(properties: T): T;
+import type { BuilderContextInterface } from '../context/types';
+import type { BuilderBlock } from '../types/builder-block';
+export declare function transformBlockProperties<T>({ properties }: {
+    properties: T;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): T;