@builder.io/sdk-qwik 0.12.3 → 0.12.5

package/lib/node/index.qwik.mjs

@@ -1,38 +1,86 @@
-import { componentQrl, inlinedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot as Slot$1, useStore, useContextProvider, _wrapProp, useStylesScopedQrl, useContext, createElement, Fragment as Fragment$1, useSignal, useOn, useTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, _jsxC, Slot as Slot$1, _fnSignal, _IMMUTABLE, createContextId, _jsxQ, useComputedQrl, useLexicalScope, useStore, useContextProvider, _wrapProp, useStylesScopedQrl, useContext, Fragment as Fragment$1, _jsxS, useSignal, useOn, useTaskQrl, createElement } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import { isBrowser as isBrowser$1 } from "@builder.io/qwik/build";
 import { s as safeDynamicRequire } from "./node-evaluate-db446d2b.js";
-import { isServer } from "@builder.io/qwik/build";
 import "node:module";
-const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+const isEmptyElement = (tagName) => {
+  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
+};
+const DynamicRenderer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.link ? /* @__PURE__ */ _jsxS("a", {
+    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ _jsxC(props.TagName, {
       ...props.attributes,
-      children: _fnSignal((p0) => p0.text, [
-        props
-      ], "p0.text")
-    }, {
-      href: _fnSignal((p0) => p0.link, [
-        props
-      ], "p0.link"),
-      role: "button",
-      target: _fnSignal((p0) => p0.openLinkInNewTab ? "_blank" : void 0, [
-        props
-      ], 'p0.openLinkInNewTab?"_blank":undefined')
-    }, 0, "jc_0") : /* @__PURE__ */ _jsxS("button", {
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_0")
+    }, 0, "yW_1") : /* @__PURE__ */ _jsxC(props.TagName, {
       ...props.attributes,
-      children: _fnSignal((p0) => p0.text, [
-        props
-      ], "p0.text")
-    }, {
-      class: _fnSignal((p0) => `builder-button ${p0.attributes.class}`, [
-        props
-      ], "`builder-button ${p0.attributes.class}`"),
-      role: "button",
-      style: _fnSignal((p0) => p0.attributes.style, [
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_2")
+    }, 0, "yW_3") : /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes
+    }, 0, "yW_4")
+  }, 1, "yW_5");
+}, "DynamicRenderer_component_1Co0xkmyAfQ"));
+const TARGET = "qwik";
+const getClassPropName = () => {
+  switch (TARGET) {
+    case "react":
+    case "reactNative":
+    case "rsc":
+      return "className";
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "qwik":
+      return "class";
+  }
+};
+const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+    get TagName() {
+      return props.link ? props.builderLinkComponent || "a" : "button";
+    },
+    actionAttributes: {},
+    attributes: {
+      ...props.attributes,
+      [getClassPropName()]: `${props.link ? "" : "builder-button"} ${props.attributes[getClassPropName()] || ""}`,
+      ...props.link ? {
+        href: props.link,
+        target: props.openLinkInNewTab ? "_blank" : void 0,
+        role: "link"
+      } : {
+        role: "button"
+      }
+    },
+    children: _fnSignal((p0) => p0.text, [
+      props
+    ], "p0.text"),
+    [_IMMUTABLE]: {
+      TagName: _fnSignal((p0) => p0.link ? p0.builderLinkComponent || "a" : "button", [
         props
-      ], "p0.attributes.style")
-    }, 0, null)
-  }, 1, "jc_1");
+      ], 'p0.link?p0.builderLinkComponent||"a":"button"'),
+      actionAttributes: _IMMUTABLE
+    }
+  }, 3, "jc_0");
 }, "Button_component_gJoMUICXoUQ"));
 const builderContext = createContextId("Builder");
 const ComponentsContext = createContextId("Components");
