@builder.io/sdk-react 4.1.0 → 4.1.2

package/lib/browser/blocks-exports.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { TARGET as F, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as ae, logger as J, isPreviewing as se, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Oe, registerInsertMenu as ut, setupBrowserForEditing as dt, createRegisterComponentMessage as mt, getCookieSync as ft, _track as Te, fetchOneEntry as Le, createEditorListener as ht, serializeIncludingFunctions as Ie, handleABTestingSync as gt } from "./server-entry-cddec22e.js";
-import { setClientUserAttributes as Mi } from "./server-entry-cddec22e.js";
+import { TARGET as F, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as ae, logger as J, isPreviewing as se, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Oe, setupBrowserForEditing as ut, createRegisterComponentMessage as dt, getCookieSync as mt, _track as Te, fetchOneEntry as Le, createEditorListener as ft, serializeIncludingFunctions as Ie, handleABTestingSync as ht } from "./server-entry-275748e0.js";
+import { setClientUserAttributes as Hi } from "./server-entry-275748e0.js";
 import { jsx as s, Fragment as R, jsxs as W } from "react/jsx-runtime";
-import * as bt from "react";
+import * as gt from "react";
 import { createContext as _e, useEffect as V, useState as C, useRef as H, useContext as we, createElement as Ue } from "react";
