@builder.io/sdk-react-nextjs 0.12.2 → 0.12.4

package/lib/browser/{bundle-d905bf70.js → bundle-bab67847.js}

@@ -1,9 +1,22 @@
-import { LRUCache as Re } from "lru-cache";
-import { jsx as l, Fragment as S, jsxs as T } from "react/jsx-runtime";
-import { createElement as Ae } from "react";
-import { I as Pe, B as Ve, a as Be, b as We, C as $e, E as Oe, F as Fe, c as Ne, d as _e, S as Le, V as Ue, e as Me } from "./USE_CLIENT_BUNDLE-550679f9.js";
+import { LRUCache as Ae } from "lru-cache";
+import { jsx as l, Fragment as k, jsxs as R } from "react/jsx-runtime";
+import { I as Ve, B as Be, a as We, D as $e, b as Oe, C as Fe, E as Le, F as Ne, c as _e, d as Ue, S as De, V as Me, e as je } from "./USE_CLIENT_BUNDLE-e6d429be.js";
+import "react";
 import "next/navigation";
-function De(e) {
+const He = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), zn = (e) => typeof e == "string" && He.has(e.toLowerCase()), I = "rsc", M = () => {
+  switch (I) {
+    case "react":
+    case "reactNative":
+    case "rsc":
+      return "className";
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "qwik":
+      return "class";
+  }
+};
+function Ke(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -14,30 +27,29 @@ function De(e) {
     builderBlock: e
   };
 }
