@builder.io/sdk-qwik 0.12.2 → 0.12.4

package/lib/browser/index.qwik.cjs

@@ -3,42 +3,85 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const build = require("@builder.io/qwik/build");
-const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
+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__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: props.link ? /* @__PURE__ */ qwik._jsxS("a", {
+    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ qwik._jsxC(props.TagName, {
       ...props.attributes,
-      children: qwik._fnSignal((p0) => p0.text, [
-        props
-      ], "p0.text")
-    }, {
-      href: qwik._fnSignal((p0) => p0.link, [
-        props
-      ], "p0.link"),
-      role: "button",
-      target: qwik._fnSignal((p0) => p0.openLinkInNewTab ? "_blank" : void 0, [
-        props
-      ], 'p0.openLinkInNewTab?"_blank":undefined')
-    }, 0, "jc_0") : /* @__PURE__ */ qwik._jsxS("button", {
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_0")
+    }, 0, "yW_1") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
       ...props.attributes,
-      children: qwik._fnSignal((p0) => p0.text, [
-        props
-      ], "p0.text")
-    }, {
-      class: qwik._fnSignal((p0) => p0.attributes.class + " button-Button", [
-        props
-      ], 'p0.attributes.class+" button-Button"'),
-      style: qwik._fnSignal((p0) => p0.attributes.style, [
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_2")
+    }, 0, "yW_3") : /* @__PURE__ */ qwik._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__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._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: qwik._fnSignal((p0) => p0.text, [
+      props
+    ], "p0.text"),
+    [qwik._IMMUTABLE]: {
+      TagName: qwik._fnSignal((p0) => p0.link ? p0.builderLinkComponent || "a" : "button", [
         props
-      ], "p0.attributes.style")
-    }, 0, null)
-  }, 1, "jc_1");
+      ], 'p0.link?p0.builderLinkComponent||"a":"button"'),
+      actionAttributes: qwik._IMMUTABLE
+    }
+  }, 3, "jc_0");
 }, "Button_component_gJoMUICXoUQ"));
-const STYLES$3 = `
-.button-Button {
-  all: unset;
-}
-`;
 const builderContext = qwik.createContextId("Builder");
 const ComponentsContext = qwik.createContextId("Components");
 function getBlockComponentOptions(block) {
@@ -62,7 +105,6 @@ const logger = {
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
-const TARGET = "qwik";
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -481,6 +523,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;
 }
@@ -495,8 +560,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,
@@ -509,56 +577,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__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik._jsxBranch();
-  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ qwik._jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes,
-      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_0")
-    }, 0, "yW_1") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes,
-      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_2")
-    }, 0, "yW_3") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
-      ...props.attributes,
-      ...props.actionAttributes
-    }, 0, "yW_4")
-  }, 1, "yW_5");
-}, "DynamicRenderer_component_1Co0xkmyAfQ"));
 const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxC(DynamicRenderer, {
     get TagName() {
@@ -637,6 +655,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         builderBlock: props.builderBlock,
         context: props.context,
         componentRef: props.componentRef,
+        linkComponent: props.linkComponent,
         includeBlockProps: props.includeBlockProps,
         isInteractive: props.isInteractive,
         contextValue: props.context
@@ -650,10 +669,16 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
           get registeredComponents() {
             return props.registeredComponents;
           },
+          get linkComponent() {
+            return props.linkComponent;
+          },
           [qwik._IMMUTABLE]: {
             context: qwik._fnSignal((p0) => p0.context, [
               props
             ], "p0.context"),
+            linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+              props
+            ], "p0.linkComponent"),
             registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
               props
             ], "p0.registeredComponents")
@@ -678,6 +703,9 @@ const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     get registeredComponents() {
       return props.registeredComponents;
     },
+    get linkComponent() {
+      return props.linkComponent;
+    },
     [qwik._IMMUTABLE]: {
       block: qwik._fnSignal((p0) => p0.block, [
         props
@@ -685,6 +713,9 @@ const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       context: qwik._fnSignal((p0) => p0.store, [
         state
       ], "p0.store"),
+      linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+        props
+      ], "p0.linkComponent"),
       registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
         props
       ], "p0.registeredComponents")