@@ -54,18 +102,9 @@ const logger = {
   warn: (...message) => console.warn(MSG_PREFIX, ...message),
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
-const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
-const set = (obj, _path, value) => {
-  if (Object(obj) !== obj)
-    return obj;
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
-  return obj;
-};
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-const TARGET = "qwik";
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -138,6 +177,41 @@ const parseCode = (code, { isExpression = true }) => {
   const useCode = useReturn ? `return (${code});` : code;
   return useCode;
 };
+const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
+  const functionArgs = getFunctionArguments({
+    builder,
+    context,
+    event,
+    state: flattenState(rootState, localState, rootSetState)
+  });
+  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
+};
+function flattenState(rootState, localState, rootSetState) {
+  if (rootState === localState)
+    throw new Error("rootState === localState");
+  return new Proxy(rootState, {
+    get: (_, prop) => {
+      if (localState && prop in localState)
+        return localState[prop];
+      return rootState[prop];
+    },
+    set: (_, prop, value) => {
+      if (localState && prop in localState)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      rootState[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(rootState);
+      return true;
+    }
+  });
+}
+const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
+const set = (obj, _path, value) => {
+  if (Object(obj) !== obj)
+    return obj;
+  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
+  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
+  return obj;
+};
 const ivm = safeDynamicRequire("isolated-vm");
 const getSyncValName = (key) => `bldr_${key}_sync`;
 const BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE";
@@ -237,34 +311,28 @@ const runInNode = ({ code, builder, context, event, localState, rootSetState, ro
     return resultStr;
   }
 };
-const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
-  const functionArgs = getFunctionArguments({
-    builder,
-    context,
-    event,
-    state: flattenState(rootState, localState, rootSetState)
-  });
-  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
-};
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
-  return new Proxy(rootState, {
-    get: (_, prop) => {
-      if (localState && prop in localState)
-        return localState[prop];
-      return rootState[prop];
-    },
-    set: (_, prop, value) => {
-      if (localState && prop in localState)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
-      return true;
-    }
-  });
+const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+function isNodeRuntime() {
+  var _a;
+  return typeof process !== "undefined" && checkIsDefined((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
 }
-const chooseBrowserOrServerEval = (args) => !isServer ? runInBrowser(args) : runInNode(args);
+const shouldForceBrowserRuntimeInNode = () => {
+  var _a;
+  if (!isNodeRuntime())
+    return false;
+  const isArm64 = process.arch === "arm64";
+  const isNode20 = process.version.startsWith("v20");
+  const hasNoNodeSnapshotNodeOption = (_a = process.env.NODE_OPTIONS) == null ? void 0 : _a.includes("--no-node-snapshot");
+  if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+    logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+    return true;
+  }
+  return false;
+};
+const chooseBrowserOrServerEval = (args) => isBrowser$1 || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : runInNode(args);
 function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
   if (code === "") {
     logger.warn("Skipping evaluation of empty code block.");
@@ -427,7 +495,6 @@ const getSizesForBreakpoints = ({ small, medium }) => {
   return newSizes;
 };
 const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
 const convertStyleMapToCSSArray = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string")
@@ -575,6 +642,29 @@ function getBlockActions(options) {
   }
   return obj;
 }
+function transformStyleProperty({ style }) {
+  return style;
+}
+const getStyle = ({ block, context }) => {
+  return mapStyleObjToStrIfNeeded(transformStyleProperty({
+    style: block.style || {},
+    context,
+    block
+  }));
+};
+function mapStyleObjToStrIfNeeded(style) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return convertStyleMapToCSSArray(style).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return style;
+  }
+}
 function transformBlockProperties({ properties }) {
   return properties;
 }
