@builder.io/sdk-react-nextjs 0.16.6 → 0.16.9

package/lib/browser/blocks-exports.mjs

@@ -1,18 +1,18 @@
 "use client";
-var Ae = Object.defineProperty;
-var Ve = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as C, jsxs as E } from "react/jsx-runtime";
-import { TARGET as D, isEditing as V, isBrowser as L, getUserAttributes as $e, checkIsDefined as z, logger as J, init as Fe, getDefaultCanTrack as q, _track as ue, isPreviewing as Le, createEditorListener as Oe, fetch as De, registerInsertMenu as je, setupBrowserForEditing as He, createRegisterComponentMessage as Me, fetchOneEntry as ke, serializeIncludingFunctions as me, handleABTestingSync as Ue } from "./server-entry-226d18cc.js";
-import { useEffect as R, useRef as ie, useState as A, createContext as _e } from "react";
-import { useRouter as Ke } from "next/navigation";
+var $e = Object.defineProperty;
+var Fe = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ee = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as l, Fragment as T, jsxs as P } from "react/jsx-runtime";
+import { TARGET as $, isEditing as V, isBrowser as O, getUserAttributes as Le, checkIsDefined as z, logger as Y, isPreviewing as Ce, init as Oe, getDefaultCanTrack as q, _track as ue, createEditorListener as De, fetch as He, registerInsertMenu as _e, setupBrowserForEditing as Ue, createRegisterComponentMessage as je, fetchOneEntry as we, serializeIncludingFunctions as me, handleABTestingSync as Me } from "./server-entry-ff1eb217.js";
 import "lru-cache";
