@builder.io/sdk-qwik 0.16.21 → 0.16.22

package/lib/browser/blocks/accordion/accordion.qwik.cjs

@@ -129,8 +129,10 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
           get blocks() {

package/lib/browser/blocks/accordion/accordion.qwik.mjs

@@ -127,8 +127,10 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ _jsxC(Blocks, {
           get blocks() {

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

@@ -164,7 +164,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

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

@@ -162,7 +162,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ _jsxC(Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

package/lib/browser/blocks/tabs/tabs.qwik.cjs

@@ -45,7 +45,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -80,7 +80,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -102,9 +102,9 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: qwik._fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

package/lib/browser/blocks/tabs/tabs.qwik.mjs

@@ -43,7 +43,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -78,7 +78,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -100,9 +100,9 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         parent: _fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: _fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: _fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: _fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

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

@@ -2,25 +2,25 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -37,6 +37,15 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = qwik.useSignal();
   const state = {};
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -47,7 +56,7 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -56,29 +65,32 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -88,9 +100,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": qwik._fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": qwik._fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

@@ -1,24 +1,24 @@
 import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -35,6 +35,15 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = useSignal();
   const state = {};
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -45,7 +54,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -54,29 +63,32 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -86,9 +98,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       "builder-parent-id": _fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": _fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": _fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

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

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.16.21";
+const SDK_VERSION = "0.16.22";
 export {
   SDK_VERSION
 };

package/lib/edge/blocks/accordion/accordion.qwik.cjs

@@ -129,8 +129,10 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
           get blocks() {

package/lib/edge/blocks/accordion/accordion.qwik.mjs

@@ -127,8 +127,10 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ _jsxC(Blocks, {
           get blocks() {

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

@@ -164,7 +164,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

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

@@ -162,7 +162,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ _jsxC(Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

package/lib/edge/blocks/tabs/tabs.qwik.cjs

@@ -45,7 +45,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -80,7 +80,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -102,9 +102,9 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: qwik._fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

package/lib/edge/blocks/tabs/tabs.qwik.mjs

@@ -43,7 +43,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -78,7 +78,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -100,9 +100,9 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         parent: _fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: _fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: _fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: _fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

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

@@ -2,25 +2,25 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -37,6 +37,15 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = qwik.useSignal();
   const state = {};
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -47,7 +56,7 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -56,29 +65,32 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -88,9 +100,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": qwik._fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": qwik._fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

@@ -1,24 +1,24 @@
 import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -35,6 +35,15 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = useSignal();
   const state = {};
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -45,7 +54,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -54,29 +63,32 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -86,9 +98,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       "builder-parent-id": _fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": _fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": _fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

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

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.16.21";
+const SDK_VERSION = "0.16.22";
 export {
   SDK_VERSION
 };

package/lib/node/blocks/accordion/accordion.qwik.cjs

@@ -129,8 +129,10 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
           get blocks() {

package/lib/node/blocks/accordion/accordion.qwik.mjs

@@ -127,8 +127,10 @@ const Accordion = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
           ]),
           style: {
             ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            ...props.grid && {
+              width: props.gridRowWidth,
+              order: openGridItemOrder.value !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            }
           }
         }, null, /* @__PURE__ */ _jsxC(Blocks, {
           get blocks() {

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

@@ -164,7 +164,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

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

@@ -162,7 +162,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         actionAttributes: {},
         attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
         children: /* @__PURE__ */ _jsxC(Blocks, {
-          path: `component.options.columns.${index}.blocks`,
+          path: `columns.${index}.blocks`,
           get parent() {
             return props.builderBlock.id;
           },

package/lib/node/blocks/tabs/tabs.qwik.cjs

@@ -45,7 +45,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -80,7 +80,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -102,9 +102,9 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: qwik._fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

package/lib/node/blocks/tabs/tabs.qwik.mjs

@@ -43,7 +43,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         get parent() {
           return props.builderBlock.id;
         },
-        path: `component.options.tabs.${index}.label`,
+        path: `tabs.${index}.label`,
         get blocks() {
           return tab.label;
         },
@@ -78,7 +78,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         return props.builderBlock.id;
       },
       get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
+        return `tabs.${state.activeTab}.content`;
       },
       blocks: activeTabContent(props, state, state.activeTab),
       get context() {
@@ -100,9 +100,9 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         parent: _fnSignal((p0) => p0.builderBlock.id, [
           props
         ], "p0.builderBlock.id"),
-        path: _fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+        path: _fnSignal((p0) => `tabs.${p0.activeTab}.content`, [
           state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        ], "`tabs.${p0.activeTab}.content`"),
         registeredComponents: _fnSignal((p0) => p0.builderComponents, [
           props
         ], "p0.builderComponents")

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

@@ -2,25 +2,25 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing.isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -37,6 +37,15 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = qwik.useSignal();
   const state = {};
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -47,7 +56,7 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -56,29 +65,32 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = qwik.useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = qwik.useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -88,9 +100,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       "builder-parent-id": qwik._fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": qwik._fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": qwik._fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: qwik._fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

@@ -1,24 +1,24 @@
 import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
-const onClick = function onClick2(props, state, className, blocksWrapperRef) {
+const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
-const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
+const onMouseEnter = function onMouseEnter2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
   if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
-        dataPath: props.path
+        dataPath: dataPath.value
       }
     }, "*");
 };
@@ -35,6 +35,15 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
+  const dataPath = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    if (!props2.path)
+      return void 0;
+    const pathPrefix = "component.options.";
+    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+  }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
+    props
+  ]));
   const blocksWrapperRef = useSignal();
   const state = {};
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -45,7 +54,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return className.value + " props-blocks-wrapper-BlocksWrapper";
     },
     get "builder-path"() {
-      return props.path;
+      return dataPath.value;
     },
     get "builder-parent-id"() {
       return props.parent;
@@ -54,29 +63,32 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       return props.styleProp;
     },
     onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onClick(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
     onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onMouseEnter(props2);
+      const [blocksWrapperRef2, className2, dataPath2, props2, state2] = useLexicalScope();
+      return onMouseEnter(props2, state2, className2, dataPath2);
     }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
       blocksWrapperRef,
       className,
+      dataPath,
       props,
       state
     ]),
@@ -86,9 +98,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       "builder-parent-id": _fnSignal((p0) => p0.parent, [
         props
       ], "p0.parent"),
-      "builder-path": _fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
+      "builder-path": _fnSignal((p0) => p0.value, [
+        dataPath
+      ], "p0.value"),
       class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
         className
       ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),

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

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

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.16.21";
+const SDK_VERSION = "0.16.22";
 export {
   SDK_VERSION
 };

package/package.json

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

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

@@ -15,8 +15,8 @@ export type BlocksWrapperProps = {
     children?: any;
     classNameProp?: string;
 };
-export declare const onClick: (props: any, state: any, className: any, blocksWrapperRef: any) => void;
-export declare const onMouseEnter: (props: any, state: any, className: any, blocksWrapperRef: any) => void;
+export declare const onClick: (props: any, state: any, className: any, dataPath: any, blocksWrapperRef: any) => void;
+export declare const onMouseEnter: (props: any, state: any, className: any, dataPath: any, blocksWrapperRef: any) => void;
 export declare const BlocksWrapper: import("@builder.io/qwik").Component<BlocksWrapperProps>;
 export default BlocksWrapper;
 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/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.21";
+export declare const SDK_VERSION = "0.16.22";