@builder.io/sdk-solid 2.0.26 → 2.0.29

package/lib/edge/dev.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -4704,7 +4704,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4713,13 +4713,20 @@ function BlocksWrapper(props) {
   const className = createMemo(() => {
     return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
   });
+  const dataPath = createMemo(() => {
+    if (!props.path) {
+      return void 0;
+    }
+    const pathPrefix = "component.options.";
+    return props.path.startsWith(pathPrefix) ? props.path : `${pathPrefix}${props.path || ""}`;
+  });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
       window.parent?.postMessage({
         type: "builder.clickEmptyBlocks",
         data: {
           parentElementId: props.parent,
-          dataPath: props.path
+          dataPath: dataPath()
         }
       }, "*");
     }
@@ -4730,7 +4737,7 @@ function BlocksWrapper(props) {
         type: "builder.hoverEmptyBlocks",
         data: {
           parentElementId: props.parent,
-          dataPath: props.path
+          dataPath: dataPath()
         }
       }, "*");
     }
@@ -4740,14 +4747,14 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-6567ee94";
+      return className() + " dynamic-5b6a86b6";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
       typeof _ref$ === "function" ? _ref$(r$) : blocksWrapperRef = r$;
     },
     get ["builder-path"]() {
-      return props.path;
+      return dataPath();
     },
     get ["builder-parent-id"]() {
       return props.parent;
@@ -4839,15 +4846,20 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4871,6 +4883,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4960,7 +4975,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
       },
       get style() {
         return columnsCssVars();
@@ -4997,7 +5012,7 @@ function Columns(props) {
           },
           get children() {
             return createComponent(blocks_default, {
-              path: `component.options.columns.${index}.blocks`,
+              path: `columns.${index}.blocks`,
               get parent() {
                 return props.builderBlock.id;
               },
@@ -5691,9 +5706,11 @@ function Accordion(props) {
           effect((_p$) => {
             const _v$ = getAccordionTitleClassName(index), _v$2 = {
               ...accordionTitleStyles(),
-              width: props.grid ? props.gridRowWidth : void 0,
-              ...{
-                order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+              ...props.grid && {
+                width: props.gridRowWidth,
+                ...{
+                  order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+                }
               }
             };
             _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
@@ -6466,7 +6483,7 @@ function Tabs(props) {
             get parent() {
               return props.builderBlock.id;
             },
-            path: `component.options.tabs.${index}.label`,
+            path: `tabs.${index}.label`,
             get blocks() {
               return tab.label;
             },
@@ -6506,7 +6523,7 @@ function Tabs(props) {
             return props.builderBlock.id;
           },
           get path() {
-            return `component.options.tabs.${activeTab()}.content`;
+            return `tabs.${activeTab()}.content`;
           },
           get blocks() {
             return activeTabContent(activeTab());
@@ -7949,7 +7966,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.29";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/dev.jsx

@@ -83,7 +83,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -4548,6 +4548,13 @@ function BlocksWrapper(props) {
       props.classNameProp
     ].filter(Boolean).join(" ");
   });
+  const dataPath = createMemo6(() => {
+    if (!props.path) {
+      return void 0;
+    }
+    const pathPrefix = "component.options.";
+    return props.path.startsWith(pathPrefix) ? props.path : `${pathPrefix}${props.path || ""}`;
+  });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
       window.parent?.postMessage(
@@ -4555,7 +4562,7 @@ function BlocksWrapper(props) {
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path
+            dataPath: dataPath()
           }
         },
         "*"
@@ -4569,7 +4576,7 @@ function BlocksWrapper(props) {
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path
+            dataPath: dataPath()
           }
         },
         "*"
@@ -4581,9 +4588,9 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-6567ee94"}
+      class={className() + " dynamic-5b6a86b6"}
       ref={blocksWrapperRef}
-      builder-path={props.path}
+      builder-path={dataPath()}
       builder-parent-id={props.parent}
       {...{}}
       style={props.styleProp}
@@ -4593,7 +4600,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-6567ee94 {
+    <style>{`.dynamic-5b6a86b6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4634,14 +4641,15 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4665,6 +4673,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4754,7 +4765,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4771,7 +4782,7 @@ function Columns(props) {
           actionAttributes={{}}
           attributes={getAttributes(column, index)}
         ><Blocks_default
-          path={`component.options.columns.${index}.blocks`}
+          path={`columns.${index}.blocks`}
           parent={props.builderBlock.id}
           styleProp={{
             flexGrow: "1"
@@ -4783,7 +4794,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-2ac94efa {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -5414,9 +5425,11 @@ function Accordion(props) {
         class={getAccordionTitleClassName(index)}
         style={{
           ...accordionTitleStyles(),
-          width: props.grid ? props.gridRowWidth : void 0,
-          ...{
-            order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+          ...props.grid && {
+            width: props.gridRowWidth,
+            ...{
+              order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            }
           }
         }}
         data-index={index}
@@ -6155,7 +6168,7 @@ function Tabs(props) {
         onClick={(event) => onClick(index)}
       ><Blocks_default
         parent={props.builderBlock.id}
-        path={`component.options.tabs.${index}.label`}
+        path={`tabs.${index}.label`}
         blocks={tab.label}
         context={props.builderContext}
         registeredComponents={props.builderComponents}
@@ -6164,7 +6177,7 @@ function Tabs(props) {
     }}</For6></div>
     <Show10 when={activeTabContent(activeTab())}><div><Blocks_default
       parent={props.builderBlock.id}
-      path={`component.options.tabs.${activeTab()}.content`}
+      path={`tabs.${activeTab()}.content`}
       blocks={activeTabContent(activeTab())}
       context={props.builderContext}
       registeredComponents={props.builderComponents}
@@ -7439,7 +7452,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.29";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -4698,7 +4698,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-5b6a86b6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4707,13 +4707,20 @@ function BlocksWrapper(props) {
   const className = createMemo(() => {
     return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
   });
+  const dataPath = createMemo(() => {
+    if (!props.path) {
+      return void 0;
+    }
+    const pathPrefix = "component.options.";
+    return props.path.startsWith(pathPrefix) ? props.path : `${pathPrefix}${props.path || ""}`;
+  });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
       window.parent?.postMessage({
         type: "builder.clickEmptyBlocks",
         data: {
           parentElementId: props.parent,
-          dataPath: props.path
+          dataPath: dataPath()
         }
       }, "*");
     }
@@ -4724,7 +4731,7 @@ function BlocksWrapper(props) {
         type: "builder.hoverEmptyBlocks",
         data: {
           parentElementId: props.parent,
-          dataPath: props.path
+          dataPath: dataPath()
         }
       }, "*");
     }
@@ -4734,14 +4741,14 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-6567ee94";
+      return className() + " dynamic-5b6a86b6";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
       typeof _ref$ === "function" ? _ref$(r$) : blocksWrapperRef = r$;
     },
     get ["builder-path"]() {
-      return props.path;
+      return dataPath();
     },
     get ["builder-parent-id"]() {
       return props.parent;
@@ -4833,15 +4840,20 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-2ac94efa {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4865,6 +4877,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4954,7 +4969,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-2ac94efa";
       },
       get style() {
         return columnsCssVars();
@@ -4991,7 +5006,7 @@ function Columns(props) {
           },
           get children() {
             return createComponent(blocks_default, {
-              path: `component.options.columns.${index}.blocks`,
+              path: `columns.${index}.blocks`,
               get parent() {
                 return props.builderBlock.id;
               },
@@ -5684,9 +5699,11 @@ function Accordion(props) {
           effect((_p$) => {
             const _v$ = getAccordionTitleClassName(index), _v$2 = {
               ...accordionTitleStyles(),
-              width: props.grid ? props.gridRowWidth : void 0,
-              ...{
-                order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+              ...props.grid && {
+                width: props.gridRowWidth,
+                ...{
+                  order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+                }
               }
             };
             _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
@@ -6458,7 +6475,7 @@ function Tabs(props) {
             get parent() {
               return props.builderBlock.id;
             },
-            path: `component.options.tabs.${index}.label`,
+            path: `tabs.${index}.label`,
             get blocks() {
               return tab.label;
             },
@@ -6498,7 +6515,7 @@ function Tabs(props) {
             return props.builderBlock.id;
           },
           get path() {
-            return `component.options.tabs.${activeTab()}.content`;
+            return `tabs.${activeTab()}.content`;
           },
           get blocks() {
             return activeTabContent(activeTab());
@@ -7939,7 +7956,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.29";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.jsx

@@ -83,7 +83,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -4542,6 +4542,13 @@ function BlocksWrapper(props) {
       props.classNameProp
     ].filter(Boolean).join(" ");
   });
+  const dataPath = createMemo6(() => {
+    if (!props.path) {
+      return void 0;
+    }
+    const pathPrefix = "component.options.";
+    return props.path.startsWith(pathPrefix) ? props.path : `${pathPrefix}${props.path || ""}`;
+  });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
       window.parent?.postMessage(
@@ -4549,7 +4556,7 @@ function BlocksWrapper(props) {
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path
+            dataPath: dataPath()
           }
         },
         "*"
@@ -4563,7 +4570,7 @@ function BlocksWrapper(props) {
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: props.parent,
-            dataPath: props.path
+            dataPath: dataPath()
           }
         },
         "*"
@@ -4575,9 +4582,9 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-6567ee94"}
+      class={className() + " dynamic-5b6a86b6"}
       ref={blocksWrapperRef}
-      builder-path={props.path}
+      builder-path={dataPath()}
       builder-parent-id={props.parent}
       {...{}}
       style={props.styleProp}
@@ -4587,7 +4594,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-6567ee94 {
+    <style>{`.dynamic-5b6a86b6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4628,14 +4635,15 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4659,6 +4667,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4748,7 +4759,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-2ac94efa"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4765,7 +4776,7 @@ function Columns(props) {
           actionAttributes={{}}
           attributes={getAttributes(column, index)}
         ><Blocks_default
-          path={`component.options.columns.${index}.blocks`}
+          path={`columns.${index}.blocks`}
           parent={props.builderBlock.id}
           styleProp={{
             flexGrow: "1"
@@ -4777,7 +4788,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-2ac94efa {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -5407,9 +5418,11 @@ function Accordion(props) {
         class={getAccordionTitleClassName(index)}
         style={{
           ...accordionTitleStyles(),
-          width: props.grid ? props.gridRowWidth : void 0,
-          ...{
-            order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+          ...props.grid && {
+            width: props.gridRowWidth,
+            ...{
+              order: openGridItemOrder() !== null ? convertOrderNumberToString(index) : convertOrderNumberToString(index + 1)
+            }
           }
         }}
         data-index={index}
@@ -6147,7 +6160,7 @@ function Tabs(props) {
         onClick={(event) => onClick(index)}
       ><Blocks_default
         parent={props.builderBlock.id}
-        path={`component.options.tabs.${index}.label`}
+        path={`tabs.${index}.label`}
         blocks={tab.label}
         context={props.builderContext}
         registeredComponents={props.builderComponents}
@@ -6156,7 +6169,7 @@ function Tabs(props) {
     }}</For6></div>
     <Show10 when={activeTabContent(activeTab())}><div><Blocks_default
       parent={props.builderBlock.id}
-      path={`component.options.tabs.${activeTab()}.content`}
+      path={`tabs.${activeTab()}.content`}
       blocks={activeTabContent(activeTab())}
       context={props.builderContext}
       registeredComponents={props.builderComponents}
@@ -7429,7 +7442,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.29";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({