-const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), qe = (e) => typeof e == "string" && ze.has(e.toLowerCase());
+import { useRef as J, useEffect as R, useState as N, createContext as Ke } from "react";
+import { useRouter as ze } from "next/navigation";
+const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && qe.has(e.toLowerCase());
 function oe(e) {
-  return /* @__PURE__ */ l(C, { children: qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+  return /* @__PURE__ */ l(T, { children: Ye(e.TagName) ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(T, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const M = () => {
-  switch (D) {
+const U = () => {
+  switch ($) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -25,11 +25,11 @@ const M = () => {
       return "class";
   }
 };
-function Ye(e) {
+function Je(e) {
   function t() {
     return {
       ...e.attributes,
-      [M()]: `${e.link ? "" : "builder-button"} ${e.attributes[M()] || ""}`,
+      [U()]: `${e.link ? "" : "builder-button"} ${e.attributes[U()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -49,14 +49,20 @@ function Ye(e) {
     }
   );
 }
-function Je(e) {
+function Qe(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-const Qe = ({
+function Ge(e, ...t) {
+  const n = Object.assign({}, e);
+  for (const i of t)
+    delete n[i];
+  return n;
+}
+const Xe = ({
   builder: e,
   context: t,
   event: n,
@@ -68,12 +74,12 @@ const Qe = ({
   builder: e,
   context: t,
   event: n
-}), Ge = () => ({
+}), Ze = () => ({
   isEditing: V(),
-  isBrowser: L(),
-  isServer: !L(),
-  getUserAttributes: () => $e()
-}), Xe = (e, {
+  isBrowser: O(),
+  isServer: !O(),
+  getUserAttributes: () => Le()
+}), et = (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, fe = ({
   code: e,
@@ -84,19 +90,19 @@ const Qe = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const c = Qe({
+  const s = Xe({
     builder: t,
     context: n,
     event: i,
-    state: Ce({
+    state: Ie({
       rootState: r,
       localState: o,
       rootSetState: a
     })
   });
-  return new Function(...c.map(([s]) => s), e)(...c.map(([, s]) => s));
+  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function Ce({
+function Ie({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -106,7 +112,7 @@ function Ce({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? Ce({
+      return typeof a == "object" && a !== null ? Ie({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -121,17 +127,17 @@ function Ce({
     }
   });
 }
-function Ze() {
+function tt() {
   var e;
   return typeof process != "undefined" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const et = () => {
+const nt = () => {
   var i;
-  if (!Ze())
+  if (!tt())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
-  return e && t && !n ? (J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, tt = (e) => (L() || et(), fe(e)), N = class N {
+  return e && t && !n ? (Y.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+}, it = (e) => (O() || nt(), fe(e)), ot = !0, A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -141,17 +147,17 @@ const et = () => {
     });
   }
   static getCachedValue(t) {
-    return N.cache.get(t);
+    return A.cache.get(t);
   }
   static setCachedValue(t, n) {
-    N.cache.size > 20 && N.cache.delete(N.cache.keys().next().value), N.cache.set(t, {
+    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
       value: n
     });
   }
 };
-ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
-let F = N;
-function O({
+ee(A, "cacheLimit", 20), ee(A, "cache", /* @__PURE__ */ new Map());
+let L = A;
+function D({
   code: e,
   context: t,
   localState: n,
@@ -159,47 +165,85 @@ function O({
   rootSetState: o,
   event: a,
   isExpression: r = !0,
-  enableCache: c
+  enableCache: s
 }) {
   if (e === "")
     return;
-  const s = {
-    code: Xe(e, {
+  const c = {
+    code: et(e, {
       isExpression: r
     }),
-    builder: Ge(),
+    builder: Ze(),
     context: t,
     event: a,
     rootSetState: o,
     rootState: i,
     localState: n
   };
-  if (c) {
-    const d = F.getCacheKey(s), m = F.getCachedValue(d);
-    if (m)
-      return m.value;
+  if (s && !ot) {
+    const d = L.getCacheKey(c), u = L.getCachedValue(d);
+    if (u)
+      return u.value;
   }
   try {
-    const d = tt(s);
-    if (c) {
-      const m = F.getCacheKey(s);
-      F.setCachedValue(m, d);
+    const d = it(c);
+    if (s) {
+      const u = L.getCacheKey(c);
+      L.setCachedValue(u, d);
     }
     return d;
   } catch (d) {
-    J.error("Failed code evaluation: " + d.message, {
+    Y.error("Failed code evaluation: " + d.message, {
       code: e
     });
     return;
   }
 }
-const ae = (e) => JSON.parse(JSON.stringify(e)), nt = (e, t, n) => {
+const ae = (e) => JSON.parse(JSON.stringify(e)), at = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return i.slice(0, -1).reduce((o, a, r) => Object(o[a]) === o[a] ? o[a] : o[a] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
 };
-const it = ({
+function ne(e) {
+  if (e === null || typeof e != "object")
+    return e;
+  if (Array.isArray(e))
+    return e.map((n) => ne(n));
+  if (e["@type"] === "@builder.io/sdk:Element")
+    return e;
+  const t = {};
+  for (const n in e)
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ne(e[n]));
+  return t;
+}
+const rt = ["svelte", "vue", "angular", "qwik", "solid"].includes($), ct = (e) => {
+  if (rt) {
+    const t = ae(e);
+    return {
+      ...t,
+      properties: {
+        ...t.properties
+      },
+      actions: {
+        ...t.actions
+      }
+    };
+  } else {
+    const t = ne(Ge(e, "children", "meta"));
+    return {
+      ...t,
+      properties: {
+        ...t.properties
+      },
+      actions: {
+        ...t.actions
+      },
+      children: e.children,
+      meta: e.meta
+    };
+  }
+}, lt = ({
   block: e,
   context: t,
   localState: n,
@@ -208,17 +252,9 @@ const it = ({
 }) => {
   if (!e.bindings)
     return e;
-  const a = ae(e), r = {
-    ...a,
-    properties: {
-      ...a.properties
-    },
-    actions: {
-      ...a.actions
-    }
-  };
-  for (const c in e.bindings) {
-    const s = e.bindings[c], d = O({
+  const a = ct(e);
+  for (const r in e.bindings) {
+    const s = e.bindings[r], c = D({
       code: s,
       localState: n,
       rootState: i,
@@ -226,11 +262,11 @@ const it = ({
       context: t,
       enableCache: !0
     });
-    nt(r, c, d);
+    at(a, r, c);
   }
-  return r;
+  return a;
 };
-function Y({
+function st({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -239,7 +275,7 @@ function Y({
   rootSetState: a
 }) {
   const r = e;
-  return n ? it({
+  return n ? lt({
     block: r,
     localState: i,
     rootState: o,
@@ -247,42 +283,42 @@ function Y({
     context: t
   }) : r;
 }
-const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", we = (e) => Object.entries(e).map(([n, i]) => {
+const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Te = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${re(n)}: ${i};`;
-}).filter(z), ot = (e) => we(e).join(`
-`), _ = ({
+}).filter(z), dt = (e) => Te(e).join(`
+`), M = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${ot(n)}
+    ${dt(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function at({
+function ut({
   style: e
 }) {
   return e;
 }
-const rt = ({
+const mt = ({
   block: e,
   context: t
-}) => Ie(at({
+}) => Re(ut({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ie(e) {
-  switch (D) {
+function Re(e) {
+  switch ($) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return we(e).join(" ");
+      return Te(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -290,29 +326,21 @@ function Ie(e) {
       return e;
   }
 }
-const ct = ({
+const ft = ({
   block: e,
-  context: t,
-  registeredComponents: n
+  registeredComponents: t
 }) => {
-  var a;
-  const i = (a = Y({
-    block: e,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context,
-    shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : a.name;
-  if (!i)
+  var o;
+  const n = (o = e.component) == null ? void 0 : o.name;
+  if (!n)
     return null;
-  const o = n[i];
-  if (o)
-    return o;
+  const i = t[n];
+  if (i)
+    return i;
   console.warn(`
-      Could not find a registered component named "${i}". 
+      Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, lt = ({
+}, ht = ({
   block: e,
   context: t
 }) => {
@@ -322,7 +350,7 @@ const ct = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = O({
+  const o = D({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -333,40 +361,40 @@ const ct = ({
   if (!Array.isArray(o))
     return;
   const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
-  return o.map((s, d) => ({
+  return o.map((c, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: d,
-        $item: s,
-        [r]: s,
+        $item: c,
+        [r]: c,
         [`$${r}Index`]: d
       }
     },
     block: i
   }));
-}, st = (e, t) => {
+}, gt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, dt = (e, t) => {
+}, bt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: t
   } : {};
-}, ut = (e, t) => {
+}, yt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, mt = (e, t) => {
+}, pt = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Te = {
+}, Ee = {
   small: {
     min: 320,
     default: 321,
@@ -382,11 +410,11 @@ const ct = ({
     default: 991,
     max: 1200
   }
-}, he = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
+}, he = (e, t = Ee) => `@media (max-width: ${t[e].max}px)`, Pe = ({
   small: e,
   medium: t
 }) => {
-  const n = ae(Te);
+  const n = ae(Ee);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -419,71 +447,57 @@ function Q(e) {
     }
   );
 }
-function ft(e) {
+function vt(e) {
   const t = function() {
-    const o = Y({
-      block: e.block,
-      localState: e.context.localState,
-      rootState: e.context.rootState,
-      rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
-    });
+    const o = e.block;
     return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
   }, n = function() {
-    var x, y, p;
-    const o = Y({
-      block: e.block,
-      localState: e.context.localState,
-      rootState: e.context.rootState,
-      rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
-    }), a = o.responsiveStyles, r = e.context.content, c = Re(
-      ((x = r == null ? void 0 : r.meta) == null ? void 0 : x.breakpoints) || {}
-    ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
-    if (!u)
+    var b, y, w;
+    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Pe(
+      ((b = r == null ? void 0 : r.meta) == null ? void 0 : b.breakpoints) || {}
+    ), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, u = a == null ? void 0 : a.small, m = o.id;
+    if (!m)
       return "";
-    const h = s ? _({
-      className: u,
-      styles: s
-    }) : "", w = d ? _({
-      className: u,
+    const p = c ? M({
+      className: m,
+      styles: c
+    }) : "", v = d ? M({
+      className: m,
       styles: d,
       mediaQuery: he(
         "medium",
-        c
+        s
       )
-    }) : "", I = m ? _({
-      className: u,
-      styles: m,
+    }) : "", S = u ? M({
+      className: m,
+      styles: u,
       mediaQuery: he(
         "small",
-        c
+        s
       )
-    }) : "", b = o.animations && o.animations.find((T) => T.trigger === "hover");
-    let P = "";
-    if (b) {
-      const T = ((p = (y = b.steps) == null ? void 0 : y[1]) == null ? void 0 : p.styles) || {};
-      P = _({
-        className: `${u}:hover`,
+    }) : "", f = o.animations && o.animations.find((E) => E.trigger === "hover");
+    let C = "";
+    if (f) {
+      const E = ((w = (y = f.steps) == null ? void 0 : y[1]) == null ? void 0 : w.styles) || {};
+      C = M({
+        className: `${m}:hover`,
         styles: {
-          ...T,
-          transition: `all ${b.duration}s ${re(
-            b.easing
+          ...E,
+          transition: `all ${f.duration}s ${re(
+            f.easing
           )}`,
-          transitionDelay: b.delay ? `${b.delay}s` : "0s"
+          transitionDelay: f.delay ? `${f.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      h,
-      w,
-      I,
-      P
+      p,
+      v,
+      S,
+      C
     ].join(" ");
   };
-  return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(T, { children: n() && t() ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
     Q,
     {
       id: "builderio-block",
@@ -492,10 +506,10 @@ function ft(e) {
     }
   ) }) : null });
 }
-function ht(e) {
+function xt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => O({
+const St = (e) => `on${xt(e)}`, kt = (e, t) => (n) => D({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -505,16 +519,16 @@ const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => O({
   isExpression: !1,
   enableCache: !0
 });
-function Ee(e) {
+function Be(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const a = n[o];
-    let r = gt(o);
+    let r = St(o);
     if (e.stripPrefix)
-      switch (D) {
+      switch ($) {
         case "vue":
           r = r.replace("v-on:", "");
           break;
@@ -522,16 +536,16 @@ function Ee(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = bt(a, e);
+    t[r] = kt(a, e);
   }
   return t;
 }
-function yt({
+function Ct({
   properties: e
 }) {
   return e;
 }
-const xt = (e) => ({
+const wt = (e) => ({
   href: e.href
 });
 function ce({
@@ -540,22 +554,22 @@ function ce({
 }) {
   var i;
   const n = {
-    ...xt(e),
+    ...wt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: rt({
+    style: mt({
       block: e,
       context: t
     }),
-    [M()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [U()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
-  return yt({
+  return Ct({
     properties: n,
     context: t,
     block: e
   });
 }
-function St(e) {
+function It(e) {
   return /* @__PURE__ */ l(
     oe,
     {
@@ -564,7 +578,7 @@ function St(e) {
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Ee({
+      actionAttributes: Be({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -576,14 +590,14 @@ function St(e) {
     }
   );
 }
-function vt(e) {
+function Tt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...ce({
         block: e.block,
         context: e.context
       }),
-      ...Ee({
+      ...Be({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -594,7 +608,7 @@ function vt(e) {
   }
   return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const pt = ({
+const Rt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -603,7 +617,7 @@ const pt = ({
   isInteractive: a,
   contextValue: r
 }) => {
-  const c = {
+  const s = {
     ...e,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -622,15 +636,15 @@ const pt = ({
     context: n,
     wrapperProps: e,
     includeBlockProps: o
-  } : c;
+  } : s;
 };
 function ge(e) {
   var n;
-  const t = e.isInteractive ? vt : e.componentRef;
-  return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
+  const t = e.isInteractive ? Tt : e.componentRef;
+  return /* @__PURE__ */ l(T, { children: e.componentRef ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
     t,
     {
-      ...pt({
+      ...Rt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -653,7 +667,7 @@ function ge(e) {
     }
   ) }) : null });
 }
-function kt(e) {
+function be(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     G,
@@ -666,21 +680,20 @@ function kt(e) {
   );
 }
 function G(e) {
-  var s, d, m;
+  var d, u, m, p;
   const t = function() {
-    return ct({
-      block: e.block,
-      context: e.context,
-      registeredComponents: e.registeredComponents
-    });
-  }, n = function() {
-    return lt({
+    return ht({
       block: e.block,
       context: e.context
     });
+  }, n = {
+    value: null,
+    update: !1
   }, i = function() {
-    var h;
-    return (h = e.block.repeat) != null && h.collection ? e.block : Y({
+    var f;
+    if (n.value && !n.update && !Ce())
+      return n.value;
+    const S = (f = e.block.repeat) != null && f.collection ? e.block : st({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -688,30 +701,36 @@ function G(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
+    return n.value = S, n.update = !1, S;
   }, o = function() {
-    var w;
-    return e.block.tagName === "a" || ((w = i().properties) == null ? void 0 : w.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    return ft({
+      block: i(),
+      registeredComponents: e.registeredComponents
+    });
   }, a = function() {
-    var I, b;
-    if ((I = e.block.repeat) != null && I.collection)
-      return !!((b = n()) != null && b.length);
-    const h = "hide" in i() ? i().hide : !1;
-    return ("show" in i() ? i().show : !0) && !h;
+    var f;
+    return e.block.tagName === "a" || ((f = i().properties) == null ? void 0 : f.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, r = function() {
-    var w, I;
-    return !((w = t()) != null && w.component) && !n() ? (I = i().children) != null ? I : [] : [];
+    var C, b;
+    if ((C = e.block.repeat) != null && C.collection)
+      return !!((b = t()) != null && b.length);
+    const S = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !S;
+  }, s = function() {
+    var f, C;
+    return !((f = o()) != null && f.component) && !t() ? (C = i().children) != null ? C : [] : [];
   }, c = function() {
-    var h, w, I, b;
+    var S, f, C, b;
     return {
-      blockChildren: (h = i().children) != null ? h : [],
-      componentRef: (w = t()) == null ? void 0 : w.component,
+      blockChildren: (S = i().children) != null ? S : [],
+      componentRef: (f = o()) == null ? void 0 : f.component,
       componentOptions: {
-        ...Je(i()),
-        ...ut(t(), i()),
-        ...mt(t(), e.context),
-        ...st(t(), e.linkComponent),
-        ...dt(
-          t(),
+        ...Qe(i()),
+        ...yt(o(), i()),
+        ...pt(o(), e.context),
+        ...gt(o(), e.linkComponent),
+        ...bt(
+          o(),
           e.registeredComponents
         )
       },
@@ -719,13 +738,22 @@ function G(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((I = t()) == null ? void 0 : I.noWrap) === !0,
-      isInteractive: !((b = t()) != null && b.isRSC && D === "rsc")
+      includeBlockProps: ((C = o()) == null ? void 0 : C.noWrap) === !0,
+      isInteractive: !((b = o()) != null && b.isRSC && $ === "rsc")
     };
   };
-  return /* @__PURE__ */ l(C, { children: a() ? /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
-    (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(T, { children: r() ? /* @__PURE__ */ P(T, { children: [
+    /* @__PURE__ */ l(vt, { block: i(), context: e.context }),
+    (d = o()) != null && d.noWrap ? t() ? /* @__PURE__ */ l(T, { children: (p = t()) == null ? void 0 : p.map((v, S) => /* @__PURE__ */ l(
+      be,
+      {
+        repeatContext: v.context,
+        block: v.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      S
+    )) }) : /* @__PURE__ */ l(
       ge,
       {
         componentRef: c().componentRef,
@@ -738,19 +766,19 @@ function G(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
-      kt,
+    ) : /* @__PURE__ */ l(T, { children: t() ? /* @__PURE__ */ l(T, { children: (m = t()) == null ? void 0 : m.map((v, S) => /* @__PURE__ */ l(
+      be,
       {
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: v.context,
+        block: v.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      h
-    )) }) : /* @__PURE__ */ E(
-      St,
+      S
+    )) }) : /* @__PURE__ */ P(
+      It,
       {
-        Wrapper: o(),
+        Wrapper: a(),
         block: i(),
         context: e.context,
         children: [
@@ -768,29 +796,30 @@ function G(e) {
               isInteractive: c().isInteractive
             }
           ),
-          (d = r()) == null ? void 0 : d.map((u) => /* @__PURE__ */ l(
+          (u = s()) == null ? void 0 : u.map((v) => /* @__PURE__ */ l(
             G,
             {
-              block: u,
+              block: v,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            u.id
+            v.id
           ))
         ]
       }
     ) })
   ] }) : null });
 }
-function Ct(e) {
-  function t() {
-    var o;
-    return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
-  }
+function Et(e) {
+  const t = J(null);
   function n() {
-    var o, a;
-    V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
+    var a;
+    return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
+  }
+  function i() {
+    var a, r;
+    V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -801,9 +830,9 @@ function Ct(e) {
       "*"
     ));
   }
-  function i() {
-    var o, a;
-    V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
+  function o() {
+    var a, r;
+    V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -814,22 +843,24 @@ function Ct(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ E(C, { children: [
+  return R(() => {
+  }, []), /* @__PURE__ */ P(T, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
-        className: t() + " props-blocks-wrapper-7cd1560e",
+        ref: t,
+        className: n() + " props-blocks-wrapper-51ef31b4",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (o) => n(),
-        onMouseEnter: (o) => i(),
-        onKeyPress: (o) => n(),
+        onClick: (a) => i(),
+        onMouseEnter: (a) => o(),
+        onKeyPress: (a) => i(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-7cd1560e {
+    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-51ef31b4 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -839,7 +870,7 @@ function Ct(e) {
 function le(e) {
   var t, n, i;
   return /* @__PURE__ */ l(
-    Ct,
+    Et,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -847,7 +878,7 @@ function le(e) {
       styleProp: e.styleProp,
       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: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(T, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
         G,
         {
           block: o,
@@ -860,71 +891,71 @@ function le(e) {
     }
   );
 }
-const wt = (e) => `builder-columns ${e}-breakpoints`;
-function It(e) {
-  var b, P;
+const Pt = (e) => `builder-columns ${e}-breakpoints`;
+function Bt(e) {
+  var f, C;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
     return y.link ? e.builderLinkComponent || "a" : "div";
   }, a = function(y) {
-    var p;
-    return ((p = n[y]) == null ? void 0 : p.width) || 100 / n.length;
+    var w;
+    return ((w = n[y]) == null ? void 0 : w.width) || 100 / n.length;
   }, r = function(y) {
-    const p = a(y), T = t * (n.length - 1) * (p / 100);
-    return `calc(${p}% - ${T}px)`;
-  }, c = function({
+    const w = a(y), E = t * (n.length - 1) * (w / 100);
+    return `calc(${w}% - ${E}px)`;
+  }, s = function({
     stackedStyle: y,
-    desktopStyle: p
+    desktopStyle: w
   }) {
-    return i === "tablet" ? y : p;
-  }, s = function({
+    return i === "tablet" ? y : w;
+  }, c = function({
     stackedStyle: y,
-    desktopStyle: p
+    desktopStyle: w
   }) {
-    return i === "never" ? p : y;
-  }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
+    return i === "never" ? w : y;
+  }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": d,
-      "--flex-dir-tablet": c({
+      "--flex-dir-tablet": s({
         stackedStyle: d,
         desktopStyle: "row"
       })
     };
-  }, u = function(y) {
-    const p = y === 0 ? 0 : t, T = r(y), W = `${p}px`, j = "100%", H = 0;
+  }, m = function(y) {
+    const w = y === 0 ? 0 : t, E = r(y), W = `${w}px`, H = "100%", _ = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: T,
+      width: E,
       ["marginLeft"]: W,
-      "--column-width-mobile": s({
-        stackedStyle: j,
-        desktopStyle: T
-      }),
-      "--column-margin-left-mobile": s({
+      "--column-width-mobile": c({
         stackedStyle: H,
-        desktopStyle: W
+        desktopStyle: E
       }),
-      "--column-width-tablet": c({
-        stackedStyle: j,
-        desktopStyle: T
+      "--column-margin-left-mobile": c({
+        stackedStyle: _,
+        desktopStyle: W
       }),
-      "--column-margin-left-tablet": c({
+      "--column-width-tablet": s({
         stackedStyle: H,
+        desktopStyle: E
+      }),
+      "--column-margin-left-tablet": s({
+        stackedStyle: _,
         desktopStyle: W
       })
     };
-  }, h = function(y) {
-    var T, W;
-    return Re(
-      ((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
+  }, p = function(y) {
+    var E, W;
+    return Pe(
+      ((W = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : W.breakpoints) || {}
     )[y].max;
-  }, w = function() {
+  }, v = function() {
     const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${h("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -936,7 +967,7 @@ function It(e) {
           }
         }
 
-        @media (max-width: ${h("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -948,36 +979,36 @@ function It(e) {
           }
         },
       `;
-  }, I = function(y, p) {
+  }, S = function(y, w) {
     return {
       ...y.link ? {
         href: y.link
       } : {},
-      [M()]: "builder-column",
-      style: Ie(u(p))
+      [U()]: "builder-column",
+      style: Re(m(w))
     };
   };
-  return /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ E(
+  return /* @__PURE__ */ P(T, { children: [
+    /* @__PURE__ */ P(
       "div",
       {
-        className: wt((b = e.builderBlock) == null ? void 0 : b.id) + " div-2cd13691",
-        style: m(),
+        className: Pt((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
+        style: u(),
         children: [
           /* @__PURE__ */ l(
             Q,
             {
               id: "builderio-columns",
-              styles: w(),
+              styles: v(),
               nonce: e.builderContext.nonce
             }
           ),
-          (P = e.columns) == null ? void 0 : P.map((x, y) => /* @__PURE__ */ l(
+          (C = e.columns) == null ? void 0 : C.map((b, y) => /* @__PURE__ */ l(
             oe,
             {
-              TagName: o(x),
+              TagName: o(b),
               actionAttributes: {},
-              attributes: I(x, y),
+              attributes: S(b, y),
               children: /* @__PURE__ */ l(
                 le,
                 {
@@ -989,7 +1020,7 @@ function It(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: x.blocks
+                  blocks: b.blocks
                 }
               )
             },
@@ -1004,25 +1035,25 @@ function It(e) {
 }` })
   ] });
 }
-function Tt(e) {
+function Wt(e) {
   return /* @__PURE__ */ l("span", { children: e.children });
 }
-function be(e) {
+function ye(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Rt(e = "", t, n) {
+function At(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
 }
-function Et(e, t) {
+function Nt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return be(e);
+    return ye(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
-    return be(`${i[0]}_${a}${o}`);
+    return ye(`${i[0]}_${a}${o}`);
   }
   return null;
 }
@@ -1033,46 +1064,46 @@ function te(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const i = Number(e.split("?width=")[1]);
-    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Rt(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Et(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Nt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function Pt(e) {
-  var o, a, r, c, s, d;
+function Vt(e) {
+  var o, a, r, s, c, d;
   function t() {
-    var h;
-    const u = e.image || e.src;
-    if (!u || // We can auto add srcset for cdn.builder.io and shopify
+    var p;
+    const m = e.image || e.src;
+    if (!m || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
+    !(m.match(/builder\.io/) || m.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((p = e.image) != null && p.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), te(u);
+          return console.debug("Removed given srcset"), te(m);
       } else if (e.image && !e.srcset)
-        return te(u);
-      return te(u);
+        return te(m);
+      return te(m);
     }
   }
   function n() {
-    var m;
-    return (m = t == null ? void 0 : t()) != null && m.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
+    var u;
+    return (u = t == null ? void 0 : t()) != null && u.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
   }
   function i() {
-    const m = {
+    const u = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? m : void 0;
+    return e.aspectRatio ? u : void 0;
   }
   return R(() => {
-  }, []), /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ E(C, { children: [
-      /* @__PURE__ */ E("picture", { children: [
+  }, []), /* @__PURE__ */ P(T, { children: [
+    /* @__PURE__ */ P(T, { children: [
+      /* @__PURE__ */ P("picture", { children: [
         n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ l(
           "img",
@@ -1102,8 +1133,8 @@ function Pt(e) {
           }
         }
       ) : null,
-      (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
-      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
+      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(T, { children: e.children }) : null,
+      !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
     ] }),
     /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
   opacity: 1;
@@ -1124,7 +1155,7 @@ function Pt(e) {
 }` })
   ] });
 }
-function Bt(e) {
+function $t(e) {
   return /* @__PURE__ */ l(
     "section",
     {
@@ -1145,7 +1176,7 @@ function Bt(e) {
     }
   );
 }
-const Wt = {
+const Ft = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1181,7 +1212,7 @@ const Wt = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Nt = {
+}, Lt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1360,7 +1391,7 @@ const Wt = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((c, s) => c + s.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1388,13 +1419,13 @@ const Wt = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, At = {
+}, Ot = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Vt = {
+}, Dt = {
   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",
@@ -1414,17 +1445,17 @@ const Wt = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(r, c = 6e4) {
-        return new Promise((s, d) => {
-          const m = document.createElement("img");
-          let u = !1;
-          m.onload = () => {
-            u = !0, s(m);
-          }, m.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), d(h.error);
-          }), m.src = r, setTimeout(() => {
-            u || d(new Error("Image load timed out"));
-          }, c);
+      function n(r, s = 6e4) {
+        return new Promise((c, d) => {
+          const u = document.createElement("img");
+          let m = !1;
+          u.onload = () => {
+            m = !0, c(u);
+          }, u.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), d(p.error);
+          }), u.src = r, setTimeout(() => {
+            m || d(new Error("Image load timed out"));
+          }, s);
         });
       }
       function i(r) {
@@ -1435,8 +1466,8 @@ const Wt = {
         r.type.includes("svg") && e.set("noWebp", !0);
       }), o && (!a || a === 0.7041))
         return n(o).then((r) => {
-          const c = e.get("aspectRatio");
-          e.get("image") === o && (!c || c === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+          const s = e.get("aspectRatio");
+          e.get("image") === o && (!s || s === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
         });
     }
   }, {
@@ -1502,7 +1533,7 @@ const Wt = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, $t = {
+}, Ht = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1541,7 +1572,7 @@ const Wt = {
       }
     }
   }]
-}, Ft = {
+}, _t = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1555,10 +1586,11 @@ const Wt = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: !0
+    builderContext: !0,
+    builderComponents: !0
   }
 };
-function Lt(e) {
+function Ut(e) {
   var t, n, i;
   return /* @__PURE__ */ l(
     "div",
@@ -1575,13 +1607,14 @@ function Lt(e) {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
           context: e.builderContext,
+          registeredComponents: e.builderComponents,
           blocks: (i = e.builderContext.rootState) == null ? void 0 : i[e.name]
         }
       )
     }
   );
 }
-const Ot = {
+const jt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1620,7 +1653,7 @@ const Ot = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Dt = {
+}, Mt = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -1643,27 +1676,27 @@ const Ot = {
     textAlign: "center"
   }
 };
-function jt(e) {
+function Kt(e) {
   return /* @__PURE__ */ l(
     "div",
     {
       className: "builder-text",
       dangerouslySetInnerHTML: { __html: function() {
-        var s;
+        var c;
         const i = e.builderContext, {
           context: o,
           localState: a,
           rootState: r,
-          rootSetState: c
+          rootSetState: s
         } = i;
-        return String(((s = e.text) == null ? void 0 : s.toString()) || "").replace(
+        return String(((c = e.text) == null ? void 0 : c.toString()) || "").replace(
           /{{([^}]+)}}/g,
-          (d, m) => O({
-            code: m,
+          (d, u) => D({
+            code: u,
             context: o,
             localState: a,
             rootState: r,
-            rootSetState: c,
+            rootSetState: s,
             enableCache: !1
           })
         );
@@ -1674,7 +1707,7 @@ function jt(e) {
     }
   );
 }
-const Ht = {
+const zt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1697,21 +1730,21 @@ const Ht = {
     advanced: !0
   }]
 };
-function Mt(e) {
-  const t = ie(null), [n, i] = A(() => []), [o, a] = A(() => []);
+function qt(e) {
+  const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []);
   return R(() => {
-    var c;
-    if (!((c = t.current) != null && c.getElementsByTagName) || typeof window == "undefined")
+    var s;
+    if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
       return;
     const r = t.current.getElementsByTagName("script");
-    for (let s = 0; s < r.length; s++) {
-      const d = r[s];
+    for (let c = 0; c < r.length; c++) {
+      const d = r[c];
       if (d.src) {
         if (n.includes(d.src))
           continue;
         n.push(d.src);
-        const m = document.createElement("script");
-        m.async = !0, m.src = d.src, document.head.appendChild(m);
+        const u = document.createElement("script");
+        u.async = !0, u.src = d.src, document.head.appendChild(u);
       } else if (!d.type || [
         "text/javascript",
         "application/javascript",
@@ -1721,8 +1754,8 @@ function Mt(e) {
           continue;
         try {
           o.push(d.innerText), new Function(d.innerText)();
-        } catch (m) {
-          console.warn("`CustomCode`: Error running script:", m);
+        } catch (u) {
+          console.warn("`CustomCode`: Error running script:", u);
         }
       }
     }
@@ -1735,7 +1768,7 @@ function Mt(e) {
     }
   );
 }
-const Ut = {
+const Yt = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1750,29 +1783,29 @@ const Ut = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
-function zt(e) {
-  const t = ie(null), [n, i] = A(() => []), [o, a] = A(() => []), [r, c] = A(() => !1);
-  function s() {
+}, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Qt = (e) => Jt.includes(e.type);
+function Gt(e) {
+  const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, s] = N(() => !1);
+  function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
     const d = t.current.getElementsByTagName("script");
-    for (let m = 0; m < d.length; m++) {
-      const u = d[m];
-      if (u.src && !n.includes(u.src)) {
-        n.push(u.src);
-        const h = document.createElement("script");
-        h.async = !0, h.src = u.src, document.head.appendChild(h);
-      } else if (Kt(u) && !o.includes(u.innerText))
+    for (let u = 0; u < d.length; u++) {
+      const m = d[u];
+      if (m.src && !n.includes(m.src)) {
+        n.push(m.src);
+        const p = document.createElement("script");
+        p.async = !0, p.src = m.src, document.head.appendChild(p);
+      } else if (Qt(m) && !o.includes(m.innerText))
         try {
-          o.push(u.innerText), new Function(u.innerText)();
-        } catch (h) {
-          console.warn("`Embed`: Error running script:", h);
+          o.push(m.innerText), new Function(m.innerText)();
+        } catch (p) {
+          console.warn("`Embed`: Error running script:", p);
         }
     }
   }
   return R(() => {
-    t.current && !r && (c(!0), s());
+    t.current && !r && (s(!0), c());
   }, [t.current, r]), /* @__PURE__ */ l(
     "div",
     {
@@ -1782,7 +1815,7 @@ function zt(e) {
     }
   );
 }
-const qt = {
+const Xt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1797,7 +1830,7 @@ const qt = {
   noWrap: !0,
   static: !0
 };
-function Yt(e) {
+function Zt(e) {
   return /* @__PURE__ */ l(
     "img",
     {
@@ -1812,7 +1845,7 @@ function Yt(e) {
     V() && e.imgSrc || "default-key"
   );
 }
-const Jt = {
+const en = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1897,8 +1930,8 @@ const Jt = {
     builderBlock: !0
   }
 };
-function Qt(e) {
-  var i, o, a, r, c, s, d;
+function tn(e) {
+  var i, o, a, r, s, c, d;
   function t() {
     return {
       ...e.autoPlay === !0 ? {
@@ -1923,7 +1956,7 @@ function Qt(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ P(
     "div",
     {
       style: {
@@ -1966,7 +1999,7 @@ function Qt(e) {
             }
           }
         ) : null,
-        (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(
+        (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -1977,7 +2010,7 @@ function Qt(e) {
             children: e.children
           }
         ) : null,
-        (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
+        (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -1998,43 +2031,43 @@ function Qt(e) {
     }
   );
 }
-const Gt = () => [{
-  component: Mt,
-  ...Ht
+const nn = () => [{
+  component: qt,
+  ...zt
 }, {
-  component: zt,
-  ...Ut
+  component: Gt,
+  ...Yt
 }, {
-  component: Yt,
-  ...qt
+  component: Zt,
+  ...Xt
 }, {
-  component: Qt,
-  ...Jt
-}], ye = () => [{
-  component: Ye,
-  ...Wt
+  component: tn,
+  ...en
+}], pe = () => [{
+  component: Je,
+  ...Ft
 }, {
-  component: It,
-  ...Nt
+  component: Bt,
+  ...Lt
 }, {
-  component: Tt,
-  ...At
+  component: Wt,
+  ...Ot
 }, {
-  component: Pt,
-  ...Vt
+  component: Vt,
+  ...Dt
 }, {
-  component: Bt,
-  ...$t
+  component: $t,
+  ...Ht
 }, {
-  component: Lt,
-  ...Ft
+  component: Ut,
+  ..._t
 }, {
-  component: Rn,
-  ...Ot
+  component: An,
+  ...jt
 }, {
-  component: jt,
-  ...Dt
-}, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Kt,
+  ...Mt
+}, ...nn()], on = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2090,7 +2123,7 @@ const Gt = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, an = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2124,26 +2157,26 @@ const Gt = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Pe = "builderIoAbTest", Be = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), en = ({
+})), rn = ({
   canTrack: e,
   content: t
-}) => !(!(K(t).length > 0) || !e || L()), tn = (e) => e === "react" || e === "reactNative", We = tn(D), nn = () => `
-  window.${Pe} = ${Xt}
-  window.${Be} = ${Zt}
-  `, on = (e, t) => `
-  window.${Pe}(
-    "${t}",${JSON.stringify(e)}, ${We}
-  )`, an = ({
+}) => !(!(K(t).length > 0) || !e || O()), cn = (e) => e === "react" || e === "reactNative", Ne = cn($), ln = () => `
+  window.${We} = ${on}
+  window.${Ae} = ${an}
+  `, sn = (e, t) => `
+  window.${We}(
+    "${t}",${JSON.stringify(e)}, ${Ne}
+  )`, dn = ({
   contentId: e,
   variationId: t
-}) => `window.${Be}(
-    "${t}", "${e}", ${We}
+}) => `window.${Ae}(
+    "${t}", "${e}", ${Ne}
   )`;
-function ne(e) {
+function ie(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -2153,7 +2186,7 @@ function ne(e) {
     }
   );
 }
-const rn = _e({
+const un = Ke({
   content: null,
   context: {},
   localState: void 0,
@@ -2168,10 +2201,10 @@ const rn = _e({
   BlocksWrapperProps: {},
   nonce: ""
 });
-function xe(e) {
+function ve(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const cn = (e, t, n = !0) => {
+const mn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -2182,28 +2215,28 @@ const cn = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ln = (e) => cn(e, (t) => {
+}, fn = (e) => mn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Se = ({
+}), xe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = xe(i / n.width), r = xe(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ve(i / n.width), r = ve(o / n.height);
   return {
     x: a,
     y: r
   };
-}, sn = (e) => {
-  const t = e.target, n = t && ln(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, hn = (e) => {
+  const t = e.target, n = t && fn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Se({
+      targetOffset: t ? xe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Se({
+      builderTargetOffset: n ? xe({
         event: e,
         target: n
       }) : void 0,
@@ -2211,13 +2244,13 @@ const cn = (e, t, n = !0) => {
     }
   };
 };
-async function dn({
+async function gn({
   key: e,
   value: t
 }) {
-  return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
+  return Oe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function ve(e, ...t) {
+function Se(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2227,37 +2260,37 @@ function ve(e, ...t) {
   }
   return n;
 }
-function un(e) {
+function bn(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function mn(e, t) {
-  const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
-  for (const c of r)
-    for (const s of n)
-      s in c || (c[s] = i[s]);
+function yn(e, t) {
+  const n = pn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
+  for (const s of r)
+    for (const c of n)
+      c in s || (s[c] = i[c]);
 }
-function fn(e) {
+function pn(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function hn(e) {
+function vn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    un(e.elementId || e.id || "");
+    bn(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ve(n.style, e.steps[1].styles), setTimeout(() => {
+    yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Se(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Se(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-const gn = (e) => {
+const xn = (e) => {
   var a, r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
   let o = "";
@@ -2269,29 +2302,29 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const c in e.files) {
-      if (!(String(Number(c)) === c))
+    for (const s in e.files) {
+      if (!(String(Number(s)) === s))
         continue;
-      const d = e.files[c];
+      const d = e.files[s];
       d && d !== i && (o += `
 @font-face {
 font-family: "${t}";
 src: url('${d}') format('woff2');
 font-display: fallback;
-font-weight: ${c};
+font-weight: ${s};
 }
         `.trim());
     }
   return o;
-}, bn = ({
+}, Sn = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => gn(n))) == null ? void 0 : t.join(" ")) || "";
-}, yn = ({
+  return ((t = e == null ? void 0 : e.map((n) => xn(n))) == null ? void 0 : t.join(" ")) || "";
+}, kn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xn = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Cn = `
 .builder-button {
   all: unset;
 }
@@ -2308,38 +2341,38 @@ font-weight: ${c};
   text-align: inherit;
   font-family: inherit;
 }
-`, Sn = (e) => e ? "" : xn, vn = (e) => `variant-${e}`;
-function pn(e) {
-  var W, j, H, X, Z, se, de;
-  const t = ie(null);
+`, wn = (e) => e ? "" : Cn, In = (e) => `variant-${e}`;
+function Tn(e) {
+  var W, H, _, X, Z, se, de;
+  const t = J(null);
   function n(g) {
-    var S, v;
-    const f = {
+    var x, k;
+    const h = {
       ...e.builderContextSignal.rootState,
       ...g
     };
-    e.builderContextSignal.rootSetState ? (v = (S = e.builderContextSignal).rootSetState) == null || v.call(S, f) : e.builderContextSignal.rootState = f;
+    e.builderContextSignal.rootSetState ? (k = (x = e.builderContextSignal).rootSetState) == null || k.call(x, h) : e.builderContextSignal.rootState = h;
   }
   function i(g) {
-    var S, v, k, B, U;
-    const f = {
+    var x, k, I, B, j;
+    const h = {
       ...e.builderContextSignal.content,
       ...g,
       data: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
         ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
+        ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
         ...g == null ? void 0 : g.meta,
-        breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((U = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : U.breakpoints)
+        breakpoints: ((I = g == null ? void 0 : g.meta) == null ? void 0 : I.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
       }
     };
-    dn({
-      value: f,
-      key: f.id
+    gn({
+      value: h,
+      key: h.id
     }).then(() => {
-      T.refresh();
+      E.refresh();
     });
   }
   function o() {
@@ -2348,36 +2381,36 @@ function pn(e) {
       "aria-hidden": !0
     };
   }
-  const [a, r] = A(
+  const [a, r] = N(
     () => e.contentWrapper || "div"
   );
-  function c(g) {
-    return Oe({
+  function s(g) {
+    return De({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (f) => {
-          var k;
-          const { breakpoints: S, contentId: v } = f;
-          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || S && i({
+        configureSdk: (h) => {
+          var I;
+          const { breakpoints: x, contentId: k } = h;
+          !k || k !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || x && i({
             meta: {
-              breakpoints: S
+              breakpoints: x
             }
           });
         },
-        animation: (f) => {
-          hn(f);
+        animation: (h) => {
+          vn(h);
         },
-        contentUpdate: (f) => {
-          i(f);
+        contentUpdate: (h) => {
+          i(h);
         }
       }
     })(g);
   }
-  function s() {
-    var f, S;
-    const g = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.jsCode;
-    g && O({
+  function c() {
+    var h, x;
+    const g = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
+    g && D({
       code: g,
       context: e.context || {},
       localState: void 0,
@@ -2389,35 +2422,35 @@ function pn(e) {
       enableCache: !1
     });
   }
-  const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [w, I] = A(() => !1);
-  function b(g) {
-    var f, S;
+  const [d, u] = N(() => ({})), [m, p] = N(() => ({})), [v, S] = N(() => !1);
+  function f(g) {
+    var h, x;
     if (e.builderContextSignal.content) {
-      const v = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       ue({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: k,
+        contentId: I,
         apiKey: e.apiKey,
-        variationId: v !== k ? v : void 0,
-        ...sn(g),
-        unique: !w
+        variationId: k !== I ? k : void 0,
+        ...hn(g),
+        unique: !v
       });
     }
-    w || I(!0);
+    v || S(!0);
   }
-  function P() {
-    var f, S, v;
-    const g = (v = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.httpRequests) != null ? v : {};
-    Object.entries(g).forEach(([k, B]) => {
-      if (!B || u[k] || d[k] && !V())
+  function C() {
+    var h, x, k;
+    const g = (k = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) != null ? k : {};
+    Object.entries(g).forEach(([I, B]) => {
+      if (!B || m[I] || d[I] && !V())
         return;
-      u[k] = !0;
-      const U = B.replace(
+      m[I] = !0;
+      const j = B.replace(
         /{{([^}]+)}}/g,
-        ($, Ne) => String(
-          O({
-            code: Ne,
+        (F, Ve) => String(
+          D({
+            code: Ve,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -2426,18 +2459,18 @@ function pn(e) {
           })
         )
       );
-      De(U).then(($) => $.json()).then(($) => {
+      He(j).then((F) => F.json()).then((F) => {
         n({
-          [k]: $
-        }), d[k] = !0;
-      }).catch(($) => {
-        console.error("error fetching dynamic data", B, $);
+          [I]: F
+        }), d[I] = !0;
+      }).catch((F) => {
+        console.error("error fetching dynamic data", B, F);
       }).finally(() => {
-        u[k] = !1;
+        m[I] = !1;
       });
     });
   }
-  function x() {
+  function b() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2453,7 +2486,7 @@ function pn(e) {
     );
   }
   function y(g) {
-    window.addEventListener("message", c), je(), He({
+    window.addEventListener("message", s), _e(), Ue({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2465,20 +2498,20 @@ function pn(e) {
       } : {}
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((f) => {
-      var v;
-      const S = Me(f);
-      (v = window.parent) == null || v.postMessage(S, "*");
+    ).forEach((h) => {
+      var k;
+      const x = je(h);
+      (k = window.parent) == null || k.postMessage(x, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      x
+      b
     );
   }
-  function p(g) {
-    const f = new URL(location.href).searchParams, S = f.get("builder.preview"), v = f.get(
-      `builder.overrides.${S}`
-    ), k = f.get("apiKey") || f.get("builder.space");
-    S === e.model && k === e.apiKey && (!e.content || v === e.content.id) && ke({
+  function w(g) {
+    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), k = h.get(
+      `builder.overrides.${x}`
+    ), I = h.get("apiKey") || h.get("builder.space");
+    x === e.model && I === e.apiKey && (!e.content || k === e.content.id) && we({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
@@ -2486,15 +2519,15 @@ function pn(e) {
       B && i(B);
     });
   }
-  const T = Ke();
+  const E = ze();
   return R(() => {
     var g;
     return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
       y
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var h;
+      return (h = t.current) == null ? void 0 : h.removeEventListener(
         "initeditingbldr",
         y
       );
@@ -2503,40 +2536,40 @@ function pn(e) {
     var g;
     return (g = t.current) == null || g.addEventListener(
       "initpreviewingbldr",
-      p
+      w
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var h;
+      return (h = t.current) == null ? void 0 : h.removeEventListener(
         "initpreviewingbldr",
-        p
+        w
       );
     };
   }, []), R(() => {
-    var g, f;
-    if (L()) {
+    var g, h;
+    if (O()) {
       if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const v = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
+        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, I = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
         ue({
           type: "impression",
           canTrack: !0,
-          contentId: k,
+          contentId: I,
           apiKey: B,
-          variationId: v !== k ? v : void 0
+          variationId: k !== I ? k : void 0
         });
       }
-      Le() && V();
+      Ce() && V();
     }
   }, []), R(() => {
-    e.apiKey || J.error(
+    e.apiKey || Y.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), s(), P(), x();
+    ), c(), C(), b();
   }, []), R(() => {
   }, [e.content]), R(() => {
-    s();
-  }, [(j = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : j.jsCode]), R(() => {
-    P();
-  }, [(X = (H = e.builderContextSignal.content) == null ? void 0 : H.data) == null ? void 0 : X.httpRequests]), R(() => {
-    x();
+    c();
+  }, [(H = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : H.jsCode]), R(() => {
+    C();
+  }, [(X = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : X.httpRequests]), R(() => {
+    b();
   }, [e.builderContextSignal.rootState]), R(() => {
     e.data && n(e.data);
   }, [e.data]), R(() => {
@@ -2544,36 +2577,36 @@ function pn(e) {
       locale: e.locale
     });
   }, [e.locale]), R(() => () => {
-    L() && (window.removeEventListener("message", c), window.removeEventListener(
+    O() && (window.removeEventListener("message", s), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      x
+      b
     ));
-  }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ l(un.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
     {
       ref: t,
-      onClick: (g) => b(g),
+      onClick: (g) => f(g),
       "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: vn(
+      className: In(
         ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function kn(e) {
+function Rn(e) {
   const t = `
-${yn({
+${kn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${bn({
+${Sn({
     customFonts: e.customFonts
   })}
-${Sn(e.isNestedRender)}
+${wn(e.isNestedRender)}
 `.trim();
   return /* @__PURE__ */ l(
     Q,
@@ -2584,15 +2617,15 @@ ${Sn(e.isNestedRender)}
     }
   );
 }
-const Cn = ({
+const En = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var a, r, c;
+  var a, r, s;
   const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (c = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || c.forEach((s) => {
-    s.name && s.defaultValue !== void 0 && (i[s.name] = s.defaultValue);
+  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
   }), {
     ...i,
     ...o,
@@ -2601,7 +2634,7 @@ const Cn = ({
       locale: n
     } : {}
   };
-}, wn = ({
+}, Pn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2612,32 +2645,32 @@ const Cn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function pe(e) {
-  var o, a, r, c, s, d, m, u, h, w, I;
-  const t = an({
+function ke(e) {
+  var o, a, r, s, c, d, u, m, p, v, S;
+  const t = dn({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (o = e.content) == null ? void 0 : o.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     contentId: (a = e.content) == null ? void 0 : a.id
   }), n = [
-    ...ye(),
-    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
+    ...pe(),
+    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
   ].reduce(
-    (b, { component: P, ...x }) => ({
-      ...b,
-      [x.name]: {
-        component: P,
-        ...me(x)
+    (f, { component: C, ...b }) => ({
+      ...f,
+      [b.name]: {
+        component: C,
+        ...me(b)
       }
     }),
     {}
   ), i = {
-    content: wn({
+    content: Pn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Cn({
+    rootState: En({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2648,12 +2681,12 @@ function pe(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...ye(),
-      ...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
+      ...pe(),
+      ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
     ].reduce(
-      (b, { component: P, ...x }) => ({
-        ...b,
-        [x.name]: me(x)
+      (f, { component: C, ...b }) => ({
+        ...f,
+        [b.name]: me(b)
       }),
       {}
     ),
@@ -2662,8 +2695,8 @@ function pe(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || ""
   };
-  return /* @__PURE__ */ E(
-    pn,
+  return /* @__PURE__ */ P(
+    Tn,
     {
       nonce: e.nonce,
       content: e.content,
@@ -2681,7 +2714,7 @@ function pe(e) {
       trustedHosts: e.trustedHosts,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ l(
-          ne,
+          ie,
           {
             id: "builderio-variant-visibility",
             scriptStr: t,
@@ -2689,19 +2722,19 @@ function pe(e) {
           }
         ) : null,
         /* @__PURE__ */ l(
-          kn,
+          Rn,
           {
             nonce: e.nonce || "",
             isNestedRender: e.isNestedRender,
-            contentId: (s = i.content) == null ? void 0 : s.id,
-            cssCode: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
-            customFonts: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
+            contentId: (c = i.content) == null ? void 0 : c.id,
+            cssCode: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
+            customFonts: (p = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : p.customFonts
           }
         ),
         /* @__PURE__ */ l(
           le,
           {
-            blocks: (I = (w = i.content) == null ? void 0 : w.data) == null ? void 0 : I.blocks,
+            blocks: (S = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : S.blocks,
             context: i,
             registeredComponents: n,
             linkComponent: e.linkComponent
@@ -2711,42 +2744,42 @@ function pe(e) {
     }
   );
 }
-function In(e) {
+function Bn(e) {
   var a;
-  const t = en({
+  const t = rn({
     canTrack: q(e.canTrack),
     content: e.content
   }), n = function() {
-    var c;
-    return on(
-      K(e.content).map((s) => ({
-        id: s.testVariationId,
-        testRatio: s.testRatio
+    var s;
+    return sn(
+      K(e.content).map((c) => ({
+        id: c.testVariationId,
+        testRatio: c.testRatio
       })),
-      ((c = e.content) == null ? void 0 : c.id) || ""
+      ((s = e.content) == null ? void 0 : s.id) || ""
     );
   }, i = function() {
-    return K(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
+    return K(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
   }, o = function() {
-    var c;
+    var s;
     return t ? {
       ...e.content,
-      testVariationId: (c = e.content) == null ? void 0 : c.id
-    } : Ue({
+      testVariationId: (s = e.content) == null ? void 0 : s.id
+    } : Me({
       item: e.content,
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ E(C, { children: [
-    !e.isNestedRender && D !== "reactNative" ? /* @__PURE__ */ l(
-      ne,
+  return /* @__PURE__ */ P(T, { children: [
+    !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
+      ie,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: nn(),
+        scriptStr: ln(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ E(C, { children: [
+    t ? /* @__PURE__ */ P(T, { children: [
       /* @__PURE__ */ l(
         Q,
         {
@@ -2756,7 +2789,7 @@ function In(e) {
         }
       ),
       /* @__PURE__ */ l(
-        ne,
+        ie,
         {
           id: "builderio-variants-visibility",
           scriptStr: n(),
@@ -2764,7 +2797,7 @@ function In(e) {
         }
       ),
       (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
-        pe,
+        ke,
         {
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
@@ -2791,7 +2824,7 @@ function In(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      pe,
+      ke,
       {
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
@@ -2817,13 +2850,13 @@ function In(e) {
     )
   ] });
 }
-const Tn = async ({
+const Wn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return ke({
+    return we({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2833,29 +2866,29 @@ const Tn = async ({
         }
       }
     }).catch((n) => {
-      J.error("Could not fetch symbol content: ", n);
+      Y.error("Could not fetch symbol content: ", n);
     });
 };
-async function Rn(e) {
-  var a, r, c, s, d;
+async function An(e) {
+  var a, r, s, c, d;
   const t = function() {
     return "div";
   }, n = function() {
     return "div";
   }, i = function() {
-    var u, h;
+    var m, p;
     return [
-      e.attributes[M()],
+      e.attributes[U()],
       "builder-symbol",
-      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
-      (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
+      (p = e.symbol) != null && p.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
+  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Wn({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ l(
-    In,
+    Bn,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -2867,9 +2900,9 @@ async function Rn(e) {
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(c = e.symbol) == null ? void 0 : c.data,
+        ...(s = e.symbol) == null ? void 0 : s.data,
         ...e.builderContext.localState,
-        ...(s = o == null ? void 0 : o.data) == null ? void 0 : s.state
+        ...(c = o == null ? void 0 : o.data) == null ? void 0 : c.state
       },
       canTrack: e.builderContext.canTrack,
       model: (d = e.symbol) == null ? void 0 : d.model,
@@ -2882,14 +2915,14 @@ async function Rn(e) {
 }
 export {
   le as Blocks,
-  rn as BuilderContext,
-  Ye as Button,
-  It as Columns,
-  In as Content,
-  Tt as Fragment,
-  Pt as Image,
-  Bt as Section,
-  Rn as Symbol,
-  jt as Text,
-  Qt as Video
+  un as BuilderContext,
+  Je as Button,
+  Bt as Columns,
+  Bn as Content,
+  Wt as Fragment,
+  Vt as Image,
+  $t as Section,
+  An as Symbol,
+  Kt as Text,
+  tn as Video
 };