@builder.io/sdk-react-nextjs 0.11.2 → 0.11.4

package/lib/browser/{bundle-4ee84dab.js → bundle-a7aa61af.js}

@@ -1,9 +1,9 @@
-import { LRUCache as Ve } from "lru-cache";
-import { jsx as l, Fragment as y, jsxs as w } from "react/jsx-runtime";
-import { createElement as Be } from "react";
-import { I as We, B as Y, a as $e, b as Oe, C as Fe, E as Ne, F as _e, c as Le, d as Ue, S as Me, V as De, e as je } from "./USE_CLIENT_BUNDLE-336f80e4.js";
+import { LRUCache as Ae } from "lru-cache";
+import { jsx as l, Fragment as y, jsxs as I } from "react/jsx-runtime";
+import { createElement as Ve } from "react";
+import { I as Be, B as G, a as We, b as $e, C as Oe, E as Fe, F as Ne, c as _e, d as Le, S as Ue, V as Me, e as De } from "./USE_CLIENT_BUNDLE-7df7e7c0.js";
 import "next/navigation";
-function Ke(e) {
+function je(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -24,20 +24,20 @@ function S() {
   return typeof window < "u" && typeof document < "u";
 }
 const T = "rsc";
-function He() {
+function Ke() {
   return S() && window.self !== window.top;
 }
 function D() {
-  return He() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Ke() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const ze = () => {
+const He = () => {
   if (S()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, qe = () => typeof navigator == "object" && navigator.userAgent || "", de = () => {
-  const e = qe(), t = {
+}, ze = () => typeof navigator == "object" && navigator.userAgent || "", le = () => {
+  const e = ze(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -56,13 +56,13 @@ const ze = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || T === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = ze();
+  }, n = e.match(/Tablet|iPad/i), o = He();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Ge = ({
+}, qe = ({
   builder: e,
   context: t,
   event: n,
@@ -74,14 +74,14 @@ const ze = () => {
   builder: e,
   context: t,
   event: n
-}), Ye = () => ({
+}), Ge = () => ({
   isEditing: D(),
   isBrowser: S(),
   isServer: !S(),
-  getUserAttributes: () => de()
-}), Je = (e, {
+  getUserAttributes: () => le()
+}), Ye = (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, J = ({
+}) => /* 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, Y = ({
   code: e,
   builder: t,
   context: n,
@@ -90,15 +90,15 @@ const ze = () => {
   rootSetState: r,
   rootState: a
 }) => {
-  const s = Ge({
+  const s = qe({
     builder: t,
     context: n,
     event: o,
-    state: Qe(a, i, r)
+    state: Je(a, i, r)
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function Qe(e, t, n) {
+function Je(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
@@ -110,7 +110,7 @@ function Qe(e, t, n) {
     }
   });
 }
-const Xe = (e) => (S(), J(e));
+const Qe = (e) => (S(), Y(e));
 function j({
   code: e,
   context: t,
@@ -125,10 +125,10 @@ function j({
     return;
   }
   const s = {
-    code: Je(e, {
+    code: Ye(e, {
       isExpression: a
     }),
-    builder: Ye(),
+    builder: Ge(),
     context: t,
     event: r,
     rootSetState: i,
@@ -136,7 +136,7 @@ function j({
     localState: n
   };
   try {
-    return Xe(s);
+    return Qe(s);
   } catch (c) {
     k.error("Failed code evaluation: " + c.message, {
       code: e
@@ -144,13 +144,13 @@ function j({
     return;
   }
 }
-const $ = (e) => JSON.parse(JSON.stringify(e)), Ze = (e, t, n) => {
+const $ = (e) => JSON.parse(JSON.stringify(e)), Xe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return o.slice(0, -1).reduce((i, r, a) => Object(i[r]) === i[r] ? i[r] : i[r] = Math.abs(Number(o[a + 1])) >> 0 === +o[a + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const et = ({
+const Ze = ({
   block: e,
   context: t,
   localState: n,
@@ -169,14 +169,14 @@ const et = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], m = j({
+    const c = e.bindings[s], u = j({
       code: c,
       localState: n,
       rootState: o,
       rootSetState: i,
       context: t
     });
-    Ze(a, s, m);
+    Xe(a, s, u);
   }
   return a;
 };
@@ -189,7 +189,7 @@ function W({
   rootSetState: r
 }) {
   const a = e;
-  return n ? et({
+  return n ? Ze({
     block: a,
     localState: o,
     rootState: i,
@@ -197,7 +197,7 @@ function W({
     context: t
   }) : a;
 }
-const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], N = (e) => typeof e == "string" && tt.includes(e.toLowerCase()), nt = ({
+const et = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], N = (e) => typeof e == "string" && et.includes(e.toLowerCase()), tt = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -219,7 +219,7 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, ot = ({
+}, nt = ({
   block: e,
   context: t
 }) => {
@@ -239,20 +239,20 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   if (!Array.isArray(i))
     return;
   const r = n.collection.split(".").pop(), a = n.itemName || (r ? r + "Item" : "item");
-  return i.map((c, m) => ({
+  return i.map((c, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: m,
+        $index: u,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: m
+        [`$${a}Index`]: u
       }
     },
     block: o
   }));
-}, ue = {
+}, de = {
   small: {
     min: 320,
     default: 321,
@@ -268,11 +268,11 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     default: 991,
     max: 1200
   }
-}, Q = (e, t = ue) => `@media (max-width: ${t[e].max}px)`, me = ({
+}, J = (e, t = de) => `@media (max-width: ${t[e].max}px)`, ue = ({
   small: e,
   medium: t
 }) => {
-  const n = $(ue);
+  const n = $(de);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -294,17 +294,17 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     min: r,
     default: r + 1
   }, n;
-}, it = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), I = (e) => e != null, fe = (e) => Object.entries(e).map(([n, o]) => {
+}, ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e != null, me = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${it(n)}: ${o};`;
-}).filter(I), rt = (e) => fe(e).join(`
+    return `${ot(n)}: ${o};`;
+}).filter(w), it = (e) => me(e).join(`
 `), _ = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${rt(n)}
+    ${it(n)}
   }`;
   return e ? `${e} {
       ${o}
@@ -313,7 +313,7 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
 function O(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
-function K(e) {
+function rt(e) {
   const t = function() {
     const i = W({
       block: e.block,
@@ -323,7 +323,7 @@ function K(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return I(i.hide) ? !i.hide : I(i.show) ? i.show : !0;
+    return w(i.hide) ? !i.hide : w(i.show) ? i.show : !0;
   }, n = function() {
     var d;
     const i = W({
@@ -333,30 +333,30 @@ function K(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), r = i.responsiveStyles, a = e.context.content, s = me(
+    }), r = i.responsiveStyles, a = e.context.content, s = ue(
       ((d = a == null ? void 0 : a.meta) == null ? void 0 : d.breakpoints) || {}
-    ), c = r == null ? void 0 : r.large, m = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, p = i.id;
-    if (!p)
+    ), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, g = i.id;
+    if (!g)
       return "";
-    const v = c ? _({
-      className: p,
+    const m = c ? _({
+      className: g,
       styles: c
-    }) : "", u = m ? _({
-      className: p,
-      styles: m,
-      mediaQuery: Q(
+    }) : "", f = u ? _({
+      className: g,
+      styles: u,
+      mediaQuery: J(
         "medium",
         s
       )
-    }) : "", f = h ? _({
-      className: p,
+    }) : "", p = h ? _({
+      className: g,
       styles: h,
-      mediaQuery: Q(
+      mediaQuery: J(
         "small",
         s
       )
     }) : "";
-    return [v, u, f].join(" ");
+    return [m, f, p].join(" ");
   };
   return /* @__PURE__ */ l(y, { children: n() && t() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
 }
@@ -423,7 +423,7 @@ function mt(e) {
     case "svelte":
     case "vue":
     case "solid":
-      return fe(e).join(" ");
+      return me(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -461,10 +461,10 @@ const ft = ({
     includeBlockProps: i
   } : s;
 };
-function X(e) {
-  var n, o;
-  const t = e.isInteractive ? We : e.componentRef;
-  return /* @__PURE__ */ l(y, { children: e.componentRef ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ w(
+function Q(e) {
+  var n;
+  const t = e.isInteractive ? Be : e.componentRef;
+  return /* @__PURE__ */ l(y, { children: e.componentRef ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
     t,
     {
       ...ft({
@@ -476,25 +476,15 @@ function X(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: [
-        (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ l(
-          F,
-          {
-            block: i,
-            context: e.context,
-            registeredComponents: e.registeredComponents
-          },
-          "block-" + i.id
-        )),
-        (o = e.blockChildren) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
-          K,
-          {
-            block: i,
-            context: e.context
-          },
-          "block-style-" + i.id
-        ))
-      ]
+      children: (n = e.blockChildren) == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
+        F,
+        {
+          block: o,
+          context: e.context,
+          registeredComponents: e.registeredComponents
+        },
+        o.id
+      ))
     }
   ) }) : null });
 }
@@ -510,15 +500,15 @@ function ht(e) {
   );
 }
 function F(e) {
-  var m, h, p, v;
+  var u, h, g;
   const t = function() {
-    return nt({
+    return tt({
       block: e.block,
       context: e.context,
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return ot({
+    return nt({
       block: e.block,
       context: e.context
     });
@@ -535,111 +525,106 @@ function F(e) {
   }, i = function() {
     return e.block.tagName || "div";
   }, r = function() {
-    var b, x;
-    if ((b = e.block.repeat) != null && b.collection)
-      return !!((x = n()) != null && x.length);
+    var d, b;
+    if ((d = e.block.repeat) != null && d.collection)
+      return !!((b = n()) != null && b.length);
     const f = "hide" in o() ? o().hide : !1;
     return ("show" in o() ? o().show : !0) && !f;
   }, a = function() {
-    var d;
-    return !((d = t()) != null && d.component) && !n() ? o().children ?? [] : [];
+    var p;
+    return !((p = t()) != null && p.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, d, b, x, g;
+    var f, p, d, b, x;
     return {
       blockChildren: o().children ?? [],
       componentRef: (f = t()) == null ? void 0 : f.component,
       componentOptions: {
-        ...Ke(o()),
+        ...je(o()),
         builderContext: e.context,
-        ...((d = t()) == null ? void 0 : d.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
+        ...((p = t()) == null ? void 0 : p.name) === "Symbol" || ((d = t()) == null ? void 0 : d.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((x = t()) == null ? void 0 : x.noWrap) === !0,
-      isInteractive: !((g = t()) != null && g.isRSC)
+      includeBlockProps: ((b = t()) == null ? void 0 : b.noWrap) === !0,
+      isInteractive: !((x = t()) != null && x.isRSC)
     };
   }, c = e.context;
-  return /* @__PURE__ */ l(y, { children: r() ? /* @__PURE__ */ l(y, { children: (m = t()) != null && m.noWrap ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
-    X,
-    {
-      componentRef: s().componentRef,
-      componentOptions: s().componentOptions,
-      blockChildren: s().blockChildren,
-      context: s().context,
-      registeredComponents: s().registeredComponents,
-      builderBlock: s().builderBlock,
-      includeBlockProps: s().includeBlockProps,
-      isInteractive: s().isInteractive
-    }
-  ) }) : /* @__PURE__ */ w(y, { children: [
-    N(i()) ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
-      Y,
-      {
-        Wrapper: i(),
-        block: o(),
-        context: e.context,
-        hasChildren: !1
-      }
-    ) }) : null,
-    !N(i()) && n() ? /* @__PURE__ */ l(y, { children: (h = n()) == null ? void 0 : h.map((u, f) => /* @__PURE__ */ l(
-      ht,
-      {
-        repeatContext: u.context,
-        block: u.block,
-        registeredComponents: e.registeredComponents
-      },
-      f
-    )) }) : null,
-    !N(i()) && !n() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ w(
-      Y,
+  return /* @__PURE__ */ l(y, { children: r() ? /* @__PURE__ */ I(y, { children: [
+    /* @__PURE__ */ l(rt, { block: e.block, context: e.context }),
+    (u = t()) != null && u.noWrap ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
+      Q,
       {
-        Wrapper: i(),
-        block: o(),
-        context: e.context,
-        hasChildren: !0,
-        children: [
-          /* @__PURE__ */ l(
-            X,
-            {
-              componentRef: s().componentRef,
-              componentOptions: s().componentOptions,
-              blockChildren: s().blockChildren,
-              context: s().context,
-              registeredComponents: s().registeredComponents,
-              builderBlock: s().builderBlock,
-              includeBlockProps: s().includeBlockProps,
-              isInteractive: s().isInteractive
-            }
-          ),
-          (p = a()) == null ? void 0 : p.map((u) => /* @__PURE__ */ l(
-            F,
-            {
-              block: u,
-              context: c,
-              registeredComponents: e.registeredComponents
-            },
-            "block-" + u.id
-          )),
-          (v = a()) == null ? void 0 : v.map((u) => /* @__PURE__ */ l(
-            K,
-            {
-              block: u,
-              context: c
-            },
-            "block-style-" + u.id
-          ))
-        ]
+        componentRef: s().componentRef,
+        componentOptions: s().componentOptions,
+        blockChildren: s().blockChildren,
+        context: s().context,
+        registeredComponents: s().registeredComponents,
+        builderBlock: s().builderBlock,
+        includeBlockProps: s().includeBlockProps,
+        isInteractive: s().isInteractive
       }
-    ) }) : null
-  ] }) }) : null });
+    ) }) : /* @__PURE__ */ I(y, { children: [
+      N(i()) ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
+        G,
+        {
+          Wrapper: i(),
+          block: o(),
+          context: e.context,
+          hasChildren: !1
+        }
+      ) }) : null,
+      !N(i()) && n() ? /* @__PURE__ */ l(y, { children: (h = n()) == null ? void 0 : h.map((m, f) => /* @__PURE__ */ l(
+        ht,
+        {
+          repeatContext: m.context,
+          block: m.block,
+          registeredComponents: e.registeredComponents
+        },
+        f
+      )) }) : null,
+      !N(i()) && !n() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ I(
+        G,
+        {
+          Wrapper: i(),
+          block: o(),
+          context: e.context,
+          hasChildren: !0,
+          children: [
+            /* @__PURE__ */ l(
+              Q,
+              {
+                componentRef: s().componentRef,
+                componentOptions: s().componentOptions,
+                blockChildren: s().blockChildren,
+                context: s().context,
+                registeredComponents: s().registeredComponents,
+                builderBlock: s().builderBlock,
+                includeBlockProps: s().includeBlockProps,
+                isInteractive: s().isInteractive
+              }
+            ),
+            (g = a()) == null ? void 0 : g.map((m) => /* @__PURE__ */ l(
+              F,
+              {
+                block: m,
+                context: c,
+                registeredComponents: e.registeredComponents
+              },
+              m.id
+            ))
+          ]
+        }
+      ) }) : null
+    ] })
+  ] }) : null });
 }
-function H(e) {
-  var t, n, o, i;
-  return /* @__PURE__ */ w(
-    $e,
+function K(e) {
+  var t, n, o;
+  return /* @__PURE__ */ l(
+    We,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -647,30 +632,20 @@ function H(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(y, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ l(
-          F,
-          {
-            block: r,
-            context: e.context,
-            registeredComponents: e.registeredComponents
-          },
-          "render-block-" + r.id
-        )) }) : null,
-        e.blocks ? /* @__PURE__ */ l(y, { children: (i = e.blocks) == null ? void 0 : i.map((r) => /* @__PURE__ */ l(
-          K,
-          {
-            block: r,
-            context: e.context
-          },
-          "block-style-" + r.id
-        )) }) : null
-      ]
+      children: e.blocks ? /* @__PURE__ */ l(y, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
+        F,
+        {
+          block: i,
+          context: e.context,
+          registeredComponents: e.registeredComponents
+        },
+        i.id
+      )) }) : null
     }
   );
 }
 function pt(e) {
-  var u;
+  var f;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", i = function(d) {
     var b;
     return ((b = n[d]) == null ? void 0 : b.width) || 100 / n.length;
@@ -687,7 +662,7 @@ function pt(e) {
     desktopStyle: b
   }) {
     return o === "never" ? b : d;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": a({
@@ -696,17 +671,17 @@ function pt(e) {
       })
     };
   }, h = function(d) {
-    const b = d === 0 ? 0 : t, x = r(d), g = `${b}px`, P = "100%", E = 0;
+    const b = d === 0 ? 0 : t, x = r(d), v = `${b}px`, P = "100%", E = 0;
     return {
       width: x,
-      ["marginLeft"]: g,
+      ["marginLeft"]: v,
       "--column-width-mobile": s({
         stackedStyle: P,
         desktopStyle: x
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: E,
-        desktopStyle: g
+        desktopStyle: v
       }),
       "--column-width-tablet": a({
         stackedStyle: P,
@@ -714,17 +689,17 @@ function pt(e) {
       }),
       "--column-margin-left-tablet": a({
         stackedStyle: E,
-        desktopStyle: g
+        desktopStyle: v
       })
     };
-  }, p = function(d) {
-    var x, g;
-    return me(
-      ((g = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : g.breakpoints) || {}
+  }, g = function(d) {
+    var x, v;
+    return ue(
+      ((v = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : v.breakpoints) || {}
     )[d].max;
-  }, v = function() {
+  }, m = function() {
     return `
-        @media (max-width: ${p("medium")}px) {
+        @media (max-width: ${g("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -736,7 +711,7 @@ function pt(e) {
           }
         }
 
-        @media (max-width: ${p("small")}px) {
+        @media (max-width: ${g("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -749,23 +724,23 @@ function pt(e) {
         },
       `;
   };
-  return /* @__PURE__ */ w(y, { children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ I(y, { children: [
+    /* @__PURE__ */ I(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-0d69fe26`,
-        style: m(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
+        style: u(),
         children: [
-          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: v() }) }),
-          (u = e.columns) == null ? void 0 : u.map((f, d) => /* @__PURE__ */ Be(
+          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: m() }) }),
+          (f = e.columns) == null ? void 0 : f.map((p, d) => /* @__PURE__ */ Ve(
             "div",
             {
-              className: "builder-column div-0d69fe26-2",
+              className: "builder-column div-39daef82-2",
               style: h(d),
               key: d
             },
             /* @__PURE__ */ l(
-              H,
+              K,
               {
                 path: `component.options.columns.${d}.blocks`,
                 parent: e.builderBlock.id,
@@ -774,24 +749,24 @@ function pt(e) {
                 },
                 context: e.builderContext,
                 registeredComponents: e.builderComponents,
-                blocks: f.blocks
+                blocks: p.blocks
               }
             )
           ))
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-0d69fe26 {
+    /* @__PURE__ */ l("style", { children: `.div-39daef82 {
   display: flex;
   line-height: normal;
-}.div-0d69fe26-2 {
+}.div-39daef82-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function Z(e) {
+function X(e) {
   return e.replace(/http(s)?:/, "");
 }
 function gt(e = "", t, n) {
@@ -802,11 +777,11 @@ function bt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Z(e);
+    return X(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), i = n[3], r = t.match("x") ? t : `${t}x`;
-    return Z(`${o[0]}_${r}${i}`);
+    return X(`${o[0]}_${r}${i}`);
   }
   return null;
 }
@@ -826,7 +801,7 @@ const yt = (e) => {
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, he = ({
+}, fe = ({
   name: e,
   canTrack: t
 }) => {
@@ -837,14 +812,14 @@ const yt = (e) => {
     k.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, pe = async (e) => he(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), xt = [["secure", ""], ["SameSite", "None"]], St = ({
+}, he = async (e) => fe(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), St = [["secure", ""], ["SameSite", "None"]], xt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (S() ? location.protocol === "https:" : !0) ? xt : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
+  const i = (S() ? location.protocol === "https:" : !0) ? St : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
   return vt(a);
-}, ge = async ({
+}, pe = async ({
   name: e,
   value: t,
   expires: n,
@@ -853,7 +828,7 @@ const yt = (e) => {
   try {
     if (!o)
       return;
-    const i = St({
+    const i = xt({
       name: e,
       value: t,
       expires: n
@@ -862,24 +837,24 @@ const yt = (e) => {
   } catch (i) {
     k.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, kt = "builder.tests", z = (e) => `${kt}.${e}`, Ct = ({
+}, kt = "builder.tests", H = (e) => `${kt}.${e}`, Ct = ({
   contentId: e
-}) => pe({
-  name: z(e),
+}) => he({
+  name: H(e),
   canTrack: !0
 }), wt = ({
   contentId: e
-}) => he({
-  name: z(e),
+}) => fe({
+  name: H(e),
   canTrack: !0
 }), It = ({
   contentId: e,
   value: t
-}) => ge({
-  name: z(e),
+}) => pe({
+  name: H(e),
   value: t,
   canTrack: !0
-}), be = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Tt = ({
+}), ge = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, Tt = ({
   id: e,
   variations: t
 }) => {
@@ -892,7 +867,7 @@ const yt = (e) => {
       return r;
   }
   return e;
-}, ye = (e) => {
+}, be = (e) => {
   const t = Tt(e);
   return It({
     contentId: e.id,
@@ -900,7 +875,7 @@ const yt = (e) => {
   }).catch((n) => {
     k.error("could not store A/B test variation: ", n);
   }), t;
-}, ve = ({
+}, ye = ({
   item: e,
   testGroupId: t
 }) => {
@@ -922,14 +897,14 @@ const yt = (e) => {
     return e;
   if (!e)
     return;
-  if (!be(e))
+  if (!ge(e))
     return e;
   const n = wt({
     contentId: e.id
-  }) || ye({
+  }) || be({
     variations: e.variations,
     id: e.id
-  }), o = ve({
+  }), o = ye({
     item: e,
     testGroupId: n
   });
@@ -941,14 +916,14 @@ const yt = (e) => {
   item: e,
   canTrack: t
 }) => {
-  if (!t || !be(e))
+  if (!t || !ge(e))
     return e;
   const o = await Ct({
     contentId: e.id
-  }) || ye({
+  }) || be({
     variations: e.variations,
     id: e.id
-  }), i = ve({
+  }), i = ye({
     item: e,
     testGroupId: o
   });
@@ -956,7 +931,7 @@ const yt = (e) => {
     ...e,
     ...i
   };
-}, L = (e) => I(e) ? e : !0, Pt = {
+}, L = (e) => w(e) ? e : !0, Pt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1264,15 +1239,15 @@ const yt = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, m) => {
+        return new Promise((c, u) => {
           const h = document.createElement("img");
-          let p = !1;
+          let g = !1;
           h.onload = () => {
-            p = !0, c(h);
-          }, h.addEventListener("error", (v) => {
-            console.warn("Image load failed", v.error), m(v.error);
+            g = !0, c(h);
+          }, h.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), u(m.error);
           }), h.src = a, setTimeout(() => {
-            p || m(new Error("Image load timed out"));
+            g || u(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1542,29 +1517,29 @@ const Mt = {
     defaultValue: !0,
     advanced: !0
   }]
-}, ee = () => [{
-  component: Oe,
+}, Z = () => [{
+  component: $e,
   ...Pt
 }, {
   component: pt,
   ...At
 }, {
-  component: Fe,
+  component: Oe,
   ...Vt
 }, {
-  component: Ne,
+  component: Fe,
   ...Bt
 }, {
-  component: _e,
+  component: Ne,
   ...$t
 }, {
-  component: Le,
+  component: _e,
   ...Ot
 }, {
-  component: Ue,
+  component: Le,
   ...Ft
 }, {
-  component: Me,
+  component: Ue,
   ...Nt
 }, {
   component: $n,
@@ -1573,9 +1548,9 @@ const Mt = {
   component: Ut,
   ...Lt
 }, {
-  component: De,
+  component: Me,
   ...Mt
-}], te = [], jn = (e) => ({
+}], ee = [], jn = (e) => ({
   type: "builder.registerComponent",
   data: U(e)
 }), Dt = (e) => {
@@ -1680,24 +1655,24 @@ const Mt = {
     thisScriptEl?.remove();
   }
   return;
-}`, xe = "builderIoAbTest", Se = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ve = "builderIoAbTest", Se = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), zt = ({
   canTrack: e,
   content: t
-}) => !(!(V(t).length > 0) || !e || S()), qt = (e) => e === "react" || e === "reactNative", ke = qt(T), Gt = () => `
-  window.${xe} = ${Kt}
+}) => !(!(V(t).length > 0) || !e || S()), qt = (e) => e === "react" || e === "reactNative", xe = qt(T), Gt = () => `
+  window.${ve} = ${Kt}
   window.${Se} = ${Ht}
   `, Yt = (e, t) => `
-  window.${xe}(
-    "${t}",${JSON.stringify(e)}, ${ke}
+  window.${ve}(
+    "${t}",${JSON.stringify(e)}, ${xe}
   )`, Jt = ({
   contentId: e,
   variationId: t
 }) => `window.${Se}(
-    "${t}", "${e}", ${ke}
+    "${t}", "${e}", ${xe}
   )`;
 function M(e) {
   return /* @__PURE__ */ l(
@@ -1713,7 +1688,7 @@ const Qt = (e) => {
   return n || k.warn("No previewed ID found in search params."), n;
 };
 function Xt() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ve({
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ae({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
@@ -1747,18 +1722,18 @@ function B(e, t = null, n = ".") {
     };
   }, {});
 }
-const on = "v3", ne = "builder.", rn = "options.", an = (e) => {
+const on = "v3", te = "builder.", rn = "options.", an = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ce = (e) => {
+}, ke = (e) => {
   if (!e)
     return {};
-  const t = we(e), n = {};
+  const t = Ce(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ne)) {
-      const i = o.replace(ne, "").replace(rn, "");
+    if (o.startsWith(te)) {
+      const i = o.replace(te, "").replace(rn, "");
       n[i] = t[o];
     }
   }), n;
@@ -1766,8 +1741,8 @@ const on = "v3", ne = "builder.", rn = "options.", an = (e) => {
   if (!S())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ce(e);
-}, we = (e) => e instanceof URLSearchParams ? an(e) : e, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, q = (e) => {
+  return ke(e);
+}, Ce = (e) => e instanceof URLSearchParams ? an(e) : e, ne = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1779,12 +1754,12 @@ const on = "v3", ne = "builder.", rn = "options.", an = (e) => {
     apiKey: a,
     includeRefs: s = !0,
     enrich: c,
-    locale: m,
+    locale: u,
     apiVersion: h = on,
-    fields: p,
-    omit: v,
-    offset: u,
-    cacheSeconds: f,
+    fields: g,
+    omit: m,
+    offset: f,
+    cacheSeconds: p,
     staleCacheSeconds: d,
     sort: b,
     includeUnpublished: x
@@ -1794,40 +1769,40 @@ const on = "v3", ne = "builder.", rn = "options.", an = (e) => {
   if (!["v2", "v3"].includes(h))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${h}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const g = new URL(`https://cdn.builder.io/api/${h}/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (g.searchParams.set("omit", v || "meta.componentsUsed"), p && g.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && g.searchParams.set("offset", String(Math.floor(u))), typeof x == "boolean" && g.searchParams.set("includeUnpublished", String(x)), f && oe(f) && g.searchParams.set("cacheSeconds", String(f)), d && oe(d) && g.searchParams.set("staleCacheSeconds", String(d)), b) {
+  const v = new URL(`https://cdn.builder.io/api/${h}/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (v.searchParams.set("omit", m || "meta.componentsUsed"), g && v.searchParams.set("fields", g), Number.isFinite(f) && f > -1 && v.searchParams.set("offset", String(Math.floor(f))), typeof x == "boolean" && v.searchParams.set("includeUnpublished", String(x)), p && ne(p) && v.searchParams.set("cacheSeconds", String(p)), d && ne(d) && v.searchParams.set("staleCacheSeconds", String(d)), b) {
     const C = B({
       sort: b
     });
     for (const R in C)
-      g.searchParams.set(R, JSON.stringify(C[R]));
+      v.searchParams.set(R, JSON.stringify(C[R]));
   }
   const P = {
     ...sn(),
-    ...we(e.options || {})
+    ...Ce(e.options || {})
   }, E = B(P);
   for (const C in E)
-    g.searchParams.set(C, String(E[C]));
-  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), i) {
+    v.searchParams.set(C, String(E[C]));
+  if (o && v.searchParams.set("userAttributes", JSON.stringify(o)), i) {
     const C = B({
       query: i
     });
     for (const R in C)
-      g.searchParams.set(R, JSON.stringify(C[R]));
+      v.searchParams.set(R, JSON.stringify(C[R]));
   }
-  return g;
+  return v;
 }, cn = (e) => "results" in e;
-async function G(e) {
-  const t = await Ie({
+async function q(e) {
+  const t = await we({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Kn = G, ln = async (e) => {
-  const t = q(e);
+const Kn = q, ln = async (e) => {
+  const t = z(e);
   return await (await nn(t.href)).json();
-}, dn = async (e, t, n = q(e)) => {
+}, dn = async (e, t, n = z(e)) => {
   const o = L(e.canTrack);
   if (n.search.includes("preview=")) {
     const r = [];
@@ -1852,9 +1827,9 @@ const Kn = G, ln = async (e) => {
   }
   return t.results;
 };
-async function Ie(e) {
+async function we(e) {
   try {
-    const t = q(e), n = await ln(e);
+    const t = z(e), n = await ln(e);
     return cn(n) ? dn(e, n) : (k.error("Error fetching data. ", {
       url: t,
       content: n,
@@ -1864,7 +1839,7 @@ async function Ie(e) {
     return k.error("Error fetching data. ", t), null;
   }
 }
-const Hn = Ie;
+const Hn = we;
 function zn() {
   return !S() || D() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
@@ -1874,19 +1849,19 @@ function un() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Te() {
+function Ie() {
   return un().replace(/-/g, "");
 }
-const Ee = "builderSessionId", mn = async ({
+const Te = "builderSessionId", mn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await pe({
-    name: Ee,
+  const t = await he({
+    name: Te,
     canTrack: e
   });
-  if (I(t))
+  if (w(t))
     return t;
   {
     const n = fn();
@@ -1895,20 +1870,20 @@ const Ee = "builderSessionId", mn = async ({
       canTrack: e
     }), n;
   }
-}, fn = () => Te(), hn = ({
+}, fn = () => Ie(), hn = ({
   id: e,
   canTrack: t
-}) => ge({
-  name: Ee,
+}) => pe({
+  name: Te,
   value: e,
   canTrack: t
-}), Re = () => S() && typeof localStorage < "u" ? localStorage : void 0, pn = ({
+}), Ee = () => S() && typeof localStorage < "u" ? localStorage : void 0, pn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Re()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Ee()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
@@ -1920,20 +1895,20 @@ const Ee = "builderSessionId", mn = async ({
 }) => {
   var o;
   try {
-    t && ((o = Re()) == null || o.setItem(e, n));
+    t && ((o = Ee()) == null || o.setItem(e, n));
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Pe = "builderVisitorId", bn = ({
+}, Re = "builderVisitorId", bn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = pn({
-    key: Pe,
+    key: Re,
     canTrack: e
   });
-  if (I(t))
+  if (w(t))
     return t;
   {
     const n = yn();
@@ -1942,14 +1917,14 @@ const Ee = "builderSessionId", mn = async ({
       canTrack: e
     }), n;
   }
-}, yn = () => Te(), vn = ({
+}, yn = () => Ie(), vn = ({
   id: e,
   canTrack: t
 }) => gn({
-  key: Pe,
+  key: Re,
   value: e,
   canTrack: t
-}), xn = async ({
+}), Sn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1966,7 +1941,7 @@ const Ee = "builderSessionId", mn = async ({
     sessionId: t,
     visitorId: n
   };
-}, Sn = async ({
+}, xn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -1980,10 +1955,10 @@ const Ee = "builderSessionId", mn = async ({
       url: location.href,
       ...o
     },
-    ...await xn({
+    ...await Sn({
       canTrack: t
     }),
-    userAttributes: de(),
+    userAttributes: le(),
     ownerId: n
   }
 });
@@ -1996,7 +1971,7 @@ async function kn(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Sn(e)]
+        events: [await xn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2010,7 +1985,7 @@ const qn = (e) => kn({
   ...e,
   canTrack: !0
 });
-function ie(e) {
+function oe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const Cn = (e, t, n = !0) => {
@@ -2027,11 +2002,11 @@ const Cn = (e, t, n = !0) => {
 }, wn = (e) => Cn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), re = ({
+}), ie = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, r = ie(o / n.width), a = ie(i / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, r = oe(o / n.width), a = oe(i / n.height);
   return {
     x: r,
     y: a
@@ -2041,21 +2016,21 @@ const Cn = (e, t, n = !0) => {
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? re({
+      targetOffset: t ? ie({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? re({
+      builderTargetOffset: n ? ie({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, In = "0.11.2", ae = {};
+}, In = "0.11.4", re = {};
 function Tn(e, t) {
-  let n = ae[e];
-  if (n || (n = ae[e] = []), n.push(t), S()) {
+  let n = re[e];
+  if (n || (n = re[e] = []), n.push(t), S()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2093,10 +2068,10 @@ const Yn = () => {
     }]
   });
 };
-let se = !1;
+let ae = !1;
 const Jn = (e = {}) => {
   var t, n;
-  se || (se = !0, S() && ((t = window.parent) == null || t.postMessage({
+  ae || (ae = !0, S() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: T,
@@ -2119,26 +2094,26 @@ const Jn = (e = {}) => {
     if (o != null && o.type)
       switch (o.type) {
         case "builder.evaluate": {
-          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(a);
-          let h, p = null;
+          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
+          let h, g = null;
           try {
-            h = m.apply(null, s);
-          } catch (v) {
-            p = v;
+            h = u.apply(null, s);
+          } catch (m) {
+            g = m;
           }
-          p ? (i = window.parent) == null || i.postMessage({
+          g ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: p.message
+              error: g.message
             }
-          }, "*") : h && typeof h.then == "function" ? h.then((v) => {
-            var u;
-            (u = window.parent) == null || u.postMessage({
+          }, "*") : h && typeof h.then == "function" ? h.then((m) => {
+            var f;
+            (f = window.parent) == null || f.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: v
+                result: m
               }
             }, "*");
           }).catch(console.error) : (r = window.parent) == null || r.postMessage({
@@ -2240,27 +2215,27 @@ const Vn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ce(e) {
-  var i, r, a, s, c, m, h, p, v;
+function se(e) {
+  var i, r, a, s, c, u, h, g, m;
   const t = Jt({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (i = e.content) == null ? void 0 : i.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     contentId: (r = e.content) == null ? void 0 : r.id
   }), n = [
-    ...ee(),
+    ...Z(),
     // While this `components` object is deprecated, we must maintain support for it.
     // Since users are able to override our default components, we need to make sure that we do not break such
     // existing usage.
     // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
     // which is the new standard way of providing custom components, and must therefore take precedence.
-    ...te,
+    ...ee,
     ...e.customComponents || []
   ].reduce(
-    (u, { component: f, ...d }) => ({
-      ...u,
+    (f, { component: p, ...d }) => ({
+      ...f,
       [d.name]: {
-        component: f,
+        component: p,
         ...U(d)
       }
     }),
@@ -2281,17 +2256,17 @@ function ce(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...ee(),
+      ...Z(),
       // While this `components` object is deprecated, we must maintain support for it.
       // Since users are able to override our default components, we need to make sure that we do not break such
       // existing usage.
       // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
       // which is the new standard way of providing custom components, and must therefore take precedence.
-      ...te,
+      ...ee,
       ...e.customComponents || []
     ].reduce(
-      (u, { component: f, ...d }) => ({
-        ...u,
+      (f, { component: p, ...d }) => ({
+        ...f,
         [d.name]: U(d)
       }),
       {}
@@ -2300,10 +2275,11 @@ function ce(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   };
-  return /* @__PURE__ */ w(
-    je,
+  return /* @__PURE__ */ I(
+    De,
     {
       content: e.content,
+      data: e.data,
       model: e.model,
       context: e.context,
       apiKey: e.apiKey,
@@ -2322,13 +2298,13 @@ function ce(e) {
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (h = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : h.customFonts
+            customFonts: (h = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
           }
         ) }),
         /* @__PURE__ */ l(
-          H,
+          K,
           {
-            blocks: (v = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : v.blocks,
+            blocks: (m = (g = o.content) == null ? void 0 : g.data) == null ? void 0 : m.blocks,
             context: o,
             registeredComponents: n
           }
@@ -2337,7 +2313,7 @@ function ce(e) {
     }
   );
 }
-function Ae(e) {
+function Pe(e) {
   var r, a;
   const t = zt({
     canTrack: L(e.canTrack),
@@ -2345,9 +2321,9 @@ function Ae(e) {
   }), n = function() {
     var c;
     return Yt(
-      V(e.content).map((m) => ({
-        id: m.testVariationId,
-        testRatio: m.testRatio
+      V(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
@@ -2363,9 +2339,9 @@ function Ae(e) {
       canTrack: L(e.canTrack)
     });
   };
-  return /* @__PURE__ */ w(y, { children: [
+  return /* @__PURE__ */ I(y, { children: [
     !e.__isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(M, { scriptStr: Gt() }) }) : null,
-    t ? /* @__PURE__ */ w(y, { children: [
+    t ? /* @__PURE__ */ I(y, { children: [
       /* @__PURE__ */ l(
         O,
         {
@@ -2375,7 +2351,7 @@ function Ae(e) {
       ),
       /* @__PURE__ */ l(M, { scriptStr: n() }),
       (a = V(e.content)) == null ? void 0 : a.map((s) => /* @__PURE__ */ l(
-        ce,
+        se,
         {
           content: s,
           showContent: !1,
@@ -2399,7 +2375,7 @@ function Ae(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      ce,
+      se,
       {
         content: i(),
         showContent: !0,
@@ -2428,7 +2404,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 G({
+    return q({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2444,19 +2420,19 @@ const Wn = async ({
 async function $n(e) {
   var o, i, r, a;
   const t = function() {
-    var c, m;
+    var c, u;
     return [
       e.attributes.className,
       "builder-symbol",
       (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
-      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await Wn({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
-    Ae,
+    Pe,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2473,13 +2449,13 @@ async function $n(e) {
     }
   ) });
 }
-const Qn = H, Xn = Ae, le = {};
+const Qn = K, Xn = Pe, ce = {};
 function Zn(e) {
   if (S()) {
-    Object.assign(le, e);
+    Object.assign(ce, e);
     const t = {
       type: "builder.settingsChange",
-      data: le
+      data: ce
     };
     parent.postMessage(t, "*");
   }
@@ -2496,18 +2472,18 @@ const eo = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ce(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: ke(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await G(n)
+    content: await q(n)
   };
 };
 export {
-  Ce as A,
-  H as B,
-  Ae as C,
+  ke as A,
+  K as B,
+  Pe as C,
   qn as D,
   eo as E,
   Qn as R,
@@ -2527,7 +2503,7 @@ export {
   $ as k,
   k as l,
   jn as m,
-  G as n,
+  q as n,
   nn as o,
   Xt as p,
   Xn as q,
@@ -2537,7 +2513,7 @@ export {
   Tn as u,
   Zn as v,
   dn as w,
-  Ie as x,
+  we as x,
   Hn as y,
   Kn as z
 };