-const yt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), pt = (e) => typeof e == "string" && yt.has(e.toLowerCase());
+const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), yt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
 function ye(e) {
-  return /* @__PURE__ */ s(R, { children: pt(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 }) }) });
+  return /* @__PURE__ */ s(R, { children: yt(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 z = () => {
   switch (F) {
@@ -22,7 +22,7 @@ const z = () => {
       return "class";
   }
 };
-function vt(e) {
+function pt(e) {
   function t() {
     return {
       ...e.attributes,
@@ -64,7 +64,7 @@ const pe = _e({
 }), He = _e({ registeredComponents: {} }), Me = (e, t, n) => {
   const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, o) => r != null ? r[o] : r, e);
   return i === void 0 || i === e ? n : i;
-}, xt = ({
+}, vt = ({
   builder: e,
   context: t,
   event: n,
@@ -76,12 +76,12 @@ const pe = _e({
   builder: e,
   context: t,
   event: n
-}), St = () => ({
+}), xt = () => ({
   isEditing: L(),
   isBrowser: M(),
   isServer: !M(),
   getUserAttributes: () => ct()
-}), kt = (e, {
+}), St = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
 function qe({
@@ -118,7 +118,7 @@ const Ee = ({
   rootSetState: o,
   rootState: a
 }) => {
-  const l = xt({
+  const l = vt({
     builder: t,
     context: n,
     event: i,
@@ -130,23 +130,23 @@ const Ee = ({
   });
   return new Function(...l.map(([c]) => c), e)(...l.map(([, c]) => c));
 };
-function Ct() {
+function kt() {
   var e;
   return typeof process != "undefined" && ae((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Tt = ({
+const Ct = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!Ct())
+  if (!kt())
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), i = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !i ? (e && J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, It = (e) => (M() || Tt({
+}, Tt = (e) => (M() || Ct({
   shouldLogWarning: !0
-}), Ee(e)), wt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Et = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Rt = (e) => {
+}), Ee(e)), It = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, wt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Et = (e) => {
   var t, n, i, r, o, a;
-  return ((i = (n = (t = wt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((a = (o = (r = Et.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : o.getPath) == null ? void 0 : a.slice(1));
+  return ((i = (n = (t = It.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((a = (o = (r = wt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : o.getPath) == null ? void 0 : a.slice(1));
 };
 function G({
   code: e,
@@ -159,17 +159,17 @@ function G({
 }) {
   if (e.trim() === "")
     return;
-  const l = Rt(e.trim());
+  const l = Et(e.trim());
   if (l)
     return Me({
       ...i,
       ...n
     }, l);
   const c = {
-    code: kt(e, {
+    code: St(e, {
       isExpression: a
     }),
-    builder: St(),
+    builder: xt(),
     context: t,
     event: o,
     rootSetState: r,
@@ -177,7 +177,7 @@ function G({
     localState: n
   };
   try {
-    return It(c);
+    return Tt(c);
   } catch (u) {
     J.error("Failed code evaluation: " + u.message, {
       code: e
@@ -185,15 +185,15 @@ function G({
     return;
   }
 }
-function Pt(e, t) {
+function Rt(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...Vt(e, t)
+    ...Pt(e, t)
   };
 }
-const Vt = (e, t) => {
+const Pt = (e, t) => {
   var n, i;
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((i = e.component.options) != null && i.text) && typeof e.component.options.text == "string")
     return {
@@ -207,7 +207,7 @@ const Vt = (e, t) => {
       }))
     };
 };
-function At(e, ...t) {
+function Vt(e, ...t) {
   const n = Object.assign({}, e);
   for (const i of t)
     delete n[i];
@@ -233,7 +233,7 @@ function le(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
 function je(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function Bt(e) {
+function At(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
@@ -244,15 +244,15 @@ function Bt(e) {
     }
   }), t;
 }
-function Nt(e, t) {
+function Bt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (le(e, (n, i) => {
     var r;
     je(n) && i((r = n[t]) != null ? r : void 0);
   }), e);
 }
-function Wt(e, t) {
+function Nt(e, t) {
   var n, i;
-  return (n = e.component) != null && n.options && Bt((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 = Nt(e.component.options, t != null ? t : "Default")), e;
+  return (n = e.component) != null && n.options && At((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 = Bt(e.component.options, t != null ? t : "Default")), e;
 }
 const ve = (e) => JSON.parse(JSON.stringify(e)), ze = (e, t, n) => {
   if (Object(e) !== e)
@@ -272,8 +272,8 @@ function be(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = be(e[n]));
   return t;
 }
-const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Dt = (e) => {
-  if ($t) {
+const Wt = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), $t = (e) => {
+  if (Wt) {
     const t = ve(e);
     return {
       ...t,
@@ -285,7 +285,7 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Dt = (e) =
       }
     };
   } else {
-    const t = be(At(e, "children", "meta"));
+    const t = be(Vt(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -298,7 +298,7 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Dt = (e) =
       meta: e.meta
     };
   }
-}, Ft = ({
+}, Dt = ({
   block: e,
   context: t,
   localState: n,
@@ -307,7 +307,7 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Dt = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const o = Dt(e);
+  const o = $t(e);
   for (const a in e.bindings) {
     const l = e.bindings[a], c = G({
       code: l,
@@ -320,15 +320,15 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Dt = (e) =
   }
   return o;
 };
-function Ot({
+function Ft({
   block: e,
   context: t,
   localState: n,
   rootState: i,
   rootSetState: r
 }) {
-  let o = Wt(e, i.locale);
-  return o = o, Ft({
+  let o = Nt(e, i.locale);
+  return o = o, Dt({
     block: o,
     localState: n,
     rootState: i,
@@ -337,7 +337,7 @@ function Ot({
   });
 }
 const ce = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Lt(e, t, n = {}) {
+function Ot(e, t, n = {}) {
   let i, r, o, a = null, l = 0;
   const c = function() {
     l = n.leading === !1 ? 0 : Date.now(), a = null, o = e.apply(i, r), a || (i = r = null);
@@ -359,14 +359,14 @@ function X(e, ...t) {
   }
   return n;
 }
-function _t(e) {
+function Lt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
         Ge(t);
         break;
       case "scrollInView":
-        Ht(t);
+        Ut(t);
         break;
     }
 }
@@ -374,12 +374,12 @@ function Ke(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function Je(e, t) {
-  const n = Ut(e), i = getComputedStyle(t), r = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, a = [r, o];
+  const n = _t(e), i = getComputedStyle(t), r = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, a = [r, o];
   for (const l of a)
     for (const c of n)
       c in l || (l[c] = i[c]);
 }
-function Ut(e) {
+function _t(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
@@ -400,7 +400,7 @@ function Ge(e) {
     });
   });
 }
-function Ht(e) {
+function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     Ke(e.elementId || e.id || "");
@@ -416,7 +416,7 @@ function Ht(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && i && !r && !l(n) && (i = !1, X(n.style, e.steps[0].styles));
     }
-    const a = Lt(o, 200, {
+    const a = Ot(o, 200, {
       leading: !1
     });
     function l(f) {
@@ -438,28 +438,28 @@ function Ht(e) {
 const Qe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${ce(n)}: ${i};`;
-}).filter(ae), Mt = (e) => Qe(e).join(`
+}).filter(ae), Ht = (e) => Qe(e).join(`
 `), Y = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${Mt(n)}
+    ${Ht(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function qt({
+function Mt({
   style: e
 }) {
   return e;
 }
-const jt = ({
+const qt = ({
   block: e,
   context: t
-}) => Ye(qt({
+}) => Ye(Mt({
   style: e.style || {},
   context: t,
   block: e
@@ -478,7 +478,7 @@ function Ye(e) {
       return e;
   }
 }
-const Xe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, zt = ({
+const Xe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, jt = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -495,7 +495,7 @@ const Xe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     return;
   } else
     return r;
-}, Kt = ({
+}, zt = ({
   block: e,
   context: t
 }) => {
@@ -528,22 +528,22 @@ const Xe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: i
   }));
-}, Jt = (e, t) => {
+}, Kt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Gt = (e, t, n) => {
+}, Jt = (e, t, n) => {
   var i;
   return (i = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && i.builderComponents ? {
     builderComponents: Object.fromEntries(Object.entries(t).filter(([o, a]) => !Xe(a, n)))
   } : {};
-}, Qt = (e, t) => {
+}, Gt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Yt = (e, t) => {
+}, Qt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
@@ -618,7 +618,7 @@ function ee(e) {
     }
   );
 }
-function Xt(e) {
+function Yt(e) {
   function t() {
     const i = e.block;
     return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
@@ -686,10 +686,10 @@ function Xt(e) {
     }
   ) }) : null });
 }
-function Zt(e) {
+function Xt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const en = (e) => `on${Zt(e)}`, tn = (e, t) => (n) => G({
+const Zt = (e) => `on${Xt(e)}`, en = (e, t) => (n) => G({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -705,7 +705,7 @@ function tt(e) {
     if (!n.hasOwnProperty(r))
       continue;
     const o = n[r];
-    let a = en(r);
+    let a = Zt(r);
     if (e.stripPrefix)
       switch (F) {
         case "vue":
@@ -715,16 +715,16 @@ function tt(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = tn(o, e);
+    t[a] = en(o, e);
   }
   return t;
 }
-function nn({
+function tn({
   properties: e
 }) {
   return e;
 }
-const rn = (e) => ({
+const nn = (e) => ({
   href: e.href
 });
 function xe({
@@ -733,22 +733,22 @@ function xe({
 }) {
   var i;
   const n = {
-    ...rn(e),
+    ...nn(e),
     ...e.properties,
     "builder-id": e.id,
-    style: jt({
+    style: qt({
       block: e,
       context: t
     }),
     [z()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
-  return nn({
+  return tn({
     properties: n,
     context: t,
     block: e
   });
 }
-function on(e) {
+function rn(e) {
   return /* @__PURE__ */ s(
     ye,
     {
@@ -769,11 +769,11 @@ function on(e) {
     }
   );
 }
-function an(e) {
+function on(e) {
   return V(() => {
   }, []), /* @__PURE__ */ s(R, { children: e.children });
 }
-function ln(e) {
+function an(e) {
   var i, r;
   C(() => 0);
   function t() {
@@ -796,7 +796,7 @@ function ln(e) {
   }
   return V(() => {
   }, [e.wrapperProps, (r = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : r.options]), /* @__PURE__ */ s(R, { children: e.Wrapper.load ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
-    an,
+    on,
     {
       load: e.Wrapper.load,
       fallback: e.Wrapper.fallback,
@@ -806,7 +806,7 @@ function ln(e) {
     }
   ) }) : /* @__PURE__ */ s(e.Wrapper, { ...n(), attributes: t(), children: e.children }) });
 }
-const sn = ({
+const ln = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -840,13 +840,13 @@ function Pe(e) {
   var i;
   C(() => !1);
   const [t, n] = C(
-    () => e.isInteractive ? ln : e.componentRef
+    () => e.isInteractive ? an : e.componentRef
   );
   return V(() => {
   }, [e.componentOptions, e.blockChildren]), /* @__PURE__ */ s(R, { children: e.componentRef ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
     t,
     {
-      ...sn({
+      ...ln({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -886,7 +886,7 @@ function Ve(e) {
 function ue(e) {
   var f, b, m, v;
   function t() {
-    return Kt({
+    return zt({
       block: e.block,
       context: e.context
     });
@@ -899,7 +899,7 @@ function ue(e) {
     var h;
     if (n.value && !n.update && !se())
       return n.value;
-    const d = (h = e.block.repeat) != null && h.collection ? e.block : Ot({
+    const d = (h = e.block.repeat) != null && h.collection ? e.block : Ft({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -909,7 +909,7 @@ function ue(e) {
     return n.value = d, n.update = !1, d;
   }
   function o() {
-    return zt({
+    return jt({
       block: r(),
       registeredComponents: e.registeredComponents,
       model: e.context.model
@@ -936,11 +936,11 @@ function ue(e) {
       blockChildren: (d = r().children) != null ? d : [],
       componentRef: (h = o == null ? void 0 : o()) == null ? void 0 : h.component,
       componentOptions: {
-        ...Pt(r(), e.context),
-        ...Qt(o(), r()),
-        ...Yt(o(), e.context),
-        ...Jt(o(), e.linkComponent),
-        ...Gt(
+        ...Rt(r(), e.context),
+        ...Gt(o(), r()),
+        ...Qt(o(), e.context),
+        ...Kt(o(), e.linkComponent),
+        ...Jt(
           o(),
           e.registeredComponents,
           e.context.model
@@ -956,7 +956,7 @@ function ue(e) {
   }
   return V(() => {
     const d = r().id, h = r().animations;
-    h && d && _t(
+    h && d && Lt(
       h.map((p) => ({
         ...p,
         elementId: d
@@ -965,7 +965,7 @@ function ue(e) {
   }, []), V(() => {
     n.update = !0;
   }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ W(R, { children: [
-    /* @__PURE__ */ s(Xt, { block: r(), context: e.context }),
+    /* @__PURE__ */ s(Yt, { block: r(), context: e.context }),
     (f = o == null ? void 0 : o()) != null && f.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (v = t()) == null ? void 0 : v.map((d, h) => /* @__PURE__ */ s(
       Ve,
       {
@@ -998,7 +998,7 @@ function ue(e) {
       },
       Re(h)
     )) }) : /* @__PURE__ */ W(
-      on,
+      rn,
       {
         Wrapper: a(),
         block: r(),
@@ -1033,7 +1033,7 @@ function ue(e) {
     ) })
   ] }) : null });
 }
-function cn(e) {
+function sn(e) {
   const t = H(null);
   C(() => !1);
   function n() {
@@ -1105,7 +1105,7 @@ function _(e) {
   var i, r, o;
   const t = we(pe), n = we(He);
   return /* @__PURE__ */ W(
-    cn,
+    sn,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -1130,8 +1130,8 @@ function _(e) {
     }
   );
 }
-const un = (e) => `builder-columns ${e}-breakpoints`;
-function dn(e) {
+const cn = (e) => `builder-columns ${e}-breakpoints`;
+function un(e) {
   var h, p;
   function t() {
     return typeof e.space == "number" ? e.space || 0 : 20;
@@ -1257,7 +1257,7 @@ function dn(e) {
     /* @__PURE__ */ W(
       "div",
       {
-        className: un((h = e.builderBlock) == null ? void 0 : h.id) + " div-0369db37",
+        className: cn((h = e.builderBlock) == null ? void 0 : h.id) + " div-0369db37",
         style: f(),
         children: [
           /* @__PURE__ */ s(
@@ -1296,17 +1296,17 @@ function dn(e) {
     )
   ] });
 }
-function mn(e) {
+function dn(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
 function Ae(e) {
   return e.replace(/http(s)?:/, "");
 }
-function fn(e = "", t, n) {
+function mn(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function hn(e, t) {
+function fn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1325,11 +1325,11 @@ function ne(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const i = Number(e.split("?width=")[1]);
-    return isNaN(i) || (n = `${n} ${i}w`), t.filter((r) => r !== i).map((r) => `${fn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((r) => r !== i).map((r) => `${mn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [hn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [fn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function gn(e) {
+function hn(e) {
   var r, o, a, l, c, u;
   function t() {
     var m;
@@ -1417,7 +1417,7 @@ function gn(e) {
     ] })
   ] });
 }
-function bn(e) {
+function gn(e) {
   return /* @__PURE__ */ s(
     "section",
     {
@@ -1438,7 +1438,7 @@ function bn(e) {
     }
   );
 }
-function yn(e, t, n, i) {
+function bn(e, t, n, i) {
   function r(u) {
     return typeof u == "string";
   }
@@ -1495,7 +1495,7 @@ function yn(e, t, n, i) {
   }, c = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
   return l.startDate && new Date(l.startDate) > c || l.endDate && new Date(l.endDate) < c ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => a(e, u));
 }
-const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1540,7 +1540,7 @@ const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, vn = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, pn = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -1618,7 +1618,7 @@ const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, xn = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, vn = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -1656,11 +1656,11 @@ const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ie = "default", Sn = "filterWithCustomTargeting", nt = "builderIoPersonalization", it = "updateVisibilityStylesScript", rt = ["react", "vue", "svelte", "qwik"], re = ["vue", "svelte", "qwik"];
-function kn(e, t) {
+}`, ie = "default", xn = "filterWithCustomTargeting", nt = "builderIoPersonalization", it = "updateVisibilityStylesScript", rt = ["react", "vue", "svelte", "qwik"], re = ["vue", "svelte", "qwik"];
+function Sn(e, t) {
   return !(e && e.length > 0) || !t ? !1 : re.includes(F) ? !0 : !M();
 }
-function Cn({
+function kn({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -1699,11 +1699,11 @@ function Cn({
   }
   return o;
 }
-const Tn = () => `
-  window.${Sn} = ${vn}
-  window.${nt} = ${pn}
-  window.${it} = ${xn}
-  `, ot = F === "react", In = (e, t, n) => `window.${nt}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, wn = (e, t, n) => `window.${it}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, me = {
+const Cn = () => `
+  window.${xn} = ${pn}
+  window.${nt} = ${yn}
+  window.${it} = ${vn}
+  `, ot = F === "react", Tn = (e, t, n) => `window.${nt}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${it}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1763,7 +1763,7 @@ const Tn = () => `
       }
     }
   }]
-}, En = {
+}, wn = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1828,7 +1828,7 @@ const Tn = () => `
     builderLinkComponent: !0
   }
 }, Be = (e) => e.toString();
-function Rn(e) {
+function En(e) {
   var b;
   const [t, n] = C(() => []);
   function i() {
@@ -1906,7 +1906,7 @@ function Rn(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((v) => v !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ W(bt.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ W(gt.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1953,7 +1953,7 @@ function Rn(e) {
     ) : null
   ] }, v)) });
 }
-const Pn = {
+const Rn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1989,7 +1989,7 @@ const Pn = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Vn = {
+}, Pn = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2196,13 +2196,13 @@ const Pn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, An = {
+}, Vn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Se = ["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"], Bn = ["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"], Nn = {
+}, Se = ["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"], Bn = {
   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",
@@ -2314,7 +2314,7 @@ const Pn = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Wn = {
+}, Nn = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -2361,14 +2361,14 @@ function j(e) {
     }
   );
 }
-function $n(e) {
+function Wn(e) {
   var S, k, A, T, I, g, x, w, D, O, $, P, U;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
   ), [r, o] = C(
     () => {
       var E, B, N;
-      return In(
+      return Tn(
         e.variants,
         ((E = e.builderBlock) == null ? void 0 : E.id) || "none",
         (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
@@ -2377,7 +2377,7 @@ function $n(e) {
   ), [a, l] = C(
     () => {
       var E, B, N;
-      return wn(
+      return In(
         e.variants,
         ((E = e.builderBlock) == null ? void 0 : E.id) || "none",
         (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
@@ -2386,7 +2386,7 @@ function $n(e) {
   ), [c, u] = C(() => []), [f, b] = C(
     () => {
       var E;
-      return kn(
+      return Sn(
         e.variants,
         Z((E = e.builderContext) == null ? void 0 : E.canTrack)
       );
@@ -2401,7 +2401,7 @@ function $n(e) {
   function h() {
     return (e.variants || []).filter((E) => {
       var B, N, K, q;
-      return yn(
+      return bn(
         {
           ...(N = (B = e.builderContext) == null ? void 0 : B.rootState) != null && N.locale ? {
             locale: (q = (K = e.builderContext) == null ? void 0 : K.rootState) == null ? void 0 : q.locale
@@ -2416,7 +2416,7 @@ function $n(e) {
   }
   function p() {
     var E;
-    return Cn({
+    return kn({
       variants: e.variants,
       fallbackBlocks: (E = e.builderBlock) == null ? void 0 : E.children,
       isHydrated: m,
@@ -2558,7 +2558,7 @@ function $n(e) {
     ] }) : null
   ] });
 }
-const Dn = {
+const $n = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2597,7 +2597,7 @@ const Dn = {
       }
     }
   }]
-}, Fn = {
+}, Dn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2615,7 +2615,7 @@ const Dn = {
     builderComponents: !0
   }
 };
-function On(e) {
+function Fn(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
     "div",
@@ -2639,7 +2639,7 @@ function On(e) {
     }
   );
 }
-const Ln = {
+const On = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2716,7 +2716,7 @@ const Ln = {
       text: "New tab content "
     }
   }
-}, _n = {
+}, Ln = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2820,7 +2820,7 @@ const Ln = {
     builderLinkComponent: !0
   }
 };
-function Un(e) {
+function _n(e) {
   var o;
   const [t, n] = C(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
@@ -2879,7 +2879,7 @@ function Un(e) {
     ) }) : null
   ] });
 }
-const Hn = {
+const Un = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -2899,7 +2899,7 @@ const Hn = {
     textAlign: "center"
   }
 };
-function Mn(e) {
+function Hn(e) {
   var t;
   return /* @__PURE__ */ s(
     "div",
@@ -2912,7 +2912,7 @@ function Mn(e) {
     }
   );
 }
-const qn = {
+const Mn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2935,7 +2935,7 @@ const qn = {
     advanced: !0
   }]
 };
-function jn(e) {
+function qn(e) {
   const t = H(null), [n, i] = C(() => []), [r, o] = C(() => []);
   function a() {
     var c;
@@ -2981,7 +2981,7 @@ function jn(e) {
     }
   );
 }
-const zn = {
+const jn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2996,8 +2996,8 @@ const zn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Kn = ["text/javascript", "application/javascript", "application/ecmascript"], Jn = (e) => Kn.includes(e.type);
-function Gn(e) {
+}, zn = ["text/javascript", "application/javascript", "application/ecmascript"], Kn = (e) => zn.includes(e.type);
+function Jn(e) {
   const t = H(null), [n, i] = C(() => []), [r, o] = C(() => []), [a, l] = C(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
@@ -3009,7 +3009,7 @@ function Gn(e) {
         n.push(b.src);
         const m = document.createElement("script");
         m.async = !0, m.src = b.src, document.head.appendChild(m);
-      } else if (Jn(b) && !r.includes(b.innerText))
+      } else if (Kn(b) && !r.includes(b.innerText))
         try {
           r.push(b.innerText), new Function(b.innerText)();
         } catch (m) {
@@ -3028,7 +3028,7 @@ function Gn(e) {
     }
   );
 }
-const Qn = {
+const Gn = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3265,11 +3265,11 @@ const Qn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Yn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Xn = () => {
+}, Qn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Yn = () => {
   const e = process.env.NODE_ENV || "production";
-  return Yn.includes(e) ? e : "production";
+  return Qn.includes(e) ? e : "production";
 };
-function Zn(e) {
+function Xn(e) {
   const t = H(null), [n, i] = C(() => "unsubmitted"), [r, o] = C(() => null), [a, l] = C(() => "");
   function c(b) {
     var v, d;
@@ -3339,7 +3339,7 @@ function Zn(e) {
         console.error(g), i("error"), c({ formErrorMessage: g });
         return;
       }
-      const T = `${Xn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const T = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, I = e.sendSubmissionsTo === "email" ? T : e.action;
       Oe(I), fetch(I, { body: p, headers: h, method: e.method || "post" }).then(
@@ -3433,7 +3433,7 @@ function Zn(e) {
     " "
   ] });
 }
-const ei = {
+const Zn = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3485,7 +3485,7 @@ const ei = {
     borderColor: "#ccc"
   }
 };
-function ti(e) {
+function ei(e) {
   return /* @__PURE__ */ Ue(
     "input",
     {
@@ -3500,7 +3500,7 @@ function ti(e) {
     }
   );
 }
-const ni = {
+const ti = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3543,7 +3543,7 @@ const ni = {
   static: !0,
   noWrap: !0
 };
-function ii(e) {
+function ni(e) {
   var t;
   return /* @__PURE__ */ Ue(
     "select",
@@ -3558,7 +3558,7 @@ function ii(e) {
     (t = e.options) == null ? void 0 : t.map((n, i) => /* @__PURE__ */ s("option", { value: n.value, children: n.name || n.value }, `${n.name}-${i}`))
   );
 }
-const ri = {
+const ii = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3584,10 +3584,10 @@ const ri = {
   // TODO: defaultChildren
   // canHaveChildren: true,
 };
-function oi(e) {
+function ri(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const ai = {
+const oi = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3624,7 +3624,7 @@ const ai = {
   static: !0,
   noWrap: !0
 };
-function li(e) {
+function ai(e) {
   return /* @__PURE__ */ s(
     "textarea",
     {
@@ -3637,7 +3637,7 @@ function li(e) {
     }
   );
 }
-const si = {
+const li = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3652,7 +3652,7 @@ const si = {
   noWrap: !0,
   static: !0
 };
-function ci(e) {
+function si(e) {
   function t() {
     const n = e.imgSrc || e.image;
     if (!(!n || typeof n != "string") && n.match(/builder\.io/))
@@ -3661,6 +3661,7 @@ function ci(e) {
   return /* @__PURE__ */ s(
     "img",
     {
+      loading: "lazy",
       style: {
         objectFit: e.backgroundSize || "cover",
         objectPosition: e.backgroundPosition || "center"
@@ -3673,7 +3674,7 @@ function ci(e) {
     L() && e.imgSrc || "default-key"
   );
 }
-const ui = {
+const ci = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3684,7 +3685,7 @@ const ui = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Bn,
+    allowedFileTypes: An,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
@@ -3758,7 +3759,7 @@ const ui = {
     builderBlock: !0
   }
 };
-function di(e) {
+function ui(e) {
   var a, l, c, u, f, b, m;
   const t = H(null);
   function n() {
@@ -3894,67 +3895,67 @@ function di(e) {
     }
   );
 }
-const mi = () => [{
-  component: jn,
-  ...qn
+const di = () => [{
+  component: qn,
+  ...Mn
 }, {
-  component: Gn,
-  ...zn
+  component: Jn,
+  ...jn
 }, {
-  component: Zn,
-  ...Qn
+  component: Xn,
+  ...Gn
 }, {
-  component: ti,
-  ...ei
+  component: ei,
+  ...Zn
 }, {
-  component: oi,
-  ...ri
+  component: ri,
+  ...ii
 }, {
-  component: ii,
-  ...ni
+  component: ni,
+  ...ti
 }, {
-  component: li,
-  ...ai
+  component: ai,
+  ...oi
 }, {
-  component: ci,
-  ...si
+  component: si,
+  ...li
 }, {
-  component: di,
-  ...ui
+  component: ui,
+  ...ci
 }], Ne = () => [{
-  component: vt,
+  component: pt,
+  ...Rn
+}, {
+  component: un,
   ...Pn
 }, {
   component: dn,
   ...Vn
 }, {
-  component: mn,
-  ...An
+  component: hn,
+  ...Bn
 }, {
   component: gn,
-  ...Nn
+  ...$n
 }, {
-  component: bn,
+  component: Fn,
   ...Dn
 }, {
-  component: On,
-  ...Fn
-}, {
-  component: Fi,
-  ...Ln
+  component: Di,
+  ...On
 }, {
-  component: Mn,
-  ...Hn
+  component: Hn,
+  ...Un
 }, ...rt.includes(F) ? [{
-  component: $n,
-  ...Wn
+  component: Wn,
+  ...Nn
 }] : [], {
-  component: Un,
-  ..._n
+  component: _n,
+  ...Ln
 }, {
-  component: Rn,
-  ...En
-}, ...mi()], fi = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: En,
+  ...wn
+}, ...di()], mi = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4013,7 +4014,7 @@ const mi = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, hi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, fi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4051,16 +4052,16 @@ const mi = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), gi = ({
+})), hi = ({
   canTrack: e,
   content: t
-}) => !(!(oe(t).length > 0) || !e || M()), bi = (e) => e === "react" || e === "reactNative", yi = F === "angular", st = bi(F), pi = () => `
-  window.${at} = ${fi}
-  window.${lt} = ${hi}
-  `, vi = (e, t) => `
+}) => !(!(oe(t).length > 0) || !e || M()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", st = gi(F), yi = () => `
+  window.${at} = ${mi}
+  window.${lt} = ${fi}
+  `, pi = (e, t) => `
   window.${at}(
-    "${t}",${JSON.stringify(e)}, ${st}, ${yi}
-  )`, xi = ({
+    "${t}",${JSON.stringify(e)}, ${st}, ${bi}
+  )`, vi = ({
   contentId: e,
   variationId: t
 }) => `window.${lt}(
@@ -4069,7 +4070,7 @@ const mi = () => [{
 function We(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Si = (e, t, n = !0) => {
+const xi = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -4080,7 +4081,7 @@ const Si = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ki = (e) => Si(e, (t) => {
+}, Si = (e) => xi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), $e = ({
@@ -4092,8 +4093,8 @@ const Si = (e, t, n = !0) => {
     x: o,
     y: a
   };
-}, Ci = (e) => {
-  const t = e.target, n = t && ki(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ki = (e) => {
+  const t = e.target, n = t && Si(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -4108,7 +4109,7 @@ const Si = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ti = ["svelte", "qwik", "vue"], De = () => Ti.includes(F) && (L() || se()), Ii = (e) => {
+}, Ci = ["svelte", "qwik", "vue"], De = () => Ci.includes(F) && (L() || se()), Ti = (e) => {
   var o, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
   let r = "";
@@ -4134,15 +4135,15 @@ font-weight: ${l};
         `.trim());
     }
   return r;
-}, wi = ({
+}, Ii = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Ii(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ei = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ti(n))) == null ? void 0 : t.join(" ")) || "";
+}, wi = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ri = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ei = `
 .builder-button {
   all: unset;
 }
@@ -4159,8 +4160,8 @@ font-weight: ${l};
   text-align: inherit;
   font-family: inherit;
 }
-`, Pi = (e) => e ? "" : Ri, Vi = (e) => `variant-${e}`;
-function Ai(e) {
+`, Ri = (e) => e ? "" : Ei, Pi = (e) => `variant-${e}`;
+function Vi(e) {
   var S, k, A;
   const t = H(null);
   C(() => !1);
@@ -4205,7 +4206,7 @@ function Ai(e) {
     () => e.contentWrapper || "div"
   );
   function l(T) {
-    return ht({
+    return ft({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -4242,7 +4243,7 @@ function Ai(e) {
         contentId: w,
         apiKey: e.apiKey,
         variationId: x !== w ? x : void 0,
-        ...Ci(T),
+        ...ki(T),
         unique: !m
       });
     }
@@ -4297,7 +4298,7 @@ function Ai(e) {
   return y.current || (h(), p(), y.current = !0), V(() => {
     var T, I, g, x, w;
     if (M()) {
-      L() && !e.isNestedRender && (window.addEventListener("message", l), ut(), dt({
+      L() && !e.isNestedRender && (window.addEventListener("message", l), ut({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4314,14 +4315,14 @@ function Ai(e) {
       ).forEach((P) => {
         var U, E;
         if (!((U = P.models) != null && U.length) || P.models.includes(e.model)) {
-          const B = mt(P);
+          const B = dt(P);
           (E = window.parent) == null || E.postMessage(B, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         p
       ));
-      const D = e.builderContextSignal.content && Z(e.canTrack), O = ft({
+      const D = e.builderContextSignal.content && Z(e.canTrack), O = mt({
         name: `builder.tests.${(I = e.builderContextSignal.content) == null ? void 0 : I.id}`,
         canTrack: !0
       }), $ = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
@@ -4376,7 +4377,7 @@ function Ai(e) {
       onClick: (T) => d(T),
       "builder-content-id": (S = e.builderContextSignal.content) == null ? void 0 : S.id,
       "builder-model": e.model,
-      className: Vi(
+      className: Pi(
         ((k = e.content) == null ? void 0 : k.testVariationId) || ((A = e.content) == null ? void 0 : A.id)
       ),
       style: {
@@ -4388,17 +4389,17 @@ function Ai(e) {
     }
   ) : null });
 }
-function Bi(e) {
+function Ai(e) {
   const [t, n] = C(
     () => `
-${Ei({
+${wi({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${wi({
+${Ii({
       customFonts: e.customFonts
     })}
-${Pi(e.isNestedRender)}
+${Ri(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(
@@ -4410,7 +4411,7 @@ ${Pi(e.isNestedRender)}
     }
   );
 }
-const Ni = ({
+const Bi = ({
   content: e,
   data: t,
   locale: n
@@ -4427,7 +4428,7 @@ const Ni = ({
       locale: n
     } : {}
   };
-}, Wi = ({
+}, Ni = ({
   content: e,
   data: t
 }) => e ? {
@@ -4443,7 +4444,7 @@ function Fe(e) {
   const [t, n] = C(
     () => {
       var S, k;
-      return xi({
+      return vi({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         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
@@ -4472,12 +4473,12 @@ function Fe(e) {
       {}
     )
   ), [a, l] = C(() => ({
-    content: Wi({
+    content: Ni({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Ni({
+    rootState: Bi({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -4526,7 +4527,7 @@ function Fe(e) {
         registeredComponents: r
       },
       children: /* @__PURE__ */ W(
-        Ai,
+        Vi,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -4555,7 +4556,7 @@ function Fe(e) {
               }
             ) : null,
             /* @__PURE__ */ s(
-              Bi,
+              Ai,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
@@ -4579,17 +4580,17 @@ function Fe(e) {
     }
   );
 }
-function $i(e) {
+function Wi(e) {
   var a;
   const [t, n] = C(
-    () => gi({
+    () => hi({
       canTrack: Z(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var l;
-    return vi(
+    return pi(
       oe(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -4605,7 +4606,7 @@ function $i(e) {
     return t ? {
       ...e.content,
       testVariationId: (l = e.content) == null ? void 0 : l.id
-    } : gt({
+    } : ht({
       item: e.content,
       canTrack: Z(e.canTrack)
     });
@@ -4617,7 +4618,7 @@ function $i(e) {
         j,
         {
           id: "builderio-init-variants-fns",
-          scriptStr: pi(),
+          scriptStr: yi(),
           nonce: e.nonce || ""
         }
       ),
@@ -4626,7 +4627,7 @@ function $i(e) {
         {
           id: "builderio-init-personalization-variants-fns",
           nonce: e.nonce || "",
-          scriptStr: Tn()
+          scriptStr: Cn()
         }
       ) : null
     ] }) : null,
@@ -4703,7 +4704,7 @@ function $i(e) {
     )
   ] });
 }
-const Di = async ({
+const $i = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4722,7 +4723,7 @@ const Di = async ({
       J.error("Could not fetch symbol content: ", n);
     });
 };
-function Fi(e) {
+function Di(e) {
   var u, f, b, m, v;
   function t() {
     return "div";
@@ -4748,7 +4749,7 @@ function Fi(e) {
   });
   function c() {
     var d;
-    r && a === ((d = e.symbol) == null ? void 0 : d.entry) || Di({
+    r && a === ((d = e.symbol) == null ? void 0 : d.entry) || $i({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((h) => {
@@ -4760,7 +4761,7 @@ function Fi(e) {
   }, []), V(() => {
     c();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
-    $i,
+    Wi,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -4788,14 +4789,14 @@ function Fi(e) {
 export {
   _ as Blocks,
   pe as BuilderContext,
-  vt as Button,
-  dn as Columns,
-  $i as Content,
-  mn as Fragment,
-  gn as Image,
-  bn as Section,
-  Fi as Symbol,
-  Mn as Text,
-  di as Video,
-  Mi as setClientUserAttributes
+  pt as Button,
+  un as Columns,
+  Wi as Content,
+  dn as Fragment,
+  hn as Image,
+  gn as Section,
+  Di as Symbol,
+  Hn as Text,
+  ui as Video,
+  Hi as setClientUserAttributes
 };