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

package/lib/node/blocks-exports.mjs

@@ -1,16 +1,16 @@
 "use client";
-var Ne = Object.defineProperty;
-var Ve = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as w, jsxs as P } from "react/jsx-runtime";
-import { TARGET as $, checkIsDefined as K, logger as Y, isBrowser as z, isPreviewing as Se, isEditing as V, init as $e, getDefaultCanTrack as q, _track as ue, createEditorListener as Fe, fetch as Le, registerInsertMenu as Oe, setupBrowserForEditing as De, createRegisterComponentMessage as _e, fetchOneEntry as ke, serializeIncludingFunctions as me, handleABTestingSync as He } from "./server-entry-30b63436.js";
-import { getFunctionArguments as je, runInNode as Ue, parseCode as Me, getBuilderGlobals as Ke, set as ze, fastClone as oe } from "./node-runtime-c36924d7.js";
+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 T, jsxs as P } from "react/jsx-runtime";
+import { TARGET as $, checkIsDefined as K, logger as Y, isBrowser as z, isPreviewing as ke, isEditing as V, init as Fe, getDefaultCanTrack as q, _track as ue, createEditorListener as Le, fetch as Oe, registerInsertMenu as De, setupBrowserForEditing as _e, createRegisterComponentMessage as He, fetchOneEntry as Ce, serializeIncludingFunctions as me, handleABTestingSync as je } from "./server-entry-ff1eb217.js";
+import { getFunctionArguments as Ue, runInNode as Me, parseCode as Ke, getBuilderGlobals as ze, set as qe, fastClone as oe } from "./node-runtime-606c2607.js";
 import "lru-cache";