@@ -731,9 +762,14 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     props
   ]));
   const Tag = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
+    var _a2;
+    const [processedBlock2, props2] = qwik.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 = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -763,7 +799,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     repeatItem
   ]));
   const componentRefProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
     const [blockComponent2, processedBlock2, props2, state2] = qwik.useLexicalScope();
     return {
       blockChildren: processedBlock2.value.children ?? [],
@@ -771,15 +807,19 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
       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,
@@ -816,6 +856,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
           get context() {
             return props.context;
           },
+          get linkComponent() {
+            return props.linkComponent;
+          },
           children: [
             /* @__PURE__ */ qwik._jsxC(ComponentRef, {
               get componentRef() {
@@ -833,6 +876,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
               get registeredComponents() {
                 return componentRefProps.value.registeredComponents;
               },
+              get linkComponent() {
+                return componentRefProps.value.linkComponent;
+              },
               get builderBlock() {
                 return componentRefProps.value.builderBlock;
               },
@@ -864,6 +910,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
                 isInteractive: qwik._fnSignal((p0) => p0.value.isInteractive, [
                   componentRefProps
                 ], "p0.value.isInteractive"),
+                linkComponent: qwik._fnSignal((p0) => p0.value.linkComponent, [
+                  componentRefProps
+                ], "p0.value.linkComponent"),
                 registeredComponents: qwik._fnSignal((p0) => p0.value.registeredComponents, [
                   componentRefProps
                 ], "p0.value.registeredComponents")
@@ -878,10 +927,16 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
                 get registeredComponents() {
                   return props.registeredComponents;
                 },
+                get linkComponent() {
+                  return props.linkComponent;
+                },
                 [qwik._IMMUTABLE]: {
                   context: qwik._fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext"),
+                  linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+                    props
+                  ], "p0.linkComponent"),
                   registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
                     props
                   ], "p0.registeredComponents")
@@ -898,7 +953,10 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
             ], "p0.value"),
             context: qwik._fnSignal((p0) => p0.context, [
               props
-            ], "p0.context")
+            ], "p0.context"),
+            linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+              props
+            ], "p0.linkComponent")
           }
         }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
           return /* @__PURE__ */ qwik._jsxC(RepeatedBlock, {
@@ -911,8 +969,14 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
             get registeredComponents() {
               return props.registeredComponents;
             },
+            get linkComponent() {
+              return props.linkComponent;
+            },
             [qwik._IMMUTABLE]: {
               block: qwik._wrapProp(data, "block"),
+              linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+                props
+              ], "p0.linkComponent"),
               registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
                 props
               ], "p0.registeredComponents"),
@@ -935,6 +999,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
           get registeredComponents() {
             return componentRefProps.value.registeredComponents;
           },
+          get linkComponent() {
+            return componentRefProps.value.linkComponent;
+          },
           get builderBlock() {
             return componentRefProps.value.builderBlock;
           },
@@ -966,6 +1033,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
             isInteractive: qwik._fnSignal((p0) => p0.value.isInteractive, [
               componentRefProps
             ], "p0.value.isInteractive"),
+            linkComponent: qwik._fnSignal((p0) => p0.value.linkComponent, [
+              componentRefProps
+            ], "p0.value.linkComponent"),
             registeredComponents: qwik._fnSignal((p0) => p0.value.registeredComponents, [
               componentRefProps
             ], "p0.value.registeredComponents")
