@builder.io/sdk-react-nextjs 0.16.8 → 0.16.10

package/lib/browser/blocks-exports.mjs

@@ -1,15 +1,15 @@
 "use client";
-var Ve = Object.defineProperty;
-var $e = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => ($e(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as I, jsxs as P } from "react/jsx-runtime";
-import { TARGET as $, isEditing as V, isBrowser as O, getUserAttributes as Fe, checkIsDefined as z, logger as Y, isPreviewing as ke, init as Le, getDefaultCanTrack as q, _track as ue, createEditorListener as Oe, fetch as De, registerInsertMenu as He, setupBrowserForEditing as _e, createRegisterComponentMessage as Ue, fetchOneEntry as Ce, serializeIncludingFunctions as me, handleABTestingSync as je } from "./server-entry-30b63436.js";
+var $e = Object.defineProperty;
+var Fe = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ee = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as l, Fragment as T, jsxs as P } from "react/jsx-runtime";
+import { TARGET as $, isEditing as V, isBrowser as O, getUserAttributes as Le, checkIsDefined as z, logger as Y, isPreviewing as Ce, init as Oe, getDefaultCanTrack as q, _track as ue, createEditorListener as De, fetch as He, registerInsertMenu as _e, setupBrowserForEditing as Ue, createRegisterComponentMessage as je, fetchOneEntry as we, serializeIncludingFunctions as me, handleABTestingSync as Me } from "./server-entry-2ebaabac.js";
 import "lru-cache";
