@builder.io/sdk-react 3.0.6 → 3.0.7

package/lib/node/blocks-exports.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { TARGET as F, isBrowser as L, logger as oe, checkIsDefined as ie, isPreviewing as G, isEditing as W, userAttributesService as de, getDefaultCanTrack as _, logFetch as we, registerInsertMenu as Me, setupBrowserForEditing as ze, createRegisterComponentMessage as Ke, _track as me, fetchOneEntry as Ie, createEditorListener as Je, serializeIncludingFunctions as fe, handleABTestingSync as Ge } from "./server-entry-27d9d31e.js";
-import { setClientUserAttributes as ki } from "./server-entry-27d9d31e.js";
+import { TARGET as F, isBrowser as L, logger as re, checkIsDefined as ae, isPreviewing as G, isEditing as W, userAttributesService as me, getDefaultCanTrack as q, logFetch as we, registerInsertMenu as je, setupBrowserForEditing as ze, createRegisterComponentMessage as Ke, _track as fe, fetchOneEntry as Ie, createEditorListener as Je, serializeIncludingFunctions as he, handleABTestingSync as Ge } from "./server-entry-6626257d.js";
+import { setClientUserAttributes as ki } from "./server-entry-6626257d.js";
 import { jsx as s, Fragment as R, jsxs as V } from "react/jsx-runtime";
 import * as Qe from "react";
-import { createContext as Ee, useEffect as A, useState as E, useRef as D, useContext as he, createElement as Re } from "react";
-import { getFunctionArguments as Ye, flattenState as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Pe, fastClone as re } from "./setIvm-2dde9074.js";
-import { shouldForceBrowserRuntimeInNode as nt } from "./should-force-browser-runtime-in-node-80f081c8.js";
+import { createContext as Ee, useEffect as A, useState as E, useRef as D, useContext as ge, createElement as Re } from "react";
+import { getFunctionArguments as Ye, flattenState as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Pe, fastClone as le } from "./setIvm-5cb298bf.js";
+import { shouldForceBrowserRuntimeInNode as nt } from "./should-force-browser-runtime-in-node-94f1a5b3.js";
 const it = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), at = (e) => typeof e == "string" && it.has(e.toLowerCase());