@@ -589,8 +679,11 @@ function getBlockProperties({ block, context }) {
     ...extractRelevantRootBlockProperties(block),
     ...block.properties,
     "builder-id": block.id,
-    style: block.style ? getStyleAttribute(block.style) : void 0,
-    class: [
+    style: getStyle({
+      block,
+      context
+    }),
+    [getClassPropName()]: [
       block.id,
       "builder-block",
       block.class,
@@ -603,56 +696,6 @@ function getBlockProperties({ block, context }) {
     block
   });
 }
-function getStyleAttribute(style) {
-  switch (TARGET) {
-    case "svelte":
-    case "vue":
-    case "solid":
-      return convertStyleMapToCSSArray(style).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return style;
-  }
-}
-const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-const isEmptyElement = (tagName) => {
-  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
-};
-const DynamicRenderer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
-  return /* @__PURE__ */ _jsxC(Fragment, {
-    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ _jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes,
-      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_0")
-    }, 0, "yW_1") : /* @__PURE__ */ _jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes,
-      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_2")
-    }, 0, "yW_3") : /* @__PURE__ */ _jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes
-    }, 0, "yW_4")
-  }, 1, "yW_5");
-}, "DynamicRenderer_component_1Co0xkmyAfQ"));
 const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(DynamicRenderer, {
     get TagName() {
@@ -731,6 +774,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         builderBlock: props.builderBlock,
         context: props.context,
         componentRef: props.componentRef,
+        linkComponent: props.linkComponent,
         includeBlockProps: props.includeBlockProps,
         isInteractive: props.isInteractive,
         contextValue: props.context
@@ -744,10 +788,16 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
           get registeredComponents() {
             return props.registeredComponents;
           },
+          get linkComponent() {
+            return props.linkComponent;
+          },
           [_IMMUTABLE]: {
             context: _fnSignal((p0) => p0.context, [
               props
             ], "p0.context"),
+            linkComponent: _fnSignal((p0) => p0.linkComponent, [
+              props
+            ], "p0.linkComponent"),
             registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
               props
             ], "p0.registeredComponents")
@@ -772,6 +822,9 @@ const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     get registeredComponents() {
       return props.registeredComponents;
     },
+    get linkComponent() {
+      return props.linkComponent;
+    },
     [_IMMUTABLE]: {
       block: _fnSignal((p0) => p0.block, [
         props
@@ -779,6 +832,9 @@ const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       context: _fnSignal((p0) => p0.store, [
         state
       ], "p0.store"),
+      linkComponent: _fnSignal((p0) => p0.linkComponent, [
+        props
+      ], "p0.linkComponent"),
       registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
         props
       ], "p0.registeredComponents")
@@ -825,9 +881,14 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     props
   ]));
   const Tag = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
+    var _a2;
+    const [processedBlock2, props2] = useLexicalScope();
+    const shouldUseLink = props2.block.tagName === "a" || ((_a2 = processedBlock2.value.properties) == null ? void 0 : _a2.href) || processedBlock2.value.href;
+    if (shouldUseLink)
+      return props2.linkComponent || "a";
     return props2.block.tagName || "div";
   }, "Block_component_Tag_useComputed_eQnDgbcBW2A", [
+    processedBlock,
     props
   ]));
   const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -857,7 +918,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     repeatItem
   ]));
   const componentRefProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
     const [blockComponent2, processedBlock2, props2, state2] = useLexicalScope();
     return {
       blockChildren: processedBlock2.value.children ?? [],
@@ -865,15 +926,19 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       componentOptions: {
         ...getBlockComponentOptions(processedBlock2.value),
         builderContext: props2.context,
-        ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Symbol" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Columns" ? {
+        ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Core:Button" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Symbol" || ((_d = blockComponent2.value) == null ? void 0 : _d.name) === "Columns" ? {
+          builderLinkComponent: props2.linkComponent
+        } : {},
+        ...((_e = blockComponent2.value) == null ? void 0 : _e.name) === "Symbol" || ((_f = blockComponent2.value) == null ? void 0 : _f.name) === "Columns" ? {
           builderComponents: props2.registeredComponents
         } : {}
       },
       context: state2.childrenContext,
+      linkComponent: props2.linkComponent,
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
-      includeBlockProps: ((_d = blockComponent2.value) == null ? void 0 : _d.noWrap) === true,
-      isInteractive: !((_e = blockComponent2.value) == null ? void 0 : _e.isRSC)
+      includeBlockProps: ((_g = blockComponent2.value) == null ? void 0 : _g.noWrap) === true,
+      isInteractive: !((_h = blockComponent2.value) == null ? void 0 : _h.isRSC)
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -910,6 +975,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           get context() {
             return props.context;
           },
+          get linkComponent() {
+            return props.linkComponent;
+          },
           children: [
             /* @__PURE__ */ _jsxC(ComponentRef, {
               get componentRef() {
@@ -927,6 +995,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
               get registeredComponents() {
                 return componentRefProps.value.registeredComponents;
               },
+              get linkComponent() {
+                return componentRefProps.value.linkComponent;
+              },
               get builderBlock() {
                 return componentRefProps.value.builderBlock;
               },
@@ -958,6 +1029,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
                 isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
                   componentRefProps
                 ], "p0.value.isInteractive"),
+                linkComponent: _fnSignal((p0) => p0.value.linkComponent, [
+                  componentRefProps
+                ], "p0.value.linkComponent"),
                 registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
                   componentRefProps
                 ], "p0.value.registeredComponents")
@@ -972,10 +1046,16 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
                 get registeredComponents() {
                   return props.registeredComponents;
                 },
+                get linkComponent() {
+                  return props.linkComponent;
+                },
                 [_IMMUTABLE]: {
                   context: _fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext"),
+                  linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                    props
+                  ], "p0.linkComponent"),
                   registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
                     props
                   ], "p0.registeredComponents")
