@builder.io/sdk-vue 0.12.2 → 0.12.4

package/lib/node/{index.36c2b72c.js → index.0d7a2ca2.js}

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createVNode, createBlock, withCtx, renderList, createCommentVNode, resolveDynamicComponent, renderSlot, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment as Fragment$1, createBlock, resolveDynamicComponent, mergeProps, toHandlers, withCtx, renderSlot, resolveComponent, createTextVNode, toDisplayString, defineAsyncComponent, createVNode, renderList, createCommentVNode, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase());
 function filterAttrs(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -10,31 +11,86 @@ function filterAttrs(e = {}, t, n) {
   }
   return o;
 }
-const _sfc_main$k = defineComponent({
-  name: "builder-button",
-  props: ["attributes", "text", "link", "openLinkInNewTab"],
+const _sfc_main$l = defineComponent({
+  name: "dynamic-renderer",
+  props: ["attributes", "actionAttributes", "TagName"],
   data() {
-    return { filterAttrs };
+    return { isEmptyElement };
   }
-}), button_vue_vue_type_style_index_0_scoped_becdf225_lang = "", _export_sfc = (e, t) => {
+}), _export_sfc = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, _hoisted_1$6 = ["href", "target"];
+};
+function _sfc_render$j(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 1 }, e.attributes, toHandlers(e.actionAttributes)), null, 16)) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+    typeof e.TagName == "string" ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 0 }, e.attributes, toHandlers(e.actionAttributes)), {
+      default: withCtx(() => [
+        renderSlot(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 1 }, e.attributes, toHandlers(e.actionAttributes)), {
+      default: withCtx(() => [
+        renderSlot(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16))
+  ], 64));
+}
+const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]), dynamicRenderer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: DynamicRenderer
+}, Symbol.toStringTag, { value: "Module" })), TARGET = "vue", getClassPropName = () => {
+  switch (TARGET) {
+    case "react":
+    case "reactNative":
+    case "rsc":
+      return "className";
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "qwik":
+      return "class";
+  }
+}, _sfc_main$k = defineComponent({
+  name: "builder-button",
+  components: { DynamicRenderer },
+  props: [
+    "link",
+    "builderLinkComponent",
+    "attributes",
+    "openLinkInNewTab",
+    "text"
+  ],
+  data() {
+    return { getClassPropName, filterAttrs };
+  }
+});
 function _sfc_render$i(e, t, n, o, r, i) {
-  return e.link ? (openBlock(), createElementBlock("a", mergeProps({
-    key: 0,
-    href: e.link,
-    target: e.openLinkInNewTab ? "_blank" : void 0,
-    role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17, _hoisted_1$6)) : (openBlock(), createElementBlock("button", mergeProps({
-    key: 1,
-    style: e.attributes.style,
-    class: e.attributes.class + " button-21azgz5avex"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17));
+  const s = resolveComponent("dynamic-renderer");
+  return openBlock(), createBlock(s, {
+    TagName: e.link ? e.builderLinkComponent || "a" : "button",
+    attributes: {
+      ...e.filterAttrs(e.attributes, "v-on:", !1),
+      [e.getClassPropName()]: `${e.link ? "" : "builder-button"} ${e.attributes[e.getClassPropName()] || ""}`,
+      ...e.link ? {
+        href: e.link,
+        target: e.openLinkInNewTab ? "_blank" : void 0,
+        role: "link"
+      } : {
+        role: "button"
+      }
+    },
+    actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
+  }, {
+    default: withCtx(() => [
+      createTextVNode(toDisplayString(e.text), 1)
+    ]),
+    _: 1
+  }, 8, ["TagName", "attributes", "actionAttributes"]);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
   Builder: {
     content: null,
     context: {},
@@ -62,7 +118,7 @@ function getBlockComponentOptions(e) {
     builderBlock: e
   };
 }
-const TARGET = "vue", checkIsDefined = (e) => e != null, MSG_PREFIX = "[Builder.io]: ", logger = {
+const MSG_PREFIX = "[Builder.io]: ", logger = {
   log: (...e) => console.log(MSG_PREFIX, ...e),
   error: (...e) => console.error(MSG_PREFIX, ...e),
   warn: (...e) => console.warn(MSG_PREFIX, ...e),
@@ -142,7 +198,7 @@ const getLocation = () => {
     event: o,
     state: flattenState(s, r, i)
   });
-  return new Function(...a.map(([c]) => c), e)(...a.map(([, c]) => c));
+  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
 function flattenState(e, t, n) {
   if (e === t)
@@ -232,17 +288,17 @@ output;
   const a = fastClone({
     ...s,
     ...r
-  }), c = getFunctionArguments({
+  }), l = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: a
-  }), l = getIsolateContext(), d = l.global;
+  }), c = getIsolateContext(), d = c.global;
   d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
     console.log(...m);
   }), d.setSync(BUILDER_SET_STATE_NAME, function(m, f) {
     set(s, m, f), i == null || i(s);
-  }), c.forEach(([m, f]) => {
+  }), l.forEach(([m, f]) => {
     const b = typeof f == "object" ? new ivm.Reference(
       m === "builder" ? {
         ...f,
@@ -251,14 +307,14 @@ output;
     ) : null;
     d.setSync(getSyncValName(m), b);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const u = processCode({
+  const p = processCode({
     code: e,
-    args: c
-  }), p = l.evalSync(u);
+    args: l
+  }), u = c.evalSync(p);
   try {
-    return JSON.parse(p);
+    return JSON.parse(u);
   } catch {
-    return p;
+    return u;
   }
 }, chooseBrowserOrServerEval = (e) => isBrowser() ? runInBrowser(e) : runInNode(e);
 function evaluate({
@@ -287,8 +343,8 @@ function evaluate({
   };
   try {
     return chooseBrowserOrServerEval(a);
-  } catch (c) {
-    logger.error("Failed code evaluation: " + c.message, {
+  } catch (l) {
+    logger.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
@@ -316,14 +372,14 @@ const evaluateBindings = ({
     }
   };
   for (const a in e.bindings) {
-    const c = e.bindings[a], l = evaluate({
-      code: c,
+    const l = e.bindings[a], c = evaluate({
+      code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    set(s, a, l);
+    set(s, a, c);
   }
   return s;
 };
@@ -344,6 +400,48 @@ function getProcessedBlock({
     context: t
   }) : s;
 }
+const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), checkIsDefined = (e) => e != null, convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+  if (typeof o == "string")
+    return `${camelToKebabCase(n)}: ${o};`;
+}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
+`), createCssClass = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const o = `.${t} {
+    ${convertStyleMapToCSS(n)}
+  }`;
+  return e ? `${e} {
+      ${o}
+    }` : o;
+};
+function transformStyleProperty({
+  style: e
+}) {
+  return e;
+}
+const getStyle = ({
+  block: e,
+  context: t
+}) => mapStyleObjToStrIfNeeded(transformStyleProperty({
+  style: e.style || {},
+  context: t,
+  block: e
+}));
+function mapStyleObjToStrIfNeeded(e) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return convertStyleMapToCSSArray(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
 const getComponent = ({
   block: e,
   context: t,
@@ -386,35 +484,35 @@ const getComponent = ({
   if (!Array.isArray(r))
     return;
   const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
-  return r.map((c, l) => ({
+  return r.map((l, c) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: l,
-        $item: c,
-        [s]: c,
-        [`$${s}Index`]: l
+        $index: c,
+        $item: l,
+        [s]: l,
+        [`$${s}Index`]: c
       }
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles.136d6f08.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles.bb5f14b0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper.18e00652.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.7aa2ef9c.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref.c1216d72.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.32bc874a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block.98cf3e1d.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.05cbf677.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -427,7 +525,7 @@ const getComponent = ({
     RepeatedBlock: defineAsyncComponent(RepeatedBlock),
     BlockWrapper: defineAsyncComponent(BlockWrapper)
   },
-  props: ["block", "context", "registeredComponents"],
+  props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
     return { childrenContext: this.context };
   },
@@ -457,7 +555,8 @@ const getComponent = ({
       });
     },
     Tag() {
-      return this.block.tagName || "div";
+      var t;
+      return this.block.tagName === "a" || ((t = this.processedBlock.properties) == null ? void 0 : t.href) || this.processedBlock.href ? this.linkComponent || "a" : this.block.tagName || "div";
     },
     canShowBlock() {
       var n, o;
@@ -471,55 +570,62 @@ const getComponent = ({
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, i;
+      var e, t, n, o, r, i, s, a, l;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
           ...getBlockComponentOptions(this.processedBlock),
           builderContext: this.context,
-          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
+          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Core:Button" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Symbol" || ((r = this.blockComponent) == null ? void 0 : r.name) === "Columns" ? {
+            builderLinkComponent: this.linkComponent
+          } : {},
+          ...((i = this.blockComponent) == null ? void 0 : i.name) === "Symbol" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Columns" ? {
             builderComponents: this.registeredComponents
           } : {}
         },
         context: this.childrenContext,
+        linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
-        isInteractive: !((i = this.blockComponent) != null && i.isRSC)
+        includeBlockProps: ((a = this.blockComponent) == null ? void 0 : a.noWrap) === !0,
+        isInteractive: !((l = this.blockComponent) != null && l.isRSC)
       };
     }
   }
 });
 function _sfc_render$h(e, t, n, o, r, i) {
-  var u;
-  const s = resolveComponent("block-styles"), a = resolveComponent("component-ref"), c = resolveComponent("block", !0), l = resolveComponent("block-wrapper"), d = resolveComponent("repeated-block");
+  var p;
+  const s = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), c = resolveComponent("block-wrapper"), d = resolveComponent("repeated-block");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(a, {
+    (p = e.blockComponent) != null && p.noWrap ? (openBlock(), createBlock(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
       blockChildren: e.componentRefProps.blockChildren,
       context: e.componentRefProps.context,
       registeredComponents: e.componentRefProps.registeredComponents,
+      linkComponent: e.componentRefProps.linkComponent,
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, m) => (openBlock(), createBlock(d, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (u, m) => (openBlock(), createBlock(d, {
         key: m,
-        repeatContext: p.context,
-        block: p.block,
-        registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : (openBlock(), createBlock(l, {
+        repeatContext: u.context,
+        block: u.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (openBlock(), createBlock(c, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
-        context: e.context
+        context: e.context,
+        linkComponent: e.linkComponent
       }, {
         default: withCtx(() => [
           createVNode(a, {
@@ -528,19 +634,21 @@ function _sfc_render$h(e, t, n, o, r, i) {
             blockChildren: e.componentRefProps.blockChildren,
             context: e.componentRefProps.context,
             registeredComponents: e.componentRefProps.registeredComponents,
+            linkComponent: e.componentRefProps.linkComponent,
             builderBlock: e.componentRefProps.builderBlock,
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
-          }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(c, {
-            key: p.id,
-            block: p,
+          }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, m) => (openBlock(), createBlock(l, {
+            key: u.id,
+            block: u,
             context: e.childrenContext,
-            registeredComponents: e.registeredComponents
-          }, null, 8, ["block", "context", "registeredComponents"]))), 128))
+            registeredComponents: e.registeredComponents,
+            linkComponent: e.linkComponent
+          }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"]))
+      }, 8, ["Wrapper", "block", "context", "linkComponent"]))
     ], 64))
   ], 64)) : createCommentVNode("v-if", !0);
 }
@@ -617,6 +725,7 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_
     "path",
     "styleProp",
     "context",
+    "linkComponent",
     "registeredComponents"
   ],
   inject: {
@@ -625,23 +734,24 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_
   }
 });
 function _sfc_render$f(e, t, n, o, r, i) {
-  var c, l;
+  var l, c;
   const s = resolveComponent("block"), a = resolveComponent("blocks-wrapper");
   return openBlock(), createBlock(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: (c = e.context) == null ? void 0 : c.BlocksWrapper,
-    BlocksWrapperProps: (l = e.context) == null ? void 0 : l.BlocksWrapperProps
+    BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
+    BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (d, u) => (openBlock(), createBlock(s, {
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (d, p) => (openBlock(), createBlock(s, {
         key: d.id,
         block: d,
+        linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
@@ -695,7 +805,11 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
   }, n;
 }, _sfc_main$f = defineComponent({
   name: "builder-columns",
-  components: { InlinedStyles, Blocks },
+  components: {
+    InlinedStyles,
+    DynamicRenderer,
+    Blocks
+  },
   props: [
     "js",
     "space",
@@ -704,6 +818,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
     "reverseColumnsWhenStacked",
     "builderContext",
     "builderBlock",
+    "builderLinkComponent",
     "builderComponents"
   ],
   data() {
@@ -712,7 +827,9 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET
+      TARGET,
+      getClassPropName,
+      mapStyleObjToStrIfNeeded
     };
   },
   computed: {
@@ -777,6 +894,11 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
     columnCssVars(e) {
       const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
+        ...{
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch"
+        },
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
@@ -806,7 +928,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
   }
 }), columns_vue_vue_type_style_index_0_scoped_7be099dc_lang = "";
 function _sfc_render$e(e, t, n, o, r, i) {
-  const s = resolveComponent("inlined-styles"), a = resolveComponent("blocks");
+  const s = resolveComponent("inlined-styles"), a = resolveComponent("blocks"), l = resolveComponent("dynamic-renderer");
   return openBlock(), createElementBlock("div", mergeProps({
     class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
     style: e.columnsCssVars
@@ -815,22 +937,33 @@ function _sfc_render$e(e, t, n, o, r, i) {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : createCommentVNode("v-if", !0),
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, l) => (openBlock(), createElementBlock("div", mergeProps({
-      key: l,
-      class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(l)
-    }, {}), [
-      createVNode(a, {
-        path: `component.options.columns.${l}.blocks`,
-        parent: e.builderBlock.id,
-        styleProp: {
-          flexGrow: "1"
-        },
-        context: e.builderContext,
-        registeredComponents: e.builderComponents,
-        blocks: c.blocks
-      }, null, 8, ["path", "parent", "context", "registeredComponents", "blocks"])
-    ], 16))), 128))
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, d) => (openBlock(), createBlock(l, {
+      key: d,
+      TagName: c.link ? e.builderLinkComponent || "a" : "div",
+      actionAttributes: {},
+      attributes: {
+        ...c.link ? {
+          href: c.link
+        } : {},
+        [e.getClassPropName()]: "builder-column",
+        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(d))
+      }
+    }, {
+      default: withCtx(() => [
+        createVNode(a, {
+          path: `component.options.columns.${d}.blocks`,
+          parent: e.builderBlock.id,
+          styleProp: {
+            flexGrow: "1"
+          },
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent,
+          blocks: c.blocks
+        }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
+      ]),
+      _: 2
+    }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
 const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), _sfc_main$e = defineComponent({
@@ -922,7 +1055,7 @@ const _sfc_main$d = defineComponent({
   class: "div-1be3j8m9ewb-2"
 };
 function _sfc_render$c(e, t, n, o, r, i) {
-  var s, a, c, l;
+  var s, a, l, c;
   return openBlock(), createElementBlock(Fragment$1, null, [
     createElementVNode("picture", null, [
       e.webpSrcSet ? (openBlock(), createElementBlock("source", {
@@ -954,7 +1087,7 @@ function _sfc_render$c(e, t, n, o, r, i) {
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : createCommentVNode("v-if", !0),
-    ((l = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : l.length) && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("v-if", !0),
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("v-if", !0),
     !e.fitContent && e.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
       renderSlot(e.$slots, "default", {}, void 0, !0)
     ])) : createCommentVNode("v-if", !0)
@@ -1329,7 +1462,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1517,15 +1650,15 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(s, a = 6e4) {
-        return new Promise((c, l) => {
+        return new Promise((l, c) => {
           const d = document.createElement("img");
-          let u = !1;
+          let p = !1;
           d.onload = () => {
-            u = !0, c(d);
-          }, d.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), l(p.error);
+            p = !0, l(d);
+          }, d.addEventListener("error", (u) => {
+            console.warn("Image load failed", u.error), c(u.error);
           }), d.src = s, setTimeout(() => {
-            u || l(new Error("Image load timed out"));
+            p || c(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1691,7 +1824,7 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8],
   props: ["builderContext", "name"]
 });
 function _sfc_render$7(e, t, n, o, r, i) {
-  var a, c, l;
+  var a, l, c;
   const s = resolveComponent("blocks");
   return openBlock(), createElementBlock("div", mergeProps(
     { style: {
@@ -1702,10 +1835,10 @@ function _sfc_render$7(e, t, n, o, r, i) {
     }
   ), [
     createVNode(s, {
-      parent: (c = e.builderContext.context) == null ? void 0 : c.symbolId,
+      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (l = e.builderContext.rootState) == null ? void 0 : l[e.name]
+      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
@@ -1924,7 +2057,7 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]
   }
 };
 function _sfc_render$5(e, t, n, o, r, i) {
-  var s, a, c, l, d, u, p;
+  var s, a, l, c, d, p, u;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -1950,7 +2083,7 @@ function _sfc_render$5(e, t, n, o, r, i) {
         src: e.video
       }, null, 8, _hoisted_3))
     ], 16, _hoisted_2),
-    e.aspectRatio && !(e.fitContent && ((c = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length)) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (openBlock(), createElementBlock("div", {
       key: 0,
       style: normalizeStyle({
         width: "100%",
@@ -1959,10 +2092,10 @@ function _sfc_render$5(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, null, 4)) : createCommentVNode("v-if", !0),
-    ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    ((d = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0),
-    ((p = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ((u = (p = e.builderBlock) == null ? void 0 : p.children) == null ? void 0 : u.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0)
   ]);
@@ -2187,29 +2320,29 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     model: i,
     apiKey: s,
     includeRefs: a = !0,
-    enrich: c,
-    locale: l,
+    enrich: l,
+    locale: c,
     apiVersion: d = DEFAULT_API_VERSION,
-    fields: u,
-    omit: p,
+    fields: p,
+    omit: u,
     offset: m,
     cacheSeconds: f,
     staleCacheSeconds: b,
     sort: y,
-    includeUnpublished: C
+    includeUnpublished: S
   } = e;
   if (!s)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(d))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const g = new URL(`https://cdn.builder.io/api/${d}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof C == "boolean" && g.searchParams.set("includeUnpublished", String(C)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
+  const g = new URL(`https://cdn.builder.io/api/${d}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (g.searchParams.set("omit", u || "meta.componentsUsed"), p && g.searchParams.set("fields", p), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof S == "boolean" && g.searchParams.set("includeUnpublished", String(S)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
     const k = flatten({
       sort: y
     });
-    for (const S in k)
-      g.searchParams.set(S, JSON.stringify(k[S]));
+    for (const C in k)
+      g.searchParams.set(C, JSON.stringify(k[C]));
   }
   const I = {
     ...getBuilderSearchParamsFromWindow(),
@@ -2221,8 +2354,8 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     const k = flatten({
       query: r
     });
-    for (const S in k)
-      g.searchParams.set(S, JSON.stringify(k[S]));
+    for (const C in k)
+      g.searchParams.set(C, JSON.stringify(k[C]));
   }
   return g;
 }, checkContentHasResults = (e) => "results" in e;
@@ -2457,7 +2590,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.12.2", registry = {};
+}, SDK_VERSION = "0.12.4", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2525,33 +2658,33 @@ const setupBrowserForEditing = (e = {}) => {
     if (!!(r != null && r.type))
       switch (r.type) {
         case "builder.evaluate": {
-          const a = r.data.text, c = r.data.arguments || [], l = r.data.id, d = new Function(a);
-          let u, p = null;
+          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, d = new Function(a);
+          let p, u = null;
           try {
-            u = d.apply(null, c);
+            p = d.apply(null, l);
           } catch (m) {
-            p = m;
+            u = m;
           }
-          p ? (i = window.parent) == null || i.postMessage({
+          u ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: l,
-              error: p.message
+              id: c,
+              error: u.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
+          }, "*") : p && typeof p.then == "function" ? p.then((m) => {
             var f;
             (f = window.parent) == null || f.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: l,
+                id: c,
                 result: m
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: u,
-              id: l
+              result: p,
+              id: c
             }
           }, "*");
           break;
@@ -2878,16 +3011,16 @@ const setupBrowserForEditing = (e = {}) => {
   }
 });
 function _sfc_render$4(e, t, n, o, r, i) {
-  var s, a, c;
+  var s, a, l;
   return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: (l) => e.onClick(l),
+    onClick: (c) => e.onClick(c),
     "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
-    class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((c = e.content) == null ? void 0 : c.id)}`,
-    onIniteditingbldr: (l) => e.elementRef_onIniteditingbldr(l),
-    onInitpreviewingbldr: (l) => e.elementRef_onInitpreviewingbldr(l)
+    class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
+    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
+    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
@@ -2916,11 +3049,11 @@ font-weight: 400;
     for (const a in e.files) {
       if (!(String(Number(a)) === a))
         continue;
-      const l = e.files[a];
-      l && l !== o && (r += `
+      const c = e.files[a];
+      c && c !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${l}') format('woff2');
+src: url('${c}') format('woff2');
 font-display: fallback;
 font-weight: ${a};
 }
@@ -2950,6 +3083,10 @@ ${getFontCss({
         customFonts: this.customFonts
       })}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }
@@ -2977,8 +3114,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
 }) => {
   var i, s, a;
   const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
-  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((c) => {
-    c.name && c.defaultValue !== void 0 && (o[c.name] = c.defaultValue);
+  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((l) => {
+    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
   }), {
     ...o,
     ...r,
@@ -3022,6 +3159,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "showContent",
     "contentWrapper",
     "contentWrapperProps",
+    "linkComponent",
     "trustedHosts",
     "isSsrAbTest"
   ],
@@ -3094,8 +3232,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   }
 });
 function _sfc_render$2(e, t, n, o, r, i) {
-  const s = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), c = resolveComponent("blocks"), l = resolveComponent("enable-editor");
-  return openBlock(), createBlock(l, mergeProps({
+  const s = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), l = resolveComponent("blocks"), c = resolveComponent("enable-editor");
+  return openBlock(), createBlock(c, mergeProps({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3109,10 +3247,11 @@ function _sfc_render$2(e, t, n, o, r, i) {
     builderContextSignal: e.builderContextSignal,
     contentWrapper: e.contentWrapper,
     contentWrapperProps: e.contentWrapperProps,
+    linkComponent: e.linkComponent,
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
-      var d, u, p, m, f, b, y;
+      var d, p, u, m, f, b, y;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(s, {
           key: 0,
@@ -3121,18 +3260,19 @@ function _sfc_render$2(e, t, n, o, r, i) {
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
           contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
-          cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
+          cssCode: (u = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : u.cssCode,
           customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
-        createVNode(c, {
+        createVNode(l, {
           blocks: (y = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : y.blocks,
           context: e.builderContextSignal,
-          registeredComponents: e.registeredComponents
-        }, null, 8, ["blocks", "context", "registeredComponents"])
+          registeredComponents: e.registeredComponents,
+          linkComponent: e.linkComponent
+        }, null, 8, ["blocks", "context", "registeredComponents", "linkComponent"])
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
+  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
 const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
@@ -3151,6 +3291,7 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     "apiKey",
     "apiVersion",
     "customComponents",
+    "linkComponent",
     "locale",
     "includeRefs",
     "enrich",
@@ -3201,8 +3342,8 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
   }
 });
 function _sfc_render$1(e, t, n, o, r, i) {
-  var l;
-  const s = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), c = resolveComponent("content-component");
+  var c;
+  const s = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), l = resolveComponent("content-component");
   return openBlock(), createElementBlock(Fragment$1, null, [
     !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
       key: 0,
@@ -3210,11 +3351,11 @@ function _sfc_render$1(e, t, n, o, r, i) {
     }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
     e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
       createVNode(a, {
-        id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
+        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       createVNode(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(c, {
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(l, {
         key: d.testVariationId,
         content: d,
         showContent: !1,
@@ -3224,6 +3365,7 @@ function _sfc_render$1(e, t, n, o, r, i) {
         apiKey: e.apiKey,
         apiVersion: e.apiVersion,
         customComponents: e.customComponents,
+        linkComponent: e.linkComponent,
         canTrack: e.canTrack,
         locale: e.locale,
         includeRefs: e.includeRefs,
@@ -3234,9 +3376,9 @@ function _sfc_render$1(e, t, n, o, r, i) {
         contentWrapper: e.contentWrapper,
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
+      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : createCommentVNode("v-if", !0),
-    createVNode(c, mergeProps({
+    createVNode(l, mergeProps({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3245,6 +3387,7 @@ function _sfc_render$1(e, t, n, o, r, i) {
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
       customComponents: e.customComponents,
+      linkComponent: e.linkComponent,
       canTrack: e.canTrack,
       locale: e.locale,
       includeRefs: e.includeRefs,
@@ -3257,7 +3400,7 @@ function _sfc_render$1(e, t, n, o, r, i) {
       trustedHosts: e.trustedHosts
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
 const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), fetchSymbolContent = async ({
@@ -3287,7 +3430,8 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
     "dynamic",
     "builderContext",
     "builderBlock",
-    "builderComponents"
+    "builderComponents",
+    "builderLinkComponent"
   ],
   data() {
     var e;
@@ -3308,7 +3452,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
     className() {
       var e, t;
       return [
-        this.attributes.class,
+        this.attributes[getClassPropName()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -3332,7 +3476,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
   }
 });
 function _sfc_render(e, t, n, o, r, i) {
-  var a, c, l, d, u;
+  var a, l, c, d, p;
   const s = resolveComponent("content-variants");
   return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(s, {
@@ -3345,13 +3489,14 @@ function _sfc_render(e, t, n, o, r, i) {
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(c = e.symbol) == null ? void 0 : c.data,
+        ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(d = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : d.state
+        ...(d = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : d.state
       },
-      model: (u = e.symbol) == null ? void 0 : u.model,
-      content: e.contentToUse
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
+      model: (p = e.symbol) == null ? void 0 : p.model,
+      content: e.contentToUse,
+      linkComponent: e.builderLinkComponent
+    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
 const Symbol$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), RenderBlocks = Blocks, RenderContent = Content, settings = {};
@@ -3386,41 +3531,45 @@ const fetchBuilderProps = async (e) => {
   };
 };
 export {
-  fetchBuilderProps as A,
+  getContent as A,
   Block as B,
   Content as C,
-  block as D,
+  getBuilderSearchParams as D,
+  track as E,
   Fragment as F,
+  fetchBuilderProps as G,
+  dynamicRenderer as H,
   InlinedStyles as I,
+  block as J,
   RenderBlocks as R,
   Section as S,
   TARGET as T,
   Video as V,
   _export_sfc as _,
   getSizesForBreakpoints as a,
-  getMaxWidthQueryForSize as b,
+  createCssClass as b,
   checkIsDefined as c,
-  BuilderContext as d,
+  getMaxWidthQueryForSize as d,
   evaluate as e,
-  Blocks as f,
+  getStyle as f,
   getProcessedBlock as g,
-  RenderContent as h,
-  Button as i,
-  Columns as j,
-  Image as k,
-  Symbol$1 as l,
-  Text as m,
-  isEditing as n,
-  isPreviewing as o,
-  createRegisterComponentMessage as p,
-  _processContentResult as q,
-  register as r,
-  setEditorSettings as s,
-  fetchEntries as t,
-  fetchOneEntry as u,
-  getAllContent as v,
+  getClassPropName as h,
+  BuilderContext as i,
+  Blocks as j,
+  RenderContent as k,
+  Button as l,
+  Columns as m,
+  Image as n,
+  Symbol$1 as o,
+  Text as p,
+  isEditing as q,
+  isPreviewing as r,
+  createRegisterComponentMessage as s,
+  register as t,
+  setEditorSettings as u,
+  _processContentResult as v,
   wrapComponentRef as w,
-  getContent as x,
-  getBuilderSearchParams as y,
-  track as z
+  fetchEntries as x,
+  fetchOneEntry as y,
+  getAllContent as z
 };