-import { useRef as J, useEffect as R, useState as N, createContext as Me } from "react";
-import { useRouter as Ke } from "next/navigation";
-const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), qe = (e) => typeof e == "string" && ze.has(e.toLowerCase());
+import { useRef as J, useEffect as R, useState as N, createContext as Ke } from "react";
+import { useRouter as ze } from "next/navigation";
+const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && qe.has(e.toLowerCase());
 function oe(e) {
-  return /* @__PURE__ */ l(I, { children: qe(e.TagName) ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(I, { 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(T, { children: Ye(e.TagName) ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(T, { 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 U = () => {
   switch ($) {
@@ -25,7 +25,7 @@ const U = () => {
       return "class";
   }
 };
-function Ye(e) {
+function Je(e) {
   function t() {
     return {
       ...e.attributes,
@@ -49,20 +49,20 @@ function Ye(e) {
     }
   );
 }
-function Je(e) {
+function Qe(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function Qe(e, ...t) {
+function Ge(e, ...t) {
   const n = Object.assign({}, e);
   for (const i of t)
     delete n[i];
   return n;
 }
-const Ge = ({
+const Xe = ({
   builder: e,
   context: t,
   event: n,
@@ -74,12 +74,12 @@ const Ge = ({
   builder: e,
   context: t,
   event: n
-}), Xe = () => ({
+}), Ze = () => ({
   isEditing: V(),
   isBrowser: O(),
   isServer: !O(),
-  getUserAttributes: () => Fe()
-}), Ze = (e, {
+  getUserAttributes: () => Le()
+}), et = (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, fe = ({
   code: e,
@@ -90,11 +90,11 @@ const Ge = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const s = Ge({
+  const s = Xe({
     builder: t,
     context: n,
     event: i,
-    state: we({
+    state: Ie({
       rootState: r,
       localState: o,
       rootSetState: a
@@ -102,7 +102,7 @@ const Ge = ({
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function we({
+function Ie({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -112,7 +112,7 @@ function we({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? we({
+      return typeof a == "object" && a !== null ? Ie({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -127,17 +127,17 @@ function we({
     }
   });
 }
-function et() {
+function tt() {
   var e;
   return typeof process != "undefined" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const tt = () => {
+const nt = () => {
   var i;
-  if (!et())
+  if (!tt())
     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 ? (Y.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;
-}, nt = (e) => (O() || tt(), fe(e)), it = !0, A = class A {
+}, it = (e) => (O() || nt(), fe(e)), ot = !0, A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -170,23 +170,23 @@ function D({
   if (e === "")
     return;
   const c = {
-    code: Ze(e, {
+    code: et(e, {
       isExpression: r
     }),
-    builder: Xe(),
+    builder: Ze(),
     context: t,
     event: a,
     rootSetState: o,
     rootState: i,
     localState: n
   };
-  if (s && !it) {
+  if (s && !ot) {
     const d = L.getCacheKey(c), u = L.getCachedValue(d);
     if (u)
       return u.value;
   }
   try {
-    const d = nt(c);
+    const d = it(c);
     if (s) {
       const u = L.getCacheKey(c);
       L.setCachedValue(u, d);
@@ -199,7 +199,7 @@ function D({
     return;
   }
 }
-const ae = (e) => JSON.parse(JSON.stringify(e)), ot = (e, t, n) => {
+const ae = (e) => JSON.parse(JSON.stringify(e)), at = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -217,8 +217,8 @@ function ne(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ne(e[n]));
   return t;
 }
-const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) => {
-  if (at) {
+const rt = ["svelte", "vue", "angular", "qwik", "solid"].includes($), ct = (e) => {
+  if (rt) {
     const t = ae(e);
     return {
       ...t,
@@ -230,7 +230,7 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       }
     };
   } else {
-    const t = ne(Qe(e, "children", "meta"));
+    const t = ne(Ge(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -243,7 +243,7 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       meta: e.meta
     };
   }
-}, ct = ({
+}, lt = ({
   block: e,
   context: t,
   localState: n,
@@ -252,7 +252,7 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const a = rt(e);
+  const a = ct(e);
   for (const r in e.bindings) {
     const s = e.bindings[r], c = D({
       code: s,
@@ -262,11 +262,11 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       context: t,
       enableCache: !0
     });
-    ot(a, r, c);
+    at(a, r, c);
   }
   return a;
 };
-function lt({
+function st({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -275,7 +275,7 @@ function lt({
   rootSetState: a
 }) {
   const r = e;
-  return n ? ct({
+  return n ? lt({
     block: r,
     localState: i,
     rootState: o,
@@ -283,42 +283,42 @@ function lt({
     context: t
   }) : r;
 }
-const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ie = (e) => Object.entries(e).map(([n, i]) => {
+const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Te = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${re(n)}: ${i};`;
-}).filter(z), st = (e) => Ie(e).join(`
+}).filter(z), dt = (e) => Te(e).join(`
 `), M = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${st(n)}
+    ${dt(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function dt({
+function ut({
   style: e
 }) {
   return e;
 }
-const ut = ({
+const mt = ({
   block: e,
   context: t
-}) => Te(dt({
+}) => Re(ut({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Te(e) {
+function Re(e) {
   switch ($) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Ie(e).join(" ");
+      return Te(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -326,7 +326,7 @@ function Te(e) {
       return e;
   }
 }
-const mt = ({
+const ft = ({
   block: e,
   registeredComponents: t
 }) => {
@@ -340,7 +340,7 @@ const mt = ({
   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?`);
-}, ft = ({
+}, ht = ({
   block: e,
   context: t
 }) => {
@@ -374,27 +374,27 @@ const mt = ({
     },
     block: i
   }));
-}, ht = (e, t) => {
+}, gt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, gt = (e, t) => {
+}, bt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: t
   } : {};
-}, bt = (e, t) => {
+}, yt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, yt = (e, t) => {
+}, pt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Re = {
+}, Ee = {
   small: {
     min: 320,
     default: 321,
@@ -410,11 +410,11 @@ const mt = ({
     default: 991,
     max: 1200
   }
-}, he = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Ee = ({
+}, he = (e, t = Ee) => `@media (max-width: ${t[e].max}px)`, Pe = ({
   small: e,
   medium: t
 }) => {
-  const n = ae(Re);
+  const n = ae(Ee);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -447,57 +447,57 @@ function Q(e) {
     }
   );
 }
-function pt(e) {
+function vt(e) {
   const t = function() {
     const o = e.block;
     return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
   }, n = function() {
-    var p, y, C;
-    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Ee(
-      ((p = r == null ? void 0 : r.meta) == null ? void 0 : p.breakpoints) || {}
+    var b, y, w;
+    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Pe(
+      ((b = r == null ? void 0 : r.meta) == null ? void 0 : b.breakpoints) || {}
     ), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, u = a == null ? void 0 : a.small, m = o.id;
     if (!m)
       return "";
-    const f = c ? M({
+    const p = c ? M({
       className: m,
       styles: c
-    }) : "", S = d ? M({
+    }) : "", v = d ? M({
       className: m,
       styles: d,
       mediaQuery: he(
         "medium",
         s
       )
-    }) : "", k = u ? M({
+    }) : "", S = u ? M({
       className: m,
       styles: u,
       mediaQuery: he(
         "small",
         s
       )
-    }) : "", g = o.animations && o.animations.find((E) => E.trigger === "hover");
-    let T = "";
-    if (g) {
-      const E = ((C = (y = g.steps) == null ? void 0 : y[1]) == null ? void 0 : C.styles) || {};
-      T = M({
+    }) : "", f = o.animations && o.animations.find((E) => E.trigger === "hover");
+    let C = "";
+    if (f) {
+      const E = ((w = (y = f.steps) == null ? void 0 : y[1]) == null ? void 0 : w.styles) || {};
+      C = M({
         className: `${m}:hover`,
         styles: {
           ...E,
-          transition: `all ${g.duration}s ${re(
-            g.easing
+          transition: `all ${f.duration}s ${re(
+            f.easing
           )}`,
-          transitionDelay: g.delay ? `${g.delay}s` : "0s"
+          transitionDelay: f.delay ? `${f.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      f,
+      p,
+      v,
       S,
-      k,
-      T
+      C
     ].join(" ");
   };
-  return /* @__PURE__ */ l(I, { children: n() && t() ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(T, { children: n() && t() ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
     Q,
     {
       id: "builderio-block",
@@ -506,10 +506,10 @@ function pt(e) {
     }
   ) }) : null });
 }
-function vt(e) {
+function xt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const xt = (e) => `on${vt(e)}`, St = (e, t) => (n) => D({
+const St = (e) => `on${xt(e)}`, kt = (e, t) => (n) => D({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -519,14 +519,14 @@ const xt = (e) => `on${vt(e)}`, St = (e, t) => (n) => D({
   isExpression: !1,
   enableCache: !0
 });
-function Pe(e) {
+function Be(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 = xt(o);
+    let r = St(o);
     if (e.stripPrefix)
       switch ($) {
         case "vue":
@@ -536,16 +536,16 @@ function Pe(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = St(a, e);
+    t[r] = kt(a, e);
   }
   return t;
 }
-function kt({
+function Ct({
   properties: e
 }) {
   return e;
 }
-const Ct = (e) => ({
+const wt = (e) => ({
   href: e.href
 });
 function ce({
@@ -554,22 +554,22 @@ function ce({
 }) {
   var i;
   const n = {
-    ...Ct(e),
+    ...wt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: ut({
+    style: mt({
       block: e,
       context: t
     }),
     [U()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
-  return kt({
+  return Ct({
     properties: n,
     context: t,
     block: e
   });
 }
-function wt(e) {
+function It(e) {
   return /* @__PURE__ */ l(
     oe,
     {
@@ -578,7 +578,7 @@ function wt(e) {
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Pe({
+      actionAttributes: Be({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -590,14 +590,14 @@ function wt(e) {
     }
   );
 }
-function It(e) {
+function Tt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...ce({
         block: e.block,
         context: e.context
       }),
-      ...Pe({
+      ...Be({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -608,7 +608,7 @@ function It(e) {
   }
   return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const Tt = ({
+const Rt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -640,11 +640,11 @@ const Tt = ({
 };
 function ge(e) {
   var n;
-  const t = e.isInteractive ? It : e.componentRef;
-  return /* @__PURE__ */ l(I, { children: e.componentRef ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+  const t = e.isInteractive ? Tt : e.componentRef;
+  return /* @__PURE__ */ l(T, { children: e.componentRef ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
     t,
     {
-      ...Tt({
+      ...Rt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -667,7 +667,7 @@ function ge(e) {
     }
   ) }) : null });
 }
-function Rt(e) {
+function be(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     G,
@@ -680,9 +680,9 @@ function Rt(e) {
   );
 }
 function G(e) {
-  var d, u, m;
+  var d, u, m, p;
   const t = function() {
-    return ft({
+    return ht({
       block: e.block,
       context: e.context
     });
@@ -690,10 +690,10 @@ function G(e) {
     value: null,
     update: !1
   }, i = function() {
-    var k;
-    if (n.value && !n.update && !ke())
+    var f;
+    if (n.value && !n.update && !Ce())
       return n.value;
-    const S = (k = e.block.repeat) != null && k.collection ? e.block : lt({
+    const S = (f = e.block.repeat) != null && f.collection ? e.block : st({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -703,33 +703,33 @@ function G(e) {
     });
     return n.value = S, n.update = !1, S;
   }, o = function() {
-    return mt({
+    return ft({
       block: i(),
       registeredComponents: e.registeredComponents
     });
   }, a = function() {
-    var k;
-    return e.block.tagName === "a" || ((k = i().properties) == null ? void 0 : k.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var f;
+    return e.block.tagName === "a" || ((f = i().properties) == null ? void 0 : f.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, r = function() {
-    var g, T;
-    if ((g = e.block.repeat) != null && g.collection)
-      return !!((T = t()) != null && T.length);
+    var C, b;
+    if ((C = e.block.repeat) != null && C.collection)
+      return !!((b = t()) != null && b.length);
     const S = "hide" in i() ? i().hide : !1;
     return ("show" in i() ? i().show : !0) && !S;
   }, s = function() {
-    var k, g;
-    return !((k = o()) != null && k.component) && !t() ? (g = i().children) != null ? g : [] : [];
+    var f, C;
+    return !((f = o()) != null && f.component) && !t() ? (C = i().children) != null ? C : [] : [];
   }, c = function() {
-    var S, k, g, T;
+    var S, f, C, b;
     return {
       blockChildren: (S = i().children) != null ? S : [],
-      componentRef: (k = o()) == null ? void 0 : k.component,
+      componentRef: (f = o()) == null ? void 0 : f.component,
       componentOptions: {
-        ...Je(i()),
-        ...bt(o(), i()),
-        ...yt(o(), e.context),
-        ...ht(o(), e.linkComponent),
-        ...gt(
+        ...Qe(i()),
+        ...yt(o(), i()),
+        ...pt(o(), e.context),
+        ...gt(o(), e.linkComponent),
+        ...bt(
           o(),
           e.registeredComponents
         )
@@ -738,13 +738,22 @@ function G(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((g = o()) == null ? void 0 : g.noWrap) === !0,
-      isInteractive: !((T = o()) != null && T.isRSC && $ === "rsc")
+      includeBlockProps: ((C = o()) == null ? void 0 : C.noWrap) === !0,
+      isInteractive: !((b = o()) != null && b.isRSC && $ === "rsc")
     };
   };
-  return /* @__PURE__ */ l(I, { children: r() ? /* @__PURE__ */ P(I, { children: [
-    /* @__PURE__ */ l(pt, { block: i(), context: e.context }),
-    (d = o()) != null && d.noWrap ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(T, { children: r() ? /* @__PURE__ */ P(T, { children: [
+    /* @__PURE__ */ l(vt, { block: i(), context: e.context }),
+    (d = o()) != null && d.noWrap ? t() ? /* @__PURE__ */ l(T, { children: (p = t()) == null ? void 0 : p.map((v, S) => /* @__PURE__ */ l(
+      be,
+      {
+        repeatContext: v.context,
+        block: v.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      S
+    )) }) : /* @__PURE__ */ l(
       ge,
       {
         componentRef: c().componentRef,
@@ -757,17 +766,17 @@ function G(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(I, { children: t() ? /* @__PURE__ */ l(I, { children: (m = t()) == null ? void 0 : m.map((f, S) => /* @__PURE__ */ l(
-      Rt,
+    ) : /* @__PURE__ */ l(T, { children: t() ? /* @__PURE__ */ l(T, { children: (m = t()) == null ? void 0 : m.map((v, S) => /* @__PURE__ */ l(
+      be,
       {
-        repeatContext: f.context,
-        block: f.block,
+        repeatContext: v.context,
+        block: v.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       S
     )) }) : /* @__PURE__ */ P(
-      wt,
+      It,
       {
         Wrapper: a(),
         block: i(),
@@ -787,15 +796,15 @@ function G(e) {
               isInteractive: c().isInteractive
             }
           ),
-          (u = s()) == null ? void 0 : u.map((f) => /* @__PURE__ */ l(
+          (u = s()) == null ? void 0 : u.map((v) => /* @__PURE__ */ l(
             G,
             {
-              block: f,
+              block: v,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            f.id
+            v.id
           ))
         ]
       }
@@ -835,7 +844,7 @@ function Et(e) {
     ));
   }
   return R(() => {
-  }, []), /* @__PURE__ */ P(I, { children: [
+  }, []), /* @__PURE__ */ P(T, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
@@ -869,7 +878,7 @@ function le(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(I, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(T, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
         G,
         {
           block: o,
@@ -884,25 +893,25 @@ function le(e) {
 }
 const Pt = (e) => `builder-columns ${e}-breakpoints`;
 function Bt(e) {
-  var g, T;
+  var f, C;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
     return y.link ? e.builderLinkComponent || "a" : "div";
   }, a = function(y) {
-    var C;
-    return ((C = n[y]) == null ? void 0 : C.width) || 100 / n.length;
+    var w;
+    return ((w = n[y]) == null ? void 0 : w.width) || 100 / n.length;
   }, r = function(y) {
-    const C = a(y), E = t * (n.length - 1) * (C / 100);
-    return `calc(${C}% - ${E}px)`;
+    const w = a(y), E = t * (n.length - 1) * (w / 100);
+    return `calc(${w}% - ${E}px)`;
   }, s = function({
     stackedStyle: y,
-    desktopStyle: C
+    desktopStyle: w
   }) {
-    return i === "tablet" ? y : C;
+    return i === "tablet" ? y : w;
   }, c = function({
     stackedStyle: y,
-    desktopStyle: C
+    desktopStyle: w
   }) {
-    return i === "never" ? C : y;
+    return i === "never" ? w : y;
   }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": d,
@@ -912,7 +921,7 @@ function Bt(e) {
       })
     };
   }, m = function(y) {
-    const C = y === 0 ? 0 : t, E = r(y), W = `${C}px`, H = "100%", _ = 0;
+    const w = y === 0 ? 0 : t, E = r(y), W = `${w}px`, H = "100%", _ = 0;
     return {
       ...{
         display: "flex",
@@ -938,15 +947,15 @@ function Bt(e) {
         desktopStyle: W
       })
     };
-  }, f = function(y) {
+  }, p = function(y) {
     var E, W;
-    return Ee(
+    return Pe(
       ((W = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : W.breakpoints) || {}
     )[y].max;
-  }, S = function() {
+  }, v = function() {
     const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${f("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -958,7 +967,7 @@ function Bt(e) {
           }
         }
 
-        @media (max-width: ${f("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -970,36 +979,36 @@ function Bt(e) {
           }
         },
       `;
-  }, k = function(y, C) {
+  }, S = function(y, w) {
     return {
       ...y.link ? {
         href: y.link
       } : {},
       [U()]: "builder-column",
-      style: Te(m(C))
+      style: Re(m(w))
     };
   };
-  return /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(T, { children: [
     /* @__PURE__ */ P(
       "div",
       {
-        className: Pt((g = e.builderBlock) == null ? void 0 : g.id) + " div-2cd13691",
+        className: Pt((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
         style: u(),
         children: [
           /* @__PURE__ */ l(
             Q,
             {
               id: "builderio-columns",
-              styles: S(),
+              styles: v(),
               nonce: e.builderContext.nonce
             }
           ),
-          (T = e.columns) == null ? void 0 : T.map((p, y) => /* @__PURE__ */ l(
+          (C = e.columns) == null ? void 0 : C.map((b, y) => /* @__PURE__ */ l(
             oe,
             {
-              TagName: o(p),
+              TagName: o(b),
               actionAttributes: {},
-              attributes: k(p, y),
+              attributes: S(b, y),
               children: /* @__PURE__ */ l(
                 le,
                 {
@@ -1011,7 +1020,7 @@ function Bt(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: p.blocks
+                  blocks: b.blocks
                 }
               )
             },
@@ -1029,7 +1038,7 @@ function Bt(e) {
 function Wt(e) {
   return /* @__PURE__ */ l("span", { children: e.children });
 }
-function be(e) {
+function ye(e) {
   return e.replace(/http(s)?:/, "");
 }
 function At(e = "", t, n) {
@@ -1040,11 +1049,11 @@ function Nt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return be(e);
+    return ye(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 be(`${i[0]}_${a}${o}`);
+    return ye(`${i[0]}_${a}${o}`);
   }
   return null;
 }
@@ -1062,14 +1071,14 @@ function te(e) {
 function Vt(e) {
   var o, a, r, s, c, d;
   function t() {
-    var f;
+    var p;
     const m = e.image || e.src;
     if (!m || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(m.match(/builder\.io/) || m.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 && ((p = e.image) != null && p.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), te(m);
       } else if (e.image && !e.srcset)
@@ -1092,8 +1101,8 @@ function Vt(e) {
     return e.aspectRatio ? u : void 0;
   }
   return R(() => {
-  }, []), /* @__PURE__ */ P(I, { children: [
-    /* @__PURE__ */ P(I, { children: [
+  }, []), /* @__PURE__ */ P(T, { children: [
+    /* @__PURE__ */ P(T, { children: [
       /* @__PURE__ */ P("picture", { children: [
         n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ l(
@@ -1124,7 +1133,7 @@ function Vt(e) {
           }
         }
       ) : null,
-      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(I, { children: e.children }) : null,
+      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(T, { children: e.children }) : null,
       !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
     ] }),
     /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
@@ -1442,8 +1451,8 @@ const Ft = {
           let m = !1;
           u.onload = () => {
             m = !0, c(u);
-          }, u.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), d(f.error);
+          }, u.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), d(p.error);
           }), u.src = r, setTimeout(() => {
             m || d(new Error("Image load timed out"));
           }, s);
@@ -1577,7 +1586,8 @@ const Ft = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: !0
+    builderContext: !0,
+    builderComponents: !0
   }
 };
 function Ut(e) {
@@ -1597,6 +1607,7 @@ function Ut(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]
         }
       )
@@ -1783,13 +1794,13 @@ function Gt(e) {
       const m = d[u];
       if (m.src && !n.includes(m.src)) {
         n.push(m.src);
-        const f = document.createElement("script");
-        f.async = !0, f.src = m.src, document.head.appendChild(f);
+        const p = document.createElement("script");
+        p.async = !0, p.src = m.src, document.head.appendChild(p);
       } else if (Qt(m) && !o.includes(m.innerText))
         try {
           o.push(m.innerText), new Function(m.innerText)();
-        } catch (f) {
-          console.warn("`Embed`: Error running script:", f);
+        } catch (p) {
+          console.warn("`Embed`: Error running script:", p);
         }
     }
   }
@@ -2032,8 +2043,8 @@ const nn = () => [{
 }, {
   component: tn,
   ...en
-}], ye = () => [{
-  component: Ye,
+}], pe = () => [{
+  component: Je,
   ...Ft
 }, {
   component: Bt,
@@ -2146,24 +2157,24 @@ const nn = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Be = "builderIoAbTest", We = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), rn = ({
   canTrack: e,
   content: t
-}) => !(!(K(t).length > 0) || !e || O()), cn = (e) => e === "react" || e === "reactNative", Ae = cn($), ln = () => `
-  window.${Be} = ${on}
-  window.${We} = ${an}
+}) => !(!(K(t).length > 0) || !e || O()), cn = (e) => e === "react" || e === "reactNative", Ne = cn($), ln = () => `
+  window.${We} = ${on}
+  window.${Ae} = ${an}
   `, sn = (e, t) => `
-  window.${Be}(
-    "${t}",${JSON.stringify(e)}, ${Ae}
+  window.${We}(
+    "${t}",${JSON.stringify(e)}, ${Ne}
   )`, dn = ({
   contentId: e,
   variationId: t
-}) => `window.${We}(
-    "${t}", "${e}", ${Ae}
+}) => `window.${Ae}(
+    "${t}", "${e}", ${Ne}
   )`;
 function ie(e) {
   return /* @__PURE__ */ l(
@@ -2175,7 +2186,7 @@ function ie(e) {
     }
   );
 }
-const un = Me({
+const un = Ke({
   content: null,
   context: {},
   localState: void 0,
@@ -2190,7 +2201,7 @@ const un = Me({
   BlocksWrapperProps: {},
   nonce: ""
 });
-function pe(e) {
+function ve(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const mn = (e, t, n = !0) => {
@@ -2207,11 +2218,11 @@ const mn = (e, t, n = !0) => {
 }, fn = (e) => mn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), ve = ({
+}), xe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = pe(i / n.width), r = pe(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ve(i / n.width), r = ve(o / n.height);
   return {
     x: a,
     y: r
@@ -2221,11 +2232,11 @@ const mn = (e, t, n = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? ve({
+      targetOffset: t ? xe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ve({
+      builderTargetOffset: n ? xe({
         event: e,
         target: n
       }) : void 0,
@@ -2237,9 +2248,9 @@ async function gn({
   key: e,
   value: t
 }) {
-  return Le(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
+  return Oe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function xe(e, ...t) {
+function Se(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2272,8 +2283,8 @@ function vn(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", xe(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), xe(n.style, e.steps[1].styles), setTimeout(() => {
+    yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Se(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Se(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -2334,27 +2345,27 @@ font-weight: ${s};
 function Tn(e) {
   var W, H, _, X, Z, se, de;
   const t = J(null);
-  function n(b) {
-    var v, x;
+  function n(g) {
+    var x, k;
     const h = {
       ...e.builderContextSignal.rootState,
-      ...b
+      ...g
     };
-    e.builderContextSignal.rootSetState ? (x = (v = e.builderContextSignal).rootSetState) == null || x.call(v, h) : e.builderContextSignal.rootState = h;
+    e.builderContextSignal.rootSetState ? (k = (x = e.builderContextSignal).rootSetState) == null || k.call(x, h) : e.builderContextSignal.rootState = h;
   }
-  function i(b) {
-    var v, x, w, B, j;
+  function i(g) {
+    var x, k, I, B, j;
     const h = {
       ...e.builderContextSignal.content,
-      ...b,
+      ...g,
       data: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
-        ...b == null ? void 0 : b.data
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
+        ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
-        ...b == null ? void 0 : b.meta,
-        breakpoints: ((w = b == null ? void 0 : b.meta) == null ? void 0 : w.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
+        ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
+        ...g == null ? void 0 : g.meta,
+        breakpoints: ((I = g == null ? void 0 : g.meta) == null ? void 0 : I.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
       }
     };
     gn({
@@ -2373,17 +2384,17 @@ function Tn(e) {
   const [a, r] = N(
     () => e.contentWrapper || "div"
   );
-  function s(b) {
-    return Oe({
+  function s(g) {
+    return De({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (h) => {
-          var w;
-          const { breakpoints: v, contentId: x } = h;
-          !x || x !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || v && i({
+          var I;
+          const { breakpoints: x, contentId: k } = h;
+          !k || k !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || x && i({
             meta: {
-              breakpoints: v
+              breakpoints: x
             }
           });
         },
@@ -2394,13 +2405,13 @@ function Tn(e) {
           i(h);
         }
       }
-    })(b);
+    })(g);
   }
   function c() {
-    var h, v;
-    const b = (v = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : v.jsCode;
-    b && D({
-      code: b,
+    var h, x;
+    const g = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
+    g && D({
+      code: g,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -2411,35 +2422,35 @@ function Tn(e) {
       enableCache: !1
     });
   }
-  const [d, u] = N(() => ({})), [m, f] = N(() => ({})), [S, k] = N(() => !1);
-  function g(b) {
-    var h, v;
+  const [d, u] = N(() => ({})), [m, p] = N(() => ({})), [v, S] = N(() => !1);
+  function f(g) {
+    var h, x;
     if (e.builderContextSignal.content) {
-      const x = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, w = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
+      const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       ue({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: w,
+        contentId: I,
         apiKey: e.apiKey,
-        variationId: x !== w ? x : void 0,
-        ...hn(b),
-        unique: !S
+        variationId: k !== I ? k : void 0,
+        ...hn(g),
+        unique: !v
       });
     }
-    S || k(!0);
+    v || S(!0);
   }
-  function T() {
-    var h, v, x;
-    const b = (x = (v = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : v.httpRequests) != null ? x : {};
-    Object.entries(b).forEach(([w, B]) => {
-      if (!B || m[w] || d[w] && !V())
+  function C() {
+    var h, x, k;
+    const g = (k = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) != null ? k : {};
+    Object.entries(g).forEach(([I, B]) => {
+      if (!B || m[I] || d[I] && !V())
         return;
-      m[w] = !0;
+      m[I] = !0;
       const j = B.replace(
         /{{([^}]+)}}/g,
-        (F, Ne) => String(
+        (F, Ve) => String(
           D({
-            code: Ne,
+            code: Ve,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -2448,18 +2459,18 @@ function Tn(e) {
           })
         )
       );
-      De(j).then((F) => F.json()).then((F) => {
+      He(j).then((F) => F.json()).then((F) => {
         n({
-          [w]: F
-        }), d[w] = !0;
+          [I]: F
+        }), d[I] = !0;
       }).catch((F) => {
         console.error("error fetching dynamic data", B, F);
       }).finally(() => {
-        m[w] = !1;
+        m[I] = !1;
       });
     });
   }
-  function p() {
+  function b() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2474,8 +2485,8 @@ function Tn(e) {
       )
     );
   }
-  function y(b) {
-    window.addEventListener("message", s), He(), _e({
+  function y(g) {
+    window.addEventListener("message", s), _e(), Ue({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2488,19 +2499,19 @@ function Tn(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((h) => {
-      var x;
-      const v = Ue(h);
-      (x = window.parent) == null || x.postMessage(v, "*");
+      var k;
+      const x = je(h);
+      (k = window.parent) == null || k.postMessage(x, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      p
+      b
     );
   }
-  function C(b) {
-    const h = new URL(location.href).searchParams, v = h.get("builder.preview"), x = h.get(
-      `builder.overrides.${v}`
-    ), w = h.get("apiKey") || h.get("builder.space");
-    v === e.model && w === e.apiKey && (!e.content || x === e.content.id) && Ce({
+  function w(g) {
+    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), k = h.get(
+      `builder.overrides.${x}`
+    ), I = h.get("apiKey") || h.get("builder.space");
+    x === e.model && I === e.apiKey && (!e.content || k === e.content.id) && we({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
@@ -2508,10 +2519,10 @@ function Tn(e) {
       B && i(B);
     });
   }
-  const E = Ke();
+  const E = ze();
   return R(() => {
-    var b;
-    return (b = t.current) == null || b.addEventListener(
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
       y
     ), () => {
@@ -2522,43 +2533,43 @@ function Tn(e) {
       );
     };
   }, []), R(() => {
-    var b;
-    return (b = t.current) == null || b.addEventListener(
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initpreviewingbldr",
-      C
+      w
     ), () => {
       var h;
       return (h = t.current) == null ? void 0 : h.removeEventListener(
         "initpreviewingbldr",
-        C
+        w
       );
     };
   }, []), R(() => {
-    var b, h;
+    var g, h;
     if (O()) {
       if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const x = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, w = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
+        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, I = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
         ue({
           type: "impression",
           canTrack: !0,
-          contentId: w,
+          contentId: I,
           apiKey: B,
-          variationId: x !== w ? x : void 0
+          variationId: k !== I ? k : void 0
         });
       }
-      ke() && V();
+      Ce() && V();
     }
   }, []), R(() => {
     e.apiKey || Y.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), T(), p();
+    ), c(), C(), b();
   }, []), R(() => {
   }, [e.content]), R(() => {
     c();
   }, [(H = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : H.jsCode]), R(() => {
-    T();
+    C();
   }, [(X = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : X.httpRequests]), R(() => {
-    p();
+    b();
   }, [e.builderContextSignal.rootState]), R(() => {
     e.data && n(e.data);
   }, [e.data]), R(() => {
@@ -2568,13 +2579,13 @@ function Tn(e) {
   }, [e.locale]), R(() => () => {
     O() && (window.removeEventListener("message", s), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      p
+      b
     ));
   }, []), /* @__PURE__ */ l(un.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
     {
       ref: t,
-      onClick: (b) => g(b),
+      onClick: (g) => f(g),
       "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
       "builder-model": e.model,
       ...o(),
@@ -2634,22 +2645,22 @@ const En = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Se(e) {
-  var o, a, r, s, c, d, u, m, f, S, k;
+function ke(e) {
+  var o, a, r, s, c, d, u, m, p, v, S;
   const t = dn({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (o = e.content) == null ? void 0 : o.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     contentId: (a = e.content) == null ? void 0 : a.id
   }), n = [
-    ...ye(),
-    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
+    ...pe(),
+    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
   ].reduce(
-    (g, { component: T, ...p }) => ({
-      ...g,
-      [p.name]: {
-        component: T,
-        ...me(p)
+    (f, { component: C, ...b }) => ({
+      ...f,
+      [b.name]: {
+        component: C,
+        ...me(b)
       }
     }),
     {}
@@ -2670,12 +2681,12 @@ function Se(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...ye(),
-      ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
+      ...pe(),
+      ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
     ].reduce(
-      (g, { component: T, ...p }) => ({
-        ...g,
-        [p.name]: me(p)
+      (f, { component: C, ...b }) => ({
+        ...f,
+        [b.name]: me(b)
       }),
       {}
     ),
@@ -2717,13 +2728,13 @@ function Se(e) {
             isNestedRender: e.isNestedRender,
             contentId: (c = i.content) == null ? void 0 : c.id,
             cssCode: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-            customFonts: (f = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
+            customFonts: (p = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : p.customFonts
           }
         ),
         /* @__PURE__ */ l(
           le,
           {
-            blocks: (k = (S = i.content) == null ? void 0 : S.data) == null ? void 0 : k.blocks,
+            blocks: (S = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : S.blocks,
             context: i,
             registeredComponents: n,
             linkComponent: e.linkComponent
@@ -2754,12 +2765,12 @@ function Bn(e) {
     return t ? {
       ...e.content,
       testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : je({
+    } : Me({
       item: e.content,
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(T, { children: [
     !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
       ie,
       {
@@ -2768,7 +2779,7 @@ function Bn(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ P(I, { children: [
+    t ? /* @__PURE__ */ P(T, { children: [
       /* @__PURE__ */ l(
         Q,
         {
@@ -2786,7 +2797,7 @@ function Bn(e) {
         }
       ),
       (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
-        Se,
+        ke,
         {
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
@@ -2813,7 +2824,7 @@ function Bn(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      Se,
+      ke,
       {
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
@@ -2845,7 +2856,7 @@ const Wn = 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 Ce({
+    return we({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2865,12 +2876,12 @@ async function An(e) {
   }, n = function() {
     return "div";
   }, i = function() {
-    var m, f;
+    var m, p;
     return [
       e.attributes[U()],
       "builder-symbol",
       (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
-      (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (p = e.symbol) != null && p.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Wn({
     symbol: e.symbol,
@@ -2905,7 +2916,7 @@ async function An(e) {
 export {
   le as Blocks,
   un as BuilderContext,
-  Ye as Button,
+  Je as Button,
   Bt as Columns,
   Bn as Content,
   Wt as Fragment,