-import { useRef as J, useEffect as R, useState as N, createContext as qe } from "react";
-import { useRouter as Ye } from "next/navigation";
-const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
+import { useRef as J, useEffect as R, useState as N, createContext as Ye } from "react";
+import { useRouter as Je } from "next/navigation";
+const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ge = (e) => typeof e == "string" && Qe.has(e.toLowerCase());
 function ae(e) {
-  return /* @__PURE__ */ l(w, { children: Qe(e.TagName) ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(w, { 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: Ge(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 H = () => {
   switch ($) {
@@ -26,7 +26,7 @@ const H = () => {
       return "class";
   }
 };
-function Ge(e) {
+function Xe(e) {
   function t() {
     return {
       ...e.attributes,
@@ -50,20 +50,20 @@ function Ge(e) {
     }
   );
 }
-function Xe(e) {
+function Ze(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function Ze(e, ...t) {
+function et(e, ...t) {
   const n = Object.assign({}, e);
   for (const i of t)
     delete n[i];
   return n;
 }
-const et = ({
+const tt = ({
   code: e,
   builder: t,
   context: n,
@@ -72,11 +72,11 @@ const et = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const s = je({
+  const s = Ue({
     builder: t,
     context: n,
     event: i,
-    state: Ce({
+    state: Ie({
       rootState: r,
       localState: o,
       rootSetState: a
@@ -84,7 +84,7 @@ const et = ({
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function Ce({
+function Ie({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -94,7 +94,7 @@ function Ce({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? Ce({
+      return typeof a == "object" && a !== null ? Ie({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -109,17 +109,17 @@ function Ce({
     }
   });
 }
-function tt() {
+function nt() {
   var e;
   return typeof process != "undefined" && K((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const nt = () => {
+const it = () => {
   var i;
-  if (!tt())
+  if (!nt())
     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;
-}, it = (e) => z() || nt() ? et(e) : Ue(e), ot = !0, A = class A {
+}, ot = (e) => z() || it() ? tt(e) : Me(e), at = !0, A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -152,23 +152,23 @@ function O({
   if (e === "")
     return;
   const c = {
-    code: Me(e, {
+    code: Ke(e, {
       isExpression: r
     }),
-    builder: Ke(),
+    builder: ze(),
     context: t,
     event: a,
     rootSetState: o,
     rootState: i,
     localState: n
   };
-  if (s && !ot) {
+  if (s && !at) {
     const d = L.getCacheKey(c), u = L.getCachedValue(d);
     if (u)
       return u.value;
   }
   try {
-    const d = it(c);
+    const d = ot(c);
     if (s) {
       const u = L.getCacheKey(c);
       L.setCachedValue(u, d);
@@ -193,8 +193,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 = oe(e);
     return {
       ...t,
@@ -206,7 +206,7 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       }
     };
   } else {
-    const t = ne(Ze(e, "children", "meta"));
+    const t = ne(et(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -219,7 +219,7 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       meta: e.meta
     };
   }
-}, ct = ({
+}, lt = ({
   block: e,
   context: t,
   localState: n,
@@ -228,7 +228,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 = O({
       code: s,
@@ -238,11 +238,11 @@ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) =
       context: t,
       enableCache: !0
     });
-    ze(a, r, c);
+    qe(a, r, c);
   }
   return a;
 };
-function lt({
+function st({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -251,7 +251,7 @@ function lt({
   rootSetState: a
 }) {
   const r = e;
-  return n ? ct({
+  return n ? lt({
     block: r,
     localState: i,
     rootState: o,
@@ -259,42 +259,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() : "", we = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${re(n)}: ${i};`;
-}).filter(K), st = (e) => Ie(e).join(`
+}).filter(K), dt = (e) => we(e).join(`
 `), U = ({
   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
-}) => we(dt({
+}) => Te(ut({
   style: e.style || {},
   context: t,
   block: e
 }));
-function we(e) {
+function Te(e) {
   switch ($) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Ie(e).join(" ");
+      return we(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -302,7 +302,7 @@ function we(e) {
       return e;
   }
 }
-const mt = ({
+const ft = ({
   block: e,
   registeredComponents: t
 }) => {
@@ -316,7 +316,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
 }) => {
@@ -350,27 +350,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
   } : {};
-}, Te = {
+}, Re = {
   small: {
     min: 320,
     default: 321,
@@ -386,11 +386,11 @@ const mt = ({
     default: 991,
     max: 1200
   }
-}, fe = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
+}, fe = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Ee = ({
   small: e,
   medium: t
 }) => {
-  const n = oe(Te);
+  const n = oe(Re);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -423,57 +423,57 @@ function Q(e) {
     }
   );
 }
-function pt(e) {
+function vt(e) {
   const t = function() {
     const o = e.block;
     return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
   }, n = function() {
-    var p, y, C;
-    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Re(
-      ((p = r == null ? void 0 : r.meta) == null ? void 0 : p.breakpoints) || {}
+    var b, y, I;
+    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Ee(
+      ((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 ? U({
+    const p = c ? U({
       className: m,
       styles: c
-    }) : "", S = d ? U({
+    }) : "", v = d ? U({
       className: m,
       styles: d,
       mediaQuery: fe(
         "medium",
         s
       )
-    }) : "", k = u ? U({
+    }) : "", S = u ? U({
       className: m,
       styles: u,
       mediaQuery: fe(
         "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 = U({
+    }) : "", f = o.animations && o.animations.find((E) => E.trigger === "hover");
+    let C = "";
+    if (f) {
+      const E = ((I = (y = f.steps) == null ? void 0 : y[1]) == null ? void 0 : I.styles) || {};
+      C = U({
         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(w, { children: n() && t() ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(T, { children: n() && t() ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
     Q,
     {
       id: "builderio-block",
@@ -482,10 +482,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) => O({
+const St = (e) => `on${xt(e)}`, kt = (e, t) => (n) => O({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -495,14 +495,14 @@ const xt = (e) => `on${vt(e)}`, St = (e, t) => (n) => O({
   isExpression: !1,
   enableCache: !0
 });
-function Ee(e) {
+function Pe(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":
@@ -512,16 +512,16 @@ function Ee(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 It = (e) => ({
   href: e.href
 });
 function ce({
@@ -530,22 +530,22 @@ function ce({
 }) {
   var i;
   const n = {
-    ...Ct(e),
+    ...It(e),
     ...e.properties,
     "builder-id": e.id,
-    style: ut({
+    style: mt({
       block: e,
       context: t
     }),
     [H()]: [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 It(e) {
+function wt(e) {
   return /* @__PURE__ */ l(
     ae,
     {
@@ -554,7 +554,7 @@ function It(e) {
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Ee({
+      actionAttributes: Pe({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -566,14 +566,14 @@ function It(e) {
     }
   );
 }
-function wt(e) {
+function Tt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...ce({
         block: e.block,
         context: e.context
       }),
-      ...Ee({
+      ...Pe({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -584,7 +584,7 @@ function wt(e) {
   }
   return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const Tt = ({
+const Rt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -616,11 +616,11 @@ const Tt = ({
 };
 function he(e) {
   var n;
-  const t = e.isInteractive ? wt : e.componentRef;
-  return /* @__PURE__ */ l(w, { children: e.componentRef ? /* @__PURE__ */ l(w, { 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,
@@ -643,7 +643,7 @@ function he(e) {
     }
   ) }) : null });
 }
-function Rt(e) {
+function ge(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     G,
@@ -656,9 +656,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
     });
@@ -666,10 +666,10 @@ function G(e) {
     value: null,
     update: !1
   }, i = function() {
-    var k;
-    if (n.value && !n.update && !Se())
+    var f;
+    if (n.value && !n.update && !ke())
       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,
@@ -679,33 +679,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: {
-        ...Xe(i()),
-        ...bt(o(), i()),
-        ...yt(o(), e.context),
-        ...ht(o(), e.linkComponent),
-        ...gt(
+        ...Ze(i()),
+        ...yt(o(), i()),
+        ...pt(o(), e.context),
+        ...gt(o(), e.linkComponent),
+        ...bt(
           o(),
           e.registeredComponents
         )
@@ -714,13 +714,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(w, { children: r() ? /* @__PURE__ */ P(w, { children: [
-    /* @__PURE__ */ l(pt, { block: i(), context: e.context }),
-    (d = o()) != null && d.noWrap ? /* @__PURE__ */ l(w, { 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(
+      ge,
+      {
+        repeatContext: v.context,
+        block: v.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      S
+    )) }) : /* @__PURE__ */ l(
       he,
       {
         componentRef: c().componentRef,
@@ -733,17 +742,17 @@ function G(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(w, { children: t() ? /* @__PURE__ */ l(w, { 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(
+      ge,
       {
-        repeatContext: f.context,
-        block: f.block,
+        repeatContext: v.context,
+        block: v.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       S
     )) }) : /* @__PURE__ */ P(
-      It,
+      wt,
       {
         Wrapper: a(),
         block: i(),
@@ -763,15 +772,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
           ))
         ]
       }
@@ -811,7 +820,7 @@ function Et(e) {
     ));
   }
   return R(() => {
-  }, []), /* @__PURE__ */ P(w, { children: [
+  }, []), /* @__PURE__ */ P(T, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
@@ -845,7 +854,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(w, { 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,
@@ -860,25 +869,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 I;
+    return ((I = n[y]) == null ? void 0 : I.width) || 100 / n.length;
   }, r = function(y) {
-    const C = a(y), E = t * (n.length - 1) * (C / 100);
-    return `calc(${C}% - ${E}px)`;
+    const I = a(y), E = t * (n.length - 1) * (I / 100);
+    return `calc(${I}% - ${E}px)`;
   }, s = function({
     stackedStyle: y,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return i === "tablet" ? y : C;
+    return i === "tablet" ? y : I;
   }, c = function({
     stackedStyle: y,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return i === "never" ? C : y;
+    return i === "never" ? I : y;
   }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": d,
@@ -888,7 +897,7 @@ function Bt(e) {
       })
     };
   }, m = function(y) {
-    const C = y === 0 ? 0 : t, E = r(y), W = `${C}px`, D = "100%", _ = 0;
+    const I = y === 0 ? 0 : t, E = r(y), W = `${I}px`, D = "100%", _ = 0;
     return {
       ...{
         display: "flex",
@@ -914,15 +923,15 @@ function Bt(e) {
         desktopStyle: W
       })
     };
-  }, f = function(y) {
+  }, p = function(y) {
     var E, W;
-    return Re(
+    return Ee(
       ((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;
@@ -934,7 +943,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;
@@ -946,36 +955,36 @@ function Bt(e) {
           }
         },
       `;
-  }, k = function(y, C) {
+  }, S = function(y, I) {
     return {
       ...y.link ? {
         href: y.link
       } : {},
       [H()]: "builder-column",
-      style: we(m(C))
+      style: Te(m(I))
     };
   };
-  return /* @__PURE__ */ P(w, { 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(
             ae,
             {
-              TagName: o(p),
+              TagName: o(b),
               actionAttributes: {},
-              attributes: k(p, y),
+              attributes: S(b, y),
               children: /* @__PURE__ */ l(
                 le,
                 {
@@ -987,7 +996,7 @@ function Bt(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: p.blocks
+                  blocks: b.blocks
                 }
               )
             },
@@ -1005,7 +1014,7 @@ function Bt(e) {
 function Wt(e) {
   return /* @__PURE__ */ l("span", { children: e.children });
 }
-function ge(e) {
+function be(e) {
   return e.replace(/http(s)?:/, "");
 }
 function At(e = "", t, n) {
@@ -1016,11 +1025,11 @@ function Nt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ge(e);
+    return be(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 ge(`${i[0]}_${a}${o}`);
+    return be(`${i[0]}_${a}${o}`);
   }
   return null;
 }
@@ -1038,14 +1047,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)
@@ -1068,8 +1077,8 @@ function Vt(e) {
     return e.aspectRatio ? u : void 0;
   }
   return R(() => {
-  }, []), /* @__PURE__ */ P(w, { children: [
-    /* @__PURE__ */ P(w, { 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(
@@ -1100,7 +1109,7 @@ function Vt(e) {
           }
         }
       ) : null,
-      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(w, { 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 {
@@ -1418,8 +1427,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);
@@ -1553,7 +1562,8 @@ const Ft = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: !0
+    builderContext: !0,
+    builderComponents: !0
   }
 };
 function jt(e) {
@@ -1573,6 +1583,7 @@ function jt(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]
         }
       )
@@ -1759,13 +1770,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);
         }
     }
   }
@@ -2008,8 +2019,8 @@ const nn = () => [{
 }, {
   component: tn,
   ...en
-}], be = () => [{
-  component: Ge,
+}], ye = () => [{
+  component: Xe,
   ...Ft
 }, {
   component: Bt,
@@ -2122,24 +2133,24 @@ const nn = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Pe = "builderIoAbTest", Be = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Be = "builderIoAbTest", We = "builderIoRenderContent", M = (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
-}) => !(!(M(t).length > 0) || !e || z()), cn = (e) => e === "react" || e === "reactNative", We = cn($), ln = () => `
-  window.${Pe} = ${on}
-  window.${Be} = ${an}
+}) => !(!(M(t).length > 0) || !e || z()), cn = (e) => e === "react" || e === "reactNative", Ae = cn($), ln = () => `
+  window.${Be} = ${on}
+  window.${We} = ${an}
   `, sn = (e, t) => `
-  window.${Pe}(
-    "${t}",${JSON.stringify(e)}, ${We}
+  window.${Be}(
+    "${t}",${JSON.stringify(e)}, ${Ae}
   )`, dn = ({
   contentId: e,
   variationId: t
-}) => `window.${Be}(
-    "${t}", "${e}", ${We}
+}) => `window.${We}(
+    "${t}", "${e}", ${Ae}
   )`;
 function ie(e) {
   return /* @__PURE__ */ l(
@@ -2151,7 +2162,7 @@ function ie(e) {
     }
   );
 }
-const un = qe({
+const un = Ye({
   content: null,
   context: {},
   localState: void 0,
@@ -2166,7 +2177,7 @@ const un = qe({
   BlocksWrapperProps: {},
   nonce: ""
 });
-function ye(e) {
+function pe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const mn = (e, t, n = !0) => {
@@ -2183,11 +2194,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;
-}), pe = ({
+}), ve = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ye(i / n.width), r = ye(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = pe(i / n.width), r = pe(o / n.height);
   return {
     x: a,
     y: r
@@ -2197,11 +2208,11 @@ const mn = (e, t, n = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? pe({
+      targetOffset: t ? ve({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? pe({
+      builderTargetOffset: n ? ve({
         event: e,
         target: n
       }) : void 0,
@@ -2213,9 +2224,9 @@ async function gn({
   key: e,
   value: t
 }) {
-  return $e(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
+  return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function ve(e, ...t) {
+function xe(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2248,8 +2259,8 @@ function vn(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(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"), ve(n.style, e.steps[1].styles), setTimeout(() => {
+    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(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -2310,27 +2321,27 @@ font-weight: ${s};
 function Tn(e) {
   var W, D, _, 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, I, B, j;
+  function i(g) {
+    var x, k, w, 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: ((I = b == null ? void 0 : b.meta) == null ? void 0 : I.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: ((w = g == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
       }
     };
     gn({
@@ -2349,17 +2360,17 @@ function Tn(e) {
   const [a, r] = N(
     () => e.contentWrapper || "div"
   );
-  function s(b) {
-    return Fe({
+  function s(g) {
+    return Le({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (h) => {
-          var I;
-          const { breakpoints: v, contentId: x } = h;
-          !x || x !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || v && i({
+          var w;
+          const { breakpoints: x, contentId: k } = h;
+          !k || k !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || x && i({
             meta: {
-              breakpoints: v
+              breakpoints: x
             }
           });
         },
@@ -2370,13 +2381,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 && O({
-      code: b,
+    var h, x;
+    const g = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
+    g && O({
+      code: g,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -2387,35 +2398,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, I = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
+      const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, w = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       ue({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: I,
+        contentId: w,
         apiKey: e.apiKey,
-        variationId: x !== I ? x : void 0,
-        ...hn(b),
-        unique: !S
+        variationId: k !== w ? 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(([I, B]) => {
-      if (!B || m[I] || d[I] && !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(([w, B]) => {
+      if (!B || m[w] || d[w] && !V())
         return;
-      m[I] = !0;
+      m[w] = !0;
       const j = B.replace(
         /{{([^}]+)}}/g,
-        (F, Ae) => String(
+        (F, Ne) => String(
           O({
-            code: Ae,
+            code: Ne,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -2424,18 +2435,18 @@ function Tn(e) {
           })
         )
       );
-      Le(j).then((F) => F.json()).then((F) => {
+      Oe(j).then((F) => F.json()).then((F) => {
         n({
-          [I]: F
-        }), d[I] = !0;
+          [w]: F
+        }), d[w] = !0;
       }).catch((F) => {
         console.error("error fetching dynamic data", B, F);
       }).finally(() => {
-        m[I] = !1;
+        m[w] = !1;
       });
     });
   }
-  function p() {
+  function b() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2450,8 +2461,8 @@ function Tn(e) {
       )
     );
   }
-  function y(b) {
-    window.addEventListener("message", s), Oe(), De({
+  function y(g) {
+    window.addEventListener("message", s), De(), _e({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2464,19 +2475,19 @@ function Tn(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((h) => {
-      var x;
-      const v = _e(h);
-      (x = window.parent) == null || x.postMessage(v, "*");
+      var k;
+      const x = He(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}`
-    ), I = h.get("apiKey") || h.get("builder.space");
-    v === e.model && I === e.apiKey && (!e.content || x === e.content.id) && ke({
+  function I(g) {
+    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), k = h.get(
+      `builder.overrides.${x}`
+    ), w = h.get("apiKey") || h.get("builder.space");
+    x === e.model && w === e.apiKey && (!e.content || k === e.content.id) && Ce({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
@@ -2484,10 +2495,10 @@ function Tn(e) {
       B && i(B);
     });
   }
-  const E = Ye();
+  const E = Je();
   return R(() => {
-    var b;
-    return (b = t.current) == null || b.addEventListener(
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
       y
     ), () => {
@@ -2498,43 +2509,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
+      I
     ), () => {
       var h;
       return (h = t.current) == null ? void 0 : h.removeEventListener(
         "initpreviewingbldr",
-        C
+        I
       );
     };
   }, []), R(() => {
-    var b, h;
+    var g, h;
     if (z()) {
       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, I = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
+        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, w = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
         ue({
           type: "impression",
           canTrack: !0,
-          contentId: I,
+          contentId: w,
           apiKey: B,
-          variationId: x !== I ? x : void 0
+          variationId: k !== w ? k : void 0
         });
       }
-      Se() && V();
+      ke() && 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();
   }, [(D = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : D.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(() => {
@@ -2544,13 +2555,13 @@ function Tn(e) {
   }, [e.locale]), R(() => () => {
     z() && (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(),
@@ -2610,22 +2621,22 @@ const En = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function xe(e) {
-  var o, a, r, s, c, d, u, m, f, S, k;
+function Se(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 = [
-    ...be(),
-    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
+    ...ye(),
+    ...((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)
       }
     }),
     {}
@@ -2646,12 +2657,12 @@ function xe(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...be(),
-      ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
+      ...ye(),
+      ...((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)
       }),
       {}
     ),
@@ -2693,13 +2704,13 @@ function xe(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
@@ -2730,12 +2741,12 @@ function Bn(e) {
     return t ? {
       ...e.content,
       testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : He({
+    } : je({
       item: e.content,
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ P(w, { children: [
+  return /* @__PURE__ */ P(T, { children: [
     !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
       ie,
       {
@@ -2744,7 +2755,7 @@ function Bn(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ P(w, { children: [
+    t ? /* @__PURE__ */ P(T, { children: [
       /* @__PURE__ */ l(
         Q,
         {
@@ -2762,7 +2773,7 @@ function Bn(e) {
         }
       ),
       (a = M(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
-        xe,
+        Se,
         {
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
@@ -2789,7 +2800,7 @@ function Bn(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      xe,
+      Se,
       {
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
@@ -2821,7 +2832,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 ke({
+    return Ce({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2841,12 +2852,12 @@ async function An(e) {
   }, n = function() {
     return "div";
   }, i = function() {
-    var m, f;
+    var m, p;
     return [
       e.attributes[H()],
       "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,
@@ -2881,7 +2892,7 @@ async function An(e) {
 export {
   le as Blocks,
   un as BuilderContext,
-  Ge as Button,
+  Xe as Button,
   Bt as Columns,
   Bn as Content,
   Wt as Fragment,