@builder.io/sdk-react-nextjs 0.14.21 → 0.14.24

package/lib/browser/{bundle-8e752d91.js → bundle-ca09c73c.js}

@@ -1,9 +1,9 @@
 import { jsx as l, Fragment as C, jsxs as R } from "react/jsx-runtime";
 import "react";
 import { LRUCache as Fe } from "lru-cache";
-import { I as Le, B as Ue, a as De, D as _e, C as Me, E as je, b as He, V as Ke, c as ze, F as qe, d as Ye, S as Ge, e as Je } from "./USE_CLIENT_BUNDLE-85cd491c.js";
+import { I as Le, B as Ue, a as De, D as _e, C as Me, E as je, b as He, V as Ke, c as ze, F as qe, d as Ye, S as Ge, e as Je } from "./USE_CLIENT_BUNDLE-f9d01f92.js";
 import "next/navigation";
-const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), po = (e) => typeof e == "string" && Qe.has(e.toLowerCase()), T = "rsc", M = () => {
+const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ho = (e) => typeof e == "string" && Qe.has(e.toLowerCase()), T = "rsc", M = () => {
   switch (T) {
     case "react":
     case "reactNative":
@@ -28,11 +28,11 @@ function Xe(e) {
     builderBlock: e
   };
 }
-const A = "[Builder.io]: ", w = {
-  log: (...e) => console.log(A, ...e),
-  error: (...e) => console.error(A, ...e),
-  warn: (...e) => console.warn(A, ...e),
-  debug: (...e) => console.debug(A, ...e)
+const P = "[Builder.io]: ", w = {
+  log: (...e) => console.log(P, ...e),
+  error: (...e) => console.error(P, ...e),
+  warn: (...e) => console.warn(P, ...e),
+  debug: (...e) => console.debug(P, ...e)
 };
 function k() {
   return typeof window < "u" && typeof document < "u";
@@ -42,13 +42,13 @@ const Ze = (e) => {
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, de = (e) => e instanceof URLSearchParams ? Ze(e) : e, ue = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+}, ue = (e) => e instanceof URLSearchParams ? Ze(e) : e, me = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function et() {
   return k() && window.self !== window.top;
 }
-function me(e) {
+function fe(e) {
   return et() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  ue(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  me(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const tt = () => {
   if (k()) {
@@ -56,7 +56,7 @@ const tt = () => {
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, nt = () => typeof navigator == "object" && navigator.userAgent || "", fe = () => {
+}, nt = () => typeof navigator == "object" && navigator.userAgent || "", he = () => {
   const e = nt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -95,13 +95,13 @@ const tt = () => {
   context: t,
   event: n
 }), it = () => ({
-  isEditing: me(),
+  isEditing: fe(),
   isBrowser: k(),
   isServer: !k(),
-  getUserAttributes: () => fe()
+  getUserAttributes: () => he()
 }), rt = (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, J = ({
+}) => /* 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, Q = ({
   code: e,
   builder: t,
   context: n,
@@ -114,7 +114,7 @@ const tt = () => {
     builder: t,
     context: n,
     event: o,
-    state: he({
+    state: pe({
       rootState: a,
       localState: i,
       rootSetState: r
@@ -122,7 +122,7 @@ const tt = () => {
   });
   return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function he({
+function pe({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -132,7 +132,7 @@ function he({
       if (t && i in t)
         return t[i];
       const r = o[i];
-      return typeof r == "object" && r !== null ? he({
+      return typeof r == "object" && r !== null ? pe({
         rootState: r,
         localState: void 0,
         rootSetState: n ? (a) => {
@@ -158,7 +158,7 @@ const st = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (w.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;
-}, ct = (e) => (k() || st(), J(e)), j = class P {
+}, ct = (e) => (k() || st(), Q(e)), j = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -168,10 +168,10 @@ const st = () => {
     });
   }
   static getCachedValue(t) {
-    return P.cache.get(t);
+    return A.cache.get(t);
   }
   static setCachedValue(t, n) {
-    P.cache.size > 20 && P.cache.delete(P.cache.keys().next().value), P.cache.set(t, {
+    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
       value: n
     });
   }
@@ -221,7 +221,7 @@ function H({
     return;
   }
 }
-const O = (e) => JSON.parse(JSON.stringify(e)), lt = (e, t, n) => {
+const $ = (e) => JSON.parse(JSON.stringify(e)), lt = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -236,7 +236,7 @@ const dt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = O(e), a = {
+  const r = $(e), a = {
     ...r,
     properties: {
       ...r.properties
@@ -258,7 +258,7 @@ const dt = ({
   }
   return a;
 };
-function $({
+function O({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -275,42 +275,42 @@ function $({
     context: t
   }) : a;
 }
-const ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), pe = (e) => Object.entries(e).map(([n, o]) => {
+const K = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", ge = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${ut(n)}: ${o};`;
-}).filter(I), mt = (e) => pe(e).join(`
+    return `${K(n)}: ${o};`;
+}).filter(I), ut = (e) => ge(e).join(`
 `), B = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${mt(n)}
+    ${ut(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function ft({
+function mt({
   style: e
 }) {
   return e;
 }
-const ht = ({
+const ft = ({
   block: e,
   context: t
-}) => ge(ft({
+}) => be(mt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function ge(e) {
+function be(e) {
   switch (T) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return pe(e).join(" ");
+      return ge(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -318,13 +318,13 @@ function ge(e) {
       return e;
   }
 }
-const pt = ({
+const ht = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var r;
-  const o = (r = $({
+  const o = (r = O({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -340,7 +340,7 @@ const pt = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, gt = ({
+}, pt = ({
   block: e,
   context: t
 }) => {
@@ -374,7 +374,7 @@ const pt = ({
     },
     block: o
   }));
-}, bt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), yt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), be = {
+}, gt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), bt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), ye = {
   small: {
     min: 320,
     default: 321,
@@ -390,11 +390,11 @@ const pt = ({
     default: 991,
     max: 1200
   }
-}, Q = (e, t = be) => `@media (max-width: ${t[e].max}px)`, ye = ({
+}, X = (e, t = ye) => `@media (max-width: ${t[e].max}px)`, Se = ({
   small: e,
   medium: t
 }) => {
-  const n = O(be);
+  const n = $(ye);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -426,50 +426,9 @@ function N(e) {
     }
   );
 }
-function X(e, ...t) {
-  const n = Object(e);
-  for (let o = 1; o < arguments.length; o++) {
-    const i = arguments[o];
-    if (i != null)
-      for (const r in i)
-        Object.prototype.hasOwnProperty.call(i, r) && (n[r] = i[r]);
-  }
-  return n;
-}
-const Se = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function St(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function vt(e, t) {
-  const n = kt(e), o = getComputedStyle(t), i = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, a = [i, r];
-  for (const s of a)
-    for (const c of n)
-      c in s || (s[c] = o[c]);
-}
-function kt(e) {
-  const t = [];
-  for (const n of e.steps)
-    for (const o in n.styles)
-      t.indexOf(o) === -1 && t.push(o);
-  return t;
-}
-function go(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    St(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    vt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
-        n.style.transition = "", n.style.transitionDelay = "";
-      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
-    });
-  });
-}
-function Ct(e) {
+function yt(e) {
   const t = function() {
-    const i = $({
+    const i = O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -480,14 +439,14 @@ function Ct(e) {
     return I(i.hide) ? !i.hide : I(i.show) ? i.show : !0;
   }, n = function() {
     var m, p, y;
-    const i = $({
+    const i = O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), r = i.responsiveStyles, a = e.context.content, s = ye(
+    }), r = i.responsiveStyles, a = e.context.content, s = Se(
       ((m = a == null ? void 0 : a.meta) == null ? void 0 : m.breakpoints) || {}
     ), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, d = i.id;
     if (!d)
@@ -498,14 +457,14 @@ function Ct(e) {
     }) : "", g = u ? B({
       className: d,
       styles: u,
-      mediaQuery: Q(
+      mediaQuery: X(
         "medium",
         s
       )
     }) : "", v = h ? B({
       className: d,
       styles: h,
-      mediaQuery: Q(
+      mediaQuery: X(
         "small",
         s
       )
@@ -517,7 +476,7 @@ function Ct(e) {
         className: `${d}:hover`,
         styles: {
           ...S,
-          transition: `all ${b.duration}s ${Se(
+          transition: `all ${b.duration}s ${K(
             b.easing
           )}`,
           transitionDelay: b.delay ? `${b.delay}s` : "0s"
@@ -533,10 +492,10 @@ function Ct(e) {
   };
   return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(N, { id: "builderio-block", styles: n() }) }) : null });
 }
-function xt(e) {
+function St(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const wt = (e) => `on${xt(e)}`, It = (e, t) => (n) => H({
+const vt = (e) => `on${St(e)}`, kt = (e, t) => (n) => H({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -546,13 +505,13 @@ const wt = (e) => `on${xt(e)}`, It = (e, t) => (n) => H({
   isExpression: !1,
   enableCache: !0
 });
-function bo(e) {
+function po(e) {
   const t = {}, n = e.block.actions ?? {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const i = n[o];
-    let r = wt(o);
+    let r = vt(o);
     if (e.stripPrefix)
       switch (T) {
         case "vue":
@@ -562,40 +521,40 @@ function bo(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = It(i, e);
+    t[r] = kt(i, e);
   }
   return t;
 }
-function Tt({
+function Ct({
   properties: e
 }) {
   return e;
 }
-const Et = (e) => ({
+const xt = (e) => ({
   href: e.href
 });
-function Rt({
+function wt({
   block: e,
   context: t
 }) {
   var o;
   const n = {
-    ...Et(e),
+    ...xt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: ht({
+    style: ft({
       block: e,
       context: t
     }),
     [M()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return Tt({
+  return Ct({
     properties: n,
     context: t,
     block: e
   });
 }
-const Pt = ({
+const It = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -611,7 +570,7 @@ const Pt = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...i ? {
-      attributes: Rt({
+      attributes: wt({
         block: t,
         context: a
       })
@@ -631,7 +590,7 @@ function Z(e) {
   return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
     t,
     {
-      ...Pt({
+      ...It({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -654,7 +613,7 @@ function Z(e) {
     }
   ) }) : null });
 }
-function At(e) {
+function Tt(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     F,
@@ -669,19 +628,19 @@ function At(e) {
 function F(e) {
   var c, u, h;
   const t = function() {
-    return pt({
+    return ht({
       block: e.block,
       context: e.context,
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return gt({
+    return pt({
       block: e.block,
       context: e.context
     });
   }, o = function() {
     var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : $({
+    return (f = e.block.repeat) != null && f.collection ? e.block : O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -709,10 +668,10 @@ function F(e) {
       componentOptions: {
         ...Xe(o()),
         builderContext: e.context,
-        ...bt(t()) ? {
+        ...gt(t()) ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...yt(t()) ? {
+        ...bt(t()) ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -725,7 +684,7 @@ function F(e) {
     };
   };
   return /* @__PURE__ */ l(C, { children: r() ? /* @__PURE__ */ R(C, { children: [
-    /* @__PURE__ */ l(Ct, { block: e.block, context: e.context }),
+    /* @__PURE__ */ l(yt, { block: e.block, context: e.context }),
     (c = t()) != null && c.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
       Z,
       {
@@ -740,7 +699,7 @@ function F(e) {
         isInteractive: s().isInteractive
       }
     ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (h = n()) == null ? void 0 : h.map((d, f) => /* @__PURE__ */ l(
-      At,
+      Tt,
       {
         repeatContext: d.context,
         block: d.block,
@@ -785,7 +744,7 @@ function F(e) {
     ) })
   ] }) : null });
 }
-function K(e) {
+function z(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     De,
@@ -809,8 +768,8 @@ function K(e) {
     }
   );
 }
-const Vt = (e) => `builder-columns ${e}-breakpoints`;
-function Bt(e) {
+const Et = (e) => `builder-columns ${e}-breakpoints`;
+function Rt(e) {
   var b, E;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", i = function(p) {
     return p.link ? e.builderLinkComponent || "a" : "div";
@@ -839,7 +798,7 @@ function Bt(e) {
       })
     };
   }, d = function(p) {
-    const y = p === 0 ? 0 : t, S = a(p), x = `${y}px`, Y = "100%", G = 0;
+    const y = p === 0 ? 0 : t, S = a(p), x = `${y}px`, G = "100%", J = 0;
     return {
       ...{
         display: "flex",
@@ -849,25 +808,25 @@ function Bt(e) {
       width: S,
       ["marginLeft"]: x,
       "--column-width-mobile": c({
-        stackedStyle: Y,
+        stackedStyle: G,
         desktopStyle: S
       }),
       "--column-margin-left-mobile": c({
-        stackedStyle: G,
+        stackedStyle: J,
         desktopStyle: x
       }),
       "--column-width-tablet": s({
-        stackedStyle: Y,
+        stackedStyle: G,
         desktopStyle: S
       }),
       "--column-margin-left-tablet": s({
-        stackedStyle: G,
+        stackedStyle: J,
         desktopStyle: x
       })
     };
   }, f = function(p) {
     var S, x;
-    return ye(
+    return Se(
       ((x = (S = e.builderContext.content) == null ? void 0 : S.meta) == null ? void 0 : x.breakpoints) || {}
     )[p].max;
   }, g = function() {
@@ -902,14 +861,14 @@ function Bt(e) {
         href: p.link
       } : {},
       [M()]: "builder-column",
-      style: ge(d(y))
+      style: be(d(y))
     };
   };
   return /* @__PURE__ */ R(C, { children: [
     /* @__PURE__ */ R(
       "div",
       {
-        className: Vt((b = e.builderBlock) == null ? void 0 : b.id) + " div-2651dce4",
+        className: Et((b = e.builderBlock) == null ? void 0 : b.id) + " div-eeca3604",
         style: h(),
         children: [
           /* @__PURE__ */ l(N, { id: "builderio-columns", styles: g() }),
@@ -920,7 +879,7 @@ function Bt(e) {
               actionAttributes: {},
               attributes: v(m, p),
               children: /* @__PURE__ */ l(
-                K,
+                z,
                 {
                   path: `component.options.columns.${p}.blocks`,
                   parent: e.builderBlock.id,
@@ -939,7 +898,7 @@ function Bt(e) {
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-2651dce4 {
+    /* @__PURE__ */ l("style", { children: `.div-eeca3604 {
   display: flex;
   line-height: normal;
 }` })
@@ -948,11 +907,11 @@ function Bt(e) {
 function ee(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Wt(e = "", t, n) {
+function At(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
 }
-function $t(e, t) {
+function Pt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -964,18 +923,18 @@ function $t(e, t) {
   }
   return null;
 }
-function yo(e) {
+function go(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${Wt(e, "width", i)} ${i}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${At(e, "width", i)} ${i}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [$t(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Pt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Ot = (e) => {
+const Vt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -991,13 +950,13 @@ const Ot = (e) => {
     w.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ke = async (e) => ve(e), Nt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), Ft = [["secure", ""], ["SameSite", "None"]], Lt = ({
+}, ke = async (e) => ve(e), Bt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), Wt = [["secure", ""], ["SameSite", "None"]], Ot = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (k() ? location.protocol === "https:" : !0) ? Ft : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", Ot(window.location.hostname)], ...i];
-  return Nt(a);
+  const i = (k() ? location.protocol === "https:" : !0) ? Wt : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", Vt(window.location.hostname)], ...i];
+  return Bt(a);
 }, Ce = async ({
   name: e,
   value: t,
@@ -1007,7 +966,7 @@ const Ot = (e) => {
   try {
     if (!o)
       return;
-    const i = Lt({
+    const i = Ot({
       name: e,
       value: t,
       expires: n
@@ -1016,24 +975,24 @@ const Ot = (e) => {
   } catch (i) {
     w.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, Ut = "builder.tests", z = (e) => `${Ut}.${e}`, Dt = ({
+}, $t = "builder.tests", q = (e) => `${$t}.${e}`, Nt = ({
   contentId: e
 }) => ke({
-  name: z(e),
+  name: q(e),
   canTrack: !0
-}), _t = ({
+}), Ft = ({
   contentId: e
 }) => ve({
-  name: z(e),
+  name: q(e),
   canTrack: !0
-}), Mt = ({
+}), Lt = ({
   contentId: e,
   value: t
 }) => Ce({
-  name: z(e),
+  name: q(e),
   value: t,
   canTrack: !0
-}), xe = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, jt = ({
+}), xe = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ut = ({
   id: e,
   variations: t
 }) => {
@@ -1047,8 +1006,8 @@ const Ot = (e) => {
   }
   return e;
 }, we = (e) => {
-  const t = jt(e);
-  return Mt({
+  const t = Ut(e);
+  return Lt({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1068,7 +1027,7 @@ const Ot = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Ht = ({
+}, Dt = ({
   item: e,
   canTrack: t
 }) => {
@@ -1078,7 +1037,7 @@ const Ot = (e) => {
     return;
   if (!xe(e))
     return e;
-  const n = _t({
+  const n = Ft({
     contentId: e.id
   }) || we({
     variations: e.variations,
@@ -1091,13 +1050,13 @@ const Ot = (e) => {
     ...e,
     ...o
   };
-}, Kt = async ({
+}, _t = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !xe(e))
     return e;
-  const o = await Dt({
+  const o = await Nt({
     contentId: e.id
   }) || we({
     variations: e.variations,
@@ -1110,7 +1069,7 @@ const Ot = (e) => {
     ...e,
     ...i
   };
-}, L = (e) => I(e) ? e : !0, zt = {
+}, L = (e) => I(e) ? e : !0, Mt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1143,7 +1102,7 @@ const Ot = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, qt = {
+}, jt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1344,13 +1303,13 @@ const Ot = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Yt = {
+}, Ht = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Gt = {
+}, Kt = {
   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",
@@ -1450,7 +1409,7 @@ const Ot = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Jt = {
+}, zt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1489,7 +1448,7 @@ const Ot = (e) => {
       }
     }
   }]
-}, Qt = {
+}, qt = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1503,7 +1462,7 @@ const Ot = (e) => {
     defaultValue: "children"
   }]
 };
-function Xt(e) {
+function Yt(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     "div",
@@ -1515,7 +1474,7 @@ function Xt(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ l(
-        K,
+        z,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -1526,7 +1485,7 @@ function Xt(e) {
     }
   );
 }
-const Zt = {
+const Gt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1559,7 +1518,7 @@ const Zt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, en = {
+}, Jt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1578,7 +1537,7 @@ const Zt = {
     textAlign: "center"
   }
 };
-function tn(e) {
+function Qt(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1591,7 +1550,7 @@ function tn(e) {
     }
   );
 }
-const nn = {
+const Xt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1613,7 +1572,7 @@ const nn = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, on = {
+}, Zt = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1638,7 +1597,7 @@ const nn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, rn = ["text/javascript", "application/javascript", "application/ecmascript"], So = (e) => rn.includes(e.type), an = {
+}, en = ["text/javascript", "application/javascript", "application/ecmascript"], bo = (e) => en.includes(e.type), tn = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1652,7 +1611,7 @@ const nn = {
   }],
   noWrap: !0,
   static: !0
-}, sn = {
+}, nn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1733,58 +1692,58 @@ const nn = {
     defaultValue: !0,
     advanced: !0
   }]
-}, cn = () => [{
+}, on = () => [{
   component: Me,
-  ...nn
+  ...Xt
 }, {
   component: je,
-  ...on
+  ...Zt
 }, {
   component: He,
-  ...an
+  ...tn
 }, {
   component: Ke,
-  ...sn
+  ...nn
 }], te = () => [{
   component: ze,
-  ...zt
+  ...Mt
 }, {
-  component: Bt,
-  ...qt
+  component: Rt,
+  ...jt
 }, {
   component: qe,
-  ...Yt
+  ...Ht
 }, {
   component: Ye,
-  ...Gt
+  ...Kt
 }, {
   component: Ge,
-  ...Jt
+  ...zt
 }, {
-  component: Xt,
-  ...Qt
+  component: Yt,
+  ...qt
 }, {
-  component: ao,
-  ...Zt
+  component: ro,
+  ...Gt
 }, {
-  component: tn,
-  ...en
-}, ...cn()], vo = (e) => ({
+  component: Qt,
+  ...Jt
+}, ...on()], yo = (e) => ({
   type: "builder.registerComponent",
   data: U(e)
-}), ln = (e) => {
+}), rn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, dn = (e) => typeof e == "function" ? ln(e) : O(e), U = ({
+}, an = (e) => typeof e == "function" ? rn(e) : $(e), U = ({
   inputs: e,
   ...t
 }) => ({
-  ...O(t),
+  ...$(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
-    [i]: dn(r)
+    [i]: an(r)
   }), {}))
-}), un = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), sn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1840,7 +1799,7 @@ const nn = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, mn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, cn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1878,16 +1837,16 @@ const nn = {
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), fn = ({
+})), ln = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || k()), hn = (e) => e === "react" || e === "reactNative", Re = hn(T), pn = () => `
-  window.${Te} = ${un}
-  window.${Ee} = ${mn}
-  `, gn = (e, t) => `
+}) => !(!(W(t).length > 0) || !e || k()), dn = (e) => e === "react" || e === "reactNative", Re = dn(T), un = () => `
+  window.${Te} = ${sn}
+  window.${Ee} = ${cn}
+  `, mn = (e, t) => `
   window.${Te}(
     "${t}",${JSON.stringify(e)}, ${Re}
-  )`, bn = ({
+  )`, fn = ({
   contentId: e,
   variationId: t
 }) => `window.${Ee}(
@@ -1902,33 +1861,33 @@ function D(e) {
     }
   );
 }
-const yn = (e) => {
+const hn = (e) => {
   const t = e.get("preview"), n = e.get("overrides." + t);
   return n || w.warn("No previewed ID found in search params."), n;
 };
-function Sn() {
+function pn() {
   globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Fe({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
   }));
 }
-function vn(e) {
-  Sn();
-  const t = yn(e);
+function gn(e) {
+  pn();
+  const t = hn(e);
   return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-function kn() {
+function bn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Cn() {
-  const e = kn().fetch;
+function yn() {
+  const e = bn().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const xn = Cn();
+const Sn = yn();
 function _(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, i) => {
     const r = e[i], a = [t, i].filter(Boolean).join(n);
@@ -1941,29 +1900,29 @@ function _(e, t = null, n = ".") {
     };
   }, {});
 }
-function Pe(e, t, n = {}) {
+function Ae(e, t, n = {}) {
   for (const o in e) {
     const i = e[o], r = t ? t + "." + o : o;
-    i && typeof i == "object" && !Array.isArray(i) && !Object.keys(i).find((a) => a.startsWith("$")) ? Pe(i, r, n) : n[r] = i;
+    i && typeof i == "object" && !Array.isArray(i) && !Object.keys(i).find((a) => a.startsWith("$")) ? Ae(i, r, n) : n[r] = i;
   }
   return n;
 }
-const wn = "v3", ne = "builder.", In = "options.", Ae = (e) => {
+const vn = "v3", ne = "builder.", kn = "options.", Pe = (e) => {
   if (!e)
     return {};
-  const t = de(e), n = {};
+  const t = ue(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ne)) {
-      const i = o.replace(ne, "").replace(In, "");
+      const i = o.replace(ne, "").replace(kn, "");
       n[i] = t[o];
     }
   }), n;
-}, Tn = () => {
+}, Cn = () => {
   if (!k())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ae(e);
-}, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, q = (e) => {
+  return Pe(e);
+}, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Y = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -1972,7 +1931,7 @@ const wn = "v3", ne = "builder.", In = "options.", Ae = (e) => {
     apiKey: r,
     enrich: a,
     locale: s,
-    apiVersion: c = wn,
+    apiVersion: c = vn,
     fields: u,
     omit: h,
     offset: d,
@@ -1994,36 +1953,36 @@ const wn = "v3", ne = "builder.", In = "options.", Ae = (e) => {
       m.searchParams.set(x, JSON.stringify(S[x]));
   }
   const p = {
-    ...Tn(),
-    ...de(e.options || {})
+    ...Cn(),
+    ...ue(e.options || {})
   }, y = _(p);
   for (const S in y)
     m.searchParams.set(S, String(y[S]));
   if (n && m.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const S = Pe({
+    const S = Ae({
       query: o
     });
     for (const x in S)
       m.searchParams.set(x, JSON.stringify(S[x]));
   }
   return m;
-}, En = (e) => "results" in e;
+}, xn = (e) => "results" in e;
 async function Ve(e) {
-  const t = await An({
+  const t = await Tn({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Rn = async (e) => {
-  const t = q(e);
-  return await (await (e.fetch ?? xn)(t.href, e.fetchOptions)).json();
-}, Pn = async (e, t, n = q(e)) => {
+const wn = async (e) => {
+  const t = Y(e);
+  return await (await (e.fetch ?? Sn)(t.href, e.fetchOptions)).json();
+}, In = async (e, t, n = Y(e)) => {
   const o = L(e.canTrack);
   if (n.search.includes("preview=")) {
     const r = [];
     for (const a of t.results) {
-      const s = vn(n.searchParams);
+      const s = gn(n.searchParams);
       r.push(s || a);
     }
     t.results = r;
@@ -2033,7 +1992,7 @@ const Rn = async (e) => {
   try {
     const r = [];
     for (const a of t.results)
-      r.push(await Kt({
+      r.push(await _t({
         item: a,
         canTrack: o
       }));
@@ -2043,10 +2002,10 @@ const Rn = async (e) => {
   }
   return t.results;
 };
-async function An(e) {
+async function Tn(e) {
   try {
-    const t = q(e), n = await Rn(e);
-    return En(n) ? Pn(e, n) : (w.error("Error fetching data. ", {
+    const t = Y(e), n = await wn(e);
+    return xn(n) ? In(e, n) : (w.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -2055,20 +2014,20 @@ async function An(e) {
     return w.error("Error fetching data. ", t), null;
   }
 }
-function ko(e) {
+function So(e) {
   const t = e || (k() ? window.location.search : void 0);
-  return t ? ue(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? me(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Vn() {
+function En() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function Be() {
-  return Vn().replace(/-/g, "");
+  return En().replace(/-/g, "");
 }
-const We = "builderSessionId", Bn = async ({
+const We = "builderSessionId", Rn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2080,67 +2039,67 @@ const We = "builderSessionId", Bn = async ({
   if (I(t))
     return t;
   {
-    const n = Wn();
-    return $n({
+    const n = An();
+    return Pn({
       id: n,
       canTrack: e
     }), n;
   }
-}, Wn = () => Be(), $n = ({
+}, An = () => Be(), Pn = ({
   id: e,
   canTrack: t
 }) => Ce({
   name: We,
   value: e,
   canTrack: t
-}), $e = () => k() && typeof localStorage < "u" ? localStorage : void 0, On = ({
+}), Oe = () => k() && typeof localStorage < "u" ? localStorage : void 0, Vn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = $e()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Oe()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Nn = ({
+}, Bn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = $e()) == null || o.setItem(e, n));
+    t && ((o = Oe()) == null || o.setItem(e, n));
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Oe = "builderVisitorId", Fn = ({
+}, $e = "builderVisitorId", Wn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = On({
-    key: Oe,
+  const t = Vn({
+    key: $e,
     canTrack: e
   });
   if (I(t))
     return t;
   {
-    const n = Ln();
-    return Un({
+    const n = On();
+    return $n({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ln = () => Be(), Un = ({
+}, On = () => Be(), $n = ({
   id: e,
   canTrack: t
-}) => Nn({
-  key: Oe,
+}) => Bn({
+  key: $e,
   value: e,
   canTrack: t
-}), Dn = async ({
+}), Nn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2148,16 +2107,16 @@ const We = "builderSessionId", Bn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Bn({
+  const t = await Rn({
     canTrack: e
-  }), n = Fn({
+  }), n = Wn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, _n = async ({
+}, Fn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2171,23 +2130,23 @@ const We = "builderSessionId", Bn = async ({
       url: location.href,
       ...o
     },
-    ...await Dn({
+    ...await Nn({
       canTrack: t
     }),
-    userAttributes: fe(),
+    userAttributes: he(),
     ownerId: n
   }
 });
-async function Mn(e) {
+async function Ln(e) {
   if (!e.apiKey) {
     w.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !me() && (k() || T === "reactNative"))
+  if (e.canTrack && !fe() && (k() || T === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await _n(e)]
+        events: [await Fn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2197,14 +2156,14 @@ async function Mn(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Co = (e) => Mn({
+const vo = (e) => Ln({
   ...e,
   canTrack: !0
 });
 function ie(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const jn = (e, t, n = !0) => {
+const Un = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2215,7 +2174,7 @@ const jn = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Hn = (e) => jn(e, (t) => {
+}, Dn = (e) => Un(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), re = ({
@@ -2227,8 +2186,8 @@ const jn = (e, t, n = !0) => {
     x: r,
     y: a
   };
-}, xo = (e) => {
-  const t = e.target, n = t && Hn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ko = (e) => {
+  const t = e.target, n = t && Dn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2243,13 +2202,13 @@ const jn = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Kn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, _n = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function Ne(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Kn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
+  return (e || _n).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
 }
-const zn = "0.14.21", ae = {};
-function qn(e, t) {
+const Mn = "0.14.24", ae = {};
+function jn(e, t) {
   let n = ae[e];
   if (n || (n = ae[e] = []), n.push(t), k()) {
     const o = {
@@ -2266,8 +2225,8 @@ function qn(e, t) {
     }
   }
 }
-const wo = () => {
-  qn("insertMenu", {
+const Co = () => {
+  jn("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2290,13 +2249,13 @@ const wo = () => {
   });
 };
 let se = !1;
-const Yn = (e = {}) => {
+const Hn = (e = {}) => {
   var t, n;
   se || (se = !0, k() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: T,
-      version: zn,
+      version: Mn,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -2351,7 +2310,7 @@ const Yn = (e = {}) => {
         }
       }
   })));
-}, Gn = ({
+}, Kn = ({
   model: e,
   trustedHosts: t,
   callbacks: n
@@ -2377,12 +2336,12 @@ const Yn = (e = {}) => {
         break;
       }
     }
-}, Io = (e, t, n) => {
+}, xo = (e, t, n) => {
   if (!k)
     return w.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  Yn();
-  const o = Gn({
+  Hn();
+  const o = Kn({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -2396,7 +2355,48 @@ const Yn = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Jn = (e) => {
+};
+function ce(e, ...t) {
+  const n = Object(e);
+  for (let o = 1; o < arguments.length; o++) {
+    const i = arguments[o];
+    if (i != null)
+      for (const r in i)
+        Object.prototype.hasOwnProperty.call(i, r) && (n[r] = i[r]);
+  }
+  return n;
+}
+function zn(e) {
+  console.warn(`Cannot animate element: element with ID ${e} not found!`);
+}
+function qn(e, t) {
+  const n = Yn(e), o = getComputedStyle(t), i = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, a = [i, r];
+  for (const s of a)
+    for (const c of n)
+      c in s || (s[c] = o[c]);
+}
+function Yn(e) {
+  const t = [];
+  for (const n of e.steps)
+    for (const o in n.styles)
+      t.indexOf(o) === -1 && t.push(o);
+  return t;
+}
+function wo(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    zn(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    qn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ce(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${K(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ce(n.style, e.steps[1].styles), setTimeout(() => {
+        n.style.transition = "", n.style.transitionDelay = "";
+      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
+    });
+  });
+}
+const Gn = (e) => {
   var r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let i = "";
@@ -2422,15 +2422,15 @@ font-weight: ${a};
         `.trim());
     }
   return i;
-}, Qn = ({
+}, Jn = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Jn(n))) == null ? void 0 : t.join(" ")) || "";
-}, Xn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Gn(n))) == null ? void 0 : t.join(" ")) || "";
+}, Qn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Zn = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Xn = `
 .builder-button {
   all: unset;
 }
@@ -2447,21 +2447,21 @@ font-weight: ${a};
   text-align: inherit;
   font-family: inherit;
 }
-`, eo = (e) => e ? "" : Zn, To = (e) => `variant-${e}`;
-function to(e) {
+`, Zn = (e) => e ? "" : Xn, Io = (e) => `variant-${e}`;
+function eo(e) {
   const t = `
-${Xn({
+${Qn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${Qn({
+${Jn({
     customFonts: e.customFonts
   })}
-${eo(e.isNestedRender)}
+${Zn(e.isNestedRender)}
 `.trim();
   return /* @__PURE__ */ l(N, { id: "builderio-content", styles: t });
 }
-const no = ({
+const to = ({
   content: e,
   data: t,
   locale: n
@@ -2478,7 +2478,7 @@ const no = ({
       locale: n
     } : {}
   };
-}, oo = ({
+}, no = ({
   content: e,
   data: t
 }) => e ? {
@@ -2489,9 +2489,9 @@ const no = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ce(e) {
+function le(e) {
   var i, r, a, s, c, u, h, d, f;
-  const t = bn({
+  const t = fn({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (i = e.content) == null ? void 0 : i.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -2509,12 +2509,12 @@ function ce(e) {
     }),
     {}
   ), o = {
-    content: oo({
+    content: no({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: no({
+    rootState: to({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2563,7 +2563,7 @@ function ce(e) {
           }
         ) : null,
         /* @__PURE__ */ l(
-          to,
+          eo,
           {
             isNestedRender: e.isNestedRender,
             contentId: (a = o.content) == null ? void 0 : a.id,
@@ -2572,7 +2572,7 @@ function ce(e) {
           }
         ),
         /* @__PURE__ */ l(
-          K,
+          z,
           {
             blocks: (f = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : f.blocks,
             context: o,
@@ -2584,14 +2584,14 @@ function ce(e) {
     }
   );
 }
-function io(e) {
+function oo(e) {
   var r;
-  const t = fn({
+  const t = ln({
     canTrack: L(e.canTrack),
     content: e.content
   }), n = function() {
     var s;
-    return gn(
+    return mn(
       W(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -2605,7 +2605,7 @@ function io(e) {
     return t ? {
       ...e.content,
       testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : Ht({
+    } : Dt({
       item: e.content,
       canTrack: L(e.canTrack)
     });
@@ -2615,7 +2615,7 @@ function io(e) {
       D,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: pn()
+        scriptStr: un()
       }
     ) : null,
     t ? /* @__PURE__ */ R(C, { children: [
@@ -2634,7 +2634,7 @@ function io(e) {
         }
       ),
       (r = W(e.content)) == null ? void 0 : r.map((a) => /* @__PURE__ */ l(
-        ce,
+        le,
         {
           isNestedRender: e.isNestedRender,
           content: a,
@@ -2660,7 +2660,7 @@ function io(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      ce,
+      le,
       {
         isNestedRender: e.isNestedRender,
         content: i(),
@@ -2685,7 +2685,7 @@ function io(e) {
     )
   ] });
 }
-const ro = async ({
+const io = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -2704,7 +2704,7 @@ const ro = async ({
       w.error("Could not fetch symbol content: ", n);
     });
 };
-async function ao(e) {
+async function ro(e) {
   var r, a, s, c, u;
   const t = function() {
     return "div";
@@ -2718,12 +2718,12 @@ async function ao(e) {
       (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
       (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, i = ((r = e.symbol) == null ? void 0 : r.content) || await ro({
+  }, i = ((r = e.symbol) == null ? void 0 : r.content) || await io({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: o(), children: /* @__PURE__ */ l(
-    io,
+    oo,
     {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2746,18 +2746,18 @@ async function ao(e) {
     }
   ) });
 }
-const le = {};
-function Eo(e) {
+const de = {};
+function To(e) {
   if (k()) {
-    Object.assign(le, e);
+    Object.assign(de, e);
     const t = {
       type: "builder.settingsChange",
-      data: le
+      data: de
     };
     parent.postMessage(t, "*");
   }
 }
-const Ro = async (e) => {
+const Eo = async (e) => {
   var o, i, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
@@ -2769,7 +2769,7 @@ const Ro = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ae(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: Pe(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -2778,41 +2778,41 @@ const Ro = async (e) => {
   };
 };
 export {
-  Ae as A,
-  K as B,
-  Bt as C,
-  Co as D,
-  Io as E,
-  Ro as F,
-  Pn as G,
-  An as H,
-  ao as S,
-  tn as T,
-  Mn as _,
-  Rt as a,
-  bo as b,
-  me as c,
-  yo as d,
-  So as e,
+  Pe as A,
+  z as B,
+  Rt as C,
+  vo as D,
+  xo as E,
+  Eo as F,
+  In as G,
+  Tn as H,
+  ro as S,
+  Qt as T,
+  Ln as _,
+  wt as a,
+  po as b,
+  fe as c,
+  go as d,
+  bo as e,
   k as f,
   M as g,
   L as h,
-  po as i,
-  ko as j,
-  To as k,
+  ho as i,
+  So as j,
+  Io as k,
   w as l,
-  Gn as m,
+  Kn as m,
   H as n,
-  xo as o,
-  xn as p,
-  O as q,
-  wo as r,
-  Yn as s,
-  go as t,
-  vo as u,
+  ko as o,
+  Sn as p,
+  $ as q,
+  Co as r,
+  Hn as s,
+  wo as t,
+  yo as u,
   Ve as v,
-  Sn as w,
-  io as x,
-  qn as y,
-  Eo as z
+  pn as w,
+  oo as x,
+  jn as y,
+  To as z
 };