@builder.io/sdk-react 0.6.2 → 0.6.4

package/lib/browser/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as E, Fragment as f, jsx as l } from "react/jsx-runtime";
-import { useState as k, createContext as ye, useContext as ae, createElement as $e, useRef as X, useEffect as P } from "react";
-import { j as Z, l as _, i as V, k as F, m as Pe, n as K, T as U, r as Ae, c as Be, o as oe, a as Ve, b as Se, p as Fe, q as re, u as le, v as ce, w as Ne } from "./server-entry-f7504f89.mjs";
+import { createContext as ye, useState as p, useContext as ae, createElement as $e, useRef as Z, useEffect as P } from "react";
+import { j as ee, l as _, i as V, k as F, m as Pe, n as K, T as U, r as Ae, c as Be, o as oe, a as Ve, b as Se, p as Fe, q as re, u as le, v as ce, w as Ne } from "./server-entry-f7504f89.mjs";
 import { _ as an, h as on, f as rn, g as ln, e as cn, d as sn, s as dn, t as un } from "./server-entry-f7504f89.mjs";
 function We(e) {
   return /* @__PURE__ */ E(f, { children: [
@@ -44,11 +44,11 @@ const ve = {
     default: 991,
     max: 1200
   }
-}, se = (e, t = ve) => `@media (max-width: ${t[e].max}px)`, pe = ({
+}, se = (e, t = ve) => `@media (max-width: ${t[e].max}px)`, ke = ({
   small: e,
   medium: t
 }) => {
-  const n = Z(ve);
+  const n = ee(ve);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -162,7 +162,7 @@ const _e = ({
 }) => {
   if (!e.bindings)
     return e;
-  const o = Z(e), r = {
+  const o = ee(e), r = {
     ...o,
     properties: {
       ...o.properties
@@ -183,7 +183,7 @@ const _e = ({
   }
   return r;
 };
-function ee({
+function O({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -200,11 +200,11 @@ function ee({
     context: t
   }) : r;
 }
-const Ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), ke = (e) => Object.entries(e).map(([n, i]) => {
+const Ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), pe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${Ke(n)}: ${i};`;
-}).filter(K), Oe = (e) => ke(e).join(`
-`), D = ({
+}).filter(K), Oe = (e) => pe(e).join(`
+`), J = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -216,51 +216,56 @@ const Ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
       ${i}
     }` : i;
 };
-function H(e) {
+function z(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
 function te(e) {
-  const [t, n] = k(
-    () => ee({
+  function t() {
+    const i = O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    })
-  );
-  function i() {
-    return K(t.hide) ? !t.hide : K(t.show) ? t.show : !0;
+    });
+    return K(i.hide) ? !i.hide : K(i.show) ? i.show : !0;
   }
-  function a() {
+  function n() {
     var h;
-    const o = t.responsiveStyles, r = e.context.content, d = pe(
-      ((h = r == null ? void 0 : r.meta) == null ? void 0 : h.breakpoints) || {}
-    ), c = o == null ? void 0 : o.large, s = o == null ? void 0 : o.medium, u = o == null ? void 0 : o.small, m = t.id;
-    if (!m)
+    const i = O({
+      block: e.block,
+      localState: e.context.localState,
+      rootState: e.context.rootState,
+      rootSetState: e.context.rootSetState,
+      context: e.context.context,
+      shouldEvaluateBindings: !0
+    }), a = i.responsiveStyles, o = e.context.content, r = ke(
+      ((h = o == null ? void 0 : o.meta) == null ? void 0 : h.breakpoints) || {}
+    ), d = a == null ? void 0 : a.large, c = a == null ? void 0 : a.medium, s = a == null ? void 0 : a.small, u = i.id;
+    if (!u)
       return "";
-    const y = c ? D({
-      className: m,
-      styles: c
-    }) : "", p = s ? D({
-      className: m,
-      styles: s,
+    const m = d ? J({
+      className: u,
+      styles: d
+    }) : "", y = c ? J({
+      className: u,
+      styles: c,
       mediaQuery: se(
         "medium",
-        d
+        r
       )
-    }) : "", x = u ? D({
-      className: m,
-      styles: u,
+    }) : "", k = s ? J({
+      className: u,
+      styles: s,
       mediaQuery: se(
         "small",
-        d
+        r
       )
     }) : "";
-    return [y, p, x].join(" ");
+    return [m, y, k].join(" ");
   }
-  return /* @__PURE__ */ l(f, { children: a() && i() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: a() }) }) : null });
+  return /* @__PURE__ */ l(f, { children: n() && t() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(z, { styles: n() }) }) : null });
 }
 function He(e) {
   var t;
@@ -273,13 +278,13 @@ function He(e) {
     builderBlock: e
   };
 }
-const ze = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], J = (e) => typeof e == "string" && ze.includes(e.toLowerCase()), qe = ({
+const ze = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], Y = (e) => typeof e == "string" && ze.includes(e.toLowerCase()), qe = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var o;
-  const i = (o = ee({
+  const i = (o = O({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -341,9 +346,9 @@ const ze = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   inheritedStyles: {}
 });
 function Je(e) {
-  const [t, n] = k(() => e.repeatContext);
+  const [t, n] = p(() => e.repeatContext);
   return /* @__PURE__ */ l(ne.Provider, { value: t, children: /* @__PURE__ */ l(
-    z,
+    q,
     {
       block: e.block,
       context: t,
@@ -363,7 +368,7 @@ const Ge = (e) => `on${Ye(e)}`, Qe = (e, t) => (n) => M({
   event: n,
   isExpression: !1
 });
-function G(e) {
+function Q(e) {
   const t = {}, n = e.block.actions ?? {};
   for (const i in n) {
     if (!n.hasOwnProperty(i))
@@ -390,7 +395,7 @@ function Xe(e) {
 const Ze = (e) => ({
   href: e.href
 });
-function O({
+function H({
   block: e,
   context: t
 }) {
@@ -410,7 +415,7 @@ function et(e) {
     case "vue2":
     case "vue3":
     case "solid":
-      return ke(e).join(" ");
+      return pe(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -424,11 +429,11 @@ function tt(e) {
     {
       ...e.wrapperProps,
       attributes: {
-        ...O({
+        ...H({
           block: e.block,
           context: e.context
         }),
-        ...G({
+        ...Q({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -460,7 +465,7 @@ const nt = ({
    * component itself directly. Otherwise, they are provided to the wrapper element.
    */
   ...a ? {
-    attributes: O({
+    attributes: H({
       block: t,
       context: r
     })
@@ -468,7 +473,7 @@ const nt = ({
 };
 function de(e) {
   var i, a;
-  const [t, n] = k(
+  const [t, n] = p(
     () => e.isInteractive ? tt : e.componentRef
   );
   return /* @__PURE__ */ l(f, { children: e.componentRef ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
@@ -485,7 +490,7 @@ function de(e) {
       }),
       children: [
         (i = e.blockChildren) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
-          z,
+          q,
           {
             block: o,
             context: e.context,
@@ -511,11 +516,11 @@ function ue(e) {
     e.hasChildren ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
       e.Wrapper,
       {
-        ...O({
+        ...H({
           block: e.block,
           context: e.context
         }),
-        ...G({
+        ...Q({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -532,11 +537,11 @@ function ue(e) {
     ) }) : /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
       e.Wrapper,
       {
-        ...O({
+        ...H({
           block: e.block,
           context: e.context
         }),
-        ...G({
+        ...Q({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -549,8 +554,8 @@ function ue(e) {
     " "
   ] });
 }
-function z(e) {
-  var u, m, y, p;
+function q(e) {
+  var u, m, y, k;
   function t() {
     return qe({
       block: e.block,
@@ -565,7 +570,7 @@ function z(e) {
     });
   }
   function i() {
-    return n() ? e.block : ee({
+    return n() ? e.block : O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -581,18 +586,18 @@ function z(e) {
     return "hide" in i() ? !i().hide : "show" in i() ? i().show : !0;
   }
   function r() {
-    var h;
-    return !((h = t == null ? void 0 : t()) != null && h.component) && !n() ? i().children ?? [] : [];
+    var x;
+    return !((x = t == null ? void 0 : t()) != null && x.component) && !n() ? i().children ?? [] : [];
   }
   function d() {
-    var x, h, C, T, g;
+    var h, x, C, T, g;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (x = t == null ? void 0 : t()) == null ? void 0 : x.component,
+      componentRef: (h = t == null ? void 0 : t()) == null ? void 0 : h.component,
       componentOptions: {
         ...He(i()),
         builderContext: e.context,
-        ...((h = t == null ? void 0 : t()) == null ? void 0 : h.name) === "Symbol" || ((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Columns" ? {
+        ...((x = t == null ? void 0 : t()) == null ? void 0 : x.name) === "Symbol" || ((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -603,9 +608,9 @@ function z(e) {
       isInteractive: !((g = t == null ? void 0 : t()) != null && g.isRSC)
     };
   }
-  const [c, s] = k(() => e.context);
+  const [c, s] = p(() => e.context);
   return /* @__PURE__ */ l(f, { children: o() ? /* @__PURE__ */ l(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(de, { ...d() }) }) : /* @__PURE__ */ E(f, { children: [
-    J(a()) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+    Y(a()) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
       ue,
       {
         Wrapper: a(),
@@ -614,16 +619,16 @@ function z(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !J(a()) && n() ? /* @__PURE__ */ l(f, { children: (m = n()) == null ? void 0 : m.map((x, h) => /* @__PURE__ */ l(
+    !Y(a()) && n() ? /* @__PURE__ */ l(f, { children: (m = n()) == null ? void 0 : m.map((h, x) => /* @__PURE__ */ l(
       Je,
       {
-        repeatContext: x.context,
-        block: x.block,
+        repeatContext: h.context,
+        block: h.block,
         registeredComponents: e.registeredComponents
       },
-      h
+      x
     )) }) : null,
-    !J(a()) && !n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
+    !Y(a()) && !n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
       ue,
       {
         Wrapper: a(),
@@ -632,22 +637,22 @@ function z(e) {
         hasChildren: !0,
         children: [
           /* @__PURE__ */ l(de, { ...d() }),
-          (y = r()) == null ? void 0 : y.map((x) => /* @__PURE__ */ l(
-            z,
+          (y = r()) == null ? void 0 : y.map((h) => /* @__PURE__ */ l(
+            q,
             {
-              block: x,
+              block: h,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + x.id
+            "block-" + h.id
           )),
-          (p = r()) == null ? void 0 : p.map((x) => /* @__PURE__ */ l(
+          (k = r()) == null ? void 0 : k.map((h) => /* @__PURE__ */ l(
             te,
             {
-              block: x,
+              block: h,
               context: c
             },
-            "block-style-" + x.id
+            "block-style-" + h.id
           ))
         ]
       }
@@ -719,7 +724,7 @@ function ie(e) {
       styleProp: e.styleProp,
       children: [
         e.blocks ? /* @__PURE__ */ l(f, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
-          z,
+          q,
           {
             block: o,
             context: e.context || t,
@@ -741,9 +746,9 @@ function ie(e) {
 }
 function at(e) {
   var T;
-  const [t, n] = k(
+  const [t, n] = p(
     () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [i, a] = k(() => e.columns || []), [o, r] = k(
+  ), [i, a] = p(() => e.columns || []), [o, r] = p(
     () => e.stackColumnsAt || "tablet"
   );
   function d(g) {
@@ -766,10 +771,10 @@ function at(e) {
   }) {
     return o === "never" ? R : g;
   }
-  const [m, y] = k(
+  const [m, y] = p(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function p() {
+  function k() {
     return {
       "--flex-dir": m,
       "--flex-dir-tablet": s({
@@ -778,7 +783,7 @@ function at(e) {
       })
     };
   }
-  function x(g) {
+  function h(g) {
     const R = g === 0 ? 0 : t, A = c(g), B = `${R}px`, N = "100%", W = 0;
     return {
       width: A,
@@ -801,15 +806,15 @@ function at(e) {
       })
     };
   }
-  function h(g) {
+  function x(g) {
     var A, B;
-    return pe(
+    return ke(
       ((B = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : B.breakpoints) || {}
     )[g].max;
   }
   function C() {
     return `
-        @media (max-width: ${h("medium")}px) {
+        @media (max-width: ${x("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -821,7 +826,7 @@ function at(e) {
           }
         }
 
-        @media (max-width: ${h("small")}px) {
+        @media (max-width: ${x("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -839,14 +844,14 @@ function at(e) {
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-d734ad62`,
-        style: p(),
+        style: k(),
         children: [
-          /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: C() }) }),
+          /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(z, { styles: C() }) }),
           (T = e.columns) == null ? void 0 : T.map((g, R) => /* @__PURE__ */ $e(
             "div",
             {
               className: "builder-column div-d734ad62-2",
-              style: x(R),
+              style: h(R),
               key: R
             },
             /* @__PURE__ */ l(
@@ -898,7 +903,7 @@ function lt(e, t) {
   }
   return null;
 }
-function Y(e) {
+function G(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -920,10 +925,10 @@ function ct(e) {
       return e.srcset;
     if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), Y(s);
+        return console.debug("Removed given srcset"), G(s);
     } else if (e.image && !e.srcset)
-      return Y(s);
-    return Y(s);
+      return G(s);
+    return G(s);
   }
   function n() {
     var c;
@@ -1024,34 +1029,34 @@ const L = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t
 function ut(e, t, n) {
   var r;
   function i() {
-    function d(x, h, C) {
+    function d(h, x, C) {
       let T = "";
       if (C) {
         const g = /* @__PURE__ */ new Date();
         g.setTime(g.getTime() + C * 24 * 60 * 60 * 1e3), T = "; expires=" + g.toUTCString();
       }
-      document.cookie = x + "=" + (h || "") + T + "; path=/; Secure; SameSite=None";
+      document.cookie = h + "=" + (x || "") + T + "; path=/; Secure; SameSite=None";
     }
-    function c(x) {
-      const h = x + "=", C = document.cookie.split(";");
+    function c(h) {
+      const x = h + "=", C = document.cookie.split(";");
       for (let T = 0; T < C.length; T++) {
         let g = C[T];
         for (; g.charAt(0) === " "; )
           g = g.substring(1, g.length);
-        if (g.indexOf(h) === 0)
-          return g.substring(h.length, g.length);
+        if (g.indexOf(x) === 0)
+          return g.substring(x.length, g.length);
       }
       return null;
     }
-    const s = `builder.tests.${e}`, u = c(s), m = t.map((x) => x.id).concat(e);
+    const s = `builder.tests.${e}`, u = c(s), m = t.map((h) => h.id).concat(e);
     if (u && m.includes(u))
       return u;
     let y = 0;
-    const p = Math.random();
-    for (let x = 0; x < t.length; x++) {
-      const h = t[x], C = h.testRatio;
-      if (y += C, p < y)
-        return d(s, h.id), h.id;
+    const k = Math.random();
+    for (let h = 0; h < t.length; h++) {
+      const x = t[h], C = x.testRatio;
+      if (y += C, k < y)
+        return d(s, x.id), x.id;
     }
     return d(s, e), e;
   }
@@ -1075,11 +1080,11 @@ function mt(e, t, n) {
   function i(s) {
     const u = s + "=", m = document.cookie.split(";");
     for (let y = 0; y < m.length; y++) {
-      let p = m[y];
-      for (; p.charAt(0) === " "; )
-        p = p.substring(1, p.length);
-      if (p.indexOf(u) === 0)
-        return p.substring(u.length, p.length);
+      let k = m[y];
+      for (; k.charAt(0) === " "; )
+        k = k.substring(1, k.length);
+      if (k.indexOf(u) === 0)
+        return k.substring(u.length, k.length);
     }
     return null;
   }
@@ -1444,7 +1449,7 @@ const ft = (e) => e === "react" || e === "reactNative", we = ft(U), Ie = "builde
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, pt = {
+}, kt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1483,7 +1488,7 @@ const ft = (e) => e === "react" || e === "reactNative", we = ft(U), Ie = "builde
       }
     }
   }]
-}, kt = {
+}, pt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1538,7 +1543,7 @@ const ft = (e) => e === "react" || e === "reactNative", we = ft(U), Ie = "builde
 function wt(e) {
   var t;
   return /* @__PURE__ */ l(
-    "span",
+    "div",
     {
       className: "builder-text",
       dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
@@ -1704,7 +1709,7 @@ const Rt = {
   }]
 }, Et = ["text/javascript", "application/javascript", "application/ecmascript"], $t = (e) => Et.includes(e.type);
 function Pt(e) {
-  const t = X(null), [n, i] = k(() => []), [a, o] = k(() => []), [r, d] = k(() => !1);
+  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []), [r, d] = p(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1765,7 +1770,7 @@ const Bt = {
   static: !0
 };
 function Vt(e) {
-  const t = X(null), [n, i] = k(() => []), [a, o] = k(() => []);
+  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []);
   function r() {
     if (t.current && t.current.getElementsByTagName && typeof window < "u") {
       const d = t.current.getElementsByTagName("script");
@@ -1849,10 +1854,10 @@ const Ft = {
   ...Bt
 }, {
   component: st,
-  ...pt
+  ...kt
 }, {
   component: Yt,
-  ...kt
+  ...pt
 }, {
   component: wt,
   ...Ct
@@ -1895,7 +1900,7 @@ font-weight: ${r};
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
 function Mt(e) {
-  const [t, n] = k(
+  const [t, n] = p(
     () => `
 ${jt({
       cssCode: e.cssCode,
@@ -1919,7 +1924,7 @@ ${Wt({
 }
 `.trim()
   );
-  return /* @__PURE__ */ l(H, { styles: t });
+  return /* @__PURE__ */ l(z, { styles: t });
 }
 const Ut = ({
   content: e,
@@ -1953,7 +1958,7 @@ const Ut = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, _t = "0.6.2", Kt = () => {
+} : void 0, _t = "0.6.4", Kt = () => {
   Ae("insertMenu", {
     name: "_default",
     default: !0,
@@ -2016,8 +2021,8 @@ const Ot = (e = {}) => {
               error: m.message
             }
           }, "*") : u && typeof u.then == "function" ? u.then((y) => {
-            var p;
-            (p = window.parent) == null || p.postMessage({
+            var k;
+            (k = window.parent) == null || k.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
@@ -2080,10 +2085,10 @@ const Ht = (e, t, n = !0) => {
   };
 };
 function Dt(e) {
-  var A, B, N, W, q;
-  const t = X(null), [n, i] = k(
+  var A, B, N, W, D;
+  const t = Z(null), [n, i] = p(
     () => K(e.canTrack) ? e.canTrack : !0
-  ), [a, o] = k(() => 0);
+  ), [a, o] = p(() => 0);
   function r(S) {
     var b, v, I, $, j;
     const w = {
@@ -2104,8 +2109,8 @@ function Dt(e) {
       content: w
     }));
   }
-  k(() => 0);
-  const [d, c] = k(
+  p(() => 0);
+  const [d, c] = p(
     () => !1
   );
   function s(S) {
@@ -2142,8 +2147,8 @@ function Dt(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [m, y] = k(() => ({})), [p, x] = k(() => !1);
-  function h(S) {
+  const [m, y] = p(() => ({})), [k, h] = p(() => !1);
+  function x(S) {
     var w, b;
     if (e.builderContextSignal.content) {
       const v = (w = e.builderContextSignal.content) == null ? void 0 : w.testVariationId, I = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
@@ -2154,10 +2159,10 @@ function Dt(e) {
         apiKey: e.apiKey,
         variationId: v !== I ? v : void 0,
         ...qt(S),
-        unique: !p
+        unique: !k
       });
     }
-    p || x(!0);
+    k || h(!0);
   }
   function C(S) {
     return S.replace(
@@ -2202,7 +2207,7 @@ function Dt(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: Z(e.builderContextSignal.rootState),
+            state: ee(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -2280,8 +2285,8 @@ function Dt(e) {
     "div",
     {
       ref: t,
-      onClick: (S) => h(S),
-      "builder-content-id": (q = e.builderContextSignal.content) == null ? void 0 : q.id,
+      onClick: (S) => x(S),
+      "builder-content-id": (D = e.builderContextSignal.content) == null ? void 0 : D.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
@@ -2293,7 +2298,7 @@ function Dt(e) {
     a
   ) }) : null });
 }
-function Q(e) {
+function X(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -2303,25 +2308,25 @@ function Q(e) {
   );
 }
 function xe(e) {
-  var c, s, u, m, y, p, x;
-  const [t, n] = k(
+  var c, s, u, m, y, k, h;
+  const [t, n] = p(
     () => {
-      var h, C;
+      var x, C;
       return bt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (h = e.content) == null ? void 0 : h.testVariationId,
+        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (C = e.content) == null ? void 0 : C.id
       });
     }
   );
-  function i(h) {
+  function i(x) {
     d((C) => ({
       ...C,
-      rootState: h
+      rootState: x
     }));
   }
-  const [a, o] = k(
+  const [a, o] = p(
     () => [
       ...fe(),
       // While this `components` object is deprecated, we must maintain support for it.
@@ -2332,8 +2337,8 @@ function xe(e) {
       ...re,
       ...e.customComponents || []
     ].reduce(
-      (h, { component: C, ...T }) => ({
-        ...h,
+      (x, { component: C, ...T }) => ({
+        ...x,
         [T.name]: {
           component: C,
           ...le(T)
@@ -2341,7 +2346,7 @@ function xe(e) {
       }),
       {}
     )
-  ), [r, d] = k(() => ({
+  ), [r, d] = p(() => ({
     content: Lt({
       content: e.content,
       data: e.data
@@ -2366,8 +2371,8 @@ function xe(e) {
       ...re,
       ...e.customComponents || []
     ].reduce(
-      (h, { component: C, ...T }) => ({
-        ...h,
+      (x, { component: C, ...T }) => ({
+        ...x,
         [T.name]: le(T)
       }),
       {}
@@ -2396,7 +2401,7 @@ function xe(e) {
           builderContextSignal: r,
           setBuilderContextSignal: d,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Q, { scriptStr: t }) }) : null,
+            e.isSsrAbTest ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(X, { scriptStr: t }) }) : null,
             /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
               Mt,
               {
@@ -2408,7 +2413,7 @@ function xe(e) {
             /* @__PURE__ */ l(
               ie,
               {
-                blocks: (x = (p = r.content) == null ? void 0 : p.data) == null ? void 0 : x.blocks,
+                blocks: (h = (k = r.content) == null ? void 0 : k.data) == null ? void 0 : h.blocks,
                 context: r,
                 registeredComponents: a
               }
@@ -2421,7 +2426,7 @@ function xe(e) {
 }
 function Re(e) {
   var r, d, c;
-  const [t, n] = k(
+  const [t, n] = p(
     () => dt({
       canTrack: ce(e.canTrack),
       content: e.content
@@ -2452,16 +2457,16 @@ function Re(e) {
   }
   return P(() => {
   }, []), /* @__PURE__ */ E(f, { children: [
-    !e.__isNestedRender && U !== "reactNative" ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Q, { scriptStr: ht() }) }) : null,
+    !e.__isNestedRender && U !== "reactNative" ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(X, { scriptStr: ht() }) }) : null,
     t ? /* @__PURE__ */ E(f, { children: [
       /* @__PURE__ */ l(
-        H,
+        z,
         {
           id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
           styles: a()
         }
       ),
-      /* @__PURE__ */ l(Q, { scriptStr: i() }),
+      /* @__PURE__ */ l(X, { scriptStr: i() }),
       (d = L(e.content)) == null ? void 0 : d.map((s) => /* @__PURE__ */ l(
         xe,
         {
@@ -2534,7 +2539,7 @@ function Yt(e) {
       (s = e.symbol) != null && s.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
-  const [n, i] = k(() => {
+  const [n, i] = p(() => {
     var c;
     return (c = e.symbol) == null ? void 0 : c.content;
   });