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

package/lib/browser/{bundle-83df769b.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 Oe } from "lru-cache";
-import { I as Fe, B as Le, a as Ue, D as De, C as _e, E as Me, b as je, V as He, c as Ke, F as ze, d as qe, S as Ye, e as Ge } from "./USE_CLIENT_BUNDLE-b0af90c6.js";
+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-f9d01f92.js";
 import "next/navigation";
-const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ho = (e) => typeof e == "string" && Je.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":
@@ -17,7 +17,7 @@ const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr",
       return "class";
   }
 };
-function Qe(e) {
+function Xe(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -28,36 +28,36 @@ function Qe(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";
 }
-const Xe = (e) => {
+const Ze = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, de = (e) => e instanceof URLSearchParams ? Xe(e) : e, ue = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Ze() {
+}, 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) {
-  return Ze() && // 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;
+function fe(e) {
+  return et() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  me(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const et = () => {
+const tt = () => {
   if (k()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, tt = () => typeof navigator == "object" && navigator.userAgent || "", fe = () => {
-  const e = tt(), t = {
+}, nt = () => typeof navigator == "object" && navigator.userAgent || "", he = () => {
+  const e = nt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -76,13 +76,13 @@ const et = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || T === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = et();
+  }, n = e.match(/Tablet|iPad/i), o = tt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, nt = ({
+}, ot = ({
   builder: e,
   context: t,
   event: n,
@@ -94,14 +94,14 @@ const et = () => {
   builder: e,
   context: t,
   event: n
-}), ot = () => ({
-  isEditing: me(),
+}), it = () => ({
+  isEditing: fe(),
   isBrowser: k(),
   isServer: !k(),
-  getUserAttributes: () => fe()
-}), it = (e, {
+  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,
@@ -110,11 +110,11 @@ const et = () => {
   rootSetState: r,
   rootState: a
 }) => {
-  const s = nt({
+  const s = ot({
     builder: t,
     context: n,
     event: o,
-    state: he({
+    state: pe({
       rootState: a,
       localState: i,
       rootSetState: r
@@ -122,7 +122,7 @@ const et = () => {
   });
   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) => {
@@ -148,17 +148,17 @@ function he({
   });
 }
 const I = (e) => e != null;
-function rt() {
+function at() {
   var e;
   return typeof process < "u" && I((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const at = () => {
+const st = () => {
   var o;
-  if (!rt())
+  if (!at())
     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;
-}, st = (e) => (k() || at(), 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 at = () => {
     });
   }
   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
     });
   }
@@ -192,10 +192,10 @@ function H({
   if (e === "")
     return;
   const c = {
-    code: it(e, {
+    code: rt(e, {
       isExpression: a
     }),
-    builder: ot(),
+    builder: it(),
     context: t,
     event: r,
     rootSetState: i,
@@ -208,7 +208,7 @@ function H({
       return h.value;
   }
   try {
-    const u = st(c);
+    const u = ct(c);
     if (s) {
       const h = V.getCacheKey(c);
       V.setCachedValue(h, u);
@@ -221,13 +221,13 @@ function H({
     return;
   }
 }
-const O = (e) => JSON.parse(JSON.stringify(e)), ct = (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);
   return o.slice(0, -1).reduce((i, r, a) => Object(i[r]) === i[r] ? i[r] : i[r] = Math.abs(Number(o[a + 1])) >> 0 === +o[a + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const lt = ({
+const dt = ({
   block: e,
   context: t,
   localState: n,
@@ -236,7 +236,7 @@ const lt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = O(e), a = {
+  const r = $(e), a = {
     ...r,
     properties: {
       ...r.properties
@@ -254,11 +254,11 @@ const lt = ({
       context: t,
       enableCache: !0
     });
-    ct(a, s, u);
+    lt(a, s, u);
   }
   return a;
 };
-function N({
+function O({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -267,7 +267,7 @@ function N({
   rootSetState: r
 }) {
   const a = e;
-  return n ? lt({
+  return n ? dt({
     block: a,
     localState: o,
     rootState: i,
@@ -275,10 +275,10 @@ function N({
     context: t
   }) : a;
 }
-const dt = (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 `${dt(n)}: ${o};`;
-}).filter(I), ut = (e) => pe(e).join(`
+    return `${K(n)}: ${o};`;
+}).filter(I), ut = (e) => ge(e).join(`
 `), B = ({
   mediaQuery: e,
   className: t,
@@ -299,18 +299,18 @@ function mt({
 const ft = ({
   block: e,
   context: t
-}) => ge(mt({
+}) => 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":
@@ -324,7 +324,7 @@ const ht = ({
   registeredComponents: n
 }) => {
   var r;
-  const o = (r = N({
+  const o = (r = O({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -374,7 +374,7 @@ const ht = ({
     },
     block: o
   }));
-}, gt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), bt = (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 ht = ({
     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);
@@ -417,7 +417,7 @@ const ht = ({
     default: r + 1
   }, n;
 };
-function F(e) {
+function N(e) {
   return /* @__PURE__ */ l(
     "style",
     {
@@ -426,50 +426,9 @@ function F(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 yt(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function St(e, t) {
-  const n = vt(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 vt(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 po(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    yt(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    St(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 kt(e) {
   const t = function() {
-    const i = N({
+    const i = O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -480,14 +439,14 @@ function kt(e) {
     return I(i.hide) ? !i.hide : I(i.show) ? i.show : !0;
   }, n = function() {
     var m, p, y;
-    const i = N({
+    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 kt(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 kt(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"
@@ -531,12 +490,12 @@ function kt(e) {
       E
     ].join(" ");
   };
-  return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(F, { id: "builderio-block", styles: n() }) }) : null });
+  return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(N, { id: "builderio-block", styles: n() }) }) : null });
 }
-function Ct(e) {
+function St(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const xt = (e) => `on${Ct(e)}`, wt = (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 xt = (e) => `on${Ct(e)}`, wt = (e, t) => (n) => H({
   isExpression: !1,
   enableCache: !0
 });
-function go(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 = xt(o);
+    let r = vt(o);
     if (e.stripPrefix)
       switch (T) {
         case "vue":
@@ -562,25 +521,25 @@ function go(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = wt(i, e);
+    t[r] = kt(i, e);
   }
   return t;
 }
-function It({
+function Ct({
   properties: e
 }) {
   return e;
 }
-const Tt = (e) => ({
+const xt = (e) => ({
   href: e.href
 });
-function Et({
+function wt({
   block: e,
   context: t
 }) {
   var o;
   const n = {
-    ...Tt(e),
+    ...xt(e),
     ...e.properties,
     "builder-id": e.id,
     style: ft({
@@ -589,13 +548,13 @@ function Et({
     }),
     [M()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return It({
+  return Ct({
     properties: n,
     context: t,
     block: e
   });
 }
-const Rt = ({
+const It = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -611,7 +570,7 @@ const Rt = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...i ? {
-      attributes: Et({
+      attributes: wt({
         block: t,
         context: a
       })
@@ -627,11 +586,11 @@ const Rt = ({
 };
 function Z(e) {
   var n;
-  const t = e.isInteractive ? Fe : e.componentRef;
+  const t = e.isInteractive ? Le : e.componentRef;
   return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
     t,
     {
-      ...Rt({
+      ...It({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -642,7 +601,7 @@ function Z(e) {
         contextValue: e.context
       }),
       children: (n = e.blockChildren) == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
-        L,
+        F,
         {
           block: o,
           context: e.context,
@@ -654,10 +613,10 @@ function Z(e) {
     }
   ) }) : null });
 }
-function Pt(e) {
+function Tt(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
-    L,
+    F,
     {
       block: e.block,
       context: t,
@@ -666,7 +625,7 @@ function Pt(e) {
     }
   );
 }
-function L(e) {
+function F(e) {
   var c, u, h;
   const t = function() {
     return ht({
@@ -681,7 +640,7 @@ function L(e) {
     });
   }, o = function() {
     var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : N({
+    return (f = e.block.repeat) != null && f.collection ? e.block : O({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -707,7 +666,7 @@ function L(e) {
       blockChildren: o().children ?? [],
       componentRef: (f = t()) == null ? void 0 : f.component,
       componentOptions: {
-        ...Qe(o()),
+        ...Xe(o()),
         builderContext: e.context,
         ...gt(t()) ? {
           builderLinkComponent: e.linkComponent
@@ -725,7 +684,7 @@ function L(e) {
     };
   };
   return /* @__PURE__ */ l(C, { children: r() ? /* @__PURE__ */ R(C, { children: [
-    /* @__PURE__ */ l(kt, { 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 L(e) {
         isInteractive: s().isInteractive
       }
     ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (h = n()) == null ? void 0 : h.map((d, f) => /* @__PURE__ */ l(
-      Pt,
+      Tt,
       {
         repeatContext: d.context,
         block: d.block,
@@ -749,7 +708,7 @@ function L(e) {
       },
       f
     )) }) : /* @__PURE__ */ R(
-      Le,
+      Ue,
       {
         Wrapper: i(),
         block: o(),
@@ -771,7 +730,7 @@ function L(e) {
             }
           ),
           (u = a()) == null ? void 0 : u.map((d) => /* @__PURE__ */ l(
-            L,
+            F,
             {
               block: d,
               registeredComponents: e.registeredComponents,
@@ -785,10 +744,10 @@ function L(e) {
     ) })
   ] }) : null });
 }
-function K(e) {
+function z(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
-    Ue,
+    De,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -797,7 +756,7 @@ function K(e) {
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ l(C, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
-        L,
+        F,
         {
           block: i,
           linkComponent: e.linkComponent,
@@ -809,8 +768,8 @@ function K(e) {
     }
   );
 }
-const At = (e) => `builder-columns ${e}-breakpoints`;
-function Vt(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 Vt(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 Vt(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,25 +861,25 @@ function Vt(e) {
         href: p.link
       } : {},
       [M()]: "builder-column",
-      style: ge(d(y))
+      style: be(d(y))
     };
   };
   return /* @__PURE__ */ R(C, { children: [
     /* @__PURE__ */ R(
       "div",
       {
-        className: At((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(F, { id: "builderio-columns", styles: g() }),
+          /* @__PURE__ */ l(N, { id: "builderio-columns", styles: g() }),
           (E = e.columns) == null ? void 0 : E.map((m, p) => /* @__PURE__ */ l(
-            De,
+            _e,
             {
               TagName: i(m),
               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 Vt(e) {
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-2651dce4 {
+    /* @__PURE__ */ l("style", { children: `.div-eeca3604 {
   display: flex;
   line-height: normal;
 }` })
@@ -948,11 +907,11 @@ function Vt(e) {
 function ee(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Bt(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 Wt(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 Wt(e, t) {
   }
   return null;
 }
-function bo(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) => `${Bt(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) => [Wt(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 $t = (e) => {
+const Vt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -991,13 +950,13 @@ const $t = (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("; "), Ot = [["secure", ""], ["SameSite", "None"]], Ft = ({
+}, 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) ? Ot : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", $t(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 $t = (e) => {
   try {
     if (!o)
       return;
-    const i = Ft({
+    const i = Ot({
       name: e,
       value: t,
       expires: n
@@ -1016,24 +975,24 @@ const $t = (e) => {
   } catch (i) {
     w.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, Lt = "builder.tests", z = (e) => `${Lt}.${e}`, Ut = ({
+}, $t = "builder.tests", q = (e) => `${$t}.${e}`, Nt = ({
   contentId: e
 }) => ke({
-  name: z(e),
+  name: q(e),
   canTrack: !0
-}), Dt = ({
+}), Ft = ({
   contentId: e
 }) => ve({
-  name: z(e),
+  name: q(e),
   canTrack: !0
-}), _t = ({
+}), 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, Mt = ({
+}), xe = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ut = ({
   id: e,
   variations: t
 }) => {
@@ -1047,8 +1006,8 @@ const $t = (e) => {
   }
   return e;
 }, we = (e) => {
-  const t = Mt(e);
-  return _t({
+  const t = Ut(e);
+  return Lt({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1068,7 +1027,7 @@ const $t = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, jt = ({
+}, Dt = ({
   item: e,
   canTrack: t
 }) => {
@@ -1078,7 +1037,7 @@ const $t = (e) => {
     return;
   if (!xe(e))
     return e;
-  const n = Dt({
+  const n = Ft({
     contentId: e.id
   }) || we({
     variations: e.variations,
@@ -1091,13 +1050,13 @@ const $t = (e) => {
     ...e,
     ...o
   };
-}, Ht = async ({
+}, _t = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !xe(e))
     return e;
-  const o = await Ut({
+  const o = await Nt({
     contentId: e.id
   }) || we({
     variations: e.variations,
@@ -1110,7 +1069,7 @@ const $t = (e) => {
     ...e,
     ...i
   };
-}, U = (e) => I(e) ? e : !0, Kt = {
+}, 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 $t = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, zt = {
+}, jt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1344,13 +1303,13 @@ const $t = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, qt = {
+}, Ht = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Yt = {
+}, 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 $t = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Gt = {
+}, zt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1489,7 +1448,7 @@ const $t = (e) => {
       }
     }
   }]
-}, Jt = {
+}, 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 $t = (e) => {
     defaultValue: "children"
   }]
 };
-function Qt(e) {
+function Yt(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     "div",
@@ -1515,7 +1474,7 @@ function Qt(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 Qt(e) {
     }
   );
 }
-const Xt = {
+const Gt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1559,7 +1518,7 @@ const Xt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Zt = {
+}, Jt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1578,7 +1537,7 @@ const Xt = {
     textAlign: "center"
   }
 };
-function en(e) {
+function Qt(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1591,7 +1550,7 @@ function en(e) {
     }
   );
 }
-const tn = {
+const Xt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1613,7 +1572,7 @@ const tn = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, nn = {
+}, Zt = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1638,7 +1597,7 @@ const tn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, on = ["text/javascript", "application/javascript", "application/ecmascript"], yo = (e) => on.includes(e.type), rn = {
+}, 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 tn = {
   }],
   noWrap: !0,
   static: !0
-}, an = {
+}, nn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1733,58 +1692,58 @@ const tn = {
     defaultValue: !0,
     advanced: !0
   }]
-}, sn = () => [{
-  component: _e,
-  ...tn
-}, {
+}, on = () => [{
   component: Me,
-  ...nn
+  ...Xt
 }, {
   component: je,
-  ...rn
+  ...Zt
 }, {
   component: He,
-  ...an
-}], te = () => [{
+  ...tn
+}, {
   component: Ke,
+  ...nn
+}], te = () => [{
+  component: ze,
+  ...Mt
+}, {
+  component: Rt,
+  ...jt
+}, {
+  component: qe,
+  ...Ht
+}, {
+  component: Ye,
   ...Kt
 }, {
-  component: Vt,
+  component: Ge,
   ...zt
 }, {
-  component: ze,
+  component: Yt,
   ...qt
 }, {
-  component: qe,
-  ...Yt
-}, {
-  component: Ye,
+  component: ro,
   ...Gt
 }, {
   component: Qt,
   ...Jt
-}, {
-  component: ro,
-  ...Xt
-}, {
-  component: en,
-  ...Zt
-}, ...sn()], So = (e) => ({
+}, ...on()], yo = (e) => ({
   type: "builder.registerComponent",
-  data: D(e)
-}), cn = (e) => {
+  data: U(e)
+}), rn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, ln = (e) => typeof e == "function" ? cn(e) : O(e), D = ({
+}, 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]: ln(r)
+    [i]: an(r)
   }), {}))
-}), dn = `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 tn = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, un = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, cn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1878,22 +1837,22 @@ const tn = {
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), mn = ({
+})), ln = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || k()), fn = (e) => e === "react" || e === "reactNative", Re = fn(T), hn = () => `
-  window.${Te} = ${dn}
-  window.${Ee} = ${un}
-  `, pn = (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}
-  )`, gn = ({
+  )`, fn = ({
   contentId: e,
   variationId: t
 }) => `window.${Ee}(
     "${t}", "${e}", ${Re}
   )`;
-function _(e) {
+function D(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -1902,61 +1861,68 @@ function _(e) {
     }
   );
 }
-const bn = (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 yn() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Oe({
+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 Sn(e) {
-  yn();
-  const t = bn(e);
+function gn(e) {
+  pn();
+  const t = hn(e);
   return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-function vn() {
+function bn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function kn() {
-  const e = vn().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 Cn = kn();
-function $(e, t = null, n = ".") {
+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);
     return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...$(r, a, n)
+      ..._(r, a, n)
     } : {
       ...o,
       [a]: r
     };
   }, {});
 }
-const xn = "v3", ne = "builder.", wn = "options.", Pe = (e) => {
+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("$")) ? Ae(i, r, n) : n[r] = i;
+  }
+  return n;
+}
+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(wn, "");
+      const i = o.replace(ne, "").replace(kn, "");
       n[i] = t[o];
     }
   }), n;
-}, In = () => {
+}, Cn = () => {
   if (!k())
     return {};
   const e = new URLSearchParams(window.location.search);
   return Pe(e);
-}, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, q = (e) => {
+}, oe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Y = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -1965,7 +1931,7 @@ const xn = "v3", ne = "builder.", wn = "options.", Pe = (e) => {
     apiKey: r,
     enrich: a,
     locale: s,
-    apiVersion: c = xn,
+    apiVersion: c = vn,
     fields: u,
     omit: h,
     offset: d,
@@ -1980,43 +1946,43 @@ const xn = "v3", ne = "builder.", wn = "options.", Pe = (e) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${c}'`);
   const E = t !== 1, m = new URL(`https://cdn.builder.io/api/${c}/content/${i}`);
   if (m.searchParams.set("apiKey", r), m.searchParams.set("limit", String(t)), m.searchParams.set("noTraverse", String(E)), m.searchParams.set("includeRefs", String(!0)), s && m.searchParams.set("locale", s), a && m.searchParams.set("enrich", String(a)), m.searchParams.set("omit", h || "meta.componentsUsed"), u && m.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && m.searchParams.set("offset", String(Math.floor(d))), typeof b == "boolean" && m.searchParams.set("includeUnpublished", String(b)), f && oe(f) && m.searchParams.set("cacheSeconds", String(f)), g && oe(g) && m.searchParams.set("staleCacheSeconds", String(g)), v) {
-    const S = $({
+    const S = _({
       sort: v
     });
     for (const x in S)
       m.searchParams.set(x, JSON.stringify(S[x]));
   }
   const p = {
-    ...In(),
-    ...de(e.options || {})
-  }, y = $(p);
+    ...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 = $({
+    const S = Ae({
       query: o
     });
     for (const x in S)
       m.searchParams.set(x, JSON.stringify(S[x]));
   }
   return m;
-}, Tn = (e) => "results" in e;
-async function Ae(e) {
-  const t = await Pn({
+}, xn = (e) => "results" in e;
+async function Ve(e) {
+  const t = await Tn({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const En = async (e) => {
-  const t = q(e);
-  return await (await (e.fetch ?? Cn)(t.href, e.fetchOptions)).json();
-}, Rn = async (e, t, n = q(e)) => {
-  const o = U(e.canTrack);
+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 = Sn(n.searchParams);
+      const s = gn(n.searchParams);
       r.push(s || a);
     }
     t.results = r;
@@ -2026,7 +1992,7 @@ const En = async (e) => {
   try {
     const r = [];
     for (const a of t.results)
-      r.push(await Ht({
+      r.push(await _t({
         item: a,
         canTrack: o
       }));
@@ -2036,10 +2002,10 @@ const En = async (e) => {
   }
   return t.results;
 };
-async function Pn(e) {
+async function Tn(e) {
   try {
-    const t = q(e), n = await En(e);
-    return Tn(n) ? Rn(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
@@ -2048,92 +2014,92 @@ async function Pn(e) {
     return w.error("Error fetching data. ", t), null;
   }
 }
-function vo(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 An() {
+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 Ve() {
-  return An().replace(/-/g, "");
+function Be() {
+  return En().replace(/-/g, "");
 }
-const Be = "builderSessionId", Vn = async ({
+const We = "builderSessionId", Rn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = await ke({
-    name: Be,
+    name: We,
     canTrack: e
   });
   if (I(t))
     return t;
   {
-    const n = Bn();
-    return Wn({
+    const n = An();
+    return Pn({
       id: n,
       canTrack: e
     }), n;
   }
-}, Bn = () => Ve(), Wn = ({
+}, An = () => Be(), Pn = ({
   id: e,
   canTrack: t
 }) => Ce({
-  name: Be,
+  name: We,
   value: e,
   canTrack: t
-}), We = () => k() && typeof localStorage < "u" ? localStorage : void 0, $n = ({
+}), Oe = () => k() && typeof localStorage < "u" ? localStorage : void 0, Vn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = We()) == 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 = We()) == null || o.setItem(e, n));
+    t && ((o = Oe()) == null || o.setItem(e, n));
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, $e = "builderVisitorId", On = ({
+}, $e = "builderVisitorId", Wn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = $n({
+  const t = Vn({
     key: $e,
     canTrack: e
   });
   if (I(t))
     return t;
   {
-    const n = Fn();
-    return Ln({
+    const n = On();
+    return $n({
       id: n,
       canTrack: e
     }), n;
   }
-}, Fn = () => Ve(), Ln = ({
+}, On = () => Be(), $n = ({
   id: e,
   canTrack: t
-}) => Nn({
+}) => Bn({
   key: $e,
   value: e,
   canTrack: t
-}), Un = async ({
+}), Nn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2141,16 +2107,16 @@ const Be = "builderSessionId", Vn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Vn({
+  const t = await Rn({
     canTrack: e
-  }), n = On({
+  }), n = Wn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Dn = async ({
+}, Fn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2164,23 +2130,23 @@ const Be = "builderSessionId", Vn = async ({
       url: location.href,
       ...o
     },
-    ...await Un({
+    ...await Nn({
       canTrack: t
     }),
-    userAttributes: fe(),
+    userAttributes: he(),
     ownerId: n
   }
 });
-async function _n(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 Dn(e)]
+        events: [await Fn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2190,14 +2156,14 @@ async function _n(e) {
       console.error("Failed to track: ", t);
     });
 }
-const ko = (e) => _n({
+const vo = (e) => Ln({
   ...e,
   canTrack: !0
 });
 function ie(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Mn = (e, t, n = !0) => {
+const Un = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2208,7 +2174,7 @@ const Mn = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, jn = (e) => Mn(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 = ({
@@ -2220,8 +2186,8 @@ const Mn = (e, t, n = !0) => {
     x: r,
     y: a
   };
-}, Co = (e) => {
-  const t = e.target, n = t && jn(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: {
@@ -2236,13 +2202,13 @@ const Mn = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Hn = ["*.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 || Hn).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 Kn = "0.14.20", ae = {};
-function zn(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 = {
@@ -2259,8 +2225,8 @@ function zn(e, t) {
     }
   }
 }
-const xo = () => {
-  zn("insertMenu", {
+const Co = () => {
+  jn("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2283,13 +2249,13 @@ const xo = () => {
   });
 };
 let se = !1;
-const qn = (e = {}) => {
+const Hn = (e = {}) => {
   var t, n;
   se || (se = !0, k() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: T,
-      version: Kn,
+      version: Mn,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -2344,7 +2310,7 @@ const qn = (e = {}) => {
         }
       }
   })));
-}, Yn = ({
+}, Kn = ({
   model: e,
   trustedHosts: t,
   callbacks: n
@@ -2370,12 +2336,12 @@ const qn = (e = {}) => {
         break;
       }
     }
-}, wo = (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."), () => {
     };
-  qn();
-  const o = Yn({
+  Hn();
+  const o = Kn({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -2389,7 +2355,48 @@ const qn = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Gn = (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 = "";
@@ -2452,7 +2459,7 @@ ${Jn({
   })}
 ${Zn(e.isNestedRender)}
 `.trim();
-  return /* @__PURE__ */ l(F, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ l(N, { id: "builderio-content", styles: t });
 }
 const to = ({
   content: e,
@@ -2482,9 +2489,9 @@ const to = ({
   },
   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 = gn({
+  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
@@ -2497,7 +2504,7 @@ function ce(e) {
       ...g,
       [b.name]: {
         component: v,
-        ...D(b)
+        ...U(b)
       }
     }),
     {}
@@ -2522,7 +2529,7 @@ function ce(e) {
     ].reduce(
       (g, { component: v, ...b }) => ({
         ...g,
-        [b.name]: D(b)
+        [b.name]: U(b)
       }),
       {}
     ),
@@ -2531,7 +2538,7 @@ function ce(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   };
   return /* @__PURE__ */ R(
-    Ge,
+    Je,
     {
       content: e.content,
       data: e.data,
@@ -2549,7 +2556,7 @@ function ce(e) {
       trustedHosts: e.trustedHosts,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ l(
-          _,
+          D,
           {
             id: "builderio-variant-visibility",
             scriptStr: t
@@ -2565,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,
@@ -2579,12 +2586,12 @@ function ce(e) {
 }
 function oo(e) {
   var r;
-  const t = mn({
-    canTrack: U(e.canTrack),
+  const t = ln({
+    canTrack: L(e.canTrack),
     content: e.content
   }), n = function() {
     var s;
-    return pn(
+    return mn(
       W(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -2598,36 +2605,36 @@ function oo(e) {
     return t ? {
       ...e.content,
       testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : jt({
+    } : Dt({
       item: e.content,
-      canTrack: U(e.canTrack)
+      canTrack: L(e.canTrack)
     });
   };
   return /* @__PURE__ */ R(C, { children: [
     !e.isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(
-      _,
+      D,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: hn()
+        scriptStr: un()
       }
     ) : null,
     t ? /* @__PURE__ */ R(C, { children: [
       /* @__PURE__ */ l(
-        F,
+        N,
         {
           id: "builderio-variants",
           styles: o()
         }
       ),
       /* @__PURE__ */ l(
-        _,
+        D,
         {
           id: "builderio-variants-visibility",
           scriptStr: n()
         }
       ),
       (r = W(e.content)) == null ? void 0 : r.map((a) => /* @__PURE__ */ l(
-        ce,
+        le,
         {
           isNestedRender: e.isNestedRender,
           content: a,
@@ -2653,7 +2660,7 @@ function oo(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      ce,
+      le,
       {
         isNestedRender: e.isNestedRender,
         content: i(),
@@ -2684,7 +2691,7 @@ const io = async ({
 }) => {
   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 Ae({
+    return Ve({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2739,13 +2746,13 @@ async function ro(e) {
     }
   ) });
 }
-const le = {};
+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, "*");
   }
@@ -2767,45 +2774,45 @@ const Eo = async (e) => {
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await Ae(n)
+    content: await Ve(n)
   };
 };
 export {
   Pe as A,
-  K as B,
-  Vt as C,
-  ko as D,
-  wo as E,
+  z as B,
+  Rt as C,
+  vo as D,
+  xo as E,
   Eo as F,
-  Rn as G,
-  Pn as H,
+  In as G,
+  Tn as H,
   ro as S,
-  en as T,
-  _n as _,
-  Et as a,
-  go as b,
-  me as c,
-  bo as d,
-  yo as e,
+  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,
-  U as h,
+  L as h,
   ho as i,
-  vo as j,
+  So as j,
   Io as k,
   w as l,
-  Yn as m,
+  Kn as m,
   H as n,
-  Co as o,
-  Cn as p,
-  O as q,
-  xo as r,
-  qn as s,
-  po as t,
-  So as u,
-  Ae as v,
-  yn as w,
+  ko as o,
+  Sn as p,
+  $ as q,
+  Co as r,
+  Hn as s,
+  wo as t,
+  yo as u,
+  Ve as v,
+  pn as w,
   oo as x,
-  zn as y,
+  jn as y,
   To as z
 };