@builder.io/sdk-solid 2.0.26 → 2.0.28

package/lib/browser/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';
 
 // src/blocks/button/button.tsx
 
@@ -1656,15 +1656,20 @@ var getColumnsClass = (id) => {
 
 // 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-a1dad3b8 {
   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";
   }
@@ -1688,6 +1693,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(),
@@ -1777,7 +1785,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4766,7 +4774,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/dev.jsx

@@ -75,7 +75,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";
@@ -1449,14 +1449,15 @@ var getColumnsClass = (id) => {
 
 // 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";
   }
@@ -1480,6 +1481,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(),
@@ -1569,7 +1573,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1598,7 +1602,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4254,7 +4258,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/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';
 
 // src/blocks/button/button.tsx
 
@@ -1650,15 +1650,20 @@ var getColumnsClass = (id) => {
 
 // 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-a1dad3b8 {
   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";
   }
@@ -1682,6 +1687,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(),
@@ -1771,7 +1779,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4756,7 +4764,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/browser/index.jsx

@@ -75,7 +75,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";
@@ -1443,14 +1443,15 @@ var getColumnsClass = (id) => {
 
 // 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";
   }
@@ -1474,6 +1475,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(),
@@ -1563,7 +1567,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1592,7 +1596,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4244,7 +4248,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

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]
@@ -4839,15 +4839,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-a1dad3b8 {
   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 +4876,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 +4968,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -7949,7 +7957,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // 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";
@@ -4634,14 +4634,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 +4666,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 +4758,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4783,7 +4787,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -7439,7 +7443,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // 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]
@@ -4833,15 +4833,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-a1dad3b8 {
   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 +4870,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 +4962,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -7939,7 +7947,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // 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";
@@ -4628,14 +4628,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 +4660,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 +4752,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4777,7 +4781,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -7429,7 +7433,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/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';
 import { createRequire } from 'node:module';
 
 // src/blocks/button/button.tsx
@@ -436,6 +436,8 @@ var getIvm = () => {
 function setIsolateContext(options = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT)
+    return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -449,10 +451,7 @@ function setIsolateContext(options = {
   return context;
 }
 var getIsolateContext = () => {
-  if (IVM_CONTEXT)
-    return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 var runInNode = ({
   code,
@@ -1826,15 +1825,20 @@ var getColumnsClass = (id) => {
 
 // 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-a1dad3b8 {
   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";
   }
@@ -1858,6 +1862,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(),
@@ -1947,7 +1954,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4936,7 +4943,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/dev.jsx

@@ -75,7 +75,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";
@@ -431,6 +431,8 @@ var getIvm = () => {
 function setIsolateContext(options = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT)
+    return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -444,10 +446,7 @@ function setIsolateContext(options = {
   return context;
 }
 var getIsolateContext = () => {
-  if (IVM_CONTEXT)
-    return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 var runInNode = ({
   code,
@@ -1621,14 +1620,15 @@ var getColumnsClass = (id) => {
 
 // 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";
   }
@@ -1652,6 +1652,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(),
@@ -1741,7 +1744,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1770,7 +1773,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4426,7 +4429,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/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';
 import { createRequire } from 'node:module';
 
 // src/blocks/button/button.tsx
@@ -435,6 +435,8 @@ var getIvm = () => {
 function setIsolateContext(options = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT)
+    return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -447,10 +449,7 @@ function setIsolateContext(options = {
   return context;
 }
 var getIsolateContext = () => {
-  if (IVM_CONTEXT)
-    return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 var runInNode = ({
   code,
@@ -1820,15 +1819,20 @@ var getColumnsClass = (id) => {
 
 // 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-a1dad3b8 {
   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";
   }
@@ -1852,6 +1856,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(),
@@ -1941,7 +1948,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-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4926,7 +4933,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/index.jsx

@@ -75,7 +75,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";
@@ -430,6 +430,8 @@ var getIvm = () => {
 function setIsolateContext(options = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT)
+    return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -442,10 +444,7 @@ function setIsolateContext(options = {
   return context;
 }
 var getIsolateContext = () => {
-  if (IVM_CONTEXT)
-    return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 var runInNode = ({
   code,
@@ -1615,14 +1614,15 @@ var getColumnsClass = (id) => {
 
 // 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";
   }
@@ -1646,6 +1646,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(),
@@ -1735,7 +1738,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1764,7 +1767,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4416,7 +4419,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.26";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "2.0.26",
+  "version": "2.0.28",
   "description": "",
   "files": [
     "dist",