@builder.io/sdk-react 4.0.10 → 4.1.1

package/lib/node/blocks-exports.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { TARGET as F, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as oe, isEditing as O, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, registerInsertMenu as lt, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Te, fetchOneEntry as Le, createEditorListener as dt, serializeIncludingFunctions as Ie, handleABTestingSync as mt } from "./server-entry-23f9b44b.js";
-import { setClientUserAttributes as qi } from "./server-entry-23f9b44b.js";
+import { TARGET as F, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as le, isEditing as O, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, registerInsertMenu as lt, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Te, fetchOneEntry as Le, createEditorListener as dt, serializeIncludingFunctions as Ie, handleABTestingSync as mt } from "./server-entry-b0a12b94.js";
+import { setClientUserAttributes as qi } from "./server-entry-b0a12b94.js";
 import { jsx as s, Fragment as R, jsxs as $ } from "react/jsx-runtime";
 import * as ft from "react";
 import { createContext as Oe, useEffect as V, useState as C, useRef as H, useContext as we, createElement as _e } from "react";
-import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as Ue, fastClone as ye } from "./setIvm-b29cbc40.js";
-import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-5a2ea9eb.js";
+import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as Ue, fastClone as ye } from "./setIvm-f591fbda.js";
+import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-da05f5c3.js";
 const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), St = (e) => typeof e == "string" && xt.has(e.toLowerCase());
 function pe(e) {
   return /* @__PURE__ */ s(R, { children: St(e.TagName) ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
@@ -64,24 +64,24 @@ const ve = Oe({
   nonce: "",
   model: ""
 }), He = Oe({ registeredComponents: {} }), Me = (e, t, n) => {
-  const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((a, o) => a != null ? a[o] : a, e);
+  const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, o) => r != null ? r[o] : r, e);
   return i === void 0 || i === e ? n : i;
 }, Ct = ({
   code: e,
   builder: t,
   context: n,
   event: i,
-  localState: a,
+  localState: r,
   rootSetState: o,
-  rootState: r
+  rootState: a
 }) => {
   const l = ht({
     builder: t,
     context: n,
     event: i,
     state: gt({
-      rootState: r,
-      localState: a,
+      rootState: a,
+      localState: r,
       rootSetState: o
     })
   });
@@ -89,17 +89,17 @@ const ve = Oe({
 }, Tt = (e) => K() || vt({
   shouldLogWarning: !0
 }) ? Ct(e) : bt(e), It = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, wt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Et = (e) => {
-  var t, n, i, a, o, r;
-  return ((i = (n = (t = It.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((r = (o = (a = wt.exec(e.trim())) == null ? void 0 : a.groups) == null ? void 0 : o.getPath) == null ? void 0 : r.slice(1));
+  var t, n, i, r, o, a;
+  return ((i = (n = (t = It.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((a = (o = (r = wt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : o.getPath) == null ? void 0 : a.slice(1));
 };
 function J({
   code: e,
   context: t,
   localState: n,
   rootState: i,
-  rootSetState: a,
+  rootSetState: r,
   event: o,
-  isExpression: r = !0
+  isExpression: a = !0
 }) {
   if (e.trim() === "")
     return;
@@ -111,12 +111,12 @@ function J({
     }, l);
   const c = {
     code: yt(e, {
-      isExpression: r
+      isExpression: a
     }),
     builder: pt(),
     context: t,
     event: o,
-    rootSetState: a,
+    rootSetState: r,
     rootState: i,
     localState: n
   };
@@ -142,7 +142,7 @@ const Pt = (e, t) => {
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((i = e.component.options) != null && i.text) && typeof e.component.options.text == "string")
     return {
       ...e.component.options,
-      text: e.component.options.text.replace(/{{([^}]+)}}/g, (a, o) => J({
+      text: e.component.options.text.replace(/{{([^}]+)}}/g, (r, o) => J({
         code: o,
         context: t,
         localState: t.localState,
@@ -157,21 +157,21 @@ function Vt(e, ...t) {
     delete n[i];
   return n;
 }
-function re(e, t, n = null, i = null, a = /* @__PURE__ */ new WeakSet()) {
+function oe(e, t, n = null, i = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
     t(e, (o) => {
       n !== null && i !== null && (n[i] = o);
     });
     return;
   }
-  a.has(e) || (a.add(e), Array.isArray(e) ? e.forEach((o, r) => {
+  r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((o, a) => {
     t(o, (c) => {
-      e[r] = c;
-    }), re(o, t, e, r, a);
-  }) : Object.entries(e).forEach(([o, r]) => {
-    t(r, (c) => {
+      e[a] = c;
+    }), oe(o, t, e, a, r);
+  }) : Object.entries(e).forEach(([o, a]) => {
+    t(a, (c) => {
       e[o] = c;
-    }), re(r, t, e, o, a);
+    }), oe(a, t, e, o, r);
   }));
 }
 function qe(e) {
@@ -181,7 +181,7 @@ function At(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return re(e, (n) => {
+  return oe(e, (n) => {
     if (qe(n)) {
       t = !0;
       return;
@@ -189,9 +189,9 @@ function At(e) {
   }), t;
 }
 function Bt(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (re(e, (n, i) => {
-    var a;
-    qe(n) && i((a = n[t]) != null ? a : void 0);
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (oe(e, (n, i) => {
+    var r;
+    qe(n) && i((r = n[t]) != null ? r : void 0);
   }), e);
 }
 function Nt(e, t) {
@@ -241,20 +241,20 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Wt = (e) =
   context: t,
   localState: n,
   rootState: i,
-  rootSetState: a
+  rootSetState: r
 }) => {
   if (!e.bindings)
     return e;
   const o = Wt(e);
-  for (const r in e.bindings) {
-    const l = e.bindings[r], c = J({
+  for (const a in e.bindings) {
+    const l = e.bindings[a], c = J({
       code: l,
       localState: n,
       rootState: i,
-      rootSetState: a,
+      rootSetState: r,
       context: t
     });
-    Ue(o, r, c);
+    Ue(o, a, c);
   }
   return o;
 };
@@ -263,37 +263,37 @@ function Ft({
   context: t,
   localState: n,
   rootState: i,
-  rootSetState: a
+  rootSetState: r
 }) {
   let o = Nt(e, i.locale);
   return o = o, Dt({
     block: o,
     localState: n,
     rootState: i,
-    rootSetState: a,
+    rootSetState: r,
     context: t
   });
 }
-const le = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+const se = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function Lt(e, t, n = {}) {
-  let i, a, o, r = null, l = 0;
+  let i, r, o, a = null, l = 0;
   const c = function() {
-    l = n.leading === !1 ? 0 : Date.now(), r = null, o = e.apply(i, a), r || (i = a = null);
+    l = n.leading === !1 ? 0 : Date.now(), a = null, o = e.apply(i, r), a || (i = r = null);
   };
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
     const f = t - (u - l);
-    return i = this, a = arguments, f <= 0 || f > t ? (r && (clearTimeout(r), r = null), l = u, o = e.apply(i, a), r || (i = a = null)) : !r && n.trailing !== !1 && (r = setTimeout(c, f)), o;
+    return i = this, r = arguments, f <= 0 || f > t ? (a && (clearTimeout(a), a = null), l = u, o = e.apply(i, r), a || (i = r = null)) : !a && n.trailing !== !1 && (a = setTimeout(c, f)), o;
   };
 }
 function Y(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
-    const a = arguments[i];
-    if (a != null)
-      for (const o in a)
-        Object.prototype.hasOwnProperty.call(a, o) && (n[o] = a[o]);
+    const r = arguments[i];
+    if (r != null)
+      for (const o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (n[o] = r[o]);
   }
   return n;
 }
@@ -312,8 +312,8 @@ function je(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function ze(e, t) {
-  const n = _t(e), i = getComputedStyle(t), a = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, r = [a, o];
-  for (const l of r)
+  const n = _t(e), i = getComputedStyle(t), r = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, a = [r, o];
+  for (const l of a)
     for (const c of n)
       c in l || (l[c] = i[c]);
 }
@@ -332,7 +332,7 @@ function Ke(e) {
   }
   Array.from(t).forEach((n) => {
     ze(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Y(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"), Y(n.style, e.steps[1].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Y(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -346,15 +346,15 @@ function Ut(e) {
   }
   Array.from(t).forEach((n) => {
     ze(e, n);
-    let i = !1, a = !1;
+    let i = !1, r = !1;
     function o() {
-      !i && l(n) ? (i = !0, a = !0, setTimeout(() => {
-        Y(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", r), setTimeout(() => {
-          a = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
+      !i && l(n) ? (i = !0, r = !0, setTimeout(() => {
+        Y(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", a), setTimeout(() => {
+          r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !a && !l(n) && (i = !1, Y(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !r && !l(n) && (i = !1, Y(n.style, e.steps[0].styles));
     }
-    const r = Lt(o, 200, {
+    const a = Lt(o, 200, {
       leading: !1
     });
     function l(f) {
@@ -366,8 +366,8 @@ function Ut(e) {
       Y(n.style, c);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", r, {
+      n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", a, {
       capture: !0,
       passive: !0
     }), o();
@@ -375,7 +375,7 @@ function Ut(e) {
 }
 const Je = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
-    return `${le(n)}: ${i};`;
+    return `${se(n)}: ${i};`;
 }).filter(ge), Ht = (e) => Je(e).join(`
 `), Q = ({
   mediaQuery: e,
@@ -425,14 +425,14 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   const i = (o = e.component) == null ? void 0 : o.name;
   if (!i)
     return null;
-  const a = t[i];
-  if (!a || Qe(a, n)) {
+  const r = t[i];
+  if (!r || Qe(r, n)) {
     console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return;
   } else
-    return a;
+    return r;
 }, zt = ({
   block: e,
   context: t
@@ -443,25 +443,25 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   } = e;
   if (!(n != null && n.collection))
     return;
-  const a = J({
+  const r = J({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(a))
+  if (!Array.isArray(r))
     return;
-  const o = n.collection.split(".").pop(), r = n.itemName || (o ? o + "Item" : "item");
-  return a.map((c, u) => ({
+  const o = n.collection.split(".").pop(), a = n.itemName || (o ? o + "Item" : "item");
+  return r.map((c, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: u,
         $item: c,
-        [r]: c,
-        [`$${r}Index`]: u
+        [a]: c,
+        [`$${a}Index`]: u
       }
     },
     block: i
@@ -474,7 +474,7 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }, Jt = (e, t, n) => {
   var i;
   return (i = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && i.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([o, r]) => !Qe(r, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([o, a]) => !Qe(a, n)))
   } : {};
 }, Gt = (e, t) => {
   var n;
@@ -507,14 +507,14 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     default: 991,
     max: 1200
   }
-}, ce = (e, t = Ye) => `@media (max-width: ${t[e].max}px)`, Xe = (e) => {
+}, ue = (e, t = Ye) => `@media (max-width: ${t[e].max}px)`, Xe = (e) => {
   const t = ye(Ye);
   if (!e)
     return t;
   const {
     xsmall: n,
     small: i,
-    medium: a
+    medium: r
   } = e;
   if (n) {
     const c = Math.floor(n / 2);
@@ -524,7 +524,7 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       default: c + 1
     };
   }
-  if (!i || !a)
+  if (!i || !r)
     return t;
   const o = n ? t.xsmall.max + 1 : Math.floor(i / 2);
   t.small = {
@@ -532,11 +532,11 @@ const Qe = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     min: o,
     default: o + 1
   };
-  const r = t.small.max + 1;
+  const a = t.small.max + 1;
   t.medium = {
-    max: a,
-    min: r,
-    default: r + 1
+    max: r,
+    min: a,
+    default: a + 1
   };
   const l = t.medium.max + 1;
   return t.large = {
@@ -563,9 +563,9 @@ function Yt(e) {
   }
   function n() {
     var k, A, T, I, g;
-    const i = e.block, a = i.responsiveStyles, o = e.context.content, r = Xe(
+    const i = e.block, r = i.responsiveStyles, o = e.context.content, a = Xe(
       ((k = o == null ? void 0 : o.meta) == null ? void 0 : k.breakpoints) || {}
-    ), l = !!((T = (A = o == null ? void 0 : o.meta) == null ? void 0 : A.breakpoints) != null && T.xsmall), c = a == null ? void 0 : a.large, u = a == null ? void 0 : a.medium, f = a == null ? void 0 : a.small, b = a == null ? void 0 : a.xsmall, m = i.id;
+    ), l = !!((T = (A = o == null ? void 0 : o.meta) == null ? void 0 : A.breakpoints) != null && T.xsmall), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, f = r == null ? void 0 : r.small, b = r == null ? void 0 : r.xsmall, m = i.id;
     if (!m)
       return "";
     const v = c ? Q({
@@ -574,23 +574,23 @@ function Yt(e) {
     }) : "", d = u ? Q({
       className: m,
       styles: u,
-      mediaQuery: ce(
+      mediaQuery: ue(
         "medium",
-        r
+        a
       )
     }) : "", h = f ? Q({
       className: m,
       styles: f,
-      mediaQuery: ce(
+      mediaQuery: ue(
         "small",
-        r
+        a
       )
     }) : "", p = b && l ? Q({
       className: m,
       styles: b,
-      mediaQuery: ce(
+      mediaQuery: ue(
         "xsmall",
-        r
+        a
       )
     }) : "", y = i.animations && i.animations.find((x) => x.trigger === "hover");
     let S = "";
@@ -600,7 +600,7 @@ function Yt(e) {
         className: `${m}:hover`,
         styles: {
           ...x,
-          transition: `all ${y.duration}s ${le(
+          transition: `all ${y.duration}s ${se(
             y.easing
           )}`,
           transitionDelay: y.delay ? `${y.delay}s` : "0s"
@@ -639,21 +639,21 @@ const Zt = (e) => `on${Xt(e)}`, en = (e, t) => (n) => J({
 function Ze(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
-  for (const a in n) {
-    if (!n.hasOwnProperty(a))
+  for (const r in n) {
+    if (!n.hasOwnProperty(r))
       continue;
-    const o = n[a];
-    let r = Zt(a);
+    const o = n[r];
+    let a = Zt(r);
     if (e.stripPrefix)
       switch (F) {
         case "vue":
-          r = r.replace("v-on:", "");
+          a = a.replace("v-on:", "");
           break;
         case "svelte":
-          r = r.replace("on:", "");
+          a = a.replace("on:", "");
           break;
       }
-    t[r] = en(o, e);
+    t[a] = en(o, e);
   }
   return t;
 }
@@ -686,7 +686,7 @@ function xe({
     block: e
   });
 }
-function an(e) {
+function rn(e) {
   return /* @__PURE__ */ s(
     pe,
     {
@@ -707,12 +707,12 @@ function an(e) {
     }
   );
 }
-function rn(e) {
+function an(e) {
   return V(() => {
   }, []), /* @__PURE__ */ s(R, { children: e.children });
 }
 function on(e) {
-  var i, a;
+  var i, r;
   C(() => 0);
   function t() {
     return e.includeBlockProps ? {
@@ -733,8 +733,8 @@ function on(e) {
     return e.wrapperProps;
   }
   return V(() => {
-  }, [e.wrapperProps, (a = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : a.options]), /* @__PURE__ */ s(R, { children: e.Wrapper.load ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
-    rn,
+  }, [e.wrapperProps, (r = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : r.options]), /* @__PURE__ */ s(R, { children: e.Wrapper.load ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
+    an,
     {
       load: e.Wrapper.load,
       fallback: e.Wrapper.fallback,
@@ -749,9 +749,9 @@ const ln = ({
   builderBlock: t,
   context: n,
   componentRef: i,
-  includeBlockProps: a,
+  includeBlockProps: r,
   isInteractive: o,
-  contextValue: r
+  contextValue: a
 }) => {
   const l = {
     ...e,
@@ -759,10 +759,10 @@ const ln = ({
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
-    ...a ? {
+    ...r ? {
       attributes: xe({
         block: t,
-        context: r
+        context: a
       })
     } : {}
   };
@@ -771,7 +771,7 @@ const ln = ({
     block: t,
     context: n,
     wrapperProps: e,
-    includeBlockProps: a
+    includeBlockProps: r
   } : l;
 };
 function Re(e) {
@@ -794,15 +794,15 @@ function Re(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: (i = e.blockChildren) == null ? void 0 : i.map((a) => /* @__PURE__ */ s(
-        se,
+      children: (i = e.blockChildren) == null ? void 0 : i.map((r) => /* @__PURE__ */ s(
+        ce,
         {
-          block: a,
+          block: r,
           context: e.context,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
         },
-        a.id
+        r.id
       ))
     }
   ) }) : null });
@@ -812,7 +812,7 @@ function Pe(e) {
   return V(() => {
     n(e.repeatContext);
   }, [e.repeatContext]), /* @__PURE__ */ s(ve.Provider, { value: t, children: /* @__PURE__ */ s(
-    se,
+    ce,
     {
       block: e.block,
       context: t,
@@ -821,7 +821,7 @@ function Pe(e) {
     }
   ) });
 }
-function se(e) {
+function ce(e) {
   var f, b, m, v;
   function t() {
     return zt({
@@ -833,9 +833,9 @@ function se(e) {
     value: null,
     update: !1
   }));
-  function a() {
+  function r() {
     var h;
-    if (n.value && !n.update && !oe())
+    if (n.value && !n.update && !le())
       return n.value;
     const d = (h = e.block.repeat) != null && h.collection ? e.block : Ft({
       block: e.block,
@@ -848,34 +848,34 @@ function se(e) {
   }
   function o() {
     return jt({
-      block: a(),
+      block: r(),
       registeredComponents: e.registeredComponents,
       model: e.context.model
     });
   }
-  function r() {
+  function a() {
     var h;
-    return e.block.tagName === "a" || ((h = a().properties) == null ? void 0 : h.href) || a().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    return e.block.tagName === "a" || ((h = r().properties) == null ? void 0 : h.href) || r().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function l() {
     var p, y;
     if ((p = e.block.repeat) != null && p.collection)
       return !!((y = t == null ? void 0 : t()) != null && y.length);
-    const d = "hide" in a() ? a().hide : !1;
-    return ("show" in a() ? a().show : !0) && !d;
+    const d = "hide" in r() ? r().hide : !1;
+    return ("show" in r() ? r().show : !0) && !d;
   }
   function c() {
     var h, p;
-    return !((h = o == null ? void 0 : o()) != null && h.component) && !t() ? (p = a().children) != null ? p : [] : [];
+    return !((h = o == null ? void 0 : o()) != null && h.component) && !t() ? (p = r().children) != null ? p : [] : [];
   }
   function u() {
     var d, h, p, y;
     return {
-      blockChildren: (d = a().children) != null ? d : [],
+      blockChildren: (d = r().children) != null ? d : [],
       componentRef: (h = o == null ? void 0 : o()) == null ? void 0 : h.component,
       componentOptions: {
-        ...Rt(a(), e.context),
-        ...Gt(o(), a()),
+        ...Rt(r(), e.context),
+        ...Gt(o(), r()),
         ...Qt(o(), e.context),
         ...Kt(o(), e.linkComponent),
         ...Jt(
@@ -887,13 +887,13 @@ function se(e) {
       context: e.context,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
-      builderBlock: a(),
+      builderBlock: r(),
       includeBlockProps: ((p = o == null ? void 0 : o()) == null ? void 0 : p.noWrap) === !0,
       isInteractive: !((y = o == null ? void 0 : o()) != null && y.isRSC && F === "rsc")
     };
   }
   return V(() => {
-    const d = a().id, h = a().animations;
+    const d = r().id, h = r().animations;
     h && d && Ot(
       h.map((p) => ({
         ...p,
@@ -903,7 +903,7 @@ function se(e) {
   }, []), V(() => {
     n.update = !0;
   }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ $(R, { children: [
-    /* @__PURE__ */ s(Yt, { block: a(), context: e.context }),
+    /* @__PURE__ */ s(Yt, { block: r(), context: e.context }),
     (f = o == null ? void 0 : o()) != null && f.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (v = t()) == null ? void 0 : v.map((d, h) => /* @__PURE__ */ s(
       Pe,
       {
@@ -936,10 +936,10 @@ function se(e) {
       },
       Ee(h)
     )) }) : /* @__PURE__ */ $(
-      an,
+      rn,
       {
-        Wrapper: r(),
-        block: a(),
+        Wrapper: a(),
+        block: r(),
         context: e.context,
         children: [
           /* @__PURE__ */ s(
@@ -957,7 +957,7 @@ function se(e) {
             }
           ),
           (b = c()) == null ? void 0 : b.map((d) => /* @__PURE__ */ s(
-            se,
+            ce,
             {
               block: d,
               registeredComponents: e.registeredComponents,
@@ -975,22 +975,22 @@ function sn(e) {
   const t = H(null);
   C(() => !1);
   function n() {
-    var r;
+    var a;
     return [
       "builder-blocks",
-      (r = e.blocks) != null && r.length ? "" : "no-blocks",
+      (a = e.blocks) != null && a.length ? "" : "no-blocks",
       e.classNameProp
     ].filter(Boolean).join(" ");
   }
   function i() {
     if (!e.path)
       return;
-    const r = "this.", l = "component.options.";
-    return e.path.startsWith(r) ? e.path.replace(r, "") : e.path.startsWith(l) ? e.path : `${l}${e.path || ""}`;
+    const a = "this.", l = "component.options.";
+    return e.path.startsWith(a) ? e.path.replace(a, "") : e.path.startsWith(l) ? e.path : `${l}${e.path || ""}`;
   }
-  function a() {
-    var r, l;
-    O() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
+  function r() {
+    var a, l;
+    O() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -1002,8 +1002,8 @@ function sn(e) {
     ));
   }
   function o() {
-    var r, l;
-    O() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
+    var a, l;
+    O() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -1030,9 +1030,9 @@ function sn(e) {
         "builder-path": i(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (r) => a(),
-        onMouseEnter: (r) => o(),
-        onKeyPress: (r) => a(),
+        onClick: (a) => r(),
+        onMouseEnter: (a) => o(),
+        onKeyPress: (a) => r(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
@@ -1040,7 +1040,7 @@ function sn(e) {
   ] });
 }
 function _(e) {
-  var i, a, o;
+  var i, r, o;
   const t = we(ve), n = we(He);
   return /* @__PURE__ */ $(
     sn,
@@ -1051,18 +1051,18 @@ function _(e) {
       styleProp: e.styleProp,
       BlocksWrapperProps: e.BlocksWrapperProps || ((i = e.context) == null ? void 0 : i.BlocksWrapperProps) || (t == null ? void 0 : t.BlocksWrapperProps),
       classNameProp: e.className,
-      BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || (t == null ? void 0 : t.BlocksWrapper),
+      BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || (t == null ? void 0 : t.BlocksWrapper),
       children: [
         e.children,
-        e.blocks ? /* @__PURE__ */ s(R, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ s(
-          se,
+        e.blocks ? /* @__PURE__ */ s(R, { children: (o = e.blocks) == null ? void 0 : o.map((a) => /* @__PURE__ */ s(
+          ce,
           {
-            block: r,
+            block: a,
             linkComponent: e.linkComponent,
             context: e.context || t,
             registeredComponents: e.registeredComponents || (n == null ? void 0 : n.registeredComponents)
           },
-          r.id
+          a.id
         )) }) : null
       ]
     }
@@ -1080,14 +1080,14 @@ function un(e) {
   function i() {
     return e.stackColumnsAt || "tablet";
   }
-  function a(y) {
+  function r(y) {
     return y.link ? e.builderLinkComponent || "a" : "div";
   }
   function o(y) {
     var S;
     return ((S = n()[y]) == null ? void 0 : S.width) || 100 / n().length;
   }
-  function r(y) {
+  function a(y) {
     const S = o(y), k = t() * (n().length - 1) * (S / 100);
     return `calc(${S}% - ${k}px)`;
   }
@@ -1116,7 +1116,7 @@ function un(e) {
     };
   }
   function b(y) {
-    const S = y === 0 ? 0 : t(), k = r(y), A = `${S}px`, T = "100%", I = 0;
+    const S = y === 0 ? 0 : t(), k = a(y), A = `${S}px`, T = "100%", I = 0;
     return {
       ...{
         display: "flex",
@@ -1209,7 +1209,7 @@ function un(e) {
           (p = e.columns) == null ? void 0 : p.map((y, S) => /* @__PURE__ */ s(
             pe,
             {
-              TagName: a(y),
+              TagName: r(y),
               actionAttributes: {},
               attributes: d(y, S),
               children: /* @__PURE__ */ s(
@@ -1241,8 +1241,8 @@ function Ve(e) {
   return e.replace(/http(s)?:/, "");
 }
 function mn(e = "", t, n) {
-  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), a = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + a + t + "=" + encodeURIComponent(n);
+  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
 function fn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
@@ -1251,24 +1251,24 @@ function fn(e, t) {
     return Ve(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]), a = n[3], o = t.match("x") ? t : `${t}x`;
-    return Ve(`${i[0]}_${o}${a}`);
+    const i = e.split(n[0]), r = n[3], o = t.match("x") ? t : `${t}x`;
+    return Ve(`${i[0]}_${o}${r}`);
   }
   return null;
 }
-function ue(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((a) => a !== i).map((a) => `${mn(e, "width", a)} ${a}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((r) => r !== i).map((r) => `${mn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [fn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
 function hn(e) {
-  var a, o, r, l, c, u;
+  var r, o, a, l, c, u;
   function t() {
     var m;
     const b = e.image || e.src;
@@ -1279,10 +1279,10 @@ function hn(e) {
     if (!e.noWebp) {
       if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), ue(b);
+          return console.debug("Removed given srcset"), ne(b);
       } else if (e.image && !e.srcset)
-        return ue(b);
-      return ue(b);
+        return ne(b);
+      return ne(b);
     }
   }
   function n() {
@@ -1341,7 +1341,7 @@ function hn(e) {
           }
         )
       ] }),
-      e.aspectRatio && !((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length && e.fitContent) ? /* @__PURE__ */ s(
+      e.aspectRatio && !((o = (r = e.builderBlock) == null ? void 0 : r.children) != null && o.length && e.fitContent) ? /* @__PURE__ */ s(
         "div",
         {
           className: "builder-image-sizer div-3cc22d08",
@@ -1350,7 +1350,7 @@ function hn(e) {
           }
         }
       ) : null,
-      (l = (r = e.builderBlock) == null ? void 0 : r.children) != null && l.length && e.fitContent ? /* @__PURE__ */ s(R, { children: e.children }) : null,
+      (l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length && e.fitContent ? /* @__PURE__ */ s(R, { children: e.children }) : null,
       !e.fitContent && ((u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-3cc22d08-2", children: e.children }) : null
     ] })
   ] });
@@ -1377,24 +1377,24 @@ function gn(e) {
   );
 }
 function bn(e, t, n, i) {
-  function a(u) {
+  function r(u) {
     return typeof u == "string";
   }
   function o(u) {
     return typeof u == "number";
   }
-  function r(u, f) {
+  function a(u, f) {
     return (() => {
       const m = f.property, v = f.operator;
       let d = f.value;
       if (f && f.property === "urlPath" && f.value && typeof f.value == "string" && f.value !== "/" && f.value.endsWith("/") && (d = f.value.slice(0, -1)), !(m && v))
         return !0;
       if (Array.isArray(d))
-        return v === "isNot" ? d.every((p) => r(u, {
+        return v === "isNot" ? d.every((p) => a(u, {
           property: m,
           operator: v,
           value: p
-        })) : !!d.find((p) => r(u, {
+        })) : !!d.find((p) => a(u, {
           property: m,
           operator: v,
           value: p
@@ -1408,11 +1408,11 @@ function bn(e, t, n, i) {
         case "isNot":
           return h !== d;
         case "contains":
-          return (a(h) || Array.isArray(h)) && h.includes(String(d));
+          return (r(h) || Array.isArray(h)) && h.includes(String(d));
         case "startsWith":
-          return a(h) && h.startsWith(String(d));
+          return r(h) && h.startsWith(String(d));
         case "endsWith":
-          return a(h) && h.endsWith(String(d));
+          return r(h) && h.endsWith(String(d));
         case "greaterThan":
           return o(h) && o(d) && h > d;
         case "lessThan":
@@ -1431,7 +1431,7 @@ function bn(e, t, n, i) {
     startDate: n,
     endDate: i
   }, c = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
-  return l.startDate && new Date(l.startDate) > c || l.endDate && new Date(l.endDate) < c ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => r(e, u));
+  return l.startDate && new Date(l.startDate) > c || l.endDate && new Date(l.endDate) < c ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => a(e, u));
 }
 const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
@@ -1594,25 +1594,25 @@ const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", xn = "filterWithCustomTargeting", et = "builderIoPersonalization", tt = "updateVisibilityStylesScript", nt = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
+}`, ie = "default", xn = "filterWithCustomTargeting", et = "builderIoPersonalization", tt = "updateVisibilityStylesScript", nt = ["react", "vue", "svelte", "qwik"], re = ["vue", "svelte", "qwik"];
 function Sn(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : ie.includes(F) ? !0 : !K();
+  return !(e && e.length > 0) || !t ? !1 : re.includes(F) ? !0 : !K();
 }
 function kn({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
   filteredVariants: i,
-  fallbackBlocks: a
+  fallbackBlocks: r
 }) {
-  var r;
+  var a;
   const o = {
-    blocks: a != null ? a : [],
+    blocks: r != null ? r : [],
     path: "this.children",
-    index: ne
+    index: ie
   };
   if (n && O()) {
-    if (typeof t == "number" && t < ((r = e == null ? void 0 : e.length) != null ? r : 0)) {
+    if (typeof t == "number" && t < ((a = e == null ? void 0 : e.length) != null ? a : 0)) {
       const l = e == null ? void 0 : e[t];
       if (l)
         return {
@@ -1772,7 +1772,7 @@ function En(e) {
   function i() {
     return !!(e.grid || e.oneAtATime);
   }
-  function a() {
+  function r() {
     return {
       display: "flex",
       alignItems: "stretch",
@@ -1797,7 +1797,7 @@ function En(e) {
       Object.entries(v).filter(([d, h]) => h !== void 0)
     );
   }
-  function r(m) {
+  function a(m) {
     return `builder-accordion-title builder-accordion-title-${t.includes(m) ? "open" : "closed"}`;
   }
   function l(m) {
@@ -1844,11 +1844,11 @@ function En(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((v) => v !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ $(ft.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ $(ft.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: r(v),
+        className: a(v),
         style: {
           ...o(),
           ...e.grid && {
@@ -2106,7 +2106,7 @@ const Rn = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((a) => a.get("width")) && (n.find((o) => !o.get("width")) || n.reduce((l, c) => l + c.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((o) => !o.get("width")) || n.reduce((l, c) => l + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2160,7 +2160,7 @@ const Rn = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(r, l = 6e4) {
+      function n(a, l = 6e4) {
         return new Promise((c, u) => {
           const f = document.createElement("img");
           let b = !1;
@@ -2168,21 +2168,21 @@ const Rn = {
             b = !0, c(f);
           }, f.addEventListener("error", (m) => {
             console.warn("Image load failed", m.error), u(m.error);
-          }), f.src = r, setTimeout(() => {
+          }), f.src = a, setTimeout(() => {
             b || u(new Error("Image load timed out"));
           }, l);
         });
       }
-      function i(r) {
-        return Math.round(r * 1e3) / 1e3;
+      function i(a) {
+        return Math.round(a * 1e3) / 1e3;
       }
-      const a = e.get("image"), o = e.get("aspectRatio");
-      if (fetch(a).then((r) => r.blob()).then((r) => {
-        r.type.includes("svg") && e.set("noWebp", !0);
-      }), a && (!o || o === 0.7041))
-        return n(a).then((r) => {
+      const r = e.get("image"), o = e.get("aspectRatio");
+      if (fetch(r).then((a) => a.blob()).then((a) => {
+        a.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!o || o === 0.7041))
+        return n(r).then((a) => {
           const l = e.get("aspectRatio");
-          e.get("image") === a && (!l || l === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+          e.get("image") === r && (!l || l === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -2303,7 +2303,7 @@ function $n(e) {
   var S, k, A, T, I, g, x, w, D, L, W, P, U;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
-  ), [a, o] = C(
+  ), [r, o] = C(
     () => {
       var E, B, N;
       return Tn(
@@ -2312,7 +2312,7 @@ function $n(e) {
         (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
       );
     }
-  ), [r, l] = C(
+  ), [a, l] = C(
     () => {
       var E, B, N;
       return In(
@@ -2381,12 +2381,12 @@ function $n(e) {
         fireImmediately: F === "qwik"
       }
     );
-    if (!(O() || oe())) {
+    if (!(O() || le())) {
       const N = h()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: N || ne,
+            variant: N || ie,
             content: (B = e.builderContext) == null ? void 0 : B.content
           },
           bubbles: !0
@@ -2397,7 +2397,7 @@ function $n(e) {
           te.isIntersecting && t.current && t.current.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: N || ne,
+                variant: N || ie,
                 content: (G = e.builderContext) == null ? void 0 : G.content
               },
               bubbles: !0
@@ -2410,7 +2410,7 @@ function $n(e) {
   }, []), V(() => () => {
     c.forEach((E) => E());
   }, []), /* @__PURE__ */ $("div", { ref: t, ...d(), children: [
-    m && ie.includes(F) ? /* @__PURE__ */ s(
+    m && re.includes(F) ? /* @__PURE__ */ s(
       _,
       {
         blocks: p().blocks,
@@ -2424,7 +2424,7 @@ function $n(e) {
         }
       }
     ) : null,
-    !m && ie.includes(F) || !ie.includes(F) ? /* @__PURE__ */ $(R, { children: [
+    !m && re.includes(F) || !re.includes(F) ? /* @__PURE__ */ $(R, { children: [
       f ? /* @__PURE__ */ $(R, { children: [
         /* @__PURE__ */ s(
           ee,
@@ -2438,7 +2438,7 @@ function $n(e) {
           q,
           {
             nonce: ((g = e.builderContext) == null ? void 0 : g.nonce) || "",
-            scriptStr: r,
+            scriptStr: a,
             id: `variants-visibility-script-${(x = e.builderBlock) == null ? void 0 : x.id}`
           }
         ),
@@ -2462,7 +2462,7 @@ function $n(e) {
                 q,
                 {
                   nonce: ((te = e.builderContext) == null ? void 0 : te.nonce) || "",
-                  scriptStr: a,
+                  scriptStr: r,
                   id: `variants-script-${(G = e.builderBlock) == null ? void 0 : G.id}-${B}`
                 }
               )
@@ -2487,8 +2487,8 @@ function $n(e) {
             q,
             {
               nonce: ((P = e.builderContext) == null ? void 0 : P.nonce) || "",
-              scriptStr: a,
-              id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ne}`
+              scriptStr: r,
+              id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ie}`
             }
           ) : null
         }
@@ -2763,11 +2763,11 @@ function _n(e) {
   const [t, n] = C(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
   );
-  function i(r) {
-    return e.tabs && e.tabs[r].content;
+  function i(a) {
+    return e.tabs && e.tabs[a].content;
   }
-  function a(r) {
-    r === t && e.collapsible ? n(-1) : n(r);
+  function r(a) {
+    a === t && e.collapsible ? n(-1) : n(a);
   }
   return /* @__PURE__ */ $("div", { children: [
     /* @__PURE__ */ s(
@@ -2780,20 +2780,20 @@ function _n(e) {
           justifyContent: e.tabHeaderLayout || "flex-start",
           overflow: "auto"
         },
-        children: (o = e.tabs) == null ? void 0 : o.map((r, l) => /* @__PURE__ */ s(
+        children: (o = e.tabs) == null ? void 0 : o.map((a, l) => /* @__PURE__ */ s(
           "span",
           {
             className: `builder-tab-wrap ${t === l ? "builder-tab-active" : ""}`,
             style: {
               ...t === l ? e.activeTabStyle : {}
             },
-            onClick: (c) => a(l),
+            onClick: (c) => r(l),
             children: /* @__PURE__ */ s(
               _,
               {
                 parent: e.builderBlock.id,
                 path: `tabs.${l}.label`,
-                blocks: r.label,
+                blocks: a.label,
                 context: e.builderContext,
                 registeredComponents: e.builderComponents,
                 linkComponent: e.builderLinkComponent
@@ -2874,8 +2874,8 @@ const Mn = {
   }]
 };
 function qn(e) {
-  const t = H(null), [n, i] = C(() => []), [a, o] = C(() => []);
-  function r() {
+  const t = H(null), [n, i] = C(() => []), [r, o] = C(() => []);
+  function a() {
     var c;
     if (!t.current || !((c = t.current) != null && c.getElementsByTagName) || typeof window == "undefined")
       return;
@@ -2893,10 +2893,10 @@ function qn(e) {
         "application/javascript",
         "application/ecmascript"
       ].includes(f.type)) {
-        if (a.includes(f.innerText))
+        if (r.includes(f.innerText))
           continue;
         try {
-          a.push(f.innerText), new Function(f.innerText)();
+          r.push(f.innerText), new Function(f.innerText)();
         } catch (b) {
           Z.warn(
             "[BUILDER.IO] `CustomCode`: Error running script:",
@@ -2907,9 +2907,9 @@ function qn(e) {
     }
   }
   return V(() => {
-    r();
+    a();
   }, []), V(() => {
-    O() && r();
+    O() && a();
   }, [e.code]), /* @__PURE__ */ s(
     "div",
     {
@@ -2936,7 +2936,7 @@ const jn = {
   }]
 }, zn = ["text/javascript", "application/javascript", "application/ecmascript"], Kn = (e) => zn.includes(e.type);
 function Jn(e) {
-  const t = H(null), [n, i] = C(() => []), [a, o] = C(() => []), [r, l] = C(() => !1);
+  const t = H(null), [n, i] = C(() => []), [r, o] = C(() => []), [a, l] = C(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -2947,17 +2947,17 @@ function Jn(e) {
         n.push(b.src);
         const m = document.createElement("script");
         m.async = !0, m.src = b.src, document.head.appendChild(m);
-      } else if (Kn(b) && !a.includes(b.innerText))
+      } else if (Kn(b) && !r.includes(b.innerText))
         try {
-          a.push(b.innerText), new Function(b.innerText)();
+          r.push(b.innerText), new Function(b.innerText)();
         } catch (m) {
           Z.warn("[BUILDER.IO] `Embed`: Error running script:", m);
         }
     }
   }
   return V(() => {
-    t.current && !r && (l(!0), c());
-  }, [t.current, r]), /* @__PURE__ */ s(
+    t.current && !a && (l(!0), c());
+  }, [t.current, a]), /* @__PURE__ */ s(
     "div",
     {
       className: "builder-embed",
@@ -3208,7 +3208,7 @@ const Gn = {
   return Qn.includes(e) ? e : "production";
 };
 function Xn(e) {
-  const t = H(null), [n, i] = C(() => "unsubmitted"), [a, o] = C(() => null), [r, l] = C(() => "");
+  const t = H(null), [n, i] = C(() => "unsubmitted"), [r, o] = C(() => null), [a, l] = C(() => "");
   function c(b) {
     var v, d;
     const m = {
@@ -3356,7 +3356,7 @@ function Xn(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "error" && a ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7c90c93e", children: JSON.stringify(a, null, 2) }) : null,
+          u() === "error" && r ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7c90c93e", children: JSON.stringify(r, null, 2) }) : null,
           u() === "success" ? /* @__PURE__ */ s(
             _,
             {
@@ -3522,10 +3522,10 @@ const ii = {
   // TODO: defaultChildren
   // canHaveChildren: true,
 };
-function ai(e) {
+function ri(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const ri = {
+const ai = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3591,15 +3591,22 @@ const li = {
   static: !0
 };
 function si(e) {
+  function t() {
+    const n = e.imgSrc || e.image;
+    if (!(!n || typeof n != "string") && n.match(/builder\.io/))
+      return ne(n);
+  }
   return /* @__PURE__ */ s(
     "img",
     {
+      loading: "lazy",
       style: {
         objectFit: e.backgroundSize || "cover",
         objectPosition: e.backgroundPosition || "center"
       },
       alt: e.altText,
       src: e.imgSrc || e.image,
+      srcSet: t(),
       ...e.attributes
     },
     O() && e.imgSrc || "default-key"
@@ -3691,7 +3698,7 @@ const ci = {
   }
 };
 function ui(e) {
-  var r, l, c, u, f, b, m;
+  var a, l, c, u, f, b, m;
   const t = H(null);
   function n() {
     return {
@@ -3717,7 +3724,7 @@ function ui(e) {
       ...n()
     };
   }
-  const [a, o] = C(() => {
+  const [r, o] = C(() => {
   });
   return V(() => {
     if (e.lazyLoad) {
@@ -3741,7 +3748,7 @@ function ui(e) {
       t.current && v.observe(t.current), o(v);
     }
   }, []), V(() => () => {
-    a && a.disconnect();
+    r && r.disconnect();
   }, []), /* @__PURE__ */ $(
     "div",
     {
@@ -3759,7 +3766,7 @@ function ui(e) {
             style: {
               width: "100%",
               height: "100%",
-              ...(r = e.attributes) == null ? void 0 : r.style,
+              ...(a = e.attributes) == null ? void 0 : a.style,
               objectFit: e.fit,
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
@@ -3839,14 +3846,14 @@ const di = () => [{
   component: ei,
   ...Zn
 }, {
-  component: ai,
+  component: ri,
   ...ii
 }, {
   component: ni,
   ...ti
 }, {
   component: oi,
-  ...ri
+  ...ai
 }, {
   component: si,
   ...li
@@ -3979,7 +3986,7 @@ const di = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, at = "builderIoAbTest", rt = "builderIoRenderContent", ae = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, rt = "builderIoAbTest", at = "builderIoRenderContent", ae = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
@@ -3987,15 +3994,15 @@ const di = () => [{
   canTrack: e,
   content: t
 }) => !(!(ae(t).length > 0) || !e || K()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", ot = gi(F), yi = () => `
-  window.${at} = ${mi}
-  window.${rt} = ${fi}
+  window.${rt} = ${mi}
+  window.${at} = ${fi}
   `, pi = (e, t) => `
-  window.${at}(
+  window.${rt}(
     "${t}",${JSON.stringify(e)}, ${ot}, ${bi}
   )`, vi = ({
   contentId: e,
   variationId: t
-}) => `window.${rt}(
+}) => `window.${at}(
     "${t}", "${e}", ${ot}
   )`;
 function Ne(e) {
@@ -4019,10 +4026,10 @@ const xi = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, o = Ne(i / n.width), r = Ne(a / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, o = Ne(i / n.width), a = Ne(r / n.height);
   return {
     x: o,
-    y: r
+    y: a
   };
 }, ki = (e) => {
   const t = e.target, n = t && Si(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
@@ -4040,11 +4047,11 @@ const xi = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ci = ["svelte", "qwik", "vue"], We = () => Ci.includes(F) && (O() || oe()), Ti = (e) => {
-  var o, r;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
-  let a = "";
-  if (i && t && n && (a += `
+}, Ci = ["svelte", "qwik", "vue"], We = () => Ci.includes(F) && (O() || le()), Ti = (e) => {
+  var o, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
+  let r = "";
+  if (i && t && n && (r += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -4056,7 +4063,7 @@ font-weight: 400;
       if (!(String(Number(l)) === l))
         continue;
       const u = e.files[l];
-      u && u !== i && (a += `
+      u && u !== i && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${u}') format('woff2');
@@ -4065,7 +4072,7 @@ font-weight: ${l};
 }
         `.trim());
     }
-  return a;
+  return r;
 }, Ii = ({
   customFonts: e
 }) => {
@@ -4127,13 +4134,13 @@ function Vi(e) {
       content: I
     }));
   }
-  function a() {
+  function r() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [o, r] = C(
+  const [o, a] = C(
     () => e.contentWrapper || "div"
   );
   function l(T) {
@@ -4268,7 +4275,7 @@ function Vi(e) {
           variationId: L !== P ? L : void 0
         });
       }
-      if (oe() && !O()) {
+      if (le() && !O()) {
         const P = new URL(location.href).searchParams, U = P.get("builder.preview"), E = P.get(
           `builder.overrides.${U}`
         ), B = P.get("apiKey") || P.get("builder.space");
@@ -4314,7 +4321,7 @@ function Vi(e) {
       style: {
         display: !e.builderContextSignal.content && We() ? "none" : void 0
       },
-      ...a(),
+      ...r(),
       ...e.contentWrapperProps,
       children: e.children
     }
@@ -4347,13 +4354,13 @@ const Bi = ({
   data: t,
   locale: n
 }) => {
-  var o, r, l;
-  const i = {}, a = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.state) || {};
-  return (l = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || l.forEach((c) => {
+  var o, a, l;
+  const i = {}, r = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.state) || {};
+  return (l = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || l.forEach((c) => {
     c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
   }), {
     ...i,
-    ...a,
+    ...r,
     ...t,
     ...n ? {
       locale: n
@@ -4389,7 +4396,7 @@ function De(e) {
       rootState: S
     }));
   }
-  const [a, o] = C(
+  const [r, o] = C(
     () => [
       ...Be(),
       ...e.customComponents || []
@@ -4403,7 +4410,7 @@ function De(e) {
       }),
       {}
     )
-  ), [r, l] = C(() => ({
+  ), [a, l] = C(() => ({
     content: Ni({
       content: e.content,
       data: e.data
@@ -4439,14 +4446,14 @@ function De(e) {
     e.apiKey || Z.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const S = (f = (u = r.content) == null ? void 0 : u.data) == null ? void 0 : f.jsCode;
+    const S = (f = (u = a.content) == null ? void 0 : u.data) == null ? void 0 : f.jsCode;
     S && J({
       code: S,
       context: e.context || {},
       localState: void 0,
-      rootState: r.rootState,
+      rootState: a.rootState,
       rootSetState: (k) => {
-        Object.assign(r.rootState, k);
+        Object.assign(a.rootState, k);
       },
       isExpression: !1
     }), c.current = !0;
@@ -4455,7 +4462,7 @@ function De(e) {
     He.Provider,
     {
       value: {
-        registeredComponents: a
+        registeredComponents: r
       },
       children: /* @__PURE__ */ $(
         Vi,
@@ -4471,7 +4478,7 @@ function De(e) {
           locale: e.locale,
           enrich: e.enrich,
           showContent: e.showContent,
-          builderContextSignal: r,
+          builderContextSignal: a,
           contentWrapper: e.contentWrapper,
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts,
@@ -4491,17 +4498,17 @@ function De(e) {
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (b = r.content) == null ? void 0 : b.id,
-                cssCode: (v = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : v.cssCode,
-                customFonts: (h = (d = r.content) == null ? void 0 : d.data) == null ? void 0 : h.customFonts
+                contentId: (b = a.content) == null ? void 0 : b.id,
+                cssCode: (v = (m = a.content) == null ? void 0 : m.data) == null ? void 0 : v.cssCode,
+                customFonts: (h = (d = a.content) == null ? void 0 : d.data) == null ? void 0 : h.customFonts
               }
             ),
             /* @__PURE__ */ s(
               _,
               {
-                blocks: (y = (p = r.content) == null ? void 0 : p.data) == null ? void 0 : y.blocks,
-                context: r,
-                registeredComponents: a,
+                blocks: (y = (p = a.content) == null ? void 0 : p.data) == null ? void 0 : y.blocks,
+                context: a,
+                registeredComponents: r,
                 linkComponent: e.linkComponent
               }
             )
@@ -4512,7 +4519,7 @@ function De(e) {
   );
 }
 function $i(e) {
-  var r;
+  var a;
   const [t, n] = C(
     () => hi({
       canTrack: X(e.canTrack),
@@ -4529,7 +4536,7 @@ function $i(e) {
       ((l = e.content) == null ? void 0 : l.id) || ""
     );
   }
-  function a() {
+  function r() {
     return ae(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
   }
   function o() {
@@ -4567,7 +4574,7 @@ function $i(e) {
         ee,
         {
           id: "builderio-variants",
-          styles: a(),
+          styles: r(),
           nonce: e.nonce || ""
         }
       ),
@@ -4579,7 +4586,7 @@ function $i(e) {
           nonce: e.nonce || ""
         }
       ),
-      (r = ae(e.content)) == null ? void 0 : r.map((l) => /* @__PURE__ */ s(
+      (a = ae(e.content)) == null ? void 0 : a.map((l) => /* @__PURE__ */ s(
         De,
         {
           apiHost: e.apiHost,
@@ -4671,16 +4678,16 @@ function Di(e) {
       (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
-  const [a, o] = C(() => {
+  const [r, o] = C(() => {
     var d;
     return (d = e.symbol) == null ? void 0 : d.content;
-  }), [r, l] = C(() => {
+  }), [a, l] = C(() => {
     var d;
     return (d = e.symbol) == null ? void 0 : d.entry;
   });
   function c() {
     var d;
-    a && r === ((d = e.symbol) == null ? void 0 : d.entry) || Wi({
+    r && a === ((d = e.symbol) == null ? void 0 : d.entry) || Wi({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((h) => {
@@ -4706,11 +4713,11 @@ function Di(e) {
       data: {
         ...(f = e.symbol) == null ? void 0 : f.data,
         ...e.builderContext.localState,
-        ...(b = a == null ? void 0 : a.data) == null ? void 0 : b.state
+        ...(b = r == null ? void 0 : r.data) == null ? void 0 : b.state
       },
       canTrack: e.builderContext.canTrack,
       model: (v = (m = e.symbol) == null ? void 0 : m.model) != null ? v : "",
-      content: a,
+      content: r,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: t(),
       contentWrapper: n()