@builder.io/sdk-react-nextjs 0.14.30-0 → 0.15.0

package/lib/node/blocks-exports.mjs

@@ -1,19 +1,19 @@
 "use client";
-var Ne = Object.defineProperty;
-var Ae = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as c, Fragment as C, jsxs as E } from "react/jsx-runtime";
-import { TARGET as B, checkIsDefined as K, logger as J, isBrowser as z, fastClone as ie, isEditing as $, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as je, setupBrowserForEditing as De, createRegisterComponentMessage as Oe, fetchOneEntry as ve, serializeComponentInfo as me, handleABTestingSync as _e } from "./server-entry-00baa89f.js";
-import { getFunctionArguments as He, runInNode as Ue, parseCode as Me, getBuilderGlobals as Ke, set as ze } from "./node-runtime-8d503570.js";
-import { useRef as oe, useState as A, useEffect as T, createContext as qe } from "react";
-import { useRouter as Ye } from "next/navigation";
+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 te = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as c, Fragment as C, jsxs as P } from "react/jsx-runtime";
+import { TARGET as _, checkIsDefined as K, logger as J, isBrowser as z, fastClone as oe, isEditing as V, init as $e, getDefaultCanTrack as q, _track as me, isPreviewing as Le, createEditorListener as Fe, fetch as je, registerInsertMenu as De, setupBrowserForEditing as Oe, createRegisterComponentMessage as _e, fetchOneEntry as Se, serializeComponentInfo as fe, handleABTestingSync as He } from "./server-entry-9e9936de.js";
+import { getFunctionArguments as Ue, runInNode as Me, parseCode as Ke, getBuilderGlobals as ze, set as qe } from "./node-runtime-f2f9d7b3.js";
+import { useRef as ae, useState as N, useEffect as T, createContext as Ye } from "react";
+import { useRouter as Je } from "next/navigation";
 import "lru-cache";
