@builder.io/sdk-react-nextjs 0.8.1 → 0.9.0

package/lib/browser/{bundle-179c65a2.js → bundle-a454b553.js}

@@ -1,7 +1,7 @@
-import { LRUCache as Be } from "lru-cache";
+import { LRUCache as Ve } from "lru-cache";
 import { jsx as l, Fragment as y, jsxs as w } from "react/jsx-runtime";
-import { createElement as Pe } from "react";
-import { I as $e, B as Y, a as Oe, b as Fe, C as We, 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-0479ddc8.js";
+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-dfea4654.js";
 import "next/navigation";
 function Ke(e) {
   var t;
@@ -14,11 +14,11 @@ function Ke(e) {
     builderBlock: e
   };
 }
-const V = "[Builder.io]: ", k = {
-  log: (...e) => console.log(V, ...e),
-  error: (...e) => console.error(V, ...e),
-  warn: (...e) => console.warn(V, ...e),
-  debug: (...e) => console.debug(V, ...e)
+const A = "[Builder.io]: ", k = {
+  log: (...e) => console.log(A, ...e),
+  error: (...e) => console.error(A, ...e),
+  warn: (...e) => console.warn(A, ...e),
+  debug: (...e) => console.debug(A, ...e)
 };
 function S() {
   return typeof window < "u" && typeof document < "u";
@@ -87,14 +87,14 @@ const ze = () => {
   context: n,
   event: o,
   localState: i,
-  rootSetState: a,
-  rootState: r
+  rootSetState: r,
+  rootState: a
 }) => {
   const s = Ge({
     builder: t,
     context: n,
     event: o,
-    state: Qe(r, i, a)
+    state: Qe(a, i, r)
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
@@ -103,10 +103,10 @@ function Qe(e, t, n) {
     throw new Error("rootState === localState");
   return new Proxy(e, {
     get: (o, i) => t && i in t ? t[i] : e[i],
-    set: (o, i, a) => {
+    set: (o, i, r) => {
       if (t && i in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[i] = a, n == null || n(e), !0;
+      return e[i] = r, n == null || n(e), !0;
     }
   });
 }
@@ -117,8 +117,8 @@ function j({
   localState: n,
   rootState: o,
   rootSetState: i,
-  event: a,
-  isExpression: r = !0
+  event: r,
+  isExpression: a = !0
 }) {
   if (e === "") {
     k.warn("Skipping evaluation of empty code block.");
@@ -126,11 +126,11 @@ function j({
   }
   const s = {
     code: Je(e, {
-      isExpression: r
+      isExpression: a
     }),
     builder: Ye(),
     context: t,
-    event: a,
+    event: r,
     rootSetState: i,
     rootState: o,
     localState: n
@@ -144,11 +144,11 @@ function j({
     return;
   }
 }
-const O = (e) => JSON.parse(JSON.stringify(e)), Ze = (e, t, n) => {
+const $ = (e) => JSON.parse(JSON.stringify(e)), Ze = (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, a, r) => Object(i[a]) === i[a] ? i[a] : i[a] = Math.abs(Number(o[r + 1])) >> 0 === +o[r + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  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 = ({
   block: e,
@@ -159,13 +159,13 @@ const et = ({
 }) => {
   if (!e.bindings)
     return e;
-  const a = O(e), r = {
-    ...a,
+  const r = $(e), a = {
+    ...r,
     properties: {
-      ...a.properties
+      ...r.properties
     },
     actions: {
-      ...a.actions
+      ...r.actions
     }
   };
   for (const s in e.bindings) {
@@ -176,41 +176,41 @@ const et = ({
       rootSetState: i,
       context: t
     });
-    Ze(r, s, m);
+    Ze(a, s, m);
   }
-  return r;
+  return a;
 };
-function $({
+function W({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
   rootState: i,
-  rootSetState: a
+  rootSetState: r
 }) {
-  const r = e;
+  const a = e;
   return n ? et({
-    block: r,
+    block: a,
     localState: o,
     rootState: i,
-    rootSetState: a,
+    rootSetState: r,
     context: t
-  }) : r;
+  }) : 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 = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var a;
-  const o = (a = $({
+  var r;
+  const o = (r = W({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : a.name;
+  }).component) == null ? void 0 : r.name;
   if (!o)
     return null;
   const i = n[o];
@@ -238,7 +238,7 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   });
   if (!Array.isArray(i))
     return;
-  const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
+  const r = n.collection.split(".").pop(), a = n.itemName || (r ? r + "Item" : "item");
   return i.map((c, m) => ({
     context: {
       ...t,
@@ -246,8 +246,8 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         ...t.localState,
         $index: m,
         $item: c,
-        [r]: c,
-        [`$${r}Index`]: m
+        [a]: c,
+        [`$${a}Index`]: m
       }
     },
     block: o
@@ -272,7 +272,7 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   small: e,
   medium: t
 }) => {
-  const n = O(ue);
+  const n = $(ue);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -287,35 +287,35 @@ const tt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     min: i,
     default: i + 1
   };
-  const a = n.medium.max + 1;
+  const r = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: a,
-    default: a + 1
+    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]) => {
   if (typeof o == "string")
     return `${it(n)}: ${o};`;
-}).filter(I), at = (e) => fe(e).join(`
+}).filter(I), rt = (e) => fe(e).join(`
 `), _ = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${at(n)}
+    ${rt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function F(e) {
+function O(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
 function K(e) {
   const t = function() {
-    const i = $({
+    const i = W({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -326,30 +326,30 @@ function K(e) {
     return I(i.hide) ? !i.hide : I(i.show) ? i.show : !0;
   }, n = function() {
     var d;
-    const i = $({
+    const i = W({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), a = i.responsiveStyles, r = e.context.content, s = me(
-      ((d = r == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints) || {}
-    ), c = a == null ? void 0 : a.large, m = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, g = i.id;
-    if (!g)
+    }), r = i.responsiveStyles, a = e.context.content, s = me(
+      ((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)
       return "";
     const v = c ? _({
-      className: g,
+      className: p,
       styles: c
     }) : "", u = m ? _({
-      className: g,
+      className: p,
       styles: m,
       mediaQuery: Q(
         "medium",
         s
       )
     }) : "", f = h ? _({
-      className: g,
+      className: p,
       styles: h,
       mediaQuery: Q(
         "small",
@@ -358,12 +358,12 @@ function K(e) {
     }) : "";
     return [v, u, f].join(" ");
   };
-  return /* @__PURE__ */ l(y, { children: n() && t() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(F, { styles: n() }) }) : null });
+  return /* @__PURE__ */ l(y, { children: n() && t() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
 }
-function rt(e) {
+function at(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const st = (e) => `on${rt(e)}`, ct = (e, t) => (n) => j({
+const st = (e) => `on${at(e)}`, ct = (e, t) => (n) => j({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -378,22 +378,24 @@ function Un(e) {
     if (!n.hasOwnProperty(o))
       continue;
     const i = n[o];
-    let a = st(o);
+    let r = st(o);
     if (e.stripPrefix)
       switch (T) {
         case "vue2":
         case "vue3":
-          a = a.replace("v-on:", "");
+          r = r.replace("v-on:", "");
           break;
         case "svelte":
-          a = a.replace("on:", "");
+          r = r.replace("on:", "");
           break;
       }
-    t[a] = ct(i, e);
+    t[r] = ct(i, e);
   }
   return t;
 }
-function lt(e) {
+function lt({
+  properties: e
+}) {
   return e.className = e.class, delete e.class, e;
 }
 const dt = (e) => ({
@@ -411,7 +413,11 @@ function ut({
     style: e.style ? mt(e.style) : void 0,
     class: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return lt(n);
+  return lt({
+    properties: n,
+    context: t,
+    block: e
+  });
 }
 function mt(e) {
   switch (T) {
@@ -433,9 +439,9 @@ const ft = ({
   context: n,
   componentRef: o,
   includeBlockProps: i,
-  isInteractive: a,
-  contextValue: r
-}) => a ? {
+  isInteractive: r,
+  contextValue: a
+}) => r ? {
   Wrapper: o,
   block: t,
   context: n,
@@ -449,13 +455,13 @@ const ft = ({
   ...i ? {
     attributes: ut({
       block: t,
-      context: r
+      context: a
     })
   } : {}
 };
 function X(e) {
   var n, o;
-  const t = e.isInteractive ? $e : e.componentRef;
+  const t = e.isInteractive ? We : e.componentRef;
   return /* @__PURE__ */ l(y, { children: e.componentRef ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ w(
     t,
     {
@@ -470,7 +476,7 @@ function X(e) {
       }),
       children: [
         (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ l(
-          W,
+          F,
           {
             block: i,
             context: e.context,
@@ -493,7 +499,7 @@ function X(e) {
 function ht(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
-    W,
+    F,
     {
       block: e.block,
       context: t,
@@ -501,8 +507,8 @@ function ht(e) {
     }
   );
 }
-function W(e) {
-  var m, h, g, v;
+function F(e) {
+  var m, h, p, v;
   const t = function() {
     return nt({
       block: e.block,
@@ -516,7 +522,7 @@ function W(e) {
     });
   }, o = function() {
     var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : $({
+    return (f = e.block.repeat) != null && f.collection ? e.block : W({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -526,17 +532,17 @@ function W(e) {
     });
   }, i = function() {
     return e.block.tagName || "div";
-  }, a = function() {
+  }, r = function() {
     var b, x;
     if ((b = e.block.repeat) != null && b.collection)
       return !!((x = n()) != null && x.length);
     const f = "hide" in o() ? o().hide : !1;
     return ("show" in o() ? o().show : !0) && !f;
-  }, r = function() {
+  }, a = function() {
     var d;
     return !((d = t()) != null && d.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, d, b, x, p;
+    var f, d, b, x, g;
     return {
       blockChildren: o().children ?? [],
       componentRef: (f = t()) == null ? void 0 : f.component,
@@ -551,10 +557,10 @@ function W(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
       includeBlockProps: ((x = t()) == null ? void 0 : x.noWrap) === !0,
-      isInteractive: !((p = t()) != null && p.isRSC)
+      isInteractive: !((g = t()) != null && g.isRSC)
     };
   }, c = e.context;
-  return /* @__PURE__ */ l(y, { children: a() ? /* @__PURE__ */ l(y, { children: (m = t()) != null && m.noWrap ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
+  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,
@@ -606,8 +612,8 @@ function W(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (g = r()) == null ? void 0 : g.map((u) => /* @__PURE__ */ l(
-            W,
+          (p = a()) == null ? void 0 : p.map((u) => /* @__PURE__ */ l(
+            F,
             {
               block: u,
               context: c,
@@ -615,7 +621,7 @@ function W(e) {
             },
             "block-" + u.id
           )),
-          (v = r()) == null ? void 0 : v.map((u) => /* @__PURE__ */ l(
+          (v = a()) == null ? void 0 : v.map((u) => /* @__PURE__ */ l(
             K,
             {
               block: u,
@@ -629,45 +635,47 @@ function W(e) {
   ] }) }) : null });
 }
 function H(e) {
-  var t, n;
+  var t, n, o, i;
   return /* @__PURE__ */ w(
-    Oe,
+    $e,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       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: (t = e.blocks) == null ? void 0 : t.map((o) => /* @__PURE__ */ l(
-          W,
+        e.blocks ? /* @__PURE__ */ l(y, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ l(
+          F,
           {
-            block: o,
+            block: r,
             context: e.context,
             registeredComponents: e.registeredComponents
           },
-          "render-block-" + o.id
+          "render-block-" + r.id
         )) }) : null,
-        e.blocks ? /* @__PURE__ */ l(y, { children: (n = e.blocks) == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
+        e.blocks ? /* @__PURE__ */ l(y, { children: (i = e.blocks) == null ? void 0 : i.map((r) => /* @__PURE__ */ l(
           K,
           {
-            block: o,
+            block: r,
             context: e.context
           },
-          "block-style-" + o.id
+          "block-style-" + r.id
         )) }) : null
       ]
     }
   );
 }
-function gt(e) {
+function pt(e) {
   var u;
   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;
-  }, a = function(d) {
+  }, r = function(d) {
     const b = t * (n.length - 1) / n.length;
     return `calc(${i(d)}% - ${b}px)`;
-  }, r = function({
+  }, a = function({
     stackedStyle: d,
     desktopStyle: b
   }) {
@@ -680,41 +688,41 @@ function gt(e) {
   }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": c,
-      "--flex-dir-tablet": r({
+      "--flex-dir-tablet": a({
         stackedStyle: c,
         desktopStyle: "row"
       })
     };
   }, h = function(d) {
-    const b = d === 0 ? 0 : t, x = a(d), p = `${b}px`, A = "100%", E = 0;
+    const b = d === 0 ? 0 : t, x = r(d), g = `${b}px`, P = "100%", E = 0;
     return {
       width: x,
-      ["marginLeft"]: p,
+      ["marginLeft"]: g,
       "--column-width-mobile": s({
-        stackedStyle: A,
+        stackedStyle: P,
         desktopStyle: x
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: E,
-        desktopStyle: p
+        desktopStyle: g
       }),
-      "--column-width-tablet": r({
-        stackedStyle: A,
+      "--column-width-tablet": a({
+        stackedStyle: P,
         desktopStyle: x
       }),
-      "--column-margin-left-tablet": r({
+      "--column-margin-left-tablet": a({
         stackedStyle: E,
-        desktopStyle: p
+        desktopStyle: g
       })
     };
-  }, g = function(d) {
-    var x, p;
+  }, p = function(d) {
+    var x, g;
     return me(
-      ((p = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : p.breakpoints) || {}
+      ((g = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : g.breakpoints) || {}
     )[d].max;
   }, v = function() {
     return `
-        @media (max-width: ${g("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -726,7 +734,7 @@ function gt(e) {
           }
         }
 
-        @media (max-width: ${g("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -746,8 +754,8 @@ function gt(e) {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-0d69fe26`,
         style: m(),
         children: [
-          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(F, { styles: v() }) }),
-          (u = e.columns) == null ? void 0 : u.map((f, d) => /* @__PURE__ */ Pe(
+          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: v() }) }),
+          (u = e.columns) == null ? void 0 : u.map((f, d) => /* @__PURE__ */ Be(
             "div",
             {
               className: "builder-column div-0d69fe26-2",
@@ -784,7 +792,7 @@ function gt(e) {
 function Z(e) {
   return e.replace(/http(s)?:/, "");
 }
-function pt(e = "", t, n) {
+function gt(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
 }
@@ -795,8 +803,8 @@ function bt(e, t) {
     return Z(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], a = t.match("x") ? t : `${t}x`;
-    return Z(`${o[0]}_${a}${i}`);
+    const o = e.split(n[0]), i = n[3], r = t.match("x") ? t : `${t}x`;
+    return Z(`${o[0]}_${r}${i}`);
   }
   return null;
 }
@@ -807,7 +815,7 @@ function Mn(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${pt(e, "width", i)} ${i}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${gt(e, "width", i)} ${i}w`).concat([n]).join(", ");
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [bt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
@@ -827,14 +835,14 @@ const yt = (e) => {
     k.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ge = async (e) => he(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), xt = [["secure", ""], ["SameSite", "None"]], St = ({
+}, pe = async (e) => he(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), xt = [["secure", ""], ["SameSite", "None"]], St = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (S() ? location.protocol === "https:" : !0) ? xt : [[]], a = n ? [["expires", n.toUTCString()]] : [[]], r = [[e, t], ...a, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
-  return vt(r);
-}, pe = async ({
+  const i = (S() ? location.protocol === "https:" : !0) ? xt : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
+  return vt(a);
+}, ge = async ({
   name: e,
   value: t,
   expires: n,
@@ -854,7 +862,7 @@ const yt = (e) => {
   }
 }, kt = "builder.tests", z = (e) => `${kt}.${e}`, Ct = ({
   contentId: e
-}) => ge({
+}) => pe({
   name: z(e),
   canTrack: !0
 }), wt = ({
@@ -865,7 +873,7 @@ const yt = (e) => {
 }), It = ({
   contentId: e,
   value: t
-}) => pe({
+}) => ge({
   name: z(e),
   value: t,
   canTrack: !0
@@ -876,10 +884,10 @@ const yt = (e) => {
   var i;
   let n = 0;
   const o = Math.random();
-  for (const a in t) {
-    const r = (i = t[a]) == null ? void 0 : i.testRatio;
-    if (n += r, o < n)
-      return a;
+  for (const r in t) {
+    const a = (i = t[r]) == null ? void 0 : i.testRatio;
+    if (n += a, o < n)
+      return r;
   }
   return e;
 }, ye = (e) => {
@@ -946,7 +954,7 @@ const yt = (e) => {
     ...e,
     ...i
   };
-}, L = (e) => I(e) ? e : !0, At = {
+}, L = (e) => I(e) ? e : !0, Pt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -979,7 +987,7 @@ const yt = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, Vt = {
+}, At = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1158,7 +1166,7 @@ const yt = (e) => {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((r) => !r.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1180,7 +1188,7 @@ const yt = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Bt = {
+}, Vt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1202,7 +1210,7 @@ const yt = (e) => {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Pt = {
+}, Bt = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1227,13 +1235,13 @@ const yt = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, $t = ["text/javascript", "application/javascript", "application/ecmascript"], Dn = (e) => $t.includes(e.type), Ot = {
+}, Wt = ["text/javascript", "application/javascript", "application/ecmascript"], Dn = (e) => Wt.includes(e.type), $t = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ft = {
+}, Ot = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1253,29 +1261,29 @@ const yt = (e) => {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(r, s = 6e4) {
+      function n(a, s = 6e4) {
         return new Promise((c, m) => {
           const h = document.createElement("img");
-          let g = !1;
+          let p = !1;
           h.onload = () => {
-            g = !0, c(h);
+            p = !0, c(h);
           }, h.addEventListener("error", (v) => {
             console.warn("Image load failed", v.error), m(v.error);
-          }), h.src = r, setTimeout(() => {
-            g || m(new Error("Image load timed out"));
+          }), h.src = a, setTimeout(() => {
+            p || m(new Error("Image load timed out"));
           }, s);
         });
       }
-      function o(r) {
-        return Math.round(r * 1e3) / 1e3;
+      function o(a) {
+        return Math.round(a * 1e3) / 1e3;
       }
-      const i = e.get("image"), a = e.get("aspectRatio");
-      if (fetch(i).then((r) => r.blob()).then((r) => {
-        r.type.includes("svg") && e.set("noWebp", !0);
-      }), i && (!a || a === 0.7041))
-        return n(i).then((r) => {
+      const i = e.get("image"), r = e.get("aspectRatio");
+      if (fetch(i).then((a) => a.blob()).then((a) => {
+        a.type.includes("svg") && e.set("noWebp", !0);
+      }), i && (!r || r === 0.7041))
+        return n(i).then((a) => {
           const s = e.get("aspectRatio");
-          e.get("image") === i && (!s || s === 0.7041) && r.width && r.height && (e.set("aspectRatio", o(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+          e.get("image") === i && (!s || s === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -1333,7 +1341,7 @@ const yt = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Wt = {
+}, Ft = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1533,31 +1541,31 @@ const Mt = {
     advanced: !0
   }]
 }, ee = () => [{
-  component: Fe,
+  component: Oe,
+  ...Pt
+}, {
+  component: pt,
   ...At
 }, {
-  component: gt,
+  component: Fe,
   ...Vt
-}, {
-  component: We,
-  ...Bt
 }, {
   component: Ne,
-  ...Pt
+  ...Bt
 }, {
   component: _e,
-  ...Ot
+  ...$t
 }, {
   component: Le,
-  ...Ft
+  ...Ot
 }, {
   component: Ue,
-  ...Wt
+  ...Ft
 }, {
   component: Me,
   ...Nt
 }, {
-  component: On,
+  component: $n,
   ..._t
 }, {
   component: Ut,
@@ -1571,14 +1579,14 @@ const Mt = {
 }), Dt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, jt = (e) => typeof e == "function" ? Dt(e) : O(e), U = ({
+}, jt = (e) => typeof e == "function" ? Dt(e) : $(e), U = ({
   inputs: e,
   ...t
 }) => ({
-  ...O(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, a]) => ({
+  ...$(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
-    [i]: jt(a)
+    [i]: jt(r)
   }), {}))
 }), Kt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -1670,14 +1678,14 @@ const Mt = {
     thisScriptEl?.remove();
   }
   return;
-}`, xe = "builderIoAbTest", Se = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, xe = "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
-}) => !(!(B(t).length > 0) || !e || S()), qt = (e) => e === "react" || e === "reactNative", ke = qt(T), Gt = () => `
+}) => !(!(V(t).length > 0) || !e || S()), qt = (e) => e === "react" || e === "reactNative", ke = qt(T), Gt = () => `
   window.${xe} = ${Kt}
   window.${Se} = ${Ht}
   `, Yt = (e, t) => `
@@ -1703,7 +1711,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 Be({
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ve({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
@@ -1725,19 +1733,19 @@ function tn() {
   return e;
 }
 const nn = tn();
-function P(e, t = null, n = ".") {
+function B(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, i) => {
-    const a = e[i], r = [t, i].filter(Boolean).join(n);
-    return [typeof a == "object", a !== null, !(Array.isArray(a) && a.length === 0)].every(Boolean) ? {
+    const r = e[i], a = [t, i].filter(Boolean).join(n);
+    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...P(a, r, n)
+      ...B(r, a, n)
     } : {
       ...o,
-      [r]: a
+      [a]: r
     };
   }, {});
 }
-const on = "v3", ne = "builder.", an = "options.", rn = (e) => {
+const on = "v3", ne = "builder.", rn = "options.", an = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
@@ -1748,7 +1756,7 @@ const on = "v3", ne = "builder.", an = "options.", rn = (e) => {
   const t = we(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ne)) {
-      const i = o.replace(ne, "").replace(an, "");
+      const i = o.replace(ne, "").replace(rn, "");
       n[i] = t[o];
     }
   }), n;
@@ -1757,7 +1765,7 @@ const on = "v3", ne = "builder.", an = "options.", rn = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Ce(e);
-}, we = (e) => e instanceof URLSearchParams ? rn(e) : e, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, q = (e) => {
+}, we = (e) => e instanceof URLSearchParams ? an(e) : e, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, q = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1765,13 +1773,13 @@ const on = "v3", ne = "builder.", an = "options.", rn = (e) => {
     limit: n = 30,
     userAttributes: o,
     query: i,
-    model: a,
-    apiKey: r,
+    model: r,
+    apiKey: a,
     includeRefs: s = !0,
     enrich: c,
     locale: m,
     apiVersion: h = on,
-    fields: g,
+    fields: p,
     omit: v,
     offset: u,
     cacheSeconds: f,
@@ -1779,33 +1787,33 @@ const on = "v3", ne = "builder.", an = "options.", rn = (e) => {
     sort: b,
     includeUnpublished: x
   } = e;
-  if (!r)
+  if (!a)
     throw new Error("Missing API key");
   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 p = new URL(`https://cdn.builder.io/api/${h}/content/${a}?apiKey=${r}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (p.searchParams.set("omit", v || "meta.componentsUsed"), g && p.searchParams.set("fields", g), Number.isFinite(u) && u > -1 && p.searchParams.set("offset", String(Math.floor(u))), typeof x == "boolean" && p.searchParams.set("includeUnpublished", String(x)), f && oe(f) && p.searchParams.set("cacheSeconds", String(f)), d && oe(d) && p.searchParams.set("staleCacheSeconds", String(d)), b) {
-    const C = P({
+  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 C = B({
       sort: b
     });
     for (const R in C)
-      p.searchParams.set(R, JSON.stringify(C[R]));
+      g.searchParams.set(R, JSON.stringify(C[R]));
   }
-  const A = {
+  const P = {
     ...sn(),
     ...we(e.options || {})
-  }, E = P(A);
+  }, E = B(P);
   for (const C in E)
-    p.searchParams.set(C, String(E[C]));
-  if (o && p.searchParams.set("userAttributes", JSON.stringify(o)), i) {
-    const C = P({
+    g.searchParams.set(C, String(E[C]));
+  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), i) {
+    const C = B({
       query: i
     });
     for (const R in C)
-      p.searchParams.set(R, JSON.stringify(C[R]));
+      g.searchParams.set(R, JSON.stringify(C[R]));
   }
-  return p;
+  return g;
 }, cn = (e) => "results" in e;
 async function G(e) {
   const t = await Ie({
@@ -1820,25 +1828,25 @@ const Kn = G, ln = async (e) => {
 }, dn = async (e, t, n = q(e)) => {
   const o = L(e.canTrack);
   if (n.search.includes("preview=")) {
-    const a = [];
-    for (const r of t.results) {
+    const r = [];
+    for (const a of t.results) {
       const s = Zt(n.searchParams);
-      a.push(s || r);
+      r.push(s || a);
     }
-    t.results = a;
+    t.results = r;
   }
   if (!o || !(S() || T === "reactNative"))
     return t;
   try {
-    const a = [];
-    for (const r of t.results)
-      a.push(await Rt({
-        item: r,
+    const r = [];
+    for (const a of t.results)
+      r.push(await Rt({
+        item: a,
         canTrack: o
       }));
-    t.results = a;
-  } catch (a) {
-    k.error("Could not process A/B tests. ", a);
+    t.results = r;
+  } catch (r) {
+    k.error("Could not process A/B tests. ", r);
   }
   return t;
 };
@@ -1872,7 +1880,7 @@ const Ee = "builderSessionId", mn = async ({
 }) => {
   if (!e)
     return;
-  const t = await ge({
+  const t = await pe({
     name: Ee,
     canTrack: e
   });
@@ -1888,11 +1896,11 @@ const Ee = "builderSessionId", mn = async ({
 }, fn = () => Te(), hn = ({
   id: e,
   canTrack: t
-}) => pe({
+}) => ge({
   name: Ee,
   value: e,
   canTrack: t
-}), Re = () => S() && typeof localStorage < "u" ? localStorage : void 0, gn = ({
+}), Re = () => S() && typeof localStorage < "u" ? localStorage : void 0, pn = ({
   key: e,
   canTrack: t
 }) => {
@@ -1903,7 +1911,7 @@ const Ee = "builderSessionId", mn = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, pn = ({
+}, gn = ({
   key: e,
   canTrack: t,
   value: n
@@ -1914,13 +1922,13 @@ const Ee = "builderSessionId", mn = async ({
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Ae = "builderVisitorId", bn = ({
+}, Pe = "builderVisitorId", bn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = gn({
-    key: Ae,
+  const t = pn({
+    key: Pe,
     canTrack: e
   });
   if (I(t))
@@ -1935,8 +1943,8 @@ const Ee = "builderSessionId", mn = async ({
 }, yn = () => Te(), vn = ({
   id: e,
   canTrack: t
-}) => pn({
-  key: Ae,
+}) => gn({
+  key: Pe,
   value: e,
   canTrack: t
 }), xn = async ({
@@ -2017,35 +2025,35 @@ 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;
-}), ae = ({
+}), re = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, a = ie(o / n.width), r = ie(i / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, r = ie(o / n.width), a = ie(i / n.height);
   return {
-    x: a,
-    y: r
+    x: r,
+    y: a
   };
 }, Gn = (e) => {
   const t = e.target, n = t && wn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ae({
+      targetOffset: t ? re({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ae({
+      builderTargetOffset: n ? re({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, In = "0.8.1", re = {};
+}, In = "0.9.0", ae = {};
 function Tn(e, t) {
-  let n = re[e];
-  if (n || (n = re[e] = []), n.push(t), S()) {
+  let n = ae[e];
+  if (n || (n = ae[e] = []), n.push(t), S()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2105,22 +2113,22 @@ const Jn = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var i, a;
+    var i, r;
     if (o != null && o.type)
       switch (o.type) {
         case "builder.evaluate": {
-          const r = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(r);
-          let h, g = null;
+          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(a);
+          let h, p = null;
           try {
             h = m.apply(null, s);
           } catch (v) {
-            g = v;
+            p = v;
           }
-          g ? (i = window.parent) == null || i.postMessage({
+          p ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: g.message
+              error: p.message
             }
           }, "*") : h && typeof h.then == "function" ? h.then((v) => {
             var u;
@@ -2131,7 +2139,7 @@ const Jn = (e = {}) => {
                 result: v
               }
             }, "*");
-          }).catch(console.error) : (a = window.parent) == null || a.postMessage({
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: h,
@@ -2143,8 +2151,8 @@ const Jn = (e = {}) => {
       }
   })));
 }, En = (e) => {
-  var a;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((a = e == null ? void 0 : e.files) == null ? void 0 : a.regular);
+  var r;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let i = "";
   if (o && t && n && (i += `
 @font-face {
@@ -2154,16 +2162,16 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const r in e.files) {
-      if (!(String(Number(r)) === r))
+    for (const a in e.files) {
+      if (!(String(Number(a)) === a))
         continue;
-      const c = e.files[r];
+      const c = e.files[a];
       c && c !== o && (i += `
 @font-face {
 font-family: "${t}";
 src: url('${c}') format('woff2');
 font-display: fallback;
-font-weight: ${r};
+font-weight: ${a};
 }
         `.trim());
     }
@@ -2173,13 +2181,13 @@ font-weight: ${r};
 }) => {
   var t;
   return ((t = e == null ? void 0 : e.map((n) => En(n))) == null ? void 0 : t.join(" ")) || "";
-}, An = ({
+}, Pn = ({
   cssCode: e,
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function Vn(e) {
+function An(e) {
   const t = `
-${An({
+${Pn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
@@ -2200,16 +2208,16 @@ ${Rn({
   font-family: inherit;
 }
 `.trim();
-  return /* @__PURE__ */ l(F, { styles: t });
+  return /* @__PURE__ */ l(O, { styles: t });
 }
-const Bn = ({
+const Vn = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var a, r, s;
-  const o = {}, i = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
+  var r, a, s;
+  const o = {}, i = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.state) || {};
+  return (s = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || s.forEach((c) => {
     c.name && c.defaultValue !== void 0 && (o[c.name] = c.defaultValue);
   }), {
     ...o,
@@ -2219,7 +2227,7 @@ const Bn = ({
       locale: n
     } : {}
   };
-}, Pn = ({
+}, Bn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2231,12 +2239,12 @@ const Bn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ce(e) {
-  var i, a, r, s, c, m, h, g, v;
+  var i, r, a, s, c, m, h, p, v;
   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: (a = e.content) == null ? void 0 : a.id
+    contentId: (r = e.content) == null ? void 0 : r.id
   }), n = [
     ...ee(),
     // While this `components` object is deprecated, we must maintain support for it.
@@ -2256,12 +2264,12 @@ function ce(e) {
     }),
     {}
   ), o = {
-    content: Pn({
+    content: Bn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Bn({
+    rootState: Vn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2286,7 +2294,9 @@ function ce(e) {
       }),
       {}
     ),
-    inheritedStyles: {}
+    inheritedStyles: {},
+    BlocksWrapper: e.blocksWrapper || "div",
+    BlocksWrapperProps: e.blocksWrapperProps || {}
   };
   return /* @__PURE__ */ w(
     je,
@@ -2301,12 +2311,14 @@ function ce(e) {
       enrich: e.enrich,
       showContent: e.showContent,
       builderContextSignal: o,
+      contentWrapper: e.contentWrapper,
+      contentWrapperProps: e.contentWrapperProps,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(M, { scriptStr: t }) }) : null,
         /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
-          Vn,
+          An,
           {
-            contentId: (r = o.content) == null ? void 0 : r.id,
+            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
           }
@@ -2314,7 +2326,7 @@ function ce(e) {
         /* @__PURE__ */ l(
           H,
           {
-            blocks: (v = (g = o.content) == null ? void 0 : g.data) == null ? void 0 : v.blocks,
+            blocks: (v = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : v.blocks,
             context: o,
             registeredComponents: n
           }
@@ -2323,22 +2335,22 @@ function ce(e) {
     }
   );
 }
-function Ve(e) {
-  var a, r;
+function Ae(e) {
+  var r, a;
   const t = zt({
     canTrack: L(e.canTrack),
     content: e.content
   }), n = function() {
     var c;
     return Yt(
-      B(e.content).map((m) => ({
+      V(e.content).map((m) => ({
         id: m.testVariationId,
         testRatio: m.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
   }, o = function() {
-    return B(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
+    return V(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
   }, i = function() {
     var c;
     return t ? {
@@ -2353,14 +2365,14 @@ function Ve(e) {
     !e.__isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(M, { scriptStr: Gt() }) }) : null,
     t ? /* @__PURE__ */ w(y, { children: [
       /* @__PURE__ */ l(
-        F,
+        O,
         {
-          id: `variants-styles-${(a = e.content) == null ? void 0 : a.id}`,
+          id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
           styles: o()
         }
       ),
       /* @__PURE__ */ l(M, { scriptStr: n() }),
-      (r = B(e.content)) == null ? void 0 : r.map((s) => /* @__PURE__ */ l(
+      (a = V(e.content)) == null ? void 0 : a.map((s) => /* @__PURE__ */ l(
         ce,
         {
           content: s,
@@ -2375,7 +2387,11 @@ function Ve(e) {
           locale: e.locale,
           includeRefs: e.includeRefs,
           enrich: e.enrich,
-          isSsrAbTest: t
+          isSsrAbTest: t,
+          blocksWrapper: e.blocksWrapper,
+          blocksWrapperProps: e.blocksWrapperProps,
+          contentWrapper: e.contentWrapper,
+          contentWrapperProps: e.contentWrapperProps
         },
         s.testVariationId
       ))
@@ -2395,12 +2411,16 @@ function Ve(e) {
         locale: e.locale,
         includeRefs: e.includeRefs,
         enrich: e.enrich,
-        isSsrAbTest: t
+        isSsrAbTest: t,
+        blocksWrapper: e.blocksWrapper,
+        blocksWrapperProps: e.blocksWrapperProps,
+        contentWrapper: e.contentWrapper,
+        contentWrapperProps: e.contentWrapperProps
       }
     )
   ] });
 }
-const $n = async ({
+const Wn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -2419,8 +2439,8 @@ const $n = async ({
       k.error("Could not fetch symbol content: ", n);
     });
 };
-async function On(e) {
-  var o, i, a, r;
+async function $n(e) {
+  var o, i, r, a;
   const t = function() {
     var c, m;
     return [
@@ -2429,12 +2449,12 @@ async function On(e) {
       (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
       (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await $n({
+  }, 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(
-    Ve,
+    Ae,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2444,14 +2464,14 @@ async function On(e) {
       data: {
         ...(i = e.symbol) == null ? void 0 : i.data,
         ...e.builderContext.localState,
-        ...(a = n == null ? void 0 : n.data) == null ? void 0 : a.state
+        ...(r = n == null ? void 0 : n.data) == null ? void 0 : r.state
       },
-      model: (r = e.symbol) == null ? void 0 : r.model,
+      model: (a = e.symbol) == null ? void 0 : a.model,
       content: n
     }
   ) });
 }
-const Qn = H, Xn = Ve, le = {};
+const Qn = H, Xn = Ae, le = {};
 function Zn(e) {
   if (S()) {
     Object.assign(le, e);
@@ -2463,7 +2483,7 @@ function Zn(e) {
   }
 }
 const eo = async (e) => {
-  var o, i, a;
+  var o, i, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -2474,7 +2494,7 @@ const eo = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ce(e.searchParams || ((a = e.url) == null ? void 0 : a.searchParams) || e.options)
+    options: Ce(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -2485,11 +2505,11 @@ const eo = async (e) => {
 export {
   Ce as A,
   H as B,
-  Ve as C,
+  Ae as C,
   qn as D,
   eo as E,
   Qn as R,
-  On as S,
+  $n as S,
   Ut as T,
   kn as _,
   Un as a,
@@ -2502,7 +2522,7 @@ export {
   j as h,
   D as i,
   Gn as j,
-  O as k,
+  $ as k,
   k as l,
   jn as m,
   G as n,
@@ -2511,7 +2531,7 @@ export {
   Xn as q,
   Yn as r,
   Jn as s,
-  gt as t,
+  pt as t,
   Tn as u,
   Zn as v,
   dn as w,