-const P = "[Builder.io]: ", k = {
-  log: (...e) => console.log(P, ...e),
-  error: (...e) => console.error(P, ...e),
-  warn: (...e) => console.warn(P, ...e),
-  debug: (...e) => console.debug(P, ...e)
+const A = "[Builder.io]: ", x = {
+  log: (...e) => console.log(A, ...e),
+  error: (...e) => console.error(A, ...e),
+  warn: (...e) => console.warn(A, ...e),
+  debug: (...e) => console.debug(A, ...e)
 };
-function v() {
+function S() {
   return typeof window < "u" && typeof document < "u";
 }
-const I = "rsc";
-function je() {
-  return v() && window.self !== window.top;
+function ze() {
+  return S() && window.self !== window.top;
 }
-function D() {
-  return je() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function j() {
+  return ze() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const He = () => {
-  if (v()) {
+const qe = () => {
+  if (S()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Ke = () => typeof navigator == "object" && navigator.userAgent || "", se = () => {
-  const e = Ke(), t = {
+}, Ge = () => typeof navigator == "object" && navigator.userAgent || "", ce = () => {
+  const e = Ge(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -56,13 +68,13 @@ const He = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || I === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = He();
+  }, n = e.match(/Tablet|iPad/i), o = qe();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, ze = ({
+}, Ye = ({
   builder: e,
   context: t,
   event: n,
@@ -74,14 +86,14 @@ const He = () => {
   builder: e,
   context: t,
   event: n
-}), qe = () => ({
-  isEditing: D(),
-  isBrowser: v(),
-  isServer: !v(),
-  getUserAttributes: () => se()
-}), Ge = (e, {
+}), Je = () => ({
+  isEditing: j(),
+  isBrowser: S(),
+  isServer: !S(),
+  getUserAttributes: () => ce()
+}), Qe = (e, {
   isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, q = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, G = ({
   code: e,
   builder: t,
   context: n,
@@ -90,15 +102,15 @@ const He = () => {
   rootSetState: a,
   rootState: r
 }) => {
-  const s = ze({
+  const s = Ye({
     builder: t,
     context: n,
     event: o,
-    state: Ye(r, i, a)
+    state: Xe(r, i, a)
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function Ye(e, t, n) {
+function Xe(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
@@ -110,8 +122,8 @@ function Ye(e, t, n) {
     }
   });
 }
-const Je = (e) => (v(), q(e));
-function j({
+const Ze = (e) => (S(), G(e));
+function H({
   code: e,
   context: t,
   localState: n,
@@ -121,14 +133,14 @@ function j({
   isExpression: r = !0
 }) {
   if (e === "") {
-    k.warn("Skipping evaluation of empty code block.");
+    x.warn("Skipping evaluation of empty code block.");
     return;
   }
   const s = {
-    code: Ge(e, {
+    code: Qe(e, {
       isExpression: r
     }),
-    builder: qe(),
+    builder: Je(),
     context: t,
     event: a,
     rootSetState: i,
@@ -136,21 +148,21 @@ function j({
     localState: n
   };
   try {
-    return Je(s);
+    return Ze(s);
   } catch (c) {
-    k.error("Failed code evaluation: " + c.message, {
+    x.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
   }
 }
-const $ = (e) => JSON.parse(JSON.stringify(e)), Qe = (e, t, n) => {
+const $ = (e) => JSON.parse(JSON.stringify(e)), et = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return o.slice(0, -1).reduce((i, a, r) => Object(i[a]) === i[a] ? i[a] : i[a] = Math.abs(Number(o[r + 1])) >> 0 === +o[r + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const Xe = ({
+const tt = ({
   block: e,
   context: t,
   localState: n,
@@ -169,14 +181,14 @@ const Xe = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], u = j({
+    const c = e.bindings[s], m = H({
       code: c,
       localState: n,
       rootState: o,
       rootSetState: i,
       context: t
     });
-    Qe(r, s, u);
+    et(r, s, m);
   }
   return r;
 };
@@ -189,7 +201,7 @@ function W({
   rootSetState: a
 }) {
   const r = e;
-  return n ? Xe({
+  return n ? tt({
     block: r,
     localState: o,
     rootState: i,
@@ -197,7 +209,7 @@ function W({
     context: t
   }) : r;
 }
-const Ze = ({
+const nt = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -219,7 +231,7 @@ const Ze = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, et = ({
+}, ot = ({
   block: e,
   context: t
 }) => {
@@ -229,7 +241,7 @@ const Ze = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const i = j({
+  const i = H({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -239,20 +251,20 @@ const Ze = ({
   if (!Array.isArray(i))
     return;
   const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
-  return i.map((c, u) => ({
+  return i.map((c, m) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: u,
+        $index: m,
         $item: c,
         [r]: c,
-        [`$${r}Index`]: u
+        [`$${r}Index`]: m
       }
     },
     block: o
   }));
-}, ce = {
+}, le = {
   small: {
     min: 320,
     default: 321,
@@ -268,11 +280,11 @@ const Ze = ({
     default: 991,
     max: 1200
   }
-}, G = (e, t = ce) => `@media (max-width: ${t[e].max}px)`, le = ({
+}, Y = (e, t = le) => `@media (max-width: ${t[e].max}px)`, de = ({
   small: e,
   medium: t
 }) => {
-  const n = $(ce);
+  const n = $(le);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -294,17 +306,17 @@ const Ze = ({
     min: a,
     default: a + 1
   }, n;
-}, tt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e != null, de = (e) => Object.entries(e).map(([n, o]) => {
+}, it = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e != null, ue = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${tt(n)}: ${o};`;
-}).filter(w), nt = (e) => de(e).join(`
-`), _ = ({
+    return `${it(n)}: ${o};`;
+}).filter(w), at = (e) => ue(e).join(`
+`), N = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${nt(n)}
+    ${at(n)}
   }`;
   return e ? `${e} {
       ${o}
@@ -313,7 +325,7 @@ const Ze = ({
 function O(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
-function ot(e) {
+function rt(e) {
   const t = function() {
     const i = W({
       block: e.block,
@@ -333,37 +345,37 @@ function ot(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), a = i.responsiveStyles, r = e.context.content, s = le(
+    }), a = i.responsiveStyles, r = e.context.content, s = de(
       ((d = r == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints) || {}
-    ), c = a == null ? void 0 : a.large, u = a == null ? void 0 : a.medium, g = a == null ? void 0 : a.small, p = i.id;
+    ), c = a == null ? void 0 : a.large, m = a == null ? void 0 : a.medium, g = a == null ? void 0 : a.small, p = i.id;
     if (!p)
       return "";
-    const m = c ? _({
+    const f = c ? N({
       className: p,
       styles: c
-    }) : "", h = u ? _({
+    }) : "", h = m ? N({
       className: p,
-      styles: u,
-      mediaQuery: G(
+      styles: m,
+      mediaQuery: Y(
         "medium",
         s
       )
-    }) : "", f = g ? _({
+    }) : "", u = g ? N({
       className: p,
       styles: g,
-      mediaQuery: G(
+      mediaQuery: Y(
         "small",
         s
       )
     }) : "";
-    return [m, h, f].join(" ");
+    return [f, h, u].join(" ");
   };
-  return /* @__PURE__ */ l(S, { children: n() && t() ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
+  return /* @__PURE__ */ l(k, { children: n() && t() ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
 }
-function it(e) {
+function st(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const at = (e) => `on${it(e)}`, rt = (e, t) => (n) => j({
+const ct = (e) => `on${st(e)}`, lt = (e, t) => (n) => H({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -372,13 +384,13 @@ const at = (e) => `on${it(e)}`, rt = (e, t) => (n) => j({
   event: n,
   isExpression: !1
 });
-function jn(e) {
+function qn(e) {
   const t = {}, n = e.block.actions ?? {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const i = n[o];
-    let a = at(o);
+    let a = ct(o);
     if (e.stripPrefix)
       switch (I) {
         case "vue":
@@ -388,50 +400,66 @@ function jn(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = rt(i, e);
+    t[a] = lt(i, e);
   }
   return t;
 }
-function st({
+function dt({
+  style: e
+}) {
+  return e;
+}
+const ut = ({
+  block: e,
+  context: t
+}) => me(dt({
+  style: e.style || {},
+  context: t,
+  block: e
+}));
+function me(e) {
+  switch (I) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return ue(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
+function mt({
   properties: e
 }) {
-  return e.className = e.class, delete e.class, e;
+  return e;
 }
-const ct = (e) => ({
+const ft = (e) => ({
   href: e.href
 });
-function lt({
+function ht({
   block: e,
   context: t
 }) {
   var o;
   const n = {
-    ...ct(e),
+    ...ft(e),
     ...e.properties,
     "builder-id": e.id,
-    style: e.style ? dt(e.style) : void 0,
-    class: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
+    style: ut({
+      block: e,
+      context: t
+    }),
+    [M()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return st({
+  return mt({
     properties: n,
     context: t,
     block: e
   });
 }
-function dt(e) {
-  switch (I) {
-    case "svelte":
-    case "vue":
-    case "solid":
-      return de(e).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return e;
-  }
-}
-const ut = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Hn = (e) => typeof e == "string" && ut.has(e.toLowerCase()), mt = ({
+const pt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -447,7 +475,7 @@ const ut = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr",
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...i ? {
-      attributes: lt({
+      attributes: ht({
         block: t,
         context: r
       })
@@ -461,17 +489,18 @@ const ut = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr",
     includeBlockProps: i
   } : s;
 };
-function Y(e) {
+function J(e) {
   var n;
-  const t = e.isInteractive ? Pe : e.componentRef;
-  return /* @__PURE__ */ l(S, { children: e.componentRef ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
+  const t = e.isInteractive ? Ve : e.componentRef;
+  return /* @__PURE__ */ l(k, { children: e.componentRef ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
     t,
     {
-      ...mt({
+      ...pt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
         componentRef: e.componentRef,
+        linkComponent: e.linkComponent,
         includeBlockProps: e.includeBlockProps,
         isInteractive: e.isInteractive,
         contextValue: e.context
@@ -481,34 +510,36 @@ function Y(e) {
         {
           block: o,
           context: e.context,
-          registeredComponents: e.registeredComponents
+          registeredComponents: e.registeredComponents,
+          linkComponent: e.linkComponent
         },
         o.id
       ))
     }
   ) }) : null });
 }
-function ft(e) {
+function gt(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     F,
     {
       block: e.block,
       context: t,
-      registeredComponents: e.registeredComponents
+      registeredComponents: e.registeredComponents,
+      linkComponent: e.linkComponent
     }
   );
 }
 function F(e) {
-  var u, g, p;
+  var m, g, p;
   const t = function() {
-    return Ze({
+    return nt({
       block: e.block,
       context: e.context,
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return et({
+    return ot({
       block: e.block,
       context: e.context
     });
@@ -523,95 +554,105 @@ function F(e) {
       shouldEvaluateBindings: !0
     });
   }, i = function() {
-    return e.block.tagName || "div";
+    var u;
+    return e.block.tagName === "a" || ((u = o().properties) == null ? void 0 : u.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, a = function() {
-    var d, b;
+    var d, y;
     if ((d = e.block.repeat) != null && d.collection)
-      return !!((b = n()) != null && b.length);
+      return !!((y = n()) != null && y.length);
     const h = "hide" in o() ? o().hide : !1;
     return ("show" in o() ? o().show : !0) && !h;
   }, r = function() {
-    var f;
-    return !((f = t()) != null && f.component) && !n() ? o().children ?? [] : [];
+    var u;
+    return !((u = t()) != null && u.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var h, f, d, b, x;
+    var h, u, d, y, v, b, E, T;
     return {
       blockChildren: o().children ?? [],
       componentRef: (h = t()) == null ? void 0 : h.component,
       componentOptions: {
-        ...De(o()),
+        ...Ke(o()),
         builderContext: e.context,
-        ...((f = t()) == null ? void 0 : f.name) === "Symbol" || ((d = t()) == null ? void 0 : d.name) === "Columns" ? {
+        ...((u = t()) == null ? void 0 : u.name) === "Core:Button" || ((d = t()) == null ? void 0 : d.name) === "Symbol" || ((y = t()) == null ? void 0 : y.name) === "Columns" ? {
+          builderLinkComponent: e.linkComponent
+        } : {},
+        ...((v = t()) == null ? void 0 : v.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
+      linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((b = t()) == null ? void 0 : b.noWrap) === !0,
-      isInteractive: !((x = t()) != null && x.isRSC)
+      includeBlockProps: ((E = t()) == null ? void 0 : E.noWrap) === !0,
+      isInteractive: !((T = t()) != null && T.isRSC)
     };
   }, c = e.context;
-  return /* @__PURE__ */ l(S, { children: a() ? /* @__PURE__ */ T(S, { children: [
-    /* @__PURE__ */ l(ot, { block: e.block, context: e.context }),
-    (u = t()) != null && u.noWrap ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
-      Y,
+  return /* @__PURE__ */ l(k, { children: a() ? /* @__PURE__ */ R(k, { children: [
+    /* @__PURE__ */ l(rt, { block: e.block, context: e.context }),
+    (m = t()) != null && m.noWrap ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
+      J,
       {
         componentRef: s().componentRef,
         componentOptions: s().componentOptions,
         blockChildren: s().blockChildren,
         context: s().context,
         registeredComponents: s().registeredComponents,
+        linkComponent: s().linkComponent,
         builderBlock: s().builderBlock,
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(S, { children: n() ? /* @__PURE__ */ l(S, { children: (p = n()) == null ? void 0 : p.map((m, h) => /* @__PURE__ */ l(
-      ft,
+    ) }) : /* @__PURE__ */ l(k, { children: n() ? /* @__PURE__ */ l(k, { children: (p = n()) == null ? void 0 : p.map((f, h) => /* @__PURE__ */ l(
+      gt,
       {
-        repeatContext: m.context,
-        block: m.block,
-        registeredComponents: e.registeredComponents
+        repeatContext: f.context,
+        block: f.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
       },
       h
-    )) }) : /* @__PURE__ */ l(S, { children: /* @__PURE__ */ T(
-      Ve,
+    )) }) : /* @__PURE__ */ l(k, { children: /* @__PURE__ */ R(
+      Be,
       {
         Wrapper: i(),
         block: o(),
         context: e.context,
+        linkComponent: e.linkComponent,
         children: [
           /* @__PURE__ */ l(
-            Y,
+            J,
             {
               componentRef: s().componentRef,
               componentOptions: s().componentOptions,
               blockChildren: s().blockChildren,
               context: s().context,
               registeredComponents: s().registeredComponents,
+              linkComponent: s().linkComponent,
               builderBlock: s().builderBlock,
               includeBlockProps: s().includeBlockProps,
               isInteractive: s().isInteractive
             }
           ),
-          (g = r()) == null ? void 0 : g.map((m) => /* @__PURE__ */ l(
+          (g = r()) == null ? void 0 : g.map((f) => /* @__PURE__ */ l(
             F,
             {
-              block: m,
+              block: f,
               context: c,
-              registeredComponents: e.registeredComponents
+              registeredComponents: e.registeredComponents,
+              linkComponent: e.linkComponent
             },
-            m.id
+            f.id
           ))
         ]
       }
     ) }) })
   ] }) : null });
 }
-function N(e) {
+function L(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
-    Be,
+    We,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -619,10 +660,11 @@ function N(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(S, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(k, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
         F,
         {
           block: i,
+          linkComponent: e.linkComponent,
           context: e.context,
           registeredComponents: e.registeredComponents
         },
@@ -631,25 +673,25 @@ function N(e) {
     }
   );
 }
-function ht(e) {
+function bt(e) {
   var h;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", i = function(d) {
-    var b;
-    return ((b = n[d]) == null ? void 0 : b.width) || 100 / n.length;
+    var y;
+    return ((y = n[d]) == null ? void 0 : y.width) || 100 / n.length;
   }, a = function(d) {
-    const b = t * (n.length - 1) / n.length;
-    return `calc(${i(d)}% - ${b}px)`;
+    const y = t * (n.length - 1) / n.length;
+    return `calc(${i(d)}% - ${y}px)`;
   }, r = function({
     stackedStyle: d,
-    desktopStyle: b
+    desktopStyle: y
   }) {
-    return o === "tablet" ? d : b;
+    return o === "tablet" ? d : y;
   }, s = function({
     stackedStyle: d,
-    desktopStyle: b
+    desktopStyle: y
   }) {
-    return o === "never" ? b : d;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
+    return o === "never" ? y : d;
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": r({
@@ -658,33 +700,38 @@ function ht(e) {
       })
     };
   }, g = function(d) {
-    const b = d === 0 ? 0 : t, x = a(d), y = `${b}px`, A = "100%", E = 0;
+    const y = d === 0 ? 0 : t, v = a(d), b = `${y}px`, E = "100%", T = 0;
     return {
-      width: x,
-      ["marginLeft"]: y,
+      ...{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      },
+      width: v,
+      ["marginLeft"]: b,
       "--column-width-mobile": s({
-        stackedStyle: A,
-        desktopStyle: x
+        stackedStyle: E,
+        desktopStyle: v
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: E,
-        desktopStyle: y
+        stackedStyle: T,
+        desktopStyle: b
       }),
       "--column-width-tablet": r({
-        stackedStyle: A,
-        desktopStyle: x
+        stackedStyle: E,
+        desktopStyle: v
       }),
       "--column-margin-left-tablet": r({
-        stackedStyle: E,
-        desktopStyle: y
+        stackedStyle: T,
+        desktopStyle: b
       })
     };
   }, p = function(d) {
-    var x, y;
-    return le(
-      ((y = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : y.breakpoints) || {}
+    var v, b;
+    return de(
+      ((b = (v = e.builderContext.content) == null ? void 0 : v.meta) == null ? void 0 : b.breakpoints) || {}
     )[d].max;
-  }, m = function() {
+  }, f = function() {
     return `
         @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -711,84 +758,88 @@ function ht(e) {
         },
       `;
   };
-  return /* @__PURE__ */ T(S, { children: [
-    /* @__PURE__ */ T(
+  return /* @__PURE__ */ R(k, { children: [
+    /* @__PURE__ */ R(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
-        style: u(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-3d816b82`,
+        style: m(),
         children: [
-          /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(O, { styles: m() }) }),
-          (h = e.columns) == null ? void 0 : h.map((f, d) => /* @__PURE__ */ Ae(
-            "div",
+          /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(O, { styles: f() }) }),
+          (h = e.columns) == null ? void 0 : h.map((u, d) => /* @__PURE__ */ l(
+            $e,
             {
-              className: "builder-column div-39daef82-2",
-              style: g(d),
-              key: d
+              TagName: u.link ? e.builderLinkComponent || "a" : "div",
+              actionAttributes: {},
+              attributes: {
+                ...u.link ? {
+                  href: u.link
+                } : {},
+                [M()]: "builder-column",
+                style: me(g(d))
+              },
+              children: /* @__PURE__ */ l(
+                L,
+                {
+                  path: `component.options.columns.${d}.blocks`,
+                  parent: e.builderBlock.id,
+                  styleProp: {
+                    flexGrow: "1"
+                  },
+                  context: e.builderContext,
+                  registeredComponents: e.builderComponents,
+                  linkComponent: e.builderLinkComponent,
+                  blocks: u.blocks
+                }
+              )
             },
-            /* @__PURE__ */ l(
-              N,
-              {
-                path: `component.options.columns.${d}.blocks`,
-                parent: e.builderBlock.id,
-                styleProp: {
-                  flexGrow: "1"
-                },
-                context: e.builderContext,
-                registeredComponents: e.builderComponents,
-                blocks: f.blocks
-              }
-            )
+            d
           ))
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-39daef82 {
+    /* @__PURE__ */ l("style", { children: `.div-3d816b82 {
   display: flex;
   line-height: normal;
-}.div-39daef82-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
 }` })
   ] });
 }
-function J(e) {
+function Q(e) {
   return e.replace(/http(s)?:/, "");
 }
-function pt(e = "", t, n) {
+function yt(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
 }
-function gt(e, t) {
+function kt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return J(e);
+    return Q(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), i = n[3], a = t.match("x") ? t : `${t}x`;
-    return J(`${o[0]}_${a}${i}`);
+    return Q(`${o[0]}_${a}${i}`);
   }
   return null;
 }
-function Kn(e) {
+function Gn(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${pt(e, "width", i)} ${i}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${yt(e, "width", i)} ${i}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [gt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [kt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const bt = (e) => {
+const St = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, ue = ({
+}, fe = ({
   name: e,
   canTrack: t
 }) => {
@@ -796,17 +847,17 @@ const bt = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    k.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, me = async (e) => ue(e), yt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), St = [["secure", ""], ["SameSite", "None"]], vt = ({
+}, he = async (e) => fe(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), xt = [["secure", ""], ["SameSite", "None"]], Ct = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (v() ? location.protocol === "https:" : !0) ? St : [[]], a = n ? [["expires", n.toUTCString()]] : [[]], r = [[e, t], ...a, ["path", "/"], ["domain", bt(window.location.hostname)], ...i];
-  return yt(r);
-}, fe = async ({
+  const i = (S() ? location.protocol === "https:" : !0) ? xt : [[]], a = n ? [["expires", n.toUTCString()]] : [[]], r = [[e, t], ...a, ["path", "/"], ["domain", St(window.location.hostname)], ...i];
+  return vt(r);
+}, pe = async ({
   name: e,
   value: t,
   expires: n,
@@ -815,33 +866,33 @@ const bt = (e) => {
   try {
     if (!o)
       return;
-    const i = vt({
+    const i = Ct({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = i;
   } catch (i) {
-    k.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
+    x.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, xt = "builder.tests", H = (e) => `${xt}.${e}`, kt = ({
+}, wt = "builder.tests", K = (e) => `${wt}.${e}`, It = ({
   contentId: e
-}) => me({
-  name: H(e),
+}) => he({
+  name: K(e),
   canTrack: !0
-}), Ct = ({
+}), Tt = ({
   contentId: e
-}) => ue({
-  name: H(e),
+}) => fe({
+  name: K(e),
   canTrack: !0
-}), wt = ({
+}), Et = ({
   contentId: e,
   value: t
-}) => fe({
-  name: H(e),
+}) => pe({
+  name: K(e),
   value: t,
   canTrack: !0
-}), he = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, It = ({
+}), ge = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, Rt = ({
   id: e,
   variations: t
 }) => {
@@ -854,15 +905,15 @@ const bt = (e) => {
       return a;
   }
   return e;
-}, pe = (e) => {
-  const t = It(e);
-  return wt({
+}, be = (e) => {
+  const t = Rt(e);
+  return Et({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    k.error("could not store A/B test variation: ", n);
+    x.error("could not store A/B test variation: ", n);
   }), t;
-}, ge = ({
+}, ye = ({
   item: e,
   testGroupId: t
 }) => {
@@ -876,7 +927,7 @@ const bt = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Tt = ({
+}, Pt = ({
   item: e,
   canTrack: t
 }) => {
@@ -884,14 +935,14 @@ const bt = (e) => {
     return e;
   if (!e)
     return;
-  if (!he(e))
+  if (!ge(e))
     return e;
-  const n = Ct({
+  const n = Tt({
     contentId: e.id
-  }) || pe({
+  }) || be({
     variations: e.variations,
     id: e.id
-  }), o = ge({
+  }), o = ye({
     item: e,
     testGroupId: n
   });
@@ -899,18 +950,18 @@ const bt = (e) => {
     ...e,
     ...o
   };
-}, Et = async ({
+}, At = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !he(e))
+  if (!t || !ge(e))
     return e;
-  const o = await kt({
+  const o = await It({
     contentId: e.id
-  }) || pe({
+  }) || be({
     variations: e.variations,
     id: e.id
-  }), i = ge({
+  }), i = ye({
     item: e,
     testGroupId: o
   });
@@ -918,7 +969,7 @@ const bt = (e) => {
     ...e,
     ...i
   };
-}, L = (e) => w(e) ? e : !0, Rt = {
+}, _ = (e) => w(e) ? e : !0, Vt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -951,7 +1002,7 @@ const bt = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, At = {
+}, Bt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1152,7 +1203,7 @@ const bt = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Pt = {
+}, Wt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1174,7 +1225,7 @@ const bt = (e) => {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Vt = {
+}, $t = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1199,13 +1250,13 @@ const bt = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Bt = ["text/javascript", "application/javascript", "application/ecmascript"], zn = (e) => Bt.includes(e.type), Wt = {
+}, Ot = ["text/javascript", "application/javascript", "application/ecmascript"], Yn = (e) => Ot.includes(e.type), Ft = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, $t = {
+}, Lt = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1226,15 +1277,15 @@ const bt = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(r, s = 6e4) {
-        return new Promise((c, u) => {
+        return new Promise((c, m) => {
           const g = document.createElement("img");
           let p = !1;
           g.onload = () => {
             p = !0, c(g);
-          }, g.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), u(m.error);
+          }, g.addEventListener("error", (f) => {
+            console.warn("Image load failed", f.error), m(f.error);
           }), g.src = r, setTimeout(() => {
-            p || u(new Error("Image load timed out"));
+            p || m(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1305,7 +1356,7 @@ const bt = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Ot = {
+}, Nt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1319,7 +1370,7 @@ const bt = (e) => {
   }],
   noWrap: !0,
   static: !0
-}, Ft = {
+}, _t = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1358,7 +1409,7 @@ const bt = (e) => {
       }
     }
   }]
-}, Nt = {
+}, Ut = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1372,7 +1423,7 @@ const bt = (e) => {
     defaultValue: "children"
   }]
 };
-function _t(e) {
+function Dt(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     "div",
@@ -1384,7 +1435,7 @@ function _t(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ l(
-        N,
+        L,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -1395,7 +1446,7 @@ function _t(e) {
     }
   );
 }
-const Lt = {
+const Mt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1428,7 +1479,7 @@ const Lt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Ut = {
+}, jt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1447,7 +1498,7 @@ const Lt = {
     textAlign: "center"
   }
 };
-function Mt(e) {
+function Ht(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1460,7 +1511,7 @@ function Mt(e) {
     }
   );
 }
-const Dt = {
+const Kt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1541,58 +1592,58 @@ const Dt = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Q = () => [{
-  component: We,
-  ...Rt
-}, {
-  component: ht,
-  ...At
-}, {
-  component: $e,
-  ...Pt
-}, {
+}, X = () => [{
   component: Oe,
   ...Vt
+}, {
+  component: bt,
+  ...Bt
 }, {
   component: Fe,
   ...Wt
 }, {
-  component: Ne,
+  component: Le,
   ...$t
 }, {
-  component: _e,
-  ...Ot
-}, {
-  component: Le,
+  component: Ne,
   ...Ft
 }, {
-  component: Nn,
+  component: _e,
   ...Lt
-}, {
-  component: Mt,
-  ...Ut
 }, {
   component: Ue,
-  ...Dt
-}, {
-  component: _t,
   ...Nt
-}], X = [], qn = (e) => ({
+}, {
+  component: De,
+  ..._t
+}, {
+  component: Un,
+  ...Mt
+}, {
+  component: Ht,
+  ...jt
+}, {
+  component: Me,
+  ...Kt
+}, {
+  component: Dt,
+  ...Ut
+}], Z = [], Jn = (e) => ({
   type: "builder.registerComponent",
   data: U(e)
-}), jt = (e) => {
+}), zt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Ht = (e) => typeof e == "function" ? jt(e) : $(e), U = ({
+}, qt = (e) => typeof e == "function" ? zt(e) : $(e), U = ({
   inputs: e,
   ...t
 }) => ({
   ...$(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, a]) => ({
     ...o,
-    [i]: Ht(a)
+    [i]: qt(a)
   }), {}))
-}), Kt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Gt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1648,7 +1699,7 @@ const Dt = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Yt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1682,26 +1733,26 @@ const Dt = {
     thisScriptEl?.remove();
   }
   return;
-}`, be = "builderIoAbTest", ye = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ke = "builderIoAbTest", Se = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), qt = ({
+})), Jt = ({
   canTrack: e,
   content: t
-}) => !(!(V(t).length > 0) || !e || v()), Gt = (e) => e === "react" || e === "reactNative", Se = Gt(I), Yt = () => `
-  window.${be} = ${Kt}
-  window.${ye} = ${zt}
-  `, Jt = (e, t) => `
-  window.${be}(
-    "${t}",${JSON.stringify(e)}, ${Se}
-  )`, Qt = ({
+}) => !(!(V(t).length > 0) || !e || S()), Qt = (e) => e === "react" || e === "reactNative", ve = Qt(I), Xt = () => `
+  window.${ke} = ${Gt}
+  window.${Se} = ${Yt}
+  `, Zt = (e, t) => `
+  window.${ke}(
+    "${t}",${JSON.stringify(e)}, ${ve}
+  )`, en = ({
   contentId: e,
   variationId: t
-}) => `window.${ye}(
-    "${t}", "${e}", ${Se}
+}) => `window.${Se}(
+    "${t}", "${e}", ${ve}
   )`;
-function M(e) {
+function D(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -1710,33 +1761,33 @@ function M(e) {
     }
   );
 }
-const Xt = (e) => {
+const tn = (e) => {
   const t = e.get("preview"), n = e.get("overrides." + t);
-  return n || k.warn("No previewed ID found in search params."), n;
+  return n || x.warn("No previewed ID found in search params."), n;
 };
-function Zt() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Re({
+function nn() {
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ae({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
   }));
 }
-function en(e) {
-  Zt();
-  const t = Xt(e);
+function on(e) {
+  nn();
+  const t = tn(e);
   return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-function tn() {
+function an() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function nn() {
-  const e = tn().fetch;
+function rn() {
+  const e = an().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const on = nn();
+const sn = rn();
 function B(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, i) => {
     const a = e[i], r = [t, i].filter(Boolean).join(n);
@@ -1749,27 +1800,27 @@ function B(e, t = null, n = ".") {
     };
   }, {});
 }
-const an = "v3", Z = "builder.", rn = "options.", sn = (e) => {
+const cn = "v3", ee = "builder.", ln = "options.", dn = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, ve = (e) => {
+}, xe = (e) => {
   if (!e)
     return {};
-  const t = xe(e), n = {};
+  const t = Ce(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Z)) {
-      const i = o.replace(Z, "").replace(rn, "");
+    if (o.startsWith(ee)) {
+      const i = o.replace(ee, "").replace(ln, "");
       n[i] = t[o];
     }
   }), n;
-}, cn = () => {
-  if (!v())
+}, un = () => {
+  if (!S())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ve(e);
-}, xe = (e) => e instanceof URLSearchParams ? sn(e) : e, ee = (e) => typeof e == "number" && !isNaN(e) && e >= 0, K = (e) => {
+  return xe(e);
+}, Ce = (e) => e instanceof URLSearchParams ? dn(e) : e, te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1781,181 +1832,181 @@ const an = "v3", Z = "builder.", rn = "options.", sn = (e) => {
     apiKey: r,
     includeRefs: s = !0,
     enrich: c,
-    locale: u,
-    apiVersion: g = an,
+    locale: m,
+    apiVersion: g = cn,
     fields: p,
-    omit: m,
+    omit: f,
     offset: h,
-    cacheSeconds: f,
+    cacheSeconds: u,
     staleCacheSeconds: d,
-    sort: b,
-    includeUnpublished: x
+    sort: y,
+    includeUnpublished: v
   } = e;
   if (!r)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(g))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${g}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const y = new URL(`https://cdn.builder.io/api/${g}/content/${a}?apiKey=${r}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (y.searchParams.set("omit", m || "meta.componentsUsed"), p && y.searchParams.set("fields", p), Number.isFinite(h) && h > -1 && y.searchParams.set("offset", String(Math.floor(h))), typeof x == "boolean" && y.searchParams.set("includeUnpublished", String(x)), f && ee(f) && y.searchParams.set("cacheSeconds", String(f)), d && ee(d) && y.searchParams.set("staleCacheSeconds", String(d)), b) {
+  const b = new URL(`https://cdn.builder.io/api/${g}/content/${a}?apiKey=${r}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (b.searchParams.set("omit", f || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(h) && h > -1 && b.searchParams.set("offset", String(Math.floor(h))), typeof v == "boolean" && b.searchParams.set("includeUnpublished", String(v)), u && te(u) && b.searchParams.set("cacheSeconds", String(u)), d && te(d) && b.searchParams.set("staleCacheSeconds", String(d)), y) {
     const C = B({
-      sort: b
+      sort: y
     });
-    for (const R in C)
-      y.searchParams.set(R, JSON.stringify(C[R]));
+    for (const P in C)
+      b.searchParams.set(P, JSON.stringify(C[P]));
   }
-  const A = {
-    ...cn(),
-    ...xe(e.options || {})
-  }, E = B(A);
-  for (const C in E)
-    y.searchParams.set(C, String(E[C]));
-  if (o && y.searchParams.set("userAttributes", JSON.stringify(o)), i) {
+  const E = {
+    ...un(),
+    ...Ce(e.options || {})
+  }, T = B(E);
+  for (const C in T)
+    b.searchParams.set(C, String(T[C]));
+  if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), i) {
     const C = B({
       query: i
     });
-    for (const R in C)
-      y.searchParams.set(R, JSON.stringify(C[R]));
+    for (const P in C)
+      b.searchParams.set(P, JSON.stringify(C[P]));
   }
-  return y;
-}, ln = (e) => "results" in e;
-async function z(e) {
-  const t = await ke({
+  return b;
+}, mn = (e) => "results" in e;
+async function q(e) {
+  const t = await we({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Gn = z, dn = async (e) => {
-  const t = K(e);
-  return await (await on(t.href)).json();
-}, un = async (e, t, n = K(e)) => {
-  const o = L(e.canTrack);
+const Qn = q, fn = async (e) => {
+  const t = z(e);
+  return await (await sn(t.href)).json();
+}, hn = async (e, t, n = z(e)) => {
+  const o = _(e.canTrack);
   if (n.search.includes("preview=")) {
     const a = [];
     for (const r of t.results) {
-      const s = en(n.searchParams);
+      const s = on(n.searchParams);
       a.push(s || r);
     }
     t.results = a;
   }
-  if (!o || !(v() || I === "reactNative"))
+  if (!o || !(S() || I === "reactNative"))
     return t.results;
   try {
     const a = [];
     for (const r of t.results)
-      a.push(await Et({
+      a.push(await At({
         item: r,
         canTrack: o
       }));
     t.results = a;
   } catch (a) {
-    k.error("Could not process A/B tests. ", a);
+    x.error("Could not process A/B tests. ", a);
   }
   return t.results;
 };
-async function ke(e) {
+async function we(e) {
   try {
-    const t = K(e), n = await dn(e);
-    return ln(n) ? un(e, n) : (k.error("Error fetching data. ", {
+    const t = z(e), n = await fn(e);
+    return mn(n) ? hn(e, n) : (x.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return k.error("Error fetching data. ", t), null;
+    return x.error("Error fetching data. ", t), null;
   }
 }
-const Yn = ke, mn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function fn(e, t) {
+const Xn = we, pn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function gn(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || mn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
+  return (e || pn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
 }
-function Jn() {
-  return !v() || D() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+function Zn() {
+  return !S() || j() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
-function hn() {
+function bn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Ce() {
-  return hn().replace(/-/g, "");
+function Ie() {
+  return bn().replace(/-/g, "");
 }
-const we = "builderSessionId", pn = async ({
+const Te = "builderSessionId", yn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await me({
-    name: we,
+  const t = await he({
+    name: Te,
     canTrack: e
   });
   if (w(t))
     return t;
   {
-    const n = gn();
-    return bn({
+    const n = kn();
+    return Sn({
       id: n,
       canTrack: e
     }), n;
   }
-}, gn = () => Ce(), bn = ({
+}, kn = () => Ie(), Sn = ({
   id: e,
   canTrack: t
-}) => fe({
-  name: we,
+}) => pe({
+  name: Te,
   value: e,
   canTrack: t
-}), Ie = () => v() && typeof localStorage < "u" ? localStorage : void 0, yn = ({
+}), Ee = () => S() && typeof localStorage < "u" ? localStorage : void 0, vn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Ie()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Ee()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Sn = ({
+}, xn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Ie()) == null || o.setItem(e, n));
+    t && ((o = Ee()) == null || o.setItem(e, n));
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Te = "builderVisitorId", vn = ({
+}, Re = "builderVisitorId", Cn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = yn({
-    key: Te,
+  const t = vn({
+    key: Re,
     canTrack: e
   });
   if (w(t))
     return t;
   {
-    const n = xn();
-    return kn({
+    const n = wn();
+    return In({
       id: n,
       canTrack: e
     }), n;
   }
-}, xn = () => Ce(), kn = ({
+}, wn = () => Ie(), In = ({
   id: e,
   canTrack: t
-}) => Sn({
-  key: Te,
+}) => xn({
+  key: Re,
   value: e,
   canTrack: t
-}), Cn = async ({
+}), Tn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1963,16 +2014,16 @@ const we = "builderSessionId", pn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await pn({
+  const t = await yn({
     canTrack: e
-  }), n = vn({
+  }), n = Cn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, wn = async ({
+}, En = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -1986,23 +2037,23 @@ const we = "builderSessionId", pn = async ({
       url: location.href,
       ...o
     },
-    ...await Cn({
+    ...await Tn({
       canTrack: t
     }),
-    userAttributes: se(),
+    userAttributes: ce(),
     ownerId: n
   }
 });
-async function In(e) {
+async function Rn(e) {
   if (!e.apiKey) {
-    k.error("Missing API key for track call. Please provide your API key.");
+    x.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !D() && (v() || I === "reactNative"))
+  if (e.canTrack && !j() && (S() || I === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await wn(e)]
+        events: [await En(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2012,14 +2063,14 @@ async function In(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Qn = (e) => In({
+const eo = (e) => Rn({
   ...e,
   canTrack: !0
 });
-function te(e) {
+function ne(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Tn = (e, t, n = !0) => {
+const Pn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2030,38 +2081,38 @@ const Tn = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, En = (e) => Tn(e, (t) => {
+}, An = (e) => Pn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), ne = ({
+}), oe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, a = te(o / n.width), r = te(i / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, a = ne(o / n.width), r = ne(i / n.height);
   return {
     x: a,
     y: r
   };
-}, Xn = (e) => {
-  const t = e.target, n = t && En(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, to = (e) => {
+  const t = e.target, n = t && An(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ne({
+      targetOffset: t ? oe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ne({
+      builderTargetOffset: n ? oe({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Rn = "0.12.2", oe = {};
-function An(e, t) {
-  let n = oe[e];
-  if (n || (n = oe[e] = []), n.push(t), v()) {
+}, Vn = "0.12.4", ie = {};
+function Bn(e, t) {
+  let n = ie[e];
+  if (n || (n = ie[e] = []), n.push(t), S()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2076,8 +2127,8 @@ function An(e, t) {
     }
   }
 }
-const Zn = () => {
-  An("insertMenu", {
+const no = () => {
+  Bn("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2099,14 +2150,14 @@ const Zn = () => {
     }]
   });
 };
-let ie = !1;
-const eo = (e = {}) => {
+let ae = !1;
+const oo = (e = {}) => {
   var t, n;
-  ie || (ie = !0, v() && ((t = window.parent) == null || t.postMessage({
+  ae || (ae = !0, S() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: I,
-      version: Rn,
+      version: Vn,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -2120,7 +2171,7 @@ const eo = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var a, r;
-    if (!fn(e.trustedHosts, o))
+    if (!gn(e.trustedHosts, o))
       return;
     const {
       data: i
@@ -2128,25 +2179,25 @@ const eo = (e = {}) => {
     if (i != null && i.type)
       switch (i.type) {
         case "builder.evaluate": {
-          const s = i.data.text, c = i.data.arguments || [], u = i.data.id, g = new Function(s);
-          let p, m = null;
+          const s = i.data.text, c = i.data.arguments || [], m = i.data.id, g = new Function(s);
+          let p, f = null;
           try {
             p = g.apply(null, c);
           } catch (h) {
-            m = h;
+            f = h;
           }
-          m ? (a = window.parent) == null || a.postMessage({
+          f ? (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: u,
-              error: m.message
+              id: m,
+              error: f.message
             }
           }, "*") : p && typeof p.then == "function" ? p.then((h) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
+            var u;
+            (u = window.parent) == null || u.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: u,
+                id: m,
                 result: h
               }
             }, "*");
@@ -2154,14 +2205,14 @@ const eo = (e = {}) => {
             type: "builder.evaluateResult",
             data: {
               result: p,
-              id: u
+              id: m
             }
           }, "*");
           break;
         }
       }
   })));
-}, Pn = (e) => {
+}, Wn = (e) => {
   var a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((a = e == null ? void 0 : e.files) == null ? void 0 : a.regular);
   let i = "";
@@ -2187,25 +2238,29 @@ font-weight: ${r};
         `.trim());
     }
   return i;
-}, Vn = ({
+}, $n = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Pn(n))) == null ? void 0 : t.join(" ")) || "";
-}, Bn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Wn(n))) == null ? void 0 : t.join(" ")) || "";
+}, On = ({
   cssCode: e,
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function Wn(e) {
+function Fn(e) {
   const t = `
-${Bn({
+${On({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${Vn({
+${$n({
     customFonts: e.customFonts
   })}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }
@@ -2221,7 +2276,7 @@ ${Vn({
 `.trim();
   return /* @__PURE__ */ l(O, { styles: t });
 }
-const $n = ({
+const Ln = ({
   content: e,
   data: t,
   locale: n
@@ -2238,7 +2293,7 @@ const $n = ({
       locale: n
     } : {}
   };
-}, On = ({
+}, Nn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2249,38 +2304,38 @@ const $n = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ae(e) {
-  var i, a, r, s, c, u, g, p, m;
-  const t = Qt({
+function re(e) {
+  var i, a, r, s, c, m, g, p, f;
+  const t = en({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (i = e.content) == null ? void 0 : i.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     contentId: (a = e.content) == null ? void 0 : a.id
   }), n = [
-    ...Q(),
+    ...X(),
     // While this `components` object is deprecated, we must maintain support for it.
     // Since users are able to override our default components, we need to make sure that we do not break such
     // existing usage.
     // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
     // which is the new standard way of providing custom components, and must therefore take precedence.
-    ...X,
+    ...Z,
     ...e.customComponents || []
   ].reduce(
-    (h, { component: f, ...d }) => ({
+    (h, { component: u, ...d }) => ({
       ...h,
       [d.name]: {
-        component: f,
+        component: u,
         ...U(d)
       }
     }),
     {}
   ), o = {
-    content: On({
+    content: Nn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: $n({
+    rootState: Ln({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2290,16 +2345,16 @@ function ae(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Q(),
+      ...X(),
       // While this `components` object is deprecated, we must maintain support for it.
       // Since users are able to override our default components, we need to make sure that we do not break such
       // existing usage.
       // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
       // which is the new standard way of providing custom components, and must therefore take precedence.
-      ...X,
+      ...Z,
       ...e.customComponents || []
     ].reduce(
-      (h, { component: f, ...d }) => ({
+      (h, { component: u, ...d }) => ({
         ...h,
         [d.name]: U(d)
       }),
@@ -2309,8 +2364,8 @@ function ae(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   };
-  return /* @__PURE__ */ T(
-    Me,
+  return /* @__PURE__ */ R(
+    je,
     {
       content: e.content,
       data: e.data,
@@ -2325,40 +2380,42 @@ function ae(e) {
       builderContextSignal: o,
       contentWrapper: e.contentWrapper,
       contentWrapperProps: e.contentWrapperProps,
+      linkComponent: e.linkComponent,
       trustedHosts: e.trustedHosts,
       children: [
-        e.isSsrAbTest ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(M, { scriptStr: t }) }) : null,
-        /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
-          Wn,
+        e.isSsrAbTest ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(D, { scriptStr: t }) }) : null,
+        /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
+          Fn,
           {
             contentId: (r = o.content) == null ? void 0 : r.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (g = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : g.customFonts
+            customFonts: (g = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : g.customFonts
           }
         ) }),
         /* @__PURE__ */ l(
-          N,
+          L,
           {
-            blocks: (m = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : m.blocks,
+            blocks: (f = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : f.blocks,
             context: o,
-            registeredComponents: n
+            registeredComponents: n,
+            linkComponent: e.linkComponent
           }
         )
       ]
     }
   );
 }
-function Ee(e) {
+function Pe(e) {
   var a, r;
-  const t = qt({
-    canTrack: L(e.canTrack),
+  const t = Jt({
+    canTrack: _(e.canTrack),
     content: e.content
   }), n = function() {
     var c;
-    return Jt(
-      V(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+    return Zt(
+      V(e.content).map((m) => ({
+        id: m.testVariationId,
+        testRatio: m.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
@@ -2369,14 +2426,14 @@ function Ee(e) {
     return t ? {
       ...e.content,
       testVariationId: (c = e.content) == null ? void 0 : c.id
-    } : Tt({
+    } : Pt({
       item: e.content,
-      canTrack: L(e.canTrack)
+      canTrack: _(e.canTrack)
     });
   };
-  return /* @__PURE__ */ T(S, { children: [
-    !e.__isNestedRender && I !== "reactNative" ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(M, { scriptStr: Yt() }) }) : null,
-    t ? /* @__PURE__ */ T(S, { children: [
+  return /* @__PURE__ */ R(k, { children: [
+    !e.__isNestedRender && I !== "reactNative" ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(D, { scriptStr: Xt() }) }) : null,
+    t ? /* @__PURE__ */ R(k, { children: [
       /* @__PURE__ */ l(
         O,
         {
@@ -2384,9 +2441,9 @@ function Ee(e) {
           styles: o()
         }
       ),
-      /* @__PURE__ */ l(M, { scriptStr: n() }),
+      /* @__PURE__ */ l(D, { scriptStr: n() }),
       (r = V(e.content)) == null ? void 0 : r.map((s) => /* @__PURE__ */ l(
-        ae,
+        re,
         {
           content: s,
           showContent: !1,
@@ -2396,6 +2453,7 @@ function Ee(e) {
           apiKey: e.apiKey,
           apiVersion: e.apiVersion,
           customComponents: e.customComponents,
+          linkComponent: e.linkComponent,
           canTrack: e.canTrack,
           locale: e.locale,
           includeRefs: e.includeRefs,
@@ -2411,7 +2469,7 @@ function Ee(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      ae,
+      re,
       {
         content: i(),
         showContent: !0,
@@ -2421,6 +2479,7 @@ function Ee(e) {
         apiKey: e.apiKey,
         apiVersion: e.apiVersion,
         customComponents: e.customComponents,
+        linkComponent: e.linkComponent,
         canTrack: e.canTrack,
         locale: e.locale,
         includeRefs: e.includeRefs,
@@ -2435,13 +2494,13 @@ function Ee(e) {
     )
   ] });
 }
-const Fn = async ({
+const _n = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return z({
+    return q({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2451,25 +2510,25 @@ const Fn = async ({
         }
       }
     }).catch((n) => {
-      k.error("Could not fetch symbol content: ", n);
+      x.error("Could not fetch symbol content: ", n);
     });
 };
-async function Nn(e) {
+async function Un(e) {
   var o, i, a, r, s;
   const t = function() {
-    var u, g;
+    var m, g;
     return [
-      e.attributes.className,
+      e.attributes[M()],
       "builder-symbol",
-      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
+      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
       (g = e.symbol) != null && g.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await Fn({
+  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await _n({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
-    Ee,
+    Pe,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2485,22 +2544,23 @@ async function Nn(e) {
         ...(r = n == null ? void 0 : n.data) == null ? void 0 : r.state
       },
       model: (s = e.symbol) == null ? void 0 : s.model,
-      content: n
+      content: n,
+      linkComponent: e.builderLinkComponent
     }
   ) });
 }
-const to = N, no = Ee, re = {};
-function oo(e) {
-  if (v()) {
-    Object.assign(re, e);
+const io = L, ao = Pe, se = {};
+function ro(e) {
+  if (S()) {
+    Object.assign(se, e);
     const t = {
       type: "builder.settingsChange",
-      data: re
+      data: se
     };
     parent.postMessage(t, "*");
   }
 }
-const io = async (e) => {
+const so = async (e) => {
   var o, i, a;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
@@ -2512,50 +2572,51 @@ const io = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ve(e.searchParams || ((a = e.url) == null ? void 0 : a.searchParams) || e.options)
+    options: xe(e.searchParams || ((a = e.url) == null ? void 0 : a.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await z(n)
+    content: await q(n)
   };
 };
 export {
-  Yn as A,
-  N as B,
-  Ee as C,
-  Gn as D,
-  ve as E,
-  Qn as F,
-  io as G,
-  to as R,
-  Nn as S,
-  Mt as T,
-  In as _,
-  jn as a,
-  D as b,
-  Kn as c,
-  zn as d,
-  v as e,
-  L as f,
-  lt as g,
-  Jn as h,
-  Hn as i,
-  fn as j,
-  j as k,
-  k as l,
-  Xn as m,
-  $ as n,
-  qn as o,
-  z as p,
-  on as q,
-  Zn as r,
-  eo as s,
-  Zt as t,
-  no as u,
-  ht as v,
-  An as w,
-  oo as x,
-  un as y,
-  ke as z
+  we as A,
+  L as B,
+  Pe as C,
+  Xn as D,
+  Qn as E,
+  xe as F,
+  eo as G,
+  so as H,
+  io as R,
+  Un as S,
+  Ht as T,
+  Rn as _,
+  ht as a,
+  qn as b,
+  j as c,
+  Gn as d,
+  Yn as e,
+  S as f,
+  M as g,
+  _ as h,
+  zn as i,
+  Zn as j,
+  gn as k,
+  x as l,
+  H as m,
+  to as n,
+  $ as o,
+  Jn as p,
+  q,
+  no as r,
+  oo as s,
+  sn as t,
+  nn as u,
+  ao as v,
+  bt as w,
+  Bn as x,
+  ro as y,
+  hn as z
 };