@builder.io/sdk-qwik 0.12.3 → 0.12.4

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 { 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");
@@ -65,7 +113,6 @@ const set = (obj, _path, value) => {
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-const TARGET = "qwik";
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -575,6 +622,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 +659,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 +676,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 +754,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 +768,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 +802,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 +812,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 +861,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 +898,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 +906,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 +955,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 +975,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 +1009,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 +1026,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 +1052,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 +1068,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 +1098,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 +1132,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 +1262,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 +1276,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 +1338,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 +1442,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 +1500,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 +3422,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.3";
+const SDK_VERSION = "0.12.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4011,6 +4109,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     get contentWrapperProps() {
       return props.contentWrapperProps;
     },
+    get linkComponent() {
+      return props.linkComponent;
+    },
     get trustedHosts() {
       return props.trustedHosts;
     },
@@ -4070,6 +4171,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 +4184,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 +4224,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 +4344,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get customComponents() {
                 return props.customComponents;
               },
+              get linkComponent() {
+                return props.linkComponent;
+              },
               get canTrack() {
                 return props.canTrack;
               },
@@ -4304,6 +4417,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 +4458,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get customComponents() {
           return props.customComponents;
         },
+        get linkComponent() {
+          return props.linkComponent;
+        },
         get canTrack() {
           return props.canTrack;
         },
@@ -4415,6 +4534,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 +4587,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 +4640,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 +4676,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;

package/package.json

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

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

@@ -1,4 +1,5 @@
-export interface ButtonProps {
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;
     link?: string;

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

@@ -17,4 +17,4 @@ export declare const columnCssVars: (props: any, state: any, index: number) => D
 export declare const getWidthForBreakpointSize: (props: any, state: any, size: SizeName) => number;
 export declare const Columns: import("@builder.io/qwik").Component<PropsWithBuilderData<ColumnProps>>;
 export default Columns;
-export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n.div-Columns-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";
+export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n";