-const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
-function ae(e) {
-  return /* @__PURE__ */ c(C, { children: Qe(e.TagName) ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ge = (e) => typeof e == "string" && Qe.has(e.toLowerCase());
+function re(e) {
+  return /* @__PURE__ */ c(C, { children: Ge(e.TagName) ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const O = () => {
-  switch (B) {
+const D = () => {
+  switch (_) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -26,11 +26,11 @@ const O = () => {
       return "class";
   }
 };
-function Ge(e) {
+function Xe(e) {
   function t() {
     return {
       ...e.attributes,
-      [O()]: `${e.link ? "" : "builder-button"} ${e.attributes[O()] || ""}`,
+      [D()]: `${e.link ? "" : "builder-button"} ${e.attributes[D()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -41,7 +41,7 @@ function Ge(e) {
     };
   }
   return /* @__PURE__ */ c(
-    ae,
+    re,
     {
       attributes: t(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -50,14 +50,14 @@ function Ge(e) {
     }
   );
 }
-function Xe(e) {
+function Ze(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-const Ze = ({
+const et = ({
   code: e,
   builder: t,
   context: n,
@@ -66,11 +66,11 @@ const Ze = ({
   rootSetState: a,
   rootState: l
 }) => {
-  const r = He({
+  const r = Ue({
     builder: t,
     context: n,
     event: i,
-    state: ke({
+    state: Ce({
       rootState: l,
       localState: o,
       rootSetState: a
@@ -78,7 +78,7 @@ const Ze = ({
   });
   return new Function(...r.map(([s]) => s), e)(...r.map(([, s]) => s));
 };
-function ke({
+function Ce({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -88,7 +88,7 @@ function ke({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? ke({
+      return typeof a == "object" && a !== null ? Ce({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (l) => {
@@ -103,17 +103,17 @@ function ke({
     }
   });
 }
-function et() {
+function tt() {
   var e;
   return typeof process != "undefined" && K((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const tt = () => {
+const nt = () => {
   var i;
-  if (!et())
+  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;
-}, nt = (e) => z() || tt() ? Ze(e) : Ue(e), N = class N {
+}, it = (e) => z() || nt() ? et(e) : Me(e), W = class W {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -123,17 +123,17 @@ const tt = () => {
     });
   }
   static getCachedValue(t) {
-    return N.cache.get(t);
+    return W.cache.get(t);
   }
   static setCachedValue(t, n) {
-    N.cache.size > 20 && N.cache.delete(N.cache.keys().next().value), N.cache.set(t, {
+    W.cache.size > 20 && W.cache.delete(W.cache.keys().next().value), W.cache.set(t, {
       value: n
     });
   }
 };
-ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
-let L = N;
-function _({
+te(W, "cacheLimit", 20), te(W, "cache", /* @__PURE__ */ new Map());
+let L = W;
+function O({
   code: e,
   context: t,
   localState: n,
@@ -146,10 +146,10 @@ function _({
   if (e === "")
     return;
   const s = {
-    code: Me(e, {
+    code: Ke(e, {
       isExpression: l
     }),
-    builder: Ke(),
+    builder: ze(),
     context: t,
     event: a,
     rootSetState: o,
@@ -162,7 +162,7 @@ function _({
       return m.value;
   }
   try {
-    const d = nt(s);
+    const d = it(s);
     if (r) {
       const m = L.getCacheKey(s);
       L.setCachedValue(m, d);
@@ -175,7 +175,7 @@ function _({
     return;
   }
 }
-const it = ({
+const ot = ({
   block: e,
   context: t,
   localState: n,
@@ -184,7 +184,7 @@ const it = ({
 }) => {
   if (!e.bindings)
     return e;
-  const a = ie(e), l = {
+  const a = oe(e), l = {
     ...a,
     properties: {
       ...a.properties
@@ -194,7 +194,7 @@ const it = ({
     }
   };
   for (const r in e.bindings) {
-    const s = e.bindings[r], d = _({
+    const s = e.bindings[r], d = O({
       code: s,
       localState: n,
       rootState: i,
@@ -202,7 +202,7 @@ const it = ({
       context: t,
       enableCache: !0
     });
-    ze(l, r, d);
+    qe(l, r, d);
   }
   return l;
 };
@@ -215,7 +215,7 @@ function Y({
   rootSetState: a
 }) {
   const l = e;
-  return n ? it({
+  return n ? ot({
     block: l,
     localState: i,
     rootState: o,
@@ -223,42 +223,42 @@ function Y({
     context: t
   }) : l;
 }
-const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ce = (e) => Object.entries(e).map(([n, i]) => {
+const le = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ie = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
-    return `${re(n)}: ${i};`;
-}).filter(K), ot = (e) => Ce(e).join(`
+    return `${le(n)}: ${i};`;
+}).filter(K), at = (e) => Ie(e).join(`
 `), U = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${ot(n)}
+    ${at(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function at({
+function rt({
   style: e
 }) {
   return e;
 }
-const rt = ({
+const lt = ({
   block: e,
   context: t
-}) => Ie(at({
+}) => we(rt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ie(e) {
-  switch (B) {
+function we(e) {
+  switch (_) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Ce(e).join(" ");
+      return Ie(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -266,7 +266,7 @@ function Ie(e) {
       return e;
   }
 }
-const lt = ({
+const ct = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -288,7 +288,7 @@ const lt = ({
   console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, ct = ({
+}, st = ({
   block: e,
   context: t
 }) => {
@@ -298,7 +298,7 @@ const lt = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = _({
+  const o = O({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -322,15 +322,23 @@ const lt = ({
     },
     block: i
   }));
-}, st = (e, t) => e && (e.isRSC && B === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+}, Q = (e) => ({
+  // once we bump to a major version, toggle this to `false`.
+  builderBlock: !0,
+  // once we bump to a major version, toggle this to `false`.
+  builderContext: !0,
+  builderComponents: !1,
+  builderLinkComponent: !1,
+  ...e
+}), dt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderLinkComponent ? {
   builderLinkComponent: t
-} : {}, dt = (e, t) => e && (e.isRSC && B === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+} : {} : {}, ut = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderComponents ? {
   builderComponents: t
-} : {}, ut = (e, t) => e && (e.isRSC && B === "rsc" || B === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
+} : {} : {}, mt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderBlock ? {
   builderBlock: t
-} : {}, mt = (e, t) => e && (e.isRSC && B === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
+} : {} : {}, ft = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderContext ? {
   builderContext: t
-} : {}, we = {
+} : {} : {}, Te = {
   small: {
     min: 320,
     default: 321,
@@ -346,11 +354,11 @@ const lt = ({
     default: 991,
     max: 1200
   }
-}, fe = (e, t = we) => `@media (max-width: ${t[e].max}px)`, Te = ({
+}, he = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
   small: e,
   medium: t
 }) => {
-  const n = ie(we);
+  const n = oe(Te);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -373,7 +381,7 @@ const lt = ({
     default: a + 1
   }, n;
 };
-function Q(e) {
+function G(e) {
   return /* @__PURE__ */ c(
     "style",
     {
@@ -382,7 +390,7 @@ function Q(e) {
     }
   );
 }
-function ft(e) {
+function ht(e) {
   const t = function() {
     const o = Y({
       block: e.block,
@@ -394,7 +402,7 @@ function ft(e) {
     });
     return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
   }, n = function() {
-    var x, b, I;
+    var x, g, I;
     const o = Y({
       block: e.block,
       localState: e.context.localState,
@@ -402,7 +410,7 @@ function ft(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), a = o.responsiveStyles, l = e.context.content, r = Te(
+    }), a = o.responsiveStyles, l = e.context.content, r = Re(
       ((x = l == null ? void 0 : l.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)
@@ -410,48 +418,48 @@ function ft(e) {
     const h = s ? U({
       className: u,
       styles: s
-    }) : "", v = d ? U({
+    }) : "", k = d ? U({
       className: u,
       styles: d,
-      mediaQuery: fe(
+      mediaQuery: he(
         "medium",
         r
       )
     }) : "", w = m ? U({
       className: u,
       styles: m,
-      mediaQuery: fe(
+      mediaQuery: he(
         "small",
         r
       )
-    }) : "", y = o.animations && o.animations.find((R) => R.trigger === "hover");
-    let V = "";
-    if (y) {
-      const R = ((I = (b = y.steps) == null ? void 0 : b[1]) == null ? void 0 : I.styles) || {};
-      V = U({
+    }) : "", p = o.animations && o.animations.find((R) => R.trigger === "hover");
+    let A = "";
+    if (p) {
+      const R = ((I = (g = p.steps) == null ? void 0 : g[1]) == null ? void 0 : I.styles) || {};
+      A = U({
         className: `${u}:hover`,
         styles: {
           ...R,
-          transition: `all ${y.duration}s ${re(
-            y.easing
+          transition: `all ${p.duration}s ${le(
+            p.easing
           )}`,
-          transitionDelay: y.delay ? `${y.delay}s` : "0s"
+          transitionDelay: p.delay ? `${p.delay}s` : "0s"
         }
       }) || "";
     }
     return [
       h,
-      v,
+      k,
       w,
-      V
+      A
     ].join(" ");
   };
-  return /* @__PURE__ */ c(C, { children: n() && t() ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(Q, { id: "builderio-block", styles: n() }) }) : null });
+  return /* @__PURE__ */ c(C, { children: n() && t() ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(G, { id: "builderio-block", styles: n() }) }) : null });
 }
-function ht(e) {
+function bt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => _({
+const gt = (e) => `on${bt(e)}`, pt = (e, t) => (n) => O({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -461,7 +469,7 @@ const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => _({
   isExpression: !1,
   enableCache: !0
 });
-function Re(e) {
+function Pe(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const o in n) {
@@ -470,7 +478,7 @@ function Re(e) {
     const a = n[o];
     let l = gt(o);
     if (e.stripPrefix)
-      switch (B) {
+      switch (_) {
         case "vue":
           l = l.replace("v-on:", "");
           break;
@@ -478,7 +486,7 @@ function Re(e) {
           l = l.replace("on:", "");
           break;
       }
-    t[l] = bt(a, e);
+    t[l] = pt(a, e);
   }
   return t;
 }
@@ -487,23 +495,23 @@ function yt({
 }) {
   return e;
 }
-const St = (e) => ({
+const vt = (e) => ({
   href: e.href
 });
-function le({
+function ce({
   block: e,
   context: t
 }) {
   var i;
   const n = {
-    ...St(e),
+    ...vt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: rt({
+    style: lt({
       block: e,
       context: t
     }),
-    [O()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [D()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return yt({
     properties: n,
@@ -511,16 +519,16 @@ function le({
     block: e
   });
 }
-function pt(e) {
+function xt(e) {
   return /* @__PURE__ */ c(
-    ae,
+    re,
     {
       TagName: e.Wrapper,
-      attributes: le({
+      attributes: ce({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Re({
+      actionAttributes: Pe({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -532,14 +540,14 @@ function pt(e) {
     }
   );
 }
-function xt(e) {
+function kt(e) {
   function t() {
     return e.includeBlockProps ? {
-      ...le({
+      ...ce({
         block: e.block,
         context: e.context
       }),
-      ...Re({
+      ...Pe({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -550,7 +558,7 @@ function xt(e) {
   }
   return /* @__PURE__ */ c(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const vt = ({
+const St = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -566,7 +574,7 @@ const vt = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...o ? {
-      attributes: le({
+      attributes: ce({
         block: t,
         context: l
       })
@@ -580,13 +588,13 @@ const vt = ({
     includeBlockProps: o
   } : r;
 };
-function he(e) {
+function be(e) {
   var n;
-  const t = e.isInteractive ? xt : e.componentRef;
+  const t = e.isInteractive ? kt : e.componentRef;
   return /* @__PURE__ */ c(C, { children: e.componentRef ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
     t,
     {
-      ...vt({
+      ...St({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -597,7 +605,7 @@ function he(e) {
         contextValue: e.context
       }),
       children: (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ c(
-        G,
+        X,
         {
           block: i,
           context: e.context,
@@ -609,10 +617,10 @@ function he(e) {
     }
   ) }) : null });
 }
-function kt(e) {
+function Ct(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ c(
-    G,
+    X,
     {
       block: e.block,
       context: t,
@@ -621,16 +629,16 @@ function kt(e) {
     }
   );
 }
-function G(e) {
+function X(e) {
   var s, d, m;
   const t = function() {
-    return lt({
+    return ct({
       block: e.block,
       context: e.context,
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return ct({
+    return st({
       block: e.block,
       context: e.context
     });
@@ -645,28 +653,28 @@ function G(e) {
       shouldEvaluateBindings: !0
     });
   }, o = function() {
-    var v;
-    return e.block.tagName === "a" || ((v = i().properties) == null ? void 0 : v.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var k;
+    return e.block.tagName === "a" || ((k = i().properties) == null ? void 0 : k.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, a = function() {
-    var w, y;
+    var w, p;
     if ((w = e.block.repeat) != null && w.collection)
-      return !!((y = n()) != null && y.length);
+      return !!((p = n()) != null && p.length);
     const h = "hide" in i() ? i().hide : !1;
     return ("show" in i() ? i().show : !0) && !h;
   }, l = function() {
-    var v, w;
-    return !((v = t()) != null && v.component) && !n() ? (w = i().children) != null ? w : [] : [];
+    var k, w;
+    return !((k = t()) != null && k.component) && !n() ? (w = i().children) != null ? w : [] : [];
   }, r = function() {
-    var h, v, w, y;
+    var h, k, w, p;
     return {
       blockChildren: (h = i().children) != null ? h : [],
-      componentRef: (v = t()) == null ? void 0 : v.component,
+      componentRef: (k = t()) == null ? void 0 : k.component,
       componentOptions: {
-        ...Xe(i()),
-        ...ut(t(), i()),
-        ...mt(t(), e.context),
-        ...st(t(), e.linkComponent),
-        ...dt(
+        ...Ze(i()),
+        ...mt(t(), i()),
+        ...ft(t(), e.context),
+        ...dt(t(), e.linkComponent),
+        ...ut(
           t(),
           e.registeredComponents
         )
@@ -676,13 +684,13 @@ function G(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
       includeBlockProps: ((w = t()) == null ? void 0 : w.noWrap) === !0,
-      isInteractive: !((y = t()) != null && y.isRSC)
+      isInteractive: !((p = t()) != null && p.isRSC)
     };
   };
-  return /* @__PURE__ */ c(C, { children: a() ? /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ c(ft, { block: e.block, context: e.context }),
+  return /* @__PURE__ */ c(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
+    /* @__PURE__ */ c(ht, { block: e.block, context: e.context }),
     (s = t()) != null && s.noWrap ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
-      he,
+      be,
       {
         componentRef: r().componentRef,
         componentOptions: r().componentOptions,
@@ -695,7 +703,7 @@ function G(e) {
         isInteractive: r().isInteractive
       }
     ) }) : /* @__PURE__ */ c(C, { children: n() ? /* @__PURE__ */ c(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ c(
-      kt,
+      Ct,
       {
         repeatContext: u.context,
         block: u.block,
@@ -703,15 +711,15 @@ function G(e) {
         linkComponent: e.linkComponent
       },
       h
-    )) }) : /* @__PURE__ */ E(
-      pt,
+    )) }) : /* @__PURE__ */ P(
+      xt,
       {
         Wrapper: o(),
         block: i(),
         context: e.context,
         children: [
           /* @__PURE__ */ c(
-            he,
+            be,
             {
               componentRef: r().componentRef,
               componentOptions: r().componentOptions,
@@ -725,7 +733,7 @@ function G(e) {
             }
           ),
           (d = l()) == null ? void 0 : d.map((u) => /* @__PURE__ */ c(
-            G,
+            X,
             {
               block: u,
               registeredComponents: e.registeredComponents,
@@ -739,14 +747,14 @@ function G(e) {
     ) })
   ] }) : null });
 }
-function Ct(e) {
+function It(e) {
   function t() {
     var o;
     return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
   }
   function n() {
     var o, a;
-    $() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
+    V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -759,7 +767,7 @@ function Ct(e) {
   }
   function i() {
     var o, a;
-    $() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
+    V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -770,7 +778,7 @@ function Ct(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ E(C, { children: [
+  return /* @__PURE__ */ P(C, { children: [
     /* @__PURE__ */ c(
       e.BlocksWrapper,
       {
@@ -792,10 +800,10 @@ function Ct(e) {
 }` })
   ] });
 }
-function ce(e) {
+function se(e) {
   var t, n, i;
   return /* @__PURE__ */ c(
-    Ct,
+    It,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -804,7 +812,7 @@ function ce(e) {
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ c(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ c(
-        G,
+        X,
         {
           block: o,
           linkComponent: e.linkComponent,
@@ -816,27 +824,27 @@ function ce(e) {
     }
   );
 }
-const It = (e) => `builder-columns ${e}-breakpoints`;
-function wt(e) {
-  var y, V;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(b) {
-    return b.link ? e.builderLinkComponent || "a" : "div";
-  }, a = function(b) {
+const wt = (e) => `builder-columns ${e}-breakpoints`;
+function Tt(e) {
+  var p, A;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(g) {
+    return g.link ? e.builderLinkComponent || "a" : "div";
+  }, a = function(g) {
     var I;
-    return ((I = n[b]) == null ? void 0 : I.width) || 100 / n.length;
-  }, l = function(b) {
+    return ((I = n[g]) == null ? void 0 : I.width) || 100 / n.length;
+  }, l = function(g) {
     const I = t * (n.length - 1) / n.length;
-    return `calc(${a(b)}% - ${I}px)`;
+    return `calc(${a(g)}% - ${I}px)`;
   }, r = function({
-    stackedStyle: b,
+    stackedStyle: g,
     desktopStyle: I
   }) {
-    return i === "tablet" ? b : I;
+    return i === "tablet" ? g : I;
   }, s = function({
-    stackedStyle: b,
+    stackedStyle: g,
     desktopStyle: I
   }) {
-    return i === "never" ? I : b;
+    return i === "never" ? I : g;
   }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": d,
@@ -845,8 +853,8 @@ function wt(e) {
         desktopStyle: "row"
       })
     };
-  }, u = function(b) {
-    const I = b === 0 ? 0 : t, R = l(b), W = `${I}px`, j = "100%", D = 0;
+  }, u = function(g) {
+    const I = g === 0 ? 0 : t, R = l(g), E = `${I}px`, F = "100%", j = 0;
     return {
       ...{
         display: "flex",
@@ -854,30 +862,30 @@ function wt(e) {
         alignItems: "stretch"
       },
       width: R,
-      ["marginLeft"]: W,
+      ["marginLeft"]: E,
       "--column-width-mobile": s({
-        stackedStyle: j,
+        stackedStyle: F,
         desktopStyle: R
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: D,
-        desktopStyle: W
+        stackedStyle: j,
+        desktopStyle: E
       }),
       "--column-width-tablet": r({
-        stackedStyle: j,
+        stackedStyle: F,
         desktopStyle: R
       }),
       "--column-margin-left-tablet": r({
-        stackedStyle: D,
-        desktopStyle: W
+        stackedStyle: j,
+        desktopStyle: E
       })
     };
-  }, h = function(b) {
-    var R, W;
-    return Te(
-      ((W = (R = e.builderContext.content) == null ? void 0 : R.meta) == null ? void 0 : W.breakpoints) || {}
-    )[b].max;
-  }, v = function() {
+  }, h = function(g) {
+    var R, E;
+    return Re(
+      ((E = (R = e.builderContext.content) == null ? void 0 : R.meta) == null ? void 0 : E.breakpoints) || {}
+    )[g].max;
+  }, k = function() {
     return `
         @media (max-width: ${h("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -903,33 +911,33 @@ function wt(e) {
           }
         },
       `;
-  }, w = function(b, I) {
+  }, w = function(g, I) {
     return {
-      ...b.link ? {
-        href: b.link
+      ...g.link ? {
+        href: g.link
       } : {},
-      [O()]: "builder-column",
-      style: Ie(u(I))
+      [D()]: "builder-column",
+      style: we(u(I))
     };
   };
-  return /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ E(
+  return /* @__PURE__ */ P(C, { children: [
+    /* @__PURE__ */ P(
       "div",
       {
-        className: It((y = e.builderBlock) == null ? void 0 : y.id) + " div-eeca3604",
+        className: wt((p = e.builderBlock) == null ? void 0 : p.id) + " div-eeca3604",
         style: m(),
         children: [
-          /* @__PURE__ */ c(Q, { id: "builderio-columns", styles: v() }),
-          (V = e.columns) == null ? void 0 : V.map((x, b) => /* @__PURE__ */ c(
-            ae,
+          /* @__PURE__ */ c(G, { id: "builderio-columns", styles: k() }),
+          (A = e.columns) == null ? void 0 : A.map((x, g) => /* @__PURE__ */ c(
+            re,
             {
               TagName: o(x),
               actionAttributes: {},
-              attributes: w(x, b),
+              attributes: w(x, g),
               children: /* @__PURE__ */ c(
-                ce,
+                se,
                 {
-                  path: `component.options.columns.${b}.blocks`,
+                  path: `component.options.columns.${g}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -941,7 +949,7 @@ function wt(e) {
                 }
               )
             },
-            b
+            g
           ))
         ]
       }
@@ -952,17 +960,17 @@ function wt(e) {
 }` })
   ] });
 }
-function Tt(e) {
+function Rt(e) {
   return /* @__PURE__ */ c("span", { children: e.children });
 }
 function ge(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Rt(e = "", t, n) {
+function Pt(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 Bt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -974,18 +982,18 @@ function Et(e, t) {
   }
   return null;
 }
-function te(e) {
+function ne(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   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) => `${Pt(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) => [Bt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function Pt(e) {
+function Et(e) {
   var o, a, l, r, s, d;
   function t() {
     var h;
@@ -996,10 +1004,10 @@ function Pt(e) {
       return e.srcset;
     if (e.srcset && ((h = e.image) != null && h.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"), ne(u);
     } else if (e.image && !e.srcset)
-      return te(u);
-    return te(u);
+      return ne(u);
+    return ne(u);
   }
   function n() {
     var m;
@@ -1015,9 +1023,9 @@ function Pt(e) {
     };
     return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ E(C, { children: [
-      /* @__PURE__ */ E("picture", { children: [
+  return /* @__PURE__ */ P(C, { children: [
+    /* @__PURE__ */ P(C, { children: [
+      /* @__PURE__ */ P("picture", { children: [
         n() ? /* @__PURE__ */ c("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ c(
           "img",
@@ -1069,7 +1077,7 @@ function Pt(e) {
 }` })
   ] });
 }
-function Bt(e) {
+function Wt(e) {
   return /* @__PURE__ */ c(
     "section",
     {
@@ -1090,7 +1098,7 @@ function Bt(e) {
     }
   );
 }
-const Wt = {
+const Nt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1122,8 +1130,14 @@ const Wt = {
     friendlyName: "Open link in new tab"
   }],
   static: !0,
-  noWrap: !0
-}, Nt = {
+  noWrap: !0,
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !0
+  }
+}, At = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1323,14 +1337,26 @@ const Wt = {
     defaultValue: !1,
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
-  }]
-}, At = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Vt = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Vt = {
+}, $t = {
   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",
@@ -1434,8 +1460,20 @@ const Wt = {
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: !0,
     defaultValue: 0.7041
-  }]
-}, $t = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, Lt = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1486,9 +1524,15 @@ const Wt = {
     type: "string",
     required: !0,
     defaultValue: "children"
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !0,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
 };
-function Lt(e) {
+function jt(e) {
   var t, n, i;
   return /* @__PURE__ */ c(
     "div",
@@ -1500,7 +1544,7 @@ function Lt(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ c(
-        ce,
+        se,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -1511,7 +1555,7 @@ function Lt(e) {
     }
   );
 }
-const jt = {
+const Dt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1543,8 +1587,20 @@ const jt = {
     name: "useChildren",
     hideFromUI: !0,
     type: "boolean"
-  }]
-}, Dt = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Ot = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1563,7 +1619,7 @@ const jt = {
     textAlign: "center"
   }
 };
-function Ot(e) {
+function _t(e) {
   var t;
   return /* @__PURE__ */ c(
     "div",
@@ -1576,7 +1632,13 @@ function Ot(e) {
     }
   );
 }
-const _t = {
+const Ht = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1599,8 +1661,8 @@ const _t = {
     advanced: !0
   }]
 };
-function Ht(e) {
-  const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []);
+function Ut(e) {
+  const t = ae(null), [n, i] = N(() => []), [o, a] = N(() => []);
   return T(() => {
     var r;
     if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
@@ -1637,7 +1699,13 @@ function Ht(e) {
     }
   );
 }
-const Ut = {
+const Mt = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1665,9 +1733,9 @@ const Ut = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Mt = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => Mt.includes(e.type);
-function zt(e) {
-  const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []), [l, r] = A(() => !1);
+}, Kt = ["text/javascript", "application/javascript", "application/ecmascript"], zt = (e) => Kt.includes(e.type);
+function qt(e) {
+  const t = ae(null), [n, i] = N(() => []), [o, a] = N(() => []), [l, r] = N(() => !1);
   function s() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1678,7 +1746,7 @@ function zt(e) {
         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))
+      } else if (zt(u) && !o.includes(u.innerText))
         try {
           o.push(u.innerText), new Function(u.innerText)();
         } catch (h) {
@@ -1697,7 +1765,13 @@ function zt(e) {
     }
   );
 }
-const qt = {
+const Yt = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1712,7 +1786,7 @@ const qt = {
   noWrap: !0,
   static: !0
 };
-function Yt(e) {
+function Jt(e) {
   return /* @__PURE__ */ c(
     "img",
     {
@@ -1724,10 +1798,10 @@ function Yt(e) {
       src: e.imgSrc || e.image,
       ...e.attributes
     },
-    $() && e.imgSrc || "default-key"
+    V() && e.imgSrc || "default-key"
   );
 }
-const Jt = {
+const Qt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1807,9 +1881,15 @@ const Jt = {
     helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
     defaultValue: !0,
     advanced: !0
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
 };
-function Qt(e) {
+function Gt(e) {
   var i, o, a, l, r, s, d;
   function t() {
     return {
@@ -1835,7 +1915,7 @@ function Qt(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ P(
     "div",
     {
       style: {
@@ -1910,43 +1990,43 @@ function Qt(e) {
     }
   );
 }
-const Gt = () => [{
-  component: Ht,
-  ..._t
-}, {
-  component: zt,
-  ...Ut
+const Xt = () => [{
+  component: Ut,
+  ...Ht
 }, {
-  component: Yt,
-  ...qt
+  component: qt,
+  ...Mt
 }, {
-  component: Qt,
-  ...Jt
-}], be = () => [{
-  component: Ge,
-  ...Wt
+  component: Jt,
+  ...Yt
 }, {
-  component: wt,
+  component: Gt,
+  ...Qt
+}], pe = () => [{
+  component: Xe,
   ...Nt
 }, {
   component: Tt,
   ...At
 }, {
-  component: Pt,
+  component: Rt,
   ...Vt
 }, {
-  component: Bt,
+  component: Et,
   ...$t
 }, {
-  component: Lt,
-  ...Ft
+  component: Wt,
+  ...Lt
 }, {
-  component: Rn,
-  ...jt
+  component: jt,
+  ...Ft
 }, {
-  component: Ot,
+  component: Pn,
   ...Dt
-}, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, {
+  component: _t,
+  ...Ot
+}, ...Xt()], Zt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2002,7 +2082,7 @@ const Gt = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, en = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2036,26 +2116,26 @@ const Gt = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ee = "builderIoAbTest", Pe = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Be = "builderIoAbTest", Ee = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), en = ({
+})), tn = ({
   canTrack: e,
   content: t
-}) => !(!(M(t).length > 0) || !e || z()), tn = (e) => e === "react" || e === "reactNative", Be = tn(B), nn = () => `
-  window.${Ee} = ${Xt}
-  window.${Pe} = ${Zt}
-  `, on = (e, t) => `
-  window.${Ee}(
-    "${t}",${JSON.stringify(e)}, ${Be}
-  )`, an = ({
+}) => !(!(M(t).length > 0) || !e || z()), nn = (e) => e === "react" || e === "reactNative", We = nn(_), on = () => `
+  window.${Be} = ${Zt}
+  window.${Ee} = ${en}
+  `, an = (e, t) => `
+  window.${Be}(
+    "${t}",${JSON.stringify(e)}, ${We}
+  )`, rn = ({
   contentId: e,
   variationId: t
-}) => `window.${Pe}(
-    "${t}", "${e}", ${Be}
+}) => `window.${Ee}(
+    "${t}", "${e}", ${We}
   )`;
-function ne(e) {
+function ie(e) {
   return /* @__PURE__ */ c(
     "script",
     {
@@ -2064,7 +2144,7 @@ function ne(e) {
     }
   );
 }
-const rn = qe({
+const ln = Ye({
   content: null,
   context: {},
   localState: void 0,
@@ -2081,7 +2161,7 @@ const rn = qe({
 function ye(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ln = (e, t, n = !0) => {
+const cn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -2092,10 +2172,10 @@ const ln = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, cn = (e) => ln(e, (t) => {
+}, sn = (e) => cn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Se = ({
+}), ve = ({
   event: e,
   target: t
 }) => {
@@ -2104,16 +2184,16 @@ const ln = (e, t, n = !0) => {
     x: a,
     y: l
   };
-}, sn = (e) => {
-  const t = e.target, n = t && cn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, dn = (e) => {
+  const t = e.target, n = t && sn(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 ? ve({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Se({
+      builderTargetOffset: n ? ve({
         event: e,
         target: n
       }) : void 0,
@@ -2121,13 +2201,13 @@ const ln = (e, t, n = !0) => {
     }
   };
 };
-async function dn({
+async function un({
   key: e,
   value: t
 }) {
-  return Ve(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
+  return $e(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function pe(e, ...t) {
+function xe(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2137,31 +2217,31 @@ function pe(e, ...t) {
   }
   return n;
 }
-function un(e) {
+function mn(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, l = [o, a];
+function fn(e, t) {
+  const n = hn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, l = [o, a];
   for (const r of l)
     for (const s of n)
       s in r || (r[s] = i[s]);
 }
-function fn(e) {
+function hn(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 bn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    un(e.elementId || e.id || "");
+    mn(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", pe(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"), pe(n.style, e.steps[1].styles), setTimeout(() => {
+    fn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", xe(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), xe(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -2193,7 +2273,7 @@ font-weight: ${r};
         `.trim());
     }
   return o;
-}, bn = ({
+}, pn = ({
   customFonts: e
 }) => {
   var t;
@@ -2201,7 +2281,7 @@ font-weight: ${r};
 }, yn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Sn = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vn = `
 .builder-button {
   all: unset;
 }
@@ -2218,34 +2298,34 @@ font-weight: ${r};
   text-align: inherit;
   font-family: inherit;
 }
-`, pn = (e) => e ? "" : Sn, xn = (e) => `variant-${e}`;
-function vn(e) {
-  var W, j, D, X, Z, se, de;
-  const t = oe(null);
-  function n(g) {
-    var S, p;
+`, xn = (e) => e ? "" : vn, kn = (e) => `variant-${e}`;
+function Sn(e) {
+  var E, F, j, Z, ee, de, ue;
+  const t = ae(null);
+  function n(b) {
+    var y, v;
     const f = {
       ...e.builderContextSignal.rootState,
-      ...g
+      ...b
     };
-    e.builderContextSignal.rootSetState ? (p = (S = e.builderContextSignal).rootSetState) == null || p.call(S, f) : e.builderContextSignal.rootState = f;
+    e.builderContextSignal.rootSetState ? (v = (y = e.builderContextSignal).rootSetState) == null || v.call(y, f) : e.builderContextSignal.rootState = f;
   }
-  function i(g) {
-    var S, p, k, P, H;
+  function i(b) {
+    var y, v, S, B, H;
     const f = {
       ...e.builderContextSignal.content,
-      ...g,
+      ...b,
       data: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
-        ...g == null ? void 0 : g.data
+        ...(y = e.builderContextSignal.content) == null ? void 0 : y.data,
+        ...b == null ? void 0 : b.data
       },
       meta: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.meta,
-        ...g == null ? void 0 : g.meta,
-        breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((H = (P = e.builderContextSignal.content) == null ? void 0 : P.meta) == null ? void 0 : H.breakpoints)
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
+        ...b == null ? void 0 : b.meta,
+        breakpoints: ((S = b == null ? void 0 : b.meta) == null ? void 0 : S.breakpoints) || ((H = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : H.breakpoints)
       }
     };
-    dn({
+    un({
       value: f,
       key: f.id
     }).then(() => {
@@ -2258,37 +2338,37 @@ function vn(e) {
       "aria-hidden": !0
     };
   }
-  const [a, l] = A(
+  const [a, l] = N(
     () => e.contentWrapper || "div"
   );
-  function r(g) {
+  function r(b) {
     return Fe({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (f) => {
-          var k;
-          const { breakpoints: S, contentId: p } = f;
-          !p || p !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || S && i({
+          var S;
+          const { breakpoints: y, contentId: v } = f;
+          !v || v !== ((S = e.builderContextSignal.content) == null ? void 0 : S.id) || y && i({
             meta: {
-              breakpoints: S
+              breakpoints: y
             }
           });
         },
         animation: (f) => {
-          hn(f);
+          bn(f);
         },
         contentUpdate: (f) => {
           i(f);
         }
       }
-    })(g);
+    })(b);
   }
   function s() {
-    var f, S;
-    const g = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.jsCode;
-    g && _({
-      code: g,
+    var f, y;
+    const b = (y = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : y.jsCode;
+    b && O({
+      code: b,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -2299,35 +2379,35 @@ function vn(e) {
       enableCache: !1
     });
   }
-  const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [v, w] = A(() => !1);
-  function y(g) {
-    var f, S;
+  const [d, m] = N(() => ({})), [u, h] = N(() => ({})), [k, w] = N(() => !1);
+  function p(b) {
+    var f, y;
     if (e.builderContextSignal.content) {
-      const p = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
-      ue({
+      const v = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, S = (y = e.builderContextSignal.content) == null ? void 0 : y.id;
+      me({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: k,
+        contentId: S,
         apiKey: e.apiKey,
-        variationId: p !== k ? p : void 0,
-        ...sn(g),
-        unique: !v
+        variationId: v !== S ? v : void 0,
+        ...dn(b),
+        unique: !k
       });
     }
-    v || w(!0);
+    k || w(!0);
   }
-  function V() {
-    var f, S, p;
-    const g = (p = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.httpRequests) != null ? p : {};
-    Object.entries(g).forEach(([k, P]) => {
-      if (!P || u[k] || d[k] && !$())
+  function A() {
+    var f, y, v;
+    const b = (v = (y = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : y.httpRequests) != null ? v : {};
+    Object.entries(b).forEach(([S, B]) => {
+      if (!B || u[S] || d[S] && !V())
         return;
-      u[k] = !0;
-      const H = P.replace(
+      u[S] = !0;
+      const H = B.replace(
         /{{([^}]+)}}/g,
-        (F, We) => String(
-          _({
-            code: We,
+        ($, Ne) => String(
+          O({
+            code: Ne,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -2336,24 +2416,24 @@ function vn(e) {
           })
         )
       );
-      Le(H).then((F) => F.json()).then((F) => {
+      je(H).then(($) => $.json()).then(($) => {
         n({
-          [k]: F
-        }), d[k] = !0;
-      }).catch((F) => {
-        console.error("error fetching dynamic data", P, F);
+          [S]: $
+        }), d[S] = !0;
+      }).catch(($) => {
+        console.error("error fetching dynamic data", B, $);
       }).finally(() => {
-        u[k] = !1;
+        u[S] = !1;
       });
     });
   }
   function x() {
-    $() && window.dispatchEvent(
+    V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ie(e.builderContextSignal.rootState),
+            state: oe(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -2362,8 +2442,8 @@ function vn(e) {
       )
     );
   }
-  function b(g) {
-    window.addEventListener("message", r), je(), De({
+  function g(b) {
+    window.addEventListener("message", r), De(), Oe({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2376,42 +2456,42 @@ function vn(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((f) => {
-      var p;
-      const S = Oe(f);
-      (p = window.parent) == null || p.postMessage(S, "*");
+      var v;
+      const y = _e(f);
+      (v = window.parent) == null || v.postMessage(y, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       x
     );
   }
-  function I(g) {
-    const f = new URL(location.href).searchParams, S = f.get("builder.preview"), p = f.get(
-      `builder.overrides.${S}`
-    ), k = f.get("apiKey") || f.get("builder.space");
-    S === e.model && k === e.apiKey && (!e.content || p === e.content.id) && ve({
+  function I(b) {
+    const f = new URL(location.href).searchParams, y = f.get("builder.preview"), v = f.get(
+      `builder.overrides.${y}`
+    ), S = f.get("apiKey") || f.get("builder.space");
+    y === e.model && S === e.apiKey && (!e.content || v === e.content.id) && Se({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((P) => {
-      P && i(P);
+    }).then((B) => {
+      B && i(B);
     });
   }
-  const R = Ye();
+  const R = Je();
   return T(() => {
-    var g;
-    return (g = t.current) == null || g.addEventListener(
+    var b;
+    return (b = t.current) == null || b.addEventListener(
       "initeditingbldr",
-      b
+      g
     ), () => {
       var f;
       return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initeditingbldr",
-        b
+        g
       );
     };
   }, []), T(() => {
-    var g;
-    return (g = t.current) == null || g.addEventListener(
+    var b;
+    return (b = t.current) == null || b.addEventListener(
       "initpreviewingbldr",
       I
     ), () => {
@@ -2422,30 +2502,30 @@ function vn(e) {
       );
     };
   }, []), T(() => {
-    var g, f;
+    var b, f;
     if (z()) {
-      if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const p = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, P = e.apiKey;
-        ue({
+      if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
+        const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, S = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
+        me({
           type: "impression",
           canTrack: !0,
-          contentId: k,
-          apiKey: P,
-          variationId: p !== k ? p : void 0
+          contentId: S,
+          apiKey: B,
+          variationId: v !== S ? v : void 0
         });
       }
-      $e() && $();
+      Le() && V();
     }
   }, []), T(() => {
     e.apiKey || J.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), s(), V(), x();
+    ), s(), A(), x();
   }, []), T(() => {
   }, [e.content]), T(() => {
     s();
-  }, [(j = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : j.jsCode]), T(() => {
-    V();
-  }, [(X = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : X.httpRequests]), T(() => {
+  }, [(F = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : F.jsCode]), T(() => {
+    A();
+  }, [(Z = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : Z.httpRequests]), T(() => {
     x();
   }, [e.builderContextSignal.rootState]), T(() => {
     e.data && n(e.data);
@@ -2458,36 +2538,36 @@ function vn(e) {
       "builder:component:stateChangeListenerActivated",
       x
     ));
-  }, []), /* @__PURE__ */ c(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ c(ln.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(
     a,
     {
       ref: t,
-      onClick: (g) => y(g),
-      "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
+      onClick: (b) => p(b),
+      "builder-content-id": (ee = e.builderContextSignal.content) == null ? void 0 : ee.id,
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: xn(
-        ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
+      className: kn(
+        ((de = e.content) == null ? void 0 : de.testVariationId) || ((ue = e.content) == null ? void 0 : ue.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function kn(e) {
+function Cn(e) {
   const t = `
 ${yn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${bn({
+${pn({
     customFonts: e.customFonts
   })}
-${pn(e.isNestedRender)}
+${xn(e.isNestedRender)}
 `.trim();
-  return /* @__PURE__ */ c(Q, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ c(G, { id: "builderio-content", styles: t });
 }
-const Cn = ({
+const In = ({
   content: e,
   data: t,
   locale: n
@@ -2504,7 +2584,7 @@ const Cn = ({
       locale: n
     } : {}
   };
-}, In = ({
+}, wn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2515,32 +2595,32 @@ const Cn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function xe(e) {
+function ke(e) {
   var o, a, l, r, s, d, m, u, h;
-  const t = an({
+  const t = rn({
     // 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 = [
-    ...be(),
+    ...pe(),
     ...e.customComponents || []
   ].reduce(
-    (v, { component: w, ...y }) => ({
-      ...v,
-      [y.name]: {
+    (k, { component: w, ...p }) => ({
+      ...k,
+      [p.name]: {
         component: w,
-        ...me(y)
+        ...fe(p)
       }
     }),
     {}
   ), i = {
-    content: In({
+    content: wn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Cn({
+    rootState: In({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2551,12 +2631,12 @@ function xe(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...be(),
+      ...pe(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: w, ...y }) => ({
-        ...v,
-        [y.name]: me(y)
+      (k, { component: w, ...p }) => ({
+        ...k,
+        [p.name]: fe(p)
       }),
       {}
     ),
@@ -2564,8 +2644,8 @@ function xe(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   };
-  return /* @__PURE__ */ E(
-    vn,
+  return /* @__PURE__ */ P(
+    Sn,
     {
       content: e.content,
       data: e.data,
@@ -2582,14 +2662,14 @@ function xe(e) {
       trustedHosts: e.trustedHosts,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ c(
-          ne,
+          ie,
           {
             id: "builderio-variant-visibility",
             scriptStr: t
           }
         ) : null,
         /* @__PURE__ */ c(
-          kn,
+          Cn,
           {
             isNestedRender: e.isNestedRender,
             contentId: (l = i.content) == null ? void 0 : l.id,
@@ -2598,7 +2678,7 @@ function xe(e) {
           }
         ),
         /* @__PURE__ */ c(
-          ce,
+          se,
           {
             blocks: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.blocks,
             context: i,
@@ -2610,14 +2690,14 @@ function xe(e) {
     }
   );
 }
-function wn(e) {
+function Tn(e) {
   var a;
-  const t = en({
+  const t = tn({
     canTrack: q(e.canTrack),
     content: e.content
   }), n = function() {
     var r;
-    return on(
+    return an(
       M(e.content).map((s) => ({
         id: s.testVariationId,
         testRatio: s.testRatio
@@ -2631,36 +2711,36 @@ function wn(e) {
     return t ? {
       ...e.content,
       testVariationId: (r = e.content) == null ? void 0 : r.id
-    } : _e({
+    } : He({
       item: e.content,
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ E(C, { children: [
-    !e.isNestedRender && B !== "reactNative" ? /* @__PURE__ */ c(
-      ne,
+  return /* @__PURE__ */ P(C, { children: [
+    !e.isNestedRender && _ !== "reactNative" ? /* @__PURE__ */ c(
+      ie,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: nn()
+        scriptStr: on()
       }
     ) : null,
-    t ? /* @__PURE__ */ E(C, { children: [
+    t ? /* @__PURE__ */ P(C, { children: [
       /* @__PURE__ */ c(
-        Q,
+        G,
         {
           id: "builderio-variants",
           styles: i()
         }
       ),
       /* @__PURE__ */ c(
-        ne,
+        ie,
         {
           id: "builderio-variants-visibility",
           scriptStr: n()
         }
       ),
       (a = M(e.content)) == null ? void 0 : a.map((l) => /* @__PURE__ */ c(
-        xe,
+        ke,
         {
           isNestedRender: e.isNestedRender,
           content: l,
@@ -2686,7 +2766,7 @@ function wn(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ c(
-      xe,
+      ke,
       {
         isNestedRender: e.isNestedRender,
         content: o(),
@@ -2711,13 +2791,13 @@ function wn(e) {
     )
   ] });
 }
-const Tn = async ({
+const Rn = 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 ve({
+    return Se({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2730,7 +2810,7 @@ const Tn = async ({
       J.error("Could not fetch symbol content: ", n);
     });
 };
-async function Rn(e) {
+async function Pn(e) {
   var a, l, r, s, d;
   const t = function() {
     return "div";
@@ -2739,17 +2819,17 @@ async function Rn(e) {
   }, i = function() {
     var u, h;
     return [
-      e.attributes[O()],
+      e.attributes[D()],
       "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
     ].filter(Boolean).join(" ");
-  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
+  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Rn({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ c("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ c(
-    wn,
+    Tn,
     {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2774,15 +2854,15 @@ async function Rn(e) {
   ) });
 }
 export {
-  ce as Blocks,
-  rn as BuilderContext,
-  Ge as Button,
-  wt as Columns,
-  wn as Content,
-  Tt as Fragment,
-  Pt as Image,
-  Bt as Section,
-  Rn as Symbol,
-  Ot as Text,
-  Qt as Video
+  se as Blocks,
+  ln as BuilderContext,
+  Xe as Button,
+  Tt as Columns,
+  Tn as Content,
+  Rt as Fragment,
+  Et as Image,
+  Wt as Section,
+  Pn as Symbol,
+  _t as Text,
+  Gt as Video
 };