@builder.io/sdk-react 2.0.12 → 2.0.14

package/lib/browser/blocks-exports.mjs

@@ -1,13 +1,13 @@
 "use client";
-var qe = Object.defineProperty;
-var _e = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ne = (e, t, n) => (_e(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as R, jsxs as V } from "react/jsx-runtime";
-import { TARGET as U, isEditing as $, isBrowser as H, getUserAttributes as ze, checkIsDefined as Q, logger as Z, isPreviewing as we, registerInsertMenu as Je, setupBrowserForEditing as Ye, createRegisterComponentMessage as Ge, getDefaultCanTrack as X, _track as he, fetchOneEntry as Re, createEditorListener as Qe, fetch as Xe, serializeIncludingFunctions as ge, handleABTestingSync as Ze } from "./server-entry-dc66de59.js";
-import { createContext as Ee, useState as T, useEffect as P, useRef as z, useContext as be, createElement as Be } from "react";
-const et = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), tt = (e) => typeof e == "string" && et.has(e.toLowerCase());
+var _e = Object.defineProperty;
+var ze = (e, t, n) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ne = (e, t, n) => (ze(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as l, Fragment as E, jsxs as V } from "react/jsx-runtime";
+import { TARGET as U, isEditing as $, isBrowser as H, getUserAttributes as Je, checkIsDefined as Q, logger as Z, isPreviewing as Re, registerInsertMenu as Ye, setupBrowserForEditing as Ge, createRegisterComponentMessage as Qe, getDefaultCanTrack as X, _track as he, fetchOneEntry as Ee, createEditorListener as Xe, fetch as Ze, serializeIncludingFunctions as ge, handleABTestingSync as et } from "./server-entry-13acc156.js";
+import { createContext as Be, useState as T, useEffect as P, useRef as z, useContext as be, createElement as Pe } from "react";
+const tt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), nt = (e) => typeof e == "string" && tt.has(e.toLowerCase());
 function de(e) {
-  return /* @__PURE__ */ l(R, { children: tt(e.TagName) ? /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+  return /* @__PURE__ */ l(E, { children: nt(e.TagName) ? /* @__PURE__ */ l(E, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(E, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
 const _ = () => {
   switch (U) {
@@ -23,7 +23,7 @@ const _ = () => {
       return "class";
   }
 };
-function nt(e) {
+function it(e) {
   function t() {
     return {
       ...e.attributes,
@@ -47,7 +47,7 @@ function nt(e) {
     }
   );
 }
-const ue = Ee({
+const ue = Be({
   content: null,
   context: {},
   localState: void 0,
@@ -61,21 +61,21 @@ const ue = Ee({
   BlocksWrapper: "div",
   BlocksWrapperProps: {},
   nonce: ""
-}), Pe = Ee({ registeredComponents: {} });
-function it(e) {
+}), Ve = Be({ registeredComponents: {} });
+function ot(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function ot(e, ...t) {
+function at(e, ...t) {
   const n = Object.assign({}, e);
   for (const i of t)
     delete n[i];
   return n;
 }
-const at = ({
+const rt = ({
   builder: e,
   context: t,
   event: n,
@@ -87,12 +87,12 @@ const at = ({
   builder: e,
   context: t,
   event: n
-}), rt = () => ({
+}), lt = () => ({
   isEditing: $(),
   isBrowser: H(),
   isServer: !H(),
-  getUserAttributes: () => ze()
-}), lt = (e, {
+  getUserAttributes: () => Je()
+}), st = (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, pe = ({
   code: e,
@@ -103,11 +103,11 @@ const at = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const s = at({
+  const s = rt({
     builder: t,
     context: n,
     event: i,
-    state: Ve({
+    state: Ae({
       rootState: r,
       localState: o,
       rootSetState: a
@@ -115,7 +115,7 @@ const at = ({
   });
   return new Function(...s.map(([d]) => d), e)(...s.map(([, d]) => d));
 };
-function Ve({
+function Ae({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -125,7 +125,7 @@ function Ve({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? Ve({
+      return typeof a == "object" && a !== null ? Ae({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -140,17 +140,17 @@ function Ve({
     }
   });
 }
-function st() {
+function ct() {
   var e;
   return typeof process != "undefined" && Q((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const ct = () => {
+const dt = () => {
   var i;
-  if (!st())
+  if (!ct())
     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;
-}, dt = (e) => (H() || ct(), pe(e)), ut = !0, L = class L {
+}, ut = (e) => (H() || dt(), pe(e)), mt = !0, L = class L {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -183,26 +183,26 @@ function K({
   if (e === "")
     return;
   const d = {
-    code: lt(e, {
+    code: st(e, {
       isExpression: r
     }),
-    builder: rt(),
+    builder: lt(),
     context: t,
     event: a,
     rootSetState: o,
     rootState: i,
     localState: n
   };
-  if (s && !ut) {
-    const c = j.getCacheKey(d), m = j.getCachedValue(c);
-    if (m)
-      return m.value;
+  if (s && !mt) {
+    const c = j.getCacheKey(d), u = j.getCachedValue(c);
+    if (u)
+      return u.value;
   }
   try {
-    const c = dt(d);
+    const c = ut(d);
     if (s) {
-      const m = j.getCacheKey(d);
-      j.setCachedValue(m, c);
+      const u = j.getCacheKey(d);
+      j.setCachedValue(u, c);
     }
     return c;
   } catch (c) {
@@ -212,7 +212,7 @@ function K({
     return;
   }
 }
-const me = (e) => JSON.parse(JSON.stringify(e)), Ae = (e, t, n) => {
+const me = (e) => JSON.parse(JSON.stringify(e)), Ne = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -230,8 +230,8 @@ function se(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = se(e[n]));
   return t;
 }
-const mt = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ft = (e) => {
-  if (mt) {
+const ft = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ht = (e) => {
+  if (ft) {
     const t = me(e);
     return {
       ...t,
@@ -243,7 +243,7 @@ const mt = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ft = (e) =
       }
     };
   } else {
-    const t = se(ot(e, "children", "meta"));
+    const t = se(at(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -256,7 +256,7 @@ const mt = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ft = (e) =
       meta: e.meta
     };
   }
-}, ht = ({
+}, gt = ({
   block: e,
   context: t,
   localState: n,
@@ -265,7 +265,7 @@ const mt = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ft = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const a = ft(e);
+  const a = ht(e);
   for (const r in e.bindings) {
     const s = e.bindings[r], d = K({
       code: s,
@@ -275,11 +275,11 @@ const mt = ["svelte", "vue", "angular", "qwik", "solid"].includes(U), ft = (e) =
       context: t,
       enableCache: !0
     });
-    Ae(a, r, d);
+    Ne(a, r, d);
   }
   return a;
 };
-function gt({
+function bt({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -288,7 +288,7 @@ function gt({
   rootSetState: a
 }) {
   const r = e;
-  return n ? ht({
+  return n ? gt({
     block: r,
     localState: i,
     rootState: o,
@@ -297,7 +297,7 @@ function gt({
   }) : r;
 }
 const ee = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function bt(e, t, n = {}) {
+function pt(e, t, n = {}) {
   let i, o, a, r = null, s = 0;
   const d = function() {
     s = n.leading === !1 ? 0 : Date.now(), r = null, a = e.apply(i, o), r || (i = o = null);
@@ -305,8 +305,8 @@ function bt(e, t, n = {}) {
   return function() {
     const c = Date.now();
     !s && n.leading === !1 && (s = c);
-    const m = t - (c - s);
-    return i = this, o = arguments, m <= 0 || m > t ? (r && (clearTimeout(r), r = null), s = c, a = e.apply(i, o), r || (i = o = null)) : !r && n.trailing !== !1 && (r = setTimeout(d, m)), a;
+    const u = t - (c - s);
+    return i = this, o = arguments, u <= 0 || u > t ? (r && (clearTimeout(r), r = null), s = c, a = e.apply(i, o), r || (i = o = null)) : !r && n.trailing !== !1 && (r = setTimeout(d, u)), a;
   };
 }
 function q(e, ...t) {
@@ -319,55 +319,55 @@ function q(e, ...t) {
   }
   return n;
 }
-function pt(e) {
+function yt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Fe(t);
+        $e(t);
         break;
       case "scrollInView":
-        xt(t);
+        vt(t);
         break;
     }
 }
-function Ne(e) {
+function We(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function We(e, t) {
-  const n = yt(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
+function Fe(e, t) {
+  const n = xt(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
   for (const s of r)
     for (const d of n)
       d in s || (s[d] = i[d]);
 }
-function yt(e) {
+function xt(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function Fe(e) {
+function $e(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ne(e.elementId || e.id || "");
+    We(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    We(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+    Fe(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ee(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function xt(e) {
+function vt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ne(e.elementId || e.id || "");
+    We(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    We(e, n);
+    Fe(e, n);
     let i = !1, o = !1;
     function a() {
       !i && s(n) ? (i = !0, o = !0, setTimeout(() => {
@@ -376,12 +376,12 @@ function xt(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && i && !o && !s(n) && (i = !1, q(n.style, e.steps[0].styles));
     }
-    const r = bt(a, 200, {
+    const r = pt(a, 200, {
       leading: !1
     });
-    function s(m) {
-      const h = m.getBoundingClientRect(), f = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * f;
-      return h.bottom > g && h.top < f - g;
+    function s(u) {
+      const g = u.getBoundingClientRect(), m = window.innerHeight, h = (e.thresholdPercent || 0) / 100 * m;
+      return g.bottom > h && g.top < m - h;
     }
     const d = e.steps[0].styles;
     function c() {
@@ -395,42 +395,42 @@ function xt(e) {
     }), a();
   });
 }
-const $e = (e) => Object.entries(e).map(([n, i]) => {
+const De = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${ee(n)}: ${i};`;
-}).filter(Q), vt = (e) => $e(e).join(`
+}).filter(Q), St = (e) => De(e).join(`
 `), Y = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${vt(n)}
+    ${St(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function St({
+function kt({
   style: e
 }) {
   return e;
 }
-const kt = ({
+const Ct = ({
   block: e,
   context: t
-}) => De(St({
+}) => Le(kt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function De(e) {
+function Le(e) {
   switch (U) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return $e(e).join(" ");
+      return De(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -438,7 +438,7 @@ function De(e) {
       return e;
   }
 }
-const Ct = ({
+const Tt = ({
   block: e,
   registeredComponents: t
 }) => {
@@ -452,7 +452,7 @@ const Ct = ({
   console.warn(`
       Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Tt = ({
+}, It = ({
   block: e,
   context: t
 }) => {
@@ -486,27 +486,27 @@ const Ct = ({
     },
     block: i
   }));
-}, It = (e, t) => {
+}, wt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, wt = (e, t) => {
+}, Rt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: t
   } : {};
-}, Rt = (e, t) => {
+}, Et = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Et = (e, t) => {
+}, Bt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Le = {
+}, Oe = {
   small: {
     min: 320,
     default: 321,
@@ -522,11 +522,11 @@ const Ct = ({
     default: 991,
     max: 1200
   }
-}, ye = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, Oe = ({
+}, ye = (e, t = Oe) => `@media (max-width: ${t[e].max}px)`, Ue = ({
   small: e,
   medium: t
 }) => {
-  const n = me(Le);
+  const n = me(Oe);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -559,58 +559,58 @@ function te(e) {
     }
   );
 }
-function Bt(e) {
+function Pt(e) {
   function t() {
     const i = e.block;
     return Q(i.hide) ? !i.hide : Q(i.show) ? i.show : !0;
   }
   function n() {
-    var b, B, E;
-    const i = e.block, o = i.responsiveStyles, a = e.context.content, r = Oe(
-      ((b = a == null ? void 0 : a.meta) == null ? void 0 : b.breakpoints) || {}
-    ), s = o == null ? void 0 : o.large, d = o == null ? void 0 : o.medium, c = o == null ? void 0 : o.small, m = i.id;
-    if (!m)
+    var f, w, B;
+    const i = e.block, o = i.responsiveStyles, a = e.context.content, r = Ue(
+      ((f = a == null ? void 0 : a.meta) == null ? void 0 : f.breakpoints) || {}
+    ), s = o == null ? void 0 : o.large, d = o == null ? void 0 : o.medium, c = o == null ? void 0 : o.small, u = i.id;
+    if (!u)
       return "";
-    const h = s ? Y({
-      className: m,
+    const g = s ? Y({
+      className: u,
       styles: s
-    }) : "", f = d ? Y({
-      className: m,
+    }) : "", m = d ? Y({
+      className: u,
       styles: d,
       mediaQuery: ye(
         "medium",
         r
       )
-    }) : "", u = c ? Y({
-      className: m,
+    }) : "", x = c ? Y({
+      className: u,
       styles: c,
       mediaQuery: ye(
         "small",
         r
       )
-    }) : "", g = i.animations && i.animations.find((A) => A.trigger === "hover");
-    let x = "";
-    if (g) {
-      const A = ((E = (B = g.steps) == null ? void 0 : B[1]) == null ? void 0 : E.styles) || {};
-      x = Y({
-        className: `${m}:hover`,
+    }) : "", h = i.animations && i.animations.find((A) => A.trigger === "hover");
+    let p = "";
+    if (h) {
+      const A = ((B = (w = h.steps) == null ? void 0 : w[1]) == null ? void 0 : B.styles) || {};
+      p = Y({
+        className: `${u}:hover`,
         styles: {
           ...A,
-          transition: `all ${g.duration}s ${ee(
-            g.easing
+          transition: `all ${h.duration}s ${ee(
+            h.easing
           )}`,
-          transitionDelay: g.delay ? `${g.delay}s` : "0s"
+          transitionDelay: h.delay ? `${h.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      h,
-      f,
-      u,
-      x
+      g,
+      m,
+      x,
+      p
     ].join(" ");
   }
-  return /* @__PURE__ */ l(R, { children: n() && t() ? /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(E, { children: n() && t() ? /* @__PURE__ */ l(E, { children: /* @__PURE__ */ l(
     te,
     {
       id: "builderio-block",
@@ -619,10 +619,10 @@ function Bt(e) {
     }
   ) }) : null });
 }
-function Pt(e) {
+function Vt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const Vt = (e) => `on${Pt(e)}`, At = (e, t) => (n) => K({
+const At = (e) => `on${Vt(e)}`, Nt = (e, t) => (n) => K({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -632,14 +632,14 @@ const Vt = (e) => `on${Pt(e)}`, At = (e, t) => (n) => K({
   isExpression: !1,
   enableCache: !0
 });
-function Ue(e) {
+function Me(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const a = n[o];
-    let r = Vt(o);
+    let r = At(o);
     if (e.stripPrefix)
       switch (U) {
         case "vue":
@@ -649,16 +649,16 @@ function Ue(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = At(a, e);
+    t[r] = Nt(a, e);
   }
   return t;
 }
-function Nt({
+function Wt({
   properties: e
 }) {
   return e;
 }
-const Wt = (e) => ({
+const Ft = (e) => ({
   href: e.href
 });
 function fe({
@@ -667,22 +667,22 @@ function fe({
 }) {
   var i;
   const n = {
-    ...Wt(e),
+    ...Ft(e),
     ...e.properties,
     "builder-id": e.id,
-    style: kt({
+    style: Ct({
       block: e,
       context: t
     }),
     [_()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
-  return Nt({
+  return Wt({
     properties: n,
     context: t,
     block: e
   });
 }
-function Ft(e) {
+function $t(e) {
   return /* @__PURE__ */ l(
     de,
     {
@@ -691,7 +691,7 @@ function Ft(e) {
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Ue({
+      actionAttributes: Me({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -703,14 +703,14 @@ function Ft(e) {
     }
   );
 }
-function $t(e) {
+function Dt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...fe({
         block: e.block,
         context: e.context
       }),
-      ...Ue({
+      ...Me({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -721,7 +721,7 @@ function $t(e) {
   }
   return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const Dt = ({
+const Lt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -754,12 +754,12 @@ const Dt = ({
 function xe(e) {
   var i;
   const [t, n] = T(
-    () => e.isInteractive ? $t : e.componentRef
+    () => e.isInteractive ? Dt : e.componentRef
   );
-  return /* @__PURE__ */ l(R, { children: e.componentRef ? /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(E, { children: e.componentRef ? /* @__PURE__ */ l(E, { children: /* @__PURE__ */ l(
     t,
     {
-      ...Dt({
+      ...Lt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -782,7 +782,7 @@ function xe(e) {
     }
   ) }) : null });
 }
-function Lt(e) {
+function ve(e) {
   const [t, n] = T(() => e.repeatContext);
   return /* @__PURE__ */ l(ue.Provider, { value: t, children: /* @__PURE__ */ l(
     J,
@@ -795,9 +795,9 @@ function Lt(e) {
   ) });
 }
 function J(e) {
-  var m, h, f;
+  var u, g, m, x;
   function t() {
-    return Tt({
+    return It({
       block: e.block,
       context: e.context
     });
@@ -807,10 +807,10 @@ function J(e) {
     update: !1
   }));
   function o() {
-    var g;
-    if (n.value && !n.update && !we())
+    var p;
+    if (n.value && !n.update && !Re())
       return n.value;
-    const u = (g = e.block.repeat) != null && g.collection ? e.block : gt({
+    const h = (p = e.block.repeat) != null && p.collection ? e.block : bt({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -818,40 +818,40 @@ function J(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return n.value = u, n.update = !1, u;
+    return n.value = h, n.update = !1, h;
   }
   function a() {
-    return Ct({
+    return Tt({
       block: o(),
       registeredComponents: e.registeredComponents
     });
   }
   function r() {
-    var g;
-    return e.block.tagName === "a" || ((g = o().properties) == null ? void 0 : g.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var p;
+    return e.block.tagName === "a" || ((p = o().properties) == null ? void 0 : p.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function s() {
-    var x, b;
-    if ((x = e.block.repeat) != null && x.collection)
-      return !!((b = t == null ? void 0 : t()) != null && b.length);
-    const u = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !u;
+    var f, w;
+    if ((f = e.block.repeat) != null && f.collection)
+      return !!((w = t == null ? void 0 : t()) != null && w.length);
+    const h = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !h;
   }
   function d() {
-    var g, x;
-    return !((g = a == null ? void 0 : a()) != null && g.component) && !t() ? (x = o().children) != null ? x : [] : [];
+    var p, f;
+    return !((p = a == null ? void 0 : a()) != null && p.component) && !t() ? (f = o().children) != null ? f : [] : [];
   }
   function c() {
-    var u, g, x, b;
+    var h, p, f, w;
     return {
-      blockChildren: (u = o().children) != null ? u : [],
-      componentRef: (g = a == null ? void 0 : a()) == null ? void 0 : g.component,
+      blockChildren: (h = o().children) != null ? h : [],
+      componentRef: (p = a == null ? void 0 : a()) == null ? void 0 : p.component,
       componentOptions: {
-        ...it(o()),
-        ...Rt(a(), o()),
-        ...Et(a(), e.context),
-        ...It(a(), e.linkComponent),
-        ...wt(
+        ...ot(o()),
+        ...Et(a(), o()),
+        ...Bt(a(), e.context),
+        ...wt(a(), e.linkComponent),
+        ...Rt(
           a(),
           e.registeredComponents
         )
@@ -860,23 +860,32 @@ function J(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((x = a == null ? void 0 : a()) == null ? void 0 : x.noWrap) === !0,
-      isInteractive: !((b = a == null ? void 0 : a()) != null && b.isRSC && U === "rsc")
+      includeBlockProps: ((f = a == null ? void 0 : a()) == null ? void 0 : f.noWrap) === !0,
+      isInteractive: !((w = a == null ? void 0 : a()) != null && w.isRSC && U === "rsc")
     };
   }
   return P(() => {
-    const u = o().id, g = o().animations;
-    g && u && pt(
-      g.map((x) => ({
-        ...x,
-        elementId: u
+    const h = o().id, p = o().animations;
+    p && h && yt(
+      p.map((f) => ({
+        ...f,
+        elementId: h
       }))
     );
   }, []), P(() => {
     n.update = !0;
-  }), /* @__PURE__ */ l(R, { children: s() ? /* @__PURE__ */ V(R, { children: [
-    /* @__PURE__ */ l(Bt, { block: o(), context: e.context }),
-    (m = a == null ? void 0 : a()) != null && m.noWrap ? /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+  }), /* @__PURE__ */ l(E, { children: s() ? /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ l(Pt, { block: o(), context: e.context }),
+    (u = a == null ? void 0 : a()) != null && u.noWrap ? t() ? /* @__PURE__ */ l(E, { children: (x = t()) == null ? void 0 : x.map((h, p) => /* @__PURE__ */ l(
+      ve,
+      {
+        repeatContext: h.context,
+        block: h.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      p
+    )) }) : /* @__PURE__ */ l(
       xe,
       {
         componentRef: c().componentRef,
@@ -889,17 +898,17 @@ function J(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(R, { children: t() ? /* @__PURE__ */ l(R, { children: (f = t()) == null ? void 0 : f.map((u, g) => /* @__PURE__ */ l(
-      Lt,
+    ) : /* @__PURE__ */ l(E, { children: t() ? /* @__PURE__ */ l(E, { children: (m = t()) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ l(
+      ve,
       {
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: h.context,
+        block: h.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      g
+      p
     )) }) : /* @__PURE__ */ V(
-      Ft,
+      $t,
       {
         Wrapper: r(),
         block: o(),
@@ -919,15 +928,15 @@ function J(e) {
               isInteractive: c().isInteractive
             }
           ),
-          (h = d()) == null ? void 0 : h.map((u) => /* @__PURE__ */ l(
+          (g = d()) == null ? void 0 : g.map((h) => /* @__PURE__ */ l(
             J,
             {
-              block: u,
+              block: h,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            u.id
+            h.id
           ))
         ]
       }
@@ -967,7 +976,7 @@ function Ot(e) {
     ));
   }
   return P(() => {
-  }, []), /* @__PURE__ */ V(R, { children: [
+  }, []), /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
@@ -992,7 +1001,7 @@ function Ot(e) {
 }
 function D(e) {
   var i, o, a;
-  const t = be(ue), n = be(Pe);
+  const t = be(ue), n = be(Ve);
   return /* @__PURE__ */ l(
     Ot,
     {
@@ -1002,7 +1011,7 @@ function D(e) {
       styleProp: e.styleProp,
       BlocksWrapper: ((i = e.context) == null ? void 0 : i.BlocksWrapper) || t.BlocksWrapper,
       BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || t.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(R, { children: (a = e.blocks) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(E, { children: (a = e.blocks) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
         J,
         {
           block: r,
@@ -1027,39 +1036,39 @@ function Mt(e) {
     return v.link ? e.builderLinkComponent || "a" : "div";
   }
   function d(v) {
-    var w;
-    return ((w = i[v]) == null ? void 0 : w.width) || 100 / i.length;
+    var R;
+    return ((R = i[v]) == null ? void 0 : R.width) || 100 / i.length;
   }
   function c(v) {
-    const w = d(v), N = t * (i.length - 1) * (w / 100);
-    return `calc(${w}% - ${N}px)`;
+    const R = d(v), N = t * (i.length - 1) * (R / 100);
+    return `calc(${R}% - ${N}px)`;
   }
-  function m({
+  function u({
     stackedStyle: v,
-    desktopStyle: w
+    desktopStyle: R
   }) {
-    return a === "tablet" ? v : w;
+    return a === "tablet" ? v : R;
   }
-  function h({
+  function g({
     stackedStyle: v,
-    desktopStyle: w
+    desktopStyle: R
   }) {
-    return a === "never" ? w : v;
+    return a === "never" ? R : v;
   }
-  const [f, u] = T(
+  const [m, x] = T(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function g() {
+  function h() {
     return {
-      "--flex-dir": f,
-      "--flex-dir-tablet": m({
-        stackedStyle: f,
+      "--flex-dir": m,
+      "--flex-dir-tablet": u({
+        stackedStyle: m,
         desktopStyle: "row"
       })
     };
   }
-  function x(v) {
-    const w = v === 0 ? 0 : t, N = c(v), y = `${w}px`, p = "100%", S = 0;
+  function p(v) {
+    const R = v === 0 ? 0 : t, N = c(v), y = `${R}px`, b = "100%", S = 0;
     return {
       ...{
         display: "flex",
@@ -1068,34 +1077,34 @@ function Mt(e) {
       },
       width: N,
       ["marginLeft"]: y,
-      "--column-width-mobile": h({
-        stackedStyle: p,
+      "--column-width-mobile": g({
+        stackedStyle: b,
         desktopStyle: N
       }),
-      "--column-margin-left-mobile": h({
+      "--column-margin-left-mobile": g({
         stackedStyle: S,
         desktopStyle: y
       }),
-      "--column-width-tablet": m({
-        stackedStyle: p,
+      "--column-width-tablet": u({
+        stackedStyle: b,
         desktopStyle: N
       }),
-      "--column-margin-left-tablet": m({
+      "--column-margin-left-tablet": u({
         stackedStyle: S,
         desktopStyle: y
       })
     };
   }
-  function b(v) {
+  function f(v) {
     var N, y;
-    return Oe(
+    return Ue(
       ((y = (N = e.builderContext.content) == null ? void 0 : N.meta) == null ? void 0 : y.breakpoints) || {}
     )[v].max;
   }
-  function B() {
+  function w() {
     const v = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${b("medium")}px) {
+        @media (max-width: ${f("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1107,7 +1116,7 @@ function Mt(e) {
           }
         }
 
-        @media (max-width: ${b("small")}px) {
+        @media (max-width: ${f("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1120,40 +1129,40 @@ function Mt(e) {
         },
       `;
   }
-  function E(v, w) {
+  function B(v, R) {
     return {
       ...v.link ? {
         href: v.link
       } : {},
       [_()]: "builder-column",
-      style: De(x(w))
+      style: Le(p(R))
     };
   }
-  return /* @__PURE__ */ V(R, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ V(
       "div",
       {
         className: Ut((A = e.builderBlock) == null ? void 0 : A.id) + " div-34f576bb",
-        style: g(),
+        style: h(),
         children: [
           /* @__PURE__ */ l(
             te,
             {
               id: "builderio-columns",
-              styles: B(),
+              styles: w(),
               nonce: e.builderContext.nonce
             }
           ),
-          (O = e.columns) == null ? void 0 : O.map((v, w) => /* @__PURE__ */ l(
+          (O = e.columns) == null ? void 0 : O.map((v, R) => /* @__PURE__ */ l(
             de,
             {
               TagName: s(v),
               actionAttributes: {},
-              attributes: E(v, w),
+              attributes: B(v, R),
               children: /* @__PURE__ */ l(
                 D,
                 {
-                  path: `component.options.columns.${w}.blocks`,
+                  path: `component.options.columns.${R}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -1165,7 +1174,7 @@ function Mt(e) {
                 }
               )
             },
-            w
+            R
           ))
         ]
       }
@@ -1179,7 +1188,7 @@ function Mt(e) {
 function jt(e) {
   return /* @__PURE__ */ l("span", { children: e.children });
 }
-function ve(e) {
+function Se(e) {
   return e.replace(/http(s)?:/, "");
 }
 function Ht(e = "", t, n) {
@@ -1190,11 +1199,11 @@ function Kt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ve(e);
+    return Se(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
-    return ve(`${i[0]}_${a}${o}`);
+    return Se(`${i[0]}_${a}${o}`);
   }
   return null;
 }
@@ -1212,38 +1221,38 @@ function ie(e) {
 function qt(e) {
   var o, a, r, s, d, c;
   function t() {
-    var f;
-    const h = e.image || e.src;
-    if (!h || // We can auto add srcset for cdn.builder.io and shopify
+    var m;
+    const g = e.image || e.src;
+    if (!g || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(h.match(/builder\.io/) || h.match(/cdn\.shopify\.com/)))
+    !(g.match(/builder\.io/) || g.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((f = e.image) != null && f.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), ie(h);
+          return console.debug("Removed given srcset"), ie(g);
       } else if (e.image && !e.srcset)
-        return ie(h);
-      return ie(h);
+        return ie(g);
+      return ie(g);
     }
   }
   function n() {
-    var m;
-    return (m = t == null ? void 0 : t()) != null && m.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
+    var u;
+    return (u = t == null ? void 0 : t()) != null && u.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
   }
   function i() {
-    const m = {
+    const u = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? m : void 0;
+    return e.aspectRatio ? u : void 0;
   }
   return P(() => {
-  }, []), /* @__PURE__ */ V(R, { children: [
-    /* @__PURE__ */ V(R, { children: [
+  }, []), /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ V(E, { children: [
       /* @__PURE__ */ V("picture", { children: [
         n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ l(
@@ -1274,7 +1283,7 @@ function qt(e) {
           }
         }
       ) : null,
-      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(R, { children: e.children }) : null,
+      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(E, { children: e.children }) : null,
       !e.fitContent && ((c = (d = e.builderBlock) == null ? void 0 : d.children) != null && c.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
     ] }),
     /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
@@ -1441,9 +1450,9 @@ const oe = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Se = (e) => e.toString();
+}, ke = (e) => e.toString();
 function Jt(e) {
-  var h;
+  var g;
   const [t, n] = T(() => []);
   function i() {
     return !!(e.grid || e.oneAtATime);
@@ -1461,7 +1470,7 @@ function Jt(e) {
     };
   }
   function a() {
-    const u = {
+    const x = {
       ...{
         display: "flex",
         flexDirection: "column"
@@ -1470,73 +1479,73 @@ function Jt(e) {
       cursor: "pointer"
     };
     return Object.fromEntries(
-      Object.entries(u).filter(([g, x]) => x !== void 0)
+      Object.entries(x).filter(([h, p]) => p !== void 0)
     );
   }
-  function r(f) {
-    return `builder-accordion-title builder-accordion-title-${t.includes(f) ? "open" : "closed"}`;
+  function r(m) {
+    return `builder-accordion-title builder-accordion-title-${t.includes(m) ? "open" : "closed"}`;
   }
-  function s(f) {
-    return `builder-accordion-detail builder-accordion-detail-${t.includes(f) ? "open" : "closed"}`;
+  function s(m) {
+    return `builder-accordion-detail builder-accordion-detail-${t.includes(m) ? "open" : "closed"}`;
   }
   function d() {
-    let f = null;
+    let m = null;
     if (e.grid && t.length && document) {
-      const g = t[0];
-      let b = document.querySelector(
-        `.builder-accordion-title[data-index="${g}"]`
+      const h = t[0];
+      let f = document.querySelector(
+        `.builder-accordion-title[data-index="${h}"]`
       );
-      if (f = g, b) {
-        let B = b.getBoundingClientRect();
-        for (; b = b && b.nextElementSibling; )
-          if (b) {
-            if (b.classList.contains("builder-accordion-detail"))
+      if (m = h, f) {
+        let w = f.getBoundingClientRect();
+        for (; f = f && f.nextElementSibling; )
+          if (f) {
+            if (f.classList.contains("builder-accordion-detail"))
               continue;
-            const E = b.getBoundingClientRect();
-            if (E.left > B.left) {
+            const B = f.getBoundingClientRect();
+            if (B.left > w.left) {
               const A = parseInt(
-                b.getAttribute("data-index") || "",
+                f.getAttribute("data-index") || "",
                 10
               );
-              isNaN(A) || (B = E, f = A);
+              isNaN(A) || (w = B, m = A);
             } else
               break;
           }
       }
     }
-    return typeof f == "number" && (f = f + 1), f;
+    return typeof m == "number" && (m = m + 1), m;
   }
   function c() {
-    const f = {
+    const m = {
       order: typeof d() == "number" ? d() : void 0,
       ...e.grid && {
         width: "100%"
       }
     };
     return Object.fromEntries(
-      Object.entries(f).filter(([u, g]) => g !== void 0)
+      Object.entries(m).filter(([x, h]) => h !== void 0)
     );
   }
-  function m(f) {
-    t.includes(f) ? n(i() ? [] : t.filter((u) => u !== f)) : n(i() ? [f] : t.concat(f));
+  function u(m) {
+    t.includes(m) ? n(i() ? [] : t.filter((x) => x !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ l("div", { className: "builder-accordion", style: o(), children: (h = e.items) == null ? void 0 : h.map((f, u) => /* @__PURE__ */ V(R, { children: [
+  return /* @__PURE__ */ l("div", { className: "builder-accordion", style: o(), children: (g = e.items) == null ? void 0 : g.map((m, x) => /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ l(
       "div",
       {
-        className: r(u),
+        className: r(x),
         style: {
           ...a(),
           width: e.grid ? e.gridRowWidth : void 0,
-          order: d() !== null ? Se(u) : Se(u + 1)
+          order: d() !== null ? ke(x) : ke(x + 1)
         },
-        "data-index": u,
-        onClick: (g) => m(u),
+        "data-index": x,
+        onClick: (h) => u(x),
         children: /* @__PURE__ */ l(
           D,
           {
-            blocks: f.title,
-            path: `items.${u}.title`,
+            blocks: m.title,
+            path: `items.${x}.title`,
             parent: e.builderBlock.id,
             context: e.builderContext,
             registeredComponents: e.builderComponents,
@@ -1545,16 +1554,16 @@ function Jt(e) {
         )
       }
     ),
-    t.includes(u) ? /* @__PURE__ */ l(
+    t.includes(x) ? /* @__PURE__ */ l(
       "div",
       {
-        className: s(u),
+        className: s(x),
         style: c(),
         children: /* @__PURE__ */ l(
           D,
           {
-            blocks: f.detail,
-            path: `items.${u}.detail`,
+            blocks: m.detail,
+            path: `items.${x}.detail`,
             parent: e.builderBlock.id,
             context: e.builderContext,
             registeredComponents: e.builderComponents,
@@ -1836,14 +1845,14 @@ const Yt = {
       e.delete("srcset"), e.delete("noWebp");
       function n(r, s = 6e4) {
         return new Promise((d, c) => {
-          const m = document.createElement("img");
-          let h = !1;
-          m.onload = () => {
-            h = !0, d(m);
-          }, m.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), c(f.error);
-          }), m.src = r, setTimeout(() => {
-            h || c(new Error("Image load timed out"));
+          const u = document.createElement("img");
+          let g = !1;
+          u.onload = () => {
+            g = !0, d(u);
+          }, u.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), c(m.error);
+          }), u.src = r, setTimeout(() => {
+            g || c(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1975,7 +1984,8 @@ const Yt = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: !0
+    builderContext: !0,
+    builderComponents: !0
   }
 };
 function tn(e) {
@@ -1995,6 +2005,7 @@ function tn(e) {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
           context: e.builderContext,
+          registeredComponents: e.builderComponents,
           blocks: (i = e.builderContext.rootState) == null ? void 0 : i[e.name]
         }
       )
@@ -2332,8 +2343,8 @@ function cn(e) {
         if (n.includes(c.src))
           continue;
         n.push(c.src);
-        const m = document.createElement("script");
-        m.async = !0, m.src = c.src, document.head.appendChild(m);
+        const u = document.createElement("script");
+        u.async = !0, u.src = c.src, document.head.appendChild(u);
       } else if (!c.type || [
         "text/javascript",
         "application/javascript",
@@ -2343,8 +2354,8 @@ function cn(e) {
           continue;
         try {
           o.push(c.innerText), new Function(c.innerText)();
-        } catch (m) {
-          console.warn("`CustomCode`: Error running script:", m);
+        } catch (u) {
+          console.warn("`CustomCode`: Error running script:", u);
         }
       }
     }
@@ -2379,17 +2390,17 @@ function fn(e) {
     if (!t.current || !t.current.getElementsByTagName)
       return;
     const c = t.current.getElementsByTagName("script");
-    for (let m = 0; m < c.length; m++) {
-      const h = c[m];
-      if (h.src && !n.includes(h.src)) {
-        n.push(h.src);
-        const f = document.createElement("script");
-        f.async = !0, f.src = h.src, document.head.appendChild(f);
-      } else if (mn(h) && !o.includes(h.innerText))
+    for (let u = 0; u < c.length; u++) {
+      const g = c[u];
+      if (g.src && !n.includes(g.src)) {
+        n.push(g.src);
+        const m = document.createElement("script");
+        m.async = !0, m.src = g.src, document.head.appendChild(m);
+      } else if (mn(g) && !o.includes(g.innerText))
         try {
-          o.push(h.innerText), new Function(h.innerText)();
-        } catch (f) {
-          console.warn("`Embed`: Error running script:", f);
+          o.push(g.innerText), new Function(g.innerText)();
+        } catch (m) {
+          console.warn("`Embed`: Error running script:", m);
         }
     }
   }
@@ -2649,70 +2660,70 @@ const hn = {
   return i === void 0 || i === e ? n : i;
 };
 function yn(e) {
-  var h, f;
+  var g, m;
   const t = z(null), [n, i] = T(() => "unsubmitted"), [o, a] = T(() => null), [r, s] = T(() => "");
-  function d(u) {
-    var x, b;
-    const g = {
+  function d(x) {
+    var p, f;
+    const h = {
       ...e.builderContext.rootState,
-      ...u
+      ...x
     };
-    e.builderContext.rootSetState ? (b = (x = e.builderContext).rootSetState) == null || b.call(x, g) : e.builderContext.rootState = g;
+    e.builderContext.rootSetState ? (f = (p = e.builderContext).rootSetState) == null || f.call(p, h) : e.builderContext.rootState = h;
   }
   function c() {
     return $() && e.previewState || n;
   }
-  function m(u) {
-    var x;
-    const g = e.sendWithJs || e.sendSubmissionsTo === "email";
+  function u(x) {
+    var p;
+    const h = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
-      u.preventDefault();
-    else if (g) {
+      x.preventDefault();
+    else if (h) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
-        u.preventDefault();
+        x.preventDefault();
         return;
       }
-      u.preventDefault();
-      const b = u.currentTarget || u.target, B = e.customHeaders || {};
-      let E;
-      const A = new FormData(b), O = Array.from(b.querySelectorAll("input,select,textarea")).filter((y) => !!y.name).map((y) => {
-        let p;
+      x.preventDefault();
+      const f = x.currentTarget || x.target, w = e.customHeaders || {};
+      let B;
+      const A = new FormData(f), O = Array.from(f.querySelectorAll("input,select,textarea")).filter((y) => !!y.name).map((y) => {
+        let b;
         const S = y.name;
         if (y instanceof HTMLInputElement)
           if (y.type === "radio") {
             if (y.checked)
-              return p = y.name, {
+              return b = y.name, {
                 key: S,
-                value: p
+                value: b
               };
           } else if (y.type === "checkbox")
-            p = y.checked;
+            b = y.checked;
           else if (y.type === "number" || y.type === "range") {
             const k = y.valueAsNumber;
-            isNaN(k) || (p = k);
+            isNaN(k) || (b = k);
           } else
-            y.type === "file" ? p = y.files : p = y.value;
+            y.type === "file" ? b = y.files : b = y.value;
         else
-          p = y.value;
+          b = y.value;
         return {
           key: S,
-          value: p
+          value: b
         };
       });
       let v = e.contentType;
       if (e.sendSubmissionsTo === "email" && (v = "multipart/form-data"), Array.from(O).forEach(({ value: y }) => {
         (y instanceof File || Array.isArray(y) && y[0] instanceof File || y instanceof FileList) && (v = "multipart/form-data");
       }), v !== "application/json")
-        E = A;
+        B = A;
       else {
         const y = {};
-        Array.from(O).forEach(({ value: p, key: S }) => {
-          Ae(y, S, p);
-        }), E = JSON.stringify(y);
+        Array.from(O).forEach(({ value: b, key: S }) => {
+          Ne(y, S, b);
+        }), B = JSON.stringify(y);
       }
-      v && v !== "multipart/form-data" && (g && ((x = e.action) != null && x.includes("zapier.com")) || (B["content-type"] = v));
-      const w = new CustomEvent("presubmit", { detail: { body: E } });
-      if (t.current && (t.current.dispatchEvent(w), w.defaultPrevented))
+      v && v !== "multipart/form-data" && (h && ((p = e.action) != null && p.includes("zapier.com")) || (w["content-type"] = v));
+      const R = new CustomEvent("presubmit", { detail: { body: B } });
+      if (t.current && (t.current.dispatchEvent(R), R.defaultPrevented))
         return;
       i("sending");
       const N = `${bn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
@@ -2720,18 +2731,18 @@ function yn(e) {
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
         e.sendSubmissionsTo === "email" ? N : e.action,
-        { body: E, headers: B, method: e.method || "post" }
+        { body: B, headers: w, method: e.method || "post" }
       ).then(
         async (y) => {
-          let p;
+          let b;
           const S = y.headers.get("content-type");
-          if (S && S.indexOf("application/json") !== -1 ? p = await y.json() : p = await y.text(), !y.ok && e.errorMessagePath) {
-            let k = pn(p, e.errorMessagePath);
+          if (S && S.indexOf("application/json") !== -1 ? b = await y.json() : b = await y.text(), !y.ok && e.errorMessagePath) {
+            let k = pn(b, e.errorMessagePath);
             k && (typeof k != "string" && (k = JSON.stringify(k)), s(k), d({ formErrorMessage: k }));
           }
-          if (a(p), i(y.ok ? "success" : "error"), y.ok) {
+          if (a(b), i(y.ok ? "success" : "error"), y.ok) {
             const k = new CustomEvent("submit:success", {
-              detail: { res: y, body: p }
+              detail: { res: y, body: b }
             });
             if (t.current) {
               if (t.current.dispatchEvent(k), k.defaultPrevented)
@@ -2749,15 +2760,15 @@ function yn(e) {
           }
         },
         (y) => {
-          const p = new CustomEvent("submit:error", {
+          const b = new CustomEvent("submit:error", {
             detail: { error: y }
           });
-          t.current && (t.current.dispatchEvent(p), p.defaultPrevented) || (a(y), i("error"));
+          t.current && (t.current.dispatchEvent(b), b.defaultPrevented) || (a(y), i("error"));
         }
       );
     }
   }
-  return /* @__PURE__ */ V(R, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     " ",
     /* @__PURE__ */ V(
       "form",
@@ -2767,18 +2778,18 @@ function yn(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (u) => m(u),
+        onSubmit: (x) => u(x),
         ...e.attributes,
         children: [
-          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ l(R, { children: (f = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : f.map((u, g) => /* @__PURE__ */ l(
+          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ l(E, { children: (m = (g = e.builderBlock) == null ? void 0 : g.children) == null ? void 0 : m.map((x, h) => /* @__PURE__ */ l(
             J,
             {
-              block: u,
+              block: x,
               context: e.builderContext,
               registeredComponents: e.builderComponents,
               linkComponent: e.builderLinkComponent
             },
-            `form-block-${g}`
+            `form-block-${h}`
           )) }) : null,
           c() === "error" ? /* @__PURE__ */ l(
             D,
@@ -2866,7 +2877,7 @@ const xn = {
   }
 };
 function vn(e) {
-  return /* @__PURE__ */ Be(
+  return /* @__PURE__ */ Pe(
     "input",
     {
       ...e.attributes,
@@ -2925,7 +2936,7 @@ const Sn = {
 };
 function kn(e) {
   var t;
-  return /* @__PURE__ */ Be(
+  return /* @__PURE__ */ Pe(
     "select",
     {
       ...e.attributes,
@@ -3260,8 +3271,8 @@ const Vn = () => [{
 }, {
   component: Pn,
   ...Bn
-}], ke = () => [{
-  component: nt,
+}], Ce = () => [{
+  component: it,
   ...Yt
 }, {
   component: Mt,
@@ -3380,24 +3391,24 @@ const Vn = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Me = "builderIoAbTest", je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, je = "builderIoAbTest", He = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), Wn = ({
   canTrack: e,
   content: t
-}) => !(!(G(t).length > 0) || !e || H()), Fn = (e) => e === "react" || e === "reactNative", He = Fn(U), $n = () => `
-  window.${Me} = ${An}
-  window.${je} = ${Nn}
+}) => !(!(G(t).length > 0) || !e || H()), Fn = (e) => e === "react" || e === "reactNative", Ke = Fn(U), $n = () => `
+  window.${je} = ${An}
+  window.${He} = ${Nn}
   `, Dn = (e, t) => `
-  window.${Me}(
-    "${t}",${JSON.stringify(e)}, ${He}
+  window.${je}(
+    "${t}",${JSON.stringify(e)}, ${Ke}
   )`, Ln = ({
   contentId: e,
   variationId: t
-}) => `window.${je}(
-    "${t}", "${e}", ${He}
+}) => `window.${He}(
+    "${t}", "${e}", ${Ke}
   )`;
 function ce(e) {
   return /* @__PURE__ */ l(
@@ -3409,7 +3420,7 @@ function ce(e) {
     }
   );
 }
-function Ce(e) {
+function Te(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const On = (e, t, n = !0) => {
@@ -3426,11 +3437,11 @@ const On = (e, t, n = !0) => {
 }, Un = (e) => On(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Te = ({
+}), Ie = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = Ce(i / n.width), r = Ce(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = Te(i / n.width), r = Te(o / n.height);
   return {
     x: a,
     y: r
@@ -3440,11 +3451,11 @@ const On = (e, t, n = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Te({
+      targetOffset: t ? Ie({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Te({
+      builderTargetOffset: n ? Ie({
         event: e,
         target: n
       }) : void 0,
@@ -3504,32 +3515,32 @@ font-weight: ${s};
 }
 `, _n = (e) => e ? "" : qn, zn = (e) => `variant-${e}`;
 function Jn(e) {
-  var E, A, O, v, w, N, y;
+  var B, A, O, v, R, N, y;
   const t = z(null);
-  function n(p) {
+  function n(b) {
     var k, C;
     const S = {
       ...e.builderContextSignal.rootState,
-      ...p
+      ...b
     };
     e.builderContextSignal.rootSetState ? (C = (k = e.builderContextSignal).rootSetState) == null || C.call(k, S) : e.setBuilderContextSignal((I) => ({
       ...I,
       rootState: S
     }));
   }
-  function i(p) {
+  function i(b) {
     var k, C, I, W, M;
     const S = {
       ...e.builderContextSignal.content,
-      ...p,
+      ...b,
       data: {
         ...(k = e.builderContextSignal.content) == null ? void 0 : k.data,
-        ...p == null ? void 0 : p.data
+        ...b == null ? void 0 : b.data
       },
       meta: {
         ...(C = e.builderContextSignal.content) == null ? void 0 : C.meta,
-        ...p == null ? void 0 : p.meta,
-        breakpoints: ((I = p == null ? void 0 : p.meta) == null ? void 0 : I.breakpoints) || ((M = (W = e.builderContextSignal.content) == null ? void 0 : W.meta) == null ? void 0 : M.breakpoints)
+        ...b == null ? void 0 : b.meta,
+        breakpoints: ((I = b == null ? void 0 : b.meta) == null ? void 0 : I.breakpoints) || ((M = (W = e.builderContextSignal.content) == null ? void 0 : W.meta) == null ? void 0 : M.breakpoints)
       }
     };
     e.setBuilderContextSignal((F) => ({
@@ -3546,8 +3557,8 @@ function Jn(e) {
   const [a, r] = T(
     () => e.contentWrapper || "div"
   );
-  function s(p) {
-    return Qe({
+  function s(b) {
+    return Xe({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -3561,19 +3572,19 @@ function Jn(e) {
           });
         },
         animation: (S) => {
-          Fe(S);
+          $e(S);
         },
         contentUpdate: (S) => {
           i(S);
         }
       }
-    })(p);
+    })(b);
   }
   function d() {
     var S, k;
-    const p = (k = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : k.jsCode;
-    p && K({
-      code: p,
+    const b = (k = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : k.jsCode;
+    b && K({
+      code: b,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -3584,8 +3595,8 @@ function Jn(e) {
       enableCache: !1
     });
   }
-  const [c, m] = T(() => ({})), [h, f] = T(() => ({})), [u, g] = T(() => !1);
-  function x(p) {
+  const [c, u] = T(() => ({})), [g, m] = T(() => ({})), [x, h] = T(() => !1);
+  function p(b) {
     var S, k;
     if (e.builderContextSignal.content) {
       const C = (S = e.builderContextSignal.content) == null ? void 0 : S.testVariationId, I = (k = e.builderContextSignal.content) == null ? void 0 : k.id;
@@ -3595,24 +3606,24 @@ function Jn(e) {
         contentId: I,
         apiKey: e.apiKey,
         variationId: C !== I ? C : void 0,
-        ...Mn(p),
-        unique: !u
+        ...Mn(b),
+        unique: !x
       });
     }
-    u || g(!0);
+    x || h(!0);
   }
-  function b() {
+  function f() {
     var S, k, C;
-    const p = (C = (k = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : k.httpRequests) != null ? C : {};
-    Object.entries(p).forEach(([I, W]) => {
-      if (!W || h[I] || c[I] && !$())
+    const b = (C = (k = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : k.httpRequests) != null ? C : {};
+    Object.entries(b).forEach(([I, W]) => {
+      if (!W || g[I] || c[I] && !$())
         return;
-      h[I] = !0;
+      g[I] = !0;
       const M = W.replace(
         /{{([^}]+)}}/g,
-        (F, Ke) => String(
+        (F, qe) => String(
           K({
-            code: Ke,
+            code: qe,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -3621,18 +3632,18 @@ function Jn(e) {
           })
         )
       );
-      Xe(M).then((F) => F.json()).then((F) => {
+      Ze(M).then((F) => F.json()).then((F) => {
         n({
           [I]: F
         }), c[I] = !0;
       }).catch((F) => {
         console.error("error fetching dynamic data", W, F);
       }).finally(() => {
-        h[I] = !1;
+        g[I] = !1;
       });
     });
   }
-  function B() {
+  function w() {
     $() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -3648,9 +3659,9 @@ function Jn(e) {
     );
   }
   return P(() => {
-    var p, S;
+    var b, S;
     if (H()) {
-      if ($() && (window.addEventListener("message", s), Je(), Ye({
+      if ($() && (window.addEventListener("message", s), Ye(), Ge({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -3664,13 +3675,13 @@ function Jn(e) {
         e.builderContextSignal.componentInfos
       ).forEach((C) => {
         var W;
-        const I = Ge(C);
+        const I = Qe(C);
         (W = window.parent) == null || W.postMessage(I, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        B
+        w
       )), e.builderContextSignal.content && X(e.canTrack)) {
-        const C = (p = e.builderContextSignal.content) == null ? void 0 : p.testVariationId, I = (S = e.builderContextSignal.content) == null ? void 0 : S.id, W = e.apiKey;
+        const C = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, I = (S = e.builderContextSignal.content) == null ? void 0 : S.id, W = e.apiKey;
         he({
           type: "impression",
           canTrack: !0,
@@ -3679,11 +3690,11 @@ function Jn(e) {
           variationId: C !== I ? C : void 0
         });
       }
-      if (we() && !$()) {
+      if (Re() && !$()) {
         const C = new URL(location.href).searchParams, I = C.get("builder.preview"), W = C.get(
           `builder.overrides.${I}`
         ), M = C.get("apiKey") || C.get("builder.space");
-        I === e.model && M === e.apiKey && (!e.content || W === e.content.id) && Re({
+        I === e.model && M === e.apiKey && (!e.content || W === e.content.id) && Ee({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
@@ -3695,15 +3706,15 @@ function Jn(e) {
   }, []), 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."
-    ), d(), b(), B();
+    ), d(), f(), w();
   }, []), P(() => {
     e.content && i(e.content);
   }, [e.content]), P(() => {
     d();
-  }, [(A = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : A.jsCode]), P(() => {
-    b();
+  }, [(A = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : A.jsCode]), P(() => {
+    f();
   }, [(v = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : v.httpRequests]), P(() => {
-    B();
+    w();
   }, [e.builderContextSignal.rootState]), P(() => {
     e.data && n(e.data);
   }, [e.data]), P(() => {
@@ -3713,14 +3724,14 @@ function Jn(e) {
   }, [e.locale]), P(() => () => {
     H() && (window.removeEventListener("message", s), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      B
+      w
     ));
   }, []), /* @__PURE__ */ l(ue.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
     {
       ref: t,
-      onClick: (p) => x(p),
-      "builder-content-id": (w = e.builderContextSignal.content) == null ? void 0 : w.id,
+      onClick: (b) => p(b),
+      "builder-content-id": (R = e.builderContextSignal.content) == null ? void 0 : R.id,
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
@@ -3781,44 +3792,44 @@ const Gn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Ie(e) {
-  var d, c, m, h, f, u, g;
+function we(e) {
+  var d, c, u, g, m, x, h;
   const [t, n] = T(
     () => {
-      var x, b;
+      var p, f;
       return Ln({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (p = e.content) == null ? void 0 : p.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (b = e.content) == null ? void 0 : b.id
+        contentId: (f = e.content) == null ? void 0 : f.id
       });
     }
   );
-  function i(x) {
-    s((b) => ({
-      ...b,
-      rootState: x
+  function i(p) {
+    s((f) => ({
+      ...f,
+      rootState: p
     }));
   }
   const [o, a] = T(
     () => {
-      var x;
+      var p;
       return [
-        ...ke(),
-        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
+        ...Ce(),
+        ...((p = e.customComponents) == null ? void 0 : p.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
       ].reduce(
-        (b, { component: B, ...E }) => ({
-          ...b,
-          [E.name]: {
-            component: B,
-            ...ge(E)
+        (f, { component: w, ...B }) => ({
+          ...f,
+          [B.name]: {
+            component: w,
+            ...ge(B)
           }
         }),
         {}
       );
     }
   ), [r, s] = T(() => {
-    var x;
+    var p;
     return {
       content: Qn({
         content: e.content,
@@ -3836,12 +3847,12 @@ function Ie(e) {
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
       componentInfos: [
-        ...ke(),
-        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
+        ...Ce(),
+        ...((p = e.customComponents) == null ? void 0 : p.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
       ].reduce(
-        (b, { component: B, ...E }) => ({
-          ...b,
-          [E.name]: ge(E)
+        (f, { component: w, ...B }) => ({
+          ...f,
+          [B.name]: ge(B)
         }),
         {}
       ),
@@ -3852,7 +3863,7 @@ function Ie(e) {
     };
   });
   return /* @__PURE__ */ l(
-    Pe.Provider,
+    Ve.Provider,
     {
       value: {
         registeredComponents: o
@@ -3890,14 +3901,14 @@ function Ie(e) {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (d = r.content) == null ? void 0 : d.id,
-                cssCode: (m = (c = r.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
-                customFonts: (f = (h = r.content) == null ? void 0 : h.data) == null ? void 0 : f.customFonts
+                cssCode: (u = (c = r.content) == null ? void 0 : c.data) == null ? void 0 : u.cssCode,
+                customFonts: (m = (g = r.content) == null ? void 0 : g.data) == null ? void 0 : m.customFonts
               }
             ),
             /* @__PURE__ */ l(
               D,
               {
-                blocks: (g = (u = r.content) == null ? void 0 : u.data) == null ? void 0 : g.blocks,
+                blocks: (h = (x = r.content) == null ? void 0 : x.data) == null ? void 0 : h.blocks,
                 context: r,
                 registeredComponents: o,
                 linkComponent: e.linkComponent
@@ -3935,13 +3946,13 @@ function Xn(e) {
     return t ? {
       ...e.content,
       testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : Ze({
+    } : et({
       item: e.content,
       canTrack: X(e.canTrack)
     });
   }
   return P(() => {
-  }, []), /* @__PURE__ */ V(R, { children: [
+  }, []), /* @__PURE__ */ V(E, { children: [
     !e.isNestedRender && U !== "reactNative" ? /* @__PURE__ */ l(
       ce,
       {
@@ -3950,7 +3961,7 @@ function Xn(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ V(R, { children: [
+    t ? /* @__PURE__ */ V(E, { children: [
       /* @__PURE__ */ l(
         te,
         {
@@ -3968,7 +3979,7 @@ function Xn(e) {
         }
       ),
       (r = G(e.content)) == null ? void 0 : r.map((s) => /* @__PURE__ */ l(
-        Ie,
+        we,
         {
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
@@ -3995,7 +4006,7 @@ function Xn(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      Ie,
+      we,
       {
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
@@ -4027,7 +4038,7 @@ const Zn = async ({
 }) => {
   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 Re({
+    return Ee({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4041,7 +4052,7 @@ const Zn = async ({
     });
 };
 function ei(e) {
-  var s, d, c, m;
+  var s, d, c, u;
   function t() {
     return "div";
   }
@@ -4049,24 +4060,24 @@ function ei(e) {
     return "div";
   }
   function i() {
-    var h, f;
+    var g, m;
     return [
       e.attributes[_()],
       "builder-symbol",
-      (h = e.symbol) != null && h.inline ? "builder-inline-symbol" : void 0,
-      (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (g = e.symbol) != null && g.inline ? "builder-inline-symbol" : void 0,
+      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
   const [o, a] = T(() => {
-    var h;
-    return (h = e.symbol) == null ? void 0 : h.content;
+    var g;
+    return (g = e.symbol) == null ? void 0 : g.content;
   });
   function r() {
     o || Zn({
       symbol: e.symbol,
       builderContextValue: e.builderContext
-    }).then((h) => {
-      h && a(h);
+    }).then((g) => {
+      g && a(g);
     });
   }
   return P(() => {
@@ -4090,7 +4101,7 @@ function ei(e) {
         ...(c = o == null ? void 0 : o.data) == null ? void 0 : c.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (m = e.symbol) == null ? void 0 : m.model,
+      model: (u = e.symbol) == null ? void 0 : u.model,
       content: o,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: t(),
@@ -4101,7 +4112,7 @@ function ei(e) {
 export {
   D as Blocks,
   ue as BuilderContext,
-  nt as Button,
+  it as Button,
   Mt as Columns,
   Xn as Content,
   jt as Fragment,