@builder.io/sdk-react 5.2.2 → 5.2.4-dev.0

package/lib/browser/blocks-exports.mjs

@@ -1,14 +1,14 @@
 "use client";
-import { TARGET as O, isEditing as _, isBrowser as J, getUserAttributes as dt, _track as ye, checkIsDefined as ae, logger as Q, isPreviewing as le, userAttributesService as Ie, getDefaultCanTrack as ee, logFetch as _e, setupBrowserForEditing as mt, createRegisterComponentMessage as ft, getCookieSync as ht, fetchOneEntry as Ue, createEditorListener as bt, serializeIncludingFunctions as we, handleABTestingSync as gt } from "./server-entry-aff2c5ee.js";
-import { setClientUserAttributes as qi } from "./server-entry-aff2c5ee.js";
-import { jsx as s, Fragment as P, jsxs as D } from "react/jsx-runtime";
-import * as yt from "react";
-import { createContext as He, useEffect as B, useState as k, useContext as pe, useRef as K, createElement as Me } from "react";
-const pt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), vt = (e) => typeof e == "string" && pt.has(e.toLowerCase());
-function xe(e) {
-  return /* @__PURE__ */ s(P, { children: vt(e.TagName) ? /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(P, { 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 }) }) });
+import { TARGET as O, isEditing as _, isBrowser as J, getUserAttributes as ut, _track as ye, checkIsDefined as ae, logger as Q, isPreviewing as le, userAttributesService as Re, getDefaultCanTrack as ee, logFetch as He, setupBrowserForEditing as dt, createRegisterComponentMessage as mt, getCookieSync as ft, fetchOneEntry as Me, createEditorListener as ht, serializeIncludingFunctions as Pe, handleABTestingSync as bt } from "./server-entry-3a0f3268.js";
+import { setClientUserAttributes as Mi } from "./server-entry-3a0f3268.js";
+import { jsx as s, Fragment as w, jsxs as D } from "react/jsx-runtime";
+import * as gt from "react";
+import { createContext as qe, useEffect as B, useState as k, useContext as pe, useRef as z, createElement as je } 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());
+function ke(e) {
+  return /* @__PURE__ */ s(w, { children: pt(e.TagName) ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(w, { 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 = () => {
+const K = () => {
   switch (O) {
     case "react":
     case "reactNative":
@@ -22,11 +22,11 @@ const z = () => {
       return "class";
   }
 };
-function xt(e) {
+function vt(e) {
   function t() {
     return {
       ...e.attributes,
-      [z()]: `${e.link ? "" : "builder-button"} ${e.attributes[z()] || ""}`,
+      [K()]: `${e.link ? "" : "builder-button"} ${e.attributes[K()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -37,7 +37,7 @@ function xt(e) {
     };
   }
   return /* @__PURE__ */ s(
-    xe,
+    ke,
     {
       attributes: t(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -46,7 +46,7 @@ function xt(e) {
     }
   );
 }
-const se = He({
+const se = qe({
   content: null,
   context: {},
   localState: void 0,
@@ -61,10 +61,10 @@ const se = He({
   BlocksWrapperProps: {},
   nonce: "",
   model: ""
-}), qe = He({ registeredComponents: {} }), je = (e, t, n) => {
+}), ze = qe({ registeredComponents: {} }), Ke = (e, t, n) => {
   const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, a) => r != null ? r[a] : r, e);
   return i === void 0 || i === e ? n : i;
-}, St = ({
+}, xt = ({
   builder: e,
   context: t,
   event: n,
@@ -76,11 +76,11 @@ const se = He({
   builder: e,
   context: t,
   event: n
-}), kt = (e) => ({
+}), St = (e) => ({
   isEditing: _(),
   isBrowser: J(),
   isServer: !J(),
-  getUserAttributes: () => dt(),
+  getUserAttributes: () => ut(),
   trackConversion: (t, n) => {
     var i;
     !(e != null && e.apiKey) || (e == null ? void 0 : e.canTrack) === !1 || ye({
@@ -97,10 +97,10 @@ const se = He({
       }
     });
   }
-}), Ct = (e, {
+}), kt = (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 Ke({
+function Je({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -110,7 +110,7 @@ function Ke({
       if (t && r in t)
         return t[r];
       const a = i[r];
-      return typeof a == "object" && a !== null ? Ke({
+      return typeof a == "object" && a !== null ? Je({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (o) => {
@@ -125,7 +125,7 @@ function Ke({
     }
   });
 }
-const Ee = ({
+const Ve = ({
   code: e,
   builder: t,
   context: n,
@@ -134,11 +134,11 @@ const Ee = ({
   rootSetState: a,
   rootState: o
 }) => {
-  const l = St({
+  const l = xt({
     builder: t,
     context: n,
     event: i,
-    state: Ke({
+    state: Je({
       rootState: o,
       localState: r,
       rootSetState: a
@@ -146,23 +146,23 @@ const Ee = ({
   });
   return new Function(...l.map(([c]) => c), e)(...l.map(([, c]) => c));
 };
-function Tt() {
+function Ct() {
   var e;
   return typeof process != "undefined" && ae((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const It = ({
+const Tt = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!Tt())
+  if (!Ct())
     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 && Q.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;
-}, wt = (e) => (J() || It({
+}, It = (e) => (J() || Tt({
   shouldLogWarning: !0
-}), Ee(e)), Et = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Rt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Pt = (e) => {
+}), Ve(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) => {
   var t, n, i, r, a, o;
-  return ((i = (n = (t = Et.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((o = (a = (r = Rt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : a.getPath) == null ? void 0 : o.slice(1));
+  return ((i = (n = (t = wt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((o = (a = (r = Et.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : a.getPath) == null ? void 0 : o.slice(1));
 };
 function Y({
   code: e,
@@ -176,17 +176,17 @@ function Y({
 }) {
   if (e.trim() === "")
     return;
-  const c = Pt(e.trim());
+  const c = Rt(e.trim());
   if (c)
-    return je({
+    return Ke({
       ...i,
       ...n
     }, c);
   const d = {
-    code: Ct(e, {
+    code: kt(e, {
       isExpression: o
     }),
-    builder: kt(l),
+    builder: St(l),
     context: t,
     event: a,
     rootSetState: r,
@@ -194,7 +194,7 @@ function Y({
     localState: n
   };
   try {
-    return wt(d);
+    return It(d);
   } catch (h) {
     Q.error("Failed code evaluation: " + h.message, {
       code: e
@@ -202,15 +202,15 @@ function Y({
     return;
   }
 }
-function Vt(e, t) {
+function Pt(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...At(e, t)
+    ...Vt(e, t)
   };
 }
-const At = (e, t) => {
+const Vt = (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 {
@@ -224,7 +224,7 @@ const At = (e, t) => {
       }))
     };
 };
-function Bt(e, ...t) {
+function At(e, ...t) {
   const n = Object.assign({}, e);
   for (const i of t)
     delete n[i];
@@ -247,31 +247,31 @@ function oe(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
     }), oe(o, t, e, a, r);
   }));
 }
-function ze(e) {
+function Ge(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function Nt(e) {
+function Bt(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
   return oe(e, (n) => {
-    if (ze(n)) {
+    if (Ge(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function $t(e, t) {
+function Nt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (oe(e, (n, i) => {
     var r;
-    ze(n) && i((r = n[t]) != null ? r : void 0);
+    Ge(n) && i((r = n[t]) != null ? r : void 0);
   }), e);
 }
-function Wt(e, t) {
+function $t(e, t) {
   var n, i;
-  return (n = e.component) != null && n.options && Nt((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 = $t(e.component.options, t != null ? t : "Default")), e;
+  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;
 }
-const Se = (e) => JSON.parse(JSON.stringify(e)), Je = (e, t, n) => {
+const Ce = (e) => JSON.parse(JSON.stringify(e)), Qe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -289,9 +289,9 @@ function ve(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ve(e[n]));
   return t;
 }
-const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Ot = (e) => {
-  if (Dt) {
-    const t = Se(e);
+const Wt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Dt = (e) => {
+  if (Wt) {
+    const t = Ce(e);
     return {
       ...t,
       properties: {
@@ -302,7 +302,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Ot = (e) =
       }
     };
   } else {
-    const t = ve(Bt(e, "children", "meta"));
+    const t = ve(At(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -315,7 +315,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Ot = (e) =
       meta: e.meta
     };
   }
-}, Ft = ({
+}, Ot = ({
   block: e,
   context: t,
   localState: n,
@@ -324,7 +324,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Ot = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const a = Ot(e);
+  const a = Dt(e);
   for (const o in e.bindings) {
     const l = e.bindings[o], c = Y({
       code: l,
@@ -333,11 +333,11 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), Ot = (e) =
       rootSetState: r,
       context: t
     });
-    Je(a, o, c);
+    Qe(a, o, c);
   }
   return a;
 };
-function Lt({
+function Ft({
   block: e,
   context: t,
   localState: n,
@@ -345,16 +345,16 @@ function Lt({
   rootSetState: r
 }) {
   let a = e;
-  return a = Ft({
+  return a = Ot({
     block: a,
     localState: n,
     rootState: i,
     rootSetState: r,
     context: t
-  }), a = Wt(a, i.locale), a;
+  }), a = $t(a, i.locale), a;
 }
 const ce = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function _t(e, t, n = {}) {
+function Lt(e, t, n = {}) {
   let i, r, a, o = null, l = 0;
   const c = function() {
     l = n.leading === !1 ? 0 : Date.now(), o = null, a = e.apply(i, r), o || (i = r = null);
@@ -376,55 +376,55 @@ function Z(e, ...t) {
   }
   return n;
 }
-function Ut(e) {
+function _t(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Ye(t);
+        Ze(t);
         break;
       case "scrollInView":
-        Mt(t);
+        Ht(t);
         break;
     }
 }
-function Ge(e) {
+function Ye(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Qe(e, t) {
-  const n = Ht(e), i = getComputedStyle(t), r = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, o = [r, a];
+function Xe(e, t) {
+  const n = Ut(e), i = getComputedStyle(t), r = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, o = [r, a];
   for (const l of o)
     for (const c of n)
       c in l || (l[c] = i[c]);
 }
-function Ht(e) {
+function Ut(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function Ye(e) {
+function Ze(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ge(e.elementId || e.id || "");
+    Ye(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Qe(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
+    Xe(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Mt(e) {
+function Ht(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ge(e.elementId || e.id || "");
+    Ye(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Qe(e, n);
+    Xe(e, n);
     let i = !1, r = !1;
     function a() {
       !i && l(n) ? (i = !0, r = !0, setTimeout(() => {
@@ -433,7 +433,7 @@ function Mt(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && i && !r && !l(n) && (i = !1, Z(n.style, e.steps[0].styles));
     }
-    const o = _t(a, 200, {
+    const o = Lt(a, 200, {
       leading: !1
     });
     function l(h) {
@@ -452,42 +452,42 @@ function Mt(e) {
     }), a();
   });
 }
-const Xe = (e) => Object.entries(e).map(([n, i]) => {
+const et = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${ce(n)}: ${i};`;
-}).filter(ae), qt = (e) => Xe(e).join(`
+}).filter(ae), Mt = (e) => et(e).join(`
 `), X = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${qt(n)}
+    ${Mt(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function jt({
+function qt({
   style: e
 }) {
   return e;
 }
-const Kt = ({
+const jt = ({
   block: e,
   context: t
-}) => Ze(jt({
+}) => tt(qt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ze(e) {
+function tt(e) {
   switch (O) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Xe(e).join(" ");
+      return et(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -495,7 +495,7 @@ function Ze(e) {
       return e;
   }
 }
-const et = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, zt = ({
+const nt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, zt = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -505,14 +505,14 @@ const et = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!i)
     return null;
   const r = t[i];
-  if (!r || et(r, n)) {
+  if (!r || nt(r, n)) {
     console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return;
   } else
     return r;
-}, Jt = ({
+}, Kt = ({
   block: e,
   context: t
 }) => {
@@ -545,31 +545,31 @@ const et = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: i
   }));
-}, Gt = (e, t) => {
+}, Jt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Qt = (e, t, n) => {
+}, Gt = (e, t, n) => {
   var i;
   return (i = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && i.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([a, o]) => !et(o, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([a, o]) => !nt(o, n)))
   } : {};
-}, Yt = (e, t) => {
+}, Qt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Xt = (e, t) => {
+}, Yt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Re = (e) => e.toString();
-function Zt(e) {
+}, Ae = (e) => e.toString();
+function Xt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const en = (e) => `on${Zt(e)}`, tn = (e, t) => (n) => Y({
+const Zt = (e) => `on${Xt(e)}`, en = (e, t) => (n) => Y({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -579,14 +579,14 @@ const en = (e) => `on${Zt(e)}`, tn = (e, t) => (n) => Y({
   isExpression: !1,
   trackingContext: t.trackingContext
 });
-function tt(e) {
+function it(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const r in n) {
     if (!n.hasOwnProperty(r))
       continue;
     const a = n[r];
-    let o = en(r);
+    let o = Zt(r);
     if (e.stripPrefix)
       switch (O) {
         case "vue":
@@ -596,50 +596,50 @@ function tt(e) {
           o = o.replace("on:", "");
           break;
       }
-    t[o] = tn(a, e);
+    t[o] = en(a, e);
   }
   return t;
 }
-function nn({
+function tn({
   properties: e
 }) {
   return e;
 }
-const rn = (e) => ({
+const nn = (e) => ({
   href: e.href
 });
-function ke({
+function Te({
   block: e,
   context: t
 }) {
   var i;
   const n = {
-    ...rn(e),
+    ...nn(e),
     ...e.properties,
     "builder-id": e.id,
-    style: Kt({
+    style: jt({
       block: e,
       context: t
     }),
-    [z()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [K()]: [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 an(e) {
+function rn(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
-    xe,
+    ke,
     {
       TagName: e.Wrapper,
-      attributes: ke({
+      attributes: Te({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: tt({
+      actionAttributes: it({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -657,21 +657,21 @@ function an(e) {
     }
   );
 }
-function on(e) {
+function an(e) {
   return B(() => {
-  }, []), /* @__PURE__ */ s(P, { children: e.children });
+  }, []), /* @__PURE__ */ s(w, { children: e.children });
 }
-function ln(e) {
+function on(e) {
   var i, r;
   k(() => 0);
   function t() {
     var a, o, l;
     return e.includeBlockProps ? {
-      ...ke({
+      ...Te({
         block: e.block,
         context: e.context
       }),
-      ...tt({
+      ...it({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -690,8 +690,8 @@ function ln(e) {
     return e.wrapperProps;
   }
   return B(() => {
-  }, [e.wrapperProps, (r = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : r.options]), /* @__PURE__ */ s(P, { children: e.Wrapper.load ? /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(
-    on,
+  }, [e.wrapperProps, (r = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : r.options]), /* @__PURE__ */ s(w, { children: e.Wrapper.load ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
+    an,
     {
       load: e.Wrapper.load,
       fallback: e.Wrapper.fallback,
@@ -701,7 +701,7 @@ function ln(e) {
     }
   ) }) : /* @__PURE__ */ s(e.Wrapper, { ...n(), attributes: t(), children: e.children }) });
 }
-const sn = ({
+const ln = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -717,7 +717,7 @@ const sn = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...r ? {
-      attributes: ke({
+      attributes: Te({
         block: t,
         context: o
       })
@@ -731,19 +731,19 @@ const sn = ({
     includeBlockProps: r
   } : l;
 };
-function Pe(e) {
+function Be(e) {
   var r;
   k(() => !1);
   const [t, n] = k(
-    () => e.isInteractive ? ln : e.componentRef
+    () => e.isInteractive ? on : e.componentRef
   );
   function i() {
     return e.componentRef ? e.blockChildren : [];
   }
-  return /* @__PURE__ */ s(P, { children: e.componentRef ? /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(w, { children: e.componentRef ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
     t,
     {
-      ...sn({
+      ...ln({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -766,7 +766,7 @@ function Pe(e) {
     }
   ) }) : null });
 }
-function Ve(e) {
+function Ne(e) {
   const [t, n] = k(() => e.repeatContext);
   return B(() => {
     n(e.repeatContext);
@@ -780,7 +780,7 @@ function Ve(e) {
     }
   ) });
 }
-const nt = {
+const rt = {
   xsmall: {
     min: 0,
     default: 160,
@@ -801,8 +801,8 @@ const nt = {
     default: 991,
     max: 1200
   }
-}, de = (e, t = nt) => `@media (max-width: ${t[e].max}px)`, it = (e) => {
-  const t = Se(nt);
+}, de = (e, t = rt) => `@media (max-width: ${t[e].max}px)`, at = (e) => {
+  const t = Ce(rt);
   if (!e)
     return t;
   const {
@@ -850,16 +850,16 @@ function te(e) {
     }
   );
 }
-function Ae(e) {
+function $e(e) {
   function t() {
     const i = e.block;
     return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
   }
   function n() {
-    var T, w, U, H, q;
-    const i = e.block, r = i.responsiveStyles, a = e.context.content, o = it(
+    var T, E, U, H, q;
+    const i = e.block, r = i.responsiveStyles, a = e.context.content, o = at(
       ((T = a == null ? void 0 : a.meta) == null ? void 0 : T.breakpoints) || {}
-    ), l = !!((U = (w = a == null ? void 0 : a.meta) == null ? void 0 : w.breakpoints) != null && U.xsmall), c = r == null ? void 0 : r.large, d = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, g = r == null ? void 0 : r.xsmall, u = i.id;
+    ), l = !!((U = (E = a == null ? void 0 : a.meta) == null ? void 0 : E.breakpoints) != null && U.xsmall), c = r == null ? void 0 : r.large, d = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, g = r == null ? void 0 : r.xsmall, u = i.id;
     if (!u)
       return "";
     const S = c ? X({
@@ -909,7 +909,7 @@ function Ae(e) {
       v
     ].join(" ");
   }
-  return /* @__PURE__ */ s(P, { children: n() && t() ? /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(w, { children: n() && t() ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
     te,
     {
       id: "builderio-block",
@@ -918,16 +918,16 @@ function Ae(e) {
     }
   ) }) : null });
 }
-function cn(e) {
+function sn(e) {
   k(() => !1);
   const [t, n] = k(() => !1);
   return pe(se), B(() => {
-  }, []), /* @__PURE__ */ s(P, { children: t ? /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(Ae, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(Ae, { block: e.block, context: e.context }) }) });
+  }, []), /* @__PURE__ */ s(w, { children: t ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s($e, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s($e, { block: e.block, context: e.context }) }) });
 }
 function ue(e) {
   var h, g, u, S;
   function t() {
-    return Jt({
+    return Kt({
       block: e.block,
       context: e.context
     });
@@ -940,7 +940,7 @@ function ue(e) {
     var b;
     if (n.value && !n.update && !le())
       return n.value;
-    const m = (b = e.block.repeat) != null && b.collection ? e.block : Lt({
+    const m = (b = e.block.repeat) != null && b.collection ? e.block : Ft({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -977,11 +977,11 @@ function ue(e) {
       blockChildren: (m = r().children) != null ? m : [],
       componentRef: (b = a == null ? void 0 : a()) == null ? void 0 : b.component,
       componentOptions: {
-        ...Vt(r(), e.context),
-        ...Yt(a(), r()),
-        ...Xt(a(), e.context),
-        ...Gt(a(), e.linkComponent),
-        ...Qt(
+        ...Pt(r(), e.context),
+        ...Qt(a(), r()),
+        ...Yt(a(), e.context),
+        ...Jt(a(), e.linkComponent),
+        ...Gt(
           a(),
           e.registeredComponents,
           e.context.model
@@ -997,7 +997,7 @@ function ue(e) {
   }
   return B(() => {
     const m = r().id, b = r().animations;
-    b && m && Ut(
+    b && m && _t(
       b.map((p) => ({
         ...p,
         elementId: m
@@ -1005,26 +1005,26 @@ function ue(e) {
     );
   }, []), B(() => {
     n.update = !0;
-  }), /* @__PURE__ */ s(P, { children: l() ? /* @__PURE__ */ D(P, { children: [
+  }), /* @__PURE__ */ s(w, { children: l() ? /* @__PURE__ */ D(w, { children: [
     /* @__PURE__ */ s(
-      cn,
+      sn,
       {
         block: r(),
         context: e.context,
         id: e.block.id
       }
     ),
-    (h = a == null ? void 0 : a()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(P, { children: (S = t()) == null ? void 0 : S.map((m, b) => /* @__PURE__ */ s(
-      Ve,
+    (h = a == null ? void 0 : a()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(w, { children: (S = t()) == null ? void 0 : S.map((m, b) => /* @__PURE__ */ s(
+      Ne,
       {
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Re(b)
+      Ae(b)
     )) }) : /* @__PURE__ */ s(
-      Pe,
+      Be,
       {
         componentRef: d().componentRef,
         componentOptions: d().componentOptions,
@@ -1036,24 +1036,24 @@ function ue(e) {
         includeBlockProps: d().includeBlockProps,
         isInteractive: d().isInteractive
       }
-    ) : /* @__PURE__ */ s(P, { children: t() ? /* @__PURE__ */ s(P, { children: (u = t()) == null ? void 0 : u.map((m, b) => /* @__PURE__ */ s(
-      Ve,
+    ) : /* @__PURE__ */ s(w, { children: t() ? /* @__PURE__ */ s(w, { children: (u = t()) == null ? void 0 : u.map((m, b) => /* @__PURE__ */ s(
+      Ne,
       {
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Re(b)
+      Ae(b)
     )) }) : /* @__PURE__ */ D(
-      an,
+      rn,
       {
         Wrapper: o(),
         block: r(),
         context: e.context,
         children: [
           /* @__PURE__ */ s(
-            Pe,
+            Be,
             {
               componentRef: d().componentRef,
               componentOptions: d().componentOptions,
@@ -1081,8 +1081,8 @@ function ue(e) {
     ) })
   ] }) : null });
 }
-function un(e) {
-  const t = K(null);
+function cn(e) {
+  const t = z(null);
   k(() => !1);
   function n() {
     var o;
@@ -1126,7 +1126,7 @@ function un(e) {
   }
   return B(() => {
   }, []), B(() => {
-  }, [e.blocks]), /* @__PURE__ */ D(P, { children: [
+  }, [e.blocks]), /* @__PURE__ */ D(w, { children: [
     /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-b46bf284 {
   display: flex;
   flex-direction: column;
@@ -1151,9 +1151,9 @@ function un(e) {
 }
 function M(e) {
   var i, r, a;
-  const t = pe(se), n = pe(qe);
+  const t = pe(se), n = pe(ze);
   return /* @__PURE__ */ D(
-    un,
+    cn,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -1164,7 +1164,7 @@ function M(e) {
       BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || (t == null ? void 0 : t.BlocksWrapper),
       children: [
         e.children,
-        e.blocks ? /* @__PURE__ */ s(P, { children: (a = e.blocks) == null ? void 0 : a.map((o) => /* @__PURE__ */ s(
+        e.blocks ? /* @__PURE__ */ s(w, { children: (a = e.blocks) == null ? void 0 : a.map((o) => /* @__PURE__ */ s(
           ue,
           {
             block: o,
@@ -1178,8 +1178,8 @@ function M(e) {
     }
   );
 }
-const dn = (e) => `builder-columns ${e}-breakpoints`;
-function mn(e) {
+const un = (e) => `builder-columns ${e}-breakpoints`;
+function dn(e) {
   var b, p;
   function t() {
     return typeof e.space == "number" ? e.space || 0 : 20;
@@ -1226,7 +1226,7 @@ function mn(e) {
     };
   }
   function g(f) {
-    const v = f === 0 ? 0 : t(), T = o(f), w = `${v}px`, U = "100%", H = 0;
+    const v = f === 0 ? 0 : t(), T = o(f), E = `${v}px`, U = "100%", H = 0;
     return {
       ...{
         display: "flex",
@@ -1234,14 +1234,14 @@ function mn(e) {
         alignItems: "stretch"
       },
       width: T,
-      ["marginLeft"]: w,
+      ["marginLeft"]: E,
       "--column-width-mobile": c({
         stackedStyle: U,
         desktopStyle: T
       }),
       "--column-margin-left-mobile": c({
         stackedStyle: H,
-        desktopStyle: w
+        desktopStyle: E
       }),
       "--column-width-tablet": l({
         stackedStyle: U,
@@ -1249,14 +1249,14 @@ function mn(e) {
       }),
       "--column-margin-left-tablet": l({
         stackedStyle: H,
-        desktopStyle: w
+        desktopStyle: E
       })
     };
   }
   function u(f) {
-    var T, w;
-    return it(
-      ((w = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || {}
+    var T, E;
+    return at(
+      ((E = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || {}
     )[f].max;
   }
   function S() {
@@ -1292,11 +1292,11 @@ function mn(e) {
       ...f.link ? {
         href: f.link
       } : {},
-      [z()]: "builder-column",
-      style: Ze(g(v))
+      [K()]: "builder-column",
+      style: tt(g(v))
     };
   }
-  return /* @__PURE__ */ D(P, { children: [
+  return /* @__PURE__ */ D(w, { children: [
     /* @__PURE__ */ s("style", { children: `.div-0369db37 {
   display: flex;
   line-height: normal;
@@ -1305,7 +1305,7 @@ function mn(e) {
     /* @__PURE__ */ D(
       "div",
       {
-        className: dn((b = e.builderBlock) == null ? void 0 : b.id) + " div-0369db37",
+        className: un((b = e.builderBlock) == null ? void 0 : b.id) + " div-0369db37",
         style: h(),
         children: [
           /* @__PURE__ */ s(
@@ -1317,7 +1317,7 @@ function mn(e) {
             }
           ),
           (p = e.columns) == null ? void 0 : p.map((f, v) => /* @__PURE__ */ s(
-            xe,
+            ke,
             {
               TagName: r(f),
               actionAttributes: {},
@@ -1344,25 +1344,25 @@ function mn(e) {
     )
   ] });
 }
-function fn(e) {
+function mn(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
-function Be(e) {
+function We(e) {
   return e.replace(/http(s)?:/, "");
 }
-function hn(e = "", t, n) {
+function fn(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 bn(e, t) {
+function hn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Be(e);
+    return We(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), r = n[3], a = t.match("x") ? t : `${t}x`;
-    return Be(`${i[0]}_${a}${r}`);
+    return We(`${i[0]}_${a}${r}`);
   }
   return null;
 }
@@ -1373,11 +1373,11 @@ function me(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) => `${hn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((r) => r !== i).map((r) => `${fn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [bn(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) => [hn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function gn(e) {
+function bn(e) {
   var r, a, o, l, c, d;
   function t() {
     var u;
@@ -1410,7 +1410,7 @@ function gn(e) {
     return e.aspectRatio ? h : void 0;
   }
   return B(() => {
-  }, []), /* @__PURE__ */ D(P, { children: [
+  }, []), /* @__PURE__ */ D(w, { children: [
     /* @__PURE__ */ s("style", { children: `.img-3cc22d08 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
@@ -1428,7 +1428,7 @@ function gn(e) {
   width: 100%;
   height: 100%;
 }` }),
-    /* @__PURE__ */ D(P, { children: [
+    /* @__PURE__ */ D(w, { children: [
       /* @__PURE__ */ D("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
@@ -1460,12 +1460,12 @@ function gn(e) {
           }
         }
       ) : null,
-      (l = (o = e.builderBlock) == null ? void 0 : o.children) != null && l.length && e.fitContent ? /* @__PURE__ */ s(P, { children: e.children }) : null,
+      (l = (o = e.builderBlock) == null ? void 0 : o.children) != null && l.length && e.fitContent ? /* @__PURE__ */ s(w, { children: e.children }) : null,
       !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ s("div", { className: "div-3cc22d08-2", children: e.children }) : null
     ] })
   ] });
 }
-function yn(e) {
+function gn(e) {
   return /* @__PURE__ */ s(
     "section",
     {
@@ -1486,7 +1486,7 @@ function yn(e) {
     }
   );
 }
-function pn(e, t, n, i) {
+function yn(e, t, n, i) {
   function r(d) {
     return typeof d == "string";
   }
@@ -1543,7 +1543,7 @@ function pn(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((d) => o(e, d));
 }
-const vn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const pn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1588,7 +1588,7 @@ const vn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, xn = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, vn = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -1666,7 +1666,7 @@ const vn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, Sn = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, xn = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -1704,11 +1704,11 @@ const vn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", kn = "filterWithCustomTargeting", rt = "builderIoPersonalization", at = "updateVisibilityStylesScript", ot = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
-function Cn(e, t) {
+}`, ne = "default", Sn = "filterWithCustomTargeting", ot = "builderIoPersonalization", lt = "updateVisibilityStylesScript", st = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
+function kn(e, t) {
   return !(e && e.length > 0) || !t ? !1 : ie.includes(O) ? !0 : !J();
 }
-function Tn({
+function Cn({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -1747,11 +1747,11 @@ function Tn({
   }
   return a;
 }
-const In = () => `
-  window.${kn} = ${xn}
-  window.${rt} = ${vn}
-  window.${at} = ${Sn}
-  `, lt = O === "react", wn = (e, t, n) => `window.${rt}(${JSON.stringify(e)}, "${t}", ${lt}${n ? `, "${n}"` : ""})`, En = (e, t, n) => `window.${at}(${JSON.stringify(e)}, "${t}", ${lt}${n ? `, "${n}"` : ""})`, fe = {
+const Tn = () => `
+  window.${Sn} = ${vn}
+  window.${ot} = ${pn}
+  window.${lt} = ${xn}
+  `, ct = O === "react", In = (e, t, n) => `window.${ot}(${JSON.stringify(e)}, "${t}", ${ct}${n ? `, "${n}"` : ""})`, wn = (e, t, n) => `window.${lt}(${JSON.stringify(e)}, "${t}", ${ct}${n ? `, "${n}"` : ""})`, fe = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1811,7 +1811,7 @@ const In = () => `
       }
     }
   }]
-}, Rn = {
+}, En = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1875,8 +1875,8 @@ const In = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ne = (e) => e.toString();
-function Pn(e) {
+}, De = (e) => e.toString();
+function Rn(e) {
   var g;
   const [t, n] = k(() => []);
   function i() {
@@ -1954,7 +1954,7 @@ function Pn(e) {
   function h(u) {
     t.includes(u) ? n(i() ? [] : t.filter((S) => S !== u)) : n(i() ? [u] : t.concat(u));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (g = e.items) == null ? void 0 : g.map((u, S) => /* @__PURE__ */ D(yt.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (g = e.items) == null ? void 0 : g.map((u, S) => /* @__PURE__ */ D(gt.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1963,7 +1963,7 @@ function Pn(e) {
           ...a(),
           ...e.grid && {
             width: e.gridRowWidth,
-            order: c() !== null ? Ne(S) : Ne(S + 1)
+            order: c() !== null ? De(S) : De(S + 1)
           }
         },
         "data-index": S,
@@ -2001,7 +2001,7 @@ function Pn(e) {
     ) : null
   ] }, S)) });
 }
-const Vn = {
+const Pn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2037,7 +2037,7 @@ const Vn = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, An = {
+}, Vn = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2244,13 +2244,13 @@ const Vn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Bn = {
+}, An = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ce = ["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"], Nn = ["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"], $n = {
+}, Ie = ["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 = {
   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",
@@ -2265,7 +2265,7 @@ const Vn = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Ce,
+    allowedFileTypes: Ie,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2362,7 +2362,7 @@ const Vn = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Wn = {
+}, $n = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -2409,14 +2409,14 @@ function G(e) {
     }
   );
 }
-function Dn(e) {
-  var v, T, w, U, H, q, y, x, V, A, $, E, R;
-  const t = K(null), [n, i] = k(
-    () => Ie.getUserAttributes()
+function Wn(e) {
+  var v, T, E, U, H, q, y, x, V, A, $, R, P;
+  const t = z(null), [n, i] = k(
+    () => Re.getUserAttributes()
   ), [r, a] = k(
     () => {
       var I, N, C;
-      return wn(
+      return In(
         e.variants,
         ((I = e.builderBlock) == null ? void 0 : I.id) || "none",
         (C = (N = e.builderContext) == null ? void 0 : N.rootState) == null ? void 0 : C.locale
@@ -2425,7 +2425,7 @@ function Dn(e) {
   ), [o, l] = k(
     () => {
       var I, N, C;
-      return En(
+      return wn(
         e.variants,
         ((I = e.builderBlock) == null ? void 0 : I.id) || "none",
         (C = (N = e.builderContext) == null ? void 0 : N.rootState) == null ? void 0 : C.locale
@@ -2434,7 +2434,7 @@ function Dn(e) {
   ), [c, d] = k(() => []), [h, g] = k(
     () => {
       var I;
-      return Cn(
+      return kn(
         e.variants,
         ee((I = e.builderContext) == null ? void 0 : I.canTrack)
       );
@@ -2443,13 +2443,13 @@ function Dn(e) {
   function m() {
     return {
       ...e.attributes,
-      [z()]: `builder-personalization-container ${e.attributes[z()] || ""}`
+      [K()]: `builder-personalization-container ${e.attributes[K()] || ""}`
     };
   }
   function b() {
     return (e.variants || []).filter((I) => {
       var N, C, W, F;
-      return pn(
+      return yn(
         {
           ...(C = (N = e.builderContext) == null ? void 0 : N.rootState) != null && C.locale ? {
             locale: (F = (W = e.builderContext) == null ? void 0 : W.rootState) == null ? void 0 : F.locale
@@ -2464,7 +2464,7 @@ function Dn(e) {
   }
   function p() {
     var I;
-    return Tn({
+    return Cn({
       variants: e.variants,
       fallbackBlocks: (I = e.builderBlock) == null ? void 0 : I.children,
       isHydrated: u,
@@ -2483,7 +2483,7 @@ function Dn(e) {
   return B(() => {
     var N;
     S(!0);
-    const I = Ie.subscribeOnUserAttributesChange(
+    const I = Re.subscribeOnUserAttributesChange(
       (C) => {
         i(C);
       },
@@ -2530,12 +2530,12 @@ function Dn(e) {
         registeredComponents: e.builderComponents,
         BlocksWrapperProps: {
           ...(T = e.builderContext) == null ? void 0 : T.BlocksWrapperProps,
-          "data-variant-id": `${(w = e.builderBlock) == null ? void 0 : w.id}-${p().index}`
+          "data-variant-id": `${(E = e.builderBlock) == null ? void 0 : E.id}-${p().index}`
         }
       }
     ) : null,
-    !u && ie.includes(O) || !ie.includes(O) ? /* @__PURE__ */ D(P, { children: [
-      h ? /* @__PURE__ */ D(P, { children: [
+    !u && ie.includes(O) || !ie.includes(O) ? /* @__PURE__ */ D(w, { children: [
+      h ? /* @__PURE__ */ D(w, { children: [
         /* @__PURE__ */ s(
           te,
           {
@@ -2553,7 +2553,7 @@ function Dn(e) {
           }
         ),
         (x = e.variants) == null ? void 0 : x.map((I, N) => {
-          var C, W, F, L, j, Te;
+          var C, W, F, L, j, Ee;
           return /* @__PURE__ */ s(
             M,
             {
@@ -2577,7 +2577,7 @@ function Dn(e) {
                 }
               )
             },
-            `${(Te = e.builderBlock) == null ? void 0 : Te.id}-${N}`
+            `${(Ee = e.builderBlock) == null ? void 0 : Ee.id}-${N}`
           );
         })
       ] }) : null,
@@ -2596,9 +2596,9 @@ function Dn(e) {
           children: h ? /* @__PURE__ */ s(
             G,
             {
-              nonce: ((E = e.builderContext) == null ? void 0 : E.nonce) || "",
+              nonce: ((R = e.builderContext) == null ? void 0 : R.nonce) || "",
               scriptStr: r,
-              id: `variants-script-${(R = e.builderBlock) == null ? void 0 : R.id}-${ne}`
+              id: `variants-script-${(P = e.builderBlock) == null ? void 0 : P.id}-${ne}`
             }
           ) : null
         }
@@ -2606,7 +2606,7 @@ function Dn(e) {
     ] }) : null
   ] });
 }
-const On = {
+const Dn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2645,7 +2645,7 @@ const On = {
       }
     }
   }]
-}, Fn = {
+}, On = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2663,7 +2663,7 @@ const On = {
     builderComponents: !0
   }
 };
-function Ln(e) {
+function Fn(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
     "div",
@@ -2687,7 +2687,7 @@ function Ln(e) {
     }
   );
 }
-const _n = {
+const Ln = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2764,7 +2764,7 @@ const _n = {
       text: "New tab content "
     }
   }
-}, Un = {
+}, _n = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2868,7 +2868,7 @@ const _n = {
     builderLinkComponent: !0
   }
 };
-function Hn(e) {
+function Un(e) {
   var o;
   const [t, n] = k(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
@@ -2928,7 +2928,7 @@ function Hn(e) {
     ) }) : null
   ] });
 }
-const Mn = {
+const Hn = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -2947,7 +2947,7 @@ const Mn = {
     textAlign: "center"
   }
 };
-function qn(e) {
+function Mn(e) {
   var t;
   return /* @__PURE__ */ s(
     "div",
@@ -2960,7 +2960,7 @@ function qn(e) {
     }
   );
 }
-const jn = {
+const qn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2983,8 +2983,8 @@ const jn = {
     advanced: !0
   }]
 };
-function Kn(e) {
-  const t = K(null), [n, i] = k(() => []), [r, a] = k(() => []);
+function jn(e) {
+  const t = z(null), [n, i] = k(() => []), [r, a] = k(() => []);
   function o() {
     var c;
     if (!t.current || !((c = t.current) != null && c.getElementsByTagName) || typeof window == "undefined")
@@ -3044,9 +3044,9 @@ const zn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Jn = ["text/javascript", "application/javascript", "application/ecmascript"], Gn = (e) => Jn.includes(e.type);
-function Qn(e) {
-  const t = K(null), [n, i] = k(() => []), [r, a] = k(() => []), [o, l] = k(() => !1);
+}, Kn = ["text/javascript", "application/javascript", "application/ecmascript"], Jn = (e) => Kn.includes(e.type);
+function Gn(e) {
+  const t = z(null), [n, i] = k(() => []), [r, a] = k(() => []), [o, l] = k(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -3057,7 +3057,7 @@ function Qn(e) {
         n.push(g.src);
         const u = document.createElement("script");
         u.async = !0, u.src = g.src, document.head.appendChild(u);
-      } else if (Gn(g) && !r.includes(g.innerText))
+      } else if (Jn(g) && !r.includes(g.innerText))
         try {
           r.push(g.innerText), new Function(g.innerText)();
         } catch (u) {
@@ -3076,7 +3076,7 @@ function Qn(e) {
     }
   );
 }
-const Yn = {
+const Qn = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3313,12 +3313,12 @@ const Yn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Xn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Zn = () => {
+}, Yn = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Xn = () => {
   const e = process.env.NODE_ENV || "production";
-  return Xn.includes(e) ? e : "production";
+  return Yn.includes(e) ? e : "production";
 };
-function ei(e) {
-  const t = K(null), [n, i] = k(() => "unsubmitted"), [r, a] = k(() => null), [o, l] = k(() => "");
+function Zn(e) {
+  const t = z(null), [n, i] = k(() => "unsubmitted"), [r, a] = k(() => null), [o, l] = k(() => "");
   function c(u) {
     var m, b;
     const S = {
@@ -3372,18 +3372,18 @@ function ei(e) {
           value: x
         };
       });
-      let w = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (w = "multipart/form-data"), Array.from(T).forEach(({ value: y }) => {
-        (y instanceof File || Array.isArray(y) && y[0] instanceof File || y instanceof FileList) && (w = "multipart/form-data");
-      }), w !== "application/json")
+      let E = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(T).forEach(({ value: y }) => {
+        (y instanceof File || Array.isArray(y) && y[0] instanceof File || y instanceof FileList) && (E = "multipart/form-data");
+      }), E !== "application/json")
         f = v;
       else {
         const y = {};
         Array.from(T).forEach(({ value: x, key: V }) => {
-          Je(y, V, x);
+          Qe(y, V, x);
         }), f = JSON.stringify(y);
       }
-      w && w !== "multipart/form-data" && (S && ((m = e.action) != null && m.includes("zapier.com")) || (p["content-type"] = w));
+      E && E !== "multipart/form-data" && (S && ((m = e.action) != null && m.includes("zapier.com")) || (p["content-type"] = E));
       const U = new CustomEvent("presubmit", { detail: { body: f } });
       if (t.current && (t.current.dispatchEvent(U), U.defaultPrevented))
         return;
@@ -3392,40 +3392,40 @@ function ei(e) {
         console.error(y), i("error"), c({ formErrorMessage: y });
         return;
       }
-      const H = `${Zn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const H = `${Xn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, q = e.sendSubmissionsTo === "email" ? H : e.action;
-      _e(q), fetch(q, { body: f, headers: p, method: e.method || "post" }).then(
+      He(q), fetch(q, { body: f, headers: p, method: e.method || "post" }).then(
         async (y) => {
           var A, $;
           let x;
           const V = y.headers.get("content-type");
           if (V && V.indexOf("application/json") !== -1 ? x = await y.json() : x = await y.text(), !y.ok) {
-            const E = new CustomEvent("submit:error", {
+            const R = new CustomEvent("submit:error", {
               detail: { error: x, status: y.status }
             });
-            if ((A = t.current) != null && A.nativeElement && (($ = t.current) == null || $.nativeElement.dispatchEvent(E), E.defaultPrevented))
+            if ((A = t.current) != null && A.nativeElement && (($ = t.current) == null || $.nativeElement.dispatchEvent(R), R.defaultPrevented))
               return;
             a(x), i("error");
-            let R = e.errorMessagePath ? je(x, e.errorMessagePath) : x.message || x.error || x;
-            typeof R != "string" && (R = JSON.stringify(R)), l(R), c({ formErrorMessage: R });
+            let P = e.errorMessagePath ? Ke(x, e.errorMessagePath) : x.message || x.error || x;
+            typeof P != "string" && (P = JSON.stringify(P)), l(P), c({ formErrorMessage: P });
             return;
           }
           if (a(x), i(y.ok ? "success" : "error"), y.ok) {
-            const E = new CustomEvent("submit:success", {
+            const R = new CustomEvent("submit:success", {
               detail: { res: y, body: x }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(E), E.defaultPrevented)
+              if (t.current.dispatchEvent(R), R.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
             if (e.successUrl)
               if (t.current) {
-                const R = new CustomEvent("route", {
+                const P = new CustomEvent("route", {
                   detail: { url: e.successUrl }
                 });
-                t.current.dispatchEvent(R), R.defaultPrevented || (location.href = e.successUrl);
+                t.current.dispatchEvent(P), P.defaultPrevented || (location.href = e.successUrl);
               } else
                 location.href = e.successUrl;
           }
@@ -3439,7 +3439,7 @@ function ei(e) {
       );
     }
   }
-  return /* @__PURE__ */ D(P, { children: [
+  return /* @__PURE__ */ D(w, { children: [
     " ",
     /* @__PURE__ */ s("style", { children: ".pre-abc898ba {   padding: 10px;   color: red;   text-align: center; }" }),
     " ",
@@ -3486,7 +3486,7 @@ function ei(e) {
     " "
   ] });
 }
-const ti = {
+const ei = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3538,8 +3538,8 @@ const ti = {
     borderColor: "#ccc"
   }
 };
-function ni(e) {
-  return /* @__PURE__ */ Me(
+function ti(e) {
+  return /* @__PURE__ */ je(
     "input",
     {
       ...e.attributes,
@@ -3553,7 +3553,7 @@ function ni(e) {
     }
   );
 }
-const ii = {
+const ni = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3596,9 +3596,9 @@ const ii = {
   static: !0,
   noWrap: !0
 };
-function ri(e) {
+function ii(e) {
   var t;
-  return /* @__PURE__ */ Me(
+  return /* @__PURE__ */ je(
     "select",
     {
       ...e.attributes,
@@ -3611,7 +3611,7 @@ function ri(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 ai = {
+const ri = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3637,10 +3637,10 @@ const ai = {
   // TODO: defaultChildren
   // canHaveChildren: true,
 };
-function oi(e) {
+function ai(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const li = {
+const oi = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3677,7 +3677,7 @@ const li = {
   static: !0,
   noWrap: !0
 };
-function si(e) {
+function li(e) {
   return /* @__PURE__ */ s(
     "textarea",
     {
@@ -3690,7 +3690,7 @@ function si(e) {
     }
   );
 }
-const ci = {
+const si = {
   name: "Raw:Img",
   hideFromInsertMenu: !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",
@@ -3698,7 +3698,7 @@ const ci = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Ce,
+    allowedFileTypes: Ie,
     required: !0
   }, {
     name: "backgroundSize",
@@ -3735,12 +3735,12 @@ const ci = {
   }],
   noWrap: !0
 };
-function ui(e) {
+function ci(e) {
   var n;
   function t() {
     const i = {
       ...e.attributes,
-      [z()]: `builder-raw-img ${e.attributes[z()] || ""}`
+      [K()]: `builder-raw-img ${e.attributes[K()] || ""}`
     };
     return delete i.style, i;
   }
@@ -3762,7 +3762,7 @@ function ui(e) {
     _() && e.imgSrc || "default-key"
   );
 }
-const di = {
+const ui = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3773,14 +3773,14 @@ const di = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Nn,
+    allowedFileTypes: Bn,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: Ce,
+    allowedFileTypes: Ie,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -3847,9 +3847,9 @@ const di = {
     builderBlock: !0
   }
 };
-function mi(e) {
+function di(e) {
   var o, l, c, d, h, g, u;
-  const t = K(null);
+  const t = z(null);
   function n() {
     return {
       ...e.autoPlay === !0 ? {
@@ -3983,67 +3983,67 @@ function mi(e) {
     }
   );
 }
-const fi = () => [{
-  component: Kn,
-  ...jn
+const mi = () => [{
+  component: jn,
+  ...qn
 }, {
-  component: Qn,
+  component: Gn,
   ...zn
 }, {
-  component: ei,
-  ...Yn
+  component: Zn,
+  ...Qn
+}, {
+  component: ti,
+  ...ei
 }, {
-  component: ni,
-  ...ti
+  component: ai,
+  ...ri
 }, {
-  component: oi,
-  ...ai
+  component: ii,
+  ...ni
 }, {
-  component: ri,
-  ...ii
+  component: li,
+  ...oi
 }, {
-  component: si,
-  ...li
+  component: ci,
+  ...si
 }, {
-  component: ui,
-  ...ci
+  component: di,
+  ...ui
+}], Oe = () => [{
+  component: vt,
+  ...Pn
 }, {
-  component: mi,
-  ...di
-}], $e = () => [{
-  component: xt,
+  component: dn,
   ...Vn
 }, {
   component: mn,
   ...An
 }, {
-  component: fn,
-  ...Bn
+  component: bn,
+  ...Nn
 }, {
   component: gn,
-  ...$n
+  ...Dn
 }, {
-  component: yn,
+  component: Fn,
   ...On
 }, {
-  component: Ln,
-  ...Fn
-}, {
-  component: Fi,
-  ..._n
+  component: Oi,
+  ...Ln
 }, {
-  component: qn,
-  ...Mn
-}, ...ot.includes(O) ? [{
-  component: Dn,
-  ...Wn
+  component: Mn,
+  ...Hn
+}, ...st.includes(O) ? [{
+  component: Wn,
+  ...$n
 }] : [], {
-  component: Hn,
-  ...Un
+  component: Un,
+  ..._n
 }, {
-  component: Pn,
-  ...Rn
-}, ...fi()], hi = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: Rn,
+  ...En
+}, ...mi()], fi = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4102,7 +4102,7 @@ const fi = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, bi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, hi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4136,59 +4136,37 @@ const fi = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, st = "builderIoAbTest", ct = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, xe = "builderIoAbTest", Se = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), gi = ({
+})), bi = ({
   canTrack: e,
   content: t
-}) => !(!(re(t).length > 0) || !e || J()), yi = (e) => e === "react" || e === "reactNative", pi = O === "angular", ut = yi(O), We = (e, t) => `
+}) => !(!(re(t).length > 0) || !e || J()), gi = (e) => e === "react" || e === "reactNative", yi = O === "angular", we = gi(O), pi = () => `
   (function() {
-    var selector = 'script[data-id="${e}"]';
-    var scriptKey = '__builderioScriptInitialized_${e}';
-    var observerKey = '__builderioScriptObserver_${e}';
-
-    // Synchronously remove any duplicates already in the DOM
-    var existing = document.querySelectorAll(selector);
-    existing.forEach(function(script, index) {
-      if (index > 0) {
-        script.parentNode && script.parentNode.removeChild(script);
-      }
-    });
-
-    // Watch for duplicates added later (e.g. RSC streaming chunks)
-    if (!window[observerKey] && typeof MutationObserver !== 'undefined') {
-      window[observerKey] = new MutationObserver(function() {
-        var all = document.querySelectorAll(selector);
-        for (var i = 1; i < all.length; i++) {
-          all[i].parentNode && all[i].parentNode.removeChild(all[i]);
-        }
-      });
-      window[observerKey].observe(document.documentElement, { childList: true, subtree: true });
-    }
-
-    if (!window[scriptKey]) {
-      window[scriptKey] = true;
-      ${t}
+    if (!window.${xe}) {
+      window.${xe} = ${fi};
     }
+    if (!window.${Se}) {
+      window.${Se} = ${hi};
+    }${we ? `
+    var thisScriptEl = document.currentScript;
+    if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
   })();
-`, vi = () => `
-  window.${st} = ${hi}
-  window.${ct} = ${bi}
-  `, xi = (e, t) => `
-  window.${st}(
-    "${t}",${JSON.stringify(e)}, ${ut}, ${pi}
-  )`, Si = ({
+  `, vi = (e, t) => `
+  window.${xe}(
+    "${t}",${JSON.stringify(e)}, ${we}, ${yi}
+  )`, xi = ({
   contentId: e,
   variationId: t
-}) => `window.${ct}(
-    "${t}", "${e}", ${ut}
+}) => `window.${Se}(
+    "${t}", "${e}", ${we}
   )`;
-function De(e) {
+function Fe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ki = (e, t, n = !0) => {
+const Si = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -4199,35 +4177,35 @@ const ki = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, Ci = (e) => ki(e, (t) => {
+}, ki = (e) => Si(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Oe = ({
+}), Le = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, a = De(i / n.width), o = De(r / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, a = Fe(i / n.width), o = Fe(r / n.height);
   return {
     x: a,
     y: o
   };
-}, Ti = (e) => {
-  const t = e.target, n = t && Ci(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, 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);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Oe({
+      targetOffset: t ? Le({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Oe({
+      builderTargetOffset: n ? Le({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ii = ["svelte", "qwik", "vue"], Fe = () => Ii.includes(O) && (_() || le()), wi = (e) => {
+}, Ti = ["svelte", "qwik", "vue"], _e = () => Ti.includes(O) && (_() || le()), Ii = (e) => {
   var a, o;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (o = e.fileUrl) != null ? o : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
   let r = "";
@@ -4253,15 +4231,15 @@ font-weight: ${l};
         `.trim());
     }
   return r;
-}, Ei = ({
+}, wi = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => wi(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ri = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ii(n))) == null ? void 0 : t.join(" ")) || "";
+}, Ei = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Pi = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ri = `
 .builder-button {
   all: unset;
 }
@@ -4278,30 +4256,30 @@ font-weight: ${l};
   text-align: inherit;
   font-family: inherit;
 }
-`, Vi = (e) => e ? "" : Pi, Ai = (e) => `variant-${e}`;
-function Bi(e) {
+`, Pi = (e) => e ? "" : Ri, Vi = (e) => `variant-${e}`;
+function Ai(e) {
   var H, q, y;
-  const t = K(null);
+  const t = z(null);
   k(() => !1), k(
     () => e.builderContextSignal
   );
   const [n, i] = k(() => null), [r, a] = k(() => "");
   function o(x, V) {
-    var $, E;
+    var $, R;
     const A = {
       ...e.builderContextSignal.rootState,
       ...x
     };
-    e.builderContextSignal.rootSetState ? (E = ($ = e.builderContextSignal).rootSetState) == null || E.call($, A) : e.setBuilderContextSignal((R) => ({
-      ...R,
+    e.builderContextSignal.rootSetState ? (R = ($ = e.builderContextSignal).rootSetState) == null || R.call($, A) : e.setBuilderContextSignal((P) => ({
+      ...P,
       rootState: A
-    })), e.builderContextSignal.rootSetState ? e.builderContextSignal.rootSetState(A) : e.setBuilderContextSignal((R) => ({
-      ...R,
+    })), e.builderContextSignal.rootSetState ? e.builderContextSignal.rootSetState(A) : e.setBuilderContextSignal((P) => ({
+      ...P,
       rootState: A
     }));
   }
   function l(x, V) {
-    var $, E, R, I, N;
+    var $, R, P, I, N;
     const A = {
       ...e.builderContextSignal.content,
       ...x,
@@ -4310,9 +4288,9 @@ function Bi(e) {
         ...x == null ? void 0 : x.data
       },
       meta: {
-        ...(E = e.builderContextSignal.content) == null ? void 0 : E.meta,
+        ...(R = e.builderContextSignal.content) == null ? void 0 : R.meta,
         ...x == null ? void 0 : x.meta,
-        breakpoints: ((R = x == null ? void 0 : x.meta) == null ? void 0 : R.breakpoints) || ((N = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : N.breakpoints)
+        breakpoints: ((P = x == null ? void 0 : x.meta) == null ? void 0 : P.breakpoints) || ((N = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : N.breakpoints)
       }
     };
     e.setBuilderContextSignal((C) => ({
@@ -4330,21 +4308,21 @@ function Bi(e) {
     () => e.contentWrapper || "div"
   );
   function g(x) {
-    return bt({
+    return ht({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (V) => {
-          var E;
+          var R;
           const { breakpoints: A, contentId: $ } = V;
-          !$ || $ !== ((E = e.builderContextSignal.content) == null ? void 0 : E.id) || A && l({
+          !$ || $ !== ((R = e.builderContextSignal.content) == null ? void 0 : R.id) || A && l({
             meta: {
               breakpoints: A
             }
           });
         },
         animation: (V) => {
-          Ye(V);
+          Ze(V);
         },
         contentUpdate: (V, A) => {
           l(V);
@@ -4359,15 +4337,15 @@ function Bi(e) {
   function v(x) {
     var V, A;
     if (e.builderContextSignal.content) {
-      const $ = (V = e.builderContextSignal.content) == null ? void 0 : V.testVariationId, E = (A = e.builderContextSignal.content) == null ? void 0 : A.id;
+      const $ = (V = e.builderContextSignal.content) == null ? void 0 : V.testVariationId, R = (A = e.builderContextSignal.content) == null ? void 0 : A.id;
       ye({
         apiHost: e.apiHost,
         type: "click",
         canTrack: ee(e.canTrack),
-        contentId: E,
+        contentId: R,
         apiKey: e.apiKey,
-        variationId: $ !== E ? $ : void 0,
-        ...Ti(x),
+        variationId: $ !== R ? $ : void 0,
+        ...Ci(x),
         unique: !p
       });
     }
@@ -4377,14 +4355,14 @@ function Bi(e) {
     var V, A, $;
     const x = ($ = (A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.httpRequests) != null ? $ : {};
     Object.entries(x).forEach(
-      ([E, R]) => {
-        if (!R)
+      ([R, P]) => {
+        if (!P)
           return;
-        const I = typeof R == "object" && R["@type"] === "@builder.io/core:Request";
-        if (m[E] || u[E] && !_())
+        const I = typeof P == "object" && P["@type"] === "@builder.io/core:Request";
+        if (m[R] || u[R] && !_())
           return;
-        const N = I ? R.request.url : R;
-        m[E] = !0;
+        const N = I ? P.request.url : P;
+        m[R] = !0;
         const C = N.replace(
           /{{([^}]+)}}/g,
           (L, j) => String(
@@ -4398,14 +4376,14 @@ function Bi(e) {
           )
         ), W = I ? {
           url: C,
-          method: R.request.method,
-          headers: R.request.headers,
-          body: R.request.body
+          method: P.request.method,
+          headers: P.request.headers,
+          body: P.request.body
         } : {
           url: C,
           method: "GET"
         };
-        _e(JSON.stringify(W));
+        He(JSON.stringify(W));
         const F = {
           method: W.method,
           headers: W.headers,
@@ -4413,27 +4391,27 @@ function Bi(e) {
         };
         W.method === "GET" && delete F.body, fetch(W.url, F).then((L) => L.json()).then((L) => {
           o({
-            [E]: L
-          }), u[E] = !0;
+            [R]: L
+          }), u[R] = !0;
         }).catch((L) => {
           console.error(
             "error fetching dynamic data",
-            JSON.stringify(R),
+            JSON.stringify(P),
             L
           );
         }).finally(() => {
-          m[E] = !1;
+          m[R] = !1;
         });
       }
     );
   }
-  function w() {
+  function E() {
     _() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: Se(e.builderContextSignal.rootState),
+            state: Ce(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -4442,11 +4420,11 @@ function Bi(e) {
       )
     );
   }
-  const U = K(!1);
-  return U.current || (T(), w(), U.current = !0), B(() => {
-    var x, V, A, $, E;
+  const U = z(!1);
+  return U.current || (T(), E(), U.current = !0), B(() => {
+    var x, V, A, $, R;
     if (J()) {
-      _() && !e.isNestedRender && (window.addEventListener("message", g), mt({
+      _() && !e.isNestedRender && (window.addEventListener("message", g), dt({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4463,18 +4441,18 @@ function Bi(e) {
       ).forEach((C) => {
         var W, F;
         if (!((W = C.models) != null && W.length) || C.models.includes(e.model)) {
-          const L = ft(C);
+          const L = mt(C);
           (F = window.parent) == null || F.postMessage(L, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        w
+        E
       ));
-      const R = e.builderContextSignal.content && ee(e.canTrack), I = ht({
+      const P = e.builderContextSignal.content && ee(e.canTrack), I = ft({
         name: `builder.tests.${(V = e.builderContextSignal.content) == null ? void 0 : V.id}`,
         canTrack: !0
       }), N = (A = e.builderContextSignal.content) == null ? void 0 : A.testVariationId;
-      if (R && N === I) {
+      if (P && N === I) {
         const C = ($ = e.builderContextSignal.content) == null ? void 0 : $.id, W = e.apiKey;
         ye({
           apiHost: e.apiHost,
@@ -4489,11 +4467,11 @@ function Bi(e) {
         const C = new URL(location.href).searchParams, W = C.get("builder.preview"), F = C.get(
           `builder.overrides.${W}`
         ), L = C.get("apiKey") || C.get("builder.space");
-        (W === "BUILDER_STUDIO" || W === e.model && L === e.apiKey && (!e.content || F === e.content.id)) && Ue({
+        (W === "BUILDER_STUDIO" || W === e.model && L === e.apiKey && (!e.content || F === e.content.id)) && Me({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...W === "BUILDER_STUDIO" && ((E = e.context) != null && E.symbolId) ? {
+          ...W === "BUILDER_STUDIO" && ((R = e.context) != null && R.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
@@ -4506,7 +4484,7 @@ function Bi(e) {
   }, []), B(() => {
     e.content && l(e.content);
   }, [e.content]), B(() => {
-    w();
+    E();
   }, [e.builderContextSignal.rootState]), B(() => {
     if (e.data) {
       if (n === e.data)
@@ -4524,20 +4502,20 @@ function Bi(e) {
   }, [e.locale]), B(() => () => {
     J() && (window.removeEventListener("message", g), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      w
+      E
     ));
-  }, []), /* @__PURE__ */ s(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Fe() ? /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ s(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || _e() ? /* @__PURE__ */ s(
     d,
     {
       ref: t,
       onClick: (x) => v(x),
       "builder-content-id": (H = e.builderContextSignal.content) == null ? void 0 : H.id,
       "builder-model": e.model,
-      className: Ai(
+      className: Vi(
         ((q = e.content) == null ? void 0 : q.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && Fe() ? "none" : void 0
+        display: !e.builderContextSignal.content && _e() ? "none" : void 0
       },
       ...c(),
       ...e.contentWrapperProps,
@@ -4545,17 +4523,17 @@ function Bi(e) {
     }
   ) : null });
 }
-function Ni(e) {
+function Bi(e) {
   const [t, n] = k(
     () => `
-${Ri({
+${Ei({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${Ei({
+${wi({
       customFonts: e.customFonts
     })}
-${Vi(e.isNestedRender)}
+${Pi(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(
@@ -4567,7 +4545,7 @@ ${Vi(e.isNestedRender)}
     }
   );
 }
-const $i = ({
+const Ni = ({
   content: e,
   data: t,
   locale: n
@@ -4584,7 +4562,7 @@ const $i = ({
       locale: n
     } : {}
   };
-}, Wi = ({
+}, $i = ({
   content: e,
   data: t
 }) => e ? {
@@ -4595,12 +4573,12 @@ const $i = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Le(e) {
+function Ue(e) {
   var d, h, g, u, S, m, b, p, f;
   const [t, n] = k(
     () => {
       var v, T;
-      return Si({
+      return xi({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (v = e.content) == null ? void 0 : v.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -4616,25 +4594,25 @@ function Le(e) {
   }
   const [r, a] = k(
     () => [
-      ...$e(),
+      ...Oe(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: T, ...w }) => ({
+      (v, { component: T, ...E }) => ({
         ...v,
-        [w.name]: {
+        [E.name]: {
           component: T,
-          ...we(w)
+          ...Pe(E)
         }
       }),
       {}
     )
   ), [o, l] = k(() => ({
-    content: Wi({
+    content: $i({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: $i({
+    rootState: Ni({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -4645,12 +4623,12 @@ function Le(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...$e(),
+      ...Oe(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: T, ...w }) => ({
+      (v, { component: T, ...E }) => ({
         ...v,
-        [w.name]: we(w)
+        [E.name]: Pe(E)
       }),
       {}
     ),
@@ -4659,7 +4637,7 @@ function Le(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model
-  })), c = K(!1);
+  })), c = z(!1);
   if (!c.current) {
     e.apiKey || Q.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
@@ -4678,13 +4656,13 @@ function Le(e) {
   }
   return B(() => {
   }, [e.content, e.data, e.locale]), /* @__PURE__ */ s(
-    qe.Provider,
+    ze.Provider,
     {
       value: {
         registeredComponents: r
       },
       children: /* @__PURE__ */ D(
-        Bi,
+        Ai,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -4713,7 +4691,7 @@ function Le(e) {
               }
             ) : null,
             /* @__PURE__ */ s(
-              Ni,
+              Bi,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
@@ -4737,17 +4715,17 @@ function Le(e) {
     }
   );
 }
-function Di(e) {
+function Wi(e) {
   var o;
   const [t, n] = k(
-    () => gi({
+    () => bi({
       canTrack: ee(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var l;
-    return xi(
+    return vi(
       re(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -4763,36 +4741,30 @@ function Di(e) {
     return t ? {
       ...e.content,
       testVariationId: (l = e.content) == null ? void 0 : l.id
-    } : gt({
+    } : bt({
       item: e.content,
       canTrack: ee(e.canTrack)
     });
   }
   return B(() => {
-  }, []), /* @__PURE__ */ D(P, { children: [
-    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ s(
-      G,
-      {
-        id: "builderio-init-variants-fns",
-        scriptStr: We(
-          "builderio-init-variants-fns",
-          vi()
-        ),
-        nonce: e.nonce || ""
-      }
-    ) : null,
-    !e.isNestedRender && O !== "reactNative" && ot.includes(O) ? /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ D(w, { children: [
+    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ s(w, { children: st.includes(O) ? /* @__PURE__ */ s(
       G,
       {
         id: "builderio-init-personalization-variants-fns",
         nonce: e.nonce || "",
-        scriptStr: We(
-          "builderio-init-personalization-variants-fns",
-          In()
-        )
+        scriptStr: Tn()
       }
-    ) : null,
-    t ? /* @__PURE__ */ D(P, { children: [
+    ) : null }) : null,
+    t ? /* @__PURE__ */ D(w, { children: [
+      /* @__PURE__ */ s(
+        G,
+        {
+          id: "builderio-init-variants-fns",
+          scriptStr: pi(),
+          nonce: e.nonce || ""
+        }
+      ),
       /* @__PURE__ */ s(
         te,
         {
@@ -4810,7 +4782,7 @@ function Di(e) {
         }
       ),
       (o = re(e.content)) == null ? void 0 : o.map((l) => /* @__PURE__ */ s(
-        Le,
+        Ue,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -4838,7 +4810,7 @@ function Di(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ s(
-      Le,
+      Ue,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
@@ -4865,13 +4837,13 @@ function Di(e) {
     )
   ] });
 }
-const Oi = async ({
+const Di = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return Ue({
+    return Me({
       model: t.model,
       apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,
@@ -4884,7 +4856,7 @@ const Oi = async ({
       Q.error("Could not fetch symbol content: ", n);
     });
 };
-function Fi(e) {
+function Oi(e) {
   var h, g, u, S, m, b, p;
   function t() {
     return "div";
@@ -4898,7 +4870,7 @@ function Fi(e) {
   function r() {
     var f, v;
     return [
-      e.attributes[z()],
+      e.attributes[K()],
       "builder-symbol",
       (f = e.symbol) != null && f.inline ? "builder-inline-symbol" : void 0,
       (v = e.symbol) != null && v.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
@@ -4913,7 +4885,7 @@ function Fi(e) {
   });
   function d() {
     var f;
-    a && l === ((f = e.symbol) == null ? void 0 : f.entry) || Oi({
+    a && l === ((f = e.symbol) == null ? void 0 : f.entry) || Di({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((v) => {
@@ -4925,7 +4897,7 @@ function Fi(e) {
   }, []), B(() => {
     d();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: r(), children: /* @__PURE__ */ s(
-    Di,
+    Wi,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -4953,14 +4925,14 @@ function Fi(e) {
 export {
   M as Blocks,
   se as BuilderContext,
-  xt as Button,
-  mn as Columns,
-  Di as Content,
-  fn as Fragment,
-  gn as Image,
-  yn as Section,
-  Fi as Symbol,
-  qn as Text,
-  mi as Video,
-  qi as setClientUserAttributes
+  vt as Button,
+  dn as Columns,
+  Wi as Content,
+  mn as Fragment,
+  bn as Image,
+  gn as Section,
+  Oi as Symbol,
+  Mn as Text,
+  di as Video,
+  Mi as setClientUserAttributes
 };