@@ -992,7 +1072,10 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             ], "p0.value"),
             context: _fnSignal((p0) => p0.context, [
               props
-            ], "p0.context")
+            ], "p0.context"),
+            linkComponent: _fnSignal((p0) => p0.linkComponent, [
+              props
+            ], "p0.linkComponent")
           }
         }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
           return /* @__PURE__ */ _jsxC(RepeatedBlock, {
@@ -1005,8 +1088,14 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             get registeredComponents() {
               return props.registeredComponents;
             },
+            get linkComponent() {
+              return props.linkComponent;
+            },
             [_IMMUTABLE]: {
               block: _wrapProp(data, "block"),
+              linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                props
+              ], "p0.linkComponent"),
               registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
                 props
               ], "p0.registeredComponents"),
@@ -1029,6 +1118,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           get registeredComponents() {
             return componentRefProps.value.registeredComponents;
           },
+          get linkComponent() {
+            return componentRefProps.value.linkComponent;
+          },
           get builderBlock() {
             return componentRefProps.value.builderBlock;
           },
@@ -1060,6 +1152,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
               componentRefProps
             ], "p0.value.isInteractive"),
+            linkComponent: _fnSignal((p0) => p0.value.linkComponent, [
+              componentRefProps
+            ], "p0.value.linkComponent"),
             registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
               componentRefProps
             ], "p0.value.registeredComponents")
@@ -1187,6 +1282,9 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     children: props.blocks ? (props.blocks || []).map((block) => {
       return /* @__PURE__ */ _jsxC(Block, {
         block,
+        get linkComponent() {
+          return props.linkComponent;
+        },
         get context() {
           return props.context || builderContext$1;
         },
@@ -1198,6 +1296,9 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
             builderContext$1,
             props
           ], "p1.context||p0"),
+          linkComponent: _fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
             componentsContext,
             props
@@ -1257,7 +1358,13 @@ const columnCssVars = function columnCssVars2(props, state, index) {
   const mobileWidth = "100%";
   const mobileMarginLeft = 0;
   const marginLeftKey = "margin-left";
+  const sharedStyles = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  };
   return {
+    ...sharedStyles,
     width,
     [marginLeftKey]: gutterPixels,
     "--column-width-mobile": getMobileStyle(props, state, {
@@ -1355,40 +1462,56 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
       }
     }, 3, "c0_0"),
     (props.columns || []).map((column, index) => {
-      return /* @__PURE__ */ createElement("div", {
-        class: "builder-column div-Columns-2",
-        style: columnCssVars(props, state, index),
-        key: index
-      }, /* @__PURE__ */ _jsxC(Blocks, {
-        path: `component.options.columns.${index}.blocks`,
-        get parent() {
-          return props.builderBlock.id;
-        },
-        get styleProp() {
-          return {
-            flexGrow: "1"
-          };
-        },
-        get context() {
-          return props.builderContext;
+      return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+        TagName: column.link ? props.builderLinkComponent || "a" : "div",
+        actionAttributes: {},
+        attributes: {
+          ...column.link ? {
+            href: column.link
+          } : {},
+          [getClassPropName()]: "builder-column",
+          style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
         },
-        get registeredComponents() {
-          return props.builderComponents;
-        },
-        blocks: deoptSignal(column.blocks),
+        children: /* @__PURE__ */ _jsxC(Blocks, {
+          path: `component.options.columns.${index}.blocks`,
+          get parent() {
+            return props.builderBlock.id;
+          },
+          get styleProp() {
+            return {
+              flexGrow: "1"
+            };
+          },
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          blocks: deoptSignal(column.blocks),
+          [_IMMUTABLE]: {
+            context: _fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            parent: _fnSignal((p0) => p0.builderBlock.id, [
+              props
+            ], "p0.builderBlock.id"),
+            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents"),
+            styleProp: _IMMUTABLE
+          }
+        }, 3, "c0_1"),
         [_IMMUTABLE]: {
-          context: _fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          parent: _fnSignal((p0) => p0.builderBlock.id, [
-            props
-          ], "p0.builderBlock.id"),
-          registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-            props
-          ], "p0.builderComponents"),
-          styleProp: _IMMUTABLE
+          actionAttributes: _IMMUTABLE
         }
-      }, 3, "c0_1"));
+      }, 1, index);
     })
   ], 1, "c0_2");
 }, "Columns_component_7yLj4bxdI6c"));