@@ -1093,6 +1163,9 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
     children: props.blocks ? (props.blocks || []).map((block) => {
       return /* @__PURE__ */ qwik._jsxC(Block, {
         block,
+        get linkComponent() {
+          return props.linkComponent;
+        },
         get context() {
           return props.context || builderContext$1;
         },
@@ -1104,6 +1177,9 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
             builderContext$1,
             props
           ], "p1.context||p0"),
+          linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           registeredComponents: qwik._fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
             componentsContext,
             props
@@ -1163,7 +1239,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, {
@@ -1261,40 +1343,56 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
       }
     }, 3, "c0_0"),
     (props.columns || []).map((column, index) => {
-      return /* @__PURE__ */ qwik.createElement("div", {
-        class: "builder-column div-Columns-2",
-        style: columnCssVars(props, state, index),
-        key: index
-      }, /* @__PURE__ */ qwik._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__ */ qwik._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__ */ qwik._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),
+          [qwik._IMMUTABLE]: {
+            context: qwik._fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+              props
+            ], "p0.builderBlock.id"),
+            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents"),
+            styleProp: qwik._IMMUTABLE
+          }
+        }, 3, "c0_1"),
         [qwik._IMMUTABLE]: {
-          context: qwik._fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-            props
-          ], "p0.builderBlock.id"),
-          registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-            props
-          ], "p0.builderComponents"),
-          styleProp: qwik._IMMUTABLE
+          actionAttributes: qwik._IMMUTABLE
         }
-      }, 3, "c0_1"));
+      }, 1, index);
     })
   ], 1, "c0_2");
 }, "Columns_component_7yLj4bxdI6c"));
@@ -1303,11 +1401,6 @@ const STYLES$1 = `
   display: flex;
   line-height: normal;
 }
-.div-Columns-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
 `;
 const FragmentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxQ("span", null, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "oj_0"), 1, "oj_1");
@@ -3230,7 +3323,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.2";
+const SDK_VERSION = "0.12.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3757,6 +3850,10 @@ ${getFontCss({
       customFonts: props.customFonts
     })}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }
@@ -3913,6 +4010,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     get contentWrapperProps() {
       return props.contentWrapperProps;
     },
+    get linkComponent() {
+      return props.linkComponent;
+    },
     get trustedHosts() {
       return props.trustedHosts;
     },
@@ -3972,6 +4072,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
         get registeredComponents() {
           return state.registeredComponents;
         },
+        get linkComponent() {
+          return props.linkComponent;
+        },
         [qwik._IMMUTABLE]: {
           blocks: qwik._fnSignal((p0) => {
             var _a2, _b2;
@@ -3982,6 +4085,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
           context: qwik._fnSignal((p0) => p0.builderContextSignal, [
             state
           ], "p0.builderContextSignal"),
+          linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
             state
           ], "p0.registeredComponents")
@@ -4019,6 +4125,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       includeRefs: qwik._fnSignal((p0) => p0.includeRefs, [
         props
       ], "p0.includeRefs"),
+      linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+        props
+      ], "p0.linkComponent"),
       locale: qwik._fnSignal((p0) => p0.locale, [
         props
       ], "p0.locale"),
@@ -4136,6 +4245,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
               get customComponents() {
                 return props.customComponents;
               },
+              get linkComponent() {
+                return props.linkComponent;
+              },
               get canTrack() {
                 return props.canTrack;
               },
@@ -4206,6 +4318,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                 isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
                   state
                 ], "p0.shouldRenderVariants"),
+                linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+                  props
+                ], "p0.linkComponent"),
                 locale: qwik._fnSignal((p0) => p0.locale, [
                   props
                 ], "p0.locale"),
@@ -4244,6 +4359,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
         get customComponents() {
           return props.customComponents;
         },
+        get linkComponent() {
+          return props.linkComponent;
+        },
         get canTrack() {
           return props.canTrack;
         },
@@ -4317,6 +4435,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
           isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
             state
           ], "p0.shouldRenderVariants"),
+          linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
+            props
+          ], "p0.linkComponent"),
           locale: qwik._fnSignal((p0) => p0.locale, [
             props
           ], "p0.locale"),
@@ -4367,7 +4488,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
     var _a2, _b;
     const [props2] = qwik.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
@@ -4420,6 +4541,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
       get content() {
         return state.contentToUse;
       },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
       [qwik._IMMUTABLE]: {
         apiKey: qwik._fnSignal((p0) => p0.builderContext.apiKey, [
           props
@@ -4453,6 +4577,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
           props,
           state
         ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
+        linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
         model: qwik._fnSignal((p0) => {
           var _a2;
           return (_a2 = p0.symbol) == null ? void 0 : _a2.model;