-function le(e) {
+function se(e) {
   return /* @__PURE__ */ s(R, { children: at(e.TagName) ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const q = () => {
+const H = () => {
   switch (F) {
     case "react":
     case "reactNative":
@@ -28,7 +28,7 @@ function ot(e) {
   function t() {
     return {
       ...e.attributes,
-      [q()]: `${e.link ? "" : "builder-button"} ${e.attributes[q()] || ""}`,
+      [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -39,7 +39,7 @@ function ot(e) {
     };
   }
   return /* @__PURE__ */ s(
-    le,
+    se,
     {
       attributes: t(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -48,7 +48,7 @@ function ot(e) {
     }
   );
 }
-const se = Ee({
+const ce = Ee({
   content: null,
   context: {},
   localState: void 0,
@@ -123,7 +123,7 @@ function O({
   try {
     return lt(u);
   } catch (c) {
-    oe.error("Failed code evaluation: " + c.message, {
+    re.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
@@ -198,21 +198,21 @@ function bt(e, t) {
   var n, i;
   return (n = e.component) != null && n.options && ht((i = e.component) == null ? void 0 : i.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = gt(e.component.options, t != null ? t : "Default")), e;
 }
-function ae(e) {
+function oe(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => ae(n));
+    return e.map((n) => oe(n));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
   const t = {};
   for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ae(e[n]));
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = oe(e[n]));
   return t;
 }
 const pt = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), yt = (e) => {
   if (pt) {
-    const t = re(e);
+    const t = le(e);
     return {
       ...t,
       properties: {
@@ -223,7 +223,7 @@ const pt = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), yt = (e) =
       }
     };
   } else {
-    const t = ae(ft(e, "children", "meta"));
+    const t = oe(ft(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -287,7 +287,7 @@ function St(e, t, n = {}) {
     return i = this, a = arguments, h <= 0 || h > t ? (o && (clearTimeout(o), o = null), l = c, r = e.apply(i, a), o || (i = a = null)) : !o && n.trailing !== !1 && (o = setTimeout(u, h)), r;
   };
 }
-function U(e, ...t) {
+function _(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const a = arguments[i];
@@ -331,8 +331,8 @@ function $e(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    We(e, n), n.style.transition = "none", n.style.transitionDelay = "0", U(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Q(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), U(n.style, e.steps[1].styles), setTimeout(() => {
+    We(e, n), n.style.transition = "none", n.style.transitionDelay = "0", _(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Q(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), _(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -349,21 +349,21 @@ function Tt(e) {
     let i = !1, a = !1;
     function r() {
       !i && l(n) ? (i = !0, a = !0, setTimeout(() => {
-        U(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", o), setTimeout(() => {
+        _(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", o), setTimeout(() => {
           a = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !a && !l(n) && (i = !1, U(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !a && !l(n) && (i = !1, _(n.style, e.steps[0].styles));
     }
     const o = St(r, 200, {
       leading: !1
     });
     function l(h) {
-      const g = h.getBoundingClientRect(), f = window.innerHeight, d = (e.thresholdPercent || 0) / 100 * f;
-      return g.bottom > d && g.top < f - d;
+      const g = h.getBoundingClientRect(), d = window.innerHeight, f = (e.thresholdPercent || 0) / 100 * d;
+      return g.bottom > f && g.top < d - f;
     }
     const u = e.steps[0].styles;
     function c() {
-      U(n.style, u);
+      _(n.style, u);
     }
     c(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${Q(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -376,8 +376,8 @@ function Tt(e) {
 const De = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${Q(n)}: ${i};`;
-}).filter(ie), wt = (e) => De(e).join(`
-`), M = ({
+}).filter(ae), wt = (e) => De(e).join(`
+`), U = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -487,8 +487,13 @@ const Le = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     builderContext: t
   } : {};
 }, Oe = {
+  xsmall: {
+    min: 0,
+    default: 160,
+    max: 320
+  },
   small: {
-    min: 320,
+    min: 321,
     default: 321,
     max: 640
   },
@@ -502,34 +507,46 @@ const Le = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     default: 991,
     max: 1200
   }
-}, ge = (e, t = Oe) => `@media (max-width: ${t[e].max}px)`, Ue = ({
-  small: e,
-  medium: t
-}) => {
-  const n = re(Oe);
-  if (!e || !t)
-    return n;
-  const i = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: i,
-    default: i + 1
+}, X = (e, t = Oe) => `@media (max-width: ${t[e].max}px)`, Ue = (e) => {
+  const t = le(Oe);
+  if (!e)
+    return t;
+  const {
+    xsmall: n,
+    small: i,
+    medium: a
+  } = e;
+  if (n) {
+    const u = Math.floor(n / 2);
+    t.xsmall = {
+      max: n,
+      min: u,
+      default: u + 1
+    };
+  }
+  if (!i || !a)
+    return t;
+  const r = n ? t.xsmall.max + 1 : Math.floor(i / 2);
+  t.small = {
+    max: i,
+    min: r,
+    default: r + 1
   };
-  const a = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: a,
-    default: a + 1
+  const o = t.small.max + 1;
+  t.medium = {
+    max: a,
+    min: o,
+    default: o + 1
   };
-  const r = n.medium.max + 1;
-  return n.large = {
+  const l = t.medium.max + 1;
+  return t.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: r,
-    default: r + 1
-  }, n;
+    min: l,
+    default: l + 1
+  }, t;
 };
-function H(e) {
+function M(e) {
   return /* @__PURE__ */ s(
     "style",
     {
@@ -542,56 +559,64 @@ function H(e) {
 function Wt(e) {
   function t() {
     const i = e.block;
-    return ie(i.hide) ? !i.hide : ie(i.show) ? i.show : !0;
+    return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
   }
   function n() {
-    var v, y, x;
+    var T, P, I, v, m;
     const i = e.block, a = i.responsiveStyles, r = e.context.content, o = Ue(
-      ((v = r == null ? void 0 : r.meta) == null ? void 0 : v.breakpoints) || {}
-    ), l = a == null ? void 0 : a.large, u = a == null ? void 0 : a.medium, c = a == null ? void 0 : a.small, h = i.id;
-    if (!h)
+      ((T = r == null ? void 0 : r.meta) == null ? void 0 : T.breakpoints) || {}
+    ), l = !!((I = (P = r == null ? void 0 : r.meta) == null ? void 0 : P.breakpoints) != null && I.xsmall), u = a == null ? void 0 : a.large, c = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, g = a == null ? void 0 : a.xsmall, d = i.id;
+    if (!d)
       return "";
-    const g = l ? M({
-      className: h,
-      styles: l
-    }) : "", f = u ? M({
-      className: h,
-      styles: u,
-      mediaQuery: ge(
+    const k = u ? U({
+      className: d,
+      styles: u
+    }) : "", f = c ? U({
+      className: d,
+      styles: c,
+      mediaQuery: X(
         "medium",
         o
       )
-    }) : "", k = c ? M({
-      className: h,
-      styles: c,
-      mediaQuery: ge(
+    }) : "", b = h ? U({
+      className: d,
+      styles: h,
+      mediaQuery: X(
         "small",
         o
       )
-    }) : "", d = i.animations && i.animations.find((T) => T.trigger === "hover");
-    let b = "";
-    if (d) {
-      const T = ((x = (y = d.steps) == null ? void 0 : y[1]) == null ? void 0 : x.styles) || {};
-      b = M({
-        className: `${h}:hover`,
+    }) : "", x = g && l ? U({
+      className: d,
+      styles: g,
+      mediaQuery: X(
+        "xsmall",
+        o
+      )
+    }) : "", y = i.animations && i.animations.find((p) => p.trigger === "hover");
+    let S = "";
+    if (y) {
+      const p = ((m = (v = y.steps) == null ? void 0 : v[1]) == null ? void 0 : m.styles) || {};
+      S = U({
+        className: `${d}:hover`,
         styles: {
-          ...T,
-          transition: `all ${d.duration}s ${Q(
-            d.easing
+          ...p,
+          transition: `all ${y.duration}s ${Q(
+            y.easing
           )}`,
-          transitionDelay: d.delay ? `${d.delay}s` : "0s"
+          transitionDelay: y.delay ? `${y.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      g,
-      f,
       k,
-      b
+      f,
+      b,
+      x,
+      S
     ].join(" ");
   }
   return /* @__PURE__ */ s(R, { children: n() && t() ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
-    H,
+    M,
     {
       id: "builderio-block",
       styles: n(),
@@ -640,7 +665,7 @@ function Lt({
 const Ot = (e) => ({
   href: e.href
 });
-function ce({
+function ue({
   block: e,
   context: t
 }) {
@@ -653,7 +678,7 @@ function ce({
       block: e,
       context: t
     }),
-    [q()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return Lt({
     properties: n,
@@ -663,10 +688,10 @@ function ce({
 }
 function Ut(e) {
   return /* @__PURE__ */ s(
-    le,
+    se,
     {
       TagName: e.Wrapper,
-      attributes: ce({
+      attributes: ue({
         block: e.block,
         context: e.context
       }),
@@ -689,7 +714,7 @@ function _t(e) {
 function qt(e) {
   function t() {
     return e.includeBlockProps ? {
-      ...ce({
+      ...ue({
         block: e.block,
         context: e.context
       }),
@@ -729,7 +754,7 @@ const Ht = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...a ? {
-      attributes: ce({
+      attributes: ue({
         block: t,
         context: o
       })
@@ -776,7 +801,7 @@ function be(e) {
 }
 function pe(e) {
   const [t, n] = E(() => e.repeatContext);
-  return /* @__PURE__ */ s(se.Provider, { value: t, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(ce.Provider, { value: t, children: /* @__PURE__ */ s(
     Y,
     {
       block: e.block,
@@ -787,7 +812,7 @@ function pe(e) {
   ) });
 }
 function Y(e) {
-  var h, g, f, k;
+  var h, g, d, k;
   function t() {
     return Pt({
       block: e.block,
@@ -802,14 +827,14 @@ function Y(e) {
     var b;
     if (n.value && !n.update && !G())
       return n.value;
-    const d = (b = e.block.repeat) != null && b.collection ? e.block : xt({
+    const f = (b = e.block.repeat) != null && b.collection ? e.block : xt({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
       context: e.context.context
     });
-    return n.value = d, n.update = !1, d;
+    return n.value = f, n.update = !1, f;
   }
   function r() {
     return Rt({
@@ -823,20 +848,20 @@ function Y(e) {
     return e.block.tagName === "a" || ((b = a().properties) == null ? void 0 : b.href) || a().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function l() {
-    var v, y;
-    if ((v = e.block.repeat) != null && v.collection)
+    var x, y;
+    if ((x = e.block.repeat) != null && x.collection)
       return !!((y = t == null ? void 0 : t()) != null && y.length);
-    const d = "hide" in a() ? a().hide : !1;
-    return ("show" in a() ? a().show : !0) && !d;
+    const f = "hide" in a() ? a().hide : !1;
+    return ("show" in a() ? a().show : !0) && !f;
   }
   function u() {
-    var b, v;
-    return !((b = r == null ? void 0 : r()) != null && b.component) && !t() ? (v = a().children) != null ? v : [] : [];
+    var b, x;
+    return !((b = r == null ? void 0 : r()) != null && b.component) && !t() ? (x = a().children) != null ? x : [] : [];
   }
   function c() {
-    var d, b, v, y;
+    var f, b, x, y;
     return {
-      blockChildren: (d = a().children) != null ? d : [],
+      blockChildren: (f = a().children) != null ? f : [],
       componentRef: (b = r == null ? void 0 : r()) == null ? void 0 : b.component,
       componentOptions: {
         ...dt(a(), e.context),
@@ -853,27 +878,27 @@ function Y(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: a(),
-      includeBlockProps: ((v = r == null ? void 0 : r()) == null ? void 0 : v.noWrap) === !0,
+      includeBlockProps: ((x = r == null ? void 0 : r()) == null ? void 0 : x.noWrap) === !0,
       isInteractive: !((y = r == null ? void 0 : r()) != null && y.isRSC && F === "rsc")
     };
   }
   return A(() => {
-    const d = a().id, b = a().animations;
-    b && d && kt(
-      b.map((v) => ({
-        ...v,
-        elementId: d
+    const f = a().id, b = a().animations;
+    b && f && kt(
+      b.map((x) => ({
+        ...x,
+        elementId: f
       }))
     );
   }, []), A(() => {
     n.update = !0;
   }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ V(R, { children: [
     /* @__PURE__ */ s(Wt, { block: a(), context: e.context }),
-    (h = r == null ? void 0 : r()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (k = t()) == null ? void 0 : k.map((d, b) => /* @__PURE__ */ s(
+    (h = r == null ? void 0 : r()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (k = t()) == null ? void 0 : k.map((f, b) => /* @__PURE__ */ s(
       pe,
       {
-        repeatContext: d.context,
-        block: d.block,
+        repeatContext: f.context,
+        block: f.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
@@ -891,11 +916,11 @@ function Y(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) : /* @__PURE__ */ s(R, { children: t() ? /* @__PURE__ */ s(R, { children: (f = t()) == null ? void 0 : f.map((d, b) => /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ s(R, { children: t() ? /* @__PURE__ */ s(R, { children: (d = t()) == null ? void 0 : d.map((f, b) => /* @__PURE__ */ s(
       pe,
       {
-        repeatContext: d.context,
-        block: d.block,
+        repeatContext: f.context,
+        block: f.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
@@ -921,22 +946,22 @@ function Y(e) {
               isInteractive: c().isInteractive
             }
           ),
-          (g = u()) == null ? void 0 : g.map((d) => /* @__PURE__ */ s(
+          (g = u()) == null ? void 0 : g.map((f) => /* @__PURE__ */ s(
             Y,
             {
-              block: d,
+              block: f,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            d.id
+            f.id
           ))
         ]
       }
     ) })
   ] }) : null });
 }
-function jt(e) {
+function Mt(e) {
   const t = D(null);
   function n() {
     var o;
@@ -1004,9 +1029,9 @@ function jt(e) {
 }
 function $(e) {
   var i, a, r;
-  const t = he(se), n = he(Ve);
+  const t = ge(ce), n = ge(Ve);
   return /* @__PURE__ */ s(
-    jt,
+    Mt,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -1028,9 +1053,9 @@ function $(e) {
     }
   );
 }
-const Mt = (e) => `builder-columns ${e}-breakpoints`;
+const jt = (e) => `builder-columns ${e}-breakpoints`;
 function zt(e) {
-  var b, v;
+  var b, x;
   function t() {
     return typeof e.space == "number" ? e.space || 0 : 20;
   }
@@ -1044,24 +1069,24 @@ function zt(e) {
     return y.link ? e.builderLinkComponent || "a" : "div";
   }
   function r(y) {
-    var x;
-    return ((x = n()[y]) == null ? void 0 : x.width) || 100 / n().length;
+    var S;
+    return ((S = n()[y]) == null ? void 0 : S.width) || 100 / n().length;
   }
   function o(y) {
-    const x = r(y), T = t() * (n().length - 1) * (x / 100);
-    return `calc(${x}% - ${T}px)`;
+    const S = r(y), T = t() * (n().length - 1) * (S / 100);
+    return `calc(${S}% - ${T}px)`;
   }
   function l({
     stackedStyle: y,
-    desktopStyle: x
+    desktopStyle: S
   }) {
-    return i() === "tablet" ? y : x;
+    return i() === "tablet" ? y : S;
   }
   function u({
     stackedStyle: y,
-    desktopStyle: x
+    desktopStyle: S
   }) {
-    return i() === "never" ? x : y;
+    return i() === "never" ? S : y;
   }
   function c() {
     return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -1076,7 +1101,7 @@ function zt(e) {
     };
   }
   function g(y) {
-    const x = y === 0 ? 0 : t(), T = o(y), P = `${x}px`, I = "100%", S = 0;
+    const S = y === 0 ? 0 : t(), T = o(y), P = `${S}px`, I = "100%", v = 0;
     return {
       ...{
         display: "flex",
@@ -1090,7 +1115,7 @@ function zt(e) {
         desktopStyle: T
       }),
       "--column-margin-left-mobile": u({
-        stackedStyle: S,
+        stackedStyle: v,
         desktopStyle: P
       }),
       "--column-width-tablet": l({
@@ -1098,12 +1123,12 @@ function zt(e) {
         desktopStyle: T
       }),
       "--column-margin-left-tablet": l({
-        stackedStyle: S,
+        stackedStyle: v,
         desktopStyle: P
       })
     };
   }
-  function f(y) {
+  function d(y) {
     var T, P;
     return Ue(
       ((P = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : P.breakpoints) || {}
@@ -1112,7 +1137,7 @@ function zt(e) {
   function k() {
     const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${f("medium")}px) {
+        @media (max-width: ${d("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1124,7 +1149,7 @@ function zt(e) {
           }
         }
 
-        @media (max-width: ${f("small")}px) {
+        @media (max-width: ${d("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1137,40 +1162,40 @@ function zt(e) {
         },
       `;
   }
-  function d(y, x) {
+  function f(y, S) {
     return {
       ...y.link ? {
         href: y.link
       } : {},
-      [q()]: "builder-column",
-      style: Fe(g(x))
+      [H()]: "builder-column",
+      style: Fe(g(S))
     };
   }
   return /* @__PURE__ */ V(R, { children: [
     /* @__PURE__ */ V(
       "div",
       {
-        className: Mt((b = e.builderBlock) == null ? void 0 : b.id) + " div-a6f3faac",
+        className: jt((b = e.builderBlock) == null ? void 0 : b.id) + " div-a6f3faac",
         style: h(),
         children: [
           /* @__PURE__ */ s(
-            H,
+            M,
             {
               id: "builderio-columns",
               styles: k(),
               nonce: e.builderContext.nonce
             }
           ),
-          (v = e.columns) == null ? void 0 : v.map((y, x) => /* @__PURE__ */ s(
-            le,
+          (x = e.columns) == null ? void 0 : x.map((y, S) => /* @__PURE__ */ s(
+            se,
             {
               TagName: a(y),
               actionAttributes: {},
-              attributes: d(y, x),
+              attributes: f(y, S),
               children: /* @__PURE__ */ s(
                 $,
                 {
-                  path: `columns.${x}.blocks`,
+                  path: `columns.${S}.blocks`,
                   parent: e.builderBlock.id,
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
@@ -1182,7 +1207,7 @@ function zt(e) {
                 }
               )
             },
-            x
+            S
           ))
         ]
       }
@@ -1215,7 +1240,7 @@ function Gt(e, t) {
   }
   return null;
 }
-function X(e) {
+function Z(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -1229,19 +1254,19 @@ function X(e) {
 function Qt(e) {
   var a, r, o, l, u, c;
   function t() {
-    var f;
+    var d;
     const g = e.image || e.src;
     if (!g || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(typeof g == "string" && (g.match(/builder\.io/) || g.match(/cdn\.shopify\.com/))))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((f = e.image) != null && f.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((d = e.image) != null && d.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), X(g);
+          return console.debug("Removed given srcset"), Z(g);
       } else if (e.image && !e.srcset)
-        return X(g);
-      return X(g);
+        return Z(g);
+      return Z(g);
     }
   }
   function n() {
@@ -1333,7 +1358,7 @@ function Yt(e) {
     }
   );
 }
-const Z = {
+const ee = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1362,7 +1387,7 @@ const Z = {
       }
     }
   }]
-}, ee = {
+}, te = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1410,19 +1435,19 @@ const Z = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [Z]
+      defaultValue: [ee]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ee]
+      defaultValue: [te]
     }],
     defaultValue: [{
-      title: [Z],
-      detail: [ee]
+      title: [ee],
+      detail: [te]
     }, {
-      title: [Z],
-      detail: [ee]
+      title: [ee],
+      detail: [te]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1486,57 +1511,57 @@ function Zt(e) {
       cursor: "pointer"
     };
     return Object.fromEntries(
-      Object.entries(k).filter(([d, b]) => b !== void 0)
+      Object.entries(k).filter(([f, b]) => b !== void 0)
     );
   }
-  function o(f) {
-    return `builder-accordion-title builder-accordion-title-${t.includes(f) ? "open" : "closed"}`;
+  function o(d) {
+    return `builder-accordion-title builder-accordion-title-${t.includes(d) ? "open" : "closed"}`;
   }
-  function l(f) {
-    return `builder-accordion-detail builder-accordion-detail-${t.includes(f) ? "open" : "closed"}`;
+  function l(d) {
+    return `builder-accordion-detail builder-accordion-detail-${t.includes(d) ? "open" : "closed"}`;
   }
   function u() {
-    let f = null;
+    let d = null;
     if (e.grid && t.length && document) {
-      const d = t[0];
-      let v = document.querySelector(
-        `.builder-accordion-title[data-index="${d}"]`
+      const f = t[0];
+      let x = document.querySelector(
+        `.builder-accordion-title[data-index="${f}"]`
       );
-      if (f = d, v) {
-        let y = v.getBoundingClientRect();
-        for (; v = v && v.nextElementSibling; )
-          if (v) {
-            if (v.classList.contains("builder-accordion-detail"))
+      if (d = f, x) {
+        let y = x.getBoundingClientRect();
+        for (; x = x && x.nextElementSibling; )
+          if (x) {
+            if (x.classList.contains("builder-accordion-detail"))
               continue;
-            const x = v.getBoundingClientRect();
-            if (x.left > y.left) {
+            const S = x.getBoundingClientRect();
+            if (S.left > y.left) {
               const T = parseInt(
-                v.getAttribute("data-index") || "",
+                x.getAttribute("data-index") || "",
                 10
               );
-              isNaN(T) || (y = x, f = T);
+              isNaN(T) || (y = S, d = T);
             } else
               break;
           }
       }
     }
-    return typeof f == "number" && (f = f + 1), f;
+    return typeof d == "number" && (d = d + 1), d;
   }
   function c() {
-    const f = {
+    const d = {
       order: typeof u() == "number" ? u() : void 0,
       ...e.grid && {
         width: "100%"
       }
     };
     return Object.fromEntries(
-      Object.entries(f).filter(([k, d]) => d !== void 0)
+      Object.entries(d).filter(([k, f]) => f !== void 0)
     );
   }
-  function h(f) {
-    t.includes(f) ? n(i() ? [] : t.filter((k) => k !== f)) : n(i() ? [f] : t.concat(f));
+  function h(d) {
+    t.includes(d) ? n(i() ? [] : t.filter((k) => k !== d)) : n(i() ? [d] : t.concat(d));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (g = e.items) == null ? void 0 : g.map((f, k) => /* @__PURE__ */ V(Qe.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (g = e.items) == null ? void 0 : g.map((d, k) => /* @__PURE__ */ V(Qe.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1549,11 +1574,11 @@ function Zt(e) {
           }
         },
         "data-index": k,
-        onClick: (d) => h(k),
+        onClick: (f) => h(k),
         children: /* @__PURE__ */ s(
           $,
           {
-            blocks: f.title,
+            blocks: d.title,
             path: `items.${k}.title`,
             parent: e.builderBlock.id,
             context: e.builderContext,
@@ -1571,7 +1596,7 @@ function Zt(e) {
         children: /* @__PURE__ */ s(
           $,
           {
-            blocks: f.detail,
+            blocks: d.detail,
             path: `items.${k}.detail`,
             parent: e.builderBlock.id,
             context: e.builderContext,
@@ -1832,7 +1857,7 @@ const en = {
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ue = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], an = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], on = {
+}, de = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], an = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], on = {
   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",
@@ -1847,7 +1872,7 @@ const en = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ue,
+    allowedFileTypes: de,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -1858,8 +1883,8 @@ const en = {
           let g = !1;
           h.onload = () => {
             g = !0, u(h);
-          }, h.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), c(f.error);
+          }, h.addEventListener("error", (d) => {
+            console.warn("Image load failed", d.error), c(d.error);
           }), h.src = o, setTimeout(() => {
             g || c(new Error("Image load timed out"));
           }, l);
@@ -1995,42 +2020,42 @@ function ln(e, t, n, i) {
   }
   function o(c, h) {
     return (() => {
-      const f = h.property, k = h.operator;
-      let d = h.value;
-      if (h && h.property === "urlPath" && h.value && typeof h.value == "string" && h.value !== "/" && h.value.endsWith("/") && (d = h.value.slice(0, -1)), !(f && k))
+      const d = h.property, k = h.operator;
+      let f = h.value;
+      if (h && h.property === "urlPath" && h.value && typeof h.value == "string" && h.value !== "/" && h.value.endsWith("/") && (f = h.value.slice(0, -1)), !(d && k))
         return !0;
-      if (Array.isArray(d))
-        return k === "isNot" ? d.every((v) => o(c, {
-          property: f,
+      if (Array.isArray(f))
+        return k === "isNot" ? f.every((x) => o(c, {
+          property: d,
           operator: k,
-          value: v
-        })) : !!d.find((v) => o(c, {
-          property: f,
+          value: x
+        })) : !!f.find((x) => o(c, {
+          property: d,
           operator: k,
-          value: v
+          value: x
         }));
-      const b = c[f];
+      const b = c[d];
       if (Array.isArray(b))
-        return b.includes(d);
+        return b.includes(f);
       switch (k) {
         case "is":
-          return b === d;
+          return b === f;
         case "isNot":
-          return b !== d;
+          return b !== f;
         case "contains":
-          return (a(b) || Array.isArray(b)) && b.includes(String(d));
+          return (a(b) || Array.isArray(b)) && b.includes(String(f));
         case "startsWith":
-          return a(b) && b.startsWith(String(d));
+          return a(b) && b.startsWith(String(f));
         case "endsWith":
-          return a(b) && b.endsWith(String(d));
+          return a(b) && b.endsWith(String(f));
         case "greaterThan":
-          return r(b) && r(d) && b > d;
+          return r(b) && r(f) && b > f;
         case "lessThan":
-          return r(b) && r(d) && b < d;
+          return r(b) && r(f) && b < f;
         case "greaterThanOrEqualTo":
-          return r(b) && r(d) && b >= d;
+          return r(b) && r(f) && b >= f;
         case "lessThanOrEqualTo":
-          return r(b) && r(d) && b <= d;
+          return r(b) && r(f) && b <= f;
         default:
           return !1;
       }
@@ -2213,29 +2238,29 @@ const mn = (e, t, n) => `
   })();
   `;
 function fn(e) {
-  var b, v, y, x, T, P, I;
+  var b, x, y, S, T, P, I;
   const t = D(null), [n, i] = E(
-    () => de.getUserAttributes()
+    () => me.getUserAttributes()
   ), [a, r] = E(
     () => {
-      var S, m, p;
+      var v, m, p;
       return mn(
         e.variants,
-        ((S = e.builderBlock) == null ? void 0 : S.id) || "none",
+        ((v = e.builderBlock) == null ? void 0 : v.id) || "none",
         (p = (m = e.builderContext) == null ? void 0 : m.rootState) == null ? void 0 : p.locale
       );
     }
   ), [o, l] = E(() => []), [u, c] = E(
     () => {
-      var S;
+      var v;
       return un(
         e.variants,
-        _((S = e.builderContext) == null ? void 0 : S.canTrack)
+        q((v = e.builderContext) == null ? void 0 : v.canTrack)
       );
     }
   ), [h, g] = E(() => !1);
-  function f() {
-    return (e.variants || []).filter((S) => {
+  function d() {
+    return (e.variants || []).filter((v) => {
       var m, p, C, w;
       return ln(
         {
@@ -2244,25 +2269,25 @@ function fn(e) {
           } : {},
           ...n
         },
-        S.query,
-        S.startDate,
-        S.endDate
+        v.query,
+        v.startDate,
+        v.endDate
       );
     });
   }
   function k() {
-    var S;
+    var v;
     return dn({
       variants: e.variants,
-      fallbackBlocks: (S = e.builderBlock) == null ? void 0 : S.children,
+      fallbackBlocks: (v = e.builderBlock) == null ? void 0 : v.children,
       isHydrated: h,
-      filteredVariants: f(),
+      filteredVariants: d(),
       previewingIndex: e.previewingIndex
     });
   }
-  function d() {
+  function f() {
     return (e.variants || []).map(
-      (S, m) => {
+      (v, m) => {
         var p;
         return `[data-variant-id="${(p = e.builderBlock) == null ? void 0 : p.id}-${m}"] { display: none; } `;
       }
@@ -2271,13 +2296,13 @@ function fn(e) {
   return A(() => {
     var m;
     g(!0);
-    const S = de.subscribeOnUserAttributesChange(
+    const v = me.subscribeOnUserAttributesChange(
       (p) => {
         i(p);
       }
     );
     if (!(W() || G())) {
-      const p = f()[0];
+      const p = d()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
@@ -2301,9 +2326,9 @@ function fn(e) {
         });
       }).observe(t.current));
     }
-    o.push(S);
+    o.push(v);
   }, []), A(() => () => {
-    o.forEach((S) => S());
+    o.forEach((v) => v());
   }, []), /* @__PURE__ */ V(
     "div",
     {
@@ -2312,7 +2337,7 @@ function fn(e) {
       className: `builder-personalization-container ${((b = e.attributes) == null ? void 0 : b.className) || ""}`,
       children: [
         u ? /* @__PURE__ */ V(R, { children: [
-          (v = e.variants) == null ? void 0 : v.map((S, m) => {
+          (x = e.variants) == null ? void 0 : x.map((v, m) => {
             var p, C;
             return /* @__PURE__ */ s(
               "template",
@@ -2321,7 +2346,7 @@ function fn(e) {
                 children: /* @__PURE__ */ s(
                   $,
                   {
-                    blocks: S.blocks,
+                    blocks: v.blocks,
                     parent: (C = e.builderBlock) == null ? void 0 : C.id,
                     path: `component.options.variants.${m}.blocks`
                   }
@@ -2331,11 +2356,11 @@ function fn(e) {
             );
           }),
           /* @__PURE__ */ s(
-            H,
+            M,
             {
               nonce: ((y = e.builderContext) == null ? void 0 : y.nonce) || "",
-              styles: d(),
-              id: `variants-styles-${(x = e.builderBlock) == null ? void 0 : x.id}`
+              styles: f(),
+              id: `variants-styles-${(S = e.builderBlock) == null ? void 0 : S.id}`
             }
           ),
           /* @__PURE__ */ s(
@@ -2479,7 +2504,7 @@ const pn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, te = {
+}, ne = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2501,7 +2526,7 @@ const pn = {
       text: "New tab"
     }
   }
-}, ne = {
+}, ie = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2527,16 +2552,16 @@ const pn = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [te]
+      defaultValue: [ne]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ne]
+      defaultValue: [ie]
     }],
     defaultValue: [{
       label: [{
-        ...te,
+        ...ne,
         component: {
           name: "Text",
           options: {
@@ -2545,7 +2570,7 @@ const pn = {
         }
       }],
       content: [{
-        ...ne,
+        ...ie,
         component: {
           name: "Text",
           options: {
@@ -2555,7 +2580,7 @@ const pn = {
       }]
     }, {
       label: [{
-        ...te,
+        ...ne,
         component: {
           name: "Text",
           options: {
@@ -2564,7 +2589,7 @@ const pn = {
         }
       }],
       content: [{
-        ...ne,
+        ...ie,
         component: {
           name: "Text",
           options: {
@@ -2803,13 +2828,13 @@ function En(e) {
       const g = c[h];
       if (g.src && !n.includes(g.src)) {
         n.push(g.src);
-        const f = document.createElement("script");
-        f.async = !0, f.src = g.src, document.head.appendChild(f);
+        const d = document.createElement("script");
+        d.async = !0, d.src = g.src, document.head.appendChild(d);
       } else if (In(g) && !a.includes(g.innerText))
         try {
           a.push(g.innerText), new Function(g.innerText)();
-        } catch (f) {
-          console.warn("`Embed`: Error running script:", f);
+        } catch (d) {
+          console.warn("`Embed`: Error running script:", d);
         }
     }
   }
@@ -3068,30 +3093,30 @@ const Rn = {
 function Bn(e) {
   const t = D(null), [n, i] = E(() => "unsubmitted"), [a, r] = E(() => null), [o, l] = E(() => "");
   function u(g) {
-    var k, d;
-    const f = {
+    var k, f;
+    const d = {
       ...e.builderContext.rootState,
       ...g
     };
-    e.builderContext.rootSetState ? (d = (k = e.builderContext).rootSetState) == null || d.call(k, f) : e.builderContext.rootState = f;
+    e.builderContext.rootSetState ? (f = (k = e.builderContext).rootSetState) == null || f.call(k, d) : e.builderContext.rootState = d;
   }
   function c() {
     return W() && e.previewState || n;
   }
   function h(g) {
     var k;
-    const f = e.sendWithJs || e.sendSubmissionsTo === "email";
+    const d = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
       g.preventDefault();
-    else if (f) {
+    else if (d) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
         g.preventDefault();
         return;
       }
       g.preventDefault();
-      const d = g.currentTarget || g.target, b = e.customHeaders || {};
-      let v;
-      const y = new FormData(d), x = Array.from(d.querySelectorAll("input,select,textarea")).filter((m) => !!m.name).map((m) => {
+      const f = g.currentTarget || g.target, b = e.customHeaders || {};
+      let x;
+      const y = new FormData(f), S = Array.from(f.querySelectorAll("input,select,textarea")).filter((m) => !!m.name).map((m) => {
         let p;
         const C = m.name;
         if (m instanceof HTMLInputElement)
@@ -3116,25 +3141,25 @@ function Bn(e) {
         };
       });
       let T = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (T = "multipart/form-data"), Array.from(x).forEach(({ value: m }) => {
+      if (e.sendSubmissionsTo === "email" && (T = "multipart/form-data"), Array.from(S).forEach(({ value: m }) => {
         (m instanceof File || Array.isArray(m) && m[0] instanceof File || m instanceof FileList) && (T = "multipart/form-data");
       }), T !== "application/json")
-        v = y;
+        x = y;
       else {
         const m = {};
-        Array.from(x).forEach(({ value: p, key: C }) => {
+        Array.from(S).forEach(({ value: p, key: C }) => {
           Pe(m, C, p);
-        }), v = JSON.stringify(m);
+        }), x = JSON.stringify(m);
       }
-      T && T !== "multipart/form-data" && (f && ((k = e.action) != null && k.includes("zapier.com")) || (b["content-type"] = T));
-      const P = new CustomEvent("presubmit", { detail: { body: v } });
+      T && T !== "multipart/form-data" && (d && ((k = e.action) != null && k.includes("zapier.com")) || (b["content-type"] = T));
+      const P = new CustomEvent("presubmit", { detail: { body: x } });
       if (t.current && (t.current.dispatchEvent(P), P.defaultPrevented))
         return;
       i("sending");
       const I = `${Vn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
-      )}&name=${encodeURIComponent(e.name || "")}`, S = e.sendSubmissionsTo === "email" ? I : e.action;
-      we(S), fetch(S, { body: v, headers: b, method: e.method || "post" }).then(
+      )}&name=${encodeURIComponent(e.name || "")}`, v = e.sendSubmissionsTo === "email" ? I : e.action;
+      we(v), fetch(v, { body: x, headers: b, method: e.method || "post" }).then(
         async (m) => {
           let p;
           const C = m.headers.get("content-type");
@@ -3430,7 +3455,7 @@ const Un = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: ue,
+    allowedFileTypes: de,
     required: !0
   }],
   noWrap: !0,
@@ -3469,7 +3494,7 @@ const qn = {
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: ue,
+    allowedFileTypes: de,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -3636,7 +3661,7 @@ function Hn(e) {
     }
   );
 }
-const jn = () => [{
+const Mn = () => [{
   component: Cn,
   ...kn
 }, {
@@ -3696,7 +3721,7 @@ const jn = () => [{
 }, {
   component: Zt,
   ...Xt
-}, ...jn()], Mn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...Mn()], jn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3793,17 +3818,17 @@ const jn = () => [{
 })), Kn = ({
   canTrack: e,
   content: t
-}) => !(!(z(t).length > 0) || !e || L()), Jn = (e) => e === "react" || e === "reactNative", je = Jn(F), Gn = () => `
-  window.${qe} = ${Mn}
+}) => !(!(z(t).length > 0) || !e || L()), Jn = (e) => e === "react" || e === "reactNative", Me = Jn(F), Gn = () => `
+  window.${qe} = ${jn}
   window.${He} = ${zn}
   `, Qn = (e, t) => `
   window.${qe}(
-    "${t}",${JSON.stringify(e)}, ${je}
+    "${t}",${JSON.stringify(e)}, ${Me}
   )`, Yn = ({
   contentId: e,
   variationId: t
 }) => `window.${He}(
-    "${t}", "${e}", ${je}
+    "${t}", "${e}", ${Me}
   )`;
 function Se(e) {
   return Math.round(e * 1e3) / 1e3;
@@ -3900,22 +3925,22 @@ font-weight: ${l};
 }
 `, ri = (e) => e ? "" : oi, li = (e) => `variant-${e}`;
 function si(e) {
-  var x, T, P;
+  var S, T, P;
   const t = D(null);
   function n(I) {
     var m, p;
-    const S = {
+    const v = {
       ...e.builderContextSignal.rootState,
       ...I
     };
-    e.builderContextSignal.rootSetState ? (p = (m = e.builderContextSignal).rootSetState) == null || p.call(m, S) : e.setBuilderContextSignal((C) => ({
+    e.builderContextSignal.rootSetState ? (p = (m = e.builderContextSignal).rootSetState) == null || p.call(m, v) : e.setBuilderContextSignal((C) => ({
       ...C,
-      rootState: S
+      rootState: v
     }));
   }
   function i(I) {
     var m, p, C, w, B;
-    const S = {
+    const v = {
       ...e.builderContextSignal.content,
       ...I,
       data: {
@@ -3930,7 +3955,7 @@ function si(e) {
     };
     e.setBuilderContextSignal((N) => ({
       ...N,
-      content: S
+      content: v
     }));
   }
   function a() {
@@ -3947,45 +3972,45 @@ function si(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (S) => {
+        configureSdk: (v) => {
           var C;
-          const { breakpoints: m, contentId: p } = S;
+          const { breakpoints: m, contentId: p } = v;
           !p || p !== ((C = e.builderContextSignal.content) == null ? void 0 : C.id) || m && i({
             meta: {
               breakpoints: m
             }
           });
         },
-        animation: (S) => {
-          $e(S);
+        animation: (v) => {
+          $e(v);
         },
-        contentUpdate: (S) => {
-          i(S);
+        contentUpdate: (v) => {
+          i(v);
         }
       }
     })(I);
   }
-  const [u, c] = E(() => ({})), [h, g] = E(() => ({})), [f, k] = E(() => !1);
-  function d(I) {
-    var S, m;
+  const [u, c] = E(() => ({})), [h, g] = E(() => ({})), [d, k] = E(() => !1);
+  function f(I) {
+    var v, m;
     if (e.builderContextSignal.content) {
-      const p = (S = e.builderContextSignal.content) == null ? void 0 : S.testVariationId, C = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
-      me({
+      const p = (v = e.builderContextSignal.content) == null ? void 0 : v.testVariationId, C = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
+      fe({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: _(e.canTrack),
+        canTrack: q(e.canTrack),
         contentId: C,
         apiKey: e.apiKey,
         variationId: p !== C ? p : void 0,
         ...ei(I),
-        unique: !f
+        unique: !d
       });
     }
-    f || k(!0);
+    d || k(!0);
   }
   function b() {
-    var S, m, p;
-    const I = (p = (m = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : m.httpRequests) != null ? p : {};
+    var v, m, p;
+    const I = (p = (m = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : m.httpRequests) != null ? p : {};
     Object.entries(I).forEach(([C, w]) => {
       if (!w || h[C] || u[C] && !W())
         return;
@@ -4013,13 +4038,13 @@ function si(e) {
       });
     });
   }
-  function v() {
+  function x() {
     W() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: re(e.builderContextSignal.rootState),
+            state: le(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -4029,10 +4054,10 @@ function si(e) {
     );
   }
   const y = D(!1);
-  return y.current || (b(), v(), y.current = !0), A(() => {
-    var I, S, m;
+  return y.current || (b(), x(), y.current = !0), A(() => {
+    var I, v, m;
     if (L()) {
-      if (W() && !e.isNestedRender && (window.addEventListener("message", l), Me(), ze({
+      if (W() && !e.isNestedRender && (window.addEventListener("message", l), je(), ze({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4052,10 +4077,10 @@ function si(e) {
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        v
-      )), e.builderContextSignal.content && _(e.canTrack)) {
-        const C = (I = e.builderContextSignal.content) == null ? void 0 : I.testVariationId, w = (S = e.builderContextSignal.content) == null ? void 0 : S.id, B = e.apiKey;
-        me({
+        x
+      )), e.builderContextSignal.content && q(e.canTrack)) {
+        const C = (I = e.builderContextSignal.content) == null ? void 0 : I.testVariationId, w = (v = e.builderContextSignal.content) == null ? void 0 : v.id, B = e.apiKey;
+        fe({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
@@ -4085,7 +4110,7 @@ function si(e) {
   }, []), A(() => {
     e.content && i(e.content);
   }, [e.content]), A(() => {
-    v();
+    x();
   }, [e.builderContextSignal.rootState]), A(() => {
     e.data && n(e.data);
   }, [e.data]), A(() => {
@@ -4095,14 +4120,14 @@ function si(e) {
   }, [e.locale]), A(() => () => {
     L() && (window.removeEventListener("message", l), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      v
+      x
     ));
-  }, []), /* @__PURE__ */ s(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Ce() ? /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ s(ce.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Ce() ? /* @__PURE__ */ s(
     r,
     {
       ref: t,
-      onClick: (I) => d(I),
-      "builder-content-id": (x = e.builderContextSignal.content) == null ? void 0 : x.id,
+      onClick: (I) => f(I),
+      "builder-content-id": (S = e.builderContextSignal.content) == null ? void 0 : S.id,
       "builder-model": e.model,
       className: li(
         ((T = e.content) == null ? void 0 : T.testVariationId) || ((P = e.content) == null ? void 0 : P.id)
@@ -4130,7 +4155,7 @@ ${ri(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(
-    H,
+    M,
     {
       id: "builderio-content",
       styles: t,
@@ -4167,22 +4192,22 @@ const ui = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Te(e) {
-  var c, h, g, f, k, d, b, v, y;
+  var c, h, g, d, k, f, b, x, y;
   const [t, n] = E(
     () => {
-      var x, T;
+      var S, T;
       return Yn({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (S = e.content) == null ? void 0 : S.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (T = e.content) == null ? void 0 : T.id
       });
     }
   );
-  function i(x) {
+  function i(S) {
     l((T) => ({
       ...T,
-      rootState: x
+      rootState: S
     }));
   }
   const [a, r] = E(
@@ -4190,11 +4215,11 @@ function Te(e) {
       ...xe(),
       ...e.customComponents || []
     ].reduce(
-      (x, { component: T, ...P }) => ({
-        ...x,
+      (S, { component: T, ...P }) => ({
+        ...S,
         [P.name]: {
           component: T,
-          ...fe(P)
+          ...he(P)
         }
       }),
       {}
@@ -4219,9 +4244,9 @@ function Te(e) {
       ...xe(),
       ...e.customComponents || []
     ].reduce(
-      (x, { component: T, ...P }) => ({
-        ...x,
-        [P.name]: fe(P)
+      (S, { component: T, ...P }) => ({
+        ...S,
+        [P.name]: he(P)
       }),
       {}
     ),
@@ -4232,12 +4257,12 @@ function Te(e) {
     model: e.model || ""
   })), u = D(!1);
   if (!u.current) {
-    e.apiKey || oe.error(
+    e.apiKey || re.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const x = (h = (c = o.content) == null ? void 0 : c.data) == null ? void 0 : h.jsCode;
-    x && O({
-      code: x,
+    const S = (h = (c = o.content) == null ? void 0 : c.data) == null ? void 0 : h.jsCode;
+    S && O({
+      code: S,
       context: e.context || {},
       localState: void 0,
       rootState: o.rootState,
@@ -4288,14 +4313,14 @@ function Te(e) {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (g = o.content) == null ? void 0 : g.id,
-                cssCode: (k = (f = o.content) == null ? void 0 : f.data) == null ? void 0 : k.cssCode,
-                customFonts: (b = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : b.customFonts
+                cssCode: (k = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : k.cssCode,
+                customFonts: (b = (f = o.content) == null ? void 0 : f.data) == null ? void 0 : b.customFonts
               }
             ),
             /* @__PURE__ */ s(
               $,
               {
-                blocks: (y = (v = o.content) == null ? void 0 : v.data) == null ? void 0 : y.blocks,
+                blocks: (y = (x = o.content) == null ? void 0 : x.data) == null ? void 0 : y.blocks,
                 context: o,
                 registeredComponents: a,
                 linkComponent: e.linkComponent
@@ -4311,7 +4336,7 @@ function mi(e) {
   var o;
   const [t, n] = E(
     () => Kn({
-      canTrack: _(e.canTrack),
+      canTrack: q(e.canTrack),
       content: e.content
     })
   );
@@ -4335,7 +4360,7 @@ function mi(e) {
       testVariationId: (l = e.content) == null ? void 0 : l.id
     } : Ge({
       item: e.content,
-      canTrack: _(e.canTrack)
+      canTrack: q(e.canTrack)
     });
   }
   return A(() => {
@@ -4350,7 +4375,7 @@ function mi(e) {
     ) : null,
     t ? /* @__PURE__ */ V(R, { children: [
       /* @__PURE__ */ s(
-        H,
+        M,
         {
           id: "builderio-variants",
           styles: a(),
@@ -4437,7 +4462,7 @@ const fi = async ({
         }
       }
     }).catch((n) => {
-      oe.error("Could not fetch symbol content: ", n);
+      re.error("Could not fetch symbol content: ", n);
     });
 };
 function hi(e) {
@@ -4449,12 +4474,12 @@ function hi(e) {
     return "div";
   }
   function i() {
-    var g, f;
+    var g, d;
     return [
-      e.attributes[q()],
+      e.attributes[H()],
       "builder-symbol",
       (g = e.symbol) != null && g.inline ? "builder-inline-symbol" : void 0,
-      (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
   const [a, r] = E(() => {
@@ -4500,7 +4525,7 @@ function hi(e) {
 }
 export {
   $ as Blocks,
-  se as BuilderContext,
+  ce as BuilderContext,
   ot as Button,
   zt as Columns,
   mi as Content,