@@ -1397,11 +1520,6 @@ const STYLES$1 = `
   display: flex;
   line-height: normal;
 }
-.div-Columns-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
 `;
 const FragmentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "oj_0"), 1, "oj_1");
@@ -3324,7 +3442,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.3";
+const SDK_VERSION = "0.12.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4011,6 +4129,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     get contentWrapperProps() {
       return props.contentWrapperProps;
     },
+    get linkComponent() {
+      return props.linkComponent;
+    },
     get trustedHosts() {
       return props.trustedHosts;
     },
@@ -4070,6 +4191,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         get registeredComponents() {
           return state.registeredComponents;
         },
+        get linkComponent() {
+          return props.linkComponent;
+        },
         [_IMMUTABLE]: {
           blocks: _fnSignal((p0) => {
             var _a2, _b2;
@@ -4080,6 +4204,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
           context: _fnSignal((p0) => p0.builderContextSignal, [
             state
           ], "p0.builderContextSignal"),
+          linkComponent: _fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
             state
           ], "p0.registeredComponents")
@@ -4117,6 +4244,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       includeRefs: _fnSignal((p0) => p0.includeRefs, [
         props
       ], "p0.includeRefs"),
+      linkComponent: _fnSignal((p0) => p0.linkComponent, [
+        props
+      ], "p0.linkComponent"),
       locale: _fnSignal((p0) => p0.locale, [
         props
       ], "p0.locale"),
@@ -4234,6 +4364,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get customComponents() {
                 return props.customComponents;
               },
+              get linkComponent() {
+                return props.linkComponent;
+              },
               get canTrack() {
                 return props.canTrack;
               },
@@ -4304,6 +4437,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
                   state
                 ], "p0.shouldRenderVariants"),
+                linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                  props
+                ], "p0.linkComponent"),
                 locale: _fnSignal((p0) => p0.locale, [
                   props
                 ], "p0.locale"),
@@ -4342,6 +4478,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get customComponents() {
           return props.customComponents;
         },
+        get linkComponent() {
+          return props.linkComponent;
+        },
         get canTrack() {
           return props.canTrack;
         },
@@ -4415,6 +4554,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
             state
           ], "p0.shouldRenderVariants"),
+          linkComponent: _fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           locale: _fnSignal((p0) => p0.locale, [
             props
           ], "p0.locale"),
@@ -4465,7 +4607,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     var _a2, _b;
     const [props2] = useLexicalScope();
     return [
-      props2.attributes.class,
+      props2.attributes[getClassPropName()],
       "builder-symbol",
       ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
       ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
@@ -4518,6 +4660,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
       get content() {
         return state.contentToUse;
       },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
       [_IMMUTABLE]: {
         apiKey: _fnSignal((p0) => p0.builderContext.apiKey, [
           props
@@ -4551,6 +4696,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           props,
           state
         ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
+        linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
         model: _fnSignal((p0) => {
           var _a2;
           return (_a2 = p0.symbol) == null ? void 0 : _a2.model;