@builder.io/sdk-react 1.0.31 → 1.0.33

package/lib/node/blocks-exports.mjs

@@ -2,16 +2,16 @@
 var He = Object.defineProperty;
 var Ke = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (Ke(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as s, Fragment as E, jsxs as V } from "react/jsx-runtime";
-import { TARGET as q, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as qe, setupBrowserForEditing as _e, createRegisterComponentMessage as ze, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-9ab92db7.js";
-import { createContext as we, useState as C, useEffect as B, useContext as be, useRef as ee, createElement as Ee } from "react";
-import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Re } from "./node-runtime-218b3a7e.js";
+import { jsx as s, Fragment as E, jsxs as B } from "react/jsx-runtime";
+import { TARGET as L, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as qe, setupBrowserForEditing as _e, createRegisterComponentMessage as ze, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-0b4ba9e5.js";
+import { createContext as we, useState as C, useEffect as P, useContext as be, useRef as ee, createElement as Ee } from "react";
+import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Re } from "./node-runtime-51136426.js";
 const nt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), it = (e) => typeof e == "string" && nt.has(e.toLowerCase());
 function ue(e) {
   return /* @__PURE__ */ s(E, { children: it(e.TagName) ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(E, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const H = () => {
-  switch (q) {
+const K = () => {
+  switch (L) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -28,7 +28,7 @@ function ot(e) {
   function t() {
     return {
       ...e.attributes,
-      [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
+      [K()]: `${e.link ? "" : "builder-button"} ${e.attributes[K()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -61,16 +61,12 @@ const me = we({
   inheritedStyles: {},
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
-}), Ve = we({ registeredComponents: {} });
+}), Be = we({ registeredComponents: {} });
 function at(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: e
+    ...e.options
   };
 }
 const rt = ({
@@ -86,7 +82,7 @@ const rt = ({
     builder: t,
     context: n,
     event: i,
-    state: Pe({
+    state: Ve({
       rootState: a,
       localState: o,
       rootSetState: l
@@ -94,7 +90,7 @@ const rt = ({
   });
   return new Function(...r.map(([c]) => c), e)(...r.map(([, c]) => c));
 };
-function Pe({
+function Ve({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -104,7 +100,7 @@ function Pe({
       if (t && o in t)
         return t[o];
       const l = i[o];
-      return typeof l == "object" && l !== null ? Pe({
+      return typeof l == "object" && l !== null ? Ve({
         rootState: l,
         localState: void 0,
         rootSetState: n ? (a) => {
@@ -129,7 +125,7 @@ const st = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
   return e && t && !n ? (Z.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, ct = (e) => G() || st() ? rt(e) : Ze(e), L = class L {
+}, ct = (e) => G() || st() ? rt(e) : Ze(e), O = class O {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -139,17 +135,17 @@ const st = () => {
     });
   }
   static getCachedValue(t) {
-    return L.cache.get(t);
+    return O.cache.get(t);
   }
   static setCachedValue(t, n) {
-    L.cache.size > 20 && L.cache.delete(L.cache.keys().next().value), L.cache.set(t, {
+    O.cache.size > 20 && O.cache.delete(O.cache.keys().next().value), O.cache.set(t, {
       value: n
     });
   }
 };
-ie(L, "cacheLimit", 20), ie(L, "cache", /* @__PURE__ */ new Map());
-let U = L;
-function K({
+ie(O, "cacheLimit", 20), ie(O, "cache", /* @__PURE__ */ new Map());
+let M = O;
+function q({
   code: e,
   context: t,
   localState: n,
@@ -173,15 +169,15 @@ function K({
     localState: n
   };
   if (r) {
-    const u = U.getCacheKey(c), f = U.getCachedValue(u);
+    const u = M.getCacheKey(c), f = M.getCachedValue(u);
     if (f)
       return f.value;
   }
   try {
     const u = ct(c);
     if (r) {
-      const f = U.getCacheKey(c);
-      U.setCachedValue(f, u);
+      const f = M.getCacheKey(c);
+      M.setCachedValue(f, u);
     }
     return u;
   } catch (u) {
@@ -210,7 +206,7 @@ const dt = ({
     }
   };
   for (const r in e.bindings) {
-    const c = e.bindings[r], u = K({
+    const c = e.bindings[r], u = q({
       code: c,
       localState: n,
       rootState: i,
@@ -252,7 +248,7 @@ function ut(e, t, n = {}) {
     return i = this, o = arguments, f <= 0 || f > t ? (a && (clearTimeout(a), a = null), r = u, l = e.apply(i, o), a || (i = o = null)) : !a && n.trailing !== !1 && (a = setTimeout(c, f)), l;
   };
 }
-function M(e, ...t) {
+function H(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -273,7 +269,7 @@ function mt(e) {
         break;
     }
 }
-function Be(e) {
+function Pe(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function Ae(e, t) {
@@ -292,12 +288,12 @@ function ft(e) {
 function Ne(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Be(e.elementId || e.id || "");
+    Pe(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ae(e, n), n.style.transition = "none", n.style.transitionDelay = "0", M(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), M(n.style, e.steps[1].styles), setTimeout(() => {
+    Ae(e, n), n.style.transition = "none", n.style.transitionDelay = "0", H(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), H(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -306,7 +302,7 @@ function Ne(e) {
 function ht(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Be(e.elementId || e.id || "");
+    Pe(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
@@ -314,10 +310,10 @@ function ht(e) {
     let i = !1, o = !1;
     function l() {
       !i && r(n) ? (i = !0, o = !0, setTimeout(() => {
-        M(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", a), setTimeout(() => {
+        H(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", a), setTimeout(() => {
           o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !o && !r(n) && (i = !1, M(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !o && !r(n) && (i = !1, H(n.style, e.steps[0].styles));
     }
     const a = ut(l, 200, {
       leading: !1
@@ -328,7 +324,7 @@ function ht(e) {
     }
     const c = e.steps[0].styles;
     function u() {
-      M(n.style, c);
+      H(n.style, c);
     }
     u(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -338,10 +334,10 @@ function ht(e) {
     }), l();
   });
 }
-const We = (e) => Object.entries(e).map(([n, i]) => {
+const Fe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${te(n)}: ${i};`;
-}).filter(Y), gt = (e) => We(e).join(`
+}).filter(Y), gt = (e) => Fe(e).join(`
 `), z = ({
   mediaQuery: e,
   className: t,
@@ -362,18 +358,18 @@ function bt({
 const pt = ({
   block: e,
   context: t
-}) => Fe(bt({
+}) => We(bt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Fe(e) {
-  switch (q) {
+function We(e) {
+  switch (L) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return We(e).join(" ");
+      return Fe(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -413,7 +409,7 @@ const yt = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = K({
+  const o = q({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -437,7 +433,15 @@ const yt = ({
     },
     block: i
   }));
-}, St = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), vt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), $e = {
+}, St = (e, t) => e && (e.isRSC && L === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderLinkComponent: t
+} : {}, vt = (e, t) => e && (e.isRSC && L === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderComponents: t
+} : {}, kt = (e, t) => e && (e.isRSC && L === "rsc" || L === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
+  builderBlock: t
+} : {}, Ct = (e, t) => e && (e.isRSC && L === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
+  builderContext: t
+} : {}, $e = {
   small: {
     min: 320,
     default: 321,
@@ -489,7 +493,7 @@ function ne(e) {
     }
   );
 }
-function kt(e) {
+function Tt(e) {
   function t() {
     const i = X({
       block: e.block,
@@ -502,7 +506,7 @@ function kt(e) {
     return Y(i.hide) ? !i.hide : Y(i.show) ? i.show : !0;
   }
   function n() {
-    var x, R, P;
+    var x, R, V;
     const i = X({
       block: e.block,
       localState: e.context.localState,
@@ -535,7 +539,7 @@ function kt(e) {
     }) : "", p = i.animations && i.animations.find((A) => A.trigger === "hover");
     let I = "";
     if (p) {
-      const A = ((P = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : P.styles) || {};
+      const A = ((V = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : V.styles) || {};
       I = z({
         className: `${f}:hover`,
         styles: {
@@ -556,10 +560,10 @@ function kt(e) {
   }
   return /* @__PURE__ */ s(E, { children: n() && t() ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(ne, { id: "builderio-block", styles: n() }) }) : null });
 }
-function Ct(e) {
+function It(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const Tt = (e) => `on${Ct(e)}`, It = (e, t) => (n) => K({
+const wt = (e) => `on${It(e)}`, Et = (e, t) => (n) => q({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -576,9 +580,9 @@ function Le(e) {
     if (!n.hasOwnProperty(o))
       continue;
     const l = n[o];
-    let a = Tt(o);
+    let a = wt(o);
     if (e.stripPrefix)
-      switch (q) {
+      switch (L) {
         case "vue":
           a = a.replace("v-on:", "");
           break;
@@ -586,16 +590,16 @@ function Le(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = It(l, e);
+    t[a] = Et(l, e);
   }
   return t;
 }
-function wt({
+function Rt({
   properties: e
 }) {
   return e;
 }
-const Et = (e) => ({
+const Bt = (e) => ({
   href: e.href
 });
 function fe({
@@ -604,22 +608,22 @@ function fe({
 }) {
   var i;
   const n = {
-    ...Et(e),
+    ...Bt(e),
     ...e.properties,
     "builder-id": e.id,
     style: pt({
       block: e,
       context: t
     }),
-    [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [K()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
-  return wt({
+  return Rt({
     properties: n,
     context: t,
     block: e
   });
 }
-function Rt(e) {
+function Vt(e) {
   return /* @__PURE__ */ s(
     ue,
     {
@@ -640,7 +644,7 @@ function Rt(e) {
     }
   );
 }
-function Vt(e) {
+function Pt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...fe({
@@ -658,7 +662,7 @@ function Vt(e) {
   }
   return /* @__PURE__ */ s(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const Pt = ({
+const At = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -691,12 +695,12 @@ const Pt = ({
 function ye(e) {
   var i;
   const [t, n] = C(
-    () => e.isInteractive ? Vt : e.componentRef
+    () => e.isInteractive ? Pt : e.componentRef
   );
   return /* @__PURE__ */ s(E, { children: e.componentRef ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
     t,
     {
-      ...Pt({
+      ...At({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -719,7 +723,7 @@ function ye(e) {
     }
   ) }) : null });
 }
-function Bt(e) {
+function Nt(e) {
   const [t, n] = C(() => e.repeatContext);
   return /* @__PURE__ */ s(me.Provider, { value: t, children: /* @__PURE__ */ s(
     _,
@@ -779,13 +783,13 @@ function _(e) {
       componentRef: (m = t == null ? void 0 : t()) == null ? void 0 : m.component,
       componentOptions: {
         ...at(i()),
-        builderContext: e.context,
-        ...St(t()) ? {
-          builderLinkComponent: e.linkComponent
-        } : {},
-        ...vt(t()) ? {
-          builderComponents: e.registeredComponents
-        } : {}
+        ...kt(t(), i()),
+        ...Ct(t(), e.context),
+        ...St(t(), e.linkComponent),
+        ...vt(
+          t(),
+          e.registeredComponents
+        )
       },
       context: e.context,
       linkComponent: e.linkComponent,
@@ -795,7 +799,7 @@ function _(e) {
       isInteractive: !((p = t == null ? void 0 : t()) != null && p.isRSC)
     };
   }
-  return B(() => {
+  return P(() => {
     const d = i().id, m = i().animations;
     m && d && mt(
       m.map((g) => ({
@@ -803,8 +807,8 @@ function _(e) {
         elementId: d
       }))
     );
-  }, []), /* @__PURE__ */ s(E, { children: l() ? /* @__PURE__ */ V(E, { children: [
-    /* @__PURE__ */ s(kt, { block: e.block, context: e.context }),
+  }, []), /* @__PURE__ */ s(E, { children: l() ? /* @__PURE__ */ B(E, { children: [
+    /* @__PURE__ */ s(Tt, { block: e.block, context: e.context }),
     (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
       ye,
       {
@@ -819,7 +823,7 @@ function _(e) {
         isInteractive: r().isInteractive
       }
     ) }) : /* @__PURE__ */ s(E, { children: n() ? /* @__PURE__ */ s(E, { children: (f = n()) == null ? void 0 : f.map((d, m) => /* @__PURE__ */ s(
-      Bt,
+      Nt,
       {
         repeatContext: d.context,
         block: d.block,
@@ -827,13 +831,12 @@ function _(e) {
         linkComponent: e.linkComponent
       },
       m
-    )) }) : /* @__PURE__ */ V(
-      Rt,
+    )) }) : /* @__PURE__ */ B(
+      Vt,
       {
         Wrapper: o(),
         block: i(),
         context: e.context,
-        linkComponent: e.linkComponent,
         children: [
           /* @__PURE__ */ s(
             ye,
@@ -864,7 +867,7 @@ function _(e) {
     ) })
   ] }) : null });
 }
-function At(e) {
+function Ft(e) {
   function t() {
     var o;
     return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
@@ -895,7 +898,7 @@ function At(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ B(E, { children: [
     /* @__PURE__ */ s(
       e.BlocksWrapper,
       {
@@ -919,9 +922,9 @@ function At(e) {
 }
 function D(e) {
   var i, o, l;
-  const t = be(me), n = be(Ve);
+  const t = be(me), n = be(Be);
   return /* @__PURE__ */ s(
-    At,
+    Ft,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -942,9 +945,9 @@ function D(e) {
     }
   );
 }
-const Nt = (e) => `builder-columns ${e}-breakpoints`;
-function Wt(e) {
-  var A, O;
+const Wt = (e) => `builder-columns ${e}-breakpoints`;
+function $t(e) {
+  var A, j;
   const [t, n] = C(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [i, o] = C(() => e.columns || []), [l, a] = C(
@@ -986,18 +989,18 @@ function Wt(e) {
     };
   }
   function I(v) {
-    const w = v === 0 ? 0 : t, W = u(v), b = `${w}px`, h = "100%", y = 0;
+    const w = v === 0 ? 0 : t, F = u(v), b = `${w}px`, h = "100%", y = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: W,
+      width: F,
       ["marginLeft"]: b,
       "--column-width-mobile": d({
         stackedStyle: h,
-        desktopStyle: W
+        desktopStyle: F
       }),
       "--column-margin-left-mobile": d({
         stackedStyle: y,
@@ -1005,7 +1008,7 @@ function Wt(e) {
       }),
       "--column-width-tablet": f({
         stackedStyle: h,
-        desktopStyle: W
+        desktopStyle: F
       }),
       "--column-margin-left-tablet": f({
         stackedStyle: y,
@@ -1014,9 +1017,9 @@ function Wt(e) {
     };
   }
   function x(v) {
-    var W, b;
+    var F, b;
     return De(
-      ((b = (W = e.builderContext.content) == null ? void 0 : W.meta) == null ? void 0 : b.breakpoints) || {}
+      ((b = (F = e.builderContext.content) == null ? void 0 : F.meta) == null ? void 0 : b.breakpoints) || {}
     )[v].max;
   }
   function R() {
@@ -1046,29 +1049,29 @@ function Wt(e) {
         },
       `;
   }
-  function P(v, w) {
+  function V(v, w) {
     return {
       ...v.link ? {
         href: v.link
       } : {},
-      [H()]: "builder-column",
-      style: Fe(I(w))
+      [K()]: "builder-column",
+      style: We(I(w))
     };
   }
-  return /* @__PURE__ */ V(E, { children: [
-    /* @__PURE__ */ V(
+  return /* @__PURE__ */ B(E, { children: [
+    /* @__PURE__ */ B(
       "div",
       {
-        className: Nt((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
+        className: Wt((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
         style: p(),
         children: [
           /* @__PURE__ */ s(ne, { id: "builderio-columns", styles: R() }),
-          (O = e.columns) == null ? void 0 : O.map((v, w) => /* @__PURE__ */ s(
+          (j = e.columns) == null ? void 0 : j.map((v, w) => /* @__PURE__ */ s(
             ue,
             {
               TagName: r(v),
               actionAttributes: {},
-              attributes: P(v, w),
+              attributes: V(v, w),
               children: /* @__PURE__ */ s(
                 D,
                 {
@@ -1095,17 +1098,17 @@ function Wt(e) {
 }` })
   ] });
 }
-function Ft(e) {
+function Dt(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
 function xe(e) {
   return e.replace(/http(s)?:/, "");
 }
-function $t(e = "", t, n) {
+function Lt(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
 }
-function Dt(e, t) {
+function Ot(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1124,11 +1127,11 @@ function oe(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const i = Number(e.split("?width=")[1]);
-    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${$t(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Lt(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Dt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ot(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function Lt(e) {
+function jt(e) {
   var o, l, a, r, c, u;
   function t() {
     var m;
@@ -1158,14 +1161,15 @@ function Lt(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return /* @__PURE__ */ V(E, { children: [
-    /* @__PURE__ */ V(E, { children: [
-      /* @__PURE__ */ V("picture", { children: [
+  return /* @__PURE__ */ B(E, { children: [
+    /* @__PURE__ */ B(E, { children: [
+      /* @__PURE__ */ B("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
           {
-            loading: "lazy",
+            loading: e.highPriority ? "eager" : "lazy",
+            fetchPriority: e.highPriority ? "high" : "auto",
             alt: e.altText,
             role: e.altText ? void 0 : "presentation",
             style: {
@@ -1173,7 +1177,7 @@ function Lt(e) {
               objectFit: e.backgroundSize || "cover",
               ...i()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-3ac67dd4",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-ac3dff4a",
             src: e.image,
             srcSet: t(),
             sizes: e.sizes
@@ -1183,23 +1187,23 @@ function Lt(e) {
       e.aspectRatio && !((l = (o = e.builderBlock) == null ? void 0 : o.children) != null && l.length && e.fitContent) ? /* @__PURE__ */ s(
         "div",
         {
-          className: "builder-image-sizer div-3ac67dd4",
+          className: "builder-image-sizer div-ac3dff4a",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
       (r = (a = e.builderBlock) == null ? void 0 : a.children) != null && r.length && e.fitContent ? /* @__PURE__ */ s(E, { children: e.children }) : null,
-      !e.fitContent && ((u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-3ac67dd4-2", children: e.children }) : null
+      !e.fitContent && ((u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-ac3dff4a-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ s("style", { children: `.img-3ac67dd4 {
+    /* @__PURE__ */ s("style", { children: `.img-ac3dff4a {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-3ac67dd4 {
+}.div-ac3dff4a {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-3ac67dd4-2 {
+}.div-ac3dff4a-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1211,7 +1215,7 @@ function Lt(e) {
 }` })
   ] });
 }
-function Ot(e) {
+function Ut(e) {
   return /* @__PURE__ */ s(
     "section",
     {
@@ -1292,7 +1296,7 @@ const ae = {
       }
     }
   }]
-}, jt = {
+}, Mt = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1351,7 +1355,7 @@ const ae = {
     }
   }]
 }, Se = (e) => e.toString();
-function Ut(e) {
+function Ht(e) {
   var d;
   const [t, n] = C(() => []);
   function i() {
@@ -1401,13 +1405,13 @@ function Ut(e) {
           if (x) {
             if (x.classList.contains("builder-accordion-detail"))
               continue;
-            const P = x.getBoundingClientRect();
-            if (P.left > R.left) {
+            const V = x.getBoundingClientRect();
+            if (V.left > R.left) {
               const A = parseInt(
                 x.getAttribute("data-index") || "",
                 10
               );
-              isNaN(A) || (R = P, m = A);
+              isNaN(A) || (R = V, m = A);
             } else
               break;
           }
@@ -1429,7 +1433,7 @@ function Ut(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((g) => g !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ B(E, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1474,7 +1478,7 @@ function Ut(e) {
     ) : null
   ] })) });
 }
-const Mt = {
+const Kt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1507,7 +1511,7 @@ const Mt = {
   }],
   static: !0,
   noWrap: !0
-}, Ht = {
+}, qt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1708,13 +1712,13 @@ const Mt = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Kt = {
+}, _t = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, qt = {
+}, zt = {
   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",
@@ -1807,6 +1811,11 @@ const Mt = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: !0
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: !0,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -1814,7 +1823,7 @@ const Mt = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, _t = {
+}, Jt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1853,7 +1862,7 @@ const Mt = {
       }
     }
   }]
-}, zt = {
+}, Yt = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1867,7 +1876,7 @@ const Mt = {
     defaultValue: "children"
   }]
 };
-function Jt(e) {
+function Gt(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
     "div",
@@ -1890,7 +1899,7 @@ function Jt(e) {
     }
   );
 }
-const Yt = {
+const Qt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1961,7 +1970,7 @@ const Yt = {
       text: "New tab content "
     }
   }
-}, Gt = {
+}, Xt = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2059,7 +2068,7 @@ const Yt = {
     }]
   }]
 };
-function Qt(e) {
+function Zt(e) {
   var l;
   const [t, n] = C(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
@@ -2070,7 +2079,7 @@ function Qt(e) {
   function o(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ V("div", { children: [
+  return /* @__PURE__ */ B("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2118,7 +2127,7 @@ function Qt(e) {
     ) }) : null
   ] });
 }
-const Xt = {
+const en = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2137,7 +2146,7 @@ const Xt = {
     textAlign: "center"
   }
 };
-function Zt(e) {
+function tn(e) {
   var t;
   return /* @__PURE__ */ s(
     "div",
@@ -2150,7 +2159,7 @@ function Zt(e) {
     }
   );
 }
-const en = {
+const nn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2173,9 +2182,9 @@ const en = {
     advanced: !0
   }]
 };
-function tn(e) {
+function on(e) {
   const t = ee(null), [n, i] = C(() => []), [o, l] = C(() => []);
-  return B(() => {
+  return P(() => {
     var r;
     if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
       return;
@@ -2211,7 +2220,7 @@ function tn(e) {
     }
   );
 }
-const nn = {
+const an = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2236,8 +2245,8 @@ const nn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, on = ["text/javascript", "application/javascript", "application/ecmascript"], an = (e) => on.includes(e.type);
-function rn(e) {
+}, rn = ["text/javascript", "application/javascript", "application/ecmascript"], ln = (e) => rn.includes(e.type);
+function sn(e) {
   const t = ee(null), [n, i] = C(() => []), [o, l] = C(() => []), [a, r] = C(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
@@ -2249,7 +2258,7 @@ function rn(e) {
         n.push(d.src);
         const m = document.createElement("script");
         m.async = !0, m.src = d.src, document.head.appendChild(m);
-      } else if (an(d) && !o.includes(d.innerText))
+      } else if (ln(d) && !o.includes(d.innerText))
         try {
           o.push(d.innerText), new Function(d.innerText)();
         } catch (m) {
@@ -2257,7 +2266,7 @@ function rn(e) {
         }
     }
   }
-  return B(() => {
+  return P(() => {
     t.current && !a && (r(!0), c());
   }, [t.current, a]), /* @__PURE__ */ s(
     "div",
@@ -2268,7 +2277,7 @@ function rn(e) {
     }
   );
 }
-const ln = {
+const cn = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2499,14 +2508,14 @@ const ln = {
       }
     }
   }]
-}, sn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], cn = () => {
+}, dn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], un = () => {
   const e = process.env.NODE_ENV || "production";
-  return sn.includes(e) ? e : "production";
-}, dn = (e, t, n) => {
+  return dn.includes(e) ? e : "production";
+}, mn = (e, t, n) => {
   const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((o, l) => o != null ? o[l] : o, e);
   return i === void 0 || i === e ? n : i;
 };
-function un(e) {
+function fn(e) {
   var d, m;
   const t = ee(null), [n, i] = C(() => "unsubmitted"), [o, l] = C(() => null), [a, r] = C(() => "");
   function c(g) {
@@ -2532,8 +2541,8 @@ function un(e) {
       }
       g.preventDefault();
       const x = g.currentTarget || g.target, R = e.customHeaders || {};
-      let P;
-      const A = new FormData(x), O = Array.from(x.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
+      let V;
+      const A = new FormData(x), j = Array.from(x.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
         let h;
         const y = b.name;
         if (b instanceof HTMLInputElement)
@@ -2558,33 +2567,33 @@ function un(e) {
         };
       });
       let v = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (v = "multipart/form-data"), Array.from(O).forEach(({ value: b }) => {
+      if (e.sendSubmissionsTo === "email" && (v = "multipart/form-data"), Array.from(j).forEach(({ value: b }) => {
         (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (v = "multipart/form-data");
       }), v !== "application/json")
-        P = A;
+        V = A;
       else {
         const b = {};
-        Array.from(O).forEach(({ value: h, key: y }) => {
+        Array.from(j).forEach(({ value: h, key: y }) => {
           Re(b, y, h);
-        }), P = JSON.stringify(b);
+        }), V = JSON.stringify(b);
       }
       v && v !== "multipart/form-data" && (p && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = v));
-      const w = new CustomEvent("presubmit", { detail: { body: P } });
+      const w = new CustomEvent("presubmit", { detail: { body: V } });
       if (t.current && (t.current.dispatchEvent(w), w.defaultPrevented))
         return;
       i("sending");
-      const W = `${cn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const F = `${un() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
-        e.sendSubmissionsTo === "email" ? W : e.action,
-        { body: P, headers: R, method: e.method || "post" }
+        e.sendSubmissionsTo === "email" ? F : e.action,
+        { body: V, headers: R, method: e.method || "post" }
       ).then(
         async (b) => {
           let h;
           const y = b.headers.get("content-type");
           if (y && y.indexOf("application/json") !== -1 ? h = await b.json() : h = await b.text(), !b.ok && e.errorMessagePath) {
-            let S = dn(h, e.errorMessagePath);
+            let S = mn(h, e.errorMessagePath);
             S && (typeof S != "string" && (S = JSON.stringify(S)), r(S), c({ formErrorMessage: S }));
           }
           if (l(h), i(b.ok ? "success" : "error"), b.ok) {
@@ -2615,9 +2624,9 @@ function un(e) {
       );
     }
   }
-  return /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ B(E, { children: [
     " ",
-    /* @__PURE__ */ V(
+    /* @__PURE__ */ B(
       "form",
       {
         validate: e.validate,
@@ -2671,7 +2680,7 @@ function un(e) {
     " "
   ] });
 }
-const mn = {
+const hn = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2723,7 +2732,7 @@ const mn = {
     borderColor: "#ccc"
   }
 };
-function fn(e) {
+function gn(e) {
   return /* @__PURE__ */ Ee(
     "input",
     {
@@ -2738,7 +2747,7 @@ function fn(e) {
     }
   );
 }
-const hn = {
+const bn = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2781,7 +2790,7 @@ const hn = {
   static: !0,
   noWrap: !0
 };
-function gn(e) {
+function pn(e) {
   var t;
   return /* @__PURE__ */ Ee(
     "select",
@@ -2795,7 +2804,7 @@ function gn(e) {
     (t = e.options) == null ? void 0 : t.map((n, i) => /* @__PURE__ */ s("option", { value: n.value, children: n.name || n.value }, `${n.name}-${i}`))
   );
 }
-const bn = {
+const yn = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2821,10 +2830,10 @@ const bn = {
   // TODO: defaultChildren
   // canHaveChildren: true,
 };
-function pn(e) {
+function xn(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const yn = {
+const Sn = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2839,7 +2848,7 @@ const yn = {
   noWrap: !0,
   static: !0
 };
-function xn(e) {
+function vn(e) {
   return /* @__PURE__ */ s(
     "img",
     {
@@ -2854,7 +2863,7 @@ function xn(e) {
     $() && e.imgSrc || "default-key"
   );
 }
-const Sn = {
+const kn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2936,7 +2945,7 @@ const Sn = {
     advanced: !0
   }]
 };
-function vn(e) {
+function Cn(e) {
   var i, o, l, a, r, c, u;
   function t() {
     return {
@@ -2962,7 +2971,7 @@ function vn(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ B(
     "div",
     {
       style: {
@@ -3037,61 +3046,61 @@ function vn(e) {
     }
   );
 }
-const kn = () => [{
-  component: tn,
-  ...en
-}, {
-  component: rn,
+const Tn = () => [{
+  component: on,
   ...nn
 }, {
-  component: un,
-  ...ln
+  component: sn,
+  ...an
 }, {
   component: fn,
-  ...mn
-}, {
-  component: pn,
-  ...bn
+  ...cn
 }, {
   component: gn,
   ...hn
 }, {
   component: xn,
   ...yn
+}, {
+  component: pn,
+  ...bn
 }, {
   component: vn,
   ...Sn
+}, {
+  component: Cn,
+  ...kn
 }], ve = () => [{
   component: ot,
-  ...Mt
-}, {
-  component: Wt,
-  ...Ht
-}, {
-  component: Ft,
   ...Kt
 }, {
-  component: Lt,
+  component: $t,
   ...qt
 }, {
-  component: Ot,
+  component: Dt,
   ..._t
 }, {
-  component: Jt,
+  component: jt,
   ...zt
 }, {
-  component: qn,
+  component: Ut,
+  ...Jt
+}, {
+  component: Gt,
   ...Yt
+}, {
+  component: zn,
+  ...Qt
+}, {
+  component: tn,
+  ...en
 }, {
   component: Zt,
   ...Xt
 }, {
-  component: Qt,
-  ...Gt
-}, {
-  component: Ut,
-  ...jt
-}, ...kn()], Cn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Ht,
+  ...Mt
+}, ...Tn()], In = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3147,7 +3156,7 @@ const kn = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Tn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, wn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3185,16 +3194,16 @@ const kn = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), In = ({
+})), En = ({
   canTrack: e,
   content: t
-}) => !(!(J(t).length > 0) || !e || G()), wn = (e) => e === "react" || e === "reactNative", Ue = wn(q), En = () => `
-  window.${Oe} = ${Cn}
-  window.${je} = ${Tn}
-  `, Rn = (e, t) => `
+}) => !(!(J(t).length > 0) || !e || G()), Rn = (e) => e === "react" || e === "reactNative", Ue = Rn(L), Bn = () => `
+  window.${Oe} = ${In}
+  window.${je} = ${wn}
+  `, Vn = (e, t) => `
   window.${Oe}(
     "${t}",${JSON.stringify(e)}, ${Ue}
-  )`, Vn = ({
+  )`, Pn = ({
   contentId: e,
   variationId: t
 }) => `window.${je}(
@@ -3212,7 +3221,7 @@ function ce(e) {
 function ke(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Pn = (e, t, n = !0) => {
+const An = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -3223,7 +3232,7 @@ const Pn = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, Bn = (e) => Pn(e, (t) => {
+}, Nn = (e) => An(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Ce = ({
@@ -3235,8 +3244,8 @@ const Pn = (e, t, n = !0) => {
     x: l,
     y: a
   };
-}, An = (e) => {
-  const t = e.target, n = t && Bn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Fn = (e) => {
+  const t = e.target, n = t && Nn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -3251,7 +3260,7 @@ const Pn = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Nn = (e) => {
+}, Wn = (e) => {
   var l, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (l = e == null ? void 0 : e.files) == null ? void 0 : l.regular;
   let o = "";
@@ -3277,15 +3286,15 @@ font-weight: ${r};
         `.trim());
     }
   return o;
-}, Wn = ({
+}, $n = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Nn(n))) == null ? void 0 : t.join(" ")) || "";
-}, Fn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Wn(n))) == null ? void 0 : t.join(" ")) || "";
+}, Dn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", $n = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ln = `
 .builder-button {
   all: unset;
 }
@@ -3302,9 +3311,9 @@ font-weight: ${r};
   text-align: inherit;
   font-family: inherit;
 }
-`, Dn = (e) => e ? "" : $n, Ln = (e) => `variant-${e}`;
-function On(e) {
-  var P, A, O, v, w, W, b;
+`, On = (e) => e ? "" : Ln, jn = (e) => `variant-${e}`;
+function Un(e) {
+  var V, A, j, v, w, F, b;
   const t = ee(null);
   function n(h) {
     var S, k;
@@ -3318,7 +3327,7 @@ function On(e) {
     }));
   }
   function i(h) {
-    var S, k, T, N, j;
+    var S, k, T, N, U;
     const y = {
       ...e.builderContextSignal.content,
       ...h,
@@ -3329,11 +3338,11 @@ function On(e) {
       meta: {
         ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
         ...h == null ? void 0 : h.meta,
-        breakpoints: ((T = h == null ? void 0 : h.meta) == null ? void 0 : T.breakpoints) || ((j = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : j.breakpoints)
+        breakpoints: ((T = h == null ? void 0 : h.meta) == null ? void 0 : T.breakpoints) || ((U = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : U.breakpoints)
       }
     };
-    e.setBuilderContextSignal((F) => ({
-      ...F,
+    e.setBuilderContextSignal((W) => ({
+      ...W,
       content: y
     }));
   }
@@ -3372,7 +3381,7 @@ function On(e) {
   function c() {
     var y, S;
     const h = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.jsCode;
-    h && K({
+    h && q({
       code: h,
       context: e.context || {},
       localState: void 0,
@@ -3395,7 +3404,7 @@ function On(e) {
         contentId: T,
         apiKey: e.apiKey,
         variationId: k !== T ? k : void 0,
-        ...An(h),
+        ...Fn(h),
         unique: !g
       });
     }
@@ -3408,10 +3417,10 @@ function On(e) {
       if (!N || d[T] || u[T] && !$())
         return;
       d[T] = !0;
-      const j = N.replace(
+      const U = N.replace(
         /{{([^}]+)}}/g,
-        (F, Me) => String(
-          K({
+        (W, Me) => String(
+          q({
             code: Me,
             context: e.context || {},
             localState: void 0,
@@ -3421,12 +3430,12 @@ function On(e) {
           })
         )
       );
-      Ge(j).then((F) => F.json()).then((F) => {
+      Ge(U).then((W) => W.json()).then((W) => {
         n({
-          [T]: F
+          [T]: W
         }), u[T] = !0;
-      }).catch((F) => {
-        console.error("error fetching dynamic data", N, F);
+      }).catch((W) => {
+        console.error("error fetching dynamic data", N, W);
       }).finally(() => {
         d[T] = !1;
       });
@@ -3447,7 +3456,7 @@ function On(e) {
       )
     );
   }
-  return B(() => {
+  return P(() => {
     var h, y;
     if (G()) {
       if ($() && (window.addEventListener("message", r), qe(), _e({
@@ -3482,35 +3491,35 @@ function On(e) {
       if (Je() && !$()) {
         const k = new URL(location.href).searchParams, T = k.get("builder.preview"), N = k.get(
           `builder.overrides.${T}`
-        ), j = k.get("apiKey") || k.get("builder.space");
-        T === e.model && j === e.apiKey && (!e.content || N === e.content.id) && Ie({
+        ), U = k.get("apiKey") || k.get("builder.space");
+        T === e.model && U === e.apiKey && (!e.content || N === e.content.id) && Ie({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((F) => {
-          F && i(F);
+        }).then((W) => {
+          W && i(W);
         });
       }
     }
-  }, []), B(() => {
+  }, []), P(() => {
     e.apiKey || Z.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), c(), x(), R();
-  }, []), B(() => {
+  }, []), P(() => {
     e.content && i(e.content);
-  }, [e.content]), B(() => {
+  }, [e.content]), P(() => {
     c();
-  }, [(A = (P = e.builderContextSignal.content) == null ? void 0 : P.data) == null ? void 0 : A.jsCode]), B(() => {
+  }, [(A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.jsCode]), P(() => {
     x();
-  }, [(v = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : v.httpRequests]), B(() => {
+  }, [(v = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : v.httpRequests]), P(() => {
     R();
-  }, [e.builderContextSignal.rootState]), B(() => {
+  }, [e.builderContextSignal.rootState]), P(() => {
     e.data && n(e.data);
-  }, [e.data]), B(() => {
+  }, [e.data]), P(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), B(() => () => {
+  }, [e.locale]), P(() => () => {
     G() && (window.removeEventListener("message", r), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       R
@@ -3524,29 +3533,29 @@ function On(e) {
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: Ln(
-        ((W = e.content) == null ? void 0 : W.testVariationId) || ((b = e.content) == null ? void 0 : b.id)
+      className: jn(
+        ((F = e.content) == null ? void 0 : F.testVariationId) || ((b = e.content) == null ? void 0 : b.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function jn(e) {
+function Mn(e) {
   const [t, n] = C(
     () => `
-${Fn({
+${Dn({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${Wn({
+${$n({
       customFonts: e.customFonts
     })}
-${Dn(e.isNestedRender)}
+${On(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(ne, { id: "builderio-content", styles: t });
 }
-const Un = ({
+const Hn = ({
   content: e,
   data: t,
   locale: n
@@ -3563,7 +3572,7 @@ const Un = ({
       locale: n
     } : {}
   };
-}, Mn = ({
+}, Kn = ({
   content: e,
   data: t
 }) => e ? {
@@ -3579,7 +3588,7 @@ function Te(e) {
   const [t, n] = C(
     () => {
       var I, x;
-      return Vn({
+      return Pn({
         // 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
@@ -3608,12 +3617,12 @@ function Te(e) {
       {}
     )
   ), [a, r] = C(() => ({
-    content: Mn({
+    content: Kn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Un({
+    rootState: Hn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -3638,13 +3647,13 @@ function Te(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
   return /* @__PURE__ */ s(
-    Ve.Provider,
+    Be.Provider,
     {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ V(
-        On,
+      children: /* @__PURE__ */ B(
+        Un,
         {
           content: e.content,
           data: e.data,
@@ -3658,7 +3667,6 @@ function Te(e) {
           builderContextSignal: a,
           contentWrapper: e.contentWrapper,
           contentWrapperProps: e.contentWrapperProps,
-          linkComponent: e.linkComponent,
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: r,
           children: [
@@ -3670,7 +3678,7 @@ function Te(e) {
               }
             ) : null,
             /* @__PURE__ */ s(
-              jn,
+              Mn,
               {
                 isNestedRender: e.isNestedRender,
                 contentId: (c = a.content) == null ? void 0 : c.id,
@@ -3693,17 +3701,17 @@ function Te(e) {
     }
   );
 }
-function Hn(e) {
+function qn(e) {
   var a;
   const [t, n] = C(
-    () => In({
+    () => En({
       canTrack: Q(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var r;
-    return Rn(
+    return Vn(
       J(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -3724,16 +3732,16 @@ function Hn(e) {
       canTrack: Q(e.canTrack)
     });
   }
-  return B(() => {
-  }, []), /* @__PURE__ */ V(E, { children: [
-    !e.isNestedRender && q !== "reactNative" ? /* @__PURE__ */ s(
+  return P(() => {
+  }, []), /* @__PURE__ */ B(E, { children: [
+    !e.isNestedRender && L !== "reactNative" ? /* @__PURE__ */ s(
       ce,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: En()
+        scriptStr: Bn()
       }
     ) : null,
-    t ? /* @__PURE__ */ V(E, { children: [
+    t ? /* @__PURE__ */ B(E, { children: [
       /* @__PURE__ */ s(
         ne,
         {
@@ -3800,7 +3808,7 @@ function Hn(e) {
     )
   ] });
 }
-const Kn = async ({
+const _n = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3819,7 +3827,7 @@ const Kn = async ({
       Z.error("Could not fetch symbol content: ", n);
     });
 };
-function qn(e) {
+function zn(e) {
   var r, c, u, f;
   function t() {
     return "div";
@@ -3830,7 +3838,7 @@ function qn(e) {
   function i() {
     var d, m;
     return [
-      e.attributes[H()],
+      e.attributes[K()],
       "builder-symbol",
       (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
       (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
@@ -3841,18 +3849,18 @@ function qn(e) {
     return (d = e.symbol) == null ? void 0 : d.content;
   });
   function a() {
-    o || Kn({
+    o || _n({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((d) => {
       d && l(d);
     });
   }
-  return B(() => {
-  }, []), B(() => {
+  return P(() => {
+  }, []), P(() => {
     a();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
-    Hn,
+    qn,
     {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -3880,12 +3888,12 @@ export {
   D as Blocks,
   me as BuilderContext,
   ot as Button,
-  Wt as Columns,
-  Hn as Content,
-  Ft as Fragment,
-  Lt as Image,
-  Ot as Section,
-  qn as Symbol,
-  Zt as Text,
-  vn as Video
+  $t as Columns,
+  qn as Content,
+  Dt as Fragment,
+  jt as Image,
+  Ut as Section,
+  zn as Symbol,
+  tn as Text,
+  Cn as Video
 };